@threadlabs/looma 0.23.16 → 0.23.17

package/vue/chunks/UiMeter.js

@@ -17,6 +17,227 @@ var _hoisted_1 = [
 	"data-value-text",
 	"data-ui-meter-state"
 ];
+function createFormatValue() {
+	const cache = /* @__PURE__ */ new Map();
+	function formatterFor(name, locale, options) {
+		const constructor = Reflect.get(Intl, name);
+		if (name === "DateTimeFormat" && options.timeZone === void 0) return new constructor(locale, options);
+		const entries = [];
+		for (const key of Object.keys(options).sort()) {
+			const value = options[key];
+			if (value === void 0) continue;
+			if (value !== null && typeof value !== "string" && typeof value !== "boolean" && typeof value !== "number" || typeof value === "number" && !Number.isFinite(value)) return new constructor(locale, options);
+			entries.push([
+				key,
+				typeof value,
+				Object.is(value, -0) ? "-0" : value
+			]);
+		}
+		const language = locale === void 0 && typeof navigator !== "undefined" ? navigator.language : void 0;
+		const key = JSON.stringify([
+			name,
+			locale,
+			language,
+			entries
+		]);
+		if (key.length > 4096) return new constructor(locale, options);
+		const cached = cache.get(key);
+		if (cached !== void 0 && cached.constructor === constructor) return cached.value;
+		const value = new constructor(locale, options);
+		if (cache.size >= 128 && !cache.has(key)) cache.delete(cache.keys().next().value);
+		cache.set(key, {
+			constructor,
+			value
+		});
+		return value;
+	}
+	/**
+	* The native Intl adapter. Self-contained so converters emit this same implementation only when
+	* authored expressions use formatting, without importing the live parser or interpreter.
+	* undefined is absence; the shared invalid-result symbol tells each target to retain its output.
+	*/
+	return function formatValue(value, inputType, operation, ...args) {
+		const invalid = Symbol.for("html-next.invalid-result");
+		if (value === invalid || args.includes(invalid)) return invalid;
+		if (value === void 0 || value === null || args.some((arg) => arg === void 0)) return;
+		const end = operation === "formatRange" ? args.shift() : void 0;
+		if (operation === "formatRange" && (end === null || end === void 0)) return;
+		const format = typeof args[0] === "string" ? args.shift() : Reflect.get({
+			number: "number",
+			integer: "number",
+			percentage: "percent",
+			date: "date",
+			time: "time",
+			datetime: "dateTime",
+			"datetime-local": "dateTime",
+			duration: "duration",
+			list: "list"
+		}, inputType ?? "");
+		const options = args.length > 0 ? args.shift() : {};
+		const locale = args.shift();
+		if (args.length > 0 || !format || options === null || typeof options !== "object" || Array.isArray(options) || locale !== void 0 && typeof locale !== "string") return invalid;
+		try {
+			const durationFields = [
+				"years",
+				"months",
+				"weeks",
+				"days",
+				"hours",
+				"minutes",
+				"seconds",
+				"milliseconds",
+				"microseconds",
+				"nanoseconds"
+			];
+			const settings = { ...options };
+			let formatter;
+			let input = value;
+			let last = end;
+			let zoneFree = false;
+			if ([
+				"number",
+				"currency",
+				"percent",
+				"unit"
+			].includes(format)) {
+				if (format !== "number") {
+					if (settings.style !== void 0 && settings.style !== format) return invalid;
+					settings.style = format;
+				}
+				const quantity = (candidate) => {
+					if (inputType === "percentage" && typeof candidate === "string" && /^-?(?:\d+(?:\.\d+)?|\.\d+)%$/.test(candidate)) return Number(candidate.slice(0, -1)) / 100;
+					return candidate;
+				};
+				input = quantity(input);
+				last = quantity(last);
+				if (typeof input !== "number" || !Number.isFinite(input) || operation === "formatRange" && (typeof last !== "number" || !Number.isFinite(last))) return invalid;
+				formatter = formatterFor("NumberFormat", locale, settings);
+			} else if ([
+				"date",
+				"time",
+				"dateTime"
+			].includes(format)) {
+				const civil = inputType === "date" || inputType === "time" || inputType === "datetime-local" || typeof input === "string" && !/(?:Z|[+-]\d\d:\d\d)$/.test(input);
+				zoneFree = civil;
+				if (civil && (settings.timeZone !== void 0 || settings.timeZoneName !== void 0)) return invalid;
+				if (format === "date" && (settings.timeStyle !== void 0 || [
+					"hour",
+					"minute",
+					"second",
+					"dayPeriod",
+					"fractionalSecondDigits"
+				].some((key) => settings[key] !== void 0)) || format === "time" && (settings.dateStyle !== void 0 || [
+					"year",
+					"month",
+					"day",
+					"weekday",
+					"era"
+				].some((key) => settings[key] !== void 0))) return invalid;
+				if (settings.dateStyle === void 0 && settings.timeStyle === void 0 && ![
+					"year",
+					"month",
+					"day",
+					"weekday",
+					"era",
+					"hour",
+					"minute",
+					"second",
+					"dayPeriod",
+					"fractionalSecondDigits"
+				].some((key) => settings[key] !== void 0)) {
+					if (format !== "time") settings.dateStyle = "medium";
+					if (format !== "date") settings.timeStyle = "medium";
+				}
+				if (civil) settings.timeZone = "UTC";
+				const asDate = (candidate) => {
+					if (typeof candidate === "number" && Number.isFinite(candidate)) return new Date(candidate);
+					if (typeof candidate !== "string") return;
+					let written = candidate.replace(" ", "T");
+					if (/^\d\d:\d\d(?::\d\d(?:\.\d{1,3})?)?$/.test(written)) {
+						if (format !== "time") return;
+						written = "1970-01-01T" + written + "Z";
+					} else if (/^\d{4,}-\d\d-\d\d$/.test(written)) {
+						if (format !== "date") return;
+						written += "T00:00:00Z";
+					} else if (/^\d{4,}-\d\d-\d\dT\d\d:\d\d(?::\d\d(?:\.\d{1,3})?)?$/.test(written)) written += "Z";
+					else if (!/^\d{4,}-\d\d-\d\dT\d\d:\d\d(?::\d\d(?:\.\d{1,3})?)?(?:Z|[+-]\d\d:\d\d)$/.test(written)) return;
+					const date = new Date(written.replace(/^(\d{5,})-/, (_match, year) => "+" + year.padStart(6, "0") + "-"));
+					if (!Number.isFinite(date.getTime())) return;
+					const match = /^(\d{4,})-(\d\d)-(\d\d)T(\d\d):(\d\d)(?::(\d\d))?/.exec(written);
+					if (!match) return;
+					const probe = /* @__PURE__ */ new Date(0);
+					probe.setUTCFullYear(Number(match[1]), Number(match[2]) - 1, Number(match[3]));
+					if (Number(match[1]) === 0 || probe.getUTCMonth() !== Number(match[2]) - 1 || probe.getUTCDate() !== Number(match[3]) || Number(match[4]) > 23 || Number(match[5]) > 59 || Number(match[6] ?? 0) > 59) return;
+					return date;
+				};
+				input = asDate(input);
+				last = operation === "formatRange" ? asDate(last) : void 0;
+				if (!input || operation === "formatRange" && !last) return invalid;
+				formatter = formatterFor("DateTimeFormat", locale, settings);
+			} else {
+				if (operation === "formatRange") return invalid;
+				if (format === "relativeTime") {
+					if (typeof input !== "number" || !Number.isFinite(input) || typeof settings.unit !== "string") return invalid;
+					const unit = settings.unit;
+					delete settings.unit;
+					formatter = formatterFor("RelativeTimeFormat", locale, settings);
+					return operation === "formatParts" ? formatter.formatToParts(input, unit) : formatter.format(input, unit);
+				}
+				if (format === "list") {
+					if (!Array.isArray(input) || input.some((item) => typeof item !== "string")) return invalid;
+					formatter = formatterFor("ListFormat", locale, settings);
+				} else if (format === "duration") {
+					if (inputType === "duration" && typeof input === "string") {
+						const match = /^(-?(?:\d+(?:\.\d+)?|\.\d+))(ms|s)$/.exec(input);
+						if (!match) return invalid;
+						const milliseconds = Number(match[1]) * (match[2] === "s" ? 1e3 : 1);
+						if (!Number.isFinite(milliseconds)) return invalid;
+						input = {
+							hours: Math.trunc(milliseconds / 36e5),
+							minutes: Math.trunc(milliseconds % 36e5 / 6e4),
+							seconds: Math.trunc(milliseconds % 6e4 / 1e3),
+							milliseconds: Math.trunc(milliseconds % 1e3),
+							microseconds: Math.trunc((milliseconds - Math.trunc(milliseconds)) * 1e3),
+							nanoseconds: Math.round((milliseconds * 1e3 - Math.trunc(milliseconds * 1e3)) * 1e3)
+						};
+					}
+					if (input === null || typeof input !== "object" || Array.isArray(input) || Object.keys(input).some((key) => !durationFields.includes(key))) return invalid;
+					if (!Reflect.get(Intl, "DurationFormat")) return invalid;
+					formatter = formatterFor("DurationFormat", locale, settings);
+				} else if (format === "displayName") {
+					if (typeof input !== "string" || operation === "formatParts") return invalid;
+					return formatterFor("DisplayNames", locale, settings).of(input);
+				} else if (format === "plural") {
+					if (typeof input !== "number" || !Number.isFinite(input) || operation === "formatParts") return invalid;
+					const forms = settings.forms;
+					if (!forms || typeof forms !== "object" || Array.isArray(forms) || typeof forms.other !== "string" || Object.entries(forms).some(([key, entry]) => ![
+						"zero",
+						"one",
+						"two",
+						"few",
+						"many",
+						"other"
+					].includes(key) || typeof entry !== "string")) return invalid;
+					delete settings.forms;
+					const message = forms[formatterFor("PluralRules", locale, settings).select(input)] ?? forms.other;
+					const numberOptions = { ...settings };
+					delete numberOptions.type;
+					delete numberOptions.forms;
+					const number = formatterFor("NumberFormat", locale, numberOptions).format(input);
+					return message.replace(/#/g, () => number);
+				}
+			}
+			if (!zoneFree && operation !== "formatParts") return operation === "formatRange" ? formatter.formatRange(input, last) : formatter.format(input);
+			const parts = operation === "formatRange" ? formatter.formatRangeToParts(input, last) : formatter.formatToParts(input);
+			if (zoneFree && operation !== "formatParts" && !parts.some((part) => part.type === "timeZoneName")) return operation === "formatRange" ? formatter.formatRange(input, last) : formatter.format(input);
+			const visible = zoneFree ? parts.filter((part, index) => part.type !== "timeZoneName" && !(part.type === "literal" && /^[\s(),]*$/.test(part.value) && (parts[index - 1]?.type === "timeZoneName" || parts[index + 1]?.type === "timeZoneName"))) : parts;
+			return operation === "formatParts" ? visible : visible.map((part) => part.value).join("");
+		} catch {
+			return invalid;
+		}
+	};
+}
+var moduleFormatValue = createFormatValue();
 //#endregion
 //#region .build/vue/UiMeter.vue
 var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -53,6 +274,7 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		}
 	},
 	setup(__props) {
+		const formatValue = moduleFormatValue;
 		const propValidityContract = { props: {
 			label: {
 				type: {
@@ -130,7 +352,7 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				},
 				required: false,
 				target: { attribute: "valuetext" },
-				description: "The value as assistive technology reads it (\"$750 of $1,240 collected\", \"3 of 5 done, overdue\"). Empty reads the percentage.",
+				description: "The value as assistive technology reads it (\"$750 of $1,240 collected\", \"3 of 5 done, overdue\"). Empty reads the whole percentage in the current\n      locale.",
 				default: ""
 			}
 		} };
@@ -214,16 +436,92 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				}
 			} });
 		}
