npm - @milaboratories/uikit - Versions diffs - 2.11.6 → 2.11.7 - Mend

@milaboratories/uikit 2.11.6 → 2.11.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1115) hide show

package/dist/components/PlSectionSeparator/PlSectionSeparator.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlSectionSeparator.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSectionSeparator/PlSectionSeparator.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n /*\n If `true`, remove top padding\n */\n compact?: boolean;\n}>();\n</script>\n\n<template>\n <div class=\"pl-section-separator\" :class=\"{ [$style.compact]: compact }\">\n <div :class=\"$style.content\"><slot /></div>\n </div>\n</template>\n\n<style module>\n:global(.pl-section-separator) {\n --pl-separator-padding: 20px 0 4px 0;\n --pl-separator-txt-color: var(--txt-03);\n --pl-separador-divider-color: var(--border-color-div-grey);\n --mask-icon-bg-color: var(--ic-02);\n display: flex;\n flex-direction: column;\n padding: var(--pl-separator-padding);\n}\n\n:global(.pl-section-separator):first-child {\n --pl-separator-padding: 4px 0 4px 0;\n}\n\n.compact {\n --pl-separator-padding: 0 0 4px 0;\n}\n\n.content {\n flex: 1;\n display: flex;\n align-items: center;\n gap: 4px;\n color: var(--pl-separator-txt-color);\n font-size: 13px;\n font-weight: 600;\n line-height: 14px;\n min-height: 16px;\n letter-spacing: 0.52px;\n text-transform: uppercase;\n user-select: none;\n}\n\n.content::after {\n flex: 1;\n content: \"\";\n height: 1px;\n background-color: var(--pl-separador-divider-color);\n margin-left: 4px;\n}\n</style>\n"],"mappings":"~~;;;;;~~yBAUE,EAEM,OAAA,EAFD,OAAK,EAAA,CAAC,wBAAsB,GAAYA,EAAAA,OAAO,UAAU,EAAA,SAAO,CAAA,CAAA,EAAA,EAAA,CACnE,EAA2C,OAAA,EAArC,OAAK,EAAEA,EAAAA,OAAO,QAAO,EAAA,EAAA,CAAE,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}
1	+ {"version":3,"file":"PlSectionSeparator.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSectionSeparator/PlSectionSeparator.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n /*\n If `true`, remove top padding\n */\n compact?: boolean;\n}>();\n</script>\n\n<template>\n <div class=\"pl-section-separator\" :class=\"{ [$style.compact]: compact }\">\n <div :class=\"$style.content\"><slot /></div>\n </div>\n</template>\n\n<style module>\n:global(.pl-section-separator) {\n --pl-separator-padding: 20px 0 4px 0;\n --pl-separator-txt-color: var(--txt-03);\n --pl-separador-divider-color: var(--border-color-div-grey);\n --mask-icon-bg-color: var(--ic-02);\n display: flex;\n flex-direction: column;\n padding: var(--pl-separator-padding);\n}\n\n:global(.pl-section-separator):first-child {\n --pl-separator-padding: 4px 0 4px 0;\n}\n\n.compact {\n --pl-separator-padding: 0 0 4px 0;\n}\n\n.content {\n flex: 1;\n display: flex;\n align-items: center;\n gap: 4px;\n color: var(--pl-separator-txt-color);\n font-size: 13px;\n font-weight: 600;\n line-height: 14px;\n min-height: 16px;\n letter-spacing: 0.52px;\n text-transform: uppercase;\n user-select: none;\n}\n\n.content::after {\n flex: 1;\n content: \"\";\n height: 1px;\n background-color: var(--pl-separador-divider-color);\n margin-left: 4px;\n}\n</style>\n"],"mappings":";;;;;;yBAUE,EAEM,OAAA,EAFD,OAAK,EAAA,CAAC,wBAAsB,GAAYA,EAAAA,OAAO,UAAU,EAAA,SAAO,CAAA,CAAA,EAAA,EAAA,CACnE,EAA2C,OAAA,EAArC,OAAK,EAAEA,EAAAA,OAAO,QAAO,EAAA,EAAA,CAAE,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/components/PlSidebar/PlSidebarGroup.js CHANGED Viewed

@@ -2,6 +2,7 @@ import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./PlSidebarGroup.vue2.js";
 import n from "./PlSidebarGroup.style.js";
 var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
 export { r as default };
 //# sourceMappingURL=PlSidebarGroup.js.map

package/dist/components/PlSidebar/PlSidebarGroup.style.js CHANGED Viewed

@@ -2,6 +2,7 @@ import './PlSidebarGroup.vue.css';var e = {
 	root: "_root_sl0od_131",
 	item: "_item_sl0od_137"
 };
+//#endregion
 export { e as default };
 //# sourceMappingURL=PlSidebarGroup.style.js.map

package/dist/components/PlSidebar/PlSidebarGroup.vue2.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Fragment as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderList as a, renderSlot as o, useSlots as s } from "vue";
+//#region src/components/PlSidebar/PlSidebarGroup.vue?vue&type=script&setup=true&lang.ts
 var c = /* @__PURE__ */ n({
 	__name: "PlSidebarGroup",
 	setup(n) {
@@ -9,6 +10,7 @@ var c = /* @__PURE__ */ n({
 		}, [o(n.$slots, e)], 2))), 128))], 2));
 	}
 });
+//#endregion
 export { c as default };
 //# sourceMappingURL=PlSidebarGroup.vue2.js.map

package/dist/components/PlSidebar/PlSidebarGroup.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlSidebarGroup.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n [K in `item-${number}`]: () => unknown;\n}>();\n</script>\n\n<template>\n <div :class=\"$style.root\">\n <template v-for=\"name in Object.keys(slots) as `item-${number}`[]\" :key=\"name\">\n <div :class=\"$style.item\">\n <slot :name=\"name\" />\n </div>\n </template>\n </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n position: relative;\n display: flex;\n flex-direction: row;\n}\n\n.item {\n width: 1000%;\n height: 100%;\n border-right: 1px solid var(--border-color-div-grey);\n\n &:last-child {\n border-right: none;\n }\n}\n</style>\n"],"mappings":"~~;;;;~~EACA,IAAM,IAAQ,GAEV;yBAIF,EAMM,OAAA,EANA,OAAK,EAAEA,EAAAA,OAAO,KAAI,EAAA,EAAA,EAAA,EAAA,GAAA,EACtB,EAIW,GAAA,MAAA,EAJc,OAAO,KAAK,EAAK,GAAzB,YACf,EAEM,OAAA;QAHiE;GACjE,OAAK,EAAEA,EAAAA,OAAO,KAAI;MACtB,EAAqB,EAAA,QAAR,EAAI,CAAA,EAAA,EAAA"}
1	+ {"version":3,"file":"PlSidebarGroup.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n [K in `item-${number}`]: () => unknown;\n}>();\n</script>\n\n<template>\n <div :class=\"$style.root\">\n <template v-for=\"name in Object.keys(slots) as `item-${number}`[]\" :key=\"name\">\n <div :class=\"$style.item\">\n <slot :name=\"name\" />\n </div>\n </template>\n </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n position: relative;\n display: flex;\n flex-direction: row;\n}\n\n.item {\n width: 1000%;\n height: 100%;\n border-right: 1px solid var(--border-color-div-grey);\n\n &:last-child {\n border-right: none;\n }\n}\n</style>\n"],"mappings":";;;;;EACA,IAAM,IAAQ,GAEV;yBAIF,EAMM,OAAA,EANA,OAAK,EAAEA,EAAAA,OAAO,KAAI,EAAA,EAAA,EAAA,EAAA,GAAA,EACtB,EAIW,GAAA,MAAA,EAJc,OAAO,KAAK,EAAK,GAAzB,YACf,EAEM,OAAA;QAHiE;GACjE,OAAK,EAAEA,EAAAA,OAAO,KAAI;MACtB,EAAqB,EAAA,QAAR,EAAI,CAAA,EAAA,EAAA"}

package/dist/components/PlSidebar/PlSidebarItem.js CHANGED Viewed

@@ -2,6 +2,7 @@ import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./PlSidebarItem.vue2.js";
 import n from "./PlSidebarItem.style.js";
 var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
 export { r as default };
 //# sourceMappingURL=PlSidebarItem.js.map

package/dist/components/PlSidebar/PlSidebarItem.style.js CHANGED Viewed

@@ -5,6 +5,7 @@ import './PlSidebarItem.vue.css';var e = {
 	body: "_body_l9wjt_149",
 	footer: "_footer_l9wjt_155"
 };
+//#endregion
 export { e as default };
 //# sourceMappingURL=PlSidebarItem.style.js.map

package/dist/components/PlSidebar/PlSidebarItem.vue2.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { createCommentVNode as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, useSlots as o } from "vue";
+//#region src/components/PlSidebar/PlSidebarItem.vue?vue&type=script&setup=true&lang.ts
 var s = /* @__PURE__ */ n({
 	__name: "PlSidebarItem",
 	setup(n) {
@@ -19,6 +20,7 @@ var s = /* @__PURE__ */ n({
 		], 2));
 	}
 });
+//#endregion
 export { s as default };
 //# sourceMappingURL=PlSidebarItem.vue2.js.map

