@well-insight/ui 0.1.7 → 0.1.8

package/dist/speed-dial/style.js

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

package/dist/split-button/index.js

@@ -0,0 +1,126 @@
+import { n as e, t } from "../overlay-oR-5MDuE.js";
+import { c as n, o as r } from "../config-DWwce9jA.js";
+import { n as i } from "../locale-CYkJyRd1.js";
+import "./style.js";
+import { Fragment as a, Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, watch as w, withCtx as T } from "vue";
+//#region src/components/SplitButton/SplitButton.vue?vue&type=script&setup=true&lang.ts
+var E = ["disabled"], D = {
+	key: 0,
+	class: "wi-splitbutton__icon",
+	"aria-hidden": "true"
+}, O = { key: 1 }, k = [
+	"aria-label",
+	"aria-expanded",
+	"disabled"
+], A = ["disabled", "onClick"], j = /* @__PURE__ */ m({
+	__name: "SplitButton",
+	props: {
+		label: {},
+		icon: {},
+		model: { default: () => [] },
+		severity: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		outlined: {
+			type: Boolean,
+			default: !1
+		},
+		size: {},
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {}
+	},
+	emits: ["click", "command"],
+	setup(m, { emit: j }) {
+		let M = m, N = j, P = n(), F = i(), I = b(!1), L = b(null), R = b(null), z = b({}), B = r("SplitButton", () => M.size), V = c(() => e(M, P.value.appendTo)), H = c(() => t(M, P.value.appendTo)), U = c(() => [
+			"wi-splitbutton",
+			`wi-splitbutton--${B.value}`,
+			{
+				"wi-splitbutton--disabled": M.disabled,
+				"wi-splitbutton--outlined": M.outlined,
+				[`wi-splitbutton--${M.severity}`]: !!M.severity,
+				"wi-splitbutton--open": I.value
+			}
+		]);
+		function W() {
+			if (!H.value || !L.value) return;
+			let e = L.value.getBoundingClientRect();
+			z.value = {
+				left: "auto",
+				minWidth: `${e.width}px`,
+				right: `${document.documentElement.clientWidth - e.right}px`,
+				top: `${e.bottom + 4}px`
+			};
+		}
+		function G() {
+			I.value && W();
+		}
+		function K(e) {
+			M.disabled || N("click", e);
+		}
+		function q() {
+			M.disabled || (I.value = !I.value);
+		}
+		function J(e) {
+			e.disabled || M.disabled || (e.command?.(), N("command", e), I.value = !1);
+		}
+		function Y(e) {
+			let t = e.target;
+			L.value?.contains(t) || R.value?.contains(t) || (I.value = !1);
+		}
+		return w(I, (e) => {
+			e ? (document.addEventListener("click", Y), h(() => W()), H.value && (window.addEventListener("resize", G), window.addEventListener("scroll", G, !0))) : (document.removeEventListener("click", Y), window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0));
+		}), v(() => {
+			document.removeEventListener("click", Y), window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
+		}), (e, t) => (y(), d("div", {
+			ref_key: "root",
+			ref: L,
+			class: g(U.value)
+		}, [
+			f("button", {
+				type: "button",
+				class: "wi-splitbutton__main",
+				disabled: m.disabled,
+				onClick: K
+			}, [m.icon ? (y(), d("span", D, S(m.icon), 1)) : u("", !0), m.label ? (y(), d("span", O, S(m.label), 1)) : u("", !0)], 8, E),
+			f("button", {
+				type: "button",
+				class: "wi-splitbutton__trigger",
+				"aria-label": C(F).moreActions,
+				"aria-expanded": I.value,
+				"aria-haspopup": "menu",
+				disabled: m.disabled,
+				onClick: q
+			}, " ▾ ", 8, k),
+			(y(), l(o, {
+				to: V.value.to,
+				disabled: V.value.disabled
+			}, [p(s, { name: "wi-scale-fade" }, {
+				default: T(() => [I.value ? (y(), d("ul", {
+					key: 0,
+					ref_key: "menu",
+					ref: R,
+					class: g(["wi-splitbutton__menu", { "wi-splitbutton__menu--teleported": H.value }]),
+					style: _(H.value ? z.value : void 0),
+					role: "menu"
+				}, [(y(!0), d(a, null, x(m.model, (e, t) => (y(), d("li", {
+					key: `${e.label}-${t}`,
+					role: "presentation"
+				}, [f("button", {
+					type: "button",
+					class: "wi-splitbutton__item",
+					role: "menuitem",
+					disabled: e.disabled,
+					onClick: (t) => J(e)
+				}, S(e.label), 9, A)]))), 128))], 6)) : u("", !0)]),
+				_: 1
+			})], 8, ["to", "disabled"]))
+		], 2));
+	}
+});
+//#endregion
+export { j as WiSplitButton };