@pgcorp/ui-kit 0.10.0 → 0.10.1

package/dist/src/components/layout/SSideMenuButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,91 @@
+import { useOwnedAttrs as e } from "../../internal/ownedAttrs.js";
+import t from "../shared/controls/SButton.vue.js";
+import n from "../shared/controls/SContextMenu.vue.js";
+import r from "../shared/controls/SDropdownMenu.vue.js";
+import { computed as i, createBlock as a, createElementBlock as o, createVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, openBlock as d, withCtx as f } from "vue";
+//#region src/components/layout/SSideMenuButton.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ c({
+	inheritAttrs: !1,
+	__name: "SSideMenuButton",
+	props: {
+		title: {},
+		icon: {},
+		badge: { default: void 0 },
+		badgeSeverity: { default: "secondary" },
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		offsetTop: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showLabel: {
+			type: Boolean,
+			default: !1
+		},
+		shortcut: { default: null },
+		contextMenuItems: { default: () => [] },
+		contextMenuTrigger: { default: "contextmenu" },
+		autofocus: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["click", "context-menu-select"],
+	setup(c) {
+		let p = c, m = e({
+			component: "SSideMenuButton",
+			owner: "descendant SButton"
+		}), h = i(() => p.shortcut ? `${p.title} (${p.shortcut})` : p.title), g = i(() => {
+			let e = m.bindings(), t = e["data-testid"];
+			if (t !== void 0 && typeof t != "string") throw Error("SSideMenuButton: native attribute \"data-testid\" must be a string");
+			return {
+				...e,
+				"aria-current": p.active && !p.disabled ? "page" : void 0,
+				"aria-label": p.title,
+				autofocus: p.autofocus,
+				"data-testid": t,
+				title: h.value,
+				appearance: p.active && !p.disabled ? "soft" : "ghost",
+				badge: p.badge,
+				badgeSeverity: p.badgeSeverity,
+				contentAlign: p.showLabel ? "start" : "center",
+				disabled: p.disabled,
+				iconOnly: !p.showLabel,
+				iconSize: "large",
+				label: p.showLabel ? p.title : void 0,
+				leadingIcon: p.icon,
+				severity: p.active && !p.disabled ? "primary" : "secondary",
+				shape: "row",
+				size: p.showLabel ? "md" : "lg",
+				width: "full"
+			};
+		});
+		return (e, i) => (d(), o("div", { class: u(["w-full", { "mt-2": c.offsetTop }]) }, [c.contextMenuItems.length && c.contextMenuTrigger === "click" ? (d(), a(r, {
+			key: 0,
+			items: c.contextMenuItems,
+			onSelect: i[1] ||= (t) => e.$emit("context-menu-select", t)
+		}, {
+			default: f(({ triggerAttrs: n }) => [s(t, l({
+				...g.value,
+				...n
+			}, { onClick: i[0] ||= (t) => e.$emit("click", t) }), null, 16)]),
+			_: 1
+		}, 8, ["items"])) : c.contextMenuItems.length ? (d(), a(n, {
+			key: 1,
+			items: c.contextMenuItems,
+			trigger: c.contextMenuTrigger,
+			onSelect: i[3] ||= (t) => e.$emit("context-menu-select", t)
+		}, {
+			default: f(() => [s(t, l(g.value, { onClick: i[2] ||= (t) => e.$emit("click", t) }), null, 16)]),
+			_: 1
+		}, 8, ["items", "trigger"])) : (d(), a(t, l({ key: 2 }, g.value, { onClick: i[4] ||= (t) => e.$emit("click", t) }), null, 16))], 2));
+	}
+});
+//#endregion
+export { p as default };

