@pgcorp/ui-kit 0.13.0 → 0.15.0

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

@@ -1,55 +1,104 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { resolveSemanticToneBinding as t } from "../../../internal/semanticTone.js";
-import { computed as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, defineComponent as o, mergeProps as s, normalizeStyle as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, watchEffect as p } from "vue";
+import { validateBoolean as e } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import { resolveSemanticToneBinding as n } from "../../../internal/semanticTone.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeProps as d, normalizeStyle as f, openBlock as p, renderSlot as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, useSlots as v, watchEffect as y, withCtx as b } from "vue";
 //#region src/components/shared/data-display/SProgressBar.vue?vue&type=script&setup=true&lang.ts
-var m = [
-	"role",
-	"aria-label",
-	"aria-labelledby",
-	"aria-hidden",
-	"aria-valuenow",
-	"data-size",
-	"aria-valuemin",
-	"aria-valuemax"
-], h = ["data-s-tone"], g = {
+var x = {
+	class: "s-progress-bar-ring",
+	viewBox: "0 0 32 32",
+	"aria-hidden": "true",
+	focusable: "false"
+}, S = ["data-s-tone", "stroke-dashoffset"], C = {
+	key: 0,
+	class: "s-progress-bar-ring-label",
+	"aria-hidden": "true"
+}, w = ["data-s-tone"], T = {
 	key: 0,
 	class: "s-progress-bar-label"
-}, _ = ["data-s-tone"], v = /*@__PURE__*/ o({
+}, E = ["data-s-tone"], D = {
+	key: 3,
+	class: "s-progress-bar-state-label",
+	"aria-hidden": "true"
+}, O = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "SProgressBar",
 	props: {
 		accessibility: {},
-		value: { default: 0 },
+		value: { default: void 0 },
 		severity: { default: "primary" },
 		showValue: {
 			type: Boolean,
 			default: !1
 		},
 		mode: { default: "determinate" },
+		shape: { default: "linear" },
+		accuracy: { default: "exact" },
+		valueText: { default: void 0 },
 		size: { default: "md" }
 	},
-	setup(o) {
-		let v = [
+	setup(u) {
+		let O = [
 			"primary",
 			"success",
 			"info",
 			"warn",
 			"danger",
 			"neutral"
-		], y = o, b = e({
+		], k = u, A = t({
 			component: "SProgressBar",
 			owner: "progressbar root"
-		}), x = n(() => t("SProgressBar", "severity", y.severity, v));
-		return p(() => {
-			if (!Number.isFinite(y.value) || y.value < 0 || y.value > 100) throw RangeError("SProgressBar: value должен быть конечным числом от 0 до 100");
-			if (!["determinate", "indeterminate"].includes(y.mode)) throw TypeError(`SProgressBar: неизвестный mode "${String(y.mode)}"`);
-			if (x.value, ![
+		}), j = v();
+		function M() {
+			if (k.shape === "circular" && j.default) throw Error("SProgressBar: default slot разрешён только для linear shape; circular value принадлежит числовому owner");
+		}
+		function N() {
+			return M(), A.bindings();
+		}
+		let P = i(() => n("SProgressBar", "severity", k.severity, O)), F = i(() => {
+			if (k.value !== void 0 && (!Number.isFinite(k.value) || k.value < 0 || k.value > 100)) throw RangeError("SProgressBar: value должен быть конечным числом от 0 до 100");
+			if (![
+				"determinate",
+				"indeterminate",
+				"unknown"
+			].includes(k.mode)) throw TypeError(`SProgressBar: неизвестный mode "${String(k.mode)}"`);
+			if (!["linear", "circular"].includes(k.shape)) throw TypeError(`SProgressBar: неизвестный shape "${String(k.shape)}"`);
+			if (!["exact", "estimated"].includes(k.accuracy)) throw TypeError(`SProgressBar: неизвестный accuracy "${String(k.accuracy)}"`);
+			if (P.value, ![
 				"xs",
 				"sm",
 				"md"
-			].includes(y.size)) throw TypeError(`SProgressBar: неизвестный size "${String(y.size)}"`);
-			if (y.showValue && y.mode !== "determinate") throw Error("SProgressBar: showValue разрешён только в determinate mode");
-			let e = y.accessibility;
+			].includes(k.size)) throw TypeError(`SProgressBar: неизвестный size "${String(k.size)}"`);
+			if (e("SProgressBar", "showValue", k.showValue), k.showValue && k.mode === "indeterminate") throw Error("SProgressBar: showValue разрешён только в determinate mode или unknown mode");
+			if (k.valueText !== void 0 && (typeof k.valueText != "string" || k.valueText.trim().length === 0)) throw TypeError("SProgressBar: valueText должен быть непустой строкой");
+			if (k.accuracy === "estimated") {
+				if (k.mode !== "determinate") throw Error("SProgressBar: estimated accuracy разрешён только в determinate mode");
+				if (k.valueText === void 0) throw Error("SProgressBar: estimated accuracy требует непустой valueText");
+			}
+			if (k.mode === "unknown") {
+				if (k.value !== void 0) throw Error("SProgressBar: unknown mode не допускает value");
+				if (k.valueText === void 0) throw Error("SProgressBar: unknown mode требует непустой valueText");
+				return { mode: "unknown" };
+			}
+			if (k.mode === "indeterminate") return { mode: "indeterminate" };
+			if (k.value !== void 0) return {
+				mode: "determinate",
+				value: k.value
+			};
+			if (k.shape === "circular") throw Error("SProgressBar: circular determinate требует явный value");
+			return {
+				mode: "determinate",
+				value: 0
+			};
+		}), I = i(() => {
+			let e = F.value;
+			if (e.mode === "unknown") return "?";
+			if (e.mode === "indeterminate") return;
+			let t = k.accuracy === "estimated" ? "≈" : "";
+			return k.showValue ? k.shape === "circular" ? `${t}${Math.round(e.value)}` : `${t}${e.value}%` : t || void 0;
+		});
+		return y(() => {
+			F.value;
+			let e = k.accessibility;
 			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError("SProgressBar: accessibility должен быть discriminated object");
 			let t = e, n = t.mode === "label" ? ["mode", "label"] : t.mode === "labelledby" ? ["mode", "id"] : ["mode"], r = Object.keys(t).filter((e) => !n.includes(e));
 			if (r.length > 0) throw Error(`SProgressBar: accessibility.mode="${String(t.mode)}" не допускает поля ${r.join(", ")}`);
@@ -64,27 +113,64 @@ var m = [
 				}
 				throw TypeError(`SProgressBar: неизвестный accessibility.mode "${String(t.mode)}"`);
 			}
-		}), (e, t) => (l(), i("div", s(f(b).bindings(), {
-			class: ["s-progress-bar", { "s-progress-bar--indeterminate": o.mode === "indeterminate" }],
-			role: o.accessibility.mode === "decorative" ? void 0 : "progressbar",
-			"aria-label": o.accessibility.mode === "label" ? o.accessibility.label : void 0,
-			"aria-labelledby": o.accessibility.mode === "labelledby" ? o.accessibility.id : void 0,
-			"aria-hidden": o.accessibility.mode === "decorative" || void 0,
-			"aria-valuenow": o.accessibility.mode !== "decorative" && o.mode === "determinate" ? o.value : void 0,
-			"data-size": o.size,
-			"aria-valuemin": o.accessibility.mode === "decorative" ? void 0 : 0,
-			"aria-valuemax": o.accessibility.mode === "decorative" ? void 0 : 100
-		}), [o.mode === "determinate" ? (l(), i("div", {
-			key: 0,
-			"data-s-tone": x.value["data-s-tone"],
-			class: "s-progress-bar-value",
-			style: c({ width: `${o.value}%` })
-		}, [o.showValue ? (l(), i("span", g, [u(e.$slots, "default", { value: o.value }, () => [a(d(o.value) + "%", 1)], !0)])) : r("", !0)], 12, h)) : (l(), i("div", {
-			key: 1,
-			"data-s-tone": x.value["data-s-tone"],
-			class: "s-progress-bar-value--indeterminate"
-		}, null, 8, _))], 16, m));
+		}), (e, t) => (p(), a(h(u.shape === "circular" ? "span" : "div"), d(N(), {
+			class: ["s-progress-bar", { "s-progress-bar--indeterminate": u.mode === "indeterminate" }],
+			role: u.accessibility.mode === "decorative" ? void 0 : "progressbar",
+			"aria-label": u.accessibility.mode === "label" ? u.accessibility.label : void 0,
+			"aria-labelledby": u.accessibility.mode === "labelledby" ? u.accessibility.id : void 0,
+			"aria-hidden": u.accessibility.mode === "decorative" || void 0,
+			"aria-valuenow": u.accessibility.mode !== "decorative" && F.value.mode === "determinate" ? F.value.value : void 0,
+			"aria-valuetext": u.accessibility.mode === "decorative" ? void 0 : u.valueText,
+			"data-shape": u.shape,
+			"data-mode": u.mode,
+			"data-accuracy": u.accuracy,
+			"data-size": u.size,
+			"aria-valuemin": u.accessibility.mode === "decorative" ? void 0 : 0,
+			"aria-valuemax": u.accessibility.mode === "decorative" ? void 0 : 100
+		}), {
+			default: b(() => [u.shape === "circular" ? (p(), s(r, { key: 0 }, [(p(), s("svg", x, [t[0] ||= c("circle", {
+				class: "s-progress-bar-ring-track",
+				cx: "16",
+				cy: "16",
+				r: "15"
+			}, null, -1), F.value.mode === "unknown" ? o("", !0) : (p(), s("circle", {
+				key: 0,
+				class: "s-progress-bar-ring-value",
+				"data-s-tone": P.value["data-s-tone"],
+				cx: "16",
+				cy: "16",
+				r: "15",
+				pathLength: "100",
+				"stroke-dasharray": "100",
+				"stroke-dashoffset": F.value.mode === "determinate" ? 100 - F.value.value : 75,
+				transform: "rotate(-90 16 16)"
+			}, null, 8, S))])), I.value === void 0 ? o("", !0) : (p(), s("span", C, g(I.value), 1))], 64)) : F.value.mode === "determinate" ? (p(), s("div", {
+				key: 1,
+				"data-s-tone": P.value["data-s-tone"],
+				class: "s-progress-bar-value",
+				style: f({ width: `${F.value.value}%` })
+			}, [u.showValue && u.accuracy === "exact" ? (p(), s("span", T, [m(e.$slots, "default", { value: F.value.value }, () => [l(g(I.value), 1)], !0)])) : o("", !0)], 12, w)) : F.value.mode === "indeterminate" ? (p(), s("div", {
+				key: 2,
+				"data-s-tone": P.value["data-s-tone"],
+				class: "s-progress-bar-value--indeterminate"
+			}, null, 8, E)) : o("", !0), u.shape === "linear" && (F.value.mode === "unknown" || u.accuracy === "estimated") ? (p(), s("span", D, [F.value.mode === "determinate" && u.showValue ? (p(), s(r, { key: 0 }, [_(j).default ? (p(), s(r, { key: 0 }, [l("≈")], 64)) : o("", !0), m(e.$slots, "default", { value: F.value.value }, () => [l(g(I.value), 1)], !0)], 64)) : (p(), s(r, { key: 1 }, [l(g(I.value), 1)], 64))])) : o("", !0)]),
+			_: 3
+		}, 16, [
+			"class",
+			"role",
+			"aria-label",
+			"aria-labelledby",
+			"aria-hidden",
+			"aria-valuenow",
+			"aria-valuetext",
+			"data-shape",
+			"data-mode",
+			"data-accuracy",
+			"data-size",
+			"aria-valuemin",
+			"aria-valuemax"
+		]));
 	}
 });
 //#endregion
