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/layout/PlContainer/index.js CHANGED Viewed

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

package/dist/layout/PlGrid/PlGrid.js CHANGED Viewed

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

package/dist/layout/PlGrid/PlGrid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlGrid.js","names":[],"sources":["../../../src/layout/PlGrid/PlGrid.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Grid container */\nexport default {\n name: \"PlGrid\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport \"./pl-grid.scss\";\n\nconst props = defineProps<{\n columns: number;\n}>();\n\nconst style = computed(() => {\n return {\n gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))`,\n };\n});\n</script>\n\n<template>\n <div class=\"pl-layout-component pl-grid\" data-testid=\"pl-grid\" :style=\"style\">\n <slot />\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlGrid.js","names":["_sfc_main","PlGrid_vue_vue_type_script_setup_true_lang_default","PlGrid_default"],"sources":["../../../src/layout/PlGrid/PlGrid.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Grid container */\nexport default {\n name: \"PlGrid\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport \"./pl-grid.scss\";\n\nconst props = defineProps<{\n columns: number;\n}>();\n\nconst style = computed(() => {\n return {\n gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))`,\n };\n});\n</script>\n\n<template>\n <div class=\"pl-layout-component pl-grid\" data-testid=\"pl-grid\" :style=\"style\">\n <slot />\n </div>\n</template>\n"],"mappings":""}

package/dist/layout/PlGrid/PlGrid.vue2.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './pl-grid.css';/* empty css        */
 import { computed as e, createElementBlock as t, defineComponent as n, normalizeStyle as r, openBlock as i, renderSlot as a } from "vue";
-var o = /* @__PURE__ */ n({
+var o = /*@__PURE__*/ n({
 	name: "PlGrid",
 	props: { columns: {} },
 	setup(n) {
@@ -12,7 +12,6 @@ var o = /* @__PURE__ */ n({
 		}, [a(e.$slots, "default")], 4));
 	}
 });
-//#endregion
 export { o as default };
 //# sourceMappingURL=PlGrid.vue2.js.map

package/dist/layout/PlGrid/PlGrid.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlGrid.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/layout/PlGrid/PlGrid.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Grid container */\nexport default {\n name: \"PlGrid\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport \"./pl-grid.scss\";\n\nconst props = defineProps<{\n columns: number;\n}>();\n\nconst style = computed(() => {\n return {\n gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))`,\n };\n});\n</script>\n\n<template>\n <div class=\"pl-layout-component pl-grid\" data-testid=\"pl-grid\" :style=\"style\">\n <slot />\n </div>\n</template>\n"],"mappings":";;;CAGE,MAAM;;;EAQR,~~IAAM~~,~~IAAQ~~,~~GAIR~~,~~IAAQ~~,SACL,EACL,qBAAqB,~~UAAU~~,EAAM,QAAQ,~~oBAC9C~~,EACD;~~yBAIA~~,EAEM,OAAA;GAFD,OAAM;GAA8B,eAAY;GAAW,~~OAAK~~,~~EAAE~~,EAAA,~~MAAK~~;~~MAC1E~~,~~EAAQ~~,EAAA,QAAA,~~UAAA~~,~~CAAA,EAAA,EAAA~~"}
1	+ {"version":3,"file":"PlGrid.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_renderSlot","PlGrid_vue_vue_type_script_setup_true_lang_default","props","__props","style","computed","openBlock","createElementBlock","normalizeStyle","renderSlot","_ctx"],"sources":["../../../src/layout/PlGrid/PlGrid.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Grid container */\nexport default {\n name: \"PlGrid\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport \"./pl-grid.scss\";\n\nconst props = defineProps<{\n columns: number;\n}>();\n\nconst style = computed(() => {\n return {\n gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))`,\n };\n});\n</script>\n\n<template>\n <div class=\"pl-layout-component pl-grid\" data-testid=\"pl-grid\" :style=\"style\">\n <slot />\n </div>\n</template>\n"],"mappings":";;;CAGE,MAAM;;;EAQR,IAAMK,IAAQC,GAIRC,IAAQC,SACL,EACL,qBAAqB,UAAUH,EAAM,QAAQ,mBAC/C,EACD;E,kBAICL,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAA8B,eAAY;GAAW,OAAKC,EAAEK,EAAA,KAAK;E,IAC1EJ,EAAQU,EAAA,QAAA,SAAA,C"}

package/dist/layout/PlGrid/index.js CHANGED Viewed

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

package/dist/layout/PlPlaceholder/PlPlaceholder.js CHANGED Viewed

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

package/dist/layout/PlPlaceholder/PlPlaceholder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlPlaceholder.js","names":[],"sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"sourcesContent":["<script lang=\"ts\">\nimport paintWorkletCode from \"./paint-worklet.js?raw\";\n\nexport interface PlPlaceholderProps {\n variant?: \"table\" \| \"graph\";\n title?: string;\n subtitle?: string \| string[];\n}\n\n// Register paint worklet once at module load (uses blob URL to comply with CSP)\nconst workletBlob = new Blob([paintWorkletCode], { type: \"application/javascript\" });\nconst workletUrl = URL.createObjectURL(workletBlob);\n(\n CSS as unknown as {\n paintWorklet: { addModule: (url: string) => void };\n }\n).paintWorklet.addModule(workletUrl);\n</script>\n\n<script setup lang=\"ts\">\nimport { useCssModule } from \"vue\";\nimport PlLoaderLogo from \"../../components/PlLoaderLogo.vue\";\n\nconst props = defineProps<PlPlaceholderProps>();\n\nconst styles = useCssModule();\n</script>\n\n<template>\n <div data-testid=\"pl-placeholder\" :class=\"styles.root\">\n <div\n data-testid=\"pl-placeholder-background\"\n :class=\"[\n styles.background,\n {\n [styles.table]: props.variant === 'table',\n [styles.graph]: props.variant === 'graph',\n },\n ]\"\n />\n <div data-testid=\"pl-placeholder-content\" :class=\"styles.content\">\n <PlLoaderLogo data-testid=\"pl-placeholder-loader\" :size=\"64\" color=\"var(--color-div-grey)\" />\n <div\n v-if=\"props.title \|\| props.subtitle\"\n data-testid=\"pl-placeholder-text\"\n :class=\"styles.text\"\n >\n <div v-if=\"props.title\" data-testid=\"pl-placeholder-title\" :class=\"styles.title\">\n {{ props.title }}\n </div>\n <div v-if=\"props.subtitle\" data-testid=\"pl-placeholder-subtitle\" :class=\"styles.subtitle\">\n <template v-if=\"Array.isArray(props.subtitle)\">\n <span\n v-for=\"(item, key) of props.subtitle\"\n :key\n data-testid=\"pl-placeholder-subtitle-item\"\n >{{ item }}</span\n >\n </template>\n <span v-else data-testid=\"pl-placeholder-subtitle-item\">{{ props.subtitle }}</span>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style module>\n.root {\n block-size: 100%;\n inline-size: 100%;\n position: relative;\n user-select: none;\n background-color: var(--bg-elevated-01);\n}\n\n.background {\n position: absolute;\n inset: 0;\n pointer-events: none;\n mask: linear-gradient(transparent 35%, #000 40% 60%, transparent 65%);\n mask-size: 100% 300%;\n animation-duration: 5s;\n animation-iteration-count: infinite;\n animation-name: slide;\n &.table {\n background-image: paint(pl-placeholder-table-skeleton);\n }\n &.graph {\n background-image: paint(pl-placeholder-graph-skeleton);\n }\n}\n\n.content {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 12px;\n}\n\n.text {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n -webkit-text-stroke-color: white;\n -webkit-text-stroke-width: 4px;\n paint-order: stroke;\n}\n\n.title {\n color: var(--txt-03);\n font-size: 20px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: -0.2px;\n}\n\n.subtitle {\n color: var(--txt-03);\n font-weight: 500;\n line-height: 20px;\n display: grid;\n span {\n grid-area: 1 / 1;\n text-align: center;\n animation-name: active-subtitle;\n animation-duration: calc(6s * sibling-count());\n animation-iteration-count: infinite;\n animation-timing-function: steps(sibling-count(), jump-none);\n visibility: if(\n style(--pl-placeholder-active-subtitle: sibling-index()): visible; else: hidden;\n );\n }\n}\n\n@keyframes slide {\n from {\n mask-position: 0 100%;\n }\n}\n\n@keyframes active-subtitle {\n from {\n --pl-placeholder-active-subtitle: 1;\n }\n to {\n --pl-placeholder-active-subtitle: sibling-count();\n }\n}\n\n@property --pl-placeholder-active-subtitle {\n syntax: \"<number>\";\n inherits: false;\n initial-value: 1;\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"PlPlaceholder.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlPlaceholder_vue_vue_type_script_setup_true_lang_default","PlPlaceholder_vue_vue_type_style_index_0_lang_module_default","PlPlaceholder_default","\"$style\""],"sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"sourcesContent":["<script lang=\"ts\">\nimport paintWorkletCode from \"./paint-worklet.js?raw\";\n\nexport interface PlPlaceholderProps {\n variant?: \"table\" \| \"graph\";\n title?: string;\n subtitle?: string \| string[];\n}\n\n// Register paint worklet once at module load (uses blob URL to comply with CSP)\nconst workletBlob = new Blob([paintWorkletCode], { type: \"application/javascript\" });\nconst workletUrl = URL.createObjectURL(workletBlob);\n(\n CSS as unknown as {\n paintWorklet: { addModule: (url: string) => void };\n }\n).paintWorklet.addModule(workletUrl);\n</script>\n\n<script setup lang=\"ts\">\nimport { useCssModule } from \"vue\";\nimport PlLoaderLogo from \"../../components/PlLoaderLogo.vue\";\n\nconst props = defineProps<PlPlaceholderProps>();\n\nconst styles = useCssModule();\n</script>\n\n<template>\n <div data-testid=\"pl-placeholder\" :class=\"styles.root\">\n <div\n data-testid=\"pl-placeholder-background\"\n :class=\"[\n styles.background,\n {\n [styles.table]: props.variant === 'table',\n [styles.graph]: props.variant === 'graph',\n },\n ]\"\n />\n <div data-testid=\"pl-placeholder-content\" :class=\"styles.content\">\n <PlLoaderLogo data-testid=\"pl-placeholder-loader\" :size=\"64\" color=\"var(--color-div-grey)\" />\n <div\n v-if=\"props.title \|\| props.subtitle\"\n data-testid=\"pl-placeholder-text\"\n :class=\"styles.text\"\n >\n <div v-if=\"props.title\" data-testid=\"pl-placeholder-title\" :class=\"styles.title\">\n {{ props.title }}\n </div>\n <div v-if=\"props.subtitle\" data-testid=\"pl-placeholder-subtitle\" :class=\"styles.subtitle\">\n <template v-if=\"Array.isArray(props.subtitle)\">\n <span\n v-for=\"(item, key) of props.subtitle\"\n :key\n data-testid=\"pl-placeholder-subtitle-item\"\n >{{ item }}</span\n >\n </template>\n <span v-else data-testid=\"pl-placeholder-subtitle-item\">{{ props.subtitle }}</span>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style module>\n.root {\n block-size: 100%;\n inline-size: 100%;\n position: relative;\n user-select: none;\n background-color: var(--bg-elevated-01);\n}\n\n.background {\n position: absolute;\n inset: 0;\n pointer-events: none;\n mask: linear-gradient(transparent 35%, #000 40% 60%, transparent 65%);\n mask-size: 100% 300%;\n animation-duration: 5s;\n animation-iteration-count: infinite;\n animation-name: slide;\n &.table {\n background-image: paint(pl-placeholder-table-skeleton);\n }\n &.graph {\n background-image: paint(pl-placeholder-graph-skeleton);\n }\n}\n\n.content {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 12px;\n}\n\n.text {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n -webkit-text-stroke-color: white;\n -webkit-text-stroke-width: 4px;\n paint-order: stroke;\n}\n\n.title {\n color: var(--txt-03);\n font-size: 20px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: -0.2px;\n}\n\n.subtitle {\n color: var(--txt-03);\n font-weight: 500;\n line-height: 20px;\n display: grid;\n span {\n grid-area: 1 / 1;\n text-align: center;\n animation-name: active-subtitle;\n animation-duration: calc(6s * sibling-count());\n animation-iteration-count: infinite;\n animation-timing-function: steps(sibling-count(), jump-none);\n visibility: if(\n style(--pl-placeholder-active-subtitle: sibling-index()): visible; else: hidden;\n );\n }\n}\n\n@keyframes slide {\n from {\n mask-position: 0 100%;\n }\n}\n\n@keyframes active-subtitle {\n from {\n --pl-placeholder-active-subtitle: 1;\n }\n to {\n --pl-placeholder-active-subtitle: sibling-count();\n }\n}\n\n@property --pl-placeholder-active-subtitle {\n syntax: \"<number>\";\n inherits: false;\n initial-value: 1;\n}\n</style>\n"],"mappings":""}

