@pgcorp/ui-kit 0.13.0 → 0.15.0

package/dist/src/components/shared/data-display/SScrollViewport.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,18 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateBoolean as t, validateBoundedNumber as n, validateExactString as r, validateNonEmptyString as i } from "../../../internal/runtimeContract.js";
-import { useInteractiveLeafRegistration as a } from "../../../internal/passiveContentContract.js";
-import { validateScrollViewportBlockSize as o } from "../../../internal/semanticSizing.js";
-import { computed as s, createElementBlock as c, createElementVNode as l, defineComponent as u, mergeProps as d, nextTick as f, onBeforeUnmount as p, onMounted as m, openBlock as h, renderSlot as g, shallowRef as _, unref as v, watch as y } from "vue";
+import { validateBoolean as e, validateBoundedNumber as t, validateDomIdReferences as n, validateExactString as r, validateNonEmptyString as i } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as a } from "../../../internal/ownedAttrs.js";
+import { useInteractiveLeafRegistration as o } from "../../../internal/passiveContentContract.js";
+import { validateScrollViewportBlockSize as s, validateScrollableViewportMaxBlockSize as c } from "../../../internal/semanticSizing.js";
+import { computed as l, createElementBlock as ee, createElementVNode as u, defineComponent as d, mergeProps as f, nextTick as p, onBeforeUnmount as m, onMounted as h, openBlock as g, renderSlot as _, shallowRef as v, unref as y, watch as b } from "vue";
 //#region src/components/shared/data-display/SScrollViewport.vue?vue&type=script&setup=true&lang.ts
