@platforma-sdk/ui-vue 1.37.0 → 1.37.2

package/dist/lib/ui/uikit/dist/components/DataTable/state.js

@@ -0,0 +1,111 @@
+import { reactive as W, watch as u, computed as a, provide as v } from "vue";
+import { deepClone as h, tap as p, clamp as m, deepEqual as S, resolveAwaited as C, delay as R } from "../../lib/util/helpers/dist/index.js";
+import { stateKey as L } from "./keys.js";
+import { useTableColumns as D } from "./composition/useTableColumns.js";
+import { useTableRows as $ } from "./composition/useTableRows.js";
+import { GAP as w, WINDOW_DELTA as g } from "./constants.js";
+const j = async (l, t) => {
+  const { scrollTop: r, bodyHeight: i } = l;
+  return await R(0), C({
+    rows: t.getRows(r, i),
+    dataWindow: l
+  });
+};
+function I(l) {
+  const t = W({
+    rowIndex: -1,
+    columns: [],
+    pendingLoads: 0,
+    currentWindow: void 0,
+    rows: [],
+    resize: !1,
+    resizeTh: void 0,
+    dataHeight: 0,
+    bodyHeight: l.settings.height,
+    bodyWidth: 0,
+    scrollTop: 0,
+    scrollLeft: 0,
+    selectedRows: /* @__PURE__ */ new Set(),
+    selectedColumns: /* @__PURE__ */ new Set()
+  });
+  u(
+    () => l.settings,
+    (e) => {
+      t.columns = h(e.columns), t.currentWindow = void 0, e.dataSource.getHeight().then((o) => {
+        t.dataHeight = o, d.updateBodyHeight();
+      }).catch((o) => t.error = o);
+    },
+    { immediate: !0 }
+  );
+  const r = a(() => l.settings), i = a(() => t.columns.reduce((e, o) => e + o.width + w, 0)), y = a(() => p(d.data.dataHeight - d.data.bodyHeight, (e) => e > 0 ? e : 0)), f = a(() => p(i.value - d.data.bodyWidth, (e) => e > 0 ? e : 0)), b = a(() => ({
+    bodyHeight: t.bodyHeight,
+    scrollTop: t.scrollTop,
+    current: t.currentWindow
+  })), n = D({
+    data: t,
+    settings: r
+  }), T = $(t, n), d = {
+    data: t,
+    settings: r,
+    tableColumns: n,
+    tableRows: T,
+    adjustWidth: () => {
+      const e = t.columns.reduce((s, c) => s + c.width + w, 0), o = t.bodyWidth + t.scrollLeft;
+      if (e < o) {
+        const s = t.columns[t.columns.length - 1];
+        s.width = s.width + (o - e);
+      }
+    },
+    updateOffsets(e) {
+      this.updateScrollTop(t.scrollTop + e.deltaY), this.updateScrollLeft(t.scrollLeft + e.deltaX);
+    },
+    getSelectedRows() {
+      return t.rows.filter((e) => t.selectedRows.has(e.primaryKey));
+    },
+    getSelectedColumns() {
+      return t.columns.filter((e) => t.selectedColumns.has(e.id));
+    },
+    selectRow(e) {
+      t.selectedRows.add(e);
+    },
+    unselectRow(e) {
+      t.selectedRows.delete(e);
+    },
+    selectColumn(e) {
+      t.selectedColumns.add(e);
+    },
+    unselectColumn(e) {
+      t.selectedColumns.delete(e);
+    },
+    updateScrollTop(e) {
+      t.scrollTop = m(e, 0, y.value);
+    },
+    updateScrollLeft(e) {
+      t.scrollLeft = m(e, 0, f.value);
+    },
+    updateBodyHeight() {
+      const { height: e } = l.settings, { dataHeight: o } = t, s = e > o ? o : e;
+      t.bodyHeight = s;
+    },
+    updateDimensions(e) {
+      this.updateBodyHeight(), d.data.bodyWidth = e.width, d.adjustWidth(), t.rows = [], t.currentWindow = void 0;
+    }
+  };
+  return u(
+    b,
+    (e, o) => {
+      const s = e.current;
+      (!s || e.scrollTop < s.scrollTop || e.scrollTop + e.bodyHeight > s.bodyHeight + s.scrollTop) && (t.currentWindow = {
+        scrollTop: e.scrollTop - g,
+        bodyHeight: e.bodyHeight + g * 2
+      }, j(h(t.currentWindow), r.value.dataSource).then(({ rows: c, dataWindow: H }) => {
+        S(t.currentWindow, H) && (t.rows = c);
+      }));
+    },
+    { deep: !0, immediate: !0 }
+  ), v(L, d), d;
+}
+export {
+  I as createState
+};
+//# sourceMappingURL=state.js.map