package/dist/layout/PlPlaceholder/PlPlaceholder.style.js CHANGED Viewed

@@ -1,16 +1,16 @@
-import './PlPlaceholder.vue.css';var e = {
-	root: "_root_xfknp_2",
-	background: "_background_xfknp_10",
-	slide: "_slide_xfknp_1",
-	table: "_table_xfknp_19",
-	graph: "_graph_xfknp_22",
-	content: "_content_xfknp_27",
-	text: "_text_xfknp_37",
-	title: "_title_xfknp_47",
-	subtitle: "_subtitle_xfknp_55",
+import './PlPlaceholder.style.css';// src/layout/PlPlaceholder/PlPlaceholder.vue?vue&type=style&index=0&lang.module.css
+var e = "_root_xfknp_2", t = "_background_xfknp_10", n = "_slide_xfknp_1", r = "_table_xfknp_19", i = "_graph_xfknp_22", a = "_content_xfknp_27", o = "_text_xfknp_37", s = "_title_xfknp_47", c = "_subtitle_xfknp_55", l = {
+	root: e,
+	background: t,
+	slide: n,
+	table: r,
+	graph: i,
+	content: a,
+	text: o,
+	title: s,
+	subtitle: c,
 	"active-subtitle": "_active-subtitle_xfknp_1"
 };
-//#endregion
-export { e as default };
+export { t as background, a as content, l as default, i as graph, e as root, n as slide, c as subtitle, r as table, o as text, s as title };
 //# sourceMappingURL=PlPlaceholder.style.js.map

package/dist/layout/PlPlaceholder/PlPlaceholder.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlPlaceholder.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"sourcesContent":["<script lang=\"ts\">\nimport paintWorkletCode from \"./paint-worklet.js?raw\";\n\nexport interface PlPlaceholderProps {\n variant?: \"table\" \| \"graph\";\n title?: string;\n subtitle?: string \| string[];\n}\n\n// Register paint worklet once at module load (uses blob URL to comply with CSP)\nconst workletBlob = new Blob([paintWorkletCode], { type: \"application/javascript\" });\nconst workletUrl = URL.createObjectURL(workletBlob);\n(\n CSS as unknown as {\n paintWorklet: { addModule: (url: string) => void };\n }\n).paintWorklet.addModule(workletUrl);\n</script>\n\n<script setup lang=\"ts\">\nimport { useCssModule } from \"vue\";\nimport PlLoaderLogo from \"../../components/PlLoaderLogo.vue\";\n\nconst props = defineProps<PlPlaceholderProps>();\n\nconst styles = useCssModule();\n</script>\n\n<template>\n <div data-testid=\"pl-placeholder\" :class=\"styles.root\">\n <div\n data-testid=\"pl-placeholder-background\"\n :class=\"[\n styles.background,\n {\n [styles.table]: props.variant === 'table',\n [styles.graph]: props.variant === 'graph',\n },\n ]\"\n />\n <div data-testid=\"pl-placeholder-content\" :class=\"styles.content\">\n <PlLoaderLogo data-testid=\"pl-placeholder-loader\" :size=\"64\" color=\"var(--color-div-grey)\" />\n <div\n v-if=\"props.title \|\| props.subtitle\"\n data-testid=\"pl-placeholder-text\"\n :class=\"styles.text\"\n >\n <div v-if=\"props.title\" data-testid=\"pl-placeholder-title\" :class=\"styles.title\">\n {{ props.title }}\n </div>\n <div v-if=\"props.subtitle\" data-testid=\"pl-placeholder-subtitle\" :class=\"styles.subtitle\">\n <template v-if=\"Array.isArray(props.subtitle)\">\n <span\n v-for=\"(item, key) of props.subtitle\"\n :key\n data-testid=\"pl-placeholder-subtitle-item\"\n >{{ item }}</span\n >\n </template>\n <span v-else data-testid=\"pl-placeholder-subtitle-item\">{{ props.subtitle }}</span>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style module>\n.root {\n block-size: 100%;\n inline-size: 100%;\n position: relative;\n user-select: none;\n background-color: var(--bg-elevated-01);\n}\n\n.background {\n position: absolute;\n inset: 0;\n pointer-events: none;\n mask: linear-gradient(transparent 35%, #000 40% 60%, transparent 65%);\n mask-size: 100% 300%;\n animation-duration: 5s;\n animation-iteration-count: infinite;\n animation-name: slide;\n &.table {\n background-image: paint(pl-placeholder-table-skeleton);\n }\n &.graph {\n background-image: paint(pl-placeholder-graph-skeleton);\n }\n}\n\n.content {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 12px;\n}\n\n.text {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n -webkit-text-stroke-color: white;\n -webkit-text-stroke-width: 4px;\n paint-order: stroke;\n}\n\n.title {\n color: var(--txt-03);\n font-size: 20px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: -0.2px;\n}\n\n.subtitle {\n color: var(--txt-03);\n font-weight: 500;\n line-height: 20px;\n display: grid;\n span {\n grid-area: 1 / 1;\n text-align: center;\n animation-name: active-subtitle;\n animation-duration: calc(6s * sibling-count());\n animation-iteration-count: infinite;\n animation-timing-function: steps(sibling-count(), jump-none);\n visibility: if(\n style(--pl-placeholder-active-subtitle: sibling-index()): visible; else: hidden;\n );\n }\n}\n\n@keyframes slide {\n from {\n mask-position: 0 100%;\n }\n}\n\n@keyframes active-subtitle {\n from {\n --pl-placeholder-active-subtitle: 1;\n }\n to {\n --pl-placeholder-active-subtitle: sibling-count();\n }\n}\n\n@property --pl-placeholder-active-subtitle {\n syntax: \"<number>\";\n inherits: false;\n initial-value: 1;\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"PlPlaceholder.vue_vue_type_style_index_0_lang.module.js","names":["root","background","slide","table","graph","content","text","title","subtitle","PlPlaceholder_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"sourcesContent":["<script lang=\"ts\">\nimport paintWorkletCode from \"./paint-worklet.js?raw\";\n\nexport interface PlPlaceholderProps {\n variant?: \"table\" \| \"graph\";\n title?: string;\n subtitle?: string \| string[];\n}\n\n// Register paint worklet once at module load (uses blob URL to comply with CSP)\nconst workletBlob = new Blob([paintWorkletCode], { type: \"application/javascript\" });\nconst workletUrl = URL.createObjectURL(workletBlob);\n(\n CSS as unknown as {\n paintWorklet: { addModule: (url: string) => void };\n }\n).paintWorklet.addModule(workletUrl);\n</script>\n\n<script setup lang=\"ts\">\nimport { useCssModule } from \"vue\";\nimport PlLoaderLogo from \"../../components/PlLoaderLogo.vue\";\n\nconst props = defineProps<PlPlaceholderProps>();\n\nconst styles = useCssModule();\n</script>\n\n<template>\n <div data-testid=\"pl-placeholder\" :class=\"styles.root\">\n <div\n data-testid=\"pl-placeholder-background\"\n :class=\"[\n styles.background,\n {\n [styles.table]: props.variant === 'table',\n [styles.graph]: props.variant === 'graph',\n },\n ]\"\n />\n <div data-testid=\"pl-placeholder-content\" :class=\"styles.content\">\n <PlLoaderLogo data-testid=\"pl-placeholder-loader\" :size=\"64\" color=\"var(--color-div-grey)\" />\n <div\n v-if=\"props.title \|\| props.subtitle\"\n data-testid=\"pl-placeholder-text\"\n :class=\"styles.text\"\n >\n <div v-if=\"props.title\" data-testid=\"pl-placeholder-title\" :class=\"styles.title\">\n {{ props.title }}\n </div>\n <div v-if=\"props.subtitle\" data-testid=\"pl-placeholder-subtitle\" :class=\"styles.subtitle\">\n <template v-if=\"Array.isArray(props.subtitle)\">\n <span\n v-for=\"(item, key) of props.subtitle\"\n :key\n data-testid=\"pl-placeholder-subtitle-item\"\n >{{ item }}</span\n >\n </template>\n <span v-else data-testid=\"pl-placeholder-subtitle-item\">{{ props.subtitle }}</span>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style module>\n.root {\n block-size: 100%;\n inline-size: 100%;\n position: relative;\n user-select: none;\n background-color: var(--bg-elevated-01);\n}\n\n.background {\n position: absolute;\n inset: 0;\n pointer-events: none;\n mask: linear-gradient(transparent 35%, #000 40% 60%, transparent 65%);\n mask-size: 100% 300%;\n animation-duration: 5s;\n animation-iteration-count: infinite;\n animation-name: slide;\n &.table {\n background-image: paint(pl-placeholder-table-skeleton);\n }\n &.graph {\n background-image: paint(pl-placeholder-graph-skeleton);\n }\n}\n\n.content {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 12px;\n}\n\n.text {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n -webkit-text-stroke-color: white;\n -webkit-text-stroke-width: 4px;\n paint-order: stroke;\n}\n\n.title {\n color: var(--txt-03);\n font-size: 20px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: -0.2px;\n}\n\n.subtitle {\n color: var(--txt-03);\n font-weight: 500;\n line-height: 20px;\n display: grid;\n span {\n grid-area: 1 / 1;\n text-align: center;\n animation-name: active-subtitle;\n animation-duration: calc(6s * sibling-count());\n animation-iteration-count: infinite;\n animation-timing-function: steps(sibling-count(), jump-none);\n visibility: if(\n style(--pl-placeholder-active-subtitle: sibling-index()): visible; else: hidden;\n );\n }\n}\n\n@keyframes slide {\n from {\n mask-position: 0 100%;\n }\n}\n\n@keyframes active-subtitle {\n from {\n --pl-placeholder-active-subtitle: 1;\n }\n to {\n --pl-placeholder-active-subtitle: sibling-count();\n }\n}\n\n@property --pl-placeholder-active-subtitle {\n syntax: \"<number>\";\n inherits: false;\n initial-value: 1;\n}\n</style>\n"],"mappings":""}

package/dist/layout/PlPlaceholder/PlPlaceholder.vue2.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import e from "../../components/PlLoaderLogo.js";
 import t from "./paint-worklet.js";
 import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, toDisplayString as d, unref as f, useCssModule as p } from "vue";
