@milaboratories/uikit 2.6.2 → 2.6.4

package/dist/components/PlChartStackedBar/Legends.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legends.vue2.js","sources":["../../../src/components/PlChartStackedBar/Legends.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { Color } from '../../colors';\n\nfunction splitBy<T>(arr: T[], n: number): T[][] {\n  const res = [];\n  let chunk: T[] = [];\n\n  for (let i = 0; i < arr.length; i++) {\n    if (chunk.length < n) {\n      chunk.push(arr[i]);\n    } else {\n      res.push(chunk);\n      chunk = [arr[i]];\n    }\n  }\n\n  res.push(chunk);\n\n  return res;\n}\n\nconst props = defineProps<{\n  maxInColumn?: number;\n  legends: {\n    color: string | Color;\n    text: string;\n  }[];\n}>();\n\nconst groups = computed(() => {\n  return splitBy(props.legends, props.maxInColumn ?? 5);\n});\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <div v-for=\"(group, k) in groups\" :key=\"k\" :class=\"$style.legend\">\n      <div v-for=\"(l, i) in group\" :key=\"i\" :class=\"$style.item\">\n        <div :class=\"$style.chip\" :style=\"{ backgroundColor: l.color.toString() }\" />\n        {{ l.text }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.component {\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  justify-content: space-between;\n}\n\n.legend {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex-wrap: nowrap;\n  margin-top: 24px;\n  max-height: 120px;\n  flex: 1;\n}\n\n.chip {\n  width: 16px;\n  height: 16px;\n  border-radius: 2px;\n  flex-grow: 0;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: var(--color-txt-01);\n}\n</style>\n"],"names":["splitBy","arr","n","res","chunk","i","props","__props","groups","computed"],"mappings":";;;;;;;;AAIA,aAASA,EAAWC,GAAUC,GAAkB;AAC9C,YAAMC,IAAM,CAAA;AACZ,UAAIC,IAAa,CAAA;AAEjB,eAASC,IAAI,GAAGA,IAAIJ,EAAI,QAAQI;AAC9B,QAAID,EAAM,SAASF,IACjBE,EAAM,KAAKH,EAAII,CAAC,CAAC,KAEjBF,EAAI,KAAKC,CAAK,GACdA,IAAQ,CAACH,EAAII,CAAC,CAAC;AAInB,aAAAF,EAAI,KAAKC,CAAK,GAEPD;AAAA,IACT;AAEA,UAAMG,IAAQC,GAQRC,IAASC,EAAS,MACfT,EAAQM,EAAM,SAASA,EAAM,eAAe,CAAC,CACrD;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Legends.vue2.js","sources":["../../../src/components/PlChartStackedBar/Legends.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { Color } from '../../colors';\n\nfunction splitBy<T>(arr: T[], n: number): T[][] {\n  const res = [];\n  let chunk: T[] = [];\n\n  for (let i = 0; i < arr.length; i++) {\n    if (chunk.length < n) {\n      chunk.push(arr[i]);\n    } else {\n      res.push(chunk);\n      chunk = [arr[i]];\n    }\n  }\n\n  res.push(chunk);\n\n  return res;\n}\n\nconst props = defineProps<{\n  maxInColumn?: number;\n  legends: {\n    color: string | Color;\n    text: string;\n  }[];\n}>();\n\nconst groups = computed(() => {\n  return splitBy(props.legends, props.maxInColumn ?? 5);\n});\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <div v-for=\"(group, k) in groups\" :key=\"k\" :class=\"$style.legend\">\n      <div v-for=\"(l, i) in group\" :key=\"i\" :class=\"$style.item\">\n        <div :class=\"$style.chip\" :style=\"{ backgroundColor: l.color.toString() }\" />\n        {{ l.text }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.component {\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  justify-content: space-between;\n}\n\n.legend {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex-wrap: nowrap;\n  margin-top: 24px;\n  max-height: 120px;\n  flex: 1;\n}\n\n.chip {\n  width: 16px;\n  height: 16px;\n  border-radius: 2px;\n  flex-grow: 0;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: var(--color-txt-01);\n}\n</style>\n"],"names":["splitBy","arr","n","res","chunk","i","props","__props","groups","computed","_createElementBlock","_normalizeClass","$style","_openBlock","_Fragment","_renderList","group","k","l","_createElementVNode","_normalizeStyle","_toDisplayString"],"mappings":";;;;;;;;AAIA,aAASA,EAAWC,GAAUC,GAAkB;AAC9C,YAAMC,IAAM,CAAA;AACZ,UAAIC,IAAa,CAAA;AAEjB,eAASC,IAAI,GAAGA,IAAIJ,EAAI,QAAQI;AAC9B,QAAID,EAAM,SAASF,IACjBE,EAAM,KAAKH,EAAII,CAAC,CAAC,KAEjBF,EAAI,KAAKC,CAAK,GACdA,IAAQ,CAACH,EAAII,CAAC,CAAC;AAInB,aAAAF,EAAI,KAAKC,CAAK,GAEPD;AAAA,IACT;AAEA,UAAMG,IAAQC,GAQRC,IAASC,EAAS,MACfT,EAAQM,EAAM,SAASA,EAAM,eAAe,CAAC,CACrD;2BAICI,EAOM,OAAA;AAAA,MAPA,OAAKC,EAAEC,EAAAA,OAAO,SAAS;AAAA,IAAA;OAC3BC,EAAA,EAAA,GAAAH,EAKMI,GAAA,MAAAC,EALoBP,EAAA,OAAM,CAAnBQ,GAAOC,YAApBP,EAKM,OAAA;AAAA,QAL6B,KAAKO;AAAA,QAAI,OAAKN,EAAEC,EAAAA,OAAO,MAAM;AAAA,MAAA;SAC9DC,EAAA,EAAA,GAAAH,EAGMI,GAAA,MAAAC,EAHgBC,GAAK,CAAdE,GAAGb,YAAhBK,EAGM,OAAA;AAAA,UAHwB,KAAKL;AAAA,UAAI,OAAKM,EAAEC,EAAAA,OAAO,IAAI;AAAA,QAAA;UACvDO,EAA6E,OAAA;AAAA,YAAvE,OAAKR,EAAEC,EAAAA,OAAO,IAAI;AAAA,YAAG,OAAKQ,EAAA,EAAA,iBAAqBF,EAAE,MAAM,YAAQ;AAAA,UAAA;YAAQ,MAC7EG,EAAGH,EAAE,IAAI,GAAA,CAAA;AAAA,QAAA;;;;;"}

package/dist/components/PlChartStackedBar/PlChartStackedBar.vue2.js

@@ -1,33 +1,33 @@
-import { defineComponent as u, computed as t, createElementBlock as a, openBlock as n, normalizeClass as r, createCommentVNode as m, createVNode as d, createBlock as g, toDisplayString as p } from "vue";
-import v from "./StackedRow.vue.js";
+import { defineComponent as u, computed as n, createElementBlock as r, openBlock as l, normalizeClass as c, createCommentVNode as m, createVNode as d, createBlock as g, toDisplayString as v } from "vue";
+import p from "./StackedRow.vue.js";
 import k from "./Legends.vue.js";
