npm - @milaboratories/uikit - Versions diffs - 2.15.43 → 2.16.1 - Mend

@milaboratories/uikit 2.15.43 → 2.16.1

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"HScroll.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/HScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from \"vue\";\nimport { useEventListener } from \"../composition/useEventListener\";\nimport { eventListener } from \"../helpers/dom\";\n\nconst emit = defineEmits([\"update:scrollLeft\"]);\n\nconst props = defineProps<{\n scrollLeft: number;\n clientWidth: number;\n scrollWidth: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientWidth / (props.scrollWidth \|\| 1));\n\nconst visibleRef = computed(() => {\n return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n const ratio = unref(ratioRef);\n return {\n left: props.scrollLeft * ratio + \"px\",\n width: Math.floor(props.clientWidth * ratio) + \"px\",\n };\n});\n\nuseEventListener(scrollRef, \"pointerdown\", (down: PointerEvent) => {\n const s = {\n clientX: down.clientX,\n };\n\n const update = (e: MouseEvent) => {\n const dy = (e.clientX - s.clientX) / ratioRef.value;\n emit(\"update:scrollLeft\", props.scrollLeft + dy);\n s.clientX = e.clientX;\n };\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const removePointerMove = eventListener(document as any, \"mousemove\", update);\n\n [\"mouseup\", \"pointercancel\"].forEach((eventType) => {\n document.addEventListener(eventType, removePointerMove, { once: true });\n });\n});\n</script>\n\n<template>\n <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"h-scroll\">\n <div class=\"h-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAKA,~~IAAM~~,~~IAAO~~,~~GAEP~~,~~IAAQ~~,~~GAMR~~,~~IAAY~~,~~GAAkB~~,~~EAE9B~~,~~IAAW~~,~~QAAe~~,EAAM,~~eAAe~~,EAAM,eAAe,~~GAAG~~,~~EAEvE~~,~~IAAa~~,~~QACV~~,EAAS,QAAQ,~~EACxB~~,~~EAEI~~,~~IAAiB~~,QAAe;GACpC,~~IAAM~~,~~IAAQ~~,~~EAAM~~,~~EAAS~~;~~AAC7B~~,~~UAAO~~;IACL,~~MAAM~~,EAAM,~~aAAa~~,IAAQ;IACjC,OAAO,KAAK,~~MAAM~~,EAAM,~~cAAc~~,~~EAAM~~,~~GAAG~~;~~IAChD~~;~~IACD~~;~~SAEF~~,~~EAAiB~~,GAAW,gBAAgB,MAAuB;GACjE,~~IAAM~~,IAAI,EACR,~~SAAS~~,EAAK,~~SACf~~,~~EASK~~,~~IAAoB~~,EAAc,UAAiB,cAPzC,MAAkB;IAChC,~~IAAM~~,KAAM,EAAE,~~UAAU~~,EAAE,~~WAAW~~,EAAS;~~AAE9C~~,~~IADA~~,EAAK,~~qBAAqB~~,EAAM,~~aAAa~~,~~EAAG~~,~~EAChD~~,EAAE,UAAU,EAAE;~~KAI6D~~;~~AAE7E~~,~~IAAC~~,WAAW,~~gBAAgB~~,CAAC,SAAS,MAAc;~~AAClD~~,~~aAAS~~,~~iBAAiB~~,~~GAAW~~,GAAmB,EAAE,MAAM,~~IAAM~~,CAAC;~~KACvE~~;~~IACF~~,~~YAIW~~,EAAA,~~SAAA~~,~~GAAA~~,~~EAAX~~,EAEM,OAAA;;~~YAFqB~~;GAAJ,~~KAAI~~;GAAY,OAAM;~~MAC3C~~,EAA2D,OAAA;GAAtD,OAAM;GAAuB,~~OAAK~~,~~EAAE~~,EAAA,~~MAAc~~"}
1	+ {"version":3,"file":"HScroll.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeStyle","_createCommentVNode","HScroll_vue_vue_type_script_setup_true_lang_default","__emit","emit","props","__props","scrollRef","ref","ratioRef","computed","visibleRef","scrollbarStyle","ratio","unref","useEventListener","s","down","removePointerMove","eventListener","dy","eventType","openBlock","createElementBlock","createElementVNode","normalizeStyle","createCommentVNode"],"sources":["../../src/components/HScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from \"vue\";\nimport { useEventListener } from \"../composition/useEventListener\";\nimport { eventListener } from \"../helpers/dom\";\n\nconst emit = defineEmits([\"update:scrollLeft\"]);\n\nconst props = defineProps<{\n scrollLeft: number;\n clientWidth: number;\n scrollWidth: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientWidth / (props.scrollWidth \|\| 1));\n\nconst visibleRef = computed(() => {\n return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n const ratio = unref(ratioRef);\n return {\n left: props.scrollLeft * ratio + \"px\",\n width: Math.floor(props.clientWidth * ratio) + \"px\",\n };\n});\n\nuseEventListener(scrollRef, \"pointerdown\", (down: PointerEvent) => {\n const s = {\n clientX: down.clientX,\n };\n\n const update = (e: MouseEvent) => {\n const dy = (e.clientX - s.clientX) / ratioRef.value;\n emit(\"update:scrollLeft\", props.scrollLeft + dy);\n s.clientX = e.clientX;\n };\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const removePointerMove = eventListener(document as any, \"mousemove\", update);\n\n [\"mouseup\", \"pointercancel\"].forEach((eventType) => {\n document.addEventListener(eventType, removePointerMove, { once: true });\n });\n});\n</script>\n\n<template>\n <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"h-scroll\">\n <div class=\"h-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAKA,IAAMO,IAAOD,GAEPE,IAAQC,GAMRC,IAAYC,EAAiB,GAE7BC,IAAWC,QAAeL,EAAM,eAAeA,EAAM,eAAe,EAAE,GAEtEM,IAAaD,QACVD,EAAS,QAAQ,CACzB,GAEKG,IAAiBF,QAAe;GACpC,IAAMG,IAAQC,EAAML,CAAQ;GAC5B,OAAO;IACL,MAAMJ,EAAM,aAAaQ,IAAQ;IACjC,OAAO,KAAK,MAAMR,EAAM,cAAcQ,CAAK,IAAI;GACjD;EACF,CAAC;E,OAEDE,EAAiBR,GAAW,gBAAgB,MAAuB;GACjE,IAAMS,IAAI,EACR,SAASC,EAAK,QAChB,GASMC,IAAoBC,EAAc,UAAiB,cAPzC,MAAkB;IAChC,IAAMC,KAAM,EAAE,UAAUJ,EAAE,WAAWP,EAAS;IAE9C,AADAL,EAAK,qBAAqBC,EAAM,aAAae,CAAE,GAC/C,EAAE,UAAU,EAAE;GAChB,CAG4E;GAE5E,CAAC,WAAW,eAAe,CAAC,CAAC,SAAS,MAAc;IAClD,SAAS,iBAAiBC,GAAWH,GAAmB,EAAE,MAAM,GAAK,CAAC;GACxE,CAAC;EACH,CAAC,I,SAIYP,EAAA,SAAXd,EAAA,GAAAC,EAEM,OAAA;;GAFqB,SAAA;GAAJ,KAAIS;GAAY,OAAM;E,IAC3CR,EAA2D,OAAA;GAAtD,OAAM;GAAuB,OAAKC,EAAEY,EAAA,KAAc"}

package/dist/components/InputRange.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"InputRange.js","names":[],"sources":["../../src/components/InputRange.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from \"vue\";\n\nconst props = withDefaults(\n defineProps<{\n modelValue: [number, number];\n separator?: string;\n }>(),\n {\n separator: \"-\",\n },\n);\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", val: [number, number]): void;\n (e: \"change\", val: [number, number]): void;\n}>();\n\nconst data = reactive({\n left: props.modelValue[0],\n right: props.modelValue[1],\n});\n\nconst isFocused = ref(false);\n\nconst classes = computed(() =>\n isFocused.value ? \"ui-input-range-focused\" : \"ui-input-range-focused\",\n);\n\nconst valuesModel = computed({\n get() {\n return {\n left: Math.min(...props.modelValue), // dangerous....\n right: Math.max(...props.modelValue),\n };\n },\n set() {},\n});\n\nwatch(\n () => valuesModel.value,\n (value) => (data.left = value.left) && (data.right = value.right),\n);\n\n// watch(\n// () => props.modelValue,\n// (value: [number, number]) => {\n// console.log('model value updated');\n// (data.left = value[0]), (data.right = value[1]);\n// },\n// );\n\nfunction updateModel() {\n emit(\"update:modelValue\", [+data.left, +data.right]);\n emit(\"change\", [+data.left, +data.right]);\n}\n\nfunction validateInput(isLeft: boolean, event: Event) {\n const value: string = (event.target as HTMLInputElement).value;\n const result = /^[0-9]{0,2}$/.test(value);\n // if there is more than 3 digits we cut last one\n if (!result) {\n if (isLeft) {\n data.left = +value.slice(0, value.length - 1);\n } else {\n data.right = +value.slice(0, value.length - 1);\n }\n } else {\n if (isLeft) {\n data.left = +value;\n } else {\n data.right = +value;\n }\n }\n}\n</script>\n\n<template>\n <!-- {{ data }} -->\n <div :class=\"classes\" class=\"ui-input-range\" data-testid=\"pl-input-range\" v-bind=\"$attrs\">\n <input\n v-model=\"valuesModel.left\"\n data-testid=\"pl-input-range-left\"\n class=\"text-s\"\n type=\"text\"\n @change=\"updateModel\"\n @focus=\"isFocused = true\"\n @focusout=\"isFocused = false\"\n @input=\"validateInput(true, $event)\"\n />\n <div data-testid=\"pl-input-range-separator\" class=\"ui-input-range__separator\">\n {{ props.separator }}\n </div>\n <input\n v-model=\"valuesModel.right\"\n data-testid=\"pl-input-range-right\"\n class=\"text-s\"\n type=\"text\"\n @change=\"updateModel\"\n @focus=\"isFocused = true\"\n @focusout=\"isFocused = false\"\n @input=\"validateInput(false, $event)\"\n />\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"InputRange.js","names":["_sfc_main","InputRange_vue_vue_type_script_setup_true_lang_default","InputRange_default"],"sources":["../../src/components/InputRange.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from \"vue\";\n\nconst props = withDefaults(\n defineProps<{\n modelValue: [number, number];\n separator?: string;\n }>(),\n {\n separator: \"-\",\n },\n);\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", val: [number, number]): void;\n (e: \"change\", val: [number, number]): void;\n}>();\n\nconst data = reactive({\n left: props.modelValue[0],\n right: props.modelValue[1],\n});\n\nconst isFocused = ref(false);\n\nconst classes = computed(() =>\n isFocused.value ? \"ui-input-range-focused\" : \"ui-input-range-focused\",\n);\n\nconst valuesModel = computed({\n get() {\n return {\n left: Math.min(...props.modelValue), // dangerous....\n right: Math.max(...props.modelValue),\n };\n },\n set() {},\n});\n\nwatch(\n () => valuesModel.value,\n (value) => (data.left = value.left) && (data.right = value.right),\n);\n\n// watch(\n// () => props.modelValue,\n// (value: [number, number]) => {\n// console.log('model value updated');\n// (data.left = value[0]), (data.right = value[1]);\n// },\n// );\n\nfunction updateModel() {\n emit(\"update:modelValue\", [+data.left, +data.right]);\n emit(\"change\", [+data.left, +data.right]);\n}\n\nfunction validateInput(isLeft: boolean, event: Event) {\n const value: string = (event.target as HTMLInputElement).value;\n const result = /^[0-9]{0,2}$/.test(value);\n // if there is more than 3 digits we cut last one\n if (!result) {\n if (isLeft) {\n data.left = +value.slice(0, value.length - 1);\n } else {\n data.right = +value.slice(0, value.length - 1);\n }\n } else {\n if (isLeft) {\n data.left = +value;\n } else {\n data.right = +value;\n }\n }\n}\n</script>\n\n<template>\n <!-- {{ data }} -->\n <div :class=\"classes\" class=\"ui-input-range\" data-testid=\"pl-input-range\" v-bind=\"$attrs\">\n <input\n v-model=\"valuesModel.left\"\n data-testid=\"pl-input-range-left\"\n class=\"text-s\"\n type=\"text\"\n @change=\"updateModel\"\n @focus=\"isFocused = true\"\n @focusout=\"isFocused = false\"\n @input=\"validateInput(true, $event)\"\n />\n <div data-testid=\"pl-input-range-separator\" class=\"ui-input-range__separator\">\n {{ props.separator }}\n </div>\n <input\n v-model=\"valuesModel.right\"\n data-testid=\"pl-input-range-right\"\n class=\"text-s\"\n type=\"text\"\n @change=\"updateModel\"\n @focus=\"isFocused = true\"\n @focusout=\"isFocused = false\"\n @input=\"validateInput(false, $event)\"\n />\n </div>\n</template>\n"],"mappings":""}

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

