@phtngyn/cms 0.2.0-beta.7 → 0.3.0

package/studio/chunks/Tooltip-Bu15m_DB.js

@@ -0,0 +1,693 @@
+import { $ as e, A as t, C as n, Dt as r, E as i, F as a, Lt as o, O as s, b as c, d as l, h as u, k as d, nn as f, pt as p, qt as m, y as h } from "./Button-BT3ztSPx.js";
+import { I as g, J as _, P as v, Y as y, q as b } from "./studioContext-I8HozGU1.js";
+import { b as x } from "./useApi-CUWMwLLw-B3Q3g2nf.js";
+import { $t as S, A as C, B as w, Ci as T, Cr as E, E as D, K as O, M as k, N as A, Nn as ee, Or as j, Pn as M, V as N, _i as te, aa as P, fa as F, gi as I, gn as L, ii as R, ir as ne, mr as re, o as ie, pt as z, ra as B, un as V, zn as H } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { t as U } from "./Kbd-Ot7TIhVZ.js";
+import { E as W, a as G, i as K, k as q } from "./overlay-DnqFLZTc.js";
+import { t as J } from "./useGraceArea-Chcy25IQ.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/Tooltip/TooltipArrow.js
+var ae = /* @__PURE__ */ O({
+	__name: "TooltipArrow",
+	props: {
+		width: {
+			type: Number,
+			required: !1,
+			default: 10
+		},
+		height: {
+			type: Number,
+			required: !1,
+			default: 5
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "svg"
+		}
+	},
+	setup(e) {
+		let n = e;
+		return t(), (e, t) => (L(), C(T(v), P(z(n)), {
+			default: j(() => [M(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), [Y, oe] = /*#__PURE__*/ a("TooltipProvider"), se = /* @__PURE__ */ O({
+	inheritAttrs: !1,
+	__name: "TooltipProvider",
+	props: {
+		delayDuration: {
+			type: Number,
+			required: !1,
+			default: 700
+		},
+		skipDelayDuration: {
+			type: Number,
+			required: !1,
+			default: 300
+		},
+		disableHoverableContent: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		disableClosingTrigger: {
+			type: Boolean,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		ignoreNonKeyboardFocus: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		content: {
+			type: Object,
+			required: !1
+		}
+	},
+	setup(e) {
+		let { delayDuration: n, skipDelayDuration: r, disableHoverableContent: i, disableClosingTrigger: a, ignoreNonKeyboardFocus: o, disabled: s, content: c } = te(e);
+		t();
+		let l = R(!0), u = R(!1), { start: d, stop: f } = m(() => {
+			l.value = !0;
+		}, r, { immediate: !1 });
+		return oe({
+			isOpenDelayed: l,
+			delayDuration: n,
+			onOpen() {
+				f(), l.value = !1;
+			},
+			onClose() {
+				d();
+			},
+			isPointerInTransitRef: u,
+			disableHoverableContent: i,
+			disableClosingTrigger: a,
+			disabled: s,
+			ignoreNonKeyboardFocus: o,
+			content: c
+		}), (e, t) => M(e.$slots, "default");
+	}
+}), X = "tooltip.open", [Z, ce] = /*#__PURE__*/ a("TooltipRoot"), le = /* @__PURE__ */ O({
+	__name: "TooltipRoot",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		open: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		delayDuration: {
+			type: Number,
+			required: !1,
+			default: void 0
+		},
+		disableHoverableContent: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		disableClosingTrigger: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		ignoreNonKeyboardFocus: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: n }) {
+		let i = e, a = n;
+		t();
+		let o = Y(), s = D(() => i.disableHoverableContent ?? o.disableHoverableContent.value), c = D(() => i.disableClosingTrigger ?? o.disableClosingTrigger.value), l = D(() => i.disabled ?? o.disabled.value), u = D(() => i.delayDuration ?? o.delayDuration.value), d = D(() => i.ignoreNonKeyboardFocus ?? o.ignoreNonKeyboardFocus.value), f = r(i, "open", a, {
+			defaultValue: i.defaultOpen,
+			passive: i.open === void 0
+		});
+		E(f, (e) => {
+			o.onClose && (e ? (o.onOpen(), document.dispatchEvent(new CustomEvent(X))) : o.onClose());
+		});
+		let p = R(!1), h = R(), g = D(() => f.value ? p.value ? "delayed-open" : "instant-open" : "closed"), { start: v, stop: y } = m(() => {
+			p.value = !0, f.value = !0;
+		}, u, { immediate: !1 });
+		function b() {
+			y(), p.value = !1, f.value = !0;
+		}
+		function x() {
+			y(), f.value = !1;
+		}
+		function S() {
+			v();
+		}
+		return ce({
+			contentId: "",
+			open: f,
+			stateAttribute: g,
+			trigger: h,
+			onTriggerChange(e) {
+				h.value = e;
+			},
+			onTriggerEnter() {
+				o.isOpenDelayed.value ? S() : b();
+			},
+			onTriggerLeave() {
+				s.value ? x() : y();
+			},
+			onOpen: b,
+			onClose: x,
+			disableHoverableContent: s,
+			disableClosingTrigger: c,
+			disabled: l,
+			ignoreNonKeyboardFocus: d
+		}), (e, t) => (L(), C(T(_), null, {
+			default: j(() => [M(e.$slots, "default", { open: T(f) })]),
+			_: 3
+		}));
+	}
+}), Q = /* @__PURE__ */ O({
+	__name: "TooltipContentImpl",
+	props: {
+		ariaLabel: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		as: {
+			type: null,
+			required: !1
+		},
+		side: {
+			type: null,
+			required: !1
+		},
+		sideOffset: {
+			type: Number,
+			required: !1
+		},
+		align: {
+			type: null,
+			required: !1
+		},
+		alignOffset: {
+			type: Number,
+			required: !1
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		collisionBoundary: {
+			type: null,
+			required: !1
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: !1
+		},
+		arrowPadding: {
+			type: Number,
+			required: !1
+		},
+		sticky: {
+			type: String,
+			required: !1
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		positionStrategy: {
+			type: String,
+			required: !1
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: !1
+		}
+	},
+	emits: ["escapeKeyDown", "pointerDownOutside"],
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = Z(), o = Y(), { forwardRef: s, currentElement: c } = t(), l = D(() => r.ariaLabel || c.value?.textContent), u = D(() => {
+			let { ariaLabel: e, ...t } = r;
+			return x(t, o.content.value ?? {}, {
+				side: "top",
+				sideOffset: 0,
+				align: "center",
+				avoidCollisions: !0,
+				collisionBoundary: [],
+				collisionPadding: 0,
+				arrowPadding: 0,
+				sticky: "partial",
+				hideWhenDetached: !1
+			});
+		});
+		return V(() => {
+			p(window, "scroll", (e) => {
+				e.target?.contains(a.trigger.value) && a.onClose();
+			}, { capture: !0 }), p(document, X, a.onClose);
+		}), (e, t) => (L(), C(T(W), {
+			"as-child": "",
+			"disable-outside-pointer-events": !1,
+			onEscapeKeyDown: t[0] ||= (e) => i("escapeKeyDown", e),
+			onPointerDownOutside: t[1] ||= (e) => {
+				T(a).disableClosingTrigger.value && T(a).trigger.value?.contains(e.target) && e.preventDefault(), i("pointerDownOutside", e);
+			},
+			onFocusOutside: t[2] ||= f(() => {}, ["prevent"]),
+			onDismiss: t[3] ||= (e) => T(a).onClose()
+		}, {
+			default: j(() => [N(T(g), S({
+				ref: T(s),
+				"data-state": T(a).stateAttribute.value
+			}, {
+				...e.$attrs,
+				...u.value
+			}, { style: {
+				"--reka-tooltip-content-transform-origin": "var(--reka-popper-transform-origin)",
+				"--reka-tooltip-content-available-width": "var(--reka-popper-available-width)",
+				"--reka-tooltip-content-available-height": "var(--reka-popper-available-height)",
+				"--reka-tooltip-trigger-width": "var(--reka-popper-anchor-width)",
+				"--reka-tooltip-trigger-height": "var(--reka-popper-anchor-height)"
+			} }), {
+				default: j(() => [M(e.$slots, "default"), N(T(G), {
+					id: T(a).contentId,
+					role: "tooltip"
+				}, {
+					default: j(() => [w(F(l.value), 1)]),
+					_: 1
+				}, 8, ["id"])]),
+				_: 3
+			}, 16, ["data-state"])]),
+			_: 3
+		}));
+	}
+}), $ = /* @__PURE__ */ O({
+	__name: "TooltipContentHoverable",
+	props: {
+		ariaLabel: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		},
+		side: {
+			type: null,
+			required: !1
+		},
+		sideOffset: {
+			type: Number,
+			required: !1
+		},
+		align: {
+			type: null,
+			required: !1
+		},
+		alignOffset: {
+			type: Number,
+			required: !1
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: !1
+		},
+		collisionBoundary: {
+			type: null,
+			required: !1
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: !1
+		},
+		arrowPadding: {
+			type: Number,
+			required: !1
+		},
+		sticky: {
+			type: String,
+			required: !1
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: !1
+		},
+		positionStrategy: {
+			type: String,
+			required: !1
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: !1
+		}
+	},
+	setup(e) {
+		let n = d(e), { forwardRef: r, currentElement: i } = t(), { trigger: a, onClose: o } = Z(), s = Y(), { isPointerInTransit: c, onPointerExit: l } = J(a, i);
+		return s.isPointerInTransitRef = c, l(() => {
+			o();
+		}), p(i, "pointermove", (e) => {
+			let t = i.value;
+			t && e.pointerType !== "touch" && t.ownerDocument.elementsFromPoint?.(e.clientX, e.clientY).some((e) => {
+				if (t.contains(e)) return !1;
+				let n = e.closest("[data-grace-area-trigger]");
+				return !!n && n !== a.value;
+			}) && o();
+		}), (e, t) => (L(), C(Q, S({ ref: T(r) }, T(n)), {
+			default: j(() => [M(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), ue = /* @__PURE__ */ O({
+	__name: "TooltipContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: !1
+		},
+		ariaLabel: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		},
+		side: {
+			type: null,
+			required: !1
+		},
+		sideOffset: {
+			type: Number,
+			required: !1
+		},
+		align: {
+			type: null,
+			required: !1
+		},
+		alignOffset: {
+			type: Number,
+			required: !1
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: !1
+		},
+		collisionBoundary: {
+			type: null,
+			required: !1
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: !1
+		},
+		arrowPadding: {
+			type: Number,
+			required: !1
+		},
+		sticky: {
+			type: String,
+			required: !1
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: !1
+		},
+		positionStrategy: {
+			type: String,
+			required: !1
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: !1
+		}
+	},
+	emits: ["escapeKeyDown", "pointerDownOutside"],
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = Z(), o = y(r, i), { forwardRef: s } = t();
+		return (e, t) => (L(), C(T(q), { present: e.forceMount || T(a).open.value }, {
+			default: j(() => [(L(), C(H(T(a).disableHoverableContent.value ? Q : $), S({ ref: T(s) }, T(o)), {
+				default: j(() => [M(e.$slots, "default")]),
+				_: 3
+			}, 16))]),
+			_: 3
+		}, 8, ["present"]));
+	}
+}), de = /* @__PURE__ */ O({
+	__name: "TooltipPortal",
+	props: {
+		to: {
+			type: null,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		defer: {
+			type: Boolean,
+			required: !1
+		},
+		forceMount: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (L(), C(T(n), P(z(t)), {
+			default: j(() => [M(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), fe = /* @__PURE__ */ O({
+	__name: "TooltipTrigger",
+	props: {
+		reference: {
+			type: null,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "button"
+		}
+	},
+	setup(e) {
+		let n = e, r = Z(), a = Y();
+		r.contentId ||= s(void 0, "reka-tooltip-content");
+		let { forwardRef: o, currentElement: c } = t(), l = R(!1), u = R(!1), d = D(() => r.disabled.value ? {} : {
+			click: v,
+			focus: g,
+			pointermove: m,
+			pointerleave: h,
+			pointerdown: p,
+			blur: _
+		});
+		E(c, (e) => {
+			r.onTriggerChange(e);
+		}, { immediate: !0 });
+		function f() {
+			setTimeout(() => {
+				l.value = !1;
+			}, 1);
+		}
+		function p() {
+			r.open && !r.disableClosingTrigger.value && r.onClose(), l.value = !0, document.addEventListener("pointerup", f, { once: !0 });
+		}
+		function m(e) {
+			e.pointerType !== "touch" && !u.value && !a.isPointerInTransitRef.value && (r.onTriggerEnter(), u.value = !0);
+		}
+		function h() {
+			r.onTriggerLeave(), u.value = !1;
+		}
+		function g(e) {
+			l.value || (!r.ignoreNonKeyboardFocus.value || e.target.matches?.(":focus-visible")) && r.onOpen();
+		}
+		function _() {
+			r.onClose();
+		}
+		function v() {
+			r.disableClosingTrigger.value || r.onClose();
+		}
+		return (e, t) => (L(), C(T(b), {
+			"as-child": "",
+			reference: e.reference ?? T(c)
+		}, {
+			default: j(() => [N(T(i), S({
+				ref: T(o),
+				"aria-describedby": T(r).open.value ? T(r).contentId : void 0,
+				"data-state": T(r).stateAttribute.value,
+				as: e.as,
+				"as-child": n.asChild,
+				"data-grace-area-trigger": ""
+			}, ne(d.value)), {
+				default: j(() => [M(e.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"aria-describedby",
+				"data-state",
+				"as",
+				"as-child"
+			])]),
+			_: 3
+		}, 8, ["reference"]));
+	}
+}), pe = { slots: {
+	content: "flex items-center gap-1 bg-default text-highlighted shadow-sm rounded-sm ring ring-default h-6 px-2.5 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_var(--ease-out)] data-[state=closed]:animate-[scale-out_100ms_var(--ease-out)] origin-(--reka-tooltip-content-transform-origin) pointer-events-auto",
+	arrow: "fill-bg stroke-default",
+	text: "truncate",
+	kbds: "hidden lg:inline-flex items-center shrink-0 gap-0.5 not-first-of-type:before:content-['·'] not-first-of-type:before:me-0.5",
+	kbdsSize: "sm"
+} }, me = {
+	__name: "Tooltip",
+	props: {
+		text: {
+			type: String,
+			required: !1
+		},
+		kbds: {
+			type: Array,
+			required: !1
+		},
+		content: {
+			type: Object,
+			required: !1
+		},
+		arrow: {
+			type: [Boolean, Object],
+			required: !1
+		},
+		portal: {
+			type: [Boolean, String],
+			required: !1,
+			skipCheck: !0,
+			default: !0
+		},
+		reference: {
+			type: null,
+			required: !1
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: !1
+		},
+		open: {
+			type: Boolean,
+			required: !1
+		},
+		delayDuration: {
+			type: Number,
+			required: !1
+		},
+		disableHoverableContent: {
+			type: Boolean,
+			required: !1
+		},
+		disableClosingTrigger: {
+			type: Boolean,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		ignoreNonKeyboardFocus: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	emits: ["update:open"],
+	setup(t, { emit: n, attrs: r }) {
+		let i = t, a = n, s = re(), d = c("tooltip", i), f = e(), p = Y(), m = u(o(d, "defaultOpen", "open", "delayDuration", "disableHoverableContent", "disableClosingTrigger", "ignoreNonKeyboardFocus"), a), g = K(I(() => d.portal)), _ = I(() => x(d.content, p.content.value, {
+			side: "bottom",
+			sideOffset: 8,
+			collisionPadding: 8
+		})), v = I(() => x(d.arrow, { rounded: !0 })), y = D(() => h({
+			extend: pe,
+			...f.ui?.tooltip || {}
+		})({ side: _.value.side }));
+		return (e, t) => (L(), C(T(le), S(T(m), { disabled: !(T(d).text || T(d).kbds?.length || s.content) || T(d).disabled }), {
+			default: j(({ open: t }) => [s.default || T(d).reference ? (L(), C(T(fe), S({ key: 0 }, r, {
+				"as-child": "",
+				reference: T(d).reference,
+				class: T(d).class
+			}), {
+				default: j(() => [M(e.$slots, "default", { open: t })]),
+				_: 2
+			}, 1040, ["reference", "class"])) : k("", !0), N(T(de), P(z(T(g))), {
+				default: j(() => [N(T(l), null, {
+					default: j(() => [N(T(ue), S(_.value, {
+						"data-slot": "content",
+						class: y.value.content({ class: [!s.default && T(d).class, T(d).ui?.content] })
+					}), {
+						default: j(() => [M(e.$slots, "content", { ui: y.value }, () => [T(d).text ? (L(), A("span", {
+							key: 0,
+							"data-slot": "text",
+							class: B(y.value.text({ class: T(d).ui?.text }))
+						}, F(T(d).text), 3)) : k("", !0), T(d).kbds?.length ? (L(), A("span", {
+							key: 1,
+							"data-slot": "kbds",
+							class: B(y.value.kbds({ class: T(d).ui?.kbds }))
+						}, [(L(!0), A(ie, null, ee(T(d).kbds, (e, t) => (L(), C(U, S({
+							key: t,
+							size: T(d).ui?.kbdsSize || y.value.kbdsSize()
+						}, { ref_for: !0 }, typeof e == "string" ? { value: e } : e), null, 16, ["size"]))), 128))], 2)) : k("", !0)]), T(d).arrow ? (L(), C(T(ae), S({ key: 0 }, v.value, {
+							"data-slot": "arrow",
+							class: y.value.arrow({ class: T(d).ui?.arrow })
+						}), null, 16, ["class"])) : k("", !0)]),
+						_: 3
+					}, 16, ["class"])]),
+					_: 3
+				})]),
+				_: 3
+			}, 16)]),
+			_: 3
+		}, 16, ["disabled"]));
+	}
+};
+//#endregion
+export { se as n, me as t };

package/studio/chunks/TrashPage-lhqLLdoG.js

@@ -0,0 +1,12 @@
+import { A as e, K as t, gn as n } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { t as r } from "./ContentInventory-D7nsFA6U.js";
+//#endregion
+//#region src/app/pages/TrashPage.vue
+var i = /* @__PURE__ */ t({
+	__name: "TrashPage",
+	setup(t) {
+		return (t, i) => (n(), e(r, { trash: "" }));
+	}
+});
+//#endregion
+export { i as default };