package/dist/lib/ui/uikit/dist/components/DataTable/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/DataTable/state.ts"],"sourcesContent":["import { computed, provide, reactive, watch } from 'vue';\nimport type { TableProps, TableData, DataWindow, PrimaryKey, Row, ColumnSpecSettings, DataSource } from './types';\nimport { deepClone, deepEqual } from '@milaboratories/helpers';\nimport { stateKey } from './keys';\nimport { clamp, delay, resolveAwaited, tap } from '@milaboratories/helpers';\nimport { useTableColumns } from './composition/useTableColumns';\nimport { useTableRows } from './composition/useTableRows';\nimport { GAP, WINDOW_DELTA } from './constants';\n\nconst loadRows = async (dataWindow: { scrollTop: number; bodyHeight: number }, dataSource: DataSource) => {\n  const { scrollTop, bodyHeight } = dataWindow;\n\n  await delay(0);\n\n  return resolveAwaited({\n    rows: dataSource.getRows(scrollTop, bodyHeight),\n    dataWindow,\n  });\n};\n\nexport function createState(props: TableProps) {\n  const data = reactive<TableData>({\n    rowIndex: -1,\n    columns: [],\n    pendingLoads: 0,\n    currentWindow: undefined,\n    rows: [],\n    resize: false,\n    resizeTh: undefined,\n    dataHeight: 0,\n    bodyHeight: props.settings.height,\n    bodyWidth: 0,\n    scrollTop: 0,\n    scrollLeft: 0,\n    selectedRows: new Set<PrimaryKey>(),\n    selectedColumns: new Set<string>(),\n  });\n\n  watch(\n    () => props.settings,\n    (newSettings) => {\n      data.columns = deepClone(newSettings.columns);\n      data.currentWindow = undefined;\n      newSettings.dataSource\n        .getHeight()\n        .then((dataHeight) => {\n          data.dataHeight = dataHeight;\n          state.updateBodyHeight();\n        })\n        .catch((err) => (data.error = err));\n    },\n    { immediate: true },\n  );\n\n  const settings = computed(() => {\n    return props.settings;\n  });\n\n  const columnsWidth = computed(() => {\n    return data.columns.reduce((acc, col) => acc + col.width + GAP, 0);\n  });\n\n  const maxScrollTop = computed(() => tap(state.data.dataHeight - state.data.bodyHeight, (v) => (v > 0 ? v : 0)));\n  const maxScrollLeft = computed(() => tap(columnsWidth.value - state.data.bodyWidth, (v) => (v > 0 ? v : 0)));\n\n  const dataDimensions = computed<DataWindow & { current?: DataWindow }>(() => {\n    return {\n      bodyHeight: data.bodyHeight,\n      scrollTop: data.scrollTop,\n      current: data.currentWindow,\n    };\n  });\n\n  const tableColumns = useTableColumns({\n    data,\n    settings,\n  });\n\n  const tableRows = useTableRows(data, tableColumns);\n\n  const adjustWidth = () => {\n    const newWidth = data.columns.reduce((acc, col) => acc + col.width + GAP, 0);\n\n    const rightOffset = data.bodyWidth + data.scrollLeft;\n\n    if (newWidth < rightOffset) {\n      const last = data.columns[data.columns.length - 1];\n      last.width = last.width + (rightOffset - newWidth);\n    }\n  };\n\n  const state = {\n    data,\n    settings,\n    tableColumns,\n    tableRows,\n    adjustWidth,\n    updateOffsets(ev: { deltaY: number; deltaX: number }) {\n      this.updateScrollTop(data.scrollTop + ev.deltaY);\n      this.updateScrollLeft(data.scrollLeft + ev.deltaX);\n    },\n    getSelectedRows(): Row[] {\n      return data.rows.filter((row) => data.selectedRows.has(row.primaryKey));\n    },\n    getSelectedColumns(): ColumnSpecSettings[] {\n      return data.columns.filter((col) => data.selectedColumns.has(col.id));\n    },\n    selectRow(rowId: PrimaryKey) {\n      data.selectedRows.add(rowId);\n    },\n    unselectRow(rowId: PrimaryKey) {\n      data.selectedRows.delete(rowId);\n    },\n    selectColumn(columnId: string) {\n      data.selectedColumns.add(columnId);\n    },\n    unselectColumn(columnId: string) {\n      data.selectedColumns.delete(columnId);\n    },\n    updateScrollTop(scrollTop: number) {\n      data.scrollTop = clamp(scrollTop, 0, maxScrollTop.value);\n    },\n    updateScrollLeft(scrollLeft: number) {\n      data.scrollLeft = clamp(scrollLeft, 0, maxScrollLeft.value);\n    },\n    updateBodyHeight() {\n      const { height } = props.settings;\n      const { dataHeight } = data;\n      const bodyHeight = height > dataHeight ? dataHeight : height;\n      data.bodyHeight = bodyHeight;\n    },\n    updateDimensions(rect: { height: number; width: number }) {\n      this.updateBodyHeight();\n      state.data.bodyWidth = rect.width;\n      state.adjustWidth();\n      data.rows = [];\n      data.currentWindow = undefined;\n    },\n  };\n\n  watch(\n    dataDimensions,\n    (n, _o) => {\n      const current = n.current;\n\n      const needToLoad = !current || n.scrollTop < current.scrollTop || n.scrollTop + n.bodyHeight > current.bodyHeight + current.scrollTop;\n\n      if (needToLoad) {\n        data.currentWindow = {\n          scrollTop: n.scrollTop - WINDOW_DELTA,\n          bodyHeight: n.bodyHeight + WINDOW_DELTA * 2,\n        };\n        loadRows(deepClone(data.currentWindow), settings.value.dataSource).then(({ rows, dataWindow }) => {\n          if (deepEqual(data.currentWindow, dataWindow)) {\n            data.rows = rows;\n          }\n        });\n      }\n    },\n    { deep: true, immediate: true },\n  );\n\n  provide(stateKey, state);\n\n  return state;\n}\n\nexport type State = ReturnType<typeof createState>;\n"],"names":["loadRows","dataWindow","dataSource","scrollTop","bodyHeight","delay","resolveAwaited","createState","props","data","reactive","watch","newSettings","deepClone","dataHeight","state","err","settings","computed","columnsWidth","acc","col","GAP","maxScrollTop","tap","v","maxScrollLeft","dataDimensions","tableColumns","useTableColumns","tableRows","useTableRows","newWidth","rightOffset","last","ev","row","rowId","columnId","clamp","scrollLeft","height","rect","n","_o","current","WINDOW_DELTA","rows","deepEqual","provide","stateKey"],"mappings":"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"}

package/dist/lib/ui/uikit/dist/components/DropdownListItem.vue.js

@@ -0,0 +1,46 @@
+import { defineComponent as u, computed as i, createElementBlock as o, openBlock as s, normalizeClass as n, createCommentVNode as l, createElementVNode as d, toDisplayString as r } from "vue";
+import f from "../assets/images/24_checkbox-light-enabled-unchecked.svg.js";
+import _ from "../assets/images/24_checkbox-light-enabled-checked.svg.js";
+const v = ["innerHTML"], k = { class: "dropdown-list-item__title-container" }, h = { class: "dropdown-list-item__title text-s" }, x = {
+  key: 0,
+  class: "dropdown-list-item__description text-description"
+}, w = {
+  key: 1,
+  class: "dropdown-list-item__icon flex-self-start"
+}, S = /* @__PURE__ */ u({
+  __name: "DropdownListItem",
+  props: {
+    option: {},
+    isSelected: { type: Boolean, default: !1 },
+    size: { default: "small" },
+    isHovered: { type: Boolean, default: !1 },
+    useCheckbox: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const t = a, p = i(() => {
+      const e = [];
+      return t.size === "small" && e.push("dropdown-list-item__small"), t.isSelected && e.push("dropdown-list-item__selected"), t.isHovered && e.push("hovered-item"), e.join(" ");
+    }), c = i(() => {
+      const e = ["dropdown-list-item__checkbox", "flex-self-start"];
+      return t.isSelected && e.push("checked"), e.join(" ");
+    }), m = i(() => t.isSelected ? _ : f);
+    return (e, y) => (s(), o("div", {
+      class: n([p.value, "dropdown-list-item"])
+    }, [
+      t.useCheckbox ? (s(), o("div", {
+        key: 0,
+        class: n(c.value),
+        innerHTML: m.value
+      }, null, 10, v)) : l("", !0),
+      d("div", k, [
+        d("div", h, r(e.option.label), 1),
+        e.option.description ? (s(), o("div", x, r(e.option.description), 1)) : l("", !0)
+      ]),
+      !t.useCheckbox && t.isSelected ? (s(), o("div", w)) : l("", !0)
+    ], 2));
+  }
+});
+export {
+  S as default
+};
+//# sourceMappingURL=DropdownListItem.vue.js.map

