@pgcorp/ui-kit 0.10.0 → 0.10.1

package/{src/components/shared/complex/types.ts → dist/src/components/shared/complex/types.d.ts}

@@ -1,8 +1,6 @@
-import type { Component } from 'vue'
-import type { SelectionKey } from '../_internal/useSelectionRoving'
-
-export type { SelectionKey } from '../_internal/useSelectionRoving'
-
+import { Component } from 'vue';
+import { SelectionKey } from '../_internal/useSelectionRoving';
+export type { SelectionKey } from '../_internal/useSelectionRoving';
 /**
  * Стратегия множественного выбора узла. / Multiple-selection behavior for an item.
  *
@@ -11,14 +9,8 @@ export type { SelectionKey } from '../_internal/useSelectionRoving'
  * доменным деревьям, где родитель одновременно является самостоятельной
  * сущностью и контейнером.
  */
-export type TreeMultipleSelection =
-  | 'self'
-  | 'descendants'
-  | 'self-and-descendants'
-  | 'disabled'
-
-export type TreeIcon = Component
-
+export type TreeMultipleSelection = 'self' | 'descendants' | 'self-and-descendants' | 'disabled';
+export type TreeIcon = Component;
 /**
  * Точная модель доменного дерева. / Exact domain-tree model.
  *
@@ -26,66 +18,62 @@ export type TreeIcon = Component
  * данных обязан один раз объявить identity, label, hierarchy и behavior.
  */
 export interface TreeModel<T extends object, K extends SelectionKey = SelectionKey> {
-  key(node: T): K
-  label(node: T): string
-  children(node: T): readonly T[]
-  disabled(node: T): boolean
-  icon(node: T): TreeIcon | undefined
-  multipleSelection(node: T): TreeMultipleSelection
+    key(node: T): K;
+    label(node: T): string;
+    children(node: T): readonly T[];
+    disabled(node: T): boolean;
+    icon(node: T): TreeIcon | undefined;
+    multipleSelection(node: T): TreeMultipleSelection;
 }
-
 /**
  * Единое состояние выбора. / Single canonical selection state.
  *
  * Checkbox является presentation множественного режима, а не отдельной
  * identity model.
  */
-export type TreeSelection<K extends SelectionKey = SelectionKey> =
-  | Readonly<{ mode: 'none' }>
-  | Readonly<{ mode: 'single'; key: K | null }>
-  | Readonly<{ mode: 'multiple'; keys: ReadonlySet<K> }>
-
-export type TreeDensity = 'regular' | 'compact'
-export type TreeActionsLayout = 'reserved' | 'overlay'
-export type TreeExpandControl = 'button' | 'row'
-export type TreeSelectionRail = 'hidden' | 'visible'
-export type TreeRowVariant = 'default' | 'table'
-
-export type { STreeProps } from './STree.vue'
-
+export type TreeSelection<K extends SelectionKey = SelectionKey> = Readonly<{
+    mode: 'none';
+}> | Readonly<{
+    mode: 'single';
+    key: K | null;
+}> | Readonly<{
+    mode: 'multiple';
+    keys: ReadonlySet<K>;
+}>;
+export type TreeDensity = 'regular' | 'compact';
+export type TreeActionsLayout = 'reserved' | 'overlay';
+export type TreeExpandControl = 'button' | 'row';
+export type TreeSelectionRail = 'hidden' | 'visible';
+export type TreeRowVariant = 'default' | 'table';
+export type { STreeProps } from './STree.vue';
 export interface TreeNodeEvent<T extends object, K extends SelectionKey = SelectionKey> {
-  node: T
-  key: K
+    node: T;
+    key: K;
 }
-
-export type TreeActivationOrigin = 'pointer' | 'keyboard'
-
+export type TreeActivationOrigin = 'pointer' | 'keyboard';
 /**
  * Активация конечного узла независимо от модели выбора. / Leaf activation independent of selection mode.
  */
