@pgcorp/ui-kit 0.14.0 → 0.15.0

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

@@ -1,13 +1,13 @@
-import { useOverlayAdmission as e, useOverlayHost as t } from "../../../internal/overlayHost.js";
-import { validateBoolean as n, validateExactString as r } from "../../../internal/runtimeContract.js";
-import { useDialogOverlay as i } from "../../../composables/useDialogOverlay.js";
-import { useUiKitLocale as a } from "../../../composables/useUiKitLocale.js";
-import { useOwnedAttrs as o } from "../../../internal/ownedAttrs.js";
-import { assertDialogSurfacePresentation as s, validateDialogSurfaceHeadingLevel as c, validateDrawerExtent as l } from "../_internal/dialogSurface.js";
-import ee from "../_internal/SDialogSurface.vue.js";
-import { Teleport as u, Transition as d, computed as f, createBlock as te, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as g, createVNode as _, defineComponent as v, mergeProps as ne, normalizeStyle as y, onErrorCaptured as b, openBlock as x, renderSlot as S, shallowRef as C, unref as w, watch as T, withCtx as E } from "vue";
+import { assertDialogSurfacePresentation as e, validateDialogSurfaceHeadingLevel as t, validateDrawerExtent as n } from "../_internal/dialogSurface.js";
+import { useOverlayHost as r } from "../../../internal/overlayHost.js";
+import { validateBoolean as i, validateExactString as a } from "../../../internal/runtimeContract.js";
+import { useDialogOverlay as o } from "../../../composables/useDialogOverlay.js";
+import { useUiKitLocale as s } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as c } from "../../../internal/ownedAttrs.js";
+import l from "../_internal/SDialogSurface.vue.js";
+import { Teleport as u, computed as d, createBlock as f, createCommentVNode as p, createSlots as m, createVNode as h, defineComponent as g, mergeProps as _, onErrorCaptured as v, openBlock as y, renderSlot as b, unref as x, watch as S, withCtx as C } from "vue";
 //#region src/components/shared/containers/SDrawer.vue?vue&type=script&setup=true&lang.ts
