bitboss-ui 3.0.0-beta.47 → 3.0.0-beta.49

package/dist/components/BbRating/BbRating.vue_vue_type_script_setup_true_lang.js

@@ -14,14 +14,14 @@ import { useOnFalsy as ae } from "../../composables/useOnFalsy.js";
 import { useOnTruthy as oe } from "../../composables/useOnTruthy.js";
 import se from "../../assets/svgs/star.svg_raw.js";
 import { BB_RATING_PT as l } from "./types.js";
-import { Fragment as ce, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as le, createVNode as ue, defineComponent as h, guardReactiveProps as g, mergeProps as _, normalizeClass as de, normalizeProps as v, normalizeStyle as fe, openBlock as y, ref as b, renderList as pe, renderSlot as x, toDisplayString as S, unref as C, useAttrs as w, useSlots as T, useTemplateRef as E, withCtx as D } from "vue";
+import { Fragment as ce, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as le, createVNode as ue, defineComponent as h, guardReactiveProps as g, mergeProps as _, normalizeClass as de, normalizeProps as v, normalizeStyle as fe, openBlock as y, ref as b, renderList as pe, renderSlot as x, toDisplayString as S, unref as C, useAttrs as me, useSlots as w, useTemplateRef as T, withCtx as E } from "vue";
 //#region src/components/BbRating/BbRating.vue?vue&type=script&setup=true&lang.ts
