@platforma-sdk/ui-vue 1.42.19 → 1.42.21

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

@@ -1 +0,0 @@
-{"version":3,"file":"keys.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/DataTable/keys.ts"],"sourcesContent":["import { type InjectionKey, type ComputedRef, inject } from 'vue';\nimport type { TableSettings } from './types';\nimport type { State } from './state';\n\nexport const settingsKey = Symbol() as InjectionKey<ComputedRef<TableSettings>>;\n\nexport const stateKey = Symbol() as InjectionKey<State>;\n\nexport const injectState = () => inject(stateKey)!;\n"],"names":["stateKey","injectState","inject"],"mappings":";AAMO,MAAMA,IAAW,OAAO,GAElBC,IAAc,MAAMC,EAAOF,CAAQ;"}

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

@@ -1,111 +0,0 @@
-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 j } from "./composition/useTableColumns.js";
-import { useTableRows as A } from "./composition/useTableRows.js";
-import { GAP as w, WINDOW_DELTA as g } from "./constants.js";
-const B = 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 = j({
-    data: t,
-    settings: r
-  }), H = A(t, n), d = {
-    data: t,
-    settings: r,
-    tableColumns: n,
-    tableRows: H,
-    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
-      }, B(h(t.currentWindow), r.value.dataSource).then(({ rows: c, dataWindow: T }) => {
-        S(t.currentWindow, T) && (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

@@ -1 +0,0 @@
-{"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

@@ -1,46 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,46 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,67 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,42 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,27 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,22 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

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

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

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

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

@@ -1 +0,0 @@
-{"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, toRef } from 'vue';\n\nconst $m = inject<Ref<string>>('pl-accordion-model', () => toRef(''), true);\n\nconst $p = inject<\n  Ref<{\n    multiple?: boolean;\n  }>\n>('pl-accordion-props', () => toRef({ multiple: false }), true);\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":["y","o","i","m","r","t","k","a","B","c","p","isMulti","model"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAAA;AAcsB,UACdC,IAAAC,EAAA,sBAAA,MAAAC,EAAA,EAAA,GAAA,EAAA,GAAAC,IAAAF,EAAA,sBAAA,MAAAC,EAAA,EAAA,UAAA,GAAA,CAAA,GAAA,EAAA,GAAAE,IAAAC,EAAAN,GAAA,YAAA,GAAAO,IAAAC,EAAA,GAAAC,IAAAC,EAAA,MAAA,CAAAN,KAAAA,EAAA,MAAA,QAAA,GAAA,IAAAM,EAAA;AAAA,MACAC,MAAAA;AAKN,eAAAF,EAAA,QAAAJ,EAAA,QAAAJ,IAAAA,EAAA,UAAAM,IAAAF,EAAA;AAAA;MAEMM,IAAQ,GACVC;AAGF,QAAAH,EAAA,QAAAJ,EAAA,QAAA,IAAAJ,MAAAA,EAAA,QAAAA,EAAA,UAAAM,IAAA,KAAAA;AAAA,MAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,24 +0,0 @@
-(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

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

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

@@ -1,66 +0,0 @@
-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