morya-ui 0.1.1 → 0.2.1

package/dist/select-button/index.js

@@ -1,16 +1,19 @@
-import { t as e } from "../useMenuKeyboard-BedmYE4W.js";
-import { o as t } from "../config-CI8_WBbE.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../useMenuKeyboard-BedmYE4W.js";
+import { o as n } from "../config-CI8_WBbE.js";
 import "./style.js";
-import { Fragment as n, computed as r, createElementBlock as i, defineComponent as a, normalizeClass as o, openBlock as s, ref as c, renderList as l, toDisplayString as u, watch as d } from "vue";
+import { Fragment as r, computed as i, createElementBlock as a, defineComponent as o, mergeProps as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p, useAttrs as m, watch as h } from "vue";
 //#region src/components/SelectButton/SelectButton.vue?vue&type=script&setup=true&lang.ts
-var f = ["aria-label"], p = [
+var g = ["aria-label"], _ = [
 	"disabled",
 	"aria-pressed",
 	"tabindex",
 	"onClick"
-], m = /* @__PURE__ */ a({
+], v = /* @__PURE__ */ o({
+	inheritAttrs: !1,
 	__name: "SelectButton",
 	props: {
+		pt: {},
 		modelValue: { type: [
 			String,
 			Number,
@@ -34,63 +37,63 @@ var f = ["aria-label"], p = [
 		size: {}
 	},
 	emits: ["update:modelValue"],
-	setup(a, { emit: m }) {
-		let h = a, g = m, _ = t("SelectButton", () => h.size), v = r(() => [
+	setup(o, { emit: v }) {
+		let y = o, b = m(), { rootAttrs: x } = e(b, () => y.pt), S = v, C = n("SelectButton", () => y.size), w = i(() => [
 			"m-selectbutton",
-			`m-selectbutton--${_.value}`,
+			`m-selectbutton--${C.value}`,
 			{
-				"m-selectbutton--disabled": h.disabled,
-				"m-selectbutton--invalid": h.invalid
+				"m-selectbutton--disabled": y.disabled,
+				"m-selectbutton--invalid": y.invalid
 			}
 		]);
-		function y(e) {
-			return h.multiple ? (Array.isArray(h.modelValue) ? h.modelValue : []).includes(e.value) : h.modelValue === e.value;
+		function T(e) {
+			return y.multiple ? (Array.isArray(y.modelValue) ? y.modelValue : []).includes(e.value) : y.modelValue === e.value;
 		}
-		function b(e) {
-			if (!(h.disabled || e.disabled)) {
-				if (h.multiple) {
-					let t = Array.isArray(h.modelValue) ? [...h.modelValue] : [], n = t.indexOf(e.value);
-					n >= 0 ? t.splice(n, 1) : t.push(e.value), g("update:modelValue", t);
+		function E(e) {
+			if (!(y.disabled || e.disabled)) {
+				if (y.multiple) {
+					let t = Array.isArray(y.modelValue) ? [...y.modelValue] : [], n = t.indexOf(e.value);
+					n >= 0 ? t.splice(n, 1) : t.push(e.value), S("update:modelValue", t);
 					return;
 				}
-				g("update:modelValue", e.value);
+				S("update:modelValue", e.value);
 			}
 		}
-		let x = c(null), S = e({
-			itemCount: () => h.options.length,
-			isItemDisabled: (e) => !!h.options[e]?.disabled,
+		let D = u(null), O = t({
+			itemCount: () => y.options.length,
+			isItemDisabled: (e) => !!y.options[e]?.disabled,
 			orientation: "both",
-			enabled: () => !h.disabled,
+			enabled: () => !y.disabled,
 			onActivate: (e) => {
-				let t = h.options[e];
-				t && b(t);
+				let t = y.options[e];
+				t && E(t);
 			}
 		});
-		function C(e) {
-			return S.activeIndex.value >= 0 ? S.tabindexFor(e) : e === h.options.findIndex((e) => !e.disabled) ? 0 : -1;
+		function k(e) {
+			return O.activeIndex.value >= 0 ? O.tabindexFor(e) : e === y.options.findIndex((e) => !e.disabled) ? 0 : -1;
 		}
-		function w(e) {
-			S.onKeydown(e);
+		function A(e) {
+			O.onKeydown(e);
 		}
-		return d(S.activeIndex, (e) => {
-			e < 0 || (x.value?.querySelectorAll(".m-selectbutton__button"))?.[e]?.focus({ preventScroll: !0 });
-		}), (e, t) => (s(), i("div", {
+		return h(O.activeIndex, (e) => {
+			e < 0 || (D.value?.querySelectorAll(".m-selectbutton__button"))?.[e]?.focus({ preventScroll: !0 });
+		}), (e, t) => (l(), a("div", s(p(x), {
 			ref_key: "root",
-			ref: x,
-			class: o(v.value),
+			ref: D,
+			class: w.value,
 			role: "group",
-			"aria-label": a.label,
-			onKeydown: w
-		}, [(s(!0), i(n, null, l(a.options, (e, t) => (s(), i("button", {
+			"aria-label": o.label,
+			onKeydown: A
+		}), [(l(!0), a(r, null, d(o.options, (e, t) => (l(), a("button", {
 			key: String(e.value),
 			type: "button",
-			class: o(["m-selectbutton__button", { "m-selectbutton__button--active": y(e) }]),
-			disabled: a.disabled || e.disabled,
-			"aria-pressed": y(e),
-			tabindex: C(t),
-			onClick: (t) => b(e)
-		}, u(e.label), 11, p))), 128))], 42, f));
+			class: c(["m-selectbutton__button", { "m-selectbutton__button--active": T(e) }]),
+			disabled: o.disabled || e.disabled,
+			"aria-pressed": T(e),
+			tabindex: k(t),
+			onClick: (t) => E(e)
+		}, f(e.label), 11, _))), 128))], 16, g));
 	}
 });
 //#endregion
-export { m as MSelectButton };
+export { v as MSelectButton };