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

@milaboratories/uikit 2.16.0 → 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 (1369) hide show

package/dist/components/PlChartStackedBar/StackedRowCompact.js CHANGED Viewed

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

package/dist/components/PlChartStackedBar/StackedRowCompact.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StackedRowCompact.js","names":[],"sources":["../../../src/components/PlChartStackedBar/StackedRowCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSegment } from \"./types\";\n\nconst props = defineProps<{\n value: PlChartStackedBarSegment[];\n height?: number;\n}>();\n\nconst style = computed(() => ({\n height: props.height ?? \"100%\",\n minHeight: \"24px\",\n}));\n\nconst parts = computed(() => {\n const parts = props.value \|\| [];\n const total = parts.reduce((res, it) => res + it.value, 0);\n return parts.map((p) => {\n const fraction = (p.value / total) * 100;\n const label = p.label;\n return {\n color: p.color.toString(),\n description: p.description,\n fraction,\n label,\n };\n });\n});\n</script>\n\n<template>\n <div data-testid=\"pl-chart-stacked-bar-compact-row\" :class=\"[$style.component]\" :style=\"style\">\n <div data-testid=\"pl-chart-stacked-bar-compact-bar\" :class=\"$style.container\">\n <div\n v-if=\"!parts.length\"\n data-testid=\"pl-chart-stacked-bar-compact-not-ready\"\n :class=\"$style.notReady\"\n >\n Not ready\n </div>\n <div\n v-for=\"(p, i) in parts\"\n :key=\"i\"\n data-testid=\"pl-chart-stacked-bar-compact-segment\"\n :title.prop=\"p.description ?? p.label\"\n :style=\"{\n width: `${p.fraction}%`,\n backgroundColor: p.color,\n }\"\n />\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n display: flex;\n position: relative;\n overflow: hidden;\n padding: 0;\n border-radius: 2px;\n\n .notReady {\n color: var(--txt-01);\n font-family: var(--font-family-base);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n }\n\n .container {\n position: relative;\n }\n}\n\n.container {\n display: flex;\n flex-direction: row;\n width: 100%;\n flex: 1;\n align-items: center;\n overflow: hidden;\n > div {\n height: 100%;\n display: flex;\n align-items: center;\n }\n}\n\n.notReady {\n color: var(--txt-03) !important;\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"StackedRowCompact.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","StackedRowCompact_vue_vue_type_script_setup_true_lang_default","StackedRowCompact_vue_vue_type_style_index_0_lang_module_default","StackedRowCompact_default","\"$style\""],"sources":["../../../src/components/PlChartStackedBar/StackedRowCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSegment } from \"./types\";\n\nconst props = defineProps<{\n value: PlChartStackedBarSegment[];\n height?: number;\n}>();\n\nconst style = computed(() => ({\n height: props.height ?? \"100%\",\n minHeight: \"24px\",\n}));\n\nconst parts = computed(() => {\n const parts = props.value \|\| [];\n const total = parts.reduce((res, it) => res + it.value, 0);\n return parts.map((p) => {\n const fraction = (p.value / total) * 100;\n const label = p.label;\n return {\n color: p.color.toString(),\n description: p.description,\n fraction,\n label,\n };\n });\n});\n</script>\n\n<template>\n <div data-testid=\"pl-chart-stacked-bar-compact-row\" :class=\"[$style.component]\" :style=\"style\">\n <div data-testid=\"pl-chart-stacked-bar-compact-bar\" :class=\"$style.container\">\n <div\n v-if=\"!parts.length\"\n data-testid=\"pl-chart-stacked-bar-compact-not-ready\"\n :class=\"$style.notReady\"\n >\n Not ready\n </div>\n <div\n v-for=\"(p, i) in parts\"\n :key=\"i\"\n data-testid=\"pl-chart-stacked-bar-compact-segment\"\n :title.prop=\"p.description ?? p.label\"\n :style=\"{\n width: `${p.fraction}%`,\n backgroundColor: p.color,\n }\"\n />\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n display: flex;\n position: relative;\n overflow: hidden;\n padding: 0;\n border-radius: 2px;\n\n .notReady {\n color: var(--txt-01);\n font-family: var(--font-family-base);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n }\n\n .container {\n position: relative;\n }\n}\n\n.container {\n display: flex;\n flex-direction: row;\n width: 100%;\n flex: 1;\n align-items: center;\n overflow: hidden;\n > div {\n height: 100%;\n display: flex;\n align-items: center;\n }\n}\n\n.notReady {\n color: var(--txt-03) !important;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlChartStackedBar/StackedRowCompact.style.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import './StackedRowCompact.vue.css';var e = {
-	component: "_component_1utnb_1",
-	notReady: "_notReady_1utnb_8",
-	container: "_container_1utnb_16"
+import './StackedRowCompact.style.css';// src/components/PlChartStackedBar/StackedRowCompact.vue?vue&type=style&index=0&lang.module.scss
+var e = "_component_1utnb_1", t = "_notReady_1utnb_8", n = "_container_1utnb_16", r = {
+	component: e,
+	notReady: t,
+	container: n
 };
-//#endregion
-export { e as default };
+export { e as component, n as container, r as default, t as notReady };
 //# sourceMappingURL=StackedRowCompact.style.js.map

package/dist/components/PlChartStackedBar/StackedRowCompact.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StackedRowCompact.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlChartStackedBar/StackedRowCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSegment } from \"./types\";\n\nconst props = defineProps<{\n value: PlChartStackedBarSegment[];\n height?: number;\n}>();\n\nconst style = computed(() => ({\n height: props.height ?? \"100%\",\n minHeight: \"24px\",\n}));\n\nconst parts = computed(() => {\n const parts = props.value \|\| [];\n const total = parts.reduce((res, it) => res + it.value, 0);\n return parts.map((p) => {\n const fraction = (p.value / total) * 100;\n const label = p.label;\n return {\n color: p.color.toString(),\n description: p.description,\n fraction,\n label,\n };\n });\n});\n</script>\n\n<template>\n <div data-testid=\"pl-chart-stacked-bar-compact-row\" :class=\"[$style.component]\" :style=\"style\">\n <div data-testid=\"pl-chart-stacked-bar-compact-bar\" :class=\"$style.container\">\n <div\n v-if=\"!parts.length\"\n data-testid=\"pl-chart-stacked-bar-compact-not-ready\"\n :class=\"$style.notReady\"\n >\n Not ready\n </div>\n <div\n v-for=\"(p, i) in parts\"\n :key=\"i\"\n data-testid=\"pl-chart-stacked-bar-compact-segment\"\n :title.prop=\"p.description ?? p.label\"\n :style=\"{\n width: `${p.fraction}%`,\n backgroundColor: p.color,\n }\"\n />\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n display: flex;\n position: relative;\n overflow: hidden;\n padding: 0;\n border-radius: 2px;\n\n .notReady {\n color: var(--txt-01);\n font-family: var(--font-family-base);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n }\n\n .container {\n position: relative;\n }\n}\n\n.container {\n display: flex;\n flex-direction: row;\n width: 100%;\n flex: 1;\n align-items: center;\n overflow: hidden;\n > div {\n height: 100%;\n display: flex;\n align-items: center;\n }\n}\n\n.notReady {\n color: var(--txt-03) !important;\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"StackedRowCompact.vue_vue_type_style_index_0_lang.module.js","names":["component","notReady","container","StackedRowCompact_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlChartStackedBar/StackedRowCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSegment } from \"./types\";\n\nconst props = defineProps<{\n value: PlChartStackedBarSegment[];\n height?: number;\n}>();\n\nconst style = computed(() => ({\n height: props.height ?? \"100%\",\n minHeight: \"24px\",\n}));\n\nconst parts = computed(() => {\n const parts = props.value \|\| [];\n const total = parts.reduce((res, it) => res + it.value, 0);\n return parts.map((p) => {\n const fraction = (p.value / total) * 100;\n const label = p.label;\n return {\n color: p.color.toString(),\n description: p.description,\n fraction,\n label,\n };\n });\n});\n</script>\n\n<template>\n <div data-testid=\"pl-chart-stacked-bar-compact-row\" :class=\"[$style.component]\" :style=\"style\">\n <div data-testid=\"pl-chart-stacked-bar-compact-bar\" :class=\"$style.container\">\n <div\n v-if=\"!parts.length\"\n data-testid=\"pl-chart-stacked-bar-compact-not-ready\"\n :class=\"$style.notReady\"\n >\n Not ready\n </div>\n <div\n v-for=\"(p, i) in parts\"\n :key=\"i\"\n data-testid=\"pl-chart-stacked-bar-compact-segment\"\n :title.prop=\"p.description ?? p.label\"\n :style=\"{\n width: `${p.fraction}%`,\n backgroundColor: p.color,\n }\"\n />\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n display: flex;\n position: relative;\n overflow: hidden;\n padding: 0;\n border-radius: 2px;\n\n .notReady {\n color: var(--txt-01);\n font-family: var(--font-family-base);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n }\n\n .container {\n position: relative;\n }\n}\n\n.container {\n display: flex;\n flex-direction: row;\n width: 100%;\n flex: 1;\n align-items: center;\n overflow: hidden;\n > div {\n height: 100%;\n display: flex;\n align-items: center;\n }\n}\n\n.notReady {\n color: var(--txt-03) !important;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlChartStackedBar/StackedRowCompact.vue2.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderList as l } from "vue";
-//#region src/components/PlChartStackedBar/StackedRowCompact.vue?vue&type=script&setup=true&lang.ts
-var u = [".title"], d = /* @__PURE__ */ a({
+// src/components/PlChartStackedBar/StackedRowCompact.vue?vue&type=script&setup=true&lang.ts
+var u = [".title"], d = /*@__PURE__*/ a({
 	__name: "StackedRowCompact",
 	props: {
 		value: {},
@@ -44,7 +44,6 @@ var u = [".title"], d = /* @__PURE__ */ a({
 		}, null, 44, u))), 128))], 2)], 6));
 	}
 });
-//#endregion
 export { d as default };
 //# sourceMappingURL=StackedRowCompact.vue2.js.map