@@ -1,9 +1,9 @@
 import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, mergeProps as i, openBlock as a, reactive as o, ref as s, toDisplayString as c, vModelText as l, watch as u, withDirectives as d } from "vue";
-//#region src/components/InputRange.vue?vue&type=script&setup=true&lang.ts
+// src/components/InputRange.vue?vue&type=script&setup=true&lang.ts
 var f = {
 	"data-testid": "pl-input-range-separator",
 	class: "ui-input-range__separator"
-}, p = /* @__PURE__ */ r({
+}, p = /*@__PURE__*/ r({
 	__name: "InputRange",
 	props: {
 		modelValue: {},
@@ -59,7 +59,6 @@ var f = {
 		], 16));
 	}
 });
-//#endregion
 export { p as default };
 //# sourceMappingURL=InputRange.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"InputRange.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../src/components/InputRange.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from \"vue\";\n\nconst props = withDefaults(\n defineProps<{\n modelValue: [number, number];\n separator?: string;\n }>(),\n {\n separator: \"-\",\n },\n);\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", val: [number, number]): void;\n (e: \"change\", val: [number, number]): void;\n}>();\n\nconst data = reactive({\n left: props.modelValue[0],\n right: props.modelValue[1],\n});\n\nconst isFocused = ref(false);\n\nconst classes = computed(() =>\n isFocused.value ? \"ui-input-range-focused\" : \"ui-input-range-focused\",\n);\n\nconst valuesModel = computed({\n get() {\n return {\n left: Math.min(...props.modelValue), // dangerous....\n right: Math.max(...props.modelValue),\n };\n },\n set() {},\n});\n\nwatch(\n () => valuesModel.value,\n (value) => (data.left = value.left) && (data.right = value.right),\n);\n\n// watch(\n// () => props.modelValue,\n// (value: [number, number]) => {\n// console.log('model value updated');\n// (data.left = value[0]), (data.right = value[1]);\n// },\n// );\n\nfunction updateModel() {\n emit(\"update:modelValue\", [+data.left, +data.right]);\n emit(\"change\", [+data.left, +data.right]);\n}\n\nfunction validateInput(isLeft: boolean, event: Event) {\n const value: string = (event.target as HTMLInputElement).value;\n const result = /^[0-9]{0,2}$/.test(value);\n // if there is more than 3 digits we cut last one\n if (!result) {\n if (isLeft) {\n data.left = +value.slice(0, value.length - 1);\n } else {\n data.right = +value.slice(0, value.length - 1);\n }\n } else {\n if (isLeft) {\n data.left = +value;\n } else {\n data.right = +value;\n }\n }\n}\n</script>\n\n<template>\n <!-- {{ data }} -->\n <div :class=\"classes\" class=\"ui-input-range\" data-testid=\"pl-input-range\" v-bind=\"$attrs\">\n <input\n v-model=\"valuesModel.left\"\n data-testid=\"pl-input-range-left\"\n class=\"text-s\"\n type=\"text\"\n @change=\"updateModel\"\n @focus=\"isFocused = true\"\n @focusout=\"isFocused = false\"\n @input=\"validateInput(true, $event)\"\n />\n <div data-testid=\"pl-input-range-separator\" class=\"ui-input-range__separator\">\n {{ props.separator }}\n </div>\n <input\n v-model=\"valuesModel.right\"\n data-testid=\"pl-input-range-right\"\n class=\"text-s\"\n type=\"text\"\n @change=\"updateModel\"\n @focus=\"isFocused = true\"\n @focusout=\"isFocused = false\"\n @input=\"validateInput(false, $event)\"\n />\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAGA,~~IAAM~~,~~IAAQ~~,~~GAUR~~,~~IAAO~~,~~GAKP~~,~~IAAO~~,EAAS;GACpB,~~MAAM~~,EAAM,WAAW;GACvB,~~OAAO~~,EAAM,WAAW;~~GACzB~~,CAAC,~~EAEI~~,~~IAAY~~,EAAI,~~GAAM~~,~~EAEtB~~,~~IAAU~~,~~SACd~~,EAAU,OAAQ,~~0BACnB~~,~~EAEK~~,~~IAAc~~,EAAS;GAC3B,MAAM;~~AACJ~~,~~WAAO~~;KACL,MAAM,KAAK,IAAI,~~GAAG~~,EAAM,~~WAAW~~;~~KACnC~~,OAAO,KAAK,IAAI,~~GAAG~~,EAAM,~~WAAW~~;~~KACrC;;GAEH~~,MAAM;~~GACP~~,CAAC;~~AAEF~~,~~UACQ~~,EAAY,QACjB,OAAW,EAAK,~~OAAO~~,EAAM,UAAU,EAAK,~~QAAQ~~,EAAM,~~OAC5D~~;~~EAUD~~,~~SAAS~~,IAAc;~~AAErB~~,~~GADA~~,EAAK,qBAAqB,CAAC,~~CAAC~~,EAAK,MAAM,~~CAAC~~,EAAK,~~MAAM~~,CAAC,~~EACpD~~,EAAK,UAAU,CAAC,~~CAAC~~,EAAK,MAAM,~~CAAC~~,EAAK,~~MAAM~~,CAAC~~;;EAG3C~~,~~SAAS~~,EAAc,GAAiB,GAAc;GACpD,~~IAAM~~,~~IAAiB~~,EAAM,OAA4B;~~AAGzD~~,~~GAFe~~,eAAe,~~KAAK~~,~~EAAM~~,~~GASnC~~,IACF,EAAK,OAAO,~~CAAC~~,IAEb,EAAK,QAAQ,~~CAAC~~,~~IATZ~~,IACF,EAAK,OAAO,~~CAAC~~,EAAM,MAAM,~~GAAG~~,EAAM,SAAS,~~EAAE~~,~~GAE7C~~,EAAK,QAAQ,~~CAAC~~,EAAM,MAAM,~~GAAG~~,EAAM,SAAS,~~EAAE;;yBAclD~~,EAwBM,~~OAxBN~~,EAwBM;GAxBA,OAAK,~~CAAE~~,EAAA,OAAe,~~iBAAgB~~;GAAC,eAAY;~~KAAyBA~~,EAAAA,~~OAAM~~,~~EAAA~~;~~KACtF~~,EASE,SAAA;~~6CARS~~,MAAY,~~OAAI~~;IACzB,eAAY;IACZ,OAAM;IACN,MAAK;IACJ,~~UAAQ~~;IACR,SAAK,~~AAAA~~,EAAA,QAAA,MAAE,EAAA,QAAS;IAChB,YAAQ,~~AAAA~~,EAAA,QAAA,MAAE,EAAA,QAAS;IACnB,SAAK,~~AAAA~~,EAAA,QAAA,~~MAAE~~,EAAa,~~IAAO~~,~~EAAM~~;~~uBAPzB~~,EAAA,MAAY,~~KAAI~~,~~CAAA,CAAA~~;~~GAS3B~~,EAEM,~~OAFN~~,~~GAEM~~,~~EADD~~,EAAM,~~UAAS~~,~~EAAA~~,~~EAAA~~;~~KAEpB~~,EASE,SAAA;~~6CARS~~,MAAY,~~QAAK~~;IAC1B,eAAY;IACZ,OAAM;IACN,MAAK;IACJ,~~UAAQ~~;IACR,SAAK,~~AAAA~~,EAAA,QAAA,MAAE,EAAA,QAAS;IAChB,YAAQ,~~AAAA~~,EAAA,QAAA,MAAE,EAAA,QAAS;IACnB,SAAK,~~AAAA~~,EAAA,QAAA,~~MAAE~~,EAAa,~~IAAQ~~,~~EAAM~~;~~uBAP1B~~,EAAA,MAAY,~~MAAK~~,~~CAAA,CAAA~~"}