-export interface TreeNodeActivationEvent<T extends object, K extends SelectionKey = SelectionKey>
-  extends TreeNodeEvent<T, K> {
-  origin: TreeActivationOrigin
+export interface TreeNodeActivationEvent<T extends object, K extends SelectionKey = SelectionKey> extends TreeNodeEvent<T, K> {
+    origin: TreeActivationOrigin;
 }
-
 export interface STreeNodeContentScope<T extends object, K extends SelectionKey = SelectionKey> {
-  node: T
-  key: K
-  isSelected: boolean
-  isPartiallySelected: boolean
-  isExpanded: boolean
-  hasChildren: boolean
-  toggle: () => void
-  select: () => void
-  level: number
-  density: TreeDensity
-  actionsLayout: TreeActionsLayout
-  expandControl: TreeExpandControl
-  selectionRail: TreeSelectionRail
-  rowVariant: TreeRowVariant
+    node: T;
+    key: K;
+    isSelected: boolean;
+    isPartiallySelected: boolean;
+    isExpanded: boolean;
+    hasChildren: boolean;
+    toggle: () => void;
+    select: () => void;
+    level: number;
+    density: TreeDensity;
+    actionsLayout: TreeActionsLayout;
+    expandControl: TreeExpandControl;
+    selectionRail: TreeSelectionRail;
+    rowVariant: TreeRowVariant;
 }
-
 export interface STreeNodeActionsScope<T extends object, K extends SelectionKey = SelectionKey> {
-  node: T
-  key: K
+    node: T;
+    key: K;
 }

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

@@ -0,0 +1,44 @@
+export type SCloudChromeBodySpacing = 'default' | 'none';
+export type SCloudChromeDensity = 'compact' | 'default' | 'comfortable';
+export interface Props {
+    title?: string;
+    description?: string;
+    zone?: 'top' | 'composer' | 'hidden';
+    editing?: boolean;
+    dropActive?: boolean;
+    empty?: boolean;
+    emptyText?: string;
+    surface?: 'cloud' | 'flat' | 'embedded';
+    edgeDivider?: boolean;
+    bodyPadding?: SCloudChromeBodySpacing;
+    bodyGap?: SCloudChromeBodySpacing;
+    density?: SCloudChromeDensity;
+}
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    emptyText: string;
+    empty: boolean;
+    title: string;
+    density: SCloudChromeDensity;
+    description: string;
+    surface: "cloud" | "flat" | "embedded";
+    zone: "top" | "composer" | "hidden";
+    editing: boolean;
+    dropActive: boolean;
+    edgeDivider: boolean;
+    bodyPadding: SCloudChromeBodySpacing;
+    bodyGap: SCloudChromeBodySpacing;
+}, {}, {}, {}, 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/SCloudChrome.vue.js

@@ -0,0 +1,7 @@
+import "../../../../assets/src/components/shared/containers/SCloudChrome.css_vue_type_style_index_0_src_true_lang.css";
+import e from "./SCloudChrome.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                      */
+//#region src/components/shared/containers/SCloudChrome.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,77 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import t from "./SCloudChromeEmpty.vue.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+//#region src/components/shared/containers/SCloudChrome.vue?vue&type=script&setup=true&lang.ts
+var g = ["data-density"], _ = {
+	key: 0,
+	class: "s-cloud-chrome__header"
+}, v = { class: "min-w-0" }, y = {
+	key: 0,
+	class: "s-cloud-chrome__title"
+}, b = {
+	key: 1,
+	class: "s-cloud-chrome__description"
+}, x = {
+	key: 0,
+	class: "s-cloud-chrome__actions"
+}, S = [
+	"data-zone",
+	"data-padding",
+	"data-gap"
+], C = /*@__PURE__*/ c({
+	inheritAttrs: !1,
+	__name: "SCloudChrome",
+	props: {
+		title: { default: void 0 },
+		description: { default: void 0 },
+		zone: { default: "top" },
+		editing: {
+			type: Boolean,
+			default: !1
+		},
+		dropActive: {
+			type: Boolean,
+			default: !1
+		},
+		empty: {
+			type: Boolean,
+			default: !1
+		},
+		emptyText: { default: "" },
+		surface: { default: "cloud" },
+		edgeDivider: {
+			type: Boolean,
+			default: !1
+		},
+		bodyPadding: { default: void 0 },
+		bodyGap: { default: void 0 },
+		density: { default: "default" }
+	},
+	setup(c) {
+		let C = c, w = e({
+			component: "SCloudChrome",
+			owner: "cloud chrome section"
+		}), T = n(() => C.bodyPadding ?? (C.surface === "embedded" ? "none" : "default")), E = n(() => C.bodyGap ?? (C.surface === "embedded" ? "none" : "default"));
+		return (e, n) => (d(), a("section", l(m(w).bindings(), {
+			class: ["s-cloud-chrome", {
+				"s-cloud-chrome--editing": c.editing,
+				"s-cloud-chrome--drop-active": c.dropActive,
+				"s-cloud-chrome--hidden-zone": c.zone === "hidden",
+				"s-cloud-chrome--flat": c.surface === "flat",
+				"s-cloud-chrome--embedded": c.surface === "embedded",
+				"s-cloud-chrome--edge-divider": c.edgeDivider
+			}],
+			"data-density": c.density
+		}), [c.title || c.description || e.$slots.actions ? (d(), a("div", _, [o("div", v, [c.title ? (d(), a("div", y, p(c.title), 1)) : i("", !0), c.description ? (d(), a("div", b, p(c.description), 1)) : i("", !0)]), e.$slots.actions ? (d(), a("div", x, [f(e.$slots, "actions")])) : i("", !0)])) : i("", !0), o("div", {
+			class: u(["s-cloud-chrome__body", { "s-cloud-chrome__body--empty": c.empty }]),
+			"data-zone": c.zone,
+			"data-padding": T.value,
+			"data-gap": E.value
+		}, [f(e.$slots, "default"), c.empty && c.emptyText ? (d(), r(t, { key: 0 }, {
+			default: h(() => [s(p(c.emptyText), 1)]),
+			_: 1
+		})) : i("", !0)], 10, S)], 16, g));
+	}
+});
+//#endregion
+export { C as default };

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