package/dist/components/PlChartStackedBar/StackedRowCompact.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StackedRowCompact.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlChartStackedBar/StackedRowCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSegment } from \"./types\";\n\nconst props = defineProps<{\n value: PlChartStackedBarSegment[];\n height?: number;\n}>();\n\nconst style = computed(() => ({\n height: props.height ?? \"100%\",\n minHeight: \"24px\",\n}));\n\nconst parts = computed(() => {\n const parts = props.value \|\| [];\n const total = parts.reduce((res, it) => res + it.value, 0);\n return parts.map((p) => {\n const fraction = (p.value / total) * 100;\n const label = p.label;\n return {\n color: p.color.toString(),\n description: p.description,\n fraction,\n label,\n };\n });\n});\n</script>\n\n<template>\n <div data-testid=\"pl-chart-stacked-bar-compact-row\" :class=\"[$style.component]\" :style=\"style\">\n <div data-testid=\"pl-chart-stacked-bar-compact-bar\" :class=\"$style.container\">\n <div\n v-if=\"!parts.length\"\n data-testid=\"pl-chart-stacked-bar-compact-not-ready\"\n :class=\"$style.notReady\"\n >\n Not ready\n </div>\n <div\n v-for=\"(p, i) in parts\"\n :key=\"i\"\n data-testid=\"pl-chart-stacked-bar-compact-segment\"\n :title.prop=\"p.description ?? p.label\"\n :style=\"{\n width: `${p.fraction}%`,\n backgroundColor: p.color,\n }\"\n />\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n display: flex;\n position: relative;\n overflow: hidden;\n padding: 0;\n border-radius: 2px;\n\n .notReady {\n color: var(--txt-01);\n font-family: var(--font-family-base);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n }\n\n .container {\n position: relative;\n }\n}\n\n.container {\n display: flex;\n flex-direction: row;\n width: 100%;\n flex: 1;\n align-items: center;\n overflow: hidden;\n > div {\n height: 100%;\n display: flex;\n align-items: center;\n }\n}\n\n.notReady {\n color: var(--txt-03) !important;\n}\n</style>\n"],"mappings":";;;;;;;;;EAIA,~~IAAM~~,~~IAAQ~~,~~GAKR~~,~~IAAQ~~,SAAgB;GAC5B,~~QAAQ~~,EAAM,UAAU;GACxB,WAAW;~~GACZ~~,EAAE,~~EAEG~~,~~IAAQ~~,QAAe;GAC3B,~~IAAM~~,~~IAAQ~~,EAAM,SAAS,~~EAAE~~,~~EACzB~~,~~IAAQ~~,EAAM,QAAQ,GAAK,~~MAAO~~,~~IAAM~~,EAAG,OAAO,~~EAAE~~;~~AAC1D~~,~~UAAO~~,EAAM,KAAK,MAAM;IACtB,~~IAAM~~,~~IAAY~~,EAAE,~~QAAQ~~,IAAS,KAC/B,~~IAAQ~~,EAAE;~~AAChB~~,~~WAAO~~;KACL,~~OAAO~~,EAAE,MAAM,~~UAAU~~;~~KACzB~~,~~aAAa~~,EAAE;KACf;KACA;~~KACD~~;~~KACD~~;~~IACF~~;~~yBAIA~~,EAoBM,OAAA;GApBD,eAAY;GAAoC,~~OAAK~~,EAAA,~~CAAGA~~,EAAAA,OAAO,~~UAAS~~,CAAA;GAAI,~~OAAK~~,~~EAAE~~,EAAA,~~MAAK~~;~~MAC3F~~,EAkBM,OAAA;GAlBD,eAAY;GAAoC,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~UAAS~~;~~MAEjE~~,EAAA,MAAM,~~SAKf~~,EAAA,~~IAAA~~,~~GAAA,IALe,GAAA,EADf,~~EAMM,OAAA;;GAJJ,eAAY;GACX,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~SAAQ~~;~~KACxB~~,eAED,~~EAAA~~,~~IAAA~~,EAAA,~~GAAA~~,~~EACA~~,~~EASE~~,GAAA,~~MAAA~~,~~EARiB~~,EAAA,QAAT,GAAG,~~YADb~~,EASE,OAAA;GAPC,~~KAAK~~;GACN,eAAY;GACX,~~UAAY~~,EAAE,~~eAAe~~,EAAE;GAC/B,~~OAAK~~,EAAA;~~cAAwB~~,EAAE,SAAQ;~~qBAAgC~~,EAAE"}
1	+ {"version":3,"file":"StackedRowCompact.vue_vue_type_script_setup_true_lang.js","names":["$style","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_createCommentVNode","_Fragment","_renderList","_hoisted_1","StackedRowCompact_vue_vue_type_script_setup_true_lang_default","props","__props","style","computed","parts","total","res","it","fraction","p","label","openBlock","createElementBlock","normalizeClass","_ctx","normalizeStyle","createElementVNode","createCommentVNode","Fragment","renderList","i"],"sources":["../../../src/components/PlChartStackedBar/StackedRowCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSegment } from \"./types\";\n\nconst props = defineProps<{\n value: PlChartStackedBarSegment[];\n height?: number;\n}>();\n\nconst style = computed(() => ({\n height: props.height ?? \"100%\",\n minHeight: \"24px\",\n}));\n\nconst parts = computed(() => {\n const parts = props.value \|\| [];\n const total = parts.reduce((res, it) => res + it.value, 0);\n return parts.map((p) => {\n const fraction = (p.value / total) * 100;\n const label = p.label;\n return {\n color: p.color.toString(),\n description: p.description,\n fraction,\n label,\n };\n });\n});\n</script>\n\n<template>\n <div data-testid=\"pl-chart-stacked-bar-compact-row\" :class=\"[$style.component]\" :style=\"style\">\n <div data-testid=\"pl-chart-stacked-bar-compact-bar\" :class=\"$style.container\">\n <div\n v-if=\"!parts.length\"\n data-testid=\"pl-chart-stacked-bar-compact-not-ready\"\n :class=\"$style.notReady\"\n >\n Not ready\n </div>\n <div\n v-for=\"(p, i) in parts\"\n :key=\"i\"\n data-testid=\"pl-chart-stacked-bar-compact-segment\"\n :title.prop=\"p.description ?? p.label\"\n :style=\"{\n width: `${p.fraction}%`,\n backgroundColor: p.color,\n }\"\n />\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n display: flex;\n position: relative;\n overflow: hidden;\n padding: 0;\n border-radius: 2px;\n\n .notReady {\n color: var(--txt-01);\n font-family: var(--font-family-base);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n }\n\n .container {\n position: relative;\n }\n}\n\n.container {\n display: flex;\n flex-direction: row;\n width: 100%;\n flex: 1;\n align-items: center;\n overflow: hidden;\n > div {\n height: 100%;\n display: flex;\n align-items: center;\n }\n}\n\n.notReady {\n color: var(--txt-03) !important;\n}\n</style>\n"],"mappings":";;;;;;;;;EAIA,IAAMW,IAAQC,GAKRC,IAAQC,SAAgB;GAC5B,QAAQH,EAAM,UAAU;GACxB,WAAW;EACb,EAAE,GAEII,IAAQD,QAAe;GAC3B,IAAMC,IAAQJ,EAAM,SAAS,CAAC,GACxBK,IAAQD,EAAM,QAAQ,GAAK,MAAOE,IAAMC,EAAG,OAAO,CAAC;GACzD,OAAOH,EAAM,KAAK,MAAM;IACtB,IAAMI,IAAYC,EAAE,QAAQJ,IAAS,KAC/BK,IAAQD,EAAE;IAChB,OAAO;KACL,OAAOA,EAAE,MAAM,SAAS;KACxB,aAAaA,EAAE;KACf;KACA;IACF;GACF,CAAC;EACH,CAAC;E,kBAICnB,EAAA,GAAAC,EAoBM,OAAA;GApBD,eAAY;GAAoC,OAAKC,EAAA,CAAGH,EAAAA,OAAO,SAAS,CAAA;GAAI,OAAKI,EAAES,EAAA,KAAK;E,IAC3FR,EAkBM,OAAA;GAlBD,eAAY;GAAoC,OAAKF,EAAEH,EAAAA,OAAO,SAAS;E,IAEjEe,EAAA,MAAM,S,aADfd,EAAA,GAAAC,EAMM,OAAA;;GAJJ,eAAY;GACX,OAAKC,EAAEH,EAAAA,OAAO,QAAQ;EACxB,GAAA,eAED,CAAA,KACAC,EAAA,EAAA,GAAAC,EASEK,GAAA,MAAAC,EARiBO,EAAA,QAAT,GAAG,OADbd,EAAA,GAAAC,EASE,OAAA;GAPC,KAAK6B;GACN,eAAY;GACX,UAAYX,EAAE,eAAeA,EAAE;GAC/B,OAAKhB,EAAA;IAAwB,OAAA,GAAAgB,EAAE,SAAQ;IAAgC,iBAAAA,EAAE"}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlCheckbox.js","names":[],"sources":["../../../src/components/PlCheckbox/PlCheckbox.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for boolean model manipulation /\nexport default {\n name: \"PlCheckbox\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useSlots } from \"vue\";\nimport \"./pl-checkbox.scss\";\nimport PlCheckboxBase from \"./PlCheckboxBase.vue\";\n\ndefineEmits<{\n /\n Emitted when the model value is updated.\n /\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst props = defineProps<{\n /\n The current boolean value of the checkbox.\n /\n modelValue: boolean;\n /\n If `true`, the checkbox is disabled and cannot be interacted with.\n /\n disabled?: boolean;\n /\n If `true`, the checkbox is indeterminate (doesn't affect the model value).\n */\n indeterminate?: boolean;\n}>();\n\nconst slots = useSlots();\n</script>\n\n<template>\n <div v-if=\"slots['default']\" class=\"pl-checkbox\" :class=\"{ disabled }\" data-testid=\"pl-checkbox\">\n <PlCheckboxBase\n data-testid=\"pl-checkbox-input\"\n v-bind=\"props\"\n @update:model-value=\"$emit('update:modelValue', $event)\"\n />\n <label data-testid=\"pl-checkbox-label\" @click=\"$emit('update:modelValue', !$props.modelValue)\"\n ><slot\n /></label>\n </div>\n <PlCheckboxBase\n v-else\n data-testid=\"pl-checkbox\"\n v-bind=\"props\"\n @update:model-value=\"$emit('update:modelValue', $event)\"\n />\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlCheckbox.js","names":["_sfc_main","PlCheckbox_vue_vue_type_script_setup_true_lang_default","PlCheckbox_default"],"sources":["../../../src/components/PlCheckbox/PlCheckbox.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for boolean model manipulation /\nexport default {\n name: \"PlCheckbox\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useSlots } from \"vue\";\nimport \"./pl-checkbox.scss\";\nimport PlCheckboxBase from \"./PlCheckboxBase.vue\";\n\ndefineEmits<{\n /\n Emitted when the model value is updated.\n /\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst props = defineProps<{\n /\n The current boolean value of the checkbox.\n /\n modelValue: boolean;\n /\n If `true`, the checkbox is disabled and cannot be interacted with.\n /\n disabled?: boolean;\n /\n If `true`, the checkbox is indeterminate (doesn't affect the model value).\n */\n indeterminate?: boolean;\n}>();\n\nconst slots = useSlots();\n</script>\n\n<template>\n <div v-if=\"slots['default']\" class=\"pl-checkbox\" :class=\"{ disabled }\" data-testid=\"pl-checkbox\">\n <PlCheckboxBase\n data-testid=\"pl-checkbox-input\"\n v-bind=\"props\"\n @update:model-value=\"$emit('update:modelValue', $event)\"\n />\n <label data-testid=\"pl-checkbox-label\" @click=\"$emit('update:modelValue', !$props.modelValue)\"\n ><slot\n /></label>\n </div>\n <PlCheckboxBase\n v-else\n data-testid=\"pl-checkbox\"\n v-bind=\"props\"\n @update:model-value=\"$emit('update:modelValue', $event)\"\n />\n</template>\n"],"mappings":""}

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

@@ -1,7 +1,7 @@
 import './pl-checkbox.css';/* empty css            */
 import e from "./PlCheckboxBase.js";
 import { createBlock as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, renderSlot as l, unref as u, useSlots as d } from "vue";
