@transsionfe/semi-ui-vue 0.0.6 → 0.0.7

package/lib/es/components/checkbox/CheckboxGroup.vue.js

@@ -1,160 +0,0 @@
-import { defineComponent as F, useModel as M, computed as u, ref as R, watch as p, onMounted as w, onUnmounted as q, openBlock as v, createElementBlock as y, mergeProps as z, renderSlot as L, Fragment as U, renderList as Y, createBlock as j, normalizeStyle as I, withCtx as X, createTextVNode as H, toDisplayString as J, mergeModels as g } from "vue";
-import K from "classnames";
-import { isEqual as b } from "lodash";
-import { checkboxGroupClasses as Q, strings as C } from "@douyinfe/semi-foundation/checkbox/constants";
-import W from "@douyinfe/semi-foundation/checkbox/checkboxGroupFoundation";
-import Z from "@douyinfe/semi-foundation/utils/getDataAttr";
-import { provideCheckboxGroup as _ } from "./context.js";
-import ee from "./Checkbox.vue.js";
-const ae = ["id", "aria-label", "aria-labelledby", "aria-describedby"], de = /* @__PURE__ */ F({
-  __name: "CheckboxGroup",
-  props: /* @__PURE__ */ g({
-    "aria-describedby": {},
-    "aria-errormessage": {},
-    "aria-invalid": { type: Boolean },
-    "aria-labelledby": {},
-    "aria-required": { type: Boolean },
-    "aria-label": {},
-    defaultValue: { default: () => [] },
-    disabled: { type: Boolean, default: !1 },
-    name: {},
-    options: {},
-    value: {},
-    prefixCls: {},
-    direction: { default: "vertical" },
-    style: {},
-    className: {},
-    type: { default: "default" },
-    id: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ g(["change", "update:modelValue", "update:value"], ["update:modelValue"]),
-  setup(l, { emit: h }) {
-    const n = M(l, "modelValue"), a = l, c = h, d = u(() => a.value !== void 0 ? Array.isArray(a.value) ? a.value : [] : n.value !== void 0 ? Array.isArray(n.value) ? n.value : [] : Array.isArray(a.defaultValue) ? a.defaultValue : []), r = R({
-      value: d.value
-    });
-    p(
-      d,
-      (e) => {
-        b(e, r.value.value) || (r.value.value = e);
-      },
-      { immediate: !0, deep: !0 }
-    ), p(
-      () => n.value,
-      () => {
-      }
-    );
-    const x = {
-      updateGroupValue: (e) => {
-        r.value.value = e;
-      },
-      notifyChange: (e) => {
-        c("change", e), c("update:modelValue", e), c("update:value", e);
-      },
-      getContext: () => ({}),
-      getContexts: () => ({}),
-      getProps: () => {
-        const e = { ...a };
-        return e.value !== void 0 && !Array.isArray(e.value) && (e.value = []), e.defaultValue !== void 0 && !Array.isArray(e.defaultValue) && (e.defaultValue = []), e;
-      },
-      getState: (e) => e ? r.value[e] : r.value,
-      getStates: () => r.value,
-      setState: (e, t) => {
-        Object.assign(r.value, e), t == null || t();
-      },
-      getCache: () => ({}),
-      getCaches: () => ({}),
-      setCache: () => {
-      },
-      stopPropagation: (e) => e == null ? void 0 : e.stopPropagation(),
-      persistEvent: (e) => {
-        var t;
-        return (t = e == null ? void 0 : e.persist) == null ? void 0 : t.call(e);
-      },
-      getProp: (e) => {
-        if (e === "value")
-          return d.value;
-        const t = a[e];
-        return e === "defaultValue" && t !== void 0 && !Array.isArray(t) ? [] : t;
-      }
-    }, s = new W(x);
-    w(() => {
-      s.init();
-    }), q(() => {
-      s.destroy();
-    }), p(
-      d,
-      (e, t) => {
-        b(e, t) || s.handlePropValueChange(e);
-      },
-      { deep: !0 }
-    );
-    const o = u(() => a.prefixCls || Q.PREFIX), f = u(() => a.type === C.TYPE_PURECARD), m = u(() => a.type === C.TYPE_CARD || f.value), A = u(
-      () => K(
-        {
-          [o.value]: !0,
-          [`${o.value}-wrapper`]: !0,
-          [`${o.value}-${a.direction}`]: a.direction,
-          [`${o.value}-${a.direction}-cardType`]: a.direction && m.value,
-          [`${o.value}-${a.direction}-pureCardType`]: a.direction && f.value
-        },
-        a.className
-      )
-    ), V = u(() => Z(a)), P = (e) => {
-      s.handleChange(e);
-    }, T = u(() => ({
-      checkboxGroup: {
-        onChange: P,
-        value: r.value.value,
-        disabled: a.disabled,
-        name: s.getFormatName(),
-        isCardType: m.value,
-        isPureCardType: f.value
-      }
-    }));
-    _(T);
-    const $ = (e) => typeof e == "string" ? a.disabled : e.disabled || a.disabled, E = (e) => typeof e == "string" ? e : e.value, O = (e) => typeof e == "string" ? e : e.label, G = (e) => {
-      if (typeof e != "string")
-        return e.extra;
-    }, N = (e) => {
-      if (typeof e != "string")
-        return e.className;
-    }, S = (e) => {
-      if (typeof e != "string")
-        return e.style;
-    }, B = (e, t) => {
-      typeof t != "string" && t.onChange && t.onChange(e);
-    };
-    return (e, t) => (v(), y("div", z({
-      id: l.id,
-      role: "list",
-      class: A.value,
-      style: l.style,
-      "aria-label": a["aria-label"],
-      "aria-labelledby": a["aria-labelledby"],
-      "aria-describedby": a["aria-describedby"]
-    }, V.value), [
-      l.options ? (v(!0), y(U, { key: 1 }, Y(l.options, (i, k) => (v(), j(ee, {
-        key: k,
-        role: "listitem",
-        disabled: $(i),
-        value: E(i),
-        "prefix-cls": l.prefixCls,
-        extra: G(i),
-        "class-name": N(i),
-        style: I(S(i)),
-        onChange: (D) => B(D, i)
-      }, {
-        default: X(() => [
-          H(J(O(i)), 1)
-        ]),
-        _: 2
-      }, 1032, ["disabled", "value", "prefix-cls", "extra", "class-name", "style", "onChange"]))), 128)) : L(e.$slots, "default", { key: 0 })
-    ], 16, ae));
-  }
-});
-export {
-  de as default
-};

package/lib/es/components/checkbox/CheckboxInner.vue.js

@@ -1,7 +0,0 @@
-import o from "./CheckboxInner.vue2.js";
-import "E:/2026/openCode/semi-ui-vue/src/components/checkbox/CheckboxInner.vue?vue&type=style&index=0&scoped=a23ffa3b&lang.css";
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a23ffa3b"]]);
-export {
-  e as default
-};

package/lib/es/components/checkbox/context.js

@@ -1,17 +0,0 @@
-import { inject as r, provide as c } from "vue";
-const e = Symbol("semi-checkbox-group");
-function t(o) {
-  c(e, o);
-}
-function n() {
-  const o = r(e, null);
-  return o ? {
-    get checkboxGroup() {
-      return o.value.checkboxGroup;
-    }
-  } : { checkboxGroup: void 0 };
-}
-export {
-  t as provideCheckboxGroup,
-  n as useCheckboxGroup
-};

package/lib/es/components/collapse/Collapse.vue.js

@@ -1,102 +0,0 @@
-import { defineComponent as g, ref as y, watch as x, computed as a, openBlock as C, createElementBlock as h, mergeProps as S, renderSlot as P } from "vue";
-import I from "classnames";
-import { cssClasses as k } from "@douyinfe/semi-foundation/collapse/constants";
-import B from "@douyinfe/semi-foundation/utils/getDataAttr";
-import { isEqual as E } from "lodash-es";
-import { provideCollapseContext as A } from "./context.js";
-import D from "@douyinfe/semi-foundation/collapse/foundation";
-import { useFoundation as R } from "../../_utils/useFoundation.js";
-const _ = /* @__PURE__ */ g({
-  __name: "Collapse",
-  props: {
-    activeKey: {},
-    defaultActiveKey: { default: "" },
-    accordion: { type: Boolean },
-    clickHeaderToExpand: { type: Boolean, default: !0 },
-    expandIcon: {},
-    collapseIcon: {},
-    style: {},
-    className: {},
-    keepDOM: { type: Boolean },
-    motion: {},
-    expandIconPosition: { default: "right" },
-    lazyRender: { type: Boolean, default: !1 },
-    children: {}
-  },
-  emits: ["change"],
-  setup(r, { emit: c }) {
-    const l = k.PREFIX, o = r, p = c, n = y(/* @__PURE__ */ new Set()), d = {
-      handleChange: (e, t) => {
-        p("change", e, t);
-      },
-      addActiveKey: (e) => {
-        n.value = e;
-      },
-      getContext: () => {
-      },
-      getContexts: () => ({}),
-      getState: (e) => {
-        if (e === "activeSet") return n.value;
-      },
-      getStates: () => ({ activeSet: n.value }),
-      setState: (e, t) => {
-        e.activeSet !== void 0 && (n.value = e.activeSet), t && t();
-      },
-      getProp: (e) => {
-        const t = o[e];
-        return e === "motion" ? typeof t == "boolean" ? t : !!t : t;
-      },
-      getProps: () => {
-        const e = { ...o };
-        return e.motion !== void 0 && (e.motion = typeof e.motion == "boolean" ? e.motion : !!e.motion), e;
-      },
-      getCache: () => {
-      },
-      getCaches: () => ({}),
-      setCache: () => {
-      },
-      stopPropagation: (e) => {
-        e == null || e.stopPropagation();
-      },
-      persistEvent: () => {
-      }
-    }, { foundation: i } = R(D, d), u = i.initActiveKey();
-    n.value = new Set(u), x(
-      () => o.activeKey,
-      (e) => {
-        if (e !== void 0) {
-          const t = Array.isArray(e) ? e : [e], s = new Set(t);
-          E(s, n.value) || (n.value = s);
-        }
-      },
-      { deep: !0 }
-    );
-    const m = a(() => I(l, o.className)), f = a(() => {
-      const { ...e } = o;
-      return B(e);
-    }), v = a(() => ({
-      get activeSet() {
-        return n.value;
-      },
-      expandIcon: o.expandIcon,
-      collapseIcon: o.collapseIcon,
-      clickHeaderToExpand: o.clickHeaderToExpand,
-      keepDOM: o.keepDOM,
-      expandIconPosition: o.expandIconPosition,
-      onClick: (e, t) => {
-        i.handleChange(e, t);
-      },
-      motion: o.motion,
-      lazyRender: o.lazyRender
-    }));
-    return A(v), (e, t) => (C(), h("div", S({
-      class: m.value,
-      style: r.style
-    }, f.value), [
-      P(e.$slots, "default")
-    ], 16));
-  }
-});
-export {
-  _ as default
-};

package/lib/es/components/collapse/CollapsePanel.vue.js

@@ -1,146 +0,0 @@
-import { defineComponent as F, useSlots as H, ref as R, onMounted as L, inject as U, computed as a, openBlock as n, createElementBlock as i, mergeProps as X, createElementVNode as c, normalizeClass as d, createBlock as u, resolveDynamicComponent as p, createCommentVNode as y, Fragment as I, toDisplayString as M, unref as D, renderSlot as K, isVNode as q, createTextVNode as G, withCtx as J } from "vue";
-import k from "classnames";
-import { cssClasses as Q } from "@douyinfe/semi-foundation/collapse/constants";
-import { getUuidShort as W } from "@douyinfe/semi-foundation/utils/uuid";
-import Y from "../collapsible/Collapsible.vue.js";
-import { CollapseContextKey as Z } from "./context.js";
-import _ from "../icons/icons/IconChevronDown.vue.js";
-import ee from "../icons/icons/IconChevronUp.vue.js";
-const ae = ["aria-disabled", "aria-expanded", "aria-owns"], ne = ["id", "aria-hidden"], ue = /* @__PURE__ */ F({
-  __name: "CollapsePanel",
-  props: {
-    itemKey: {},
-    header: {},
-    className: {},
-    children: {},
-    reCalcKey: {},
-    style: {},
-    showArrow: { type: Boolean, default: !0 },
-    disabled: { type: Boolean, default: !1 },
-    onMotionEnd: {}
-  },
-  setup(t) {
-    const l = Q.PREFIX, r = t, N = H(), f = R(), C = R("");
-    L(() => {
-      C.value = W({});
-    });
-    const v = U(Z), s = a(() => v ? "value" in v ? v.value : v : {
-      activeSet: /* @__PURE__ */ new Set(),
-      clickHeaderToExpand: !0,
-      keepDOM: !1,
-      expandIconPosition: "right",
-      onClick: () => {
-      },
-      motion: !1,
-      lazyRender: !1
-    }), m = a(() => {
-      var e;
-      return ((e = s.value.activeSet) == null ? void 0 : e.has(r.itemKey)) || !1;
-    }), E = a(() => !!N.default), h = a(() => s.value.expandIconPosition === "left"), $ = a(() => E.value && !r.disabled), O = a(() => s.value.lazyRender), P = a(() => s.value.keepDOM), S = a(() => {
-      const e = s.value.motion;
-      return typeof e == "boolean" ? e : !!e;
-    }), x = a(() => {
-      let e = s.value.expandIcon, o = s.value.collapseIcon;
-      return typeof e > "u" && (e = _), typeof o > "u" && (o = ee), $.value && m.value ? o : e;
-    }), T = a(() => k(r.className, {
-      [`${l}-item`]: !0
-    })), z = a(() => k({
-      [`${l}-header`]: !0,
-      [`${l}-header-disabled`]: r.disabled,
-      [`${l}-header-iconLeft`]: h.value
-    })), B = a(() => k({
-      [`${l}-content`]: !0
-    })), g = a(() => k([`${l}-header-icon`, { [`${l}-header-iconDisabled`]: !$.value }])), V = a(() => {
-      const { style: e, ...o } = r;
-      return { style: e, ...o };
-    }), A = (e) => {
-      var b, w;
-      if (r.disabled) return;
-      const o = s.value;
-      (o.clickHeaderToExpand || (b = f.value) != null && b.contains(e.target)) && ((w = o.onClick) == null || w.call(o, r.itemKey, e));
-    }, j = () => {
-      var e;
-      (e = r.onMotionEnd) == null || e.call(r);
-    };
-    return (e, o) => (n(), i("div", X({ class: T.value }, V.value), [
-      c("div", {
-        role: "button",
-        tabIndex: 0,
-        class: d(z.value),
-        "aria-disabled": t.disabled,
-        "aria-expanded": m.value ? "true" : "false",
-        "aria-owns": C.value,
-        onClick: A
-      }, [
-        t.showArrow && h.value ? (n(), i("span", {
-          key: 0,
-          ref_key: "headerExpandIconTriggerRef",
-          ref: f,
-          "aria-hidden": "true",
-          class: d(g.value)
-        }, [
-          (n(), u(p(x.value)))
-        ], 2)) : y("", !0),
-        typeof t.header == "string" ? (n(), i(I, { key: 1 }, [
-          c("span", null, M(t.header), 1),
-          c("span", {
-            class: d(`${D(l)}-header-right`)
-          }, [
-            c("span", null, [
-              K(e.$slots, "extra")
-            ]),
-            t.showArrow && !h.value ? (n(), i("span", {
-              key: 0,
-              ref_key: "headerExpandIconTriggerRef",
-              ref: f,
-              "aria-hidden": "true",
-              class: d(g.value)
-            }, [
-              (n(), u(p(x.value)))
-            ], 2)) : y("", !0)
-          ], 2)
-        ], 64)) : (n(), i(I, { key: 2 }, [
-          q(t.header) ? (n(), u(p(t.header), { key: 0 })) : (n(), i(I, { key: 1 }, [
-            G(M(t.header), 1)
-          ], 64)),
-          t.showArrow && !h.value ? (n(), i("span", {
-            key: 2,
-            ref_key: "headerExpandIconTriggerRef",
-            ref: f,
-            "aria-hidden": "true",
-            class: d(g.value)
-          }, [
-            (n(), u(p(x.value)))
-          ], 2)) : y("", !0)
-        ], 64))
-      ], 10, ae),
-      E.value ? (n(), u(Y, {
-        key: 0,
-        lazyRender: O.value,
-        isOpen: m.value,
-        keepDOM: P.value,
-        motion: S.value,
-        reCalcKey: t.reCalcKey,
-        onMotionEnd: j
-      }, {
-        default: J(() => [
-          c("div", {
-            id: C.value,
-            class: d(B.value),
-            "aria-hidden": !m.value
-          }, [
-            c("div", {
-              class: d(`${D(l)}-content-wrapper`)
-            }, [
-              K(e.$slots, "default")
-            ], 2)
-          ], 10, ne)
-        ]),
-        _: 3
-      }, 8, ["lazyRender", "isOpen", "keepDOM", "motion", "reCalcKey"])) : y("", !0)
-    ], 16));
-  }
-});
-export {
-  ue as default
-};

package/lib/es/components/collapse/context.js

@@ -1,9 +0,0 @@
-import { provide as e } from "vue";
-const t = Symbol("CollapseContext");
-function p(o) {
-  e(t, o);
-}
-export {
-  t as CollapseContextKey,
-  p as provideCollapseContext
-};

package/lib/es/components/collapsible/Collapsible.vue.js

@@ -1,147 +0,0 @@
-import { defineComponent as y, ref as d, watch as u, onMounted as z, nextTick as I, onBeforeUnmount as M, computed as c, openBlock as k, createElementBlock as B, normalizeStyle as v, normalizeClass as x, createElementVNode as D, renderSlot as E, createCommentVNode as w } from "vue";
-import P from "@douyinfe/semi-foundation/collapsible/foundation";
-import { cssClasses as g } from "@douyinfe/semi-foundation/collapsible/constants";
-import _ from "classnames";
-import { useFoundation as $ } from "../../_utils/useFoundation.js";
-const N = ["id"], W = /* @__PURE__ */ y({
-  __name: "Collapsible",
-  props: {
-    motion: { type: Boolean, default: !0 },
-    isOpen: { type: Boolean, default: !1 },
-    duration: { default: 250 },
-    keepDOM: { type: Boolean, default: !1 },
-    lazyRender: { type: Boolean, default: !1 },
-    className: {},
-    style: {},
-    collapseHeight: { default: 0 },
-    reCalcKey: {},
-    id: {},
-    fade: { type: Boolean, default: !1 },
-    onMotionEnd: {}
-  },
-  setup(f, { expose: h }) {
-    const t = f, a = d(), l = d(null), r = d(!1), i = d({
-      domInRenderTree: !1,
-      domHeight: 0,
-      visible: t.isOpen,
-      isTransitioning: !1,
-      cacheIsOpen: t.isOpen
-    }), m = {
-      setDOMInRenderTree: (e) => {
-        i.value.domInRenderTree !== e && (i.value.domInRenderTree = e);
-      },
-      setDOMHeight: (e) => {
-        i.value.domHeight !== e && (i.value.domHeight = e);
-      },
-      setVisible: (e) => {
-        i.value.visible !== e && (i.value.visible = e);
-      },
-      setIsTransitioning: (e) => {
-        i.value.isTransitioning !== e && (i.value.isTransitioning = e);
-      },
-      getContext: () => ({}),
-      getContexts: () => ({}),
-      getProp: (e) => t[e],
-      getProps: () => t,
-      getState: (e) => i.value[e],
-      getStates: () => i.value,
-      setState: (e) => {
-        Object.assign(i.value, e);
-      },
-      getCache: () => {
-      },
-      getCaches: () => ({}),
-      setCache: () => {
-      },
-      stopPropagation: (e) => {
-        e.stopPropagation();
-      },
-      persistEvent: () => {
-      }
-    }, { foundation: o } = $(P, m), b = (e) => {
-      let n;
-      e.borderBoxSize ? n = !(e.borderBoxSize[0].blockSize === 0 && e.borderBoxSize[0].inlineSize === 0) : n = !(e.contentRect.height === 0 && e.contentRect.width === 0);
-      let s = 0;
-      return e.borderBoxSize ? s = Math.ceil(e.borderBoxSize[0].blockSize) : s = e.target.clientHeight, {
-        isShown: n,
-        height: s
-      };
-    }, O = (e) => {
-      const n = e[0];
-      if (n) {
-        const s = b(n);
-        o.updateDOMHeight(s.height), o.updateDOMInRenderTree(s.isShown);
-      }
-    }, R = () => a.value ? a.value.offsetHeight > 0 : !1, H = () => {
-      var e;
-      t.isOpen || o.updateVisible(!1), o.updateIsTransitioning(!1), (e = t.onMotionEnd) == null || e.call(t);
-    };
-    u(
-      () => t.isOpen,
-      (e) => {
-        e !== i.value.cacheIsOpen && ((e || !t.motion) && (i.value.visible = e), t.motion && (i.value.isTransitioning = !0)), i.value.cacheIsOpen = e;
-      }
-    ), u(
-      () => t.reCalcKey,
-      () => {
-        a.value && o.updateDOMHeight(a.value.scrollHeight);
-      }
-    ), u(
-      () => i.value.domInRenderTree,
-      (e, n) => {
-        e && e !== n && a.value && o.updateDOMHeight(a.value.scrollHeight);
-      }
-    ), z(() => {
-      I(() => {
-        if (a.value && typeof ResizeObserver < "u") {
-          l.value = new ResizeObserver(O), l.value.observe(a.value);
-          const e = R();
-          o.updateDOMInRenderTree(e), e && o.updateDOMHeight(a.value.scrollHeight);
-        }
-      });
-    }), M(() => {
-      l.value && (l.value.disconnect(), l.value = null);
-    });
-    const T = c(() => ({
-      overflow: "hidden",
-      height: t.isOpen ? `${i.value.domHeight}px` : `${t.collapseHeight}px`,
-      opacity: t.isOpen || !t.fade || t.collapseHeight !== 0 ? 1 : 0,
-      transitionDuration: `${t.motion && i.value.isTransitioning ? t.duration : 0}ms`,
-      WebkitMaskImage: t.collapseHeight > 0 && !t.isOpen ? "linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0.2) 80%, transparent 100%)" : void 0,
-      maskImage: t.collapseHeight > 0 && !t.isOpen ? "linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0.2) 80%, transparent 100%)" : void 0,
-      ...t.style
-    })), C = c(
-      () => _(
-        `${g.PREFIX}-wrapper`,
-        {
-          [`${g.PREFIX}-transition`]: t.motion && i.value.isTransitioning
-        },
-        t.className
-      )
-    ), S = c(() => ({
-      overflow: "hidden"
-    })), p = c(() => t.keepDOM && (t.lazyRender ? r.value : !0) || t.collapseHeight !== 0 || i.value.visible || t.isOpen);
-    return u(p, (e) => {
-      e && !r.value && (r.value = !0);
-    }), p.value && (r.value = !0), h({
-      foundation: o
-    }), (e, n) => (k(), B("div", {
-      class: x(C.value),
-      style: v(T.value),
-      onTransitionend: H
-    }, [
-      D("div", {
-        id: f.id,
-        ref_key: "domRef",
-        ref: a,
-        style: v(S.value),
-        "x-semi-prop": "children"
-      }, [
-        p.value ? E(e.$slots, "default", { key: 0 }) : w("", !0)
-      ], 12, N)
-    ], 38));
-  }
-});
-export {
-  W as default
-};

package/lib/es/components/colorPicker/AlphaSlider.vue.js

@@ -1,82 +0,0 @@
-import { defineComponent as z, ref as u, watch as E, computed as i, onUnmounted as $, openBlock as H, createElementBlock as _, unref as s, normalizeStyle as l, normalizeClass as d, createElementVNode as p, withModifiers as x } from "vue";
-import F from "@douyinfe/semi-foundation/colorPicker/AlphaSliderFoundation";
-import { hsvaToHslaString as m, hsvaToRgbaString as k } from "@douyinfe/semi-foundation/colorPicker/utils/convert";
-import { round as B } from "@douyinfe/semi-foundation/colorPicker/utils/round";
-import { cssClasses as r } from "@douyinfe/semi-foundation/colorPicker/constants";
-import { useBaseComponent as C } from "../_utils/useBaseComponent.js";
-import { useFoundation as L } from "../../_utils/useFoundation.js";
-const R = ["aria-valuetext"], O = /* @__PURE__ */ z({
-  __name: "AlphaSlider",
-  props: {
-    width: {},
-    height: {},
-    hsva: {},
-    handleSize: {},
-    foundation: {},
-    className: {},
-    style: {}
-  },
-  setup(v) {
-    const e = v, h = u(null), n = u({
-      handlePosition: e.hsva.a * e.width - e.handleSize / 2,
-      isHandleGrabbing: !1
-    }), { adapter: c } = C(e, n), f = {
-      ...c,
-      handleMouseDown: (o) => {
-        n.value.isHandleGrabbing = !0, window.addEventListener("mousemove", a.setHandlePositionByMousePosition), window.addEventListener("mouseup", a.handleMouseUp);
-      },
-      handleMouseUp: () => {
-        n.value.isHandleGrabbing = !1, window.removeEventListener("mousemove", a.setHandlePositionByMousePosition), window.removeEventListener("mouseup", a.handleMouseUp);
-      },
-      getColorPickerFoundation: () => e.foundation,
-      getDOM: () => h.value
-    }, { foundation: a } = L(F, f), t = a;
-    E(
-      () => e.hsva.a,
-      (o) => {
-        n.value.handlePosition = o * e.width - e.handleSize / 2;
-      }
-    );
-    const w = i(() => m({ ...e.hsva, a: 0 })), S = i(() => m({ ...e.hsva, a: 1 })), g = i(() => `linear-gradient(90deg, ${w.value}, ${S.value})`), y = i(() => ({
-      width: typeof e.width == "number" ? `${e.width}px` : e.width,
-      height: typeof e.height == "number" ? `${e.height}px` : e.height,
-      ...e.style
-    })), P = i(() => ({
-      width: typeof e.handleSize == "number" ? `${e.handleSize}px` : e.handleSize,
-      height: typeof e.handleSize == "number" ? `${e.handleSize}px` : e.handleSize,
-      left: typeof n.value.handlePosition == "number" ? `${n.value.handlePosition}px` : n.value.handlePosition,
-      top: "50%",
-      transform: "translateY(-50%)",
-      backgroundColor: k(e.hsva)
-    })), b = (o) => {
-      t.setHandlePositionByMousePosition(o), t.handleMouseDown(o);
-    }, M = (o) => {
-      t.handleMouseDown(o);
-    };
-    return $(() => {
-      window.removeEventListener("mousemove", t.setHandlePositionByMousePosition), window.removeEventListener("mouseup", t.handleMouseUp);
-    }), (o, D) => (H(), _("div", {
-      ref_key: "sliderRef",
-      ref: h,
-      class: d(`${s(r).PREFIX}-alphaSlider`),
-      style: l(y.value),
-      "aria-label": "Alpha",
-      "aria-valuetext": `${s(B)(e.hsva.a * 100)}%`,
-      onMousedown: b
-    }, [
-      p("div", {
-        class: d(`${s(r).PREFIX}-alphaSliderInner`),
-        style: l({ background: g.value })
-      }, [
-        p("div", {
-          class: d(`${s(r).PREFIX}-alphaHandle`),
-          style: l(P.value),
-          onMousedown: x(M, ["stop"])
-        }, null, 38)
-      ], 6)
-    ], 46, R));
-  }
-});
-export {
-  O as default
-};