package/dist/components/PlSidebar/PlSidebarItem.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlSidebarItem.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n header?: () => unknown;\n \"header-content\"?: () => unknown;\n body?: () => unknown;\n \"body-content\"?: () => unknown;\n footer?: () => unknown;\n \"footer-content\"?: () => unknown;\n}>();\n</script>\n\n<template>\n <div :class=\"$style.root\">\n <slot name=\"header\">\n <div v-if=\"slots['header-content']\" :class=\"$style.header\">\n <slot name=\"header-content\" />\n </div>\n </slot>\n <slot name=\"body\">\n <div v-if=\"slots['body-content']\" :class=\"$style.body\">\n <slot name=\"body-content\" />\n </div>\n </slot>\n <slot name=\"footer\">\n <div v-if=\"slots['footer-content']\" :class=\"$style.footer\">\n <slot name=\"footer-content\" />\n </div>\n </slot>\n </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n position: relative;\n display: flex;\n flex-direction: column;\n}\n.close {\n cursor: pointer;\n position: absolute;\n top: 8px;\n right: 8px;\n padding: 8px;\n}\n.header {\n padding: 24px;\n}\n.body {\n flex-grow: 1;\n padding: 24px;\n overflow-y: auto;\n}\n.footer {\n padding: 24px;\n border-top: 1px solid var(--border-color-div-grey);\n}\n</style>\n"],"mappings":"~~;;;;~~EACA,IAAM,IAAQ,GAOV;yBAIF,EAgBM,OAAA,EAhBA,OAAK,EAAEA,EAAAA,OAAO,KAAI,EAAA,EAAA;GACtB,EAIO,EAAA,QAAA,UAAA,EAAA,QAAA,CAHM,EAAK,qBAAA,GAAA,EAAhB,EAEM,OAAA;;IAF+B,OAAK,EAAEA,EAAAA,OAAO,OAAM;OACvD,EAA8B,EAAA,QAAA,iBAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAGlC,EAIO,EAAA,QAAA,QAAA,EAAA,QAAA,CAHM,EAAK,mBAAA,GAAA,EAAhB,EAEM,OAAA;;IAF6B,OAAK,EAAEA,EAAAA,OAAO,KAAI;OACnD,EAA4B,EAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAGhC,EAIO,EAAA,QAAA,UAAA,EAAA,QAAA,CAHM,EAAK,qBAAA,GAAA,EAAhB,EAEM,OAAA;;IAF+B,OAAK,EAAEA,EAAAA,OAAO,OAAM;OACvD,EAA8B,EAAA,QAAA,iBAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"PlSidebarItem.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n header?: () => unknown;\n \"header-content\"?: () => unknown;\n body?: () => unknown;\n \"body-content\"?: () => unknown;\n footer?: () => unknown;\n \"footer-content\"?: () => unknown;\n}>();\n</script>\n\n<template>\n <div :class=\"$style.root\">\n <slot name=\"header\">\n <div v-if=\"slots['header-content']\" :class=\"$style.header\">\n <slot name=\"header-content\" />\n </div>\n </slot>\n <slot name=\"body\">\n <div v-if=\"slots['body-content']\" :class=\"$style.body\">\n <slot name=\"body-content\" />\n </div>\n </slot>\n <slot name=\"footer\">\n <div v-if=\"slots['footer-content']\" :class=\"$style.footer\">\n <slot name=\"footer-content\" />\n </div>\n </slot>\n </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n position: relative;\n display: flex;\n flex-direction: column;\n}\n.close {\n cursor: pointer;\n position: absolute;\n top: 8px;\n right: 8px;\n padding: 8px;\n}\n.header {\n padding: 24px;\n}\n.body {\n flex-grow: 1;\n padding: 24px;\n overflow-y: auto;\n}\n.footer {\n padding: 24px;\n border-top: 1px solid var(--border-color-div-grey);\n}\n</style>\n"],"mappings":";;;;;EACA,IAAM,IAAQ,GAOV;yBAIF,EAgBM,OAAA,EAhBA,OAAK,EAAEA,EAAAA,OAAO,KAAI,EAAA,EAAA;GACtB,EAIO,EAAA,QAAA,UAAA,EAAA,QAAA,CAHM,EAAK,qBAAA,GAAA,EAAhB,EAEM,OAAA;;IAF+B,OAAK,EAAEA,EAAAA,OAAO,OAAM;OACvD,EAA8B,EAAA,QAAA,iBAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAGlC,EAIO,EAAA,QAAA,QAAA,EAAA,QAAA,CAHM,EAAK,mBAAA,GAAA,EAAhB,EAEM,OAAA;;IAF6B,OAAK,EAAEA,EAAAA,OAAO,KAAI;OACnD,EAA4B,EAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAGhC,EAIO,EAAA,QAAA,UAAA,EAAA,QAAA,CAHM,EAAK,qBAAA,GAAA,EAAhB,EAEM,OAAA;;IAF+B,OAAK,EAAEA,EAAAA,OAAO,OAAM;OACvD,EAA8B,EAAA,QAAA,iBAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}

package/dist/components/PlSlideModal/PlPureSlideModal.js CHANGED Viewed

@@ -1,5 +1,7 @@
 import e from "./PlPureSlideModal.vue2.js";
+//#region src/components/PlSlideModal/PlPureSlideModal.vue
 var t = e;
+//#endregion
 export { t as default };
 //# sourceMappingURL=PlPureSlideModal.js.map

package/dist/components/PlSlideModal/PlPureSlideModal.vue2.js CHANGED Viewed

@@ -40,6 +40,7 @@ var b = /* @__PURE__ */ u({
 		}, null, 32)) : s("", !0)]));
 	}
 });
+//#endregion
 export { b as default };
 //# sourceMappingURL=PlPureSlideModal.vue2.js.map

package/dist/components/PlSlideModal/PlSlideModal.js CHANGED Viewed

@@ -2,6 +2,7 @@ import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./PlSlideModal.vue2.js";
 import n from "./PlSlideModal.style.js";
 var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
 export { r as default };
 //# sourceMappingURL=PlSlideModal.js.map

package/dist/components/PlSlideModal/PlSlideModal.style.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import './PlSlideModal.vue.css';var e = { root: "_root_1ec3a_2" };
+//#endregion
 export { e as default };
 //# sourceMappingURL=PlSlideModal.style.js.map

package/dist/components/PlSlideModal/PlSlideModal.vue2.js CHANGED Viewed

@@ -2,6 +2,7 @@ import './pl-slide-modal.css';/* empty css               */
 import { defaultProps as e } from "./props.js";
 import t from "./PlPureSlideModal.js";
 import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeDefaults as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, useAttrs as f, useSlots as p, withCtx as m } from "vue";
+//#region src/components/PlSlideModal/PlSlideModal.vue?vue&type=script&setup=true&lang.ts
 var h = {
 	key: 0,
 	class: "pl-slide-modal__title"
@@ -35,6 +36,7 @@ var h = {
 		}, 16, ["class"]));
 	}
 });
+//#endregion
 export { y as default };
 //# sourceMappingURL=PlSlideModal.vue2.js.map

package/dist/components/PlSlideModal/PlSlideModal.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlSlideModal.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSlideModal/PlSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlSlideModal\",\n inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\nimport { useAttrs, useSlots } from \"vue\";\nimport PlPureSlideModal from \"./PlPureSlideModal.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst slots = useSlots();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n</script>\n\n<template>\n <PlPureSlideModal\n v-bind=\"{ ...props, ...attrs }\"\n :class=\"[$style.root, { 'has-title': slots.title, 'has-actions': slots.actions }]\"\n >\n <div v-if=\"slots.title\" class=\"pl-slide-modal__title\">\n <span class=\"pl-slide-modal__title-content\">\n <slot name=\"title\" />\n </span>\n </div>\n <div class=\"pl-slide-modal__content\">\n <slot />\n </div>\n <div v-if=\"slots.actions\" class=\"pl-slide-modal__actions\">\n <slot name=\"actions\" />\n </div>\n </PlPureSlideModal>\n</template>\n\n<style lang=\"css\" module>\n.root {\n --padding-top: 24px;\n --padding-bottom: 24px;\n}\n</style>\n"],"mappings":"~~;;;;;;;;;;;~~CAEE,MAAM;CACN,cAAc;;;;;;;;EAWhB,IAAM,IAAQ,GAAU,EAClB,IAAQ,GAAU,EAClB,IAAQ;yBAIZ,EAemB,GAfnB,EAemB;GAAA,GAdJ;GAAK,GAAK,EAAA,EAAK;GAAA,EAAA,EAC3B,OAAK,CAAGA,EAAAA,OAAO,MAAI;GAAA,aAAiB,EAAA,EAAK,CAAC;GAAK,eAAiB,EAAA,EAAK,CAAC;GAAO,CAAA,EAAA,CAAA,EAAA;oBAMxE;IAJK,EAAA,EAAK,CAAC,SAAA,GAAA,EAAjB,EAIM,OAJN,GAIM,CAHJ,EAEO,QAFP,GAEO,CADL,EAAqB,EAAA,QAAA,QAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAGzB,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;IAEC,EAAA,EAAK,CAAC,WAAA,GAAA,EAAjB,EAEM,OAFN,GAEM,CADJ,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}
1	+ {"version":3,"file":"PlSlideModal.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSlideModal/PlSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlSlideModal\",\n inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\nimport { useAttrs, useSlots } from \"vue\";\nimport PlPureSlideModal from \"./PlPureSlideModal.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst slots = useSlots();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n</script>\n\n<template>\n <PlPureSlideModal\n v-bind=\"{ ...props, ...attrs }\"\n :class=\"[$style.root, { 'has-title': slots.title, 'has-actions': slots.actions }]\"\n >\n <div v-if=\"slots.title\" class=\"pl-slide-modal__title\">\n <span class=\"pl-slide-modal__title-content\">\n <slot name=\"title\" />\n </span>\n </div>\n <div class=\"pl-slide-modal__content\">\n <slot />\n </div>\n <div v-if=\"slots.actions\" class=\"pl-slide-modal__actions\">\n <slot name=\"actions\" />\n </div>\n </PlPureSlideModal>\n</template>\n\n<style lang=\"css\" module>\n.root {\n --padding-top: 24px;\n --padding-bottom: 24px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;CAEE,MAAM;CACN,cAAc;;;;;;;;EAWhB,IAAM,IAAQ,GAAU,EAClB,IAAQ,GAAU,EAClB,IAAQ;yBAIZ,EAemB,GAfnB,EAemB;GAAA,GAdJ;GAAK,GAAK,EAAA,EAAK;GAAA,EAAA,EAC3B,OAAK,CAAGA,EAAAA,OAAO,MAAI;GAAA,aAAiB,EAAA,EAAK,CAAC;GAAK,eAAiB,EAAA,EAAK,CAAC;GAAO,CAAA,EAAA,CAAA,EAAA;oBAMxE;IAJK,EAAA,EAAK,CAAC,SAAA,GAAA,EAAjB,EAIM,OAJN,GAIM,CAHJ,EAEO,QAFP,GAEO,CADL,EAAqB,EAAA,QAAA,QAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAGzB,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;IAEC,EAAA,EAAK,CAAC,WAAA,GAAA,EAAjB,EAEM,OAFN,GAEM,CADJ,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}

package/dist/components/PlSlideModal/props.js CHANGED Viewed

@@ -1,9 +1,11 @@
-const e = {
+//#region src/components/PlSlideModal/props.ts
+var e = {
 	modelValue: !1,
 	width: "368px",
 	shadow: !1,
 	closeOnOutsideClick: !0
 };
+//#endregion
 export { e as defaultProps };
 //# sourceMappingURL=props.js.map

package/dist/components/PlSlideModal/props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"props.js","names":[],"sources":["../../../src/components/PlSlideModal/props.ts"],"sourcesContent":["export type Props = {\n /*\n Determines whether the modal is open\n /\n modelValue: boolean;\n /\n Css `width` value (px, %, em etc)\n /\n width?: string;\n /\n If `true`, then show shadow (default value `false`)\n /\n shadow?: boolean;\n /\n If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n */\n closeOnOutsideClick?: boolean;\n};\n\nexport const defaultProps: Props = {\n modelValue: false,\n width: \"368px\",\n shadow: false,\n closeOnOutsideClick: true,\n};\n"],"mappings":"AAmBA,~~MAAa~~,IAAsB;CACjC,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,qBAAqB;CACtB"}
1	+ {"version":3,"file":"props.js","names":[],"sources":["../../../src/components/PlSlideModal/props.ts"],"sourcesContent":["export type Props = {\n /*\n Determines whether the modal is open\n /\n modelValue: boolean;\n /\n Css `width` value (px, %, em etc)\n /\n width?: string;\n /\n If `true`, then show shadow (default value `false`)\n /\n shadow?: boolean;\n /\n If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n */\n closeOnOutsideClick?: boolean;\n};\n\nexport const defaultProps: Props = {\n modelValue: false,\n width: \"368px\",\n shadow: false,\n closeOnOutsideClick: true,\n};\n"],"mappings":";AAmBA,IAAa,IAAsB;CACjC,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,qBAAqB;CACtB"}

package/dist/components/PlSplash/PlSplash.js CHANGED Viewed

@@ -1,5 +1,7 @@
 import e from "./PlSplash.vue2.js";
+//#region src/components/PlSplash/PlSplash.vue
 var t = e;
+//#endregion
 export { t as default };
 //# sourceMappingURL=PlSplash.js.map

package/dist/components/PlSplash/PlSplash.vue2.js CHANGED Viewed

@@ -2,6 +2,7 @@ import e from "./pl-splash.module.js";
 import t from "../PlLoaderCircular/PlLoaderCircular.js";
 import "../PlLoaderCircular/index.js";
 import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d } from "vue";