-var f = /* @__PURE__ */ a({
+var f = /*@__PURE__*/ a({
 	name: "PlCheckbox",
 	props: {
 		modelValue: { type: Boolean },
@@ -24,7 +24,6 @@ var f = /* @__PURE__ */ a({
 		}, f, { "onUpdate:modelValue": m[2] ||= (e) => d.$emit("update:modelValue", e) }), null, 16));
 	}
 });
-//#endregion
 export { f as default };
 //# sourceMappingURL=PlCheckbox.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlCheckbox.vue_vue_type_script_setup_true_lang.js","names":["$emit","$props"],"sources":["../../../src/components/PlCheckbox/PlCheckbox.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for boolean model manipulation /\nexport default {\n name: \"PlCheckbox\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useSlots } from \"vue\";\nimport \"./pl-checkbox.scss\";\nimport PlCheckboxBase from \"./PlCheckboxBase.vue\";\n\ndefineEmits<{\n /\n Emitted when the model value is updated.\n /\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst props = defineProps<{\n /\n The current boolean value of the checkbox.\n /\n modelValue: boolean;\n /\n If `true`, the checkbox is disabled and cannot be interacted with.\n /\n disabled?: boolean;\n /\n If `true`, the checkbox is indeterminate (doesn't affect the model value).\n */\n indeterminate?: boolean;\n}>();\n\nconst slots = useSlots();\n</script>\n\n<template>\n <div v-if=\"slots['default']\" class=\"pl-checkbox\" :class=\"{ disabled }\" data-testid=\"pl-checkbox\">\n <PlCheckboxBase\n data-testid=\"pl-checkbox-input\"\n v-bind=\"props\"\n @update:model-value=\"$emit('update:modelValue', $event)\"\n />\n <label data-testid=\"pl-checkbox-label\" @click=\"$emit('update:modelValue', !$props.modelValue)\"\n ><slot\n /></label>\n </div>\n <PlCheckboxBase\n v-else\n data-testid=\"pl-checkbox\"\n v-bind=\"props\"\n @update:model-value=\"$emit('update:modelValue', $event)\"\n />\n</template>\n"],"mappings":";;;;CAGE,MAAM;;;;;;;;EAgBR,~~IAAM~~,~~IAAQ~~,~~GAeR~~,~~IAAQ~~,~~GAAU~~;~~mBAIX~~,~~EAAA~~,~~EAAK~~,CAAA,~~WAAA~~,~~GAAA~~,~~EAAhB~~,EASM,OAAA;;GATuB,~~OAAK~~,EAAA,CAAC,eAAa,EAAA,~~UAAW~~,EAAA,~~UAAQ~~,CAAA,CAAA;GAAI,eAAY;~~MACjF~~,~~EAIE~~,~~GAJF~~,EAIE,EAHA,eAAY,~~qBAAmB~~,~~EACvB~~,GAAK,EACZ,uBAAkB,~~AAAA~~,EAAA,QAAA,~~MAAEA~~,EAAAA,MAAK,~~qBAAsB~~,~~EAAM~~,~~EAAA~~,~~CAAA~~,~~EAAA,MAAA,GAAA,EAExD,~~EAEU,SAAA;GAFH,eAAY;GAAqB,SAAK,~~AAAA~~,EAAA,QAAA,~~MAAEA~~,EAAAA,MAAK,qBAAA,CAAuBC,EAAAA,OAAO,~~WAAU~~;~~MACzF~~,~~EACD~~,EAAA,QAAA,~~UAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA,~~EAAA,~~EAAA~~,~~KAAA~~,~~GAAA~~,~~EAEJ,~~EAKE~~,GALF,EAKE~~;;GAHA,eAAY;~~KACJ~~,GAAK,EACZ,uBAAkB,~~AAAA~~,EAAA,QAAA,~~MAAED~~,EAAAA,MAAK,~~qBAAsB~~,~~EAAM~~,~~EAAA,CAAA,EAAA,MAAA,GAAA~~"}
1	+ {"version":3,"file":"PlCheckbox.vue_vue_type_script_setup_true_lang.js","names":["$emit","$props","_unref","_openBlock","_createElementBlock","_normalizeClass","_createVNode","PlCheckboxBase","_mergeProps","_createElementVNode","_renderSlot","_createBlock","PlCheckboxBase_default","PlCheckbox_vue_vue_type_script_setup_true_lang_default","props","__props","slots","useSlots","unref","\"default\"","openBlock","createElementBlock","normalizeClass","createVNode","mergeProps","_cache","_ctx","$event","createElementVNode","renderSlot","createBlock"],"sources":["../../../src/components/PlCheckbox/PlCheckbox.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for boolean model manipulation /\nexport default {\n name: \"PlCheckbox\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useSlots } from \"vue\";\nimport \"./pl-checkbox.scss\";\nimport PlCheckboxBase from \"./PlCheckboxBase.vue\";\n\ndefineEmits<{\n /\n Emitted when the model value is updated.\n /\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst props = defineProps<{\n /\n The current boolean value of the checkbox.\n /\n modelValue: boolean;\n /\n If `true`, the checkbox is disabled and cannot be interacted with.\n /\n disabled?: boolean;\n /\n If `true`, the checkbox is indeterminate (doesn't affect the model value).\n */\n indeterminate?: boolean;\n}>();\n\nconst slots = useSlots();\n</script>\n\n<template>\n <div v-if=\"slots['default']\" class=\"pl-checkbox\" :class=\"{ disabled }\" data-testid=\"pl-checkbox\">\n <PlCheckboxBase\n data-testid=\"pl-checkbox-input\"\n v-bind=\"props\"\n @update:model-value=\"$emit('update:modelValue', $event)\"\n />\n <label data-testid=\"pl-checkbox-label\" @click=\"$emit('update:modelValue', !$props.modelValue)\"\n ><slot\n /></label>\n </div>\n <PlCheckboxBase\n v-else\n data-testid=\"pl-checkbox\"\n v-bind=\"props\"\n @update:model-value=\"$emit('update:modelValue', $event)\"\n />\n</template>\n"],"mappings":";;;;CAGE,MAAM;;;;;;;;EAgBR,IAAMc,IAAQC,GAeRC,IAAQC,EAAS;E,iBAIVf,EAAAc,CAAA,CAAK,CAAAG,WAAhBhB,EAAA,GAAAC,EASM,OAAA;;GATuB,OAAKC,EAAA,CAAC,eAAa,EAAA,UAAWU,EAAA,SAAQ,CAAA,CAAA;GAAI,eAAY;E,IACjFT,EAIEC,GAJFC,EAIE,EAHA,eAAY,oBAAmB,GACvBM,GAAK,EACZ,uBAAkB,AAAAW,EAAA,QAAA,MAAEzB,EAAAA,MAAK,qBAAsB2B,CAAM,E,eAExDlB,EAEU,SAAA;GAFH,eAAY;GAAqB,SAAK,AAAAgB,EAAA,QAAA,MAAEzB,EAAAA,MAAK,qBAAA,CAAuBC,EAAAA,OAAO,UAAU;E,IACzFS,EACDgB,EAAA,QAAA,SAAA,C,YAEJvB,EAAA,GAAAQ,EAKEJ,GALFC,EAKE;;GAHA,eAAY;EACJ,GAAAM,GAAK,EACZ,uBAAkB,AAAAW,EAAA,QAAA,MAAEzB,EAAAA,MAAK,qBAAsB2B,CAAM,E"}

package/dist/components/PlCheckbox/PlCheckboxBase.js CHANGED Viewed

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

package/dist/components/PlCheckbox/PlCheckboxBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlCheckboxBase.js","names":[],"sources":["../../../src/components/PlCheckbox/PlCheckboxBase.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-checkbox-base.scss\";\n\ndefineEmits([\"update:modelValue\"]);\n\nconst props = defineProps<{\n modelValue: boolean;\n disabled?: boolean;\n indeterminate?: boolean;\n}>();\n</script>\n\n<template>\n <div\n tabindex=\"0\"\n class=\"pl-checkbox-base\"\n data-testid=\"pl-checkbox-base\"\n :class=\"{\n ...(props.indeterminate ? { indeterminate: true } : { checked: props.modelValue }),\n disabled,\n }\"\n @click=\"$emit('update:modelValue', !modelValue)\"\n @keydown.space.prevent=\"$emit('update:modelValue', !modelValue)\"\n />\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlCheckboxBase.js","names":["_sfc_main","PlCheckboxBase_vue_vue_type_script_setup_true_lang_default","PlCheckboxBase_default"],"sources":["../../../src/components/PlCheckbox/PlCheckboxBase.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-checkbox-base.scss\";\n\ndefineEmits([\"update:modelValue\"]);\n\nconst props = defineProps<{\n modelValue: boolean;\n disabled?: boolean;\n indeterminate?: boolean;\n}>();\n</script>\n\n<template>\n <div\n tabindex=\"0\"\n class=\"pl-checkbox-base\"\n data-testid=\"pl-checkbox-base\"\n :class=\"{\n ...(props.indeterminate ? { indeterminate: true } : { checked: props.modelValue }),\n disabled,\n }\"\n @click=\"$emit('update:modelValue', !modelValue)\"\n @keydown.space.prevent=\"$emit('update:modelValue', !modelValue)\"\n />\n</template>\n"],"mappings":""}

package/dist/components/PlCheckbox/PlCheckboxBase.vue2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import './pl-checkbox-base.css';/* empty css                 */
 import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, withKeys as i, withModifiers as a } from "vue";
-//#region src/components/PlCheckbox/PlCheckboxBase.vue?vue&type=script&setup=true&lang.ts
-var o = /* @__PURE__ */ t({
+// src/components/PlCheckbox/PlCheckboxBase.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ t({
 	__name: "PlCheckboxBase",
 	props: {
 		modelValue: { type: Boolean },
@@ -23,7 +23,6 @@ var o = /* @__PURE__ */ t({
 		}, null, 34));
 	}
 });
-//#endregion
 export { o as default };
 //# sourceMappingURL=PlCheckboxBase.vue2.js.map