-const B = /* @__PURE__ */ u({
+const x = /* @__PURE__ */ u({
   __name: "PlChartStackedBar",
   props: {
     settings: {}
   },
-  setup(c) {
-    const s = c, i = t(() => s.settings.showLegends ?? !0), l = t(() => s.settings.data ?? []), o = t(() => l.value.map((e) => ({
+  setup(t) {
+    const s = t, i = n(() => s.settings.showLegends ?? !0), o = n(() => s.settings.data ?? []), a = n(() => o.value.map((e) => ({
       color: e.color,
       text: e.label
     })));
-    return (e, f) => (n(), a("div", {
-      class: r(e.$style.component)
+    return (e, f) => (l(), r("div", {
+      class: c(e.$style.component)
     }, [
-      e.settings.title ? (n(), a("div", {
+      t.settings.title ? (l(), r("div", {
         key: 0,
-        class: r(e.$style.title)
-      }, p(e.settings.title), 3)) : m("", !0),
-      d(v, { value: l.value }, null, 8, ["value"]),
-      i.value && o.value.length ? (n(), g(k, {
+        class: c(e.$style.title)
+      }, v(t.settings.title), 3)) : m("", !0),
+      d(p, { value: o.value }, null, 8, ["value"]),
+      i.value && a.value.length ? (l(), g(k, {
         key: 1,
-        legends: o.value,
-        "max-in-column": e.settings.maxLegendsInColumn
+        legends: a.value,
+        "max-in-column": t.settings.maxLegendsInColumn
       }, null, 8, ["legends", "max-in-column"])) : m("", !0)
     ], 2));
   }
 });
 export {
-  B as default
+  x as default
 };
 //# sourceMappingURL=PlChartStackedBar.vue2.js.map

package/dist/components/PlChartStackedBar/PlChartStackedBar.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChartStackedBar.vue2.js","sources":["../../../src/components/PlChartStackedBar/PlChartStackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport StackedRow from './StackedRow.vue';\nimport Legends from './Legends.vue';\nimport type { PlChartStackedBarSettings } from './types';\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettings;\n}>();\n\nconst showLegends = computed(() => props.settings.showLegends ?? true);\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n\nconst legends = computed(() => data.value.map((p) => ({\n  color: p.color,\n  text: p.label,\n})));\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <div v-if=\"settings.title\" :class=\"$style.title\">{{ settings.title }}</div>\n    <StackedRow :value=\"data\"/>\n    <Legends v-if=\"showLegends && legends.length\" :legends=\"legends\" :max-in-column=\"settings.maxLegendsInColumn\" />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n  margin-bottom: 24px;\n}\n</style>\n"],"names":["props","__props","showLegends","computed","data","legends","p"],"mappings":";;;;;;;;;AAMA,UAAMA,IAAQC,GAIRC,IAAcC,EAAS,MAAMH,EAAM,SAAS,eAAe,EAAI,GAE/DI,IAAOD,EAAS,MACbH,EAAM,SAAS,QAAQ,CAAA,CAC/B,GAEKK,IAAUF,EAAS,MAAMC,EAAK,MAAM,IAAI,CAACE,OAAO;AAAA,MACpD,OAAOA,EAAE;AAAA,MACT,MAAMA,EAAE;AAAA,IAAA,EACR,CAAC;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlChartStackedBar.vue2.js","sources":["../../../src/components/PlChartStackedBar/PlChartStackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport StackedRow from './StackedRow.vue';\nimport Legends from './Legends.vue';\nimport type { PlChartStackedBarSettings } from './types';\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettings;\n}>();\n\nconst showLegends = computed(() => props.settings.showLegends ?? true);\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n\nconst legends = computed(() => data.value.map((p) => ({\n  color: p.color,\n  text: p.label,\n})));\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <div v-if=\"settings.title\" :class=\"$style.title\">{{ settings.title }}</div>\n    <StackedRow :value=\"data\"/>\n    <Legends v-if=\"showLegends && legends.length\" :legends=\"legends\" :max-in-column=\"settings.maxLegendsInColumn\" />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n  margin-bottom: 24px;\n}\n</style>\n"],"names":["props","__props","showLegends","computed","data","legends","p","_createElementBlock","_normalizeClass","$style","_toDisplayString","_createVNode","StackedRow","_createBlock","Legends"],"mappings":";;;;;;;;;AAMA,UAAMA,IAAQC,GAIRC,IAAcC,EAAS,MAAMH,EAAM,SAAS,eAAe,EAAI,GAE/DI,IAAOD,EAAS,MACbH,EAAM,SAAS,QAAQ,CAAA,CAC/B,GAEKK,IAAUF,EAAS,MAAMC,EAAK,MAAM,IAAI,CAACE,OAAO;AAAA,MACpD,OAAOA,EAAE;AAAA,MACT,MAAMA,EAAE;AAAA,IAAA,EACR,CAAC;2BAIDC,EAIM,OAAA;AAAA,MAJA,OAAKC,EAAEC,EAAAA,OAAO,SAAS;AAAA,IAAA;MAChBR,EAAA,SAAS,cAApBM,EAA2E,OAAA;AAAA;QAA/C,OAAKC,EAAEC,EAAAA,OAAO,KAAK;AAAA,MAAA,GAAKC,EAAAT,EAAA,SAAS,KAAK,GAAA,CAAA;MAClEU,EAA2BC,GAAA,EAAd,OAAOR,EAAA,MAAA,GAAI,MAAA,GAAA,CAAA,OAAA,CAAA;AAAA,MACTF,EAAA,SAAeG,EAAA,MAAQ,eAAtCQ,EAAgHC,GAAA;AAAA;QAAjE,SAAST,EAAA;AAAA,QAAU,iBAAeJ,EAAA,SAAS;AAAA,MAAA;;;;"}

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChartStackedBarCompact.vue2.js","sources":["../../../src/components/PlChartStackedBar/PlChartStackedBarCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { PlChartStackedBarSettingsCompact } from './types';\nimport StackedRowCompact from './StackedRowCompact.vue';\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettingsCompact;\n}>();\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <StackedRowCompact :value=\"data\"/>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","computed"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC,GAIRC,IAAOC,EAAS,MACbH,EAAM,SAAS,QAAQ,CAAA,CAC/B;;;;;;;;"}
+{"version":3,"file":"PlChartStackedBarCompact.vue2.js","sources":["../../../src/components/PlChartStackedBar/PlChartStackedBarCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { PlChartStackedBarSettingsCompact } from './types';\nimport StackedRowCompact from './StackedRowCompact.vue';\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettingsCompact;\n}>();\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <StackedRowCompact :value=\"data\"/>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","computed","_createElementBlock","_normalizeClass","$style","_createVNode","StackedRowCompact"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC,GAIRC,IAAOC,EAAS,MACbH,EAAM,SAAS,QAAQ,CAAA,CAC/B;2BAICI,EAEM,OAAA;AAAA,MAFA,OAAKC,EAAEC,EAAAA,OAAO,SAAS;AAAA,IAAA;MAC3BC,EAAkCC,GAAA,EAAd,OAAON,EAAA,MAAA,GAAI,MAAA,GAAA,CAAA,OAAA,CAAA;AAAA,IAAA;;;"}

package/dist/components/PlChartStackedBar/StackedRow.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedRow.vue2.js","sources":["../../../src/components/PlChartStackedBar/StackedRow.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: '82px',\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\nconst trackTransforms = [-40, -50, -50, -50, -80];\n</script>\n\n<template>\n  <div\n    :class=\"[$style.component]\" :style=\"style\"\n  >\n    <div :class=\"$style.track\">\n      <div\n        v-for=\"(v, i) in [0, 25, 50, 75, 100]\"\n        :key=\"i\"\n        :style=\"{\n          left: `${v}%`,\n          '--transform': `translateX(${trackTransforms[i]}%)`\n        }\"\n        :data-content=\"`${v}%`\"\n      />\n    </div>\n    <div :class=\"$style.container\">\n      <div v-if=\"!parts.length\" :class=\"$style.notReady\">Not ready</div>\n      <div\n        v-for=\"(p, i) in parts\"\n        :key=\"i\"\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  height: auto;\n  position: relative;\n  overflow: visible;\n  border: 1px solid var(--txt-01);\n  padding: 12px 6px;\n  border-radius: 0;\n  margin-bottom: 24px;\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  overflow: hidden;\n  > div {\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.track {\n  position: absolute;\n  top: 0;\n  left: 6px;\n  right: 6px;\n  bottom: 0;\n  /* z-index: 1; */\n  > div {\n    height: 100%;\n    position: absolute;\n    bottom: 0;\n    border-left: 1px solid #e1e3eb;\n    &::after {\n      position: absolute;\n      content: attr(data-content);\n      transform: var(--transform);\n      left: 0;\n      bottom: -24px;\n    }\n  }\n}\n\n.notReady {\n  color: var(--txt-03) !important;\n}\n\n.component .notReady {\n  font-size: larger;\n  font-weight: bolder;\n  color: var(--txt-mask);\n  margin-left: 24px;\n}\n\n.component .container {\n  position: relative;\n  z-index: 1;\n}\n</style>\n"],"names":["props","__props","style","computed","parts","total","res","it","p","fraction","label","trackTransforms"],"mappings":";;;;;;;;AAIA,UAAMA,IAAQC,GAKRC,IAAQC,EAAS,OAAO;AAAA,MAC5B,QAAQH,EAAM,UAAU;AAAA,MACxB,WAAW;AAAA,IAAA,EACX,GAEII,IAAQD,EAAS,MAAM;AAC3B,YAAMC,IAAQJ,EAAM,SAAS,CAAA,GACvBK,IAAQD,EAAM,OAAO,CAACE,GAAKC,MAAOD,IAAMC,EAAG,OAAO,CAAC;AACzD,aAAOH,EAAM,IAAI,CAACI,MAAM;AACtB,cAAMC,IAAYD,EAAE,QAAQH,IAAS,KAC/BK,IAAQF,EAAE;AAChB,eAAO;AAAA,UACL,OAAOA,EAAE,MAAM,SAAA;AAAA,UACf,aAAaA,EAAE;AAAA,UACf,UAAAC;AAAA,UACA,OAAAC;AAAA,QAAA;AAAA,MAEJ,CAAC;AAAA,IACH,CAAC,GAEKC,IAAkB,CAAC,KAAK,KAAK,KAAK,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"StackedRow.vue2.js","sources":["../../../src/components/PlChartStackedBar/StackedRow.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: '82px',\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\nconst trackTransforms = [-40, -50, -50, -50, -80];\n</script>\n\n<template>\n  <div\n    :class=\"[$style.component]\" :style=\"style\"\n  >\n    <div :class=\"$style.track\">\n      <div\n        v-for=\"(v, i) in [0, 25, 50, 75, 100]\"\n        :key=\"i\"\n        :style=\"{\n          left: `${v}%`,\n          '--transform': `translateX(${trackTransforms[i]}%)`\n        }\"\n        :data-content=\"`${v}%`\"\n      />\n    </div>\n    <div :class=\"$style.container\">\n      <div v-if=\"!parts.length\" :class=\"$style.notReady\">Not ready</div>\n      <div\n        v-for=\"(p, i) in parts\"\n        :key=\"i\"\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  height: auto;\n  position: relative;\n  overflow: visible;\n  border: 1px solid var(--txt-01);\n  padding: 12px 6px;\n  border-radius: 0;\n  margin-bottom: 24px;\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  overflow: hidden;\n  > div {\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.track {\n  position: absolute;\n  top: 0;\n  left: 6px;\n  right: 6px;\n  bottom: 0;\n  /* z-index: 1; */\n  > div {\n    height: 100%;\n    position: absolute;\n    bottom: 0;\n    border-left: 1px solid #e1e3eb;\n    &::after {\n      position: absolute;\n      content: attr(data-content);\n      transform: var(--transform);\n      left: 0;\n      bottom: -24px;\n    }\n  }\n}\n\n.notReady {\n  color: var(--txt-03) !important;\n}\n\n.component .notReady {\n  font-size: larger;\n  font-weight: bolder;\n  color: var(--txt-mask);\n  margin-left: 24px;\n}\n\n.component .container {\n  position: relative;\n  z-index: 1;\n}\n</style>\n"],"names":["props","__props","style","computed","parts","total","res","it","p","fraction","label","trackTransforms","_createElementBlock","_normalizeClass","$style","_createElementVNode","_openBlock","_Fragment","_renderList","v","i","_normalizeStyle"],"mappings":";;;;;;;;AAIA,UAAMA,IAAQC,GAKRC,IAAQC,EAAS,OAAO;AAAA,MAC5B,QAAQH,EAAM,UAAU;AAAA,MACxB,WAAW;AAAA,IAAA,EACX,GAEII,IAAQD,EAAS,MAAM;AAC3B,YAAMC,IAAQJ,EAAM,SAAS,CAAA,GACvBK,IAAQD,EAAM,OAAO,CAACE,GAAKC,MAAOD,IAAMC,EAAG,OAAO,CAAC;AACzD,aAAOH,EAAM,IAAI,CAACI,MAAM;AACtB,cAAMC,IAAYD,EAAE,QAAQH,IAAS,KAC/BK,IAAQF,EAAE;AAChB,eAAO;AAAA,UACL,OAAOA,EAAE,MAAM,SAAA;AAAA,UACf,aAAaA,EAAE;AAAA,UACf,UAAAC;AAAA,UACA,OAAAC;AAAA,QAAA;AAAA,MAEJ,CAAC;AAAA,IACH,CAAC,GAEKC,IAAkB,CAAC,KAAK,KAAK,KAAK,KAAK,GAAG;2BAI9CC,EA0BM,OAAA;AAAA,MAzBH,OAAKC,EAAA,CAAGC,EAAAA,OAAO,SAAS,CAAA;AAAA,MAAI,SAAOZ,EAAA,KAAK;AAAA,IAAA;MAEzCa,EAUM,OAAA;AAAA,QAVA,OAAKF,EAAEC,EAAAA,OAAO,KAAK;AAAA,MAAA;SACvBE,EAAA,GAAAJ,EAQEK,GAAA,MAAAC,EAPiB,CAAA,GAAA,IAAA,IAAA,IAAA,GAAA,GAAoB,CAA7BC,GAAGC,MADbL,EAQE,OAAA;AAAA,UANC,KAAKK;AAAA,UACL,OAAKC,EAAA;AAAA,qBAAuBF,CAAC;AAAA,YAA4C,eAAA,cAAAR,EAAgBS,CAAC,CAAA;AAAA,UAAA;UAI1F,mBAAiBD,CAAC;AAAA,QAAA;;MAGvBJ,EAWM,OAAA;AAAA,QAXA,OAAKF,EAAEC,EAAAA,OAAO,SAAS;AAAA,MAAA;QACfV,EAAA,MAAM,2BAAlBQ,EAAkE,OAAA;AAAA;UAAvC,OAAKC,EAAEC,EAAAA,OAAO,QAAQ;AAAA,QAAA,GAAE,aAAS,CAAA;AAAA,SAC5DE,EAAA,EAAA,GAAAJ,EAQEK,GAAA,MAAAC,EAPiBd,EAAA,OAAK,CAAdI,GAAGY,YADbR,EAQE,OAAA;AAAA,UANC,KAAKQ;AAAA,UACL,UAAYZ,EAAE,eAAeA,EAAE;AAAA,UAC/B,OAAKa,EAAA;AAAA,YAAwB,OAAA,GAAAb,EAAE,QAAQ;AAAA,YAAgC,iBAAAA,EAAE;AAAA,UAAA;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"StackedRowCompact.vue2.js","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\n    :class=\"[$style.component]\" :style=\"style\"\n  >\n    <div :class=\"$style.container\">\n      <div v-if=\"!parts.length\" :class=\"$style.notReady\">Not ready</div>\n      <div\n        v-for=\"(p, i) in parts\"\n        :key=\"i\"\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"],"names":["props","__props","style","computed","parts","total","res","it","p","fraction","label"],"mappings":";;;;;;;;AAIA,UAAMA,IAAQC,GAKRC,IAAQC,EAAS,OAAO;AAAA,MAC5B,QAAQH,EAAM,UAAU;AAAA,MACxB,WAAW;AAAA,IAAA,EACX,GAEII,IAAQD,EAAS,MAAM;AAC3B,YAAMC,IAAQJ,EAAM,SAAS,CAAA,GACvBK,IAAQD,EAAM,OAAO,CAACE,GAAKC,MAAOD,IAAMC,EAAG,OAAO,CAAC;AACzD,aAAOH,EAAM,IAAI,CAACI,MAAM;AACtB,cAAMC,IAAYD,EAAE,QAAQH,IAAS,KAC/BK,IAAQF,EAAE;AAChB,eAAO;AAAA,UACL,OAAOA,EAAE,MAAM,SAAA;AAAA,UACf,aAAaA,EAAE;AAAA,UACf,UAAAC;AAAA,UACA,OAAAC;AAAA,QAAA;AAAA,MAEJ,CAAC;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"StackedRowCompact.vue2.js","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\n    :class=\"[$style.component]\" :style=\"style\"\n  >\n    <div :class=\"$style.container\">\n      <div v-if=\"!parts.length\" :class=\"$style.notReady\">Not ready</div>\n      <div\n        v-for=\"(p, i) in parts\"\n        :key=\"i\"\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"],"names":["props","__props","style","computed","parts","total","res","it","p","fraction","label","_createElementBlock","_normalizeClass","$style","_createElementVNode","_openBlock","_Fragment","_renderList","i","_normalizeStyle"],"mappings":";;;;;;;;AAIA,UAAMA,IAAQC,GAKRC,IAAQC,EAAS,OAAO;AAAA,MAC5B,QAAQH,EAAM,UAAU;AAAA,MACxB,WAAW;AAAA,IAAA,EACX,GAEII,IAAQD,EAAS,MAAM;AAC3B,YAAMC,IAAQJ,EAAM,SAAS,CAAA,GACvBK,IAAQD,EAAM,OAAO,CAACE,GAAKC,MAAOD,IAAMC,EAAG,OAAO,CAAC;AACzD,aAAOH,EAAM,IAAI,CAACI,MAAM;AACtB,cAAMC,IAAYD,EAAE,QAAQH,IAAS,KAC/BK,IAAQF,EAAE;AAChB,eAAO;AAAA,UACL,OAAOA,EAAE,MAAM,SAAA;AAAA,UACf,aAAaA,EAAE;AAAA,UACf,UAAAC;AAAA,UACA,OAAAC;AAAA,QAAA;AAAA,MAEJ,CAAC;AAAA,IACH,CAAC;2BAICC,EAeM,OAAA;AAAA,MAdH,OAAKC,EAAA,CAAGC,EAAAA,OAAO,SAAS,CAAA;AAAA,MAAI,SAAOX,EAAA,KAAK;AAAA,IAAA;MAEzCY,EAWM,OAAA;AAAA,QAXA,OAAKF,EAAEC,EAAAA,OAAO,SAAS;AAAA,MAAA;QACfT,EAAA,MAAM,2BAAlBO,EAAkE,OAAA;AAAA;UAAvC,OAAKC,EAAEC,EAAAA,OAAO,QAAQ;AAAA,QAAA,GAAE,aAAS,CAAA;AAAA,SAC5DE,EAAA,EAAA,GAAAJ,EAQEK,GAAA,MAAAC,EAPiBb,EAAA,OAAK,CAAdI,GAAGU,YADbP,EAQE,OAAA;AAAA,UANC,KAAKO;AAAA,UACL,UAAYV,EAAE,eAAeA,EAAE;AAAA,UAC/B,OAAKW,EAAA;AAAA,YAAwB,OAAA,GAAAX,EAAE,QAAQ;AAAA,YAAgC,iBAAAA,EAAE;AAAA,UAAA;;;;;;"}

package/dist/components/PlCheckbox/PlCheckbox.vue.js

@@ -1,10 +1,10 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".pl-checkbox{--color-label: var(--color-text);--cursor-label: pointer;display:flex;align-items:center;gap:8px}.pl-checkbox.disabled{--color-label: var(--color-dis-01);--cursor-label: default;pointer-events:none}.pl-checkbox>label{-webkit-user-select:none;user-select:none;color:var(--color-label);cursor:var(--cursor-label);font-size:14px;font-weight:500;display:inline-flex;align-items:center}")),document.head.appendChild(e)}}catch(l){console.error("vite-plugin-css-injected-by-js",l)}})();
-import { defineComponent as p, useSlots as r, createElementBlock as u, createBlock as i, unref as f, openBlock as a, normalizeClass as V, createVNode as k, createElementVNode as $, mergeProps as d, renderSlot as b } from "vue";
+import { defineComponent as r, useSlots as u, createElementBlock as p, createBlock as i, unref as f, openBlock as d, normalizeClass as V, createVNode as k, createElementVNode as $, mergeProps as n, renderSlot as b } from "vue";
 