-//#region src/layout/PlPlaceholder/PlPlaceholder.vue?vue&type=script&setup=true&lang.ts
+// src/layout/PlPlaceholder/PlPlaceholder.vue?vue&type=script&setup=true&lang.ts
 var m = {
 	key: 1,
 	"data-testid": "pl-placeholder-subtitle-item"
 }, h = new Blob([t], { type: "application/javascript" }), g = URL.createObjectURL(h);
 CSS.paintWorklet.addModule(g);
-var _ = /* @__PURE__ */ s({
+var _ = /*@__PURE__*/ s({
 	__name: "PlPlaceholder",
 	props: {
 		variant: {},
@@ -50,7 +50,6 @@ var _ = /* @__PURE__ */ s({
 		}, d(e), 1))), 128)) : (l(), i("span", m, d(s.subtitle), 1))], 2)) : r("", !0)], 2)) : r("", !0)], 2)], 2));
 	}
 });
-//#endregion
 export { _ as default };
 //# sourceMappingURL=PlPlaceholder.vue2.js.map

package/dist/layout/PlPlaceholder/PlPlaceholder.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlPlaceholder.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"sourcesContent":["<script lang=\"ts\">\nimport paintWorkletCode from \"./paint-worklet.js?raw\";\n\nexport interface PlPlaceholderProps {\n variant?: \"table\" \| \"graph\";\n title?: string;\n subtitle?: string \| string[];\n}\n\n// Register paint worklet once at module load (uses blob URL to comply with CSP)\nconst workletBlob = new Blob([paintWorkletCode], { type: \"application/javascript\" });\nconst workletUrl = URL.createObjectURL(workletBlob);\n(\n CSS as unknown as {\n paintWorklet: { addModule: (url: string) => void };\n }\n).paintWorklet.addModule(workletUrl);\n</script>\n\n<script setup lang=\"ts\">\nimport { useCssModule } from \"vue\";\nimport PlLoaderLogo from \"../../components/PlLoaderLogo.vue\";\n\nconst props = defineProps<PlPlaceholderProps>();\n\nconst styles = useCssModule();\n</script>\n\n<template>\n <div data-testid=\"pl-placeholder\" :class=\"styles.root\">\n <div\n data-testid=\"pl-placeholder-background\"\n :class=\"[\n styles.background,\n {\n [styles.table]: props.variant === 'table',\n [styles.graph]: props.variant === 'graph',\n },\n ]\"\n />\n <div data-testid=\"pl-placeholder-content\" :class=\"styles.content\">\n <PlLoaderLogo data-testid=\"pl-placeholder-loader\" :size=\"64\" color=\"var(--color-div-grey)\" />\n <div\n v-if=\"props.title \|\| props.subtitle\"\n data-testid=\"pl-placeholder-text\"\n :class=\"styles.text\"\n >\n <div v-if=\"props.title\" data-testid=\"pl-placeholder-title\" :class=\"styles.title\">\n {{ props.title }}\n </div>\n <div v-if=\"props.subtitle\" data-testid=\"pl-placeholder-subtitle\" :class=\"styles.subtitle\">\n <template v-if=\"Array.isArray(props.subtitle)\">\n <span\n v-for=\"(item, key) of props.subtitle\"\n :key\n data-testid=\"pl-placeholder-subtitle-item\"\n >{{ item }}</span\n >\n </template>\n <span v-else data-testid=\"pl-placeholder-subtitle-item\">{{ props.subtitle }}</span>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style module>\n.root {\n block-size: 100%;\n inline-size: 100%;\n position: relative;\n user-select: none;\n background-color: var(--bg-elevated-01);\n}\n\n.background {\n position: absolute;\n inset: 0;\n pointer-events: none;\n mask: linear-gradient(transparent 35%, #000 40% 60%, transparent 65%);\n mask-size: 100% 300%;\n animation-duration: 5s;\n animation-iteration-count: infinite;\n animation-name: slide;\n &.table {\n background-image: paint(pl-placeholder-table-skeleton);\n }\n &.graph {\n background-image: paint(pl-placeholder-graph-skeleton);\n }\n}\n\n.content {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 12px;\n}\n\n.text {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n -webkit-text-stroke-color: white;\n -webkit-text-stroke-width: 4px;\n paint-order: stroke;\n}\n\n.title {\n color: var(--txt-03);\n font-size: 20px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: -0.2px;\n}\n\n.subtitle {\n color: var(--txt-03);\n font-weight: 500;\n line-height: 20px;\n display: grid;\n span {\n grid-area: 1 / 1;\n text-align: center;\n animation-name: active-subtitle;\n animation-duration: calc(6s * sibling-count());\n animation-iteration-count: infinite;\n animation-timing-function: steps(sibling-count(), jump-none);\n visibility: if(\n style(--pl-placeholder-active-subtitle: sibling-index()): visible; else: hidden;\n );\n }\n}\n\n@keyframes slide {\n from {\n mask-position: 0 100%;\n }\n}\n\n@keyframes active-subtitle {\n from {\n --pl-placeholder-active-subtitle: 1;\n }\n to {\n --pl-placeholder-active-subtitle: sibling-count();\n }\n}\n\n@property --pl-placeholder-active-subtitle {\n syntax: \"<number>\";\n inherits: false;\n initial-value: 1;\n}\n</style>\n"],"mappings":";;;;;;;~~GAUM~~,IAAc,IAAI,KAAK,~~CAAC~~,~~EAAiB~~,~~EAAE~~,EAAE,MAAM,~~0BAA0B~~,CAAC,~~EAC9E~~,IAAa,IAAI,~~gBAAgB~~,~~EAAY~~;~~AAEjD~~,IAGA,aAAa,~~UAAU~~,~~EAAW~~;;;;;;;;;~~EAOpC~~,~~IAAM~~,~~IAAQ~~,~~GAER~~,~~IAAS~~,~~GAAc~~;~~yBAI3B~~,EAkCM,OAAA;GAlCD,eAAY;GAAkB,~~OAAK~~,~~EAAE~~,~~EAAA~~,~~EAAM~~,CAAC,~~KAAI~~;~~MACnD~~,EASE,OAAA;GARA,eAAY;GACX,~~OAAK~~,EAAA,~~CAAY~~,~~EAAA~~,~~EAAM~~,CAAC,~~YAAA~~;~~KAAiC~~,~~EAAA~~,~~EAAM~~,CAAC,~~QAAQ~~,EAAM,YAAO;~~KAAyB~~,~~EAAA~~,~~EAAM~~,CAAC,~~QAAQ~~,EAAM,YAAO;;~~eAQ7I~~,EAsBM,OAAA;GAtBD,eAAY;GAA0B,~~OAAK~~,~~EAAE~~,~~EAAA~~,~~EAAM~~,CAAC,~~QAAO~~;~~MAC9D~~,~~EAA6F~~,GAAA;GAA/E,eAAY;GAAyB,MAAM;GAAI,OAAM;~~MAE3D~~,EAAM,~~SAAS~~,EAAM,~~YAAA~~,~~GAAA~~,~~EAD7B~~,EAmBM,OAAA;;GAjBJ,eAAY;GACX,~~OAAK~~,~~EAAE~~,~~EAAA~~,~~EAAM~~,CAAC,~~KAAI~~;~~MAER~~,EAAM,~~SAAA~~,~~GAAA~~,~~EAAjB~~,EAEM,OAAA;;GAFkB,eAAY;GAAwB,~~OAAK~~,~~EAAE~~,~~EAAA~~,~~EAAM~~,CAAC,~~MAAK~~;~~OAC1E~~,~~EAAM~~,~~MAAK~~,~~EAAA~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~IAAA~~,~~GAAA~~,~~EAEL,~~EAAM,~~YAAA~~,~~GAAA~~,~~EAAjB~~,EAUM,OAAA;;GAVqB,eAAY;GAA2B,~~OAAK~~,~~EAAE~~,~~EAAA~~,~~EAAM~~,CAAC,~~SAAQ~~;~~MACtE~~,MAAM,~~QAAQ~~,EAAM,~~SAAQ~~,~~IAAA~~,EAAA,~~GAAA~~,~~EAC1C~~,~~EAKC~~,GAAA,EAAA,KAAA,~~GAAA,~~EAAA,~~EAJuB~~,EAAM,WAApB,GAAM,~~YADhB~~,EAKC,QAAA;GAHE;GACD,eAAY;~~OACR~~,~~EAAI~~,~~EAAA~~,~~EAAA~~,~~kBAGZ~~,~~EAAmF~~,~~QAAnF~~,~~GAAmF~~,~~EAAxB,EAAM,SAAQ,~~EAAA,~~EAAA~~,~~EAAA~~,~~EAAA~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~IAAA~~,GAAA,CAAA,~~EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA~~"}
1	+ {"version":3,"file":"PlPlaceholder.vue_vue_type_script_setup_true_lang.js","names":["paintWorkletCode","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","PlLoaderLogo","_toDisplayString","_createCommentVNode","_Fragment","_renderList","PlLoaderLogo_default","paint_worklet_default","_hoisted_1","workletBlob","workletUrl","PlPlaceholder_vue_vue_type_script_setup_true_lang_default","props","__props","styles","useCssModule","openBlock","createElementBlock","normalizeClass","unref","createElementVNode","createVNode","toDisplayString","createCommentVNode","Fragment","renderList","item"],"sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"sourcesContent":["<script lang=\"ts\">\nimport paintWorkletCode from \"./paint-worklet.js?raw\";\n\nexport interface PlPlaceholderProps {\n variant?: \"table\" \| \"graph\";\n title?: string;\n subtitle?: string \| string[];\n}\n\n// Register paint worklet once at module load (uses blob URL to comply with CSP)\nconst workletBlob = new Blob([paintWorkletCode], { type: \"application/javascript\" });\nconst workletUrl = URL.createObjectURL(workletBlob);\n(\n CSS as unknown as {\n paintWorklet: { addModule: (url: string) => void };\n }\n).paintWorklet.addModule(workletUrl);\n</script>\n\n<script setup lang=\"ts\">\nimport { useCssModule } from \"vue\";\nimport PlLoaderLogo from \"../../components/PlLoaderLogo.vue\";\n\nconst props = defineProps<PlPlaceholderProps>();\n\nconst styles = useCssModule();\n</script>\n\n<template>\n <div data-testid=\"pl-placeholder\" :class=\"styles.root\">\n <div\n data-testid=\"pl-placeholder-background\"\n :class=\"[\n styles.background,\n {\n [styles.table]: props.variant === 'table',\n [styles.graph]: props.variant === 'graph',\n },\n ]\"\n />\n <div data-testid=\"pl-placeholder-content\" :class=\"styles.content\">\n <PlLoaderLogo data-testid=\"pl-placeholder-loader\" :size=\"64\" color=\"var(--color-div-grey)\" />\n <div\n v-if=\"props.title \|\| props.subtitle\"\n data-testid=\"pl-placeholder-text\"\n :class=\"styles.text\"\n >\n <div v-if=\"props.title\" data-testid=\"pl-placeholder-title\" :class=\"styles.title\">\n {{ props.title }}\n </div>\n <div v-if=\"props.subtitle\" data-testid=\"pl-placeholder-subtitle\" :class=\"styles.subtitle\">\n <template v-if=\"Array.isArray(props.subtitle)\">\n <span\n v-for=\"(item, key) of props.subtitle\"\n :key\n data-testid=\"pl-placeholder-subtitle-item\"\n >{{ item }}</span\n >\n </template>\n <span v-else data-testid=\"pl-placeholder-subtitle-item\">{{ props.subtitle }}</span>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style module>\n.root {\n block-size: 100%;\n inline-size: 100%;\n position: relative;\n user-select: none;\n background-color: var(--bg-elevated-01);\n}\n\n.background {\n position: absolute;\n inset: 0;\n pointer-events: none;\n mask: linear-gradient(transparent 35%, #000 40% 60%, transparent 65%);\n mask-size: 100% 300%;\n animation-duration: 5s;\n animation-iteration-count: infinite;\n animation-name: slide;\n &.table {\n background-image: paint(pl-placeholder-table-skeleton);\n }\n &.graph {\n background-image: paint(pl-placeholder-graph-skeleton);\n }\n}\n\n.content {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 12px;\n}\n\n.text {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n -webkit-text-stroke-color: white;\n -webkit-text-stroke-width: 4px;\n paint-order: stroke;\n}\n\n.title {\n color: var(--txt-03);\n font-size: 20px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: -0.2px;\n}\n\n.subtitle {\n color: var(--txt-03);\n font-weight: 500;\n line-height: 20px;\n display: grid;\n span {\n grid-area: 1 / 1;\n text-align: center;\n animation-name: active-subtitle;\n animation-duration: calc(6s * sibling-count());\n animation-iteration-count: infinite;\n animation-timing-function: steps(sibling-count(), jump-none);\n visibility: if(\n style(--pl-placeholder-active-subtitle: sibling-index()): visible; else: hidden;\n );\n }\n}\n\n@keyframes slide {\n from {\n mask-position: 0 100%;\n }\n}\n\n@keyframes active-subtitle {\n from {\n --pl-placeholder-active-subtitle: 1;\n }\n to {\n --pl-placeholder-active-subtitle: sibling-count();\n }\n}\n\n@property --pl-placeholder-active-subtitle {\n syntax: \"<number>\";\n inherits: false;\n initial-value: 1;\n}\n</style>\n"],"mappings":";;;;;;;A,GAUMe,IAAc,IAAI,KAAK,CAACf,CAAgB,GAAG,EAAE,MAAM,yBAAyB,CAAC,GAC7EgB,IAAa,IAAI,gBAAgBD,CAAW;AAEhD,IAGA,aAAa,UAAUC,CAAU;;;;;;;;;EAOnC,IAAME,IAAQC,GAERC,IAASC,EAAa;E,kBAI1BpB,EAAA,GAAAC,EAkCM,OAAA;GAlCD,eAAY;GAAkB,OAAKC,EAAEC,EAAAgB,CAAA,CAAM,CAAC,IAAI;E,IACnDf,EASE,OAAA;GARA,eAAY;GACX,OAAKF,EAAA,CAAYC,EAAAgB,CAAA,CAAM,CAAC,Y;KAAiChB,EAAAgB,CAAA,CAAM,CAAC,QAAQF,EAAM,YAAO;KAAyBd,EAAAgB,CAAA,CAAM,CAAC,QAAQF,EAAM,YAAO;;E,aAQ7Ib,EAsBM,OAAA;GAtBD,eAAY;GAA0B,OAAKF,EAAEC,EAAAgB,CAAA,CAAM,CAAC,OAAO;E,IAC9Dd,EAA6FC,GAAA;GAA/E,eAAY;GAAyB,MAAM;GAAI,OAAM;E,IAE3DW,EAAM,SAASA,EAAM,YAD7BjB,EAAA,GAAAC,EAmBM,OAAA;;GAjBJ,eAAY;GACX,OAAKC,EAAEC,EAAAgB,CAAA,CAAM,CAAC,IAAI;E,IAERF,EAAM,SAAjBjB,EAAA,GAAAC,EAEM,OAAA;;GAFkB,eAAY;GAAwB,OAAKC,EAAEC,EAAAgB,CAAA,CAAM,CAAC,KAAK;EAC1E,GAAAZ,EAAAU,EAAM,KAAK,GAAA,CAAA,K,WAELA,EAAM,YAAjBjB,EAAA,GAAAC,EAUM,OAAA;;GAVqB,eAAY;GAA2B,OAAKC,EAAEC,EAAAgB,CAAA,CAAM,CAAC,QAAQ;E,IACtE,MAAM,QAAQF,EAAM,QAAQ,KAC1CjB,EAAA,EAAA,GAAAC,EAKCQ,GAAA,EAAA,KAAA,EAAA,GAAAC,EAJuBO,EAAM,WAApB,GAAM,OADhBjB,EAAA,GAAAC,EAKC,QAAA;GAHE;GACD,eAAY;EACR,GAAAM,EAAAwB,CAAI,GAAA,CAAA,E,YAGZ/B,EAAA,GAAAC,EAAmF,QAAnFY,GAAmFN,EAAxBU,EAAM,QAAQ,GAAA,CAAA,E"}

