@nmorph/nmorph-ui-kit 2.2.58 → 2.2.59

package/dist/components/data/nmorph-audio-meter/NmorphAudioMeter.css

@@ -1 +1 @@
-.nmorph-audio-meter{--nmorph-audio-meter-color: var(--nmorph-success-color);--nmorph-audio-meter-track-color: color-mix(in srgb, var(--nmorph-text-color) 16%, transparent);--nmorph-audio-meter-level: 0;--nmorph-audio-meter-percent: 0%;display:inline-flex;align-items:end}.nmorph-audio-meter.nmorph-audio-meter--warn{--nmorph-audio-meter-color: var(--nmorph-warn-color)}.nmorph-audio-meter.nmorph-audio-meter--error{--nmorph-audio-meter-color: var(--nmorph-error-color)}.nmorph-audio-meter.nmorph-audio-meter--bars{gap:2px;width:max-content;height:20px}.nmorph-audio-meter .nmorph-audio-meter__bar{width:4px;height:100%;background:var(--nmorph-audio-meter-track-color);border-radius:var(--border-radius-40);transform:scaleY(.3);transform-origin:bottom;opacity:.7}.nmorph-audio-meter .nmorph-audio-meter__bar--active{background:var(--nmorph-audio-meter-color);transform:scaleY(max(.35,var(--nmorph-audio-meter-level)));opacity:1}.nmorph-audio-meter.nmorph-audio-meter--line{width:72px;height:6px;overflow:hidden;background:var(--nmorph-audio-meter-track-color);border-radius:var(--border-radius-40)}.nmorph-audio-meter .nmorph-audio-meter__line{display:block;width:var(--nmorph-audio-meter-percent);height:100%;background:var(--nmorph-audio-meter-color)}.nmorph-audio-meter.nmorph-audio-meter--ring{width:28px;height:28px}.nmorph-audio-meter .nmorph-audio-meter__ring{display:block;width:100%;height:100%;background:radial-gradient(circle at center,var(--nmorph-main-color) 56%,transparent 58%),conic-gradient(var(--nmorph-audio-meter-color) var(--nmorph-audio-meter-percent),var(--nmorph-audio-meter-track-color) 0);border-radius:var(--border-radius-circular)}
+.nmorph-audio-meter{--nmorph-audio-meter-color: var(--nmorph-success-color);--nmorph-audio-meter-track-color: color-mix(in srgb, var(--nmorph-text-color) 16%, transparent);--nmorph-audio-meter-level: 0;--nmorph-audio-meter-percent: 0%;display:inline-flex;align-items:end}.nmorph-audio-meter.nmorph-audio-meter--warn{--nmorph-audio-meter-color: var(--nmorph-warn-color)}.nmorph-audio-meter.nmorph-audio-meter--error{--nmorph-audio-meter-color: var(--nmorph-error-color)}.nmorph-audio-meter.nmorph-audio-meter--bars{gap:2px;width:max-content;height:20px}.nmorph-audio-meter .nmorph-audio-meter__bar{width:4px;height:100%;background:var(--nmorph-audio-meter-track-color);border-radius:var(--border-radius-40);opacity:.7}.nmorph-audio-meter .nmorph-audio-meter__bar--active{background:var(--nmorph-audio-meter-color);opacity:1}.nmorph-audio-meter.nmorph-audio-meter--line{width:72px;height:6px;overflow:hidden;background:var(--nmorph-audio-meter-track-color);border-radius:var(--border-radius-40)}.nmorph-audio-meter .nmorph-audio-meter__line{display:block;width:var(--nmorph-audio-meter-percent);height:100%;background:var(--nmorph-audio-meter-color)}.nmorph-audio-meter.nmorph-audio-meter--ring{width:28px;height:28px}.nmorph-audio-meter .nmorph-audio-meter__ring{display:block;width:100%;height:100%;background:radial-gradient(circle at center,var(--nmorph-main-color) 56%,transparent 58%),conic-gradient(var(--nmorph-audio-meter-color) var(--nmorph-audio-meter-percent),var(--nmorph-audio-meter-track-color) 0);border-radius:var(--border-radius-circular)}

