@milaboratories/uikit 2.10.26 → 2.10.27

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/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";
@@ -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")

package/dist/components/PlTextArea/PlTextArea.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as E, useSlots as S, ref as v, computed as a, onMounted as $, createElementBlock as s, openBlock as o, createElementVNode as n, createCommentVNode as i, normalizeClass as C, withDirectives as N, createVNode as q, createBlock as g, unref as d, toDisplayString as c, withCtx as D, renderSlot as b, vModelText as M } from "vue";
+import { defineComponent as E, useSlots as S, ref as v, computed as a, onMounted as C, createElementBlock as s, openBlock as o, createElementVNode as n, createCommentVNode as i, normalizeClass as N, withDirectives as $, createVNode as q, createBlock as g, unref as d, toDisplayString as c, withCtx as D, renderSlot as b, vModelText as M } from "vue";
 /* empty css                 */
-import j from "../PlTooltip/PlTooltip.vue.js";
-import H from "../../utils/DoubleContour.vue.js";
+import P from "../PlTooltip/PlTooltip.vue.js";
+import T from "../../utils/DoubleContour.vue.js";
 /* empty css                             */
-import { useLabelNotch as P } from "../../utils/useLabelNotch.js";
-import { useValidation as T } from "../../utils/useValidation.js";
+import { useLabelNotch as j } from "../../utils/useLabelNotch.js";
+import { useValidation as H } from "../../utils/useValidation.js";
 import { getErrorMessage as z } from "../../helpers/error.js";
 import A from "../PlSvg/PlSvg.vue.js";
 import I from "../../assets/images/required.svg.js";