package/dist/layout/PlPlaceholder/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import "./PlPlaceholder.js";
-//#region src/layout/PlPlaceholder/index.ts
-var e = {
+import e from "./PlPlaceholder.js";
+// src/layout/PlPlaceholder/index.ts
+var t = {
 	LOADING: {
 		title: "Loading data...",
 		subtitle: [
@@ -20,7 +20,6 @@ var e = {
 		]
 	}
 };
-//#endregion
-export { e as PL_PLACEHOLDER_TEXTS };
+export { t as PL_PLACEHOLDER_TEXTS, e as PlPlaceholder };
 //# sourceMappingURL=index.js.map

package/dist/layout/PlPlaceholder/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../src/layout/PlPlaceholder/index.ts"],"sourcesContent":["export { type PlPlaceholderProps, default as PlPlaceholder } from \"./PlPlaceholder.vue\";\n\nexport const PL_PLACEHOLDER_TEXTS = {\n LOADING: {\n title: \"Loading data...\",\n subtitle: [\n \"No action needed—the job is active\",\n \"Larger datasets take longer to load\",\n \"Results will appear here as soon as they’re ready\",\n \"Loading may take minutes to hours\",\n ],\n },\n RUNNING: {\n title: \"Running analysis...\",\n subtitle: [\n \"No action needed—the job is active\",\n \"Larger datasets take longer to process\",\n \"Results will appear here as soon as they’re ready\",\n \"Processing may take minutes to hours\",\n ],\n },\n};\n"],"mappings":";;AAEA,~~IAAa~~,IAAuB;CAClC,SAAS;EACP,OAAO;EACP,UAAU;GACR;GACA;GACA;GACA;~~GACD;~~EACF;~~CACD~~,SAAS;EACP,OAAO;EACP,UAAU;GACR;GACA;GACA;GACA;~~GACD;~~EACF;CACF"}
1	+ {"version":3,"file":"index.js","names":["PlPlaceholder_default","PL_PLACEHOLDER_TEXTS"],"sources":["../../../src/layout/PlPlaceholder/index.ts"],"sourcesContent":["export { type PlPlaceholderProps, default as PlPlaceholder } from \"./PlPlaceholder.vue\";\n\nexport const PL_PLACEHOLDER_TEXTS = {\n LOADING: {\n title: \"Loading data...\",\n subtitle: [\n \"No action needed—the job is active\",\n \"Larger datasets take longer to load\",\n \"Results will appear here as soon as they’re ready\",\n \"Loading may take minutes to hours\",\n ],\n },\n RUNNING: {\n title: \"Running analysis...\",\n subtitle: [\n \"No action needed—the job is active\",\n \"Larger datasets take longer to process\",\n \"Results will appear here as soon as they’re ready\",\n \"Processing may take minutes to hours\",\n ],\n },\n};\n"],"mappings":";;AAEA,IAAaC,IAAuB;CAClC,SAAS;EACP,OAAO;EACP,UAAU;GACR;GACA;GACA;GACA;EACF;CACF;CACA,SAAS;EACP,OAAO;EACP,UAAU;GACR;GACA;GACA;GACA;EACF;CACF;AACF"}

package/dist/layout/PlPlaceholder/paint-worklet.js CHANGED Viewed

@@ -1,6 +1,5 @@
-//#region src/layout/PlPlaceholder/paint-worklet.js?raw
+// src/layout/PlPlaceholder/paint-worklet.js?raw
 var e = "registerPaint(\n  \"pl-placeholder-table-skeleton\",\n  class {\n    /**\n     * @param {CanvasRenderingContext2D} ctx\n     * @param {Object} size\n     * @param {number} size.width\n     * @param {number} size.height\n     */\n    paint(ctx, { width, height }) {\n      const headerHeight = 42;\n      const headerWidth = 48;\n\n      ctx.fillStyle = \"#F7F8FA\";\n\n      // headers\n      {\n        const path = new Path2D();\n        path.lineTo(width, 0);\n        path.lineTo(width, headerHeight);\n        path.lineTo(headerWidth, headerHeight);\n        path.lineTo(headerWidth, height);\n        path.lineTo(0, height);\n        path.lineTo(0, 0);\n        ctx.fill(path);\n      }\n\n      ctx.strokeStyle = \"#E1E3EB\";\n\n      // vertical lines\n      const columnWidth = (width - headerWidth) / 6;\n      for (\n        let horizontalPosition = headerWidth;\n        horizontalPosition < width;\n        horizontalPosition += columnWidth\n      ) {\n        const path = new Path2D();\n        path.moveTo(horizontalPosition, 0);\n        path.lineTo(horizontalPosition, height);\n        ctx.stroke(path);\n      }\n\n      // horizontal lines\n      for (\n        let verticalPosition = headerHeight;\n        verticalPosition < height;\n        verticalPosition += headerHeight\n      ) {\n        const path = new Path2D();\n        path.moveTo(0, verticalPosition);\n        path.lineTo(width, verticalPosition);\n        ctx.stroke(path);\n      }\n    }\n  },\n);\n\nregisterPaint(\n  \"pl-placeholder-graph-skeleton\",\n  class {\n    /**\n     * @param {CanvasRenderingContext2D} ctx\n     * @param {Object} size\n     * @param {number} size.width\n     * @param {number} size.height\n     */\n    paint(ctx, { width, height }) {\n      const padding = 6;\n      const cellWidth = 100;\n      const cellHeight = 60;\n\n      ctx.strokeStyle = \"#E1E3EB\";\n\n      // vertical lines\n      for (\n        let horizontalPosition = cellWidth + padding;\n        horizontalPosition <= width;\n        horizontalPosition += cellWidth\n      ) {\n        const path = new Path2D();\n        path.moveTo(horizontalPosition, 0);\n        path.lineTo(horizontalPosition, height - padding);\n        ctx.stroke(path);\n      }\n\n      // horizontal lines\n      for (\n        let verticalPosition = height - padding - cellHeight;\n        verticalPosition >= 0;\n        verticalPosition -= cellHeight\n      ) {\n        const path = new Path2D();\n        path.moveTo(padding, verticalPosition);\n        path.lineTo(width, verticalPosition);\n        ctx.stroke(path);\n      }\n\n      ctx.strokeStyle = \"#110529\";\n\n      // vertical arrow\n      {\n        const path = new Path2D();\n        path.moveTo(padding, height - padding);\n        path.lineTo(padding, 0);\n        path.lineTo(0, padding);\n        path.moveTo(padding, 0);\n        path.lineTo(padding * 2, padding);\n        ctx.stroke(path);\n      }\n\n      // horizontal arrow\n      {\n        const path = new Path2D();\n        path.moveTo(padding, height - padding);\n        path.lineTo(width, height - padding);\n        path.lineTo(width - padding, height - padding * 2);\n        path.moveTo(width, height - padding);\n        path.lineTo(width - padding, height);\n        ctx.stroke(path);\n      }\n    }\n  },\n);\n";
