@pgcorp/ui-kit 0.13.0 → 0.15.0

package/dist/src/components/shared/controls/SField.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,9 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { FIELD_ERROR_CLASS as t, FIELD_HELP_CLASS as n, FIELD_REQUIRED_CLASS as r, useFieldSupportingText as i } from "../../../internal/fieldPresentation.js";
-import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, useSlots as _ } from "vue";
+import { validateExactString as e } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import { FIELD_ERROR_CLASS as n, FIELD_HELP_CLASS as r, FIELD_REQUIRED_CLASS as i, useFieldSupportingText as a } from "../../../internal/fieldPresentation.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useSlots as y, withCtx as b } from "vue";
 //#region src/components/shared/controls/SField.vue?vue&type=script&setup=true&lang.ts
-var v = [
-	"data-disabled",
-	"data-readonly",
-	"data-invalid",
-	"data-fill"
-], y = ["id", "for"], b = { class: "s-field__control" }, x = ["id"], S = ["id"], C = /*@__PURE__*/ u({
+var x = ["id", "for"], S = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "SField",
 	props: {
@@ -32,55 +28,76 @@ var v = [
 			default: !1
 		},
 		layout: { default: "stacked" },
-		fill: { default: "content" }
+		fill: { default: "content" },
+		contentFlow: { default: "flow" }
 	},
-	setup(u) {
-		let C = u, w = _(), T = e({
+	setup(d) {
+		let S = d, C = y(), w = t({
 			component: "SField",
 			owner: "field root"
-		}), E = a(() => C.invalid), D = a(() => !!(C.label || w.label)), O = a(() => `${C.controlId}-label`), k = a(() => C.controlId), { describedBy: A, errorId: j, helpId: M } = i({
+		}), T = o(() => e("SField", "contentFlow", S.contentFlow, ["flow", "phrasing"])), E = o(() => S.invalid), D = o(() => !!(S.label || C.label)), O = o(() => `${S.controlId}-label`), k = o(() => S.controlId), { describedBy: A, errorId: j, helpId: M } = a({
 			baseId: k,
-			hasHelp: () => !!(C.helpText || w.help),
-			hasError: () => !!(E.value && (C.errorMessage || w.error))
+			hasHelp: () => !!(S.helpText || C.help),
+			hasError: () => !!(E.value && (S.errorMessage || C.error))
 		});
-		return (e, i) => (p(), s("div", d(g(T).bindings(), {
-			class: ["s-field", `s-field--${u.layout}`],
-			"data-disabled": u.disabled || void 0,
-			"data-readonly": u.readonly || void 0,
+		return (e, t) => (m(), s(g(T.value === "phrasing" ? "span" : "div"), f(v(w).bindings(), {
+			class: ["s-field", `s-field--${d.layout}`],
+			"data-disabled": d.disabled || void 0,
+			"data-readonly": d.readonly || void 0,
 			"data-invalid": E.value || void 0,
-			"data-fill": u.fill
-		}), [
-			D.value ? (p(), s("label", {
-				key: 0,
-				id: O.value,
-				class: "s-field__label",
-				for: u.controlId
-			}, [m(e.$slots, "label", {}, () => [l(h(u.label), 1)], !0), u.required ? (p(), s("span", {
-				key: 0,
-				class: f(["s-field__required", g(r)]),
-				"aria-hidden": "true"
-			}, "*", 2)) : o("", !0)], 8, y)) : o("", !0),
-			c("div", b, [m(e.$slots, "default", {
-				controlId: u.controlId,
-				labelledBy: D.value ? O.value : void 0,
-				describedBy: g(A),
-				invalid: E.value,
-				disabled: u.disabled,
-				readonly: u.readonly,
-				required: u.required
-			}, void 0, !0)]),
-			u.helpText || e.$slots.help ? (p(), s("p", {
-				key: 1,
-				id: g(M),
-				class: f(["s-field__help", g(n)])
-			}, [m(e.$slots, "help", {}, () => [l(h(u.helpText), 1)], !0)], 10, x)) : o("", !0),
-			E.value && (u.errorMessage || e.$slots.error) ? (p(), s("p", {
-				key: 2,
-				id: g(j),
-				class: f(["s-field__error", g(t)])
-			}, [m(e.$slots, "error", {}, () => [l(h(u.errorMessage), 1)], !0)], 10, S)) : o("", !0)
-		], 16, v));
+			"data-fill": d.fill,
+			"data-content-flow": T.value
+		}), {
+			default: b(() => [
+				D.value ? (m(), l("label", {
+					key: 0,
+					id: O.value,
+					class: "s-field__label",
+					for: d.controlId
+				}, [h(e.$slots, "label", {}, () => [u(_(d.label), 1)], !0), d.required ? (m(), l("span", {
+					key: 0,
+					class: p(["s-field__required", v(i)]),
+					"aria-hidden": "true"
+				}, "*", 2)) : c("", !0)], 8, x)) : c("", !0),
+				(m(), s(g(T.value === "phrasing" ? "span" : "div"), { class: "s-field__control" }, {
+					default: b(() => [h(e.$slots, "default", {
+						controlId: d.controlId,
+						labelledBy: D.value ? O.value : void 0,
+						describedBy: v(A),
+						invalid: E.value,
+						disabled: d.disabled,
+						readonly: d.readonly,
+						required: d.required
+					}, void 0, !0)]),
+					_: 3
+				})),
+				d.helpText || e.$slots.help ? (m(), s(g(T.value === "phrasing" ? "span" : "p"), {
+					key: 1,
+					id: v(M),
+					class: p(["s-field__help", v(r)])
+				}, {
+					default: b(() => [h(e.$slots, "help", {}, () => [u(_(d.helpText), 1)], !0)]),
+					_: 3
+				}, 8, ["id", "class"])) : c("", !0),
+				E.value && (d.errorMessage || e.$slots.error) ? (m(), s(g(T.value === "phrasing" ? "span" : "p"), {
+					key: 2,
+					id: v(j),
+					class: p(["s-field__error", v(n)])
+				}, {
+					default: b(() => [h(e.$slots, "error", {}, () => [u(_(d.errorMessage), 1)], !0)]),
+					_: 3
+				}, 8, ["id", "class"])) : c("", !0)
+			]),
+			_: 3
+		}, 16, [
+			"class",
+			"data-disabled",
+			"data-readonly",
+			"data-invalid",
+			"data-fill",
+			"data-content-flow"
+		]));
 	}
 });
 //#endregion
-export { C as default };
+export { S as default };

package/dist/src/components/shared/controls/SFieldGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { mergeIdReferences as e, useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
-import { validateBoundedInteger as n, validateDomId as r, validateExactString as i, validateNonEmptyString as a } from "../../../internal/runtimeContract.js";
+import { validateBoundedInteger as e, validateDomId as t, validateExactString as n, validateNonEmptyString as r } from "../../../internal/runtimeContract.js";
+import { mergeIdReferences as i, useOwnedAttrs as a } from "../../../internal/ownedAttrs.js";
 import { FIELD_ERROR_CLASS as o, FIELD_HELP_CLASS as s, FIELD_REQUIRED_CLASS as c, useFieldSupportingText as l } from "../../../internal/fieldPresentation.js";
 import { computed as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, defineComponent as h, mergeProps as g, normalizeClass as _, openBlock as v, renderSlot as y, toDisplayString as b, unref as x, useId as S, useSlots as C } from "vue";
 //#region src/components/shared/controls/SFieldGroup.vue?vue&type=script&setup=true&lang.ts
@@ -48,19 +48,19 @@ var w = [
 		], A = {
 			minimum: 1,
 			maximum: 4
-		}, j = h, M = C(), N = t({
+		}, j = h, M = C(), N = a({
 			component: "SFieldGroup",
 			owner: "native fieldset"
-		}), P = S(), F = u(() => r("SFieldGroup", "id", j.id ?? `s-field-group-${P}`)), I = u(() => `${F.value}-legend`), L = u(() => a("SFieldGroup", "label", j.label)), { describedBy: R, errorId: z, helpId: B } = l({
+		}), P = S(), F = u(() => t("SFieldGroup", "id", j.id ?? `s-field-group-${P}`)), I = u(() => `${F.value}-legend`), L = u(() => r("SFieldGroup", "label", j.label)), { describedBy: R, errorId: z, helpId: B } = l({
 			baseId: F,
 			hasHelp: () => !!(j.helpText || M.help),
 			hasError: () => !!(j.invalid && (j.errorMessage || M.error))
-		}), V = u(() => i("SFieldGroup", "layout", j.layout, k)), H = u(() => n("SFieldGroup", "columns", j.columns, A));
-		return (t, n) => (v(), f("fieldset", g(x(N).bindings(), {
+		}), V = u(() => n("SFieldGroup", "layout", j.layout, k)), H = u(() => e("SFieldGroup", "columns", j.columns, A));
+		return (e, t) => (v(), f("fieldset", g(x(N).bindings(), {
 			id: F.value,
 			class: "s-field-group",
 			disabled: h.disabled,
-			"aria-describedby": x(e)(x(N).string("aria-describedby"), x(R)),
+			"aria-describedby": x(i)(x(N).string("aria-describedby"), x(R)),
 			"aria-invalid": h.invalid || void 0,
 			"data-disabled": h.disabled || void 0,
 			"data-readonly": h.readonly || void 0,
@@ -71,12 +71,12 @@ var w = [
 			p("legend", {
 				id: I.value,
 				class: "s-field-group__legend"
-			}, [y(t.$slots, "label", {}, () => [m(b(L.value), 1)], !0), h.required ? (v(), f("span", {
+			}, [y(e.$slots, "label", {}, () => [m(b(L.value), 1)], !0), h.required ? (v(), f("span", {
 				key: 0,
 				class: _(["s-field-group__required", x(c)]),
 				"aria-hidden": "true"
 			}, "*", 2)) : d("", !0)], 8, T),
-			p("div", E, [y(t.$slots, "default", {
+			p("div", E, [y(e.$slots, "default", {
 				groupId: F.value,
 				labelId: I.value,
 				describedBy: x(R),
@@ -85,16 +85,16 @@ var w = [
 				readonly: h.readonly,
 				required: h.required
 			}, void 0, !0)]),
-			h.helpText || t.$slots.help ? (v(), f("p", {
+			h.helpText || e.$slots.help ? (v(), f("p", {
 				key: 0,
 				id: x(B),
 				class: _(["s-field-group__help", x(s)])
-			}, [y(t.$slots, "help", {}, () => [m(b(h.helpText), 1)], !0)], 10, D)) : d("", !0),
-			h.invalid && (h.errorMessage || t.$slots.error) ? (v(), f("p", {
+			}, [y(e.$slots, "help", {}, () => [m(b(h.helpText), 1)], !0)], 10, D)) : d("", !0),
+			h.invalid && (h.errorMessage || e.$slots.error) ? (v(), f("p", {
 				key: 1,
 				id: x(z),
 				class: _(["s-field-group__error", x(o)])
-			}, [y(t.$slots, "error", {}, () => [m(b(h.errorMessage), 1)], !0)], 10, O)) : d("", !0)
+			}, [y(e.$slots, "error", {}, () => [m(b(h.errorMessage), 1)], !0)], 10, O)) : d("", !0)
 		], 16, w));
 	}
 });

package/dist/src/components/shared/controls/SInlineTokenEditor.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { mergeIdReferences as e, useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
-import { validateBoolean as n, validateBoundedInteger as r, validateDomId as i, validateExactString as a, validateNonEmptyString as o } from "../../../internal/runtimeContract.js";
+import { validateBoolean as e, validateBoundedInteger as t, validateDomId as n, validateExactString as r, validateNonEmptyString as i } from "../../../internal/runtimeContract.js";
+import { mergeIdReferences as a, useOwnedAttrs as o } from "../../../internal/ownedAttrs.js";
 import s from "./SField.vue.js";
 import { resolveFieldSurfaceBindings as c } from "../../../internal/fieldSurface.js";
 import { composeInlineTokenSegments as l, inlineTokenSegmentsToText as ee, parseInlineTokenEditorSource as u, validateInlineTokenCursorBoundary as d } from "../../../internal/inlineTokenEditorContract.js";
@@ -48,13 +48,13 @@ var _ = /*@__PURE__*/ p({
 		"state-change"
 	],
 	setup(p, { expose: _, emit: se }) {
-		let v = p, y = se, b = t({
+		let v = p, y = se, b = o({
 			component: "SInlineTokenEditor",
 			owner: "inline token editing surface"
-		}), ce = ae(), x = f(() => v.id === void 0 ? `s-inline-token-editor-${ce}` : i("SInlineTokenEditor", "id", v.id)), S = m(null), le = (e) => {
+		}), ce = ae(), x = f(() => v.id === void 0 ? `s-inline-token-editor-${ce}` : n("SInlineTokenEditor", "id", v.id)), S = m(null), le = (e) => {
 			if (e !== null && !(e instanceof HTMLDivElement)) throw TypeError("SInlineTokenEditor: editing surface ref должен быть HTMLDivElement. / SInlineTokenEditor: editing surface ref must be an HTMLDivElement.");
 			S.value = e;
-		}, C = m(0), w = m(null), T = m(null), E = f(() => u(v.modelValue, v.segments)), D = f(() => n("SInlineTokenEditor", "disabled", v.disabled)), O = f(() => n("SInlineTokenEditor", "readonly", v.readonly)), ue = f(() => n("SInlineTokenEditor", "required", v.required)), de = f(() => n("SInlineTokenEditor", "invalid", v.invalid)), k = f(() => a("SInlineTokenEditor", "appearance", v.appearance, ["default", "ghost"])), fe = f(() => E.value.length > 0), pe = f(() => !fe.value), A = f(() => M(E.value).endsWith("\n") ? "newline" : E.value[E.value.length - 1]?.kind === "token" ? "token" : null), j = f(() => A.value !== null), me = f(() => JSON.stringify({
+		}, C = m(0), w = m(null), T = m(null), E = f(() => u(v.modelValue, v.segments)), D = f(() => e("SInlineTokenEditor", "disabled", v.disabled)), O = f(() => e("SInlineTokenEditor", "readonly", v.readonly)), ue = f(() => e("SInlineTokenEditor", "required", v.required)), de = f(() => e("SInlineTokenEditor", "invalid", v.invalid)), k = f(() => r("SInlineTokenEditor", "appearance", v.appearance, ["default", "ghost"])), fe = f(() => E.value.length > 0), pe = f(() => !fe.value), A = f(() => M(E.value).endsWith("\n") ? "newline" : E.value[E.value.length - 1]?.kind === "token" ? "token" : null), j = f(() => A.value !== null), me = f(() => JSON.stringify({
 			segments: E.value,
 			trailingCaretHelperKind: A.value,
 			tokenRemovalDisabled: D.value || O.value
@@ -68,7 +68,7 @@ var _ = /*@__PURE__*/ p({
 				readonly: e.readonly
 			});
 		}
-		let M = (e) => ee(e), N = (e) => e.nodeType === Node.TEXT_NODE && e.textContent === "​", P = (e) => o("SInlineTokenEditor", "DOM token label", e.dataset.segmentLabel).length, F = (e, t) => {
+		let M = (e) => ee(e), N = (e) => e.nodeType === Node.TEXT_NODE && e.textContent === "​", P = (e) => i("SInlineTokenEditor", "DOM token label", e.dataset.segmentLabel).length, F = (e, t) => {
 			let n = Array.from(e);
 			for (let e = n.length - 1; e >= 0; --e) {
 				let r = n[e];
@@ -368,7 +368,7 @@ var _ = /*@__PURE__*/ p({
 			insertSoftLineBreak: $,
 			getSelectionOffset: V,
 			queueSelectionOffset: (e) => {
-				w.value = r("SInlineTokenEditor", "queued selection offset", e, {
+				w.value = t("SInlineTokenEditor", "queued selection offset", e, {
 					minimum: 0,
 					maximum: 2 ** 53 - 1
 				});
@@ -442,7 +442,7 @@ var _ = /*@__PURE__*/ p({
 			y("click", e), W();
 		}
 		function De(e) {
-			let t = o("SInlineTokenEditor", "token action occurrenceId", e.occurrenceId), n = o("SInlineTokenEditor", "token action id", e.id), r = {
+			let t = i("SInlineTokenEditor", "token action occurrenceId", e.occurrenceId), n = i("SInlineTokenEditor", "token action id", e.id), r = {
 				occurrenceId: t,
 				id: n
 			};
@@ -451,23 +451,23 @@ var _ = /*@__PURE__*/ p({
 				return;
 			}
 			if (D.value || O.value) return;
-			let i = E.value, a = 0, s = [], c = !1, l = !1;
-			for (let e = 0; e < i.length; e += 1) {
-				let r = i[e], o = l && r.kind === "text" && r.text.startsWith(" ") ? {
+			let a = E.value, o = 0, s = [], c = !1, l = !1;
+			for (let e = 0; e < a.length; e += 1) {
+				let r = a[e], i = l && r.kind === "text" && r.text.startsWith(" ") ? {
 					kind: "text",
 					text: r.text.slice(1)
 				} : r;
-				if (l = !1, o.kind === "token" && o.occurrenceId === t) {
-					if (o.id !== n) throw TypeError(`SInlineTokenEditor: token action id ${JSON.stringify(n)} does not match occurrence ${JSON.stringify(t)}`);
+				if (l = !1, i.kind === "token" && i.occurrenceId === t) {
+					if (i.id !== n) throw TypeError(`SInlineTokenEditor: token action id ${JSON.stringify(n)} does not match occurrence ${JSON.stringify(t)}`);
 					c = !0;
-					let r = s[s.length - 1], a = i[e + 1];
-					r?.kind === "text" && a?.kind === "text" && r.text.endsWith(" ") && a.text.startsWith(" ") && (l = !0);
+					let r = s[s.length - 1], o = a[e + 1];
+					r?.kind === "text" && o?.kind === "text" && r.text.endsWith(" ") && o.text.startsWith(" ") && (l = !0);
 					continue;
 				}
-				c || (a += X(o)), s.push(o);
+				c || (o += X(i)), s.push(i);
 			}
 			if (!c) throw RangeError(`SInlineTokenEditor: token action occurrence ${JSON.stringify(t)} does not exist`);
-			y("remove-token", r), q(s, a);
+			y("remove-token", r), q(s, o);
 		}
 		return g(me, () => {
 			let e = S.value;
@@ -477,7 +477,7 @@ var _ = /*@__PURE__*/ p({
 		}, { flush: "pre" }), g(me, () => {
 			let e = T.value;
 			e !== null && (U(d(E.value, e, "restored selection offset")), T.value = null, w.value = null);
-		}, { flush: "post" }), (t, n) => (ie(), ne(s, {
+		}, { flush: "post" }), (e, t) => (ie(), ne(s, {
 			"control-id": x.value,
 			label: p.label,
 			required: ue.value,
@@ -488,26 +488,26 @@ var _ = /*@__PURE__*/ p({
 			readonly: O.value,
 			fill: k.value === "ghost" ? "container" : "content"
 		}, {
-			default: oe((t) => [re(te, {
+			default: oe((e) => [re(te, {
 				id: x.value,
 				"element-ref": le,
 				"owned-attributes": h(b).bindings(),
-				"field-bindings": he(t),
+				"field-bindings": he(e),
 				segments: E.value,
 				"trailing-caret-helper": j.value,
 				"open-disabled": D.value,
 				"remove-disabled": D.value || O.value,
 				appearance: k.value,
-				invalid: t.invalid,
-				disabled: t.disabled,
-				readonly: t.readonly,
-				required: t.required,
+				invalid: e.invalid,
+				disabled: e.disabled,
+				readonly: e.readonly,
+				required: e.required,
 				rows: p.rows,
 				"max-rows": p.maxRows,
 				placeholder: p.placeholder,
 				"placeholder-visible": pe.value,
-				"labelled-by": h(e)(h(b).string("aria-labelledby"), t.labelledBy),
-				"described-by": h(e)(h(b).string("aria-describedby"), t.describedBy),
+				"labelled-by": h(a)(h(b).string("aria-labelledby"), e.labelledBy),
+				"described-by": h(a)(h(b).string("aria-describedby"), e.describedBy),
 				onBeforeinput: Se,
 				onInput: xe,
 				onKeydown: we,

package/dist/src/components/shared/controls/SInputText.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { mergeIdReferences as e, useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
-import { resolveOptionalDomId as n, validateExactString as r } from "../../../internal/runtimeContract.js";
+import { resolveOptionalDomId as e, validateExactString as t } from "../../../internal/runtimeContract.js";
+import { mergeIdReferences as n, useOwnedAttrs as r } from "../../../internal/ownedAttrs.js";
 import { useInteractiveLeafRegistration as i } from "../../../internal/passiveContentContract.js";
 import a from "./SButton.vue.js";
 import o from "./SField.vue.js";
@@ -158,7 +158,7 @@ var T = [
 				family: "temporal",
 				type: "week"
 			}
-		}, F = h, I = M, L = t({
+		}, F = h, I = M, L = r({
 			component: "SInputText",
 			owner: "native input"
 		});
@@ -172,18 +172,18 @@ var T = [
 				return e;
 			}
 		});
-		let z = S(), B = l(() => n("SInputText", "id", F.id, `s-input-text-${z}`)), V = l(() => {
-			let e = r("SInputText", "type", F.type, N);
+		let z = S(), B = l(() => e("SInputText", "id", F.id, `s-input-text-${z}`)), V = l(() => {
+			let e = t("SInputText", "type", F.type, N);
 			return P[e];
 		}), H = l(() => {
 			let e = c("SInputText", F.minLength, F.maxLength);
 			if ((e.minLength !== void 0 || e.maxLength !== void 0) && V.value.family !== "textual") throw TypeError("SInputText: minLength и maxLength применимы только к textual native input types. / SInputText: minLength and maxLength apply only to textual native input types.");
 			return e;
-		}), U = l(() => r("SInputText", "size", F.size, [
+		}), U = l(() => t("SInputText", "size", F.size, [
 			"sm",
 			"md",
 			"lg"
-		])), W = l(() => r("SInputText", "appearance", F.appearance, [
+		])), W = l(() => t("SInputText", "appearance", F.appearance, [
 			"field",
 			"grid-cell",
 			"workbench-title"
@@ -238,7 +238,7 @@ var T = [
 		function X(e) {
 			G.value.lazy && J(e);
 		}
-		return (t, n) => (_(), f("div", {
+		return (e, t) => (_(), f("div", {
 			class: "s-input-text-wrapper",
 			"data-input-family": V.value.family,
 			"data-trailing": q.value,
@@ -253,11 +253,11 @@ var T = [
 			disabled: h.disabled,
 			readonly: h.readonly
 		}, {
-			default: w((t) => [p("div", E, [p("input", g({
+			default: w((e) => [p("div", E, [p("input", g({
 				...x(L).bindings(),
-				...K(t)
+				...K(e)
 			}, {
-				id: t.controlId,
+				id: e.controlId,
 				name: h.name,
 				ref_key: "inputRef",
 				ref: R,
@@ -272,18 +272,18 @@ var T = [
 				autocapitalize: h.autocapitalize,
 				autocorrect: h.autocorrect,
 				spellcheck: h.spellcheck,
-				disabled: t.disabled,
-				readonly: t.readonly,
-				required: t.required,
+				disabled: e.disabled,
+				readonly: e.readonly,
+				required: e.required,
 				minlength: H.value.minLength,
 				maxlength: H.value.maxLength,
-				"aria-invalid": t.invalid || void 0,
-				"aria-describedby": x(e)(x(L).string("aria-describedby"), t.describedBy),
+				"aria-invalid": e.invalid || void 0,
+				"aria-describedby": x(n)(x(L).string("aria-describedby"), e.describedBy),
 				onInput: Y,
 				onChange: X,
-				onFocus: n[0] ||= (e) => I("focus", e),
-				onClick: n[1] ||= (e) => I("click", e),
-				onKeydown: n[2] ||= (e) => I("keydown", e)
+				onFocus: t[0] ||= (e) => I("focus", e),
+				onClick: t[1] ||= (e) => I("click", e),
+				onKeydown: t[2] ||= (e) => I("keydown", e)
 			}), null, 16, D), q.value ? (_(), f("div", {
 				key: 0,
 				class: "s-input-trailing",
@@ -299,10 +299,10 @@ var T = [
 				severity: h.trailingAction.severity ?? "secondary",
 				"leading-icon": h.trailingAction.icon,
 				loading: h.trailingAction.loading,
-				disabled: t.disabled || h.trailingAction.disabled,
+				disabled: e.disabled || h.trailingAction.disabled,
 				title: h.trailingAction.title ?? h.trailingAction.label,
 				"aria-label": h.trailingAction.label,
-				onClick: n[3] ||= (e) => I("trailing-action", e)
+				onClick: t[3] ||= (e) => I("trailing-action", e)
 			}, null, 8, [
 				"density",
 				"severity",

package/dist/src/components/shared/controls/SInteractiveSurface.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/controls/SInteractiveSurface.css_vue_type_style_index_0_src_998940dd_scoped_998940dd_lang.css";
+import "../../../../assets/src/components/shared/controls/SInteractiveSurface.css_vue_type_style_index_0_src_5e422fac_scoped_5e422fac_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SInteractiveSurface.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                                 */
 //#region src/components/shared/controls/SInteractiveSurface.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-998940dd"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-5e422fac"]]);
 //#endregion
 export { n as default };