@milaboratories/uikit 2.6.1 → 2.6.3

package/dist/layout/PlBlockPage/PlBlockPage.vue.js

@@ -1,53 +1,53 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".pl-block-page{--pl-block-page-body-padding: var(--main-spacing, 24px);padding:var(--container-spacing);background-color:var(--bg-elevated-01);height:100%;max-width:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.pl-block-page.noBodyGutters{--pl-block-page-body-padding: 0}.pl-block-page__title{height:80px;display:flex;align-items:center;gap:12px;padding:20px 24px;min-width:0;max-width:100%}.pl-block-page__title__default{flex:1;min-width:0;max-width:100%;margin:0;color:var(--txt-01);display:flex;flex-direction:row;align-items:center;gap:12px}.pl-block-page__title__default>span{font-size:28px;font-weight:500;line-height:36px;letter-spacing:-.56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%;display:inline-block}.pl-block-page__title__append{margin-left:auto;display:flex;align-items:center;gap:2px}.pl-block-page__title__append__teleport{display:flex;align-items:center;gap:2px}.pl-block-page__body{max-width:100%;display:flex;flex-direction:column;gap:var(--gap-v);padding:var(--pl-block-page-body-padding);--thumb-color: var(--ic-02);overflow-y:auto;overflow-x:auto}.pl-block-page__body::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-block-page__body::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-block-page__body::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import { defineComponent as p, useSlots as r, createElementBlock as e, openBlock as o, normalizeClass as _, createVNode as c, unref as n, createElementVNode as s, withDirectives as u, renderSlot as l, withCtx as m } from "vue";
-import { PlBlockPageTitleTeleportId as f } from "./PlBlockPageTitleTeleportId.js";
+import { defineComponent as p, useSlots as r, createElementBlock as e, openBlock as o, normalizeClass as _, createVNode as u, unref as d, createElementVNode as s, withDirectives as m, renderSlot as l, withCtx as f } from "vue";
+import { PlBlockPageTitleTeleportId as g } from "./PlBlockPageTitleTeleportId.js";
 
