@milaboratories/uikit 2.10.26 → 2.10.27

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

@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     /**
      * Tooltip position
      */
-    position?: "top-left" | "left" | "right" | "top" | "southwest";
+    position?: "top" | "left" | "bottom" | "right" | "top-left";
     /**
      * external prop to hide tooltips
      */
@@ -20,6 +20,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
      * The gap in pixels between the tooltip and the target element
      */
     gap?: number;
+    /**
+     * The minimum offset in pixels from the edge of the screen to the tooltip
+     */
+    offsetToTheEdge?: number;
     /**
      * base html element for tooltip
      */
@@ -28,6 +32,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
      * Max width (css value) of the tooltip container (default is 300px)
      */
     maxWidth?: string;
+    /**
+     * The container to insert the tooltip to (body by default)
+     */
+    container?: "body" | HTMLElement;
+    /**
+     * Whether the tooltip is shown on hover (default is true); otherwise, it is shown when hide is set to false
+     */
+    hoverable?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "tooltip:close": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{
@@ -42,7 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     /**
      * Tooltip position
      */
-    position?: "top-left" | "left" | "right" | "top" | "southwest";
+    position?: "top" | "left" | "bottom" | "right" | "top-left";
     /**
      * external prop to hide tooltips
      */
@@ -51,6 +63,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
      * The gap in pixels between the tooltip and the target element
      */
     gap?: number;
+    /**
+     * The minimum offset in pixels from the edge of the screen to the tooltip
+     */
+    offsetToTheEdge?: number;
     /**
      * base html element for tooltip
      */
@@ -59,15 +75,26 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
      * Max width (css value) of the tooltip container (default is 300px)
      */
     maxWidth?: string;
+    /**
+     * The container to insert the tooltip to (body by default)
+     */
+    container?: "body" | HTMLElement;
+    /**
+     * Whether the tooltip is shown on hover (default is true); otherwise, it is shown when hide is set to false
+     */
+    hoverable?: boolean;
 }> & Readonly<{
     "onTooltip:close"?: ((...args: any[]) => any) | undefined;
 }>, {
     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').ComponentProvideOptions, false, {
     rootRef: unknown;
     tooltip: HTMLDivElement;

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

@@ -1 +1 @@
-{"version":3,"file":"PlTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlTooltip/PlTooltip.vue"],"names":[],"mappings":"AAuLA,OAAO,mBAAmB,CAAC;AAS3B,kCAAkC;;IAO9B;;OAEG;gBACS,MAAM;IAClB;;OAEG;iBACU,MAAM;IACnB;;OAEG;eACQ,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,WAAW;IAC9D;;OAEG;WACI,OAAO;IACd;;OAEG;UACG,MAAM;IACZ;;OAEG;cACO,KAAK,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IACzD;;OAEG;eACQ,MAAM;;;;IA3BjB;;OAEG;gBACS,MAAM;IAClB;;OAEG;iBACU,MAAM;IACnB;;OAEG;eACQ,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,WAAW;IAC9D;;OAEG;WACI,OAAO;IACd;;OAEG;UACG,MAAM;IACZ;;OAEG;cACO,KAAK,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IACzD;;OAEG;eACQ,MAAM;;;;SARX,MAAM;eAhBA,MAAM;gBAIL,MAAM;cAIR,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,WAAW;aAYpD,KAAK,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;cAI9C,MAAM;;;;;qBA4MS,GAAG;qBACH,GAAG;;AA9OjC,wBAmSK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlTooltip/PlTooltip.vue"],"names":[],"mappings":"AAiYA,kCAAkC;;IAO9B;;OAEG;gBACS,MAAM;IAClB;;OAEG;iBACU,MAAM;IACnB;;OAEG;eACQ,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU;IAC3D;;OAEG;WACI,OAAO;IACd;;OAEG;UACG,MAAM;IAEZ;;OAEG;sBACe,MAAM;IACxB;;OAEG;cACO,KAAK,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IACzD;;OAEG;eACQ,MAAM;IACjB;;OAEG;gBACS,MAAM,GAAG,WAAW;IAChC;;OAEG;gBACS,OAAO;;;;IAxCnB;;OAEG;gBACS,MAAM;IAClB;;OAEG;iBACU,MAAM;IACnB;;OAEG;eACQ,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU;IAC3D;;OAEG;WACI,OAAO;IACd;;OAEG;UACG,MAAM;IAEZ;;OAEG;sBACe,MAAM;IACxB;;OAEG;cACO,KAAK,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IACzD;;OAEG;eACQ,MAAM;IACjB;;OAEG;gBACS,MAAM,GAAG,WAAW;IAChC;;OAEG;gBACS,OAAO;;;;SArBb,MAAM;eAiBA,MAAM,GAAG,WAAW;eAjCpB,MAAM;gBAIL,MAAM;cAIR,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU;qBAazC,MAAM;aAId,KAAK,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;cAI9C,MAAM;eAQL,OAAO;;;;;qBAgOO,GAAG;qBACH,GAAG;;AA/QjC,wBAkUK;AAgEL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlTooltip/PlTooltip.vue.js