-		const amount = cycleCheckedComputed(() => ((values) => values.includes(void 0) ? void 0 : Math.min(Math.max(values[0], values[1]), values[2]))([
-			number(0),
-			number(checkedProps.value.value),
-			number(checkedProps.value.max)
-		]));
-		const percent = cycleCheckedComputed(() => ({
-			true: number(number(amount.value) === void 0 || number(checkedProps.value.max) === void 0 ? void 0 : number(amount.value) / number(checkedProps.value.max)) === void 0 || number(100) === void 0 ? void 0 : number(number(amount.value) === void 0 || number(checkedProps.value.max) === void 0 ? void 0 : number(amount.value) / number(checkedProps.value.max)) * number(100),
-			false: 0
-		})[`${number(checkedProps.value.max) === void 0 || number(0) === void 0 ? void 0 : number(checkedProps.value.max) > number(0)}`]);
-		const whole = cycleCheckedComputed(() => number(number(percent.value) === void 0 || number(.5) === void 0 ? void 0 : number(percent.value) + number(.5)) === void 0 || number(number(number(percent.value) === void 0 || number(.5) === void 0 ? void 0 : number(percent.value) + number(.5)) === void 0 || number(1) === void 0 ? void 0 : number(number(percent.value) === void 0 || number(.5) === void 0 ? void 0 : number(percent.value) + number(.5)) % number(1)) === void 0 ? void 0 : number(number(percent.value) === void 0 || number(.5) === void 0 ? void 0 : number(percent.value) + number(.5)) - number(number(number(percent.value) === void 0 || number(.5) === void 0 ? void 0 : number(percent.value) + number(.5)) === void 0 || number(1) === void 0 ? void 0 : number(number(percent.value) === void 0 || number(.5) === void 0 ? void 0 : number(percent.value) + number(.5)) % number(1)));
+		let amountPrevious = null;
+		const amount = cycleCheckedComputed(() => {
+			const next = math("clamp", [
+				"number",
+				"number",
+				"number"
+			], [
+				0,
+				checkedProps.value.value,
+				checkedProps.value.max
+			]);
+			if (next === Symbol.for("html-next.invalid-result")) return amountPrevious;
+			return amountPrevious = next;
+		});
+		let percentPrevious = null;
+		const percent = cycleCheckedComputed(() => {
+			const next = ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: number(number(amount.value) === void 0 || number(checkedProps.value.max) === void 0 ? void 0 : number(amount.value) / number(checkedProps.value.max)) === void 0 || number(100) === void 0 ? void 0 : number(number(amount.value) === void 0 || number(checkedProps.value.max) === void 0 ? void 0 : number(amount.value) / number(checkedProps.value.max)) * number(100),
+				false: 0
+			}, concat(number(checkedProps.value.max) === void 0 || number(0) === void 0 ? void 0 : number(checkedProps.value.max) > number(0)));
+			if (next === Symbol.for("html-next.invalid-result")) return percentPrevious;
+			return percentPrevious = next;
+		});
+		let guardedPrevious = null;
+		const guarded = computed(() => {
+			if (((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])((() => {
+				const value = {
+					true: checkedProps.value.valueText,
+					false: formatValue(number(percent.value) === void 0 || number(100) === void 0 ? void 0 : number(percent.value) / number(100), "number", "format", "percent", { maximumFractionDigits: 0 })
+				};
+				return Object.values(value).some((entry) => entry === Symbol.for("html-next.invalid-result")) ? Symbol.for("html-next.invalid-result") : value;
+			})(), concat(checkedProps.value.valueText !== "")) === Symbol.for("html-next.invalid-result")) return guardedPrevious;
+			return guardedPrevious = typeof ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])((() => {
+				const value = {
+					true: checkedProps.value.valueText,
+					false: formatValue(number(percent.value) === void 0 || number(100) === void 0 ? void 0 : number(percent.value) / number(100), "number", "format", "percent", { maximumFractionDigits: 0 })
+				};
+				return Object.values(value).some((entry) => entry === Symbol.for("html-next.invalid-result")) ? Symbol.for("html-next.invalid-result") : value;
+			})(), concat(checkedProps.value.valueText !== "")) === "boolean" ? String(((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])((() => {
+				const value = {
+					true: checkedProps.value.valueText,
+					false: formatValue(number(percent.value) === void 0 || number(100) === void 0 ? void 0 : number(percent.value) / number(100), "number", "format", "percent", { maximumFractionDigits: 0 })
+				};
+				return Object.values(value).some((entry) => entry === Symbol.for("html-next.invalid-result")) ? Symbol.for("html-next.invalid-result") : value;
+			})(), concat(checkedProps.value.valueText !== ""))) : attribute(((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])((() => {
+				const value = {
+					true: checkedProps.value.valueText,
+					false: formatValue(number(percent.value) === void 0 || number(100) === void 0 ? void 0 : number(percent.value) / number(100), "number", "format", "percent", { maximumFractionDigits: 0 })
+				};
+				return Object.values(value).some((entry) => entry === Symbol.for("html-next.invalid-result")) ? Symbol.for("html-next.invalid-result") : value;
+			})(), concat(checkedProps.value.valueText !== "")));
+		});
+		let guardedBindingPrevious = null;
+		const guardedBinding = computed(() => {
+			if (((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: checkedProps.value.label,
+				false: null
+			}, concat(checkedProps.value.label !== "")) === Symbol.for("html-next.invalid-result")) return guardedBindingPrevious;
+			return guardedBindingPrevious = typeof ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: checkedProps.value.label,
+				false: null
+			}, concat(checkedProps.value.label !== "")) === "boolean" ? String(((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: checkedProps.value.label,
+				false: null
+			}, concat(checkedProps.value.label !== ""))) : attribute(((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: checkedProps.value.label,
+				false: null
+			}, concat(checkedProps.value.label !== "")));
+		});
+		let guardedBinding2Previous = null;
+		const guardedBinding2 = computed(() => {
+			if (((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: checkedProps.value.segments,
+				false: null
+			}, concat(number(checkedProps.value.segments) === void 0 || number(1) === void 0 ? void 0 : number(checkedProps.value.segments) > number(1))) === Symbol.for("html-next.invalid-result")) return guardedBinding2Previous;
+			return guardedBinding2Previous = attribute(((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: checkedProps.value.segments,
+				false: null
+			}, concat(number(checkedProps.value.segments) === void 0 || number(1) === void 0 ? void 0 : number(checkedProps.value.segments) > number(1))));
+		});
+		let guardedBinding3Previous = null;
+		const guardedBinding3 = computed(() => {
+			const candidate = concat(percent.value, "%");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding3Previous;
+			return guardedBinding3Previous = candidate;
+		});
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "span")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-meter> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -250,6 +548,65 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		function number(value) {
 			return typeof value === "number" && !Number.isNaN(value) ? value : void 0;
 		}