package/dist/lib/ui/uikit/dist/components/DropdownListItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownListItem.vue.js","sources":["../../../../../../../../lib/ui/uikit/src/components/DropdownListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport CheckboxUncheckedSvg from '../assets/images/24_checkbox-light-enabled-unchecked.svg?raw';\nimport CheckboxCheckedSvg from '../assets/images/24_checkbox-light-enabled-checked.svg?raw';\nimport type { ListOptionNormalized } from '../types';\n\nconst props = withDefaults(\n  defineProps<{\n    option: ListOptionNormalized;\n    isSelected: boolean;\n    size: 'small' | 'medium';\n    isHovered: boolean;\n    useCheckbox?: boolean;\n  }>(),\n  {\n    size: 'small',\n    isSelected: false,\n    isHovered: false,\n    useCheckbox: false,\n  },\n);\n\nconst classes = computed<string>(() => {\n  const classItems: string[] = [];\n  if (props.size === 'small') {\n    classItems.push('dropdown-list-item__small');\n  }\n  if (props.isSelected) {\n    classItems.push('dropdown-list-item__selected');\n  }\n  if (props.isHovered) {\n    classItems.push('hovered-item');\n  }\n  return classItems.join(' ');\n});\n\nconst checkboxClasses = computed(() => {\n  const classes: string[] = ['dropdown-list-item__checkbox', 'flex-self-start'];\n  if (props.isSelected) {\n    classes.push('checked');\n  }\n  return classes.join(' ');\n});\n\n// Why??\nconst checkboxSvg = computed(() => (props.isSelected ? CheckboxCheckedSvg : CheckboxUncheckedSvg));\n</script>\n\n<template>\n  <div :class=\"classes\" class=\"dropdown-list-item\">\n    <!-- eslint-disable vue/no-v-html -->\n    <div v-if=\"props.useCheckbox\" :class=\"checkboxClasses\" v-html=\"checkboxSvg\" />\n    <!--eslint-enable-->\n    <div class=\"dropdown-list-item__title-container\">\n      <div class=\"dropdown-list-item__title text-s\">\n        {{ option.label }}\n      </div>\n      <div v-if=\"option.description\" class=\"dropdown-list-item__description text-description\">\n        {{ option.description }}\n      </div>\n    </div>\n    <div v-if=\"!props.useCheckbox && props.isSelected\" class=\"dropdown-list-item__icon flex-self-start\" />\n  </div>\n</template>\n"],"names":["props","__props","classes","computed","classItems","checkboxClasses","checkboxSvg","CheckboxCheckedSvg","CheckboxUncheckedSvg"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAgBRC,IAAUC,EAAiB,MAAM;AACrC,YAAMC,IAAuB,CAAC;AAC1BJ,aAAAA,EAAM,SAAS,WACjBI,EAAW,KAAK,2BAA2B,GAEzCJ,EAAM,cACRI,EAAW,KAAK,8BAA8B,GAE5CJ,EAAM,aACRI,EAAW,KAAK,cAAc,GAEzBA,EAAW,KAAK,GAAG;AAAA,IAAA,CAC3B,GAEKC,IAAkBF,EAAS,MAAM;AAC/BD,YAAAA,IAAoB,CAAC,gCAAgC,iBAAiB;AACxEF,aAAAA,EAAM,cACRE,EAAQ,KAAK,SAAS,GAEjBA,EAAQ,KAAK,GAAG;AAAA,IAAA,CACxB,GAGKI,IAAcH,EAAS,MAAOH,EAAM,aAAaO,IAAqBC,CAAqB;;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/HScroll.vue.js

@@ -0,0 +1,46 @@
+import { defineComponent as p, ref as v, computed as n, unref as h, createElementBlock as L, createCommentVNode as X, openBlock as E, createElementVNode as W, normalizeStyle as _ } from "vue";
+import { useEventListener as k } from "../composition/useEventListener.js";
+import { eventListener as y } from "../helpers/dom.js";
+const C = /* @__PURE__ */ p({
+  __name: "HScroll",
+  props: {
+    scrollLeft: {},
+    clientWidth: {},
+    scrollWidth: {}
+  },
+  emits: ["update:scrollLeft"],
+  setup(s, { emit: i }) {
+    const a = i, e = s, c = v(), o = n(() => e.clientWidth / (e.scrollWidth || 1)), m = n(() => o.value < 1), u = n(() => {
+      const t = h(o);
+      return {
+        left: e.scrollLeft * t + "px",
+        width: Math.floor(e.clientWidth * t) + "px"
+      };
+    });
+    return k(c, "pointerdown", (t) => {
+      const r = {
+        clientX: t.clientX
+      }, d = y(document, "mousemove", (l) => {
+        const f = (l.clientX - r.clientX) / o.value;
+        a("update:scrollLeft", e.scrollLeft + f), r.clientX = l.clientX;
+      });
+      ["mouseup", "pointercancel"].forEach((l) => {
+        document.addEventListener(l, d, { once: !0 });
+      });
+    }), (t, r) => m.value ? (E(), L("div", {
+      key: 0,
+      ref_key: "scrollRef",
+      ref: c,
+      class: "h-scroll"
+    }, [
+      W("div", {
+        class: "h-scroll__scrollbar",
+        style: _(u.value)
+      }, null, 4)
+    ], 512)) : X("", !0);
+  }
+});
+export {
+  C as default
+};
+//# sourceMappingURL=HScroll.vue.js.map