+//#region src/components/PlSplash/PlSplash.vue?vue&type=script&setup=true&lang.ts
 var f = /* @__PURE__ */ o({
 	__name: "PlSplash",
 	props: {
@@ -25,6 +26,7 @@ var f = /* @__PURE__ */ o({
 		}, u(o.loadingText), 3)) : n("", !0)])], 2)) : n("", !0), l(f.$slots, "default")], 2));
 	}
 });
+//#endregion
 export { f as default };
 //# sourceMappingURL=PlSplash.vue2.js.map

package/dist/components/PlSplash/PlSplash.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlSplash.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlSplash/PlSplash.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from \"./pl-splash.module.scss\";\nimport { PlLoaderCircular } from \"../PlLoaderCircular\";\n\nwithDefaults(\n defineProps<{\n /*\n Optional string that sets text that will be shown below the PlLoaderCircular.\n /\n loadingText?: string;\n /\n If `true` the loading overlay is shown.\n /\n loading?: boolean;\n /\n @TODO\n */\n type?: \"table\" \| \"transparent\";\n }>(),\n { loadingText: undefined, loading: false, type: undefined },\n);\n</script>\n\n<template>\n <div\n :class=\"[\n style.splash,\n { [style.table]: type === 'table', [style.transparent]: type === 'transparent' },\n ]\"\n >\n <div v-if=\"loading\" :class=\"[style.overlay]\">\n <div>\n <!-- @TODO refactor PlLoaderCircular size property -->\n <PlLoaderCircular size=\"48\" />\n <div v-if=\"loadingText\" :class=\"style.text\">{{ loadingText }}</div>\n </div>\n </div>\n <slot />\n </div>\n</template>\n"],"mappings":"~~;;;;;;;;;;;;;;;~~yBAwBE,EAcM,OAAA,EAbH,OAAK,EAAA,CAAU,EAAA,EAAK,CAAC,QAAA;IAAiB,EAAA,EAAK,CAAC,QAAQ,EAAA,SAAI;IAAe,EAAA,EAAK,CAAC,cAAc,EAAA,SAAI;GAAA,CAAA,CAAA,EAAA,EAAA,CAKrF,EAAA,WAAA,GAAA,EAAX,EAMM,OAAA;;GANe,OAAK,EAAA,CAAG,EAAA,EAAK,CAAC,QAAO,CAAA;MACxC,EAIM,OAAA,MAAA,CAFJ,EAA8B,EAAA,EAAA,EAAA,EAAZ,MAAK,MAAI,CAAA,EAChB,EAAA,eAAA,GAAA,EAAX,EAAmE,OAAA;;GAA1C,OAAK,EAAE,EAAA,EAAK,CAAC,KAAI;OAAK,EAAA,YAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAG9D,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
1	+ {"version":3,"file":"PlSplash.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlSplash/PlSplash.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from \"./pl-splash.module.scss\";\nimport { PlLoaderCircular } from \"../PlLoaderCircular\";\n\nwithDefaults(\n defineProps<{\n /*\n Optional string that sets text that will be shown below the PlLoaderCircular.\n /\n loadingText?: string;\n /\n If `true` the loading overlay is shown.\n /\n loading?: boolean;\n /\n @TODO\n */\n type?: \"table\" \| \"transparent\";\n }>(),\n { loadingText: undefined, loading: false, type: undefined },\n);\n</script>\n\n<template>\n <div\n :class=\"[\n style.splash,\n { [style.table]: type === 'table', [style.transparent]: type === 'transparent' },\n ]\"\n >\n <div v-if=\"loading\" :class=\"[style.overlay]\">\n <div>\n <!-- @TODO refactor PlLoaderCircular size property -->\n <PlLoaderCircular size=\"48\" />\n <div v-if=\"loadingText\" :class=\"style.text\">{{ loadingText }}</div>\n </div>\n </div>\n <slot />\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;yBAwBE,EAcM,OAAA,EAbH,OAAK,EAAA,CAAU,EAAA,EAAK,CAAC,QAAA;IAAiB,EAAA,EAAK,CAAC,QAAQ,EAAA,SAAI;IAAe,EAAA,EAAK,CAAC,cAAc,EAAA,SAAI;GAAA,CAAA,CAAA,EAAA,EAAA,CAKrF,EAAA,WAAA,GAAA,EAAX,EAMM,OAAA;;GANe,OAAK,EAAA,CAAG,EAAA,EAAK,CAAC,QAAO,CAAA;MACxC,EAIM,OAAA,MAAA,CAFJ,EAA8B,EAAA,EAAA,EAAA,EAAZ,MAAK,MAAI,CAAA,EAChB,EAAA,eAAA,GAAA,EAAX,EAAmE,OAAA;;GAA1C,OAAK,EAAE,EAAA,EAAK,CAAC,KAAI;OAAK,EAAA,YAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAG9D,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/PlSplash/pl-splash.module.js CHANGED Viewed

@@ -5,6 +5,7 @@ import './pl-splash.css';var e = {
 	overlay: "_overlay_itlwi_11",
 	text: "_text_itlwi_29"
 };
+//#endregion
 export { e as default };
 //# sourceMappingURL=pl-splash.module.js.map

package/dist/components/PlStatusTag/PlStatusTag.js CHANGED Viewed

@@ -1,5 +1,7 @@
 import e from "./PlStatusTag.vue2.js";
+//#region src/components/PlStatusTag/PlStatusTag.vue
 var t = e;
+//#endregion
 export { t as default };
 //# sourceMappingURL=PlStatusTag.js.map

package/dist/components/PlStatusTag/PlStatusTag.vue2.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import './pl-status-tag.css';/* empty css              */
 import { createCommentVNode as e, createElementBlock as t, createTextVNode as n, defineComponent as r, mergeProps as i, openBlock as a, reactive as o, renderSlot as s, toDisplayString as c } from "vue";
+//#region src/components/PlStatusTag/PlStatusTag.vue?vue&type=script&setup=true&lang.ts
 var l = /* @__PURE__ */ r({
 	__name: "PlStatusTag",
 	props: { type: {} },
@@ -13,6 +14,7 @@ var l = /* @__PURE__ */ r({
 		return (o, u) => r.type ? (a(), t("div", i({ key: 0 }, o.$attrs, { class: [{ [r.type.toLocaleLowerCase()]: !0 }, "pl-status-tag text-caps11 d-flex align-center"] }), [s(o.$slots, "default", {}, () => [n(c(l.typeToText[r.type]), 1)])], 16)) : e("", !0);
 	}
 });
+//#endregion
 export { l as default };
 //# sourceMappingURL=PlStatusTag.vue2.js.map

package/dist/components/PlStatusTag/PlStatusTag.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlStatusTag.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/PlStatusTag/PlStatusTag.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { reactive } from \"vue\";\nimport \"./pl-status-tag.scss\";\nimport type { PlStatusTagType } from \"./types\";\n\ndefineProps<{ type?: PlStatusTagType }>();\n\nconst data = reactive<{ typeToText: Record<PlStatusTagType, string> }>({\n typeToText: {\n OK: \"OK\",\n WARN: \"WARN\",\n ALERT: \"ALERT\",\n HOLD: \"HOLD\",\n },\n});\n</script>\n<template>\n <div\n v-if=\"type\"\n v-bind=\"$attrs\"\n :class=\"{ [type.toLocaleLowerCase()]: true }\"\n class=\"pl-status-tag text-caps11 d-flex align-center\"\n >\n <slot>\n {{ data.typeToText[type] }}\n </slot>\n </div>\n</template>\n"],"mappings":"~~;;;;;;~~EAOA,IAAM,IAAO,EAA0D,EACrE,YAAY;GACV,IAAI;GACJ,MAAM;GACN,OAAO;GACP,MAAM;GACP,EACF,CAAC;mBAIQ,EAAA,QAAA,GAAA,EADR,EASM,OATN,EASM,EAAA,KAAA,GAAA,EAPIA,EAAAA,QAAM,EACb,OAAK,CAAA,GAAK,EAAA,KAAK,mBAAiB,GAAA,IAAA,EAC3B,gDAA+C,EAAA,CAAA,EAAA,CAErD,EAEO,EAAA,QAAA,WAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAK,WAAW,EAAA,MAAI,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,GAAA,IAAA,EAAA,IAAA,GAAA"}
1	+ {"version":3,"file":"PlStatusTag.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/PlStatusTag/PlStatusTag.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { reactive } from \"vue\";\nimport \"./pl-status-tag.scss\";\nimport type { PlStatusTagType } from \"./types\";\n\ndefineProps<{ type?: PlStatusTagType }>();\n\nconst data = reactive<{ typeToText: Record<PlStatusTagType, string> }>({\n typeToText: {\n OK: \"OK\",\n WARN: \"WARN\",\n ALERT: \"ALERT\",\n HOLD: \"HOLD\",\n },\n});\n</script>\n<template>\n <div\n v-if=\"type\"\n v-bind=\"$attrs\"\n :class=\"{ [type.toLocaleLowerCase()]: true }\"\n class=\"pl-status-tag text-caps11 d-flex align-center\"\n >\n <slot>\n {{ data.typeToText[type] }}\n </slot>\n </div>\n</template>\n"],"mappings":";;;;;;;EAOA,IAAM,IAAO,EAA0D,EACrE,YAAY;GACV,IAAI;GACJ,MAAM;GACN,OAAO;GACP,MAAM;GACP,EACF,CAAC;mBAIQ,EAAA,QAAA,GAAA,EADR,EASM,OATN,EASM,EAAA,KAAA,GAAA,EAPIA,EAAAA,QAAM,EACb,OAAK,CAAA,GAAK,EAAA,KAAK,mBAAiB,GAAA,IAAA,EAC3B,gDAA+C,EAAA,CAAA,EAAA,CAErD,EAEO,EAAA,QAAA,WAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAK,WAAW,EAAA,MAAI,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,GAAA,IAAA,EAAA,IAAA,GAAA"}

package/dist/components/PlSvg/PlSvg.js CHANGED Viewed

@@ -2,6 +2,7 @@ import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./PlSvg.vue2.js";
 import n from "./PlSvg.style.js";
 var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
 export { r as default };
 //# sourceMappingURL=PlSvg.js.map

package/dist/components/PlSvg/PlSvg.style.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import './PlSvg.vue.css';var e = { svg: "_svg_uozbm_2" };
+//#endregion
 export { e as default };
 //# sourceMappingURL=PlSvg.style.js.map

package/dist/components/PlSvg/PlSvg.vue2.js CHANGED Viewed

@@ -2,6 +2,7 @@ import e from "../../_virtual/_rolldown_dynamic_import_helper.js";
 import { registerSvg as t } from "./registry.js";
 import { computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c } from "vue";
 import { computedAsync as l } from "@vueuse/core";
+//#region src/components/PlSvg/PlSvg.vue?vue&type=script&setup=true&lang.ts
 var u = ["href"], d = /* @__PURE__ */ a({
 	__name: "PlSvg",
 	props: {
@@ -332,6 +333,7 @@ var u = ["href"], d = /* @__PURE__ */ a({
 		}, [i("use", { href: `#${p.value?.spriteId}` }, null, 8, u)], 6));
 	}
 });
+//#endregion
 export { d as default };
 //# sourceMappingURL=PlSvg.vue2.js.map