package/dist/components/PlCheckbox/PlCheckboxBase.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlCheckboxBase.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/PlCheckbox/PlCheckboxBase.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-checkbox-base.scss\";\n\ndefineEmits([\"update:modelValue\"]);\n\nconst props = defineProps<{\n modelValue: boolean;\n disabled?: boolean;\n indeterminate?: boolean;\n}>();\n</script>\n\n<template>\n <div\n tabindex=\"0\"\n class=\"pl-checkbox-base\"\n data-testid=\"pl-checkbox-base\"\n :class=\"{\n ...(props.indeterminate ? { indeterminate: true } : { checked: props.modelValue }),\n disabled,\n }\"\n @click=\"$emit('update:modelValue', !modelValue)\"\n @keydown.space.prevent=\"$emit('update:modelValue', !modelValue)\"\n />\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,~~IAAM~~,~~IAAQ~~;~~yBAQZ~~,EAUE,OAAA;GATA,UAAS;GACT,~~OAAK~~,EAAA,CAAC,oBAAkB;~~OAEJ~~,EAAM,gBAAa,EAAA,eAAA,IAAA,~~GAAA,~~EAAA,~~SAAwC~~,EAAM,~~YAAU~~;~~cAAW~~,EAAA;;GAD1G,eAAY;GAKX,SAAK,~~AAAA~~,EAAA,QAAA,~~MAAEA~~,EAAAA,MAAK,qBAAA,~~CAAuB~~,EAAA,~~WAAU~~;GAC7C,WAAO,~~AAAA~~,EAAA,~~OAAA~~,~~EAAA~~,GAAA,~~MAAgBA~~,EAAAA,MAAK,qBAAA,~~CAAuB~~,EAAA,~~WAAU~~,~~EAAA~~,CAAA,~~UAAA~~,CAAA,~~EAAA~~,CAAA,~~QAAA~~,CAAA"}
1	+ {"version":3,"file":"PlCheckboxBase.vue_vue_type_script_setup_true_lang.js","names":["$emit","_openBlock","_createElementBlock","_normalizeClass","_withKeys","_withModifiers","PlCheckboxBase_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createElementBlock","normalizeClass","_cache","_ctx","withKeys","withModifiers"],"sources":["../../../src/components/PlCheckbox/PlCheckboxBase.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-checkbox-base.scss\";\n\ndefineEmits([\"update:modelValue\"]);\n\nconst props = defineProps<{\n modelValue: boolean;\n disabled?: boolean;\n indeterminate?: boolean;\n}>();\n</script>\n\n<template>\n <div\n tabindex=\"0\"\n class=\"pl-checkbox-base\"\n data-testid=\"pl-checkbox-base\"\n :class=\"{\n ...(props.indeterminate ? { indeterminate: true } : { checked: props.modelValue }),\n disabled,\n }\"\n @click=\"$emit('update:modelValue', !modelValue)\"\n @keydown.space.prevent=\"$emit('update:modelValue', !modelValue)\"\n />\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,IAAMO,IAAQC;E,kBAQZP,EAAA,GAAAC,EAUE,OAAA;GATA,UAAS;GACT,OAAKC,EAAA,CAAC,oBAAkB;IAEJ,GAAAI,EAAM,gBAAa,EAAA,eAAA,GAAA,IAAA,EAAA,SAAwCA,EAAM,WAAU;IAAW,UAAAC,EAAA;;GAD1G,eAAY;GAKX,SAAK,AAAAI,EAAA,QAAA,MAAEZ,EAAAA,MAAK,qBAAA,CAAuBQ,EAAA,UAAU;GAC7C,WAAO,AAAAI,EAAA,OAAAR,EAAAC,GAAA,MAAgBL,EAAAA,MAAK,qBAAA,CAAuBQ,EAAA,UAAU,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA"}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlCheckboxGroup.js","names":[],"sources":["../../../src/components/PlCheckboxGroup/PlCheckboxGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Component for selecting multiple values from a list of options\n /\nexport default {\n name: \"PlCheckboxGroup\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport \"./pl-checkbox-group.scss\";\nimport type { SimpleOption } from \"../../types\";\nimport PlCheckboxBase from \"../PlCheckbox/PlCheckboxBase.vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { useSlots } from \"vue\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", v: M[]): void;\n}>();\n\nconst props = defineProps<{\n /\n The current selected values.\n /\n modelValue: M[];\n /\n The label text for the component (optional)\n /\n label?: string;\n /\n List of available options for the component\n /\n options: Readonly<SimpleOption<M>[]>;\n /\n If `true`, the component is disabled and cannot be interacted with.\n */\n disabled?: boolean;\n}>();\n\nconst hasValue = (value: M) => {\n return props.modelValue.includes(value);\n};\n\nconst updateModel = (value: M) => {\n const values = props.modelValue ?? [];\n emit(\n \"update:modelValue\",\n hasValue(value) ? values.filter((v) => v !== value) : [...values, value],\n );\n};\n</script>\n\n<template>\n <div class=\"pl-checkbox-group\" :class=\"{ disabled }\" data-testid=\"pl-checkbox-group\">\n <label v-if=\"label\" data-testid=\"pl-checkbox-group-label\">\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-checkbox-group-tooltip\"\n >\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <div\n v-for=\"(opt, i) in options.map((it) => ({\n label: 'label' in it ? it.label : it.text,\n value: it.value,\n }))\"\n :key=\"i\"\n data-testid=\"pl-checkbox-group-option\"\n >\n <PlCheckboxBase\n :disabled=\"disabled\"\n data-testid=\"pl-checkbox-group-option-input\"\n :label=\"opt.label\"\n :model-value=\"hasValue(opt.value)\"\n @update:model-value=\"() => updateModel(opt.value)\"\n />\n <label\n data-testid=\"pl-checkbox-group-option-label\"\n @click.stop=\"() => updateModel(opt.value)\"\n >{{ opt.label }}</label\n >\n </div>\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlCheckboxGroup.js","names":["_sfc_main","PlCheckboxGroup_vue_vue_type_script_setup_true_lang_default","PlCheckboxGroup_default"],"sources":["../../../src/components/PlCheckboxGroup/PlCheckboxGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Component for selecting multiple values from a list of options\n /\nexport default {\n name: \"PlCheckboxGroup\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport \"./pl-checkbox-group.scss\";\nimport type { SimpleOption } from \"../../types\";\nimport PlCheckboxBase from \"../PlCheckbox/PlCheckboxBase.vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { useSlots } from \"vue\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", v: M[]): void;\n}>();\n\nconst props = defineProps<{\n /\n The current selected values.\n /\n modelValue: M[];\n /\n The label text for the component (optional)\n /\n label?: string;\n /\n List of available options for the component\n /\n options: Readonly<SimpleOption<M>[]>;\n /\n If `true`, the component is disabled and cannot be interacted with.\n */\n disabled?: boolean;\n}>();\n\nconst hasValue = (value: M) => {\n return props.modelValue.includes(value);\n};\n\nconst updateModel = (value: M) => {\n const values = props.modelValue ?? [];\n emit(\n \"update:modelValue\",\n hasValue(value) ? values.filter((v) => v !== value) : [...values, value],\n );\n};\n</script>\n\n<template>\n <div class=\"pl-checkbox-group\" :class=\"{ disabled }\" data-testid=\"pl-checkbox-group\">\n <label v-if=\"label\" data-testid=\"pl-checkbox-group-label\">\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-checkbox-group-tooltip\"\n >\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <div\n v-for=\"(opt, i) in options.map((it) => ({\n label: 'label' in it ? it.label : it.text,\n value: it.value,\n }))\"\n :key=\"i\"\n data-testid=\"pl-checkbox-group-option\"\n >\n <PlCheckboxBase\n :disabled=\"disabled\"\n data-testid=\"pl-checkbox-group-option-input\"\n :label=\"opt.label\"\n :model-value=\"hasValue(opt.value)\"\n @update:model-value=\"() => updateModel(opt.value)\"\n />\n <label\n data-testid=\"pl-checkbox-group-option-label\"\n @click.stop=\"() => updateModel(opt.value)\"\n >{{ opt.label }}</label\n >\n </div>\n </div>\n</template>\n"],"mappings":""}

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

@@ -3,11 +3,11 @@ import "../PlTooltip/index.js";
 import t from "../PlCheckbox/PlCheckboxBase.js";
 import './pl-checkbox-group.css';/* empty css                  */
 import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m, useSlots as h, withCtx as g, withModifiers as _ } from "vue";
-//#region src/components/PlCheckboxGroup/PlCheckboxGroup.vue?vue&type=script&setup=true&lang.ts
+// src/components/PlCheckboxGroup/PlCheckboxGroup.vue?vue&type=script&setup=true&lang.ts
 var v = {
 	key: 0,
 	"data-testid": "pl-checkbox-group-label"
-}, y = ["onClick"], b = /* @__PURE__ */ c({
+}, y = ["onClick"], b = /*@__PURE__*/ c({
 	name: "PlCheckboxGroup",
 	props: {
 		modelValue: {},
@@ -55,7 +55,6 @@ var v = {
 		}, p(e.label), 9, y)]))), 128))], 2));
 	}
 });
-//#endregion
 export { b as default };
 //# sourceMappingURL=PlCheckboxGroup.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlCheckboxGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlCheckboxGroup/PlCheckboxGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Component for selecting multiple values from a list of options\n /\nexport default {\n name: \"PlCheckboxGroup\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport \"./pl-checkbox-group.scss\";\nimport type { SimpleOption } from \"../../types\";\nimport PlCheckboxBase from \"../PlCheckbox/PlCheckboxBase.vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { useSlots } from \"vue\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", v: M[]): void;\n}>();\n\nconst props = defineProps<{\n /\n The current selected values.\n /\n modelValue: M[];\n /\n The label text for the component (optional)\n /\n label?: string;\n /\n List of available options for the component\n /\n options: Readonly<SimpleOption<M>[]>;\n /\n If `true`, the component is disabled and cannot be interacted with.\n */\n disabled?: boolean;\n}>();\n\nconst hasValue = (value: M) => {\n return props.modelValue.includes(value);\n};\n\nconst updateModel = (value: M) => {\n const values = props.modelValue ?? [];\n emit(\n \"update:modelValue\",\n hasValue(value) ? values.filter((v) => v !== value) : [...values, value],\n );\n};\n</script>\n\n<template>\n <div class=\"pl-checkbox-group\" :class=\"{ disabled }\" data-testid=\"pl-checkbox-group\">\n <label v-if=\"label\" data-testid=\"pl-checkbox-group-label\">\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-checkbox-group-tooltip\"\n >\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <div\n v-for=\"(opt, i) in options.map((it) => ({\n label: 'label' in it ? it.label : it.text,\n value: it.value,\n }))\"\n :key=\"i\"\n data-testid=\"pl-checkbox-group-option\"\n >\n <PlCheckboxBase\n :disabled=\"disabled\"\n data-testid=\"pl-checkbox-group-option-input\"\n :label=\"opt.label\"\n :model-value=\"hasValue(opt.value)\"\n @update:model-value=\"() => updateModel(opt.value)\"\n />\n <label\n data-testid=\"pl-checkbox-group-option-label\"\n @click.stop=\"() => updateModel(opt.value)\"\n >{{ opt.label }}</label\n >\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;CAKE,MAAM;;;;;;;;;EAWR,~~IAAM~~,~~IAAQ~~,~~GAAU~~,~~EAElB~~,~~IAAO~~,~~GAIP~~,~~IAAQ~~,~~GAmBR~~,KAAY,~~MACT~~,EAAM,WAAW,~~SAAS~~,~~EAAM~~,~~EAGnC~~,KAAe,MAAa;GAChC,~~IAAM~~,~~IAAS~~,EAAM,cAAc,~~EAAE~~;~~AACrC~~,~~KACE~~,~~qBACA~~,~~EAAS~~,~~EAAM~~,~~GAAG~~,EAAO,QAAQ,~~MAAM~~,~~MAAM~~,~~EAAM~~,~~GAAG~~,CAAC,~~GAAG~~,~~GAAQ~~,~~EAAM~~,CACzE~~;;yBAKD~~,EAmCM,OAAA;GAnCD,~~OAAK~~,EAAA,CAAC,qBAAmB,EAAA,~~UAAW~~,EAAA,~~UAAQ~~,CAAA,CAAA;GAAI,eAAY;~~MAClD~~,EAAA,~~SAAA~~,~~GAAA~~,~~EAAb~~,EAYQ,~~SAZR~~,GAYQ,~~CAXN~~,EAAwB,QAAA,~~MAAA~~,~~EAAf~~,EAAA,~~MAAK~~,~~EAAA~~,~~EAAA~~,~~EAEN~~,~~EAAA~~,~~EAAK~~,CAAC,~~WAAA~~,~~GAAA~~,~~EADd~~,~~EASY~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;;GAPV,OAAM;GACN,UAAS;GACT,eAAY;;GAED,~~SAAO~~,QACO,~~CAAvB~~,~~EAAuB~~,EAAA,QAAA,~~UAAA~~,~~CAAA,CAAA~~;;~~0CAI7B~~,~~EAoBM~~,GAAA,~~MAAA~~,~~EAnBe~~,EAAA,QAAQ,KAAK,OAAE;~~qBAAkC~~,~~IAAK~~,EAAG,~~QAAQ~~,EAAG;~~UAAqB~~,EAAG;~~QAAvG~~,GAAK,~~YADf~~,EAoBM,OAAA;GAfH,~~KAAK~~;GACN,eAAY;~~MAEZ~~,~~EAME~~,GAAA;GALC,~~UAAU~~,EAAA;GACX,eAAY;GACX,~~OAAO~~,EAAI;GACX,~~eAAa~~,~~EAAS~~,EAAI,~~MAAK~~;GAC/B,~~6BAA0B~~,~~EAAY~~,EAAI,~~MAAK~~;;;;;;~~MAElD~~,EAIC,SAAA;GAHC,eAAY;GACX,~~SAAK~~,~~QAAa~~,~~EAAY~~,EAAI,~~MAAK~~,~~EAAA~~,CAAA,~~OAAA~~,CAAA;~~OACpC~~,EAAI,~~MAAK~~,~~EAAA,~~GAAA,~~EAAA~~,CAAA,~~CAAA~~"}
