@well-insight/ui 0.1.7 → 0.1.9

package/dist/date-picker/style.js

@@ -0,0 +1,3 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/DatePicker/styles.css'

package/dist/dialog/index.js

@@ -0,0 +1,232 @@
+import { t as e } from "../Icon-B6gOD07E.js";
+import { t } from "../Button-BZzV1X-d.js";
+import { n } from "../overlay-oR-5MDuE.js";
+import { t as r } from "../useModalOverlay-Beo3CEAt.js";
+import { t as i } from "../asyncGuard-CPGT_TKu.js";
+import { t as a } from "../lastPointer-CRxcUqdd.js";
+import { c as o } from "../config-DWwce9jA.js";
+import { n as s } from "../locale-CYkJyRd1.js";
+import "./style.js";
+import { Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, normalizeStyle as v, openBlock as y, ref as b, renderSlot as x, toDisplayString as S, toRef as C, unref as w, useSlots as ee, watch as te, withCtx as ne, withModifiers as T } from "vue";
+//#region src/components/Dialog/Dialog.vue?vue&type=script&setup=true&lang.ts
+var E = ["aria-modal", "aria-label"], re = {
+	key: 0,
+	class: "wi-dialog__header"
+}, D = { class: "wi-dialog__heading" }, O = {
+	key: 0,
+	class: "wi-dialog__type-icon",
+	"aria-hidden": "true"
+}, k = { key: 0 }, A = {
+	key: 0,
+	class: "wi-dialog__actions"
+}, j = ["aria-label", "disabled"], M = ["aria-label", "disabled"], N = { class: "wi-dialog__body" }, P = /* @__PURE__ */ g({
+	__name: "Dialog",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		title: {},
+		header: {},
+		closeOnEsc: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnOutsideClick: { type: Boolean },
+		dismissableMask: { type: Boolean },
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		maximizable: {
+			type: Boolean,
+			default: !1
+		},
+		modal: {
+			type: Boolean,
+			default: !0
+		},
+		position: { default: "center" },
+		width: {},
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {},
+		blockScroll: {
+			type: Boolean,
+			default: !0
+		},
+		type: {},
+		positiveText: {},
+		negativeText: {},
+		positiveSeverity: {},
+		onPositiveClick: {},
+		onNegativeClick: {},
+		beforeClose: {}
+	},
+	emits: [
+		"update:modelValue",
+		"close",
+		"show",
+		"hide",
+		"maximize",
+		"unmaximize"
+	],
+	setup(g, { emit: P }) {
+		let F = g, I = P, L = ee(), R = o(), z = s(), B = b(null), V = b(!1), H = b(a()), U = b(null), W = u(() => F.header ?? F.title), G = u(() => n(F, R.value.appendTo)), K = u(() => {
+			let e = F.type;
+			return e === "warning" || e === "warn" ? "warn" : e;
+		}), q = u(() => {
+			switch (K.value) {
+				case "success": return "check-circle";
+				case "warn": return "warning";
+				case "error": return "x-circle";
+				case "info": return "info";
+				default: return;
+			}
+		}), J = u(() => !L.footer && !!(F.positiveText || F.negativeText)), Y = u(() => !!(L.footer || J.value)), X = u(() => U.value != null), Z = u(() => ({
+			zIndex: String(R.value.zIndex ?? 1e3),
+			"--wi-dialog-origin-x": `${H.value.x}px`,
+			"--wi-dialog-origin-y": `${H.value.y}px`
+		})), ie = u(() => F.dismissableMask === void 0 ? F.closeOnOutsideClick === void 0 || F.closeOnOutsideClick : F.dismissableMask);
+		function Q() {
+			V.value = !1, U.value = null, I("update:modelValue", !1), I("close");
+		}
+		async function $() {
+			if (!U.value) {
+				if (!F.beforeClose) {
+					Q();
+					return;
+				}
+				U.value = "close";
+				try {
+					if (!await i(F.beforeClose)) return;
+					Q();
+				} finally {
+					U.value === "close" && (U.value = null);
+				}
+			}
+		}
+		async function ae(e) {
+			if (!U.value) {
+				U.value = "positive";
+				try {
+					if (!await i(F.onPositiveClick, e)) return;
+					Q();
+				} finally {
+					U.value === "positive" && (U.value = null);
+				}
+			}
+		}
+		async function oe(e) {
+			if (!U.value) {
+				U.value = "negative";
+				try {
+					if (!await i(F.onNegativeClick, e)) return;
+					Q();
+				} finally {
+					U.value === "negative" && (U.value = null);
+				}
+			}
+		}
+		function se() {
+			V.value = !V.value, V.value ? I("maximize") : I("unmaximize");
+		}
+		function ce() {
+			ie.value && $();
+		}
+		return te(() => F.modelValue, (e) => {
+			e && (H.value = a());
+		}), r({
+			open: C(F, "modelValue"),
+			container: B,
+			closeOnEsc: C(F, "closeOnEsc"),
+			blockScroll: () => F.blockScroll && F.modal,
+			onEscape: () => {
+				$();
+			},
+			onOpen: () => I("show"),
+			onClose: () => {
+				V.value = !1, I("hide");
+			}
+		}), (n, r) => (y(), d(c, {
+			to: G.value.to,
+			disabled: G.value.disabled
+		}, [h(l, { name: "wi-dialog" }, {
+			default: ne(() => [g.modelValue ? (y(), p("div", {
+				key: 0,
+				class: _(["wi-dialog-backdrop", [`wi-dialog-backdrop--${g.position}`, {
+					"wi-dialog-backdrop--modal": g.modal,
+					"wi-dialog-backdrop--maximized": V.value
+				}]]),
+				style: v(Z.value)
+			}, [m("div", {
+				class: "wi-dialog-zoom",
+				onClick: T(ce, ["self"])
+			}, [m("section", {
+				ref_key: "dialogElement",
+				ref: B,
+				class: _(["wi-dialog", {
+					"wi-dialog--maximized": V.value,
+					[`wi-dialog--${K.value}`]: K.value
+				}]),
+				style: v(g.width && !V.value ? { width: g.width } : void 0),
+				role: "dialog",
+				"aria-modal": g.modal || void 0,
+				"aria-label": W.value,
+				tabindex: "-1"
+			}, [
+				n.$slots.header || W.value || q.value || g.closable || g.maximizable ? (y(), p("header", re, [m("div", D, [q.value ? (y(), p("span", O, [h(e, {
+					name: q.value,
+					size: "sm"
+				}, null, 8, ["name"])])) : f("", !0), x(n.$slots, "header", {}, () => [W.value ? (y(), p("h2", k, S(W.value), 1)) : f("", !0)])]), g.maximizable || g.closable ? (y(), p("div", A, [g.maximizable ? (y(), p("button", {
+					key: 0,
+					type: "button",
+					class: "wi-dialog__action",
+					"aria-label": V.value ? w(z).restore : w(z).maximize,
+					disabled: X.value,
+					onClick: se
+				}, S(V.value ? "❐" : "▢"), 9, j)) : f("", !0), g.closable ? (y(), p("button", {
+					key: 1,
+					type: "button",
+					class: "wi-dialog__action",
+					"aria-label": w(z).close,
+					disabled: X.value,
+					onClick: $
+				}, " × ", 8, M)) : f("", !0)])) : f("", !0)])) : f("", !0),
+				m("div", N, [x(n.$slots, "default")]),
+				Y.value ? (y(), p("footer", {
+					key: 1,
+					class: _(["wi-dialog__footer", { "wi-dialog__footer--preset": J.value }])
+				}, [x(n.$slots, "footer", {}, () => [g.negativeText ? (y(), d(t, {
+					key: 0,
+					label: g.negativeText,
+					severity: "secondary",
+					disabled: X.value,
+					loading: U.value === "negative",
+					onClick: oe
+				}, null, 8, [
+					"label",
+					"disabled",
+					"loading"
+				])) : f("", !0), g.positiveText ? (y(), d(t, {
+					key: 1,
+					label: g.positiveText,
+					severity: g.positiveSeverity,
+					disabled: X.value && U.value !== "positive",
+					loading: U.value === "positive",
+					onClick: ae
+				}, null, 8, [
+					"label",
+					"severity",
+					"disabled",
+					"loading"
+				])) : f("", !0)])], 2)) : f("", !0)
+			], 14, E)])], 6)) : f("", !0)]),
+			_: 3
+		})], 8, ["to", "disabled"]));
+	}
+});
+//#endregion
+export { P as WiDialog };