package/dist/components/PlSvg/PlSvg.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlSvg.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSvg/PlSvg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport { computedAsync } from \"@vueuse/core\";\nimport { registerSvg } from \"./registry.ts\";\nimport type { MaskIconName16, MaskIconName24 } from \"../../types\";\n\nconst props = defineProps<{\n uri?: string;\n name?: `16_${MaskIconName16}` \| `24_${MaskIconName24}`;\n width?: number \| string;\n height?: number \| string;\n color?: string \| string[];\n stroke?: string \| string[];\n}>();\n\nconst uri = computedAsync(async () => {\n if (typeof props.uri === \"string\") return Promise.resolve(props.uri);\n if (typeof props.name === \"string\")\n return import(`../../assets/icons/icon-assets-min/${props.name}.svg?raw`).then(\n (m) => m.default,\n );\n return undefined;\n});\n\nconst svgMeta = computed(() =>\n uri.value == null ? undefined : registerSvg(uri.value, props.name),\n);\n\nconst toPx = (value: undefined \| number \| string) => {\n if (typeof value === \"number\") return `${value}px`;\n if (typeof value === \"string\") return value;\n return;\n};\n\nconst styleSize = computed(() => ({\n \"--svg-width\": toPx(props.width ?? svgMeta.value?.defaultWidth),\n \"--svg-height\": toPx(props.height ?? svgMeta.value?.defaultHeight),\n}));\n\nconst styleColor = computed(() => getStyleColor(\"fill\", props.color));\nconst styleStroke = computed(() => getStyleColor(\"stroke\", props.stroke));\n\nfunction getStyleColor(\n prop: \"fill\" \| \"stroke\",\n color: undefined \| string \| string[],\n): undefined \| string {\n if (Array.isArray(color)) {\n return color.reduce((acc, color, i) => acc + `--svg-${prop}-${i}: ${color};`, \"\");\n }\n\n if (typeof color === \"string\" && color.length > 0) {\n return `--svg-${prop}-0: ${color};`;\n }\n\n return undefined;\n}\n</script>\n\n<template>\n <svg :style=\"[styleSize, styleColor, styleStroke]\" :class=\"$style.svg\">\n <use :href=\"`#${svgMeta?.spriteId}`\" />\n </svg>\n</template>\n\n<style module>\n.svg {\n --svg-width: unset;\n --svg-height: unset;\n --svg-fill-0: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-1: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-2: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-3: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-4: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-5: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-6: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-stroke-0: unset; / can be in any quantity, depends on the icon (--svg-stroke-X) */\n\n width: var(--svg-width);\n height: var(--svg-height);\n}\n</style>\n"],"mappings":"~~;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"PlSvg.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSvg/PlSvg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport { computedAsync } from \"@vueuse/core\";\nimport { registerSvg } from \"./registry.ts\";\nimport type { MaskIconName16, MaskIconName24 } from \"../../types\";\n\nconst props = defineProps<{\n uri?: string;\n name?: `16_${MaskIconName16}` \| `24_${MaskIconName24}`;\n width?: number \| string;\n height?: number \| string;\n color?: string \| string[];\n stroke?: string \| string[];\n}>();\n\nconst uri = computedAsync(async () => {\n if (typeof props.uri === \"string\") return Promise.resolve(props.uri);\n if (typeof props.name === \"string\")\n return import(`../../assets/icons/icon-assets-min/${props.name}.svg?raw`).then(\n (m) => m.default,\n );\n return undefined;\n});\n\nconst svgMeta = computed(() =>\n uri.value == null ? undefined : registerSvg(uri.value, props.name),\n);\n\nconst toPx = (value: undefined \| number \| string) => {\n if (typeof value === \"number\") return `${value}px`;\n if (typeof value === \"string\") return value;\n return;\n};\n\nconst styleSize = computed(() => ({\n \"--svg-width\": toPx(props.width ?? svgMeta.value?.defaultWidth),\n \"--svg-height\": toPx(props.height ?? svgMeta.value?.defaultHeight),\n}));\n\nconst styleColor = computed(() => getStyleColor(\"fill\", props.color));\nconst styleStroke = computed(() => getStyleColor(\"stroke\", props.stroke));\n\nfunction getStyleColor(\n prop: \"fill\" \| \"stroke\",\n color: undefined \| string \| string[],\n): undefined \| string {\n if (Array.isArray(color)) {\n return color.reduce((acc, color, i) => acc + `--svg-${prop}-${i}: ${color};`, \"\");\n }\n\n if (typeof color === \"string\" && color.length > 0) {\n return `--svg-${prop}-0: ${color};`;\n }\n\n return undefined;\n}\n</script>\n\n<template>\n <svg :style=\"[styleSize, styleColor, styleStroke]\" :class=\"$style.svg\">\n <use :href=\"`#${svgMeta?.spriteId}`\" />\n </svg>\n</template>\n\n<style module>\n.svg {\n --svg-width: unset;\n --svg-height: unset;\n --svg-fill-0: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-1: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-2: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-3: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-4: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-5: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-fill-6: unset; / can be in any quantity, depends on the icon (--svg-fill-X) /\n --svg-stroke-0: unset; / can be in any quantity, depends on the icon (--svg-stroke-X) */\n\n width: var(--svg-width);\n height: var(--svg-height);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAMA,IAAM,IAAQ,GASR,IAAM,EAAc,YAAY;AACpC,OAAI,OAAO,EAAM,OAAQ,SAAU,QAAO,QAAQ,QAAQ,EAAM,IAAI;AACpE,OAAI,OAAO,EAAM,QAAS,SACxB,QAAO,EAAA,uBAAA,OAAA;IAAA,uDAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,+DAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,uDAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,+DAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,mEAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,uDAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,uDAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,+DAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,qEAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,+DAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,+DAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,uDAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,uDAAA,OAAA;IAAA,kEAAA,OAAA;IAAA,kEAAA,OAAA;IAAA,mEAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,yEAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,kEAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,uDAAA,OAAA;IAAA,kEAAA,OAAA;IAAA,mEAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,qEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,qEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,uDAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,mEAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,+DAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,qEAAA,OAAA;IAAA,mEAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,kEAAA,OAAA;IAAA,qEAAA,OAAA;IAAA,0EAAA,OAAA;IAAA,mEAAA,OAAA;IAAA,mEAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,kEAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,+DAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,+DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,mEAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,mEAAA,OAAA;IAAA,qEAAA,OAAA;IAAA,kEAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,mEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,uDAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,8EAAA,OAAA;IAAA,mEAAA,OAAA;IAAA,4EAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,6EAAA,OAAA;IAAA,kEAAA,OAAA;IAAA,2EAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,wEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,+DAAA,OAAA;IAAA,+DAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,+DAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,mEAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,uEAAA,OAAA;IAAA,kEAAA,OAAA;IAAA,kEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,+DAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,gEAAA,OAAA;IAAA,yDAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,qEAAA,OAAA;IAAA,mEAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,8DAAA,OAAA;IAAA,+DAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,kEAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,wDAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,6DAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,iEAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,oEAAA,OAAA;IAAA,kEAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,0DAAA,OAAA;IAAA,uDAAA,OAAA;IAAA,2DAAA,OAAA;IAAA,4DAAA,OAAA;IAAA,CAAA,EAAA,sCAAA,EAAA,KAAA,WAAA,EAAwD,CAAW,MACvE,MAAM,EAAE,QACV;IAEH,EAEI,IAAU,QACd,EAAI,SAAS,OAAO,KAAA,IAAY,EAAY,EAAI,OAAO,EAAM,KAAK,CACnE,EAEK,KAAQ,MAAuC;AACnD,OAAI,OAAO,KAAU,SAAU,QAAO,GAAG,EAAM;AAC/C,OAAI,OAAO,KAAU,SAAU,QAAO;KAIlC,IAAY,SAAgB;GAChC,eAAe,EAAK,EAAM,SAAS,EAAQ,OAAO,aAAa;GAC/D,gBAAgB,EAAK,EAAM,UAAU,EAAQ,OAAO,cAAA;GACrD,EAAE,EAEG,IAAa,QAAe,EAAc,QAAQ,EAAM,MAAM,CAAC,EAC/D,IAAc,QAAe,EAAc,UAAU,EAAM,OAAO,CAAC;EAEzE,SAAS,EACP,GACA,GACoB;AACpB,OAAI,MAAM,QAAQ,EAAM,CACtB,QAAO,EAAM,QAAQ,GAAK,GAAO,MAAM,IAAM,SAAS,EAAK,GAAG,EAAE,IAAI,EAAM,IAAI,GAAG;AAGnF,OAAI,OAAO,KAAU,YAAY,EAAM,SAAS,EAC9C,QAAO,SAAS,EAAK,MAAM,EAAM;;yBAQnC,EAEM,OAAA;GAFA,OAAK,EAAA;IAAG,EAAA;IAAW,EAAA;IAAY,EAAA;IAAW,CAAA;GAAI,OAAK,EAAEA,EAAAA,OAAO,IAAA;MAChE,EAAuC,OAAA,EAAjC,MAAI,IAAM,EAAA,OAAS,YAAA,EAAA,MAAA,GAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/components/PlSvg/registry.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { uniqueId as e } from "@milaboratories/helpers";
+//#region src/components/PlSvg/registry.ts
 function t() {
 	let e = document.createElementNS("http://www.w3.org/2000/svg", "svg");
 	return e.setAttribute("xmlns", "http://www.w3.org/2000/svg"), e.style.display = "none", document.body.prepend(e), e;
@@ -22,6 +23,7 @@ function i(t, i) {
 	}
 	return n.get(t);
 }
+//#endregion
 export { i as registerSvg };
 //# sourceMappingURL=registry.js.map