1	+ {"version":3,"file":"InputRange.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createElementBlock","_mergeProps","_withDirectives","_createElementVNode","_vModelText","_toDisplayString","_hoisted_1","InputRange_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","data","reactive","isFocused","ref","classes","computed","valuesModel","value","updateModel","validateInput","event","isLeft","openBlock","createElementBlock","mergeProps","_ctx","withDirectives","createElementVNode","_cache","$event","vModelText","toDisplayString"],"sources":["../../src/components/InputRange.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from \"vue\";\n\nconst props = withDefaults(\n defineProps<{\n modelValue: [number, number];\n separator?: string;\n }>(),\n {\n separator: \"-\",\n },\n);\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", val: [number, number]): void;\n (e: \"change\", val: [number, number]): void;\n}>();\n\nconst data = reactive({\n left: props.modelValue[0],\n right: props.modelValue[1],\n});\n\nconst isFocused = ref(false);\n\nconst classes = computed(() =>\n isFocused.value ? \"ui-input-range-focused\" : \"ui-input-range-focused\",\n);\n\nconst valuesModel = computed({\n get() {\n return {\n left: Math.min(...props.modelValue), // dangerous....\n right: Math.max(...props.modelValue),\n };\n },\n set() {},\n});\n\nwatch(\n () => valuesModel.value,\n (value) => (data.left = value.left) && (data.right = value.right),\n);\n\n// watch(\n// () => props.modelValue,\n// (value: [number, number]) => {\n// console.log('model value updated');\n// (data.left = value[0]), (data.right = value[1]);\n// },\n// );\n\nfunction updateModel() {\n emit(\"update:modelValue\", [+data.left, +data.right]);\n emit(\"change\", [+data.left, +data.right]);\n}\n\nfunction validateInput(isLeft: boolean, event: Event) {\n const value: string = (event.target as HTMLInputElement).value;\n const result = /^[0-9]{0,2}$/.test(value);\n // if there is more than 3 digits we cut last one\n if (!result) {\n if (isLeft) {\n data.left = +value.slice(0, value.length - 1);\n } else {\n data.right = +value.slice(0, value.length - 1);\n }\n } else {\n if (isLeft) {\n data.left = +value;\n } else {\n data.right = +value;\n }\n }\n}\n</script>\n\n<template>\n <!-- {{ data }} -->\n <div :class=\"classes\" class=\"ui-input-range\" data-testid=\"pl-input-range\" v-bind=\"$attrs\">\n <input\n v-model=\"valuesModel.left\"\n data-testid=\"pl-input-range-left\"\n class=\"text-s\"\n type=\"text\"\n @change=\"updateModel\"\n @focus=\"isFocused = true\"\n @focusout=\"isFocused = false\"\n @input=\"validateInput(true, $event)\"\n />\n <div data-testid=\"pl-input-range-separator\" class=\"ui-input-range__separator\">\n {{ props.separator }}\n </div>\n <input\n v-model=\"valuesModel.right\"\n data-testid=\"pl-input-range-right\"\n class=\"text-s\"\n type=\"text\"\n @change=\"updateModel\"\n @focus=\"isFocused = true\"\n @focusout=\"isFocused = false\"\n @input=\"validateInput(false, $event)\"\n />\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAGA,IAAMW,IAAQC,GAURC,IAAOH,GAKPI,IAAOC,EAAS;GACpB,MAAMJ,EAAM,WAAW;GACvB,OAAOA,EAAM,WAAW;EAC1B,CAAC,GAEKK,IAAYC,EAAI,EAAK,GAErBC,IAAUC,SACdH,EAAU,OAAQ,yBACpB,GAEMI,IAAcD,EAAS;GAC3B,MAAM;IACJ,OAAO;KACL,MAAM,KAAK,IAAI,GAAGR,EAAM,UAAU;KAClC,OAAO,KAAK,IAAI,GAAGA,EAAM,UAAU;IACrC;GACF;GACA,MAAM,CAAC;EACT,CAAC;EAED,QACQS,EAAY,QACjB,OAAW,EAAK,OAAOC,EAAM,UAAU,EAAK,QAAQA,EAAM,MAC7D;EAUA,SAASC,IAAc;GAErB,AADAT,EAAK,qBAAqB,CAAC,CAACC,EAAK,MAAM,CAACA,EAAK,KAAK,CAAC,GACnDD,EAAK,UAAU,CAAC,CAACC,EAAK,MAAM,CAACA,EAAK,KAAK,CAAC;EAC1C;EAEA,SAASS,EAAc,GAAiB,GAAc;GACpD,IAAMF,IAAiBG,EAAM,OAA4B;GAGzD,AAFe,eAAe,KAAKH,CAE9B,IAOCI,IACF,EAAK,OAAO,CAACJ,IAEb,EAAK,QAAQ,CAACA,IATZI,IACF,EAAK,OAAO,CAACJ,EAAM,MAAM,GAAGA,EAAM,SAAS,CAAC,IAE5C,EAAK,QAAQ,CAACA,EAAM,MAAM,GAAGA,EAAM,SAAS,CAAC;EASnD;E,kBAKEpB,EAAA,GAAAC,EAwBM,OAxBNC,EAwBM;GAxBA,OAAK,CAAEe,EAAA,OAAe,gBAAgB;GAAC,eAAY;EAAyBlB,GAAAA,EAAAA,MAAM,GAAA;GACtFI,EAAAC,EASE,SAAA;IARS,uBAAA,AAAA2B,EAAA,QAAA,MAAA,EAAA,MAAY,OAAIC;IACzB,eAAY;IACZ,OAAM;IACN,MAAK;IACJ,UAAQX;IACR,SAAK,AAAAU,EAAA,QAAA,MAAE,EAAA,QAAS;IAChB,YAAQ,AAAAA,EAAA,QAAA,MAAE,EAAA,QAAS;IACnB,SAAK,AAAAA,EAAA,QAAA,MAAET,EAAa,IAAOU,CAAM;G,gBAPzB,CAAA3B,GAAAc,EAAA,MAAY,IAAI,C;GAS3Bf,EAEM,OAFNG,GAEMD,EADDI,EAAM,SAAS,GAAA,CAAA;GAEpBP,EAAAC,EASE,SAAA;IARS,uBAAA,AAAA2B,EAAA,QAAA,MAAA,EAAA,MAAY,QAAKC;IAC1B,eAAY;IACZ,OAAM;IACN,MAAK;IACJ,UAAQX;IACR,SAAK,AAAAU,EAAA,QAAA,MAAE,EAAA,QAAS;IAChB,YAAQ,AAAAA,EAAA,QAAA,MAAE,EAAA,QAAS;IACnB,SAAK,AAAAA,EAAA,QAAA,MAAET,EAAa,IAAQU,CAAM;G,gBAP1B,CAAA3B,GAAAc,EAAA,MAAY,KAAK,C"}

package/dist/components/LongText.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import e from "./LongText.vue2.js";
 import './LongText.style.css';/* empty css                                         */
-//#region src/components/LongText.vue
+// src/components/LongText.vue
 var t = e;
-//#endregion
 export { t as default };
 //# sourceMappingURL=LongText.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LongText.js","names":[],"sources":["../../src/components/LongText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { debounce, notEmpty } from \"@milaboratories/helpers\";\n\nconst hasElementEllipsis = ref(false);\n\nconst span = ref<HTMLElement>();\n\nconst isHovered = ref(false);\n\nconst classes = computed(() =>\n isHovered.value && hasElementEllipsis.value ? \"ui-lt-animate\" : \"\",\n);\n\nconst updateStatus = debounce((val: boolean) => (isHovered.value = val), 500);\n\nconst animationTime = computed(() => {\n return span.value ? `${span.value?.innerHTML.length * 0.4}s` : \"5s\";\n});\n\nfunction isEllipsisEnabled() {\n const el = notEmpty(span.value, \"span cannot be empty\");\n hasElementEllipsis.value = el.clientWidth < el.scrollWidth;\n}\n\nfunction mouseoverHandler() {\n isEllipsisEnabled();\n updateStatus(true);\n}\n\nfunction mouseoutHandler() {\n updateStatus(false);\n}\n</script>\n\n<template>\n <div v-bind=\"$attrs\" class=\"ui-lt-container\">\n <span @mouseover=\"mouseoverHandler\" @mouseleave=\"mouseoutHandler\">\n <span ref=\"span\" :class=\"classes\"><slot /></span>\n </span>\n </div>\n</template>\n\n<style lang=\"scss\">\n.ui-lt-container {\n position: relative;\n min-width: 0;\n overflow: hidden;\n white-space: nowrap;\n border-radius: 5px;\n\n span {\n display: inline-block;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n\n .ui-lt-animate {\n position: relative;\n width: fit-content;\n overflow: unset;\n text-overflow: unset;\n animation: left-to-right v-bind(animationTime) infinite alternate linear;\n }\n}\n\n@keyframes left-to-right {\n 0% {\n transform: translateX(0%);\n left: 0%;\n }\n\n 100% {\n transform: translateX(-101%);\n left: 101%;\n }\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"LongText.js","names":["_sfc_main","LongText_vue_vue_type_script_setup_true_lang_default","LongText_default"],"sources":["../../src/components/LongText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { debounce, notEmpty } from \"@milaboratories/helpers\";\n\nconst hasElementEllipsis = ref(false);\n\nconst span = ref<HTMLElement>();\n\nconst isHovered = ref(false);\n\nconst classes = computed(() =>\n isHovered.value && hasElementEllipsis.value ? \"ui-lt-animate\" : \"\",\n);\n\nconst updateStatus = debounce((val: boolean) => (isHovered.value = val), 500);\n\nconst animationTime = computed(() => {\n return span.value ? `${span.value?.innerHTML.length * 0.4}s` : \"5s\";\n});\n\nfunction isEllipsisEnabled() {\n const el = notEmpty(span.value, \"span cannot be empty\");\n hasElementEllipsis.value = el.clientWidth < el.scrollWidth;\n}\n\nfunction mouseoverHandler() {\n isEllipsisEnabled();\n updateStatus(true);\n}\n\nfunction mouseoutHandler() {\n updateStatus(false);\n}\n</script>\n\n<template>\n <div v-bind=\"$attrs\" class=\"ui-lt-container\">\n <span @mouseover=\"mouseoverHandler\" @mouseleave=\"mouseoutHandler\">\n <span ref=\"span\" :class=\"classes\"><slot /></span>\n </span>\n </div>\n</template>\n\n<style lang=\"scss\">\n.ui-lt-container {\n position: relative;\n min-width: 0;\n overflow: hidden;\n white-space: nowrap;\n border-radius: 5px;\n\n span {\n display: inline-block;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n\n .ui-lt-animate {\n position: relative;\n width: fit-content;\n overflow: unset;\n text-overflow: unset;\n animation: left-to-right v-bind(animationTime) infinite alternate linear;\n }\n}\n\n@keyframes left-to-right {\n 0% {\n transform: translateX(0%);\n left: 0%;\n }\n\n 100% {\n transform: translateX(-101%);\n left: 101%;\n }\n}\n</style>\n"],"mappings":""}

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

@@ -1,7 +1,7 @@
 import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, mergeProps as i, normalizeClass as a, openBlock as o, ref as s, renderSlot as c, useCssVars as l } from "vue";
 import { debounce as u, notEmpty as d } from "@milaboratories/helpers";
-//#region src/components/LongText.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ r({
+// src/components/LongText.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ r({
 	__name: "LongText",
 	setup(r) {
 		l((e) => ({ v0036837f: _.value }));
@@ -26,7 +26,6 @@ var f = /* @__PURE__ */ r({
 		}, [c(e.$slots, "default")], 2)], 32)], 16));
 	}
 });
-//#endregion
 export { f as default };
 //# sourceMappingURL=LongText.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LongText.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../src/components/LongText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { debounce, notEmpty } from \"@milaboratories/helpers\";\n\nconst hasElementEllipsis = ref(false);\n\nconst span = ref<HTMLElement>();\n\nconst isHovered = ref(false);\n\nconst classes = computed(() =>\n isHovered.value && hasElementEllipsis.value ? \"ui-lt-animate\" : \"\",\n);\n\nconst updateStatus = debounce((val: boolean) => (isHovered.value = val), 500);\n\nconst animationTime = computed(() => {\n return span.value ? `${span.value?.innerHTML.length * 0.4}s` : \"5s\";\n});\n\nfunction isEllipsisEnabled() {\n const el = notEmpty(span.value, \"span cannot be empty\");\n hasElementEllipsis.value = el.clientWidth < el.scrollWidth;\n}\n\nfunction mouseoverHandler() {\n isEllipsisEnabled();\n updateStatus(true);\n}\n\nfunction mouseoutHandler() {\n updateStatus(false);\n}\n</script>\n\n<template>\n <div v-bind=\"$attrs\" class=\"ui-lt-container\">\n <span @mouseover=\"mouseoverHandler\" @mouseleave=\"mouseoutHandler\">\n <span ref=\"span\" :class=\"classes\"><slot /></span>\n </span>\n </div>\n</template>\n\n<style lang=\"scss\">\n.ui-lt-container {\n position: relative;\n min-width: 0;\n overflow: hidden;\n white-space: nowrap;\n border-radius: 5px;\n\n span {\n display: inline-block;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n\n .ui-lt-animate {\n position: relative;\n width: fit-content;\n overflow: unset;\n text-overflow: unset;\n animation: left-to-right v-bind(animationTime) infinite alternate linear;\n }\n}\n\n@keyframes left-to-right {\n 0% {\n transform: translateX(0%);\n left: 0%;\n }\n\n 100% {\n transform: translateX(-101%);\n left: 101%;\n }\n}\n</style>\n"],"mappings":";;;;;;;EAIA,~~IAAM~~,~~IAAqB~~,EAAI,~~GAAM~~,~~EAE/B~~,~~IAAO~~,~~GAAkB~~,~~EAEzB~~,~~IAAY~~,EAAI,~~GAAM~~,~~EAEtB~~,~~IAAU~~,~~QACd~~,EAAU,~~SAAS~~,EAAmB,QAAQ,kBAAkB,~~GACjE~~,~~EAEK~~,~~IAAe~~,GAAU,MAAkB,EAAU,~~QAAQ~~,GAAM,~~IAAI~~,~~EAEvE~~,~~IAAgB~~,~~QACb~~,EAAK,QAAQ,~~GAAG~~,EAAK,OAAO,UAAU,SAAS,GAAI,KAAK,~~KAC/D~~;~~EAEF~~,~~SAAS~~,IAAoB;GAC3B,~~IAAM~~,~~IAAK~~,~~EAAS~~,EAAK,OAAO,~~uBAAuB~~;~~AACvD~~,~~KAAmB~~,~~QAAQ~~,EAAG,~~cAAc~~,EAAG~~;;EAGjD~~,~~SAAS~~,IAAmB;~~AAE1B~~,~~GADA~~,~~GAAmB~~,~~EACnB~~,EAAa,~~GAAK;;EAGpB~~,~~SAAS~~,IAAkB;~~AACzB~~,~~KAAa~~,~~GAAM;;yBAKnB~~,EAIM,~~OAJN~~,~~EAAaA~~,EAIP,QAJa,EAAE,OAAM,~~mBAAiB~~,CAAA,~~EAAA~~,~~CAC1C~~,EAEO,QAAA;GAFA,~~aAAW~~;GAAmB,~~cAAY~~;~~MAC~~/C,EAAiD,QAAA;~~YAAvC~~;GAAJ,~~KAAI~~;GAAQ,~~OAAK~~,~~EAAE~~,EAAA,~~MAAO~~;~~MAAE~~,~~EAAQ~~,EAAA,QAAA,~~UAAA~~,~~CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA~~"}
