@milaboratories/uikit 2.10.37 → 2.10.39

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

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

package/dist/components/PlChartStackedBar/Legends.vue.css

@@ -0,0 +1 @@
+._component_blzj7_2{flex-direction:row;justify-content:space-between;gap:24px;display:flex}._legend_blzj7_9{flex-flow:column;flex:1;gap:4px;max-height:120px;margin-top:24px;display:flex}._chip_blzj7_19{border-radius:2px;flex-grow:0;width:16px;height:16px}._group_blzj7_26{flex-direction:column;gap:4px;display:flex}._item_blzj7_32{color:var(--color-txt-01);align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:20px;display:flex}

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

@@ -1,41 +1,29 @@
-import { defineComponent as y, computed as h, createElementBlock as s, openBlock as o, normalizeClass as r, Fragment as a, renderList as i, createElementVNode as f, createTextVNode as k, normalizeStyle as v, toDisplayString as C } from "vue";
-const B = /* @__PURE__ */ y({
-  __name: "Legends",
-  props: {
-    maxInColumn: {},
-    legends: {}
-  },
-  setup(p) {
-    function m(e, c) {
-      const l = [];
-      let n = [];
-      for (let t = 0; t < e.length; t++)
-        n.length < c ? n.push(e[t]) : (l.push(n), n = [e[t]]);
-      return l.push(n), l;
-    }
-    const u = p, d = h(() => m(u.legends, u.maxInColumn ?? 5));
-    return (e, c) => (o(), s("div", {
-      class: r(e.$style.component)
-    }, [
-      (o(!0), s(a, null, i(d.value, (l, n) => (o(), s("div", {
-        key: n,
-        class: r(e.$style.legend)
-      }, [
-        (o(!0), s(a, null, i(l, (t, g) => (o(), s("div", {
-          key: g,
-          class: r(e.$style.item)
-        }, [
-          f("div", {
-            class: r(e.$style.chip),
-            style: v({ backgroundColor: t.color.toString() })
-          }, null, 6),
-          k(" " + C(t.text), 1)
-        ], 2))), 128))
-      ], 2))), 128))
-    ], 2));
-  }
+import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderList as l, toDisplayString as u } from "vue";
+var d = /* @__PURE__ */ a({
+	__name: "Legends",
+	props: {
+		maxInColumn: {},
+		legends: {}
+	},
+	setup(a) {
+		function d(e, t) {
+			let n = [], r = [];
+			for (let i = 0; i < e.length; i++) r.length < t ? r.push(e[i]) : (n.push(r), r = [e[i]]);
+			return n.push(r), n;
+		}
+		let f = a, p = t(() => d(f.legends, f.maxInColumn ?? 5));
+		return (t, a) => (c(), n("div", { class: o(t.$style.component) }, [(c(!0), n(e, null, l(p.value, (a, d) => (c(), n("div", {
+			key: d,
+			class: o(t.$style.legend)
+		}, [(c(!0), n(e, null, l(a, (e, a) => (c(), n("div", {
+			key: a,
+			class: o(t.$style.item)
+		}, [r("div", {
+			class: o(t.$style.chip),
+			style: s({ backgroundColor: e.color.toString() })
+		}, null, 6), i(" " + u(e.text), 1)], 2))), 128))], 2))), 128))], 2));
+	}
 });
-export {
-  B as default
-};
-//# sourceMappingURL=Legends.vue2.js.map
+export { d as default };
+
+//# sourceMappingURL=Legends.vue2.js.map

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","_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;;;;;"}
+{"version":3,"file":"Legends.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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"],"mappings":";;;;;;;;EAIA,SAAS,EAAW,GAAU,GAAkB;GAC9C,IAAM,IAAM,EAAE,EACV,IAAa,EAAE;AAEnB,QAAK,IAAI,IAAI,GAAG,IAAI,EAAI,QAAQ,IAC9B,CAAI,EAAM,SAAS,IACjB,EAAM,KAAK,EAAI,GAAG,IAElB,EAAI,KAAK,EAAM,EACf,IAAQ,CAAC,EAAI,GAAG;AAMpB,UAFA,EAAI,KAAK,EAAM,EAER;;EAGT,IAAM,IAAQ,GAQR,IAAS,QACN,EAAQ,EAAM,SAAS,EAAM,eAAe,EAAE,CACrD;yBAIA,EAOM,OAAA,EAPA,OAAK,EAAEA,EAAAA,OAAO,UAAS,EAAA,EAAA,EAAA,EAAA,GAAA,EAC3B,EAKM,GAAA,MAAA,EALoB,EAAA,QAAb,GAAO,YAApB,EAKM,OAAA;GAL6B,KAAK;GAAI,OAAK,EAAEA,EAAAA,OAAO,OAAM;cAC9D,EAGM,GAAA,MAAA,EAHgB,IAAT,GAAG,YAAhB,EAGM,OAAA;GAHwB,KAAK;GAAI,OAAK,EAAEA,EAAAA,OAAO,KAAI;MACvD,EAA6E,OAAA;GAAvE,OAAK,EAAEA,EAAAA,OAAO,KAAI;GAAG,OAAK,EAAA,EAAA,iBAAqB,EAAE,MAAM,UAAQ,EAAA,CAAA;iBAAQ,MAC7E,EAAG,EAAE,KAAI,EAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/components/PlChartStackedBar/PlChartStackedBar.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlChartStackedBar.js","names":[],"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(() =>\n  data.value.map((p) => ({\n    color: p.color,\n    text: p.label,\n  })),\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\n      v-if=\"showLegends && legends.length\"\n      :legends=\"legends\"\n      :max-in-column=\"settings.maxLegendsInColumn\"\n    />\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"],"mappings":""}