-//#endregion
 export { e as default };
 //# sourceMappingURL=paint-worklet.js.map

package/dist/layout/PlPlaceholder/paint-worklet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"paint-worklet.js","names":[],"~~sources~~"~~:["../../../src/layout/PlPlaceholder/paint-worklet.js?raw"~~],"~~sourcesContent~~":["export default \"registerPaint(\\n \\\"pl-placeholder-table-skeleton\\\",\\n class {\\n /*\\n @param {CanvasRenderingContext2D} ctx\\n * @param {Object} size\\n * @param {number} size.width\\n * @param {number} size.height\\n /\\n paint(ctx, { width, height }) {\\n const headerHeight = 42;\\n const headerWidth = 48;\\n\\n ctx.fillStyle = \\\"#F7F8FA\\\";\\n\\n // headers\\n {\\n const path = new Path2D();\\n path.lineTo(width, 0);\\n path.lineTo(width, headerHeight);\\n path.lineTo(headerWidth, headerHeight);\\n path.lineTo(headerWidth, height);\\n path.lineTo(0, height);\\n path.lineTo(0, 0);\\n ctx.fill(path);\\n }\\n\\n ctx.strokeStyle = \\\"#E1E3EB\\\";\\n\\n // vertical lines\\n const columnWidth = (width - headerWidth) / 6;\\n for (\\n let horizontalPosition = headerWidth;\\n horizontalPosition < width;\\n horizontalPosition += columnWidth\\n ) {\\n const path = new Path2D();\\n path.moveTo(horizontalPosition, 0);\\n path.lineTo(horizontalPosition, height);\\n ctx.stroke(path);\\n }\\n\\n // horizontal lines\\n for (\\n let verticalPosition = headerHeight;\\n verticalPosition < height;\\n verticalPosition += headerHeight\\n ) {\\n const path = new Path2D();\\n path.moveTo(0, verticalPosition);\\n path.lineTo(width, verticalPosition);\\n ctx.stroke(path);\\n }\\n }\\n },\\n);\\n\\nregisterPaint(\\n \\\"pl-placeholder-graph-skeleton\\\",\\n class {\\n /\\n @param {CanvasRenderingContext2D} ctx\\n * @param {Object} size\\n * @param {number} size.width\\n * @param {number} size.height\\n /\\n paint(ctx, { width, height }) {\\n const padding = 6;\\n const cellWidth = 100;\\n const cellHeight = 60;\\n\\n ctx.strokeStyle = \\\"#E1E3EB\\\";\\n\\n // vertical lines\\n for (\\n let horizontalPosition = cellWidth + padding;\\n horizontalPosition <= width;\\n horizontalPosition += cellWidth\\n ) {\\n const path = new Path2D();\\n path.moveTo(horizontalPosition, 0);\\n path.lineTo(horizontalPosition, height - padding);\\n ctx.stroke(path);\\n }\\n\\n // horizontal lines\\n for (\\n let verticalPosition = height - padding - cellHeight;\\n verticalPosition >= 0;\\n verticalPosition -= cellHeight\\n ) {\\n const path = new Path2D();\\n path.moveTo(padding, verticalPosition);\\n path.lineTo(width, verticalPosition);\\n ctx.stroke(path);\\n }\\n\\n ctx.strokeStyle = \\\"#110529\\\";\\n\\n // vertical arrow\\n {\\n const path = new Path2D();\\n path.moveTo(padding, height - padding);\\n path.lineTo(padding, 0);\\n path.lineTo(0, padding);\\n path.moveTo(padding, 0);\\n path.lineTo(padding 2, padding);\\n ctx.stroke(path);\\n }\\n\\n // horizontal arrow\\n {\\n const path = new Path2D();\\n path.moveTo(padding, height - padding);\\n path.lineTo(width, height - padding);\\n path.lineTo(width - padding, height - padding * 2);\\n path.moveTo(width, height - padding);\\n path.lineTo(width - padding, height);\\n ctx.stroke(path);\\n }\\n }\\n },\\n);\\n\""],"mappings":"~~;AAAA,IAAA,IAAe~~"}
1	+ {"version":3,"file":"paint-worklet.js","names":["paint_worklet_default"],"sources":[],"mappings":""}

package/dist/layout/PlRow/PlRow.js CHANGED Viewed

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

package/dist/layout/PlRow/PlRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlRow.js","names":[],"sources":["../../../src/layout/PlRow/PlRow.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Horizontal Flex flow container */\nexport default {\n name: \"PlRow\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-row.scss\";\n\ndefineProps<{\n wrap?: boolean;\n alignCenter?: boolean;\n noGap?: boolean;\n}>();\n</script>\n\n<template>\n <div\n class=\"pl-layout-component pl-row\"\n data-testid=\"pl-row\"\n :class=\"{ wrap, 'align-center': alignCenter }\"\n >\n <slot />\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlRow.js","names":["_sfc_main","PlRow_vue_vue_type_script_setup_true_lang_default","PlRow_default"],"sources":["../../../src/layout/PlRow/PlRow.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Horizontal Flex flow container */\nexport default {\n name: \"PlRow\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-row.scss\";\n\ndefineProps<{\n wrap?: boolean;\n alignCenter?: boolean;\n noGap?: boolean;\n}>();\n</script>\n\n<template>\n <div\n class=\"pl-layout-component pl-row\"\n data-testid=\"pl-row\"\n :class=\"{ wrap, 'align-center': alignCenter }\"\n >\n <slot />\n </div>\n</template>\n"],"mappings":""}

package/dist/layout/PlRow/PlRow.vue2.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './pl-row.css';/* empty css       */
 import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i } from "vue";
-var a = /* @__PURE__ */ t({
+var a = /*@__PURE__*/ t({
 	name: "PlRow",
 	props: {
 		wrap: { type: Boolean },
@@ -17,7 +17,6 @@ var a = /* @__PURE__ */ t({
 		}, [i(a.$slots, "default")], 2));
 	}
 });
-//#endregion
 export { a as default };
 //# sourceMappingURL=PlRow.vue2.js.map

package/dist/layout/PlRow/PlRow.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlRow.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/layout/PlRow/PlRow.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Horizontal Flex flow container */\nexport default {\n name: \"PlRow\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-row.scss\";\n\ndefineProps<{\n wrap?: boolean;\n alignCenter?: boolean;\n noGap?: boolean;\n}>();\n</script>\n\n<template>\n <div\n class=\"pl-layout-component pl-row\"\n data-testid=\"pl-row\"\n :class=\"{ wrap, 'align-center': alignCenter }\"\n >\n <slot />\n </div>\n</template>\n"],"mappings":";;;CAGE,MAAM;;;;;;;~~yBAeN~~,EAMM,OAAA;GALJ,~~OAAK~~,EAAA,CAAC,8BAA4B;IAAA,~~MAExB~~,EAAA;IAAI,~~gBAAkB~~,EAAA;~~IAAW~~,CAAA,CAAA;GAD3C,eAAY;~~MAGZ~~,~~EAAQ~~,EAAA,QAAA,~~UAAA~~,~~CAAA,EAAA,EAAA~~"}
1	+ {"version":3,"file":"PlRow.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_renderSlot","PlRow_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock","normalizeClass","__props","renderSlot","_ctx"],"sources":["../../../src/layout/PlRow/PlRow.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Horizontal Flex flow container */\nexport default {\n name: \"PlRow\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-row.scss\";\n\ndefineProps<{\n wrap?: boolean;\n alignCenter?: boolean;\n noGap?: boolean;\n}>();\n</script>\n\n<template>\n <div\n class=\"pl-layout-component pl-row\"\n data-testid=\"pl-row\"\n :class=\"{ wrap, 'align-center': alignCenter }\"\n >\n <slot />\n </div>\n</template>\n"],"mappings":";;;CAGE,MAAM;;;;;;;E,kBAeNA,EAAA,GAAAC,EAMM,OAAA;GALJ,OAAKC,EAAA,CAAC,8BAA4B;IAAA,MAExBM,EAAA;IAAI,gBAAkBA,EAAA;GAAW,CAAA,CAAA;GAD3C,eAAY;E,IAGZL,EAAQO,EAAA,QAAA,SAAA,C"}

package/dist/layout/PlRow/index.js CHANGED Viewed

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

package/dist/layout/PlSpacer/PlSpacer.js CHANGED Viewed

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

package/dist/layout/PlSpacer/PlSpacer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlSpacer.js","names":[],"sources":["../../../src/layout/PlSpacer/PlSpacer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Fills flex remaining space */\nexport default {\n name: \"PlSpacer\",\n};\n</script>\n\n<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n <div class=\"pl-layout-component\" data-testid=\"pl-spacer\" style=\"flex-grow: 1\" />\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlSpacer.js","names":["_sfc_main","PlSpacer_vue_vue_type_script_setup_true_lang_default","PlSpacer_default"],"sources":["../../../src/layout/PlSpacer/PlSpacer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Fills flex remaining space */\nexport default {\n name: \"PlSpacer\",\n};\n</script>\n\n<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n <div class=\"pl-layout-component\" data-testid=\"pl-spacer\" style=\"flex-grow: 1\" />\n</template>\n"],"mappings":""}

package/dist/layout/PlSpacer/PlSpacer.vue2.js CHANGED Viewed

@@ -1,16 +1,15 @@
 import { createElementBlock as e, defineComponent as t, openBlock as n } from "vue";
-//#region src/layout/PlSpacer/PlSpacer.vue?vue&type=script&setup=true&lang.ts
+// src/layout/PlSpacer/PlSpacer.vue?vue&type=script&setup=true&lang.ts
 var r = {
 	class: "pl-layout-component",
 	"data-testid": "pl-spacer",
 	style: { "flex-grow": "1" }
-}, i = /* @__PURE__ */ t({
+}, i = /*@__PURE__*/ t({
 	name: "PlSpacer",
 	setup(t) {
 		return (t, i) => (n(), e("div", r));
 	}
 });
-//#endregion
 export { i as default };
 //# sourceMappingURL=PlSpacer.vue2.js.map

package/dist/layout/PlSpacer/PlSpacer.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlSpacer.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/layout/PlSpacer/PlSpacer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Fills flex remaining space */\nexport default {\n name: \"PlSpacer\",\n};\n</script>\n\n<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n <div class=\"pl-layout-component\" data-testid=\"pl-spacer\" style=\"flex-grow: 1\" />\n</template>\n"],"mappings":";;;;;;;CAGE,MAAM;;~~yBASN~~,EAAgF,~~OAAhF~~,~~EAAgF~~"}
1	+ {"version":3,"file":"PlSpacer.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_hoisted_1","PlSpacer_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock"],"sources":["../../../src/layout/PlSpacer/PlSpacer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Fills flex remaining space */\nexport default {\n name: \"PlSpacer\",\n};\n</script>\n\n<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n <div class=\"pl-layout-component\" data-testid=\"pl-spacer\" style=\"flex-grow: 1\" />\n</template>\n"],"mappings":";;;;;;;CAGE,MAAM;;E,kBASNA,EAAA,GAAAC,EAAgF,OAAhFC,CAAgF"}

