npm - @milaboratories/uikit - Versions diffs - 2.16.0 → 2.16.2 - Mend

@milaboratories/uikit 2.16.0 → 2.16.2

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 (1369) hide show

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

@@ -1,7 +1,7 @@
 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({
+// src/components/PlStatusTag/PlStatusTag.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ r({
 	__name: "PlStatusTag",
 	props: { type: {} },
 	setup(r) {
@@ -17,7 +17,6 @@ var l = /* @__PURE__ */ r({
 		}, 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 data-testid=\"pl-status-tag\"\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~~,EAUM,~~OAVN~~,EAUM;;GARJ,eAAY;~~KACJA~~,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","_openBlock","_createElementBlock","_mergeProps","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","PlStatusTag_vue_vue_type_script_setup_true_lang_default","data","reactive","__props","openBlock","createElementBlock","mergeProps","_ctx","renderSlot","createTextVNode","toDisplayString","createCommentVNode"],"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 data-testid=\"pl-status-tag\"\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,IAAMS,IAAOC,EAA0D,EACrE,YAAY;GACV,IAAI;GACJ,MAAM;GACN,OAAO;GACP,MAAM;EACR,EACF,CAAC;E,iBAISC,EAAA,QADRV,EAAA,GAAAC,EAUM,OAVNC,EAUM;;GARJ,eAAY;EACJH,GAAAA,EAAAA,QAAM,EACb,OAAK,CAAA,GAAKW,EAAA,KAAK,kBAAiB,IAAA,GAAA,GAC3B,+CAA+C,E,KAErDP,EAEOW,EAAA,QAAA,WAAA,CAAA,SAAA,CADFV,EAAAC,EAAAG,EAAK,WAAWE,EAAA,KAAI,GAAA,CAAA,C"}

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

	@@ -1 +1 @@
1	- ~~import~~ "./PlStatusTag.js";
1	+ export { default as PlStatusTag } from "./PlStatusTag.js";

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

@@ -1,8 +1,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
+var r = /*#__PURE__*/ e(t, [["__cssModules", { $style: n }]]);
 export { r as default };
 //# sourceMappingURL=PlSvg.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlSvg.js","names":[],"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":""}
1	+ {"version":3,"file":"PlSvg.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlSvg_vue_vue_type_script_setup_true_lang_default","PlSvg_vue_vue_type_style_index_0_lang_module_default","PlSvg_default","\"$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":""}

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

@@ -1,5 +1,5 @@
-import './PlSvg.vue.css';var e = { svg: "_svg_uozbm_2" };
-//#endregion
-export { e as default };
+import './PlSvg.style.css';// src/components/PlSvg/PlSvg.vue?vue&type=style&index=0&lang.module.css
+var e = "_svg_uozbm_2", t = { svg: e };
+export { t as default, e as svg };
 //# sourceMappingURL=PlSvg.style.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlSvg.vue_vue_type_style_index_0_lang.module.js","names":[],"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":""}
1	+ {"version":3,"file":"PlSvg.vue_vue_type_style_index_0_lang.module.js","names":["svg","PlSvg_vue_vue_type_style_index_0_lang_module_default"],"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":""}

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

@@ -2,8 +2,8 @@ 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({
+// src/components/PlSvg/PlSvg.vue?vue&type=script&setup=true&lang.ts
+var u = ["href"], d = /*@__PURE__*/ a({
 	__name: "PlSvg",
 	props: {
 		uri: {},
@@ -16,7 +16,7 @@ var u = ["href"], d = /* @__PURE__ */ a({
 	setup(a) {
 		let d = a, f = l(async () => {
 			if (typeof d.uri == "string") return Promise.resolve(d.uri);
-			if (typeof d.name == "string") return e(/* @__PURE__ */ Object.assign({
+			if (typeof d.name == "string") return e(/* #__PURE__ */ Object.assign({
 				"../../assets/icons/icon-assets-min/16_add.svg": () => import("../../assets/icons/icon-assets-min/16_add.js"),
 				"../../assets/icons/icon-assets-min/16_arrow-down.svg": () => import("../../assets/icons/icon-assets-min/16_arrow-down.js"),
 				"../../assets/icons/icon-assets-min/16_arrow-left.svg": () => import("../../assets/icons/icon-assets-min/16_arrow-left.js"),
@@ -333,7 +333,6 @@ 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":";;;;;;;;;;;;;;;;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~~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~~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~~"}
1	+ {"version":3,"file":"PlSvg.vue_vue_type_script_setup_true_lang.js","names":["$style","__variableDynamicImportRuntimeHelper","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass","_createElementVNode","_rolldown_dynamic_import_helper_default","_hoisted_1","PlSvg_vue_vue_type_script_setup_true_lang_default","props","__props","uri","computedAsync","m","svgMeta","computed","registerSvg","toPx","value","styleSize","styleColor","getStyleColor","styleStroke","color","acc","prop","i","openBlock","createElementBlock","normalizeStyle","normalizeClass","_ctx","createElementVNode"],"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,IAAMU,IAAQC,GASRC,IAAMC,EAAc,YAAY;GACpC,IAAI,OAAOH,EAAM,OAAQ,UAAU,OAAO,QAAQ,QAAQA,EAAM,GAAG;GACnE,IAAI,OAAOA,EAAM,QAAS,UACxB,OAAOT,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;GAAA,CAAA,GAAA,sCAAAS,EAAA,KAAA,WAAA,CAAA,CAAkE,CAAC,MACvE,MAAMI,EAAE,OACX;EAEJ,CAAC,GAEKC,IAAUC,QACdJ,EAAI,SAAS,OAAO,KAAA,IAAYK,EAAYL,EAAI,OAAOF,EAAM,IAAI,CACnE,GAEMQ,KAAQ,MAAuC;GACnD,IAAI,OAAOC,KAAU,UAAU,OAAO,GAAGA,EAAM;GAC/C,IAAI,OAAOA,KAAU,UAAU,OAAOA;EAExC,GAEMC,IAAYJ,SAAgB;GAChC,eAAeE,EAAKR,EAAM,SAASK,EAAQ,OAAO,YAAY;GAC9D,gBAAgBG,EAAKR,EAAM,UAAUK,EAAQ,OAAO,aAAa;EACnE,EAAE,GAEIM,IAAaL,QAAeM,EAAc,QAAQZ,EAAM,KAAK,CAAC,GAC9Da,IAAcP,QAAeM,EAAc,UAAUZ,EAAM,MAAM,CAAC;EAExE,SAASY,EACP,GACA,GACoB;GACpB,IAAI,MAAM,QAAQE,CAAK,GACrB,OAAOA,EAAM,QAAQ,GAAK,GAAO,MAAMC,IAAM,SAASC,EAAK,GAAGC,EAAE,IAAIH,EAAM,IAAI,EAAE;GAGlF,IAAI,OAAOA,KAAU,YAAYA,EAAM,SAAS,GAC9C,OAAO,SAASE,EAAK,MAAMF,EAAM;EAIrC;E,kBAIEtB,EAAA,GAAAC,EAEM,OAAA;GAFA,OAAKC,EAAA;IAAGgB,EAAA;IAAWC,EAAA;IAAYE,EAAA;GAAW,CAAA;GAAI,OAAKlB,EAAEL,EAAAA,OAAO,GAAG;E,IACnEM,EAAuC,OAAA,EAAjC,MAAI,IAAMS,EAAA,OAAS,W"}

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

	@@ -1 +1 @@
1	- ~~import~~ "./PlSvg.js";
1	+ export { default as PlSvg } from "./PlSvg.js";

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

@@ -1,5 +1,5 @@
 import { uniqueId as e } from "@milaboratories/helpers";
-//#region src/components/PlSvg/registry.ts
+// 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;
@@ -23,7 +23,6 @@ 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":["createSpriteContainer","defsElement","registeredRaw","registerSvg","raw","id","name","uniqueId","openSvgTagMatch","fillMatch","strokeMatch","widthMatch","heightMatch","viewBoxParts","viewBoxWidthMatch","viewBoxHeightMatch","width","height","viewBox","fillIdx","strokeIdx","fillAttr","strokeAttr","preparedSvg","value","q","template","symbol"],"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,SAASA,IAAwB;CAC/B,IAAMC,IAAc,SAAS,gBAAgB,8BAA8B,KAAK;CAIhF,OAHAA,EAAY,aAAa,SAAS,4BAA4B,GAC9D,EAAY,MAAM,UAAU,QAC5B,SAAS,KAAK,QAAQA,CAAW,GAC1BA;AACT;AAGA,OAAO,uBAAuB,OAAO,wCAAwB,IAAI,IAAqB,GACtF,OAAO,yBAAyB,OAAO,0BAA0BD,EAAsB;AAQvF,IAAME,IAAgB,OAAO,sBACvBD,IAAc,OAAO;AAE3B,SAAgBE,EAAY,GAAa,GAAwB;CAC/D,IAAI,CAACD,EAAc,IAAIE,CAAG,GAAG;EAC3B,IAAMC,IAAK,OAAOC,IAAO,GAAGA,EAAK,KAAK,KAAKC,EAAS,EAAE,KAEhDC,IAAkBJ,EAAI,MAAM,cAAc,CAAC,GAAG,IAC9CK,IAAYD,GAAiB,MAAM,oBAAoB,CAAC,GAAG,IAC3DE,IAAcF,GAAiB,MAAM,sBAAsB,CAAC,GAAG,IAC/DG,IAAaH,GAAiB,MAAM,0BAA0B,CAAC,GAAG,IAClEI,IAAcJ,GAAiB,MAAM,2BAA2B,CAAC,GAAG,IACpEK,IAAeL,GAAiB,MAAM,8CAA8C,GACpFM,IAAoBD,IAAe,IACnCE,IAAqBF,IAAe,IACtCG,IAAQ,OAAOF,KAAqBH,KAAc,EAAE;EACxD,IAAQ,MAAMK,CAAK,IAAI,KAAKA;EAC5B,IAAIC,IAAS,OAAOF,KAAsBH,KAAe,EAAE;EAC3D,IAAS,MAAMK,CAAM,IAAI,KAAKA;EAC9B,IAAMC,IAAU,OAAOF,EAAM,GAAGC,KAE5BE,IAAU,GACVC,IAAY,GACVC,IAAWZ,IAAY,SAASA,EAAU,KAAK,IAC/Ca,IAAaZ,IAAc,WAAWA,EAAY,KAAK,IAEvDa,IAAcnB,EACjB,QAAQ,gBAAgB,YAAYC,EAAG,aAAaa,EAAQ,IAAIG,EAAS,GAAGC,EAAW,EAAE,CAAC,CAC1F,QAAQ,eAAe,QAAQ,CAAC,CAChC,QAAQ,iCAAiC,GAAG,GAAG,MAC9C,wBAAwB,KAAKE,CAAK,IAC9B,QAAQC,IAAID,IAAQC,MACpB,QAAQA,EAAE,iBAAiB,IAAU,IAAID,EAAM,GAAGC,GACxD,CAAC,CACA,QAAQ,mCAAmC,GAAG,GAAG,MAChD,wBAAwB,KAAKD,CAAK,IAC9B,UAAUC,IAAID,IAAQC,MACtB,UAAUA,EAAE,mBAAmB,IAAY,IAAID,EAAM,GAAGC,GAC9D,GAEIC,IAAW,SAAS,cAAc,UAAU;EAClD,EAAS,YAAYH;EAErB,IAAMI,IAASD,EAAS,QAAQ;EAKhC,AAJIC,KAAU1B,KACZA,EAAY,YAAY0B,CAAM,GAGhCzB,EAAc,IAAIE,GAAK;GACrB,UAAUC;GACV,cAAcW;GACd,eAAeC;EACjB,CAAC;CACH;CAEA,OAAOf,EAAc,IAAIE,CAAG;AAC9B"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlTabs.js","names":[],"sources":["../../../src/components/PlTabs/PlTabs.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n A component for selecting one value from a list of options\n /\nexport default {\n name: \"PlTabs\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M extends string\">\nimport style from \"./pl-tabs.module.scss\";\nimport type { TabOption } from \"./types\";\nimport Tab from \"./Tab.vue\";\n\nconst emit = defineEmits<{\n /\n Emitted when the model value is updated.\n /\n (e: \"update:modelValue\", value: M): void;\n}>();\n\nconst emitModel = (v: M) => emit(\"update:modelValue\", v);\n\ndefineProps<{\n /\n The current selected tab value.\n /\n modelValue?: M;\n /\n List of available options for the component\n /\n options: Readonly<TabOption<M>[]>;\n /\n If `true`, the component is disabled and cannot be interacted with.\n /\n disabled?: boolean;\n /\n If `true`, the `active` line appears on the top of element.\n /\n topLine?: boolean;\n /\n Maximum tab width (css value), can be overridden for each option\n */\n maxTabWidth?: string;\n}>();\n</script>\n\n<template>\n <div\n data-testid=\"pl-tabs\"\n :class=\"[style.component, { [style.disabled]: disabled, [style.topLine]: topLine }]\"\n >\n <Tab\n v-for=\"(opt, i) in options\"\n :key=\"i\"\n data-testid=\"pl-tabs-tab\"\n :tabindex=\"modelValue === opt.value \|\| disabled \|\| opt.disabled ? undefined : 0\"\n :option=\"opt\"\n :class=\"[\n { [style.active]: modelValue === opt.value, [style.disabled]: opt.disabled },\n style.tab,\n ]\"\n :style=\"{ '--pl-tabs-item-max-width': opt.maxWidth ?? maxTabWidth }\"\n @keydown.enter=\"emitModel(opt.value)\"\n @click=\"emitModel(opt.value)\"\n >\n <slot :name=\"opt.value\" :option=\"opt\">\n <span data-testid=\"pl-tabs-tab-label\">{{ opt.label }}</span>\n </slot>\n </Tab>\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlTabs.js","names":["_sfc_main","PlTabs_vue_vue_type_script_setup_true_lang_default","PlTabs_default"],"sources":["../../../src/components/PlTabs/PlTabs.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n A component for selecting one value from a list of options\n /\nexport default {\n name: \"PlTabs\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M extends string\">\nimport style from \"./pl-tabs.module.scss\";\nimport type { TabOption } from \"./types\";\nimport Tab from \"./Tab.vue\";\n\nconst emit = defineEmits<{\n /\n Emitted when the model value is updated.\n /\n (e: \"update:modelValue\", value: M): void;\n}>();\n\nconst emitModel = (v: M) => emit(\"update:modelValue\", v);\n\ndefineProps<{\n /\n The current selected tab value.\n /\n modelValue?: M;\n /\n List of available options for the component\n /\n options: Readonly<TabOption<M>[]>;\n /\n If `true`, the component is disabled and cannot be interacted with.\n /\n disabled?: boolean;\n /\n If `true`, the `active` line appears on the top of element.\n /\n topLine?: boolean;\n /\n Maximum tab width (css value), can be overridden for each option\n */\n maxTabWidth?: string;\n}>();\n</script>\n\n<template>\n <div\n data-testid=\"pl-tabs\"\n :class=\"[style.component, { [style.disabled]: disabled, [style.topLine]: topLine }]\"\n >\n <Tab\n v-for=\"(opt, i) in options\"\n :key=\"i\"\n data-testid=\"pl-tabs-tab\"\n :tabindex=\"modelValue === opt.value \|\| disabled \|\| opt.disabled ? undefined : 0\"\n :option=\"opt\"\n :class=\"[\n { [style.active]: modelValue === opt.value, [style.disabled]: opt.disabled },\n style.tab,\n ]\"\n :style=\"{ '--pl-tabs-item-max-width': opt.maxWidth ?? maxTabWidth }\"\n @keydown.enter=\"emitModel(opt.value)\"\n @click=\"emitModel(opt.value)\"\n >\n <slot :name=\"opt.value\" :option=\"opt\">\n <span data-testid=\"pl-tabs-tab-label\">{{ opt.label }}</span>\n </slot>\n </Tab>\n </div>\n</template>\n"],"mappings":""}

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

@@ -1,8 +1,8 @@
 import e from "./pl-tabs.module.js";
 import t from "./Tab.js";
 import { Fragment as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, renderSlot as d, toDisplayString as f, unref as p, withCtx as m, withKeys as h } from "vue";
-//#region src/components/PlTabs/PlTabs.vue?vue&type=script&setup=true&lang.ts
-var g = { "data-testid": "pl-tabs-tab-label" }, _ = /* @__PURE__ */ o({
+// src/components/PlTabs/PlTabs.vue?vue&type=script&setup=true&lang.ts
+var g = { "data-testid": "pl-tabs-tab-label" }, _ = /*@__PURE__*/ o({
 	name: "PlTabs",
 	props: {
 		modelValue: {},
@@ -45,7 +45,6 @@ var g = { "data-testid": "pl-tabs-tab-label" }, _ = /* @__PURE__ */ o({
 		]))), 128))], 2));
 	}
 });
-//#endregion
 export { _ as default };
 //# sourceMappingURL=PlTabs.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlTabs.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlTabs/PlTabs.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n A component for selecting one value from a list of options\n /\nexport default {\n name: \"PlTabs\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M extends string\">\nimport style from \"./pl-tabs.module.scss\";\nimport type { TabOption } from \"./types\";\nimport Tab from \"./Tab.vue\";\n\nconst emit = defineEmits<{\n /\n Emitted when the model value is updated.\n /\n (e: \"update:modelValue\", value: M): void;\n}>();\n\nconst emitModel = (v: M) => emit(\"update:modelValue\", v);\n\ndefineProps<{\n /\n The current selected tab value.\n /\n modelValue?: M;\n /\n List of available options for the component\n /\n options: Readonly<TabOption<M>[]>;\n /\n If `true`, the component is disabled and cannot be interacted with.\n /\n disabled?: boolean;\n /\n If `true`, the `active` line appears on the top of element.\n /\n topLine?: boolean;\n /\n Maximum tab width (css value), can be overridden for each option\n */\n maxTabWidth?: string;\n}>();\n</script>\n\n<template>\n <div\n data-testid=\"pl-tabs\"\n :class=\"[style.component, { [style.disabled]: disabled, [style.topLine]: topLine }]\"\n >\n <Tab\n v-for=\"(opt, i) in options\"\n :key=\"i\"\n data-testid=\"pl-tabs-tab\"\n :tabindex=\"modelValue === opt.value \|\| disabled \|\| opt.disabled ? undefined : 0\"\n :option=\"opt\"\n :class=\"[\n { [style.active]: modelValue === opt.value, [style.disabled]: opt.disabled },\n style.tab,\n ]\"\n :style=\"{ '--pl-tabs-item-max-width': opt.maxWidth ?? maxTabWidth }\"\n @keydown.enter=\"emitModel(opt.value)\"\n @click=\"emitModel(opt.value)\"\n >\n <slot :name=\"opt.value\" :option=\"opt\">\n <span data-testid=\"pl-tabs-tab-label\">{{ opt.label }}</span>\n </slot>\n </Tab>\n </div>\n</template>\n"],"mappings":";;;;;CAKE,MAAM;;;;;;;;;;EASR,~~IAAM~~,~~IAAO~~,~~GAOP~~,KAAa,~~MAAS~~,EAAK,~~qBAAqB~~,~~EAAE~~;~~yBA2BtD~~,EAsBM,OAAA;GArBJ,eAAY;GACX,~~OAAK~~,EAAA,~~CAAG~~,~~EAAA~~,~~EAAK~~,CAAC,WAAS;~~KAAK~~,~~EAAA~~,~~EAAK~~,CAAC,~~WAAW~~,EAAA;~~KAAW~~,~~EAAA~~,~~EAAK~~,CAAC,~~UAAU~~,EAAA;~~IAAO~~,CAAA,CAAA;~~cAEhF~~,~~EAiBM~~,GAAA,~~MAAA~~,~~EAhBe~~,EAAA,UAAX,GAAK,~~YADf~~,~~EAiBM~~,GAAA;GAfH,KAAK;GACN,eAAY;GACX,~~UAAU~~,EAAA,~~eAAe~~,EAAI,~~SAAS~~,EAAA,~~YAAY~~,EAAI,WAAW,KAAA,IAAS;GAC1E,~~QAAQ~~;GACR,~~OAAK~~,EAAA,~~CAAA~~;~~KAAe~~,~~EAAA~~,~~EAAK~~,CAAC,~~SAAS~~,EAAA,~~eAAe~~,EAAI;~~KAAQ~~,~~EAAA~~,~~EAAK~~,CAAC,~~WAAW~~,EAAI;~~IAAQ~~,~~EAAY~~,~~EAAA~~,~~EAAK~~,CAAC,~~IAAA,CAAA~~;GAI7G,~~OAAK~~,EAAA,EAAA,~~4BAAgC~~,EAAI,~~YAAY~~,EAAA,~~aAAW~~,CAAA;GAChE,~~WAAO~~,GAAA,~~MAAQ~~,~~EAAU~~,EAAI,~~MAAK~~,~~EAAA~~,CAAA,~~QAAA~~,CAAA;GAClC,UAAK,~~MAAE~~,~~EAAU~~,EAAI,~~MAAK~~;;~~oBAIpB~~,~~CAFP~~,~~EAEO~~,EAAA,~~QAFM~~,EAAI,OAAK,EAAG,~~QAAQ~~,~~GAAG~~,~~QAE7B~~,~~CADL~~,EAA4D,~~QAA5D~~,~~GAA4D~~,~~EAAnB~~,EAAI,~~MAAK~~,~~EAAA~~,~~EAAA,~~CAAA,~~CAAA,CAAA,CAAA~~"}
1	+ {"version":3,"file":"PlTabs.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","style","_Fragment","_renderList","_createBlock","Tab","_normalizeStyle","_withKeys","_withCtx","_renderSlot","_createElementVNode","_toDisplayString","pl_tabs_module_default","Tab_default","_hoisted_1","PlTabs_vue_vue_type_script_setup_true_lang_default","__emit","emit","emitModel","v","openBlock","createElementBlock","normalizeClass","unref","__props","Fragment","renderList","createBlock","opt","normalizeStyle","withKeys","withCtx","renderSlot","_ctx","createElementVNode","toDisplayString"],"sources":["../../../src/components/PlTabs/PlTabs.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n A component for selecting one value from a list of options\n /\nexport default {\n name: \"PlTabs\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M extends string\">\nimport style from \"./pl-tabs.module.scss\";\nimport type { TabOption } from \"./types\";\nimport Tab from \"./Tab.vue\";\n\nconst emit = defineEmits<{\n /\n Emitted when the model value is updated.\n /\n (e: \"update:modelValue\", value: M): void;\n}>();\n\nconst emitModel = (v: M) => emit(\"update:modelValue\", v);\n\ndefineProps<{\n /\n The current selected tab value.\n /\n modelValue?: M;\n /\n List of available options for the component\n /\n options: Readonly<TabOption<M>[]>;\n /\n If `true`, the component is disabled and cannot be interacted with.\n /\n disabled?: boolean;\n /\n If `true`, the `active` line appears on the top of element.\n /\n topLine?: boolean;\n /\n Maximum tab width (css value), can be overridden for each option\n */\n maxTabWidth?: string;\n}>();\n</script>\n\n<template>\n <div\n data-testid=\"pl-tabs\"\n :class=\"[style.component, { [style.disabled]: disabled, [style.topLine]: topLine }]\"\n >\n <Tab\n v-for=\"(opt, i) in options\"\n :key=\"i\"\n data-testid=\"pl-tabs-tab\"\n :tabindex=\"modelValue === opt.value \|\| disabled \|\| opt.disabled ? undefined : 0\"\n :option=\"opt\"\n :class=\"[\n { [style.active]: modelValue === opt.value, [style.disabled]: opt.disabled },\n style.tab,\n ]\"\n :style=\"{ '--pl-tabs-item-max-width': opt.maxWidth ?? maxTabWidth }\"\n @keydown.enter=\"emitModel(opt.value)\"\n @click=\"emitModel(opt.value)\"\n >\n <slot :name=\"opt.value\" :option=\"opt\">\n <span data-testid=\"pl-tabs-tab-label\">{{ opt.label }}</span>\n </slot>\n </Tab>\n </div>\n</template>\n"],"mappings":";;;;;CAKE,MAAM;;;;;;;;;;EASR,IAAMoB,IAAOD,GAOPE,KAAa,MAASD,EAAK,qBAAqBE,CAAC;E,kBA2BrDtB,EAAA,GAAAC,EAsBM,OAAA;GArBJ,eAAY;GACX,OAAKC,EAAA,CAAGC,EAAAC,CAAA,CAAK,CAAC,WAAS;KAAKD,EAAAC,CAAA,CAAK,CAAC,WAAWuB,EAAA;KAAWxB,EAAAC,CAAA,CAAK,CAAC,UAAUuB,EAAA;GAAO,CAAA,CAAA;E,KAEhF3B,EAAA,EAAA,GAAAC,EAiBMI,GAAA,MAAAC,EAhBeqB,EAAA,UAAX,GAAK,OADf3B,EAAA,GAAAO,EAiBMC,GAAA;GAfH,KAAK;GACN,eAAY;GACX,UAAUmB,EAAA,eAAeI,EAAI,SAASJ,EAAA,YAAYI,EAAI,WAAW,KAAA,IAAS;GAC1E,QAAQA;GACR,OAAK7B,EAAA,CAAe;KAAAC,EAAAC,CAAA,CAAK,CAAC,SAASuB,EAAA,eAAeI,EAAI;KAAQ5B,EAAAC,CAAA,CAAK,CAAC,WAAW2B,EAAI;GAAQ,GAAY5B,EAAAC,CAAA,CAAK,CAAC,G;GAI7G,OAAKK,EAAA,EAAA,4BAAgCsB,EAAI,YAAYJ,EAAA,YAAW,CAAA;GAChE,WAAOjB,GAAA,MAAQW,EAAUU,EAAI,KAAK,GAAA,CAAA,OAAA,CAAA;GAClC,UAAK,MAAEV,EAAUU,EAAI,KAAK;;GAE3B,SAAApB,QAEO,CAFPC,EAEOwB,EAAA,QAFML,EAAI,OAAK,EAAG,QAAQA,EAAG,SAE7B,CADLlB,EAA4D,QAA5DI,GAA4DH,EAAnBiB,EAAI,KAAK,GAAA,CAAA,C"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.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":""}
1	+ {"version":3,"file":"Tab.js","names":["_sfc_main","Tab_vue_vue_type_script_setup_true_lang_default","Tab_default"],"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":""}

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

@@ -1,8 +1,8 @@
 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({
+// src/components/PlTabs/Tab.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ r({
 	__name: "Tab",
 	props: { option: {} },
 	setup(r) {
@@ -29,7 +29,6 @@ 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":["_openBlock","_createBlock","_unref","PlTooltip","_withCtx","_createTextVNode","_toDisplayString","_renderSlot","PlTooltip_default","Tab_vue_vue_type_script_setup_true_lang_default","rootRef","ref","data","reactive","onMounted","root","unref","el","openBlock","createBlock","withCtx","createTextVNode","toDisplayString","__props","renderSlot","_ctx"],"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,IAAMU,IAAUC,EAA0B,GAMpCC,IAAOC,EAAS,EACpB,aAAa,GACf,CAAC;E,OAEDC,QAAgB;GACd,IAAMC,IAAOC,EAAMN,CAAO;GAE1B,IAAI,CAACK,GACH;GAGF,IAAME,IAAKF,EAAK,IAAI,cAAc,MAAM;GAExC,AAAKE,KAIL,4BAA4B;IAC1B,AAAIA,EAAG,cAAcA,EAAG,gBACtB,EAAK,cAAc;GAEvB,CAAC;EACH,CAAC,I,UAICjB,EAAA,GAAAC,EAYYC,EAAAC,CAAA,GAAA;GAXN,SAAA;GAAJ,KAAIO;GACJ,SAAQ;GACR,UAAS;GACR,MAAI,CAAGE,EAAK;GACZ,eAAa;GACb,qBAAmBA,EAAK,cAAW,SAAA;;GAGzB,SAAOR,QACE,CAAfC,EAAAC,EAAAiB,EAAA,OAAO,KAAK,GAAA,CAAA,C;GAFjB,SAAAnB,QAAQ,CAARG,EAAQkB,EAAA,QAAA,SAAA,C"}

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

	@@ -1 +1 @@
1	- ~~import~~ "./PlTabs.js";
1	+ export { default as PlTabs } from "./PlTabs.js";

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

@@ -1,11 +1,11 @@
-import './pl-tabs.css';var e = {
-	component: "_component_1ukal_1",
-	tab: "_tab_1ukal_14",
-	disabled: "_disabled_1ukal_27",
-	active: "_active_1ukal_56",
-	topLine: "_topLine_1ukal_69"
+import './pl-tabs.css';// src/components/PlTabs/pl-tabs.module.scss
+var e = "_component_1ukal_1", t = "_tab_1ukal_14", n = "_disabled_1ukal_27", r = "_active_1ukal_56", i = "_topLine_1ukal_69", a = {
+	component: e,
+	tab: t,
+	disabled: n,
+	active: r,
+	topLine: i
 };
-//#endregion
-export { e as default };
+export { r as active, e as component, a as default, n as disabled, t as tab, i as topLine };
 //# sourceMappingURL=pl-tabs.module.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pl-tabs.module.js","names":[],"sources":["../../../src/components/PlTabs/pl-tabs.module.scss"],"sourcesContent":["@use \"../../assets/mixins.scss\" as ;\n\n.component {\n --pl-tabs-height: 40px;\n --pl-tabs-item-border-color: var(--border-color-div-grey);\n --pl-tabs-item-border-width: 0 0 2px 0;\n --pl-tabs-item-text-color: var(--txt-03);\n --pl-tabs-item-max-width: 400px;\n --pl-tabs-cursor: pointer;\n\n position: relative;\n min-height: var(--pl-tabs-height);\n display: flex;\n flex-direction: row;\n gap: 2px;\n\n .tab {\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n flex-wrap: nowrap;\n gap: 12px;\n padding: 10px 12px;\n cursor: var(--pl-tabs-cursor);\n outline: none;\n position: relative;\n\n &.disabled {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n > span {\n color: var(--pl-tabs-item-text-color);\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: 14px; / 107.692% /\n letter-spacing: 0.52px;\n text-transform: uppercase;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: var(--pl-tabs-item-max-width);\n min-width: 60px;\n }\n\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n border: solid var(--pl-tabs-item-border-color);\n border-width: var(--pl-tabs-item-border-width);\n }\n\n &:hover:not(.active) {\n --pl-tabs-item-border-color: var(--border-color-focus);\n --pl-tabs-item-text-color: var(--txt-01);\n }\n\n &:focus-visible {\n --pl-tabs-item-border-color: var(--border-color-focus);\n --pl-tabs-item-border-width: 2px;\n --pl-tabs-item-text-color: var(--txt-01);\n }\n\n &.active {\n --pl-tabs-item-border-color: var(--border-color-focus);\n --pl-tabs-item-text-color: var(--txt-01);\n }\n }\n\n &.topLine {\n --pl-tabs-item-border-width: 2px 0 0 0;\n }\n\n &.disabled {\n --pl-tabs-cursor: not-allowed;\n cursor: not-allowed;\n {\n pointer-events: none;\n }\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"pl-tabs.module.js","names":["component","tab","disabled","active","topLine","pl_tabs_module_default"],"sources":["../../../src/components/PlTabs/pl-tabs.module.scss"],"sourcesContent":["@use \"../../assets/mixins.scss\" as ;\n\n.component {\n --pl-tabs-height: 40px;\n --pl-tabs-item-border-color: var(--border-color-div-grey);\n --pl-tabs-item-border-width: 0 0 2px 0;\n --pl-tabs-item-text-color: var(--txt-03);\n --pl-tabs-item-max-width: 400px;\n --pl-tabs-cursor: pointer;\n\n position: relative;\n min-height: var(--pl-tabs-height);\n display: flex;\n flex-direction: row;\n gap: 2px;\n\n .tab {\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n flex-wrap: nowrap;\n gap: 12px;\n padding: 10px 12px;\n cursor: var(--pl-tabs-cursor);\n outline: none;\n position: relative;\n\n &.disabled {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n > span {\n color: var(--pl-tabs-item-text-color);\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: 14px; / 107.692% /\n letter-spacing: 0.52px;\n text-transform: uppercase;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: var(--pl-tabs-item-max-width);\n min-width: 60px;\n }\n\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n border: solid var(--pl-tabs-item-border-color);\n border-width: var(--pl-tabs-item-border-width);\n }\n\n &:hover:not(.active) {\n --pl-tabs-item-border-color: var(--border-color-focus);\n --pl-tabs-item-text-color: var(--txt-01);\n }\n\n &:focus-visible {\n --pl-tabs-item-border-color: var(--border-color-focus);\n --pl-tabs-item-border-width: 2px;\n --pl-tabs-item-text-color: var(--txt-01);\n }\n\n &.active {\n --pl-tabs-item-border-color: var(--border-color-focus);\n --pl-tabs-item-text-color: var(--txt-01);\n }\n }\n\n &.topLine {\n --pl-tabs-item-border-width: 2px 0 0 0;\n }\n\n &.disabled {\n --pl-tabs-cursor: not-allowed;\n cursor: not-allowed;\n {\n pointer-events: none;\n }\n }\n}\n"],"mappings":""}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlTextArea.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\" data-testid=\"pl-text-area\">\n <div\n ref=\"root\"\n class=\"ui-text-area\"\n :class=\"{ error: hasErrors, disabled, dashed, nonEmpty }\"\n data-testid=\"pl-text-area-control\"\n >\n <label v-if=\"label\" ref=\"label\" data-testid=\"pl-text-area-label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" data-testid=\"pl-text-area-required\" />\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-text-area-tooltip\"\n >\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 data-testid=\"pl-text-area-input\"\n @input=\"adjustHeight\"\n />\n <div class=\"ui-text-area__append\" data-testid=\"pl-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\" data-testid=\"pl-text-area-error\">\n {{ displayErrors.join(\" \") }}\n </div>\n <div v-else-if=\"helper\" class=\"ui-text-area__helper\" data-testid=\"pl-text-area-helper\">\n {{ helper }}\n </div>\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlTextArea.js","names":["_sfc_main","PlTextArea_vue_vue_type_script_setup_true_lang_default","PlTextArea_default"],"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\" data-testid=\"pl-text-area\">\n <div\n ref=\"root\"\n class=\"ui-text-area\"\n :class=\"{ error: hasErrors, disabled, dashed, nonEmpty }\"\n data-testid=\"pl-text-area-control\"\n >\n <label v-if=\"label\" ref=\"label\" data-testid=\"pl-text-area-label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" data-testid=\"pl-text-area-required\" />\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-text-area-tooltip\"\n >\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 data-testid=\"pl-text-area-input\"\n @input=\"adjustHeight\"\n />\n <div class=\"ui-text-area__append\" data-testid=\"pl-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\" data-testid=\"pl-text-area-error\">\n {{ displayErrors.join(\" \") }}\n </div>\n <div v-else-if=\"helper\" class=\"ui-text-area__helper\" data-testid=\"pl-text-area-helper\">\n {{ helper }}\n </div>\n </div>\n</template>\n"],"mappings":""}

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

@@ -9,7 +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
+// src/components/PlTextArea/PlTextArea.vue?vue&type=script&setup=true&lang.ts
 var T = {
 	class: "ui-text-area__envelope",
 	"data-testid": "pl-text-area"
@@ -33,7 +33,7 @@ var T = {
 	key: 1,
 	class: "ui-text-area__helper",
 	"data-testid": "pl-text-area-helper"
-}, j = /* @__PURE__ */ p({
+}, j = /*@__PURE__*/ p({
 	name: "PlTextArea",
 	props: {
 		modelValue: {},
@@ -115,7 +115,6 @@ var T = {
 		], 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\" data-testid=\"pl-text-area\">\n <div\n ref=\"root\"\n class=\"ui-text-area\"\n :class=\"{ error: hasErrors, disabled, dashed, nonEmpty }\"\n data-testid=\"pl-text-area-control\"\n >\n <label v-if=\"label\" ref=\"label\" data-testid=\"pl-text-area-label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" data-testid=\"pl-text-area-required\" />\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-text-area-tooltip\"\n >\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 data-testid=\"pl-text-area-input\"\n @input=\"adjustHeight\"\n />\n <div class=\"ui-text-area__append\" data-testid=\"pl-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\" data-testid=\"pl-text-area-error\">\n {{ displayErrors.join(\" \") }}\n </div>\n <div v-else-if=\"helper\" class=\"ui-text-area__helper\" data-testid=\"pl-text-area-helper\">\n {{ helper }}\n </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~~,EA2CM,~~OA3CN~~,GA2CM,~~CA1CJ~~,EAmCM,OAAA;~~YAlCA~~;GAAJ,~~KAAI~~;GACJ,OAAK,EAAA,CAAC,gBAAc;IAAA,~~OACH~~,EAAA;IAAS,~~UAAE~~,EAAA;IAAQ,~~QAAE~~,EAAA;IAAM,~~UAAE~~,EAAA;~~IAAQ~~,CAAA,CAAA;GACtD,eAAY;;~~GAEC~~,EAAA,~~SAAA~~,~~GAAA~~,~~EAAb~~,EAaQ,~~SAbR~~,GAaQ;~~IAZO~~,EAAA,~~YAAA~~,~~GAAA~~,~~EAAb~~,~~EAAgF~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;;KAAxD,~~KAAK~~,~~EAAA~~,~~EAAW~~;~~KAAE~~,eAAY;;~~IACtD~~,EAAwB,QAAA,~~MAAA~~,~~EAAf~~,EAAA,~~MAAK~~,~~EAAA~~,~~EAAA~~;~~IAEN~~,~~EAAA~~,~~EAAK~~,CAAC,~~WAAA~~,~~GAAA~~,~~EADd~~,~~EASY~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;;KAPV,OAAM;KACN,UAAS;KACT,eAAY;;KAED,~~SAAO~~,QACO,~~CAAvB~~,~~EAAuB~~,EAAA,QAAA,~~UAAA~~,~~CAAA,CAAA~~;;;;~~KAI7B~~,EAUE,YAAA;~~aATI~~;IAAJ,~~KAAI~~;~~6CACU~~,QAAA;IACb,UAAU,EAAA;IACV,~~MAAM~~,EAAA;IACN,~~UAAU~~,EAAA;IACV,~~aAAa~~,EAAA,eAAW;IACzB,YAAW;IACX,eAAY;IACX,~~SAAO~~;~~yBAPC~~,EAAA,~~MAAK~~,~~CAAA,CAAA~~;~~GAShB~~,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~~,EAEM,~~OAFN~~,~~GAEM~~,~~EADD~~,EAAA,~~OAAM~~,~~EAAA,EAAA,IAAA,EAAA,IAAA,~~GAAA,CAAA,~~CAAA~~"}
1	+ {"version":3,"file":"PlTextArea.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_createBlock","_unref","PlSvg","SvgRequired","_createCommentVNode","_toDisplayString","PlTooltip","_withCtx","_renderSlot","_withDirectives","_vModelText","_createVNode","DoubleContour","PlSvg_default","PlTooltip_default","DoubleContour_default","required_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","PlTextArea_vue_vue_type_script_setup_true_lang_default","__emit","slots","useSlots","emit","props","__props","root","ref","input","value","computed","v","nonEmpty","validationData","useValidation","displayErrors","errors","propsError","getErrorMessage","hasErrors","adjustHeight","el","onMounted","openBlock","createElementBlock","createElementVNode","normalizeClass","createBlock","unref","createCommentVNode","toDisplayString","withCtx","renderSlot","_ctx","withDirectives","_cache","$event","vModelText","createVNode"],"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\" data-testid=\"pl-text-area\">\n <div\n ref=\"root\"\n class=\"ui-text-area\"\n :class=\"{ error: hasErrors, disabled, dashed, nonEmpty }\"\n data-testid=\"pl-text-area-control\"\n >\n <label v-if=\"label\" ref=\"label\" data-testid=\"pl-text-area-label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" data-testid=\"pl-text-area-required\" />\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-text-area-tooltip\"\n >\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 data-testid=\"pl-text-area-input\"\n @input=\"adjustHeight\"\n />\n <div class=\"ui-text-area__append\" data-testid=\"pl-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\" data-testid=\"pl-text-area-error\">\n {{ displayErrors.join(\" \") }}\n </div>\n <div v-else-if=\"helper\" class=\"ui-text-area__helper\" data-testid=\"pl-text-area-helper\">\n {{ helper }}\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGE,MAAM;;;;;;;;;;;;;;;;;EAeR,IAAM6B,IAAQC,EAAS,GAEjBC,IAAOH,GAOPI,IAAQC,GAmDRC,IAAOC,EAAsB,GAC7BC,IAAQD,EAAyB,GAEjCE,IAAQC,EAAS;GACrB,MAAM;IACJ,OAAON,EAAM,cAAc;GAC7B;GACA,IAAI,GAAG;IACL,EAAK,qBAAqBO,CAAC;GAC7B;EACF,CAAC,GAEKC,IAAWF,QAAe,CAAC,CAACN,EAAM,UAAU,GAC5CS,IAAiBC,EAAcL,GAAOL,EAAM,SAAS,CAAC,CAAC;EAE7D,EAAcE,CAAI;EAElB,IAAMS,IAAgBL,QAAe;GACnC,IAAMM,IAAmB,CAAC,GACpBC,IAAaC,EAAgBd,EAAM,KAAK;GAQ9C,OANIa,KACFD,EAAO,KAAKC,CAAU,GAGxBD,EAAO,KAAK,GAAGH,EAAe,MAAM,MAAM,GAEnCG;EACT,CAAC,GAEKG,IAAYT,QAAeK,EAAc,MAAM,SAAS,CAAC,GAEzDK,UAAqB;GACzB,IAAI,CAAChB,EAAM,UACT;GAEF,IAAMiB,IAAKb,EAAM;GACjB,AAAIa,MACF,EAAG,MAAM,SAAS,QAClB,EAAG,MAAM,SAAS,GAAGA,EAAG,aAAa;EAEzC;E,OAEAC,QAAgB;GACd,EAAa;EACf,CAAC,I,UAIClD,EAAA,GAAAC,EA2CM,OA3CNoB,GA2CM,CA1CJnB,EAmCM,OAAA;GAlCA,SAAA;GAAJ,KAAIgC;GACJ,OAAK/B,EAAA,CAAC,gBAAc;IAAA,OACH4C,EAAA;IAAS,UAAEd,EAAA;IAAQ,QAAEA,EAAA;IAAM,UAAEO,EAAA;GAAQ,CAAA,CAAA;GACtD,eAAY;;GAECP,EAAA,SAAbjC,EAAA,GAAAC,EAaQ,SAbRqB,GAaQ;IAZOW,EAAA,YAAbjC,EAAA,GAAAI,EAAgFC,EAAAC,CAAA,GAAA;;KAAxD,KAAKD,EAAAE,CAAA;KAAa,eAAY;;IACtDL,EAAwB,QAAA,MAAAO,EAAfwB,EAAA,KAAK,GAAA,CAAA;IAEN5B,EAAAwB,CAAA,CAAK,CAAC,WADd7B,EAAA,GAAAI,EASYC,EAAAK,CAAA,GAAA;;KAPV,OAAM;KACN,UAAS;KACT,eAAY;;KAED,SAAOC,QACO,CAAvBC,EAAuBiD,EAAA,QAAA,SAAA,C;;;;GAI7BhD,EAAAX,EAUE,YAAA;IATI,SAAA;IAAJ,KAAIkC;IACK,uBAAA,AAAA2B,EAAA,QAAA,MAAA,EAAK,QAAAC;IACb,UAAU/B,EAAA;IACV,MAAMA,EAAA;IACN,UAAUA,EAAA;IACV,aAAaA,EAAA,eAAW;IACzB,YAAW;IACX,eAAY;IACX,SAAOe;G,kBAPC,CAAAlC,GAAAuB,EAAA,KAAK,C;GAShBnC,EAEM,OAFNsB,GAEM,CADJZ,EAAsBiD,EAAA,QAAA,QAAA,C;GAExB9C,EAA+CC,GAAA,EAAhC,OAAM,wBAAuB,CAAA;E,OAEnC+B,EAAA,SAAX/C,EAAA,GAAAC,EAEM,OAFNwB,GAEMhB,EADDkC,EAAA,MAAc,KAAI,GAAA,CAAA,GAAA,CAAA,KAEPV,EAAA,UAAhBjC,EAAA,GAAAC,EAEM,OAFNyB,GAEMjB,EADDwB,EAAA,MAAM,GAAA,CAAA,K"}

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

	@@ -1 +1 @@
1	- ~~import~~ "./PlTextArea.js";
1	+ export { default as PlTextArea } from "./PlTextArea.js";

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

@@ -1,7 +1,6 @@
 import e from "./PlTextField.vue2.js";
-//#region src/components/PlTextField/PlTextField.vue
+// 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 type { BooleanProp, BooleanPropUnless } from \"../../utils/booleanProps\";\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?: BooleanProp<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?: BooleanPropUnless<R> \| (() => 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\" data-testid=\"pl-text-field\">\n <div\n ref=\"rootRef\"\n class=\"pl-text-field\"\n data-testid=\"pl-text-field-control\"\n :class=\"{\n error: hasErrors,\n disabled,\n dashed,\n nonEmpty: !isEmpty,\n }\"\n >\n <label v-if=\"label\" ref=\"label\" data-testid=\"pl-text-field-label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" data-testid=\"pl-text-field-required\" />\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-text-field-tooltip\"\n >\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <div v-if=\"prefix\" class=\"pl-text-field__prefix\" data-testid=\"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 data-testid=\"pl-text-field-input\"\n />\n <div\n class=\"pl-text-field__append\"\n data-testid=\"pl-text-field-append\"\n @click=\"setFocusOnInput\"\n >\n <PlIcon16\n v-if=\"canShowClearable\"\n class=\"pl-text-field__clearable\"\n data-testid=\"pl-text-field-clear\"\n name=\"delete-clear\"\n @click.stop=\"clear\"\n />\n <PlIcon24\n v-if=\"type === 'password'\"\n :name=\"passwordIcon\"\n style=\"cursor: pointer\"\n data-testid=\"pl-text-field-password-toggle\"\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\" data-testid=\"pl-text-field-error\">\n {{ displayErrors.join(\" \") }}\n </div>\n <div v-else-if=\"helper\" class=\"pl-text-field__helper\" data-testid=\"pl-text-field-helper\">\n {{ helper }}\n </div>\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlTextField.js","names":["_sfc_main","PlTextField_vue_vue_type_script_setup_true_lang_default","PlTextField_default"],"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 type { BooleanProp, BooleanPropUnless } from \"../../utils/booleanProps\";\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?: BooleanProp<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?: BooleanPropUnless<R> \| (() => 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\" data-testid=\"pl-text-field\">\n <div\n ref=\"rootRef\"\n class=\"pl-text-field\"\n data-testid=\"pl-text-field-control\"\n :class=\"{\n error: hasErrors,\n disabled,\n dashed,\n nonEmpty: !isEmpty,\n }\"\n >\n <label v-if=\"label\" ref=\"label\" data-testid=\"pl-text-field-label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" data-testid=\"pl-text-field-required\" />\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-text-field-tooltip\"\n >\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <div v-if=\"prefix\" class=\"pl-text-field__prefix\" data-testid=\"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 data-testid=\"pl-text-field-input\"\n />\n <div\n class=\"pl-text-field__append\"\n data-testid=\"pl-text-field-append\"\n @click=\"setFocusOnInput\"\n >\n <PlIcon16\n v-if=\"canShowClearable\"\n class=\"pl-text-field__clearable\"\n data-testid=\"pl-text-field-clear\"\n name=\"delete-clear\"\n @click.stop=\"clear\"\n />\n <PlIcon24\n v-if=\"type === 'password'\"\n :name=\"passwordIcon\"\n style=\"cursor: pointer\"\n data-testid=\"pl-text-field-password-toggle\"\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\" data-testid=\"pl-text-field-error\">\n {{ displayErrors.join(\" \") }}\n </div>\n <div v-else-if=\"helper\" class=\"pl-text-field__helper\" data-testid=\"pl-text-field-helper\">\n {{ helper }}\n </div>\n </div>\n</template>\n"],"mappings":""}