@@ -0,0 +1,13 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/SCloudChromeEmpty.vue.js

@@ -0,0 +1,7 @@
+import "../../../../assets/src/components/shared/containers/SCloudChromeEmpty.css_vue_type_style_index_0_src_true_lang.css";
+import e from "./SCloudChromeEmpty.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                           */
+//#region src/components/shared/containers/SCloudChromeEmpty.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,23 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import t from "../data-display/SEmptyState.vue.js";
+import { createElementBlock as n, createVNode 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/SCloudChromeEmpty.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "SCloudChromeEmpty",
+	setup(i) {
+		let u = e({
+			component: "SCloudChromeEmpty",
+			owner: "empty-state root"
+		});
+		return (e, i) => (o(), n("div", a(c(u).bindings(), { class: "s-cloud-chrome-empty" }), [r(t, {
+			presentation: "inline",
+			size: "sm"
+		}, {
+			title: l(() => [s(e.$slots, "default")]),
+			_: 3
+		})], 16));
+	}
+});
+//#endregion
+export { u as default };

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

@@ -0,0 +1,49 @@
+export interface Props {
+    itemId?: string;
+    label: string;
+    editing?: boolean;
+    hidden?: boolean;
+    draggable?: boolean;
+    canHide?: boolean;
+    canRestore?: boolean;
+    canMoveUp?: boolean;
+    canMoveDown?: boolean;
+    appearance?: 'raised' | 'embedded';
+}
+declare var __VLS_9: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+} & {
+    actions?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    hide: () => any;
+    "move-down": () => any;
+    "move-up": () => any;
+    "drag-start": (pointerEvent: PointerEvent) => any;
+    restore: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onHide?: (() => any) | undefined;
+    "onMove-down"?: (() => any) | undefined;
+    "onMove-up"?: (() => any) | undefined;
+    "onDrag-start"?: ((pointerEvent: PointerEvent) => any) | undefined;
+    onRestore?: (() => any) | undefined;
+}>, {
+    hidden: boolean;
+    draggable: boolean;
+    itemId: string;
+    appearance: "raised" | "embedded";
+    editing: boolean;
+    canHide: boolean;
+    canRestore: boolean;
+    canMoveUp: boolean;
+    canMoveDown: boolean;
+}, {}, {}, {}, 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/SCloudChromeRow.vue.js