1	+ {"version":3,"file":"LongText.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_normalizeClass","_renderSlot","LongText_vue_vue_type_script_setup_true_lang_default","\"v0036837f\"","animationTime","hasElementEllipsis","ref","span","isHovered","classes","computed","updateStatus","debounce","val","isEllipsisEnabled","el","notEmpty","mouseoverHandler","mouseoutHandler","openBlock","createElementBlock","mergeProps","_ctx","createElementVNode","normalizeClass","renderSlot"],"sources":["../../src/components/LongText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { debounce, notEmpty } from \"@milaboratories/helpers\";\n\nconst hasElementEllipsis = ref(false);\n\nconst span = ref<HTMLElement>();\n\nconst isHovered = ref(false);\n\nconst classes = computed(() =>\n isHovered.value && hasElementEllipsis.value ? \"ui-lt-animate\" : \"\",\n);\n\nconst updateStatus = debounce((val: boolean) => (isHovered.value = val), 500);\n\nconst animationTime = computed(() => {\n return span.value ? `${span.value?.innerHTML.length * 0.4}s` : \"5s\";\n});\n\nfunction isEllipsisEnabled() {\n const el = notEmpty(span.value, \"span cannot be empty\");\n hasElementEllipsis.value = el.clientWidth < el.scrollWidth;\n}\n\nfunction mouseoverHandler() {\n isEllipsisEnabled();\n updateStatus(true);\n}\n\nfunction mouseoutHandler() {\n updateStatus(false);\n}\n</script>\n\n<template>\n <div v-bind=\"$attrs\" class=\"ui-lt-container\">\n <span @mouseover=\"mouseoverHandler\" @mouseleave=\"mouseoutHandler\">\n <span ref=\"span\" :class=\"classes\"><slot /></span>\n </span>\n </div>\n</template>\n\n<style lang=\"scss\">\n.ui-lt-container {\n position: relative;\n min-width: 0;\n overflow: hidden;\n white-space: nowrap;\n border-radius: 5px;\n\n span {\n display: inline-block;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n\n .ui-lt-animate {\n position: relative;\n width: fit-content;\n overflow: unset;\n text-overflow: unset;\n animation: left-to-right v-bind(animationTime) infinite alternate linear;\n }\n}\n\n@keyframes left-to-right {\n 0% {\n transform: translateX(0%);\n left: 0%;\n }\n\n 100% {\n transform: translateX(-101%);\n left: 101%;\n }\n}\n</style>\n"],"mappings":";;;;;;;EAIA,IAAMU,IAAqBC,EAAI,EAAK,GAE9BC,IAAOD,EAAiB,GAExBE,IAAYF,EAAI,EAAK,GAErBG,IAAUC,QACdF,EAAU,SAASH,EAAmB,QAAQ,kBAAkB,EAClE,GAEMM,IAAeC,GAAU,MAAkB,EAAU,QAAQC,GAAM,GAAG,GAEtET,IAAgBM,QACbH,EAAK,QAAQ,GAAGA,EAAK,OAAO,UAAU,SAAS,GAAI,KAAK,IAChE;EAED,SAASO,IAAoB;GAC3B,IAAMC,IAAKC,EAAST,EAAK,OAAO,sBAAsB;GACtD,EAAmB,QAAQQ,EAAG,cAAcA,EAAG;EACjD;EAEA,SAASE,IAAmB;GAE1B,AADAH,EAAkB,GAClBH,EAAa,EAAI;EACnB;EAEA,SAASO,IAAkB;GACzB,EAAa,EAAK;EACpB;E,kBAIEtB,EAAA,GAAAC,EAIM,OAJNC,EAAaH,EAIP,QAJa,EAAE,OAAM,kBAAiB,CAAA,GAAA,CAC1CI,EAEO,QAAA;GAFA,aAAWkB;GAAmB,cAAYC;E,IAC/CnB,EAAiD,QAAA;GAAvC,SAAA;GAAJ,KAAIQ;GAAQ,OAAKP,EAAES,EAAA,KAAO;E,IAAER,EAAQqB,EAAA,QAAA,SAAA,C"}

package/dist/components/PlAccordion/ExpandTransition.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import e from "./ExpandTransition.vue2.js";
 import './ExpandTransition.style.css';/* empty css                                                 */
-//#region src/components/PlAccordion/ExpandTransition.vue
+// src/components/PlAccordion/ExpandTransition.vue
 var t = e;
-//#endregion
 export { t as default };
 //# sourceMappingURL=ExpandTransition.js.map

package/dist/components/PlAccordion/ExpandTransition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExpandTransition.js","names":[],"sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n el.classList.add(\"expand-collapse-fix\");\n (el as HTMLElement).style.setProperty(\"--component-height\", el.scrollHeight + \"px\");\n};\n\nconst onAfter = (el: Element) => {\n (el as HTMLElement).style.removeProperty(\"--component-height\");\n el.classList.remove(\"expand-collapse-fix\");\n};\n</script>\n\n<template>\n <Transition\n name=\"expand-collapse\"\n @enter=\"onStart\"\n @leave=\"onStart\"\n @after-enter=\"onAfter\"\n @after-leave=\"onAfter\"\n >\n <slot />\n </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n transition:\n height 0.2s ease-in-out,\n opacity 0.2s ease-in-out;\n height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n opacity: 0.5;\n height: 0;\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"ExpandTransition.js","names":["_sfc_main","ExpandTransition_vue_vue_type_script_setup_true_lang_default","ExpandTransition_default"],"sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n el.classList.add(\"expand-collapse-fix\");\n (el as HTMLElement).style.setProperty(\"--component-height\", el.scrollHeight + \"px\");\n};\n\nconst onAfter = (el: Element) => {\n (el as HTMLElement).style.removeProperty(\"--component-height\");\n el.classList.remove(\"expand-collapse-fix\");\n};\n</script>\n\n<template>\n <Transition\n name=\"expand-collapse\"\n @enter=\"onStart\"\n @leave=\"onStart\"\n @after-enter=\"onAfter\"\n @after-leave=\"onAfter\"\n >\n <slot />\n </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n transition:\n height 0.2s ease-in-out,\n opacity 0.2s ease-in-out;\n height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n opacity: 0.5;\n height: 0;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAccordion/ExpandTransition.vue2.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Transition as e, createBlock as t, defineComponent as n, openBlock as r, renderSlot as i, withCtx as a } from "vue";
-//#region src/components/PlAccordion/ExpandTransition.vue?vue&type=script&setup=true&lang.ts
-var o = /* @__PURE__ */ n({
+// src/components/PlAccordion/ExpandTransition.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ n({
 	__name: "ExpandTransition",
 	setup(n) {
 		let o = (e) => {
@@ -20,7 +20,6 @@ var o = /* @__PURE__ */ n({
 		}));
 	}
 });
-//#endregion
 export { o as default };
 //# sourceMappingURL=ExpandTransition.vue2.js.map

package/dist/components/PlAccordion/ExpandTransition.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExpandTransition.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n el.classList.add(\"expand-collapse-fix\");\n (el as HTMLElement).style.setProperty(\"--component-height\", el.scrollHeight + \"px\");\n};\n\nconst onAfter = (el: Element) => {\n (el as HTMLElement).style.removeProperty(\"--component-height\");\n el.classList.remove(\"expand-collapse-fix\");\n};\n</script>\n\n<template>\n <Transition\n name=\"expand-collapse\"\n @enter=\"onStart\"\n @leave=\"onStart\"\n @after-enter=\"onAfter\"\n @after-leave=\"onAfter\"\n >\n <slot />\n </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n transition:\n height 0.2s ease-in-out,\n opacity 0.2s ease-in-out;\n height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n opacity: 0.5;\n height: 0;\n}\n</style>\n"],"mappings":";;;;;EACA,~~IAAM~~,KAAW,MAAgB;~~AAE9B~~,~~GADD~~,EAAG,UAAU,IAAI,~~sBAAsB~~,~~EACtC~~,~~EAAmB~~,MAAM,YAAY,~~sBAAsB~~,EAAG,eAAe,~~KAAK~~;~~KAG/E~~,KAAW,MAAgB;~~AAE~~/B,~~GADC~~,~~EAAmB~~,MAAM,eAAe,~~qBAAqB~~,~~EAC9D~~,EAAG,UAAU,OAAO,~~sBAAsB;;yBAK1C~~,~~EAQa~~,GAAA;GAPX,MAAK;GACJ,~~SAAO~~;GACP,~~SAAO~~;GACP,~~cAAa~~;GACb,~~cAAa~~;;~~oBAEN~~,~~CAAR~~,~~EAAQ~~,EAAA,QAAA,~~UAAA~~,~~CAAA,CAAA~~"}
1	+ {"version":3,"file":"ExpandTransition.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_Transition","_withCtx","_renderSlot","ExpandTransition_vue_vue_type_script_setup_true_lang_default","onStart","el","onAfter","openBlock","createBlock","Transition","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n el.classList.add(\"expand-collapse-fix\");\n (el as HTMLElement).style.setProperty(\"--component-height\", el.scrollHeight + \"px\");\n};\n\nconst onAfter = (el: Element) => {\n (el as HTMLElement).style.removeProperty(\"--component-height\");\n el.classList.remove(\"expand-collapse-fix\");\n};\n</script>\n\n<template>\n <Transition\n name=\"expand-collapse\"\n @enter=\"onStart\"\n @leave=\"onStart\"\n @after-enter=\"onAfter\"\n @after-leave=\"onAfter\"\n >\n <slot />\n </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n transition:\n height 0.2s ease-in-out,\n opacity 0.2s ease-in-out;\n height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n opacity: 0.5;\n height: 0;\n}\n</style>\n"],"mappings":";;;;;EACA,IAAMM,KAAW,MAAgB;GAE/B,AADAC,EAAG,UAAU,IAAI,qBAAqB,GACtCA,EAAoB,MAAM,YAAY,sBAAsBA,EAAG,eAAe,IAAI;EACpF,GAEMC,KAAW,MAAgB;GAE/B,AADAD,EAAoB,MAAM,eAAe,oBAAoB,GAC7DA,EAAG,UAAU,OAAO,qBAAqB;EAC3C;E,kBAIEP,EAAA,GAAAC,EAQaC,GAAA;GAPX,MAAK;GACJ,SAAOI;GACP,SAAOA;GACP,cAAaE;GACb,cAAaA;;GAEd,SAAAL,QAAQ,CAARC,EAAQU,EAAA,QAAA,SAAA,C"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlAccordion.js","names":[],"sources":["../../../src/components/PlAccordion/PlAccordion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { provide, toRef } from \"vue\";\n\nconst model = defineModel<string>();\n\nconst props = defineProps<{\n /*\n Allow multiple accordion sections to be opened at the same time\n */\n multiple?: boolean;\n}>();\n\nprovide(\"pl-accordion-model\", model);\nprovide(\"pl-accordion-props\", toRef(props));\n</script>\n\n<template>\n <slot name=\"header\" />\n <slot />\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlAccordion.js","names":["_sfc_main","PlAccordion_vue_vue_type_script_setup_true_lang_default","PlAccordion_default"],"sources":["../../../src/components/PlAccordion/PlAccordion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { provide, toRef } from \"vue\";\n\nconst model = defineModel<string>();\n\nconst props = defineProps<{\n /*\n Allow multiple accordion sections to be opened at the same time\n */\n multiple?: boolean;\n}>();\n\nprovide(\"pl-accordion-model\", model);\nprovide(\"pl-accordion-props\", toRef(props));\n</script>\n\n<template>\n <slot name=\"header\" />\n <slot />\n</template>\n"],"mappings":""}

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