package/dist/src/components/layout/SSideMenuRail.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    visible?: boolean;
+    expanded?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    top?: (props: typeof __VLS_1) => any;
+} & {
+    bottom?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    visible: boolean;
+    expanded: 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/layout/SSideMenuRail.vue.js

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

package/dist/src/components/layout/SSideMenuRail.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { useOwnedAttrs as e } from "../../internal/ownedAttrs.js";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, watchEffect as l } from "vue";
+//#region src/components/layout/SSideMenuRail.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "flex flex-col items-stretch gap-1" }, d = { class: "mt-auto flex flex-col items-stretch gap-1" }, f = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "SSideMenuRail",
+	props: {
+		visible: {
+			type: Boolean,
+			default: !0
+		},
+		expanded: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(i) {
+		let f = i, p = e({
+			component: "SSideMenuRail",
+			owner: "visible side-menu rail root"
+		});
+		return l(() => {
+			if (!f.visible) {
+				p.reject("side-menu rail is hidden");
+				return;
+			}
+			p.bindings();
+		}), (e, l) => i.visible ? (o(), n("div", a({ key: 0 }, c(p).bindings(), { class: ["flex h-full min-h-0 flex-shrink-0 flex-col gap-1 overflow-x-hidden overflow-y-auto border-r border-surface-200 bg-surface-0 p-1 transition-[width] duration-[var(--s-motion-fast)] dark:border-surface-800 dark:bg-surface-950", i.expanded ? "w-56 items-stretch" : "w-14 items-stretch"] }), [r("div", u, [s(e.$slots, "top")]), r("div", d, [s(e.$slots, "bottom")])], 16)) : t("", !0);
+	}
+});
+//#endregion
+export { f as default };

package/dist/src/components/layout/SStack.vue.d.ts

@@ -0,0 +1,44 @@
+import { VNodeChild } from 'vue';
+export type SStackGap = 'none' | 'tight' | 'control' | 'content' | 'section' | 'panel';
+export type SStackPadding = 'none' | 'control' | 'content' | 'section' | 'panel';
+/**
+ * Flex layout-owner с ограниченной семантической шкалой интервалов.
+ * Flex layout owner with a constrained semantic spacing scale.
+ */
+export interface Props {
+    /** Семантический HTML-container без интерактивной роли. / Semantic non-interactive HTML container. */
+    as?: 'div' | 'section' | 'article' | 'ul' | 'ol';
+    /** Направление основной оси. / Main-axis direction. */
+    direction?: 'column' | 'row';
+    /** Интервал между непосредственными участниками. / Gap between direct participants. */
+    gap?: SStackGap;
+    /** Нижний внутренний отступ для scroll-safe composition. / End padding for scroll-safe composition. */
+    paddingEnd?: SStackPadding;
+    /** Container заполняет доступную высоту. / Container fills the available height. */
+    fill?: 'content' | 'container';
+    /** Выравнивание участников по поперечной оси. / Cross-axis participant alignment. */
+    align?: 'stretch' | 'start' | 'center' | 'end';
+    /** Распределение участников по основной оси. / Main-axis participant distribution. */
+    justify?: 'start' | 'center' | 'end' | 'between';
+}
+type __VLS_Slots = {
+    /** Участники вертикальной композиции. / Vertical-composition participants. */
+    default?: () => VNodeChild;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    fill: "content" | "container";
+    direction: "column" | "row";
+    gap: SStackGap;
+    align: "stretch" | "start" | "center" | "end";
+    as: "div" | "section" | "article" | "ul" | "ol";
+    paddingEnd: SStackPadding;
+    justify: "start" | "center" | "end" | "between";
+}, {}, {}, {}, 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/layout/SStack.vue.js

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