1	+ {"version":3,"file":"PlCheckboxGroup.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_unref","_createBlock","PlTooltip","_withCtx","_renderSlot","_createCommentVNode","_Fragment","_renderList","_createVNode","PlCheckboxBase","_withModifiers","PlTooltip_default","PlCheckboxBase_default","_hoisted_1","_hoisted_2","PlCheckboxGroup_vue_vue_type_script_setup_true_lang_default","__emit","slots","useSlots","emit","props","__props","hasValue","value","updateModel","values","v","openBlock","createElementBlock","normalizeClass","createElementVNode","toDisplayString","unref","createBlock","withCtx","renderSlot","_ctx","createCommentVNode","Fragment","renderList","it","i","createVNode","opt","withModifiers"],"sources":["../../../src/components/PlCheckboxGroup/PlCheckboxGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Component for selecting multiple values from a list of options\n /\nexport default {\n name: \"PlCheckboxGroup\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport \"./pl-checkbox-group.scss\";\nimport type { SimpleOption } from \"../../types\";\nimport PlCheckboxBase from \"../PlCheckbox/PlCheckboxBase.vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { useSlots } from \"vue\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", v: M[]): void;\n}>();\n\nconst props = defineProps<{\n /\n The current selected values.\n /\n modelValue: M[];\n /\n The label text for the component (optional)\n /\n label?: string;\n /\n List of available options for the component\n /\n options: Readonly<SimpleOption<M>[]>;\n /\n If `true`, the component is disabled and cannot be interacted with.\n */\n disabled?: boolean;\n}>();\n\nconst hasValue = (value: M) => {\n return props.modelValue.includes(value);\n};\n\nconst updateModel = (value: M) => {\n const values = props.modelValue ?? [];\n emit(\n \"update:modelValue\",\n hasValue(value) ? values.filter((v) => v !== value) : [...values, value],\n );\n};\n</script>\n\n<template>\n <div class=\"pl-checkbox-group\" :class=\"{ disabled }\" data-testid=\"pl-checkbox-group\">\n <label v-if=\"label\" data-testid=\"pl-checkbox-group-label\">\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-checkbox-group-tooltip\"\n >\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <div\n v-for=\"(opt, i) in options.map((it) => ({\n label: 'label' in it ? it.label : it.text,\n value: it.value,\n }))\"\n :key=\"i\"\n data-testid=\"pl-checkbox-group-option\"\n >\n <PlCheckboxBase\n :disabled=\"disabled\"\n data-testid=\"pl-checkbox-group-option-input\"\n :label=\"opt.label\"\n :model-value=\"hasValue(opt.value)\"\n @update:model-value=\"() => updateModel(opt.value)\"\n />\n <label\n data-testid=\"pl-checkbox-group-option-label\"\n @click.stop=\"() => updateModel(opt.value)\"\n >{{ opt.label }}</label\n >\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;CAKE,MAAM;;;;;;;;;EAWR,IAAMsB,IAAQC,EAAS,GAEjBC,IAAOH,GAIPI,IAAQC,GAmBRC,KAAY,MACTF,EAAM,WAAW,SAASG,CAAK,GAGlCC,KAAe,MAAa;GAChC,IAAMC,IAASL,EAAM,cAAc,CAAC;GACpC,EACE,qBACAE,EAASC,CAAK,IAAIE,EAAO,QAAQ,MAAMC,MAAMH,CAAK,IAAI,CAAC,GAAGE,GAAQF,CAAK,CACzE;EACF;E,kBAIE5B,EAAA,GAAAC,EAmCM,OAAA;GAnCD,OAAKC,EAAA,CAAC,qBAAmB,EAAA,UAAWwB,EAAA,SAAQ,CAAA,CAAA;GAAI,eAAY;E,IAClDA,EAAA,SAAb1B,EAAA,GAAAC,EAYQ,SAZRiB,GAYQ,CAXNf,EAAwB,QAAA,MAAAC,EAAfsB,EAAA,KAAK,GAAA,CAAA,GAENrB,EAAAiB,CAAA,CAAK,CAAC,WADdtB,EAAA,GAAAM,EASYD,EAAAE,CAAA,GAAA;;GAPV,OAAM;GACN,UAAS;GACT,eAAY;;GAED,SAAOC,QACO,CAAvBC,EAAuBgC,EAAA,QAAA,SAAA,C;;E,iCAI7BzC,EAAA,EAAA,GAAAC,EAoBMU,GAAA,MAAAC,EAnBec,EAAA,QAAQ,KAAK,OAAE;GAAkC,OAAA,WAAAmB,IAAKA,EAAG,QAAQA,EAAG;GAAqB,OAAAA,EAAG;EAAvG,EAAA,IAAA,GAAK,OADf7C,EAAA,GAAAC,EAoBM,OAAA;GAfH,KAAK6C;GACN,eAAY;E,IAEZjC,EAMEC,GAAA;GALC,UAAUY,EAAA;GACX,eAAY;GACX,OAAOsB,EAAI;GACX,eAAarB,EAASqB,EAAI,KAAK;GAC/B,6BAA0BnB,EAAYmB,EAAI,KAAK;;;;;;E,IAElD7C,EAIC,SAAA;GAHC,eAAY;GACX,SAAKY,QAAac,EAAYmB,EAAI,KAAK,GAAA,CAAA,MAAA,CAAA;EACpC,GAAA5C,EAAA4C,EAAI,KAAK,GAAA,GAAA7B,CAAA,C"}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlChip.js","names":[],"sources":["../../../src/components/PlChip/PlChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-chip.scss\";\nimport { onMounted, ref } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineEmits([\"close\"]);\n\ndefineProps<{\n closeable?: boolean;\n small?: boolean;\n}>();\n\nconst chip = ref<HTMLElement>();\nconst canShowTooltip = ref(false);\n\nonMounted(() => {\n if (chip.value) {\n canShowTooltip.value = chip.value?.clientWidth >= 256;\n }\n});\n</script>\n\n<template>\n <PlTooltip data-testid=\"pl-chip\" position=\"top\" class=\"pl-chip-tooltip\" :delay=\"500\">\n <template v-if=\"canShowTooltip\" #tooltip>\n <slot />\n </template>\n <div ref=\"chip\" data-testid=\"pl-chip-body\" class=\"pl-chip\" :class=\"{ small }\">\n <div data-testid=\"pl-chip-text\" class=\"pl-chip__text\">\n <slot />\n </div>\n <div\n v-if=\"closeable\"\n tabindex=\"0\"\n data-testid=\"pl-chip-close\"\n class=\"pl-chip__close\"\n @keydown.enter=\"$emit('close')\"\n @click.stop=\"$emit('close')\"\n >\n <div class=\"pl-chip__close--icon\" />\n </div>\n </div>\n </PlTooltip>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlChip.js","names":["_sfc_main","PlChip_vue_vue_type_script_setup_true_lang_default","PlChip_default"],"sources":["../../../src/components/PlChip/PlChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-chip.scss\";\nimport { onMounted, ref } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineEmits([\"close\"]);\n\ndefineProps<{\n closeable?: boolean;\n small?: boolean;\n}>();\n\nconst chip = ref<HTMLElement>();\nconst canShowTooltip = ref(false);\n\nonMounted(() => {\n if (chip.value) {\n canShowTooltip.value = chip.value?.clientWidth >= 256;\n }\n});\n</script>\n\n<template>\n <PlTooltip data-testid=\"pl-chip\" position=\"top\" class=\"pl-chip-tooltip\" :delay=\"500\">\n <template v-if=\"canShowTooltip\" #tooltip>\n <slot />\n </template>\n <div ref=\"chip\" data-testid=\"pl-chip-body\" class=\"pl-chip\" :class=\"{ small }\">\n <div data-testid=\"pl-chip-text\" class=\"pl-chip__text\">\n <slot />\n </div>\n <div\n v-if=\"closeable\"\n tabindex=\"0\"\n data-testid=\"pl-chip-close\"\n class=\"pl-chip__close\"\n @keydown.enter=\"$emit('close')\"\n @click.stop=\"$emit('close')\"\n >\n <div class=\"pl-chip__close--icon\" />\n </div>\n </div>\n </PlTooltip>\n</template>\n"],"mappings":""}

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

@@ -2,11 +2,11 @@ import e from "../PlTooltip/PlTooltip.js";
 import "../PlTooltip/index.js";
 import './pl-chip.css';/* empty css        */
 import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createSlots as a, defineComponent as o, normalizeClass as s, onMounted as c, openBlock as l, ref as u, renderSlot as d, unref as f, withCtx as p, withKeys as m, withModifiers as h } from "vue";
-//#region src/components/PlChip/PlChip.vue?vue&type=script&setup=true&lang.ts
+// src/components/PlChip/PlChip.vue?vue&type=script&setup=true&lang.ts
 var g = {
 	"data-testid": "pl-chip-text",
 	class: "pl-chip__text"
-}, _ = /* @__PURE__ */ o({
+}, _ = /*@__PURE__*/ o({
 	__name: "PlChip",
 	props: {
 		closeable: { type: Boolean },
@@ -44,7 +44,6 @@ var g = {
 		} : void 0]), 1024));
 	}
 });