package/dist/components/PlSvg/registry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"registry.js","names":[],"sources":["../../../src/components/PlSvg/registry.ts"],"sourcesContent":["import { uniqueId } from \"@milaboratories/helpers\";\n\ndeclare global {\n interface Window {\n SvgRegistryRawSvgMap: Map<string, SvgMeta>;\n SvgRegistryDefsElement: SVGDefsElement;\n }\n}\n\nfunction createSpriteContainer() {\n const defsElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\n defsElement.setAttribute(\"xmlns\", \"http://www.w3.org/2000/svg\");\n defsElement.style.display = \"none\";\n document.body.prepend(defsElement);\n return defsElement;\n}\n\n// prevent multiple definitions of the same SVG registry in different builds\nwindow.SvgRegistryRawSvgMap = window.SvgRegistryRawSvgMap ?? new Map<string, SvgMeta>();\nwindow.SvgRegistryDefsElement = window.SvgRegistryDefsElement ?? createSpriteContainer();\n\nexport type SvgMeta = {\n spriteId: string;\n defaultWidth: number;\n defaultHeight: number;\n};\n\nconst registeredRaw = window.SvgRegistryRawSvgMap;\nconst defsElement = window.SvgRegistryDefsElement;\n\nexport function registerSvg(raw: string, name?: string): SvgMeta {\n if (!registeredRaw.has(raw)) {\n const id = `svg-${name ? `${name}-` : \"\"}${uniqueId(16)}`;\n\n const openSvgTagMatch = raw.match(/^<svg[^>]>/i)?.[0];\n const fillMatch = openSvgTagMatch?.match(/fill\\s=\\s\"(.?)\"/)?.[1];\n const strokeMatch = openSvgTagMatch?.match(/stroke\\s=\\s\"(.?)\"/)?.[1];\n const widthMatch = openSvgTagMatch?.match(/width\\s=\\s\"(\\d+)(px)?\"/)?.[1];\n const heightMatch = openSvgTagMatch?.match(/height\\s=\\s\"(\\d+)(px)?\"/)?.[1];\n const viewBoxParts = openSvgTagMatch?.match(/viewBox\\s=\\s\"[-+]?\\d\\.?\\d+(?:e[-+]?\\d+)?\"/);\n const viewBoxWidthMatch = viewBoxParts?.[2];\n const viewBoxHeightMatch = viewBoxParts?.[3];\n let width = Number(viewBoxWidthMatch ?? widthMatch ?? 16);\n width = isNaN(width) ? 16 : width;\n let height = Number(viewBoxHeightMatch ?? heightMatch ?? 16);\n height = isNaN(height) ? 16 : height;\n const viewBox = `0 0 ${width} ${height}`;\n\n let fillIdx = 0;\n let strokeIdx = 0;\n const fillAttr = fillMatch ? `fill=\"${fillMatch}\"` : \"\";\n const strokeAttr = strokeMatch ? `stroke=\"${strokeMatch}\"` : \"\";\n\n const preparedSvg = raw\n .replace(/^<svg[^>]>/i, `<svg id=\"${id}\" viewBox=\"${viewBox}\" ${fillAttr} ${strokeAttr}>`)\n .replace(/<\\/svg>\\s$/, \"</svg>\")\n .replace(/\\bfill\\s=\\s(['\"])(.?)\\1/gi, (_, q, value) =>\n /^(none\|transparent)$/i.test(value)\n ? `fill=${q}${value}${q}`\n : `fill=${q}var(--svg-fill-${fillIdx++}, ${value})${q}`,\n )\n .replace(/\\bstroke\\s=\\s(['\"])(.?)\\1/gi, (_, q, value) =>\n /^(none\|transparent)$/i.test(value)\n ? `stroke=${q}${value}${q}`\n : `stroke=${q}var(--svg-stroke-${strokeIdx++}, ${value})${q}`,\n );\n\n const template = document.createElement(\"template\");\n template.innerHTML = preparedSvg;\n\n const symbol = template.content.firstElementChild;\n if (symbol && defsElement) {\n defsElement.appendChild(symbol);\n }\n\n registeredRaw.set(raw, {\n spriteId: id,\n defaultWidth: width,\n defaultHeight: height,\n });\n }\n\n return registeredRaw.get(raw)!;\n}\n"],"mappings":";AASA,SAAS,IAAwB;CAC/B,IAAM,IAAc,SAAS,gBAAgB,8BAA8B,MAAM;AAIjF,QAHA,EAAY,aAAa,SAAS,6BAA6B,EAC/D,EAAY,MAAM,UAAU,QAC5B,SAAS,KAAK,QAAQ,EAAY,EAC3B;;AAIT,OAAO,uBAAuB,OAAO,wCAAwB,IAAI,KAAsB,EACvF,OAAO,yBAAyB,OAAO,0BAA0B,GAAuB;AAQxF,IAAM,IAAgB,OAAO,sBACvB,IAAc,OAAO;AAE3B,SAAgB,EAAY,GAAa,GAAwB;AAC/D,KAAI,CAAC,EAAc,IAAI,EAAI,EAAE;EAC3B,IAAM,IAAK,OAAO,IAAO,GAAG,EAAK,KAAK,KAAK,EAAS,GAAG,IAEjD,IAAkB,EAAI,MAAM,eAAe,GAAG,IAC9C,IAAY,GAAiB,MAAM,qBAAqB,GAAG,IAC3D,IAAc,GAAiB,MAAM,uBAAuB,GAAG,IAC/D,IAAa,GAAiB,MAAM,2BAA2B,GAAG,IAClE,IAAc,GAAiB,MAAM,4BAA4B,GAAG,IACpE,IAAe,GAAiB,MAAM,+CAA+C,EACrF,IAAoB,IAAe,IACnC,IAAqB,IAAe,IACtC,IAAQ,OAAO,KAAqB,KAAc,GAAG;AACzD,MAAQ,MAAM,EAAM,GAAG,KAAK;EAC5B,IAAI,IAAS,OAAO,KAAsB,KAAe,GAAG;AAC5D,MAAS,MAAM,EAAO,GAAG,KAAK;EAC9B,IAAM,IAAU,OAAO,EAAM,GAAG,KAE5B,IAAU,GACV,IAAY,GACV,IAAW,IAAY,SAAS,EAAU,KAAK,IAC/C,IAAa,IAAc,WAAW,EAAY,KAAK,IAEvD,IAAc,EACjB,QAAQ,gBAAgB,YAAY,EAAG,aAAa,EAAQ,IAAI,EAAS,GAAG,EAAW,GAAG,CAC1F,QAAQ,eAAe,SAAS,CAChC,QAAQ,iCAAiC,GAAG,GAAG,MAC9C,wBAAwB,KAAK,EAAM,GAC/B,QAAQ,IAAI,IAAQ,MACpB,QAAQ,EAAE,iBAAiB,IAAU,IAAI,EAAM,GAAG,IACvD,CACA,QAAQ,mCAAmC,GAAG,GAAG,MAChD,wBAAwB,KAAK,EAAM,GAC/B,UAAU,IAAI,IAAQ,MACtB,UAAU,EAAE,mBAAmB,IAAY,IAAI,EAAM,GAAG,IAC7D,EAEG,IAAW,SAAS,cAAc,WAAW;AACnD,IAAS,YAAY;EAErB,IAAM,IAAS,EAAS,QAAQ;AAKhC,EAJI,KAAU,KACZ,EAAY,YAAY,EAAO,EAGjC,EAAc,IAAI,GAAK;GACrB,UAAU;GACV,cAAc;GACd,eAAe;GAChB,CAAC;;AAGJ,QAAO,EAAc,IAAI,EAAI"}
1	+ {"version":3,"file":"registry.js","names":[],"sources":["../../../src/components/PlSvg/registry.ts"],"sourcesContent":["import { uniqueId } from \"@milaboratories/helpers\";\n\ndeclare global {\n interface Window {\n SvgRegistryRawSvgMap: Map<string, SvgMeta>;\n SvgRegistryDefsElement: SVGDefsElement;\n }\n}\n\nfunction createSpriteContainer() {\n const defsElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\n defsElement.setAttribute(\"xmlns\", \"http://www.w3.org/2000/svg\");\n defsElement.style.display = \"none\";\n document.body.prepend(defsElement);\n return defsElement;\n}\n\n// prevent multiple definitions of the same SVG registry in different builds\nwindow.SvgRegistryRawSvgMap = window.SvgRegistryRawSvgMap ?? new Map<string, SvgMeta>();\nwindow.SvgRegistryDefsElement = window.SvgRegistryDefsElement ?? createSpriteContainer();\n\nexport type SvgMeta = {\n spriteId: string;\n defaultWidth: number;\n defaultHeight: number;\n};\n\nconst registeredRaw = window.SvgRegistryRawSvgMap;\nconst defsElement = window.SvgRegistryDefsElement;\n\nexport function registerSvg(raw: string, name?: string): SvgMeta {\n if (!registeredRaw.has(raw)) {\n const id = `svg-${name ? `${name}-` : \"\"}${uniqueId(16)}`;\n\n const openSvgTagMatch = raw.match(/^<svg[^>]>/i)?.[0];\n const fillMatch = openSvgTagMatch?.match(/fill\\s=\\s\"(.?)\"/)?.[1];\n const strokeMatch = openSvgTagMatch?.match(/stroke\\s=\\s\"(.?)\"/)?.[1];\n const widthMatch = openSvgTagMatch?.match(/width\\s=\\s\"(\\d+)(px)?\"/)?.[1];\n const heightMatch = openSvgTagMatch?.match(/height\\s=\\s\"(\\d+)(px)?\"/)?.[1];\n const viewBoxParts = openSvgTagMatch?.match(/viewBox\\s=\\s\"[-+]?\\d\\.?\\d+(?:e[-+]?\\d+)?\"/);\n const viewBoxWidthMatch = viewBoxParts?.[2];\n const viewBoxHeightMatch = viewBoxParts?.[3];\n let width = Number(viewBoxWidthMatch ?? widthMatch ?? 16);\n width = isNaN(width) ? 16 : width;\n let height = Number(viewBoxHeightMatch ?? heightMatch ?? 16);\n height = isNaN(height) ? 16 : height;\n const viewBox = `0 0 ${width} ${height}`;\n\n let fillIdx = 0;\n let strokeIdx = 0;\n const fillAttr = fillMatch ? `fill=\"${fillMatch}\"` : \"\";\n const strokeAttr = strokeMatch ? `stroke=\"${strokeMatch}\"` : \"\";\n\n const preparedSvg = raw\n .replace(/^<svg[^>]>/i, `<svg id=\"${id}\" viewBox=\"${viewBox}\" ${fillAttr} ${strokeAttr}>`)\n .replace(/<\\/svg>\\s$/, \"</svg>\")\n .replace(/\\bfill\\s=\\s(['\"])(.?)\\1/gi, (_, q, value) =>\n /^(none\|transparent)$/i.test(value)\n ? `fill=${q}${value}${q}`\n : `fill=${q}var(--svg-fill-${fillIdx++}, ${value})${q}`,\n )\n .replace(/\\bstroke\\s=\\s(['\"])(.?)\\1/gi, (_, q, value) =>\n /^(none\|transparent)$/i.test(value)\n ? `stroke=${q}${value}${q}`\n : `stroke=${q}var(--svg-stroke-${strokeIdx++}, ${value})${q}`,\n );\n\n const template = document.createElement(\"template\");\n template.innerHTML = preparedSvg;\n\n const symbol = template.content.firstElementChild;\n if (symbol && defsElement) {\n defsElement.appendChild(symbol);\n }\n\n registeredRaw.set(raw, {\n spriteId: id,\n defaultWidth: width,\n defaultHeight: height,\n });\n }\n\n return registeredRaw.get(raw)!;\n}\n"],"mappings":";;AASA,SAAS,IAAwB;CAC/B,IAAM,IAAc,SAAS,gBAAgB,8BAA8B,MAAM;AAIjF,QAHA,EAAY,aAAa,SAAS,6BAA6B,EAC/D,EAAY,MAAM,UAAU,QAC5B,SAAS,KAAK,QAAQ,EAAY,EAC3B;;AAIT,OAAO,uBAAuB,OAAO,wCAAwB,IAAI,KAAsB,EACvF,OAAO,yBAAyB,OAAO,0BAA0B,GAAuB;AAQxF,IAAM,IAAgB,OAAO,sBACvB,IAAc,OAAO;AAE3B,SAAgB,EAAY,GAAa,GAAwB;AAC/D,KAAI,CAAC,EAAc,IAAI,EAAI,EAAE;EAC3B,IAAM,IAAK,OAAO,IAAO,GAAG,EAAK,KAAK,KAAK,EAAS,GAAG,IAEjD,IAAkB,EAAI,MAAM,eAAe,GAAG,IAC9C,IAAY,GAAiB,MAAM,qBAAqB,GAAG,IAC3D,IAAc,GAAiB,MAAM,uBAAuB,GAAG,IAC/D,IAAa,GAAiB,MAAM,2BAA2B,GAAG,IAClE,IAAc,GAAiB,MAAM,4BAA4B,GAAG,IACpE,IAAe,GAAiB,MAAM,+CAA+C,EACrF,IAAoB,IAAe,IACnC,IAAqB,IAAe,IACtC,IAAQ,OAAO,KAAqB,KAAc,GAAG;AACzD,MAAQ,MAAM,EAAM,GAAG,KAAK;EAC5B,IAAI,IAAS,OAAO,KAAsB,KAAe,GAAG;AAC5D,MAAS,MAAM,EAAO,GAAG,KAAK;EAC9B,IAAM,IAAU,OAAO,EAAM,GAAG,KAE5B,IAAU,GACV,IAAY,GACV,IAAW,IAAY,SAAS,EAAU,KAAK,IAC/C,IAAa,IAAc,WAAW,EAAY,KAAK,IAEvD,IAAc,EACjB,QAAQ,gBAAgB,YAAY,EAAG,aAAa,EAAQ,IAAI,EAAS,GAAG,EAAW,GAAG,CAC1F,QAAQ,eAAe,SAAS,CAChC,QAAQ,iCAAiC,GAAG,GAAG,MAC9C,wBAAwB,KAAK,EAAM,GAC/B,QAAQ,IAAI,IAAQ,MACpB,QAAQ,EAAE,iBAAiB,IAAU,IAAI,EAAM,GAAG,IACvD,CACA,QAAQ,mCAAmC,GAAG,GAAG,MAChD,wBAAwB,KAAK,EAAM,GAC/B,UAAU,IAAI,IAAQ,MACtB,UAAU,EAAE,mBAAmB,IAAY,IAAI,EAAM,GAAG,IAC7D,EAEG,IAAW,SAAS,cAAc,WAAW;AACnD,IAAS,YAAY;EAErB,IAAM,IAAS,EAAS,QAAQ;AAKhC,EAJI,KAAU,KACZ,EAAY,YAAY,EAAO,EAGjC,EAAc,IAAI,GAAK;GACrB,UAAU;GACV,cAAc;GACd,eAAe;GAChB,CAAC;;AAGJ,QAAO,EAAc,IAAI,EAAI"}