-export { v as default };
+export { O as default };

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

@@ -1,5 +1,5 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateBoolean as t } from "../../../internal/runtimeContract.js";
+import { validateBoolean as e } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
 import { resolveSemanticToneBinding as n } from "../../../internal/semanticTone.js";
 import { resolveFeedbackIndicator as r, resolveFeedbackLive as i } from "../../../internal/feedbackPresentation.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, mergeProps as u, openBlock as d, resolveDynamicComponent as f, toDisplayString as p, unref as m, watchEffect as h } from "vue";
@@ -37,10 +37,10 @@ var g = [
 			"success",
 			"warn",
 			"danger"
-		], y = l, b = e({
+		], y = l, b = t({
 			component: "SProgressIndicator",
 			owner: "progress indicator root"
-		}), x = a(() => n("SProgressIndicator", "tone", y.tone, v)), S = r("progress"), C = a(() => t("SProgressIndicator", "showLabel", y.showLabel)), w = a(() => y.tone === "current" ? "info" : y.tone), T = a(() => y.accessibility.mode === "status" ? y.accessibility.label : void 0), E = a(() => y.accessibility.mode === "status" ? i(w.value, y.accessibility.live ?? "auto") : {});
+		}), x = a(() => n("SProgressIndicator", "tone", y.tone, v)), S = r("progress"), C = a(() => e("SProgressIndicator", "showLabel", y.showLabel)), w = a(() => y.tone === "current" ? "info" : y.tone), T = a(() => y.accessibility.mode === "status" ? y.accessibility.label : void 0), E = a(() => y.accessibility.mode === "status" ? i(w.value, y.accessibility.live ?? "auto") : {});
 		return h(() => {
 			let e = y.accessibility;
 			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError("SProgressIndicator: accessibility должен быть discriminated object");

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

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

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

@@ -1,10 +1,12 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateNonEmptyString as t } from "../../../internal/runtimeContract.js";
-import n from "./_internal/SRichBlockNode.vue.js";
-import { validateRichDocumentModel as r } from "./richDocument.js";
-import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, defineComponent as c, mergeProps as l, openBlock as u, renderList as d, unref as f, useId as p } from "vue";
+import { validateNonEmptyString as e } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import { createRichDocumentNavigation as n, richDocumentNavigationKey as r, richDocumentScope as i, richReferenceIdentity as a, richTargetKey as o } from "./_internal/richDocumentNavigation.js";
+import { visitRichDocumentNodes as s } from "./_internal/richDocumentTraversal.js";
+import c from "./_internal/SRichBlockNode.vue.js";
+import { validateRichDocumentModel as l } from "./richDocument.js";
+import { Fragment as u, computed as d, createBlock as f, createElementBlock as p, defineComponent as m, mergeProps as h, onBeforeUnmount as g, openBlock as _, provide as v, ref as y, renderList as b, unref as x, useId as S } from "vue";
 //#region src/components/shared/data-display/SRichDocument.vue?vue&type=script&setup=true&lang.ts