@@ -1,8 +1,8 @@
 import { Fragment as e, createElementBlock as t, defineComponent as n, mergeModels as r, openBlock as i, provide as a, renderSlot as o, toRef as s, useModel as c } from "vue";
-//#region src/components/PlAccordion/PlAccordion.vue?vue&type=script&setup=true&lang.ts
-var l = /* @__PURE__ */ n({
+// src/components/PlAccordion/PlAccordion.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ n({
 	__name: "PlAccordion",
-	props: /* @__PURE__ */ r({ multiple: { type: Boolean } }, {
+	props: /*@__PURE__*/ r({ multiple: { type: Boolean } }, {
 		modelValue: {},
 		modelModifiers: {}
 	}),
@@ -12,7 +12,6 @@ var l = /* @__PURE__ */ n({
 		return a("pl-accordion-model", r), a("pl-accordion-props", s(l)), (n, r) => (i(), t(e, null, [o(n.$slots, "header"), o(n.$slots, "default")], 64));
 	}
 });
-//#endregion
 export { l as default };
 //# sourceMappingURL=PlAccordion.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlAccordion.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAccordion/PlAccordion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { provide, toRef } from \"vue\";\n\nconst model = defineModel<string>();\n\nconst props = defineProps<{\n /*\n Allow multiple accordion sections to be opened at the same time\n */\n multiple?: boolean;\n}>();\n\nprovide(\"pl-accordion-model\", model);\nprovide(\"pl-accordion-props\", toRef(props));\n</script>\n\n<template>\n <slot name=\"header\" />\n <slot />\n</template>\n"],"mappings":";;;;;;;;;;EAGA,~~IAAM~~,~~IAAQ~~,~~EAAmB~~,GAAA,~~aAAE~~,~~EAE7B~~,~~IAAQ~~;~~SAOd~~,EAAQ,~~sBAAsB~~,~~EAAM~~,~~EACpC~~,EAAQ,~~sBAAsB~~,~~EAAM~~,~~EAAM~~,CAAC,~~8BAIzC~~,~~EAAsB~~,EAAA,QAAA,~~SAAA~~,~~EACtB~~,~~EAAQ~~,EAAA,QAAA,~~UAAA~~,~~CAAA,EAAA,GAAA~~"}
1	+ {"version":3,"file":"PlAccordion.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_Fragment","_renderSlot","PlAccordion_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","model","useModel","__props","props","provide","toRef","openBlock","createElementBlock","Fragment","renderSlot","_ctx"],"sources":["../../../src/components/PlAccordion/PlAccordion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { provide, toRef } from \"vue\";\n\nconst model = defineModel<string>();\n\nconst props = defineProps<{\n /*\n Allow multiple accordion sections to be opened at the same time\n */\n multiple?: boolean;\n}>();\n\nprovide(\"pl-accordion-model\", model);\nprovide(\"pl-accordion-props\", toRef(props));\n</script>\n\n<template>\n <slot name=\"header\" />\n <slot />\n</template>\n"],"mappings":";;;;;;;;;;EAGA,IAAMQ,IAAQR,EAAmBU,GAAA,YAAC,GAE5BC,IAAQD;E,OAOdE,EAAQ,sBAAsBJ,CAAK,GACnCI,EAAQ,sBAAsBC,EAAMF,CAAK,CAAC,I,2BAIxCP,EAAsBc,EAAA,QAAA,QAAA,GACtBd,EAAQc,EAAA,QAAA,SAAA,C"}

package/dist/components/PlAccordion/PlAccordionSection.js CHANGED Viewed

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

package/dist/components/PlAccordion/PlAccordionSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlAccordionSection.js","names":[],"sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSectionSeparator } from \"../PlSectionSeparator\";\nimport ExpandTransition from \"./ExpandTransition.vue\";\nimport type { Ref } from \"vue\";\nimport { computed, inject, toRef } from \"vue\";\n\nconst $m = inject<Ref<string>>(\"pl-accordion-model\", () => toRef(\"\"), true);\n\nconst $p = inject<\n Ref<{\n multiple?: boolean;\n }>\n>(\"pl-accordion-props\", () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p \|\| $p.value.multiple);\n\nconst open = computed({\n get() {\n if (isMulti.value) {\n return model.value;\n }\n\n return $m ? $m.value === id : model.value;\n },\n set(on) {\n if (isMulti.value) {\n model.value = on;\n } else if ($m) {\n $m.value = $m.value === id ? \"\" : id;\n }\n },\n});\n\ndefineProps<{\n /*\n The label text (optional)\n /\n label?: string;\n /\n If `true`, remove top padding\n /\n compact?: boolean;\n}>();\n</script>\n\n<template>\n <div class=\"pl-accordion-section\" data-testid=\"pl-accordion-section\">\n <PlSectionSeparator\n data-testid=\"pl-accordion-section-header\"\n :class=\"$style.separator\"\n :compact=\"compact\"\n @click=\"open = !open\"\n >\n <PlMaskIcon16\n data-testid=\"pl-accordion-section-chevron\"\n name=\"chevron-right\"\n :class=\"[{ [$style.down]: open }, $style.chevron]\"\n />\n {{ label }}\n </PlSectionSeparator>\n <ExpandTransition>\n <div v-if=\"open\" data-testid=\"pl-accordion-section-body\" :class=\"$style.content\">\n <slot />\n </div>\n </ExpandTransition>\n </div>\n</template>\n\n<style module>\n.content {\n display: flex;\n flex-direction: column;\n gap: var(--gap-v);\n will-change: height, opacity;\n / transform: translateZ(0);\n backface-visibility: hidden; /\n}\n\n.content > :first-child {\n margin-top: 24px;\n}\n\n.content > *:last-child {\n margin-bottom: 4px;\n}\n\n.separator {\n cursor: pointer;\n &:hover {\n --pl-separator-txt-color: var(--txt-01);\n --mask-icon-bg-color: var(--ic-01);\n }\n}\n\n.chevron {\n transition-duration: 50ms;\n}\n\n.down {\n transform: rotate(90deg);\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"PlAccordionSection.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlAccordionSection_vue_vue_type_script_setup_true_lang_default","PlAccordionSection_vue_vue_type_style_index_0_lang_module_default","PlAccordionSection_default","\"$style\""],"sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSectionSeparator } from \"../PlSectionSeparator\";\nimport ExpandTransition from \"./ExpandTransition.vue\";\nimport type { Ref } from \"vue\";\nimport { computed, inject, toRef } from \"vue\";\n\nconst $m = inject<Ref<string>>(\"pl-accordion-model\", () => toRef(\"\"), true);\n\nconst $p = inject<\n Ref<{\n multiple?: boolean;\n }>\n>(\"pl-accordion-props\", () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p \|\| $p.value.multiple);\n\nconst open = computed({\n get() {\n if (isMulti.value) {\n return model.value;\n }\n\n return $m ? $m.value === id : model.value;\n },\n set(on) {\n if (isMulti.value) {\n model.value = on;\n } else if ($m) {\n $m.value = $m.value === id ? \"\" : id;\n }\n },\n});\n\ndefineProps<{\n /*\n The label text (optional)\n /\n label?: string;\n /\n If `true`, remove top padding\n /\n compact?: boolean;\n}>();\n</script>\n\n<template>\n <div class=\"pl-accordion-section\" data-testid=\"pl-accordion-section\">\n <PlSectionSeparator\n data-testid=\"pl-accordion-section-header\"\n :class=\"$style.separator\"\n :compact=\"compact\"\n @click=\"open = !open\"\n >\n <PlMaskIcon16\n data-testid=\"pl-accordion-section-chevron\"\n name=\"chevron-right\"\n :class=\"[{ [$style.down]: open }, $style.chevron]\"\n />\n {{ label }}\n </PlSectionSeparator>\n <ExpandTransition>\n <div v-if=\"open\" data-testid=\"pl-accordion-section-body\" :class=\"$style.content\">\n <slot />\n </div>\n </ExpandTransition>\n </div>\n</template>\n\n<style module>\n.content {\n display: flex;\n flex-direction: column;\n gap: var(--gap-v);\n will-change: height, opacity;\n / transform: translateZ(0);\n backface-visibility: hidden; /\n}\n\n.content > :first-child {\n margin-top: 24px;\n}\n\n.content > *:last-child {\n margin-bottom: 4px;\n}\n\n.separator {\n cursor: pointer;\n &:hover {\n --pl-separator-txt-color: var(--txt-01);\n --mask-icon-bg-color: var(--ic-01);\n }\n}\n\n.chevron {\n transition-duration: 50ms;\n}\n\n.down {\n transform: rotate(90deg);\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAccordion/PlAccordionSection.style.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import './PlAccordionSection.vue.css';var e = {
-	content: "_content_e3dof_2",
-	separator: "_separator_e3dof_19",
-	chevron: "_chevron_e3dof_27",
-	down: "_down_e3dof_31"
+import './PlAccordionSection.style.css';// src/components/PlAccordion/PlAccordionSection.vue?vue&type=style&index=0&lang.module.css
+var e = "_content_e3dof_2", t = "_separator_e3dof_19", n = "_chevron_e3dof_27", r = "_down_e3dof_31", i = {
+	content: e,
+	separator: t,
+	chevron: n,
+	down: r
 };
-//#endregion
-export { e as default };
+export { n as chevron, e as content, i as default, r as down, t as separator };
 //# sourceMappingURL=PlAccordionSection.style.js.map

