@milaboratories/uikit 2.10.26 → 2.10.28

package/dist/components/PlLogView/PlLogView.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as E, useSlots as F, ref as c, computed as u, watch as L, createElementBlock as p, openBlock as l, normalizeClass as P, createCommentVNode as v, createVNode as d, createElementVNode as b, createBlock as S, toDisplayString as m, unref as r, withCtx as i, renderSlot as R, createTextVNode as T } from "vue";
+import { defineComponent as D, useSlots as E, ref as c, computed as u, watch as F, createElementBlock as p, openBlock as l, normalizeClass as L, createCommentVNode as v, createVNode as d, createElementVNode as b, createBlock as T, toDisplayString as m, unref as r, withCtx as i, renderSlot as R, createTextVNode as S } from "vue";
 import h from "../PlIcon24/PlIcon24.vue.js";
 /* empty css                 */
-import { okOptional as $, tapIf as I } from "@milaboratories/helpers";
-import { useLogHandle as O } from "./useLogHandle.js";
+import { okOptional as I, tapIf as O } from "@milaboratories/helpers";
+import { useLogHandle as $ } from "./useLogHandle.js";
 import { useLabelNotch as j } from "../../utils/useLabelNotch.js";
 import q from "../../utils/DoubleContour.vue.js";
 /* empty css                             */
