{"version":3,"mappings":";kNAgBO,eAAeA,EAAkBC,EAAKC,EAAS,CACrD,IAAIC,EAEAD,GAAA,MAAAA,EAAS,aAGZC,GADe,MAAKC,EAAA,IAAC,OAAO,qBAAkB,6CAC7B,SAGlB,MAAMC,EAAYC,EAAgB,iBAAkB,CACrD,KAAEC,EACF,aAAEC,EACF,SAAEC,EACF,QAAEC,CACF,CAAE,EAEDT,EAAI,UAAU,yBAA0BU,CAAmB,EAC3DV,EAAI,IACHW,EACAC,EAAc,CAEb,OAAQ,CACP,QAAAV,CACA,EACD,MAAO,CACN,MAAOW,EACP,OAAQC,EACR,kBAAmBD,EACnB,eAAgBE,CAChB,EACD,QAAS,CAACX,EAAWY,EAAgBC,CAAoB,EACzD,OAAQ,CACP,QAASC,EAAgB,CAExB,OAAQ,CACP,MAAO,qCACP,EACD,OAAQ,CACP,MAAO,qCACP,CACN,CAAK,CACD,CACJ,CAAG,CACH,CACA","names":["initFormKitSchema","app","options","barcode","__vitePreload","proPlugin","createProPlugin","mask","autocomplete","dropdown","taglist","RichTextHtmlElement","plugin","defaultConfig","iconCheckmark","iconSearch","iconRadio","scrollToErrors","maskLengthValidation","generateClasses"],"ignoreList":[],"sources":["../../../../Coloplast.UI/src/shared/utils/initFormKitSchema.js"],"sourcesContent":["import RichTextHtmlElement from 'shared/components/FormKitBuilderContainer/FormElements/RichTextHtmlElement.vue';\r\nimport { plugin, defaultConfig } from \"@formkit/vue\";\r\nimport { iconCheckmark, iconRadio, iconSearch } from \"@coloplast/design-system/dist/exports/icons\";\r\nimport { createProPlugin, mask, autocomplete, dropdown, taglist } from '@formkit/pro'\r\nimport scrollToErrors from 'multisite/formkit.config';\r\nimport maskLengthValidation from 'shared/components/FormKitBuilderContainer/formkitMask.config'\r\nimport \"@coloplast/design-system/dist/components/formkit/formkit.css\";\r\nimport { generateClasses } from \"@formkit/themes\";\r\n\r\n/**\r\n * Initializes the FormKit schema.\r\n * @param {Object} app - The application object.\r\n * @param {Object} [options] - The options for initializing the FormKit schema.\r\n * @param {boolean} [options.useBarcode] - Whether to use the barcode module.\r\n * @returns {Promise<void>} - A promise that resolves when the FormKit schema is initialized.\r\n */\r\nexport async function initFormKitSchema(app, options) {\r\n\tlet barcode;\r\n\r\n\tif (options?.useBarcode) {\r\n\t\t// This module is quite large, so we only import it if we need it\r\n\t\tconst module = await import('@formkit/barcode');\r\n\t\tbarcode = module.barcode;\r\n\t}\r\n\r\n\tconst proPlugin = createProPlugin('fk-570552d805b', {\r\n\t\tmask,\r\n\t\tautocomplete,\r\n\t\tdropdown,\r\n\t\ttaglist\r\n\t});\r\n\r\n\tapp.component('RichTextHtmlElementCmp', RichTextHtmlElement);\r\n\tapp.use(\r\n\t\tplugin,\r\n\t\tdefaultConfig({\r\n\t\t\t/* You'll need to register the design system icons you'd like to use in the FormKit inputs */\r\n\t\t\tinputs: {\r\n\t\t\t\tbarcode,\r\n\t\t\t},\r\n\t\t\ticons: {\r\n\t\t\t\tcheck: iconCheckmark,\r\n\t\t\t\tsearch: iconSearch,\r\n\t\t\t\tcheckboxDecorator: iconCheckmark,\r\n\t\t\t\tradioDecorator: iconRadio,\r\n\t\t\t},\r\n\t\t\tplugins: [proPlugin, scrollToErrors, maskLengthValidation],\r\n\t\t\tconfig: {\r\n\t\t\t\tclasses: generateClasses({\r\n\t\t\t\t\t/* We reset button and submit styles, and instead point them to the design system button classes */\r\n\t\t\t\t\tbutton: {\r\n\t\t\t\t\t\tinput: \"$reset ds-button ds-button--primary\",\r\n\t\t\t\t\t},\r\n\t\t\t\t\tsubmit: {\r\n\t\t\t\t\t\tinput: \"$reset ds-button ds-button--primary\",\r\n\t\t\t\t\t},\r\n\t\t\t\t}),\r\n\t\t\t}\r\n\t\t}),\r\n\t);\r\n}\r\n"],"file":"initFormKitSchema-BNmAzNVL.js"}