-var re = ["data-scope"], ie = ["data-scope", "data-placement"], D = ["data-placement"], O = /*@__PURE__*/ v({
+var w = /*@__PURE__*/ g({
 	inheritAttrs: !1,
 	__name: "SDrawer",
 	props: {
@@ -30,174 +30,150 @@ var re = ["data-scope"], ie = ["data-scope", "data-placement"], D = ["data-place
 		scrollBehavior: { default: "body" }
 	},
 	emits: ["update:open", "opened"],
-	setup(v, { emit: O }) {
-		let k = v, { t: A } = a(), j = e(), M = O, ae = o({
+	setup(g, { emit: w }) {
+		let T = g, { t: E } = s(), D = w, O = c({
 			component: "SDrawer",
 			owner: "drawer dialog surface"
-		}), N = t("SDrawer", !1), P = {
+		}), k = r("SDrawer", !1), A = {
 			sm: 50,
 			md: 70,
 			lg: 90
-		}, F = r("SDrawer", "scope", k.scope, ["viewport", "contained"]), I = f(() => {
-			let e = r("SDrawer", "scope", k.scope, ["viewport", "contained"]);
-			if (k.open && e !== F) throw TypeError("SDrawer: scope may change only while open=false");
+		}, j = a("SDrawer", "scope", T.scope, ["viewport", "contained"]), M = d(() => {
+			let e = a("SDrawer", "scope", T.scope, ["viewport", "contained"]);
+			if (T.open && e !== j) throw TypeError("SDrawer: scope may change only while open=false");
 			return e;
-		}), L = f(() => r("SDrawer", "scrollBehavior", k.scrollBehavior, ["body", "content"])), R = f(() => k.ariaLabel ?? A("dialog.drawer")), z = f(() => c("SDrawer", k.headingLevel)), B = f(() => r("SDrawer", "placement", k.placement, [
+		}), N = d(() => a("SDrawer", "scrollBehavior", T.scrollBehavior, ["body", "content"])), P = d(() => T.ariaLabel ?? E("dialog.drawer")), F = d(() => t("SDrawer", T.headingLevel)), I = d(() => a("SDrawer", "placement", T.placement, [
 			"left",
 			"right",
 			"bottom"
-		])), V = f(() => r("SDrawer", "size", k.size, [
+		])), L = d(() => a("SDrawer", "size", T.size, [
 			"sm",
 			"md",
 			"lg"
-		])), H = f(() => n("SDrawer", "open", k.open)), U = f(() => n("SDrawer", "closable", k.closable)), W = f(() => n("SDrawer", "mobileFullScreen", k.mobileFullScreen)), G = f(() => {
-			if (I.value === "viewport") {
-				if (k.extent !== void 0) throw TypeError("SDrawer: extent requires scope=\"contained\"");
+		])), R = d(() => i("SDrawer", "open", T.open)), z = d(() => i("SDrawer", "closable", T.closable)), B = d(() => i("SDrawer", "mobileFullScreen", T.mobileFullScreen)), V = d(() => {
+			if (M.value === "viewport") {
+				if (T.extent !== void 0) throw TypeError("SDrawer: extent requires scope=\"contained\"");
 				return;
 			}
-			return l("SDrawer", k.extent === void 0 ? P[V.value] : k.extent);
-		}), K = f(() => {
+			return n("SDrawer", T.extent === void 0 ? A[L.value] : T.extent);
+		}), H = d(() => {
 			let e = {
 				kind: "drawer",
-				size: V.value,
-				placement: B.value,
-				mobileFullScreen: W.value,
-				scrollBehavior: L.value
+				size: L.value,
+				placement: I.value,
+				mobileFullScreen: B.value,
+				scrollBehavior: N.value
 			};
-			if (I.value === "contained") {
-				if (!N) throw TypeError("SDrawer: scope=\"contained\" requires a parent SOverlayHost");
+			if (M.value === "contained") {
+				if (!k) throw TypeError("SDrawer: scope=\"contained\" requires a parent SOverlayHost");
 				return {
 					...e,
 					scope: "contained",
-					extent: l("SDrawer", G.value)
+					extent: n("SDrawer", V.value)
 				};
 			}
-			return G.value, {
+			return V.value, {
 				...e,
 				scope: "viewport"
 			};
-		}), q = f(() => I.value === "contained" ? N?.portal.value : "body");
-		function J() {
-			let e = n("SDrawer", "open", k.open);
-			n("SDrawer", "closable", k.closable), c("SDrawer", k.headingLevel);
-			let t = r("SDrawer", "scope", k.scope, ["viewport", "contained"]);
-			if (e && t !== F) throw TypeError("SDrawer: scope may change only while open=false");
-			let i = r("SDrawer", "size", k.size, [
+		}), U = d(() => M.value === "contained" ? k?.portal.value : "body");
+		function W() {
+			let r = i("SDrawer", "open", T.open);
+			i("SDrawer", "closable", T.closable), t("SDrawer", T.headingLevel);
+			let o = a("SDrawer", "scope", T.scope, ["viewport", "contained"]);
+			if (r && o !== j) throw TypeError("SDrawer: scope may change only while open=false");
+			let s = a("SDrawer", "size", T.size, [
 				"sm",
 				"md",
 				"lg"
-			]), a = {
+			]), c = {
 				kind: "drawer",
-				size: i,
-				placement: r("SDrawer", "placement", k.placement, [
+				size: s,
+				placement: a("SDrawer", "placement", T.placement, [
 					"left",
 					"right",
 					"bottom"
 				]),
-				mobileFullScreen: n("SDrawer", "mobileFullScreen", k.mobileFullScreen),
-				scrollBehavior: r("SDrawer", "scrollBehavior", k.scrollBehavior, ["body", "content"])
+				mobileFullScreen: i("SDrawer", "mobileFullScreen", T.mobileFullScreen),
+				scrollBehavior: a("SDrawer", "scrollBehavior", T.scrollBehavior, ["body", "content"])
 			};
-			if (t === "contained") {
-				if (!N) throw TypeError("SDrawer: scope=\"contained\" requires a parent SOverlayHost");
-				s({
-					...a,
-					scope: t,
-					extent: l("SDrawer", k.extent === void 0 ? P[i] : k.extent)
+			if (o === "contained") {
+				if (!k) throw TypeError("SDrawer: scope=\"contained\" requires a parent SOverlayHost");
+				e({
+					...c,
+					scope: o,
+					extent: n("SDrawer", T.extent === void 0 ? A[s] : T.extent)
 				});
 			} else {
-				if (k.extent !== void 0) throw TypeError("SDrawer: extent requires scope=\"contained\"");
-				s({
-					...a,
-					scope: t
+				if (T.extent !== void 0) throw TypeError("SDrawer: extent requires scope=\"contained\"");
+				e({
+					...c,
+					scope: o
 				});
 			}
 		}
-		J(), T([I, H], ([e, t]) => {
-			t || (F = e);
+		W(), S([M, R], ([e, t]) => {
+			t || (j = e);
 		}, { flush: "sync" });
-		function Y() {
-			M("update:open", !1);
+		function G() {
+			D("update:open", !1);
 		}
-		let X = C(null), Z = C(null), { setPanelElement: oe, backdropStyle: se, surfaceStyle: ce, renderOpen: Q, dispose: le } = i({
-			open: H,
-			closable: U,
-			requestClose: Y,
-			opened: () => M("opened"),
-			scope: I,
-			host: N,
-			validate: J
+		let { setPanelElement: K, setPortalElement: q, setDismissalElement: J, panelRef: Y, layerIndex: X, renderOpen: Z, dispose: Q } = o({
+			open: R,
+			closable: z,
+			requestClose: G,
+			opened: () => D("opened"),
+			scope: M,
+			host: k,
+			validate: W
 		});
 		function $() {
-			X.value?.remove(), Z.value?.remove();
+			Y.value?.remove();
 		}
-		return b(() => {
+		return v(() => {
 			try {
-				le();
+				Q();
 			} finally {
 				$(), queueMicrotask($);
 			}
-		}), (e, t) => q.value ? (x(), te(u, {
+		}), (e, t) => U.value ? (y(), f(u, {
 			key: 0,
-			to: q.value
-		}, [_(d, {
-			name: "s-drawer-backdrop",
-			css: w(j)
-		}, {
-			default: E(() => [w(Q) ? (x(), m("div", {
-				key: 0,
-				ref_key: "backdropElement",
-				ref: X,
-				class: "s-drawer-backdrop",
-				"data-scope": I.value,
-				style: y(w(se)),
-				"aria-hidden": "true"
-			}, null, 12, re)) : p("", !0)]),
-			_: 1
-		}, 8, ["css"]), _(d, {
-			name: "s-drawer-panel",
-			css: w(j)
-		}, {
-			default: E(() => [w(Q) ? (x(), m("div", {
-				key: 0,
-				ref_key: "shellElement",
-				ref: Z,
-				class: "s-drawer-shell",
-				"data-scope": I.value,
-				"data-placement": B.value,
-				style: y(w(ce))
-			}, [h("div", {
-				class: "s-drawer-positioner",
-				"data-placement": B.value
-			}, [_(ee, ne(w(ae).bindings(), {
-				presentation: K.value,
-				title: v.title,
-				"accessible-name": R.value,
-				"heading-level": z.value,
-				closable: U.value,
-				"set-surface-element": w(oe),
-				onRequestClose: Y
-			}), g({
-				default: E(() => [S(e.$slots, "default", {}, void 0, !0)]),
-				_: 2
-			}, [e.$slots.header ? {
-				name: "header",
-				fn: E(() => [S(e.$slots, "header", {}, void 0, !0)]),
-				key: "0"
-			} : void 0, e.$slots.footer ? {
-				name: "footer",
-				fn: E(({ close: t }) => [S(e.$slots, "footer", { close: t }, void 0, !0)]),
-				key: "1"
-			} : void 0]), 1040, [
-				"presentation",
-				"title",
-				"accessible-name",
-				"heading-level",
-				"closable",
-				"set-surface-element"
-			])], 8, D)], 12, ie)) : p("", !0)]),
-			_: 3
-		}, 8, ["css"])], 8, ["to"])) : p("", !0);
+			to: U.value
+		}, [h(l, _({ open: x(Z) }, x(O).bindings(), {
+			presentation: H.value,
+			title: g.title,
+			"accessible-name": P.value,
+			"heading-level": F.value,
+			closable: z.value,
+			"set-surface-element": x(K),
+			"set-portal-element": x(q),
+			"set-dismissal-element": x(J),
+			"layer-index": x(X),
+			onRequestClose: G
+		}), m({
+			default: C(() => [b(e.$slots, "default")]),
+			_: 2
+		}, [e.$slots.header ? {
+			name: "header",
+			fn: C(() => [b(e.$slots, "header")]),
+			key: "0"
+		} : void 0, e.$slots.footer ? {
+			name: "footer",
+			fn: C(({ close: t }) => [b(e.$slots, "footer", { close: t })]),
+			key: "1"
+		} : void 0]), 1040, [
+			"open",
+			"presentation",
+			"title",
+			"accessible-name",
+			"heading-level",
+			"closable",
+			"set-surface-element",
+			"set-portal-element",
+			"set-dismissal-element",
+			"layer-index"
+		])], 8, ["to"])) : p("", !0);
 	}
 });
 //#endregion
-export { O as default };
+export { w as default };

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

@@ -16,23 +16,23 @@ export interface Props {
     /** Уровень видимого заголовка в document outline. / Visible title level in the document outline. */
     headingLevel?: ModalHeadingLevel;
 }
-declare var __VLS_28: {}, __VLS_30: {}, __VLS_33: {
+declare var __VLS_17: {}, __VLS_19: {}, __VLS_22: {
     close: () => void;
-}, __VLS_36: {
+}, __VLS_25: {
     close: () => void;
-}, __VLS_39: {
+}, __VLS_28: {
     close: () => void;
 };
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_28) => any;
+    header?: (props: typeof __VLS_17) => any;
 } & {
-    default?: (props: typeof __VLS_30) => any;
+    default?: (props: typeof __VLS_19) => any;
 } & {
-    footer?: (props: typeof __VLS_33) => any;
+    footer?: (props: typeof __VLS_22) => any;
 } & {
-    'footer-start'?: (props: typeof __VLS_36) => any;
+    'footer-start'?: (props: typeof __VLS_25) => any;
 } & {
-    'footer-end'?: (props: typeof __VLS_39) => any;
+    'footer-end'?: (props: typeof __VLS_28) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;

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

@@ -1,8 +1,5 @@
-import "../../../../assets/src/components/shared/containers/SModal.css_vue_type_style_index_0_src_42e1bd5f_scoped_42e1bd5f_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                                                                    */
+import e from "./SModal.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/shared/containers/SModal.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-42e1bd5f"]]);
+var t = e;
 //#endregion
-export { n as default };
+export { t as default };

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

@@ -1,13 +1,12 @@
-import { useOverlayAdmission as e } from "../../../internal/overlayHost.js";
-import { validateBoolean as t, validateExactString as n } from "../../../internal/runtimeContract.js";
-import { useDialogOverlay as r } from "../../../composables/useDialogOverlay.js";
-import { useUiKitLocale as i } from "../../../composables/useUiKitLocale.js";
-import { useOwnedAttrs as a } from "../../../internal/ownedAttrs.js";
-import { assertDialogSurfacePresentation as o, validateDialogSurfaceHeadingLevel as s } from "../_internal/dialogSurface.js";
-import c from "../_internal/SDialogSurface.vue.js";
-import { Teleport as l, Transition as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as g, createVNode as _, defineComponent as v, mergeProps as y, normalizeClass as b, normalizeStyle as x, onErrorCaptured as S, openBlock as C, renderSlot as w, unref as T, useId as E, withCtx as D } from "vue";
+import { assertDialogSurfacePresentation as e, validateDialogSurfaceHeadingLevel as t } from "../_internal/dialogSurface.js";
+import { validateBoolean as n, validateExactString as r } from "../../../internal/runtimeContract.js";
+import { useDialogOverlay as i } from "../../../composables/useDialogOverlay.js";
+import { useUiKitLocale as a } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as o } from "../../../internal/ownedAttrs.js";
+import s from "../_internal/SDialogSurface.vue.js";
+import { Teleport as c, computed as l, createBlock as u, createSlots as d, createVNode as f, defineComponent as p, mergeProps as m, onErrorCaptured as h, openBlock as g, renderSlot as _, unref as v, useId as y, withCtx as b } from "vue";
 //#region src/components/shared/containers/SModal.vue?vue&type=script&setup=true&lang.ts
-var O = /*@__PURE__*/ v({
+var x = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "SModal",
 	props: {
@@ -29,112 +28,97 @@ var O = /*@__PURE__*/ v({
 		headingLevel: { default: 2 }
 	},
 	emits: ["update:open", "opened"],
-	setup(v, { emit: O }) {
-		let k = v, { t: A } = i(), j = e(), M = `s-modal-${E()}`, N = O;
-		function P() {
-			N("update:open", !1);
+	setup(p, { emit: x }) {
+		let S = p, { t: C } = a(), w = `s-modal-${y()}`, T = x;
+		function E() {
+			T("update:open", !1);
 		}
-		let F = d(() => t("SModal", "open", k.open)), I = d(() => t("SModal", "closable", k.closable)), L = d(() => t("SModal", "fullScreen", k.fullScreen)), R = d(() => n("SModal", "layout", k.layout, ["desktop", "mobile-fullscreen"])), z = d(() => L.value || R.value === "mobile-fullscreen"), B = a({
+		let D = l(() => n("SModal", "open", S.open)), O = l(() => n("SModal", "closable", S.closable)), k = l(() => n("SModal", "fullScreen", S.fullScreen)), A = l(() => r("SModal", "layout", S.layout, ["desktop", "mobile-fullscreen"])), j = l(() => k.value || A.value === "mobile-fullscreen"), M = o({
 			component: "SModal",
 			owner: "modal dialog surface"
-		}), V = d(() => k.ariaLabel ?? A("dialog.modal")), H = d(() => s("SModal", k.headingLevel)), U = d(() => ({
+		}), N = l(() => S.ariaLabel ?? C("dialog.modal")), P = l(() => t("SModal", S.headingLevel)), F = l(() => ({
 			kind: "modal",
-			size: k.size,
-			fullscreen: z.value,
-			surface: k.surface,
-			scrollBehavior: k.scrollBehavior
+			size: S.size,
+			fullscreen: j.value,
+			surface: S.surface,
+			scrollBehavior: S.scrollBehavior
 		}));
-		function W() {
-			t("SModal", "open", k.open), t("SModal", "closable", k.closable);
-			let e = t("SModal", "fullScreen", k.fullScreen), r = n("SModal", "layout", k.layout, ["desktop", "mobile-fullscreen"]);
-			s("SModal", k.headingLevel), o({
+		function I() {
+			n("SModal", "open", S.open), n("SModal", "closable", S.closable);
+			let i = n("SModal", "fullScreen", S.fullScreen), a = r("SModal", "layout", S.layout, ["desktop", "mobile-fullscreen"]);
+			t("SModal", S.headingLevel), e({
 				kind: "modal",
-				size: k.size,
-				fullscreen: e || r === "mobile-fullscreen",
-				surface: k.surface,
-				scrollBehavior: k.scrollBehavior
+				size: S.size,
+				fullscreen: i || a === "mobile-fullscreen",
+				surface: S.surface,
+				scrollBehavior: S.scrollBehavior
 			});
 		}
-		W();
-		let { setPanelElement: G, backdropStyle: K, surfaceStyle: q, renderOpen: J, dispose: Y } = r({
-			open: F,
-			closable: I,
-			requestClose: P,
-			opened: () => N("opened"),
-			validate: W
-		}), X = () => {
-			if (typeof document < "u") for (let e of document.querySelectorAll("[data-s-modal-owner]")) e.dataset.sModalOwner === M && e.remove();
+		I();
+		let { setPanelElement: L, setPortalElement: R, setDismissalElement: z, layerIndex: B, renderOpen: V, dispose: H } = i({
+			open: D,
+			closable: O,
+			requestClose: E,
+			opened: () => T("opened"),
+			validate: I
+		}), U = () => {
+			if (typeof document < "u") for (let e of document.querySelectorAll("[data-s-modal-owner]")) e.dataset.sModalOwner === w && e.remove();
 		};
-		return S(() => {
+		return h(() => {
 			try {
-				Y();
+				H();
 			} finally {
-				X(), queueMicrotask(X);
+				U(), queueMicrotask(U);
 			}
-		}), (e, t) => (C(), f(l, { to: "body" }, [_(u, {
-			name: "s-modal-backdrop",
-			css: T(j)
-		}, {
-			default: D(() => [T(J) ? (C(), m("div", {
-				key: 0,
-				class: "s-modal-backdrop",
-				"data-s-modal-owner": M,
-				style: x(T(K)),
-				"aria-hidden": "true"
-			}, null, 4)) : p("", !0)]),
-			_: 1
-		}, 8, ["css"]), _(u, {
-			name: "s-modal-panel",
-			css: T(j)
-		}, {
-			default: D(() => [T(J) ? (C(), m("div", {
-				key: 0,
-				class: "s-modal-container",
-				"data-s-modal-owner": M,
-				style: x(T(q))
-			}, [h("div", { class: b(["s-modal-panel-container", { "s-modal-panel-container--fullscreen": z.value }]) }, [_(c, y(T(B).bindings(), {
-				presentation: U.value,
-				title: v.title,
-				"accessible-name": V.value,
-				"heading-level": H.value,
-				closable: I.value,
-				"set-surface-element": T(G),
-				onRequestClose: P
-			}), g({
-				default: D(() => [w(e.$slots, "default", {}, void 0, !0)]),
-				_: 2
-			}, [
-				e.$slots.header ? {
-					name: "header",
-					fn: D(() => [w(e.$slots, "header", {}, void 0, !0)]),
-					key: "0"
-				} : void 0,
-				e.$slots.footer ? {
-					name: "footer",
-					fn: D(({ close: t }) => [w(e.$slots, "footer", { close: t }, void 0, !0)]),
-					key: "1"
-				} : void 0,
-				e.$slots["footer-start"] ? {
-					name: "footer-start",
-					fn: D(({ close: t }) => [w(e.$slots, "footer-start", { close: t }, void 0, !0)]),
-					key: "2"
-				} : void 0,
-				e.$slots["footer-end"] ? {
-					name: "footer-end",
-					fn: D(({ close: t }) => [w(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)) : p("", !0)]),
-			_: 3
-		}, 8, ["css"])]));
+		}), (e, t) => (g(), u(c, { to: "body" }, [f(s, m({ open: v(V) }, v(M).bindings(), {
+			"owner-id": w,
+			presentation: F.value,
+			title: p.title,
+			"accessible-name": N.value,
+			"heading-level": P.value,
+			closable: O.value,
+			"set-surface-element": v(L),
+			"set-portal-element": v(R),
+			"set-dismissal-element": v(z),
+			"layer-index": v(B),
+			onRequestClose: E
+		}), d({
+			default: b(() => [_(e.$slots, "default")]),
+			_: 2
+		}, [
+			e.$slots.header ? {
+				name: "header",
+				fn: b(() => [_(e.$slots, "header")]),
+				key: "0"
+			} : void 0,
+			e.$slots.footer ? {
+				name: "footer",
+				fn: b(({ close: t }) => [_(e.$slots, "footer", { close: t })]),
+				key: "1"
+			} : void 0,
+			e.$slots["footer-start"] ? {
+				name: "footer-start",
+				fn: b(({ close: t }) => [_(e.$slots, "footer-start", { close: t })]),
+				key: "2"
+			} : void 0,
+			e.$slots["footer-end"] ? {
+				name: "footer-end",
+				fn: b(({ close: t }) => [_(e.$slots, "footer-end", { close: t })]),
+				key: "3"
+			} : void 0
+		]), 1040, [
+			"open",
+			"presentation",
+			"title",
+			"accessible-name",
+			"heading-level",
+			"closable",
+			"set-surface-element",
+			"set-portal-element",
+			"set-dismissal-element",
+			"layer-index"
+		])]));
 	}
 });
 //#endregion
-export { O as default };
+export { x as default };

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

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