-//#endregion
 export { _ as default };
 //# sourceMappingURL=PlChip.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlChip.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/PlChip/PlChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-chip.scss\";\nimport { onMounted, ref } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineEmits([\"close\"]);\n\ndefineProps<{\n closeable?: boolean;\n small?: boolean;\n}>();\n\nconst chip = ref<HTMLElement>();\nconst canShowTooltip = ref(false);\n\nonMounted(() => {\n if (chip.value) {\n canShowTooltip.value = chip.value?.clientWidth >= 256;\n }\n});\n</script>\n\n<template>\n <PlTooltip data-testid=\"pl-chip\" position=\"top\" class=\"pl-chip-tooltip\" :delay=\"500\">\n <template v-if=\"canShowTooltip\" #tooltip>\n <slot />\n </template>\n <div ref=\"chip\" data-testid=\"pl-chip-body\" class=\"pl-chip\" :class=\"{ small }\">\n <div data-testid=\"pl-chip-text\" class=\"pl-chip__text\">\n <slot />\n </div>\n <div\n v-if=\"closeable\"\n tabindex=\"0\"\n data-testid=\"pl-chip-close\"\n class=\"pl-chip__close\"\n @keydown.enter=\"$emit('close')\"\n @click.stop=\"$emit('close')\"\n >\n <div class=\"pl-chip__close--icon\" />\n </div>\n </div>\n </PlTooltip>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,~~IAAM~~,~~IAAO~~,~~GAAkB~~,~~EACzB~~,~~IAAiB~~,EAAI,~~GAAM~~;~~SAEjC~~,QAAgB;~~AACd~~,~~GAAI~~,EAAK,UACP,EAAe,~~QAAQ~~,EAAK,OAAO,eAAe;~~IAEpD~~,~~kBAIA~~,~~EAmBY~~,~~EAAA~~,EAAA,~~EAAA~~;GAnBD,eAAY;GAAU,UAAS;GAAM,OAAM;GAAmB,OAAO;;~~oBAkBxE~~,~~CAdN~~,EAcM,OAAA;~~aAdG~~;IAAJ,~~KAAI~~;IAAO,eAAY;IAAe,~~OAAK~~,EAAA,CAAC,WAAS,EAAA,~~OAAW~~,EAAA,~~OAAK~~,CAAA,CAAA;~~OACxE~~,EAEM,~~OAFN~~,GAEM,~~CADJ~~,~~EAAQ~~,EAAA,QAAA,~~UAAA~~,~~CAAA~~,~~CAAA~~,~~EAGF,~~EAAA,~~aAAA~~,~~GAAA~~,~~EADR~~,EASM,OAAA;;IAPJ,UAAS;IACT,eAAY;IACZ,OAAM;IACL,WAAO,~~AAAA~~,EAAA,~~OAAA~~,GAAA,~~MAAQA~~,EAAAA,MAAK,~~QAAA~~,~~EAAA~~,CAAA,~~QAAA~~,CAAA;IACpB,SAAK,~~AAAA~~,EAAA,~~OAAA~~,GAAA,~~MAAOA~~,EAAAA,MAAK,~~QAAA~~,~~EAAA~~,CAAA,~~OAAA~~,CAAA;~~oBAElB~~,EAAoC,OAAA,EAA/B,OAAM,~~wBAAsB~~,~~EAAA~~,MAAA,~~GAAA,CAAA,CAAA,~~EAAA,~~GAAA~~,~~IAAA~~,EAAA,~~IAAA~~,~~GAAA~~,~~CAAA~~,~~EAAA~~,~~EAAA~~,~~CAAA~~,~~CAAA;;MAfrB,~~EAAA,QAAA~~;SAAiB;eACvB~~,~~CAAR~~,~~EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA~~"}
1	+ {"version":3,"file":"PlChip.vue_vue_type_script_setup_true_lang.js","names":["$emit","_openBlock","_createBlock","_unref","PlTooltip","_createSlots","_withCtx","_createElementVNode","_normalizeClass","_renderSlot","_createElementBlock","_withKeys","_withModifiers","_createCommentVNode","PlTooltip_default","_hoisted_1","PlChip_vue_vue_type_script_setup_true_lang_default","chip","ref","canShowTooltip","onMounted","openBlock","createBlock","unref","createSlots","withCtx","createElementVNode","normalizeClass","__props","renderSlot","_ctx","createElementBlock","_cache","withKeys","withModifiers","createCommentVNode"],"sources":["../../../src/components/PlChip/PlChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-chip.scss\";\nimport { onMounted, ref } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineEmits([\"close\"]);\n\ndefineProps<{\n closeable?: boolean;\n small?: boolean;\n}>();\n\nconst chip = ref<HTMLElement>();\nconst canShowTooltip = ref(false);\n\nonMounted(() => {\n if (chip.value) {\n canShowTooltip.value = chip.value?.clientWidth >= 256;\n }\n});\n</script>\n\n<template>\n <PlTooltip data-testid=\"pl-chip\" position=\"top\" class=\"pl-chip-tooltip\" :delay=\"500\">\n <template v-if=\"canShowTooltip\" #tooltip>\n <slot />\n </template>\n <div ref=\"chip\" data-testid=\"pl-chip-body\" class=\"pl-chip\" :class=\"{ small }\">\n <div data-testid=\"pl-chip-text\" class=\"pl-chip__text\">\n <slot />\n </div>\n <div\n v-if=\"closeable\"\n tabindex=\"0\"\n data-testid=\"pl-chip-close\"\n class=\"pl-chip__close\"\n @keydown.enter=\"$emit('close')\"\n @click.stop=\"$emit('close')\"\n >\n <div class=\"pl-chip__close--icon\" />\n </div>\n </div>\n </PlTooltip>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,IAAMiB,IAAOC,EAAiB,GACxBC,IAAiBD,EAAI,EAAK;E,OAEhCE,QAAgB;GACd,AAAIH,EAAK,UACP,EAAe,QAAQA,EAAK,OAAO,eAAe;EAEtD,CAAC,I,UAIChB,EAAA,GAAAC,EAmBYC,EAAAC,CAAA,GAAA;GAnBD,eAAY;GAAU,UAAS;GAAM,OAAM;GAAmB,OAAO;;GAI9E,SAAAE,QAcM,CAdNC,EAcM,OAAA;IAdG,SAAA;IAAJ,KAAIU;IAAO,eAAY;IAAe,OAAKT,EAAA,CAAC,WAAS,EAAA,OAAWoB,EAAA,MAAK,CAAA,CAAA;G,IACxErB,EAEM,OAFNQ,GAEM,CADJN,EAAQqB,EAAA,QAAA,SAAA,C,IAGFF,EAAA,aADR3B,EAAA,GAAAS,EASM,OAAA;;IAPJ,UAAS;IACT,eAAY;IACZ,OAAM;IACL,WAAO,AAAAsB,EAAA,OAAArB,GAAA,MAAQX,EAAAA,MAAK,OAAA,GAAA,CAAA,OAAA,CAAA;IACpB,SAAK,AAAAgC,EAAA,OAAApB,GAAA,MAAOZ,EAAAA,MAAK,OAAA,GAAA,CAAA,MAAA,CAAA;G,iBAElBO,EAAoC,OAAA,EAA/B,OAAM,uBAAsB,GAAA,MAAA,EAAA,C;;E,IAfrBY,EAAA,Q;GAAiB,MAAA;GAC/B,IAAAb,QAAQ,CAARG,EAAQqB,EAAA,QAAA,SAAA,C"}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlClipboard.js","names":[],"sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlClipboard\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport type { Size } from \"../../types.ts\";\nimport { computed, onUnmounted, ref } from \"vue\";\n\nconst props = defineProps<{\n size?: Size;\n}>();\n\nconst emit = defineEmits([\"copy\"]);\n\nconst copyEffect = ref<boolean>(false);\n\nconst iconName = computed(() => (copyEffect.value ? \"clipboard-copied\" : \"clipboard\"));\n\nlet timeoutId: undefined \| number;\n\nfunction onCopy() {\n clearTimeout(timeoutId);\n copyEffect.value = true;\n emit(\"copy\");\n timeoutId = window.setTimeout(() => {\n copyEffect.value = false;\n }, 1000);\n}\n\nonUnmounted(() => {\n clearTimeout(timeoutId);\n});\n</script>\n\n<template>\n <PlMaskIcon16\n data-testid=\"pl-clipboard\"\n :name=\"iconName\"\n :size=\"props.size\"\n :class=\"$style.copy\"\n @click=\"onCopy\"\n />\n</template>\n\n<style module>\n.copy {\n cursor: pointer;\n display: block;\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"PlClipboard.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlClipboard_vue_vue_type_script_setup_true_lang_default","PlClipboard_vue_vue_type_style_index_0_lang_module_default","PlClipboard_default","\"$style\""],"sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlClipboard\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport type { Size } from \"../../types.ts\";\nimport { computed, onUnmounted, ref } from \"vue\";\n\nconst props = defineProps<{\n size?: Size;\n}>();\n\nconst emit = defineEmits([\"copy\"]);\n\nconst copyEffect = ref<boolean>(false);\n\nconst iconName = computed(() => (copyEffect.value ? \"clipboard-copied\" : \"clipboard\"));\n\nlet timeoutId: undefined \| number;\n\nfunction onCopy() {\n clearTimeout(timeoutId);\n copyEffect.value = true;\n emit(\"copy\");\n timeoutId = window.setTimeout(() => {\n copyEffect.value = false;\n }, 1000);\n}\n\nonUnmounted(() => {\n clearTimeout(timeoutId);\n});\n</script>\n\n<template>\n <PlMaskIcon16\n data-testid=\"pl-clipboard\"\n :name=\"iconName\"\n :size=\"props.size\"\n :class=\"$style.copy\"\n @click=\"onCopy\"\n />\n</template>\n\n<style module>\n.copy {\n cursor: pointer;\n display: block;\n}\n</style>\n"],"mappings":""}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlClipboard.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlClipboard\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport type { Size } from \"../../types.ts\";\nimport { computed, onUnmounted, ref } from \"vue\";\n\nconst props = defineProps<{\n size?: Size;\n}>();\n\nconst emit = defineEmits([\"copy\"]);\n\nconst copyEffect = ref<boolean>(false);\n\nconst iconName = computed(() => (copyEffect.value ? \"clipboard-copied\" : \"clipboard\"));\n\nlet timeoutId: undefined \| number;\n\nfunction onCopy() {\n clearTimeout(timeoutId);\n copyEffect.value = true;\n emit(\"copy\");\n timeoutId = window.setTimeout(() => {\n copyEffect.value = false;\n }, 1000);\n}\n\nonUnmounted(() => {\n clearTimeout(timeoutId);\n});\n</script>\n\n<template>\n <PlMaskIcon16\n data-testid=\"pl-clipboard\"\n :name=\"iconName\"\n :size=\"props.size\"\n :class=\"$style.copy\"\n @click=\"onCopy\"\n />\n</template>\n\n<style module>\n.copy {\n cursor: pointer;\n display: block;\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"PlClipboard.vue_vue_type_style_index_0_lang.module.js","names":["copy","PlClipboard_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlClipboard\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport type { Size } from \"../../types.ts\";\nimport { computed, onUnmounted, ref } from \"vue\";\n\nconst props = defineProps<{\n size?: Size;\n}>();\n\nconst emit = defineEmits([\"copy\"]);\n\nconst copyEffect = ref<boolean>(false);\n\nconst iconName = computed(() => (copyEffect.value ? \"clipboard-copied\" : \"clipboard\"));\n\nlet timeoutId: undefined \| number;\n\nfunction onCopy() {\n clearTimeout(timeoutId);\n copyEffect.value = true;\n emit(\"copy\");\n timeoutId = window.setTimeout(() => {\n copyEffect.value = false;\n }, 1000);\n}\n\nonUnmounted(() => {\n clearTimeout(timeoutId);\n});\n</script>\n\n<template>\n <PlMaskIcon16\n data-testid=\"pl-clipboard\"\n :name=\"iconName\"\n :size=\"props.size\"\n :class=\"$style.copy\"\n @click=\"onCopy\"\n />\n</template>\n\n<style module>\n.copy {\n cursor: pointer;\n display: block;\n}\n</style>\n"],"mappings":""}

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