package/dist/components/PlChartStackedBar/PlChartStackedBar.style.js

@@ -0,0 +1,7 @@
+import './PlChartStackedBar.vue.css';var e = {
+	component: "_component_1j1iz_1",
+	title: "_title_1j1iz_7"
+};
+export { e as default };
+
+//# sourceMappingURL=PlChartStackedBar.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlChartStackedBar.vue_vue_type_style_index_0_lang.module.js","names":[],"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(() =>\n  data.value.map((p) => ({\n    color: p.color,\n    text: p.label,\n  })),\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\n      v-if=\"showLegends && legends.length\"\n      :legends=\"legends\"\n      :max-in-column=\"settings.maxLegendsInColumn\"\n    />\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"],"mappings":""}

package/dist/components/PlChartStackedBar/PlChartStackedBar.vue.css

@@ -0,0 +1 @@
+._component_1j1iz_1{flex-direction:column;width:100%;display:flex}._title_1j1iz_7{letter-spacing:-.2px;margin-bottom:24px;font-size:20px;font-weight:500;line-height:24px}

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

@@ -1,35 +1,28 @@
-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 x = /* @__PURE__ */ u({
-  __name: "PlChartStackedBar",
-  props: {
-    settings: {}
-  },
-  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) => (l(), r("div", {
-      class: c(e.$style.component)
-    }, [
-      t.settings.title ? (l(), r("div", {
-        key: 0,
-        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: a.value,
-        "max-in-column": t.settings.maxLegendsInColumn
-      }, null, 8, ["legends", "max-in-column"])) : m("", !0)
-    ], 2));
-  }
+import e from "./StackedRow.js";
+import t from "./Legends.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, toDisplayString as u } from "vue";
+var d = /* @__PURE__ */ s({
+	__name: "PlChartStackedBar",
+	props: { settings: {} },
+	setup(s) {
+		let d = s, f = n(() => d.settings.showLegends ?? !0), p = n(() => d.settings.data ?? []), m = n(() => p.value.map((e) => ({
+			color: e.color,
+			text: e.label
+		})));
+		return (n, d) => (l(), a("div", { class: c(n.$style.component) }, [
+			s.settings.title ? (l(), a("div", {
+				key: 0,
+				class: c(n.$style.title)
+			}, u(s.settings.title), 3)) : i("", !0),
+			o(e, { value: p.value }, null, 8, ["value"]),
+			f.value && m.value.length ? (l(), r(t, {
+				key: 1,
+				legends: m.value,
+				"max-in-column": s.settings.maxLegendsInColumn
+			}, null, 8, ["legends", "max-in-column"])) : i("", !0)
+		], 2));
+	}
 });