@@ -1,113 +1,10 @@
-import { defineComponent as $, reactive as b, watch as u, ref as y, toRef as x, computed as N, onUnmounted as P, createBlock as v, openBlock as p, resolveDynamicComponent as R, mergeProps as V, withCtx as k, renderSlot as h, createCommentVNode as w, Teleport as g, createVNode as C, Transition as j, createElementBlock as z, withModifiers as A, normalizeStyle as T, unref as W, createElementVNode as M, normalizeClass as q } from "vue";
-/* empty css                */
-import { useTooltipPosition as F } from "./useTooltipPosition.js";
-import { throttle as K, delay as L, timeout as U } from "../../helpers/utils.js";
-import { useClickOutside as G } from "../../composition/useClickOutside.js";
-import H from "./Beak.vue.js";
-import { tMap as m } from "./global.js";
-const I = {
-  name: "PlTooltip"
-}, te = /* @__PURE__ */ $({
-  ...I,
-  props: {
-    openDelay: { default: 100 },
-    closeDelay: { default: 1e3 },
-    position: { default: "top" },
-    hide: { type: Boolean },
-    gap: { default: 8 },
-    element: { default: "div" },
-    maxWidth: { default: "300px" }
-  },
-  emits: ["tooltip:close"],
-  setup(i, { emit: B }) {
-    const D = B, s = Symbol(), t = i, e = b({
-      open: !1,
-      over: !1,
-      tooltipOpen: !1,
-      key: Symbol()
-    });
-    m.set(s, () => l()), u(
-      () => e.open,
-      (o) => {
-        requestAnimationFrame(() => {
-          e.tooltipOpen = o;
-        });
-      }
-    );
-    let f = () => {
-    };
-    const O = K(() => window.dispatchEvent(new CustomEvent("adjust")), 1e3), S = () => {
-      e.open = !0;
-      for (const [o, n] of m.entries())
-        o !== s && n();
-    }, l = () => {
-      e.open = !1, D("tooltip:close");
-    }, r = async () => {
-      t.hide || (O(), e.over = !0, f(), await L(t.openDelay ?? 100), e.over && S());
-    }, c = () => {
-      e.over = !1, f = U(() => {
-        e.over || l();
-      }, t.closeDelay);
-    };
-    u(
-      () => t.hide,
-      (o) => {
-        o && l();
-      }
-    );
-    const a = y(), d = y(), E = F(a, x(t));
-    G([a, d], () => l());
-    const _ = N(() => ({
-      "--pl-tooltip-max-width": t.maxWidth
-    }));
-    return P(() => {
-      m.delete(s);
-    }), (o, n) => (p(), v(R(i.element), V(o.$attrs, {
-      ref_key: "rootRef",
-      ref: a,
-      onClick: r,
-      onMouseover: r,
-      onMouseleave: c
-    }), {
-      default: k(() => [
-        h(o.$slots, "default"),
-        o.$slots.tooltip && e.open ? (p(), v(g, {
-          key: 0,
-          to: "body"
-        }, [
-          C(j, { name: "tooltip-transition" }, {
-            default: k(() => [
-              e.tooltipOpen ? (p(), z("div", {
-                key: 0,
-                class: "pl-tooltip__container",
-                style: T(W(E)),
-                onClick: n[0] || (n[0] = A(() => {
-                }, ["stop"]))
-              }, [
-                M("div", {
-                  ref_key: "tooltip",
-                  ref: d,
-                  class: q(["pl-tooltip", i.position]),
-                  style: T(_.value),
-                  onMouseover: r,
-                  onMouseleave: c
-                }, [
-                  M("div", null, [
-                    h(o.$slots, "tooltip")
-                  ]),
-                  C(H)
-                ], 38)
-              ], 4)) : w("", !0)
-            ]),
-            _: 3
-          })
-        ])) : w("", !0)
-      ]),
-      _: 3
-    }, 16));
-  }
-});
+import o from "./PlTooltip.vue2.js";
+import s from "./PlTooltip.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, c = /* @__PURE__ */ t(o, [["__cssModules", r]]);
 export {
-  te as default
+  c as default
 };
 //# sourceMappingURL=PlTooltip.vue.js.map