@@ -13,7 +13,7 @@ const M = { key: 0 }, G = { class: "pl-log-view__copy" }, J = {
   class: "pl-log-view__error"
 }, K = {
   name: "PlLogView"
-}, ro = /* @__PURE__ */ E({
+}, ro = /* @__PURE__ */ D({
   ...K,
   props: {
     value: {},
@@ -33,7 +33,7 @@ const M = { key: 0 }, G = { class: "pl-log-view__copy" }, J = {
       if (o && o.ok === !1)
         return o.errors.join(`
 `);
-    }, V = F(), t = n, g = O(t), k = c(!0), w = c(), _ = c(), f = u(
+    }, V = E(), t = n, g = $(t), k = c(!0), w = c(), C = c(), f = u(
       () => {
         var o;
         return ((o = g.value) == null ? void 0 : o.error) ?? t.error ?? x(t.output);
@@ -41,50 +41,50 @@ const M = { key: 0 }, G = { class: "pl-log-view__copy" }, J = {
     ), a = u(
       () => {
         var o;
-        return ((o = g.value) == null ? void 0 : o.lines) ?? t.value ?? $(t.output);
+        return ((o = g.value) == null ? void 0 : o.lines) ?? t.value ?? I(t.output);
       }
-    ), C = u(() => {
+    ), _ = u(() => {
       if (t.valueToCopy)
         return t.valueToCopy;
       if (a.value && typeof a.value == "string")
         return a.value;
     }), s = c(!1);
-    j(_);
+    j(C);
     const N = u(() => s.value ? "clipboard-copied" : "clipboard"), A = () => {
       s.value = !0, setTimeout(() => {
         s.value = !1;
       }, 1200);
-      const o = C.value;
+      const o = _.value;
       o !== void 0 && navigator.clipboard.writeText(o);
     }, H = (o) => {
-      const e = C.value;
+      const e = _.value;
       e !== void 0 && z([e, "text/plain"], o);
-    }, B = () => {
-      t.disableAutoScroll || I(w.value, (o) => {
+    }, P = () => {
+      t.disableAutoScroll || O(w.value, (o) => {
         k.value && o.scrollTo(o.scrollLeft, o.scrollHeight);
       });
     };
-    L(
+    F(
       a,
       () => {
         requestAnimationFrame(() => {
-          B();
+          P();
         });
       },
       { immediate: !0 }
     );
-    const D = (o) => {
+    const B = (o) => {
       const e = o.target;
       k.value = e.scrollTop + 20 >= e.scrollHeight - e.offsetHeight;
     };
     return (o, e) => (l(), p("div", {
       ref_key: "root",
-      ref: _,
-      class: P(["pl-log-view", { "has-error": f.value }])
+      ref: C,
+      class: L(["pl-log-view", { "has-error": f.value }])
     }, [
       n.label ? (l(), p("label", M, [
         b("span", null, m(n.label), 1),
-        r(V).tooltip ? (l(), S(r(y), {
+        r(V).tooltip ? (l(), T(r(y), {
           key: 0,
           class: "info",
           position: "top"
@@ -102,7 +102,7 @@ const M = { key: 0 }, G = { class: "pl-log-view__copy" }, J = {
           position: "top"
         }, {
           tooltip: i(() => [
-            T(m(s.value ? "copied" : "copy"), 1)
+            S(m(s.value ? "copied" : "copy"), 1)
           ]),
           default: i(() => [
             d(r(h), {
@@ -113,13 +113,13 @@ const M = { key: 0 }, G = { class: "pl-log-view__copy" }, J = {
           ]),
           _: 1
         }),
-        n.downloadFilename ? (l(), S(r(y), {
+        n.downloadFilename ? (l(), T(r(y), {
           key: 0,
           "close-delay": 800,
           position: "top"
         }, {
           tooltip: i(() => [...e[1] || (e[1] = [
-            T("download", -1)
+            S("download", -1)
           ])]),
           default: i(() => [
             d(r(h), {
@@ -135,7 +135,7 @@ const M = { key: 0 }, G = { class: "pl-log-view__copy" }, J = {
         ref_key: "contentRef",
         ref: w,
         class: "pl-log-view__content",
-        onScroll: D
+        onScroll: B
       }, m(a.value), 545))
     ], 2));
   }

package/dist/components/PlNumberField/PlNumberField.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, mergeModels as A, useModel as R, useSlots as $, ref as c, computed as s, watch as F, createElementBlock as m, openBlock as v, normalizeClass as p, createElementVNode as r, createCommentVNode as g, createVNode as P, withDirectives as j, createTextVNode as T, createBlock as U, toDisplayString as M, unref as C, withCtx as K, renderSlot as Z, vModelText as q } from "vue";
+import { defineComponent as A, mergeModels as P, useModel as R, useSlots as F, ref as c, computed as s, watch as T, createElementBlock as m, openBlock as v, normalizeClass as p, createElementVNode as r, createCommentVNode as g, createVNode as _, withDirectives as $, createTextVNode as j, createBlock as U, toDisplayString as M, unref as C, withCtx as K, renderSlot as Z, vModelText as q } from "vue";
 /* empty css                     */
 import z from "../../utils/DoubleContour.vue.js";
 /* empty css                             */
@@ -13,9 +13,9 @@ const J = { class: "pl-number-field__main-wrapper d-flex" }, Q = {
   class: "pl-number-field__error"
 }, Y = {
   name: "PlNumberField"
-}, ie = /* @__PURE__ */ _({
+}, ie = /* @__PURE__ */ A({
   ...Y,
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ P({
     disabled: { type: Boolean },
     label: { default: void 0 },
     placeholder: { default: void 0 },
@@ -33,13 +33,13 @@ const J = { class: "pl-number-field__main-wrapper d-flex" }, Q = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, u = R(n, "modelValue"), O = $(), V = c(), f = c();
+    const t = n, u = R(n, "modelValue"), O = F(), V = c(), f = c();
     G(V);
     function b(e) {
       return e === void 0 ? "" : String(+e);
     }
     const i = s(() => D(t, d.value)), w = c(void 0), E = () => w.value = void 0;
-    F(u, (e) => {
+    T(u, (e) => {
       const l = i.value;
       (l.error || e !== l.value) && E();
     });
@@ -104,7 +104,7 @@ const J = { class: "pl-number-field__main-wrapper d-flex" }, Q = {
       onKeydown: l[3] || (l[3] = (o) => N(o))
     }, [
       r("div", J, [
-        P(z, {
+        _(z, {
           class: "pl-number-field__contour",
           "group-position": n.groupPosition
         }, null, 8, ["group-position"]),
@@ -112,7 +112,7 @@ const J = { class: "pl-number-field__main-wrapper d-flex" }, Q = {
           class: p(["pl-number-field__wrapper flex-grow d-flex flex-align-center", { withoutArrows: !n.useIncrementButtons }])
         }, [
           n.label ? (v(), m("label", Q, [
-            T(M(n.label) + " ", 1),
+            j(M(n.label) + " ", 1),
             C(O).tooltip ? (v(), U(C(H), {
               key: 0,
               class: "info",
@@ -124,7 +124,7 @@ const J = { class: "pl-number-field__main-wrapper d-flex" }, Q = {
               _: 3
             })) : g("", !0)
           ])) : g("", !0),
-          j(r("input", {
+          $(r("input", {
             ref_key: "inputRef",
             ref: f,
             "onUpdate:modelValue": l[0] || (l[0] = (o) => d.value = o),

package/dist/components/PlSearchField/PlSearchField.vue.d.ts

@@ -3,14 +3,38 @@ type __VLS_Props = {
     clearable?: boolean;
     placeholder?: string;
     disabled?: boolean;
+    helper?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+type __VLS_PublicProps = {
+    modelValue: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        helper: () => unknown;
+    }> & {
+        helper: () => unknown;
+    };
+    refs: {
+        root: HTMLDivElement;
+        input: HTMLInputElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
     input: HTMLInputElement;
 }, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=PlSearchField.vue.d.ts.map

package/dist/components/PlSearchField/PlSearchField.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlSearchField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"names":[],"mappings":"AAuGA,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;;;;AA8GF,wBASG"}
+{"version":3,"file":"PlSearchField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"names":[],"mappings":"AA6GA,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAcF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;CAClB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4FT,OAAO,IAA6B;;gBA9GxC,MAAM,OAAO;;gBAAb,MAAM,OAAO;;;;;;;EAmHtB;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlSearchField/PlSearchField.vue2.js

@@ -1,49 +1,59 @@
-import { defineComponent as f, computed as d, createElementBlock as h, openBlock as r, normalizeClass as c, createVNode as V, withDirectives as k, createBlock as v, createCommentVNode as y, unref as s, createElementVNode as b, vModelText as B, withModifiers as C } from "vue";
-import M from "../PlIcon16/PlIcon16.vue.js";
-import E from "../PlIcon24/PlIcon24.vue.js";
-const N = ["disabled", "placeholder"], F = /* @__PURE__ */ f({
+import { defineComponent as v, mergeModels as k, useModel as y, useSlots as V, computed as s, createElementBlock as b, openBlock as t, normalizeClass as n, createVNode as M, withDirectives as B, createBlock as d, createCommentVNode as c, unref as i, createElementVNode as C, vModelText as N, withModifiers as P, withCtx as S, renderSlot as g, createTextVNode as w, toDisplayString as x } from "vue";
+import E from "../PlIcon16/PlIcon16.vue.js";
+import T from "../PlIcon24/PlIcon24.vue.js";
+import $ from "../PlTooltip/PlTooltip.vue.js";
+const D = ["disabled", "placeholder"], z = /* @__PURE__ */ v({
   __name: "PlSearchField",
-  props: {
+  props: /* @__PURE__ */ k({
     modelValue: {},
     clearable: { type: Boolean },
     placeholder: {},
-    disabled: { type: Boolean }
-  },
+    disabled: { type: Boolean },
+    helper: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
   emits: ["update:modelValue"],
-  setup(e, { emit: m }) {
-    const t = m, a = e, o = d({
-      get() {
-        return a.modelValue ?? "";
-      },
-      set(l) {
-        t("update:modelValue", l);
-      }
-    }), i = d(() => !!a.modelValue), u = () => t("update:modelValue", "");
-    return (l, n) => (r(), h("div", {
+  setup(a) {
+    const e = y(a, "modelValue"), l = a, p = V(), u = s(() => e.value != null && e.value.length > 0), m = s(() => l.helper != null || p.helper != null), h = () => e.value = "";
+    return (o, r) => (t(), b("div", {
       ref: "root",
-      class: c(["pl-search-field", [l.$style.component]])
+      class: n(o.$style.component)
     }, [
-      V(s(E), { name: "search" }),
-      k(b("input", {
+      M(i(T), { name: "search" }),
+      B(C("input", {
         ref: "input",
-        "onUpdate:modelValue": n[0] || (n[0] = (p) => o.value = p),
-        disabled: e.disabled,
-        placeholder: e.placeholder || "Find...",
+        "onUpdate:modelValue": r[0] || (r[0] = (f) => e.value = f),
+        disabled: l.disabled,
+        placeholder: l.placeholder || "Find...",
         type: "text",
         spellcheck: "false"
-      }, null, 8, N), [
-        [B, o.value]
+      }, null, 8, D), [
+        [N, e.value]
       ]),
-      e.clearable && i.value ? (r(), v(s(M), {
+      l.clearable && u.value ? (t(), d(i(E), {
         key: 0,
-        class: c(l.$style.clear),
+        class: n(o.$style.clear),
         name: "delete-clear",
-        onClick: C(u, ["stop"])
-      }, null, 8, ["class"])) : y("", !0)
+        onClick: P(h, ["stop"])
+      }, null, 8, ["class"])) : c("", !0),
+      m.value ? (t(), d($, {
+        key: 1,
+        class: "info",
+        position: "bottom"
+      }, {
+        tooltip: S(() => [
+          g(o.$slots, "helper", {}, () => [
+            w(x(l.helper), 1)
+          ])
+        ]),
+        _: 3
+      })) : c("", !0)
     ], 2));
   }
 });
 export {
-  F as default
+  z as default
 };
 //# sourceMappingURL=PlSearchField.vue2.js.map

package/dist/components/PlSearchField/PlSearchField.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSearchField.vue2.js","sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = defineProps<{\n  modelValue?: string;\n  clearable?: boolean;\n  placeholder?: string;\n  disabled?: boolean;\n}>();\n\nconst value = computed({\n  get() {\n    return props.modelValue ?? \"\";\n  },\n  set(v) {\n    emit(\"update:modelValue\", v);\n  },\n});\n\nconst nonEmpty = computed(() => !!props.modelValue);\n\nconst clear = () => emit(\"update:modelValue\", \"\");\n</script>\n\n<template>\n  <div ref=\"root\" class=\"pl-search-field\" :class=\"[$style.component]\">\n    <PlIcon24 name=\"search\" />\n    <input\n      ref=\"input\"\n      v-model=\"value\"\n      :disabled=\"disabled\"\n      :placeholder=\"placeholder || 'Find...'\"\n      type=\"text\"\n      spellcheck=\"false\"\n    />\n    <PlIcon16\n      v-if=\"clearable && nonEmpty\"\n      :class=\"$style.clear\"\n      name=\"delete-clear\"\n      @click.stop=\"clear\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  --pl-search-field-border-bottom-color: var(--txt-01);\n  --pl-search-field-bg: transparent;\n  --pl-search-field-caret-color: auto;\n  --pl-search-field-clear-display: none;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--control-height) - 2px);\n  line-height: calc(var(--control-height) - 2px);\n  background-color: var(--pl-search-field-bg);\n  padding: 0 0 0 0;\n  border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n  input {\n    margin-left: 8px;\n    width: 100%;\n    height: 20px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    caret-color: var(--pl-search-field-caret-color);\n  }\n\n  &:focus-within {\n    --pl-search-field-border-bottom-color: var(--txt-focus);\n    --pl-search-field-caret-color: var(--border-color-focus);\n    --pl-search-field-clear-display: block;\n  }\n\n  &:hover {\n    --pl-search-field-clear-display: block;\n  }\n\n  .clear {\n    --icon-color: var(--ic-02);\n    cursor: pointer;\n    margin-left: auto;\n    display: var(--pl-search-field-clear-display);\n  }\n}\n</style>\n"],"names":["emit","__emit","props","__props","value","computed","v","nonEmpty","clear","_createElementBlock","_normalizeClass","$style","_createVNode","_unref","PlIcon24","_createElementVNode","$event","_createBlock","PlIcon16"],"mappings":";;;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAORC,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOH,EAAM,cAAc;AAAA,MAC7B;AAAA,MACA,IAAII,GAAG;AACL,QAAAN,EAAK,qBAAqBM,CAAC;AAAA,MAC7B;AAAA,IAAA,CACD,GAEKC,IAAWF,EAAS,MAAM,CAAC,CAACH,EAAM,UAAU,GAE5CM,IAAQ,MAAMR,EAAK,qBAAqB,EAAE;2BAI9CS,EAgBM,OAAA;AAAA,MAhBD,KAAI;AAAA,MAAO,OAAKC,EAAA,CAAC,mBAAiB,CAAUC,EAAAA,OAAO,SAAS,CAAA,CAAA;AAAA,IAAA;MAC/DC,EAA0BC,EAAAC,CAAA,GAAA,EAAhB,MAAK,UAAQ;AAAA,QACvBC,EAOE,SAAA;AAAA,QANA,KAAI;AAAA,sDACKX,EAAK,QAAAY;AAAA,QACb,UAAUb,EAAA;AAAA,QACV,aAAaA,EAAA,eAAW;AAAA,QACzB,MAAK;AAAA,QACL,YAAW;AAAA,MAAA;YAJFC,EAAA,KAAK;AAAA,MAAA;MAORD,EAAA,aAAaI,EAAA,cADrBU,EAKEJ,EAAAK,CAAA,GAAA;AAAA;QAHC,OAAKR,EAAEC,EAAAA,OAAO,KAAK;AAAA,QACpB,MAAK;AAAA,QACJ,WAAYH,GAAK,CAAA,MAAA,CAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"PlSearchField.vue2.js","sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\nimport PlTooltip from \"../PlTooltip/PlTooltip.vue\";\n\nconst model = defineModel<string>({ required: true });\n\nconst props = defineProps<{\n  modelValue?: string;\n  clearable?: boolean;\n  placeholder?: string;\n  disabled?: boolean;\n  helper?: string;\n}>();\nconst slots = defineSlots<{\n  helper: () => unknown;\n}>();\n\nconst nonEmpty = computed(() => model.value != null && model.value.length > 0);\nconst hasHelper = computed(() => props.helper != null || slots.helper != null);\n\nconst clear = () => (model.value = \"\");\n</script>\n\n<template>\n  <div ref=\"root\" :class=\"$style.component\">\n    <PlIcon24 name=\"search\" />\n    <input\n      ref=\"input\"\n      v-model=\"model\"\n      :disabled=\"props.disabled\"\n      :placeholder=\"props.placeholder || 'Find...'\"\n      type=\"text\"\n      spellcheck=\"false\"\n    />\n    <PlIcon16\n      v-if=\"props.clearable && nonEmpty\"\n      :class=\"$style.clear\"\n      name=\"delete-clear\"\n      @click.stop=\"clear\"\n    />\n\n    <PlTooltip v-if=\"hasHelper\" class=\"info\" position=\"bottom\">\n      <template #tooltip>\n        <slot name=\"helper\">\n          {{ props.helper }}\n        </slot>\n      </template>\n    </PlTooltip>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  --pl-search-field-border-bottom-color: var(--txt-01);\n  --pl-search-field-bg: transparent;\n  --pl-search-field-caret-color: auto;\n  --pl-search-field-clear-display: none;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--control-height) - 2px);\n  line-height: calc(var(--control-height) - 2px);\n  background-color: var(--pl-search-field-bg);\n  padding: 0 0 0 0;\n  border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n  input {\n    margin-left: 8px;\n    width: 100%;\n    height: 20px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    caret-color: var(--pl-search-field-caret-color);\n  }\n\n  &:focus-within {\n    --pl-search-field-border-bottom-color: var(--txt-focus);\n    --pl-search-field-caret-color: var(--border-color-focus);\n    --pl-search-field-clear-display: block;\n  }\n\n  &:hover {\n    --pl-search-field-clear-display: block;\n  }\n\n  .clear {\n    --icon-color: var(--ic-02);\n    cursor: pointer;\n    margin-left: auto;\n    display: var(--pl-search-field-clear-display);\n  }\n}\n</style>\n"],"names":["model","_useModel","__props","props","slots","_useSlots","nonEmpty","computed","hasHelper","clear","_createElementBlock","_normalizeClass","$style","_createVNode","_unref","PlIcon24","_createElementVNode","$event","_createBlock","PlIcon16","PlTooltip","_renderSlot","_ctx","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,EAAmBC,GAAA,YAAmB,GAE9CC,IAAQD,GAORE,IAAQC,EAAA,GAIRC,IAAWC,EAAS,MAAMP,EAAM,SAAS,QAAQA,EAAM,MAAM,SAAS,CAAC,GACvEQ,IAAYD,EAAS,MAAMJ,EAAM,UAAU,QAAQC,EAAM,UAAU,IAAI,GAEvEK,IAAQ,MAAOT,EAAM,QAAQ;2BAIjCU,EAwBM,OAAA;AAAA,MAxBD,KAAI;AAAA,MAAQ,OAAKC,EAAEC,EAAAA,OAAO,SAAS;AAAA,IAAA;MACtCC,EAA0BC,EAAAC,CAAA,GAAA,EAAhB,MAAK,UAAQ;AAAA,QACvBC,EAOE,SAAA;AAAA,QANA,KAAI;AAAA,sDACKhB,EAAK,QAAAiB;AAAA,QACb,UAAUd,EAAM;AAAA,QAChB,aAAaA,EAAM,eAAW;AAAA,QAC/B,MAAK;AAAA,QACL,YAAW;AAAA,MAAA;YAJFH,EAAA,KAAK;AAAA,MAAA;MAORG,EAAM,aAAaG,EAAA,cAD3BY,EAKEJ,EAAAK,CAAA,GAAA;AAAA;QAHC,OAAKR,EAAEC,EAAAA,OAAO,KAAK;AAAA,QACpB,MAAK;AAAA,QACJ,WAAYH,GAAK,CAAA,MAAA,CAAA;AAAA,MAAA;MAGHD,EAAA,cAAjBU,EAMYE,GAAA;AAAA;QANgB,OAAM;AAAA,QAAO,UAAS;AAAA,MAAA;QACrC,WACT,MAEO;AAAA,UAFPC,EAEOC,wBAFP,MAEO;AAAA,YADFC,EAAAC,EAAArB,EAAM,MAAM,GAAA,CAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/PlSlideModal/PlPureSlideModal.vue.js

@@ -7,7 +7,6 @@ import "@milaboratories/helpers";
 /* empty css                       */
 import { useEventListener as E } from "../../composition/useEventListener.js";
 import "../../composition/useTheme.js";
-/* empty css                           */
 import { useClickOutside as P } from "../../composition/useClickOutside.js";
 /* empty css               */
 import "../../global/resizeObserver.js";
@@ -20,7 +19,7 @@ import "../../layout/PlPlaceholder/PlPlaceholder.vue2.js";
 /* empty css                                          */
 /* empty css                               */
 /* empty css                             */
-/* empty css                                  */
+/* empty css                                   */
 /* empty css                       */
 /* empty css                                     */
 /* empty css                             */
@@ -65,7 +64,7 @@ import "../../colors/gradient.js";
 const K = {
   name: "PlPureSlideModal",
   inheritAttrs: !1
-}, qt = /* @__PURE__ */ f({
+}, jt = /* @__PURE__ */ f({
   ...K,
   props: /* @__PURE__ */ c({
     modelValue: { type: Boolean },
@@ -110,6 +109,6 @@ const K = {
   }
 });
 export {
-  qt as default
+  jt as default
 };
 //# sourceMappingURL=PlPureSlideModal.vue.js.map

package/dist/components/PlSlideModal/PlPureSlideModal.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlPureSlideModal.vue.js","sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlPureSlideModal\",\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\nimport { ref, useAttrs } from \"vue\";\nimport TransitionSlidePanel from \"../TransitionSlidePanel.vue\";\nimport { useClickOutside, useEventListener } from \"../../index\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst modal = ref();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n\nuseClickOutside(modal, () => {\n  if (props.modelValue && props.closeOnOutsideClick) {\n    emit(\"update:modelValue\", false);\n  }\n});\n\nuseEventListener(document, \"keydown\", (evt: KeyboardEvent) => {\n  if (evt.key === \"Escape\") {\n    emit(\"update:modelValue\", false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <TransitionSlidePanel>\n      <div\n        v-if=\"props.modelValue\"\n        ref=\"modal\"\n        class=\"pl-slide-modal\"\n        :style=\"{ width: props.width }\"\n        v-bind=\"attrs\"\n        @keyup.esc=\"emit('update:modelValue', false)\"\n      >\n        <div class=\"close-dialog-btn\" @click=\"emit('update:modelValue', false)\" />\n        <slot />\n      </div>\n    </TransitionSlidePanel>\n    <div\n      v-if=\"props.modelValue && props.shadow\"\n      class=\"pl-slide-modal__shadow\"\n      @keyup.esc=\"emit('update:modelValue', false)\"\n    />\n  </Teleport>\n</template>\n"],"names":["__default__","emit","__emit","modal","ref","attrs","useAttrs","props","__props","useClickOutside","useEventListener","evt","_createBlock","_Teleport","_createVNode","TransitionSlidePanel","_openBlock","_createElementBlock","_mergeProps","_unref","_createElementVNode","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,MAAAA,IAAe;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAChB;;;;;;;;;;AAWA,UAAMC,IAAOC,GAIPC,IAAQC,EAAA,GACRC,IAAQC,EAAA,GACRC,IAAQC;AAEd,WAAAC,EAAgBN,GAAO,MAAM;AAC3B,MAAII,EAAM,cAAcA,EAAM,uBAC5BN,EAAK,qBAAqB,EAAK;AAAA,IAEnC,CAAC,GAEDS,EAAiB,UAAU,WAAW,CAACC,MAAuB;AAC5D,MAAIA,EAAI,QAAQ,YACdV,EAAK,qBAAqB,EAAK;AAAA,IAEnC,CAAC,mBAICW,EAmBWC,GAAA,EAnBD,IAAG,UAAM;AAAA,MACjBC,EAYuBC,GAAA,MAAA;AAAA,mBAXrB,MAUM;AAAA,UATER,EAAM,cADdS,EAAA,GAAAC,EAUM,OAVNC,EAUM;AAAA;qBARA;AAAA,YAAJ,KAAIf;AAAA,YACJ,OAAM;AAAA,YACL,OAAK,EAAA,OAAWI,EAAM,MAAA;AAAA,UAAK,GACpBY,EAAAd,CAAA,GAAK;AAAA,YACZ,kCAAWJ,EAAI,qBAAA,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,UAAA;YAEhBmB,EAA0E,OAAA;AAAA,cAArE,OAAM;AAAA,cAAoB,gCAAOnB,EAAI,qBAAA,EAAA;AAAA,YAAA;YAC1CoB,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;MAIJf,EAAM,cAAcA,EAAM,eADlCU,EAIE,OAAA;AAAA;QAFA,OAAM;AAAA,QACL,kCAAWhB,EAAI,qBAAA,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"PlPureSlideModal.vue.js","sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlPureSlideModal\",\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\nimport { ref, useAttrs } from \"vue\";\nimport TransitionSlidePanel from \"../TransitionSlidePanel.vue\";\nimport { useClickOutside, useEventListener } from \"../../index\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst modal = ref();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n\nuseClickOutside(modal, () => {\n  if (props.modelValue && props.closeOnOutsideClick) {\n    emit(\"update:modelValue\", false);\n  }\n});\n\nuseEventListener(document, \"keydown\", (evt: KeyboardEvent) => {\n  if (evt.key === \"Escape\") {\n    emit(\"update:modelValue\", false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <TransitionSlidePanel>\n      <div\n        v-if=\"props.modelValue\"\n        ref=\"modal\"\n        class=\"pl-slide-modal\"\n        :style=\"{ width: props.width }\"\n        v-bind=\"attrs\"\n        @keyup.esc=\"emit('update:modelValue', false)\"\n      >\n        <div class=\"close-dialog-btn\" @click=\"emit('update:modelValue', false)\" />\n        <slot />\n      </div>\n    </TransitionSlidePanel>\n    <div\n      v-if=\"props.modelValue && props.shadow\"\n      class=\"pl-slide-modal__shadow\"\n      @keyup.esc=\"emit('update:modelValue', false)\"\n    />\n  </Teleport>\n</template>\n"],"names":["__default__","emit","__emit","modal","ref","attrs","useAttrs","props","__props","useClickOutside","useEventListener","evt","_createBlock","_Teleport","_createVNode","TransitionSlidePanel","_openBlock","_createElementBlock","_mergeProps","_unref","_createElementVNode","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,MAAAA,IAAe;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAChB;;;;;;;;;;AAWA,UAAMC,IAAOC,GAIPC,IAAQC,EAAA,GACRC,IAAQC,EAAA,GACRC,IAAQC;AAEd,WAAAC,EAAgBN,GAAO,MAAM;AAC3B,MAAII,EAAM,cAAcA,EAAM,uBAC5BN,EAAK,qBAAqB,EAAK;AAAA,IAEnC,CAAC,GAEDS,EAAiB,UAAU,WAAW,CAACC,MAAuB;AAC5D,MAAIA,EAAI,QAAQ,YACdV,EAAK,qBAAqB,EAAK;AAAA,IAEnC,CAAC,mBAICW,EAmBWC,GAAA,EAnBD,IAAG,UAAM;AAAA,MACjBC,EAYuBC,GAAA,MAAA;AAAA,mBAXrB,MAUM;AAAA,UATER,EAAM,cADdS,EAAA,GAAAC,EAUM,OAVNC,EAUM;AAAA;qBARA;AAAA,YAAJ,KAAIf;AAAA,YACJ,OAAM;AAAA,YACL,OAAK,EAAA,OAAWI,EAAM,MAAA;AAAA,UAAK,GACpBY,EAAAd,CAAA,GAAK;AAAA,YACZ,kCAAWJ,EAAI,qBAAA,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,UAAA;YAEhBmB,EAA0E,OAAA;AAAA,cAArE,OAAM;AAAA,cAAoB,gCAAOnB,EAAI,qBAAA,EAAA;AAAA,YAAA;YAC1CoB,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;MAIJf,EAAM,cAAcA,EAAM,eADlCU,EAIE,OAAA;AAAA;QAFA,OAAM;AAAA,QACL,kCAAWhB,EAAI,qBAAA,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,MAAA;;;;"}

package/dist/components/PlTabs/Tab.vue.d.ts

@@ -14,11 +14,14 @@ declare function __VLS_template(): {
             $props: {
                 readonly openDelay?: number | undefined;
                 readonly closeDelay?: number | undefined;
-                readonly position?: ("top-left" | "left" | "right" | "top" | "southwest") | undefined;
+                readonly position?: ("top" | "left" | "bottom" | "right" | "top-left") | undefined;
                 readonly hide?: boolean | undefined;
                 readonly gap?: number | undefined;
+                readonly offsetToTheEdge?: number | undefined;
                 readonly element?: ("div" | "span" | "a" | "p" | "h1" | "h2" | "h3") | undefined;
                 readonly maxWidth?: string | undefined;
+                readonly container?: ("body" | HTMLElement) | undefined;
+                readonly hoverable?: boolean | undefined;
                 readonly "onTooltip:close"?: ((...args: any[]) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
@@ -41,22 +44,28 @@ declare function __VLS_template(): {
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 openDelay?: number;
                 closeDelay?: number;
-                position?: "top-left" | "left" | "right" | "top" | "southwest";
+                position?: "top" | "left" | "bottom" | "right" | "top-left";
                 hide?: boolean;
                 gap?: number;
+                offsetToTheEdge?: number;
                 element?: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3";
                 maxWidth?: string;
+                container?: "body" | HTMLElement;
+                hoverable?: boolean;
             }> & Readonly<{
                 "onTooltip:close"?: ((...args: any[]) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "tooltip:close": (...args: any[]) => void;
             }, string, {
                 gap: number;
+                container: "body" | HTMLElement;
                 openDelay: number;
                 closeDelay: number;
-                position: "top-left" | "left" | "right" | "top" | "southwest";
+                position: "top" | "left" | "bottom" | "right" | "top-left";
+                offsetToTheEdge: number;
                 element: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3";
                 maxWidth: string;
+                hoverable: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -79,22 +88,28 @@ declare function __VLS_template(): {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             gap: number;
+            container: "body" | HTMLElement;
             openDelay: number;
             closeDelay: number;
-            position: "top-left" | "left" | "right" | "top" | "southwest";
+            position: "top" | "left" | "bottom" | "right" | "top-left";
+            offsetToTheEdge: number;
             element: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3";
             maxWidth: string;
+            hoverable: boolean;
         }> & Omit<Readonly<{
             openDelay?: number;
             closeDelay?: number;
-            position?: "top-left" | "left" | "right" | "top" | "southwest";
+            position?: "top" | "left" | "bottom" | "right" | "top-left";
             hide?: boolean;
             gap?: number;
+            offsetToTheEdge?: number;
             element?: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3";
             maxWidth?: string;
+            container?: "body" | HTMLElement;
+            hoverable?: boolean;
         }> & Readonly<{
             "onTooltip:close"?: ((...args: any[]) => any) | undefined;
-        }>, "gap" | "openDelay" | "closeDelay" | "position" | "element" | "maxWidth"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "gap" | "container" | "openDelay" | "closeDelay" | "position" | "offsetToTheEdge" | "element" | "maxWidth" | "hoverable"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 tooltip?(_: {}): any;
@@ -111,11 +126,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $props: {
             readonly openDelay?: number | undefined;
             readonly closeDelay?: number | undefined;
-            readonly position?: ("top-left" | "left" | "right" | "top" | "southwest") | undefined;
+            readonly position?: ("top" | "left" | "bottom" | "right" | "top-left") | undefined;
             readonly hide?: boolean | undefined;
             readonly gap?: number | undefined;
+            readonly offsetToTheEdge?: number | undefined;
             readonly element?: ("div" | "span" | "a" | "p" | "h1" | "h2" | "h3") | undefined;
             readonly maxWidth?: string | undefined;
+            readonly container?: ("body" | HTMLElement) | undefined;
+            readonly hoverable?: boolean | undefined;
             readonly "onTooltip:close"?: ((...args: any[]) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
@@ -138,22 +156,28 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $options: import('vue').ComponentOptionsBase<Readonly<{
             openDelay?: number;
             closeDelay?: number;
-            position?: "top-left" | "left" | "right" | "top" | "southwest";
+            position?: "top" | "left" | "bottom" | "right" | "top-left";
             hide?: boolean;
             gap?: number;
+            offsetToTheEdge?: number;
             element?: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3";
             maxWidth?: string;
+            container?: "body" | HTMLElement;
+            hoverable?: boolean;
         }> & Readonly<{
             "onTooltip:close"?: ((...args: any[]) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             "tooltip:close": (...args: any[]) => void;
         }, string, {
             gap: number;
+            container: "body" | HTMLElement;
             openDelay: number;
             closeDelay: number;
-            position: "top-left" | "left" | "right" | "top" | "southwest";
+            position: "top" | "left" | "bottom" | "right" | "top-left";
+            offsetToTheEdge: number;
             element: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3";
             maxWidth: string;
+            hoverable: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -176,22 +200,28 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
         gap: number;
+        container: "body" | HTMLElement;
         openDelay: number;
         closeDelay: number;
-        position: "top-left" | "left" | "right" | "top" | "southwest";
+        position: "top" | "left" | "bottom" | "right" | "top-left";
+        offsetToTheEdge: number;
         element: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3";
         maxWidth: string;
+        hoverable: boolean;
     }> & Omit<Readonly<{
         openDelay?: number;
         closeDelay?: number;
-        position?: "top-left" | "left" | "right" | "top" | "southwest";
+        position?: "top" | "left" | "bottom" | "right" | "top-left";
         hide?: boolean;
         gap?: number;
+        offsetToTheEdge?: number;
         element?: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3";
         maxWidth?: string;
+        container?: "body" | HTMLElement;
+        hoverable?: boolean;
     }> & Readonly<{
         "onTooltip:close"?: ((...args: any[]) => any) | undefined;
-    }>, "gap" | "openDelay" | "closeDelay" | "position" | "element" | "maxWidth"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "gap" | "container" | "openDelay" | "closeDelay" | "position" | "offsetToTheEdge" | "element" | "maxWidth" | "hoverable"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
             tooltip?(_: {}): any;

package/dist/components/PlTabs/Tab.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlTabs/Tab.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AA6BF,iBAAS,cAAc;WAkDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmDqnqB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;EAnC1wqB;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAuBgoqB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;OAfzwqB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Tab.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlTabs/Tab.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AA6BF,iBAAS,cAAc;WAkDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmDqnqB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAnC1wqB;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAuBgoqB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAfzwqB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlTabs/Tab.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as l, ref as s, reactive as a, onMounted as c, unref as n, createBlock as d, openBlock as p, withCtx as i, renderSlot as u, createTextVNode as m, toDisplayString as _ } from "vue";
-import v from "../PlTooltip/PlTooltip.vue.js";
-const y = /* @__PURE__ */ l({
+import { defineComponent as f, ref as s, reactive as a, onMounted as c, unref as n, createBlock as d, openBlock as p, withCtx as i, renderSlot as u, createTextVNode as m, toDisplayString as v } from "vue";
+import w from "../PlTooltip/PlTooltip.vue.js";
+const y = /* @__PURE__ */ f({
   __name: "Tab",
   props: {
     option: {}
   },
-  setup(f) {
+  setup(l) {
     const r = s(), t = a({
       isOverflown: !1
     });
@@ -17,7 +17,7 @@ const y = /* @__PURE__ */ l({
       o && requestAnimationFrame(() => {
         o.offsetWidth < o.scrollWidth && (t.isOverflown = !0);
       });
-    }), (e, o) => (p(), d(n(v), {
+    }), (e, o) => (p(), d(n(w), {
       ref_key: "rootRef",
       ref: r,
       element: "div",
@@ -27,7 +27,7 @@ const y = /* @__PURE__ */ l({
       "data-is-overflown": t.isOverflown ? "true" : "false"
     }, {
       tooltip: i(() => [
-        m(_(f.option.label), 1)
+        m(v(l.option.label), 1)
       ]),
       default: i(() => [
         u(e.$slots, "default")