-export {
-  x as default
-};
-//# sourceMappingURL=PlChartStackedBar.vue2.js.map
+export { d 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(() =>\n  data.value.map((p) => ({\n    color: p.color,\n    text: p.label,\n  })),\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\n      v-if=\"showLegends && legends.length\"\n      :legends=\"legends\"\n      :max-in-column=\"settings.maxLegendsInColumn\"\n    />\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;AAAA,MAAS,MACvBC,EAAK,MAAM,IAAI,CAACE,OAAO;AAAA,QACrB,OAAOA,EAAE;AAAA,QACT,MAAMA,EAAE;AAAA,MAAA,EACR;AAAA,IAAA;2BAKFC,EAQM,OAAA;AAAA,MARA,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,EAA4BC,GAAA,EAAf,OAAOR,EAAA,MAAA,GAAI,MAAA,GAAA,CAAA,OAAA,CAAA;AAAA,MAEhBF,EAAA,SAAeG,EAAA,MAAQ,eAD/BQ,EAIEC,GAAA;AAAA;QAFC,SAAST,EAAA;AAAA,QACT,iBAAeJ,EAAA,SAAS;AAAA,MAAA;;;;"}
+{"version":3,"file":"PlChartStackedBar.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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(() =>\n  data.value.map((p) => ({\n    color: p.color,\n    text: p.label,\n  })),\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\n      v-if=\"showLegends && legends.length\"\n      :legends=\"legends\"\n      :max-in-column=\"settings.maxLegendsInColumn\"\n    />\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"],"mappings":";;;;;;;EAMA,IAAM,IAAQ,GAIR,IAAc,QAAe,EAAM,SAAS,eAAe,GAAK,EAEhE,IAAO,QACJ,EAAM,SAAS,QAAQ,EAAE,CAChC,EAEI,IAAU,QACd,EAAK,MAAM,KAAK,OAAO;GACrB,OAAO,EAAE;GACT,MAAM,EAAE;GACT,EAAE,CACJ;yBAIC,EAQM,OAAA,EARA,OAAK,EAAEA,EAAAA,OAAO,UAAS,EAAA,EAAA;GAChB,EAAA,SAAS,SAAA,GAAA,EAApB,EAA2E,OAAA;;IAA/C,OAAK,EAAEA,EAAAA,OAAO,MAAK;QAAK,EAAA,SAAS,MAAK,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;GAClE,EAA4B,GAAA,EAAf,OAAO,EAAA,OAAI,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA;GAEhB,EAAA,SAAe,EAAA,MAAQ,UAAA,GAAA,EAD/B,EAIE,GAAA;;IAFC,SAAS,EAAA;IACT,iBAAe,EAAA,SAAS"}

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlChartStackedBarCompact.js","names":[],"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"],"mappings":""}

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.style.js

@@ -0,0 +1,4 @@
+import './PlChartStackedBarCompact.vue.css';var e = { component: "_component_1gn0t_1" };
+export { e as default };
+
+//# sourceMappingURL=PlChartStackedBarCompact.style.js.map

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

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

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.vue.css

@@ -0,0 +1 @@
+._component_1gn0t_1{flex-direction:column;width:100%;display:flex}

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

@@ -1,20 +1,13 @@
-import { defineComponent as n, computed as r, createElementBlock as c, openBlock as s, normalizeClass as l, createVNode as p } from "vue";
-import m from "./StackedRowCompact.vue.js";
-const f = /* @__PURE__ */ n({
-  __name: "PlChartStackedBarCompact",
-  props: {
-    settings: {}
-  },
-  setup(e) {
-    const t = e, a = r(() => t.settings.data ?? []);
-    return (o, u) => (s(), c("div", {
-      class: l(o.$style.component)
-    }, [
-      p(m, { value: a.value }, null, 8, ["value"])
-    ], 2));
-  }
+import e from "./StackedRowCompact.js";
+import { computed as t, createElementBlock as n, createVNode as r, defineComponent as i, normalizeClass as a, openBlock as o } from "vue";
+var s = /* @__PURE__ */ i({
+	__name: "PlChartStackedBarCompact",
+	props: { settings: {} },
+	setup(i) {
+		let s = i, c = t(() => s.settings.data ?? []);
+		return (t, i) => (o(), n("div", { class: a(t.$style.component) }, [r(e, { value: c.value }, null, 8, ["value"])], 2));
+	}
 });
-export {
-  f as default
-};
-//# sourceMappingURL=PlChartStackedBarCompact.vue2.js.map
+export { s as default };
+
+//# sourceMappingURL=PlChartStackedBarCompact.vue2.js.map

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","_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,EAAmCC,GAAA,EAAf,OAAON,EAAA,MAAA,GAAI,MAAA,GAAA,CAAA,OAAA,CAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"PlChartStackedBarCompact.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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"],"mappings":";;;;;;EAKA,IAAM,IAAQ,GAIR,IAAO,QACJ,EAAM,SAAS,QAAQ,EAAE,CAChC;yBAIA,EAEM,OAAA,EAFA,OAAK,EAAEA,EAAAA,OAAO,UAAS,EAAA,EAAA,CAC3B,EAAmC,GAAA,EAAf,OAAO,EAAA,OAAI,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,EAAA"}

package/dist/components/PlChartStackedBar/StackedRow.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StackedRow.js","names":[],"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 :class=\"[$style.component]\" :style=\"style\">\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"],"mappings":""}

package/dist/components/PlChartStackedBar/StackedRow.style.js

