@pgcorp/ui-kit 0.10.0 → 0.10.1

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

@@ -0,0 +1,103 @@
+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";
+//#region src/components/shared/containers/SModal.vue?vue&type=script&setup=true&lang.ts
+var S = /*@__PURE__*/ p({
+	inheritAttrs: !1,
+	__name: "SModal",
+	props: {
+		open: { type: Boolean },
+		title: { default: void 0 },
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: "md" },
+		fullScreen: {
+			type: Boolean,
+			default: !1
+		},
+		layout: { default: "desktop" },
+		surface: { default: "default" },
+		scrollBehavior: { default: "page" },
+		ariaLabel: { default: void 0 }
+	},
+	emits: ["update:open"],
+	setup(p, { emit: S }) {
+		let C = p, { t: w } = t(), T = S;
+		function E() {
+			T("update:open", !1);
+		}
+		let D = o(() => C.fullScreen || C.layout === "mobile-fullscreen"), O = n({
+			component: "SModal",
+			owner: "modal dialog surface"
+		}), k = o(() => C.ariaLabel ?? w("dialog.modal")), A = o(() => ({
+			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
+		});
+		return (e, t) => (_(), s(i, { to: "body" }, [f(a, { name: "s-modal-backdrop" }, {
+			default: x(() => [p.open ? (_(), l("div", {
+				key: 0,
+				class: "s-modal-backdrop",
+				style: g(b(M)),
+				"aria-hidden": "true"
+			}, null, 4)) : c("", !0)]),
+			_: 1
+		}), f(a, { name: "s-modal-panel" }, {
+			default: x(() => [p.open ? (_(), l("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)]),
+				_: 2
+			}, [
+				e.$slots.header ? {
+					name: "header",
+					fn: x(() => [v(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)]),
+					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)]),
+					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)]),
+					key: "3"
+				} : void 0
+			]), 1040, [
+				"presentation",
+				"title",
+				"accessible-name",
+				"closable",
+				"set-surface-element"
+			])], 2)], 4)) : c("", !0)]),
+			_: 3
+		})]));
+	}
+});
+//#endregion
+export { S as default };

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    title: string;
+    description?: string;
+    eyebrow?: string;
+    headingLevel?: 1 | 2 | 3;
+    appearance?: 'bare' | 'plain' | 'panel';
+    size?: 'compact' | 'default';
+    actionsLayout?: 'responsive' | 'inline' | 'stacked';
+    titlePresentation?: 'visible' | 'assistive';
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "compact" | "default";
+    appearance: "bare" | "plain" | "panel";
+    actionsLayout: "responsive" | "inline" | "stacked";
+    description: string;
+    titlePresentation: "visible" | "assistive";
+    headingLevel: 1 | 2 | 3;
+    eyebrow: string;
+}, {}, {}, {}, 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/containers/SPageHeader.vue.js

@@ -0,0 +1,5 @@
+import e from "./SPageHeader.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/shared/containers/SPageHeader.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,50 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import t from "../_internal/SHeaderSurface.vue.js";
+import { createBlock as n, createSlots as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
+//#region src/components/shared/containers/SPageHeader.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "SPageHeader",
+	props: {
+		title: {},
+		description: { default: void 0 },
+		eyebrow: { default: void 0 },
+		headingLevel: { default: 2 },
+		appearance: { default: "panel" },
+		size: { default: "default" },
+		actionsLayout: { default: "responsive" },
+		titlePresentation: { default: "visible" }
+	},
+	setup(i) {
+		let u = e({
+			component: "SPageHeader",
+			owner: "page header root"
+		});
+		return (e, d) => (o(), n(t, a(c(u).bindings(), {
+			kind: "page",
+			title: i.title,
+			description: i.description,
+			eyebrow: i.eyebrow,
+			"heading-level": i.headingLevel,
+			appearance: i.appearance,
+			size: i.size,
+			"trailing-layout": i.actionsLayout,
+			"title-presentation": i.titlePresentation
+		}), r({ _: 2 }, [e.$slots.actions ? {
+			name: "actions",
+			fn: l(() => [s(e.$slots, "actions")]),
+			key: "0"
+		} : void 0]), 1040, [
+			"title",
+			"description",
+			"eyebrow",
+			"heading-level",
+			"appearance",
+			"size",
+			"trailing-layout",
+			"title-presentation"
+		]));
+	}
+});
+//#endregion
+export { u as default };

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

