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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,7 @@ import { injectMessages } from '@slotted/angular/i18n';
2
2
  import { createDismissableLayer } from '@slotted/core/dismissable-layer';
3
3
  import { createFocusScope } from '@slotted/core/focus';
4
4
  import { dialogMessages } from '@slotted/core/i18n';
5
+ import { observeKeyboardInset } from '@slotted/core/measure';
5
6
  import { createPortalRoot } from '@slotted/core/portal';
6
7
  import { createPresence } from '@slotted/core/presence';
7
8
  import { createControllable } from '@slotted/core/state';
@@ -369,6 +370,27 @@ class SlDialogBase {
369
370
  this.engaged = true;
370
371
  onCleanup(() => this.takeDown());
371
372
  });
373
+ /**
374
+ * The virtual keyboard, while the panel can cover the layer: the layer
375
+ * carries what the keys cover, and the stylesheet ends a full-screen
376
+ * panel's rows above them. A centred panel reads nothing from it.
377
+ */
378
+ effect((onCleanup) => {
379
+ const node = this.layerRef()?.nativeElement;
380
+ const coversLayer = this.resolvedFullScreen() !== 'never' || this.resolvedFullscreen();
381
+ if (!this.open() || node === undefined || !coversLayer)
382
+ return;
383
+ const stop = observeKeyboardInset(node.ownerDocument.defaultView, (pixels) => {
384
+ if (pixels === 0)
385
+ node.style.removeProperty('--slotted-keyboard-inset');
386
+ else
387
+ node.style.setProperty('--slotted-keyboard-inset', `${pixels}px`);
388
+ });
389
+ onCleanup(() => {
390
+ stop();
391
+ node.style.removeProperty('--slotted-keyboard-inset');
392
+ });
393
+ });
372
394
  this.destroyRef.onDestroy(() => {
373
395
  this.parent?.nested.delete(this);
374
396
  this.layer?.destroy();
@@ -543,11 +565,11 @@ class SlDialog extends SlDialogBase {
543
565
  return this.outsidePress() ?? this.defaults.outsidePress;
544
566
  }
545
567
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialog, deps: null, target: i0.ɵɵFactoryTarget.Component });
546
- 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 });
568
+ 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;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 });
547
569
  }
548
570
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDialog, decorators: [{
549
571
  type: Component,
550
- 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"] }]
572
+ 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;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"] }]
551
573
  }], propDecorators: { modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], outsidePress: [{ type: i0.Input, args: [{ isSignal: true, alias: "outsidePress", required: false }] }] } });
552
574
  /**
553
575
  * A dialog that interrupts to confirm something irreversible.
@@ -590,11 +612,11 @@ class SlAlertDialog extends SlDialogBase {
590
612
  return this.tone();
591
613
  }
592
614
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
593
- 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 });
615
+ 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;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 });
594
616
  }
595
617
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertDialog, decorators: [{
596
618
  type: Component,
597
- 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"] }]
619
+ 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;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"] }]
598
620
  }], ctorParameters: () => [], propDecorators: { tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }] } });
599
621
 
600
622
  /**