package/dist/components/PlAccordion/PlAccordionSection.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlAccordionSection.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSectionSeparator } from \"../PlSectionSeparator\";\nimport ExpandTransition from \"./ExpandTransition.vue\";\nimport type { Ref } from \"vue\";\nimport { computed, inject, toRef } from \"vue\";\n\nconst $m = inject<Ref<string>>(\"pl-accordion-model\", () => toRef(\"\"), true);\n\nconst $p = inject<\n Ref<{\n multiple?: boolean;\n }>\n>(\"pl-accordion-props\", () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p \|\| $p.value.multiple);\n\nconst open = computed({\n get() {\n if (isMulti.value) {\n return model.value;\n }\n\n return $m ? $m.value === id : model.value;\n },\n set(on) {\n if (isMulti.value) {\n model.value = on;\n } else if ($m) {\n $m.value = $m.value === id ? \"\" : id;\n }\n },\n});\n\ndefineProps<{\n /*\n The label text (optional)\n /\n label?: string;\n /\n If `true`, remove top padding\n /\n compact?: boolean;\n}>();\n</script>\n\n<template>\n <div class=\"pl-accordion-section\" data-testid=\"pl-accordion-section\">\n <PlSectionSeparator\n data-testid=\"pl-accordion-section-header\"\n :class=\"$style.separator\"\n :compact=\"compact\"\n @click=\"open = !open\"\n >\n <PlMaskIcon16\n data-testid=\"pl-accordion-section-chevron\"\n name=\"chevron-right\"\n :class=\"[{ [$style.down]: open }, $style.chevron]\"\n />\n {{ label }}\n </PlSectionSeparator>\n <ExpandTransition>\n <div v-if=\"open\" data-testid=\"pl-accordion-section-body\" :class=\"$style.content\">\n <slot />\n </div>\n </ExpandTransition>\n </div>\n</template>\n\n<style module>\n.content {\n display: flex;\n flex-direction: column;\n gap: var(--gap-v);\n will-change: height, opacity;\n / transform: translateZ(0);\n backface-visibility: hidden; /\n}\n\n.content > :first-child {\n margin-top: 24px;\n}\n\n.content > *:last-child {\n margin-bottom: 4px;\n}\n\n.separator {\n cursor: pointer;\n &:hover {\n --pl-separator-txt-color: var(--txt-01);\n --mask-icon-bg-color: var(--ic-01);\n }\n}\n\n.chevron {\n transition-duration: 50ms;\n}\n\n.down {\n transform: rotate(90deg);\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"PlAccordionSection.vue_vue_type_style_index_0_lang.module.js","names":["content","separator","chevron","down","PlAccordionSection_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSectionSeparator } from \"../PlSectionSeparator\";\nimport ExpandTransition from \"./ExpandTransition.vue\";\nimport type { Ref } from \"vue\";\nimport { computed, inject, toRef } from \"vue\";\n\nconst $m = inject<Ref<string>>(\"pl-accordion-model\", () => toRef(\"\"), true);\n\nconst $p = inject<\n Ref<{\n multiple?: boolean;\n }>\n>(\"pl-accordion-props\", () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p \|\| $p.value.multiple);\n\nconst open = computed({\n get() {\n if (isMulti.value) {\n return model.value;\n }\n\n return $m ? $m.value === id : model.value;\n },\n set(on) {\n if (isMulti.value) {\n model.value = on;\n } else if ($m) {\n $m.value = $m.value === id ? \"\" : id;\n }\n },\n});\n\ndefineProps<{\n /*\n The label text (optional)\n /\n label?: string;\n /\n If `true`, remove top padding\n /\n compact?: boolean;\n}>();\n</script>\n\n<template>\n <div class=\"pl-accordion-section\" data-testid=\"pl-accordion-section\">\n <PlSectionSeparator\n data-testid=\"pl-accordion-section-header\"\n :class=\"$style.separator\"\n :compact=\"compact\"\n @click=\"open = !open\"\n >\n <PlMaskIcon16\n data-testid=\"pl-accordion-section-chevron\"\n name=\"chevron-right\"\n :class=\"[{ [$style.down]: open }, $style.chevron]\"\n />\n {{ label }}\n </PlSectionSeparator>\n <ExpandTransition>\n <div v-if=\"open\" data-testid=\"pl-accordion-section-body\" :class=\"$style.content\">\n <slot />\n </div>\n </ExpandTransition>\n </div>\n</template>\n\n<style module>\n.content {\n display: flex;\n flex-direction: column;\n gap: var(--gap-v);\n will-change: height, opacity;\n / transform: translateZ(0);\n backface-visibility: hidden; /\n}\n\n.content > :first-child {\n margin-top: 24px;\n}\n\n.content > *:last-child {\n margin-bottom: 4px;\n}\n\n.separator {\n cursor: pointer;\n &:hover {\n --pl-separator-txt-color: var(--txt-01);\n --mask-icon-bg-color: var(--ic-01);\n }\n}\n\n.chevron {\n transition-duration: 50ms;\n}\n\n.down {\n transform: rotate(90deg);\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAccordion/PlAccordionSection.vue2.js CHANGED Viewed

@@ -5,13 +5,13 @@ import "../PlSectionSeparator/index.js";
 import n from "./ExpandTransition.js";
 import { computed as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, inject as l, mergeModels as u, normalizeClass as d, openBlock as f, renderSlot as p, toDisplayString as m, toRef as h, unref as g, useModel as _, withCtx as v } from "vue";
 import { uniqueId as y } from "@milaboratories/helpers";
-//#region src/components/PlAccordion/PlAccordionSection.vue?vue&type=script&setup=true&lang.ts
+// src/components/PlAccordion/PlAccordionSection.vue?vue&type=script&setup=true&lang.ts
 var b = {
 	class: "pl-accordion-section",
 	"data-testid": "pl-accordion-section"
-}, x = /* @__PURE__ */ c({
+}, x = /*@__PURE__*/ c({
 	__name: "PlAccordionSection",
-	props: /* @__PURE__ */ u({
+	props: /*@__PURE__*/ u({
 		label: {},
 		compact: { type: Boolean }
 	}, {
@@ -50,7 +50,6 @@ var b = {
 		})]));
 	}
 });
-//#endregion
 export { x as default };
 //# sourceMappingURL=PlAccordionSection.vue2.js.map

package/dist/components/PlAccordion/PlAccordionSection.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlAccordionSection.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSectionSeparator } from \"../PlSectionSeparator\";\nimport ExpandTransition from \"./ExpandTransition.vue\";\nimport type { Ref } from \"vue\";\nimport { computed, inject, toRef } from \"vue\";\n\nconst $m = inject<Ref<string>>(\"pl-accordion-model\", () => toRef(\"\"), true);\n\nconst $p = inject<\n Ref<{\n multiple?: boolean;\n }>\n>(\"pl-accordion-props\", () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p \|\| $p.value.multiple);\n\nconst open = computed({\n get() {\n if (isMulti.value) {\n return model.value;\n }\n\n return $m ? $m.value === id : model.value;\n },\n set(on) {\n if (isMulti.value) {\n model.value = on;\n } else if ($m) {\n $m.value = $m.value === id ? \"\" : id;\n }\n },\n});\n\ndefineProps<{\n /*\n The label text (optional)\n /\n label?: string;\n /\n If `true`, remove top padding\n /\n compact?: boolean;\n}>();\n</script>\n\n<template>\n <div class=\"pl-accordion-section\" data-testid=\"pl-accordion-section\">\n <PlSectionSeparator\n data-testid=\"pl-accordion-section-header\"\n :class=\"$style.separator\"\n :compact=\"compact\"\n @click=\"open = !open\"\n >\n <PlMaskIcon16\n data-testid=\"pl-accordion-section-chevron\"\n name=\"chevron-right\"\n :class=\"[{ [$style.down]: open }, $style.chevron]\"\n />\n {{ label }}\n </PlSectionSeparator>\n <ExpandTransition>\n <div v-if=\"open\" data-testid=\"pl-accordion-section-body\" :class=\"$style.content\">\n <slot />\n </div>\n </ExpandTransition>\n </div>\n</template>\n\n<style module>\n.content {\n display: flex;\n flex-direction: column;\n gap: var(--gap-v);\n will-change: height, opacity;\n / transform: translateZ(0);\n backface-visibility: hidden; /\n}\n\n.content > :first-child {\n margin-top: 24px;\n}\n\n.content > *:last-child {\n margin-bottom: 4px;\n}\n\n.separator {\n cursor: pointer;\n &:hover {\n --pl-separator-txt-color: var(--txt-01);\n --mask-icon-bg-color: var(--ic-01);\n }\n}\n\n.chevron {\n transition-duration: 50ms;\n}\n\n.down {\n transform: rotate(90deg);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAQA,~~IAAM~~,~~IAAK~~,EAAoB,~~4BAA4B~~,EAAM,GAAG,~~EAAE~~,~~GAAK~~,~~EAErE~~,~~IAAK,~~EAIT,~~4BAA4B~~,EAAM,EAAE,UAAU,~~IAAO~~,CAAC,~~EAAE~~,~~GAAK~~,~~EAEzD~~,~~IAAQ~~,~~EAAoB~~,GAAA,~~aAAE~~,~~EAE9B~~,~~IAAK~~,~~GAAU~~,~~EAEf~~,~~IAAU~~,QAAe,~~CAAC~~,~~KAAM~~,EAAG,MAAM,~~SAAS~~,~~EAElD~~,~~IAAO~~,EAAS;GACpB,MAAM;~~AAKJ~~,~~WAJI~~,EAAQ,~~QACH~~,EAAM,~~QAGR~~,~~IAAK~~,EAAG,~~UAAU~~,~~IAAK~~,EAAM~~;;GAEtC~~,IAAI,GAAI;~~AACN~~,~~IAAI~~,EAAQ,QACV,EAAM,~~QAAQ~~,~~IACL~~,MACT,EAAG,~~QAAQ~~,EAAG,~~UAAU~~,IAAK,~~KAAK;;GAGvC~~,CAAC;~~yBAeA~~,EAmBM,~~OAnBN~~,GAmBM,~~CAlBJ~~,~~EAYqB~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;GAXnB,eAAY;GACX,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~UAAS~~;GACvB,~~SAAS~~,EAAA;GACT,SAAK,~~AAAA~~,EAAA,QAAA,MAAE,EAAA,QAAI,~~CAAI~~,EAAA;;~~oBAMd~~,~~CAJF~~,~~EAIE~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;IAHA,eAAY;IACZ,MAAK;IACJ,~~OAAK~~,EAAA,CAAA,~~GAAMA~~,EAAAA,OAAO,~~OAAO~~,EAAA,~~OAAI~~,~~EAAIA~~,EAAAA,OAAO,~~QAAO~~,CAAA;~~6BAChD~~,~~MACF~~,~~EAAG,~~EAAA,~~MAAK~~,~~EAAA~~,EAAA,~~CAAA~~,CAAA~~;;+BAEV~~,~~EAImB~~,GAAA,MAAA;~~oBADX~~,~~CAFK~~,EAAA,~~SAAA~~,~~GAAA~~,~~EAAX~~,EAEM,OAAA;;IAFW,eAAY;IAA6B,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~QAAO~~;~~OAC7E~~,~~EAAQ~~,EAAA,QAAA,~~UAAA~~,~~CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA~~"}
1	+ {"version":3,"file":"PlAccordionSection.vue_vue_type_script_setup_true_lang.js","names":["$style","_useModel","_openBlock","_createElementBlock","_createVNode","_unref","PlSectionSeparator","_normalizeClass","_withCtx","PlMaskIcon16","_createTextVNode","_toDisplayString","ExpandTransition","_renderSlot","_createCommentVNode","PlIcon16_default","PlSectionSeparator_default","ExpandTransition_default","_hoisted_1","PlAccordionSection_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","$m","inject","toRef","$p","model","useModel","__props","id","uniqueId","isMulti","computed","open","on","openBlock","createElementBlock","createVNode","unref","normalizeClass","_ctx","_cache","withCtx","createTextVNode","toDisplayString","renderSlot","createCommentVNode"],"sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSectionSeparator } from \"../PlSectionSeparator\";\nimport ExpandTransition from \"./ExpandTransition.vue\";\nimport type { Ref } from \"vue\";\nimport { computed, inject, toRef } from \"vue\";\n\nconst $m = inject<Ref<string>>(\"pl-accordion-model\", () => toRef(\"\"), true);\n\nconst $p = inject<\n Ref<{\n multiple?: boolean;\n }>\n>(\"pl-accordion-props\", () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p \|\| $p.value.multiple);\n\nconst open = computed({\n get() {\n if (isMulti.value) {\n return model.value;\n }\n\n return $m ? $m.value === id : model.value;\n },\n set(on) {\n if (isMulti.value) {\n model.value = on;\n } else if ($m) {\n $m.value = $m.value === id ? \"\" : id;\n }\n },\n});\n\ndefineProps<{\n /*\n The label text (optional)\n /\n label?: string;\n /\n If `true`, remove top padding\n /\n compact?: boolean;\n}>();\n</script>\n\n<template>\n <div class=\"pl-accordion-section\" data-testid=\"pl-accordion-section\">\n <PlSectionSeparator\n data-testid=\"pl-accordion-section-header\"\n :class=\"$style.separator\"\n :compact=\"compact\"\n @click=\"open = !open\"\n >\n <PlMaskIcon16\n data-testid=\"pl-accordion-section-chevron\"\n name=\"chevron-right\"\n :class=\"[{ [$style.down]: open }, $style.chevron]\"\n />\n {{ label }}\n </PlSectionSeparator>\n <ExpandTransition>\n <div v-if=\"open\" data-testid=\"pl-accordion-section-body\" :class=\"$style.content\">\n <slot />\n </div>\n </ExpandTransition>\n </div>\n</template>\n\n<style module>\n.content {\n display: flex;\n flex-direction: column;\n gap: var(--gap-v);\n will-change: height, opacity;\n / transform: translateZ(0);\n backface-visibility: hidden; /\n}\n\n.content > :first-child {\n margin-top: 24px;\n}\n\n.content > *:last-child {\n margin-bottom: 4px;\n}\n\n.separator {\n cursor: pointer;\n &:hover {\n --pl-separator-txt-color: var(--txt-01);\n --mask-icon-bg-color: var(--ic-01);\n }\n}\n\n.chevron {\n transition-duration: 50ms;\n}\n\n.down {\n transform: rotate(90deg);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAQA,IAAMsB,IAAKC,EAAoB,4BAA4BC,EAAM,EAAE,GAAG,EAAI,GAEpEC,IAAKF,EAIT,4BAA4BC,EAAM,EAAE,UAAU,GAAM,CAAC,GAAG,EAAI,GAExDE,IAAQzB,EAAoB2B,GAAA,YAAC,GAE7BC,IAAKC,EAAS,GAEdC,IAAUC,QAAe,CAACP,KAAMA,EAAG,MAAM,QAAQ,GAEjDQ,IAAOD,EAAS;GACpB,MAAM;IAKJ,OAJID,EAAQ,QACHL,EAAM,QAGRJ,IAAKA,EAAG,UAAUO,IAAKH,EAAM;GACtC;GACA,IAAI,GAAI;IACN,AAAIK,EAAQ,QACV,EAAM,QAAQG,IACLZ,MACT,EAAG,QAAQA,EAAG,UAAUO,IAAK,KAAKA;GAEtC;EACF,CAAC;E,kBAeC3B,EAAA,GAAAC,EAmBM,OAnBNe,GAmBM,CAlBJd,EAYqBC,EAAAC,CAAA,GAAA;GAXnB,eAAY;GACX,OAAKC,EAAEP,EAAAA,OAAO,SAAS;GACvB,SAAS4B,EAAA;GACT,SAAK,AAAAa,EAAA,QAAA,MAAE,EAAA,QAAI,CAAIR,EAAA;;GAEhB,SAAAzB,QAIE,CAJFJ,EAIEC,EAAAI,CAAA,GAAA;IAHA,eAAY;IACZ,MAAK;IACJ,OAAKF,EAAA,CAAA,GAAMP,EAAAA,OAAO,OAAOiC,EAAA,MAAI,GAAIjC,EAAAA,OAAO,OAAO,CAAA;G,wBAChDU,EAAA,MACFC,EAAGiB,EAAA,KAAK,GAAA,CAAA,C;;E,6BAEVxB,EAImBQ,GAAA,MAAA;GAHjB,SAAAJ,QAEM,CAFKyB,EAAA,SAAX/B,EAAA,GAAAC,EAEM,OAAA;;IAFW,eAAY;IAA6B,OAAKI,EAAEP,EAAAA,OAAO,OAAO;G,IAC7Ea,EAAQ2B,EAAA,QAAA,SAAA,C"}

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

