@milaboratories/uikit 2.4.2 → 2.4.4

package/dist/layout/PlContainer/index.d.ts

@@ -1,2 +1 @@
 export { default as PlContainer } from './PlContainer.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/layout/PlGrid/PlGrid.vue.d.ts

@@ -12,4 +12,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlGrid.vue.d.ts.map

package/dist/layout/PlGrid/PlGrid.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlGrid.vue.js","sources":["../../../src/layout/PlGrid/PlGrid.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Grid container */\nexport default {\n  name: 'PlGrid',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport './pl-grid.scss';\n\nconst props = defineProps<{\n  columns: number;\n}>();\n\nconst style = computed(() => {\n  return {\n    gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))`,\n  };\n});\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-grid\" :style=\"style\">\n    <slot />\n  </div>\n</template>\n"],"names":["__default__","props","__props","style","computed"],"mappings":";;AAEA,MAAeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;AAOA,UAAMC,IAAQC,GAIRC,IAAQC,EAAS,OACd;AAAA,MACL,qBAAqB,UAAUH,EAAM,OAAO;AAAA,IAC9C,EACD;;;;;;;;;"}
+{"version":3,"file":"PlGrid.vue.js","sources":["../../../src/layout/PlGrid/PlGrid.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Grid container */\nexport default {\n  name: 'PlGrid',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport './pl-grid.scss';\n\nconst props = defineProps<{\n  columns: number;\n}>();\n\nconst style = computed(() => {\n  return {\n    gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))`,\n  };\n});\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-grid\" :style=\"style\">\n    <slot />\n  </div>\n</template>\n"],"names":["__default__","props","__props","style","computed"],"mappings":";;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;AAOA,UAAMC,IAAQC,GAIRC,IAAQC,EAAS,OACd;AAAA,MACL,qBAAqB,UAAUH,EAAM,OAAO;AAAA,IAAA,EAE/C;;;;;;;;;"}

package/dist/layout/PlGrid/index.d.ts

@@ -1,2 +1 @@
 export { default as PlGrid } from './PlGrid.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/layout/PlRow/PlRow.vue.d.ts

@@ -16,4 +16,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlRow.vue.d.ts.map

package/dist/layout/PlRow/PlRow.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlRow.vue.js","sources":["../../../src/layout/PlRow/PlRow.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Horizontal Flex flow container */\nexport default {\n  name: 'PlRow',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-row.scss';\n\ndefineProps<{\n  wrap?: boolean;\n  alignCenter?: boolean;\n  noGap?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-row\" :class=\"{ wrap, 'align-center': alignCenter }\">\n    <slot />\n  </div>\n</template>\n"],"names":["__default__"],"mappings":";;AAEA,MAAeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlRow.vue.js","sources":["../../../src/layout/PlRow/PlRow.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Horizontal Flex flow container */\nexport default {\n  name: 'PlRow',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-row.scss';\n\ndefineProps<{\n  wrap?: boolean;\n  alignCenter?: boolean;\n  noGap?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-row\" :class=\"{ wrap, 'align-center': alignCenter }\">\n    <slot />\n  </div>\n</template>\n"],"names":["__default__"],"mappings":";;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;"}

package/dist/layout/PlRow/index.d.ts

@@ -1,2 +1 @@
 export { default as PlRow } from './PlRow.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/layout/PlSpacer/PlSpacer.vue.d.ts

@@ -1,4 +1,3 @@
 /** Fills flex remaining space */
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PlSpacer.vue.d.ts.map

package/dist/layout/PlSpacer/PlSpacer.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSpacer.vue.js","sources":["../../../src/layout/PlSpacer/PlSpacer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Fills flex remaining space */\nexport default {\n  name: 'PlSpacer',\n};\n</script>\n\n<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n  <div class=\"pl-layout-component\" style=\"flex-grow: 1\" />\n</template>\n"],"names":["__default__"],"mappings":";;;;GAEeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;"}
+{"version":3,"file":"PlSpacer.vue.js","sources":["../../../src/layout/PlSpacer/PlSpacer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Fills flex remaining space */\nexport default {\n  name: 'PlSpacer',\n};\n</script>\n\n<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n  <div class=\"pl-layout-component\" style=\"flex-grow: 1\" />\n</template>\n"],"names":["__default__"],"mappings":";;;;GAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;"}

package/dist/layout/PlSpacer/index.d.ts

@@ -1,2 +1 @@
 export { default as PlSpacer } from './PlSpacer.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/types.d.ts

@@ -49,4 +49,3 @@ declare global {
         platforma: Platforma | undefined;
     }
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/utils/DoubleContour.vue.d.ts

@@ -7,4 +7,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=DoubleContour.vue.d.ts.map