-var b = [
+var x = [
+	"role",
 	"aria-label",
+	"aria-labelledby",
 	"tabindex",
 	"data-axis",
 	"data-block-size",
+	"data-max-block-size",
+	"data-focus-policy",
 	"data-focusable",
 	"data-keyboard-navigation",
 	"data-overscroll-behavior",
@@ -16,13 +20,16 @@ var b = [
 	"data-at-inline-end",
 	"data-at-block-start",
 	"data-at-block-end"
-], x = /*@__PURE__*/ u({
+], S = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "SScrollViewport",
 	props: {
 		accessibleLabel: {},
+		accessibleLabelledby: {},
 		axis: { default: "y" },
 		blockSize: { default: "md" },
+		maxBlockSize: { default: "none" },
+		focusPolicy: { default: "always" },
 		focusable: {
 			type: Boolean,
 			default: !0
@@ -34,61 +41,71 @@ var b = [
 		overscrollBehavior: { default: "contain" }
 	},
 	emits: ["scroll-state"],
-	setup(u, { expose: x, emit: S }) {
-		let C = u, w = S, T = _(null), E = _(null), D = _(null), O = e({
+	setup(d, { expose: S, emit: C }) {
+		let w = d, T = C, E = v(null), D = v(null), O = v(null), k = v(!1), te = a({
 			component: "SScrollViewport",
 			owner: "scroll viewport region"
-		}), k = null, A = "", j = null, M = s(() => {
-			let e = t("SScrollViewport", "focusable", C.focusable), n = t("SScrollViewport", "keyboardNavigation", C.keyboardNavigation);
-			if (n && !e) throw Error("SScrollViewport: keyboardNavigation=true требует focusable=true. / SScrollViewport: keyboardNavigation=true requires focusable=true.");
+		}), A = null, j = null, M = /* @__PURE__ */ new Set(), N = !1, P = "", F = null, I = l(() => {
+			if (w.accessibleLabel === void 0 == (w.accessibleLabelledby === void 0)) throw Error("SScrollViewport: требуется ровно один accessibleLabel или accessibleLabelledby. / SScrollViewport: exactly one accessibleLabel or accessibleLabelledby is required.");
+			let t = e("SScrollViewport", "focusable", w.focusable), a = e("SScrollViewport", "keyboardNavigation", w.keyboardNavigation);
+			if (a && !t) throw Error("SScrollViewport: keyboardNavigation=true требует focusable=true. / SScrollViewport: keyboardNavigation=true requires focusable=true.");
 			return {
-				accessibleLabel: i("SScrollViewport", "accessibleLabel", C.accessibleLabel),
-				axis: r("SScrollViewport", "axis", C.axis, [
+				accessibleLabel: w.accessibleLabel === void 0 ? void 0 : i("SScrollViewport", "accessibleLabel", w.accessibleLabel),
+				accessibleLabelledby: w.accessibleLabelledby === void 0 ? void 0 : n("SScrollViewport", "accessibleLabelledby", w.accessibleLabelledby),
+				axis: r("SScrollViewport", "axis", w.axis, [
 					"x",
 					"y",
 					"both"
 				]),
-				blockSize: o("SScrollViewport", "blockSize", C.blockSize),
-				focusable: e,
-				keyboardNavigation: n,
-				overscrollBehavior: r("SScrollViewport", "overscrollBehavior", C.overscrollBehavior, [
+				blockSize: s("SScrollViewport", "blockSize", w.blockSize),
+				maxBlockSize: c("SScrollViewport", "maxBlockSize", w.maxBlockSize),
+				focusPolicy: r("SScrollViewport", "focusPolicy", w.focusPolicy, ["always", "overflow"]),
+				focusable: t,
+				keyboardNavigation: a,
+				overscrollBehavior: r("SScrollViewport", "overscrollBehavior", w.overscrollBehavior, [
 					"auto",
 					"contain",
 					"none"
 				])
 			};
+		}), L = l(() => {
+			let e = O.value?.physical;
+			return e ? Y("x") && e.maxX > 0 || Y("y") && e.maxY > 0 : !1;
+		}), R = l(() => I.value.focusPolicy === "always" || L.value), z = l(() => I.value.focusable && R.value), B = l(() => {
+			if (z.value) return 0;
+			if (I.value.focusPolicy === "overflow" && I.value.focusable && k.value) return -1;
 		});
-		a({
+		o({
 			owner: "SScrollViewport",
-			active: () => M.value.focusable
+			active: () => z.value
 		});
-		function N(e, t) {
+		function V(e, t) {
 			return Math.min(t, Math.max(0, e));
 		}
-		function P(e) {
-			if (j) return j;
+		function H(e) {
+			if (F) return F;
 			let t = e.ownerDocument, n = t.createElement("div"), r = t.createElement("div");
-			return n.dir = "rtl", n.style.cssText = "position:absolute;inset:-9999px;width:4px;height:1px;overflow:scroll;", r.style.cssText = "width:8px;height:1px;", n.append(r), t.body.append(n), n.scrollLeft > 0 ? j = "default" : (n.scrollLeft = 1, j = n.scrollLeft === 0 ? "negative" : "reverse"), n.remove(), j;
+			return n.dir = "rtl", n.style.cssText = "position:absolute;inset:-9999px;width:4px;height:1px;overflow:scroll;", r.style.cssText = "width:8px;height:1px;", n.append(r), t.body.append(n), n.scrollLeft > 0 ? F = "default" : (n.scrollLeft = 1, F = n.scrollLeft === 0 ? "negative" : "reverse"), n.remove(), F;
 		}
-		function F(e, t) {
+		function U(e, t) {
 			let n = e.scrollLeft;
-			if (getComputedStyle(e).direction !== "rtl") return N(n, t);
-			switch (P(e)) {
-				case "negative": return N(t + n, t);
-				case "reverse": return N(t - n, t);
-				case "default": return N(n, t);
+			if (getComputedStyle(e).direction !== "rtl") return V(n, t);
+			switch (H(e)) {
+				case "negative": return V(t + n, t);
+				case "reverse": return V(t - n, t);
+				case "default": return V(n, t);
 			}
 		}
-		function I(e, t, n) {
-			let r = N(t, n);
+		function W(e, t, n) {
+			let r = V(t, n);
 			if (getComputedStyle(e).direction !== "rtl") return r;
-			switch (P(e)) {
+			switch (H(e)) {
 				case "negative": return r - n;
 				case "reverse": return n - r;
 				case "default": return r;
 			}
 		}
-		function L(e, t) {
+		function G(e, t) {
 			let n = getComputedStyle(e);
 			return n.writingMode.startsWith("vertical") || n.writingMode.startsWith("sideways") ? Object.freeze({
 				inline: n.direction === "rtl" ? t.maxY - t.y : t.y,
@@ -102,13 +119,13 @@ var b = [
 				maxBlock: t.maxY
 			});
 		}
-		function R(e) {
+		function K(e) {
 			let t = Math.max(0, e.scrollWidth - e.clientWidth), n = Math.max(0, e.scrollHeight - e.clientHeight), r = Object.freeze({
-				x: F(e, t),
-				y: N(e.scrollTop, n),
+				x: U(e, t),
+				y: V(e.scrollTop, n),
 				maxX: t,
 				maxY: n
-			}), i = L(e, r);
+			}), i = G(e, r);
 			return Object.freeze({
 				physical: r,
 				semantic: i,
@@ -118,56 +135,58 @@ var b = [
 				atBlockEnd: i.maxBlock - i.block <= 1
 			});
 		}
-		function z() {
-			let e = T.value;
+		function q() {
+			if (!N) return;
+			let e = E.value;
 			if (!e) return;
-			let t = R(e), n = JSON.stringify(t);
-			n !== A && (A = n, D.value = t, w("scroll-state", t));
+			let t = K(e), n = JSON.stringify(t);
+			n !== P && (P = n, O.value = t, T("scroll-state", t));
 		}
-		function B(e) {
-			let t = T.value;
+		function J(e) {
+			let t = E.value;
 			if (t) return t;
 			throw Error(`SScrollViewport: ${e} недоступен до mount. / SScrollViewport: ${e} is unavailable before mount.`);
 		}
-		function V(e) {
-			return M.value.axis === e || M.value.axis === "both";
+		function Y(e) {
+			return I.value.axis === e || I.value.axis === "both";
 		}
-		function H(e, t) {
-			if (!V(e)) throw Error(`SScrollViewport: ${t} не может управлять осью ${e} при axis=${M.value.axis}. / SScrollViewport: ${t} cannot control axis ${e} when axis=${M.value.axis}.`);
+		function X(e, t) {
+			if (!Y(e)) throw Error(`SScrollViewport: ${t} не может управлять осью ${e} при axis=${I.value.axis}. / SScrollViewport: ${t} cannot control axis ${e} when axis=${I.value.axis}.`);
 		}
-		function U() {
-			if (!M.value.focusable) throw Error("SScrollViewport: focus() требует focusable=true. / SScrollViewport: focus() requires focusable=true.");
-			B("focus()").focus();
+		function Z() {
+			if (!I.value.focusable) throw Error("SScrollViewport: focus() требует focusable=true. / SScrollViewport: focus() requires focusable=true.");
+			if (!z.value) throw Error("SScrollViewport: focus() при focusPolicy=overflow требует переполнения разрешённой оси. / SScrollViewport: focus() with focusPolicy=overflow requires enabled-axis overflow.");
+			J("focus()").focus();
 		}
-		function W(e, t) {
+		function ne(e, t) {
 			let n = r("SScrollViewport", "scrollToBoundary.axis", e, ["x", "y"]), i = r("SScrollViewport", "scrollToBoundary.boundary", t, ["start", "end"]);
-			H(n, "scrollToBoundary()");
-			let a = B("scrollToBoundary()"), o = R(a).physical, s = n === "x" ? i === "start" ? 0 : o.maxX : o.x, c = n === "y" ? i === "start" ? 0 : o.maxY : o.y;
+			X(n, "scrollToBoundary()");
+			let a = J("scrollToBoundary()"), o = K(a).physical, s = n === "x" ? i === "start" ? 0 : o.maxX : o.x, c = n === "y" ? i === "start" ? 0 : o.maxY : o.y;
 			a.scrollTo({
-				left: I(a, s, o.maxX),
+				left: W(a, s, o.maxX),
 				top: c,
 				behavior: "auto"
-			}), z();
+			}), q();
 		}
-		function G(e) {
+		function re(e) {
 			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError("SScrollViewport: reveal.options должен быть объектом. / SScrollViewport: reveal.options must be an object.");
 			if (e.x === void 0 && e.y === void 0) throw Error("SScrollViewport: reveal() требует x и/или y. / SScrollViewport: reveal() requires x and/or y.");
-			e.x !== void 0 && H("x", "reveal()"), e.y !== void 0 && H("y", "reveal()");
-			let t = B("reveal()"), i = R(t).physical, a = e.x === void 0 ? i.x : n("SScrollViewport", "reveal.x", e.x, {
+			e.x !== void 0 && X("x", "reveal()"), e.y !== void 0 && X("y", "reveal()");
+			let n = J("reveal()"), i = K(n).physical, a = e.x === void 0 ? i.x : t("SScrollViewport", "reveal.x", e.x, {
 				minimum: 0,
 				maximum: 2 ** 53 - 1
-			}), o = e.y === void 0 ? i.y : n("SScrollViewport", "reveal.y", e.y, {
+			}), o = e.y === void 0 ? i.y : t("SScrollViewport", "reveal.y", e.y, {
 				minimum: 0,
 				maximum: 2 ** 53 - 1
 			}), s = r("SScrollViewport", "reveal.behavior", e.behavior ?? "auto", ["auto", "smooth"]);
-			t.scrollTo({
-				left: I(t, a, i.maxX),
-				top: N(o, i.maxY),
+			n.scrollTo({
+				left: W(n, a, i.maxX),
+				top: V(o, i.maxY),
 				behavior: s
-			}), z();
+			}), q();
 		}
-		function K(e, t) {
-			let n = V("x"), r = V("y"), i = Math.max(1, e.clientWidth / 8), a = Math.max(1, e.clientHeight / 8), o = Math.max(1, e.clientWidth * .9), s = Math.max(1, e.clientHeight * .9), c = R(e).physical;
+		function ie(e, t) {
+			let n = Y("x"), r = Y("y"), i = Math.max(1, e.clientWidth / 8), a = Math.max(1, e.clientHeight / 8), o = Math.max(1, e.clientWidth * .9), s = Math.max(1, e.clientHeight * .9), c = K(e).physical;
 			switch (t.key) {
 				case "ArrowLeft": return n ? {
 					left: c.x - i,
@@ -210,64 +229,96 @@ var b = [
 				default: return null;
 			}
 		}
-		function q(e) {
-			let t = T.value;
-			if (!t || !M.value.keyboardNavigation || e.target !== t || e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
-			let n = K(t, e);
+		function ae(e) {
+			let t = E.value;
+			t && e.target === t && (k.value = t.matches(":focus"));
+		}
+		function oe(e) {
+			e.target === E.value && (k.value = !1);
+		}
+		function se(e) {
+			let t = E.value;
+			if (!t || !z.value || !I.value.keyboardNavigation || e.target !== t || e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
+			let n = ie(t, e);
 			if (!n) return;
 			e.preventDefault();
-			let r = R(t).physical;
+			let r = K(t).physical;
 			t.scrollTo({
-				left: I(t, n.left, r.maxX),
-				top: N(n.top, r.maxY),
+				left: W(t, n.left, r.maxX),
+				top: V(n.top, r.maxY),
 				behavior: "auto"
-			}), z();
+			}), q();
+		}
+		function Q() {
+			q();
 		}
-		function J() {
-			z();
+		function $() {
+			let e = D.value;
+			if (N && e && A) {
+				for (let t of M) t.parentElement !== e && (A.unobserve(t), M.delete(t));
+				for (let t of e.children) M.has(t) || (A.observe(t), M.add(t));
+			}
+		}
+		function ce() {
+			$(), q();
 		}
-		return m(() => {
-			let e = B("observer setup"), t = E.value;
+		return h(() => {
+			let e = J("observer setup"), t = D.value;
 			if (!t) throw Error("SScrollViewport: content owner отсутствует после mount. / SScrollViewport: content owner is missing after mount.");
 			if (typeof ResizeObserver > "u") throw Error("SScrollViewport: runtime требует ResizeObserver. / SScrollViewport: runtime requires ResizeObserver.");
-			e.addEventListener("scroll", J, { passive: !0 }), k = new ResizeObserver(z), k.observe(e), k.observe(t), z();
-		}), y(() => [
-			M.value.axis,
-			M.value.blockSize,
-			M.value.focusable,
-			M.value.keyboardNavigation,
-			M.value.overscrollBehavior
+			if (typeof MutationObserver > "u") throw Error("SScrollViewport: runtime требует MutationObserver. / SScrollViewport: runtime requires MutationObserver.");
+			N = !0, e.addEventListener("scroll", Q, { passive: !0 }), t.addEventListener("load", q, !0), A = new ResizeObserver(q), A.observe(e), A.observe(t), $(), j = new MutationObserver(ce), j.observe(t, {
+				subtree: !0,
+				childList: !0,
+				characterData: !0,
+				attributes: !0
+			}), q();
+		}), b(() => [
+			I.value.axis,
+			I.value.blockSize,
+			I.value.maxBlockSize,
+			I.value.focusPolicy,
+			I.value.accessibleLabel,
+			I.value.accessibleLabelledby,
+			I.value.focusable,
+			I.value.keyboardNavigation,
+			I.value.overscrollBehavior
 		], async () => {
-			await f(), z();
-		}), p(() => {
-			T.value?.removeEventListener("scroll", J), k?.disconnect(), k = null, A = "";
-		}), x({
-			focus: U,
-			scrollToBoundary: W,
-			reveal: G
-		}), (e, t) => (h(), c("div", d(v(O).bindings(), {
+			await p(), q();
+		}), m(() => {
+			N = !1, E.value?.removeEventListener("scroll", Q), D.value?.removeEventListener("load", q, !0), j?.disconnect(), j = null, A?.disconnect(), A = null, M.clear(), P = "";
+		}), S({
+			focus: Z,
+			scrollToBoundary: ne,
+			reveal: re
+		}), (e, t) => (g(), ee("div", f(y(te).bindings(), {
 			ref_key: "viewportRef",
-			ref: T,
+			ref: E,
 			class: "s-scroll-viewport",
-			role: "region",
-			"aria-label": M.value.accessibleLabel,
-			tabindex: M.value.focusable ? 0 : void 0,
-			"data-axis": M.value.axis,
-			"data-block-size": M.value.blockSize,
-			"data-focusable": M.value.focusable,
-			"data-keyboard-navigation": M.value.keyboardNavigation,
-			"data-overscroll-behavior": M.value.overscrollBehavior,
-			"data-at-inline-start": D.value?.atInlineStart,
-			"data-at-inline-end": D.value?.atInlineEnd,
-			"data-at-block-start": D.value?.atBlockStart,
-			"data-at-block-end": D.value?.atBlockEnd,
-			onKeydown: q
-		}), [l("div", {
+			role: R.value ? "region" : void 0,
+			"aria-label": R.value ? I.value.accessibleLabel : void 0,
+			"aria-labelledby": R.value ? I.value.accessibleLabelledby : void 0,
+			tabindex: B.value,
+			"data-axis": I.value.axis,
+			"data-block-size": I.value.blockSize,
+			"data-max-block-size": I.value.maxBlockSize,
+			"data-focus-policy": I.value.focusPolicy,
+			"data-focusable": z.value,
+			"data-keyboard-navigation": I.value.keyboardNavigation,
+			"data-overscroll-behavior": I.value.overscrollBehavior,
+			"data-at-inline-start": O.value?.atInlineStart,
+			"data-at-inline-end": O.value?.atInlineEnd,
+			"data-at-block-start": O.value?.atBlockStart,
+			"data-at-block-end": O.value?.atBlockEnd,
+			onFocus: ae,
+			onBlur: oe,
+			onKeydown: se
+		}), [u("div", {
 			ref_key: "contentRef",
-			ref: E,
+			ref: D,
 			class: "s-scroll-viewport__content"
-		}, [g(e.$slots, "default", {}, void 0, !0)], 512)], 16, b));
+		}, [_(e.$slots, "default", {}, void 0, !0)], 512)], 16, x));
 	}
 });
 //#endregion
-export { x as default };
+export { S as default };

package/dist/src/components/shared/data-display/SSectionHeader.vue.d.ts

@@ -20,8 +20,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     meta: string | null;
     size: "sm" | "md";
-    variant: "default" | "display";
     description: string | null;
+    variant: "default" | "display";
     padding: "none" | "sm" | "md";
     trailingLayout: "responsive" | "inline" | "stacked";
     divider: boolean;

package/dist/src/components/shared/data-display/SStatus.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateExactString as t, validateNonEmptyString as n } from "../../../internal/runtimeContract.js";
+import { validateExactString as e, validateNonEmptyString as t } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
 import { resolveSemanticToneBinding as r } from "../../../internal/semanticTone.js";
 import { resolveFeedbackLive as i, resolveFeedbackPresentation as a } from "../../../internal/feedbackPresentation.js";
 import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, markRaw as f, mergeProps as p, openBlock as m, resolveDynamicComponent as h, toDisplayString as g, toRaw as _, unref as v } from "vue";
@@ -41,10 +41,10 @@ var y = [
 			"success",
 			"warn",
 			"danger"
-		], C = d, w = o(() => a(C.tone).icon), T = e({
+		], C = d, w = o(() => a(C.tone).icon), T = n({
 			component: "SStatus",
 			owner: "status root"
-		}), E = o(() => r("SStatus", "tone", C.tone, S)), D = o(() => t("SStatus", "visibility", C.visibility, ["visible", "assistive"])), O = o(() => C.ariaLabel === void 0 ? void 0 : n("SStatus", "ariaLabel", C.ariaLabel)), k = o(() => i(C.tone, C.live)), A = o(() => C.icon === null ? null : f(_(C.icon ?? w.value)));
+		}), E = o(() => r("SStatus", "tone", C.tone, S)), D = o(() => e("SStatus", "visibility", C.visibility, ["visible", "assistive"])), O = o(() => C.ariaLabel === void 0 ? void 0 : t("SStatus", "ariaLabel", C.ariaLabel)), k = o(() => i(C.tone, C.live)), A = o(() => C.icon === null ? null : f(_(C.icon ?? w.value)));
 		return (e, t) => (m(), l("span", p(v(T).bindings(), {
 			"data-s-tone": E.value["data-s-tone"],
 			class: "s-status",

package/dist/src/components/shared/data-display/STable.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/data-display/STable.css_vue_type_style_index_0_src_9955d482_scoped_9955d482_lang.css";
+import "../../../../assets/src/components/shared/data-display/STable.css_vue_type_style_index_0_src_b23b3d71_scoped_b23b3d71_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./STable.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                    */
 //#region src/components/shared/data-display/STable.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-9955d482"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-b23b3d71"]]);
 //#endregion
 export { n as default };