@@ -1,2 +1,3 @@
-import "./PlAccordion.js";
-import "./PlAccordionSection.js";
+import e from "./PlAccordion.js";
+import t from "./PlAccordionSection.js";
+export { e as PlAccordion, t as PlAccordionSection };

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlAlert.js","names":[],"sources":["../../../src/components/PlAlert/PlAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlAlert\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-alert.scss\";\n\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\n\ndefineEmits<{\n /*\n Emitted when the model value is updated, typically when the close button is clicked.\n \n @param value - The new value of the model, generally `false` when the alert is closed.\n /\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nwithDefaults(\n defineProps<{\n /\n Controls the visibility of the alert component. If `true`, the alert is visible.\n \n @default true\n /\n modelValue?: boolean;\n /\n The type of alert, which determines the alert's style and icon.\n * Can be one of `'success' \| 'info' \| 'warn' \| 'error'`.\n /\n type?: \"success\" \| \"info\" \| \"warn\" \| \"error\";\n /\n An optional label that appears at the top of the alert.\n /\n label?: string;\n /\n If `true`, an icon corresponding to the alert type is displayed.\n /\n icon?: boolean;\n /\n If `true`, a close button is displayed in the alert, allowing the user to close it.\n /\n closeable?: boolean;\n /\n If `true`, the alert text is displayed in a monospace font.\n /\n monospace?: boolean;\n /\n If `true`, the alert content will preserve whitespace and line breaks.\n /\n whiteSpacePre?: boolean;\n\n /\n Max height (css value like '120px or 30%')\n */\n maxHeight?: string;\n }>(),\n {\n modelValue: true,\n type: undefined,\n label: undefined,\n icon: undefined,\n closeable: undefined,\n monospace: undefined,\n whiteSpacePre: undefined,\n maxHeight: undefined,\n },\n);\n\nconst iconMap = {\n success: \"success\",\n warn: \"warning\",\n info: \"edit\",\n error: \"error\",\n};\n</script>\n\n<template>\n <div\n v-if=\"modelValue\"\n data-testid=\"pl-alert\"\n class=\"pl-alert\"\n :style=\"{ maxHeight }\"\n :class=\"[{ monospace, whiteSpacePre }, type ? `pl-alert__${type}` : '']\"\n >\n <div v-if=\"icon && type\" data-testid=\"pl-alert-icon\" class=\"pl-alert__icon\">\n <div :class=\"`icon-24 icon-${iconMap[type]}`\" />\n </div>\n <div class=\"pl-alert__main\">\n <label v-if=\"label\" data-testid=\"pl-alert-label\">{{ label }}</label>\n <div data-testid=\"pl-alert-message\" class=\"pl-alert__main__text\"><slot /></div>\n </div>\n <PlCloseModalBtn\n v-if=\"closeable\"\n data-testid=\"pl-alert-close\"\n class=\"pl-alert__close-btn\"\n @click=\"$emit('update:modelValue', false)\"\n />\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlAlert.js","names":["_sfc_main","PlAlert_vue_vue_type_script_setup_true_lang_default","PlAlert_default"],"sources":["../../../src/components/PlAlert/PlAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlAlert\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-alert.scss\";\n\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\n\ndefineEmits<{\n /*\n Emitted when the model value is updated, typically when the close button is clicked.\n \n @param value - The new value of the model, generally `false` when the alert is closed.\n /\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nwithDefaults(\n defineProps<{\n /\n Controls the visibility of the alert component. If `true`, the alert is visible.\n \n @default true\n /\n modelValue?: boolean;\n /\n The type of alert, which determines the alert's style and icon.\n * Can be one of `'success' \| 'info' \| 'warn' \| 'error'`.\n /\n type?: \"success\" \| \"info\" \| \"warn\" \| \"error\";\n /\n An optional label that appears at the top of the alert.\n /\n label?: string;\n /\n If `true`, an icon corresponding to the alert type is displayed.\n /\n icon?: boolean;\n /\n If `true`, a close button is displayed in the alert, allowing the user to close it.\n /\n closeable?: boolean;\n /\n If `true`, the alert text is displayed in a monospace font.\n /\n monospace?: boolean;\n /\n If `true`, the alert content will preserve whitespace and line breaks.\n /\n whiteSpacePre?: boolean;\n\n /\n Max height (css value like '120px or 30%')\n */\n maxHeight?: string;\n }>(),\n {\n modelValue: true,\n type: undefined,\n label: undefined,\n icon: undefined,\n closeable: undefined,\n monospace: undefined,\n whiteSpacePre: undefined,\n maxHeight: undefined,\n },\n);\n\nconst iconMap = {\n success: \"success\",\n warn: \"warning\",\n info: \"edit\",\n error: \"error\",\n};\n</script>\n\n<template>\n <div\n v-if=\"modelValue\"\n data-testid=\"pl-alert\"\n class=\"pl-alert\"\n :style=\"{ maxHeight }\"\n :class=\"[{ monospace, whiteSpacePre }, type ? `pl-alert__${type}` : '']\"\n >\n <div v-if=\"icon && type\" data-testid=\"pl-alert-icon\" class=\"pl-alert__icon\">\n <div :class=\"`icon-24 icon-${iconMap[type]}`\" />\n </div>\n <div class=\"pl-alert__main\">\n <label v-if=\"label\" data-testid=\"pl-alert-label\">{{ label }}</label>\n <div data-testid=\"pl-alert-message\" class=\"pl-alert__main__text\"><slot /></div>\n </div>\n <PlCloseModalBtn\n v-if=\"closeable\"\n data-testid=\"pl-alert-close\"\n class=\"pl-alert__close-btn\"\n @click=\"$emit('update:modelValue', false)\"\n />\n </div>\n</template>\n"],"mappings":""}

package/dist/components/PlAlert/PlAlert.vue.d.ts CHANGED Viewed

@@ -79,8 +79,8 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
 }>, {
     label: string;
     modelValue: boolean;
-    type: "success" | "info" | "warn" | "error";
     icon: boolean;
+    type: "success" | "info" | "warn" | "error";
     maxHeight: string;
     closeable: boolean;
     monospace: boolean;

package/dist/components/PlAlert/PlAlert.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlAlert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAlert/PlAlert.vue"],"names":[],"mappings":"AAyGA,OAAO,iBAAiB,CAAC;wBAKJ,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;IAYd;;;;OAIG;iBACU,OAAO;IACpB;;;OAGG;WACI,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;IAC5C;;OAEG;YACK,MAAM;IACd;;OAEG;WACI,OAAO;IACd;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;IACnB;;OAEG;oBACa,OAAO;IAEvB;;OAEG;gBACS,MAAM;;;;IAnClB;;;;OAIG;iBACU,OAAO;IACpB;;;OAGG;WACI,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;IAC5C;;OAEG;YACK,MAAM;IACd;;OAEG;WACI,OAAO;IACd;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;IACnB;;OAEG;oBACa,OAAO;IAEvB;;OAEG;gBACS,MAAM;;;;WArBV,MAAM;gBATD,OAAO;~~UAKb~~,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;~~UAQrC~~,~~OAAO;eAiBF,~~MAAM;eAbN,OAAO;eAIP,OAAO;mBAIH,OAAO;;cA8Hb,CAAC,KAAK,IAAgB,KAAK,GAAG;EAWxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1	+ {"version":3,"file":"PlAlert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAlert/PlAlert.vue"],"names":[],"mappings":"AAyGA,OAAO,iBAAiB,CAAC;wBAKJ,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;IAYd;;;;OAIG;iBACU,OAAO;IACpB;;;OAGG;WACI,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;IAC5C;;OAEG;YACK,MAAM;IACd;;OAEG;WACI,OAAO;IACd;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;IACnB;;OAEG;oBACa,OAAO;IAEvB;;OAEG;gBACS,MAAM;;;;IAnClB;;;;OAIG;iBACU,OAAO;IACpB;;;OAGG;WACI,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;IAC5C;;OAEG;YACK,MAAM;IACd;;OAEG;WACI,OAAO;IACd;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;IACnB;;OAEG;oBACa,OAAO;IAEvB;;OAEG;gBACS,MAAM;;;;WArBV,MAAM;gBATD,OAAO;UAab,OAAO;UARP,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;eAyBhC,MAAM;eAbN,OAAO;eAIP,OAAO;mBAIH,OAAO;;cA8Hb,CAAC,KAAK,IAAgB,KAAK,GAAG;EAWxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -1,7 +1,7 @@
 import './pl-alert.css';/* empty css         */
 import e from "../../utils/PlCloseModalBtn.js";
 import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderSlot as l, toDisplayString as u } from "vue";