-var O = [
+var D = [
 	"aria-labelledby",
 	"aria-readonly",
 	"aria-required",
 	"role"
-], k = ["id"], A = { class: "bb-rating__label-text bb-sr-only" }, j = [
+], O = ["id"], k = { class: "bb-rating__label-text bb-sr-only" }, A = [
 	"id",
 	"aria-describedby",
 	"autofocus",
@@ -30,7 +30,7 @@ var O = [
 	"name",
 	"required",
 	"value"
-], M = /*@__PURE__*/ h({
+], j = /*@__PURE__*/ h({
 	inheritAttrs: !1,
 	__name: "BbRating",
 	props: {
@@ -125,55 +125,55 @@ var O = [
 		"mouseup",
 		"update:modelValue"
 	],
-	setup(h, { emit: M }) {
-		let N = h, P = M, F = T(), { props: I, emit: L, showAsterisk: R, errors: z, required: B, ariaRequired: me, model: he } = re(N, P, {
+	setup(h, { emit: j }) {
+		let M = h, N = j, P = w(), { props: F, emit: I, showAsterisk: L, errors: R, required: z, ariaRequired: he, model: ge, readonly: B } = re(M, N, {
 			componentName: "BbRating",
-			identifierFallback: () => N.legend,
+			identifierFallback: () => M.legend,
 			leaveOn: "inactive"
-		}), ge = i(), { t: V } = s(), _e = e(), H = () => !!I.legend || !!F.legend;
+		}), _e = i(), { t: V } = s(), ve = e(), H = () => !!F.legend || !!P.legend;
 		process.env.NODE_ENV !== "production" && o("BbRating", ee("BbRating"));
-		let U = b(!1), ve = u(() => I.persistentHint || U.value), ye = a().id, W = u(() => I.name || ye.value), G = a().id, K = r({
+		let U = b(!1), ye = u(() => F.persistentHint || U.value), be = a().id, W = u(() => F.name || be.value), G = a().id, K = r({
 			component: "BbRating",
-			attrs: w(),
-			props: I,
+			attrs: me(),
+			props: F,
 			parts: l.parts,
 			states: l.states,
-			active: n(t(I, () => !!I.modelValue), [
+			active: n(t(F, () => !!F.modelValue), [
 				"errors",
 				"warnings",
 				"disabled",
 				"readonly",
 				"hasValue"
 			])
-		}), { active: q } = ie(E("container-el"));
+		}), { active: q } = ie(T("container-el"));
 		ae(q, () => {
-			U.value = !1, L("inactive");
+			U.value = !1, I("inactive");
 		}), oe(q, () => {
-			U.value = !0, L("active");
+			U.value = !0, I("active");
 		});
-		let J = b(!1), Y = () => H() ? "radiogroup" : void 0, X = u(() => I.clearable && !I.disabled && !I.readonly), be = V("rating.clearHint"), Z = (e, t) => `${e}_${t}`, xe = (e) => {
+		let J = b(!1), Y = () => H() ? "radiogroup" : void 0, X = u(() => F.clearable && !F.disabled && !F.readonly), xe = V("rating.clearHint"), Z = (e, t) => `${e}_${t}`, Se = (e) => {
 			let t = [e, X.value ? G.value : void 0].filter(Boolean);
 			return t.length ? t.join(" ") : void 0;
-		}, Se = (e) => {
-			if (I.readonly) {
-				e.target instanceof HTMLInputElement && (e.target.checked = +e.target.value === I.modelValue);
+		}, Ce = (e) => {
+			if (F.readonly) {
+				e.target instanceof HTMLInputElement && (e.target.checked = +e.target.value === F.modelValue);
 				return;
 			}
-			L("change", e), e.target instanceof HTMLInputElement && e.target.checked && L("update:modelValue", +e.target.value);
-		}, Ce = (e) => {
-			I.readonly && e.preventDefault(), L("click", e), !I.readonly && e.target instanceof HTMLInputElement && I.clearable && e.target.checked && +e.target.value === I.modelValue && (J.value = !0, L("update:modelValue", null));
-		}, we = () => {
+			I("change", e), e.target instanceof HTMLInputElement && e.target.checked && I("update:modelValue", +e.target.value);
+		}, we = (e) => {
+			F.readonly && e.preventDefault(), I("click", e), !F.readonly && e.target instanceof HTMLInputElement && F.clearable && e.target.checked && +e.target.value === F.modelValue && (J.value = !0, I("update:modelValue", null));
+		}, Q = () => {
 			J.value &&= !1;
-		}, Q = {
-			onBlur: (e) => L("blur", e),
-			onChange: Se,
-			onClick: Ce,
+		}, Te = {
+			onBlur: (e) => I("blur", e),
+			onChange: Ce,
+			onClick: we,
 			onFocus: (e) => {
-				U.value = !0, L("focus", e);
+				U.value = !0, I("focus", e);
 			},
-			onInput: (e) => L("input", e),
+			onInput: (e) => I("input", e),
 			onKeydown: (e) => {
-				!I.readonly && I.clearable && ["Delete", "Backspace"].includes(e.key) && e.target instanceof HTMLInputElement && +e.target.value === I.modelValue && (e.preventDefault(), L("update:modelValue", null)), I.readonly && [
+				!F.readonly && F.clearable && ["Delete", "Backspace"].includes(e.key) && e.target instanceof HTMLInputElement && +e.target.value === F.modelValue && (e.preventDefault(), I("update:modelValue", null)), F.readonly && [
 					" ",
 					"Spacebar",
 					"Enter",
@@ -185,28 +185,28 @@ var O = [
 					"ArrowDown",
 					"Home",
 					"End"
-				].includes(e.key) && e.preventDefault(), L("keydown", e);
+				].includes(e.key) && e.preventDefault(), I("keydown", e);
 			},
-			onMousedown: (e) => L("mousedown", e),
-			onMouseup: (e) => L("mouseup", e)
+			onMousedown: (e) => I("mousedown", e),
+			onMouseup: (e) => I("mouseup", e)
 		}, $ = u(() => {
-			if (I.size != null) try {
-				return c(I.size, ge.iconDefaultSizes);
+			if (F.size != null) try {
+				return c(F.size, _e.iconDefaultSizes);
 			} catch {
-				_e.warn(`Invalid size: "${I.size}" in BbRating. Falling back to the default star size.`);
+				ve.warn(`Invalid size: "${F.size}" in BbRating. Falling back to the default star size.`);
 				return;
 			}
-		}), Te = u(() => Array.from({ length: I.stars }, (e, t) => t + 1).map((e) => {
-			let t = e === I.modelValue, n = e <= (I.modelValue ?? 0);
+		}), Ee = u(() => Array.from({ length: F.stars }, (e, t) => t + 1).map((e) => {
+			let t = e === F.modelValue, n = e <= (F.modelValue ?? 0);
 			return {
 				checked: t,
-				disabled: !!I.disabled,
+				disabled: !!F.disabled,
 				filled: n,
 				name: W.value,
 				size: $.value,
 				value: e
 			};
-		})), Ee = u(() => $.value ? { "--star": $.value } : void 0), De = u(() => {
+		})), De = u(() => $.value ? { "--star": $.value } : void 0), Oe = u(() => {
 			let e = {};
 			return $.value && (e["--size"] = $.value), e;
 		});
@@ -216,7 +216,7 @@ var O = [
 			compact: e.compact,
 			description: e.description,
 			disabled: e.disabled,
-			errors: C(z),
+			errors: C(R),
 			"has-errors": e.hasErrors,
 			"has-warnings": e.hasWarnings,
 			"hide-label": e.hideLegend,
@@ -231,32 +231,32 @@ var O = [
 			layout: e.layout,
 			name: W.value,
 			passthrough: C(K),
-			readonly: e.readonly,
+			readonly: C(B),
 			reverse: e.reverse,
-			"show-asterisk": C(R),
-			"show-hint": ve.value,
-			style: Ee.value,
+			"show-asterisk": C(L),
+			"show-hint": ye.value,
+			style: De.value,
 			tag: "fieldset",
 			warnings: e.warnings
 		}, C(K).forwardAttrs), le({
-			label: D((t) => [x(e.$slots, "legend", v(g(t)))]),
-			input: D(({ id: t, hasErrors: n, hasWarnings: r, ariaDescribedby: i }) => [m("span", {
+			label: E((t) => [x(e.$slots, "legend", v(g(t)))]),
+			input: E(({ id: t, hasErrors: n, hasWarnings: r, ariaDescribedby: i }) => [m("span", {
 				ref: "container-el",
 				class: de(["bb-rating__stars", {
-					"bb-rating__stars--has-value": C(he),
+					"bb-rating__stars--has-value": C(ge),
 					"bb-rating__stars--disabled": e.disabled,
 					"bb-rating__stars--errors": n,
 					"bb-rating__stars--warnings": !!r && !n,
-					"bb-rating__stars--readonly": e.readonly,
+					"bb-rating__stars--readonly": C(B),
 					"bb-rating__stars--forced-clear": J.value
 				}]),
 				"data-bb-no-drag": "",
-				style: fe(De.value),
-				onPointermove: we
+				style: fe(Oe.value),
+				onPointermove: Q
 			}, [m("span", {
 				"aria-labelledby": H() ? `${t}__label` : void 0,
-				"aria-readonly": Y() && e.readonly ? !0 : void 0,
-				"aria-required": Y() ? C(me) : void 0,
+				"aria-readonly": Y() && C(B) ? !0 : void 0,
+				"aria-required": Y() ? C(he) : void 0,
 				class: "bb-rating__options",
 				role: Y()
 			}, [
@@ -265,34 +265,34 @@ var O = [
 					key: 0,
 					id: C(G),
 					hidden: ""
-				}, S(C(be)), 9, k)) : f("", !0),
-				(y(!0), p(ce, null, pe(Te.value, (n, r) => (y(), p("label", _({
+				}, S(C(xe)), 9, O)) : f("", !0),
+				(y(!0), p(ce, null, pe(Ee.value, (n, r) => (y(), p("label", _({
 					key: n.value,
 					class: ["bb-rating__item", {
 						"bb-rating__item--filled": n.filled,
 						"bb-rating__item--empty": !n.filled,
 						"bb-rating__item--disabled": n.disabled,
-						"bb-rating__item--readonly": e.readonly
+						"bb-rating__item--readonly": C(B)
 					}],
 					ref_for: !0
 				}, C(K).part("item", {
 					selected: n.filled,
 					disabled: n.disabled || void 0
 				})), [
-					m("span", A, S(n.value == 1 ? C(V)("rating.singleStar", n.value, C(I).stars).value : C(V)("rating.multipleStars", n.value, C(I).stars).value), 1),
+					m("span", k, S(n.value == 1 ? C(V)("rating.singleStar", n.value, C(F).stars).value : C(V)("rating.multipleStars", n.value, C(F).stars).value), 1),
 					m("input", _({
 						id: Z(t, n.value),
-						"aria-describedby": xe(i),
+						"aria-describedby": Se(i),
 						autofocus: e.autofocus && !r,
 						checked: n.checked,
 						class: "bb-sr-only",
 						disabled: n.disabled,
 						name: n.name,
-						required: e.readonly ? void 0 : C(B) || void 0,
+						required: C(B) ? void 0 : C(z) || void 0,
 						type: "radio",
 						value: n.value,
 						ref_for: !0
-					}, Q), null, 16, j),
+					}, Te), null, 16, A),
 					x(e.$slots, "icon", {
 						id: Z(t, n.value),
 						checked: n.filled,
@@ -305,11 +305,11 @@ var O = [
 					}, null, 8, ["icon"])])
 				], 16))), 128)),
 				x(e.$slots, "append")
-			], 8, O)], 38)]),
+			], 8, D)], 38)]),
 			_: 2
 		}, [e.$slots.description ? {
 			name: "description",
-			fn: D((t) => [x(e.$slots, "description", v(g(t)))]),
+			fn: E((t) => [x(e.$slots, "description", v(g(t)))]),
 			key: "0"
 		} : void 0]), 1040, [
 			"id",
@@ -340,4 +340,4 @@ var O = [
 	}
 });
 //#endregion
-export { M as default };
+export { j as default };