package/dist/utils/DoubleContour.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleContour.vue.js","sources":["../../src/utils/DoubleContour.vue"],"sourcesContent":["<script lang=\"ts\" setup></script>\n\n<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<template>\n  <div class=\"double-contour\">\n    <div v-bind=\"$attrs\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["_sfc_render","_ctx","_cache","$props","$attrs","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeProps","_guardReactiveProps"],"mappings":";;;;AAUI,SAAAA,EAAAC,GAEMC,GAZVC,GAUiBC,GAAAA,GAAAA,GAAAA;SACXC,EAAQ,GAAAC,EAAA,OAAAC,GAAA;AAAA,IAAAC,EAAA,OAAAC,EAAAC,EAAAT,EAAA,MAAA,CAAA,GAAA;AAAA;;;;;"}
+{"version":3,"file":"DoubleContour.vue.js","sources":["../../src/utils/DoubleContour.vue"],"sourcesContent":["<script lang=\"ts\" setup></script>\n\n<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<template>\n  <div class=\"double-contour\">\n    <div v-bind=\"$attrs\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["_sfc_render","_ctx","_cache","$props","$setup","$data","$options","$attrs","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeProps","_guardReactiveProps"],"mappings":";;;;AAUI,SAAAA,EAAAC,GAEMC,GAZVC,GAAAC,GAAAC,GAAAC,GAUiBC;SACXC,EAAA,GAAQC,EAAA,OAAAC,GAAA;AAAA,IAAAC,EAAA,OAAAC,EAAAC,EAAAZ,EAAA,MAAA,CAAA,GAAA;AAAA;;;;;"}

package/dist/utils/DoubleContour.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleContour.vue2.js","sources":["../../src/utils/DoubleContour.vue"],"sourcesContent":["<script lang=\"ts\" setup></script>\n\n<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<template>\n  <div class=\"double-contour\">\n    <div v-bind=\"$attrs\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["_sfc_main"],"mappings":"AAGA,MAAeA,IAAA;AAAA,EACb,cAAc;AAChB;"}
+{"version":3,"file":"DoubleContour.vue2.js","sources":["../../src/utils/DoubleContour.vue"],"sourcesContent":["<script lang=\"ts\" setup></script>\n\n<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<template>\n  <div class=\"double-contour\">\n    <div v-bind=\"$attrs\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["_sfc_main"],"mappings":"AAGA,MAAAA,IAAe;AAAA,EACb,cAAc;AAChB;"}

package/dist/utils/DropdownOverlay/DropdownOverlay.vue.d.ts

@@ -28,4 +28,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=DropdownOverlay.vue.d.ts.map

package/dist/utils/DropdownOverlay/DropdownOverlay.vue.js

@@ -1,22 +1,22 @@
-import { defineComponent as g, reactive as c, toRef as h, ref as u, watch as w, createBlock as v, openBlock as x, Teleport as y, createElementVNode as R, mergeProps as C, withModifiers as H, renderSlot as b } from "vue";
+import { defineComponent as g, reactive as c, toRef as h, ref as w, watch as v, createBlock as x, openBlock as y, Teleport as R, createElementVNode as C, mergeProps as H, withModifiers as f, renderSlot as b } from "vue";
 import { useElementPosition as k } from "../../composition/usePosition.js";
 import { scrollIntoView as B } from "../../helpers/dom.js";
-import { tapIf as E } from "../../lib/util/helpers/dist/index.js";
-const q = /* @__PURE__ */ g({
+import { tapIf as E } from "@milaboratories/helpers";
+const M = /* @__PURE__ */ g({
   __name: "DropdownOverlay",
   props: {
     root: {},
     gap: {}
   },
-  setup(f, { expose: d }) {
-    const r = f, i = c({
+  setup(d, { expose: a }) {
+    const r = d, i = c({
       optionsHeight: 0
     }), o = c({
       top: "0px",
       left: "0px",
       width: "0px"
-    }), a = h(r, "root"), n = u();
-    return d({
+    }), m = h(r, "root"), n = w();
+    return a({
       scrollIntoActive: () => {
         const t = n.value;
         t && E(t.querySelector(".hovered-item"), (e) => {
@@ -24,22 +24,24 @@ const q = /* @__PURE__ */ g({
         });
       },
       listRef: n
-    }), w(n, (t) => {
+    }), v(n, (t) => {
       t && requestAnimationFrame(() => {
         const e = t.getBoundingClientRect();
         i.optionsHeight = e.height, window.dispatchEvent(new CustomEvent("adjust"));
       });
-    }), k(a, (t) => {
-      const e = document.body.getBoundingClientRect(), s = t.top - e.top, m = t.left - e.left, p = r.gap ?? 0, l = s + t.height + p;
-      l + i.optionsHeight > t.clientHeight ? o.top = s - i.optionsHeight - p + "px" : o.top = l + "px", o.left = m + "px", o.width = t.width + "px";
-    }), (t, e) => (x(), v(y, { to: "body" }, [
-      R("div", C({
+    }), k(m, (t) => {
+      const e = document.body.getBoundingClientRect(), s = t.top - e.top, u = t.left - e.left, p = r.gap ?? 0, l = s + t.height + p;
+      l + i.optionsHeight > t.clientHeight ? o.top = s - i.optionsHeight - p + "px" : o.top = l + "px", o.left = u + "px", o.width = t.width + "px";
+    }), (t, e) => (y(), x(R, { to: "body" }, [
+      C("div", H({
         ref_key: "listRef",
         ref: n
       }, t.$attrs, {
         style: o,
         tabindex: "-1",
-        onClick: e[0] || (e[0] = H(() => {
+        onMousedown: e[0] || (e[0] = f(() => {
+        }, ["prevent"])),
+        onClick: e[1] || (e[1] = f(() => {
         }, ["stop"]))
       }), [
         b(t.$slots, "default", { ref: "list" })
@@ -48,6 +50,6 @@ const q = /* @__PURE__ */ g({
   }
 });
 export {
-  q as default
+  M as default
 };
 //# sourceMappingURL=DropdownOverlay.vue.js.map

package/dist/utils/DropdownOverlay/DropdownOverlay.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownOverlay.vue.js","sources":["../../../src/utils/DropdownOverlay/DropdownOverlay.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useElementPosition } from '../../composition/usePosition';\nimport { scrollIntoView } from '../../helpers/dom';\nimport { tapIf } from '@milaboratories/helpers';\nimport { reactive, ref, toRef, watch } from 'vue';\n\nconst props = defineProps<{\n  root: HTMLElement | undefined; // element to \"track\"\n  gap?: number; // additional gap between overlay and \"root\" component\n}>();\n\nconst data = reactive({\n  optionsHeight: 0,\n});\n\nconst optionsStyle = reactive({\n  top: '0px',\n  left: '0px',\n  width: '0px',\n});\n\nconst rootRef = toRef(props, 'root');\n\nconst listRef = ref<HTMLElement>();\n\nconst scrollIntoActive = () => {\n  const $list = listRef.value;\n\n  if (!$list) {\n    return;\n  }\n\n  tapIf($list.querySelector('.hovered-item') as HTMLElement, (opt) => {\n    scrollIntoView($list, opt);\n  });\n};\n\ndefineExpose({\n  scrollIntoActive,\n  listRef,\n});\n\nwatch(listRef, (el) => {\n  if (el) {\n    requestAnimationFrame(() => {\n      const rect = el.getBoundingClientRect();\n      data.optionsHeight = rect.height;\n      window.dispatchEvent(new CustomEvent('adjust'));\n    });\n  }\n});\n\nuseElementPosition(rootRef, (pos) => {\n  const bodyRect = document.body.getBoundingClientRect();\n\n  const top = pos.top - bodyRect.top;\n\n  const left = pos.left - bodyRect.left;\n\n  const gap = props.gap ?? 0;\n\n  const downTopOffset = top + pos.height + gap;\n\n  if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n    optionsStyle.top = top - data.optionsHeight - gap + 'px';\n  } else {\n    optionsStyle.top = downTopOffset + 'px';\n  }\n\n  optionsStyle.left = left + 'px';\n  optionsStyle.width = pos.width + 'px';\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div\n      ref=\"listRef\"\n      v-bind=\"$attrs\"\n      :style=\"optionsStyle\"\n      tabindex=\"-1\"\n      @click.stop\n    >\n      <slot ref=\"list\" />\n    </div>\n  </Teleport>\n</template>\n"],"names":["props","__props","data","reactive","optionsStyle","rootRef","toRef","listRef","ref","__expose","$list","tapIf","opt","scrollIntoView","watch","el","rect","useElementPosition","pos","bodyRect","top","left","gap","downTopOffset"],"mappings":";;;;;;;;;;;AAMA,UAAMA,IAAQC,GAKRC,IAAOC,EAAS;AAAA,MACpB,eAAe;AAAA,IAAA,CAChB,GAEKC,IAAeD,EAAS;AAAA,MAC5B,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,CACR,GAEKE,IAAUC,EAAMN,GAAO,MAAM,GAE7BO,IAAUC,EAAiB;AAcpB,WAAAC,EAAA;AAAA,MACX,kBAbuB,MAAM;AAC7B,cAAMC,IAAQH,EAAQ;AAEtB,QAAKG,KAILC,EAAMD,EAAM,cAAc,eAAe,GAAkB,CAACE,MAAQ;AAClE,UAAAC,EAAeH,GAAOE,CAAG;AAAA,QAAA,CAC1B;AAAA,MACH;AAAA,MAIE,SAAAL;AAAA,IAAA,CACD,GAEKO,EAAAP,GAAS,CAACQ,MAAO;AACrB,MAAIA,KACF,sBAAsB,MAAM;AACpB,cAAAC,IAAOD,EAAG,sBAAsB;AACtC,QAAAb,EAAK,gBAAgBc,EAAK,QAC1B,OAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,MAAA,CAC/C;AAAA,IACH,CACD,GAEkBC,EAAAZ,GAAS,CAACa,MAAQ;AAC7B,YAAAC,IAAW,SAAS,KAAK,sBAAsB,GAE/CC,IAAMF,EAAI,MAAMC,EAAS,KAEzBE,IAAOH,EAAI,OAAOC,EAAS,MAE3BG,IAAMtB,EAAM,OAAO,GAEnBuB,IAAgBH,IAAMF,EAAI,SAASI;AAEzC,MAAIC,IAAgBrB,EAAK,gBAAgBgB,EAAI,eAC3Cd,EAAa,MAAMgB,IAAMlB,EAAK,gBAAgBoB,IAAM,OAEpDlB,EAAa,MAAMmB,IAAgB,MAGrCnB,EAAa,OAAOiB,IAAO,MACdjB,EAAA,QAAQc,EAAI,QAAQ;AAAA,IAAA,CAClC;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DropdownOverlay.vue.js","sources":["../../../src/utils/DropdownOverlay/DropdownOverlay.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useElementPosition } from '../../composition/usePosition';\nimport { scrollIntoView } from '../../helpers/dom';\nimport { tapIf } from '@milaboratories/helpers';\nimport { reactive, ref, toRef, watch } from 'vue';\n\nconst props = defineProps<{\n  root: HTMLElement | undefined; // element to \"track\"\n  gap?: number; // additional gap between overlay and \"root\" component\n}>();\n\nconst data = reactive({\n  optionsHeight: 0,\n});\n\nconst optionsStyle = reactive({\n  top: '0px',\n  left: '0px',\n  width: '0px',\n});\n\nconst rootRef = toRef(props, 'root');\n\nconst listRef = ref<HTMLElement>();\n\nconst scrollIntoActive = () => {\n  const $list = listRef.value;\n\n  if (!$list) {\n    return;\n  }\n\n  tapIf($list.querySelector('.hovered-item') as HTMLElement, (opt) => {\n    scrollIntoView($list, opt);\n  });\n};\n\ndefineExpose({\n  scrollIntoActive,\n  listRef,\n});\n\nwatch(listRef, (el) => {\n  if (el) {\n    requestAnimationFrame(() => {\n      const rect = el.getBoundingClientRect();\n      data.optionsHeight = rect.height;\n      window.dispatchEvent(new CustomEvent('adjust'));\n    });\n  }\n});\n\nuseElementPosition(rootRef, (pos) => {\n  const bodyRect = document.body.getBoundingClientRect();\n\n  const top = pos.top - bodyRect.top;\n\n  const left = pos.left - bodyRect.left;\n\n  const gap = props.gap ?? 0;\n\n  const downTopOffset = top + pos.height + gap;\n\n  if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n    optionsStyle.top = top - data.optionsHeight - gap + 'px';\n  } else {\n    optionsStyle.top = downTopOffset + 'px';\n  }\n\n  optionsStyle.left = left + 'px';\n  optionsStyle.width = pos.width + 'px';\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div\n      ref=\"listRef\"\n      v-bind=\"$attrs\"\n      :style=\"optionsStyle\"\n      tabindex=\"-1\"\n      @mousedown.prevent\n      @click.stop\n    >\n      <slot ref=\"list\" />\n    </div>\n  </Teleport>\n</template>\n"],"names":["props","__props","data","reactive","optionsStyle","rootRef","toRef","listRef","ref","__expose","$list","tapIf","opt","scrollIntoView","watch","el","rect","useElementPosition","pos","bodyRect","top","left","gap","downTopOffset"],"mappings":";;;;;;;;;;;AAMA,UAAMA,IAAQC,GAKRC,IAAOC,EAAS;AAAA,MACpB,eAAe;AAAA,IAAA,CAChB,GAEKC,IAAeD,EAAS;AAAA,MAC5B,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,CACR,GAEKE,IAAUC,EAAMN,GAAO,MAAM,GAE7BO,IAAUC,EAAA;AAchB,WAAAC,EAAa;AAAA,MACX,kBAbuB,MAAM;AAC7B,cAAMC,IAAQH,EAAQ;AAEtB,QAAKG,KAILC,EAAMD,EAAM,cAAc,eAAe,GAAkB,CAACE,MAAQ;AAClE,UAAAC,EAAeH,GAAOE,CAAG;AAAA,QAC3B,CAAC;AAAA,MACH;AAAA,MAIE,SAAAL;AAAA,IAAA,CACD,GAEDO,EAAMP,GAAS,CAACQ,MAAO;AACrB,MAAIA,KACF,sBAAsB,MAAM;AAC1B,cAAMC,IAAOD,EAAG,sBAAA;AAChB,QAAAb,EAAK,gBAAgBc,EAAK,QAC1B,OAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,MAChD,CAAC;AAAA,IAEL,CAAC,GAEDC,EAAmBZ,GAAS,CAACa,MAAQ;AACnC,YAAMC,IAAW,SAAS,KAAK,sBAAA,GAEzBC,IAAMF,EAAI,MAAMC,EAAS,KAEzBE,IAAOH,EAAI,OAAOC,EAAS,MAE3BG,IAAMtB,EAAM,OAAO,GAEnBuB,IAAgBH,IAAMF,EAAI,SAASI;AAEzC,MAAIC,IAAgBrB,EAAK,gBAAgBgB,EAAI,eAC3Cd,EAAa,MAAMgB,IAAMlB,EAAK,gBAAgBoB,IAAM,OAEpDlB,EAAa,MAAMmB,IAAgB,MAGrCnB,EAAa,OAAOiB,IAAO,MAC3BjB,EAAa,QAAQc,EAAI,QAAQ;AAAA,IACnC,CAAC;;;;;;;;;;;;;;;;;"}

package/dist/utils/DropdownOverlay/index.d.ts

@@ -1,2 +1 @@
 export { default as DropdownOverlay } from './DropdownOverlay.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/utils/InnerBorder.vue.d.ts

@@ -1,3 +1,2 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
-//# sourceMappingURL=InnerBorder.vue.d.ts.map

package/dist/utils/InnerBorder.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"InnerBorder.vue2.js","sources":["../../src/utils/InnerBorder.vue"],"sourcesContent":["<template>\n  <div class=\"inner-border\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nexport default {\n  // inheritAttrs: false\n};\n</script>\n"],"names":["_sfc_main"],"mappings":"AAOA,MAAeA,IAAA;AAAA;AAEf;"}
+{"version":3,"file":"InnerBorder.vue2.js","sources":["../../src/utils/InnerBorder.vue"],"sourcesContent":["<template>\n  <div class=\"inner-border\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nexport default {\n  // inheritAttrs: false\n};\n</script>\n"],"names":["_sfc_main"],"mappings":"AAOA,MAAAA,IAAe;AAAA;AAEf;"}

package/dist/utils/PlCloseModalBtn.vue.d.ts

@@ -1,3 +1,2 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PlCloseModalBtn.vue.d.ts.map

package/dist/utils/PlCloseModalBtn.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlCloseModalBtn.vue.js","sources":["../../src/utils/PlCloseModalBtn.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.component\">\n    <div />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '../assets/mixins' as *;\n\n.component {\n  display: flex;\n  place-content: center;\n  place-items: center;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n  border-radius: 12px; // slide-modal 6px\n  &:hover {\n    background-color: var(--btn-sec-hover-grey);\n    transition: all 0.1s ease-in-out;\n  }\n  > div {\n    background-color: var(--ic-01);\n    @include mask(url(../assets/images/24_close.svg), 24px);\n  }\n}\n</style>\n"],"names":["_cache","_openBlock","_createElementBlock"],"mappings":";;;;cAGQA,GAAA;AAFA,SADRC,EAAA,GAAAC,EAC+B,OAAA;AAAA;KACpBF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA;;;;;;"}
+{"version":3,"file":"PlCloseModalBtn.vue.js","sources":["../../src/utils/PlCloseModalBtn.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.component\">\n    <div />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '../assets/mixins' as *;\n\n.component {\n  display: flex;\n  place-content: center;\n  place-items: center;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n  border-radius: 12px; // slide-modal 6px\n  &:hover {\n    background-color: var(--btn-sec-hover-grey);\n    transition: all 0.1s ease-in-out;\n  }\n  > div {\n    background-color: var(--ic-01);\n    @include mask(url(../assets/images/24_close.svg), 24px);\n  }\n}\n</style>\n"],"names":["_cache","_openBlock","_createElementBlock"],"mappings":";;;;cACEA,GAAA;AAAM,SAAKC,EADb,GAAAC,EACsB,OAAS;AAAA;KAC3BF,EAAA,CAAA,MAAAA,EAAO,CAAA,IAAA;AAAA;;;;;;"}

package/dist/utils/TextLabel.vue.d.ts

@@ -15,4 +15,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TextLabel.vue.d.ts.map

package/dist/utils/TextLabel.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextLabel.vue.js","sources":["../../src/utils/TextLabel.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.textLabel\">\n    <div :class=\"$style.label\">\n      <div :class=\"$style.labelText\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.textLabel {\n  padding: 0px 12px;\n}\n\n.label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--txt-03);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n}\n\n.labelText {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.label::after {\n  display: block;\n  flex: 1;\n  content: '';\n  height: 1px;\n  background-color: var(--border-color-div-grey);\n  width: 100%;\n}\n</style>\n"],"names":["_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;cAOQA,GAAA;AANA,SADRC,EAAA,GAAAC,EAC+B,OAAA;AAAA;KAKrB;AAAA,IAJAC,EAFV,OAEuB;AAAA;OAGX;AAAA,MAFAA,EAHZ,OAGyB;AAAA;SACT;AAAA;;;;;;;;"}
+{"version":3,"file":"TextLabel.vue.js","sources":["../../src/utils/TextLabel.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.textLabel\">\n    <div :class=\"$style.label\">\n      <div :class=\"$style.labelText\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.textLabel {\n  padding: 0px 12px;\n}\n\n.label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--txt-03);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n}\n\n.labelText {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.label::after {\n  display: block;\n  flex: 1;\n  content: '';\n  height: 1px;\n  background-color: var(--border-color-div-grey);\n  width: 100%;\n}\n</style>\n"],"names":["_cache","_openBlock","_createElementBlock","_createElementVNode","$style"],"mappings":";;;;cACEA,GAAA;AAAM,SAAKC,EADb,GAAAC,EACsB,OAAS;AAAA;KAC3B;AAAA,IAAMC,EAFV,OAEiBC;AAAAA;OACX;AAAA,MAAMD,EAHZ,OAGmBC;AAAAA;SACX;AAAA;;;;;;;;"}

package/dist/utils/WebStopWatchElement.d.ts

@@ -4,4 +4,3 @@ export declare class WebStopWatchElement extends HTMLElement {
     shadowRoot: ShadowRoot;
     connectedCallback(): void;
 }
-//# sourceMappingURL=WebStopWatchElement.d.ts.map

package/dist/utils/useLabelNotch.d.ts

@@ -3,4 +3,3 @@ import { Ref } from 'vue';
  * Adjust the width of the cutout on the clip path for the notched label (TextField, Dropdown)
  */
 export declare function useLabelNotch(root: Ref<HTMLElement | undefined>, labelSelector?: string): void;
-//# sourceMappingURL=useLabelNotch.d.ts.map

package/dist/utils/useLabelNotch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLabelNotch.js","sources":["../../src/utils/useLabelNotch.ts"],"sourcesContent":["import { onBeforeUnmount, type Ref } from 'vue';\nimport { tap, tapIf } from '../helpers/functions';\nimport { onChanged } from '../composition/utils';\nimport { call } from '../helpers/utils';\nimport { startResizeObserving, stopResizeObserving } from '../global/resizeObserver';\n\nconst offset = 8; // see --label-offset-left-x css var\n\nconst contourOffset = 4; // see --contour-offset css var\n\n/**\n * Adjust the width of the cutout on the clip path for the notched label (TextField, Dropdown)\n */\nexport function useLabelNotch(root: Ref<HTMLElement | undefined>, labelSelector = 'label') {\n  const labels = new Set<Element>();\n\n  onChanged(() => {\n    tapIf(root?.value, (el) => {\n      const label = el.querySelector(labelSelector);\n\n      if (!label) {\n        return;\n      }\n\n      labels.add(label);\n\n      startResizeObserving(label, () => {\n        const rightOffset = call(() => {\n          return label.getBoundingClientRect().width + tap(offset, (n) => (Number.isNaN(n) ? contourOffset : n + contourOffset)); //\n        });\n\n        if (el.style.getPropertyValue('--label-offset-right-x') !== `${rightOffset}px`) {\n          el.style.setProperty('--label-offset-right-x', `${rightOffset}px`);\n        }\n      });\n    });\n  });\n\n  onBeforeUnmount(() => {\n    Array.from(labels.values()).map((el) => stopResizeObserving(el));\n  });\n}\n"],"names":["offset","contourOffset","useLabelNotch","root","labelSelector","labels","onChanged","tapIf","el","label","startResizeObserving","rightOffset","call","tap","n","onBeforeUnmount","stopResizeObserving"],"mappings":";;;;;AAMA,MAAMA,IAAS,GAETC,IAAgB;AAKN,SAAAC,EAAcC,GAAoCC,IAAgB,SAAS;AACnF,QAAAC,wBAAa,IAAa;AAEhC,EAAAC,EAAU,MAAM;AACR,IAAAC,EAAAJ,KAAA,gBAAAA,EAAM,OAAO,CAACK,MAAO;AACnB,YAAAC,IAAQD,EAAG,cAAcJ,CAAa;AAE5C,MAAKK,MAILJ,EAAO,IAAII,CAAK,GAEhBC,EAAqBD,GAAO,MAAM;AAC1B,cAAAE,IAAcC,EAAK,MAChBH,EAAM,sBAAA,EAAwB,QAAQI,EAAIb,GAAQ,CAACc,MAAO,OAAO,MAAMA,CAAC,IAAIb,IAAgBa,IAAIb,CAAc,CACtH;AAED,QAAIO,EAAG,MAAM,iBAAiB,wBAAwB,MAAM,GAAGG,CAAW,QACxEH,EAAG,MAAM,YAAY,0BAA0B,GAAGG,CAAW,IAAI;AAAA,MACnE,CACD;AAAA,IAAA,CACF;AAAA,EAAA,CACF,GAEDI,EAAgB,MAAM;AACd,UAAA,KAAKV,EAAO,OAAQ,CAAA,EAAE,IAAI,CAACG,MAAOQ,EAAoBR,CAAE,CAAC;AAAA,EAAA,CAChE;AACH;"}
+{"version":3,"file":"useLabelNotch.js","sources":["../../src/utils/useLabelNotch.ts"],"sourcesContent":["import { onBeforeUnmount, type Ref } from 'vue';\nimport { tap, tapIf } from '../helpers/functions';\nimport { onChanged } from '../composition/utils';\nimport { call } from '../helpers/utils';\nimport { startResizeObserving, stopResizeObserving } from '../global/resizeObserver';\n\nconst offset = 8; // see --label-offset-left-x css var\n\nconst contourOffset = 4; // see --contour-offset css var\n\n/**\n * Adjust the width of the cutout on the clip path for the notched label (TextField, Dropdown)\n */\nexport function useLabelNotch(root: Ref<HTMLElement | undefined>, labelSelector = 'label') {\n  const labels = new Set<Element>();\n\n  onChanged(() => {\n    tapIf(root?.value, (el) => {\n      const label = el.querySelector(labelSelector);\n\n      if (!label) {\n        return;\n      }\n\n      labels.add(label);\n\n      startResizeObserving(label, () => {\n        const rightOffset = call(() => {\n          return label.getBoundingClientRect().width + tap(offset, (n) => (Number.isNaN(n) ? contourOffset : n + contourOffset)); //\n        });\n\n        if (el.style.getPropertyValue('--label-offset-right-x') !== `${rightOffset}px`) {\n          el.style.setProperty('--label-offset-right-x', `${rightOffset}px`);\n        }\n      });\n    });\n  });\n\n  onBeforeUnmount(() => {\n    Array.from(labels.values()).map((el) => stopResizeObserving(el));\n  });\n}\n"],"names":["offset","contourOffset","useLabelNotch","root","labelSelector","labels","onChanged","tapIf","el","label","startResizeObserving","rightOffset","call","tap","n","onBeforeUnmount","stopResizeObserving"],"mappings":";;;;;AAMA,MAAMA,IAAS,GAETC,IAAgB;AAKf,SAASC,EAAcC,GAAoCC,IAAgB,SAAS;AACzF,QAAMC,wBAAa,IAAA;AAEnB,EAAAC,EAAU,MAAM;AACd,IAAAC,EAAMJ,KAAA,gBAAAA,EAAM,OAAO,CAACK,MAAO;AACzB,YAAMC,IAAQD,EAAG,cAAcJ,CAAa;AAE5C,MAAKK,MAILJ,EAAO,IAAII,CAAK,GAEhBC,EAAqBD,GAAO,MAAM;AAChC,cAAME,IAAcC,EAAK,MAChBH,EAAM,sBAAA,EAAwB,QAAQI,EAAIb,GAAQ,CAACc,MAAO,OAAO,MAAMA,CAAC,IAAIb,IAAgBa,IAAIb,CAAc,CACtH;AAED,QAAIO,EAAG,MAAM,iBAAiB,wBAAwB,MAAM,GAAGG,CAAW,QACxEH,EAAG,MAAM,YAAY,0BAA0B,GAAGG,CAAW,IAAI;AAAA,MAErE,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC,GAEDI,EAAgB,MAAM;AACpB,UAAM,KAAKV,EAAO,OAAA,CAAQ,EAAE,IAAI,CAACG,MAAOQ,EAAoBR,CAAE,CAAC;AAAA,EACjE,CAAC;AACH;"}

package/dist/utils/useValidation.d.ts

@@ -7,4 +7,3 @@ export declare function useValidation<T>(val: Ref<T>, rules: ((v: T) => boolean
     isValid: boolean;
     errors: string[];
 }>;
-//# sourceMappingURL=useValidation.d.ts.map

package/dist/utils/useValidation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useValidation.js","sources":["../../src/utils/useValidation.ts"],"sourcesContent":["import { computed, type Ref } from 'vue';\n\n// Validation rules similar to those in Vuetify\n\nexport function validateFormValue<T>(value: T, rules: ((v: T) => boolean | string)[]) {\n  const errors: string[] = [];\n  if (rules && rules.length > 0) {\n    rules.forEach((rule) => {\n      const err = rule(value);\n      if (typeof err === 'string') {\n        errors.push(err);\n      }\n    });\n  }\n  return {\n    isValid: errors.length === 0,\n    errors: errors,\n  };\n}\n\nexport function useValidation<T>(val: Ref<T>, rules: ((v: T) => boolean | string)[]) {\n  return computed(() => {\n    return validateFormValue(val.value, rules);\n  });\n}\n"],"names":["validateFormValue","value","rules","errors","rule","err","useValidation","val","computed"],"mappings":";AAIgB,SAAAA,EAAqBC,GAAUC,GAAuC;AACpF,QAAMC,IAAmB,CAAC;AACtB,SAAAD,KAASA,EAAM,SAAS,KACpBA,EAAA,QAAQ,CAACE,MAAS;AAChB,UAAAC,IAAMD,EAAKH,CAAK;AAClB,IAAA,OAAOI,KAAQ,YACjBF,EAAO,KAAKE,CAAG;AAAA,EACjB,CACD,GAEI;AAAA,IACL,SAASF,EAAO,WAAW;AAAA,IAC3B,QAAAA;AAAA,EACF;AACF;AAEgB,SAAAG,EAAiBC,GAAaL,GAAuC;AACnF,SAAOM,EAAS,MACPR,EAAkBO,EAAI,OAAOL,CAAK,CAC1C;AACH;"}
+{"version":3,"file":"useValidation.js","sources":["../../src/utils/useValidation.ts"],"sourcesContent":["import { computed, type Ref } from 'vue';\n\n// Validation rules similar to those in Vuetify\n\nexport function validateFormValue<T>(value: T, rules: ((v: T) => boolean | string)[]) {\n  const errors: string[] = [];\n  if (rules && rules.length > 0) {\n    rules.forEach((rule) => {\n      const err = rule(value);\n      if (typeof err === 'string') {\n        errors.push(err);\n      }\n    });\n  }\n  return {\n    isValid: errors.length === 0,\n    errors: errors,\n  };\n}\n\nexport function useValidation<T>(val: Ref<T>, rules: ((v: T) => boolean | string)[]) {\n  return computed(() => {\n    return validateFormValue(val.value, rules);\n  });\n}\n"],"names":["validateFormValue","value","rules","errors","rule","err","useValidation","val","computed"],"mappings":";AAIO,SAASA,EAAqBC,GAAUC,GAAuC;AACpF,QAAMC,IAAmB,CAAA;AACzB,SAAID,KAASA,EAAM,SAAS,KAC1BA,EAAM,QAAQ,CAACE,MAAS;AACtB,UAAMC,IAAMD,EAAKH,CAAK;AACtB,IAAI,OAAOI,KAAQ,YACjBF,EAAO,KAAKE,CAAG;AAAA,EAEnB,CAAC,GAEI;AAAA,IACL,SAASF,EAAO,WAAW;AAAA,IAC3B,QAAAA;AAAA,EAAA;AAEJ;AAEO,SAASG,EAAiBC,GAAaL,GAAuC;AACnF,SAAOM,EAAS,MACPR,EAAkBO,EAAI,OAAOL,CAAK,CAC1C;AACH;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.4.2",
+  "version": "2.4.4",
   "type": "module",
   "main": "dist/index.js",
   "exports": {
@@ -30,30 +30,28 @@
     "d3-selection": "^3.0.0",
     "d3-axis": "^3.0.0",
     "resize-observer-polyfill": "^1.5.1",
-    "@milaboratories/helpers": "^1.6.19",
-    "@platforma-sdk/model": "^1.42.16"
+    "canonicalize": "~2.1.0",
+    "@milaboratories/helpers": "^1.6.20",
+    "@platforma-sdk/model": "^1.42.20"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.3",
     "jsdom": "^25.0.1",
     "vitest": "^2.1.9",
-    "vite": "^6.3.5",
-    "vue-tsc": "^2.2.10",
     "yarpm": "^1.2.0",
     "svgo": "^3.3.2",
-    "@milaboratories/ts-configs": "1.0.5",
-    "@milaboratories/eslint-config": "^1.0.4",
-    "@milaboratories/build-configs": "1.0.5"
+    "typescript": "~5.6.3",
+    "@milaboratories/ts-configs": "1.0.6",
+    "@milaboratories/build-configs": "1.0.6",
+    "@milaboratories/ts-builder": "1.0.1",
+    "@milaboratories/eslint-config": "^1.0.4"
   },
   "scripts": {
-    "dev": "vite",
-    "build": "vite build",
+    "dev": "ts-builder serve --target browser-lib --build-config ./build.browser-lib.config.js",
+    "build": "ts-builder build --target browser-lib --build-config ./build.browser-lib.config.js",
+    "watch": "ts-builder build --target browser-lib --watch --build-config ./build.browser-lib.config.js",
+    "type-check": "ts-builder types --target browser-lib",
     "test:unit": "vitest run",
     "test": "vitest run",
-    "tsc": "tsc",
-    "watch": "vite build --watch",
-    "type-check": "vue-tsc --project ./tsconfig.lib.json",
-    "preview": "vite preview",
     "create-svg-components": "node scripts/create-svg-components.js",
     "parse-icons-folder": "node scripts/parse-icons.js",
     "minify-icons": "svgo -f src/assets/icons/icon-assets -o src/assets/icons/icon-assets-min",

package/src/components/PlAutocomplete/PlAutocomplete.vue

@@ -26,6 +26,7 @@ import { refDebounced } from '@vueuse/core';
 import { useWatchFetch } from '../../composition/useWatchFetch.ts';
 import SvgRequired from '../../generated/components/svg/images/SvgRequired.vue';
 import { getErrorMessage } from '../../helpers/error.ts';
+import type { ListOptionBase } from '@platforma-sdk/model';
 
 /**
  * The current selected value.
@@ -140,7 +141,7 @@ const renderedOptionsRef = computed(() => {
     index,
     isSelected: index === selectedIndex.value,
     isActive: index === data.activeIndex,
-  }));
+  })) as (ListOptionBase<M> & { index: number; isSelected: boolean; isActive: boolean })[];
 });
 const isLoadingOptions = ref<boolean>(true);
 const isLoadingError = ref<boolean>(false);
@@ -192,7 +193,7 @@ const hasValue = computed(() => {
 
 const tabindex = computed(() => (isDisabled.value ? undefined : '0'));
 
-const selectOption = (v: ListOptionNormalized<M> | undefined) => {
+const selectOption = (v: ListOptionBase<M> & { index: number } | undefined) => {
   model.value = v?.value as M;
   modelOptionRef.value = v;
   search.value = null;