@@ -1,7 +1,7 @@
 import e from "../PlIcon16/PlIcon16.js";
 import "../PlMaskIcon16/index.js";
 import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, onUnmounted as a, openBlock as o, ref as s, unref as c } from "vue";
-var l = /* @__PURE__ */ r({
+var l = /*@__PURE__*/ r({
 	name: "PlClipboard",
 	props: { size: {} },
 	emits: ["copy"],
@@ -27,7 +27,6 @@ var l = /* @__PURE__ */ r({
 		]));
 	}
 });
-//#endregion
 export { l as default };
 //# sourceMappingURL=PlClipboard.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlClipboard.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlClipboard\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport type { Size } from \"../../types.ts\";\nimport { computed, onUnmounted, ref } from \"vue\";\n\nconst props = defineProps<{\n size?: Size;\n}>();\n\nconst emit = defineEmits([\"copy\"]);\n\nconst copyEffect = ref<boolean>(false);\n\nconst iconName = computed(() => (copyEffect.value ? \"clipboard-copied\" : \"clipboard\"));\n\nlet timeoutId: undefined \| number;\n\nfunction onCopy() {\n clearTimeout(timeoutId);\n copyEffect.value = true;\n emit(\"copy\");\n timeoutId = window.setTimeout(() => {\n copyEffect.value = false;\n }, 1000);\n}\n\nonUnmounted(() => {\n clearTimeout(timeoutId);\n});\n</script>\n\n<template>\n <PlMaskIcon16\n data-testid=\"pl-clipboard\"\n :name=\"iconName\"\n :size=\"props.size\"\n :class=\"$style.copy\"\n @click=\"onCopy\"\n />\n</template>\n\n<style module>\n.copy {\n cursor: pointer;\n display: block;\n}\n</style>\n"],"mappings":";;;;CAEE,MAAM;;;;EASR,~~IAAM~~,~~IAAQ~~,~~GAIR~~,~~IAAO~~,~~GAEP~~,~~IAAa~~,EAAa,~~GAAM~~,~~EAEhC~~,~~IAAW~~,~~QAAgB~~,EAAW,QAAQ,qBAAqB,~~YAAa~~,~~EAElF~~;EAEJ,~~SAAS~~,IAAS;~~AAIhB~~,~~GAHA~~,~~aAAa~~,~~EAAU~~,~~EACvB~~,EAAW,QAAQ,~~IACnB~~,EAAK,~~OAAO~~,~~EACZ~~,IAAY,OAAO,iBAAiB;~~AAClC~~,~~MAAW~~,QAAQ;~~MAClB~~,~~IAAK;;SAGV~~,QAAkB;~~AAChB~~,~~gBAAa~~,~~EAAU~~;~~IACvB~~,~~kBAIA~~,~~EAME~~,~~EAAA~~,EAAA,~~EAAA~~;GALA,eAAY;GACX,~~MAAM~~,EAAA;GACN,~~MAAM~~,EAAM;GACZ,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~KAAI~~;GAClB,~~SAAO~~"}
1	+ {"version":3,"file":"PlClipboard.vue_vue_type_script_setup_true_lang.js","names":["$style","_openBlock","_createBlock","_unref","PlMaskIcon16","_normalizeClass","PlIcon16_default","PlClipboard_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","copyEffect","ref","iconName","computed","timeoutId","onCopy","onUnmounted","openBlock","createBlock","unref","normalizeClass","_ctx"],"sources":["../../../src/components/PlClipboard/PlClipboard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlClipboard\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport type { Size } from \"../../types.ts\";\nimport { computed, onUnmounted, ref } from \"vue\";\n\nconst props = defineProps<{\n size?: Size;\n}>();\n\nconst emit = defineEmits([\"copy\"]);\n\nconst copyEffect = ref<boolean>(false);\n\nconst iconName = computed(() => (copyEffect.value ? \"clipboard-copied\" : \"clipboard\"));\n\nlet timeoutId: undefined \| number;\n\nfunction onCopy() {\n clearTimeout(timeoutId);\n copyEffect.value = true;\n emit(\"copy\");\n timeoutId = window.setTimeout(() => {\n copyEffect.value = false;\n }, 1000);\n}\n\nonUnmounted(() => {\n clearTimeout(timeoutId);\n});\n</script>\n\n<template>\n <PlMaskIcon16\n data-testid=\"pl-clipboard\"\n :name=\"iconName\"\n :size=\"props.size\"\n :class=\"$style.copy\"\n @click=\"onCopy\"\n />\n</template>\n\n<style module>\n.copy {\n cursor: pointer;\n display: block;\n}\n</style>\n"],"mappings":";;;;CAEE,MAAM;;;;EASR,IAAMS,IAAQC,GAIRC,IAAOH,GAEPI,IAAaC,EAAa,EAAK,GAE/BC,IAAWC,QAAgBH,EAAW,QAAQ,qBAAqB,WAAY,GAEjFI;EAEJ,SAASC,IAAS;GAIhB,AAHA,aAAaD,CAAS,GACtB,EAAW,QAAQ,IACnBL,EAAK,MAAM,GACX,IAAY,OAAO,iBAAiB;IAClC,EAAW,QAAQ;GACrB,GAAG,GAAI;EACT;E,OAEAO,QAAkB;GAChB,aAAaF,CAAS;EACxB,CAAC,I,UAICf,EAAA,GAAAC,EAMEC,EAAAC,CAAA,GAAA;GALA,eAAY;GACX,MAAMU,EAAA;GACN,MAAML,EAAM;GACZ,OAAKJ,EAAEL,EAAAA,OAAO,IAAI;GAClB,SAAOiB"}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlColumnLabel.js","names":[],"sources":["../../../src/components/PlColumnLabel/PlColumnLabel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlTooltip } from \"../PlTooltip\";\n\n/*\n A column's name as every table and dropdown shows it. A column reached through a link to\n * another dataset gets a link icon in front, with `linkHint` on hover. Takes the whole option, so\n * a new option field only needs handling here.\n /\ndefineProps<{\n option?: Pick<ListOptionBase, \"label\" \| \"linkHint\">;\n}>();\n</script>\n\n<template>\n <span :class=\"$style.root\" data-testid=\"pl-column-label\">\n <PlTooltip v-if=\"option?.linkHint\" :class=\"$style.link\" data-testid=\"pl-column-label-link\">\n <template #tooltip>{{ option.linkHint }}</template>\n <PlIcon16 name=\"link\" />\n </PlTooltip>\n <!-- For a label the caller renders itself, e.g. with search matches highlighted. -->\n <slot>{{ option?.label }}</slot>\n </span>\n</template>\n\n<style module>\n.root {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n min-width: 0;\n max-width: 100%;\n}\n\n/ Lets a long label shrink, so it can truncate. /\n.root > {\n min-width: 0;\n}\n\n/* PlTooltip's inline-block wrapper would lift the icon above the text's centre. */\n.root > .link {\n display: flex;\n flex-shrink: 0;\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"PlColumnLabel.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlColumnLabel_vue_vue_type_script_setup_true_lang_default","PlColumnLabel_vue_vue_type_style_index_0_lang_module_default","PlColumnLabel_default","\"$style\""],"sources":["../../../src/components/PlColumnLabel/PlColumnLabel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlTooltip } from \"../PlTooltip\";\n\n/*\n A column's name as every table and dropdown shows it. A column reached through a link to\n * another dataset gets a link icon in front, with `linkHint` on hover. Takes the whole option, so\n * a new option field only needs handling here.\n /\ndefineProps<{\n option?: Pick<ListOptionBase, \"label\" \| \"linkHint\">;\n}>();\n</script>\n\n<template>\n <span :class=\"$style.root\" data-testid=\"pl-column-label\">\n <PlTooltip v-if=\"option?.linkHint\" :class=\"$style.link\" data-testid=\"pl-column-label-link\">\n <template #tooltip>{{ option.linkHint }}</template>\n <PlIcon16 name=\"link\" />\n </PlTooltip>\n <!-- For a label the caller renders itself, e.g. with search matches highlighted. -->\n <slot>{{ option?.label }}</slot>\n </span>\n</template>\n\n<style module>\n.root {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n min-width: 0;\n max-width: 100%;\n}\n\n/ Lets a long label shrink, so it can truncate. /\n.root > {\n min-width: 0;\n}\n\n/* PlTooltip's inline-block wrapper would lift the icon above the text's centre. */\n.root > .link {\n display: flex;\n flex-shrink: 0;\n}\n</style>\n"],"mappings":""}

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