package/dist/lib/ui/uikit/dist/components/HScroll.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HScroll.vue.js","sources":["../../../../../../../../lib/ui/uikit/src/components/HScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from 'vue';\nimport { useEventListener } from '../composition/useEventListener';\nimport { eventListener } from '../helpers/dom';\n\nconst emit = defineEmits(['update:scrollLeft']);\n\nconst props = defineProps<{\n  scrollLeft: number;\n  clientWidth: number;\n  scrollWidth: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientWidth / (props.scrollWidth || 1));\n\nconst visibleRef = computed(() => {\n  return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n  const ratio = unref(ratioRef);\n  return {\n    left: props.scrollLeft * ratio + 'px',\n    width: Math.floor(props.clientWidth * ratio) + 'px',\n  };\n});\n\nuseEventListener(scrollRef, 'pointerdown', (down: PointerEvent) => {\n  const s = {\n    clientX: down.clientX,\n  };\n\n  const update = (e: MouseEvent) => {\n    const dy = (e.clientX - s.clientX) / ratioRef.value;\n    emit('update:scrollLeft', props.scrollLeft + dy);\n    s.clientX = e.clientX;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const removePointerMove = eventListener(document as any, 'mousemove', update);\n\n  ['mouseup', 'pointercancel'].forEach((eventType) => {\n    document.addEventListener(eventType, removePointerMove, { once: true });\n  });\n});\n</script>\n\n<template>\n  <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"h-scroll\">\n    <div class=\"h-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","scrollRef","ref","ratioRef","computed","visibleRef","scrollbarStyle","ratio","unref","useEventListener","down","s","removePointerMove","eventListener","e","dy","eventType","u","y","_"],"mappings":";;;;;;;;;;;;AAKMA,UAAAA,IAAOC,GAEPC,IAAQC,GAMRC,IAAYC,KAEZC,IAAWC,EAAS,MAAML,EAAM,eAAeA,EAAM,eAAe,EAAE,GAEtEM,IAAaD,EAAS,MACnBD,EAAS,QAAQ,CACzB,GAEKG,IAAiBF,EAAS,MAAM;AAC9BG,YAAAA,IAAQC,EAAML,CAAQ;AACrB,aAAA;AAAA,QACL,MAAMJ,EAAM,aAAaQ,IAAQ;AAAA,QACjC,OAAO,KAAK,MAAMR,EAAM,cAAcQ,CAAK,IAAI;AAAA,MACjD;AAAA,IAAA,CACD;AAEgB,WAAAE,EAAAR,GAAW,eAAe,CAACS,MAAuB;AACjE,YAAMC,IAAI;AAAA,QACR,SAASD,EAAK;AAAA,SAUVE,IAAoBC,EAAc,UAAiB,aAP1C,CAACC,MAAkB;AAChC,cAAMC,KAAMD,EAAE,UAAUH,EAAE,WAAWR,EAAS;AACzCN,UAAA,qBAAqBE,EAAM,aAAagB,CAAE,GAC/CJ,EAAE,UAAUG,EAAE;AAAA,MAAA,CAI4D;AAE5E,OAAC,WAAW,eAAe,EAAE,QAAQ,CAACE,MAAc;AAClD,iBAAS,iBAAiBA,GAAWJ,GAAmB,EAAE,MAAM,IAAM;AAAA,MAAA,CACvE;AAAA,IAAA,CACF,GAAA,CAAA,GAAA,MAAAK,EAAA,SAAAC,EAAA,GAAAC,EAAA,OAAA;AAAA;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/InputRange.vue.js

