@aures5g/vue-component-library 3.26.0 → 3.41.0

package/dist/TableSelectionCheckbox-Bd72Q-xQ.js

@@ -0,0 +1,36 @@
+import { t as e } from "./UICheckbox-CO51kllT.js";
+import { computed as t, createBlock as n, defineComponent as r, mergeModels as i, openBlock as a, useModel as o, withModifiers as s } from "vue";
+//#endregion
+//#region src/components/table/TableSelectionCheckbox.vue
+var c = /* @__PURE__ */ r({
+	__name: "TableSelectionCheckbox",
+	props: /*@__PURE__*/ i({ value: {} }, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(r) {
+		let i = o(r, "modelValue"), c = t({
+			get() {
+				return i.value === "all" || i.value;
+			},
+			set(e) {
+				Array.isArray(e) && (i.value = e);
+			}
+		}), l = t(() => i.value === "all");
+		return (t, i) => (a(), n(e, {
+			modelValue: c.value,
+			"onUpdate:modelValue": i[0] ||= (e) => c.value = e,
+			value: r.value,
+			disabled: l.value,
+			onClick: i[1] ||= s(() => {}, ["stop"]),
+			onDblclick: i[2] ||= s(() => {}, ["stop"])
+		}, null, 8, [
+			"modelValue",
+			"value",
+			"disabled"
+		]));
+	}
+});
+//#endregion
+export { c as default };

package/dist/TableSelectionFilter-DoENxTY_.js

@@ -0,0 +1,61 @@
+import { n as e, o as t, t as n } from "./UIMenu-DSRikXGe.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createVNode as s, defineComponent as c, mergeModels as l, openBlock as u, ref as d, unref as f, useModel as p, watch as m } from "vue";
+import { faChevronDown as h } from "@awesome.me/kit-bccbe657bb/icons/sharp/solid";
+//#region src/components/table/TableSelectionFilter.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "flex justify-center" }, _ = /* @__PURE__ */ c({
+	__name: "TableSelectionFilter",
+	props: /*@__PURE__*/ l({
+		dataKey: {},
+		items: {}
+	}, {
+		selection: {},
+		selectionModifiers: {}
+	}),
+	emits: ["update:selection"],
+	setup(c) {
+		let l = c, _ = p(c, "selection"), v = t();
+		function y() {
+			_.value = [];
+		}
+		function b() {
+			_.value = "all";
+		}
+		let x = d(null), S = d(!1);
+		m(x, (e) => {
+			e && (e === "reset" ? y() : e === "check-all" ? _.value = l.items.reduce((e, t) => (t[l.dataKey] && e.push(t[l.dataKey]), e), []) : e === "check-filtered" && b(), S.value = !1, x.value = null);
+		});
+		function C() {
+			S.value = !S.value;
+		}
+		let w = r(() => [
+			{
+				value: "check-filtered",
+				label: f(v.locale?.tableCheckFiltered) || "tableCheckFiltered"
+			},
+			{
+				value: "check-all",
+				label: f(v.locale?.tableCheckAll) || "tableCheckAll"
+			},
+			{
+				value: "reset",
+				label: f(v.locale?.tableCheckReset) || "tableCheckReset"
+			}
+		]);
+		return (t, r) => (u(), o("div", g, [s(e, {
+			color: "standard",
+			icon: f(h),
+			size: "32x32",
+			class: "[anchor-name:--checkbox-filter]",
+			onClick: C
+		}, null, 8, ["icon"]), S.value ? (u(), i(n, {
+			key: 0,
+			modelValue: x.value,
+			"onUpdate:modelValue": r[0] ||= (e) => x.value = e,
+			items: w.value,
+			class: "[position-anchor:--checkbox-filter] absolute top-[anchor(top)] left-[calc(anchor(right)+0.31rem)] z-5",
+			size: "small"
+		}, null, 8, ["modelValue", "items"])) : a("", !0)]));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/UICheckbox-CO51kllT.js

@@ -0,0 +1,77 @@
+import { createBlock as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, normalizeClass as c, openBlock as l, toDisplayString as u, unref as d, useAttrs as f, useId as p, useModel as m, vModelDynamic as h, withDirectives as g } from "vue";
+import { FontAwesomeIcon as _ } from "@fortawesome/vue-fontawesome";
+import { faSquareCheck as v, faSquareMinus as y } from "@awesome.me/kit-bccbe657bb/icons/sharp/solid";
+import { faSquare as b } from "@awesome.me/kit-bccbe657bb/icons/sharp/regular";
+//#region src/components/checkboxRadioShared/CheckboxRadioShared.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "inline-flex items-center text-on-surface" }, S = { class: "relative size-[1.5rem] text-[1.25rem] flex items-center justify-center has-checked:has-enabled:text-primary has-indeterminate:has-enabled:text-primary" }, C = ["id"], w = ["for"], T = /* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "CheckboxRadioShared",
+	props: /*@__PURE__*/ o({
+		label: { default: "" },
+		isLabelLeft: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "24x24" },
+		uncheckedIcon: {},
+		checkedIcon: {},
+		indeterminateIcon: { default: void 0 }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(a) {
+		let o = a, v = f(), y = p(), b = m(a, "modelValue");
+		return (f, p) => (l(), n("div", x, [r("div", { class: c([{ "size-[3rem]": o.size === "48x48" }, "inline-flex items-center justify-center"]) }, [r("div", { class: c([o.size === "24x24" ? "p-[0.25rem]" : "p-[0.5rem]", "hover:has-checked:bg-primary/8 hover:bg-on-surface/8 rounded-full"]) }, [r("div", S, [
+			g(r("input", s({
+				id: d(y),
+				"onUpdate:modelValue": p[0] ||= (e) => b.value = e,
+				class: "peer appearance-none size-full absolute left-0 top-0 enabled:cursor-pointer"
+			}, d(v)), null, 16, C), [[h, b.value]]),
+			i(d(_), {
+				class: "not-peer-indeterminate:peer-checked:[--fa-display:inline-block] [--fa-display:none]",
+				icon: a.checkedIcon
+			}, null, 8, ["icon"]),
+			i(d(_), {
+				class: c(["[--fa-display:none]", a.indeterminateIcon ? "not-peer-indeterminate:not-peer-checked:[--fa-display:inline-block]" : "not-peer-checked:[--fa-display:inline-block]"]),
+				icon: a.uncheckedIcon
+			}, null, 8, ["class", "icon"]),
+			a.indeterminateIcon ? (l(), e(d(_), {
+				key: 0,
+				class: "peer-indeterminate:[--fa-display:inline-block] [--fa-display:none]",
+				icon: a.indeterminateIcon
+			}, null, 8, ["icon"])) : t("", !0)
+		])], 2)], 2), r("label", {
+			for: d(y),
+			class: c(["mb-0 text-label-large", {
+				"order-first": o.isLabelLeft,
+				"text-on-surface/38": d(v).disabled,
+				"cursor-pointer": !d(v).disabled
+			}])
+		}, u(a.label), 11, w)]));
+	}
+}), E = /* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "UICheckbox",
+	props: {
+		label: { default: "" },
+		isLabelLeft: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "24x24" },
+		checkedIcon: { default: () => v },
+		uncheckedIcon: { default: () => b },
+		indeterminateIcon: { default: () => y }
+	},
+	setup(t) {
+		let n = t, r = f();
+		return (t, i) => (l(), e(T, s({ type: "checkbox" }, {
+			...d(r),
+			...n
+		}), null, 16));
+	}
+});
+//#endregion
+export { T as n, E as t };