@@ -0,0 +1,7 @@
+import "../../../../assets/src/components/shared/containers/SCloudChromeRow.css_vue_type_style_index_0_src_true_lang.css";
+import e from "./SCloudChromeRow.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                         */
+//#region src/components/shared/containers/SCloudChromeRow.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,126 @@
+import { getSputnigUiIconComponent as e } from "../../icons/sputnigUiIcons.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import n from "../controls/SButton.vue.js";
+import r from "../controls/SDragHandle.vue.js";
+import { createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, openBlock as d, renderSlot as f, unref as p } from "vue";
+//#region src/components/shared/containers/SCloudChromeRow.vue?vue&type=script&setup=true&lang.ts
+var m = ["data-item-id"], h = {
+	key: 0,
+	class: "s-cloud-chrome-row__drag-handle"
+}, g = { class: "s-cloud-chrome-row__content" }, _ = {
+	key: 1,
+	class: "s-cloud-chrome-row__actions"
+}, v = /*@__PURE__*/ l({
+	inheritAttrs: !1,
+	__name: "SCloudChromeRow",
+	props: {
+		itemId: { default: void 0 },
+		label: {},
+		editing: {
+			type: Boolean,
+			default: !1
+		},
+		hidden: {
+			type: Boolean,
+			default: !1
+		},
+		draggable: {
+			type: Boolean,
+			default: !0
+		},
+		canHide: {
+			type: Boolean,
+			default: !1
+		},
+		canRestore: {
+			type: Boolean,
+			default: !1
+		},
+		canMoveUp: {
+			type: Boolean,
+			default: !1
+		},
+		canMoveDown: {
+			type: Boolean,
+			default: !1
+		},
+		appearance: { default: "raised" }
+	},
+	emits: [
+		"drag-start",
+		"hide",
+		"restore",
+		"move-up",
+		"move-down"
+	],
+	setup(l, { emit: v }) {
+		let y = e("hide"), b = e("reset"), x = t({
+			component: "SCloudChromeRow",
+			owner: "cloud chrome row root"
+		}), S = v;
+		function C(e) {
+			if (e === -1) {
+				S("move-up");
+				return;
+			}
+			S("move-down");
+		}
+		return (e, t) => (d(), o("div", u(p(x).bindings(), {
+			class: ["s-cloud-chrome-row", {
+				"s-cloud-chrome-row--static": !l.editing || !l.draggable,
+				"s-cloud-chrome-row--hidden": l.hidden,
+				"s-cloud-chrome-row--embedded": l.appearance === "embedded"
+			}],
+			"data-item-id": l.itemId
+		}), [
+			l.editing && l.draggable ? (d(), o("div", h, [c(r, {
+				size: "xs",
+				label: l.label,
+				"can-move-previous": l.canMoveUp,
+				"can-move-next": l.canMoveDown,
+				onDragStart: t[0] ||= (t) => e.$emit("drag-start", t),
+				onReorder: C
+			}, null, 8, [
+				"label",
+				"can-move-previous",
+				"can-move-next"
+			])])) : a("", !0),
+			s("div", g, [f(e.$slots, "default")]),
+			l.editing || e.$slots.actions ? (d(), o("div", _, [
+				f(e.$slots, "actions"),
+				l.editing && l.canHide && !l.hidden ? (d(), i(n, {
+					key: 0,
+					size: "xs",
+					severity: "secondary",
+					appearance: "ghost",
+					"icon-only": "",
+					"leading-icon": p(y),
+					title: `Скрыть: ${l.label}`,
+					"aria-label": `Скрыть: ${l.label}`,
+					onClick: t[1] ||= (t) => e.$emit("hide")
+				}, null, 8, [
+					"leading-icon",
+					"title",
+					"aria-label"
+				])) : a("", !0),
+				l.editing && l.canRestore ? (d(), i(n, {
+					key: 1,
+					size: "xs",
+					severity: "secondary",
+					appearance: "ghost",
+					"icon-only": "",
+					"leading-icon": p(b),
+					title: `Вернуть: ${l.label}`,
+					"aria-label": `Вернуть: ${l.label}`,
+					onClick: t[2] ||= (t) => e.$emit("restore")
+				}, null, 8, [
+					"leading-icon",
+					"title",
+					"aria-label"
+				])) : a("", !0)
+			])) : a("", !0)
+		], 16, m));
+	}
+});
+//#endregion
+export { v as default };

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

@@ -0,0 +1,56 @@
+import { SDisclosureSummaryBadge, SDisclosureSummaryCase, SDisclosureSummaryFact, SDisclosureSummaryState, SDisclosureSummaryStatus, SDisclosureSummaryTypography } from './disclosureSummary';
+export interface Props {
+    summary: string;
+    summaryTypography?: SDisclosureSummaryTypography;
+    summaryCase?: SDisclosureSummaryCase;
+    summaryState?: SDisclosureSummaryState;
+    summaryFacts?: readonly SDisclosureSummaryFact[];
+    summaryBadges?: readonly SDisclosureSummaryBadge[];
+    summaryStatus?: SDisclosureSummaryStatus;
+    defaultOpen?: boolean;
+    open?: boolean;
+    fill?: boolean;
+    density?: 'comfortable' | 'compact' | 'dense';
+    contentPadding?: 'density' | 'none';
+    headerVariant?: 'default' | 'minimal';
+    lazy?: boolean;
+    noAnimation?: boolean;
+    surface?: 'card' | 'plain';
+    id?: string;
+    disabled?: boolean;
+}
+type __VLS_Slots = {
+    default(): unknown;
+    actions?(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, 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;
+    fill: boolean;
+    id: string;
+    disabled: boolean;
+    density: "comfortable" | "compact" | "dense";
+    surface: "card" | "plain";
+    lazy: boolean;
+    summaryTypography: SDisclosureSummaryTypography;
+    summaryCase: SDisclosureSummaryCase;
+    summaryState: SDisclosureSummaryState;
+    summaryFacts: readonly SDisclosureSummaryFact[];
+    summaryBadges: readonly SDisclosureSummaryBadge[];
+    summaryStatus: SDisclosureSummaryStatus;
+    defaultOpen: boolean;
+    contentPadding: "density" | "none";
+    headerVariant: "default" | "minimal";
+    noAnimation: boolean;
+}, {}, {}, {}, 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/SCollapsiblePanel.vue.js

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