@pgcorp/ui-kit 0.10.1 → 0.11.0

package/dist/src/components/shared/containers/SDrawer.vue_vue_type_script_setup_true_lang.js

@@ -2,10 +2,11 @@ import { useDialogOverlay as e } from "../../../composables/useDialogOverlay.js"
 import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
 import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
 import { validateBoolean as r, validateExactString as i } from "../../../internal/runtimeContract.js";
-import a from "../_internal/SDialogSurface.vue.js";
-import { Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createVNode as m, defineComponent as h, mergeProps as g, normalizeStyle as _, openBlock as v, renderSlot as y, unref as b, withCtx as x } from "vue";
+import { validateDialogSurfaceHeadingLevel as a } from "../_internal/dialogSurface.js";
+import o from "../_internal/SDialogSurface.vue.js";
+import { Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as m, createVNode as h, defineComponent as g, mergeProps as _, normalizeStyle as v, openBlock as y, renderSlot as b, unref as x, withCtx as S } from "vue";
 //#region src/components/shared/containers/SDrawer.vue?vue&type=script&setup=true&lang.ts
-var S = ["data-placement"], C = ["data-placement"], w = /*@__PURE__*/ h({
+var C = ["data-placement"], w = ["data-placement"], T = /*@__PURE__*/ g({
 	inheritAttrs: !1,
 	__name: "SDrawer",
 	props: {
@@ -21,80 +22,84 @@ var S = ["data-placement"], C = ["data-placement"], w = /*@__PURE__*/ h({
 			type: Boolean,
 			default: !0
 		},
-		ariaLabel: { default: void 0 }
+		ariaLabel: { default: void 0 },
+		headingLevel: { default: 2 }
 	},
-	emits: ["update:open"],
-	setup(h, { emit: w }) {
-		let T = h, { t: E } = t(), D = w, O = n({
+	emits: ["update:open", "opened"],
+	setup(g, { emit: T }) {
+		let E = g, { t: D } = t(), O = T, k = n({
 			component: "SDrawer",
 			owner: "drawer dialog surface"
-		}), k = c(() => T.ariaLabel ?? E("dialog.drawer")), A = c(() => i("SDrawer", "placement", T.placement, ["right", "bottom"])), j = c(() => i("SDrawer", "size", T.size, [
+		}), A = l(() => E.ariaLabel ?? D("dialog.drawer")), j = l(() => a("SDrawer", E.headingLevel)), M = l(() => i("SDrawer", "placement", E.placement, ["right", "bottom"])), N = l(() => i("SDrawer", "size", E.size, [
 			"sm",
 			"md",
 			"lg"
-		])), M = c(() => r("SDrawer", "open", T.open)), N = c(() => r("SDrawer", "closable", T.closable)), P = c(() => r("SDrawer", "mobileFullScreen", T.mobileFullScreen)), F = c(() => ({
+		])), P = l(() => r("SDrawer", "open", E.open)), F = l(() => r("SDrawer", "closable", E.closable)), I = l(() => r("SDrawer", "mobileFullScreen", E.mobileFullScreen)), L = l(() => ({
 			kind: "drawer",
-			size: j.value,
-			placement: A.value,
-			mobileFullScreen: P.value
+			size: N.value,
+			placement: M.value,
+			mobileFullScreen: I.value
 		}));
-		function I() {
-			A.value, j.value, M.value, N.value, P.value;
+		function R() {
+			M.value, N.value, P.value, F.value, I.value, j.value;
 		}
-		I();
-		function L() {
-			D("update:open", !1);
+		R();
+		function z() {
+			O("update:open", !1);
 		}
-		let { setPanelElement: R, backdropStyle: z, surfaceStyle: B } = e({
-			open: M,
-			closable: N,
-			requestClose: L
+		let { setPanelElement: B, backdropStyle: V, surfaceStyle: H } = e({
+			open: P,
+			closable: F,
+			requestClose: z,
+			opened: () => O("opened")
 		});
-		return (e, t) => (v(), l(o, { to: "body" }, [m(s, { name: "s-drawer-backdrop" }, {
-			default: x(() => [h.open ? (v(), d("div", {
+		return (e, t) => (y(), u(s, { to: "body" }, [h(c, { name: "s-drawer-backdrop" }, {
+			default: S(() => [g.open ? (y(), f("div", {
 				key: 0,
 				class: "s-drawer-backdrop",
-				style: _(b(z)),
+				style: v(x(V)),
 				"aria-hidden": "true"
-			}, null, 4)) : u("", !0)]),
+			}, null, 4)) : d("", !0)]),
 			_: 1
-		}), m(s, { name: "s-drawer-panel" }, {
-			default: x(() => [h.open ? (v(), d("div", {
+		}), h(c, { name: "s-drawer-panel" }, {
+			default: S(() => [g.open ? (y(), f("div", {
 				key: 0,
 				class: "s-drawer-shell",
-				"data-placement": A.value,
-				style: _(b(B))
-			}, [f("div", {
+				"data-placement": M.value,
+				style: v(x(H))
+			}, [p("div", {
 				class: "s-drawer-positioner",
-				"data-placement": A.value
-			}, [m(a, g(b(O).bindings(), {
-				presentation: F.value,
-				title: h.title,
-				"accessible-name": k.value,
-				closable: h.closable,
-				"set-surface-element": b(R),
-				onRequestClose: L
-			}), p({
-				default: x(() => [y(e.$slots, "default", {}, void 0, !0)]),
+				"data-placement": M.value
+			}, [h(o, _(x(k).bindings(), {
+				presentation: L.value,
+				title: g.title,
+				"accessible-name": A.value,
+				"heading-level": j.value,
+				closable: g.closable,
+				"set-surface-element": x(B),
+				onRequestClose: z
+			}), m({
+				default: S(() => [b(e.$slots, "default", {}, void 0, !0)]),
 				_: 2
 			}, [e.$slots.header ? {
 				name: "header",
-				fn: x(() => [y(e.$slots, "header", {}, void 0, !0)]),
+				fn: S(() => [b(e.$slots, "header", {}, void 0, !0)]),
 				key: "0"
 			} : void 0, e.$slots.footer ? {
 				name: "footer",
-				fn: x(({ close: t }) => [y(e.$slots, "footer", { close: t }, void 0, !0)]),
+				fn: S(({ close: t }) => [b(e.$slots, "footer", { close: t }, void 0, !0)]),
 				key: "1"
 			} : void 0]), 1040, [
 				"presentation",
 				"title",
 				"accessible-name",
+				"heading-level",
 				"closable",
 				"set-surface-element"
-			])], 8, C)], 12, S)) : u("", !0)]),
+			])], 8, w)], 12, C)) : d("", !0)]),
 			_: 3
 		})]));
 	}
 });
 //#endregion
-export { w as default };
+export { T as default };

package/dist/src/components/shared/containers/SModal.vue.d.ts

@@ -1,7 +1,8 @@
-import { DialogSurfaceModalSize, DialogSurfaceScrollBehavior, DialogSurfaceTone } from '../_internal/dialogSurface';
+import { DialogSurfaceHeadingLevel, DialogSurfaceModalSize, DialogSurfaceScrollBehavior, DialogSurfaceTone } from '../_internal/dialogSurface';
 export type ModalSize = DialogSurfaceModalSize;
 export type ModalSurface = DialogSurfaceTone;
 export type ModalScrollBehavior = DialogSurfaceScrollBehavior;
+export type ModalHeadingLevel = DialogSurfaceHeadingLevel;
 export interface Props {
     open: boolean;
     title?: string;
@@ -12,6 +13,8 @@ export interface Props {
     surface?: ModalSurface;
     scrollBehavior?: ModalScrollBehavior;
     ariaLabel?: string;
+    /** Уровень видимого заголовка в document outline. / Visible title level in the document outline. */
+    headingLevel?: ModalHeadingLevel;
 }
 declare var __VLS_28: {}, __VLS_30: {}, __VLS_33: {
     close: () => void;
@@ -33,8 +36,10 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
+    opened: () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onOpened?: (() => any) | undefined;
 }>, {
     layout: "desktop" | "mobile-fullscreen";
     title: string;
@@ -43,6 +48,7 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
     ariaLabel: string;
     surface: ModalSurface;
     scrollBehavior: ModalScrollBehavior;
+    headingLevel: ModalHeadingLevel;
     fullScreen: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/src/components/shared/containers/SModal.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/containers/SModal.css_vue_type_style_index_0_src_64c62e90_scoped_64c62e90_lang.css";
+import "../../../../assets/src/components/shared/containers/SModal.css_vue_type_style_index_0_src_23373daf_scoped_23373daf_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SModal.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                    */
 //#region src/components/shared/containers/SModal.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-64c62e90"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-23373daf"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/containers/SModal.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,11 @@
 import { useDialogOverlay as e } from "../../../composables/useDialogOverlay.js";
 import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
 import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
-import r from "../_internal/SDialogSurface.vue.js";
-import { Teleport as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, normalizeStyle as g, openBlock as _, renderSlot as v, toRef as y, unref as b, withCtx as x } from "vue";
+import { validateDialogSurfaceHeadingLevel as r } from "../_internal/dialogSurface.js";
+import i from "../_internal/SDialogSurface.vue.js";
+import { Teleport as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createVNode as p, defineComponent as m, mergeProps as h, normalizeClass as g, normalizeStyle as _, openBlock as v, renderSlot as y, toRef as b, unref as x, withCtx as S } from "vue";
 //#region src/components/shared/containers/SModal.vue?vue&type=script&setup=true&lang.ts
-var S = /*@__PURE__*/ p({
+var C = /*@__PURE__*/ m({
 	inheritAttrs: !1,
 	__name: "SModal",
 	props: {
@@ -22,82 +23,88 @@ var S = /*@__PURE__*/ p({
 		layout: { default: "desktop" },
 		surface: { default: "default" },
 		scrollBehavior: { default: "page" },
-		ariaLabel: { default: void 0 }
+		ariaLabel: { default: void 0 },
+		headingLevel: { default: 2 }
 	},
-	emits: ["update:open"],
-	setup(p, { emit: S }) {
-		let C = p, { t: w } = t(), T = S;
-		function E() {
-			T("update:open", !1);
+	emits: ["update:open", "opened"],
+	setup(m, { emit: C }) {
+		let w = m, { t: T } = t(), E = C;
+		function D() {
+			E("update:open", !1);
 		}
-		let D = o(() => C.fullScreen || C.layout === "mobile-fullscreen"), O = n({
+		let O = s(() => w.fullScreen || w.layout === "mobile-fullscreen"), k = n({
 			component: "SModal",
 			owner: "modal dialog surface"
-		}), k = o(() => C.ariaLabel ?? w("dialog.modal")), A = o(() => ({
+		}), A = s(() => w.ariaLabel ?? T("dialog.modal")), j = s(() => r("SModal", w.headingLevel));
+		j.value;
+		let M = s(() => ({
 			kind: "modal",
-			size: C.size,
-			fullscreen: D.value,
-			surface: C.surface,
-			scrollBehavior: C.scrollBehavior
-		})), { setPanelElement: j, backdropStyle: M, surfaceStyle: N } = e({
-			open: y(C, "open"),
-			closable: y(C, "closable"),
-			requestClose: E
+			size: w.size,
+			fullscreen: O.value,
+			surface: w.surface,
+			scrollBehavior: w.scrollBehavior
+		})), { setPanelElement: N, backdropStyle: P, surfaceStyle: F } = e({
+			open: b(w, "open"),
+			closable: b(w, "closable"),
+			requestClose: D,
+			opened: () => E("opened")
 		});
-		return (e, t) => (_(), s(i, { to: "body" }, [f(a, { name: "s-modal-backdrop" }, {
-			default: x(() => [p.open ? (_(), l("div", {
+		return (e, t) => (v(), c(a, { to: "body" }, [p(o, { name: "s-modal-backdrop" }, {
+			default: S(() => [m.open ? (v(), u("div", {
 				key: 0,
 				class: "s-modal-backdrop",
-				style: g(b(M)),
+				style: _(x(P)),
 				"aria-hidden": "true"
-			}, null, 4)) : c("", !0)]),
+			}, null, 4)) : l("", !0)]),
 			_: 1
-		}), f(a, { name: "s-modal-panel" }, {
-			default: x(() => [p.open ? (_(), l("div", {
+		}), p(o, { name: "s-modal-panel" }, {
+			default: S(() => [m.open ? (v(), u("div", {
 				key: 0,
 				class: "s-modal-container",
-				style: g(b(N))
-			}, [u("div", { class: h(["s-modal-panel-container", { "s-modal-panel-container--fullscreen": D.value }]) }, [f(r, m(b(O).bindings(), {
-				presentation: A.value,
-				title: p.title,
-				"accessible-name": k.value,
-				closable: p.closable,
-				"set-surface-element": b(j),
-				onRequestClose: E
-			}), d({
-				default: x(() => [v(e.$slots, "default", {}, void 0, !0)]),
+				style: _(x(F))
+			}, [d("div", { class: g(["s-modal-panel-container", { "s-modal-panel-container--fullscreen": O.value }]) }, [p(i, h(x(k).bindings(), {
+				presentation: M.value,
+				title: m.title,
+				"accessible-name": A.value,
+				"heading-level": j.value,
+				closable: m.closable,
+				"set-surface-element": x(N),
+				onRequestClose: D
+			}), f({
+				default: S(() => [y(e.$slots, "default", {}, void 0, !0)]),
 				_: 2
 			}, [
 				e.$slots.header ? {
 					name: "header",
-					fn: x(() => [v(e.$slots, "header", {}, void 0, !0)]),
+					fn: S(() => [y(e.$slots, "header", {}, void 0, !0)]),
 					key: "0"
 				} : void 0,
 				e.$slots.footer ? {
 					name: "footer",
-					fn: x(({ close: t }) => [v(e.$slots, "footer", { close: t }, void 0, !0)]),
+					fn: S(({ close: t }) => [y(e.$slots, "footer", { close: t }, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots["footer-start"] ? {
 					name: "footer-start",
-					fn: x(({ close: t }) => [v(e.$slots, "footer-start", { close: t }, void 0, !0)]),
+					fn: S(({ close: t }) => [y(e.$slots, "footer-start", { close: t }, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots["footer-end"] ? {
 					name: "footer-end",
-					fn: x(({ close: t }) => [v(e.$slots, "footer-end", { close: t }, void 0, !0)]),
+					fn: S(({ close: t }) => [y(e.$slots, "footer-end", { close: t }, void 0, !0)]),
 					key: "3"
 				} : void 0
 			]), 1040, [
 				"presentation",
 				"title",
 				"accessible-name",
+				"heading-level",
 				"closable",
 				"set-surface-element"
-			])], 2)], 4)) : c("", !0)]),
+			])], 2)], 4)) : l("", !0)]),
 			_: 3
 		})]));
 	}
 });
 //#endregion
-export { S as default };
+export { C as default };

package/dist/src/components/shared/controls/SButton.vue.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'vue';
+import { Component, VNodeChild } from 'vue';
 import { InteractiveElementApi } from '../../../internal/interactiveElement';
 import { BadgeSeverity } from '../data-display/SBadge.vue';
 import { LinkBrowsingTarget, LinkRouterTarget } from './SLink';
@@ -67,6 +67,36 @@ export type SButtonNavigationProps = SButtonPresentationProps & SButtonNavigatio
 });
 /** Strict action/navigation XOR with a shared button presentation. */
 export type Props = SButtonActionProps | SButtonNavigationProps;
-declare const __VLS_export: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+type __VLS_Slots = {
+    /** Пассивное содержимое action/navigation button. / Passive action/navigation button content. */
+    default?: () => VNodeChild;
+};
+declare const __VLS_base: import('vue').DefineComponent<SButtonActionProps | (SButtonPresentationProps & SButtonNavigationOptions & {
+    href: string;
+    to?: never;
+    type?: never;
+}) | (SButtonPresentationProps & SButtonNavigationOptions & {
+    href?: never;
+    to: LinkRouterTarget;
+    type?: never;
+}), SButtonApi, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<SButtonActionProps | (SButtonPresentationProps & SButtonNavigationOptions & {
+    href: string;
+    to?: never;
+    type?: never;
+}) | (SButtonPresentationProps & SButtonNavigationOptions & {
+    href?: never;
+    to: LinkRouterTarget;
+    type?: never;
+})> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/controls/SButton.css_vue_type_style_index_0_src_49f356bb_scoped_49f356bb_lang.css";
+import "../../../../assets/src/components/shared/controls/SButton.css_vue_type_style_index_0_src_52ad38b1_scoped_52ad38b1_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SButton.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                     */
 //#region src/components/shared/controls/SButton.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-49f356bb"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-52ad38b1"]]);
 //#endregion
 export { n as default };