@@ -0,0 +1,77 @@
+import { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+import { SAsyncStateContract } from '../feedback/SAsyncState.vue';
+export interface Props {
+    title?: string;
+    /** DOM id встроенного heading для связи с composed content. / DOM id of the built-in heading for composed-content labelling. */
+    titleId?: string;
+    /** DOM id content viewport для composed navigation и testing. / DOM id of the content viewport for composed navigation and testing. */
+    contentId?: string;
+    description?: string;
+    /** Уровень заголовка в document outline. / Heading level in the document outline. */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    icon?: FunctionalComponent<HTMLAttributes & VNodeProps>;
+    /** Единственное состояние контента; omission означает ready. / The sole content-state contract; omission means ready. */
+    state?: SAsyncStateContract;
+    noContentPadding?: boolean;
+    /** Компоновка slot content без скрытого воздействия на child margins. / Slot-content layout without hidden child-margin styling. */
+    contentLayout?: 'block' | 'stack';
+    /** Семантический интервал layout; none не добавляет неявный spacing. / Semantic layout gap; none adds no implicit spacing. */
+    contentGap?: 'none' | 'control' | 'content' | 'section' | 'panel';
+    grow?: boolean;
+    layout?: 'desktop' | 'mobile';
+    /** child делегирует scrolling вложенному владельцу viewport. / child delegates scrolling to the nested viewport owner. */
+    scrollBehavior?: 'auto' | 'body' | 'self' | 'child';
+    /** Семантический радиус поверхности; значения не принимают raw CSS lengths. / Semantic surface radius; values never accept raw CSS lengths. */
+    surfaceRadius?: 'default' | 'md' | 'none';
+    /** Семантический тон поверхности. / Semantic surface tone. */
+    surfaceTone?: 'default' | 'subtle' | 'transparent';
+    surfaceBorder?: 'default' | 'none';
+    /** Семантическая высота тени surface. / Semantic surface shadow elevation. */
+    surfaceElevation?: 'flat' | 'overlay';
+    /** Управляет clipping корневой surface без consumer class overrides. / Controls root-surface clipping without consumer class overrides. */
+    surfaceOverflow?: 'visible' | 'clip';
+    /** DOM id общего footer/status region. / DOM id of the shared footer/status region. */
+    footerId?: string;
+    /** Адаптация heading/actions: auto складывает actions под heading при нехватке места. / Heading/actions adaptation: auto stacks actions below the heading when space is constrained. */
+    headerLayout?: 'auto' | 'inline' | 'stacked';
+}
+declare var __VLS_1: {}, __VLS_14: {}, __VLS_35: {}, __VLS_37: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    actions?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_35) => any;
+} & {
+    footer?: (props: typeof __VLS_37) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    layout: "desktop" | "mobile";
+    title: string;
+    icon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+    state: SAsyncStateContract;
+    description: string;
+    surfaceRadius: "default" | "md" | "none";
+    scrollBehavior: "auto" | "body" | "self" | "child";
+    titleId: string;
+    contentId: string;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    noContentPadding: boolean;
+    contentLayout: "block" | "stack";
+    contentGap: "none" | "control" | "content" | "section" | "panel";
+    grow: boolean;
+    surfaceTone: "default" | "subtle" | "transparent";
+    surfaceBorder: "default" | "none";
+    surfaceElevation: "flat" | "overlay";
+    surfaceOverflow: "visible" | "clip";
+    footerId: string;
+    headerLayout: "auto" | "inline" | "stacked";
+}, {}, {}, {}, 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/containers/SPanel.vue.js

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

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