@@ -0,0 +1,9 @@
+import './StackedRow.vue.css';var e = {
+	component: "_component_5hdjy_1",
+	container: "_container_5hdjy_11",
+	track: "_track_5hdjy_25",
+	notReady: "_notReady_5hdjy_47"
+};
+export { e as default };
+
+//# sourceMappingURL=StackedRow.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StackedRow.vue_vue_type_style_index_0_lang.module.js","names":[],"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 :class=\"[$style.component]\" :style=\"style\">\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"],"mappings":""}

package/dist/components/PlChartStackedBar/StackedRow.vue.css

@@ -0,0 +1 @@
+._component_5hdjy_1{border:1px solid var(--txt-01);border-radius:0;height:auto;margin-bottom:24px;padding:12px 6px;position:relative;overflow:visible}._container_5hdjy_11{flex-direction:row;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}._container_5hdjy_11>div{align-items:center;height:100%;display:flex}._track_5hdjy_25{position:absolute;inset:0 6px}._track_5hdjy_25>div{border-left:1px solid #e1e3eb;height:100%;position:absolute;bottom:0}._track_5hdjy_25>div:after{content:attr(data-content);transform:var(--transform);position:absolute;bottom:-24px;left:0}._notReady_5hdjy_47{color:var(--txt-03)!important}._component_5hdjy_1 ._notReady_5hdjy_47{color:var(--txt-mask);margin-left:24px;font-size:larger;font-weight:bolder}._component_5hdjy_1 ._container_5hdjy_11{z-index:1;position:relative}

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

@@ -1,62 +1,61 @@
-import { defineComponent as k, computed as u, createElementBlock as o, openBlock as l, normalizeStyle as a, normalizeClass as r, createElementVNode as s, Fragment as m, renderList as y, createCommentVNode as g } from "vue";
-const $ = ["data-content"], _ = [".title"], C = /* @__PURE__ */ k({
-  __name: "StackedRow",
-  props: {
-    value: {},
-    height: {}
-  },
-  setup(h) {
-    const c = h, p = u(() => ({
-      height: c.height ?? "100%",
-      minHeight: "82px"
-    })), i = u(() => {
-      const n = c.value || [], d = n.reduce((e, t) => e + t.value, 0);
-      return n.map((e) => {
-        const t = e.value / d * 100, f = e.label;
-        return {
-          color: e.color.toString(),
-          description: e.description,
-          fraction: t,
-          label: f
-        };
-      });
-    }), v = [-40, -50, -50, -50, -80];
-    return (n, d) => (l(), o("div", {
-      class: r([n.$style.component]),
-      style: a(p.value)
-    }, [
-      s("div", {
-        class: r(n.$style.track)
-      }, [
-        (l(), o(m, null, y([0, 25, 50, 75, 100], (e, t) => s("div", {
-          key: t,
-          style: a({
-            left: `${e}%`,
-            "--transform": `translateX(${v[t]}%)`
-          }),
-          "data-content": `${e}%`
-        }, null, 12, $)), 64))
-      ], 2),
-      s("div", {
-        class: r(n.$style.container)
-      }, [
-        i.value.length ? g("", !0) : (l(), o("div", {
-          key: 0,
-          class: r(n.$style.notReady)
-        }, "Not ready", 2)),
-        (l(!0), o(m, null, y(i.value, (e, t) => (l(), o("div", {
-          key: t,
-          ".title": e.description ?? e.label,
-          style: a({
-            width: `${e.fraction}%`,
-            backgroundColor: e.color
-          })
-        }, null, 44, _))), 128))
-      ], 2)
-    ], 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";
+var u = ["data-content"], d = [".title"], f = /* @__PURE__ */ a({
+	__name: "StackedRow",
+	props: {
+		value: {},
+		height: {}
+	},
+	setup(a) {
+		let f = a, p = t(() => ({
+			height: f.height ?? "100%",
+			minHeight: "82px"
+		})), m = t(() => {
+			let e = f.value || [], t = e.reduce((e, t) => e + t.value, 0);
+			return e.map((e) => {
+				let n = e.value / t * 100, r = e.label;
+				return {
+					color: e.color.toString(),
+					description: e.description,
+					fraction: n,
+					label: r
+				};
+			});
+		}), h = [
+			-40,
+			-50,
+			-50,
+			-50,
+			-80
+		];
+		return (t, a) => (c(), r("div", {
+			class: o([t.$style.component]),
+			style: s(p.value)
+		}, [i("div", { class: o(t.$style.track) }, [(c(), r(e, null, l([
+			0,
+			25,
+			50,
+			75,
+			100
+		], (e, t) => i("div", {
+			key: t,
+			style: s({
+				left: `${e}%`,
+				"--transform": `translateX(${h[t]}%)`
+			}),
+			"data-content": `${e}%`
+		}, null, 12, u)), 64))], 2), i("div", { class: o(t.$style.container) }, [m.value.length ? n("", !0) : (c(), r("div", {
+			key: 0,
+			class: o(t.$style.notReady)
+		}, "Not ready", 2)), (c(!0), r(e, null, l(m.value, (e, t) => (c(), r("div", {
+			key: t,
+			".title": e.description ?? e.label,
+			style: s({
+				width: `${e.fraction}%`,
+				backgroundColor: e.color
+			})
+		}, null, 44, d))), 128))], 2)], 6));
+	}
 });
-export {
-  C as default
-};
-//# sourceMappingURL=StackedRow.vue2.js.map
+export { f as default };
+
+//# sourceMappingURL=StackedRow.vue2.js.map

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 :class=\"[$style.component]\" :style=\"style\">\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,EAwBM,OAAA;AAAA,MAxBA,OAAKC,EAAA,CAAGC,EAAAA,OAAO,SAAS,CAAA;AAAA,MAAI,SAAOZ,EAAA,KAAK;AAAA,IAAA;MAC5Ca,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;;;;;;"}
+{"version":3,"file":"StackedRow.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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 :class=\"[$style.component]\" :style=\"style\">\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"],"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,EAEI,IAAkB;GAAC;GAAK;GAAK;GAAK;GAAK;GAAI;yBAI/C,EAwBM,OAAA;GAxBA,OAAK,EAAA,CAAGA,EAAAA,OAAO,UAAS,CAAA;GAAI,OAAK,EAAE,EAAA,MAAK;MAC5C,EAUM,OAAA,EAVA,OAAK,EAAEA,EAAAA,OAAO,MAAK,EAAA,EAAA,EAAA,GAAA,EACvB,EAQE,GAAA,MAAA,EAPiB;GAAA;GAAA;GAAA;GAAA;GAAA;GAAoB,GAA7B,GAAG,MADb,EAQE,OAAA;GANC,KAAK;GACL,OAAK,EAAA;aAAuB,EAAC;iCAA4C,EAAgB,GAAC;;GAI1F,gBAAY,GAAK,EAAC;+BAGvB,EAWM,OAAA,EAXA,OAAK,EAAEA,EAAAA,OAAO,UAAS,EAAA,EAAA,CACf,EAAA,MAAM,SAA0C,EAAA,IAAA,GAAA,IAA1C,GAAA,EAAlB,EAAkE,OAAA;;GAAvC,OAAK,EAAEA,EAAAA,OAAO,SAAQ;KAAE,aAAS,EAAA,IAAA,EAAA,GAAA,EAC5D,EAQE,GAAA,MAAA,EAPiB,EAAA,QAAT,GAAG,YADb,EAQE,OAAA;GANC,KAAK;GACL,UAAY,EAAE,eAAe,EAAE;GAC/B,OAAK,EAAA;cAAwB,EAAE,SAAQ;qBAAgC,EAAE"}

package/dist/components/PlChartStackedBar/StackedRowCompact.js

@@ -0,0 +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 }]]);
+export { r as default };
+
+//# sourceMappingURL=StackedRowCompact.js.map

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

@@ -0,0 +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 :class=\"[$style.component]\" :style=\"style\">\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"],"mappings":""}

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

@@ -0,0 +1,8 @@
+import './StackedRowCompact.vue.css';var e = {
+	component: "_component_1utnb_1",
+	notReady: "_notReady_1utnb_8",
+	container: "_container_1utnb_16"
+};
+export { e as default };
+
+//# sourceMappingURL=StackedRowCompact.style.js.map

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

@@ -0,0 +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 :class=\"[$style.component]\" :style=\"style\">\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"],"mappings":""}

package/dist/components/PlChartStackedBar/StackedRowCompact.vue.css

@@ -0,0 +1 @@
+._component_1utnb_1{border-radius:2px;padding:0;display:flex;position:relative;overflow:hidden}._component_1utnb_1 ._notReady_1utnb_8{color:var(--txt-01);font-family:var(--font-family-base);font-size:14px;font-style:normal;font-weight:500;line-height:20px}._component_1utnb_1 ._container_1utnb_16{position:relative}._container_1utnb_16{flex-direction:row;flex:1;align-items:center;width:100%;display:flex;overflow:hidden}._container_1utnb_16>div{align-items:center;height:100%;display:flex}._notReady_1utnb_8{color:var(--txt-03)!important}