-import n from "./PlCheckboxBase.vue.js";
+import m from "./PlCheckboxBase.vue.js";
 const B = {
   name: "PlCheckbox"
-}, v = /* @__PURE__ */ p({
+}, v = /* @__PURE__ */ r({
   ...B,
   props: {
     modelValue: { type: Boolean },
@@ -12,22 +12,22 @@ const B = {
     indeterminate: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(m) {
-    const t = m, s = r();
-    return (e, l) => f(s).default ? (a(), u("div", {
+  setup(t) {
+    const a = t, s = u();
+    return (l, e) => f(s).default ? (d(), p("div", {
       key: 0,
-      class: V(["pl-checkbox", { disabled: e.disabled }])
+      class: V(["pl-checkbox", { disabled: t.disabled }])
     }, [
-      k(n, d(t, {
-        "onUpdate:modelValue": l[0] || (l[0] = (o) => e.$emit("update:modelValue", o))
+      k(m, n(a, {
+        "onUpdate:modelValue": e[0] || (e[0] = (o) => l.$emit("update:modelValue", o))
       }), null, 16),
       $("label", {
-        onClick: l[1] || (l[1] = (o) => e.$emit("update:modelValue", !e.$props.modelValue))
+        onClick: e[1] || (e[1] = (o) => l.$emit("update:modelValue", !l.$props.modelValue))
       }, [
-        b(e.$slots, "default")
+        b(l.$slots, "default")
       ])
-    ], 2)) : (a(), i(n, d({ key: 1 }, t, {
-      "onUpdate:modelValue": l[2] || (l[2] = (o) => e.$emit("update:modelValue", o))
+    ], 2)) : (d(), i(m, n({ key: 1 }, a, {
+      "onUpdate:modelValue": e[2] || (e[2] = (o) => l.$emit("update:modelValue", o))
     }), null, 16));
   }
 });

package/dist/components/PlCheckbox/PlCheckbox.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlCheckbox.vue.js","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 }\">\n    <PlCheckboxBase v-bind=\"props\" @update:model-value=\"$emit('update:modelValue', $event)\" />\n    <label @click=\"$emit('update:modelValue', !$props.modelValue)\"><slot /></label>\n  </div>\n  <PlCheckboxBase v-else v-bind=\"props\" @update:model-value=\"$emit('update:modelValue', $event)\" />\n</template>\n"],"names":["__default__","props","__props","slots","useSlots"],"mappings":";;;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;AAeA,UAAMC,IAAQC,GAeRC,IAAQC,EAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlCheckbox.vue.js","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 }\">\n    <PlCheckboxBase v-bind=\"props\" @update:model-value=\"$emit('update:modelValue', $event)\" />\n    <label @click=\"$emit('update:modelValue', !$props.modelValue)\"><slot /></label>\n  </div>\n  <PlCheckboxBase v-else v-bind=\"props\" @update:model-value=\"$emit('update:modelValue', $event)\" />\n</template>\n"],"names":["__default__","props","__props","slots","useSlots","_unref","_createElementBlock","_normalizeClass","_createVNode","PlCheckboxBase","_mergeProps","_cache","$event","$emit","_createElementVNode","$props","_renderSlot","_ctx","_createBlock"],"mappings":";;;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;AAeA,UAAMC,IAAQC,GAeRC,IAAQC,EAAA;qBAIDC,EAAAF,CAAA,EAAK,gBAAhBG,EAGM,OAAA;AAAA;MAHuB,OAAKC,EAAA,CAAC,eAAa,EAAA,UAAWL,EAAA,UAAQ,CAAA;AAAA,IAAA;MACjEM,EAA0FC,GAA1FC,EAA0FT,GAA7D;AAAA,QAAG,uBAAkBU,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAAA,MAAK,qBAAsBD,CAAM;AAAA,MAAA;MACrFE,EAA+E,SAAA;AAAA,QAAvE,SAAKH,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAAA,MAAK,qBAAA,CAAuBE,EAAAA,OAAO,UAAU;AAAA,MAAA;QAAGC,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;mBAEzEC,EAAiGT,GAAjGC,EAAiG,EAAA,KAAA,EAAA,GAAlET,GAAK;AAAA,MAAG,uBAAkBU,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAAA,MAAK,qBAAsBD,CAAM;AAAA,IAAA;;;"}

package/dist/components/PlCheckbox/PlCheckboxBase.vue.js

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`.pl-checkbox-base{--enabled-unchecked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.5%204.5H4.5L4.5%2019.5H19.5V4.5ZM4.5%203C3.67157%203%203%203.67157%203%204.5V19.5C3%2020.3284%203.67157%2021%204.5%2021H19.5C20.3284%2021%2021%2020.3284%2021%2019.5V4.5C21%203.67157%2020.3284%203%2019.5%203H4.5Z'%20fill='%23110529'/%3e%3c/svg%3e");--enabled-checked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='%23110529'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.5431%208.51739L10.3333%2016.0877L6.45691%2012.0174L7.54312%2010.9829L10.3333%2013.9127L16.4569%207.48291L17.5431%208.51739Z'%20fill='white'/%3e%3c/svg%3e");--enabled-indeterminate-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='%23110529'/%3e%3cpath%20d='M7%2012H17'%20stroke='white'%20stroke-width='1.5'/%3e%3c/svg%3e");--disabled-unchecked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.5%204.5H4.5L4.5%2019.5H19.5V4.5ZM4.5%203C3.67157%203%203%203.67157%203%204.5V19.5C3%2020.3284%203.67157%2021%204.5%2021H19.5C20.3284%2021%2021%2020.3284%2021%2019.5V4.5C21%203.67157%2020.3284%203%2019.5%203H4.5Z'%20fill='%23CFD1DB'/%3e%3c/svg%3e");--disabled-checked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='%23CFD1DB'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.5431%208.51739L10.3333%2016.0877L6.45691%2012.0174L7.54312%2010.9829L10.3333%2013.9127L16.4569%207.48291L17.5431%208.51739Z'%20fill='white'/%3e%3c/svg%3e");--disabled-indeterminate-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='%23CFD1DB'/%3e%3cpath%20d='M7%2012H17'%20stroke='white'%20stroke-width='1.5'/%3e%3c/svg%3e");cursor:pointer;outline:none;border-radius:4px;min-block-size:24px;min-inline-size:24px;background:var(--enabled-unchecked-icon) no-repeat center}.pl-checkbox-base.checked{background-image:var(--enabled-checked-icon)}.pl-checkbox-base.indeterminate{background-image:var(--enabled-indeterminate-icon)}.pl-checkbox-base.disabled{background-image:var(--disabled-unchecked-icon);pointer-events:none}.pl-checkbox-base.disabled:is(.checked){background-image:var(--disabled-checked-icon);pointer-events:none}.pl-checkbox-base:focus-visible{box-shadow:0 0 0 2px var(--border-color-focus)}[data-theme=dark] .pl-checkbox-base{--enabled-unchecked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.5%204.5H4.5L4.5%2019.5H19.5V4.5ZM4.5%203C3.67157%203%203%203.67157%203%204.5V19.5C3%2020.3284%203.67157%2021%204.5%2021H19.5C20.3284%2021%2021%2020.3284%2021%2019.5V4.5C21%203.67157%2020.3284%203%2019.5%203H4.5Z'%20fill='white'/%3e%3c/svg%3e");--enabled-checked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.5431%208.51739L10.3333%2016.0877L6.45691%2012.0174L7.54312%2010.9829L10.3333%2013.9127L16.4569%207.48291L17.5431%208.51739Z'%20fill='%23110529'/%3e%3c/svg%3e");--enabled-indeterminate-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='white'/%3e%3cpath%20d='M7%2012H17'%20stroke='%23110529'%20stroke-width='1.5'/%3e%3c/svg%3e");--disabled-unchecked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.5%204.5H4.5L4.5%2019.5H19.5V4.5ZM4.5%203C3.67157%203%203%203.67157%203%204.5V19.5C3%2020.3284%203.67157%2021%204.5%2021H19.5C20.3284%2021%2021%2020.3284%2021%2019.5V4.5C21%203.67157%2020.3284%203%2019.5%203H4.5Z'%20fill='%233D3D42'/%3e%3c/svg%3e");--disabled-checked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='%233D3D42'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.5431%208.51739L10.3333%2016.0877L6.45691%2012.0174L7.54312%2010.9829L10.3333%2013.9127L16.4569%207.48291L17.5431%208.51739Z'%20fill='%231B1B1F'/%3e%3c/svg%3e");--disabled-indeterminate-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='%233D3D42'/%3e%3cpath%20d='M7%2012H17'%20stroke='%231B1B1F'%20stroke-width='1.5'/%3e%3c/svg%3e")}`)),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-import { defineComponent as a, createElementBlock as d, openBlock as i, withKeys as m, normalizeClass as s, withModifiers as p } from "vue";
+import { defineComponent as a, createElementBlock as d, openBlock as i, withKeys as m, normalizeClass as s, withModifiers as u } from "vue";
 
 const b = /* @__PURE__ */ a({
   __name: "PlCheckboxBase",
@@ -9,16 +9,16 @@ const b = /* @__PURE__ */ a({
     indeterminate: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    const l = t;
-    return (e, o) => (i(), d("div", {
+  setup(e) {
+    const l = e;
+    return (o, t) => (i(), d("div", {
       tabindex: "0",
       class: s(["pl-checkbox-base", {
         ...l.indeterminate ? { indeterminate: !0 } : { checked: l.modelValue },
         disabled: e.disabled
       }]),
-      onClick: o[0] || (o[0] = (n) => e.$emit("update:modelValue", !e.modelValue)),
-      onKeydown: o[1] || (o[1] = m(p((n) => e.$emit("update:modelValue", !e.modelValue), ["prevent"]), ["space"]))
+      onClick: t[0] || (t[0] = (n) => o.$emit("update:modelValue", !e.modelValue)),
+      onKeydown: t[1] || (t[1] = m(u((n) => o.$emit("update:modelValue", !e.modelValue), ["prevent"]), ["space"]))
     }, null, 34));
   }
 });

package/dist/components/PlCheckbox/PlCheckboxBase.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlCheckboxBase.vue.js","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    :class=\"{\n      ...(props.indeterminate\n        ? { indeterminate: true }\n        : { checked: props.modelValue }),\n      disabled,\n    }\"\n    @click=\"$emit('update:modelValue', !modelValue)\"\n    @keydown.space.prevent=\"$emit('update:modelValue', !modelValue)\"\n  />\n</template>\n"],"names":["props","__props"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC;;;;;;;;;;;;"}
+{"version":3,"file":"PlCheckboxBase.vue.js","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    :class=\"{\n      ...(props.indeterminate\n        ? { indeterminate: true }\n        : { checked: props.modelValue }),\n      disabled,\n    }\"\n    @click=\"$emit('update:modelValue', !modelValue)\"\n    @keydown.space.prevent=\"$emit('update:modelValue', !modelValue)\"\n  />\n</template>\n"],"names":["props","__props","_createElementBlock","_cache","$event","$emit","_withKeys","_withModifiers"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC;2BAQZC,EAWE,OAAA;AAAA,MAVA,UAAS;AAAA,MACT,UAAM,oBAAkB;AAAA,QACJ,GAAAF,EAAM,wCAAqE,EAAA,SAAAA,EAAM,WAAA;AAAA,kBAAqBC,EAAA;AAAA,MAAA;MAMzH,SAAKE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAAA,MAAK,qBAAA,CAAuBJ,EAAA,UAAU;AAAA,MAC7C,WAAOE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAG,EAAAC,EAAA,CAAAH,MAAgBC,EAAAA,MAAK,qBAAA,CAAuBJ,EAAA,UAAU,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,IAAA;;;"}

package/dist/components/PlCheckboxGroup/PlCheckboxGroup.vue.js

@@ -1,12 +1,12 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".pl-checkbox-group{--color-label: var(--color-text);--cursor-label: pointer;display:flex;flex-direction:column;font-family:var(--font-family-base)}.pl-checkbox-group.disabled{--color-label: var(--color-dis-01);--cursor-label: default;pointer-events:none}.pl-checkbox-group>label{color:var(--color-label);cursor:var(--cursor-label);display:flex;align-items:center;gap:4px;margin-bottom:6px;font-size:14px;font-weight:600;line-height:20px}.pl-checkbox-group>div{height:32px;display:flex;flex-direction:row;align-items:center;gap:8px}.pl-checkbox-group>div>label{font-size:14px;font-weight:500}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import { defineComponent as _, useSlots as k, createElementBlock as a, openBlock as o, normalizeClass as h, createCommentVNode as i, createElementVNode as r, createBlock as v, toDisplayString as u, unref as m, withCtx as C, renderSlot as y, Fragment as B, renderList as g, createVNode as N, withModifiers as S } from "vue";
+import { defineComponent as k, useSlots as h, createElementBlock as a, openBlock as t, normalizeClass as v, createCommentVNode as u, createElementVNode as r, createBlock as C, toDisplayString as c, unref as m, withCtx as _, renderSlot as x, Fragment as y, renderList as B, createVNode as g, withModifiers as N } from "vue";
 
-import $ from "../PlCheckbox/PlCheckboxBase.vue.js";
-import w from "../PlTooltip/PlTooltip.vue.js";
-const E = { key: 0 }, M = ["onClick"], U = {
+import S from "../PlCheckbox/PlCheckboxBase.vue.js";
+import $ from "../PlTooltip/PlTooltip.vue.js";
+const w = { key: 0 }, E = ["onClick"], M = {
   name: "PlCheckboxGroup"
-}, L = /* @__PURE__ */ _({
-  ...U,
+}, G = /* @__PURE__ */ k({
+  ...M,
   props: {
     modelValue: {},
     label: {},
@@ -14,42 +14,42 @@ const E = { key: 0 }, M = ["onClick"], U = {
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(p, { emit: c }) {
-    const b = k(), f = c, s = p, n = (e) => s.modelValue.includes(e), d = (e) => {
-      const t = s.modelValue ?? [];
-      f("update:modelValue", n(e) ? t.filter((l) => l !== e) : [...t, e]);
+  setup(o, { emit: b }) {
+    const p = h(), f = b, s = o, d = (l) => s.modelValue.includes(l), i = (l) => {
+      const n = s.modelValue ?? [];
+      f("update:modelValue", d(l) ? n.filter((e) => e !== l) : [...n, l]);
     };
-    return (e, t) => (o(), a("div", {
-      class: h(["pl-checkbox-group", { disabled: e.disabled }])
+    return (l, n) => (t(), a("div", {
+      class: v(["pl-checkbox-group", { disabled: o.disabled }])
     }, [
-      e.label ? (o(), a("label", E, [
-        r("span", null, u(e.label), 1),
-        m(b).tooltip ? (o(), v(m(w), {
+      o.label ? (t(), a("label", w, [
+        r("span", null, c(o.label), 1),
+        m(p).tooltip ? (t(), C(m($), {
           key: 0,
           class: "info",
           position: "top"
         }, {
-          tooltip: C(() => [
-            y(e.$slots, "tooltip")
+          tooltip: _(() => [
+            x(l.$slots, "tooltip")
           ]),
           _: 3
-        })) : i("", !0)
-      ])) : i("", !0),
-      (o(!0), a(B, null, g(e.options.map((l) => ({ label: "label" in l ? l.label : l.text, value: l.value })), (l, V) => (o(), a("div", { key: V }, [
-        N($, {
-          disabled: e.disabled,
-          label: l.label,
-          "model-value": n(l.value),
-          "onUpdate:modelValue": () => d(l.value)
+        })) : u("", !0)
+      ])) : u("", !0),
+      (t(!0), a(y, null, B(o.options.map((e) => ({ label: "label" in e ? e.label : e.text, value: e.value })), (e, V) => (t(), a("div", { key: V }, [
+        g(S, {
+          disabled: o.disabled,
+          label: e.label,
+          "model-value": d(e.value),
+          "onUpdate:modelValue": () => i(e.value)
         }, null, 8, ["disabled", "label", "model-value", "onUpdate:modelValue"]),
         r("label", {
-          onClick: S(() => d(l.value), ["stop"])
-        }, u(l.label), 9, M)
+          onClick: N(() => i(e.value), ["stop"])
+        }, c(e.label), 9, E)
       ]))), 128))
     ], 2));
   }
 });
 export {
-  L as default
+  G as default
 };
 //# sourceMappingURL=PlCheckboxGroup.vue.js.map

package/dist/components/PlCheckboxGroup/PlCheckboxGroup.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlCheckboxGroup.vue.js","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('update:modelValue', hasValue(value) ? values.filter((v) => v !== value) : [...values, value]);\n};\n</script>\n\n<template>\n  <div class=\"pl-checkbox-group\" :class=\"{ disabled }\">\n    <label v-if=\"label\">\n      <span>{{ label }}</span>\n      <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n        <template #tooltip>\n          <slot name=\"tooltip\" />\n        </template>\n      </PlTooltip>\n    </label>\n    <div v-for=\"(opt, i) in options.map((it) => ({ label: 'label' in it ? it.label : it.text, value: it.value }))\" :key=\"i\">\n      <PlCheckboxBase :disabled=\"disabled\" :label=\"opt.label\" :model-value=\"hasValue(opt.value)\" @update:model-value=\"() => updateModel(opt.value)\" />\n      <label @click.stop=\"() => updateModel(opt.value)\">{{ opt.label }}</label>\n    </div>\n  </div>\n</template>\n"],"names":["__default__","slots","useSlots","emit","__emit","props","__props","hasValue","value","updateModel","values","v"],"mappings":";;;;uCAIAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;AAUA,UAAMC,IAAQC,EAAA,GAERC,IAAOC,GAIPC,IAAQC,GAmBRC,IAAW,CAACC,MACTH,EAAM,WAAW,SAASG,CAAK,GAGlCC,IAAc,CAACD,MAAa;AAChC,YAAME,IAASL,EAAM,cAAc,CAAA;AACnC,MAAAF,EAAK,qBAAqBI,EAASC,CAAK,IAAIE,EAAO,OAAO,CAACC,MAAMA,MAAMH,CAAK,IAAI,CAAC,GAAGE,GAAQF,CAAK,CAAC;AAAA,IACpG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlCheckboxGroup.vue.js","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('update:modelValue', hasValue(value) ? values.filter((v) => v !== value) : [...values, value]);\n};\n</script>\n\n<template>\n  <div class=\"pl-checkbox-group\" :class=\"{ disabled }\">\n    <label v-if=\"label\">\n      <span>{{ label }}</span>\n      <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n        <template #tooltip>\n          <slot name=\"tooltip\" />\n        </template>\n      </PlTooltip>\n    </label>\n    <div v-for=\"(opt, i) in options.map((it) => ({ label: 'label' in it ? it.label : it.text, value: it.value }))\" :key=\"i\">\n      <PlCheckboxBase :disabled=\"disabled\" :label=\"opt.label\" :model-value=\"hasValue(opt.value)\" @update:model-value=\"() => updateModel(opt.value)\" />\n      <label @click.stop=\"() => updateModel(opt.value)\">{{ opt.label }}</label>\n    </div>\n  </div>\n</template>\n"],"names":["__default__","slots","useSlots","emit","__emit","props","__props","hasValue","value","updateModel","values","v","_createElementBlock","_normalizeClass","_hoisted_1","_createElementVNode","_unref","_createBlock","PlTooltip","_renderSlot","_ctx","_Fragment","_renderList","it","opt","i","_createVNode","PlCheckboxBase","_withModifiers","_toDisplayString","_hoisted_2"],"mappings":";;;;uCAIAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;AAUA,UAAMC,IAAQC,EAAA,GAERC,IAAOC,GAIPC,IAAQC,GAmBRC,IAAW,CAACC,MACTH,EAAM,WAAW,SAASG,CAAK,GAGlCC,IAAc,CAACD,MAAa;AAChC,YAAME,IAASL,EAAM,cAAc,CAAA;AACnC,MAAAF,EAAK,qBAAqBI,EAASC,CAAK,IAAIE,EAAO,OAAO,CAACC,MAAMA,MAAMH,CAAK,IAAI,CAAC,GAAGE,GAAQF,CAAK,CAAC;AAAA,IACpG;2BAIEI,EAaM,OAAA;AAAA,MAbD,OAAKC,EAAA,CAAC,qBAAmB,EAAA,UAAWP,EAAA,UAAQ,CAAA;AAAA,IAAA;MAClCA,EAAA,cAAbM,EAOQ,SAAAE,GAAA;AAAA,QANNC,EAAwB,gBAAfT,EAAA,KAAK,GAAA,CAAA;AAAA,QACGU,EAAAf,CAAA,EAAM,gBAAvBgB,EAIYD,EAAAE,CAAA,GAAA;AAAA;UAJoB,OAAM;AAAA,UAAO,UAAS;AAAA,QAAA;UACzC,WACT,MAAuB;AAAA,YAAvBC,EAAuBC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;cAI7BR,EAGMS,GAAA,MAAAC,EAHkBhB,UAAQ,KAAKiB,OAAE,EAAA,OAAA,WAA0BA,IAAKA,EAAG,QAAQA,EAAG,MAAI,OAASA,EAAG,MAAA,EAAK,GAAA,CAA5FC,GAAKC,YAAlBb,EAGM,OAAA,EAH0G,KAAKa,KAAC;AAAA,QACpHC,EAAgJC,GAAA;AAAA,UAA/H,UAAUrB,EAAA;AAAA,UAAW,OAAOkB,EAAI;AAAA,UAAQ,eAAajB,EAASiB,EAAI,KAAK;AAAA,UAAI,uBAAkB,MAAQf,EAAYe,EAAI,KAAK;AAAA,QAAA;QAC3IT,EAAyE,SAAA;AAAA,UAAjE,SAAKa,EAAA,MAAanB,EAAYe,EAAI,KAAK,GAAA,CAAA,MAAA,CAAA;AAAA,QAAA,GAAMK,EAAAL,EAAI,KAAK,GAAA,GAAAM,CAAA;AAAA,MAAA;;;;"}

package/dist/components/PlChip/PlChip.vue.js

@@ -1,50 +1,50 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`.pl-chip-tooltip{display:inline-flex}.pl-chip{--chip-color: var(--txt-01);position:relative;display:inline-flex;align-items:center;gap:4px;padding:0 8px;height:32px;background:var(--chip-bg);border:var(--chip-border);border-radius:6px;max-width:256px;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weigh-base);line-height:calc(var(--line-height-base) + 2px);letter-spacing:-.2px;color:var(--chip-color)}.pl-chip.small{height:24px;padding:0 6px;border-radius:4px}.pl-chip.large{height:40px;padding:0 12px;border-radius:6px}[data-theme=dark] .pl-chip{color:#fff}.pl-chip__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pl-chip__close{cursor:pointer;--mask-color: var(--chip-close-ic-color)}.pl-chip__close:hover{--mask-color: var(--chip-close-ic-hover-color)}.pl-chip__close:focus-visible{--mask-color: var(--chip-close-ic-hover-color);box-shadow:0 0 0 2px var(--border-color-focus);border-radius:1px;outline:none}.pl-chip__close--icon{background:var(--mask-color);mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.00001%202.93933L8.00001%206.93933L12%202.93933L13.0607%203.99999L9.06067%207.99999L13.0607%2012L12%2013.0607L8.00001%209.06065L4.00001%2013.0607L2.93935%2012L6.93935%207.99999L2.93935%203.99999L4.00001%202.93933Z'%20fill='%23110529'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.00001%202.93933L8.00001%206.93933L12%202.93933L13.0607%203.99999L9.06067%207.99999L13.0607%2012L12%2013.0607L8.00001%209.06065L4.00001%2013.0607L2.93935%2012L6.93935%207.99999L2.93935%203.99999L4.00001%202.93933Z'%20fill='%23110529'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:16px;-webkit-mask-size:16px;width:16px;height:16px}`)),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-import { defineComponent as c, ref as i, onMounted as m, createBlock as d, openBlock as n, unref as f, createSlots as u, withCtx as p, createElementVNode as t, normalizeClass as v, createElementBlock as h, createCommentVNode as y, renderSlot as a, withModifiers as _, withKeys as k } from "vue";
+import { defineComponent as m, ref as n, onMounted as d, createBlock as f, openBlock as a, unref as u, createSlots as v, withCtx as p, createElementVNode as t, normalizeClass as h, createElementBlock as y, createCommentVNode as k, renderSlot as r, withModifiers as $, withKeys as C } from "vue";
 
-import $ from "../PlTooltip/PlTooltip.vue.js";
-const C = { class: "pl-chip__text" }, E = /* @__PURE__ */ c({
+import _ from "../PlTooltip/PlTooltip.vue.js";
+const w = { class: "pl-chip__text" }, E = /* @__PURE__ */ m({
   __name: "PlChip",
   props: {
     closeable: { type: Boolean },
     small: { type: Boolean }
   },
   emits: ["close"],
-  setup(w) {
-    const l = i(), s = i(!1);
-    return m(() => {
+  setup(s) {
+    const o = n(), i = n(!1);
+    return d(() => {
       var e;
-      l.value && (s.value = ((e = l.value) == null ? void 0 : e.clientWidth) >= 256);
-    }), (e, o) => (n(), d(f($), {
+      o.value && (i.value = ((e = o.value) == null ? void 0 : e.clientWidth) >= 256);
+    }), (e, l) => (a(), f(u(_), {
       position: "top",
       class: "pl-chip-tooltip",
       delay: 500
-    }, u({
+    }, v({
       default: p(() => [
         t("div", {
           ref_key: "chip",
-          ref: l,
-          class: v(["pl-chip", { small: e.small }])
+          ref: o,
+          class: h(["pl-chip", { small: s.small }])
         }, [
-          t("div", C, [
-            a(e.$slots, "default")
+          t("div", w, [
+            r(e.$slots, "default")
           ]),
-          e.closeable ? (n(), h("div", {
+          s.closeable ? (a(), y("div", {
             key: 0,
             tabindex: "0",
             class: "pl-chip__close",
-            onKeydown: o[0] || (o[0] = k((r) => e.$emit("close"), ["enter"])),
-            onClick: o[1] || (o[1] = _((r) => e.$emit("close"), ["stop"]))
-          }, o[2] || (o[2] = [
+            onKeydown: l[0] || (l[0] = C((c) => e.$emit("close"), ["enter"])),
+            onClick: l[1] || (l[1] = $((c) => e.$emit("close"), ["stop"]))
+          }, [...l[2] || (l[2] = [
             t("div", { class: "pl-chip__close--icon" }, null, -1)
-          ]), 32)) : y("", !0)
+          ])], 32)) : k("", !0)
         ], 2)
       ]),
       _: 2
     }, [
-      s.value ? {
+      i.value ? {
         name: "tooltip",
         fn: p(() => [
-          a(e.$slots, "default")
+          r(e.$slots, "default")
         ]),
         key: "0"
       } : void 0

package/dist/components/PlChip/PlChip.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChip.vue.js","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 position=\"top\" class=\"pl-chip-tooltip\" :delay=\"500\">\n    <template v-if=\"canShowTooltip\" #tooltip>\n      <slot />\n    </template>\n    <div ref=\"chip\" class=\"pl-chip\" :class=\"{ small }\">\n      <div class=\"pl-chip__text\">\n        <slot />\n      </div>\n      <div v-if=\"closeable\" tabindex=\"0\" class=\"pl-chip__close\" @keydown.enter=\"$emit('close')\" @click.stop=\"$emit('close')\">\n        <div class=\"pl-chip__close--icon\" />\n      </div>\n    </div>\n  </PlTooltip>\n</template>\n"],"names":["chip","ref","canShowTooltip","onMounted","_a"],"mappings":";;;;;;;;;;;AAYA,UAAMA,IAAOC,EAAA,GACPC,IAAiBD,EAAI,EAAK;AAEhC,WAAAE,EAAU,MAAM;;AACd,MAAIH,EAAK,UACPE,EAAe,UAAQE,IAAAJ,EAAK,UAAL,gBAAAI,EAAY,gBAAe;AAAA,IAEtD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlChip.vue.js","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 position=\"top\" class=\"pl-chip-tooltip\" :delay=\"500\">\n    <template v-if=\"canShowTooltip\" #tooltip>\n      <slot />\n    </template>\n    <div ref=\"chip\" class=\"pl-chip\" :class=\"{ small }\">\n      <div class=\"pl-chip__text\">\n        <slot />\n      </div>\n      <div v-if=\"closeable\" tabindex=\"0\" class=\"pl-chip__close\" @keydown.enter=\"$emit('close')\" @click.stop=\"$emit('close')\">\n        <div class=\"pl-chip__close--icon\" />\n      </div>\n    </div>\n  </PlTooltip>\n</template>\n"],"names":["chip","ref","canShowTooltip","onMounted","_a","_createBlock","_unref","PlTooltip","_createElementVNode","_normalizeClass","__props","_hoisted_1","_renderSlot","_ctx","_createElementBlock","$emit"],"mappings":";;;;;;;;;;;AAYA,UAAMA,IAAOC,EAAA,GACPC,IAAiBD,EAAI,EAAK;AAEhC,WAAAE,EAAU,MAAM;;AACd,MAAIH,EAAK,UACPE,EAAe,UAAQE,IAAAJ,EAAK,UAAL,gBAAAI,EAAY,gBAAe;AAAA,IAEtD,CAAC,mBAICC,EAYYC,EAAAC,CAAA,GAAA;AAAA,MAZD,UAAS;AAAA,MAAM,OAAM;AAAA,MAAmB,OAAO;AAAA,IAAA;iBAIxD,MAOM;AAAA,QAPNC,EAOM,OAAA;AAAA,mBAPG;AAAA,UAAJ,KAAIR;AAAA,UAAO,OAAKS,EAAA,CAAC,WAAS,EAAA,OAAWC,EAAA,OAAK,CAAA;AAAA,QAAA;UAC7CF,EAEM,OAFNG,GAEM;AAAA,YADJC,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;UAECH,EAAA,kBAAXI,EAEM,OAAA;AAAA;YAFgB,UAAS;AAAA,YAAI,OAAM;AAAA,YAAkB,oCAAeC,EAAAA,MAAK,OAAA,GAAA,CAAA,OAAA,CAAA;AAAA,YAAY,kCAAYA,EAAAA,MAAK,OAAA,GAAA,CAAA,MAAA,CAAA;AAAA,UAAA;YAC1GP,EAAoC,OAAA,EAA/B,OAAM,uBAAA,GAAsB,MAAA,EAAA;AAAA,UAAA;;;;;MARrBN,EAAA;cAAiB;AAAA,cAC/B,MAAQ;AAAA,UAARU,EAAQC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlClipboard.vue2.js","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 :name=\"iconName\" :size=\"props.size\" :class=\"$style.copy\" @click=\"onCopy\" />\n</template>\n\n<style module>\n.copy {\n  cursor: pointer;\n  display: block;\n}\n</style>\n"],"names":["__default__","props","__props","emit","__emit","copyEffect","ref","iconName","computed","timeoutId","onCopy","onUnmounted"],"mappings":";;AACA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;AAQA,UAAMC,IAAQC,GAIRC,IAAOC,GAEPC,IAAaC,EAAa,EAAK,GAE/BC,IAAWC,EAAS,MAAMH,EAAW,QAAQ,qBAAqB,WAAW;AAEnF,QAAII;AAEJ,aAASC,IAAS;AAChB,mBAAaD,CAAS,GACtBJ,EAAW,QAAQ,IACnBF,EAAK,MAAM,GACXM,IAAY,OAAO,WAAW,MAAM;AAClC,QAAAJ,EAAW,QAAQ;AAAA,MACrB,GAAG,GAAI;AAAA,IACT;AAEA,WAAAM,EAAY,MAAM;AAChB,mBAAaF,CAAS;AAAA,IACxB,CAAC;;;;;;;;"}
+{"version":3,"file":"PlClipboard.vue2.js","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 :name=\"iconName\" :size=\"props.size\" :class=\"$style.copy\" @click=\"onCopy\" />\n</template>\n\n<style module>\n.copy {\n  cursor: pointer;\n  display: block;\n}\n</style>\n"],"names":["__default__","props","__props","emit","__emit","copyEffect","ref","iconName","computed","timeoutId","onCopy","onUnmounted","_createBlock","_unref","PlMaskIcon16","_normalizeClass","$style"],"mappings":";;AACA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;AAQA,UAAMC,IAAQC,GAIRC,IAAOC,GAEPC,IAAaC,EAAa,EAAK,GAE/BC,IAAWC,EAAS,MAAMH,EAAW,QAAQ,qBAAqB,WAAW;AAEnF,QAAII;AAEJ,aAASC,IAAS;AAChB,mBAAaD,CAAS,GACtBJ,EAAW,QAAQ,IACnBF,EAAK,MAAM,GACXM,IAAY,OAAO,WAAW,MAAM;AAClC,QAAAJ,EAAW,QAAQ;AAAA,MACrB,GAAG,GAAI;AAAA,IACT;AAEA,WAAAM,EAAY,MAAM;AAChB,mBAAaF,CAAS;AAAA,IACxB,CAAC,mBAICG,EAAyFC,EAAAC,CAAA,GAAA;AAAA,MAA1E,MAAMP,EAAA;AAAA,MAAW,MAAMN,EAAM;AAAA,MAAO,OAAKc,EAAEC,EAAAA,OAAO,IAAI;AAAA,MAAG,SAAON;AAAA,IAAA;;;"}

package/dist/components/PlConfirmDialog.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as C, createBlock as _, openBlock as b, unref as i, withModifiers as m, withCtx as n, createVNode as f, createTextVNode as l, toDisplayString as a } from "vue";
+import { defineComponent as p, createBlock as _, openBlock as b, unref as c, withModifiers as m, withCtx as n, createVNode as r, createTextVNode as l, toDisplayString as a } from "vue";
 import k from "./PlBtnPrimary/PlBtnPrimary.vue.js";
 import V from "./PlBtnSecondary/PlBtnSecondary.vue.js";
 import g from "./PlDialogModal/PlDialogModal.vue.js";
-const v = /* @__PURE__ */ C({
+const $ = /* @__PURE__ */ p({
   __name: "PlConfirmDialog",
   props: {
     opened: { type: Boolean, default: !0 },
@@ -14,37 +14,37 @@ const v = /* @__PURE__ */ C({
     onCancel: { type: Function, default: void 0 }
   },
   emits: ["confirm", "cancel"],
-  setup(r, { emit: s }) {
-    const e = r, c = s, d = () => {
+  setup(i, { emit: d }) {
+    const e = i, f = d, s = () => {
       var o;
-      c("confirm"), (o = e.onConfirm) == null || o.call(e);
+      f("confirm"), (o = e.onConfirm) == null || o.call(e);
     }, u = () => {
       var o;
-      c("cancel"), (o = e.onCancel) == null || o.call(e);
+      f("cancel"), (o = e.onCancel) == null || o.call(e);
     };
-    return (o, t) => (b(), _(i(g), {
+    return (o, t) => (b(), _(c(g), {
       modelValue: e.opened,
-      "onUpdate:modelValue": t[0] || (t[0] = (p) => e.opened = p),
+      "onUpdate:modelValue": t[0] || (t[0] = (C) => e.opened = C),
       closable: !1,
       onClick: t[1] || (t[1] = m(() => {
       }, ["stop"]))
     }, {
       title: n(() => [
-        l(a(o.title), 1)
+        l(a(i.title), 1)
       ]),
       default: n(() => [
-        l(a(o.message), 1)
+        l(a(i.message), 1)
       ]),
       actions: n(() => [
-        f(i(k), {
-          onClick: m(d, ["stop"])
+        r(c(k), {
+          onClick: m(s, ["stop"])
         }, {
           default: n(() => [
             l(a(e.confirmLabel), 1)
           ]),
           _: 1
         }),
-        f(i(V), {
+        r(c(V), {
           onClick: m(u, ["stop"])
         }, {
           default: n(() => [
@@ -58,6 +58,6 @@ const v = /* @__PURE__ */ C({
   }
 });
 export {
-  v as default
+  $ as default
 };
 //# sourceMappingURL=PlConfirmDialog.vue.js.map

package/dist/components/PlConfirmDialog.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlConfirmDialog.vue.js","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    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 v-model=\"props.opened\" :closable=\"false\" @click.stop>\n    <template #title>\n      {{ title }}\n    </template>\n    <template #default>\n      {{ message }}\n    </template>\n    <template #actions>\n      <PlBtnPrimary @click.stop=\"handleConfirm\">\n        {{ props.confirmLabel }}\n      </PlBtnPrimary>\n      <PlBtnSecondary @click.stop=\"handleCancel\">\n        {{ props.cancelLabel }}\n      </PlBtnSecondary>\n    </template>\n  </PlDialogModal>\n</template>\n"],"names":["props","__props","emits","__emit","handleConfirm","_a","handleCancel"],"mappings":";;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GAgBRC,IAAQC,GAKRC,IAAgB,MAAM;;AAC1B,MAAAF,EAAM,SAAS,IACfG,IAAAL,EAAM,cAAN,QAAAK,EAAA,KAAAL;AAAA,IACF,GAEMM,IAAe,MAAM;;AACzB,MAAAJ,EAAM,QAAQ,IACdG,IAAAL,EAAM,aAAN,QAAAK,EAAA,KAAAL;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlConfirmDialog.vue.js","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    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 v-model=\"props.opened\" :closable=\"false\" @click.stop>\n    <template #title>\n      {{ title }}\n    </template>\n    <template #default>\n      {{ message }}\n    </template>\n    <template #actions>\n      <PlBtnPrimary @click.stop=\"handleConfirm\">\n        {{ props.confirmLabel }}\n      </PlBtnPrimary>\n      <PlBtnSecondary @click.stop=\"handleCancel\">\n        {{ props.cancelLabel }}\n      </PlBtnSecondary>\n    </template>\n  </PlDialogModal>\n</template>\n"],"names":["props","__props","emits","__emit","handleConfirm","_a","handleCancel","_createBlock","_unref","PlDialogModal","_cache","$event","_createVNode","PlBtnPrimary","_createTextVNode","_toDisplayString","PlBtnSecondary"],"mappings":";;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GAgBRC,IAAQC,GAKRC,IAAgB,MAAM;;AAC1B,MAAAF,EAAM,SAAS,IACfG,IAAAL,EAAM,cAAN,QAAAK,EAAA,KAAAL;AAAA,IACF,GAEMM,IAAe,MAAM;;AACzB,MAAAJ,EAAM,QAAQ,IACdG,IAAAL,EAAM,aAAN,QAAAK,EAAA,KAAAL;AAAA,IACF;2BAIEO,EAegBC,EAAAC,CAAA,GAAA;AAAA,MAfQ,YAAAT,EAAM;AAAA,MAAN,uBAAAU,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAX,EAAM,SAAMW;AAAA,MAAG,UAAU;AAAA,MAAQ,2BAAD,MAAA;AAAA,MAAA,GAAW,CAAA,MAAA,CAAA;AAAA,IAAA;MACtD,SACT,MAAW;AAAA,YAARV,EAAA,KAAK,GAAA,CAAA;AAAA,MAAA;MAEC,WACT,MAAa;AAAA,YAAVA,EAAA,OAAO,GAAA,CAAA;AAAA,MAAA;MAED,WACT,MAEe;AAAA,QAFfW,EAEeJ,EAAAK,CAAA,GAAA;AAAA,UAFA,WAAYT,GAAa,CAAA,MAAA,CAAA;AAAA,QAAA;qBACtC,MAAwB;AAAA,YAArBU,EAAAC,EAAAf,EAAM,YAAY,GAAA,CAAA;AAAA,UAAA;;;QAEvBY,EAEiBJ,EAAAQ,CAAA,GAAA;AAAA,UAFA,WAAYV,GAAY,CAAA,MAAA,CAAA;AAAA,QAAA;qBACvC,MAAuB;AAAA,YAApBQ,EAAAC,EAAAf,EAAM,WAAW,GAAA,CAAA;AAAA,UAAA;;;;;;;;"}