@@ -0,0 +1,149 @@
+import { useUiKitLocale as e } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import { validateDomId as n } from "../../../internal/runtimeContract.js";
+import r from "../data-display/SMessage.vue.js";
+import i from "../feedback/SAsyncState.vue.js";
+import a from "../data-display/SProgressBar.vue.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeProps as h, normalizeClass as g, openBlock as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, useSlots as S, watchEffect as C, withCtx as w } from "vue";
+//#region src/components/shared/containers/SPanel.vue?vue&type=script&setup=true&lang.ts
+var T = [
+	"data-grow",
+	"data-layout",
+	"data-surface-overflow"
+], E = ["data-header-layout"], D = { class: "s-panel-header-left" }, O = {
+	key: 1,
+	class: "s-panel-heading"
+}, k = {
+	key: 0,
+	class: "s-panel-description"
+}, A = { class: "s-panel-header-right" }, j = [
+	"id",
+	"data-content-layout",
+	"data-content-gap",
+	"data-grow"
+], M = { class: "space-y-1" }, N = { class: "text-xs text-danger-700 dark:text-danger-300" }, P = { class: "s-panel-loading" }, F = {
+	key: 0,
+	class: "s-panel-scroll-end-spacer",
+	"aria-hidden": "true"
+}, I = ["id"], L = /*@__PURE__*/ m({
+	inheritAttrs: !1,
+	__name: "SPanel",
+	props: {
+		title: { default: void 0 },
+		titleId: { default: void 0 },
+		contentId: { default: void 0 },
+		description: { default: void 0 },
+		headingLevel: { default: 3 },
+		icon: {
+			type: [Function, Object],
+			default: void 0
+		},
+		state: { default: () => ({ status: "ready" }) },
+		noContentPadding: {
+			type: Boolean,
+			default: !1
+		},
+		contentLayout: { default: "stack" },
+		contentGap: { default: "none" },
+		grow: {
+			type: Boolean,
+			default: !1
+		},
+		layout: { default: "desktop" },
+		scrollBehavior: { default: "auto" },
+		surfaceRadius: { default: "default" },
+		surfaceTone: { default: "default" },
+		surfaceBorder: { default: "default" },
+		surfaceElevation: { default: "flat" },
+		surfaceOverflow: { default: "visible" },
+		footerId: { default: void 0 },
+		headerLayout: { default: "auto" }
+	},
+	setup(m) {
+		let L = m, R = S(), { t: z } = e(), B = t({
+			component: "SPanel",
+			owner: "panel surface root"
+		}), V = o(() => {
+			if (L.titleId !== void 0) {
+				if (!L.title) throw TypeError("SPanel: titleId требует title. / SPanel: titleId requires title.");
+				return n("SPanel", "titleId", L.titleId);
+			}
+		}), H = o(() => L.contentId === void 0 ? void 0 : n("SPanel", "contentId", L.contentId)), U = o(() => {
+			if (L.footerId !== void 0) {
+				if (!R.footer) throw TypeError("SPanel: footerId требует footer slot. / SPanel: footerId requires the footer slot.");
+				return n("SPanel", "footerId", L.footerId);
+			}
+		});
+		return C(() => {
+			V.value, H.value, U.value;
+		}), (e, t) => (_(), l("div", h(x(B).bindings(), {
+			class: ["s-panel", [
+				m.scrollBehavior && `s-panel--scroll-${m.scrollBehavior}`,
+				m.surfaceRadius === "none" && "s-panel--radius-none",
+				m.surfaceRadius === "md" && "s-panel--radius-md",
+				m.surfaceTone === "transparent" && "s-panel--tone-transparent",
+				m.surfaceTone === "subtle" && "s-panel--tone-subtle",
+				m.surfaceBorder === "none" && "s-panel--border-none",
+				m.surfaceElevation === "overlay" && "s-panel--elevation-overlay"
+			]],
+			"data-grow": m.grow || void 0,
+			"data-layout": m.layout,
+			"data-surface-overflow": m.surfaceOverflow
+		}), [
+			m.title || e.$slots.actions || e.$slots.header ? (_(), l("div", {
+				key: 0,
+				class: "s-panel-header",
+				"data-header-layout": m.headerLayout
+			}, [u("div", D, [v(e.$slots, "header", {}, () => [m.icon ? (_(), s(y(m.icon), {
+				key: 0,
+				class: "s-panel-icon"
+			})) : c("", !0), m.title ? (_(), l("div", O, [(_(), s(y(`h${m.headingLevel}`), {
+				id: V.value,
+				class: "s-panel-title"
+			}, {
+				default: w(() => [f(b(m.title), 1)]),
+				_: 1
+			}, 8, ["id"])), m.description ? (_(), l("p", k, b(m.description), 1)) : c("", !0)])) : c("", !0)], !0)]), u("div", A, [v(e.$slots, "actions", {}, void 0, !0)])], 8, E)) : c("", !0),
+			u("div", {
+				class: g(["s-panel-content", {
+					"p-4": !m.noContentPadding,
+					"flex-grow min-h-0 min-w-0 overflow-y-auto overflow-x-hidden": m.grow,
+					"s-panel-content--scroll-body": m.scrollBehavior === "body",
+					"s-panel-content--scroll-self": m.scrollBehavior === "self",
+					"s-panel-content--scroll-child": m.scrollBehavior === "child"
+				}]),
+				id: H.value,
+				"data-content-layout": m.contentLayout,
+				"data-content-gap": m.contentGap,
+				"data-grow": m.grow || void 0
+			}, [p(i, { state: m.state }, d({
+				loading: w(({ message: e }) => [u("div", P, [p(a, {
+					accessibility: {
+						mode: "label",
+						label: e
+					},
+					mode: "indeterminate"
+				}, null, 8, ["accessibility"]), u("span", null, b(e), 1)])]),
+				default: w(() => [v(e.$slots, "default", {}, void 0, !0)]),
+				_: 2
+			}, [m.state.status === "error" && m.state.endpoint ? {
+				name: "error",
+				fn: w(() => [p(r, {
+					severity: "danger",
+					title: x(z)("feedback.serverResponseError")
+				}, {
+					default: w(() => [u("div", M, [u("div", null, b(m.state.message), 1), u("div", N, b(x(z)("feedback.request")) + " " + b(m.state.endpoint), 1)])]),
+					_: 1
+				}, 8, ["title"])]),
+				key: "0"
+			} : void 0]), 1032, ["state"]), m.grow && m.scrollBehavior !== "child" ? (_(), l("div", F)) : c("", !0)], 10, j),
+			e.$slots.footer ? (_(), l("div", {
+				key: 1,
+				id: U.value,
+				class: "s-panel-footer"
+			}, [v(e.$slots, "footer", {}, void 0, !0)], 8, I)) : c("", !0)
+		], 16, T));
+	}
+});
+//#endregion
+export { L as default };

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