package/dist/components/PlTooltip/PlTooltip.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlTooltip.vue.js","sources":["../../../src/components/PlTooltip/PlTooltip.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Simple tooltip on mouseover */\nexport default {\n  name: \"PlTooltip\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-tooltip.scss\";\nimport { computed, onUnmounted, reactive, ref, toRef, watch } from \"vue\";\nimport { useTooltipPosition } from \"./useTooltipPosition\";\nimport * as utils from \"../../helpers/utils\";\nimport { useClickOutside } from \"../../composition/useClickOutside\";\nimport Beak from \"./Beak.vue\";\nimport { tMap } from \"./global\";\n\nconst emit = defineEmits([\"tooltip:close\"]);\n\nconst tKey = Symbol();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * delay in milliseconds before the tooltip opens\n     */\n    openDelay?: number;\n    /**\n     * delay in milliseconds before the tooltip disappears\n     */\n    closeDelay?: number;\n    /**\n     * Tooltip position\n     */\n    position?: \"top-left\" | \"left\" | \"right\" | \"top\" | \"southwest\";\n    /**\n     * external prop to hide tooltips\n     */\n    hide?: boolean;\n    /**\n     * The gap in pixels between the tooltip and the target element\n     */\n    gap?: number;\n    /**\n     * base html element for tooltip\n     */\n    element?: \"div\" | \"span\" | \"a\" | \"p\" | \"h1\" | \"h2\" | \"h3\";\n    /**\n     * Max width (css value) of the tooltip container (default is 300px)\n     */\n    maxWidth?: string;\n  }>(),\n  {\n    openDelay: 100,\n    closeDelay: 1000,\n    gap: 8,\n    position: \"top\",\n    element: \"div\",\n    maxWidth: \"300px\",\n  },\n);\n\nconst data = reactive({\n  open: false,\n  over: false,\n  tooltipOpen: false,\n  key: Symbol(),\n});\n\ntMap.set(tKey, () => closeTooltip());\n\n// Hook to avoid the need to immediately teleport into the body (better performance)\nwatch(\n  () => data.open,\n  (v) => {\n    requestAnimationFrame(() => {\n      data.tooltipOpen = v;\n    });\n  },\n);\n\nlet clearTimeout = () => {};\n\nconst dispatchAdjust = utils.throttle(() => window.dispatchEvent(new CustomEvent(\"adjust\")), 1000);\n\nconst showTooltip = () => {\n  data.open = true;\n\n  for (const [k, f] of tMap.entries()) {\n    if (k !== tKey) {\n      f();\n    }\n  }\n};\n\nconst closeTooltip = () => {\n  data.open = false;\n  emit(\"tooltip:close\");\n};\n\nconst onOver = async () => {\n  if (props.hide) {\n    return;\n  }\n\n  dispatchAdjust();\n\n  data.over = true;\n\n  clearTimeout();\n\n  await utils.delay(props.openDelay ?? 100);\n\n  if (data.over) {\n    showTooltip();\n  }\n};\n\nconst onLeave = () => {\n  data.over = false;\n  clearTimeout = utils.timeout(() => {\n    if (!data.over) {\n      closeTooltip();\n    }\n  }, props.closeDelay);\n};\n\nwatch(\n  () => props.hide,\n  (hide) => {\n    if (hide) {\n      closeTooltip();\n    }\n  },\n);\n\nconst rootRef = ref<HTMLElement | undefined>();\nconst tooltip = ref<HTMLElement | undefined>();\n\nconst style = useTooltipPosition(rootRef, toRef(props));\n\nuseClickOutside([rootRef, tooltip], () => closeTooltip());\n\nconst tooltipStyle = computed(() => ({\n  \"--pl-tooltip-max-width\": props.maxWidth,\n}));\n\nonUnmounted(() => {\n  tMap.delete(tKey);\n});\n</script>\n\n<template>\n  <component\n    :is=\"element\"\n    v-bind=\"$attrs\"\n    ref=\"rootRef\"\n    @click=\"onOver\"\n    @mouseover=\"onOver\"\n    @mouseleave=\"onLeave\"\n  >\n    <slot />\n    <Teleport v-if=\"$slots['tooltip'] && data.open\" to=\"body\">\n      <Transition name=\"tooltip-transition\">\n        <div v-if=\"data.tooltipOpen\" class=\"pl-tooltip__container\" :style=\"style\" @click.stop>\n          <div\n            ref=\"tooltip\"\n            class=\"pl-tooltip\"\n            :style=\"tooltipStyle\"\n            :class=\"position\"\n            @mouseover=\"onOver\"\n            @mouseleave=\"onLeave\"\n          >\n            <!-- should be one line -->\n            <div><slot name=\"tooltip\" /></div>\n            <Beak />\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </component>\n</template>\n"],"names":["__default__","emit","__emit","tKey","props","__props","data","reactive","tMap","closeTooltip","watch","v","clearTimeout","dispatchAdjust","utils.throttle","showTooltip","k","f","onOver","utils.delay","onLeave","utils.timeout","hide","rootRef","ref","tooltip","style","useTooltipPosition","toRef","useClickOutside","tooltipStyle","computed","onUnmounted","_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","$attrs","_renderSlot","_ctx","$slots","_Teleport","_createVNode","_Transition","_createElementBlock","_unref","_createElementVNode","_normalizeClass","Beak"],"mappings":";;;;;;;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;AAYA,UAAMC,IAAOC,GAEPC,IAAO,OAAA,GAEPC,IAAQC,GAyCRC,IAAOC,EAAS;AAAA,MACpB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,KAAK,OAAA;AAAA,IAAO,CACb;AAED,IAAAC,EAAK,IAAIL,GAAM,MAAMM,EAAA,CAAc,GAGnCC;AAAA,MACE,MAAMJ,EAAK;AAAA,MACX,CAACK,MAAM;AACL,8BAAsB,MAAM;AAC1B,UAAAL,EAAK,cAAcK;AAAA,QACrB,CAAC;AAAA,MACH;AAAA,IAAA;AAGF,QAAIC,IAAe,MAAM;AAAA,IAAC;AAE1B,UAAMC,IAAiBC,EAAe,MAAM,OAAO,cAAc,IAAI,YAAY,QAAQ,CAAC,GAAG,GAAI,GAE3FC,IAAc,MAAM;AACxB,MAAAT,EAAK,OAAO;AAEZ,iBAAW,CAACU,GAAGC,CAAC,KAAKT,EAAK;AACxB,QAAIQ,MAAMb,KACRc,EAAA;AAAA,IAGN,GAEMR,IAAe,MAAM;AACzB,MAAAH,EAAK,OAAO,IACZL,EAAK,eAAe;AAAA,IACtB,GAEMiB,IAAS,YAAY;AACzB,MAAId,EAAM,SAIVS,EAAA,GAEAP,EAAK,OAAO,IAEZM,EAAA,GAEA,MAAMO,EAAYf,EAAM,aAAa,GAAG,GAEpCE,EAAK,QACPS,EAAA;AAAA,IAEJ,GAEMK,IAAU,MAAM;AACpB,MAAAd,EAAK,OAAO,IACZM,IAAeS,EAAc,MAAM;AACjC,QAAKf,EAAK,QACRG,EAAA;AAAA,MAEJ,GAAGL,EAAM,UAAU;AAAA,IACrB;AAEA,IAAAM;AAAA,MACE,MAAMN,EAAM;AAAA,MACZ,CAACkB,MAAS;AACR,QAAIA,KACFb,EAAA;AAAA,MAEJ;AAAA,IAAA;AAGF,UAAMc,IAAUC,EAAA,GACVC,IAAUD,EAAA,GAEVE,IAAQC,EAAmBJ,GAASK,EAAMxB,CAAK,CAAC;AAEtD,IAAAyB,EAAgB,CAACN,GAASE,CAAO,GAAG,MAAMhB,GAAc;AAExD,UAAMqB,IAAeC,EAAS,OAAO;AAAA,MACnC,0BAA0B3B,EAAM;AAAA,IAAA,EAChC;AAEF,WAAA4B,EAAY,MAAM;AAChB,MAAAxB,EAAK,OAAOL,CAAI;AAAA,IAClB,CAAC,cAIC8B,EAAA,GAAAC,EA2BYC,EA1BL9B,EAAA,OAAO,GADd+B,EAEUC,EAyBE,QAzBI;AAAA,eACV;AAAA,MAAJ,KAAId;AAAA,MACH,SAAOL;AAAA,MACP,aAAWA;AAAA,MACX,cAAYE;AAAA,IAAA;iBAEb,MAAQ;AAAA,QAARkB,EAAQC,EAAA,QAAA,SAAA;AAAA,QACQC,EAAAA,OAAM,WAAelC,EAAK,aAA1C4B,EAiBWO,GAAA;AAAA;UAjBqC,IAAG;AAAA,QAAA;UACjDC,EAeaC,GAAA,EAfD,MAAK,wBAAoB;AAAA,uBACnC,MAaM;AAAA,cAbKrC,EAAK,oBAAhBsC,EAaM,OAAA;AAAA;gBAbuB,OAAM;AAAA,gBAAyB,SAAOC,EAAAnB,CAAA,CAAK;AAAA,gBAAG,2BAAD,MAAA;AAAA,gBAAA,GAAW,CAAA,MAAA,CAAA;AAAA,cAAA;gBACnFoB,EAWM,OAAA;AAAA,2BAVA;AAAA,kBAAJ,KAAIrB;AAAA,kBACJ,OAAKsB,EAAA,CAAC,cAEE1C,EAAA,QAAQ,CAAA;AAAA,kBADf,SAAOyB,EAAA,KAAY;AAAA,kBAEnB,aAAWZ;AAAA,kBACX,cAAYE;AAAA,gBAAA;kBAGb0B,EAAkC,OAAA,MAAA;AAAA,oBAA7BR,EAAuBC,EAAA,QAAA,SAAA;AAAA,kBAAA;kBAC5BG,EAAQM,CAAA;AAAA,gBAAA;;;;;;;;;;;"}
+{"version":3,"file":"PlTooltip.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/PlTooltip/PlTooltip.vue2.js

@@ -1,5 +1,135 @@
-import f from "./PlTooltip.vue.js";
+import { defineComponent as B, useCssVars as M, reactive as D, watch as h, ref as T, onUnmounted as N, createBlock as $, openBlock as k, resolveDynamicComponent as O, mergeProps as E, withCtx as C, renderSlot as b, createVNode as S, Transition as V, createCommentVNode as W, Teleport as q, createElementVNode as i, normalizeStyle as z, normalizeClass as a, withModifiers as A } from "vue";
+import { delay as L, timeout as P } from "../../helpers/utils.js";
+import { useClickOutside as R } from "../../composition/useClickOutside.js";
+import { tMap as f } from "./global.js";
+import { uniqueId as F } from "@milaboratories/helpers";
+const I = {
+  name: "PlTooltip"
+}, J = /* @__PURE__ */ B({
+  ...I,
+  props: {
+    openDelay: { default: 100 },
+    closeDelay: { default: 1e3 },
+    position: { default: "top" },
+    hide: { type: Boolean },
+    gap: { default: 8 },
+    offsetToTheEdge: { default: 8 },
+    element: { default: "div" },
+    maxWidth: { default: "300px" },
+    container: { default: "body" },
+    hoverable: { type: Boolean, default: !0 }
+  },
+  emits: ["tooltip:close"],
+  setup(l, { emit: g }) {
+    M((e) => ({
+      v0a45635a: v
+    }));
+    const w = g, r = Symbol(), o = l, t = D({
+      open: !1,
+      over: !1,
+      tooltipOpen: !1,
+      key: Symbol()
+    });
+    f.set(r, () => s()), h(
+      () => t.open,
+      (e) => {
+        requestAnimationFrame(() => {
+          t.tooltipOpen = e;
+        });
+      }
+    );
+    let d = () => {
+    };
+    const m = () => {
+      t.open = !0;
+      for (const [e, n] of f.entries())
+        e !== r && n();
+    }, s = () => {
+      t.open = !1, w("tooltip:close");
+    }, p = async () => {
+      o.hide || !o.hoverable || (t.over = !0, d(), await L(o.openDelay ?? 100), t.over && m());
+    }, u = () => {
+      o.hoverable && (t.over = !1, d = P(() => {
+        t.over || s();
+      }, o.closeDelay));
+    };
+    h(
+      () => o.hide,
+      (e) => {
+        e ? s() : o.hoverable || m();
+      }
+    );
+    const c = T(), y = T();
+    R([c, y], () => s()), N(() => {
+      f.delete(r);
+    });
+    const v = `--anchor-${F()}`;
+    return (e, n) => (k(), $(O(l.element), E({
+      class: e.$style.plTooltipAnchorWrapper
+    }, e.$attrs, {
+      ref_key: "rootRef",
+      ref: c,
+      onClick: p,
+      onMouseover: p,
+      onMouseleave: u
+    }), {
+      default: C(() => [
+        b(e.$slots, "default"),
+        S(V, { name: "pl-tooltip-fade" }, {
+          default: C(() => [
+            e.$slots.tooltip && t.tooltipOpen ? (k(), $(q, {
+              key: 0,
+              to: l.container
+            }, [
+              i("div", {
+                class: a([
+                  e.$style.plTooltipContainer,
+                  {
+                    [e.$style.top]: o.position === "top",
+                    [e.$style.bottom]: o.position === "bottom",
+                    [e.$style.left]: o.position === "left",
+                    [e.$style.right]: o.position === "right",
+                    [e.$style.topLeft]: o.position === "top-left"
+                  }
+                ]),
+                style: z({
+                  "--anchorName": v,
+                  "--gap": l.gap + "px",
+                  "--offsetToTheEdge": l.offsetToTheEdge + "px",
+                  "--pl-tooltip-max-width": l.maxWidth
+                })
+              }, [
+                i("div", {
+                  class: a(e.$style.plTooltipBox),
+                  onClick: n[0] || (n[0] = A(() => {
+                  }, ["stop"]))
+                }, [
+                  i("div", {
+                    ref_key: "tooltip",
+                    ref: y,
+                    class: a([e.$style.plTooltipContent, l.position]),
+                    onMouseover: p,
+                    onMouseleave: u
+                  }, [
+                    i("div", null, [
+                      b(e.$slots, "tooltip")
+                    ])
+                  ], 34)
+                ], 2),
+                i("div", {
+                  class: a(e.$style.plTooltipBeak)
+                }, null, 2)
+              ], 6)
+            ], 8, ["to"])) : W("", !0)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
 export {
-  f as default
+  J as default
 };
 //# sourceMappingURL=PlTooltip.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlTooltip.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlTooltip.vue2.js","sources":["../../../src/components/PlTooltip/PlTooltip.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Simple tooltip on mouseover */\nexport default {\n  name: \"PlTooltip\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { onUnmounted, reactive, ref, watch } from \"vue\";\nimport * as utils from \"../../helpers/utils\";\nimport { useClickOutside } from \"../../composition/useClickOutside\";\nimport { tMap } from \"./global\";\nimport { uniqueId } from \"@milaboratories/helpers\";\n\nconst emit = defineEmits([\"tooltip:close\"]);\n\nconst tKey = Symbol();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * delay in milliseconds before the tooltip opens\n     */\n    openDelay?: number;\n    /**\n     * delay in milliseconds before the tooltip disappears\n     */\n    closeDelay?: number;\n    /**\n     * Tooltip position\n     */\n    position?: \"top\" | \"left\" | \"bottom\" | \"right\" | \"top-left\";\n    /**\n     * external prop to hide tooltips\n     */\n    hide?: boolean;\n    /**\n     * The gap in pixels between the tooltip and the target element\n     */\n    gap?: number;\n\n    /**\n     * The minimum offset in pixels from the edge of the screen to the tooltip\n     */\n    offsetToTheEdge?: number;\n    /**\n     * base html element for tooltip\n     */\n    element?: \"div\" | \"span\" | \"a\" | \"p\" | \"h1\" | \"h2\" | \"h3\";\n    /**\n     * Max width (css value) of the tooltip container (default is 300px)\n     */\n    maxWidth?: string;\n    /**\n     * The container to insert the tooltip to (body by default)\n     */\n    container?: \"body\" | HTMLElement;\n    /**\n     * Whether the tooltip is shown on hover (default is true); otherwise, it is shown when hide is set to false\n     */\n    hoverable?: boolean;\n  }>(),\n  {\n    openDelay: 100,\n    closeDelay: 1000,\n    gap: 8,\n    offsetToTheEdge: 8,\n    position: \"top\",\n    element: \"div\",\n    maxWidth: \"300px\",\n    container: \"body\",\n    hoverable: true,\n  },\n);\n\nconst data = reactive({\n  open: false,\n  over: false,\n  tooltipOpen: false,\n  key: Symbol(),\n});\n\ntMap.set(tKey, () => closeTooltip());\n\n// Hook to avoid the need to immediately teleport into the body (better performance)\nwatch(\n  () => data.open,\n  (v) => {\n    requestAnimationFrame(() => {\n      data.tooltipOpen = v;\n    });\n  },\n);\n\nlet clearTimeout = () => {};\n\nconst showTooltip = () => {\n  data.open = true;\n\n  for (const [k, f] of tMap.entries()) {\n    if (k !== tKey) {\n      f();\n    }\n  }\n};\n\nconst closeTooltip = () => {\n  data.open = false;\n  emit(\"tooltip:close\");\n};\n\nconst onOver = async () => {\n  if (props.hide || !props.hoverable) {\n    return;\n  }\n\n  data.over = true;\n\n  clearTimeout();\n\n  await utils.delay(props.openDelay ?? 100);\n\n  if (data.over) {\n    showTooltip();\n  }\n};\n\nconst onLeave = () => {\n  if (!props.hoverable) {\n    return;\n  }\n\n  data.over = false;\n  clearTimeout = utils.timeout(() => {\n    if (!data.over) {\n      closeTooltip();\n    }\n  }, props.closeDelay);\n};\n\nwatch(\n  () => props.hide,\n  (hide) => {\n    if (hide) {\n      closeTooltip();\n    } else if (!props.hoverable) {\n      showTooltip();\n    }\n  },\n);\n\nconst rootRef = ref<HTMLElement | undefined>();\nconst tooltip = ref<HTMLElement | undefined>();\n\nuseClickOutside([rootRef, tooltip], () => closeTooltip());\n\nonUnmounted(() => {\n  tMap.delete(tKey);\n});\nconst anchorName = `--anchor-${uniqueId()}`;\n</script>\n\n<template>\n  <component\n    :class=\"$style.plTooltipAnchorWrapper\"\n    :is=\"element\"\n    v-bind=\"$attrs\"\n    ref=\"rootRef\"\n    @click=\"onOver\"\n    @mouseover=\"onOver\"\n    @mouseleave=\"onLeave\"\n  >\n    <!-- anchor element here -->\n    <slot />\n    <Transition name=\"pl-tooltip-fade\">\n      <Teleport v-if=\"$slots['tooltip'] && data.tooltipOpen\" :to=\"container\">\n        <div\n          :class=\"[\n            $style.plTooltipContainer,\n            {\n              [$style.top]: props.position === 'top',\n              [$style.bottom]: props.position === 'bottom',\n              [$style.left]: props.position === 'left',\n              [$style.right]: props.position === 'right',\n              [$style.topLeft]: props.position === 'top-left',\n            },\n          ]\"\n          :style=\"{\n            '--anchorName': anchorName,\n            '--gap': gap + 'px',\n            '--offsetToTheEdge': offsetToTheEdge + 'px',\n            '--pl-tooltip-max-width': maxWidth,\n          }\"\n        >\n          <div :class=\"$style.plTooltipBox\" @click.stop>\n            <div\n              ref=\"tooltip\"\n              :class=\"[$style.plTooltipContent, position]\"\n              @mouseover=\"onOver\"\n              @mouseleave=\"onLeave\"\n            >\n              <!-- should be one line -->\n              <div><slot name=\"tooltip\" /></div>\n            </div>\n          </div>\n          <div :class=\"$style.plTooltipBeak\" />\n        </div>\n      </Teleport>\n    </Transition>\n  </component>\n</template>\n\n<style module>\n.plTooltipAnchorWrapper {\n  display: inline-block;\n}\n/* just to set anchor-name for the anchor */\n.plTooltipAnchorWrapper > :first-child {\n  --anchorName: v-bind(\"anchorName\");\n  anchor-name: var(--anchorName);\n}\n\n.plTooltipAnchorWrapper:global(.info) {\n  --anchorName: v-bind(\"anchorName\");\n  anchor-name: var(--anchorName);\n}\n\n.plTooltipContainer {\n  --pl-tooltip-max-width: 300px;\n  --gap: 8px;\n  --tailWidth: 8px;\n  --tailHeight: calc(var(--gap) + 2px);\n\n  --tailClipTop: polygon(\n    0 0,\n    100% 0,\n    100% calc(100% - var(--gap)),\n    50% calc(100% - 3px),\n    0 calc(100% - var(--gap))\n  );\n  --tailClipBottom: polygon(0 100%, 100% 100%, 100% var(--gap), 50% 3px, 0 var(--gap));\n  --tailClipLeft: polygon(0 0, 0 100%, 2px 100%, calc(100% - 3px) 50%, 2px 0);\n  --tailClipRight: polygon(100% 0, 100% 100%, calc(100% - 2px) 100%, 3px 50%, calc(100% - 2px) 0);\n\n  z-index: var(--z-tooltip);\n}\n\n.plTooltipContent {\n  display: inline-block;\n  padding: 8px 12px 9px 12px;\n  background: var(--tooltip-bg);\n  border-radius: 6px;\n  width: max-content;\n  word-break: normal;\n  max-width: var(--pl-tooltip-max-width);\n  color: #fff;\n}\n\n.plTooltipBox {\n  position: absolute;\n  position-anchor: var(--anchorName);\n  z-index: 1;\n}\n\n.plTooltipBeak {\n  position: absolute;\n  position-anchor: var(--anchorName);\n  z-index: 0;\n  background: var(--tooltip-bg);\n  width: var(--tailWidth);\n  height: var(--tailHeight);\n}\n\n/* top */\n.plTooltipContainer.top .plTooltipBox {\n  position-area: top;\n  bottom: var(--gap);\n  left: var(--offsetToTheEdge);\n  right: var(--offsetToTheEdge);\n}\n.plTooltipContainer.top .plTooltipBeak {\n  position-area: top;\n  bottom: 0;\n  left: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n  clip-path: var(--tailClipTop);\n}\n\n/* bottom */\n.plTooltipContainer.bottom .plTooltipBox {\n  position-area: bottom;\n  top: var(--gap);\n  left: var(--offsetToTheEdge);\n  right: var(--offsetToTheEdge);\n}\n.plTooltipContainer.bottom .plTooltipBeak {\n  position-area: bottom;\n  top: 0;\n  left: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n  clip-path: var(--tailClipBottom);\n}\n\n/* left */\n.plTooltipContainer.left .plTooltipBox {\n  position-area: left;\n  right: var(--gap);\n  top: var(--offsetToTheEdge);\n  bottom: var(--offsetToTheEdge);\n}\n\n.plTooltipContainer.left .plTooltipBeak {\n  position-area: left;\n  right: 0;\n  top: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n  width: var(--tailHeight);\n  height: var(--tailWidth);\n  clip-path: var(--tailClipLeft);\n}\n\n/* right */\n.plTooltipContainer.right .plTooltipBox {\n  position-area: right;\n  left: var(--gap);\n  top: var(--offsetToTheEdge);\n  bottom: var(--offsetToTheEdge);\n}\n\n.plTooltipContainer.right .plTooltipBeak {\n  position-area: right;\n  left: 0;\n  top: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n  width: var(--tailHeight);\n  height: var(--tailWidth);\n  clip-path: var(--tailClipRight);\n}\n\n/* top left */\n.plTooltipContainer.topLeft .plTooltipBox {\n  position-area: top;\n  bottom: var(--gap);\n  left: anchor(var(--anchorName) left);\n}\n.plTooltipContainer.topLeft .plTooltipBeak {\n  position-area: top;\n  bottom: 0;\n  left: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n  clip-path: var(--tailClipTop);\n}\n\n:global(.pl-tooltip-fade-leave-active),\n:global(.pl-tooltip-fade-enter-active) {\n  z-index: var(--z-tooltip);\n  transition: opacity 0.2s ease-in-out;\n}\n:global(.pl-tooltip-fade-enter-from),\n:global(.pl-tooltip-fade-leave-to) {\n  opacity: 0;\n}\n\n.plTooltipContent a {\n  color: var(--tooltip-link-color);\n}\n\n.plTooltipContent p {\n  margin-bottom: 8px;\n}\n\n.plTooltipContent ul,\n.plTooltipContent li {\n  margin-left: 6px;\n  padding-left: 6px;\n}\n\n.plTooltipContent li {\n  margin-bottom: 4px;\n}\n</style>\n"],"names":["__default__","emit","__emit","tKey","props","__props","data","reactive","tMap","closeTooltip","watch","v","clearTimeout","showTooltip","k","f","onOver","utils.delay","onLeave","utils.timeout","hide","rootRef","ref","tooltip","useClickOutside","onUnmounted","anchorName","uniqueId","_createBlock","_resolveDynamicComponent","_mergeProps","$style","$attrs","_renderSlot","_ctx","_createVNode","_Transition","$slots","_Teleport","_createElementVNode","_normalizeClass","_normalizeStyle"],"mappings":"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"}

package/dist/components/PlTooltip/PlTooltip.vue3.js

@@ -0,0 +1,26 @@
+const o = "_plTooltipAnchorWrapper_nqgdz_2", t = "_plTooltipContainer_nqgdz_16", p = "_plTooltipContent_nqgdz_36", n = "_plTooltipBox_nqgdz_47", l = "_plTooltipBeak_nqgdz_53", _ = "_top_nqgdz_63", e = "_bottom_nqgdz_77", i = "_left_nqgdz_91", r = "_right_nqgdz_108", T = "_topLeft_nqgdz_125", c = {
+  plTooltipAnchorWrapper: o,
+  plTooltipContainer: t,
+  plTooltipContent: p,
+  plTooltipBox: n,
+  plTooltipBeak: l,
+  top: _,
+  bottom: e,
+  left: i,
+  right: r,
+  topLeft: T
+};
+export {
+  e as bottom,
+  c as default,
+  i as left,
+  o as plTooltipAnchorWrapper,
+  l as plTooltipBeak,
+  n as plTooltipBox,
+  t as plTooltipContainer,
+  p as plTooltipContent,
+  r as right,
+  _ as top,
+  T as topLeft
+};
+//# sourceMappingURL=PlTooltip.vue3.js.map

package/dist/components/PlTooltip/PlTooltip.vue3.js.map

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

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

@@ -31,8 +31,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     label: string;
     error: undefined;
-    disabled: boolean;
     mode: SliderMode;
+    disabled: boolean;
     min: number;
     step: number;
     helper: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.vue.d.ts","sourceRoot":"","sources":["../../src/components/Slider.vue"],"names":[],"mappings":"AAwNA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAQ3C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAsIJ,iBAAS,cAAc;WAkIT,OAAO,IAA6B;;yBAZrB,GAAG;;;;;;;EAiB/B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WA1ST,MAAM;;cAMH,OAAO;UAHX,UAAU;SANX,MAAM;UAEL,MAAM;YAEJ,MAAM;aAGL,MAAM;iBACF,OAAO;;;;kBA+SvB,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"}
+{"version":3,"file":"Slider.vue.d.ts","sourceRoot":"","sources":["../../src/components/Slider.vue"],"names":[],"mappings":"AAwNA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAQ3C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAsIJ,iBAAS,cAAc;WAkIT,OAAO,IAA6B;;yBAZrB,GAAG;;;;;;;EAiB/B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WA1ST,MAAM;;UAGP,UAAU;cAGN,OAAO;SATZ,MAAM;UAEL,MAAM;YAEJ,MAAM;aAGL,MAAM;iBACF,OAAO;;;;kBA+SvB,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/Slider.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as z, useSlots as F, reactive as I, computed as r, ref as v, watch as K, createElementBlock as i, openBlock as s, normalizeClass as R, createElementVNode as l, createCommentVNode as a, createBlock as P, toDisplayString as m, unref as _, withCtx as U, renderSlot as O, normalizeStyle as h, Fragment as j, renderList as q } from "vue";
-import { useMouseCapture as G } from "../composition/useMouseCapture.js";
-import { tapIf as H } from "../helpers/functions.js";
+import { defineComponent as P, useSlots as z, reactive as F, computed as r, ref as v, watch as I, createElementBlock as i, openBlock as s, normalizeClass as R, createElementVNode as l, createCommentVNode as a, createBlock as K, toDisplayString as m, unref as p, withCtx as U, renderSlot as O, normalizeStyle as h, Fragment as T, renderList as j } from "vue";
+import { useMouseCapture as q } from "../composition/useMouseCapture.js";
+import { tapIf as G } from "../helpers/functions.js";
 import { clamp as b } from "../helpers/math.js";
-import J from "./PlTooltip/PlTooltip.vue.js";
-import { useSliderBreakpoints as Q } from "../composition/useSliderBreakpoints.js";
-import { getErrorMessage as T } from "../helpers/error.js";
+import H from "./PlTooltip/PlTooltip.vue.js";
+import { useSliderBreakpoints as J } from "../composition/useSliderBreakpoints.js";
+import { getErrorMessage as Q } from "../helpers/error.js";
 const W = { class: "ui-slider__wrapper" }, X = { class: "ui-slider__label-section" }, Y = {
   key: 0,
   class: "text-s"
@@ -14,7 +14,7 @@ const W = { class: "ui-slider__wrapper" }, X = { class: "ui-slider__label-sectio
 }, ee = { class: "ui-slider__base" }, te = { class: "ui-slider__container" }, le = { class: "ui-slider__container ui-slider__container-thumb" }, oe = { class: "ui-slider__input-wrapper d-flex" }, se = ["value"], re = {
   key: 0,
   class: "ui-slider__error"
-}, _e = /* @__PURE__ */ z({
+}, pe = /* @__PURE__ */ P({
   __name: "Slider",
   props: {
     modelValue: {},
@@ -31,37 +31,37 @@ const W = { class: "ui-slider__wrapper" }, X = { class: "ui-slider__label-sectio
   },
   emits: ["update:modelValue"],
   setup(n, { emit: A }) {
-    const B = F(), V = A, e = n, d = I({
+    const B = z(), V = A, e = n, d = F({
       deltaValue: 0
     }), y = r(() => e.max - e.min), x = r(() => b((e.modelValue ?? 0) + d.deltaValue, e.min, e.max)), c = v(e.modelValue), g = r(() => {
       const t = e.modelValue;
-      return Number.isFinite(t) ? t < e.min ? `Min value: ${e.min}` : t > e.max ? `Max value: ${e.max}` : T(e.error) : "Not a number";
-    }), C = r(() => e), $ = Q(C), k = r(() => (x.value - e.min) / y.value), N = r(() => ({
+      return Number.isFinite(t) ? t < e.min ? `Min value: ${e.min}` : t > e.max ? `Max value: ${e.max}` : Q(e.error) : "Not a number";
+    }), C = r(() => e), N = J(C), k = r(() => (x.value - e.min) / y.value), $ = r(() => ({
       right: Math.ceil((1 - k.value) * 100) + "%"
     })), E = r(() => ({
       right: `calc(${Math.ceil((1 - k.value) * 100)}%) `
     })), w = v(), S = v();
-    K(
+    I(
       () => e.modelValue,
       (t) => {
         c.value = t;
       }
     );
-    function p(t) {
+    function _(t) {
       const o = b(t, e.min, e.max);
       return Math.round((o + Number.EPSILON) * (1 / e.step)) / (1 / e.step);
     }
-    G(S, (t) => {
+    q(S, (t) => {
       var o;
-      H((o = _(w)) == null ? void 0 : o.getBoundingClientRect(), (u) => {
+      G((o = p(w)) == null ? void 0 : o.getBoundingClientRect(), (u) => {
         const { dx: f } = t;
-        d.deltaValue = f / u.width * y.value, c.value = p(
+        d.deltaValue = f / u.width * y.value, c.value = _(
           b((e.modelValue ?? 0) + d.deltaValue, e.min, e.max)
-        ), t.stop && (V("update:modelValue", p(x.value)), d.deltaValue = 0);
+        ), t.stop && (V("update:modelValue", _(x.value)), d.deltaValue = 0);
       });
     });
     function M(t) {
-      V("update:modelValue", p(t));
+      V("update:modelValue", _(t));
     }
     function D(t) {
       M(+t.target.value);
@@ -81,7 +81,7 @@ const W = { class: "ui-slider__wrapper" }, X = { class: "ui-slider__label-sectio
           l("div", X, [
             n.label ? (s(), i("label", Y, [
               l("span", null, m(n.label), 1),
-              _(B).tooltip ? (s(), P(_(J), {
+              p(B).tooltip ? (s(), K(p(H), {
                 key: 0,
                 class: "info",
                 position: "top"
@@ -103,12 +103,12 @@ const W = { class: "ui-slider__wrapper" }, X = { class: "ui-slider__label-sectio
               }, [
                 l("div", {
                   class: "ui-slider__progress",
-                  style: h(N.value)
+                  style: h($.value)
                 }, null, 4)
               ], 512)
             ]),
             l("div", le, [
-              e.breakpoints ? (s(!0), i(j, { key: 0 }, q(_($), (u, f) => (s(), i("div", {
+              e.breakpoints ? (s(!0), i(T, { key: 0 }, j(p(N), (u, f) => (s(), i("div", {
                 key: f,
                 style: h({ right: `${u}%` }),
                 class: "ui-slider__thumb-step"
@@ -140,6 +140,6 @@ const W = { class: "ui-slider__wrapper" }, X = { class: "ui-slider__label-sectio
   }
 });
 export {
-  _e as default
+  pe as default
 };
 //# sourceMappingURL=Slider.vue.js.map

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

@@ -32,8 +32,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     label: string;
     error: undefined;
-    disabled: boolean;
     mode: SliderMode;
+    disabled: boolean;
     min: number;
     step: number;
     helper: string;

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

@@ -1 +1 @@
-{"version":3,"file":"SliderRange.vue.d.ts","sourceRoot":"","sources":["../../src/components/SliderRange.vue"],"names":[],"mappings":"AAgRA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAS3C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAmLJ,iBAAS,cAAc;WA6JT,OAAO,IAA6B;;yBAbrB,GAAG;;;;;;;;EAkB/B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WAtXT,MAAM;;cAMH,OAAO;UAHX,UAAU;SANX,MAAM;UAEL,MAAM;YAEJ,MAAM;aAGL,MAAM;iBACF,OAAO;;;;;OA0XvB,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"}
+{"version":3,"file":"SliderRange.vue.d.ts","sourceRoot":"","sources":["../../src/components/SliderRange.vue"],"names":[],"mappings":"AAgRA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAS3C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAmLJ,iBAAS,cAAc;WA6JT,OAAO,IAA6B;;yBAbrB,GAAG;;;;;;;;EAkB/B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WAtXT,MAAM;;UAGP,UAAU;cAGN,OAAO;SATZ,MAAM;UAEL,MAAM;YAEJ,MAAM;aAGL,MAAM;iBACF,OAAO;;;;;OA0XvB,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"}