@@ -1,8 +1,8 @@
-import './PlColumnLabel.vue.css';var e = {
-	root: "_root_y7sbx_2",
-	link: "_link_y7sbx_16"
+import './PlColumnLabel.style.css';// src/components/PlColumnLabel/PlColumnLabel.vue?vue&type=style&index=0&lang.module.css
+var e = "_root_y7sbx_2", t = "_link_y7sbx_16", n = {
+	root: e,
+	link: t
 };
-//#endregion
-export { e as default };
+export { n as default, t as link, e as root };
 //# sourceMappingURL=PlColumnLabel.style.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlColumnLabel.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlColumnLabel/PlColumnLabel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlTooltip } from \"../PlTooltip\";\n\n/*\n A column's name as every table and dropdown shows it. A column reached through a link to\n * another dataset gets a link icon in front, with `linkHint` on hover. Takes the whole option, so\n * a new option field only needs handling here.\n /\ndefineProps<{\n option?: Pick<ListOptionBase, \"label\" \| \"linkHint\">;\n}>();\n</script>\n\n<template>\n <span :class=\"$style.root\" data-testid=\"pl-column-label\">\n <PlTooltip v-if=\"option?.linkHint\" :class=\"$style.link\" data-testid=\"pl-column-label-link\">\n <template #tooltip>{{ option.linkHint }}</template>\n <PlIcon16 name=\"link\" />\n </PlTooltip>\n <!-- For a label the caller renders itself, e.g. with search matches highlighted. -->\n <slot>{{ option?.label }}</slot>\n </span>\n</template>\n\n<style module>\n.root {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n min-width: 0;\n max-width: 100%;\n}\n\n/ Lets a long label shrink, so it can truncate. /\n.root > {\n min-width: 0;\n}\n\n/* PlTooltip's inline-block wrapper would lift the icon above the text's centre. */\n.root > .link {\n display: flex;\n flex-shrink: 0;\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"PlColumnLabel.vue_vue_type_style_index_0_lang.module.js","names":["root","link","PlColumnLabel_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlColumnLabel/PlColumnLabel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlTooltip } from \"../PlTooltip\";\n\n/*\n A column's name as every table and dropdown shows it. A column reached through a link to\n * another dataset gets a link icon in front, with `linkHint` on hover. Takes the whole option, so\n * a new option field only needs handling here.\n /\ndefineProps<{\n option?: Pick<ListOptionBase, \"label\" \| \"linkHint\">;\n}>();\n</script>\n\n<template>\n <span :class=\"$style.root\" data-testid=\"pl-column-label\">\n <PlTooltip v-if=\"option?.linkHint\" :class=\"$style.link\" data-testid=\"pl-column-label-link\">\n <template #tooltip>{{ option.linkHint }}</template>\n <PlIcon16 name=\"link\" />\n </PlTooltip>\n <!-- For a label the caller renders itself, e.g. with search matches highlighted. -->\n <slot>{{ option?.label }}</slot>\n </span>\n</template>\n\n<style module>\n.root {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n min-width: 0;\n max-width: 100%;\n}\n\n/ Lets a long label shrink, so it can truncate. /\n.root > {\n min-width: 0;\n}\n\n/* PlTooltip's inline-block wrapper would lift the icon above the text's centre. */\n.root > .link {\n display: flex;\n flex-shrink: 0;\n}\n</style>\n"],"mappings":""}

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

@@ -3,8 +3,8 @@ import "../PlIcon16/index.js";
 import t from "../PlTooltip/PlTooltip.js";
 import "../PlTooltip/index.js";
 import { createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
-//#region src/components/PlColumnLabel/PlColumnLabel.vue?vue&type=script&setup=true&lang.ts
-var m = /* @__PURE__ */ s({
+// src/components/PlColumnLabel/PlColumnLabel.vue?vue&type=script&setup=true&lang.ts
+var m = /*@__PURE__*/ s({
 	__name: "PlColumnLabel",
 	props: { option: {} },
 	setup(s) {
@@ -22,7 +22,6 @@ var m = /* @__PURE__ */ s({
 		}, 8, ["class"])) : r("", !0), u(m.$slots, "default", {}, () => [a(d(s.option?.label), 1)])], 2));
 	}
 });
-//#endregion
 export { m as default };
 //# sourceMappingURL=PlColumnLabel.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlColumnLabel.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlColumnLabel/PlColumnLabel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlTooltip } from \"../PlTooltip\";\n\n/*\n A column's name as every table and dropdown shows it. A column reached through a link to\n * another dataset gets a link icon in front, with `linkHint` on hover. Takes the whole option, so\n * a new option field only needs handling here.\n /\ndefineProps<{\n option?: Pick<ListOptionBase, \"label\" \| \"linkHint\">;\n}>();\n</script>\n\n<template>\n <span :class=\"$style.root\" data-testid=\"pl-column-label\">\n <PlTooltip v-if=\"option?.linkHint\" :class=\"$style.link\" data-testid=\"pl-column-label-link\">\n <template #tooltip>{{ option.linkHint }}</template>\n <PlIcon16 name=\"link\" />\n </PlTooltip>\n <!-- For a label the caller renders itself, e.g. with search matches highlighted. -->\n <slot>{{ option?.label }}</slot>\n </span>\n</template>\n\n<style module>\n.root {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n min-width: 0;\n max-width: 100%;\n}\n\n/ Lets a long label shrink, so it can truncate. /\n.root > {\n min-width: 0;\n}\n\n/* PlTooltip's inline-block wrapper would lift the icon above the text's centre. */\n.root > .link {\n display: flex;\n flex-shrink: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;~~yBAgBE~~,EAOO,QAAA;GAPA,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~KAAI~~;GAAE,eAAY;~~MACpB~~,EAAA,QAAQ,~~YAAA~~,~~GAAA~~,~~EAAzB~~,~~EAGY~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;;GAHwB,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~KAAI~~;GAAE,eAAY;;GACvD,~~SAAO~~,QAAsB,~~CAAA~~,~~EAAA~~,~~EAAlB~~,EAAA,OAAO,~~SAAQ~~,~~EAAA~~,~~EAAA,~~CAAA,~~CAAA~~;~~oBACb~~,~~CAAxB~~,~~EAAwB~~,~~EAAA~~,~~EAAA~~,~~EAAA~~,EAAd,MAAK,~~QAAM~~,CAAA,~~CAAA,CAAA~~;;~~iCAGvB~~,~~EAAgC~~,EAAA,QAAA,WAAA,~~EAAA~~,~~QAAA~~,~~CAAA~~,~~EAAA~~,~~EAAvB~~,EAAA,QAAQ,~~MAAK~~,~~EAAA~~,~~EAAA,~~CAAA,~~CAAA,CAAA,EAAA,EAAA~~"}
1	+ {"version":3,"file":"PlColumnLabel.vue_vue_type_script_setup_true_lang.js","names":["$style","_openBlock","_createElementBlock","_normalizeClass","_createBlock","_unref","PlTooltip","_withCtx","_createTextVNode","_toDisplayString","_createVNode","PlIcon16","_createCommentVNode","_renderSlot","PlIcon16_default","PlTooltip_default","PlColumnLabel_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock","normalizeClass","_ctx","__props","createBlock","unref","withCtx","createTextVNode","toDisplayString","createVNode","createCommentVNode","renderSlot"],"sources":["../../../src/components/PlColumnLabel/PlColumnLabel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlTooltip } from \"../PlTooltip\";\n\n/*\n A column's name as every table and dropdown shows it. A column reached through a link to\n * another dataset gets a link icon in front, with `linkHint` on hover. Takes the whole option, so\n * a new option field only needs handling here.\n /\ndefineProps<{\n option?: Pick<ListOptionBase, \"label\" \| \"linkHint\">;\n}>();\n</script>\n\n<template>\n <span :class=\"$style.root\" data-testid=\"pl-column-label\">\n <PlTooltip v-if=\"option?.linkHint\" :class=\"$style.link\" data-testid=\"pl-column-label-link\">\n <template #tooltip>{{ option.linkHint }}</template>\n <PlIcon16 name=\"link\" />\n </PlTooltip>\n <!-- For a label the caller renders itself, e.g. with search matches highlighted. -->\n <slot>{{ option?.label }}</slot>\n </span>\n</template>\n\n<style module>\n.root {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n min-width: 0;\n max-width: 100%;\n}\n\n/ Lets a long label shrink, so it can truncate. /\n.root > {\n min-width: 0;\n}\n\n/* PlTooltip's inline-block wrapper would lift the icon above the text's centre. */\n.root > .link {\n display: flex;\n flex-shrink: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;E,kBAgBEC,EAAA,GAAAC,EAOO,QAAA;GAPA,OAAKC,EAAEH,EAAAA,OAAO,IAAI;GAAE,eAAY;E,IACpBqB,EAAA,QAAQ,YAAzBpB,EAAA,GAAAG,EAGYC,EAAAC,CAAA,GAAA;;GAHwB,OAAKH,EAAEH,EAAAA,OAAO,IAAI;GAAE,eAAY;;GACvD,SAAOO,QAAsB,CAAlBC,EAAAC,EAAAY,EAAA,OAAO,QAAQ,GAAA,CAAA,C;GACrC,SAAAd,QAAwB,CAAxBG,EAAwBL,EAAAM,CAAA,GAAA,EAAd,MAAK,OAAM,CAAA,C;;E,+BAGvBE,EAAgCO,EAAA,QAAA,WAAA,CAAA,SAAA,CAAvBZ,EAAAC,EAAAY,EAAA,QAAQ,KAAK,GAAA,CAAA,C"}

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

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

package/dist/components/PlConfirmDialog.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlConfirmDialog.js","names":[],"sources":["../../src/components/PlConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary } from \"./PlBtnPrimary\";\nimport { PlBtnSecondary } from \"./PlBtnSecondary\";\nimport { PlDialogModal } from \"./PlDialogModal\";\n\nconst props = withDefaults(\n defineProps<{\n opened?: boolean;\n title: string;\n message: string;\n confirmLabel: string;\n cancelLabel: string;\n onConfirm?: () => void;\n onCancel?: () => void;\n }>(),\n {\n opened: true,\n onCancel: undefined,\n onConfirm: undefined,\n },\n);\n\nconst emits = defineEmits<{\n confirm: [];\n cancel: [];\n}>();\n\nconst handleConfirm = () => {\n emits(\"confirm\");\n props.onConfirm?.();\n};\n\nconst handleCancel = () => {\n emits(\"cancel\");\n props.onCancel?.();\n};\n</script>\n\n<template>\n <PlDialogModal\n data-testid=\"pl-confirm-dialog\"\n v-model=\"props.opened\"\n :closable=\"false\"\n @click.stop\n >\n <template #title>\n {{ title }}\n </template>\n <template #default>\n {{ message }}\n </template>\n <template #actions>\n <PlBtnPrimary data-testid=\"pl-confirm-dialog-confirm\" @click.stop=\"handleConfirm\">\n {{ props.confirmLabel }}\n </PlBtnPrimary>\n <PlBtnSecondary data-testid=\"pl-confirm-dialog-cancel\" @click.stop=\"handleCancel\">\n {{ props.cancelLabel }}\n </PlBtnSecondary>\n </template>\n </PlDialogModal>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlConfirmDialog.js","names":["_sfc_main","PlConfirmDialog_vue_vue_type_script_setup_true_lang_default","PlConfirmDialog_default"],"sources":["../../src/components/PlConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary } from \"./PlBtnPrimary\";\nimport { PlBtnSecondary } from \"./PlBtnSecondary\";\nimport { PlDialogModal } from \"./PlDialogModal\";\n\nconst props = withDefaults(\n defineProps<{\n opened?: boolean;\n title: string;\n message: string;\n confirmLabel: string;\n cancelLabel: string;\n onConfirm?: () => void;\n onCancel?: () => void;\n }>(),\n {\n opened: true,\n onCancel: undefined,\n onConfirm: undefined,\n },\n);\n\nconst emits = defineEmits<{\n confirm: [];\n cancel: [];\n}>();\n\nconst handleConfirm = () => {\n emits(\"confirm\");\n props.onConfirm?.();\n};\n\nconst handleCancel = () => {\n emits(\"cancel\");\n props.onCancel?.();\n};\n</script>\n\n<template>\n <PlDialogModal\n data-testid=\"pl-confirm-dialog\"\n v-model=\"props.opened\"\n :closable=\"false\"\n @click.stop\n >\n <template #title>\n {{ title }}\n </template>\n <template #default>\n {{ message }}\n </template>\n <template #actions>\n <PlBtnPrimary data-testid=\"pl-confirm-dialog-confirm\" @click.stop=\"handleConfirm\">\n {{ props.confirmLabel }}\n </PlBtnPrimary>\n <PlBtnSecondary data-testid=\"pl-confirm-dialog-cancel\" @click.stop=\"handleCancel\">\n {{ props.cancelLabel }}\n </PlBtnSecondary>\n </template>\n </PlDialogModal>\n</template>\n"],"mappings":""}