package/dist/layout/PlSpacer/index.js CHANGED Viewed

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

package/dist/utils/DoubleContour.js CHANGED Viewed

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

package/dist/utils/DoubleContour.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DoubleContour.js","names":[],"sources":["../../src/utils/DoubleContour.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst props = withDefaults(\n defineProps<{\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 {\n groupPosition: undefined,\n },\n);\n</script>\n\n<script lang=\"ts\">\nexport default {\n inheritAttrs: false,\n};\n</script>\n\n<template>\n <div class=\"double-contour\" :class=\"props.groupPosition\">\n <div v-bind=\"$attrs\">\n <slot />\n </div>\n </div>\n</template>\n<style>\n.double-contour {\n &.top > div {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n}\n.double-contour {\n &.bottom > div {\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n }\n}\n.double-contour {\n &.left > div {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n}\n.double-contour {\n &.right > div {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n}\n.double-contour {\n &.top-left > div {\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n}\n.double-contour {\n &.top-right > div {\n border-bottom-right-radius: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n}\n.double-contour {\n &.bottom-left > div {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: 0;\n }\n}\n.double-contour {\n &.bottom-right > div {\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n}\n.double-contour {\n &.middle > div {\n border-radius: 0;\n }\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"DoubleContour.js","names":["_sfc_main","DoubleContour_vue_vue_type_script_setup_true_lang_default","DoubleContour_default"],"sources":["../../src/utils/DoubleContour.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst props = withDefaults(\n defineProps<{\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 {\n groupPosition: undefined,\n },\n);\n</script>\n\n<script lang=\"ts\">\nexport default {\n inheritAttrs: false,\n};\n</script>\n\n<template>\n <div class=\"double-contour\" :class=\"props.groupPosition\">\n <div v-bind=\"$attrs\">\n <slot />\n </div>\n </div>\n</template>\n<style>\n.double-contour {\n &.top > div {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n}\n.double-contour {\n &.bottom > div {\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n }\n}\n.double-contour {\n &.left > div {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n}\n.double-contour {\n &.right > div {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n}\n.double-contour {\n &.top-left > div {\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n}\n.double-contour {\n &.top-right > div {\n border-bottom-right-radius: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n}\n.double-contour {\n &.bottom-left > div {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: 0;\n }\n}\n.double-contour {\n &.bottom-right > div {\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n}\n.double-contour {\n &.middle > div {\n border-radius: 0;\n }\n}\n</style>\n"],"mappings":""}

package/dist/utils/DoubleContour.vue2.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { createElementBlock as e, createElementVNode as t, defineComponent as n, guardReactiveProps as r, normalizeClass as i, normalizeProps as a, openBlock as o, renderSlot as s } from "vue";
-var c = /* @__PURE__ */ n({
+var c = /*@__PURE__*/ n({
 	inheritAttrs: !1,
 	__name: "DoubleContour",
 	props: { groupPosition: { default: void 0 } },
@@ -8,7 +8,6 @@ var c = /* @__PURE__ */ n({
 		return (n, l) => (o(), e("div", { class: i(["double-contour", c.groupPosition]) }, [t("div", a(r(n.$attrs)), [s(n.$slots, "default")], 16)], 2));
 	}
 });
-//#endregion
 export { c as default };
 //# sourceMappingURL=DoubleContour.vue2.js.map

package/dist/utils/DoubleContour.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DoubleContour.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../src/utils/DoubleContour.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst props = withDefaults(\n defineProps<{\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 {\n groupPosition: undefined,\n },\n);\n</script>\n\n<script lang=\"ts\">\nexport default {\n inheritAttrs: false,\n};\n</script>\n\n<template>\n <div class=\"double-contour\" :class=\"props.groupPosition\">\n <div v-bind=\"$attrs\">\n <slot />\n </div>\n </div>\n</template>\n<style>\n.double-contour {\n &.top > div {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n}\n.double-contour {\n &.bottom > div {\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n }\n}\n.double-contour {\n &.left > div {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n}\n.double-contour {\n &.right > div {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n}\n.double-contour {\n &.top-left > div {\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n}\n.double-contour {\n &.top-right > div {\n border-bottom-right-radius: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n}\n.double-contour {\n &.bottom-left > div {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: 0;\n }\n}\n.double-contour {\n &.bottom-right > div {\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n}\n.double-contour {\n &.middle > div {\n border-radius: 0;\n }\n}\n</style>\n"],"mappings":";;CAsBE,cAAc;;;;EArBhB,~~IAAM~~,~~IAAQ~~;~~yBA0BZ~~,EAIM,OAAA,EAJD,~~OAAK~~,EAAA,CAAC,~~kBAAyB~~,EAAM,~~cAAa~~,CAAA,~~EAAA~~,~~EAAA~~,~~CACrD,~~EAEM,~~OAAA~~,~~EAAA~~,~~EAFOA~~,EAAAA,~~OAAM~~,CAAA,~~EAAA~~,~~CACjB~~,~~EAAQ~~,EAAA,QAAA,~~UAAA~~,~~CAAA,EAAA,GAAA,CAAA,EAAA,EAAA~~"}
1	+ {"version":3,"file":"DoubleContour.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeProps","_guardReactiveProps","_renderSlot","DoubleContour_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createElementBlock","normalizeClass","createElementVNode","normalizeProps","guardReactiveProps","_ctx","renderSlot"],"sources":["../../src/utils/DoubleContour.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst props = withDefaults(\n defineProps<{\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 {\n groupPosition: undefined,\n },\n);\n</script>\n\n<script lang=\"ts\">\nexport default {\n inheritAttrs: false,\n};\n</script>\n\n<template>\n <div class=\"double-contour\" :class=\"props.groupPosition\">\n <div v-bind=\"$attrs\">\n <slot />\n </div>\n </div>\n</template>\n<style>\n.double-contour {\n &.top > div {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n}\n.double-contour {\n &.bottom > div {\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n }\n}\n.double-contour {\n &.left > div {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n}\n.double-contour {\n &.right > div {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n}\n.double-contour {\n &.top-left > div {\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n}\n.double-contour {\n &.top-right > div {\n border-bottom-right-radius: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n}\n.double-contour {\n &.bottom-left > div {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: 0;\n }\n}\n.double-contour {\n &.bottom-right > div {\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n}\n.double-contour {\n &.middle > div {\n border-radius: 0;\n }\n}\n</style>\n"],"mappings":";;CAsBE,cAAc;;;;EArBhB,IAAMS,IAAQC;E,kBA0BZT,EAAA,GAAAC,EAIM,OAAA,EAJD,OAAKC,EAAA,CAAC,kBAAyBM,EAAM,aAAa,CAAA,E,IACrDL,EAEM,OAAAC,EAAAC,EAFON,EAAAA,MAAM,CAAA,GAAA,CACjBO,EAAQU,EAAA,QAAA,SAAA,C"}

package/dist/utils/DropdownOverlay/DropdownOverlay.js CHANGED Viewed

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

package/dist/utils/DropdownOverlay/DropdownOverlay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownOverlay.js","names":[],"sources":["../../../src/utils/DropdownOverlay/DropdownOverlay.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useElementPosition } from \"../../composition/usePosition\";\nimport { scrollIntoView } from \"../../helpers/dom\";\nimport { tapIf } from \"@milaboratories/helpers\";\nimport { reactive, ref, toRef, watch } from \"vue\";\n\nconst props = defineProps<{\n root: HTMLElement \| undefined; // element to \"track\"\n gap?: number; // additional gap between overlay and \"root\" component\n}>();\n\nconst data = reactive({\n optionsHeight: 0,\n});\n\nconst optionsStyle = reactive<Record<string, string \| undefined>>({\n top: undefined,\n bottom: undefined,\n left: \"0px\",\n width: \"0px\",\n});\n\nconst rootRef = toRef(props, \"root\");\n\nconst listRef = ref<HTMLElement>();\n\nconst scrollIntoActive = () => {\n const $list = listRef.value;\n\n if (!$list) {\n return;\n }\n\n tapIf($list.querySelector(\".hovered-item\") as HTMLElement, (opt) => {\n scrollIntoView($list, opt);\n });\n};\n\ndefineExpose({\n scrollIntoActive,\n listRef,\n});\n\nwatch(listRef, (el) => {\n if (el) {\n requestAnimationFrame(() => {\n const rect = el.getBoundingClientRect();\n data.optionsHeight = rect.height;\n window.dispatchEvent(new CustomEvent(\"adjust\"));\n });\n }\n});\n\nuseElementPosition(rootRef, (pos) => {\n const bodyRect = document.body.getBoundingClientRect();\n\n const top = pos.top - bodyRect.top;\n\n const left = pos.left - bodyRect.left;\n\n const gap = props.gap ?? 0;\n\n const downTopOffset = top + pos.height + gap;\n\n if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n const bottom = bodyRect.bottom - pos.bottom;\n const upBottomOffset = bottom + pos.height + gap;\n optionsStyle.bottom = upBottomOffset + \"px\";\n optionsStyle.top = undefined;\n } else {\n optionsStyle.top = downTopOffset + \"px\";\n optionsStyle.bottom = undefined;\n }\n\n optionsStyle.left = left + \"px\";\n optionsStyle.width = pos.width + \"px\";\n});\n</script>\n\n<template>\n <Teleport to=\"body\">\n <div\n ref=\"listRef\"\n v-bind=\"$attrs\"\n :style=\"optionsStyle\"\n tabindex=\"-1\"\n @mousedown.prevent\n @click.stop\n >\n <slot ref=\"list\" />\n </div>\n </Teleport>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"DropdownOverlay.js","names":["_sfc_main","DropdownOverlay_vue_vue_type_script_setup_true_lang_default","DropdownOverlay_default"],"sources":["../../../src/utils/DropdownOverlay/DropdownOverlay.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useElementPosition } from \"../../composition/usePosition\";\nimport { scrollIntoView } from \"../../helpers/dom\";\nimport { tapIf } from \"@milaboratories/helpers\";\nimport { reactive, ref, toRef, watch } from \"vue\";\n\nconst props = defineProps<{\n root: HTMLElement \| undefined; // element to \"track\"\n gap?: number; // additional gap between overlay and \"root\" component\n}>();\n\nconst data = reactive({\n optionsHeight: 0,\n});\n\nconst optionsStyle = reactive<Record<string, string \| undefined>>({\n top: undefined,\n bottom: undefined,\n left: \"0px\",\n width: \"0px\",\n});\n\nconst rootRef = toRef(props, \"root\");\n\nconst listRef = ref<HTMLElement>();\n\nconst scrollIntoActive = () => {\n const $list = listRef.value;\n\n if (!$list) {\n return;\n }\n\n tapIf($list.querySelector(\".hovered-item\") as HTMLElement, (opt) => {\n scrollIntoView($list, opt);\n });\n};\n\ndefineExpose({\n scrollIntoActive,\n listRef,\n});\n\nwatch(listRef, (el) => {\n if (el) {\n requestAnimationFrame(() => {\n const rect = el.getBoundingClientRect();\n data.optionsHeight = rect.height;\n window.dispatchEvent(new CustomEvent(\"adjust\"));\n });\n }\n});\n\nuseElementPosition(rootRef, (pos) => {\n const bodyRect = document.body.getBoundingClientRect();\n\n const top = pos.top - bodyRect.top;\n\n const left = pos.left - bodyRect.left;\n\n const gap = props.gap ?? 0;\n\n const downTopOffset = top + pos.height + gap;\n\n if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n const bottom = bodyRect.bottom - pos.bottom;\n const upBottomOffset = bottom + pos.height + gap;\n optionsStyle.bottom = upBottomOffset + \"px\";\n optionsStyle.top = undefined;\n } else {\n optionsStyle.top = downTopOffset + \"px\";\n optionsStyle.bottom = undefined;\n }\n\n optionsStyle.left = left + \"px\";\n optionsStyle.width = pos.width + \"px\";\n});\n</script>\n\n<template>\n <Teleport to=\"body\">\n <div\n ref=\"listRef\"\n v-bind=\"$attrs\"\n :style=\"optionsStyle\"\n tabindex=\"-1\"\n @mousedown.prevent\n @click.stop\n >\n <slot ref=\"list\" />\n </div>\n </Teleport>\n</template>\n"],"mappings":""}