@@ -0,0 +1,67 @@
+import { defineComponent as v, reactive as V, ref as x, computed as c, watch as C, createElementBlock as F, openBlock as _, mergeProps as y, withDirectives as g, createElementVNode as r, vModelText as d, toDisplayString as B } from "vue";
+const I = { class: "ui-input-range__separator" }, k = /* @__PURE__ */ v({
+  __name: "InputRange",
+  props: {
+    modelValue: {},
+    separator: { default: "-" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(f, { emit: m }) {
+    const u = f, s = m, l = V({
+      left: u.modelValue[0],
+      right: u.modelValue[1]
+    }), o = x(!1), h = c(() => (o.value, "ui-input-range-focused")), n = c({
+      get() {
+        return {
+          left: Math.min(...u.modelValue),
+          // dangerous....
+          right: Math.max(...u.modelValue)
+        };
+      },
+      set() {
+      }
+    });
+    C(
+      () => n.value,
+      (a) => (l.left = a.left) && (l.right = a.right)
+    );
+    function i() {
+      s("update:modelValue", [+l.left, +l.right]), s("change", [+l.left, +l.right]);
+    }
+    function p(a, t) {
+      const e = t.target.value;
+      /^[0-9]{0,2}$/.test(e) ? a ? l.left = +e : l.right = +e : a ? l.left = +e.slice(0, e.length - 1) : l.right = +e.slice(0, e.length - 1);
+    }
+    return (a, t) => (_(), F("div", y({
+      class: [h.value, "ui-input-range"]
+    }, a.$attrs), [
+      g(r("input", {
+        "onUpdate:modelValue": t[0] || (t[0] = (e) => n.value.left = e),
+        class: "text-s",
+        type: "text",
+        onChange: i,
+        onFocus: t[1] || (t[1] = (e) => o.value = !0),
+        onFocusout: t[2] || (t[2] = (e) => o.value = !1),
+        onInput: t[3] || (t[3] = (e) => p(!0, e))
+      }, null, 544), [
+        [d, n.value.left]
+      ]),
+      r("div", I, B(u.separator), 1),
+      g(r("input", {
+        "onUpdate:modelValue": t[4] || (t[4] = (e) => n.value.right = e),
+        class: "text-s",
+        type: "text",
+        onChange: i,
+        onFocus: t[5] || (t[5] = (e) => o.value = !0),
+        onFocusout: t[6] || (t[6] = (e) => o.value = !1),
+        onInput: t[7] || (t[7] = (e) => p(!1, e))
+      }, null, 544), [
+        [d, n.value.right]
+      ])
+    ], 16));
+  }
+});
+export {
+  k as default
+};
+//# sourceMappingURL=InputRange.vue.js.map

package/dist/lib/ui/uikit/dist/components/InputRange.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputRange.vue.js","sources":["../../../../../../../../lib/ui/uikit/src/components/InputRange.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: [number, number];\n    separator?: string;\n  }>(),\n  {\n    separator: '-',\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', val: [number, number]): void;\n  (e: 'change', val: [number, number]): void;\n}>();\n\nconst data = reactive({\n  left: props.modelValue[0],\n  right: props.modelValue[1],\n});\n\nconst isFocused = ref(false);\n\nconst classes = computed(() => (isFocused.value ? 'ui-input-range-focused' : 'ui-input-range-focused'));\n\nconst valuesModel = computed({\n  get() {\n    return {\n      left: Math.min(...props.modelValue), // dangerous....\n      right: Math.max(...props.modelValue),\n    };\n  },\n  set() {},\n});\n\nwatch(\n  () => valuesModel.value,\n  (value) => (data.left = value.left) && (data.right = value.right),\n);\n\n// watch(\n//   () => props.modelValue,\n//   (value: [number, number]) => {\n//     console.log('model value updated');\n//     (data.left = value[0]), (data.right = value[1]);\n//   },\n// );\n\nfunction updateModel() {\n  emit('update:modelValue', [+data.left, +data.right]);\n  emit('change', [+data.left, +data.right]);\n}\n\nfunction validateInput(isLeft: boolean, event: Event) {\n  const value: string = (event.target as HTMLInputElement).value;\n  const result = /^[0-9]{0,2}$/.test(value);\n  // if there is more than 3 digits we cut last one\n  if (!result) {\n    if (isLeft) {\n      data.left = +value.slice(0, value.length - 1);\n    } else {\n      data.right = +value.slice(0, value.length - 1);\n    }\n  } else {\n    if (isLeft) {\n      data.left = +value;\n    } else {\n      data.right = +value;\n    }\n  }\n}\n</script>\n\n<template>\n  <!-- {{ data }} -->\n  <div :class=\"classes\" class=\"ui-input-range\" v-bind=\"$attrs\">\n    <input\n      v-model=\"valuesModel.left\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(true, $event)\"\n    />\n    <div class=\"ui-input-range__separator\">{{ props.separator }}</div>\n    <input\n      v-model=\"valuesModel.right\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(false, $event)\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","data","reactive","isFocused","ref","classes","computed","valuesModel","watch","value","updateModel","validateInput","isLeft","event"],"mappings":";;;;;;;;;AAGA,UAAMA,IAAQC,GAURC,IAAOC,GAKPC,IAAOC,EAAS;AAAA,MACpB,MAAML,EAAM,WAAW,CAAC;AAAA,MACxB,OAAOA,EAAM,WAAW,CAAC;AAAA,IAC1B,CAAA,GAEKM,IAAYC,EAAI,EAAK,GAErBC,IAAUC,EAAS,OAAOH,EAAU,OAAQ,yBAAoD,GAEhGI,IAAcD,EAAS;AAAA,MAC3B,MAAM;AACG,eAAA;AAAA,UACL,MAAM,KAAK,IAAI,GAAGT,EAAM,UAAU;AAAA;AAAA,UAClC,OAAO,KAAK,IAAI,GAAGA,EAAM,UAAU;AAAA,QACrC;AAAA,MACF;AAAA,MACA,MAAM;AAAA,MAAA;AAAA,IAAA,CACP;AAEDW,IAAAA;AAAAA,MACE,MAAMD,EAAY;AAAA,MAClB,CAACE,OAAWR,EAAK,OAAOQ,EAAM,UAAUR,EAAK,QAAQQ,EAAM;AAAA,IAC7D;AAUA,aAASC,IAAc;AAChBX,MAAAA,EAAA,qBAAqB,CAAC,CAACE,EAAK,MAAM,CAACA,EAAK,KAAK,CAAC,GAC9CF,EAAA,UAAU,CAAC,CAACE,EAAK,MAAM,CAACA,EAAK,KAAK,CAAC;AAAA,IAAA;AAGjCU,aAAAA,EAAcC,GAAiBC,GAAc;AAC9CJ,YAAAA,IAAiBI,EAAM,OAA4B;AAC1C,qBAAe,KAAKJ,CAAK,IASlCG,IACFX,EAAK,OAAO,CAACQ,IAEbR,EAAK,QAAQ,CAACQ,IATZG,IACFX,EAAK,OAAO,CAACQ,EAAM,MAAM,GAAGA,EAAM,SAAS,CAAC,IAE5CR,EAAK,QAAQ,CAACQ,EAAM,MAAM,GAAGA,EAAM,SAAS,CAAC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/LongText.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent as f, useCssVars as v, computed as l, ref as t, createElementBlock as d, openBlock as g, mergeProps as k, createElementVNode as r, normalizeClass as b, renderSlot as h } from "vue";
+import { debounce as y, notEmpty as C } from "../lib/util/helpers/dist/index.js";
+const $ = /* @__PURE__ */ f({
+  __name: "LongText",
+  setup(E) {
+    v((e) => ({
+      "5deba9de": c.value
+    }));
+    const a = t(!1), n = t(), o = t(!1), u = l(() => o.value && a.value ? "ui-lt-animate" : ""), s = y((e) => o.value = e, 500), c = l(() => {
+      var e;
+      return n.value ? `${((e = n.value) == null ? void 0 : e.innerHTML.length) * 0.4}s` : "5s";
+    });
+    function i() {
+      const e = C(n.value, "span cannot be empty");
+      a.value = e.clientWidth < e.scrollWidth;
+    }
+    function m() {
+      i(), s(!0);
+    }
+    function p() {
+      s(!1);
+    }
+    return (e, M) => (g(), d("div", k(e.$attrs, { class: "ui-lt-container" }), [
+      r("span", {
+        onMouseover: m,
+        onMouseleave: p
+      }, [
+        r("span", {
+          ref_key: "span",
+          ref: n,
+          class: b(u.value)
+        }, [
+          h(e.$slots, "default")
+        ], 2)
+      ], 32)
+    ], 16));
+  }
+});
+export {
+  $ as default
+};
+//# sourceMappingURL=LongText.vue.js.map

package/dist/lib/ui/uikit/dist/components/LongText.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongText.vue.js","sources":["../../../../../../../../lib/ui/uikit/src/components/LongText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport { debounce, notEmpty } from '@milaboratories/helpers';\n\nconst hasElementEllipsis = ref(false);\n\nconst span = ref<HTMLElement>();\n\nconst isHovered = ref(false);\n\nconst classes = computed(() => (isHovered.value && hasElementEllipsis.value ? 'ui-lt-animate' : ''));\n\nconst updateStatus = debounce((val: boolean) => (isHovered.value = val), 500);\n\nconst animationTime = computed(() => {\n  return span.value ? `${span.value?.innerHTML.length * 0.4}s` : '5s';\n});\n\nfunction isEllipsisEnabled() {\n  const el = notEmpty(span.value, 'span cannot be empty');\n  hasElementEllipsis.value = el.clientWidth < el.scrollWidth;\n}\n\nfunction mouseoverHandler() {\n  isEllipsisEnabled();\n  updateStatus(true);\n}\n\nfunction mouseoutHandler() {\n  updateStatus(false);\n}\n</script>\n\n<template>\n  <div v-bind=\"$attrs\" class=\"ui-lt-container\">\n    <span @mouseover=\"mouseoverHandler\" @mouseleave=\"mouseoutHandler\">\n      <span ref=\"span\" :class=\"classes\"><slot /></span>\n    </span>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.ui-lt-container {\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  position: relative;\n  border-radius: 5px;\n\n  span {\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 100%;\n    vertical-align: bottom;\n    pointer-events: all !important;\n  }\n\n  .ui-lt-animate {\n    position: relative;\n    animation: left-to-right v-bind(animationTime) infinite alternate linear;\n\n    overflow: unset !important;\n    text-overflow: unset !important;\n    width: fit-content !important;\n  }\n}\n\n@keyframes left-to-right {\n  0% {\n    transform: translateX(0%);\n    left: 0%;\n  }\n\n  100% {\n    transform: translateX(-101%);\n    left: 101%;\n  }\n}\n</style>\n"],"names":["hasElementEllipsis","ref","span","isHovered","classes","computed","updateStatus","debounce","val","animationTime","_a","isEllipsisEnabled","el","notEmpty","mouseoverHandler","mouseoutHandler"],"mappings":";;;;;;;;AAIM,UAAAA,IAAqBC,EAAI,EAAK,GAE9BC,IAAOD,EAAiB,GAExBE,IAAYF,EAAI,EAAK,GAErBG,IAAUC,EAAS,MAAOF,EAAU,SAASH,EAAmB,QAAQ,kBAAkB,EAAG,GAE7FM,IAAeC,EAAS,CAACC,MAAkBL,EAAU,QAAQK,GAAM,GAAG,GAEtEC,IAAgBJ,EAAS,MAAM;;AAC5BH,aAAAA,EAAK,QAAQ,KAAGQ,IAAAR,EAAK,UAAL,OAAA,SAAAQ,EAAY,UAAU,UAAS,GAAG,MAAM;AAAA,IAAA,CAChE;AAED,aAASC,IAAoB;AAC3B,YAAMC,IAAKC,EAASX,EAAK,OAAO,sBAAsB;AACnCF,MAAAA,EAAA,QAAQY,EAAG,cAAcA,EAAG;AAAA,IAAA;AAGjD,aAASE,IAAmB;AACRH,QAClBL,GAAAA,EAAa,EAAI;AAAA,IAAA;AAGnB,aAASS,IAAkB;AACzBT,MAAAA,EAAa,EAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlAccordion/ExpandTransition.vue2.js

@@ -0,0 +1,27 @@
+import { defineComponent as n, createBlock as a, openBlock as r, Transition as s, withCtx as l, renderSlot as p } from "vue";
+const f = /* @__PURE__ */ n({
+  __name: "ExpandTransition",
+  setup(i) {
+    const t = (e) => {
+      e.classList.add("expand-collapse-fix"), e.style.setProperty("--component-height", e.scrollHeight + "px");
+    }, o = (e) => {
+      e.style.removeProperty("--component-height"), e.classList.remove("expand-collapse-fix");
+    };
+    return (e, c) => (r(), a(s, {
+      name: "expand-collapse",
+      onEnter: t,
+      onLeave: t,
+      onAfterEnter: o,
+      onAfterLeave: o
+    }, {
+      default: l(() => [
+        p(e.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  f as default
+};
+//# sourceMappingURL=ExpandTransition.vue2.js.map

package/dist/lib/ui/uikit/dist/components/PlAccordion/ExpandTransition.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandTransition.vue2.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n  el.classList.add('expand-collapse-fix');\n  (el as HTMLElement).style.setProperty('--component-height', el.scrollHeight + 'px');\n};\n\nconst onAfter = (el: Element) => {\n  (el as HTMLElement).style.removeProperty('--component-height');\n  el.classList.remove('expand-collapse-fix');\n};\n</script>\n\n<template>\n  <Transition name=\"expand-collapse\" @enter=\"onStart\" @leave=\"onStart\" @after-enter=\"onAfter\" @after-leave=\"onAfter\">\n    <slot/>\n  </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n  overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n  transition:\n    height 0.2s ease-in-out,\n    opacity 0.2s ease-in-out;\n  height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n  opacity: 0.5;\n  height: 0;\n}\n</style>\n"],"names":["onStart","el","onAfter"],"mappings":";;;;AACMA,UAAAA,IAAU,CAACC,MAAgB;AAC5BA,QAAA,UAAU,IAAI,qBAAqB,GACrCA,EAAmB,MAAM,YAAY,sBAAsBA,EAAG,eAAe,IAAI;AAAA,IAAA,GAG9EC,IAAU,CAACD,MAAgB;AAC9BA,QAAmB,MAAM,eAAe,oBAAoB,GAC1DA,EAAA,UAAU,OAAO,qBAAqB;AAAA,IAC3C;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlAccordion/PlAccordion.vue.js

@@ -0,0 +1,22 @@
+import { defineComponent as n, mergeModels as p, useModel as a, createElementBlock as m, provide as l, toRef as s, openBlock as c, Fragment as i, renderSlot as t } from "vue";
+const B = /* @__PURE__ */ n({
+  __name: "PlAccordion",
+  props: /* @__PURE__ */ p({
+    multiple: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const d = a(e, "modelValue"), r = e;
+    return l("pl-accordion-model", d), l("pl-accordion-props", s(r)), (o, u) => (c(), m(i, null, [
+      t(o.$slots, "header"),
+      t(o.$slots, "default")
+    ], 64));
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=PlAccordion.vue.js.map

package/dist/lib/ui/uikit/dist/components/PlAccordion/PlAccordion.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAccordion.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlAccordion/PlAccordion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { provide, toRef } from 'vue';\n\nconst model = defineModel<string>();\n\nconst props = defineProps<{\n  /**\n   * Allow multiple accordion sections to be opened at the same time\n   */\n  multiple?: boolean;\n}>();\n\nprovide('pl-accordion-model', model);\nprovide('pl-accordion-props', toRef(props));\n</script>\n\n<template>\n  <slot name=\"header\" />\n  <slot />\n</template>\n"],"names":["model","_useModel","__props","props","provide","toRef","i","c","p","u"],"mappings":";;;;;;;;;;;AAGM,UAAAA,IAAQC,EAAmBC,GAAA,YAAC,GAE5BC,IAAQD;AAOdE,WAAAA,EAAQ,sBAAsBJ,CAAK,GAC3BI,EAAA,sBAAsBC,EAAMF,CAAK,CAAC,GAAA,CAAA,GAAAG,OAAAC,EAAA,GAAAC,EAAAC,GAAA,MAAA;AAAA;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlAccordion/PlAccordionSection.vue.js

@@ -0,0 +1,10 @@
+import o from "./PlAccordionSection.vue2.js";
+import r from "./PlAccordionSection.vue3.js";
+import s from "../../_virtual/_plugin-vue_export-helper.js";
+const t = {
+  $style: r
+}, p = /* @__PURE__ */ s(o, [["__cssModules", t]]);
+export {
+  p as default
+};
+//# sourceMappingURL=PlAccordionSection.vue.js.map

package/dist/lib/ui/uikit/dist/components/PlAccordion/PlAccordionSection.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAccordionSection.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlAccordion/PlAccordionSection.vue2.js

@@ -0,0 +1,67 @@
+import { defineComponent as y, mergeModels as x, inject as d, useModel as g, computed as u, createElementBlock as m, openBlock as v, createVNode as n, unref as f, normalizeClass as r, withCtx as h, createTextVNode as C, toDisplayString as $, createCommentVNode as V, renderSlot as _ } from "vue";
+import { uniqueId as b } from "../../lib/util/helpers/dist/index.js";
+import k from "../PlIcon16/PlIcon16.vue.js";
+import B from "../PlSectionSeparator/PlSectionSeparator.vue.js";
+import N from "./ExpandTransition.vue2.js";
+(function() {
+  try {
+    if (typeof document < "u") {
+      var t = document.createElement("style");
+      t.appendChild(document.createTextNode(".expand-collapse-fix{overflow:hidden}.expand-collapse-enter-active,.expand-collapse-leave-active{transition:height .2s ease-in-out,opacity .2s ease-in-out;height:var(--component-height)}.expand-collapse-enter-from,.expand-collapse-leave-to{opacity:.5;height:0}")), document.head.appendChild(t);
+    }
+  } catch (o) {
+    console.error("vite-plugin-css-injected-by-js", o);
+  }
+})();
+const j = { class: "pl-accordion-section" }, q = /* @__PURE__ */ y({
+  __name: "PlAccordionSection",
+  props: /* @__PURE__ */ x({
+    label: {},
+    compact: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const o = d("pl-accordion-model"), s = d("pl-accordion-props"), a = g(t, "modelValue"), c = b(), i = u(() => !s || s.value.multiple), l = u({
+      get() {
+        return i.value ? a.value : o ? o.value === c : a.value;
+      },
+      set(e) {
+        i.value ? a.value = e : o && (o.value = o.value === c ? "" : c);
+      }
+    });
+    return (e, p) => (v(), m("div", j, [
+      n(f(B), {
+        class: r(e.$style.separator),
+        compact: e.compact,
+        onClick: p[0] || (p[0] = (w) => l.value = !l.value)
+      }, {
+        default: h(() => [
+          n(f(k), {
+            name: "chevron-right",
+            class: r([{ [e.$style.down]: l.value }, e.$style.chevron])
+          }, null, 8, ["class"]),
+          C(" " + $(e.label), 1)
+        ]),
+        _: 1
+      }, 8, ["class", "compact"]),
+      n(N, null, {
+        default: h(() => [
+          l.value ? (v(), m("div", {
+            key: 0,
+            class: r(e.$style.content)
+          }, [
+            _(e.$slots, "default")
+          ], 2)) : V("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+export {
+  q as default
+};
+//# sourceMappingURL=PlAccordionSection.vue2.js.map

package/dist/lib/ui/uikit/dist/components/PlAccordion/PlAccordionSection.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAccordionSection.vue2.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from '@milaboratories/helpers';\nimport { PlMaskIcon16 } from '../PlMaskIcon16';\nimport { PlSectionSeparator } from '../PlSectionSeparator';\nimport ExpandTransition from './ExpandTransition.vue';\nimport type { Ref } from 'vue';\nimport { computed, inject } from 'vue';\n\nconst $m = inject<Ref<string>>('pl-accordion-model');\n\nconst $p = inject<\n  Ref<{\n    multiple?: boolean;\n  }>\n>('pl-accordion-props');\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p || $p.value.multiple);\n\nconst open = computed({\n  get() {\n    if (isMulti.value) {\n      return model.value;\n    }\n\n    return $m ? $m.value === id : model.value;\n  },\n  set(on) {\n    if (isMulti.value) {\n      model.value = on;\n    } else if ($m) {\n      $m.value = $m.value === id ? '' : id;\n    }\n  },\n});\n\ndefineProps<{\n  /**\n   * The label text (optional)\n   */\n  label?: string;\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-accordion-section\">\n    <PlSectionSeparator :class=\"$style.separator\" :compact=\"compact\" @click=\"open = !open\">\n      <PlMaskIcon16 name=\"chevron-right\" :class=\"[{ [$style.down]: open }, $style.chevron]\" />\n      {{ label }}\n    </PlSectionSeparator>\n    <ExpandTransition>\n      <div v-if=\"open\" :class=\"$style.content\">\n        <slot />\n      </div>\n    </ExpandTransition>\n  </div>\n</template>\n\n<style module>\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-v);\n  will-change: height, opacity;\n  /* transform: translateZ(0);\n  backface-visibility: hidden; */\n}\n\n.content > *:first-child {\n  margin-top: 24px;\n}\n\n.content > *:last-child {\n  margin-bottom: 4px;\n}\n\n.separator {\n  cursor: pointer;\n  &:hover {\n    --pl-separator-txt-color: var(--txt-01);\n    --mask-icon-bg-color: var(--ic-01);\n  }\n}\n\n.chevron {\n  transition-duration: 50ms;\n}\n\n.down {\n  transform: rotate(90deg);\n}\n</style>\n"],"names":["$m","u","r","t","V","$","a","h","c","m","isMulti","model"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAQMA,MAAAA,GAAAA;AAcgB,UACd,IAAAC,EAAA,oBAAA,GAAAC,IAAAD,EAAA,oBAAA,GAAAE,IAAAC,EAAAC,GAAA,YAAA,GAAAC,IAAAC,EAAA,GAAAC,IAAAC,EAAA,MAAA,CAAAP,KAAAA,EAAA,MAAA,QAAA,GAAA,IAAAO,EAAA;AAAA,MACAC,MAAAA;AAKN,eAAAF,EAAA,QAAAL,EAAA,QAAA,IAAA,EAAA,UAAAG,IAAAH,EAAA;AAAA;MAEMO,IAAQ,GACVC;AAGF,QAAAH,EAAA,QAAAL,EAAA,QAAA,IAAA,MAAA,EAAA,QAAA,EAAA,UAAAG,IAAA,KAAAA;AAAA,MAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlAccordion/PlAccordionSection.vue3.js

@@ -0,0 +1,24 @@
+(function() {
+  try {
+    if (typeof document < "u") {
+      var o = document.createElement("style");
+      o.appendChild(document.createTextNode("._content_e3dof_2{display:flex;flex-direction:column;gap:var(--gap-v);will-change:height,opacity}._content_e3dof_2>*:first-child{margin-top:24px}._content_e3dof_2>*:last-child{margin-bottom:4px}._separator_e3dof_19{cursor:pointer}._separator_e3dof_19:hover{--pl-separator-txt-color: var(--txt-01);--mask-icon-bg-color: var(--ic-01)}._chevron_e3dof_27{transition-duration:50ms}._down_e3dof_31{transform:rotate(90deg)}")), document.head.appendChild(o);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const t = "_content_e3dof_2", n = "_separator_e3dof_19", r = "_chevron_e3dof_27", a = "_down_e3dof_31", c = {
+  content: t,
+  separator: n,
+  chevron: r,
+  down: a
+};
+export {
+  r as chevron,
+  t as content,
+  c as default,
+  a as down,
+  n as separator
+};
+//# sourceMappingURL=PlAccordionSection.vue3.js.map

package/dist/lib/ui/uikit/dist/components/PlAccordion/PlAccordionSection.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAccordionSection.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlAlert/PlAlert.vue.js

@@ -0,0 +1,66 @@
+import { defineComponent as s, createElementBlock as t, createCommentVNode as a, openBlock as l, normalizeStyle as c, normalizeClass as p, createElementVNode as i, toDisplayString as d, renderSlot as m } from "vue";
+(function() {
+  try {
+    if (typeof document < "u") {
+      var o = document.createElement("style");
+      o.appendChild(document.createTextNode(`.pl-alert{--text-font-family: var(--font-family-base);--text-white-space: normal;--indent: 24px;position:relative;padding:12px;display:flex;flex-wrap:nowrap;gap:12px;border:1px solid var(--border-color-default);border-radius:6px;color:var(--txt-01)}.pl-alert.monospace{--text-font-family: var(--font-family-monospace)}.pl-alert.whiteSpacePre{--text-white-space: pre}.pl-alert__error{background:var(--notification-error)}.pl-alert__warn{background:var(--notification-warning)}.pl-alert__success{background:var(--notification-success)}.pl-alert__info{background:var(--notification-neutral)}.pl-alert__icon{width:24px}.pl-alert__main{display:flex;flex-direction:column;min-height:24px;flex:1;overflow:hidden;width:100%;gap:6px}.pl-alert__main label{font-size:20px;font-weight:500;line-height:24px;letter-spacing:-.2px}.pl-alert__main__text{font-size:14px;font-weight:500;line-height:20px;font-family:var(--text-font-family);white-space:var(--text-white-space);max-width:100%;flex:1;--thumb-color: var(--ic-02);overflow-y:auto}.pl-alert__main__text::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-alert__main__text::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-alert__main__text::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.pl-alert__close-btn{position:absolute;top:10px;right:12px;cursor:pointer;background-color:#d3d7e0;mask-image: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%20d='M5.99954%2018L11.9995%2012M11.9995%2012L17.9995%206M11.9995%2012L5.99954%206M11.9995%2012L17.9995%2018'%20stroke='%23110529'%20stroke-width='1.5'/%3e%3c/svg%3e");-webkit-mask-image: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%20d='M5.99954%2018L11.9995%2012M11.9995%2012L17.9995%206M11.9995%2012L5.99954%206M11.9995%2012L17.9995%2018'%20stroke='%23110529'%20stroke-width='1.5'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:24px;-webkit-mask-size:24px;width:24px;height:24px;transition:all .1s ease-in-out}.pl-alert__close-btn:hover{background-color:var(--main-dark-color)}`)), document.head.appendChild(o);
+    }
+  } catch (r) {
+    console.error("vite-plugin-css-injected-by-js", r);
+  }
+})();
+const u = {
+  key: 0,
+  class: "pl-alert__icon"
+}, h = { class: "pl-alert__main" }, x = { key: 0 }, f = { class: "pl-alert__main__text" }, _ = {
+  name: "PlAlert"
+}, w = /* @__PURE__ */ s({
+  ..._,
+  props: {
+    modelValue: { type: Boolean, default: !0 },
+    type: { default: void 0 },
+    label: { default: void 0 },
+    icon: { type: Boolean, default: void 0 },
+    closeable: { type: Boolean, default: void 0 },
+    monospace: { type: Boolean, default: void 0 },
+    whiteSpacePre: { type: Boolean, default: void 0 },
+    maxHeight: { default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(o) {
+    const r = {
+      success: "success",
+      warn: "warning",
+      info: "edit",
+      error: "error"
+    };
+    return (e, n) => e.modelValue ? (l(), t("div", {
+      key: 0,
+      class: p(["pl-alert", [{ monospace: e.monospace, whiteSpacePre: e.whiteSpacePre }, e.type ? `pl-alert__${e.type}` : ""]]),
+      style: c({ maxHeight: e.maxHeight })
+    }, [
+      e.icon && e.type ? (l(), t("div", u, [
+        i("div", {
+          class: p(`icon-24 icon-${r[e.type]}`)
+        }, null, 2)
+      ])) : a("", !0),
+      i("div", h, [
+        e.label ? (l(), t("label", x, d(e.label), 1)) : a("", !0),
+        i("div", f, [
+          m(e.$slots, "default")
+        ])
+      ]),
+      e.closeable ? (l(), t("div", {
+        key: 1,
+        class: "pl-alert__close-btn",
+        "aria-label": "Close alert",
+        role: "button",
+        onClick: n[0] || (n[0] = (b) => e.$emit("update:modelValue", !1))
+      })) : a("", !0)
+    ], 6)) : a("", !0);
+  }
+});
+export {
+  w as default
+};
+//# sourceMappingURL=PlAlert.vue.js.map

package/dist/lib/ui/uikit/dist/components/PlAlert/PlAlert.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAlert.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlAlert/PlAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: 'PlAlert',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-alert.scss';\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated, typically when the close button is clicked.\n   *\n   * @param value - The new value of the model, generally `false` when the alert is closed.\n   */\n  (e: 'update:modelValue', value: boolean): void;\n}>();\n\nwithDefaults(\n  defineProps<{\n    /**\n     * Controls the visibility of the alert component. If `true`, the alert is visible.\n     *\n     * @default true\n     */\n    modelValue?: boolean;\n    /**\n     * The type of alert, which determines the alert's style and icon.\n     * Can be one of `'success' | 'info' | 'warn' | 'error'`.\n     */\n    type?: 'success' | 'info' | 'warn' | 'error';\n    /**\n     * An optional label that appears at the top of the alert.\n     */\n    label?: string;\n    /**\n     * If `true`, an icon corresponding to the alert type is displayed.\n     */\n    icon?: boolean;\n    /**\n     * If `true`, a close button is displayed in the alert, allowing the user to close it.\n     */\n    closeable?: boolean;\n    /**\n     * If `true`, the alert text is displayed in a monospace font.\n     */\n    monospace?: boolean;\n    /**\n     * If `true`, the alert content will preserve whitespace and line breaks.\n     */\n    whiteSpacePre?: boolean;\n\n    /**\n     * Max height (css value like '120px or 30%')\n     */\n    maxHeight?: string;\n  }>(),\n  {\n    modelValue: true,\n    type: undefined,\n    label: undefined,\n    icon: undefined,\n    closeable: undefined,\n    monospace: undefined,\n    whiteSpacePre: undefined,\n    maxHeight: undefined,\n  },\n);\n\nconst iconMap = {\n  success: 'success',\n  warn: 'warning',\n  info: 'edit',\n  error: 'error',\n};\n</script>\n\n<template>\n  <div v-if=\"modelValue\" class=\"pl-alert\" :style=\"{ maxHeight }\" :class=\"[{ monospace, whiteSpacePre }, type ? `pl-alert__${type}` : '']\">\n    <div v-if=\"icon && type\" class=\"pl-alert__icon\">\n      <div :class=\"`icon-24 icon-${iconMap[type]}`\" />\n    </div>\n    <div class=\"pl-alert__main\">\n      <label v-if=\"label\">{{ label }}</label>\n      <div class=\"pl-alert__main__text\"><slot /></div>\n    </div>\n    <div v-if=\"closeable\" class=\"pl-alert__close-btn\" aria-label=\"Close alert\" role=\"button\" @click=\"$emit('update:modelValue', false)\" />\n  </div>\n</template>\n"],"names":["c","y","v","_","i"],"mappings":";;;;;;;;;;;;;;AACe,GACPA,IAAA,EAAA,OAAA,iBAAA,GAAAC,IAAA,EAAA,KAAA,EAAA,GAAA,IAAA,EAAA,OAAA,uBAAA,GAAAC,IAAA;AAAA,EACR,MAAA;;;;;;;;;;;;;;EAkEA,MAAAC,GAAgB;AAAA,UACLC,IAAA;AAAA,MACT,SAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAO;AAAA,MACT,OAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}