@nubisco/ui 5.23.0 → 5.25.0

package/dist/Confirm-HGQclXDP.js

@@ -1,313 +0,0 @@
-import { useReducedMotion as e } from "./composables/useReducedMotion.composable.mjs";
-import { t } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { t as n } from "./Icon-rREAqsu0.js";
-import { t as r } from "./Button-IcCXOoCT.js";
-import { t as i } from "./Message-CVzG-irA.js";
-import { i as a, r as ee, t as te } from "./Modal-gXKbarBf.js";
-import { t as ne } from "./TextInput-E5ZF9zwv.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, onMounted as re, onUnmounted as ie, openBlock as g, ref as _, renderSlot as ae, toDisplayString as v, unref as y, useId as oe, useSlots as se, watch as b, withCtx as x, withKeys as ce, withModifiers as le } from "vue";
-import { regular as ue } from "@nubisco/ui/icons/check";
-import { regular as de } from "@nubisco/ui/icons/warning";
-//#region src/components/Confirm.vue?vue&type=script&setup=true&lang.ts
-var fe = {
-	key: 0,
-	class: "nb-confirm__message"
-}, pe = {
-	key: 0,
-	class: "nb-confirm__subject-kind"
-}, me = { class: "nb-confirm__subject-name" }, he = {
-	key: 1,
-	class: "nb-confirm__gate"
-}, ge = { class: "nb-confirm__live" }, _e = {
-	key: 0,
-	class: "nb-confirm__status",
-	role: "status"
-}, ve = {
-	key: 1,
-	class: "nb-confirm__status nb-confirm__status--success",
-	role: "status"
-}, S = /* @__PURE__ */ t(/* @__PURE__ */ p({
-	__name: "Confirm",
-	props: {
-		open: {
-			type: Boolean,
-			default: !1
-		},
-		title: {},
-		message: { default: void 0 },
-		subject: { default: void 0 },
-		subjectLabel: { default: void 0 },
-		confirmLabel: { default: "Confirm" },
-		cancelLabel: { default: "Cancel" },
-		tone: { default: "danger" },
-		typeToConfirm: { default: void 0 },
-		typeToConfirmLabel: { default: void 0 },
-		typeToConfirmHelper: { default: void 0 },
-		busy: {
-			type: Boolean,
-			default: !1
-		},
-		busyLabel: { default: "Working..." },
-		succeeded: {
-			type: Boolean,
-			default: !1
-		},
-		successLabel: { default: void 0 },
-		error: { default: void 0 },
-		size: { default: "sm" },
-		floatingSelectors: { default: () => [] },
-		contentClass: { default: void 0 }
-	},
-	emits: ["confirm", "cancel"],
-	setup(t, { expose: p, emit: S }) {
-		let C = t, w = S, T = oe(), E = `nb-confirm-title-${T}`, D = `nb-confirm-body-${T}`, ye = se(), O = _(null), k = _(null), A = _(null), j = _(""), M = e(), N = o(() => C.busy || C.succeeded);
-		function P() {
-			return !!C.message || !!C.subject || !!ye.default;
-		}
-		let be = o(() => C.tone === "danger" ? "danger" : "primary"), xe = o(() => C.typeToConfirmLabel ?? `Type ${C.typeToConfirm} to confirm`), Se = o(() => !C.typeToConfirm || j.value.trim() === C.typeToConfirm), F = o(() => Se.value && !N.value);
-		function Ce() {
-			F.value && w("confirm");
-		}
-		function I() {
-			let e = A.value?.$el;
-			return e instanceof HTMLElement ? e : null;
-		}
-		function L() {
-			return O.value?.closest("[role=\"dialog\"],[role=\"alertdialog\"]") ?? null;
-		}
-		function we() {
-			return typeof document > "u" ? [] : Array.from(document.querySelectorAll("[aria-modal=\"true\"]"));
-		}
-		function R() {
-			let e = L();
-			if (!e) return !1;
-			let t = we();
-			return t.length === 0 || t[t.length - 1] === e;
-		}
-		let Te = [
-			"a[href]:not([tabindex=\"-1\"])",
-			"area[href]:not([tabindex=\"-1\"])",
-			"button:not([disabled]):not([tabindex=\"-1\"])",
-			"input:not([disabled]):not([type=\"hidden\"]):not([tabindex=\"-1\"])",
-			"select:not([disabled]):not([tabindex=\"-1\"])",
-			"textarea:not([disabled]):not([tabindex=\"-1\"])",
-			"summary:not([tabindex=\"-1\"])",
-			"audio[controls]:not([tabindex=\"-1\"])",
-			"video[controls]:not([tabindex=\"-1\"])",
-			"iframe:not([tabindex=\"-1\"])",
-			"[contenteditable]:not([contenteditable=\"false\"]):not([tabindex=\"-1\"])",
-			"[tabindex]:not([tabindex=\"-1\"])"
-		].map((e) => `${e}:not([hidden]):not([aria-hidden="true"])`).join(",");
-		function Ee() {
-			return a(C.floatingSelectors);
-		}
-		function z(e) {
-			return e instanceof Element ? !!e.closest(Ee()) : !1;
-		}
-		function B(e) {
-			let t = L();
-			return !!t && !!e && t.contains(e);
-		}
-		function V() {
-			let e = L();
-			return e ? Array.from(e.querySelectorAll(Te)).filter((e) => e.getAttribute("aria-disabled") !== "true") : [];
-		}
-		function H() {
-			let e = L();
-			return e ? (e.focus(), !0) : !1;
-		}
-		function U() {
-			let e = V()[0];
-			e ? e.focus() : H();
-		}
-		let W = null;
-		function G() {
-			let e = W;
-			W = null, e?.isConnected && e.focus();
-		}
-		function K() {
-			ee(L(), M.value);
-		}
-		b(M, () => {
-			C.open && K();
-		}), b(() => [C.busy, C.error], async (e, t) => {
-			if (!C.open) return;
-			let [n, r] = e, i = t?.[0] ?? !1;
-			if (await m(), n) {
-				V().length === 0 && H();
-				return;
-			}
-			if (i && r) {
-				let e = k.value;
-				e ? e.focus() : U();
-				return;
-			}
-			let a = document.activeElement;
-			!B(a) && !z(a) && U();
-		}), b(() => C.open, async (e) => {
-			e ? (W = document.activeElement instanceof HTMLElement ? document.activeElement : null, j.value = "", await m(), K(), I() ? I()?.focus() : H()) : G();
-		}, { immediate: !0 });
-		function q() {
-			N.value || w("cancel");
-		}
-		let J = !1, Y = !1;
-		function X(e) {
-			let t = e.target;
-			J = B(t) || z(t);
-		}
-		function Z(e) {
-			Y = B(e.target);
-		}
-		function De() {
-			let e = J && !Y;
-			J = !1, !e && q();
-		}
-		function Q(e) {
-			if (!C.open || z(document.activeElement)) return;
-			if (e.key === "Escape") {
-				if (!R()) return;
-				e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), q();
-				return;
-			}
-			if (e.key !== "Tab" || !R()) return;
-			let t = V();
-			if (t.length === 0) {
-				e.preventDefault(), B(document.activeElement) || H();
-				return;
-			}
-			let n = t[0], r = t[t.length - 1], i = document.activeElement;
-			e.shiftKey && (i === n || !B(i)) ? (e.preventDefault(), r.focus()) : !e.shiftKey && i === r ? (e.preventDefault(), n.focus()) : B(i) || (e.preventDefault(), n.focus());
-		}
-		function $(e) {
-			if (!C.open) return;
-			let t = e.relatedTarget;
-			if (t instanceof Element) {
-				if (B(t) || z(t)) return;
-			} else if (t !== null) return;
-			requestAnimationFrame(() => {
-				if (!C.open) return;
-				let e = document.activeElement;
-				B(e) || z(e) || e && e !== document.body && !e.isConnected || R() && U();
-			});
-		}
-		return typeof document < "u" && (document.addEventListener("keydown", Q, !0), document.addEventListener("focusout", $, !0), document.addEventListener("mousedown", X, !0), document.addEventListener("touchstart", X, !0), document.addEventListener("click", Z, !0)), re(() => {
-			C.open && (K(), I() ? I()?.focus() : H());
-		}), ie(() => {
-			typeof document < "u" && (document.removeEventListener("keydown", Q, !0), document.removeEventListener("focusout", $, !0), document.removeEventListener("mousedown", X, !0), document.removeEventListener("touchstart", X, !0), document.removeEventListener("click", Z, !0)), G();
-		}), p({
-			focusCancel: () => I()?.focus(),
-			restoreFocus: G,
-			isTopmost: R
-		}), (e, a) => (g(), s(te, {
-			open: t.open,
-			size: t.size,
-			role: t.tone === "danger" ? "alertdialog" : "dialog",
-			"labelled-by": E,
-			"described-by": P() ? D : void 0,
-			busy: t.busy,
-			"close-on-overlay": !N.value,
-			"close-disabled": N.value,
-			"close-on-escape": !1,
-			"trap-focus": !1,
-			onClose: De
-		}, {
-			header: x(() => [u("span", {
-				id: E,
-				class: h(["nb-confirm__heading", `nb-confirm__heading--${t.tone}`])
-			}, [t.tone === "danger" ? (g(), s(n, {
-				key: 0,
-				name: y(de),
-				size: 16,
-				"aria-hidden": "true"
-			}, null, 8, ["name"])) : c("", !0), u("span", null, v(t.title), 1)], 2)]),
-			footer: x(() => [f(r, {
-				ref_key: "cancelRef",
-				ref: A,
-				class: "nb-confirm__action nb-confirm__action--cancel",
-				variant: "ghost",
-				size: "lg",
-				disabled: N.value,
-				"data-nb-confirm": "cancel",
-				onClick: q
-			}, {
-				default: x(() => [d(v(t.cancelLabel), 1)]),
-				_: 1
-			}, 8, ["disabled"]), f(r, {
-				class: "nb-confirm__action nb-confirm__action--confirm",
-				variant: be.value,
-				size: "lg",
-				disabled: !F.value,
-				loading: t.busy,
-				"data-nb-confirm": "confirm",
-				onClick: Ce
-			}, {
-				default: x(() => [d(v(t.confirmLabel), 1)]),
-				_: 1
-			}, 8, [
-				"variant",
-				"disabled",
-				"loading"
-			])]),
-			default: x(() => [u("div", {
-				ref_key: "rootRef",
-				ref: O,
-				class: h(["nb-confirm", t.contentClass])
-			}, [
-				P() ? (g(), l("div", {
-					key: 0,
-					id: D,
-					class: "nb-confirm__body"
-				}, [ae(e.$slots, "default", {}, () => [t.message ? (g(), l("p", fe, v(t.message), 1)) : c("", !0)], !0), t.subject ? (g(), l("p", {
-					key: 0,
-					class: h(["nb-confirm__subject", `nb-confirm__subject--${t.tone}`])
-				}, [t.subjectLabel ? (g(), l("span", pe, v(t.subjectLabel), 1)) : c("", !0), u("span", me, v(t.subject), 1)], 2)) : c("", !0)])) : c("", !0),
-				t.typeToConfirm ? (g(), l("div", he, [f(ne, {
-					modelValue: j.value,
-					"onUpdate:modelValue": a[0] ||= (e) => j.value = e,
-					class: "nb-confirm__gate-field",
-					label: xe.value,
-					helper: t.typeToConfirmHelper,
-					disabled: N.value,
-					autocomplete: "off",
-					spellcheck: "false",
-					"data-nb-confirm": "gate",
-					onKeydown: a[1] ||= ce(le(() => {}, ["prevent"]), ["enter"])
-				}, null, 8, [
-					"modelValue",
-					"label",
-					"helper",
-					"disabled"
-				])])) : c("", !0),
-				u("div", ge, [
-					t.busy ? (g(), l("p", _e, v(t.busyLabel), 1)) : c("", !0),
-					t.succeeded && t.successLabel ? (g(), l("p", ve, [f(n, {
-						name: y(ue),
-						size: 14,
-						"aria-hidden": "true"
-					}, null, 8, ["name"]), u("span", null, v(t.successLabel), 1)])) : c("", !0),
-					t.error ? (g(), l("div", {
-						key: 2,
-						ref_key: "errorRef",
-						ref: k,
-						class: "nb-confirm__error",
-						tabindex: "-1"
-					}, [f(i, { variant: "error" }, {
-						default: x(() => [d(v(t.error), 1)]),
-						_: 1
-					})], 512)) : c("", !0)
-				])
-			], 2)]),
-			_: 3
-		}, 8, [
-			"open",
-			"size",
-			"role",
-			"described-by",
-			"busy",
-			"close-on-overlay",
-			"close-disabled"
-		]));
-	}
-}), [["__scopeId", "data-v-683eafb1"]]);
-//#endregion
-export { S as t };