@orchidui/dashboard 1.8.1-95 → 1.8.1-96

package/dist/AccordionTrigger.vue_vue_type_script_setup_true_lang-BdmLII9i.js

@@ -0,0 +1,295 @@
+import { defineComponent as d, toRefs as R, createBlock as c, openBlock as u, unref as a, withCtx as r, renderSlot as i, computed as f, withKeys as E, normalizeProps as F, guardReactiveProps as j, mergeProps as $, createElementVNode as D, normalizeClass as H, createVNode as V } from "vue";
+import { u as M, a as K } from "./useForwardPropsEmits-0XKBv1pB.js";
+import { c as A } from "./utils-SFgRDk1R.js";
+import { r as w } from "./index-OpE2oGce.js";
+import { u as y } from "./useForwardExpose-DZT6mL_U.js";
+import { _ as N, a as z, b as T } from "./CollapsibleTrigger-fCarY5DJ.js";
+import { P as S } from "./Primitive-B3twiLO1.js";
+import { u as q } from "./useSingleOrMultipleValue-BkTAaaJB.js";
+import { c as O } from "./createContext-CZEfaSVa.js";
+import { u as G } from "./useDirection-C3C_TLKm.js";
+import { u as J } from "./useArrowNavigation-BRMPveaB.js";
+import { u as L } from "./useId-reAg216X.js";
+import { C as Q } from "./chevron-down-CnpAlizg.js";
+const [C, U] = O("AccordionRoot"), W = /* @__PURE__ */ d({
+  __name: "AccordionRoot",
+  props: {
+    collapsible: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    dir: {},
+    orientation: { default: "vertical" },
+    unmountOnHide: { type: Boolean, default: !0 },
+    asChild: { type: Boolean },
+    as: {},
+    type: {},
+    modelValue: {},
+    defaultValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: o }) {
+    const t = s, e = o, { dir: n, disabled: l, unmountOnHide: p } = R(t), v = G(n), { modelValue: _, changeModelValue: h, isSingle: B } = q(t, e), { forwardRef: m, currentElement: b } = y();
+    return U({
+      disabled: l,
+      direction: v,
+      orientation: t.orientation,
+      parentElement: b,
+      isSingle: B,
+      collapsible: t.collapsible,
+      modelValue: _,
+      changeModelValue: h,
+      unmountOnHide: p
+    }), (g, k) => (u(), c(a(S), {
+      ref: a(m),
+      "as-child": g.asChild,
+      as: g.as
+    }, {
+      default: r(() => [
+        i(g.$slots, "default", { modelValue: a(_) })
+      ]),
+      _: 3
+    }, 8, ["as-child", "as"]));
+  }
+}), [x, X] = O("AccordionItem"), Y = /* @__PURE__ */ d({
+  __name: "AccordionItem",
+  props: {
+    disabled: { type: Boolean },
+    value: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(s, { expose: o }) {
+    const t = s, e = C(), n = f(
+      () => e.isSingle.value ? t.value === e.modelValue.value : Array.isArray(e.modelValue.value) && e.modelValue.value.includes(t.value)
+    ), l = f(() => e.disabled.value || t.disabled), p = f(() => l.value ? "" : void 0), v = f(
+      () => n.value ? "open" : "closed"
+      /* Closed */
+    );
+    o({ open: n, dataDisabled: p });
+    const { currentRef: _, currentElement: h } = y();
+    X({
+      open: n,
+      dataState: v,
+      disabled: l,
+      dataDisabled: p,
+      triggerId: "",
+      currentRef: _,
+      currentElement: h,
+      value: f(() => t.value)
+    });
+    function B(m) {
+      var I;
+      const b = m.target;
+      if (Array.from(((I = e.parentElement.value) == null ? void 0 : I.querySelectorAll("[data-reka-collection-item]")) ?? []).findIndex((P) => P === b) === -1)
+        return null;
+      J(
+        m,
+        h.value,
+        e.parentElement.value,
+        {
+          arrowKeyOptions: e.orientation,
+          dir: e.direction.value,
+          focus: !0
+        }
+      );
+    }
+    return (m, b) => (u(), c(a(N), {
+      "data-orientation": a(e).orientation,
+      "data-disabled": p.value,
+      "data-state": v.value,
+      disabled: l.value,
+      open: n.value,
+      as: t.as,
+      "as-child": t.asChild,
+      "unmount-on-hide": a(e).unmountOnHide.value,
+      onKeydown: E(B, ["up", "down", "left", "right", "home", "end"])
+    }, {
+      default: r(() => [
+        i(m.$slots, "default", { open: n.value })
+      ]),
+      _: 3
+    }, 8, ["data-orientation", "data-disabled", "data-state", "disabled", "open", "as", "as-child", "unmount-on-hide"]));
+  }
+}), Z = /* @__PURE__ */ d({
+  __name: "AccordionContent",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(s) {
+    const o = s, t = C(), e = x();
+    return y(), (n, l) => (u(), c(a(z), {
+      role: "region",
+      "as-child": o.asChild,
+      as: n.as,
+      "force-mount": o.forceMount,
+      "aria-labelledby": a(e).triggerId,
+      "data-state": a(e).dataState.value,
+      "data-disabled": a(e).dataDisabled.value,
+      "data-orientation": a(t).orientation,
+      style: { "--reka-accordion-content-width": "var(--reka-collapsible-content-width)", "--reka-accordion-content-height": "var(--reka-collapsible-content-height)" },
+      onContentFound: l[0] || (l[0] = (p) => a(t).changeModelValue(a(e).value.value))
+    }, {
+      default: r(() => [
+        i(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as-child", "as", "force-mount", "aria-labelledby", "data-state", "data-disabled", "data-orientation"]));
+  }
+}), ee = /* @__PURE__ */ d({
+  __name: "AccordionHeader",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "h3" }
+  },
+  setup(s) {
+    const o = s, t = C(), e = x();
+    return y(), (n, l) => (u(), c(a(S), {
+      as: o.as,
+      "as-child": o.asChild,
+      "data-orientation": a(t).orientation,
+      "data-state": a(e).dataState.value,
+      "data-disabled": a(e).dataDisabled.value
+    }, {
+      default: r(() => [
+        i(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "data-orientation", "data-state", "data-disabled"]));
+  }
+}), ae = /* @__PURE__ */ d({
+  __name: "AccordionTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(s) {
+    const o = s, t = C(), e = x();
+    e.triggerId || (e.triggerId = L(void 0, "reka-accordion-trigger"));
+    function n() {
+      const l = t.isSingle.value && e.open.value && !t.collapsible;
+      e.disabled.value || l || t.changeModelValue(e.value.value);
+    }
+    return (l, p) => (u(), c(a(T), {
+      id: a(e).triggerId,
+      ref: a(e).currentRef,
+      "data-reka-collection-item": "",
+      as: o.as,
+      "as-child": o.asChild,
+      "aria-disabled": a(e).disabled.value || void 0,
+      "aria-expanded": a(e).open.value || !1,
+      "data-disabled": a(e).dataDisabled.value,
+      "data-orientation": a(t).orientation,
+      "data-state": a(e).dataState.value,
+      disabled: a(e).disabled.value,
+      onClick: n
+    }, {
+      default: r(() => [
+        i(l.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["id", "as", "as-child", "aria-disabled", "aria-expanded", "data-disabled", "data-orientation", "data-state", "disabled"]));
+  }
+}), ve = /* @__PURE__ */ d({
+  __name: "Accordion",
+  props: {
+    collapsible: { type: Boolean },
+    disabled: { type: Boolean },
+    dir: {},
+    orientation: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    type: {},
+    modelValue: {},
+    defaultValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: o }) {
+    const n = M(s, o);
+    return (l, p) => (u(), c(a(W), F(j(a(n))), {
+      default: r(() => [
+        i(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), _e = /* @__PURE__ */ d({
+  __name: "AccordionContent",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(s) {
+    const o = s, t = w(o, "class");
+    return (e, n) => (u(), c(a(Z), $(a(t), { class: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" }), {
+      default: r(() => [
+        D("div", {
+          class: H(a(A)("pb-4 pt-0", o.class))
+        }, [
+          i(e.$slots, "default")
+        ], 2)
+      ]),
+      _: 3
+    }, 16));
+  }
+}), he = /* @__PURE__ */ d({
+  __name: "AccordionItem",
+  props: {
+    disabled: { type: Boolean },
+    value: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(s) {
+    const o = s, t = w(o, "class"), e = K(t);
+    return (n, l) => (u(), c(a(Y), $(a(e), {
+      class: a(A)("border-b", o.class)
+    }), {
+      default: r(() => [
+        i(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), be = /* @__PURE__ */ d({
+  __name: "AccordionTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(s) {
+    const o = s, t = w(o, "class");
+    return (e, n) => (u(), c(a(ee), { class: "flex" }, {
+      default: r(() => [
+        V(a(ae), $(a(t), {
+          class: a(A)(
+            "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+            o.class
+          )
+        }), {
+          default: r(() => [
+            i(e.$slots, "default"),
+            i(e.$slots, "icon", {}, () => [
+              V(a(Q), { class: "h-4 w-4 shrink-0 transition-transform duration-200" })
+            ])
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  ve as _,
+  _e as a,
+  he as b,
+  be as c
+};