+		function concat(...values) {
+			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
+			if (values.some((value) => value === void 0)) return void 0;
+			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
+			return values.map((value) => value === null ? "" : String(value)).join("");
+		}
+		function math(fn, kinds, values) {
+			if (values.includes(Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
+			if (values.some((value) => value === void 0 || value === null)) return void 0;
+			if ((fn === "abs" || fn === "negate") && values.length !== 1 || fn === "round" && (values.length < 1 || values.length > 2) || (fn === "min" || fn === "max") && values.length === 0 || fn === "clamp" && values.length !== 3) return Symbol.for("html-next.invalid-result");
+			const kind = kinds[0];
+			const dimensional = kind === "length" || kind === "percentage" || kind === "duration";
+			if (!dimensional && kind !== "number") return Symbol.for("html-next.invalid-result");
+			let unit;
+			const numbers = [];
+			for (let index = 0; index < values.length; index++) {
+				if (kinds[index] !== kind) return Symbol.for("html-next.invalid-result");
+				const value = values[index];
+				if (!dimensional) {
+					if (typeof value !== "number" || !Number.isFinite(value)) return Symbol.for("html-next.invalid-result");
+					numbers.push(value);
+					continue;
+				}
+				if (typeof value !== "string") return Symbol.for("html-next.invalid-result");
+				const match = /^(-?(?:\d+(?:\.\d+)?|\.\d+))(vmin|vmax|rem|px|em|vw|vh|ch|ex|cm|mm|in|pt|pc|q|ms|s|%)$/.exec(value);
+				if (match === null || unit !== void 0 && match[2] !== unit) return Symbol.for("html-next.invalid-result");
+				unit = match[2];
+				if ((unit === "%" ? "percentage" : unit === "ms" || unit === "s" ? "duration" : "length") !== kind) return Symbol.for("html-next.invalid-result");
+				const number = Number(match[1]);
+				if (!Number.isFinite(number)) return Symbol.for("html-next.invalid-result");
+				numbers.push(number);
+			}
+			let result;
+			switch (fn) {
+				case "abs":
+					result = Math.abs(numbers[0]);
+					break;
+				case "negate":
+					result = -numbers[0];
+					break;
+				case "round": {
+					const step = Math.abs(numbers[1] ?? 1);
+					if (step === 0) return Symbol.for("html-next.invalid-result");
+					result = Math.round(numbers[0] / step) * step;
+					break;
+				}
+				case "min":
+					result = Math.min(...numbers);
+					break;
+				case "max":
+					result = Math.max(...numbers);
+					break;
+				case "clamp":
+					result = Math.max(numbers[0], Math.min(numbers[1], numbers[2]));
+					break;
+				default: return Symbol.for("html-next.invalid-result");
+			}
+			return !Number.isFinite(result) ? Symbol.for("html-next.invalid-result") : unit === void 0 ? result : String(result) + unit;
+		}
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("span", mergeProps({
 				"data-component": "ui-meter",
@@ -258,30 +615,9 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}, nativeAttrs(_ctx.$attrs), {
 				"aria-valuemax": checkedProps.value.max ?? void 0,
 				"aria-valuenow": unref(amount),
-				"aria-valuetext": typeof {
-					true: checkedProps.value.valueText,
-					false: `${unref(whole) ?? ""}%`
-				}[`${checkedProps.value.valueText !== ""}`] === "boolean" ? String({
-					true: checkedProps.value.valueText,
-					false: `${unref(whole) ?? ""}%`
-				}[`${checkedProps.value.valueText !== ""}`]) : attribute({
-					true: checkedProps.value.valueText,
-					false: `${unref(whole) ?? ""}%`
-				}[`${checkedProps.value.valueText !== ""}`]),
-				"aria-label": typeof {
-					true: checkedProps.value.label,
-					false: null
-				}[`${checkedProps.value.label !== ""}`] === "boolean" ? String({
-					true: checkedProps.value.label,
-					false: null
-				}[`${checkedProps.value.label !== ""}`]) : attribute({
-					true: checkedProps.value.label,
-					false: null
-				}[`${checkedProps.value.label !== ""}`]),
-				"data-ui-meter-segments": attribute({
-					true: checkedProps.value.segments,
-					false: null
-				}[`${number(checkedProps.value.segments) === void 0 || number(1) === void 0 ? void 0 : number(checkedProps.value.segments) > number(1)}`]),
+				"aria-valuetext": guarded.value,
+				"aria-label": guardedBinding.value,
+				"data-ui-meter-segments": guardedBinding2.value,
 				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
 				"data-max": reflectedProp("max", "max", checkedProps.value.max, void 0, false),
 				"data-segments": reflectedProp("segments", "segments", checkedProps.value.segments, void 0, false),
@@ -292,13 +628,13 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				"data-ui-meter-state": hostState.value || void 0
 			}), [createElementVNode("span", {
 				class: "fill",
-				style: normalizeStyle({ "inline-size": `${text(unref(percent))}%` })
+				style: normalizeStyle({ "inline-size": guardedBinding3.value })
 			}, null, 4)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e42c9bdb"]]);
+}), [["__scopeId", "data-v-7327e0b4"]]);
 //#endregion
 export { UiMeter_default as t };

package/vue/chunks/UiNavItem.js

@@ -212,6 +212,64 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		const hydrationInstance = getCurrentInstance();
 		const root = useTemplateRef("@html-next/root");
 		preserveRootFocus(root);
+		let guardedPrevious = null;
+		const guarded = computed(() => {
+			if (((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: "page",
+				false: null,
+				page: "page",
+				step: "step",
+				location: "location"
+			}, concat(checkedProps.value.current)) === Symbol.for("html-next.invalid-result")) return guardedPrevious;
+			return guardedPrevious = typeof ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: "page",
+				false: null,
+				page: "page",
+				step: "step",
+				location: "location"
+			}, concat(checkedProps.value.current)) === "boolean" ? String(((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: "page",
+				false: null,
+				page: "page",
+				step: "step",
+				location: "location"
+			}, concat(checkedProps.value.current))) : attribute(((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: "page",
+				false: null,
+				page: "page",
+				step: "step",
+				location: "location"
+			}, concat(checkedProps.value.current)));
+		});
+		let guardedBindingPrevious = null;
+		const guardedBinding = computed(() => {
+			if (((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: "page",
+				false: null,
+				page: "page",
+				step: "step",
+				location: "location"
+			}, concat(checkedProps.value.current)) === Symbol.for("html-next.invalid-result")) return guardedBindingPrevious;
+			return guardedBindingPrevious = typeof ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: "page",
+				false: null,
+				page: "page",
+				step: "step",
+				location: "location"
+			}, concat(checkedProps.value.current)) === "boolean" ? String(((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: "page",
+				false: null,
+				page: "page",
+				step: "step",
+				location: "location"
+			}, concat(checkedProps.value.current))) : attribute(((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+				true: "page",
+				false: null,
+				page: "page",
+				step: "step",
+				location: "location"
+			}, concat(checkedProps.value.current)));
+		});
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== (checkedProps.value.as === "a" ? "a" : "button"))) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-nav-item> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -235,6 +293,12 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			if (value === null || value === void 0 || value === false || typeof value === "object" && !Array.isArray(value)) return void 0;
 			return value === true ? "" : text(value);
 		}