package/dist/components/PlTabs/PlTabs.js CHANGED Viewed

@@ -1,5 +1,7 @@
 import e from "./PlTabs.vue2.js";
+//#region src/components/PlTabs/PlTabs.vue
 var t = e;
+//#endregion
 export { t as default };
 //# sourceMappingURL=PlTabs.js.map

package/dist/components/PlTabs/PlTabs.vue2.js CHANGED Viewed

@@ -40,6 +40,7 @@ var g = /* @__PURE__ */ o({
 		]))), 128))], 2));
 	}
 });
+//#endregion
 export { g as default };
 //# sourceMappingURL=PlTabs.vue2.js.map

package/dist/components/PlTabs/Tab.js CHANGED Viewed

@@ -1,5 +1,7 @@
 import e from "./Tab.vue2.js";
+//#region src/components/PlTabs/Tab.vue
 var t = e;
+//#endregion
 export { t as default };
 //# sourceMappingURL=Tab.js.map

package/dist/components/PlTabs/Tab.vue2.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import e from "../PlTooltip/PlTooltip.js";
 import "../PlTooltip/index.js";
 import { createBlock as t, createTextVNode as n, defineComponent as r, onMounted as i, openBlock as a, reactive as o, ref as s, renderSlot as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
+//#region src/components/PlTabs/Tab.vue?vue&type=script&setup=true&lang.ts
 var f = /* @__PURE__ */ r({
 	__name: "Tab",
 	props: { option: {} },
@@ -28,6 +29,7 @@ var f = /* @__PURE__ */ r({
 		}, 8, ["hide", "data-is-overflown"]));
 	}
 });
+//#endregion
 export { f as default };
 //# sourceMappingURL=Tab.vue2.js.map

package/dist/components/PlTabs/Tab.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlTabs/Tab.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, unref, ref, reactive } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport type { TabOption } from \"./types\";\n\nconst rootRef = ref<{ $el: HTMLElement }>();\n\ndefineProps<{\n option: TabOption;\n}>();\n\nconst data = reactive({\n isOverflown: false,\n});\n\nonMounted(() => {\n const root = unref(rootRef);\n\n if (!root) {\n return;\n }\n\n const el = root.$el.querySelector(\"span\") as HTMLElement \| null;\n\n if (!el) {\n return;\n }\n\n requestAnimationFrame(() => {\n if (el.offsetWidth < el.scrollWidth) {\n data.isOverflown = true;\n }\n });\n});\n</script>\n\n<template>\n <PlTooltip\n ref=\"rootRef\"\n element=\"div\"\n position=\"top\"\n :hide=\"!data.isOverflown\"\n :close-delay=\"300\"\n :data-is-overflown=\"data.isOverflown ? 'true' : 'false'\"\n >\n <slot />\n <template #tooltip>\n {{ option.label }}\n </template>\n </PlTooltip>\n</template>\n"],"mappings":"~~;;;;;;;~~EAKA,IAAM,IAAU,GAA2B,EAMrC,IAAO,EAAS,EACpB,aAAa,IACd,CAAC;SAEF,QAAgB;GACd,IAAM,IAAO,EAAM,EAAQ;AAE3B,OAAI,CAAC,EACH;GAGF,IAAM,IAAK,EAAK,IAAI,cAAc,OAAO;AAEpC,QAIL,4BAA4B;AAC1B,IAAI,EAAG,cAAc,EAAG,gBACtB,EAAK,cAAc;KAErB;IACF,kBAIA,EAYY,EAAA,EAAA,EAAA;YAXN;GAAJ,KAAI;GACJ,SAAQ;GACR,UAAS;GACR,MAAI,CAAG,EAAK;GACZ,eAAa;GACb,qBAAmB,EAAK,cAAW,SAAA;;GAGzB,SAAO,QACE,CAAA,EAAA,EAAf,EAAA,OAAO,MAAK,EAAA,EAAA,CAAA,CAAA;oBAFT,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"Tab.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlTabs/Tab.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, unref, ref, reactive } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport type { TabOption } from \"./types\";\n\nconst rootRef = ref<{ $el: HTMLElement }>();\n\ndefineProps<{\n option: TabOption;\n}>();\n\nconst data = reactive({\n isOverflown: false,\n});\n\nonMounted(() => {\n const root = unref(rootRef);\n\n if (!root) {\n return;\n }\n\n const el = root.$el.querySelector(\"span\") as HTMLElement \| null;\n\n if (!el) {\n return;\n }\n\n requestAnimationFrame(() => {\n if (el.offsetWidth < el.scrollWidth) {\n data.isOverflown = true;\n }\n });\n});\n</script>\n\n<template>\n <PlTooltip\n ref=\"rootRef\"\n element=\"div\"\n position=\"top\"\n :hide=\"!data.isOverflown\"\n :close-delay=\"300\"\n :data-is-overflown=\"data.isOverflown ? 'true' : 'false'\"\n >\n <slot />\n <template #tooltip>\n {{ option.label }}\n </template>\n </PlTooltip>\n</template>\n"],"mappings":";;;;;;;;EAKA,IAAM,IAAU,GAA2B,EAMrC,IAAO,EAAS,EACpB,aAAa,IACd,CAAC;SAEF,QAAgB;GACd,IAAM,IAAO,EAAM,EAAQ;AAE3B,OAAI,CAAC,EACH;GAGF,IAAM,IAAK,EAAK,IAAI,cAAc,OAAO;AAEpC,QAIL,4BAA4B;AAC1B,IAAI,EAAG,cAAc,EAAG,gBACtB,EAAK,cAAc;KAErB;IACF,kBAIA,EAYY,EAAA,EAAA,EAAA;YAXN;GAAJ,KAAI;GACJ,SAAQ;GACR,UAAS;GACR,MAAI,CAAG,EAAK;GACZ,eAAa;GACb,qBAAmB,EAAK,cAAW,SAAA;;GAGzB,SAAO,QACE,CAAA,EAAA,EAAf,EAAA,OAAO,MAAK,EAAA,EAAA,CAAA,CAAA;oBAFT,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/PlTabs/pl-tabs.module.js CHANGED Viewed

@@ -5,6 +5,7 @@ import './pl-tabs.css';var e = {
 	active: "_active_1ukal_56",
 	topLine: "_topLine_1ukal_69"
 };
+//#endregion
 export { e as default };
 //# sourceMappingURL=pl-tabs.module.js.map

package/dist/components/PlTextArea/PlTextArea.js CHANGED Viewed

@@ -1,5 +1,7 @@
 import e from "./PlTextArea.vue2.js";
+//#region src/components/PlTextArea/PlTextArea.vue
 var t = e;
+//#endregion
 export { t as default };
 //# sourceMappingURL=PlTextArea.js.map

package/dist/components/PlTextArea/PlTextArea.vue2.js CHANGED Viewed

@@ -9,6 +9,7 @@ import a from "../../assets/images/required.js";
 import './pl-textarea.css';/* empty css            */
 import { useValidation as o } from "../../utils/useValidation.js";
 import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, onMounted as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, useSlots as x, vModelText as S, withCtx as C, withDirectives as w } from "vue";
+//#region src/components/PlTextArea/PlTextArea.vue?vue&type=script&setup=true&lang.ts
 var T = { class: "ui-text-area__envelope" }, E = {
 	key: 0,
 	ref: "label"
@@ -101,6 +102,7 @@ var T = { class: "ui-text-area__envelope" }, E = {
 		], 2), V.value ? (g(), u("div", k, y(B.value.join(" ")), 1)) : p.helper ? (g(), u("div", A, y(p.helper), 1)) : l("", !0)]));
 	}
 });
+//#endregion
 export { j as default };
 //# sourceMappingURL=PlTextArea.vue2.js.map

