@slotted/angular 0.1.0-beta.7 → 0.1.0-beta.9

package/fesm2022/slotted-angular-dialog.mjs

@@ -2,11 +2,13 @@ import { injectMessages } from '@slotted/angular/i18n';
 import { createDismissableLayer } from '@slotted/core/dismissable-layer';
 import { createFocusScope } from '@slotted/core/focus';
 import { dialogMessages } from '@slotted/core/i18n';
+import { observeKeyboardInset } from '@slotted/core/measure';
 import { createPortalRoot } from '@slotted/core/portal';
 import { createPresence } from '@slotted/core/presence';
 import { createControllable } from '@slotted/core/state';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, model, input, booleanAttribute, output, ElementRef, DestroyRef, HostAttributeToken, viewChild, signal, ChangeDetectorRef, computed, effect, Directive, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { InjectionToken, inject, Injectable, model, input, booleanAttribute, output, ElementRef, DestroyRef, HostAttributeToken, viewChild, signal, ChangeDetectorRef, computed, effect, untracked, Directive, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { hostSelectorKey } from '@slotted/core/selector-key';
 import { SlGlyph, SlIcon } from '@slotted/angular/icon';
 
 const FALLBACK = {
@@ -352,8 +354,10 @@ class SlDialogBase {
                 outsidePress,
                 outsidePressEvent: 'click',
             });
-            const wanted = this.resolvedInitialFocus();
-            const returnTo = this.finalFocus();
+            /* Read once per open: a focus input that changes while the layer is open
+               does not take the layer down and build it again. */
+            const wanted = untracked(() => this.resolvedInitialFocus());
+            const returnTo = untracked(() => this.finalFocus());
             this.scope = createFocusScope(panel, {
                 contain: modal,
                 initial: wanted === 'cancel'
@@ -369,6 +373,27 @@ class SlDialogBase {
             this.engaged = true;
             onCleanup(() => this.takeDown());
         });
+        /**
+         * The virtual keyboard, while the panel can cover the layer: the layer
+         * carries what the keys cover, and the stylesheet ends a full-screen
+         * panel's rows above them. A centred panel reads nothing from it.
+         */
+        effect((onCleanup) => {
+            const node = this.layerRef()?.nativeElement;
+            const coversLayer = this.resolvedFullScreen() !== 'never' || this.resolvedFullscreen();
+            if (!this.open() || node === undefined || !coversLayer)
+                return;
+            const stop = observeKeyboardInset(node.ownerDocument.defaultView, (pixels) => {
+                if (pixels === 0)
+                    node.style.removeProperty('--slotted-keyboard-inset');
+                else
+                    node.style.setProperty('--slotted-keyboard-inset', `${pixels}px`);
+            });
+            onCleanup(() => {
+                stop();
+                node.style.removeProperty('--slotted-keyboard-inset');
+            });
+        });
         this.destroyRef.onDestroy(() => {
             this.parent?.nested.delete(this);
             this.layer?.destroy();
@@ -493,8 +518,8 @@ const LAYER_TEMPLATE = `
   @if (mounted()) {
     <div
       #layer
-      data-ui="dialog"
-      data-part="root"
+      data-ui="dialog" data-ui-dialog=""
+      data-part="root" data-part-root=""
       [attr.data-size]="resolvedSize()"
       [attr.data-placement]="resolvedPlacement()"
       [attr.data-scroll]="resolvedScroll()"
@@ -509,11 +534,11 @@ const LAYER_TEMPLATE = `
       [attr.data-loading]="loading() ? '' : null"
       [attr.inert]="interactive() ? null : ''"
     >
-      <div data-part="backdrop"></div>
-      <div data-part="viewport">
+      <div data-part="backdrop" data-part-backdrop=""></div>
+      <div data-part="viewport" data-part-viewport="">
         <div
           #panel
-          data-part="content"
+          data-part="content" data-part-content=""
           [id]="contentId"
           [attr.role]="role()"
           [attr.aria-modal]="resolvedModal() ? 'true' : null"
@@ -543,11 +568,11 @@ class SlDialog extends SlDialogBase {
         return this.outsidePress() ?? this.defaults.outsidePress;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialog, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDialog, isStandalone: true, selector: "sl-dialog", inputs: { modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, outsidePress: { classPropertyName: "outsidePress", publicName: "outsidePress", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "'contents'" } }, providers: [{ provide: SlDialogBase, useExisting: forwardRef(() => SlDialog) }], exportAs: ["slDialog"], usesInheritance: true, ngImport: i0, template: "\n  @if (mounted()) {\n    <div\n      #layer\n      data-ui=\"dialog\"\n      data-part=\"root\"\n      [attr.data-size]=\"resolvedSize()\"\n      [attr.data-placement]=\"resolvedPlacement()\"\n      [attr.data-scroll]=\"resolvedScroll()\"\n      [attr.data-surface]=\"resolvedSurface()\"\n      [attr.data-mount]=\"resolvedMount()\"\n      [attr.data-full-screen]=\"resolvedFullScreen()\"\n      [attr.data-fullscreen]=\"resolvedFullscreen() ? '' : null\"\n      [attr.data-outside-press]=\"resolvedOutsidePress()\"\n      [attr.data-tone]=\"resolvedTone()\"\n      [attr.data-modal]=\"resolvedModal() ? '' : null\"\n      [attr.data-open]=\"visible() ? '' : null\"\n      [attr.data-loading]=\"loading() ? '' : null\"\n      [attr.inert]=\"interactive() ? null : ''\"\n    >\n      <div data-part=\"backdrop\"></div>\n      <div data-part=\"viewport\">\n        <div\n          #panel\n          data-part=\"content\"\n          [id]=\"contentId\"\n          [attr.role]=\"role()\"\n          [attr.aria-modal]=\"resolvedModal() ? 'true' : null\"\n          [attr.aria-label]=\"label()\"\n          [attr.aria-labelledby]=\"labelledBy()\"\n          [attr.aria-describedby]=\"describedBy()\"\n        >\n          <ng-content />\n        </div>\n      </div>\n    </div>\n  }", isInline: true, styles: ["@layer slotted.components{[data-ui=dialog]{--_measure: var(--slotted-dialog-measure, 32rem);--_layer-padding: var(--slotted-space-8, 1.5rem);--_padding-inline: var(--slotted-dialog-padding-inline, var(--slotted-space-8, 1.5rem));--_padding-block: var(--slotted-dialog-padding-block, var(--slotted-space-7, 1.25rem));--_header-padding-block: var(--slotted-space-6, 1rem);--_footer-padding-block: var(--slotted-space-5, .75rem);--_gap: var(--slotted-space-5, .75rem);--_rule-size: var(--slotted-border-width-thin, 1px);--_title-font-size: var(--slotted-font-size-xl, 1.125rem);--_title-line-height: var(--slotted-line-height-md, 1.5);--_description-font-size: var(--slotted-font-size-md, .875rem);--_body-font-size: var(--slotted-font-size-md, .875rem);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_close-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_status-size: var(--_title-font-size);--_mark-gap: var(--slotted-space-4, .5rem);--_tone-color: var(--slotted-tone-danger-text, CanvasText);position:fixed;inset:0;z-index:calc(var(--slotted-z-index-overlay, 1000) + var(--slotted-layer-depth, 0));display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);container-type:inline-size;container-name:slotted-dialog;color:var(--slotted-dialog-color, var(--slotted-text, CanvasText));font-family:var(--slotted-control-font-family, var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete}[data-ui=dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui=dialog]:not([data-modal]){pointer-events:none}[data-ui=dialog]:not([data-modal])>[data-part=backdrop]{visibility:hidden}[data-ui=dialog]:not([data-modal])>[data-part=viewport]>[data-part=content]{pointer-events:auto}[data-ui=dialog][data-size=sm]{--_measure: var(--slotted-dialog-measure, 24rem);--_padding-inline: var(--slotted-dialog-padding-inline-sm, var(--slotted-space-7, 1.25rem));--_padding-block: var(--slotted-dialog-padding-block-sm, var(--slotted-space-6, 1rem));--_header-padding-block: var(--slotted-space-5, .75rem);--_footer-padding-block: var(--slotted-space-4, .5rem);--_title-font-size: var(--slotted-font-size-lg, 1rem)}[data-ui=dialog][data-size=lg]{--_measure: var(--slotted-dialog-measure, 42rem)}[data-ui=dialog][data-size=xl]{--_measure: var(--slotted-dialog-measure, 56rem)}[data-ui=dialog][data-size=full]{--_measure: var(--slotted-dialog-measure, none)}[data-ui=dialog]>[data-part=backdrop]{grid-area:1 / 1;background:var(--slotted-dialog-scrim, var(--slotted-scrim, Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=dialog][data-open]>[data-part=backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=dialog]>[data-part=viewport]{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;padding:var(--_layer-padding);overflow:auto;overscroll-behavior:contain}[data-ui=dialog][data-placement=top]>[data-part=viewport]{align-content:safe start}[data-ui=dialog]>[data-part=viewport]>[data-part=content]{--slotted-dialog-inset-inline: var(--_padding-inline);--slotted-dialog-inset-block: var(--_padding-block);display:grid;grid-template-rows:auto minmax(0,1fr) auto;inline-size:100%;max-inline-size:var(--_measure);max-block-size:100%;background:var(--slotted-dialog-surface, var(--slotted-surface-raised, Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-dialog-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-shadow-lg);overflow:hidden;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=dialog][data-open]>[data-part=viewport]>[data-part=content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=dialog][data-scroll=viewport]>[data-part=viewport]>[data-part=content]{max-block-size:none}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:start;column-gap:0;row-gap:var(--slotted-space-2, .25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline)}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>*:not([data-part=icon],[data-part=title],[data-part=description],[data-part=fullscreen],[data-part=close]){grid-column:2;justify-self:start}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=icon]{--slotted-icon-size: var(--_status-size);grid-column:1;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap)}[data-ui=dialog][data-tone=accent]{--_tone-color: var(--slotted-tone-accent-text, CanvasText)}[data-ui=dialog][data-tone=secondary]{--_tone-color: var(--slotted-tone-secondary-text, CanvasText)}[data-ui=dialog][data-tone=success]{--_tone-color: var(--slotted-tone-success-text, CanvasText)}[data-ui=dialog][data-tone=warning]{--_tone-color: var(--slotted-tone-warning-text, CanvasText)}[data-ui=dialog][data-tone=danger]{--_tone-color: var(--slotted-tone-danger-text, CanvasText)}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=title]{grid-column:2;grid-row:1;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-family:var( --slotted-dialog-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_title-line-height);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=description]{grid-column:2;grid-row:2;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-description-color, var(--slotted-text-muted, GrayText))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold, 600);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]{--slotted-icon-size: var(--_icon-size);grid-column:4;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]{--slotted-icon-size: var(--_icon-size);grid-column:3;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]+[data-part=close]{margin-inline-start:0}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}@media(pointer:coarse){[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>:is([data-part=close],[data-part=fullscreen]){position:relative}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>:is([data-part=close],[data-part=fullscreen]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:has(+[data-part=close]):before{inset-inline-end:0}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]+[data-part=close]:before{inset-inline-start:0}}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=body]{min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-body-color, var(--slotted-text, CanvasText))}[data-ui=dialog][data-scroll=viewport]>[data-part=viewport]>[data-part=content]>[data-part=body]{overflow:visible}[data-ui=dialog][data-loading]>[data-part=viewport]>[data-part=content]>[data-part=body]{min-block-size:var(--slotted-space-12, 4rem)}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=footer]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface, var(--slotted-surface-sunken, Canvas))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=dialog][data-surface=plain]>[data-part=viewport]>[data-part=content]{display:block;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}[data-ui=dialog][data-surface=plain]>[data-part=viewport]>[data-part=content]>:is([data-part=header],[data-part=body],[data-part=footer]){background:none;border:0;padding:0}@container slotted-dialog (max-inline-size: 30rem){[data-ui=dialog][data-full-screen=narrow]>[data-part=viewport]{align-content:stretch;padding:0}[data-ui=dialog][data-full-screen=narrow]>[data-part=viewport]>[data-part=content]{max-inline-size:none;block-size:100%;border-radius:0;border:0}}[data-ui=dialog][data-full-screen=always]>[data-part=viewport],[data-ui=dialog][data-fullscreen]>[data-part=viewport]{align-content:stretch;padding:0}[data-ui=dialog][data-full-screen=always]>[data-part=viewport]>[data-part=content],[data-ui=dialog][data-fullscreen]>[data-part=viewport]>[data-part=content]{max-inline-size:none;block-size:100%;border-radius:0;border:0}@media(forced-colors:active){[data-ui=dialog]>[data-part=viewport]>[data-part=content]{border-color:CanvasText;border-width:var(--slotted-border-width-thick, 2px)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDialog, isStandalone: true, selector: "sl-dialog", inputs: { modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, outsidePress: { classPropertyName: "outsidePress", publicName: "outsidePress", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "'contents'" } }, providers: [{ provide: SlDialogBase, useExisting: forwardRef(() => SlDialog) }], exportAs: ["slDialog"], usesInheritance: true, ngImport: i0, template: "\n  @if (mounted()) {\n    <div\n      #layer\n      data-ui=\"dialog\" data-ui-dialog=\"\"\n      data-part=\"root\" data-part-root=\"\"\n      [attr.data-size]=\"resolvedSize()\"\n      [attr.data-placement]=\"resolvedPlacement()\"\n      [attr.data-scroll]=\"resolvedScroll()\"\n      [attr.data-surface]=\"resolvedSurface()\"\n      [attr.data-mount]=\"resolvedMount()\"\n      [attr.data-full-screen]=\"resolvedFullScreen()\"\n      [attr.data-fullscreen]=\"resolvedFullscreen() ? '' : null\"\n      [attr.data-outside-press]=\"resolvedOutsidePress()\"\n      [attr.data-tone]=\"resolvedTone()\"\n      [attr.data-modal]=\"resolvedModal() ? '' : null\"\n      [attr.data-open]=\"visible() ? '' : null\"\n      [attr.data-loading]=\"loading() ? '' : null\"\n      [attr.inert]=\"interactive() ? null : ''\"\n    >\n      <div data-part=\"backdrop\" data-part-backdrop=\"\"></div>\n      <div data-part=\"viewport\" data-part-viewport=\"\">\n        <div\n          #panel\n          data-part=\"content\" data-part-content=\"\"\n          [id]=\"contentId\"\n          [attr.role]=\"role()\"\n          [attr.aria-modal]=\"resolvedModal() ? 'true' : null\"\n          [attr.aria-label]=\"label()\"\n          [attr.aria-labelledby]=\"labelledBy()\"\n          [attr.aria-describedby]=\"describedBy()\"\n        >\n          <ng-content />\n        </div>\n      </div>\n    </div>\n  }", isInline: true, styles: ["@layer slotted.components{[data-ui-dialog]{--_measure: var(--slotted-dialog-measure, 32rem);--_layer-padding: var(--slotted-space-8, 1.5rem);--_padding-inline: var(--slotted-dialog-padding-inline, var(--slotted-space-8, 1.5rem));--_padding-block: var(--slotted-dialog-padding-block, var(--slotted-space-7, 1.25rem));--_header-padding-block: var(--slotted-space-6, 1rem);--_footer-padding-block: var(--slotted-space-5, .75rem);--_gap: var(--slotted-space-5, .75rem);--_rule-size: var(--slotted-border-width-thin, 1px);--_title-font-size: var(--slotted-font-size-xl, 1.125rem);--_title-line-height: var(--slotted-line-height-md, 1.5);--_description-font-size: var(--slotted-font-size-md, .875rem);--_body-font-size: var(--slotted-font-size-md, .875rem);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_close-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_status-size: var(--_title-font-size);--_mark-gap: var(--slotted-space-4, .5rem);--_tone-color: var(--slotted-tone-danger-text, CanvasText);position:fixed;inset:0;z-index:calc(var(--slotted-z-index-overlay, 1000) + var(--slotted-layer-depth, 0));display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);container-type:inline-size;container-name:slotted-dialog;color:var(--slotted-dialog-color, var(--slotted-text, CanvasText));font-family:var(--slotted-control-font-family, var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete}[data-ui-dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui-dialog]:not([data-modal]){pointer-events:none}[data-ui-dialog]:not([data-modal])>[data-part-backdrop]{visibility:hidden}[data-ui-dialog]:not([data-modal])>[data-part-viewport]>[data-part-content]{pointer-events:auto}[data-ui-dialog][data-size=sm]{--_measure: var(--slotted-dialog-measure, 24rem);--_padding-inline: var(--slotted-dialog-padding-inline-sm, var(--slotted-space-7, 1.25rem));--_padding-block: var(--slotted-dialog-padding-block-sm, var(--slotted-space-6, 1rem));--_header-padding-block: var(--slotted-space-5, .75rem);--_footer-padding-block: var(--slotted-space-4, .5rem);--_title-font-size: var(--slotted-font-size-lg, 1rem)}[data-ui-dialog][data-size=lg]{--_measure: var(--slotted-dialog-measure, 42rem)}[data-ui-dialog][data-size=xl]{--_measure: var(--slotted-dialog-measure, 56rem)}[data-ui-dialog][data-size=full]{--_measure: var(--slotted-dialog-measure, none)}[data-ui-dialog]>[data-part-backdrop]{grid-area:1 / 1;background:var(--slotted-dialog-scrim, var(--slotted-scrim, Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-dialog][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog]>[data-part-viewport]{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;padding:var(--_layer-padding);overflow:auto;overscroll-behavior:contain}[data-ui-dialog][data-placement=top]>[data-part-viewport]{align-content:safe start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]{--slotted-dialog-inset-inline: var(--_padding-inline);--slotted-dialog-inset-block: var(--_padding-block);display:grid;grid-template-rows:auto minmax(0,1fr) auto;inline-size:100%;max-inline-size:var(--_measure);max-block-size:100%;background:var(--slotted-dialog-surface, var(--slotted-surface-raised, Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-dialog-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-shadow-lg);overflow:hidden;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-dialog][data-open]>[data-part-viewport]>[data-part-content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]{max-block-size:none}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form{display:contents}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:start;column-gap:0;row-gap:var(--slotted-space-2, .25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>*:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>*:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]){grid-column:2;justify-self:start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-icon],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-icon]{--slotted-icon-size: var(--_status-size);grid-column:1;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap)}[data-ui-dialog][data-tone=accent]{--_tone-color: var(--slotted-tone-accent-text, CanvasText)}[data-ui-dialog][data-tone=secondary]{--_tone-color: var(--slotted-tone-secondary-text, CanvasText)}[data-ui-dialog][data-tone=success]{--_tone-color: var(--slotted-tone-success-text, CanvasText)}[data-ui-dialog][data-tone=warning]{--_tone-color: var(--slotted-tone-warning-text, CanvasText)}[data-ui-dialog][data-tone=danger]{--_tone-color: var(--slotted-tone-danger-text, CanvasText)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-title],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-title]{grid-column:2;grid-row:1;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-family:var( --slotted-dialog-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_title-line-height);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description]{grid-column:2;grid-row:2;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-description-color, var(--slotted-text-muted, GrayText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description] :is(strong,b),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold, 600);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]{--slotted-icon-size: var(--_icon-size);grid-column:4;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]{--slotted-icon-size: var(--_icon-size);grid-column:3;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]{margin-inline-start:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}@media(pointer:coarse){[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]){position:relative}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before{inset-inline-end:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before{inset-inline-start:0}}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-body-color, var(--slotted-text, CanvasText))}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow:visible}[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:var(--slotted-space-12, 4rem)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface, var(--slotted-surface-sunken, Canvas))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]{display:block;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>form>:is([data-part-header],[data-part-body],[data-part-footer]),[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>:is([data-part-header],[data-part-body],[data-part-footer]){background:none;border:0;padding:0}@container slotted-dialog (max-inline-size: 30rem){[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]>[data-part-content]{max-inline-size:none;block-size:100%;border-radius:0;border:0;box-sizing:border-box;padding-block-end:var(--slotted-keyboard-inset, 0px)}}[data-ui-dialog][data-full-screen=always]>[data-part-viewport],[data-ui-dialog][data-fullscreen]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=always]>[data-part-viewport]>[data-part-content],[data-ui-dialog][data-fullscreen]>[data-part-viewport]>[data-part-content]{max-inline-size:none;block-size:100%;border-radius:0;border:0;box-sizing:border-box;padding-block-end:var(--slotted-keyboard-inset, 0px)}@media(forced-colors:active){[data-ui-dialog]>[data-part-viewport]>[data-part-content]{border-color:CanvasText;border-width:var(--slotted-border-width-thick, 2px)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialog, decorators: [{
             type: Component,
-            args: [{ selector: 'sl-dialog', standalone: true, exportAs: 'slDialog', template: LAYER_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[style.display]': "'contents'" }, providers: [{ provide: SlDialogBase, useExisting: forwardRef(() => SlDialog) }], styles: ["@layer slotted.components{[data-ui=dialog]{--_measure: var(--slotted-dialog-measure, 32rem);--_layer-padding: var(--slotted-space-8, 1.5rem);--_padding-inline: var(--slotted-dialog-padding-inline, var(--slotted-space-8, 1.5rem));--_padding-block: var(--slotted-dialog-padding-block, var(--slotted-space-7, 1.25rem));--_header-padding-block: var(--slotted-space-6, 1rem);--_footer-padding-block: var(--slotted-space-5, .75rem);--_gap: var(--slotted-space-5, .75rem);--_rule-size: var(--slotted-border-width-thin, 1px);--_title-font-size: var(--slotted-font-size-xl, 1.125rem);--_title-line-height: var(--slotted-line-height-md, 1.5);--_description-font-size: var(--slotted-font-size-md, .875rem);--_body-font-size: var(--slotted-font-size-md, .875rem);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_close-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_status-size: var(--_title-font-size);--_mark-gap: var(--slotted-space-4, .5rem);--_tone-color: var(--slotted-tone-danger-text, CanvasText);position:fixed;inset:0;z-index:calc(var(--slotted-z-index-overlay, 1000) + var(--slotted-layer-depth, 0));display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);container-type:inline-size;container-name:slotted-dialog;color:var(--slotted-dialog-color, var(--slotted-text, CanvasText));font-family:var(--slotted-control-font-family, var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete}[data-ui=dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui=dialog]:not([data-modal]){pointer-events:none}[data-ui=dialog]:not([data-modal])>[data-part=backdrop]{visibility:hidden}[data-ui=dialog]:not([data-modal])>[data-part=viewport]>[data-part=content]{pointer-events:auto}[data-ui=dialog][data-size=sm]{--_measure: var(--slotted-dialog-measure, 24rem);--_padding-inline: var(--slotted-dialog-padding-inline-sm, var(--slotted-space-7, 1.25rem));--_padding-block: var(--slotted-dialog-padding-block-sm, var(--slotted-space-6, 1rem));--_header-padding-block: var(--slotted-space-5, .75rem);--_footer-padding-block: var(--slotted-space-4, .5rem);--_title-font-size: var(--slotted-font-size-lg, 1rem)}[data-ui=dialog][data-size=lg]{--_measure: var(--slotted-dialog-measure, 42rem)}[data-ui=dialog][data-size=xl]{--_measure: var(--slotted-dialog-measure, 56rem)}[data-ui=dialog][data-size=full]{--_measure: var(--slotted-dialog-measure, none)}[data-ui=dialog]>[data-part=backdrop]{grid-area:1 / 1;background:var(--slotted-dialog-scrim, var(--slotted-scrim, Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=dialog][data-open]>[data-part=backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=dialog]>[data-part=viewport]{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;padding:var(--_layer-padding);overflow:auto;overscroll-behavior:contain}[data-ui=dialog][data-placement=top]>[data-part=viewport]{align-content:safe start}[data-ui=dialog]>[data-part=viewport]>[data-part=content]{--slotted-dialog-inset-inline: var(--_padding-inline);--slotted-dialog-inset-block: var(--_padding-block);display:grid;grid-template-rows:auto minmax(0,1fr) auto;inline-size:100%;max-inline-size:var(--_measure);max-block-size:100%;background:var(--slotted-dialog-surface, var(--slotted-surface-raised, Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-dialog-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-shadow-lg);overflow:hidden;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=dialog][data-open]>[data-part=viewport]>[data-part=content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=dialog][data-scroll=viewport]>[data-part=viewport]>[data-part=content]{max-block-size:none}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:start;column-gap:0;row-gap:var(--slotted-space-2, .25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline)}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>*:not([data-part=icon],[data-part=title],[data-part=description],[data-part=fullscreen],[data-part=close]){grid-column:2;justify-self:start}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=icon]{--slotted-icon-size: var(--_status-size);grid-column:1;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap)}[data-ui=dialog][data-tone=accent]{--_tone-color: var(--slotted-tone-accent-text, CanvasText)}[data-ui=dialog][data-tone=secondary]{--_tone-color: var(--slotted-tone-secondary-text, CanvasText)}[data-ui=dialog][data-tone=success]{--_tone-color: var(--slotted-tone-success-text, CanvasText)}[data-ui=dialog][data-tone=warning]{--_tone-color: var(--slotted-tone-warning-text, CanvasText)}[data-ui=dialog][data-tone=danger]{--_tone-color: var(--slotted-tone-danger-text, CanvasText)}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=title]{grid-column:2;grid-row:1;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-family:var( --slotted-dialog-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_title-line-height);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=description]{grid-column:2;grid-row:2;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-description-color, var(--slotted-text-muted, GrayText))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold, 600);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]{--slotted-icon-size: var(--_icon-size);grid-column:4;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]{--slotted-icon-size: var(--_icon-size);grid-column:3;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]+[data-part=close]{margin-inline-start:0}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}@media(pointer:coarse){[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>:is([data-part=close],[data-part=fullscreen]){position:relative}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>:is([data-part=close],[data-part=fullscreen]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:has(+[data-part=close]):before{inset-inline-end:0}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]+[data-part=close]:before{inset-inline-start:0}}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=body]{min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-body-color, var(--slotted-text, CanvasText))}[data-ui=dialog][data-scroll=viewport]>[data-part=viewport]>[data-part=content]>[data-part=body]{overflow:visible}[data-ui=dialog][data-loading]>[data-part=viewport]>[data-part=content]>[data-part=body]{min-block-size:var(--slotted-space-12, 4rem)}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=footer]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface, var(--slotted-surface-sunken, Canvas))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=dialog][data-surface=plain]>[data-part=viewport]>[data-part=content]{display:block;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}[data-ui=dialog][data-surface=plain]>[data-part=viewport]>[data-part=content]>:is([data-part=header],[data-part=body],[data-part=footer]){background:none;border:0;padding:0}@container slotted-dialog (max-inline-size: 30rem){[data-ui=dialog][data-full-screen=narrow]>[data-part=viewport]{align-content:stretch;padding:0}[data-ui=dialog][data-full-screen=narrow]>[data-part=viewport]>[data-part=content]{max-inline-size:none;block-size:100%;border-radius:0;border:0}}[data-ui=dialog][data-full-screen=always]>[data-part=viewport],[data-ui=dialog][data-fullscreen]>[data-part=viewport]{align-content:stretch;padding:0}[data-ui=dialog][data-full-screen=always]>[data-part=viewport]>[data-part=content],[data-ui=dialog][data-fullscreen]>[data-part=viewport]>[data-part=content]{max-inline-size:none;block-size:100%;border-radius:0;border:0}@media(forced-colors:active){[data-ui=dialog]>[data-part=viewport]>[data-part=content]{border-color:CanvasText;border-width:var(--slotted-border-width-thick, 2px)}}}\n"] }]
+            args: [{ selector: 'sl-dialog', standalone: true, exportAs: 'slDialog', template: LAYER_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[style.display]': "'contents'" }, providers: [{ provide: SlDialogBase, useExisting: forwardRef(() => SlDialog) }], styles: ["@layer slotted.components{[data-ui-dialog]{--_measure: var(--slotted-dialog-measure, 32rem);--_layer-padding: var(--slotted-space-8, 1.5rem);--_padding-inline: var(--slotted-dialog-padding-inline, var(--slotted-space-8, 1.5rem));--_padding-block: var(--slotted-dialog-padding-block, var(--slotted-space-7, 1.25rem));--_header-padding-block: var(--slotted-space-6, 1rem);--_footer-padding-block: var(--slotted-space-5, .75rem);--_gap: var(--slotted-space-5, .75rem);--_rule-size: var(--slotted-border-width-thin, 1px);--_title-font-size: var(--slotted-font-size-xl, 1.125rem);--_title-line-height: var(--slotted-line-height-md, 1.5);--_description-font-size: var(--slotted-font-size-md, .875rem);--_body-font-size: var(--slotted-font-size-md, .875rem);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_close-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_status-size: var(--_title-font-size);--_mark-gap: var(--slotted-space-4, .5rem);--_tone-color: var(--slotted-tone-danger-text, CanvasText);position:fixed;inset:0;z-index:calc(var(--slotted-z-index-overlay, 1000) + var(--slotted-layer-depth, 0));display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);container-type:inline-size;container-name:slotted-dialog;color:var(--slotted-dialog-color, var(--slotted-text, CanvasText));font-family:var(--slotted-control-font-family, var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete}[data-ui-dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui-dialog]:not([data-modal]){pointer-events:none}[data-ui-dialog]:not([data-modal])>[data-part-backdrop]{visibility:hidden}[data-ui-dialog]:not([data-modal])>[data-part-viewport]>[data-part-content]{pointer-events:auto}[data-ui-dialog][data-size=sm]{--_measure: var(--slotted-dialog-measure, 24rem);--_padding-inline: var(--slotted-dialog-padding-inline-sm, var(--slotted-space-7, 1.25rem));--_padding-block: var(--slotted-dialog-padding-block-sm, var(--slotted-space-6, 1rem));--_header-padding-block: var(--slotted-space-5, .75rem);--_footer-padding-block: var(--slotted-space-4, .5rem);--_title-font-size: var(--slotted-font-size-lg, 1rem)}[data-ui-dialog][data-size=lg]{--_measure: var(--slotted-dialog-measure, 42rem)}[data-ui-dialog][data-size=xl]{--_measure: var(--slotted-dialog-measure, 56rem)}[data-ui-dialog][data-size=full]{--_measure: var(--slotted-dialog-measure, none)}[data-ui-dialog]>[data-part-backdrop]{grid-area:1 / 1;background:var(--slotted-dialog-scrim, var(--slotted-scrim, Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-dialog][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog]>[data-part-viewport]{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;padding:var(--_layer-padding);overflow:auto;overscroll-behavior:contain}[data-ui-dialog][data-placement=top]>[data-part-viewport]{align-content:safe start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]{--slotted-dialog-inset-inline: var(--_padding-inline);--slotted-dialog-inset-block: var(--_padding-block);display:grid;grid-template-rows:auto minmax(0,1fr) auto;inline-size:100%;max-inline-size:var(--_measure);max-block-size:100%;background:var(--slotted-dialog-surface, var(--slotted-surface-raised, Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-dialog-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-shadow-lg);overflow:hidden;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-dialog][data-open]>[data-part-viewport]>[data-part-content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]{max-block-size:none}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form{display:contents}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:start;column-gap:0;row-gap:var(--slotted-space-2, .25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>*:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>*:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]){grid-column:2;justify-self:start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-icon],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-icon]{--slotted-icon-size: var(--_status-size);grid-column:1;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap)}[data-ui-dialog][data-tone=accent]{--_tone-color: var(--slotted-tone-accent-text, CanvasText)}[data-ui-dialog][data-tone=secondary]{--_tone-color: var(--slotted-tone-secondary-text, CanvasText)}[data-ui-dialog][data-tone=success]{--_tone-color: var(--slotted-tone-success-text, CanvasText)}[data-ui-dialog][data-tone=warning]{--_tone-color: var(--slotted-tone-warning-text, CanvasText)}[data-ui-dialog][data-tone=danger]{--_tone-color: var(--slotted-tone-danger-text, CanvasText)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-title],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-title]{grid-column:2;grid-row:1;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-family:var( --slotted-dialog-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_title-line-height);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description]{grid-column:2;grid-row:2;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-description-color, var(--slotted-text-muted, GrayText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description] :is(strong,b),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold, 600);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]{--slotted-icon-size: var(--_icon-size);grid-column:4;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]{--slotted-icon-size: var(--_icon-size);grid-column:3;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]{margin-inline-start:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}@media(pointer:coarse){[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]){position:relative}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before{inset-inline-end:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before{inset-inline-start:0}}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-body-color, var(--slotted-text, CanvasText))}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow:visible}[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:var(--slotted-space-12, 4rem)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface, var(--slotted-surface-sunken, Canvas))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]{display:block;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>form>:is([data-part-header],[data-part-body],[data-part-footer]),[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>:is([data-part-header],[data-part-body],[data-part-footer]){background:none;border:0;padding:0}@container slotted-dialog (max-inline-size: 30rem){[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]>[data-part-content]{max-inline-size:none;block-size:100%;border-radius:0;border:0;box-sizing:border-box;padding-block-end:var(--slotted-keyboard-inset, 0px)}}[data-ui-dialog][data-full-screen=always]>[data-part-viewport],[data-ui-dialog][data-fullscreen]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=always]>[data-part-viewport]>[data-part-content],[data-ui-dialog][data-fullscreen]>[data-part-viewport]>[data-part-content]{max-inline-size:none;block-size:100%;border-radius:0;border:0;box-sizing:border-box;padding-block-end:var(--slotted-keyboard-inset, 0px)}@media(forced-colors:active){[data-ui-dialog]>[data-part-viewport]>[data-part-content]{border-color:CanvasText;border-width:var(--slotted-border-width-thick, 2px)}}}\n"] }]
         }], propDecorators: { modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], outsidePress: [{ type: i0.Input, args: [{ isSignal: true, alias: "outsidePress", required: false }] }] } });
 /**
  * A dialog that interrupts to confirm something irreversible.
@@ -590,11 +615,11 @@ class SlAlertDialog extends SlDialogBase {
         return this.tone();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlAlertDialog, isStandalone: true, selector: "sl-alert-dialog", inputs: { tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "'contents'" } }, providers: [{ provide: SlDialogBase, useExisting: forwardRef(() => SlAlertDialog) }], exportAs: ["slAlertDialog"], usesInheritance: true, ngImport: i0, template: "\n  @if (mounted()) {\n    <div\n      #layer\n      data-ui=\"dialog\"\n      data-part=\"root\"\n      [attr.data-size]=\"resolvedSize()\"\n      [attr.data-placement]=\"resolvedPlacement()\"\n      [attr.data-scroll]=\"resolvedScroll()\"\n      [attr.data-surface]=\"resolvedSurface()\"\n      [attr.data-mount]=\"resolvedMount()\"\n      [attr.data-full-screen]=\"resolvedFullScreen()\"\n      [attr.data-fullscreen]=\"resolvedFullscreen() ? '' : null\"\n      [attr.data-outside-press]=\"resolvedOutsidePress()\"\n      [attr.data-tone]=\"resolvedTone()\"\n      [attr.data-modal]=\"resolvedModal() ? '' : null\"\n      [attr.data-open]=\"visible() ? '' : null\"\n      [attr.data-loading]=\"loading() ? '' : null\"\n      [attr.inert]=\"interactive() ? null : ''\"\n    >\n      <div data-part=\"backdrop\"></div>\n      <div data-part=\"viewport\">\n        <div\n          #panel\n          data-part=\"content\"\n          [id]=\"contentId\"\n          [attr.role]=\"role()\"\n          [attr.aria-modal]=\"resolvedModal() ? 'true' : null\"\n          [attr.aria-label]=\"label()\"\n          [attr.aria-labelledby]=\"labelledBy()\"\n          [attr.aria-describedby]=\"describedBy()\"\n        >\n          <ng-content />\n        </div>\n      </div>\n    </div>\n  }", isInline: true, styles: ["@layer slotted.components{[data-ui=dialog]{--_measure: var(--slotted-dialog-measure, 32rem);--_layer-padding: var(--slotted-space-8, 1.5rem);--_padding-inline: var(--slotted-dialog-padding-inline, var(--slotted-space-8, 1.5rem));--_padding-block: var(--slotted-dialog-padding-block, var(--slotted-space-7, 1.25rem));--_header-padding-block: var(--slotted-space-6, 1rem);--_footer-padding-block: var(--slotted-space-5, .75rem);--_gap: var(--slotted-space-5, .75rem);--_rule-size: var(--slotted-border-width-thin, 1px);--_title-font-size: var(--slotted-font-size-xl, 1.125rem);--_title-line-height: var(--slotted-line-height-md, 1.5);--_description-font-size: var(--slotted-font-size-md, .875rem);--_body-font-size: var(--slotted-font-size-md, .875rem);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_close-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_status-size: var(--_title-font-size);--_mark-gap: var(--slotted-space-4, .5rem);--_tone-color: var(--slotted-tone-danger-text, CanvasText);position:fixed;inset:0;z-index:calc(var(--slotted-z-index-overlay, 1000) + var(--slotted-layer-depth, 0));display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);container-type:inline-size;container-name:slotted-dialog;color:var(--slotted-dialog-color, var(--slotted-text, CanvasText));font-family:var(--slotted-control-font-family, var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete}[data-ui=dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui=dialog]:not([data-modal]){pointer-events:none}[data-ui=dialog]:not([data-modal])>[data-part=backdrop]{visibility:hidden}[data-ui=dialog]:not([data-modal])>[data-part=viewport]>[data-part=content]{pointer-events:auto}[data-ui=dialog][data-size=sm]{--_measure: var(--slotted-dialog-measure, 24rem);--_padding-inline: var(--slotted-dialog-padding-inline-sm, var(--slotted-space-7, 1.25rem));--_padding-block: var(--slotted-dialog-padding-block-sm, var(--slotted-space-6, 1rem));--_header-padding-block: var(--slotted-space-5, .75rem);--_footer-padding-block: var(--slotted-space-4, .5rem);--_title-font-size: var(--slotted-font-size-lg, 1rem)}[data-ui=dialog][data-size=lg]{--_measure: var(--slotted-dialog-measure, 42rem)}[data-ui=dialog][data-size=xl]{--_measure: var(--slotted-dialog-measure, 56rem)}[data-ui=dialog][data-size=full]{--_measure: var(--slotted-dialog-measure, none)}[data-ui=dialog]>[data-part=backdrop]{grid-area:1 / 1;background:var(--slotted-dialog-scrim, var(--slotted-scrim, Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=dialog][data-open]>[data-part=backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=dialog]>[data-part=viewport]{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;padding:var(--_layer-padding);overflow:auto;overscroll-behavior:contain}[data-ui=dialog][data-placement=top]>[data-part=viewport]{align-content:safe start}[data-ui=dialog]>[data-part=viewport]>[data-part=content]{--slotted-dialog-inset-inline: var(--_padding-inline);--slotted-dialog-inset-block: var(--_padding-block);display:grid;grid-template-rows:auto minmax(0,1fr) auto;inline-size:100%;max-inline-size:var(--_measure);max-block-size:100%;background:var(--slotted-dialog-surface, var(--slotted-surface-raised, Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-dialog-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-shadow-lg);overflow:hidden;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=dialog][data-open]>[data-part=viewport]>[data-part=content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=dialog][data-scroll=viewport]>[data-part=viewport]>[data-part=content]{max-block-size:none}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:start;column-gap:0;row-gap:var(--slotted-space-2, .25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline)}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>*:not([data-part=icon],[data-part=title],[data-part=description],[data-part=fullscreen],[data-part=close]){grid-column:2;justify-self:start}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=icon]{--slotted-icon-size: var(--_status-size);grid-column:1;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap)}[data-ui=dialog][data-tone=accent]{--_tone-color: var(--slotted-tone-accent-text, CanvasText)}[data-ui=dialog][data-tone=secondary]{--_tone-color: var(--slotted-tone-secondary-text, CanvasText)}[data-ui=dialog][data-tone=success]{--_tone-color: var(--slotted-tone-success-text, CanvasText)}[data-ui=dialog][data-tone=warning]{--_tone-color: var(--slotted-tone-warning-text, CanvasText)}[data-ui=dialog][data-tone=danger]{--_tone-color: var(--slotted-tone-danger-text, CanvasText)}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=title]{grid-column:2;grid-row:1;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-family:var( --slotted-dialog-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_title-line-height);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=description]{grid-column:2;grid-row:2;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-description-color, var(--slotted-text-muted, GrayText))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold, 600);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]{--slotted-icon-size: var(--_icon-size);grid-column:4;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]{--slotted-icon-size: var(--_icon-size);grid-column:3;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]+[data-part=close]{margin-inline-start:0}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}@media(pointer:coarse){[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>:is([data-part=close],[data-part=fullscreen]){position:relative}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>:is([data-part=close],[data-part=fullscreen]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:has(+[data-part=close]):before{inset-inline-end:0}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]+[data-part=close]:before{inset-inline-start:0}}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=body]{min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-body-color, var(--slotted-text, CanvasText))}[data-ui=dialog][data-scroll=viewport]>[data-part=viewport]>[data-part=content]>[data-part=body]{overflow:visible}[data-ui=dialog][data-loading]>[data-part=viewport]>[data-part=content]>[data-part=body]{min-block-size:var(--slotted-space-12, 4rem)}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=footer]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface, var(--slotted-surface-sunken, Canvas))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=dialog][data-surface=plain]>[data-part=viewport]>[data-part=content]{display:block;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}[data-ui=dialog][data-surface=plain]>[data-part=viewport]>[data-part=content]>:is([data-part=header],[data-part=body],[data-part=footer]){background:none;border:0;padding:0}@container slotted-dialog (max-inline-size: 30rem){[data-ui=dialog][data-full-screen=narrow]>[data-part=viewport]{align-content:stretch;padding:0}[data-ui=dialog][data-full-screen=narrow]>[data-part=viewport]>[data-part=content]{max-inline-size:none;block-size:100%;border-radius:0;border:0}}[data-ui=dialog][data-full-screen=always]>[data-part=viewport],[data-ui=dialog][data-fullscreen]>[data-part=viewport]{align-content:stretch;padding:0}[data-ui=dialog][data-full-screen=always]>[data-part=viewport]>[data-part=content],[data-ui=dialog][data-fullscreen]>[data-part=viewport]>[data-part=content]{max-inline-size:none;block-size:100%;border-radius:0;border:0}@media(forced-colors:active){[data-ui=dialog]>[data-part=viewport]>[data-part=content]{border-color:CanvasText;border-width:var(--slotted-border-width-thick, 2px)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlAlertDialog, isStandalone: true, selector: "sl-alert-dialog", inputs: { tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "'contents'" } }, providers: [{ provide: SlDialogBase, useExisting: forwardRef(() => SlAlertDialog) }], exportAs: ["slAlertDialog"], usesInheritance: true, ngImport: i0, template: "\n  @if (mounted()) {\n    <div\n      #layer\n      data-ui=\"dialog\" data-ui-dialog=\"\"\n      data-part=\"root\" data-part-root=\"\"\n      [attr.data-size]=\"resolvedSize()\"\n      [attr.data-placement]=\"resolvedPlacement()\"\n      [attr.data-scroll]=\"resolvedScroll()\"\n      [attr.data-surface]=\"resolvedSurface()\"\n      [attr.data-mount]=\"resolvedMount()\"\n      [attr.data-full-screen]=\"resolvedFullScreen()\"\n      [attr.data-fullscreen]=\"resolvedFullscreen() ? '' : null\"\n      [attr.data-outside-press]=\"resolvedOutsidePress()\"\n      [attr.data-tone]=\"resolvedTone()\"\n      [attr.data-modal]=\"resolvedModal() ? '' : null\"\n      [attr.data-open]=\"visible() ? '' : null\"\n      [attr.data-loading]=\"loading() ? '' : null\"\n      [attr.inert]=\"interactive() ? null : ''\"\n    >\n      <div data-part=\"backdrop\" data-part-backdrop=\"\"></div>\n      <div data-part=\"viewport\" data-part-viewport=\"\">\n        <div\n          #panel\n          data-part=\"content\" data-part-content=\"\"\n          [id]=\"contentId\"\n          [attr.role]=\"role()\"\n          [attr.aria-modal]=\"resolvedModal() ? 'true' : null\"\n          [attr.aria-label]=\"label()\"\n          [attr.aria-labelledby]=\"labelledBy()\"\n          [attr.aria-describedby]=\"describedBy()\"\n        >\n          <ng-content />\n        </div>\n      </div>\n    </div>\n  }", isInline: true, styles: ["@layer slotted.components{[data-ui-dialog]{--_measure: var(--slotted-dialog-measure, 32rem);--_layer-padding: var(--slotted-space-8, 1.5rem);--_padding-inline: var(--slotted-dialog-padding-inline, var(--slotted-space-8, 1.5rem));--_padding-block: var(--slotted-dialog-padding-block, var(--slotted-space-7, 1.25rem));--_header-padding-block: var(--slotted-space-6, 1rem);--_footer-padding-block: var(--slotted-space-5, .75rem);--_gap: var(--slotted-space-5, .75rem);--_rule-size: var(--slotted-border-width-thin, 1px);--_title-font-size: var(--slotted-font-size-xl, 1.125rem);--_title-line-height: var(--slotted-line-height-md, 1.5);--_description-font-size: var(--slotted-font-size-md, .875rem);--_body-font-size: var(--slotted-font-size-md, .875rem);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_close-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_status-size: var(--_title-font-size);--_mark-gap: var(--slotted-space-4, .5rem);--_tone-color: var(--slotted-tone-danger-text, CanvasText);position:fixed;inset:0;z-index:calc(var(--slotted-z-index-overlay, 1000) + var(--slotted-layer-depth, 0));display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);container-type:inline-size;container-name:slotted-dialog;color:var(--slotted-dialog-color, var(--slotted-text, CanvasText));font-family:var(--slotted-control-font-family, var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete}[data-ui-dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui-dialog]:not([data-modal]){pointer-events:none}[data-ui-dialog]:not([data-modal])>[data-part-backdrop]{visibility:hidden}[data-ui-dialog]:not([data-modal])>[data-part-viewport]>[data-part-content]{pointer-events:auto}[data-ui-dialog][data-size=sm]{--_measure: var(--slotted-dialog-measure, 24rem);--_padding-inline: var(--slotted-dialog-padding-inline-sm, var(--slotted-space-7, 1.25rem));--_padding-block: var(--slotted-dialog-padding-block-sm, var(--slotted-space-6, 1rem));--_header-padding-block: var(--slotted-space-5, .75rem);--_footer-padding-block: var(--slotted-space-4, .5rem);--_title-font-size: var(--slotted-font-size-lg, 1rem)}[data-ui-dialog][data-size=lg]{--_measure: var(--slotted-dialog-measure, 42rem)}[data-ui-dialog][data-size=xl]{--_measure: var(--slotted-dialog-measure, 56rem)}[data-ui-dialog][data-size=full]{--_measure: var(--slotted-dialog-measure, none)}[data-ui-dialog]>[data-part-backdrop]{grid-area:1 / 1;background:var(--slotted-dialog-scrim, var(--slotted-scrim, Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-dialog][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog]>[data-part-viewport]{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;padding:var(--_layer-padding);overflow:auto;overscroll-behavior:contain}[data-ui-dialog][data-placement=top]>[data-part-viewport]{align-content:safe start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]{--slotted-dialog-inset-inline: var(--_padding-inline);--slotted-dialog-inset-block: var(--_padding-block);display:grid;grid-template-rows:auto minmax(0,1fr) auto;inline-size:100%;max-inline-size:var(--_measure);max-block-size:100%;background:var(--slotted-dialog-surface, var(--slotted-surface-raised, Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-dialog-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-shadow-lg);overflow:hidden;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-dialog][data-open]>[data-part-viewport]>[data-part-content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]{max-block-size:none}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form{display:contents}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:start;column-gap:0;row-gap:var(--slotted-space-2, .25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>*:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>*:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]){grid-column:2;justify-self:start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-icon],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-icon]{--slotted-icon-size: var(--_status-size);grid-column:1;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap)}[data-ui-dialog][data-tone=accent]{--_tone-color: var(--slotted-tone-accent-text, CanvasText)}[data-ui-dialog][data-tone=secondary]{--_tone-color: var(--slotted-tone-secondary-text, CanvasText)}[data-ui-dialog][data-tone=success]{--_tone-color: var(--slotted-tone-success-text, CanvasText)}[data-ui-dialog][data-tone=warning]{--_tone-color: var(--slotted-tone-warning-text, CanvasText)}[data-ui-dialog][data-tone=danger]{--_tone-color: var(--slotted-tone-danger-text, CanvasText)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-title],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-title]{grid-column:2;grid-row:1;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-family:var( --slotted-dialog-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_title-line-height);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description]{grid-column:2;grid-row:2;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-description-color, var(--slotted-text-muted, GrayText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description] :is(strong,b),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold, 600);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]{--slotted-icon-size: var(--_icon-size);grid-column:4;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]{--slotted-icon-size: var(--_icon-size);grid-column:3;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]{margin-inline-start:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}@media(pointer:coarse){[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]){position:relative}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before{inset-inline-end:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before{inset-inline-start:0}}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-body-color, var(--slotted-text, CanvasText))}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow:visible}[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:var(--slotted-space-12, 4rem)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface, var(--slotted-surface-sunken, Canvas))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]{display:block;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>form>:is([data-part-header],[data-part-body],[data-part-footer]),[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>:is([data-part-header],[data-part-body],[data-part-footer]){background:none;border:0;padding:0}@container slotted-dialog (max-inline-size: 30rem){[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]>[data-part-content]{max-inline-size:none;block-size:100%;border-radius:0;border:0;box-sizing:border-box;padding-block-end:var(--slotted-keyboard-inset, 0px)}}[data-ui-dialog][data-full-screen=always]>[data-part-viewport],[data-ui-dialog][data-fullscreen]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=always]>[data-part-viewport]>[data-part-content],[data-ui-dialog][data-fullscreen]>[data-part-viewport]>[data-part-content]{max-inline-size:none;block-size:100%;border-radius:0;border:0;box-sizing:border-box;padding-block-end:var(--slotted-keyboard-inset, 0px)}@media(forced-colors:active){[data-ui-dialog]>[data-part-viewport]>[data-part-content]{border-color:CanvasText;border-width:var(--slotted-border-width-thick, 2px)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertDialog, decorators: [{
             type: Component,
-            args: [{ selector: 'sl-alert-dialog', standalone: true, exportAs: 'slAlertDialog', template: LAYER_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[style.display]': "'contents'" }, providers: [{ provide: SlDialogBase, useExisting: forwardRef(() => SlAlertDialog) }], styles: ["@layer slotted.components{[data-ui=dialog]{--_measure: var(--slotted-dialog-measure, 32rem);--_layer-padding: var(--slotted-space-8, 1.5rem);--_padding-inline: var(--slotted-dialog-padding-inline, var(--slotted-space-8, 1.5rem));--_padding-block: var(--slotted-dialog-padding-block, var(--slotted-space-7, 1.25rem));--_header-padding-block: var(--slotted-space-6, 1rem);--_footer-padding-block: var(--slotted-space-5, .75rem);--_gap: var(--slotted-space-5, .75rem);--_rule-size: var(--slotted-border-width-thin, 1px);--_title-font-size: var(--slotted-font-size-xl, 1.125rem);--_title-line-height: var(--slotted-line-height-md, 1.5);--_description-font-size: var(--slotted-font-size-md, .875rem);--_body-font-size: var(--slotted-font-size-md, .875rem);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_close-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_status-size: var(--_title-font-size);--_mark-gap: var(--slotted-space-4, .5rem);--_tone-color: var(--slotted-tone-danger-text, CanvasText);position:fixed;inset:0;z-index:calc(var(--slotted-z-index-overlay, 1000) + var(--slotted-layer-depth, 0));display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);container-type:inline-size;container-name:slotted-dialog;color:var(--slotted-dialog-color, var(--slotted-text, CanvasText));font-family:var(--slotted-control-font-family, var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete}[data-ui=dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui=dialog]:not([data-modal]){pointer-events:none}[data-ui=dialog]:not([data-modal])>[data-part=backdrop]{visibility:hidden}[data-ui=dialog]:not([data-modal])>[data-part=viewport]>[data-part=content]{pointer-events:auto}[data-ui=dialog][data-size=sm]{--_measure: var(--slotted-dialog-measure, 24rem);--_padding-inline: var(--slotted-dialog-padding-inline-sm, var(--slotted-space-7, 1.25rem));--_padding-block: var(--slotted-dialog-padding-block-sm, var(--slotted-space-6, 1rem));--_header-padding-block: var(--slotted-space-5, .75rem);--_footer-padding-block: var(--slotted-space-4, .5rem);--_title-font-size: var(--slotted-font-size-lg, 1rem)}[data-ui=dialog][data-size=lg]{--_measure: var(--slotted-dialog-measure, 42rem)}[data-ui=dialog][data-size=xl]{--_measure: var(--slotted-dialog-measure, 56rem)}[data-ui=dialog][data-size=full]{--_measure: var(--slotted-dialog-measure, none)}[data-ui=dialog]>[data-part=backdrop]{grid-area:1 / 1;background:var(--slotted-dialog-scrim, var(--slotted-scrim, Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=dialog][data-open]>[data-part=backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=dialog]>[data-part=viewport]{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;padding:var(--_layer-padding);overflow:auto;overscroll-behavior:contain}[data-ui=dialog][data-placement=top]>[data-part=viewport]{align-content:safe start}[data-ui=dialog]>[data-part=viewport]>[data-part=content]{--slotted-dialog-inset-inline: var(--_padding-inline);--slotted-dialog-inset-block: var(--_padding-block);display:grid;grid-template-rows:auto minmax(0,1fr) auto;inline-size:100%;max-inline-size:var(--_measure);max-block-size:100%;background:var(--slotted-dialog-surface, var(--slotted-surface-raised, Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-dialog-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-shadow-lg);overflow:hidden;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=dialog][data-open]>[data-part=viewport]>[data-part=content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui=dialog][data-scroll=viewport]>[data-part=viewport]>[data-part=content]{max-block-size:none}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:start;column-gap:0;row-gap:var(--slotted-space-2, .25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline)}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>*:not([data-part=icon],[data-part=title],[data-part=description],[data-part=fullscreen],[data-part=close]){grid-column:2;justify-self:start}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=icon]{--slotted-icon-size: var(--_status-size);grid-column:1;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap)}[data-ui=dialog][data-tone=accent]{--_tone-color: var(--slotted-tone-accent-text, CanvasText)}[data-ui=dialog][data-tone=secondary]{--_tone-color: var(--slotted-tone-secondary-text, CanvasText)}[data-ui=dialog][data-tone=success]{--_tone-color: var(--slotted-tone-success-text, CanvasText)}[data-ui=dialog][data-tone=warning]{--_tone-color: var(--slotted-tone-warning-text, CanvasText)}[data-ui=dialog][data-tone=danger]{--_tone-color: var(--slotted-tone-danger-text, CanvasText)}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=title]{grid-column:2;grid-row:1;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-family:var( --slotted-dialog-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_title-line-height);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=description]{grid-column:2;grid-row:2;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-description-color, var(--slotted-text-muted, GrayText))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold, 600);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]{--slotted-icon-size: var(--_icon-size);grid-column:4;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]{--slotted-icon-size: var(--_icon-size);grid-column:3;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]+[data-part=close]{margin-inline-start:0}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}@media(pointer:coarse){[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>:is([data-part=close],[data-part=fullscreen]){position:relative}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>:is([data-part=close],[data-part=fullscreen]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]:has(+[data-part=close]):before{inset-inline-end:0}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=header]>[data-part=fullscreen]+[data-part=close]:before{inset-inline-start:0}}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=body]{min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-body-color, var(--slotted-text, CanvasText))}[data-ui=dialog][data-scroll=viewport]>[data-part=viewport]>[data-part=content]>[data-part=body]{overflow:visible}[data-ui=dialog][data-loading]>[data-part=viewport]>[data-part=content]>[data-part=body]{min-block-size:var(--slotted-space-12, 4rem)}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=footer]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface, var(--slotted-surface-sunken, Canvas))}[data-ui=dialog]>[data-part=viewport]>[data-part=content]>[data-part=footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=dialog][data-surface=plain]>[data-part=viewport]>[data-part=content]{display:block;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}[data-ui=dialog][data-surface=plain]>[data-part=viewport]>[data-part=content]>:is([data-part=header],[data-part=body],[data-part=footer]){background:none;border:0;padding:0}@container slotted-dialog (max-inline-size: 30rem){[data-ui=dialog][data-full-screen=narrow]>[data-part=viewport]{align-content:stretch;padding:0}[data-ui=dialog][data-full-screen=narrow]>[data-part=viewport]>[data-part=content]{max-inline-size:none;block-size:100%;border-radius:0;border:0}}[data-ui=dialog][data-full-screen=always]>[data-part=viewport],[data-ui=dialog][data-fullscreen]>[data-part=viewport]{align-content:stretch;padding:0}[data-ui=dialog][data-full-screen=always]>[data-part=viewport]>[data-part=content],[data-ui=dialog][data-fullscreen]>[data-part=viewport]>[data-part=content]{max-inline-size:none;block-size:100%;border-radius:0;border:0}@media(forced-colors:active){[data-ui=dialog]>[data-part=viewport]>[data-part=content]{border-color:CanvasText;border-width:var(--slotted-border-width-thick, 2px)}}}\n"] }]
+            args: [{ selector: 'sl-alert-dialog', standalone: true, exportAs: 'slAlertDialog', template: LAYER_TEMPLATE, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[style.display]': "'contents'" }, providers: [{ provide: SlDialogBase, useExisting: forwardRef(() => SlAlertDialog) }], styles: ["@layer slotted.components{[data-ui-dialog]{--_measure: var(--slotted-dialog-measure, 32rem);--_layer-padding: var(--slotted-space-8, 1.5rem);--_padding-inline: var(--slotted-dialog-padding-inline, var(--slotted-space-8, 1.5rem));--_padding-block: var(--slotted-dialog-padding-block, var(--slotted-space-7, 1.25rem));--_header-padding-block: var(--slotted-space-6, 1rem);--_footer-padding-block: var(--slotted-space-5, .75rem);--_gap: var(--slotted-space-5, .75rem);--_rule-size: var(--slotted-border-width-thin, 1px);--_title-font-size: var(--slotted-font-size-xl, 1.125rem);--_title-line-height: var(--slotted-line-height-md, 1.5);--_description-font-size: var(--slotted-font-size-md, .875rem);--_body-font-size: var(--slotted-font-size-md, .875rem);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_close-size: max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_status-size: var(--_title-font-size);--_mark-gap: var(--slotted-space-4, .5rem);--_tone-color: var(--slotted-tone-danger-text, CanvasText);position:fixed;inset:0;z-index:calc(var(--slotted-z-index-overlay, 1000) + var(--slotted-layer-depth, 0));display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);container-type:inline-size;container-name:slotted-dialog;color:var(--slotted-dialog-color, var(--slotted-text, CanvasText));font-family:var(--slotted-control-font-family, var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete}[data-ui-dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui-dialog]:not([data-modal]){pointer-events:none}[data-ui-dialog]:not([data-modal])>[data-part-backdrop]{visibility:hidden}[data-ui-dialog]:not([data-modal])>[data-part-viewport]>[data-part-content]{pointer-events:auto}[data-ui-dialog][data-size=sm]{--_measure: var(--slotted-dialog-measure, 24rem);--_padding-inline: var(--slotted-dialog-padding-inline-sm, var(--slotted-space-7, 1.25rem));--_padding-block: var(--slotted-dialog-padding-block-sm, var(--slotted-space-6, 1rem));--_header-padding-block: var(--slotted-space-5, .75rem);--_footer-padding-block: var(--slotted-space-4, .5rem);--_title-font-size: var(--slotted-font-size-lg, 1rem)}[data-ui-dialog][data-size=lg]{--_measure: var(--slotted-dialog-measure, 42rem)}[data-ui-dialog][data-size=xl]{--_measure: var(--slotted-dialog-measure, 56rem)}[data-ui-dialog][data-size=full]{--_measure: var(--slotted-dialog-measure, none)}[data-ui-dialog]>[data-part-backdrop]{grid-area:1 / 1;background:var(--slotted-dialog-scrim, var(--slotted-scrim, Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-dialog][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog]>[data-part-viewport]{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;padding:var(--_layer-padding);overflow:auto;overscroll-behavior:contain}[data-ui-dialog][data-placement=top]>[data-part-viewport]{align-content:safe start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]{--slotted-dialog-inset-inline: var(--_padding-inline);--slotted-dialog-inset-block: var(--_padding-block);display:grid;grid-template-rows:auto minmax(0,1fr) auto;inline-size:100%;max-inline-size:var(--_measure);max-block-size:100%;background:var(--slotted-dialog-surface, var(--slotted-surface-raised, Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-dialog-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-shadow-lg);overflow:hidden;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-dialog][data-open]>[data-part-viewport]>[data-part-content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]{max-block-size:none}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form{display:contents}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:start;column-gap:0;row-gap:var(--slotted-space-2, .25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>*:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>*:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]){grid-column:2;justify-self:start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-icon],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-icon]{--slotted-icon-size: var(--_status-size);grid-column:1;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap)}[data-ui-dialog][data-tone=accent]{--_tone-color: var(--slotted-tone-accent-text, CanvasText)}[data-ui-dialog][data-tone=secondary]{--_tone-color: var(--slotted-tone-secondary-text, CanvasText)}[data-ui-dialog][data-tone=success]{--_tone-color: var(--slotted-tone-success-text, CanvasText)}[data-ui-dialog][data-tone=warning]{--_tone-color: var(--slotted-tone-warning-text, CanvasText)}[data-ui-dialog][data-tone=danger]{--_tone-color: var(--slotted-tone-danger-text, CanvasText)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-title],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-title]{grid-column:2;grid-row:1;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-family:var( --slotted-dialog-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_title-line-height);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description]{grid-column:2;grid-row:2;margin:0;min-inline-size:0;overflow-wrap:anywhere;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-description-color, var(--slotted-text-muted, GrayText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description] :is(strong,b),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold, 600);color:var(--slotted-dialog-title-color, var(--slotted-text, CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]{--slotted-icon-size: var(--_icon-size);grid-column:4;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]{--slotted-icon-size: var(--_icon-size);grid-column:3;grid-row:1 / span 2;align-self:start;display:inline-grid;place-items:center;block-size:var(--_close-size);inline-size:var(--_close-size);margin-inline-start:var(--_gap);padding:0;appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-dialog-close-color, var(--slotted-text-muted, GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]{margin-inline-start:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover{background-color:var( --slotted-dialog-close-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):active{background-color:var( --slotted-dialog-close-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}@media(pointer:coarse){[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]){position:relative}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before{inset-inline-end:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before{inset-inline-start:0}}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md, 1.5);color:var(--slotted-dialog-body-color, var(--slotted-text, CanvasText))}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow:visible}[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:var(--slotted-space-12, 4rem)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface, var(--slotted-surface-sunken, Canvas))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]{display:block;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>form>:is([data-part-header],[data-part-body],[data-part-footer]),[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>:is([data-part-header],[data-part-body],[data-part-footer]){background:none;border:0;padding:0}@container slotted-dialog (max-inline-size: 30rem){[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]>[data-part-content]{max-inline-size:none;block-size:100%;border-radius:0;border:0;box-sizing:border-box;padding-block-end:var(--slotted-keyboard-inset, 0px)}}[data-ui-dialog][data-full-screen=always]>[data-part-viewport],[data-ui-dialog][data-fullscreen]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=always]>[data-part-viewport]>[data-part-content],[data-ui-dialog][data-fullscreen]>[data-part-viewport]>[data-part-content]{max-inline-size:none;block-size:100%;border-radius:0;border:0;box-sizing:border-box;padding-block-end:var(--slotted-keyboard-inset, 0px)}@media(forced-colors:active){[data-ui-dialog]>[data-part-viewport]>[data-part-content]{border-color:CanvasText;border-width:var(--slotted-border-width-thick, 2px)}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }] } });
 
 /**
@@ -631,7 +656,7 @@ class SlDialogTrigger {
     dialog = input.required({ ...(ngDevMode ? { debugName: "dialog" } : /* istanbul ignore next */ {}), alias: 'slDialogTrigger' });
     native = inject(ElementRef).nativeElement;
     /** `trigger`, unless the element is another family's root. */
-    part = ownPart(this.native, 'trigger');
+    part = hostSelectorKey(this.native, 'part', ownPart(this.native, 'trigger'));
     controls = computed(() => this.dialog().mounted() ? this.dialog().contentId : null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "controls" }] : /* istanbul ignore next */ []));
     ngOnInit() {
@@ -697,11 +722,12 @@ class SlDialogHeader {
         this.dialog.requestFullscreen(!this.dialog.resolvedFullscreen(), activationReason(event) === 'keyboard' ? 'keyboard' : 'pointer', event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDialogHeader, isStandalone: true, selector: "[slDialogHeader]", host: { attributes: { "data-part": "header" } }, exportAs: ["slDialogHeader"], ngImport: i0, template: `<ng-content />
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDialogHeader, isStandalone: true, selector: "[slDialogHeader]", host: { attributes: { "data-part": "header", "data-part-header": "" } }, exportAs: ["slDialogHeader"], ngImport: i0, template: `<ng-content />
     @if (dialog.resolvedFullscreenToggle()) {
       <button
         type="button"
         data-part="fullscreen"
+        data-part-fullscreen=""
         [attr.aria-label]="dialog.t('fullScreen')"
         [attr.aria-pressed]="dialog.resolvedFullscreen()"
         (click)="toggle($event)"
@@ -724,6 +750,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       <button
         type="button"
         data-part="fullscreen"
+        data-part-fullscreen=""
         [attr.aria-label]="dialog.t('fullScreen')"
         [attr.aria-pressed]="dialog.resolvedFullscreen()"
         (click)="toggle($event)"
@@ -734,7 +761,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       </button>
     }`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: { 'data-part': 'header' },
+                    host: { 'data-part': 'header', 'data-part-header': '' },
                 }]
         }] });
 /** The visible name, which `aria-labelledby` points at. */
@@ -747,7 +774,7 @@ class SlDialogTitle {
         this.dialog.hasTitle.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialogTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDialogTitle, isStandalone: true, selector: "[slDialogTitle]", host: { attributes: { "data-part": "title" }, properties: { "id": "dialog.titleId" } }, exportAs: ["slDialogTitle"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDialogTitle, isStandalone: true, selector: "[slDialogTitle]", host: { attributes: { "data-part": "title", "data-part-title": "" }, properties: { "id": "dialog.titleId" } }, exportAs: ["slDialogTitle"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialogTitle, decorators: [{
             type: Directive,
@@ -755,7 +782,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slDialogTitle]',
                     standalone: true,
                     exportAs: 'slDialogTitle',
-                    host: { 'data-part': 'title', '[id]': 'dialog.titleId' },
+                    host: { 'data-part': 'title', 'data-part-title': '', '[id]': 'dialog.titleId' },
                 }]
         }] });
 /**
@@ -772,7 +799,7 @@ class SlDialogDescription {
         this.dialog.hasDescription.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialogDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDialogDescription, isStandalone: true, selector: "[slDialogDescription]", host: { attributes: { "data-part": "description" }, properties: { "id": "dialog.descriptionId" } }, exportAs: ["slDialogDescription"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDialogDescription, isStandalone: true, selector: "[slDialogDescription]", host: { attributes: { "data-part": "description", "data-part-description": "" }, properties: { "id": "dialog.descriptionId" } }, exportAs: ["slDialogDescription"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialogDescription, decorators: [{
             type: Directive,
@@ -780,7 +807,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slDialogDescription]',
                     standalone: true,
                     exportAs: 'slDialogDescription',
-                    host: { 'data-part': 'description', '[id]': 'dialog.descriptionId' },
+                    host: { 'data-part': 'description', 'data-part-description': '', '[id]': 'dialog.descriptionId' },
                 }]
         }] });
 /**
@@ -792,7 +819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 class SlDialogBody {
     dialog = inject(SlDialogBase);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialogBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDialogBody, isStandalone: true, selector: "[slDialogBody]", host: { attributes: { "data-part": "body" }, properties: { "attr.aria-busy": "dialog.loading() ? 'true' : null" } }, exportAs: ["slDialogBody"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDialogBody, isStandalone: true, selector: "[slDialogBody]", host: { attributes: { "data-part": "body", "data-part-body": "" }, properties: { "attr.aria-busy": "dialog.loading() ? 'true' : null" } }, exportAs: ["slDialogBody"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialogBody, decorators: [{
             type: Directive,
@@ -800,12 +827,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slDialogBody]',
                     standalone: true,
                     exportAs: 'slDialogBody',
-                    host: { 'data-part': 'body', '[attr.aria-busy]': "dialog.loading() ? 'true' : null" },
+                    host: {
+                        'data-part': 'body',
+                        'data-part-body': '',
+                        '[attr.aria-busy]': "dialog.loading() ? 'true' : null",
+                    },
                 }]
         }] });
 class SlDialogFooter {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDialogFooter, isStandalone: true, selector: "[slDialogFooter]", host: { attributes: { "data-part": "footer" } }, exportAs: ["slDialogFooter"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDialogFooter, isStandalone: true, selector: "[slDialogFooter]", host: { attributes: { "data-part": "footer", "data-part-footer": "" } }, exportAs: ["slDialogFooter"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialogFooter, decorators: [{
             type: Directive,
@@ -813,7 +844,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slDialogFooter]',
                     standalone: true,
                     exportAs: 'slDialogFooter',
-                    host: { 'data-part': 'footer' },
+                    host: { 'data-part': 'footer', 'data-part-footer': '' },
                 }]
         }] });
 /**
@@ -842,7 +873,7 @@ class SlDialogClose {
         this.dialog.request(false, 'dismiss', this.value(), event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialogClose, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlDialogClose, isStandalone: true, selector: "[slDialogClose]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "close", "type": "button" }, listeners: { "click": "press($event)" }, properties: { "attr.aria-label": "label()" } }, exportAs: ["slDialogClose"], ngImport: i0, template: `<ng-content
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlDialogClose, isStandalone: true, selector: "[slDialogClose]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "close", "data-part-close": "", "type": "button" }, listeners: { "click": "press($event)" }, properties: { "attr.aria-label": "label()" } }, exportAs: ["slDialogClose"], ngImport: i0, template: `<ng-content
     ><span slIcon><svg slGlyph name="x"></svg></span
   ></ng-content>`, isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -860,6 +891,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
                         'data-part': 'close',
+                        'data-part-close': '',
                         type: 'button',
                         '[attr.aria-label]': 'label()',
                         '(click)': 'press($event)',
@@ -890,7 +922,7 @@ class SlAlertDialogIcon {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "glyph" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertDialogIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlAlertDialogIcon, isStandalone: true, selector: "[slAlertDialogIcon]", host: { attributes: { "data-part": "icon", "aria-hidden": "true" } }, exportAs: ["slAlertDialogIcon"], ngImport: i0, template: `<ng-content
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlAlertDialogIcon, isStandalone: true, selector: "[slAlertDialogIcon]", host: { attributes: { "data-part": "icon", "data-part-icon": "", "aria-hidden": "true" } }, exportAs: ["slAlertDialogIcon"], ngImport: i0, template: `<ng-content
     ><span slIcon><svg slGlyph [name]="glyph()"></svg></span
   ></ng-content>`, isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -905,7 +937,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     ><span slIcon><svg slGlyph [name]="glyph()"></svg></span
   ></ng-content>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: { 'data-part': 'icon', 'aria-hidden': 'true' },
+                    host: { 'data-part': 'icon', 'data-part-icon': '', 'aria-hidden': 'true' },
                 }]
         }] });
 /**
@@ -919,7 +951,7 @@ class SlAlertDialogCancel {
     dialog = inject(SlDialogBase);
     native = inject(ElementRef).nativeElement;
     /** `cancel`, unless the element is another family's root. */
-    part = ownPart(this.native, 'cancel');
+    part = hostSelectorKey(this.native, 'part', ownPart(this.native, 'cancel'));
     ngOnInit() {
         this.dialog.cancelNode.set(this.native);
     }
@@ -953,7 +985,8 @@ class SlAlertDialogAction {
     ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     dialog = inject(SlDialogBase);
     /** `action`, unless the element is another family's root. */
-    part = ownPart(inject(ElementRef).nativeElement, 'action');
+    native = inject(ElementRef).nativeElement;
+    part = hostSelectorKey(this.native, 'part', ownPart(this.native, 'action'));
     press(event) {
         if (event.defaultPrevented)
             return;