+		function concat(...values) {
+			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
+			if (values.some((value) => value === void 0)) return void 0;
+			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
+			return values.map((value) => value === null ? "" : String(value)).join("");
+		}
 		return (_ctx, _cache) => {
 			return checkedProps.value.as === "a" ? withDirectives((openBlock(), createElementBlock("a", mergeProps({
 				key: 0,
@@ -243,25 +307,7 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				href: checkedProps.value.href ?? void 0,
 				target: checkedProps.value.target ?? void 0,
 				rel: checkedProps.value.rel ?? void 0,
-				"aria-current": typeof {
-					true: "page",
-					false: null,
-					page: "page",
-					step: "step",
-					location: "location"
-				}[`${checkedProps.value.current ?? ""}`] === "boolean" ? String({
-					true: "page",
-					false: null,
-					page: "page",
-					step: "step",
-					location: "location"
-				}[`${checkedProps.value.current ?? ""}`]) : attribute({
-					true: "page",
-					false: null,
-					page: "page",
-					step: "step",
-					location: "location"
-				}[`${checkedProps.value.current ?? ""}`]),
+				"aria-current": guarded.value,
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-current": reflectedProp("current", "current", checkedProps.value.current, void 0, false),
 				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
@@ -287,25 +333,7 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				"data-component": "ui-nav-item",
 				type: "button"
 			}, nativeAttrs(_ctx.$attrs), {
-				"aria-current": typeof {
-					true: "page",
-					false: null,
-					page: "page",
-					step: "step",
-					location: "location"
-				}[`${checkedProps.value.current ?? ""}`] === "boolean" ? String({
-					true: "page",
-					false: null,
-					page: "page",
-					step: "step",
-					location: "location"
-				}[`${checkedProps.value.current ?? ""}`]) : attribute({
-					true: "page",
-					false: null,
-					page: "page",
-					step: "step",
-					location: "location"
-				}[`${checkedProps.value.current ?? ""}`]),
+				"aria-current": guardedBinding.value,
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-current": reflectedProp("current", "current", checkedProps.value.current, void 0, false),
 				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
@@ -329,6 +357,6 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-7ab7def5"]]);
+}), [["__scopeId", "data-v-b4e6f259"]]);
 //#endregion
 export { UiNavItem_default as t };

package/vue/chunks/UiPageHeader.js

@@ -80,6 +80,6 @@ var UiPageHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-f8714b18"]]);
+}), [["__scopeId", "data-v-78d3961d"]]);
 //#endregion
 export { UiPageHeader_default as t };