-import g from "../../components/PlSplash/PlSplash.vue.js";
-const b = {
+import b from "../../components/PlSplash/PlSplash.vue.js";
+const y = {
   key: 0,
   class: "pl-block-page__title"
-}, y = { class: "pl-block-page__title__default" }, k = { class: "pl-block-page__title__append" }, h = ["id"], v = { key: 1 }, B = {
+}, k = { class: "pl-block-page__title__default" }, h = { class: "pl-block-page__title__append" }, v = ["id"], B = { key: 1 }, T = {
   name: "PlBlockPage"
-}, G = /* @__PURE__ */ p({
-  ...B,
+}, C = /* @__PURE__ */ p({
+  ...T,
   props: {
     noBodyGutters: { type: Boolean },
     bodyLoading: { type: Boolean },
     bodyLoadingText: {}
   },
-  setup(T) {
-    const d = r(), i = (t) => {
+  setup(i) {
+    const a = r(), n = (t) => {
       t.removeAttribute("title"), t.clientWidth < t.scrollWidth && t.setAttribute("title", t.innerText);
-    }, a = {
-      mounted: i,
-      updated: i
+    }, c = {
+      mounted: n,
+      updated: n
     };
-    return (t, $) => (o(), e("div", {
-      class: _(["pl-layout-component pl-block-page", { noBodyGutters: t.noBodyGutters }])
+    return (t, x) => (o(), e("div", {
+      class: _(["pl-layout-component pl-block-page", { noBodyGutters: i.noBodyGutters }])
     }, [
-      n(d).title ? (o(), e("div", b, [
-        s("div", y, [
-          u((o(), e("span", null, [
+      d(a).title ? (o(), e("div", y, [
+        s("div", k, [
+          m((o(), e("span", null, [
             l(t.$slots, "title")
           ])), [
-            [a]
+            [c]
           ]),
           l(t.$slots, "after-title")
         ]),
-        s("div", k, [
+        s("div", h, [
           s("div", {
-            id: n(f),
+            id: d(g),
             class: "pl-block-page__title__append__teleport"
-          }, null, 8, h),
+          }, null, 8, v),
           l(t.$slots, "append")
         ])
-      ])) : (o(), e("div", v)),
-      c(g, {
-        loading: t.bodyLoading,
-        "loading-text": t.bodyLoadingText,
+      ])) : (o(), e("div", B)),
+      u(b, {
+        loading: i.bodyLoading,
+        "loading-text": i.bodyLoadingText,
         class: "pl-block-page__body"
       }, {
-        default: m(() => [
+        default: f(() => [
           l(t.$slots, "default")
         ]),
         _: 3
@@ -56,6 +56,6 @@ const b = {
   }
 });
 export {
-  G as default
+  C as default
 };
 //# sourceMappingURL=PlBlockPage.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlBlockPage.vue.js","sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Root block page component */\nexport default {\n  name: 'PlBlockPage',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useSlots } from 'vue';\nimport { PlBlockPageTitleTeleportId } from './PlBlockPageTitleTeleportId';\nimport './pl-block-page.scss';\nimport PlSplash from '../../components/PlSplash/PlSplash.vue';\n\nconst slots = useSlots();\n\ndefineProps<{\n  /**\n   * If `true` body gutters are removed\n   */\n  noBodyGutters?: boolean;\n  /**\n   * If `true`, a loading overlay is displayed on the page body (over all default slot content)\n   */\n  bodyLoading?: boolean;\n  /**\n   * Optional body loading text\n   */\n  bodyLoadingText?: string;\n}>();\n\nconst setTitleIfNeeded = (el: HTMLElement) => {\n  el.removeAttribute('title');\n  if (el.clientWidth < el.scrollWidth) {\n    el.setAttribute('title', el.innerText);\n  }\n};\n\nconst vTextOverflownTitle = {\n  mounted: setTitleIfNeeded,\n  updated: setTitleIfNeeded,\n};\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-block-page\" :class=\"{ noBodyGutters }\">\n    <div v-if=\"slots.title\" class=\"pl-block-page__title\">\n      <div class=\"pl-block-page__title__default\">\n        <span v-text-overflown-title><slot name=\"title\" /></span>\n        <slot name=\"after-title\" />\n      </div>\n      <div class=\"pl-block-page__title__append\">\n        <div :id=\"PlBlockPageTitleTeleportId\" class=\"pl-block-page__title__append__teleport\" />\n        <slot name=\"append\" />\n      </div>\n    </div>\n    <div v-else />\n    <PlSplash :loading=\"bodyLoading\" :loading-text=\"bodyLoadingText\" class=\"pl-block-page__body\">\n      <slot />\n    </PlSplash>\n  </div>\n</template>\n"],"names":["__default__","slots","useSlots","setTitleIfNeeded","el","vTextOverflownTitle"],"mappings":";;;;;;;8HAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;AASA,UAAMC,IAAQC,EAAA,GAiBRC,IAAmB,CAACC,MAAoB;AAC5C,MAAAA,EAAG,gBAAgB,OAAO,GACtBA,EAAG,cAAcA,EAAG,eACtBA,EAAG,aAAa,SAASA,EAAG,SAAS;AAAA,IAEzC,GAEMC,IAAsB;AAAA,MAC1B,SAASF;AAAA,MACT,SAASA;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlBlockPage.vue.js","sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Root block page component */\nexport default {\n  name: 'PlBlockPage',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useSlots } from 'vue';\nimport { PlBlockPageTitleTeleportId } from './PlBlockPageTitleTeleportId';\nimport './pl-block-page.scss';\nimport PlSplash from '../../components/PlSplash/PlSplash.vue';\n\nconst slots = useSlots();\n\ndefineProps<{\n  /**\n   * If `true` body gutters are removed\n   */\n  noBodyGutters?: boolean;\n  /**\n   * If `true`, a loading overlay is displayed on the page body (over all default slot content)\n   */\n  bodyLoading?: boolean;\n  /**\n   * Optional body loading text\n   */\n  bodyLoadingText?: string;\n}>();\n\nconst setTitleIfNeeded = (el: HTMLElement) => {\n  el.removeAttribute('title');\n  if (el.clientWidth < el.scrollWidth) {\n    el.setAttribute('title', el.innerText);\n  }\n};\n\nconst vTextOverflownTitle = {\n  mounted: setTitleIfNeeded,\n  updated: setTitleIfNeeded,\n};\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-block-page\" :class=\"{ noBodyGutters }\">\n    <div v-if=\"slots.title\" class=\"pl-block-page__title\">\n      <div class=\"pl-block-page__title__default\">\n        <span v-text-overflown-title><slot name=\"title\" /></span>\n        <slot name=\"after-title\" />\n      </div>\n      <div class=\"pl-block-page__title__append\">\n        <div :id=\"PlBlockPageTitleTeleportId\" class=\"pl-block-page__title__append__teleport\" />\n        <slot name=\"append\" />\n      </div>\n    </div>\n    <div v-else />\n    <PlSplash :loading=\"bodyLoading\" :loading-text=\"bodyLoadingText\" class=\"pl-block-page__body\">\n      <slot />\n    </PlSplash>\n  </div>\n</template>\n"],"names":["__default__","slots","useSlots","setTitleIfNeeded","el","vTextOverflownTitle","_createElementBlock","_normalizeClass","__props","_unref","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","_renderSlot","_ctx","_hoisted_3","PlBlockPageTitleTeleportId","_hoisted_5","_createVNode","PlSplash"],"mappings":";;;;;;;8HAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;AASA,UAAMC,IAAQC,EAAA,GAiBRC,IAAmB,CAACC,MAAoB;AAC5C,MAAAA,EAAG,gBAAgB,OAAO,GACtBA,EAAG,cAAcA,EAAG,eACtBA,EAAG,aAAa,SAASA,EAAG,SAAS;AAAA,IAEzC,GAEMC,IAAsB;AAAA,MAC1B,SAASF;AAAA,MACT,SAASA;AAAA,IAAA;2BAKTG,EAeM,OAAA;AAAA,MAfD,OAAKC,EAAA,CAAC,qCAAmC,EAAA,eAAWC,EAAA,eAAa,CAAA;AAAA,IAAA;MACzDC,EAAAR,CAAA,EAAM,SAAjBS,KAAAJ,EASM,OATNK,GASM;AAAA,QARJC,EAGM,OAHNC,GAGM;AAAA,kBAFJP,EAAyD,QAAA,MAAA;AAAA,YAA5BQ,EAAqBC,EAAA,QAAA,OAAA;AAAA,UAAA;;;UAClDD,EAA2BC,EAAA,QAAA,aAAA;AAAA,QAAA;QAE7BH,EAGM,OAHNI,GAGM;AAAA,UAFJJ,EAAuF,OAAA;AAAA,YAAjF,IAAIH,EAAAQ,CAAA;AAAA,YAA4B,OAAM;AAAA,UAAA;UAC5CH,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;kBAG1BT,EAAc,OAAAY,CAAA;AAAA,MACdC,EAEWC,GAAA;AAAA,QAFA,SAASZ,EAAA;AAAA,QAAc,gBAAcA,EAAA;AAAA,QAAiB,OAAM;AAAA,MAAA;mBACrE,MAAQ;AAAA,UAARM,EAAQC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

package/dist/layout/PlContainer/PlContainer.vue.js

@@ -1,28 +1,28 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".pl-container{display:flex;flex-direction:column;gap:var(--gap-v)}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-import { defineComponent as l, computed as a, createBlock as i, openBlock as d, normalizeStyle as r, withCtx as s, renderSlot as p } from "vue";
+import { defineComponent as l, computed as a, createBlock as i, openBlock as d, normalizeStyle as r, withCtx as c, renderSlot as s } from "vue";
 
-import c from "../../components/PlSplash/PlSplash.vue.js";
-const m = {
+import m from "../../components/PlSplash/PlSplash.vue.js";
+const p = {
   name: "PlContainer"
 }, y = /* @__PURE__ */ l({
-  ...m,
+  ...p,
   props: {
     width: {},
     loading: { type: Boolean },
     loadingText: {}
   },
-  setup(o) {
-    const e = o, n = a(() => ({
+  setup(t) {
+    const e = t, o = a(() => ({
       width: e.width
     }));
-    return (t, u) => (d(), i(c, {
+    return (n, u) => (d(), i(m, {
       loading: t.loading,
       "loading-text": t.loadingText,
       class: "pl-container pl-layout-component",
-      style: r(n.value)
+      style: r(o.value)
     }, {
-      default: s(() => [
-        p(t.$slots, "default")
+      default: c(() => [
+        s(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["loading", "loading-text", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"PlContainer.vue.js","sources":["../../../src/layout/PlContainer/PlContainer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Container with vertical spacing */\nexport default {\n  name: 'PlContainer',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport './pl-container.scss';\nimport PlSplash from '../../components/PlSplash/PlSplash.vue';\n\nconst props = defineProps<{\n  /**\n   * CSS width value (px, %)\n   */\n  width?: string;\n  /**\n   * Shows loading overlay\n   */\n  loading?: boolean;\n  /**\n   * Optional loading text\n   */\n  loadingText?: string;\n}>();\n\nconst style = computed(() => ({\n  width: props.width,\n}));\n</script>\n\n<template>\n  <PlSplash :loading=\"loading\" :loading-text=\"loadingText\" class=\"pl-container pl-layout-component\" :style=\"style\">\n    <slot />\n  </PlSplash>\n</template>\n"],"names":["__default__","props","__props","style","computed"],"mappings":";;;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;AAQA,UAAMC,IAAQC,GAeRC,IAAQC,EAAS,OAAO;AAAA,MAC5B,OAAOH,EAAM;AAAA,IAAA,EACb;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlContainer.vue.js","sources":["../../../src/layout/PlContainer/PlContainer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Container with vertical spacing */\nexport default {\n  name: 'PlContainer',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport './pl-container.scss';\nimport PlSplash from '../../components/PlSplash/PlSplash.vue';\n\nconst props = defineProps<{\n  /**\n   * CSS width value (px, %)\n   */\n  width?: string;\n  /**\n   * Shows loading overlay\n   */\n  loading?: boolean;\n  /**\n   * Optional loading text\n   */\n  loadingText?: string;\n}>();\n\nconst style = computed(() => ({\n  width: props.width,\n}));\n</script>\n\n<template>\n  <PlSplash :loading=\"loading\" :loading-text=\"loadingText\" class=\"pl-container pl-layout-component\" :style=\"style\">\n    <slot />\n  </PlSplash>\n</template>\n"],"names":["__default__","props","__props","style","computed","_createBlock","PlSplash","_renderSlot","_ctx"],"mappings":";;;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;AAQA,UAAMC,IAAQC,GAeRC,IAAQC,EAAS,OAAO;AAAA,MAC5B,OAAOH,EAAM;AAAA,IAAA,EACb;2BAIAI,EAEWC,GAAA;AAAA,MAFA,SAASJ,EAAA;AAAA,MAAU,gBAAcA,EAAA;AAAA,MAAa,OAAM;AAAA,MAAoC,SAAOC,EAAA,KAAK;AAAA,IAAA;iBAC7G,MAAQ;AAAA,QAARI,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

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,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;AAOA,UAAMC,IAAQC,GAIRC,IAAQC,EAAS,OACd;AAAA,MACL,qBAAqB,UAAUH,EAAM,OAAO;AAAA,IAAA,EAE/C;;;;;;;;;"}
+{"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","_createElementBlock","_renderSlot","_ctx"],"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;2BAICI,EAEM,OAAA;AAAA,MAFD,OAAM;AAAA,MAA+B,SAAOF,EAAA,KAAK;AAAA,IAAA;MACpDG,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

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

@@ -1,20 +1,20 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".pl-row{display:flex;flex-direction:row;gap:var(--gap-h)}.pl-row.noGap{gap:0}.pl-row.wrap{flex-wrap:wrap}.pl-row.align-center{align-items:center}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { defineComponent as o, createElementBlock as n, openBlock as a, normalizeClass as t, renderSlot as l } from "vue";
+import { defineComponent as n, createElementBlock as t, openBlock as a, normalizeClass as l, renderSlot as r } from "vue";
 
-const r = {
+const p = {
   name: "PlRow"
-}, m = /* @__PURE__ */ o({
-  ...r,
+}, m = /* @__PURE__ */ n({
+  ...p,
   props: {
     wrap: { type: Boolean },
     alignCenter: { type: Boolean },
     noGap: { type: Boolean }
   },
-  setup(p) {
-    return (e, s) => (a(), n("div", {
-      class: t(["pl-layout-component pl-row", { wrap: e.wrap, "align-center": e.alignCenter }])
+  setup(e) {
+    return (o, c) => (a(), t("div", {
+      class: l(["pl-layout-component pl-row", { wrap: e.wrap, "align-center": e.alignCenter }])
     }, [
-      l(e.$slots, "default")
+      r(o.$slots, "default")
     ], 2));
   }
 });

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,MAAAA,IAAe;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__","_createElementBlock","_normalizeClass","__props","_renderSlot","_ctx"],"mappings":";;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;2BAcEC,EAEM,OAAA;AAAA,MAFD,OAAKC,EAAA,CAAC,8BAA4B,EAAA,MAAWC,EAAA,sBAAsBA,EAAA,aAAW,CAAA;AAAA,IAAA;MACjFC,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

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":";;;;GAEAA,IAAe;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__","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;GAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;sBAQEC,EAAA,GAAAC,EAAwD,OAAxDC,CAAwD;AAAA;;"}

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

@@ -1,4 +1,10 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    groupPosition?: "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "middle";
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    groupPosition?: "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "middle";
+}> & Readonly<{}>, {
+    groupPosition: "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "middle";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/utils/DoubleContour.vue.js

@@ -1,16 +1,23 @@
-import e from "./DoubleContour.vue2.js";
-import { createElementBlock as r, openBlock as t, createElementVNode as s, normalizeProps as n, guardReactiveProps as a, renderSlot as c } from "vue";
-import d from "../_virtual/_plugin-vue_export-helper.js";
-const l = { class: "double-contour" };
-function p(o, i, m, u, f, _) {
-  return t(), r("div", l, [
-    s("div", n(a(o.$attrs)), [
-      c(o.$slots, "default")
-    ], 16)
-  ]);
-}
-const h = /* @__PURE__ */ d(e, [["render", p]]);
+import { defineComponent as t, createElementBlock as r, openBlock as n, normalizeClass as s, createElementVNode as a, normalizeProps as l, guardReactiveProps as i, renderSlot as u } from "vue";
+const d = {
+  inheritAttrs: !1
+}, m = /* @__PURE__ */ t({
+  ...d,
+  __name: "DoubleContour",
+  props: {
+    groupPosition: { default: void 0 }
+  },
+  setup(o) {
+    return (e, c) => (n(), r("div", {
+      class: s(["double-contour", { [o.groupPosition]: !0 }])
+    }, [
+      a("div", l(i(e.$attrs)), [
+        u(e.$slots, "default")
+      ], 16)
+    ], 2));
+  }
+});
 export {
-  h as default
+  m as default
 };
 //# sourceMappingURL=DoubleContour.vue.js.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","$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;;;;;"}
+{"version":3,"file":"DoubleContour.vue.js","sources":["../../src/utils/DoubleContour.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nwithDefaults(defineProps<{\n  groupPosition?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'middle';\n}>(), {\n  groupPosition: undefined,\n});\n</script>\n\n<script lang=\"ts\">\n\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<template>\n  <div class=\"double-contour\" :class=\"{ [groupPosition]: true }\">\n    <div v-bind=\"$attrs\">\n      <slot />\n    </div>\n  </div>\n</template>\n<style>\n.double-contour {\n  &.top > div {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n.double-contour {\n  &.bottom > div {\n    border-top-right-radius: 0;\n    border-top-left-radius: 0;\n  }\n}\n.double-contour {\n  &.left > div {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n}\n.double-contour {\n  &.right > div {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n.double-contour {\n  &.top-left > div{\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n}\n.double-contour {\n  &.top-right > div {\n    border-bottom-right-radius: 0;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n}\n.double-contour {\n  &.bottom-left > div {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-top-left-radius: 0;\n  }\n}\n.double-contour {\n  &.bottom-right > div {\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n  }\n}\n.double-contour {\n  &.middle > div {\n    border-radius: 0;\n  }\n}\n</style>\n"],"names":["__default__","_createElementBlock","_normalizeClass","__props","_createElementVNode","$attrs","_renderSlot","_ctx"],"mappings":";AAUA,MAAAA,IAAe;AAAA,EACb,cAAc;AAChB;;;;;;;2BAIEC,EAIM,OAAA;AAAA,MAJD,OAAKC,EAAA,CAAC,kBAAgB,EAAA,CAAYC,EAAA,aAAa,GAAA,IAAA,CAAA;AAAA,IAAA;MAClDC,EAEM,WAFOC,EAAAA,MAAM,CAAA,GAAA;AAAA,QACjBC,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/utils/DoubleContour.vue3.js

@@ -0,0 +1,7 @@
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(".double-contour.top>div{border-bottom-right-radius:0;border-bottom-left-radius:0}.double-contour.bottom>div{border-top-right-radius:0;border-top-left-radius:0}.double-contour.left>div{border-top-right-radius:0;border-bottom-right-radius:0}.double-contour.right>div{border-top-left-radius:0;border-bottom-left-radius:0}.double-contour.top-left>div{border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.double-contour.top-right>div{border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.double-contour.bottom-left>div{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:0}.double-contour.bottom-right>div{border-top-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0}.double-contour.middle>div{border-radius:0}")),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import o from "./DoubleContour.vue.js";
+
+export {
+  o as default
+};
+//# sourceMappingURL=DoubleContour.vue3.js.map

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

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

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<Record<string, string | undefined>>({\n  top: undefined,\n  bottom: undefined,\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    const bottom = bodyRect.bottom - pos.bottom;\n    const upBottomOffset = bottom + pos.height + gap;\n    optionsStyle.bottom = upBottomOffset + 'px';\n    optionsStyle.top = undefined;\n  } else {\n    optionsStyle.top = downTopOffset + 'px';\n    optionsStyle.bottom = undefined;\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","upBottomOffset"],"mappings":";;;;;;;;;;;AAMA,UAAMA,IAAQC,GAKRC,IAAOC,EAAS;AAAA,MACpB,eAAe;AAAA,IAAA,CAChB,GAEKC,IAAeD,EAA6C;AAAA,MAChE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,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,UAAIC,IAAgBrB,EAAK,gBAAgBgB,EAAI,cAAc;AAEzD,cAAMM,IADSL,EAAS,SAASD,EAAI,SACLA,EAAI,SAASI;AAC7C,QAAAlB,EAAa,SAASoB,IAAiB,MACvCpB,EAAa,MAAM;AAAA,MACrB;AACE,QAAAA,EAAa,MAAMmB,IAAgB,MACnCnB,EAAa,SAAS;AAGxB,MAAAA,EAAa,OAAOiB,IAAO,MAC3BjB,EAAa,QAAQc,EAAI,QAAQ;AAAA,IACnC,CAAC;;;;;;;;;;;;;;;;;"}
+{"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<Record<string, string | undefined>>({\n  top: undefined,\n  bottom: undefined,\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    const bottom = bodyRect.bottom - pos.bottom;\n    const upBottomOffset = bottom + pos.height + gap;\n    optionsStyle.bottom = upBottomOffset + 'px';\n    optionsStyle.top = undefined;\n  } else {\n    optionsStyle.top = downTopOffset + 'px';\n    optionsStyle.bottom = undefined;\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","upBottomOffset","_createBlock","_Teleport","_createElementVNode","_mergeProps","$attrs","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;AAMA,UAAMA,IAAQC,GAKRC,IAAOC,EAAS;AAAA,MACpB,eAAe;AAAA,IAAA,CAChB,GAEKC,IAAeD,EAA6C;AAAA,MAChE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,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,UAAIC,IAAgBrB,EAAK,gBAAgBgB,EAAI,cAAc;AAEzD,cAAMM,IADSL,EAAS,SAASD,EAAI,SACLA,EAAI,SAASI;AAC7C,QAAAlB,EAAa,SAASoB,IAAiB,MACvCpB,EAAa,MAAM;AAAA,MACrB;AACE,QAAAA,EAAa,MAAMmB,IAAgB,MACnCnB,EAAa,SAAS;AAGxB,MAAAA,EAAa,OAAOiB,IAAO,MAC3BjB,EAAa,QAAQc,EAAI,QAAQ;AAAA,IACnC,CAAC,mBAICO,EAWWC,GAAA,EAXD,IAAG,UAAM;AAAA,MACjBC,EASM,OATNC,EASM;AAAA,iBARA;AAAA,QAAJ,KAAIrB;AAAA,MAAA,GACIsB,EAAAA,QAAM;AAAA,QACb,OAAOzB;AAAA,QACR,UAAS;AAAA,QACR,+BAAD,MAAA;AAAA,QAAA,GAAkB,CAAA,SAAA,CAAA;AAAA,QACjB,2BAAD,MAAA;AAAA,QAAA,GAAW,CAAA,MAAA,CAAA;AAAA,MAAA;QAEX0B,EAAmBC,EAAA,QAAA,WAAA,EAAb,KAAI,QAAM;AAAA,MAAA;;;;"}

package/dist/utils/PlCloseModalBtn.vue.js

@@ -5,9 +5,9 @@ const m = {};
 function d(o, e) {
   return l(), s("div", {
     class: t(o.$style.component)
-  }, e[0] || (e[0] = [
+  }, [...e[0] || (e[0] = [
     n("div", null, null, -1)
-  ]), 2);
+  ])], 2);
 }
 const a = {
   $style: r

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":";;;;cACEA,GAAA;AAAM,SAAKC,EADb,GAAAC,EACsB,OAAS;AAAA;KAC3BF,EAAA,CAAA,MAAAA,EAAO,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;SAAWC,EAAA,GAAAC,EAAS,OAAS;AAAA;KAC3B,CAAA,GAAAF,EAAA,CAAA,MAAOA,EAAA,CAAA,IAAA;AAAA;;;;;;"}

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","$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;;;;;;;;"}
+{"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","$style"],"mappings":";;;;cACEA,GAAA;SAAWC,EAAA,GAAAC,EAAS,OAAS;AAAA;KAC3B;AAAA,MAAW,OAAEC;AAAAA;OACX;AAAA,QAAW,OAAEA;AAAAA;SACX;AAAA;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.6.1",
+  "version": "2.6.3",
   "type": "module",
   "main": "dist/index.js",
   "exports": {
@@ -23,7 +23,7 @@
     "@vue/test-utils": "^2.4.6",
     "@vueuse/integrations": "^13.3.0",
     "sortablejs": "^1.15.6",
-    "vue": "^3.5.13",
+    "vue": "^3.5.24",
     "@vueuse/core": "^13.3.0",
     "d3-scale": "^4.0.2",
     "d3-array": "^3.0.0",
@@ -32,7 +32,7 @@
     "resize-observer-polyfill": "^1.5.1",
     "canonicalize": "~2.1.0",
     "@milaboratories/helpers": "1.12.0",
-    "@platforma-sdk/model": "1.45.30"
+    "@platforma-sdk/model": "1.45.35"
   },
   "devDependencies": {
     "jsdom": "^25.0.1",
@@ -40,10 +40,10 @@
     "yarpm": "^1.2.0",
     "svgo": "^3.3.2",
     "typescript": "~5.6.3",
+    "@milaboratories/ts-configs": "1.0.6",
     "@milaboratories/build-configs": "1.0.8",
-    "@milaboratories/eslint-config": "1.0.5",
     "@milaboratories/ts-builder": "1.0.5",
-    "@milaboratories/ts-configs": "1.0.6"
+    "@milaboratories/eslint-config": "1.0.5"
   },
   "scripts": {
     "dev": "ts-builder serve --target browser-lib --build-config ./build.browser-lib.config.js",

package/src/components/PlAutocomplete/PlAutocomplete.vue

@@ -92,6 +92,10 @@ const props = withDefaults(
      * Formatter for the selected value if its label is absent
      */
     formatValue?: (value: M) => string;
+    /**
+     * Makes some of corners not rounded
+     * */
+    groupPosition?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'middle';
   }>(),
   {
     modelSearch: undefined,
@@ -107,6 +111,7 @@ const props = withDefaults(
     arrowIconLarge: undefined,
     optionSize: 'small',
     formatValue: (v: M) => String(v),
+    groupPosition: undefined,
   },
 );
 
@@ -397,7 +402,7 @@ watch(() => optionsRequest.loading || modelOptionRequest.loading, (loading) => {
           />
           <div v-if="!renderedOptionsRef.length" class="nothing-found">Nothing found</div>
         </DropdownOverlay>
-        <DoubleContour class="pl-autocomplete__contour" />
+        <DoubleContour class="pl-autocomplete__contour" :group-position="groupPosition" />
       </div>
     </div>
     <div v-if="computedError" class="pl-autocomplete__error">{{ computedError }}</div>

package/src/components/PlAutocompleteMulti/PlAutocompleteMulti.vue

@@ -119,6 +119,10 @@ const props = withDefaults(
      * The text to display when no options are found.
      */
     emptyOptionsText?: string;
+    /**
+     * Makes some of corners not rounded
+     * */
+    groupPosition?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'middle';
   }>(),
   {
     modelValue: () => [],
@@ -131,6 +135,7 @@ const props = withDefaults(
     debounce: 300,
     emptyOptionsText: 'Nothing found',
     sourceId: undefined,
+    groupPosition: undefined,
   },
 );
 
@@ -406,7 +411,7 @@ const computedError = computed(() => {
           />
           <div v-if="!filteredOptionsRef.length && !isOptionsLoading" class="nothing-found">{{ emptyOptionsText }}</div>
         </DropdownOverlay>
-        <DoubleContour class="pl-autocomplete-multi__contour" />
+        <DoubleContour class="pl-autocomplete-multi__contour" :group-position="groupPosition" />
       </div>
     </div>
     <div v-if="computedError" class="pl-autocomplete-multi__error">{{ computedError }}</div>

package/src/components/PlDropdown/PlDropdown.vue

@@ -60,6 +60,10 @@ const props = withDefaults(
      * Error message displayed below the dropdown (optional)
      */
     error?: unknown;
+    /**
+     * Shows red border even without an error message
+     */
+    errorStatus?: boolean;
     /**
      * Placeholder text shown when no value is selected.
      */
@@ -88,12 +92,17 @@ const props = withDefaults(
      * Option list item size
      */
     optionSize?: 'small' | 'medium';
+    /**
+     * Makes some of corners not rounded
+     * */
+    groupPosition?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'middle';
   }>(),
   {
     label: '',
     helper: undefined,
     loadingOptionsHelper: undefined,
     error: undefined,
+    showErrorMessage: true,
     placeholder: '...',
     clearable: false,
     required: false,
@@ -102,6 +111,7 @@ const props = withDefaults(
     arrowIconLarge: undefined,
     optionSize: 'small',
     options: undefined,
+    groupPosition: undefined,
   },
 );
 
@@ -316,7 +326,7 @@ watchPostEffect(() => {
       ref="rootRef"
       :tabindex="tabindex"
       class="pl-dropdown"
-      :class="{ open: data.open, error, disabled: isDisabled }"
+      :class="{ open: data.open, error: error || errorStatus, disabled: isDisabled }"
       @keydown="handleKeydown"
       @focusout="onFocusOut"
     >
@@ -367,7 +377,7 @@ watchPostEffect(() => {
           :option-size="optionSize"
           :select-option="selectOptionWrapper"
         />
-        <DoubleContour class="pl-dropdown__contour" />
+        <DoubleContour class="pl-dropdown__contour" :group-position="groupPosition" />
       </div>
     </div>
     <div v-if="computedError" class="pl-dropdown__error">{{ computedError }}</div>

package/src/components/PlDropdownMulti/PlDropdownMulti.vue

@@ -66,6 +66,10 @@ const props = withDefaults(
      * If `true`, the dropdown component is disabled and cannot be interacted with.
      */
     disabled?: boolean;
+    /**
+     * Makes some of corners not rounded
+     * */
+    groupPosition?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'middle';
   }>(),
   {
     modelValue: () => [],
@@ -76,6 +80,7 @@ const props = withDefaults(
     required: false,
     disabled: false,
     options: undefined,
+    groupPosition: undefined,
   },
 );
 
@@ -308,7 +313,7 @@ watchPostEffect(() => {
           />
           <div v-if="!filteredOptionsRef.length" class="nothing-found">Nothing found</div>
         </DropdownOverlay>
-        <DoubleContour class="pl-dropdown-multi__contour" />
+        <DoubleContour class="pl-dropdown-multi__contour" :group-position="groupPosition" />
       </div>
     </div>
     <div v-if="error" class="pl-dropdown-multi__error">{{ getErrorMessage(error) }}</div>