package/dist/utils/DropdownOverlay/DropdownOverlay.vue2.js CHANGED Viewed

@@ -2,8 +2,8 @@ import { scrollIntoView as e } from "../../helpers/dom.js";
 import { useElementPosition as t } from "../../composition/usePosition.js";
 import { Teleport as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, openBlock as s, reactive as c, ref as l, renderSlot as u, toRef as d, watch as f, withModifiers as p } from "vue";
 import { tapIf as m } from "@milaboratories/helpers";
-//#region src/utils/DropdownOverlay/DropdownOverlay.vue?vue&type=script&setup=true&lang.ts
-var h = /* @__PURE__ */ a({
+// src/utils/DropdownOverlay/DropdownOverlay.vue?vue&type=script&setup=true&lang.ts
+var h = /*@__PURE__*/ a({
 	__name: "DropdownOverlay",
 	props: {
 		root: {},
@@ -26,11 +26,16 @@ var h = /* @__PURE__ */ a({
 			listRef: b
 		}), f(b, (e) => {
 			e && requestAnimationFrame(() => {
-				_.optionsHeight = e.getBoundingClientRect().height, window.dispatchEvent(new CustomEvent("adjust"));
+				let t = e.getBoundingClientRect();
+				_.optionsHeight = t.height, window.dispatchEvent(new CustomEvent("adjust"));
 			});
 		}), t(y, (e) => {
 			let t = document.body.getBoundingClientRect(), n = e.top - t.top, r = e.left - t.left, i = g.gap ?? 0, a = n + e.height + i;
-			a + _.optionsHeight > e.clientHeight ? (v.bottom = t.bottom - e.bottom + e.height + i + "px", v.top = void 0) : (v.top = a + "px", v.bottom = void 0), v.left = r + "px", v.width = e.width + "px";
+			if (a + _.optionsHeight > e.clientHeight) {
+				let n = t.bottom - e.bottom + e.height + i;
+				v.bottom = n + "px", v.top = void 0;
+			} else v.top = a + "px", v.bottom = void 0;
+			v.left = r + "px", v.width = e.width + "px";
 		}), (e, t) => (s(), r(n, { to: "body" }, [i("div", o({
 			ref_key: "listRef",
 			ref: b
@@ -42,7 +47,6 @@ var h = /* @__PURE__ */ a({
 		}), [u(e.$slots, "default", { ref: "list" })], 16)]));
 	}
 });
-//#endregion
 export { h as default };
 //# sourceMappingURL=DropdownOverlay.vue2.js.map

package/dist/utils/DropdownOverlay/DropdownOverlay.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownOverlay.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/utils/DropdownOverlay/DropdownOverlay.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useElementPosition } from \"../../composition/usePosition\";\nimport { scrollIntoView } from \"../../helpers/dom\";\nimport { tapIf } from \"@milaboratories/helpers\";\nimport { reactive, ref, toRef, watch } from \"vue\";\n\nconst props = defineProps<{\n root: HTMLElement \| undefined; // element to \"track\"\n gap?: number; // additional gap between overlay and \"root\" component\n}>();\n\nconst data = reactive({\n optionsHeight: 0,\n});\n\nconst optionsStyle = reactive<Record<string, string \| undefined>>({\n top: undefined,\n bottom: undefined,\n left: \"0px\",\n width: \"0px\",\n});\n\nconst rootRef = toRef(props, \"root\");\n\nconst listRef = ref<HTMLElement>();\n\nconst scrollIntoActive = () => {\n const $list = listRef.value;\n\n if (!$list) {\n return;\n }\n\n tapIf($list.querySelector(\".hovered-item\") as HTMLElement, (opt) => {\n scrollIntoView($list, opt);\n });\n};\n\ndefineExpose({\n scrollIntoActive,\n listRef,\n});\n\nwatch(listRef, (el) => {\n if (el) {\n requestAnimationFrame(() => {\n const rect = el.getBoundingClientRect();\n data.optionsHeight = rect.height;\n window.dispatchEvent(new CustomEvent(\"adjust\"));\n });\n }\n});\n\nuseElementPosition(rootRef, (pos) => {\n const bodyRect = document.body.getBoundingClientRect();\n\n const top = pos.top - bodyRect.top;\n\n const left = pos.left - bodyRect.left;\n\n const gap = props.gap ?? 0;\n\n const downTopOffset = top + pos.height + gap;\n\n if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n const bottom = bodyRect.bottom - pos.bottom;\n const upBottomOffset = bottom + pos.height + gap;\n optionsStyle.bottom = upBottomOffset + \"px\";\n optionsStyle.top = undefined;\n } else {\n optionsStyle.top = downTopOffset + \"px\";\n optionsStyle.bottom = undefined;\n }\n\n optionsStyle.left = left + \"px\";\n optionsStyle.width = pos.width + \"px\";\n});\n</script>\n\n<template>\n <Teleport to=\"body\">\n <div\n ref=\"listRef\"\n v-bind=\"$attrs\"\n :style=\"optionsStyle\"\n tabindex=\"-1\"\n @mousedown.prevent\n @click.stop\n >\n <slot ref=\"list\" />\n </div>\n </Teleport>\n</template>\n"],"mappings":";;;;;;;;;;;;EAMA,~~IAAM~~,~~IAAQ~~,~~GAKR~~,~~IAAO~~,EAAS,EACpB,eAAe,~~GAChB~~,CAAC,~~EAEI~~,~~IAAe~~,EAA6C;GAChE,KAAK,KAAA;GACL,QAAQ,KAAA;GACR,MAAM;GACN,OAAO;~~GACR~~,CAAC,~~EAEI~~,~~IAAU~~,~~EAAM~~,GAAO,~~OAAO~~,~~EAE9B~~,~~IAAU~~,~~GAAkB~~;~~SAclC~~,EAAa;GACX,wBAb6B;IAC7B,~~IAAM~~,~~IAAQ~~,EAAQ;~~AAEjB~~,~~SAIL~~,~~EAAM~~,EAAM,cAAc,~~gBAAgB~~,~~GAAkB~~,MAAQ;~~AAClE~~,~~OAAe~~,~~GAAO~~,~~EAAI~~;~~MAC1B;;GAKF~~;~~GACD~~,CAAC,~~EAEF~~,~~EAAM~~,IAAU,MAAO;~~AACrB~~,~~GAAI~~,KACF,4BAA4B;~~AAG1B~~,~~IADA~~,~~EAAK~~,~~gBADQ,~~EAAG,~~uBAAuB~~,~~CACb~~,QAC1B,OAAO,cAAc,IAAI,YAAY,~~SAAS~~,CAAC;~~KAC/C~~;~~IAEJ~~,~~EAEF~~,~~EAAmB~~,IAAU,MAAQ;GACnC,~~IAAM~~,IAAW,SAAS,KAAK,~~uBAAuB~~,~~EAEhD~~,~~IAAM~~,EAAI,~~MAAM~~,EAAS,~~KAEzB~~,~~IAAO~~,EAAI,~~OAAO~~,EAAS,~~MAE3B~~,~~IAAM~~,EAAM,OAAO,~~GAEnB~~,~~IAAgB~~,~~IAAM~~,EAAI,~~SAAS~~;~~AAazC~~,~~GAXI~~,~~IAAgB~~,EAAK,~~gBAAgB~~,EAAI,~~gBAG3C~~,~~EAAa~~,~~SAFE~~,EAAS,~~SAAS~~,EAAI,~~SACL~~,EAAI,~~SAAS~~,~~IACN~~,MACvC,EAAa,MAAM,KAAA,~~MAEnB~~,EAAa,~~MAAM~~,IAAgB,MACnC,EAAa,SAAS,KAAA,~~IAGxB~~,EAAa,~~OAAO~~,IAAO,MAC3B,EAAa,~~QAAQ~~,EAAI,QAAQ;~~IACjC~~,~~kBAIA~~,~~EAWW~~,GAAA,EAXD,IAAG,~~QAAM~~,~~EAAA~~,~~CACjB~~,EASM,~~OATN~~,EASM;~~YARA~~;GAAJ,~~KAAI~~;~~KACIA~~,EAAAA,QAAM;GACb,~~OAAO~~;GACR,UAAS;GACR,aAAS,~~AAAA~~,EAAA,~~OAAA~~,QAAV,~~IAAkB~~,CAAA,~~UAAA~~,CAAA;GACjB,SAAK,~~AAAA~~,EAAA,~~OAAA~~,QAAN,~~IAAW~~,CAAA,~~OAAA~~,CAAA;~~OAEX~~,EAAmB,EAAA,QAAA,WAAA,EAAb,KAAI,~~QAAM~~,CAAA,~~CAAA,EAAA,GAAA,CAAA,CAAA~~"}
1	+ {"version":3,"file":"DropdownOverlay.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","_Teleport","_createElementVNode","_mergeProps","_withModifiers","_renderSlot","DropdownOverlay_vue_vue_type_script_setup_true_lang_default","__expose","props","__props","data","reactive","optionsStyle","rootRef","toRef","listRef","ref","$list","tapIf","opt","watch","el","rect","useElementPosition","bodyRect","top","pos","left","gap","downTopOffset","upBottomOffset","openBlock","createBlock","Teleport","createElementVNode","mergeProps","_ctx","_cache","withModifiers","renderSlot"],"sources":["../../../src/utils/DropdownOverlay/DropdownOverlay.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useElementPosition } from \"../../composition/usePosition\";\nimport { scrollIntoView } from \"../../helpers/dom\";\nimport { tapIf } from \"@milaboratories/helpers\";\nimport { reactive, ref, toRef, watch } from \"vue\";\n\nconst props = defineProps<{\n root: HTMLElement \| undefined; // element to \"track\"\n gap?: number; // additional gap between overlay and \"root\" component\n}>();\n\nconst data = reactive({\n optionsHeight: 0,\n});\n\nconst optionsStyle = reactive<Record<string, string \| undefined>>({\n top: undefined,\n bottom: undefined,\n left: \"0px\",\n width: \"0px\",\n});\n\nconst rootRef = toRef(props, \"root\");\n\nconst listRef = ref<HTMLElement>();\n\nconst scrollIntoActive = () => {\n const $list = listRef.value;\n\n if (!$list) {\n return;\n }\n\n tapIf($list.querySelector(\".hovered-item\") as HTMLElement, (opt) => {\n scrollIntoView($list, opt);\n });\n};\n\ndefineExpose({\n scrollIntoActive,\n listRef,\n});\n\nwatch(listRef, (el) => {\n if (el) {\n requestAnimationFrame(() => {\n const rect = el.getBoundingClientRect();\n data.optionsHeight = rect.height;\n window.dispatchEvent(new CustomEvent(\"adjust\"));\n });\n }\n});\n\nuseElementPosition(rootRef, (pos) => {\n const bodyRect = document.body.getBoundingClientRect();\n\n const top = pos.top - bodyRect.top;\n\n const left = pos.left - bodyRect.left;\n\n const gap = props.gap ?? 0;\n\n const downTopOffset = top + pos.height + gap;\n\n if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n const bottom = bodyRect.bottom - pos.bottom;\n const upBottomOffset = bottom + pos.height + gap;\n optionsStyle.bottom = upBottomOffset + \"px\";\n optionsStyle.top = undefined;\n } else {\n optionsStyle.top = downTopOffset + \"px\";\n optionsStyle.bottom = undefined;\n }\n\n optionsStyle.left = left + \"px\";\n optionsStyle.width = pos.width + \"px\";\n});\n</script>\n\n<template>\n <Teleport to=\"body\">\n <div\n ref=\"listRef\"\n v-bind=\"$attrs\"\n :style=\"optionsStyle\"\n tabindex=\"-1\"\n @mousedown.prevent\n @click.stop\n >\n <slot ref=\"list\" />\n </div>\n </Teleport>\n</template>\n"],"mappings":";;;;;;;;;;;;EAMA,IAAMU,IAAQC,GAKRC,IAAOC,EAAS,EACpB,eAAe,EACjB,CAAC,GAEKC,IAAeD,EAA6C;GAChE,KAAK,KAAA;GACL,QAAQ,KAAA;GACR,MAAM;GACN,OAAO;EACT,CAAC,GAEKE,IAAUC,EAAMN,GAAO,MAAM,GAE7BO,IAAUC,EAAiB;E,OAcjCT,EAAa;GACX,wBAb6B;IAC7B,IAAMU,IAAQF,EAAQ;IAEtB,AAAKE,KAILC,EAAMD,EAAM,cAAc,eAAe,IAAmB,MAAQ;KAClE,EAAeA,GAAOE,CAAG;IAC3B,CAAC;GACH;GAIE;EACF,CAAC,GAEDC,EAAML,IAAU,MAAO;GACrB,AAAIM,KACF,4BAA4B;IAC1B,IAAMC,IAAOD,EAAG,sBAAsB;IAEtC,AADA,EAAK,gBAAgBC,EAAK,QAC1B,OAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;GAChD,CAAC;EAEL,CAAC,GAEDC,EAAmBV,IAAU,MAAQ;GACnC,IAAMW,IAAW,SAAS,KAAK,sBAAsB,GAE/CC,IAAMC,EAAI,MAAMF,EAAS,KAEzBG,IAAOD,EAAI,OAAOF,EAAS,MAE3BI,IAAMpB,EAAM,OAAO,GAEnBqB,IAAgBJ,IAAMC,EAAI,SAASE;GAEzC,IAAIC,IAAgBnB,EAAK,gBAAgBgB,EAAI,cAAc;IAEzD,IAAMI,IADSN,EAAS,SAASE,EAAI,SACLA,EAAI,SAASE;IAE7C,AADA,EAAa,SAASE,IAAiB,MACvC,EAAa,MAAM,KAAA;GACrB,OAEE,AADA,EAAa,MAAMD,IAAgB,MACnC,EAAa,SAAS,KAAA;GAIxB,AADA,EAAa,OAAOF,IAAO,MAC3B,EAAa,QAAQD,EAAI,QAAQ;EACnC,CAAC,I,UAIC3B,EAAA,GAAAC,EAWWC,GAAA,EAXD,IAAG,OAAM,GAAA,CACjBC,EASM,OATNC,EASM;GARA,SAAA;GAAJ,KAAIY;EACIjB,GAAAA,EAAAA,QAAM;GACb,OAAOc;GACR,UAAS;GACR,aAAS,AAAAyB,EAAA,OAAAjC,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;GACjB,SAAK,AAAAiC,EAAA,OAAAjC,QAAN,CAAA,GAAW,CAAA,MAAA,CAAA;E,KAEXC,EAAmB+B,EAAA,QAAA,WAAA,EAAb,KAAI,OAAM,CAAA,C"}