package/dist/components/feedback/nmorph-guide/NmorphGuide.css

@@ -0,0 +1 @@
+.nmorph-guide{display:contents}

package/dist/components/feedback/nmorph-guide/NmorphGuide.vue.js

@@ -0,0 +1,15 @@
+import './NmorphGuide.css';
+import o from "./NmorphGuide.vue2.js";
+import { openBlock as r, createElementBlock as t, renderSlot as n } from "vue";
+/* empty css                 */
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = { class: "nmorph-guide" };
+function i(e, c, m, d, a, f) {
+  return r(), t("div", s, [
+    n(e.$slots, "default")
+  ]);
+}
+const $ = /* @__PURE__ */ p(o, [["render", i], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-guide/NmorphGuide.vue"]]);
+export {
+  $ as default
+};

package/dist/components/feedback/nmorph-guide/NmorphGuide.vue2.js

@@ -0,0 +1,124 @@
+import './NmorphGuide.css';
+import { defineComponent as P, ref as C, computed as a, watch as j, provide as z } from "vue";
+import { nmorphGuideInjectionKey as A } from "./types.js";
+const G = /* @__PURE__ */ P({
+  __name: "NmorphGuide",
+  props: {
+    modelValue: { type: Boolean, required: !1, default: !1 },
+    activeStep: { type: [String, Number], required: !1, default: void 0 },
+    steps: { type: Array, required: !1, default: () => [] },
+    loop: { type: Boolean, required: !1, default: !1 },
+    closeOnFinish: { type: Boolean, required: !1, default: !0 },
+    showClose: { type: Boolean, required: !1, default: !0 },
+    showProgress: { type: Boolean, required: !1, default: !0 },
+    backText: { type: String, required: !1, default: "Back" },
+    nextText: { type: String, required: !1, default: "Next" },
+    finishText: { type: String, required: !1, default: "Finish" },
+    closeText: { type: String, required: !1, default: "Close" },
+    zIndex: { type: Number, required: !1, default: void 0 },
+    width: { type: [Number, String], required: !1, default: void 0 },
+    maxWidth: { type: [Number, String], required: !1, default: "280px" }
+  },
+  emits: ["update:model-value", "update:active-step", "change", "back", "next", "finish", "close"],
+  setup(I, { expose: N, emit: B }) {
+    const r = I, l = B, u = C({}), g = C(void 0);
+    let f = 0;
+    const d = (e) => String(e), y = a(() => {
+      const e = /* @__PURE__ */ new Map();
+      return r.steps.forEach((t, s) => {
+        e.set(d(t.name), {
+          ...t,
+          order: t.order ?? s
+        });
+      }), e;
+    }), n = a(
+      () => Object.values(u.value).map((e) => ({
+        ...e,
+        ...y.value.get(d(e.name)),
+        registrationOrder: e.registrationOrder
+      })).filter((e) => !e.disabled).sort((e, t) => {
+        const s = e.order ?? e.registrationOrder, F = t.order ?? t.registrationOrder;
+        return s - F;
+      })
+    ), q = a(() => r.modelValue && n.value.length > 0), O = a(() => r.activeStep ?? g.value), o = a(() => n.value.findIndex((e) => e.name === O.value)), i = a(() => n.value[o.value] ?? null), T = a(() => o.value <= 0), b = a(() => o.value >= n.value.length - 1), p = (e) => {
+      const t = n.value.find((s) => s.name === e);
+      t && (g.value = e, l("update:active-step", e), l("change", t, n.value.indexOf(t)));
+    }, c = (e) => {
+      const t = n.value[e];
+      t && p(t.name);
+    }, v = () => {
+      l("update:model-value", !1), l("close", i.value, o.value);
+    }, m = () => {
+      l("finish", i.value, o.value), r.closeOnFinish && v();
+    }, x = () => {
+      if (i.value) {
+        if (l("back", i.value, o.value), T.value) {
+          r.loop && c(n.value.length - 1);
+          return;
+        }
+        c(o.value - 1);
+      }
+    }, h = () => {
+      if (i.value) {
+        if (l("next", i.value, o.value), b.value) {
+          r.loop ? c(0) : m();
+          return;
+        }
+        c(o.value + 1);
+      }
+    }, S = (e) => {
+      p(e);
+    }, w = (e) => {
+      const t = d(e.name), s = u.value[t];
+      u.value = {
+        ...u.value,
+        [t]: {
+          ...s,
+          ...e,
+          registrationOrder: s?.registrationOrder ?? f
+        }
+      }, s || (f += 1);
+    }, _ = (e) => {
+      const t = d(e), s = { ...u.value };
+      delete s[t], u.value = s;
+    };
+    j(
+      [() => r.modelValue, n, i],
+      ([e, t, s]) => {
+        !e || s || t.length === 0 || p(t[0].name);
+      },
+      { immediate: !0 }
+    ), z(A, {
+      active: q,
+      activeStep: i,
+      activeIndex: o,
+      steps: n,
+      loop: a(() => r.loop),
+      showClose: a(() => r.showClose),
+      showProgress: a(() => r.showProgress),
+      backText: a(() => r.backText),
+      nextText: a(() => r.nextText),
+      finishText: a(() => r.finishText),
+      closeText: a(() => r.closeText),
+      zIndex: a(() => r.zIndex),
+      width: a(() => r.width),
+      maxWidth: a(() => r.maxWidth),
+      registerStep: w,
+      unregisterStep: _,
+      goToStep: S,
+      back: x,
+      next: h,
+      finish: m,
+      close: v
+    }), N({ back: x, next: h, finish: m, close: v, goToStep: S });
+    const k = { props: r, emit: l, registeredSteps: u, internalActiveStep: g, get registrationCursor() {
+      return f;
+    }, set registrationCursor(e) {
+      f = e;
+    }, getStepKey: d, stepOverrides: y, steps: n, active: q, activeStepName: O, activeIndex: o, activeStep: i, isFirstStep: T, isLastStep: b, setActiveStep: p, goToIndex: c, close: v, finish: m, back: x, next: h, goToStep: S, registerStep: w, unregisterStep: _ };
+    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
+  }
+});
+export {
+  G as default
+};

package/dist/components/feedback/nmorph-guide/NmorphGuideStep.css

@@ -0,0 +1 @@
+.nmorph-guide-step__card{display:grid;gap:var(--indentation-03);min-width:min(240px,100vw - 48px)}.nmorph-guide-step__image{display:block;width:100%;max-height:140px;border-radius:var(--default-border-radius);object-fit:cover}.nmorph-guide-step__body{display:grid;gap:var(--indentation-02)}.nmorph-guide-step__progress{color:var(--nmorph-placeholder-text-color);font-size:var(--font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-guide-step__title{margin:0;color:var(--nmorph-text-color);font-size:var(--font-size-medium);line-height:var(--line-height-compact)}.nmorph-guide-step__text{margin:0;color:var(--nmorph-text-color);font-size:var(--font-size-small);line-height:var(--line-height-regular)}.nmorph-guide-step__actions{display:flex;gap:var(--indentation-02);align-items:center}.nmorph-guide-step__spacer{flex:1 1 auto}

package/dist/components/feedback/nmorph-guide/NmorphGuideStep.vue.js

@@ -0,0 +1,105 @@
+import './NmorphGuideStep.css';
+import p from "./NmorphGuideStep.vue2.js";
+import { openBlock as t, createBlock as s, withCtx as a, renderSlot as c, normalizeProps as g, mergeProps as m, createElementBlock as i, createCommentVNode as o, createElementVNode as n, toDisplayString as l, createVNode as h } from "vue";
+/* empty css                     */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
+  key: 1,
+  class: "nmorph-guide-step__card",
+  role: "dialog",
+  "aria-live": "polite"
+}, v = ["src", "alt"], x = { class: "nmorph-guide-step__body" }, S = {
+  key: 0,
+  class: "nmorph-guide-step__progress"
+}, f = {
+  key: 1,
+  class: "nmorph-guide-step__title"
+}, k = {
+  key: 2,
+  class: "nmorph-guide-step__text"
+}, y = { class: "nmorph-guide-step__actions" };
+function b(d, r, w, e, C, N) {
+  return t(), s(e.NmorphTooltip, {
+    "force-show": e.isActive,
+    position: e.tooltipPosition,
+    "z-index": e.guide?.zIndex.value,
+    width: e.guide?.width.value,
+    "max-width": e.guide?.maxWidth.value,
+    trigger: "manual",
+    disabled: !e.guide || e.props.disabled
+  }, {
+    content: a(() => [
+      e.hasCustomContent && e.stepSlotProps ? c(d.$slots, "content", g(m({ key: 0 }, e.stepSlotProps))) : e.currentStep && e.stepSlotProps ? (t(), i("div", u, [
+        e.currentStep.imageSrc ? (t(), i("img", {
+          key: 0,
+          class: "nmorph-guide-step__image",
+          src: e.currentStep.imageSrc,
+          alt: e.currentStep.imageAlt || e.currentStep.title || ""
+        }, null, 8, v)) : o("v-if", !0),
+        n("div", x, [
+          e.guide?.showProgress.value ? (t(), i(
+            "div",
+            S,
+            l(e.stepSlotProps.index + 1) + " / " + l(e.stepSlotProps.total),
+            1
+            /* TEXT */
+          )) : o("v-if", !0),
+          e.currentStep.title ? (t(), i(
+            "h3",
+            f,
+            l(e.currentStep.title),
+            1
+            /* TEXT */
+          )) : o("v-if", !0),
+          e.currentStep.text ? (t(), i(
+            "p",
+            k,
+            l(e.currentStep.text),
+            1
+            /* TEXT */
+          )) : o("v-if", !0)
+        ]),
+        n("div", y, [
+          e.guide?.showClose.value ? (t(), s(e.NmorphButton, {
+            key: 0,
+            class: "nmorph-guide-step__close",
+            text: e.guide.closeText.value,
+            "style-type": "transparent",
+            height: "thin",
+            onClick: e.guide.close
+          }, null, 8, ["text", "onClick"])) : o("v-if", !0),
+          r[1] || (r[1] = n(
+            "span",
+            { class: "nmorph-guide-step__spacer" },
+            null,
+            -1
+            /* CACHED */
+          )),
+          h(e.NmorphButton, {
+            class: "nmorph-guide-step__back",
+            text: e.guide?.backText.value,
+            "style-type": "transparent",
+            height: "thin",
+            disabled: e.isFirstStep && !e.guide?.loop.value,
+            onClick: e.guide?.back
+          }, null, 8, ["text", "disabled", "onClick"]),
+          h(e.NmorphButton, {
+            class: "nmorph-guide-step__next",
+            text: e.isLastStep && !e.guide?.loop.value ? e.guide?.finishText.value : e.guide?.nextText.value,
+            height: "thin",
+            onClick: r[0] || (r[0] = (P) => e.isLastStep && !e.guide?.loop.value ? e.guide?.finish() : e.guide?.next())
+          }, null, 8, ["text"])
+        ])
+      ])) : o("v-if", !0)
+    ]),
+    default: a(() => [
+      c(d.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["force-show", "position", "z-index", "width", "max-width", "disabled"]);
+}
+const A = /* @__PURE__ */ _(p, [["render", b], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-guide/NmorphGuideStep.vue"]]);
+export {
+  A as default
+};

package/dist/components/feedback/nmorph-guide/NmorphGuideStep.vue2.js

@@ -0,0 +1,55 @@
+import './NmorphGuideStep.css';
+import { defineComponent as g, inject as b, useSlots as x, computed as o, watch as y, onBeforeUnmount as _ } from "vue";
+import h from "../../basic/nmorph-button/NmorphButton.vue.js";
+import q from "../nmorph-tooltip/NmorphTooltip.vue.js";
+import { nmorphGuideInjectionKey as B } from "./types.js";
+const I = /* @__PURE__ */ g({
+  __name: "NmorphGuideStep",
+  props: {
+    name: { type: [String, Number], required: !0 },
+    title: { type: String, required: !1, default: "" },
+    text: { type: String, required: !1, default: "" },
+    imageSrc: { type: String, required: !1, default: "" },
+    imageAlt: { type: String, required: !1, default: "" },
+    position: { type: null, required: !1, default: "bottom" },
+    order: { type: Number, required: !1, default: void 0 },
+    disabled: { type: Boolean, required: !1, default: !1 }
+  },
+  setup(p, { expose: d }) {
+    d();
+    const e = p, t = b(B, null), a = x(), i = o(() => t?.activeStep.value ?? null), r = o(() => t?.activeIndex.value ?? -1), n = o(() => t?.steps.value.length ?? 0), s = o(() => r.value <= 0), l = o(() => r.value >= n.value - 1), m = o(() => !!(t?.active.value && i.value?.name === e.name)), c = o(() => i.value?.position ?? e.position), f = o(() => !!a.content), v = o(() => !t || !i.value ? null : {
+      step: i.value,
+      index: r.value,
+      total: n.value,
+      isFirst: s.value,
+      isLast: l.value,
+      back: t.back,
+      next: t.next,
+      close: t.close,
+      finish: t.finish
+    });
+    y(
+      () => ({
+        name: e.name,
+        title: e.title,
+        text: e.text,
+        imageSrc: e.imageSrc,
+        imageAlt: e.imageAlt,
+        position: e.position,
+        order: e.order,
+        disabled: e.disabled
+      }),
+      (S) => {
+        t?.registerStep(S);
+      },
+      { immediate: !0 }
+    ), _(() => {
+      t?.unregisterStep(e.name);
+    });
+    const u = { props: e, guide: t, slots: a, currentStep: i, currentIndex: r, totalSteps: n, isFirstStep: s, isLastStep: l, isActive: m, tooltipPosition: c, hasCustomContent: f, stepSlotProps: v, NmorphButton: h, NmorphTooltip: q };
+    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
+  }
+});
+export {
+  I as default
+};

package/dist/components/feedback/nmorph-guide/types.js

@@ -0,0 +1,4 @@
+const o = Symbol("nmorph-guide");
+export {
+  o as nmorphGuideInjectionKey
+};

package/dist/components/navigation/nmorph-stepper/NmorphStepper.css

@@ -0,0 +1 @@
+.nmorph-stepper{width:100%;border-radius:var(--default-border-radius)}.nmorph-stepper.nmorph-stepper--interactive{cursor:grab}.nmorph-stepper.nmorph-stepper--disabled{cursor:not-allowed;opacity:.6}.nmorph-stepper:focus-visible{outline:2px solid var(--nmorph-accent-color);outline-offset:2px}.nmorph-stepper__viewport{width:100%;overflow:hidden;border-radius:inherit;touch-action:pan-y}.nmorph-stepper__track{display:flex;width:100%;min-width:0;transition:transform .24s ease;will-change:transform}.nmorph-stepper__track>*{flex:0 0 100%;width:100%;min-width:100%;max-width:100%}

package/dist/components/navigation/nmorph-stepper/NmorphStepper.vue.js

@@ -0,0 +1,48 @@
+import './NmorphStepper.css';
+import n from "./NmorphStepper.vue2.js";
+import { openBlock as i, createElementBlock as l, normalizeClass as t, createElementVNode as r, normalizeStyle as d, renderSlot as a, normalizeProps as c, guardReactiveProps as p } from "vue";
+/* empty css                   */
+import s from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = ["aria-label", "aria-disabled", "tabindex"], h = {
+  class: "nmorph-stepper__viewport",
+  "aria-live": "polite",
+  "aria-atomic": "true"
+};
+function _(o, P, v, e, b, f) {
+  return i(), l("div", {
+    class: t(e.modifiers),
+    role: "group",
+    "aria-roledescription": "stepper",
+    "aria-label": e.props.ariaLabel,
+    "aria-disabled": e.props.disabled || void 0,
+    tabindex: e.tabIndex,
+    onWheel: e.handleWheel,
+    onKeydown: e.handleKeydown,
+    onPointerdown: e.handlePointerDown,
+    onPointermove: e.handlePointerMove,
+    onPointerup: e.handlePointerEnd,
+    onPointercancel: e.clearPointer,
+    onPointerleave: e.clearPointer,
+    onClickCapture: e.handleClickCapture
+  }, [
+    r("div", h, [
+      r(
+        "div",
+        {
+          class: "nmorph-stepper__track",
+          style: d(e.trackStyle)
+        },
+        [
+          a(o.$slots, "default")
+        ],
+        4
+        /* STYLE */
+      )
+    ]),
+    a(o.$slots, "indicator", c(p(e.indicatorSlotProps)))
+  ], 42, m);
+}
+const C = /* @__PURE__ */ s(n, [["render", _], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-stepper/NmorphStepper.vue"]]);
+export {
+  C as default
+};

package/dist/components/navigation/nmorph-stepper/NmorphStepper.vue2.js

@@ -0,0 +1,98 @@
+import './NmorphStepper.css';
+import { defineComponent as Z, ref as i, computed as o, watch as ee, onBeforeUnmount as te } from "vue";
+import { useModifiers as re } from "../../../utils/create-modifiers.js";
+const N = 28, R = 320, T = 6, W = 42, q = 1.2, O = 350, le = /* @__PURE__ */ Z({
+  __name: "NmorphStepper",
+  props: {
+    modelValue: { type: Number, required: !1, default: 0 },
+    count: { type: Number, required: !1, default: 0 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    loop: { type: Boolean, required: !1, default: !1 },
+    wheel: { type: Boolean, required: !1, default: !0 },
+    swipe: { type: Boolean, required: !1, default: !0 },
+    ariaLabel: { type: String, required: !1, default: "Stepper" }
+  },
+  emits: ["update:model-value", "change"],
+  setup(X, { expose: B, emit: A }) {
+    const n = X, y = A, I = i(!1), c = i(null), x = i(!1), p = i(null), a = i(null), f = i(!1), d = (e) => Number.isFinite(e) ? Math.trunc(e ?? 0) : 0, v = o(() => Math.max(0, d(n.count))), _ = (e) => {
+      const t = v.value, r = d(e);
+      return t <= 0 ? 0 : n.loop ? (r % t + t) % t : Math.min(Math.max(r, 0), t - 1);
+    }, m = o(() => _(n.modelValue)), l = o(() => !n.disabled && v.value > 1), Y = o(() => l.value ? 0 : void 0), K = o(() => ({
+      transform: `translateX(-${m.value * 100}%)`
+    })), z = o(
+      () => re({
+        "nmorph-stepper": [n.disabled && "disabled", l.value && "interactive"]
+      })
+    ), D = (e, t) => e < t ? "previous" : "next", C = (e, t, r) => {
+      const V = { index: e, previousIndex: t, direction: r };
+      y("update:model-value", e), y("change", V);
+    }, b = (e) => {
+      if (n.disabled) return;
+      const t = m.value, r = _(e);
+      r !== t && C(r, t, D(r, t));
+    }, M = (e) => {
+      if (!l.value) return;
+      const t = e === "next" ? 1 : -1;
+      b(m.value + t);
+    }, u = () => M("next"), s = () => M("previous"), S = () => {
+      c.value && clearTimeout(c.value), c.value = null, I.value = !1;
+    }, k = () => {
+      S(), I.value = !0, c.value = setTimeout(S, R);
+    }, L = (e) => {
+      const t = Math.abs(e.deltaX), r = Math.abs(e.deltaY);
+      return t === 0 && r === 0 ? 0 : t >= r ? e.deltaX : e.deltaY;
+    }, U = (e) => {
+      if (!l.value || !n.wheel) return;
+      const t = L(e);
+      Math.abs(t) < N || (e.preventDefault(), !I.value && (t > 0 ? u() : s(), k()));
+    }, F = (e) => {
+      l.value && (e.key === "ArrowRight" && (e.preventDefault(), u()), e.key === "ArrowLeft" && (e.preventDefault(), s()));
+    }, h = () => {
+      p.value && clearTimeout(p.value), p.value = null, x.value = !1;
+    }, w = () => {
+      h(), x.value = !0, p.value = setTimeout(h, O);
+    }, P = (e) => a.value ? {
+      x: e.clientX - a.value.x,
+      y: e.clientY - a.value.y
+    } : null, g = (e, t) => Math.abs(e.x) >= t && Math.abs(e.x) > Math.abs(e.y) * q, j = (e) => {
+      !l.value || !n.swipe || e.pointerType === "mouse" && e.button !== 0 || (e.currentTarget?.setPointerCapture?.(e.pointerId), a.value = {
+        x: e.clientX,
+        y: e.clientY,
+        pointerId: e.pointerId ?? null
+      }, f.value = !1);
+    }, G = (e) => {
+      if (!a.value || a.value.pointerId !== null && e.pointerId !== a.value.pointerId) return;
+      const t = P(e);
+      !t || !g(t, T) || (f.value = !0, e.preventDefault());
+    }, E = () => {
+      a.value = null, f.value = !1;
+    }, $ = (e) => {
+      if (a.value?.pointerId !== null && e.pointerId !== a.value.pointerId) return;
+      const t = P(e), r = !!(t && g(t, T));
+      e.currentTarget?.releasePointerCapture?.(e.pointerId), (r || f.value) && w(), t && g(t, W) && (t.x > 0 ? s() : u()), E();
+    }, J = (e) => {
+      x.value && (e.preventDefault(), e.stopPropagation(), h());
+    }, Q = o(() => ({
+      index: m.value,
+      count: v.value,
+      goTo: b,
+      next: u,
+      previous: s
+    }));
+    ee(
+      () => [n.modelValue, v.value, n.loop],
+      ([e]) => {
+        const t = _(e);
+        t !== e && C(t, d(e), D(t, d(e)));
+      },
+      { immediate: !0 }
+    ), te(() => {
+      S(), h();
+    }), B({ goTo: b, next: u, previous: s });
+    const H = { WHEEL_THRESHOLD: N, WHEEL_LOCK_IN_MS: R, DRAG_CLICK_THRESHOLD: T, SWIPE_THRESHOLD: W, SWIPE_AXIS_RATIO: q, CLICK_SUPPRESSION_IN_MS: O, props: n, emit: y, wheelLocked: I, wheelUnlockTimer: c, suppressClick: x, suppressClickTimer: p, pointerStart: a, pointerDragging: f, toFiniteInteger: d, normalizedCount: v, normalizeIndex: _, currentIndex: m, isInteractive: l, tabIndex: Y, trackStyle: K, modifiers: z, getDirection: D, emitStepChange: C, goTo: b, move: M, next: u, previous: s, clearWheelLock: S, lockWheel: k, getWheelDelta: L, handleWheel: U, handleKeydown: F, clearClickSuppression: h, suppressNextClick: w, getPointerDiff: P, isHorizontalDrag: g, handlePointerDown: j, handlePointerMove: G, clearPointer: E, handlePointerEnd: $, handleClickCapture: J, indicatorSlotProps: Q };
+    return Object.defineProperty(H, "__isScriptSetup", { enumerable: !1, value: !0 }), H;
+  }
+});
+export {
+  le as default
+};