@phtngyn/cms 0.2.0-beta.8 → 0.3.0

package/studio/chunks/Collapsible-CKnEYIlp.js

@@ -0,0 +1,246 @@
+import { $ as e, A as t, Dt as n, E as r, F as i, Lt as a, O as o, b as s, h as c, pt as l, y as u } from "./Button-BT3ztSPx.js";
+import { $t as d, A as f, Ci as p, Cr as m, E as h, K as g, M as _, Or as v, Pn as y, V as b, _i as x, en as S, gn as C, ii as w, mr as T, ra as E, un as D } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { k as O } from "./overlay-DnqFLZTc.js";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.6.0-rc.10_typescript-native-bridge@6.0.3-bridge.18.tsgo.7.0.2_/node_modules/reka-ui/dist/Collapsible/CollapsibleRoot.js
+var [k, A] = /*#__PURE__*/ i("CollapsibleRoot"), j = /* @__PURE__ */ g({
+	__name: "CollapsibleRoot",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		open: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		unmountOnHide: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	emits: ["update:open"],
+	setup(e, { expose: i, emit: a }) {
+		let o = e, s = n(o, "open", a, {
+			defaultValue: o.defaultOpen,
+			passive: o.open === void 0
+		}), { disabled: c, unmountOnHide: l } = x(o);
+		return A({
+			contentId: "",
+			disabled: c,
+			open: s,
+			unmountOnHide: l,
+			onOpenToggle: () => {
+				c.value || (s.value = !s.value);
+			}
+		}), i({ open: s }), t(), (e, t) => (C(), f(p(r), {
+			as: e.as,
+			"as-child": o.asChild,
+			"data-state": p(s) ? "open" : "closed",
+			"data-disabled": p(c) ? "" : void 0
+		}, {
+			default: v(() => [y(e.$slots, "default", { open: p(s) })]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"data-state",
+			"data-disabled"
+		]));
+	}
+}), M = /* @__PURE__ */ g({
+	inheritAttrs: !1,
+	__name: "CollapsibleContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	emits: ["contentFound"],
+	setup(e, { emit: n }) {
+		let i = e, a = n, s = k();
+		s.contentId ||= o(void 0, "reka-collapsible-content");
+		let c = w(), { forwardRef: u, currentElement: g } = t(), x = w(0), T = w(0), E = h(() => s.open.value), A = w(E.value), j = w();
+		m(() => [E.value, c.value?.present], async () => {
+			await S();
+			let e = g.value;
+			if (!e) return;
+			j.value = j.value || {
+				transitionDuration: e.style.transitionDuration,
+				animationName: e.style.animationName
+			}, e.style.transitionDuration = "0s", e.style.animationName = "none";
+			let t = e.getBoundingClientRect();
+			T.value = t.height, x.value = t.width, A.value || (e.style.transitionDuration = j.value.transitionDuration, e.style.animationName = j.value.animationName);
+		}, { immediate: !0 });
+		let M = h(() => A.value && s.open.value);
+		return D(() => {
+			requestAnimationFrame(() => {
+				A.value = !1;
+			});
+		}), l(g, "beforematch", (e) => {
+			requestAnimationFrame(() => {
+				s.onOpenToggle(), a("contentFound");
+			});
+		}), (e, t) => (C(), f(p(O), {
+			ref_key: "presentRef",
+			ref: c,
+			present: e.forceMount || p(s).open.value,
+			"force-mount": !0
+		}, {
+			default: v(({ present: t }) => [b(p(r), d(e.$attrs, {
+				id: p(s).contentId,
+				ref: p(u),
+				"as-child": i.asChild,
+				as: e.as,
+				hidden: t ? void 0 : p(s).unmountOnHide.value ? "" : "until-found",
+				"data-state": M.value ? void 0 : p(s).open.value ? "open" : "closed",
+				"data-disabled": p(s).disabled?.value ? "" : void 0,
+				style: {
+					"--reka-collapsible-content-height": `${T.value}px`,
+					"--reka-collapsible-content-width": `${x.value}px`
+				}
+			}), {
+				default: v(() => [!p(s).unmountOnHide.value || t ? y(e.$slots, "default", { key: 0 }) : _("v-if", !0)]),
+				_: 2
+			}, 1040, [
+				"id",
+				"as-child",
+				"as",
+				"hidden",
+				"data-state",
+				"data-disabled",
+				"style"
+			])]),
+			_: 3
+		}, 8, ["present"]));
+	}
+}), N = /* @__PURE__ */ g({
+	__name: "CollapsibleTrigger",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "button"
+		}
+	},
+	setup(e) {
+		let n = e;
+		t();
+		let i = k();
+		return (e, t) => (C(), f(p(r), {
+			type: e.as === "button" ? "button" : void 0,
+			as: e.as,
+			"as-child": n.asChild,
+			"aria-controls": p(i).contentId,
+			"aria-expanded": p(i).open.value,
+			"data-state": p(i).open.value ? "open" : "closed",
+			"data-disabled": p(i).disabled?.value ? "" : void 0,
+			disabled: p(i).disabled?.value,
+			onClick: p(i).onOpenToggle
+		}, {
+			default: v(() => [y(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"type",
+			"as",
+			"as-child",
+			"aria-controls",
+			"aria-expanded",
+			"data-state",
+			"data-disabled",
+			"disabled",
+			"onClick"
+		]));
+	}
+}), P = { slots: {
+	root: "",
+	content: "data-[state=open]:animate-[collapsible-down_200ms_var(--ease-out)] data-[state=closed]:animate-[collapsible-up_200ms_var(--ease-out)] data-[state=closed]:overflow-hidden"
+} }, F = {
+	__name: "Collapsible",
+	props: {
+		as: {
+			type: null,
+			required: !1
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: !1
+		},
+		open: {
+			type: Boolean,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		unmountOnHide: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		}
+	},
+	emits: ["update:open"],
+	setup(t, { emit: n }) {
+		let r = t, i = n, o = T(), l = s("collapsible", r), m = e(), g = c(a(l, "as", "defaultOpen", "open", "disabled", "unmountOnHide"), i), x = h(() => u({
+			extend: P,
+			...m.ui?.collapsible || {}
+		})());
+		return (e, t) => (C(), f(p(j), d(p(g), {
+			"data-slot": "root",
+			class: x.value.root({ class: [p(l).ui?.root, p(l).class] })
+		}), {
+			default: v(({ open: t }) => [o.default ? (C(), f(p(N), {
+				key: 0,
+				"as-child": ""
+			}, {
+				default: v(() => [y(e.$slots, "default", { open: t })]),
+				_: 2
+			}, 1024)) : _("", !0), b(p(M), {
+				"data-slot": "content",
+				class: E(x.value.content({ class: p(l).ui?.content }))
+			}, {
+				default: v(() => [y(e.$slots, "content")]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+};
+//#endregion
+export { j as i, N as n, M as r, F as t };