package/dist/utils/DropdownOverlay/index.js CHANGED Viewed

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

package/dist/utils/InnerBorder.js CHANGED Viewed

@@ -1,13 +1,12 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./InnerBorder.vue2.js";
 import { createElementBlock as n, openBlock as r, renderSlot as i } from "vue";
-//#region src/utils/InnerBorder.vue
+// src/utils/InnerBorder.vue
 var a = { class: "inner-border" };
 function o(e, t, o, s, c, l) {
 	return r(), n("div", a, [i(e.$slots, "default")]);
 }
-var s = /* @__PURE__ */ e(t, [["render", o]]);
-//#endregion
+var s = /*#__PURE__*/ e(t, [["render", o]]);
 export { s as default };
 //# sourceMappingURL=InnerBorder.js.map

package/dist/utils/InnerBorder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InnerBorder.js","names":[],"sources":["../../src/utils/InnerBorder.vue"],"sourcesContent":["<template>\n <div class=\"inner-border\">\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\">\nexport default {\n // inheritAttrs: false\n};\n</script>\n"],"mappings":";;;;~~UACO~~,OAAM,~~gBAAc~~;;~~aAAzB~~,EAEM,~~OAFN~~,GAEM,~~CADJ~~,~~EAAQ~~,EAAA,QAAA,~~UAAA~~,~~CAAA,CAAA~~"}
1	+ {"version":3,"file":"InnerBorder.js","names":["_openBlock","_createElementBlock","_renderSlot","_sfc_main","_plugin_vue_export_helper_default","InnerBorder_vue_vue_type_script_lang_default","_hoisted_1","_sfc_render","openBlock","createElementBlock","renderSlot","_ctx","InnerBorder_default"],"sources":["../../src/utils/InnerBorder.vue"],"sourcesContent":["<template>\n <div class=\"inner-border\">\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\">\nexport default {\n // inheritAttrs: false\n};\n</script>\n"],"mappings":";;;;AACO,IAAAM,IAAA,EAAA,OAAM,eAAc;;CAAzB,OAAAN,EAAA,GAAAC,EAEM,OAFNK,GAEM,CADJJ,EAAQS,EAAA,QAAA,SAAA,C"}

package/dist/utils/InnerBorder.vue2.js CHANGED Viewed

@@ -1,6 +1,5 @@
-//#region src/utils/InnerBorder.vue?vue&type=script&lang.ts
+// src/utils/InnerBorder.vue?vue&type=script&lang.ts
 var e = {};
-//#endregion
 export { e as default };
 //# sourceMappingURL=InnerBorder.vue2.js.map

package/dist/utils/InnerBorder.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InnerBorder.vue_vue_type_script_lang.js","names":[],"sources":["../../src/utils/InnerBorder.vue"],"sourcesContent":["<template>\n <div class=\"inner-border\">\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\">\nexport default {\n // inheritAttrs: false\n};\n</script>\n"],"mappings":";AAOA,~~IAAA~~,IAAe,~~EAEd~~"}
1	+ {"version":3,"file":"InnerBorder.vue_vue_type_script_lang.js","names":["InnerBorder_vue_vue_type_script_lang_default"],"sources":["../../src/utils/InnerBorder.vue"],"sourcesContent":["<template>\n <div class=\"inner-border\">\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\">\nexport default {\n // inheritAttrs: false\n};\n</script>\n"],"mappings":";AAOA,IAAAA,IAAe,CAEf"}

package/dist/utils/PlCloseModalBtn.js CHANGED Viewed

@@ -1,13 +1,12 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./PlCloseModalBtn.style.js";
 import { createElementBlock as n, createElementVNode as r, normalizeClass as i, openBlock as a } from "vue";
-//#region src/utils/PlCloseModalBtn.vue
+// src/utils/PlCloseModalBtn.vue
 var o = {};
 function s(e, t) {
 	return a(), n("div", { class: i(e.$style.component) }, [...t[0] ||= [r("div", null, null, -1)]], 2);
 }
-var c = /* @__PURE__ */ e(o, [["render", s], ["__cssModules", { $style: t }]]);
-//#endregion
+var c = /*#__PURE__*/ e(o, [["render", s], ["__cssModules", { $style: t }]]);
 export { c as default };
 //# sourceMappingURL=PlCloseModalBtn.js.map

package/dist/utils/PlCloseModalBtn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlCloseModalBtn.js","names":[],"sources":["../../src/utils/PlCloseModalBtn.vue"],"sourcesContent":["<template>\n <div :class=\"$style.component\">\n <div />\n </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../assets/mixins\" as *;\n\n.component {\n display: flex;\n place-content: center;\n place-items: center;\n width: 40px;\n height: 40px;\n cursor: pointer;\n border-radius: 12px; // slide-modal 6px\n &:hover {\n background-color: var(--btn-sec-hover-grey);\n transition: all 0.1s ease-in-out;\n }\n > div {\n background-color: var(--ic-01);\n @include mask(url(../assets/images/24_close.svg), 24px);\n }\n}\n</style>\n"],"mappings":";;;;;;~~aACE~~,EAEM,OAAA,EAFA,~~OAAK~~,~~EAAE~~,EAAA,OAAO,~~UAAS~~,~~EAAA~~,~~EAAA~~,~~CAAA,GAAA,AAAA,EAAA,OAAA,CAC3B,~~EAAO,OAAA,MAAA,MAAA,~~GAAA,CAAA,CAAA,~~EAAA,~~EAAA~~"}
1	+ {"version":3,"file":"PlCloseModalBtn.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","style0","_plugin_vue_export_helper_default","PlCloseModalBtn_vue_vue_type_style_index_0_lang_module_default","_sfc_main","_sfc_render","openBlock","createElementBlock","normalizeClass","_ctx","_cache","createElementVNode","PlCloseModalBtn_default","\"$style\""],"sources":["../../src/utils/PlCloseModalBtn.vue"],"sourcesContent":["<template>\n <div :class=\"$style.component\">\n <div />\n </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../assets/mixins\" as *;\n\n.component {\n display: flex;\n place-content: center;\n place-items: center;\n width: 40px;\n height: 40px;\n cursor: pointer;\n border-radius: 12px; // slide-modal 6px\n &:hover {\n background-color: var(--btn-sec-hover-grey);\n transition: all 0.1s ease-in-out;\n }\n > div {\n background-color: var(--ic-01);\n @include mask(url(../assets/images/24_close.svg), 24px);\n }\n}\n</style>\n"],"mappings":";;;;;;CACE,OAAAA,EAAA,GAAAC,EAEM,OAAA,EAFA,OAAKC,EAAEU,EAAA,OAAO,SAAS,E,iBAC3BT,EAAO,OAAA,MAAA,MAAA,EAAA,C"}