-var m = ["aria-label", "data-document-id"], h = /*@__PURE__*/ c({
+var C = ["aria-label", "data-document-id"], w = /*@__PURE__*/ m({
 	inheritAttrs: !1,
 	__name: "SRichDocument",
 	props: {
@@ -17,32 +19,53 @@ var m = ["aria-label", "data-document-id"], h = /*@__PURE__*/ c({
 		"resource-activate",
 		"action"
 	],
-	setup(c, { emit: h }) {
-		let g = c, _ = h, v = e({
+	setup(m, { emit: w }) {
+		let T = m, E = w, D = t({
 			component: "SRichDocument",
 			owner: "safe rich document root"
-		}), y = `s-rich-document-${p().replace(/[^A-Za-z0-9_-]/gu, "-")}`, b = a(() => t("SRichDocument", "accessibleLabel", g.accessibleLabel)), x = a(() => r(g.document, g.resources));
-		return (e, t) => (u(), s("article", l(f(v).bindings(), {
+		}), O = i(S()), k = d(() => e("SRichDocument", "accessibleLabel", T.accessibleLabel)), A = d(() => l(T.document, T.resources)), j = y(null), M = d(() => {
+			let e = /* @__PURE__ */ new Map();
+			return s(A.value.document, (t) => {
+				"anchorId" in t && t.anchorId !== void 0 && (t.type === "footnoteDefinition" && e.set(o("footnote", t.id), {
+					kind: "anchor",
+					identity: t.anchorId
+				}), t.type === "footnoteReference" && e.set(o("reference", a(t.id, t.occurrenceId)), {
+					kind: "anchor",
+					identity: t.anchorId
+				}));
+			}), e;
+		}), N = n(O, () => {
+			if (!j.value) throw Error("SRichDocument: document root is unavailable");
+			return j.value;
+		}, (e, t) => M.value.get(o(e, t)) ?? {
+			kind: e,
+			identity: t
+		});
+		return v(r, N), g(N.dispose), (e, t) => (_(), p("article", h({
+			ref_key: "rootElement",
+			ref: j
+		}, x(D).bindings(), {
 			class: "s-rich-document",
-			"aria-label": b.value,
-			"data-document-id": x.value.document.id
-		}), [(u(!0), s(i, null, d(x.value.document.nodes, (e, r) => (u(), o(n, {
-			key: r,
+			"aria-label": k.value,
+			"data-document-id": A.value.document.id
+		}), [(_(!0), p(u, null, b(A.value.document.nodes, (e, n) => (_(), f(c, {
+			key: n,
 			node: e,
-			resources: x.value.resources,
-			"document-id": x.value.document.id,
-			"footnote-scope": y,
-			path: `document.nodes[${r}]`,
-			onLinkActivate: t[0] ||= (e) => _("link-activate", e),
-			onResourceActivate: t[1] ||= (e) => _("resource-activate", e),
-			onAction: t[2] ||= (e) => _("action", e)
+			resources: A.value.resources,
+			"document-id": A.value.document.id,
+			"footnote-scope": x(O),
+			path: `document.nodes[${n}]`,
+			onLinkActivate: t[0] ||= (e) => E("link-activate", e),
+			onResourceActivate: t[1] ||= (e) => E("resource-activate", e),
+			onAction: t[2] ||= (e) => E("action", e)
 		}, null, 8, [
 			"node",
 			"resources",
 			"document-id",
+			"footnote-scope",
 			"path"
-		]))), 128))], 16, m));
+		]))), 128))], 16, C));
 	}
 });
 //#endregion
-export { h as default };
+export { w as default };

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

@@ -1,9 +1,12 @@
-import { SScrollViewportApi, SScrollViewportState, SScrollViewportAxis as PublicSScrollViewportAxis, SScrollViewportOverscrollBehavior as PublicSScrollViewportOverscrollBehavior } from './scrollViewport';
-import { ScrollViewportBlockSize as PublicScrollViewportBlockSize } from '../../../internal/semanticSizing';
+import { SScrollViewportApi, SScrollViewportState, SScrollViewportAxis as PublicSScrollViewportAxis, SScrollViewportFocusPolicy as PublicSScrollViewportFocusPolicy, SScrollViewportOverscrollBehavior as PublicSScrollViewportOverscrollBehavior } from './scrollViewport';
+import { ScrollViewportBlockSize as PublicScrollViewportBlockSize, ScrollableViewportMaxBlockSize as PublicScrollableViewportMaxBlockSize } from '../../../internal/semanticSizing';
 export interface Props {
-    accessibleLabel: string;
+    accessibleLabel?: string;
+    accessibleLabelledby?: string;
     axis?: PublicSScrollViewportAxis;
     blockSize?: PublicScrollViewportBlockSize;
+    maxBlockSize?: PublicScrollableViewportMaxBlockSize;
+    focusPolicy?: PublicSScrollViewportFocusPolicy;
     focusable?: boolean;
     keyboardNavigation?: boolean;
     overscrollBehavior?: PublicSScrollViewportOverscrollBehavior;
@@ -16,10 +19,12 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<Props,
     "onScroll-state"?: ((state: SScrollViewportState) => any) | undefined;
 }>, {
     focusable: boolean;
-    blockSize: PublicScrollViewportBlockSize;
-    overscrollBehavior: PublicSScrollViewportOverscrollBehavior;
     axis: PublicSScrollViewportAxis;
+    blockSize: PublicScrollViewportBlockSize;
+    maxBlockSize: PublicScrollableViewportMaxBlockSize;
+    focusPolicy: PublicSScrollViewportFocusPolicy;
     keyboardNavigation: boolean;
+    overscrollBehavior: PublicSScrollViewportOverscrollBehavior;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

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

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