package/dist/src/components/layout/SStack.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,43 @@
+import { useOwnedAttrs as e } from "../../internal/ownedAttrs.js";
+import { createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, resolveDynamicComponent as o, unref as s, withCtx as c } from "vue";
+//#region src/components/layout/SStack.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "SStack",
+	props: {
+		as: { default: "div" },
+		direction: { default: "column" },
+		gap: { default: "content" },
+		paddingEnd: { default: "none" },
+		fill: { default: "content" },
+		align: { default: "stretch" },
+		justify: { default: "start" }
+	},
+	setup(n) {
+		let l = e({
+			component: "SStack",
+			owner: "semantic stack root"
+		});
+		return (e, u) => (i(), t(o(n.as), r(s(l).bindings(), {
+			class: "s-stack",
+			"data-gap": n.gap,
+			"data-direction": n.direction,
+			"data-padding-end": n.paddingEnd,
+			"data-fill": n.fill,
+			"data-align": n.align,
+			"data-justify": n.justify
+		}), {
+			default: c(() => [a(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 16, [
+			"data-gap",
+			"data-direction",
+			"data-padding-end",
+			"data-fill",
+			"data-align",
+			"data-justify"
+		]));
+	}
+});
+//#endregion
+export { l as default };

package/dist/src/components/layout/SStatusBarShell.vue.d.ts

@@ -0,0 +1,17 @@
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    left?: (props: typeof __VLS_1) => any;
+} & {
+    right?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => 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/layout/SStatusBarShell.vue.js

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

package/dist/src/components/layout/SStatusBarShell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,20 @@
+import { useOwnedAttrs as e } from "../../internal/ownedAttrs.js";
+import { createElementBlock as t, createElementVNode as n, defineComponent as r, mergeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+//#region src/components/layout/SStatusBarShell.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "s-status-bar-shell__left" }, l = { class: "s-status-bar-shell__right" }, u = /*@__PURE__*/ r({
+	inheritAttrs: !1,
+	__name: "SStatusBarShell",
+	setup(r) {
+		let u = e({
+			component: "SStatusBarShell",
+			owner: "status bar footer"
+		});
+		return (e, r) => (a(), t("footer", i(s(u).bindings(), { class: "s-status-bar-shell" }), [
+			n("div", c, [o(e.$slots, "left", {}, void 0, !0)]),
+			n("div", l, [o(e.$slots, "right", {}, void 0, !0)]),
+			o(e.$slots, "default", {}, void 0, !0)
+		], 16));
+	}
+});
+//#endregion
+export { u as default };

package/dist/src/components/layout/SWorkbenchLayout.vue.d.ts

@@ -0,0 +1,30 @@
+type __VLS_Props = {
+    scrollContainerId?: string;
+    isMobile?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {
+    scrollContainerId: string;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    'filter-banner'?: (props: typeof __VLS_3) => any;
+} & {
+    'search-panel'?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    'bottom-nav'?: (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<{}>, {
+    scrollContainerId: string;
+    isMobile: 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/layout/SWorkbenchLayout.vue.js

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

package/dist/src/components/layout/SWorkbenchLayout.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,38 @@
+import { useOwnedAttrs as e } from "../../internal/ownedAttrs.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, renderSlot as l, unref as u } from "vue";
+//#region src/components/layout/SWorkbenchLayout.vue?vue&type=script&setup=true&lang.ts
+var d = ["id"], f = {
+	key: 0,
+	class: "s-workbench-layout__header"
+}, p = ["id"], m = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "SWorkbenchLayout",
+	props: {
+		scrollContainerId: { default: "s-workbench-scroll" },
+		isMobile: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(a) {
+		let m = a, h = t(() => m.scrollContainerId), g = e({
+			component: "SWorkbenchLayout",
+			owner: "workbench layout root"
+		}), _ = t(() => `${h.value}-content`);
+		return (e, t) => (c(), r("div", o(u(g).bindings(), {
+			id: h.value,
+			class: ["flex h-full w-full flex-col text-surface-700 dark:text-surface-200", { "s-workbench-layout--mobile": a.isMobile }]
+		}), [
+			a.isMobile ? n("", !0) : (c(), r("div", f, [l(e.$slots, "header", {}, void 0, !0)])),
+			l(e.$slots, "filter-banner", {}, void 0, !0),
+			l(e.$slots, "search-panel", {}, void 0, !0),
+			i("div", {
+				id: _.value,
+				class: s(["relative flex-grow", { "overflow-y-auto": !a.isMobile }])
+			}, [l(e.$slots, "default", {}, void 0, !0)], 10, p),
+			l(e.$slots, "bottom-nav", { scrollContainerId: _.value }, void 0, !0)
+		], 16, d));
+	}
+});
+//#endregion
+export { m as default };

package/dist/src/components/layout/SWorkbenchPanelShell.vue.d.ts

@@ -0,0 +1,62 @@
+import { WorkbenchPanelState } from './types';
+type SecondaryPlacement = 'none' | 'right-drawer' | 'bottom-dock';
+type SecondarySize = 'sm' | 'md' | 'lg';
+type __VLS_Props = {
+    state: WorkbenchPanelState;
+    secondaryPlacement?: SecondaryPlacement;
+    secondaryOpen?: boolean;
+    secondarySize?: SecondarySize;
+    secondaryStickyHeader?: boolean;
+    secondaryResponsiveStack?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_20: {
+    message: string;
+    state: Extract<import('../shared/feedback/SAsyncState.vue').SAsyncStateContract, {
+        status: "loading";
+    }>;
+}, __VLS_23: {
+    message: string;
+    state: Extract<import('../shared/feedback/SAsyncState.vue').SAsyncStateContract, {
+        status: "error";
+    }>;
+}, __VLS_25: {}, __VLS_36: {}, __VLS_38: {}, __VLS_40: {};
+type __VLS_Slots = {} & {
+    dialogs?: (props: typeof __VLS_1) => any;
+} & {
+    'header-navigation'?: (props: typeof __VLS_3) => any;
+} & {
+    title?: (props: typeof __VLS_5) => any;
+} & {
+    'header-actions'?: (props: typeof __VLS_7) => any;
+} & {
+    status?: (props: typeof __VLS_9) => any;
+} & {
+    creating?: (props: typeof __VLS_11) => any;
+} & {
+    loading?: (props: typeof __VLS_20) => any;
+} & {
+    error?: (props: typeof __VLS_23) => any;
+} & {
+    main?: (props: typeof __VLS_25) => any;
+} & {
+    'secondary-header'?: (props: typeof __VLS_36) => any;
+} & {
+    'secondary-actions'?: (props: typeof __VLS_38) => any;
+} & {
+    secondary?: (props: typeof __VLS_40) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    secondaryPlacement: SecondaryPlacement;
+    secondaryOpen: boolean;
+    secondarySize: SecondarySize;
+    secondaryStickyHeader: boolean;
+    secondaryResponsiveStack: 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/layout/SWorkbenchPanelShell.vue.js

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

package/dist/src/components/layout/SWorkbenchPanelShell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,200 @@
+import { useUiKitLocale as e } from "../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as t } from "../../internal/ownedAttrs.js";
+import { validateBoolean as n, validateExactString as r } from "../../internal/runtimeContract.js";
+import i from "../shared/feedback/SAsyncState.vue.js";
+import a from "./SDockRegion.vue.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeProps as h, normalizeClass as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as b, openBlock as x, ref as S, renderSlot as C, unref as w, useSlots as T, watch as E, withCtx as D } from "vue";
+//#region src/components/layout/SWorkbenchPanelShell.vue?vue&type=script&setup=true&lang.ts
+var O = { class: "workbench-header" }, ee = { class: "title-container" }, te = {
+	class: "workbench-shell-main",
+	"data-testid": "workbench-shell-main"
+}, k = { class: "workbench-shell-main-content" }, A = { class: "workbench-shell-secondary-header-main" }, j = { class: "workbench-shell-secondary-header-actions" }, M = /*@__PURE__*/ p({
+	inheritAttrs: !1,
+	__name: "SWorkbenchPanelShell",
+	props: {
+		state: {},
+		secondaryPlacement: { default: "none" },
+		secondaryOpen: {
+			type: Boolean,
+			default: !0
+		},
+		secondarySize: { default: "md" },
+		secondaryStickyHeader: {
+			type: Boolean,
+			default: !1
+		},
+		secondaryResponsiveStack: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(p) {
+		let M = {
+			sm: 320,
+			md: 384,
+			lg: 480
+		}, N = {
+			sm: 240,
+			md: 304,
+			lg: 384
+		}, P = p, { t: F } = e(), I = T(), L = t({
+			component: "SWorkbenchPanelShell",
+			owner: "workbench panel root"
+		}), R = S(null), z = S(Z(P.secondaryPlacement, P.secondarySize)), B = S(Q()), V = null, H = o(() => {
+			re();
+			let e = P.state;
+			if (typeof e != "object" || !e || Array.isArray(e) || Reflect.get(e, "status") !== "creating") return {
+				mode: "async",
+				state: e
+			};
+			if (Object.keys(e).length !== 1) throw TypeError("SWorkbenchPanelShell: state со status=creating должен содержать только поле status");
+			return { mode: "creating" };
+		}), U = o(() => !!(I.secondary || I["secondary-header"] || I["secondary-actions"])), W = o(() => P.secondaryPlacement !== "none" && P.secondaryOpen && U.value), G = o(() => P.secondaryPlacement === "bottom-dock"), K = o(() => G.value ? "bottom" : "right"), q = o(() => G.value ? F("layout.resizeBottomPanel") : F("layout.resizeSidePanel")), J = o(() => G.value ? "workbench-shell-resize-handle-bottom" : "workbench-shell-resize-handle-right"), Y = o(() => [
+			`workbench-shell--${P.secondaryPlacement}`,
+			`workbench-shell--secondary-${P.secondarySize}`,
+			{
+				"workbench-shell--secondary-open": W.value,
+				"workbench-shell--secondary-responsive-stack": P.secondaryResponsiveStack
+			}
+		]), X = o(() => ({ "--workbench-secondary-size": `${z.value}px` }));
+		E(() => [P.secondaryPlacement, P.secondarySize], ([e, t]) => {
+			z.value = Z(e, t), B.value = Q();
+		}, { immediate: !0 });
+		function Z(e, t) {
+			return e === "bottom-dock" ? N[t] : M[t];
+		}
+		function Q() {
+			let e = R.value;
+			if (!e) return P.secondaryPlacement === "bottom-dock" ? {
+				min: 192,
+				max: 640
+			} : {
+				min: 248,
+				max: 768
+			};
+			if (P.secondaryPlacement === "right-drawer") {
+				if (e.clientWidth <= 0) return {
+					min: 248,
+					max: 768
+				};
+				let t = Math.max(e.clientWidth, 320), n = Math.min(320, Math.max(248, Math.floor(t * .34)));
+				return {
+					min: n,
+					max: Math.max(n, Math.floor(t * .62))
+				};
+			}
+			if (P.secondaryPlacement === "bottom-dock") {
+				if (e.clientHeight <= 0) return {
+					min: 192,
+					max: 640
+				};
+				let t = Math.max(e.clientHeight, 320), n = Math.min(320, Math.max(192, Math.floor(t * .24)));
+				return {
+					min: n,
+					max: Math.max(n, Math.floor(t * .68))
+				};
+			}
+			return {
+				min: 0,
+				max: 0
+			};
+		}
+		function $() {
+			let e = Q();
+			B.value = e, z.value = Math.min(e.max, Math.max(e.min, z.value));
+		}
+		function ne(e) {
+			$(), z.value = Math.min(B.value.max, Math.max(B.value.min, e));
+		}
+		function re() {
+			r("SWorkbenchPanelShell", "secondaryPlacement", P.secondaryPlacement, [
+				"none",
+				"right-drawer",
+				"bottom-dock"
+			]), r("SWorkbenchPanelShell", "secondarySize", P.secondarySize, [
+				"sm",
+				"md",
+				"lg"
+			]), n("SWorkbenchPanelShell", "secondaryOpen", P.secondaryOpen), n("SWorkbenchPanelShell", "secondaryStickyHeader", P.secondaryStickyHeader), n("SWorkbenchPanelShell", "secondaryResponsiveStack", P.secondaryResponsiveStack);
+		}
+		return b(() => {
+			$(), typeof ResizeObserver < "u" && R.value && (V = new ResizeObserver($), V.observe(R.value));
+		}), y(() => {
+			V?.disconnect(), V = null;
+		}), (e, t) => (x(), l("div", h(w(L).bindings(), {
+			class: "workbench-panel",
+			"data-testid": "workbench-panel-shell"
+		}), [
+			C(e.$slots, "dialogs", {}, void 0, !0),
+			u("div", O, [
+				C(e.$slots, "header-navigation", {}, void 0, !0),
+				u("div", ee, [C(e.$slots, "title", {}, void 0, !0)]),
+				C(e.$slots, "header-actions", {}, void 0, !0)
+			]),
+			C(e.$slots, "status", {}, void 0, !0),
+			H.value.mode === "creating" ? C(e.$slots, "creating", {}, void 0, !0, 0) : (x(), s(i, {
+				key: 1,
+				state: H.value.state
+			}, d({
+				default: D(() => [u("div", {
+					ref_key: "shellRef",
+					ref: R,
+					class: g(["workbench-shell", Y.value]),
+					style: v(X.value)
+				}, [u("div", te, [u("div", k, [C(e.$slots, "main", {}, void 0, !0)])]), W.value ? (x(), l("div", {
+					key: 0,
+					class: g(["workbench-shell-secondary-wrap", `workbench-shell-secondary-wrap--${p.secondaryPlacement}`])
+				}, [f(a, {
+					placement: K.value,
+					visible: W.value,
+					size: z.value,
+					"min-size": B.value.min,
+					"max-size": B.value.max,
+					"resize-step": 16,
+					"resize-label": q.value,
+					"resize-test-id": J.value,
+					"hide-resize-handle-on-narrow": p.secondaryResponsiveStack,
+					"responsive-size": p.secondaryResponsiveStack ? "fill-on-narrow" : "fixed",
+					"handle-variant": "overlay",
+					surface: "transparent",
+					onResizeStart: $,
+					onResize: ne
+				}, {
+					default: D(() => [u("div", {
+						class: g(["workbench-shell-secondary flex flex-col", `workbench-shell-secondary--${p.secondaryPlacement}`]),
+						"data-testid": "workbench-shell-secondary"
+					}, [e.$slots["secondary-header"] || e.$slots["secondary-actions"] ? (x(), l("div", {
+						key: 0,
+						class: g(["workbench-shell-secondary-header", { "workbench-shell-secondary-header--sticky": p.secondaryStickyHeader }]),
+						"data-testid": "workbench-shell-secondary-header"
+					}, [u("div", A, [C(e.$slots, "secondary-header", {}, void 0, !0)]), u("div", j, [C(e.$slots, "secondary-actions", {}, void 0, !0)])], 2)) : c("", !0), u("div", {
+						class: g(["workbench-shell-secondary-content", { "flex min-h-0 flex-col": G.value }]),
+						"data-testid": "workbench-shell-secondary-content"
+					}, [C(e.$slots, "secondary", {}, void 0, !0)], 2)], 2)]),
+					_: 3
+				}, 8, [
+					"placement",
+					"visible",
+					"size",
+					"min-size",
+					"max-size",
+					"resize-label",
+					"resize-test-id",
+					"hide-resize-handle-on-narrow",
+					"responsive-size"
+				])], 2)) : c("", !0)], 6)]),
+				_: 2
+			}, [e.$slots.loading ? {
+				name: "loading",
+				fn: D((t) => [C(e.$slots, "loading", _(m(t)), void 0, !0)]),
+				key: "0"
+			} : void 0, e.$slots.error ? {
+				name: "error",
+				fn: D((t) => [C(e.$slots, "error", _(m(t)), void 0, !0)]),
+				key: "1"
+			} : void 0]), 1032, ["state"]))
+		], 16));
+	}
+});
+//#endregion
+export { M as default };