@@ -0,0 +1,68 @@
+import { Component } from 'vue';
+import { SButtonAppearance, SButtonContentAlign, SButtonSeverity, SButtonShape, SButtonSize, SButtonWidth } from '../controls/SButton.vue';
+import { SPopoverDefaultSlotProps, SPopoverPanelSlotProps, SPopoverPublicApi, SPopoverTriggerSlotProps } from './popover';
+export interface Props {
+    align?: 'left' | 'right' | 'center';
+    surface?: 'default' | 'transparent';
+    width?: 'trigger' | 'content' | 'sm' | 'md' | 'lg';
+    ariaLabel?: string;
+    triggerAppearance?: SButtonAppearance;
+    triggerSize?: SButtonSize;
+    triggerWidth?: SButtonWidth;
+    triggerContentAlign?: SButtonContentAlign;
+    triggerShape?: SButtonShape;
+    triggerLabel?: string;
+    triggerLeadingIcon?: Component;
+    triggerTrailingIcon?: Component;
+    triggerIconOnly?: boolean;
+    triggerSeverity?: SButtonSeverity;
+    triggerBadge?: string | number;
+    triggerTitle?: string;
+    triggerAriaLabel?: string;
+    triggerTestId?: string;
+    disabled?: boolean;
+    /**
+     * Управляемая видимость; без prop owner хранит toggle-state сам.
+     * Controlled visibility; omit to use the owner's internal toggle state.
+     */
+    open?: boolean;
+}
+type __VLS_Slots = {
+    trigger?: (props: SPopoverTriggerSlotProps) => unknown;
+    default?: (props: SPopoverDefaultSlotProps) => unknown;
+    panel: (props: SPopoverPanelSlotProps) => unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, SPopoverPublicApi, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    width: "trigger" | "content" | "sm" | "md" | "lg";
+    disabled: boolean;
+    ariaLabel: string;
+    surface: "default" | "transparent";
+    align: "left" | "right" | "center";
+    triggerAppearance: SButtonAppearance;
+    triggerSize: SButtonSize;
+    triggerWidth: SButtonWidth;
+    triggerContentAlign: SButtonContentAlign;
+    triggerShape: SButtonShape;
+    triggerLabel: string;
+    triggerLeadingIcon: Component;
+    triggerTrailingIcon: Component;
+    triggerIconOnly: boolean;
+    triggerSeverity: SButtonSeverity;
+    triggerBadge: string | number;
+    triggerTitle: string;
+    triggerAriaLabel: string;
+    triggerTestId: string;
+}, {}, {}, {}, 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/containers/SPopover.vue.js

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