-//#region src/components/PlAlert/PlAlert.vue?vue&type=script&setup=true&lang.ts
+// src/components/PlAlert/PlAlert.vue?vue&type=script&setup=true&lang.ts
 var d = {
 	key: 0,
 	"data-testid": "pl-alert-icon",
@@ -12,7 +12,7 @@ var d = {
 }, m = {
 	"data-testid": "pl-alert-message",
 	class: "pl-alert__main__text"
-}, h = /* @__PURE__ */ a({
+}, h = /*@__PURE__*/ a({
 	name: "PlAlert",
 	props: {
 		modelValue: {
@@ -67,7 +67,6 @@ var d = {
 		], 6)) : n("", !0);
 	}
 });
-//#endregion
 export { h as default };
 //# sourceMappingURL=PlAlert.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlAlert.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/PlAlert/PlAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlAlert\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-alert.scss\";\n\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\n\ndefineEmits<{\n /*\n Emitted when the model value is updated, typically when the close button is clicked.\n \n @param value - The new value of the model, generally `false` when the alert is closed.\n /\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nwithDefaults(\n defineProps<{\n /\n Controls the visibility of the alert component. If `true`, the alert is visible.\n \n @default true\n /\n modelValue?: boolean;\n /\n The type of alert, which determines the alert's style and icon.\n * Can be one of `'success' \| 'info' \| 'warn' \| 'error'`.\n /\n type?: \"success\" \| \"info\" \| \"warn\" \| \"error\";\n /\n An optional label that appears at the top of the alert.\n /\n label?: string;\n /\n If `true`, an icon corresponding to the alert type is displayed.\n /\n icon?: boolean;\n /\n If `true`, a close button is displayed in the alert, allowing the user to close it.\n /\n closeable?: boolean;\n /\n If `true`, the alert text is displayed in a monospace font.\n /\n monospace?: boolean;\n /\n If `true`, the alert content will preserve whitespace and line breaks.\n /\n whiteSpacePre?: boolean;\n\n /\n Max height (css value like '120px or 30%')\n */\n maxHeight?: string;\n }>(),\n {\n modelValue: true,\n type: undefined,\n label: undefined,\n icon: undefined,\n closeable: undefined,\n monospace: undefined,\n whiteSpacePre: undefined,\n maxHeight: undefined,\n },\n);\n\nconst iconMap = {\n success: \"success\",\n warn: \"warning\",\n info: \"edit\",\n error: \"error\",\n};\n</script>\n\n<template>\n <div\n v-if=\"modelValue\"\n data-testid=\"pl-alert\"\n class=\"pl-alert\"\n :style=\"{ maxHeight }\"\n :class=\"[{ monospace, whiteSpacePre }, type ? `pl-alert__${type}` : '']\"\n >\n <div v-if=\"icon && type\" data-testid=\"pl-alert-icon\" class=\"pl-alert__icon\">\n <div :class=\"`icon-24 icon-${iconMap[type]}`\" />\n </div>\n <div class=\"pl-alert__main\">\n <label v-if=\"label\" data-testid=\"pl-alert-label\">{{ label }}</label>\n <div data-testid=\"pl-alert-message\" class=\"pl-alert__main__text\"><slot /></div>\n </div>\n <PlCloseModalBtn\n v-if=\"closeable\"\n data-testid=\"pl-alert-close\"\n class=\"pl-alert__close-btn\"\n @click=\"$emit('update:modelValue', false)\"\n />\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;CAEE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqER,~~IAAM~~,IAAU;GACd,SAAS;GACT,MAAM;GACN,MAAM;GACN,OAAO;~~GACR~~;~~mBAKS~~,EAAA,~~cAAA~~,~~GAAA~~,~~EADR~~,EAoBM,OAAA;;GAlBJ,eAAY;GACZ,~~OAAK~~,EAAA,CAAC,YAAU,CAAA;IAAA,~~WAEL~~,EAAA;IAAS,~~eAAE~~,EAAA;~~IAAa~~,~~EAAI~~,EAAA,OAAI,~~aAAgB~~,EAAA,SAAI,~~GAAA~~,CAAA,CAAA;GAD9D,~~OAAK~~,EAAA,EAAA,~~WAAI~~,EAAA,~~WAAS~~,CAAA;;~~GAGR~~,EAAA,~~QAAQ~~,EAAA,~~QAAA~~,~~GAAA~~,~~EAAnB~~,EAEM,~~OAFN~~,GAEM,~~CADJ~~,EAAgD,OAAA,EAA1C,~~OAAK~~,EAAA,~~gBAAkB~~,~~EAAQ~~,EAAA,~~QAAI~~,~~EAAA,EAAA,MAAA,EAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA~~;~~GAE3C~~,EAGM,~~OAHN~~,GAGM,~~CAFS~~,EAAA,~~SAAA~~,~~GAAA~~,~~EAAb~~,EAAoE,~~SAApE~~,~~GAAoE~~,~~EAAhB~~,EAAA,~~MAAK~~,~~EAAA~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~IAAA,GAAA,EACzD,~~EAA+E,OAA/E,GAA+E,~~CAAd~~,~~EAAQ~~,EAAA,QAAA,~~UAAA~~,~~CAAA,CAAA,CAAA,CAAA~~;~~GAGnE~~,EAAA,~~aAAA~~,~~GAAA~~,~~EADR~~,~~EAKE~~,GAAA;;IAHA,eAAY;IACZ,OAAM;IACL,SAAK,~~AAAA~~,EAAA,QAAA,~~MAAEA~~,EAAAA,MAAK,qBAAA,~~GAAA~~"}
1	+ {"version":3,"file":"PlAlert.vue_vue_type_script_setup_true_lang.js","names":["$emit","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_createCommentVNode","_toDisplayString","_renderSlot","_createBlock","PlCloseModalBtn","PlCloseModalBtn_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","PlAlert_vue_vue_type_script_setup_true_lang_default","iconMap","__props","openBlock","createElementBlock","normalizeClass","normalizeStyle","createElementVNode","createCommentVNode","toDisplayString","renderSlot","_ctx","createBlock","_cache"],"sources":["../../../src/components/PlAlert/PlAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlAlert\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-alert.scss\";\n\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\n\ndefineEmits<{\n /*\n Emitted when the model value is updated, typically when the close button is clicked.\n \n @param value - The new value of the model, generally `false` when the alert is closed.\n /\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nwithDefaults(\n defineProps<{\n /\n Controls the visibility of the alert component. If `true`, the alert is visible.\n \n @default true\n /\n modelValue?: boolean;\n /\n The type of alert, which determines the alert's style and icon.\n * Can be one of `'success' \| 'info' \| 'warn' \| 'error'`.\n /\n type?: \"success\" \| \"info\" \| \"warn\" \| \"error\";\n /\n An optional label that appears at the top of the alert.\n /\n label?: string;\n /\n If `true`, an icon corresponding to the alert type is displayed.\n /\n icon?: boolean;\n /\n If `true`, a close button is displayed in the alert, allowing the user to close it.\n /\n closeable?: boolean;\n /\n If `true`, the alert text is displayed in a monospace font.\n /\n monospace?: boolean;\n /\n If `true`, the alert content will preserve whitespace and line breaks.\n /\n whiteSpacePre?: boolean;\n\n /\n Max height (css value like '120px or 30%')\n */\n maxHeight?: string;\n }>(),\n {\n modelValue: true,\n type: undefined,\n label: undefined,\n icon: undefined,\n closeable: undefined,\n monospace: undefined,\n whiteSpacePre: undefined,\n maxHeight: undefined,\n },\n);\n\nconst iconMap = {\n success: \"success\",\n warn: \"warning\",\n info: \"edit\",\n error: \"error\",\n};\n</script>\n\n<template>\n <div\n v-if=\"modelValue\"\n data-testid=\"pl-alert\"\n class=\"pl-alert\"\n :style=\"{ maxHeight }\"\n :class=\"[{ monospace, whiteSpacePre }, type ? `pl-alert__${type}` : '']\"\n >\n <div v-if=\"icon && type\" data-testid=\"pl-alert-icon\" class=\"pl-alert__icon\">\n <div :class=\"`icon-24 icon-${iconMap[type]}`\" />\n </div>\n <div class=\"pl-alert__main\">\n <label v-if=\"label\" data-testid=\"pl-alert-label\">{{ label }}</label>\n <div data-testid=\"pl-alert-message\" class=\"pl-alert__main__text\"><slot /></div>\n </div>\n <PlCloseModalBtn\n v-if=\"closeable\"\n data-testid=\"pl-alert-close\"\n class=\"pl-alert__close-btn\"\n @click=\"$emit('update:modelValue', false)\"\n />\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;CAEE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqER,IAAMiB,IAAU;GACd,SAAS;GACT,MAAM;GACN,MAAM;GACN,OAAO;EACT;E,iBAKUC,EAAA,cADRjB,EAAA,GAAAC,EAoBM,OAAA;;GAlBJ,eAAY;GACZ,OAAKC,EAAA,CAAC,YAAU,CAAA;IAAA,WAELe,EAAA;IAAS,eAAEA,EAAA;GAAa,GAAIA,EAAA,OAAI,aAAgBA,EAAA,SAAI,EAAA,CAAA,CAAA;GAD9D,OAAKd,EAAA,EAAA,WAAIc,EAAA,UAAS,CAAA;;GAGRA,EAAA,QAAQA,EAAA,QAAnBjB,EAAA,GAAAC,EAEM,OAFNU,GAEM,CADJP,EAAgD,OAAA,EAA1C,OAAKF,EAAA,gBAAkBc,EAAQC,EAAA,OAAI,E;GAE3Cb,EAGM,OAHNQ,GAGM,CAFSK,EAAA,SAAbjB,EAAA,GAAAC,EAAoE,SAApEY,GAAoEP,EAAhBW,EAAA,KAAK,GAAA,CAAA,K,WACzDb,EAA+E,OAA/EU,GAA+E,CAAdP,EAAQmB,EAAA,QAAA,SAAA,C;GAGnET,EAAA,aADRjB,EAAA,GAAAQ,EAKEC,GAAA;;IAHA,eAAY;IACZ,OAAM;IACL,SAAK,AAAAmB,EAAA,QAAA,MAAE7B,EAAAA,MAAK,qBAAA,EAAA"}

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

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

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

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