@@ -19,7 +19,7 @@ const L = { class: "ui-text-area__envelope" }, R = {
   class: "ui-text-area__helper"
 }, K = {
   name: "PlTextArea"
-}, le = /* @__PURE__ */ E({
+}, re = /* @__PURE__ */ E({
   ...K,
   props: {
     modelValue: {},
@@ -37,31 +37,31 @@ const L = { class: "ui-text-area__envelope" }, R = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: k }) {
-    const x = S(), _ = k, r = t, m = v(), p = v(), u = a({
+    const x = S(), V = k, l = t, m = v(), p = v(), u = a({
       get() {
-        return r.modelValue ?? "";
+        return l.modelValue ?? "";
       },
       set(e) {
-        _("update:modelValue", e);
+        V("update:modelValue", e);
       }
-    }), V = a(() => !!r.modelValue), w = T(u, r.rules || []);
-    P(m);
+    }), _ = a(() => !!l.modelValue), w = H(u, l.rules || []);
+    j(m);
     const h = a(() => {
-      const e = [], l = z(r.error);
-      return l && e.push(l), e.push(...w.value.errors), e;
+      const e = [], r = z(l.error);
+      return r && e.push(r), e.push(...w.value.errors), e;
     }), f = a(() => h.value.length > 0), y = () => {
-      if (!r.autogrow)
+      if (!l.autogrow)
         return;
       const e = p.value;
       e && (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
     };
-    return $(() => {
+    return C(() => {
       y();
-    }), (e, l) => (o(), s("div", L, [
+    }), (e, r) => (o(), s("div", L, [
       n("div", {
         ref_key: "root",
         ref: m,
-        class: C(["ui-text-area", { error: f.value, disabled: t.disabled, dashed: t.dashed, nonEmpty: V.value }])
+        class: N(["ui-text-area", { error: f.value, disabled: t.disabled, dashed: t.dashed, nonEmpty: _.value }])
       }, [
         t.label ? (o(), s("label", R, [
           t.required ? (o(), g(d(A), {
@@ -69,7 +69,7 @@ const L = { class: "ui-text-area__envelope" }, R = {
             uri: d(I)
           }, null, 8, ["uri"])) : i("", !0),
           n("span", null, c(t.label), 1),
-          d(x).tooltip ? (o(), g(d(j), {
+          d(x).tooltip ? (o(), g(d(P), {
             key: 1,
             class: "info",
             position: "top"
@@ -80,10 +80,10 @@ const L = { class: "ui-text-area__envelope" }, R = {
             _: 3
           })) : i("", !0)
         ], 512)) : i("", !0),
-        N(n("textarea", {
+        $(n("textarea", {
           ref_key: "input",
           ref: p,
-          "onUpdate:modelValue": l[0] || (l[0] = (B) => u.value = B),
+          "onUpdate:modelValue": r[0] || (r[0] = (B) => u.value = B),
           readonly: t.readonly,
           rows: t.rows,
           disabled: t.disabled,
@@ -96,13 +96,13 @@ const L = { class: "ui-text-area__envelope" }, R = {
         n("div", F, [
           b(e.$slots, "append")
         ]),
-        q(H, { class: "ui-text-area__contour" })
+        q(T, { class: "ui-text-area__contour" })
       ], 2),
       f.value ? (o(), s("div", G, c(h.value.join(" ")), 1)) : t.helper ? (o(), s("div", J, c(t.helper), 1)) : i("", !0)
     ]));
   }
 });
 export {
-  le as default
+  re as default
 };
 //# sourceMappingURL=PlTextArea.vue.js.map

package/dist/components/PlTextField/PlTextField.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as I, mergeModels as N, useSlots as $, useModel as O, ref as h, reactive as T, computed as i, createElementBlock as d, openBlock as a, createElementVNode as p, createCommentVNode as n, normalizeClass as j, withDirectives as z, createVNode as L, createBlock as f, unref as c, toDisplayString as m, withCtx as U, renderSlot as E, vModelDynamic as A, withModifiers as V } from "vue";
+import { defineComponent as I, mergeModels as N, useSlots as T, useModel as $, ref as h, reactive as O, computed as i, createElementBlock as d, openBlock as a, createElementVNode as p, createCommentVNode as n, normalizeClass as j, withDirectives as z, createVNode as L, createBlock as f, unref as c, toDisplayString as v, withCtx as U, renderSlot as E, vModelDynamic as A, withModifiers as V } from "vue";
 import G from "../../assets/images/required.svg.js";
 import { getErrorMessage as H } from "../../helpers/error.js";
 import J from "../../utils/DoubleContour.vue.js";
@@ -48,9 +48,9 @@ const ee = { class: "pl-text-field__envelope" }, le = {
   }),
   emits: ["update:modelValue"],
   setup(l) {
-    const _ = $(), o = O(l, "modelValue"), e = l, y = h(void 0), b = h(), u = h(!1), s = T({
+    const P = T(), o = $(l, "modelValue"), e = l, y = h(void 0), b = h(), u = h(!1), s = O({
       cached: void 0
-    }), v = i({
+    }), m = i({
       get() {
         return s.cached ? s.cached.value : o.value === void 0 || o.value === null ? "" : String(o.value);
       },
@@ -67,12 +67,12 @@ const ee = { class: "pl-text-field__envelope" }, le = {
         else
           o.value = t;
       }
-    }), C = i(() => e.type && e.type === "password" ? u.value ? "text" : e.type : "text"), M = i(() => u.value ? "view-show" : "view-hide"), P = () => {
+    }), C = i(() => e.type && e.type === "password" ? u.value ? "text" : e.type : "text"), M = i(() => u.value ? "view-show" : "view-hide"), S = () => {
       e.clearable && (s.cached = void 0, o.value = e.clearable === !0 ? "" : e.clearable());
-    }, k = Q(v, e.rules || []), S = i(() => e.clearable ? e.clearable === !0 ? o.value === "" : o.value === e.clearable() : o.value === ""), g = i(() => !S.value), x = i(() => {
+    }, k = Q(m, e.rules || []), B = i(() => e.clearable ? e.clearable === !0 ? o.value === "" : o.value === e.clearable() : o.value === ""), g = i(() => !B.value), x = i(() => {
       const t = [], r = H(e.error);
       return r && t.push(r), s.cached && t.push(s.cached.error), k.value.isValid || t.push(...k.value.errors), t;
-    }), w = i(() => x.value.length > 0), B = i(
+    }), w = i(() => x.value.length > 0), _ = i(
       () => e.clearable && g.value && e.type !== "password" && !e.disabled
     ), F = () => u.value = !u.value, R = () => {
       s.cached = void 0;
@@ -96,8 +96,8 @@ const ee = { class: "pl-text-field__envelope" }, le = {
             key: 0,
             uri: c(G)
           }, null, 8, ["uri"])) : n("", !0),
-          p("span", null, m(l.label), 1),
-          c(_).tooltip ? (a(), f(c(Z), {
+          p("span", null, v(l.label), 1),
+          c(P).tooltip ? (a(), f(c(Z), {
             key: 1,
             class: "info",
             position: "top"
@@ -108,28 +108,28 @@ const ee = { class: "pl-text-field__envelope" }, le = {
             _: 3
           })) : n("", !0)
         ], 512)) : n("", !0),
-        l.prefix ? (a(), d("div", te, m(l.prefix), 1)) : n("", !0),
+        l.prefix ? (a(), d("div", te, v(l.prefix), 1)) : n("", !0),
         z(p("input", {
           ref_key: "inputRef",
           ref: b,
-          "onUpdate:modelValue": r[0] || (r[0] = (D) => v.value = D),
+          "onUpdate:modelValue": r[0] || (r[0] = (D) => m.value = D),
           disabled: l.disabled,
           placeholder: l.placeholder || "...",
           type: C.value,
           spellcheck: "false",
           onFocusout: R
         }, null, 40, oe), [
-          [A, v.value]
+          [A, m.value]
         ]),
         p("div", {
           class: "pl-text-field__append",
           onClick: q
         }, [
-          B.value ? (a(), f(c(W), {
+          _.value ? (a(), f(c(W), {
             key: 0,
             class: "pl-text-field__clearable",
             name: "delete-clear",
-            onClick: V(P, ["stop"])
+            onClick: V(S, ["stop"])
           })) : n("", !0),
           l.type === "password" ? (a(), f(c(X), {
             key: 1,
@@ -144,7 +144,7 @@ const ee = { class: "pl-text-field__envelope" }, le = {
           "group-position": l.groupPosition
         }, null, 8, ["group-position"])
       ], 2),
-      w.value ? (a(), d("div", re, m(x.value.join(" ")), 1)) : l.helper ? (a(), d("div", ae, m(l.helper), 1)) : n("", !0)
+      w.value ? (a(), d("div", re, v(x.value.join(" ")), 1)) : l.helper ? (a(), d("div", ae, v(l.helper), 1)) : n("", !0)
     ]));
   }
 });