package/dist/components/PlTextArea/PlTextArea.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlTextArea.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlTextArea/PlTextArea.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for multi-line string data manipulation /\nexport default {\n name: \"PlTextArea\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-textarea.scss\";\nimport { computed, onMounted, ref, useSlots } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { useValidation } from \"../../utils/useValidation\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\nimport { PlSvg } from \"../PlSvg\";\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n /\n Emitted when the model value is updated.\n /\n (e: \"update:modelValue\", value: string): void;\n}>();\n\nconst props = defineProps<{\n /\n The current value of the texarea.\n /\n modelValue?: string;\n /\n The label to display above the texarea.\n /\n label?: string;\n /\n If `true`, the textarea is marked as required.\n /\n required?: boolean;\n /\n An error message to display below the textarea.\n /\n error?: unknown;\n /\n A helper text to display below the textarea when there are no errors.\n /\n helper?: string;\n /\n A placeholder text to display inside the textarea when it is empty.\n /\n placeholder?: string;\n /\n If `true`, the textarea is disabled and cannot be interacted with.\n /\n disabled?: boolean;\n /\n If `true`, the textarea is in a read-only state and cannot be edited, but it can still be focused and text can be selected.\n /\n readonly?: boolean;\n /\n If `true`, applies a dashed border style to the textarea, likely used for stylistic purposes or to indicate a certain state.\n /\n dashed?: boolean;\n /\n The number of visible text lines for the textarea, which controls the height of the textarea.\n /\n rows?: number;\n /\n If `true`, the textarea automatically adjusts its height to fit the content as the user types.\n /\n autogrow?: boolean;\n /\n An array of validation rules that are applied to the textarea input. Each rule is a function that receives the input value and returns `true` for valid input or an error message string for invalid input.\n */\n rules?: ((v: string) => boolean \| string)[];\n}>();\n\nconst root = ref<HTMLInputElement>();\nconst input = ref<HTMLTextAreaElement>();\n\nconst value = computed({\n get() {\n return props.modelValue ?? \"\";\n },\n set(v) {\n emit(\"update:modelValue\", v);\n },\n});\n\nconst nonEmpty = computed(() => !!props.modelValue);\nconst validationData = useValidation(value, props.rules \|\| []);\n\nuseLabelNotch(root);\n\nconst displayErrors = computed(() => {\n const errors: string[] = [];\n const propsError = getErrorMessage(props.error);\n\n if (propsError) {\n errors.push(propsError);\n }\n\n errors.push(...validationData.value.errors);\n\n return errors;\n});\n\nconst hasErrors = computed(() => displayErrors.value.length > 0);\n\nconst adjustHeight = () => {\n if (!props.autogrow) {\n return;\n }\n const el = input.value;\n if (el) {\n el.style.height = \"auto\"; // it works, do not delete it\n el.style.height = `${el.scrollHeight}px`; // Set height based on scrollHeight\n }\n};\n\nonMounted(() => {\n adjustHeight();\n});\n</script>\n\n<template>\n <div class=\"ui-text-area__envelope\">\n <div ref=\"root\" class=\"ui-text-area\" :class=\"{ error: hasErrors, disabled, dashed, nonEmpty }\">\n <label v-if=\"label\" ref=\"label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <textarea\n ref=\"input\"\n v-model=\"value\"\n :readonly=\"readonly\"\n :rows=\"rows\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder ?? '...'\"\n spellcheck=\"false\"\n @input=\"adjustHeight\"\n />\n <div class=\"ui-text-area__append\">\n <slot name=\"append\" />\n </div>\n <DoubleContour class=\"ui-text-area__contour\" />\n </div>\n <div v-if=\"hasErrors\" class=\"ui-text-area__error\">\n {{ displayErrors.join(\" \") }}\n </div>\n <div v-else-if=\"helper\" class=\"ui-text-area__helper\">{{ helper }}</div>\n </div>\n</template>\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;~~CAGE,MAAM;;;;;;;;;;;;;;;;;EAeR,IAAM,IAAQ,GAAU,EAElB,IAAO,GAOP,IAAQ,GAmDR,IAAO,GAAuB,EAC9B,IAAQ,GAA0B,EAElC,IAAQ,EAAS;GACrB,MAAM;AACJ,WAAO,EAAM,cAAc;;GAE7B,IAAI,GAAG;AACL,MAAK,qBAAqB,EAAE;;GAE/B,CAAC,EAEI,IAAW,QAAe,CAAC,CAAC,EAAM,WAAW,EAC7C,IAAiB,EAAc,GAAO,EAAM,SAAS,EAAE,CAAC;AAE9D,IAAc,EAAK;EAEnB,IAAM,IAAgB,QAAe;GACnC,IAAM,IAAmB,EAAE,EACrB,IAAa,EAAgB,EAAM,MAAM;AAQ/C,UANI,KACF,EAAO,KAAK,EAAW,EAGzB,EAAO,KAAK,GAAG,EAAe,MAAM,OAAO,EAEpC;IACP,EAEI,IAAY,QAAe,EAAc,MAAM,SAAS,EAAE,EAE1D,UAAqB;AACzB,OAAI,CAAC,EAAM,SACT;GAEF,IAAM,IAAK,EAAM;AACjB,GAAI,MACF,EAAG,MAAM,SAAS,QAClB,EAAG,MAAM,SAAS,GAAG,EAAG,aAAa;;SAIzC,QAAgB;AACd,MAAc;IACd,kBAIA,EA8BM,OA9BN,GA8BM,CA7BJ,EAwBM,OAAA;YAxBG;GAAJ,KAAI;GAAO,OAAK,EAAA,CAAC,gBAAc;IAAA,OAAkB,EAAA;IAAS,UAAE,EAAA;IAAQ,QAAE,EAAA;IAAM,UAAE,EAAA;IAAQ,CAAA,CAAA;;GAC5E,EAAA,SAAA,GAAA,EAAb,EAQQ,SARR,GAQQ;IAPO,EAAA,YAAA,GAAA,EAAb,EAA4C,EAAA,EAAA,EAAA;;KAApB,KAAK,EAAA,EAAW;;IACxC,EAAwB,QAAA,MAAA,EAAf,EAAA,MAAK,EAAA,EAAA;IACG,EAAA,EAAK,CAAC,WAAA,GAAA,EAAvB,EAIY,EAAA,EAAA,EAAA;;KAJoB,OAAM;KAAO,UAAS;;KACzC,SAAO,QACO,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;;;KAI7B,EASE,YAAA;aARI;IAAJ,KAAI;6CACU,QAAA;IACb,UAAU,EAAA;IACV,MAAM,EAAA;IACN,UAAU,EAAA;IACV,aAAa,EAAA,eAAW;IACzB,YAAW;IACV,SAAO;yBANC,EAAA,MAAK,CAAA,CAAA;GAQhB,EAEM,OAFN,GAEM,CADJ,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA;GAExB,EAA+C,GAAA,EAAhC,OAAM,yBAAuB,CAAA;SAEnC,EAAA,SAAA,GAAA,EAAX,EAEM,OAFN,GAEM,EADD,EAAA,MAAc,KAAI,IAAA,CAAA,EAAA,EAAA,IAEP,EAAA,UAAA,GAAA,EAAhB,EAAuE,OAAvE,GAAuE,EAAf,EAAA,OAAM,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"PlTextArea.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlTextArea/PlTextArea.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for multi-line string data manipulation /\nexport default {\n name: \"PlTextArea\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-textarea.scss\";\nimport { computed, onMounted, ref, useSlots } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { useValidation } from \"../../utils/useValidation\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\nimport { PlSvg } from \"../PlSvg\";\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n /\n Emitted when the model value is updated.\n /\n (e: \"update:modelValue\", value: string): void;\n}>();\n\nconst props = defineProps<{\n /\n The current value of the texarea.\n /\n modelValue?: string;\n /\n The label to display above the texarea.\n /\n label?: string;\n /\n If `true`, the textarea is marked as required.\n /\n required?: boolean;\n /\n An error message to display below the textarea.\n /\n error?: unknown;\n /\n A helper text to display below the textarea when there are no errors.\n /\n helper?: string;\n /\n A placeholder text to display inside the textarea when it is empty.\n /\n placeholder?: string;\n /\n If `true`, the textarea is disabled and cannot be interacted with.\n /\n disabled?: boolean;\n /\n If `true`, the textarea is in a read-only state and cannot be edited, but it can still be focused and text can be selected.\n /\n readonly?: boolean;\n /\n If `true`, applies a dashed border style to the textarea, likely used for stylistic purposes or to indicate a certain state.\n /\n dashed?: boolean;\n /\n The number of visible text lines for the textarea, which controls the height of the textarea.\n /\n rows?: number;\n /\n If `true`, the textarea automatically adjusts its height to fit the content as the user types.\n /\n autogrow?: boolean;\n /\n An array of validation rules that are applied to the textarea input. Each rule is a function that receives the input value and returns `true` for valid input or an error message string for invalid input.\n */\n rules?: ((v: string) => boolean \| string)[];\n}>();\n\nconst root = ref<HTMLInputElement>();\nconst input = ref<HTMLTextAreaElement>();\n\nconst value = computed({\n get() {\n return props.modelValue ?? \"\";\n },\n set(v) {\n emit(\"update:modelValue\", v);\n },\n});\n\nconst nonEmpty = computed(() => !!props.modelValue);\nconst validationData = useValidation(value, props.rules \|\| []);\n\nuseLabelNotch(root);\n\nconst displayErrors = computed(() => {\n const errors: string[] = [];\n const propsError = getErrorMessage(props.error);\n\n if (propsError) {\n errors.push(propsError);\n }\n\n errors.push(...validationData.value.errors);\n\n return errors;\n});\n\nconst hasErrors = computed(() => displayErrors.value.length > 0);\n\nconst adjustHeight = () => {\n if (!props.autogrow) {\n return;\n }\n const el = input.value;\n if (el) {\n el.style.height = \"auto\"; // it works, do not delete it\n el.style.height = `${el.scrollHeight}px`; // Set height based on scrollHeight\n }\n};\n\nonMounted(() => {\n adjustHeight();\n});\n</script>\n\n<template>\n <div class=\"ui-text-area__envelope\">\n <div ref=\"root\" class=\"ui-text-area\" :class=\"{ error: hasErrors, disabled, dashed, nonEmpty }\">\n <label v-if=\"label\" ref=\"label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <textarea\n ref=\"input\"\n v-model=\"value\"\n :readonly=\"readonly\"\n :rows=\"rows\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder ?? '...'\"\n spellcheck=\"false\"\n @input=\"adjustHeight\"\n />\n <div class=\"ui-text-area__append\">\n <slot name=\"append\" />\n </div>\n <DoubleContour class=\"ui-text-area__contour\" />\n </div>\n <div v-if=\"hasErrors\" class=\"ui-text-area__error\">\n {{ displayErrors.join(\" \") }}\n </div>\n <div v-else-if=\"helper\" class=\"ui-text-area__helper\">{{ helper }}</div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;CAGE,MAAM;;;;;;;;;;;;;;;;;EAeR,IAAM,IAAQ,GAAU,EAElB,IAAO,GAOP,IAAQ,GAmDR,IAAO,GAAuB,EAC9B,IAAQ,GAA0B,EAElC,IAAQ,EAAS;GACrB,MAAM;AACJ,WAAO,EAAM,cAAc;;GAE7B,IAAI,GAAG;AACL,MAAK,qBAAqB,EAAE;;GAE/B,CAAC,EAEI,IAAW,QAAe,CAAC,CAAC,EAAM,WAAW,EAC7C,IAAiB,EAAc,GAAO,EAAM,SAAS,EAAE,CAAC;AAE9D,IAAc,EAAK;EAEnB,IAAM,IAAgB,QAAe;GACnC,IAAM,IAAmB,EAAE,EACrB,IAAa,EAAgB,EAAM,MAAM;AAQ/C,UANI,KACF,EAAO,KAAK,EAAW,EAGzB,EAAO,KAAK,GAAG,EAAe,MAAM,OAAO,EAEpC;IACP,EAEI,IAAY,QAAe,EAAc,MAAM,SAAS,EAAE,EAE1D,UAAqB;AACzB,OAAI,CAAC,EAAM,SACT;GAEF,IAAM,IAAK,EAAM;AACjB,GAAI,MACF,EAAG,MAAM,SAAS,QAClB,EAAG,MAAM,SAAS,GAAG,EAAG,aAAa;;SAIzC,QAAgB;AACd,MAAc;IACd,kBAIA,EA8BM,OA9BN,GA8BM,CA7BJ,EAwBM,OAAA;YAxBG;GAAJ,KAAI;GAAO,OAAK,EAAA,CAAC,gBAAc;IAAA,OAAkB,EAAA;IAAS,UAAE,EAAA;IAAQ,QAAE,EAAA;IAAM,UAAE,EAAA;IAAQ,CAAA,CAAA;;GAC5E,EAAA,SAAA,GAAA,EAAb,EAQQ,SARR,GAQQ;IAPO,EAAA,YAAA,GAAA,EAAb,EAA4C,EAAA,EAAA,EAAA;;KAApB,KAAK,EAAA,EAAW;;IACxC,EAAwB,QAAA,MAAA,EAAf,EAAA,MAAK,EAAA,EAAA;IACG,EAAA,EAAK,CAAC,WAAA,GAAA,EAAvB,EAIY,EAAA,EAAA,EAAA;;KAJoB,OAAM;KAAO,UAAS;;KACzC,SAAO,QACO,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;;;KAI7B,EASE,YAAA;aARI;IAAJ,KAAI;6CACU,QAAA;IACb,UAAU,EAAA;IACV,MAAM,EAAA;IACN,UAAU,EAAA;IACV,aAAa,EAAA,eAAW;IACzB,YAAW;IACV,SAAO;yBANC,EAAA,MAAK,CAAA,CAAA;GAQhB,EAEM,OAFN,GAEM,CADJ,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA;GAExB,EAA+C,GAAA,EAAhC,OAAM,yBAAuB,CAAA;SAEnC,EAAA,SAAA,GAAA,EAAX,EAEM,OAFN,GAEM,EADD,EAAA,MAAc,KAAI,IAAA,CAAA,EAAA,EAAA,IAEP,EAAA,UAAA,GAAA,EAAhB,EAAuE,OAAvE,GAAuE,EAAf,EAAA,OAAM,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}

package/dist/components/PlTextField/PlTextField.js CHANGED Viewed

@@ -1,5 +1,7 @@
 import e from "./PlTextField.vue2.js";
+//#region src/components/PlTextField/PlTextField.vue
 var t = e;
+//#endregion
 export { t as default };
 //# sourceMappingURL=PlTextField.js.map

package/dist/components/PlTextField/PlTextField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlTextField.js","names":[],"sources":["../../../src/components/PlTextField/PlTextField.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Component for one-line string data manipulation\n /\nexport default {\n name: \"PlTextField\",\n};\n</script>\n\n<script\n lang=\"ts\"\n setup\n generic=\"\n R extends true \| false,\n V extends undefined \| string,\n C extends Exclude<V, R extends true ? undefined : never>\n \"\n>\nimport { computed, ref, useSlots } from \"vue\";\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { PlSvg } from \"../PlSvg\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport \"./pl-text-field.scss\";\n\nconst slots = useSlots();\n\n/\n The current value of the input field.\n /\nconst model = defineModel<V>({\n required: true,\n});\n\nconst props = defineProps<{\n /* The ~~label~~ to ~~display~~ ~~above~~ the ~~input~~ field. /\n label?: string;\n /\n ~~If `true`,~~ a ~~clear~~ ~~icon~~ ~~will~~ ~~appear~~ in ~~the~~ ~~input~~ ~~field~~ to ~~clear~~ ~~the~~ ~~value~~ ~~(set~~ it to ~~empty~~ string).\n * If a ~~function,~~ ~~calls it to get the reset value.\n~~ /\n ~~clearable~~?: ~~(R extends true ? never : boolean) \| (() => C)~~;\n /* If `true`, the input field is marked as required and will show an error if left empty. /\n required?: R;\n /* An error message to display below the input field. /\n error?: unknown;\n /* A helper text to display below the input field when there are no errors. /\n helper?: string;\n /* A placeholder text to display inside the input field when it is empty. /\n placeholder?: string;\n /* If `true`, the input field is disabled and cannot be interacted with. /\n disabled?: boolean;\n /* If `true`, the input field has a dashed border. /\n dashed?: boolean;\n /* A prefix text to display inside the input field before the value. /\n prefix?: string;\n /* ~~Additional~~ ~~validity~~ ~~check~~ ~~for~~ input value ~~that~~ ~~must~~ ~~return~~ an ~~error~~ ~~text~~ if ~~failed~~ /\n ~~validate~~?: (v: V) => ~~string~~ \| ~~undefined~~;\n /* ~~The~~ ~~string~~ ~~specifies~~ ~~whether~~ ~~the~~ ~~field~~ ~~should~~ be a ~~password~~ or ~~not,~~ ~~value~~ ~~could~~ ~~be \"password\" or undefined.~~ /\n ~~type~~?: ~~\"password\"~~;\n /* Makes some of corners not rounded */\n groupPosition?:\n \| \"top\"\n \| \"bottom\"\n \| \"left\"\n \| \"right\"\n \| \"top-left\"\n \| \"top-right\"\n \| \"bottom-left\"\n \| \"bottom-right\"\n \| \"middle\";\n}>();\n\nconst rootRef = ref<HTMLInputElement \| undefined>(undefined);\n\nconst inputRef = ref<HTMLInputElement \| undefined>();\n\nconst showPassword = ref(false);\n\nconst fieldType = computed(() => {\n if (props.type && props.type === \"password\") {\n return showPassword.value ? \"text\" : props.type;\n } else {\n return \"text\";\n }\n});\n\nconst passwordIcon = computed(() => (showPassword.value ? \"view-show\" : \"view-hide\"));\n\nconst clear = () => {\n if (props.clearable) {\n model.value = (typeof props.clearable === \"function\" ? props.clearable() : \"\") as V;\n }\n};\n\nconst isEmpty = computed(() => model.value === \"\");\n\nconst displayErrors = computed(() => {\n const errors: string[] = [];\n const propsError = getErrorMessage(props.error);\n if (propsError) {\n errors.push(propsError);\n }\n if (props.validate) {\n const error = props.validate(model.value as V);\n if (error) {\n errors.push(error);\n }\n }\n if (props.required && isEmpty.value) {\n errors.push(\"Value is required\");\n }\n return errors;\n});\n\nconst hasErrors = computed(() => displayErrors.value.length > 0);\n\nconst canShowClearable = computed(\n () => props.clearable && !isEmpty.value && props.type !== \"password\" && !props.disabled,\n);\n\nconst togglePasswordVisibility = () => (showPassword.value = !showPassword.value);\n\nconst setFocusOnInput = () => inputRef.value?.focus();\n\nuseLabelNotch(rootRef);\n</script>\n\n<template>\n <div class=\"pl-text-field__envelope\">\n <div\n ref=\"rootRef\"\n class=\"pl-text-field\"\n :class=\"{\n error: hasErrors,\n disabled,\n dashed,\n nonEmpty: !isEmpty,\n }\"\n >\n <label v-if=\"label\" ref=\"label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <div v-if=\"prefix\" class=\"pl-text-field__prefix\">\n {{ prefix }}\n </div>\n <input\n ref=\"inputRef\"\n v-model=\"model\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder \|\| '...'\"\n :type=\"fieldType\"\n spellcheck=\"false\"\n />\n <div class=\"pl-text-field__append\" @click=\"setFocusOnInput\">\n <PlIcon16\n v-if=\"canShowClearable\"\n class=\"pl-text-field__clearable\"\n name=\"delete-clear\"\n @click.stop=\"clear\"\n />\n <PlIcon24\n v-if=\"type === 'password'\"\n :name=\"passwordIcon\"\n style=\"cursor: pointer\"\n @click.stop=\"togglePasswordVisibility\"\n />\n <slot name=\"append\" />\n </div>\n <DoubleContour class=\"pl-text-field__contour\" :group-position=\"groupPosition\" />\n </div>\n <div v-if=\"hasErrors\" class=\"pl-text-field__error\">\n {{ displayErrors.join(\" \") }}\n </div>\n <div v-else-if=\"helper\" class=\"pl-text-field__helper\">{{ helper }}</div>\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlTextField.js","names":[],"sources":["../../../src/components/PlTextField/PlTextField.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Component for one-line string data manipulation\n /\nexport default {\n name: \"PlTextField\",\n};\n</script>\n\n<script\n lang=\"ts\"\n setup\n generic=\"\n R extends true \| false,\n V extends undefined \| string,\n C extends Exclude<V, [R] extends [true] ? undefined : never>\n \"\n>\nimport { computed, ref, useSlots } from \"vue\";\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { PlSvg } from \"../PlSvg\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport \"./pl-text-field.scss\";\n\nconst slots = useSlots();\n\n/\n The current value of the input field.\n /\nconst model = defineModel<V>({\n required: true,\n});\n\nconst props = defineProps<{\n /* The string specifies whether the field should be a password or not, value could be \"password\" or undefined. /\n type?: \"password\";\n /* The label to display above the input field. /\n label?: string;\n /* If `true`, the input field is marked as required and will show an error if left empty. /\n required?: R;\n /* An error message to display below the input field. /\n error?: unknown;\n /* A helper text to display below the input field when there are no errors. /\n helper?: string;\n /* A placeholder text to display inside the input field when it is empty. /\n placeholder?: string;\n /* If `true`, the input field is disabled and cannot be interacted with. /\n disabled?: boolean;\n /* If `true`, the input field has a dashed border. /\n dashed?: boolean;\n /* A prefix text to display inside the input field before the value. /\n prefix?: string;\n /\n If `true`, a clear icon will appear in the input field to clear the value (set it to empty string).\n * If a function, calls it to get the reset value.\n /\n clearable?: ([R] extends [true] ? never : boolean) \| (() => C);\n /* Additional validity check for input value that must return an error text if failed /\n validate?: (v: V) => string \| undefined;\n /* Makes some of corners not rounded */\n groupPosition?:\n \| \"top\"\n \| \"bottom\"\n \| \"left\"\n \| \"right\"\n \| \"top-left\"\n \| \"top-right\"\n \| \"bottom-left\"\n \| \"bottom-right\"\n \| \"middle\";\n}>();\n\nconst rootRef = ref<HTMLInputElement \| undefined>(undefined);\n\nconst inputRef = ref<HTMLInputElement \| undefined>();\n\nconst showPassword = ref(false);\n\nconst fieldType = computed(() => {\n if (props.type && props.type === \"password\") {\n return showPassword.value ? \"text\" : props.type;\n } else {\n return \"text\";\n }\n});\n\nconst passwordIcon = computed(() => (showPassword.value ? \"view-show\" : \"view-hide\"));\n\nconst clear = () => {\n if (props.clearable) {\n model.value = (typeof props.clearable === \"function\" ? props.clearable() : \"\") as V;\n }\n};\n\nconst isEmpty = computed(() => model.value === \"\");\n\nconst displayErrors = computed(() => {\n const errors: string[] = [];\n const propsError = getErrorMessage(props.error);\n if (propsError) {\n errors.push(propsError);\n }\n if (props.validate) {\n const error = props.validate(model.value as V);\n if (error) {\n errors.push(error);\n }\n }\n if (props.required && isEmpty.value) {\n errors.push(\"Value is required\");\n }\n return errors;\n});\n\nconst hasErrors = computed(() => displayErrors.value.length > 0);\n\nconst canShowClearable = computed(\n () => props.clearable && !isEmpty.value && props.type !== \"password\" && !props.disabled,\n);\n\nconst togglePasswordVisibility = () => (showPassword.value = !showPassword.value);\n\nconst setFocusOnInput = () => inputRef.value?.focus();\n\nuseLabelNotch(rootRef);\n</script>\n\n<template>\n <div class=\"pl-text-field__envelope\">\n <div\n ref=\"rootRef\"\n class=\"pl-text-field\"\n :class=\"{\n error: hasErrors,\n disabled,\n dashed,\n nonEmpty: !isEmpty,\n }\"\n >\n <label v-if=\"label\" ref=\"label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <div v-if=\"prefix\" class=\"pl-text-field__prefix\">\n {{ prefix }}\n </div>\n <input\n ref=\"inputRef\"\n v-model=\"model\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder \|\| '...'\"\n :type=\"fieldType\"\n spellcheck=\"false\"\n />\n <div class=\"pl-text-field__append\" @click=\"setFocusOnInput\">\n <PlIcon16\n v-if=\"canShowClearable\"\n class=\"pl-text-field__clearable\"\n name=\"delete-clear\"\n @click.stop=\"clear\"\n />\n <PlIcon24\n v-if=\"type === 'password'\"\n :name=\"passwordIcon\"\n style=\"cursor: pointer\"\n @click.stop=\"togglePasswordVisibility\"\n />\n <slot name=\"append\" />\n </div>\n <DoubleContour class=\"pl-text-field__contour\" :group-position=\"groupPosition\" />\n </div>\n <div v-if=\"hasErrors\" class=\"pl-text-field__error\">\n {{ displayErrors.join(\" \") }}\n </div>\n <div v-else-if=\"helper\" class=\"pl-text-field__helper\">{{ helper }}</div>\n </div>\n</template>\n"],"mappings":""}