@milaboratories/uikit 2.10.37 → 2.10.39

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

@@ -1,42 +0,0 @@
-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(l) {
-    const r = s(), t = a({
-      isOverflown: !1
-    });
-    return c(() => {
-      const e = n(r);
-      if (!e)
-        return;
-      const o = e.$el.querySelector("span");
-      o && requestAnimationFrame(() => {
-        o.offsetWidth < o.scrollWidth && (t.isOverflown = !0);
-      });
-    }), (e, o) => (p(), d(n(w), {
-      ref_key: "rootRef",
-      ref: r,
-      element: "div",
-      position: "top",
-      hide: !t.isOverflown,
-      "close-delay": 300,
-      "data-is-overflown": t.isOverflown ? "true" : "false"
-    }, {
-      tooltip: i(() => [
-        m(v(l.option.label), 1)
-      ]),
-      default: i(() => [
-        u(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["hide", "data-is-overflown"]));
-  }
-});
-export {
-  y as default
-};
-//# sourceMappingURL=Tab.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.vue.js","sources":["../../../src/components/PlTabs/Tab.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, unref, ref, reactive } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport type { TabOption } from \"./types\";\n\nconst rootRef = ref<{ $el: HTMLElement }>();\n\ndefineProps<{\n  option: TabOption;\n}>();\n\nconst data = reactive({\n  isOverflown: false,\n});\n\nonMounted(() => {\n  const root = unref(rootRef);\n\n  if (!root) {\n    return;\n  }\n\n  const el = root.$el.querySelector(\"span\") as HTMLElement | null;\n\n  if (!el) {\n    return;\n  }\n\n  requestAnimationFrame(() => {\n    if (el.offsetWidth < el.scrollWidth) {\n      data.isOverflown = true;\n    }\n  });\n});\n</script>\n\n<template>\n  <PlTooltip\n    ref=\"rootRef\"\n    element=\"div\"\n    position=\"top\"\n    :hide=\"!data.isOverflown\"\n    :close-delay=\"300\"\n    :data-is-overflown=\"data.isOverflown ? 'true' : 'false'\"\n  >\n    <slot />\n    <template #tooltip>\n      {{ option.label }}\n    </template>\n  </PlTooltip>\n</template>\n"],"names":["rootRef","ref","data","reactive","onMounted","root","unref","el","_createBlock","_unref","PlTooltip","_createTextVNode","_toDisplayString","__props","_renderSlot","_ctx"],"mappings":";;;;;;;;AAKA,UAAMA,IAAUC,EAAA,GAMVC,IAAOC,EAAS;AAAA,MACpB,aAAa;AAAA,IAAA,CACd;AAED,WAAAC,EAAU,MAAM;AACd,YAAMC,IAAOC,EAAMN,CAAO;AAE1B,UAAI,CAACK;AACH;AAGF,YAAME,IAAKF,EAAK,IAAI,cAAc,MAAM;AAExC,MAAKE,KAIL,sBAAsB,MAAM;AAC1B,QAAIA,EAAG,cAAcA,EAAG,gBACtBL,EAAK,cAAc;AAAA,MAEvB,CAAC;AAAA,IACH,CAAC,mBAICM,EAYYC,EAAAC,CAAA,GAAA;AAAA,eAXN;AAAA,MAAJ,KAAIV;AAAA,MACJ,SAAQ;AAAA,MACR,UAAS;AAAA,MACR,MAAI,CAAGE,EAAK;AAAA,MACZ,eAAa;AAAA,MACb,qBAAmBA,EAAK,cAAW,SAAA;AAAA,IAAA;MAGzB,WACT,MAAkB;AAAA,QAAfS,EAAAC,EAAAC,EAAA,OAAO,KAAK,GAAA,CAAA;AAAA,MAAA;iBAFjB,MAAQ;AAAA,QAARC,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

package/dist/components/PlTabs/pl-tabs.module.scss.js

@@ -1,16 +0,0 @@
-import './pl-tabs.css';const t = "_component_1ukal_1", a = "_tab_1ukal_14", o = "_disabled_1ukal_27", e = "_active_1ukal_56", n = "_topLine_1ukal_69", _ = {
-  component: t,
-  tab: a,
-  disabled: o,
-  active: e,
-  topLine: n
-};
-export {
-  e as active,
-  t as component,
-  _ as default,
-  o as disabled,
-  a as tab,
-  n as topLine
-};
-//# sourceMappingURL=pl-tabs.module.scss.js.map

package/dist/components/PlTabs/pl-tabs.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pl-tabs.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -1,108 +0,0 @@
-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";
-import '../../utils/DoubleContour.css';import './pl-textarea.css';/* empty css                 */
-import P from "../../utils/DoubleContour.vue.js";
-/* empty css                             */
-import { useLabelNotch as T } from "../../utils/useLabelNotch.js";
-import { useValidation as j } from "../../utils/useValidation.js";
-import { getErrorMessage as H } from "../../helpers/error.js";
-import z from "../../assets/images/required.svg.js";
-import A from "../PlSvg/PlSvg.vue.js";
-import I from "../PlTooltip/PlTooltip.vue.js";
-const L = { class: "ui-text-area__envelope" }, R = {
-  key: 0,
-  ref: "label"
-}, U = ["readonly", "rows", "disabled", "placeholder"], F = { class: "ui-text-area__append" }, G = {
-  key: 0,
-  class: "ui-text-area__error"
-}, J = {
-  key: 1,
-  class: "ui-text-area__helper"
-}, K = {
-  name: "PlTextArea"
-}, re = /* @__PURE__ */ E({
-  ...K,
-  props: {
-    modelValue: {},
-    label: {},
-    required: { type: Boolean },
-    error: {},
-    helper: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    dashed: { type: Boolean },
-    rows: {},
-    autogrow: { type: Boolean },
-    rules: {}
-  },
-  emits: ["update:modelValue"],
-  setup(t, { emit: k }) {
-    const x = S(), V = k, l = t, m = v(), p = v(), u = a({
-      get() {
-        return l.modelValue ?? "";
-      },
-      set(e) {
-        V("update:modelValue", e);
-      }
-    }), _ = a(() => !!l.modelValue), w = j(u, l.rules || []);
-    T(m);
-    const h = a(() => {
-      const e = [], r = H(l.error);
-      return r && e.push(r), e.push(...w.value.errors), e;
-    }), f = a(() => h.value.length > 0), y = () => {
-      if (!l.autogrow)
-        return;
-      const e = p.value;
-      e && (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
-    };
-    return C(() => {
-      y();
-    }), (e, r) => (o(), s("div", L, [
-      n("div", {
-        ref_key: "root",
-        ref: m,
-        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), {
-            key: 0,
-            uri: d(z)
-          }, null, 8, ["uri"])) : i("", !0),
-          n("span", null, c(t.label), 1),
-          d(x).tooltip ? (o(), g(d(I), {
-            key: 1,
-            class: "info",
-            position: "top"
-          }, {
-            tooltip: D(() => [
-              b(e.$slots, "tooltip")
-            ]),
-            _: 3
-          })) : i("", !0)
-        ], 512)) : i("", !0),
-        $(n("textarea", {
-          ref_key: "input",
-          ref: p,
-          "onUpdate:modelValue": r[0] || (r[0] = (B) => u.value = B),
-          readonly: t.readonly,
-          rows: t.rows,
-          disabled: t.disabled,
-          placeholder: t.placeholder ?? "...",
-          spellcheck: "false",
-          onInput: y
-        }, null, 40, U), [
-          [M, u.value]
-        ]),
-        n("div", F, [
-          b(e.$slots, "append")
-        ]),
-        q(P, { 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 {
-  re as default
-};
-//# sourceMappingURL=PlTextArea.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlTextArea.vue.js","sources":["../../../src/components/PlTextArea/PlTextArea.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for multi-line string data manipulation */\nexport default {\n  name: \"PlTextArea\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-textarea.scss\";\nimport { computed, onMounted, ref, useSlots } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { useValidation } from \"../../utils/useValidation\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\nimport { PlSvg } from \"../PlSvg\";\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: \"update:modelValue\", value: string): void;\n}>();\n\nconst props = defineProps<{\n  /**\n   * The current value of the texarea.\n   */\n  modelValue?: string;\n  /**\n   * The label to display above the texarea.\n   */\n  label?: string;\n  /**\n   * If `true`, the textarea is marked as required.\n   */\n  required?: boolean;\n  /**\n   * An error message to display below the textarea.\n   */\n  error?: unknown;\n  /**\n   * A helper text to display below the textarea when there are no errors.\n   */\n  helper?: string;\n  /**\n   * A placeholder text to display inside the textarea when it is empty.\n   */\n  placeholder?: string;\n  /**\n   * If `true`, the textarea is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the textarea is in a read-only state and cannot be edited, but it can still be focused and text can be selected.\n   */\n  readonly?: boolean;\n  /**\n   * If `true`, applies a dashed border style to the textarea, likely used for stylistic purposes or to indicate a certain state.\n   */\n  dashed?: boolean;\n  /**\n   * The number of visible text lines for the textarea, which controls the height of the textarea.\n   */\n  rows?: number;\n  /**\n   * If `true`, the textarea automatically adjusts its height to fit the content as the user types.\n   */\n  autogrow?: boolean;\n  /**\n   * An array of validation rules that are applied to the textarea input. Each rule is a function that receives the input value and returns `true` for valid input or an error message string for invalid input.\n   */\n  rules?: ((v: string) => boolean | string)[];\n}>();\n\nconst root = ref<HTMLInputElement>();\nconst input = ref<HTMLTextAreaElement>();\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);\nconst validationData = useValidation(value, props.rules || []);\n\nuseLabelNotch(root);\n\nconst displayErrors = computed(() => {\n  const errors: string[] = [];\n  const propsError = getErrorMessage(props.error);\n\n  if (propsError) {\n    errors.push(propsError);\n  }\n\n  errors.push(...validationData.value.errors);\n\n  return errors;\n});\n\nconst hasErrors = computed(() => displayErrors.value.length > 0);\n\nconst adjustHeight = () => {\n  if (!props.autogrow) {\n    return;\n  }\n  const el = input.value;\n  if (el) {\n    el.style.height = \"auto\"; // it works, do not delete it\n    el.style.height = `${el.scrollHeight}px`; // Set height based on scrollHeight\n  }\n};\n\nonMounted(() => {\n  adjustHeight();\n});\n</script>\n\n<template>\n  <div class=\"ui-text-area__envelope\">\n    <div ref=\"root\" class=\"ui-text-area\" :class=\"{ error: hasErrors, disabled, dashed, nonEmpty }\">\n      <label v-if=\"label\" ref=\"label\">\n        <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\n        <span>{{ label }}</span>\n        <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n          <template #tooltip>\n            <slot name=\"tooltip\" />\n          </template>\n        </PlTooltip>\n      </label>\n      <textarea\n        ref=\"input\"\n        v-model=\"value\"\n        :readonly=\"readonly\"\n        :rows=\"rows\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder ?? '...'\"\n        spellcheck=\"false\"\n        @input=\"adjustHeight\"\n      />\n      <div class=\"ui-text-area__append\">\n        <slot name=\"append\" />\n      </div>\n      <DoubleContour class=\"ui-text-area__contour\" />\n    </div>\n    <div v-if=\"hasErrors\" class=\"ui-text-area__error\">\n      {{ displayErrors.join(\" \") }}\n    </div>\n    <div v-else-if=\"helper\" class=\"ui-text-area__helper\">{{ helper }}</div>\n  </div>\n</template>\n"],"names":["__default__","slots","useSlots","emit","__emit","props","__props","root","ref","input","value","computed","v","nonEmpty","validationData","useValidation","useLabelNotch","displayErrors","errors","propsError","getErrorMessage","hasErrors","adjustHeight","el","onMounted","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_hoisted_2","_createBlock","_unref","PlSvg","SvgRequired","PlTooltip","_renderSlot","_ctx","$event","_hoisted_4","_createVNode","DoubleContour","_hoisted_5","_toDisplayString","_hoisted_6"],"mappings":";;;;;;;;;;;;;;;;;;;GAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;;;AAcA,UAAMC,IAAQC,EAAA,GAERC,IAAOC,GAOPC,IAAQC,GAmDRC,IAAOC,EAAA,GACPC,IAAQD,EAAA,GAERE,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAON,EAAM,cAAc;AAAA,MAC7B;AAAA,MACA,IAAIO,GAAG;AACL,QAAAT,EAAK,qBAAqBS,CAAC;AAAA,MAC7B;AAAA,IAAA,CACD,GAEKC,IAAWF,EAAS,MAAM,CAAC,CAACN,EAAM,UAAU,GAC5CS,IAAiBC,EAAcL,GAAOL,EAAM,SAAS,CAAA,CAAE;AAE7D,IAAAW,EAAcT,CAAI;AAElB,UAAMU,IAAgBN,EAAS,MAAM;AACnC,YAAMO,IAAmB,CAAA,GACnBC,IAAaC,EAAgBf,EAAM,KAAK;AAE9C,aAAIc,KACFD,EAAO,KAAKC,CAAU,GAGxBD,EAAO,KAAK,GAAGJ,EAAe,MAAM,MAAM,GAEnCI;AAAA,IACT,CAAC,GAEKG,IAAYV,EAAS,MAAMM,EAAc,MAAM,SAAS,CAAC,GAEzDK,IAAe,MAAM;AACzB,UAAI,CAACjB,EAAM;AACT;AAEF,YAAMkB,IAAKd,EAAM;AACjB,MAAIc,MACFA,EAAG,MAAM,SAAS,QAClBA,EAAG,MAAM,SAAS,GAAGA,EAAG,YAAY;AAAA,IAExC;AAEA,WAAAC,EAAU,MAAM;AACd,MAAAF,EAAA;AAAA,IACF,CAAC,cAICG,EAAA,GAAAC,EA8BM,OA9BNC,GA8BM;AAAA,MA7BJC,EAwBM,OAAA;AAAA,iBAxBG;AAAA,QAAJ,KAAIrB;AAAA,QAAO,OAAKsB,EAAA,CAAC,gBAAc,EAAA,OAAkBR,EAAA,iBAAWf,EAAA,UAAQ,QAAEA,EAAA,QAAM,UAAEO,EAAA,OAAQ,CAAA;AAAA,MAAA;QAC5EP,EAAA,SAAbmB,EAAA,GAAAC,EAQQ,SARRI,GAQQ;AAAA,UAPOxB,EAAA,iBAAbyB,EAA4CC,EAAAC,CAAA,GAAA;AAAA;YAApB,KAAKD,EAAAE,CAAA;AAAA,UAAA;UAC7BN,EAAwB,gBAAftB,EAAA,KAAK,GAAA,CAAA;AAAA,UACG0B,EAAA/B,CAAA,EAAM,gBAAvB8B,EAIYC,EAAAG,CAAA,GAAA;AAAA;YAJoB,OAAM;AAAA,YAAO,UAAS;AAAA,UAAA;YACzC,WACT,MAAuB;AAAA,cAAvBC,EAAuBC,EAAA,QAAA,SAAA;AAAA,YAAA;;;;UAI7BT,EASE,YAAA;AAAA,mBARI;AAAA,UAAJ,KAAInB;AAAA,wDACKC,EAAK,QAAA4B;AAAA,UACb,UAAUhC,EAAA;AAAA,UACV,MAAMA,EAAA;AAAA,UACN,UAAUA,EAAA;AAAA,UACV,aAAaA,EAAA,eAAW;AAAA,UACzB,YAAW;AAAA,UACV,SAAOgB;AAAA,QAAA;cANCZ,EAAA,KAAK;AAAA,QAAA;QAQhBkB,EAEM,OAFNW,GAEM;AAAA,UADJH,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;QAExBG,EAA+CC,GAAA,EAAhC,OAAM,yBAAuB;AAAA,MAAA;MAEnCpB,EAAA,SAAXI,KAAAC,EAEM,OAFNgB,GAEMC,EADD1B,EAAA,MAAc,KAAI,GAAA,CAAA,GAAA,CAAA,KAEPX,EAAA,eAAhBoB,EAAuE,OAAvEkB,GAAuED,EAAfrC,EAAA,MAAM,GAAA,CAAA;;;;"}

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

@@ -1,154 +0,0 @@
-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";
-import './pl-text-field.css';import '../../utils/DoubleContour.css';/* empty css                             */
-import { useLabelNotch as K } from "../../utils/useLabelNotch.js";
-import { useValidation as Q } from "../../utils/useValidation.js";
-/* empty css                   */
-import W from "../PlSvg/PlSvg.vue.js";
-import X from "../PlTooltip/PlTooltip.vue.js";
-import Y from "../PlIcon16/PlIcon16.vue.js";
-import Z from "../PlIcon24/PlIcon24.vue.js";
-const ee = { class: "pl-text-field__envelope" }, le = {
-  key: 0,
-  ref: "label"
-}, te = {
-  key: 1,
-  class: "pl-text-field__prefix"
-}, oe = ["disabled", "placeholder", "type"], re = {
-  key: 0,
-  class: "pl-text-field__error"
-}, ae = {
-  key: 1,
-  class: "pl-text-field__helper"
-}, se = {
-  name: "PlTextField"
-}, ke = /* @__PURE__ */ I({
-  ...se,
-  props: /* @__PURE__ */ N({
-    label: {},
-    clearable: { type: [Boolean, Function] },
-    parse: { type: Function },
-    required: { type: Boolean },
-    error: {},
-    helper: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    dashed: { type: Boolean },
-    prefix: {},
-    rules: {},
-    type: {},
-    groupPosition: {}
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const P = T(), o = $(l, "modelValue"), e = l, y = h(void 0), b = h(), u = h(!1), s = O({
-      cached: void 0
-    }), m = i({
-      get() {
-        return s.cached ? s.cached.value : o.value === void 0 || o.value === null ? "" : String(o.value);
-      },
-      set(t) {
-        if (s.cached = void 0, e.parse)
-          try {
-            o.value = e.parse(t);
-          } catch (r) {
-            s.cached = {
-              error: r instanceof Error ? r.message : String(r),
-              value: t
-            };
-          }
-        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"), S = () => {
-      e.clearable && (s.cached = void 0, o.value = e.clearable === !0 ? "" : e.clearable());
-    }, 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), _ = i(
-      () => e.clearable && g.value && e.type !== "password" && !e.disabled
-    ), F = () => u.value = !u.value, R = () => {
-      s.cached = void 0;
-    }, q = () => {
-      var t;
-      return (t = b.value) == null ? void 0 : t.focus();
-    };
-    return K(y), (t, r) => (a(), d("div", ee, [
-      p("div", {
-        ref_key: "rootRef",
-        ref: y,
-        class: j(["pl-text-field", {
-          error: w.value,
-          disabled: l.disabled,
-          dashed: l.dashed,
-          nonEmpty: g.value
-        }])
-      }, [
-        l.label ? (a(), d("label", le, [
-          l.required ? (a(), f(c(W), {
-            key: 0,
-            uri: c(G)
-          }, null, 8, ["uri"])) : n("", !0),
-          p("span", null, v(l.label), 1),
-          c(P).tooltip ? (a(), f(c(X), {
-            key: 1,
-            class: "info",
-            position: "top"
-          }, {
-            tooltip: U(() => [
-              E(t.$slots, "tooltip")
-            ]),
-            _: 3
-          })) : n("", !0)
-        ], 512)) : 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) => m.value = D),
-          disabled: l.disabled,
-          placeholder: l.placeholder || "...",
-          type: C.value,
-          spellcheck: "false",
-          onFocusout: R
-        }, null, 40, oe), [
-          [A, m.value]
-        ]),
-        p("div", {
-          class: "pl-text-field__append",
-          onClick: q
-        }, [
-          _.value ? (a(), f(c(Y), {
-            key: 0,
-            class: "pl-text-field__clearable",
-            name: "delete-clear",
-            onClick: V(S, ["stop"])
-          })) : n("", !0),
-          l.type === "password" ? (a(), f(c(Z), {
-            key: 1,
-            name: M.value,
-            style: { cursor: "pointer" },
-            onClick: V(F, ["stop"])
-          }, null, 8, ["name"])) : n("", !0),
-          E(t.$slots, "append")
-        ]),
-        L(J, {
-          class: "pl-text-field__contour",
-          "group-position": l.groupPosition
-        }, null, 8, ["group-position"])
-      ], 2),
-      w.value ? (a(), d("div", re, v(x.value.join(" ")), 1)) : l.helper ? (a(), d("div", ae, v(l.helper), 1)) : n("", !0)
-    ]));
-  }
-});
-export {
-  ke as default
-};
-//# sourceMappingURL=PlTextField.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlTextField.vue.js","sources":["../../../src/components/PlTextField/PlTextField.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Component for one-line string data manipulation\n */\nexport default {\n  name: \"PlTextField\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M, E = string, C = E\">\nimport type { Equal } from \"@milaboratories/helpers\";\nimport { computed, reactive, ref, useSlots } from \"vue\";\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { useValidation } from \"../../utils/useValidation\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { PlSvg } from \"../PlSvg\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport \"./pl-text-field.scss\";\n\nconst slots = useSlots();\n\ntype Model = Equal<M, E | C> extends true ? M : never; // basically in === out\n\n/**\n * The current value of the input field.\n */\nconst model = defineModel<Model>({\n  required: true,\n});\n\nconst props = defineProps<{\n  /**\n   * The label to display above the input field.\n   */\n  label?: string;\n  /**\n   * If `true`, a clear icon will appear in the input field to clear the value (set it to empty string).\n   * Or you can pass a callback that returns a custom \"empty\" value (null | undefined | string)\n   */\n  clearable?: boolean | (() => C);\n  /**\n   * An optional callback to parse and/or cast the value, the return type overrides the model type.\n   * The callback must throw an exception if the value is invalid\n   */\n  parse?: (v: string) => E;\n  /**\n   * If `true`, the input field is marked as required.\n   */\n  required?: boolean;\n  /**\n   * An error message to display below the input field.\n   */\n  error?: unknown;\n  /**\n   * A helper text to display below the input field when there are no errors.\n   */\n  helper?: string;\n  /**\n   * A placeholder text to display inside the input field when it is empty.\n   */\n  placeholder?: string;\n  /**\n   * If `true`, the input field is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the input field has a dashed border.\n   */\n  dashed?: boolean;\n  /**\n   * A prefix text to display inside the input field before the value.\n   */\n  prefix?: string;\n  /**\n   * An array of validation rules to apply to the input field. Each rule is a function that takes the current value and returns `true` if valid or an error message if invalid.\n   */\n  rules?: ((v: string) => boolean | string)[];\n  /**\n   * The string specifies whether the field should be a password or not, value could be \"password\" or undefined.\n   */\n  type?: \"password\";\n  /**\n   * Makes some of corners not rounded\n   * */\n  groupPosition?:\n    | \"top\"\n    | \"bottom\"\n    | \"left\"\n    | \"right\"\n    | \"top-left\"\n    | \"top-right\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"middle\";\n}>();\n\nconst rootRef = ref<HTMLInputElement | undefined>(undefined);\n\nconst inputRef = ref<HTMLInputElement | undefined>();\n\nconst showPassword = ref(false);\n\nconst data = reactive({\n  cached: undefined as { error: string; value: string } | undefined,\n});\n\nconst valueRef = computed<string>({\n  get() {\n    if (data.cached) {\n      return data.cached.value;\n    }\n    return model.value === undefined || model.value === null ? \"\" : String(model.value);\n  },\n  set(value) {\n    data.cached = undefined;\n\n    if (props.parse) {\n      try {\n        model.value = props.parse(value) as Model;\n      } catch (err) {\n        data.cached = {\n          error: err instanceof Error ? err.message : String(err),\n          value,\n        };\n      }\n    } else {\n      model.value = value as Model;\n    }\n  },\n});\n\nconst fieldType = computed(() => {\n  if (props.type && props.type === \"password\") {\n    return showPassword.value ? \"text\" : props.type;\n  } else {\n    return \"text\";\n  }\n});\n\nconst passwordIcon = computed(() => (showPassword.value ? \"view-show\" : \"view-hide\"));\n\nconst clear = () => {\n  if (props.clearable) {\n    data.cached = undefined;\n    model.value = props.clearable === true ? (\"\" as Model) : (props.clearable() as Model);\n  }\n};\n\nconst validationData = useValidation(valueRef, props.rules || []);\n\nconst isEmpty = computed(() => {\n  if (props.clearable) {\n    return props.clearable === true ? model.value === \"\" : model.value === props.clearable();\n  }\n\n  return model.value === \"\";\n});\n\nconst nonEmpty = computed(() => !isEmpty.value);\n\nconst displayErrors = computed(() => {\n  const errors: string[] = [];\n  const propsError = getErrorMessage(props.error);\n  if (propsError) {\n    errors.push(propsError);\n  }\n  if (data.cached) {\n    errors.push(data.cached.error);\n  }\n  if (!validationData.value.isValid) {\n    errors.push(...validationData.value.errors);\n  }\n  return errors;\n});\n\nconst hasErrors = computed(() => displayErrors.value.length > 0);\n\nconst canShowClearable = computed(\n  () => props.clearable && nonEmpty.value && props.type !== \"password\" && !props.disabled,\n);\n\nconst togglePasswordVisibility = () => (showPassword.value = !showPassword.value);\n\nconst onFocusOut = () => {\n  data.cached = undefined;\n};\n\nconst setFocusOnInput = () => inputRef.value?.focus();\n\nuseLabelNotch(rootRef);\n</script>\n\n<template>\n  <div class=\"pl-text-field__envelope\">\n    <div\n      ref=\"rootRef\"\n      class=\"pl-text-field\"\n      :class=\"{\n        error: hasErrors,\n        disabled,\n        dashed,\n        nonEmpty,\n      }\"\n    >\n      <label v-if=\"label\" ref=\"label\">\n        <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\n        <span>{{ label }}</span>\n        <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n          <template #tooltip>\n            <slot name=\"tooltip\" />\n          </template>\n        </PlTooltip>\n      </label>\n      <div v-if=\"prefix\" class=\"pl-text-field__prefix\">\n        {{ prefix }}\n      </div>\n      <input\n        ref=\"inputRef\"\n        v-model=\"valueRef\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder || '...'\"\n        :type=\"fieldType\"\n        spellcheck=\"false\"\n        @focusout=\"onFocusOut\"\n      />\n      <div class=\"pl-text-field__append\" @click=\"setFocusOnInput\">\n        <PlIcon16\n          v-if=\"canShowClearable\"\n          class=\"pl-text-field__clearable\"\n          name=\"delete-clear\"\n          @click.stop=\"clear\"\n        />\n        <PlIcon24\n          v-if=\"type === 'password'\"\n          :name=\"passwordIcon\"\n          style=\"cursor: pointer\"\n          @click.stop=\"togglePasswordVisibility\"\n        />\n        <slot name=\"append\" />\n      </div>\n      <DoubleContour class=\"pl-text-field__contour\" :group-position=\"groupPosition\" />\n    </div>\n    <div v-if=\"hasErrors\" class=\"pl-text-field__error\">\n      {{ displayErrors.join(\" \") }}\n    </div>\n    <div v-else-if=\"helper\" class=\"pl-text-field__helper\">{{ helper }}</div>\n  </div>\n</template>\n"],"names":["__default__","slots","useSlots","model","_useModel","__props","props","rootRef","ref","inputRef","showPassword","data","reactive","valueRef","computed","value","err","fieldType","passwordIcon","clear","validationData","useValidation","isEmpty","nonEmpty","displayErrors","errors","propsError","getErrorMessage","hasErrors","canShowClearable","togglePasswordVisibility","onFocusOut","setFocusOnInput","_a","useLabelNotch","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createBlock","_unref","PlSvg","SvgRequired","PlTooltip","_renderSlot","_ctx","_hoisted_3","_toDisplayString","$event","PlIcon16","PlIcon24","_createVNode","DoubleContour","_hoisted_5","_hoisted_6"],"mappings":"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"}

package/dist/components/PlToggleSwitch/PlToggleSwitch.vue.js

@@ -1,32 +0,0 @@
-import { defineComponent as d, createElementBlock as o, openBlock as a, withKeys as m, normalizeClass as s, createElementVNode as n, createCommentVNode as u, toDisplayString as r } from "vue";
-import './pl-toggle-switch.css';/* empty css                      */
-const g = {
-  key: 0,
-  class: "label"
-}, V = {
-  name: "PlToggleSwitch"
-}, p = /* @__PURE__ */ d({
-  ...V,
-  props: {
-    label: {},
-    modelValue: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(l) {
-    return (t, e) => (a(), o("div", {
-      tabindex: "0",
-      class: s(["ui-toggle-switch", { active: l.modelValue }]),
-      onClick: e[0] || (e[0] = (i) => t.$emit("update:modelValue", !l.modelValue)),
-      onKeydown: e[1] || (e[1] = m((i) => t.$emit("update:modelValue", !l.modelValue), ["enter"]))
-    }, [
-      e[2] || (e[2] = n("div", { class: "ui-toggle-switch__body" }, [
-        n("div", { class: "ui-toggle-switch__handle" })
-      ], -1)),
-      l.label ? (a(), o("span", g, r(l.label), 1)) : u("", !0)
-    ], 34));
-  }
-});
-export {
-  p as default
-};
-//# sourceMappingURL=PlToggleSwitch.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlToggleSwitch.vue.js","sources":["../../../src/components/PlToggleSwitch/PlToggleSwitch.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Component for manipulating a boolean value\n */\nexport default {\n  name: \"PlToggleSwitch\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-toggle-switch.scss\";\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated\n   *\n   * @param value - The new boolean value of the model\n   */\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n\ndefineProps<{\n  /**\n   * The label text for the component (optional)\n   */\n  label?: string;\n  /**\n   * The current boolean value of the component (represents 'on' | 'off' states generally).\n   */\n  modelValue?: boolean;\n}>();\n</script>\n\n<template>\n  <div\n    tabindex=\"0\"\n    class=\"ui-toggle-switch\"\n    :class=\"{ active: modelValue }\"\n    @click=\"$emit('update:modelValue', !modelValue)\"\n    @keydown.enter=\"$emit('update:modelValue', !modelValue)\"\n  >\n    <div class=\"ui-toggle-switch__body\">\n      <div class=\"ui-toggle-switch__handle\" />\n    </div>\n    <span v-if=\"label\" class=\"label\">{{ label }}</span>\n  </div>\n</template>\n"],"names":["__default__","_createElementBlock","_normalizeClass","__props","_cache","$event","$emit","_withKeys","_createElementVNode","_hoisted_1","_toDisplayString"],"mappings":";;;;;GAIAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;2BA4BEC,EAWM,OAAA;AAAA,MAVJ,UAAS;AAAA,MACT,OAAKC,EAAA,CAAC,oBAAkB,EAAA,QACNC,EAAA,WAAA,CAAU,CAAA;AAAA,MAC3B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAAA,MAAK,qBAAA,CAAuBH,EAAA,UAAU;AAAA,MAC7C,WAAOC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAG,EAAA,CAAAF,MAAQC,EAAAA,MAAK,qBAAA,CAAuBH,EAAA,UAAU,GAAA,CAAA,OAAA,CAAA;AAAA,IAAA;sBAEtDK,EAEM,OAAA,EAFD,OAAM,4BAAwB;AAAA,QACjCA,EAAwC,OAAA,EAAnC,OAAM,4BAA0B;AAAA,MAAA;MAE3BL,EAAA,cAAZF,EAAmD,QAAnDQ,GAAmDC,EAAfP,EAAA,KAAK,GAAA,CAAA;;;;"}

package/dist/components/PlTooltip/PlTooltip.css

@@ -1 +0,0 @@
-._plTooltipAnchorWrapper_ttgyk_2{display:inline-block}._plTooltipAnchorWrapper_ttgyk_2>:first-child{--anchorName: var(--v0ef0814d);anchor-name:var(--anchorName)}._plTooltipAnchorWrapper_ttgyk_2.info{--anchorName: var(--v0ef0814d);anchor-name:var(--anchorName)}._plTooltipContainer_ttgyk_16{--plTooltipMaxWidth: 300px;--gap: 8px;--tailWidth: 8px;--tailHeight: calc(var(--gap) + 2px);--tailClipTop: polygon( 0 0, 100% 0, 100% calc(100% - var(--gap)), 50% calc(100% - 3px) , 0 calc(100% - var(--gap)) );--tailClipBottom: polygon(0 100%, 100% 100%, 100% var(--gap), 50% 3px, 0 var(--gap));--tailClipLeft: polygon(0 0, 0 100%, 2px 100%, calc(100% - 3px) 50%, 2px 0);--tailClipRight: polygon(100% 0, 100% 100%, calc(100% - 2px) 100%, 3px 50%, calc(100% - 2px) 0);z-index:var(--z-tooltip)}._plTooltipContent_ttgyk_36{display:inline-block;padding:8px 12px 9px;background:var(--tooltip-bg);border-radius:6px;width:max-content;word-break:normal;max-width:var(--plTooltipMaxWidth);color:#fff}._plTooltipBox_ttgyk_47{position:absolute;position-anchor:var(--anchorName);z-index:1}._plTooltipBeak_ttgyk_53{position:absolute;position-anchor:var(--anchorName);z-index:0;background:var(--tooltip-bg);width:var(--tailWidth);height:var(--tailHeight)}._plTooltipContainer_ttgyk_16._top_ttgyk_63 ._plTooltipBox_ttgyk_47{position-area:top;bottom:var(--gap);left:var(--offsetToTheEdge);right:var(--offsetToTheEdge)}._plTooltipContainer_ttgyk_16._top_ttgyk_63 ._plTooltipBeak_ttgyk_53{position-area:top;bottom:0;left:calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);clip-path:var(--tailClipTop)}._plTooltipContainer_ttgyk_16._bottom_ttgyk_77 ._plTooltipBox_ttgyk_47{position-area:bottom;top:var(--gap);left:var(--offsetToTheEdge);right:var(--offsetToTheEdge)}._plTooltipContainer_ttgyk_16._bottom_ttgyk_77 ._plTooltipBeak_ttgyk_53{position-area:bottom;top:0;left:calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);clip-path:var(--tailClipBottom)}._plTooltipContainer_ttgyk_16._left_ttgyk_91 ._plTooltipBox_ttgyk_47{position-area:left;right:var(--gap);top:var(--offsetToTheEdge);bottom:var(--offsetToTheEdge)}._plTooltipContainer_ttgyk_16._left_ttgyk_91 ._plTooltipBeak_ttgyk_53{position-area:left;right:0;top:calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);width:var(--tailHeight);height:var(--tailWidth);clip-path:var(--tailClipLeft)}._plTooltipContainer_ttgyk_16._right_ttgyk_108 ._plTooltipBox_ttgyk_47{position-area:right;left:var(--gap);top:var(--offsetToTheEdge);bottom:var(--offsetToTheEdge)}._plTooltipContainer_ttgyk_16._right_ttgyk_108 ._plTooltipBeak_ttgyk_53{position-area:right;left:0;top:calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);width:var(--tailHeight);height:var(--tailWidth);clip-path:var(--tailClipRight)}._plTooltipContainer_ttgyk_16._topLeft_ttgyk_125 ._plTooltipBox_ttgyk_47{position-area:top;bottom:var(--gap);left:anchor(var(--anchorName) left)}._plTooltipContainer_ttgyk_16._topLeft_ttgyk_125 ._plTooltipBeak_ttgyk_53{position-area:top;bottom:0;left:calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);clip-path:var(--tailClipTop)}.pl-tooltip-fade-leave-active,.pl-tooltip-fade-enter-active{z-index:var(--z-tooltip);transition:opacity .2s ease-in-out}.pl-tooltip-fade-enter-from,.pl-tooltip-fade-leave-to{opacity:0}._plTooltipContent_ttgyk_36 a{color:var(--tooltip-link-color)}._plTooltipContent_ttgyk_36 p{margin-bottom:8px}._plTooltipContent_ttgyk_36 ul,._plTooltipContent_ttgyk_36 li{margin-left:6px;padding-left:6px}._plTooltipContent_ttgyk_36 li{margin-bottom:4px}

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

@@ -1,10 +0,0 @@
-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 {
-  c as default
-};
-//# sourceMappingURL=PlTooltip.vue.js.map

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

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

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

@@ -1,26 +0,0 @@
-import './PlTooltip.css';const t = "_plTooltipAnchorWrapper_ttgyk_2", o = "_plTooltipContainer_ttgyk_16", p = "_plTooltipContent_ttgyk_36", l = "_plTooltipBox_ttgyk_47", _ = "_plTooltipBeak_ttgyk_53", n = "_top_ttgyk_63", e = "_bottom_ttgyk_77", i = "_left_ttgyk_91", r = "_right_ttgyk_108", T = "_topLeft_ttgyk_125", c = {
-  plTooltipAnchorWrapper: t,
-  plTooltipContainer: o,
-  plTooltipContent: p,
-  plTooltipBox: l,
-  plTooltipBeak: _,
-  top: n,
-  bottom: e,
-  left: i,
-  right: r,
-  topLeft: T
-};
-export {
-  e as bottom,
-  c as default,
-  i as left,
-  t as plTooltipAnchorWrapper,
-  _ as plTooltipBeak,
-  l as plTooltipBox,
-  o as plTooltipContainer,
-  p as plTooltipContent,
-  r as right,
-  n as top,
-  T as topLeft
-};
-//# sourceMappingURL=PlTooltip.vue3.js.map

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

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

package/dist/components/Scrollable.vue.js

@@ -1,83 +0,0 @@
-import { defineComponent as a, ref as h, reactive as u, onMounted as m, unref as c, onUnmounted as _, createElementBlock as g, openBlock as L, createElementVNode as W, createVNode as s, renderSlot as v, withModifiers as d } from "vue";
-import T from "./VScroll.vue.js";
-import w from "./HScroll.vue.js";
-import { tapIf as n, copyProps as H } from "../helpers/functions.js";
-import { useResizeObserver as b } from "../composition/useResizeObserver.js";
-const E = { class: "ui-scrollable" }, B = /* @__PURE__ */ a({
-  __name: "Scrollable",
-  setup(k) {
-    const o = h(), l = u({
-      scrollTop: 0,
-      scrollLeft: 0,
-      clientHeight: 0,
-      clientWidth: 0,
-      scrollHeight: 0,
-      scrollWidth: 0
-    });
-    function r(e) {
-      H(
-        l,
-        e,
-        "scrollTop",
-        "scrollLeft",
-        "clientHeight",
-        "clientWidth",
-        "scrollHeight",
-        "scrollWidth"
-      );
-    }
-    const i = (e) => {
-      e.preventDefault();
-      const t = e.currentTarget;
-      t.scrollTop += e.deltaY, t.scrollLeft += e.deltaX, r(t);
-    };
-    function f(e) {
-      n(c(o), (t) => {
-        t.scrollTop = e, r(t);
-      });
-    }
-    function p(e) {
-      n(c(o), (t) => {
-        t.scrollLeft = e, r(t);
-      });
-    }
-    return b(o, (e) => {
-      n(e, (t) => r(t));
-    }), m(() => {
-      n(c(o), (e) => {
-        r(e), e.addEventListener("wheel", i);
-      });
-    }), _(() => {
-      n(c(o), (e) => e.removeEventListener("wheel", i));
-    }), (e, t) => (L(), g("div", E, [
-      W("div", {
-        ref_key: "containerRef",
-        ref: o,
-        class: "ui-scrollable__container",
-        onWheel: i
-      }, [
-        v(e.$slots, "default")
-      ], 544),
-      s(T, {
-        "scroll-top": l.scrollTop,
-        "client-height": l.clientHeight,
-        "scroll-height": l.scrollHeight,
-        onWheel: t[0] || (t[0] = d(() => {
-        }, ["stop"])),
-        "onUpdate:scrollTop": f
-      }, null, 8, ["scroll-top", "client-height", "scroll-height"]),
-      s(w, {
-        "scroll-left": l.scrollLeft,
-        "client-width": l.clientWidth,
-        "scroll-width": l.scrollWidth,
-        onWheel: t[1] || (t[1] = d(() => {
-        }, ["stop"])),
-        "onUpdate:scrollLeft": p
-      }, null, 8, ["scroll-left", "client-width", "scroll-width"])
-    ]));
-  }
-});
-export {
-  B as default
-};
-//# sourceMappingURL=Scrollable.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Scrollable.vue.js","sources":["../../src/components/Scrollable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport VScroll from \"./VScroll.vue\";\nimport HScroll from \"./HScroll.vue\";\nimport { onMounted, onUnmounted, reactive, ref, unref } from \"vue\";\nimport { tapIf, copyProps } from \"../helpers/functions\";\nimport { useResizeObserver } from \"../composition/useResizeObserver\";\n\nconst containerRef = ref<HTMLElement>();\n\nconst data = reactive({\n  scrollTop: 0,\n  scrollLeft: 0,\n  clientHeight: 0,\n  clientWidth: 0,\n  scrollHeight: 0,\n  scrollWidth: 0,\n});\n\nfunction updateState(container: HTMLElement) {\n  copyProps(\n    data,\n    container,\n    \"scrollTop\",\n    \"scrollLeft\",\n    \"clientHeight\",\n    \"clientWidth\",\n    \"scrollHeight\",\n    \"scrollWidth\",\n  );\n}\n\nconst onWheel = (e: WheelEvent) => {\n  e.preventDefault();\n  const root = e.currentTarget as HTMLElement;\n  root.scrollTop += e.deltaY;\n  root.scrollLeft += e.deltaX;\n  updateState(root);\n};\n\nfunction updateTop(v: number) {\n  tapIf(unref(containerRef), (el) => {\n    el.scrollTop = v;\n    updateState(el);\n  });\n}\n\nfunction updateLeft(v: number) {\n  tapIf(unref(containerRef), (el) => {\n    el.scrollLeft = v;\n    updateState(el);\n  });\n}\n\nuseResizeObserver(containerRef, (el) => {\n  tapIf(el, (el) => updateState(el));\n});\n\nonMounted(() => {\n  tapIf(unref(containerRef), (root) => {\n    updateState(root);\n    root.addEventListener(\"wheel\", onWheel);\n  });\n});\n\nonUnmounted(() => {\n  tapIf(unref(containerRef), (root) => root.removeEventListener(\"wheel\", onWheel));\n});\n</script>\n\n<template>\n  <div class=\"ui-scrollable\">\n    <div ref=\"containerRef\" class=\"ui-scrollable__container\" @wheel=\"onWheel\">\n      <slot />\n    </div>\n    <VScroll\n      :scroll-top=\"data.scrollTop\"\n      :client-height=\"data.clientHeight\"\n      :scroll-height=\"data.scrollHeight\"\n      @wheel.stop\n      @update:scroll-top=\"updateTop\"\n    />\n    <HScroll\n      :scroll-left=\"data.scrollLeft\"\n      :client-width=\"data.clientWidth\"\n      :scroll-width=\"data.scrollWidth\"\n      @wheel.stop\n      @update:scroll-left=\"updateLeft\"\n    />\n  </div>\n</template>\n"],"names":["containerRef","ref","data","reactive","updateState","container","copyProps","onWheel","root","updateTop","v","tapIf","unref","el","updateLeft","useResizeObserver","onMounted","onUnmounted","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_renderSlot","_ctx","_createVNode","VScroll","HScroll"],"mappings":";;;;;;;;AAOA,UAAMA,IAAeC,EAAA,GAEfC,IAAOC,EAAS;AAAA,MACpB,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,MACb,cAAc;AAAA,MACd,aAAa;AAAA,IAAA,CACd;AAED,aAASC,EAAYC,GAAwB;AAC3C,MAAAC;AAAA,QACEJ;AAAA,QACAG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ;AAEA,UAAME,IAAU,CAAC,MAAkB;AACjC,QAAE,eAAA;AACF,YAAMC,IAAO,EAAE;AACf,MAAAA,EAAK,aAAa,EAAE,QACpBA,EAAK,cAAc,EAAE,QACrBJ,EAAYI,CAAI;AAAA,IAClB;AAEA,aAASC,EAAUC,GAAW;AAC5B,MAAAC,EAAMC,EAAMZ,CAAY,GAAG,CAACa,MAAO;AACjC,QAAAA,EAAG,YAAYH,GACfN,EAAYS,CAAE;AAAA,MAChB,CAAC;AAAA,IACH;AAEA,aAASC,EAAWJ,GAAW;AAC7B,MAAAC,EAAMC,EAAMZ,CAAY,GAAG,CAACa,MAAO;AACjC,QAAAA,EAAG,aAAaH,GAChBN,EAAYS,CAAE;AAAA,MAChB,CAAC;AAAA,IACH;AAEA,WAAAE,EAAkBf,GAAc,CAACa,MAAO;AACtC,MAAAF,EAAME,GAAI,CAACA,MAAOT,EAAYS,CAAE,CAAC;AAAA,IACnC,CAAC,GAEDG,EAAU,MAAM;AACd,MAAAL,EAAMC,EAAMZ,CAAY,GAAG,CAACQ,MAAS;AACnC,QAAAJ,EAAYI,CAAI,GAChBA,EAAK,iBAAiB,SAASD,CAAO;AAAA,MACxC,CAAC;AAAA,IACH,CAAC,GAEDU,EAAY,MAAM;AAChB,MAAAN,EAAMC,EAAMZ,CAAY,GAAG,CAACQ,MAASA,EAAK,oBAAoB,SAASD,CAAO,CAAC;AAAA,IACjF,CAAC,cAICW,EAAA,GAAAC,EAkBM,OAlBNC,GAkBM;AAAA,MAjBJC,EAEM,OAAA;AAAA,iBAFG;AAAA,QAAJ,KAAIrB;AAAA,QAAe,OAAM;AAAA,QAA4B,SAAAO;AAAA,MAAA;QACxDe,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;MAEVC,EAMEC,GAAA;AAAA,QALC,cAAYvB,EAAK;AAAA,QACjB,iBAAeA,EAAK;AAAA,QACpB,iBAAeA,EAAK;AAAA,QACpB,2BAAD,MAAA;AAAA,QAAA,GAAW,CAAA,MAAA,CAAA;AAAA,QACV,sBAAmBO;AAAA,MAAA;MAEtBe,EAMEE,GAAA;AAAA,QALC,eAAaxB,EAAK;AAAA,QAClB,gBAAcA,EAAK;AAAA,QACnB,gBAAcA,EAAK;AAAA,QACnB,2BAAD,MAAA;AAAA,QAAA,GAAW,CAAA,MAAA,CAAA;AAAA,QACV,uBAAoBY;AAAA,MAAA;;;;"}