@trilogy-data/trilogy-studio-components 0.1.25 → 0.1.27

package/dist/LoadingButton-OH3frQuO.js

@@ -1,138 +0,0 @@
-import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
-import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as n } from "./ModalDialog-D1EOG4rl.js";
-import { Fragment as r, Transition as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, mergeProps as u, normalizeClass as d, onMounted as f, onUnmounted as p, openBlock as m, ref as h, renderSlot as g, resolveComponent as _, toDisplayString as v, useAttrs as y, withCtx as b, withModifiers as x } from "vue";
-//#region components/LoadingButton.vue?vue&type=script&lang.ts
-var S = {
-	props: {
-		action: {
-			type: Function,
-			required: !0
-		},
-		useDefaultStyle: {
-			type: Boolean,
-			default: !0
-		},
-		keyCombination: {
-			type: Array,
-			default: null
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		testId: {
-			type: String,
-			default: ""
-		}
-	},
-	components: { ModalDialog: n },
-	setup(e) {
-		let t = y(), n = a(() => e.testId || (typeof t["data-testid"] == "string" ? t["data-testid"] : "")), r = h(!1), i = h(null), o = h(null), s = h(!1), c = /* @__PURE__ */ new Set(), l = null, u = (t) => {
-			if (!e.keyCombination || !t.key) return;
-			c.add(t.key.toLowerCase());
-			let n = new Set(e.keyCombination.map((e) => e.toLowerCase()));
-			Array.from(n).every((e) => c.has(e)) && (c.clear(), t.preventDefault(), g());
-		}, d = (t) => {
-			e.keyCombination && t.key && c.delete(t.key.toLowerCase());
-		}, m = () => {
-			s.value = !1, o.value = null, i.value = null;
-		}, g = async () => {
-			if (r.value || s.value) return;
-			l &&= (clearTimeout(l), null), r.value = !0, o.value = null, i.value = null;
-			let t = Date.now(), n = null;
-			try {
-				await e.action(), n = "success";
-			} catch (e) {
-				n = "error", e instanceof Error ? i.value = e.message : typeof e == "string" ? i.value = e : i.value = "An unknown error occurred";
-			} finally {
-				let e = Date.now() - t, i = Math.max(500 - e, 0);
-				await new Promise((e) => setTimeout(e, i)), o.value = n, r.value = !1, n === "error" ? s.value = !0 : l = setTimeout(() => {
-					o.value = null, l = null;
-				}, 1500);
-			}
-		};
-		return f(() => {
-			window.addEventListener("keydown", u), window.addEventListener("keyup", d);
-		}), p(() => {
-			window.removeEventListener("keydown", u), window.removeEventListener("keyup", d), l && clearTimeout(l);
-		}), {
-			effectiveTestId: n,
-			errorMessage: i,
-			isLoading: r,
-			status: o,
-			showErrorModal: s,
-			handleClick: g,
-			handleKeydown: u,
-			dismissError: m,
-			retryAction: () => {
-				m(), g();
-			}
-		};
-	}
-}, C = /* @__PURE__ */ e({ default: () => M }), w = ["disabled", "data-testid"], T = {
-	key: 0,
-	class: "success status_overlay"
-}, E = ["data-testid"], D = {
-	key: 1,
-	class: "loading status_overlay"
-}, O = ["data-testid"], k = ["data-testid"], A = ["data-testid"];
-function j(e, t, n, a, f, p) {
-	let h = _("ModalDialog");
-	return m(), s(r, null, [c("button", u({ class: [
-		n.useDefaultStyle ? "default-style" : "",
-		e.$attrs.class,
-		"btn"
-	] }, e.$attrs, {
-		disabled: n.disabled || a.isLoading,
-		onClick: t[0] ||= x((...e) => a.handleClick && a.handleClick(...e), ["stop"]),
-		"data-testid": a.effectiveTestId
-	}), [
-		c("span", { class: d({
-			"hidden-text": a.isLoading,
-			contents: !0
-		}) }, [g(e.$slots, "default", {}, void 0, !0)], 2),
-		l(i, { name: "status-fade" }, {
-			default: b(() => [a.status === "success" ? (m(), s("span", T, [...t[3] ||= [c("span", {
-				class: "success-backdrop",
-				"aria-hidden": "true"
-			}, null, -1), c("span", { class: "status-symbol" }, "✔", -1)]])) : o("", !0)]),
-			_: 1
-		}),
-		a.status === "error" ? (m(), s("span", {
-			key: 0,
-			class: "error status_overlay",
-			"data-testid": `${a.effectiveTestId}-error`
-		}, "✖", 8, E)) : a.isLoading ? (m(), s("span", D, [...t[4] ||= [c("span", { class: "spinner" }, null, -1)]])) : o("", !0)
-	], 16, w), l(h, {
-		show: a.showErrorModal,
-		title: "Action failed",
-		"max-width": "560px",
-		"test-id": a.effectiveTestId ? `${a.effectiveTestId}-error-modal` : "loading-button-error-modal",
-		onClose: a.dismissError
-	}, {
-		footer: b(() => [c("button", {
-			type: "button",
-			class: "okay-button",
-			"data-testid": a.effectiveTestId ? `${a.effectiveTestId}-error-okay` : "loading-button-error-okay",
-			onClick: t[1] ||= (...e) => a.dismissError && a.dismissError(...e)
-		}, " Okay ", 8, k), c("button", {
-			type: "button",
-			class: "retry-button",
-			"data-testid": a.effectiveTestId ? `${a.effectiveTestId}-error-retry` : "loading-button-error-retry",
-			onClick: t[2] ||= (...e) => a.retryAction && a.retryAction(...e)
-		}, " Retry ", 8, A)]),
-		default: b(() => [c("p", {
-			class: "error-message",
-			"data-testid": a.effectiveTestId ? `${a.effectiveTestId}-error-message` : "loading-button-error-message"
-		}, v(a.errorMessage), 9, O)]),
-		_: 1
-	}, 8, [
-		"show",
-		"test-id",
-		"onClose"
-	])], 64);
-}
-var M = /*#__PURE__*/ t(S, [["render", j], ["__scopeId", "data-v-795027f0"]]);
-//#endregion
-export { C as n, M as t };