package/vue/chunks/UiPopover.js

@@ -214,6 +214,6 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-af0419ac"]]);
+}), [["__scopeId", "data-v-69d5aa6d"]]);
 //#endregion
 export { UiPopover_default as t };

package/vue/chunks/UiRadio.js

@@ -187,6 +187,11 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		const inputElement = useTemplateRef("input");
 		const descriptionElement = useTemplateRef("description");
 		const internalChecked = ref(false);
+		let guardedPrevious;
+		computed(() => {
+			if (!(internalChecked.value == null || typeof internalChecked.value === "boolean")) return guardedPrevious;
+			return guardedPrevious = internalChecked.value;
+		});
 		provide("html-next:ui-radio:internalChecked", internalChecked);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "label")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-radio> has an incompatible root."), {
@@ -272,6 +277,6 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-12f949e0"]]);
+}), [["__scopeId", "data-v-b8d72e91"]]);
 //#endregion
 export { UiRadio_default as t };

package/vue/chunks/UiRadioGroup.js

@@ -274,6 +274,6 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-f7b72b3f"]]);
+}), [["__scopeId", "data-v-f0dcec3f"]]);
 //#endregion
 export { UiRadioGroup_default as t };

package/vue/chunks/UiReel.js

@@ -139,6 +139,6 @@ var UiReel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-23a53ac3"]]);
+}), [["__scopeId", "data-v-a8b02965"]]);
 //#endregion
 export { UiReel_default as t };