@slotted/angular 0.1.0-beta.1 → 0.1.0-beta.11

package/fesm2022/slotted-angular-toast.mjs

@@ -159,6 +159,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 const TONE_GLYPH = {
     accent: 'circle-info',
     secondary: null,
+    info: 'circle-info',
     success: 'circle-check',
     warning: 'circle-alert',
     danger: 'circle-x',
@@ -326,7 +327,7 @@ class SlToastItem {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlToastItem, isStandalone: true, selector: "li[slToastItem]", inputs: { message: { classPropertyName: "message", publicName: "slToastItem", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "slToastItemIndex", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item", "tabindex": "-1" }, listeners: { "keydown": "onKeyDown($event)", "pointerdown": "onPointerDown($event)", "pointermove": "onPointerMove($event)", "pointerup": "onPointerUp($event)", "pointercancel": "onPointerUp($event)" }, properties: { "attr.data-tone": "tone()", "attr.data-variant": "variant()", "attr.data-open": "isOpen() ? '' : null", "attr.data-loading": "message().loading ? '' : null", "attr.data-dragging": "dragging() ? '' : null", "style.--slotted-toast-index": "index()", "style.--slotted-toast-duration": "durationValue()", "style.--slotted-toast-swipe-x": "swipeX()", "style.--slotted-toast-swipe-y": "swipeY()" } }, exportAs: ["slToastItem"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlToastItem, isStandalone: true, selector: "li[slToastItem]", inputs: { message: { classPropertyName: "message", publicName: "slToastItem", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "slToastItemIndex", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item", "data-part-item": "", "tabindex": "-1" }, listeners: { "keydown": "onKeyDown($event)", "pointerdown": "onPointerDown($event)", "pointermove": "onPointerMove($event)", "pointerup": "onPointerUp($event)", "pointercancel": "onPointerUp($event)" }, properties: { "attr.data-tone": "tone()", "attr.data-variant": "variant()", "attr.data-open": "isOpen() ? '' : null", "attr.data-loading": "message().loading ? '' : null", "attr.data-dragging": "dragging() ? '' : null", "style.--slotted-toast-index": "index()", "style.--slotted-toast-duration": "durationValue()", "style.--slotted-toast-swipe-x": "swipeX()", "style.--slotted-toast-swipe-y": "swipeY()" } }, exportAs: ["slToastItem"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastItem, decorators: [{
             type: Directive,
@@ -336,6 +337,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slToastItem',
                     host: {
                         'data-part': 'item',
+                        'data-part-item': '',
                         tabindex: '-1',
                         '[attr.data-tone]': 'tone()',
                         '[attr.data-variant]': 'variant()',
@@ -600,7 +602,9 @@ class SlToastRegion {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlToastRegion, isStandalone: true, selector: "sl-toast-region", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, attach: { classPropertyName: "attach", publicName: "attach", isSignal: true, isRequired: false, transformFunction: null }, stacking: { classPropertyName: "stacking", publicName: "stacking", isSignal: true, isRequired: false, transformFunction: null }, swipe: { classPropertyName: "swipe", publicName: "swipe", isSignal: true, isRequired: false, transformFunction: null }, limit: { classPropertyName: "limit", publicName: "limit", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, pauseOnHover: { classPropertyName: "pauseOnHover", publicName: "pauseOnHover", isSignal: true, isRequired: false, transformFunction: null }, pauseWhenHidden: { classPropertyName: "pauseWhenHidden", publicName: "pauseWhenHidden", isSignal: true, isRequired: false, transformFunction: null }, hotkey: { classPropertyName: "hotkey", publicName: "hotkey", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, toasts: { classPropertyName: "toasts", publicName: "toasts", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toastsChange: "toastsChange" }, host: { styleAttribute: "display: contents" }, viewQueries: [{ propertyName: "layer", first: true, predicate: ["layer"], descendants: true, isSignal: true }], exportAs: ["slToastRegion"], ngImport: i0, template: `<section
     #layer
     data-part="root"
+    data-part-root=""
     data-ui="toast"
+    data-ui-toast=""
     role="region"
     tabindex="-1"
     [attr.aria-label]="t('label')"
@@ -616,7 +620,7 @@ class SlToastRegion {
     (pointerenter)="onPointer(true)"
     (pointerleave)="onPointer(false)"
   >
-    <ol data-part="list">
+    <ol data-part="list" data-part-list="">
       @for (message of visible(); track message.id; let index = $index) {
         <li [slToastItem]="message" [slToastItemIndex]="index" #item="slToastItem">
           @if (message.data.body; as body) {
@@ -627,7 +631,7 @@ class SlToastRegion {
             />
           } @else {
             @if (!message.data.hideIcon && (message.loading || item.mark())) {
-              <span aria-hidden="true" data-part="icon">
+              <span aria-hidden="true" data-part="icon" data-part-icon="">
                 @if (message.loading) {
                   <div
                     slLoader
@@ -642,18 +646,21 @@ class SlToastRegion {
                 }
               </span>
             }
-            <div data-part="content">
+            <div data-part="content" data-part-content="">
               @if (message.data.title) {
-                <div data-part="title">{{ message.data.title }}</div>
+                <div data-part="title" data-part-title="">{{ message.data.title }}</div>
               }
               @if (message.data.description) {
-                <p data-part="description">{{ message.data.description }}</p>
+                <p data-part="description" data-part-description="">
+                  {{ message.data.description }}
+                </p>
               }
             </div>
             @if (message.data.dismissible ?? defaults.dismissible) {
               <button
                 type="button"
                 data-part="close"
+                data-part-close=""
                 [attr.aria-label]="t('close')"
                 (click)="store.dismiss(message.id, 'dismiss')"
               >
@@ -661,7 +668,7 @@ class SlToastRegion {
               </button>
             }
             @if (message.data.actions; as actions) {
-              <div data-part="actions">
+              <div data-part="actions" data-part-actions="">
                 <ng-container
                   [ngTemplateOutlet]="actions"
                   [ngTemplateOutletContext]="{ $implicit: message }"
@@ -669,20 +676,22 @@ class SlToastRegion {
               </div>
             }
             @if ((message.data.progress ?? defaults.progress) && message.duration > 0) {
-              <div aria-hidden="true" data-part="progress"></div>
+              <div aria-hidden="true" data-part="progress" data-part-progress=""></div>
             }
           }
         </li>
       }
     </ol>
-  </section>`, isInline: true, styles: ["@layer slotted.components{[data-ui=toast][data-part=root]{--_offset: var(--slotted-toast-offset, var(--slotted-space-6, 1rem));--_measure: var(--slotted-toast-measure, 24rem);--_gap: var(--slotted-toast-gap, var(--slotted-space-5, .75rem));--_stack-step: var(--slotted-toast-stack-step, var(--slotted-space-3, .375rem));--_stack-fade: var(--slotted-toast-stack-fade, .15);--_enter-shift: var(--slotted-space-7, 1.25rem);box-sizing:border-box;container-name:slotted-toast;container-type:inline-size;inline-size:min(var(--_measure),calc(100% - 2 * var(--_offset)));position:fixed;z-index:var(--slotted-z-index-toast, 1200);pointer-events:none}[data-ui=toast][data-part=root][data-attach=inline]{position:absolute}[data-ui=toast][data-part=root][data-placement^=top]{inset-block-start:var(--_offset)}[data-ui=toast][data-part=root][data-placement^=bottom]{inset-block-end:var(--_offset)}[data-ui=toast][data-part=root][data-placement$=-start]{inset-inline-start:var(--_offset)}[data-ui=toast][data-part=root][data-placement$=-end]{inset-inline-end:var(--_offset)}[data-ui=toast][data-part=root][data-placement=top],[data-ui=toast][data-part=root][data-placement=bottom]{inset-inline:var(--_offset);margin-inline:auto}[data-ui=toast]>[data-part=list]{display:flex;flex-direction:column;gap:var(--_gap);list-style:none;margin:0;padding:0;pointer-events:none}[data-ui=toast][data-placement^=bottom]>[data-part=list]{flex-direction:column-reverse}[data-ui=toast][data-expanded]>[data-part=list]{pointer-events:auto}[data-ui=toast]>[data-part=list]>[data-part=item]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_tone-surface: var(--slotted-tone-accent-surface);--_tone-border: var(--slotted-tone-accent-border);--_tone-text: var(--slotted-tone-accent-text);--_ground: var(--slotted-toast-surface, var(--slotted-surface-raised, #ffffff));--_edge: var(--slotted-toast-border-color, var(--slotted-border-subtle, #e2e8f0));--_ink: var(--slotted-toast-text, var(--slotted-text, #0f172a));--_ink-muted: var(--slotted-toast-text-muted, var(--slotted-text-muted, #5b6b7f));--_mark: var(--_tone-text);--_state-hover: color-mix( in oklab, currentcolor var(--slotted-toast-state-layer-hover, 10%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-toast-state-layer-active, 16%), transparent );--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_mark-size: round(nearest, 1.2em, 2px);--_line-height: var(--slotted-line-height-md, 1.5);--_inset-block: var(--slotted-toast-padding-block, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-toast-padding-inline, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-toast-column-gap, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-toast-row-gap, var(--slotted-space-5, .75rem));--_text-gap: var(--slotted-toast-text-gap, var(--slotted-space-2, .25rem));--_radius: var(--slotted-toast-radius, var(--slotted-radius-lg, 8px));--_border-width: var(--slotted-toast-border-width, var(--slotted-border-width-thin, 1px));--_close-size: var( --slotted-toast-close-size, max( var(--slotted-target-min, 24px), min(calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) ) );--_progress-size: var(--slotted-toast-progress-size, var(--slotted-space-1, .125rem));background-color:var(--_ground);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-toast-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--_ink);column-gap:0;display:grid;font-family:var(--slotted-toast-font-family, var(--slotted-control-font-family, sans-serif));font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr) auto;line-height:round(nearest,calc(var(--_line-height) * 1em),2px);pointer-events:auto;position:relative;overflow:hidden;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);opacity:0;translate:0 var(--_enter-shift);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=toast][data-placement^=top]>[data-part=list]>[data-part=item]{translate:0 calc(-1 * var(--_enter-shift))}[data-ui=toast]>[data-part=list]>[data-part=item][data-open]{opacity:1;translate:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=toast]>[data-part=list]>[data-part=item][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_tone-surface: var(--slotted-tone-accent-surface);--_tone-border: var(--slotted-tone-accent-border);--_tone-text: var(--slotted-tone-accent-text)}[data-ui=toast]>[data-part=list]>[data-part=item][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_tone-surface: var(--slotted-tone-secondary-surface);--_tone-border: var(--slotted-tone-secondary-border);--_tone-text: var(--slotted-tone-secondary-text)}[data-ui=toast]>[data-part=list]>[data-part=item][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_tone-surface: var(--slotted-tone-success-surface);--_tone-border: var(--slotted-tone-success-border);--_tone-text: var(--slotted-tone-success-text)}[data-ui=toast]>[data-part=list]>[data-part=item][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_tone-surface: var(--slotted-tone-warning-surface);--_tone-border: var(--slotted-tone-warning-border);--_tone-text: var(--slotted-tone-warning-text)}[data-ui=toast]>[data-part=list]>[data-part=item][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_tone-surface: var(--slotted-tone-danger-surface);--_tone-border: var(--slotted-tone-danger-border);--_tone-text: var(--slotted-tone-danger-text)}[data-ui=toast]>[data-part=list]>[data-part=item][data-variant=soft]{--_ground: var(--_tone-surface);--_edge: var(--_tone-border);--_ink: var(--_tone-text);--_ink-muted: var(--_tone-text)}[data-ui=toast]>[data-part=list]>[data-part=item][data-variant=solid]{--_ground: var(--_solid);--_edge: var(--_solid);--_ink: var(--_on-solid);--_ink-muted: var(--_on-solid);--_mark: var(--_on-solid)}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=icon]{--slotted-icon-size: calc(var(--_mark-size) * 12 / 11);--slotted-progress-indicator-size: var(--_mark-size);--slotted-progress-indicator-indicator-color: var(--_mark);--slotted-progress-indicator-track-color: color-mix(in oklab, var(--_mark) 24%, var(--_ground));align-items:center;align-self:baseline;block-size:var(--_mark-size);color:var(--_mark);contain:layout;display:flex;grid-column:1;grid-row:1;inline-size:var(--_mark-size);inset-block-start:round(nearest,(var(--_mark-size) - 1cap) / 2,1px);justify-content:center;margin-block-start:calc(-1 * var(--_mark-size));margin-inline-end:var(--_column-gap);position:relative}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=content]{align-self:baseline;display:grid;grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);min-inline-size:0;row-gap:var(--_text-gap)}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=content]>[data-part=title]{font-family:var( --slotted-toast-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-weight:var(--slotted-toast-title-font-weight, var(--slotted-font-weight-semibold, 600));margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=content]>[data-part=description]{color:var(--_ink-muted);margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-toast-actions-gap, var(--slotted-space-3, .375rem));grid-column:2;grid-row:2;min-inline-size:0}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]{--slotted-icon-size: var(--_glyph-size);align-items:center;align-self:start;appearance:none;background-color:transparent;block-size:var(--_close-size);border:0;border-radius:var(--slotted-toast-close-radius, var(--slotted-control-radius, 4px));color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;grid-column:3;grid-row:1;inline-size:var(--_close-size);justify-content:center;margin-block-end:calc((1lh - var(--_close-size)) / 2);margin-block-start:calc((1lh - var(--_close-size)) / 2);margin-inline-end:calc((1lh - var(--_close-size)) / 2);margin-inline-start:var(--_column-gap);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:enabled:hover{background-color:var(--_state-hover)}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:enabled:active{background-color:var(--_state-active)}@media(pointer:coarse){[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]{position:relative}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:focus-visible,[data-ui=toast]>[data-part=list]>[data-part=item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight)}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:focus-visible{outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=toast]>[data-part=list]>[data-part=item]:focus-visible{outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=toast]>[data-part=list]>[data-part=item][data-variant=solid]>[data-part=close]:focus-visible{box-shadow:inset 0 0 0 calc(2 * var(--slotted-focus-ring-width, 2px)) var(--_on-solid)}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=progress]{animation-duration:var(--slotted-toast-duration, var(--slotted-duration-long));animation-fill-mode:forwards;animation-name:slotted-toast-countdown;animation-play-state:var(--slotted-toast-play-state, running);animation-timing-function:linear;background-color:var(--_solid);block-size:var(--_progress-size);inset-block-end:0;inset-inline-start:0;position:absolute}[data-ui=toast]>[data-part=list]>[data-part=item][data-variant=solid]>[data-part=progress]{background-color:var(--_on-solid);opacity:.7}@keyframes slotted-toast-countdown{0%{inline-size:100%}to{inline-size:0%}}[data-ui=toast][data-stacking=stack]>[data-part=list]{display:block;position:relative}[data-ui=toast][data-stacking=stack]>[data-part=list]>[data-part=item]{block-size:var(--slotted-toast-front-height, auto);inset-inline:0;position:absolute;z-index:calc(var(--slotted-toast-count, 1) - var(--slotted-toast-index, 0));transition:block-size var(--slotted-duration-medium) var(--slotted-easing-standard),opacity var(--slotted-duration-medium) var(--slotted-easing-standard),translate var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=toast][data-stacking=stack]>[data-part=list]>[data-part=item][data-open]{opacity:calc(1 - min(var(--slotted-toast-index, 0),2) * var(--_stack-fade))}[data-ui=toast][data-stacking=stack][data-placement^=bottom]>[data-part=list]>[data-part=item]{inset-block-end:0;translate:0 calc(-1 * var(--slotted-toast-index, 0) * var(--_stack-step))}[data-ui=toast][data-stacking=stack][data-placement^=top]>[data-part=list]>[data-part=item]{inset-block-start:0;translate:0 calc(var(--slotted-toast-index, 0) * var(--_stack-step))}[data-ui=toast][data-stacking=stack][data-expanded]>[data-part=list]>[data-part=item]{block-size:var(--slotted-toast-height, auto)}[data-ui=toast][data-stacking=stack][data-expanded]>[data-part=list]{block-size:var(--slotted-toast-stack-height, auto)}[data-ui=toast][data-stacking=stack][data-expanded]>[data-part=list]>[data-part=item][data-open]{opacity:1}[data-ui=toast][data-stacking=stack][data-expanded][data-placement^=bottom]>[data-part=list]>[data-part=item]{translate:0 calc(-1 * var(--slotted-toast-stack-offset, 0px))}[data-ui=toast][data-stacking=stack][data-expanded][data-placement^=top]>[data-part=list]>[data-part=item]{translate:0 var(--slotted-toast-stack-offset, 0px)}[data-ui=toast][data-stacking=stack]>[data-part=list]>[data-part=item]>*{transition:opacity var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=toast][data-stacking=stack]:not([data-expanded]) [data-part=item]>*{opacity:calc(1 - min(1,var(--slotted-toast-index, 0)))}[data-ui=toast]>[data-part=list]>[data-part=item][data-dragging]{cursor:grabbing;transition:none;translate:var(--slotted-toast-swipe-x, 0px) var(--slotted-toast-swipe-y, 0px);touch-action:none;-webkit-user-select:none;user-select:none}[data-ui=toast][data-swipe=true]>[data-part=list]>[data-part=item]{touch-action:none}@container slotted-toast (max-width: 20rem){[data-ui=toast]>[data-part=list]>[data-part=item]{--_inset-block: var(--slotted-toast-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-toast-padding-inline, var(--slotted-space-5, .75rem))}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=actions]{align-items:flex-start;flex-direction:column}}@media(forced-colors:active){[data-ui=toast]>[data-part=list]>[data-part=item]{border-color:CanvasText}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=icon]{color:CanvasText}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]{color:CanvasText}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:enabled:hover,[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:enabled:active{background-color:Highlight;color:HighlightText}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=progress]{background-color:CanvasText;opacity:1}}@media(prefers-reduced-motion:reduce){[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=progress]{animation-name:none;inline-size:100%}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlLoader, selector: "[slLoader]", inputs: ["contained"], exportAs: ["slLoader"] }, { kind: "directive", type: SlToastItem, selector: "li[slToastItem]", inputs: ["slToastItem", "slToastItemIndex"], exportAs: ["slToastItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  </section>`, isInline: true, styles: ["@layer slotted.components{[data-ui-toast][data-part-root]{--_offset: var(--slotted-toast-offset, var(--slotted-space-6, 1rem));--_measure: var(--slotted-toast-measure, 24rem);--_gap: var(--slotted-toast-gap, var(--slotted-space-5, .75rem));--_stack-step: var(--slotted-toast-stack-step, var(--slotted-space-3, .375rem));--_stack-fade: var(--slotted-toast-stack-fade, .15);--_enter-shift: var(--slotted-space-7, 1.25rem);box-sizing:border-box;container-name:slotted-toast;container-type:inline-size;inline-size:min(var(--_measure),calc(100% - 2 * var(--_offset)));position:fixed;z-index:var(--slotted-z-index-toast, 1200);pointer-events:none}[data-ui-toast][data-part-root][data-attach=inline]{position:absolute}[data-ui-toast][data-part-root][data-placement^=top]{inset-block-start:var(--_offset)}[data-ui-toast][data-part-root][data-placement^=bottom]{inset-block-end:var(--_offset)}[data-ui-toast][data-part-root][data-placement$=-start]{inset-inline-start:var(--_offset)}[data-ui-toast][data-part-root][data-placement$=-end]{inset-inline-end:var(--_offset)}[data-ui-toast][data-part-root][data-placement=top],[data-ui-toast][data-part-root][data-placement=bottom]{inset-inline:var(--_offset);margin-inline:auto}[data-ui-toast]>[data-part-list]{display:flex;flex-direction:column;gap:var(--_gap);list-style:none;margin:0;padding:0;pointer-events:none}[data-ui-toast][data-placement^=bottom]>[data-part-list]{flex-direction:column-reverse}[data-ui-toast][data-expanded]>[data-part-list]{pointer-events:auto}[data-ui-toast]>[data-part-list]>[data-part-item]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_tone-surface: var(--slotted-tone-accent-surface);--_tone-border: var(--slotted-tone-accent-border);--_tone-text: var(--slotted-tone-accent-text);--_ground: var(--slotted-toast-surface, var(--slotted-surface-raised, #ffffff));--_edge: var(--slotted-toast-border-color, var(--slotted-border-subtle, #e2e8f0));--_ink: var(--slotted-toast-text, var(--slotted-text, #0f172a));--_ink-muted: var(--slotted-toast-text-muted, var(--slotted-text-muted, #5b6b7f));--_mark: var(--_tone-text);--_state-hover: color-mix( in oklab, currentcolor var(--slotted-toast-state-layer-hover, 10%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-toast-state-layer-active, 16%), transparent );--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_mark-size: round(nearest, 1.2em, 2px);--_line-height: var(--slotted-line-height-md, 1.5);--_inset-block: var(--slotted-toast-padding-block, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-toast-padding-inline, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-toast-column-gap, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-toast-row-gap, var(--slotted-space-5, .75rem));--_text-gap: var(--slotted-toast-text-gap, var(--slotted-space-2, .25rem));--_radius: var(--slotted-toast-radius, var(--slotted-radius-lg, 8px));--_border-width: var(--slotted-toast-border-width, var(--slotted-border-width-thin, 1px));--_close-size: var( --slotted-toast-close-size, max( var(--slotted-target-min, 24px), min(calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) ) );--_progress-size: var(--slotted-toast-progress-size, var(--slotted-space-1, .125rem));background-color:var(--_ground);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-toast-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--_ink);column-gap:0;display:grid;font-family:var(--slotted-toast-font-family, var(--slotted-control-font-family, sans-serif));font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr) auto;line-height:round(nearest,calc(var(--_line-height) * 1em),2px);pointer-events:auto;position:relative;overflow:hidden;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);opacity:0;translate:0 var(--_enter-shift);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-toast][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--_enter-shift))}[data-ui-toast]>[data-part-list]>[data-part-item][data-open]{opacity:1;translate:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_tone-surface: var(--slotted-tone-accent-surface);--_tone-border: var(--slotted-tone-accent-border);--_tone-text: var(--slotted-tone-accent-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_tone-surface: var(--slotted-tone-secondary-surface);--_tone-border: var(--slotted-tone-secondary-border);--_tone-text: var(--slotted-tone-secondary-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_tone-surface: var(--slotted-tone-success-surface);--_tone-border: var(--slotted-tone-success-border);--_tone-text: var(--slotted-tone-success-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=info]{--_solid: var(--slotted-tone-info-solid);--_on-solid: var(--slotted-tone-info-on-solid);--_tone-surface: var(--slotted-tone-info-surface);--_tone-border: var(--slotted-tone-info-border);--_tone-text: var(--slotted-tone-info-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_tone-surface: var(--slotted-tone-warning-surface);--_tone-border: var(--slotted-tone-warning-border);--_tone-text: var(--slotted-tone-warning-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_tone-surface: var(--slotted-tone-danger-surface);--_tone-border: var(--slotted-tone-danger-border);--_tone-text: var(--slotted-tone-danger-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=raised]{-webkit-backdrop-filter:var(--slotted-toast-backdrop-filter, none);backdrop-filter:var(--slotted-toast-backdrop-filter, none)}@media(prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=raised]{-webkit-backdrop-filter:none;backdrop-filter:none}}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=soft]{--_ground: var(--_tone-surface);--_edge: var(--_tone-border);--_ink: var(--_tone-text);--_ink-muted: var(--_tone-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]{--_ground: var(--_solid);--_edge: var(--_solid);--_ink: var(--_on-solid);--_ink-muted: var(--_on-solid);--_mark: var(--_on-solid)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-icon]{--slotted-icon-size: calc(var(--_mark-size) * 12 / 11);--slotted-progress-indicator-size: var(--_mark-size);--slotted-progress-indicator-indicator-color: var(--_mark);--slotted-progress-indicator-track-color: color-mix(in oklab, var(--_mark) 24%, var(--_ground));align-items:center;align-self:baseline;block-size:var(--_mark-size);color:var(--_mark);contain:layout;display:flex;grid-column:1;grid-row:1;inline-size:var(--_mark-size);inset-block-start:round(nearest,(var(--_mark-size) - 1cap) / 2,1px);justify-content:center;margin-block-start:calc(-1 * var(--_mark-size));margin-inline-end:var(--_column-gap);position:relative}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]{align-self:baseline;display:grid;grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);min-inline-size:0;row-gap:var(--_text-gap)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]>[data-part-title]{font-family:var( --slotted-toast-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-weight:var(--slotted-toast-title-font-weight, var(--slotted-font-weight-semibold, 600));margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]>[data-part-description]{color:var(--_ink-muted);margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-toast-actions-gap, var(--slotted-space-3, .375rem));grid-column:2;grid-row:2;min-inline-size:0}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{--slotted-icon-size: var(--_glyph-size);align-items:center;align-self:start;appearance:none;background-color:transparent;block-size:var(--_close-size);border:0;border-radius:var(--slotted-toast-close-radius, var(--slotted-control-radius, 4px));color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;grid-column:3;grid-row:1;inline-size:var(--_close-size);justify-content:center;margin-block-end:calc((1lh - var(--_close-size)) / 2);margin-block-start:calc((1lh - var(--_close-size)) / 2);margin-inline-end:calc((1lh - var(--_close-size)) / 2);margin-inline-start:var(--_column-gap);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:hover{background-color:var(--_state-hover)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:active{background-color:var(--_state-active)}@media(pointer:coarse){[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{position:relative}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:focus-visible,[data-ui-toast]>[data-part-list]>[data-part-item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:focus-visible{outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-toast]>[data-part-list]>[data-part-item]:focus-visible{outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]>[data-part-close]:focus-visible{box-shadow:inset 0 0 0 calc(2 * var(--slotted-focus-ring-width, 2px)) var(--_on-solid)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{animation-duration:var(--slotted-toast-duration, var(--slotted-duration-long));animation-fill-mode:forwards;animation-name:slotted-toast-countdown;animation-play-state:var(--slotted-toast-play-state, running);animation-timing-function:linear;background-color:var(--_solid);block-size:var(--_progress-size);inset-block-end:0;inset-inline-start:0;position:absolute}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]>[data-part-progress]{background-color:var(--_on-solid);opacity:.7}@keyframes slotted-toast-countdown{0%{inline-size:100%}to{inline-size:0%}}[data-ui-toast][data-stacking=stack]>[data-part-list]{display:block;position:relative}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item]{block-size:var(--slotted-toast-front-height, auto);inset-inline:0;position:absolute;z-index:calc(var(--slotted-toast-count, 1) - var(--slotted-toast-index, 0));transition:block-size var(--slotted-duration-medium) var(--slotted-easing-standard),opacity var(--slotted-duration-medium) var(--slotted-easing-standard),translate var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item][data-open]{opacity:calc(1 - min(var(--slotted-toast-index, 0),2) * var(--_stack-fade))}[data-ui-toast][data-stacking=stack][data-placement^=bottom]>[data-part-list]>[data-part-item]{inset-block-end:0;translate:0 calc(-1 * var(--slotted-toast-index, 0) * var(--_stack-step))}[data-ui-toast][data-stacking=stack][data-placement^=top]>[data-part-list]>[data-part-item]{inset-block-start:0;translate:0 calc(var(--slotted-toast-index, 0) * var(--_stack-step))}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]>[data-part-item]{block-size:var(--slotted-toast-height, auto)}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]{block-size:var(--slotted-toast-stack-height, auto)}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]>[data-part-item][data-open]{opacity:1}[data-ui-toast][data-stacking=stack][data-expanded][data-placement^=bottom]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--slotted-toast-stack-offset, 0px))}[data-ui-toast][data-stacking=stack][data-expanded][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 var(--slotted-toast-stack-offset, 0px)}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item]>*{transition:opacity var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-toast][data-stacking=stack]:not([data-expanded]) [data-part-item]>*{opacity:calc(1 - min(1,var(--slotted-toast-index, 0)))}[data-ui-toast]>[data-part-list]>[data-part-item][data-dragging]{cursor:grabbing;transition:none;translate:var(--slotted-toast-swipe-x, 0px) var(--slotted-toast-swipe-y, 0px);touch-action:none;-webkit-user-select:none;user-select:none}[data-ui-toast][data-swipe=true]>[data-part-list]>[data-part-item]{touch-action:none}@container slotted-toast (max-width: 20rem){[data-ui-toast]>[data-part-list]>[data-part-item]{--_inset-block: var(--slotted-toast-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-toast-padding-inline, var(--slotted-space-5, .75rem))}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-actions]{align-items:flex-start;flex-direction:column}}@media(forced-colors:active){[data-ui-toast]>[data-part-list]>[data-part-item]{border-color:CanvasText}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-icon]{color:CanvasText}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{color:CanvasText}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:hover,[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:active{background-color:Highlight;color:HighlightText}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{background-color:CanvasText;opacity:1}}@media(prefers-reduced-motion:reduce){[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{animation-name:none;inline-size:100%}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlLoader, selector: "[slLoader]", inputs: ["contained"], exportAs: ["slLoader"] }, { kind: "directive", type: SlToastItem, selector: "li[slToastItem]", inputs: ["slToastItem", "slToastItemIndex"], exportAs: ["slToastItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastRegion, decorators: [{
             type: Component,
             args: [{ selector: 'sl-toast-region', standalone: true, exportAs: 'slToastRegion', imports: [NgTemplateOutlet, SlGlyph, SlIcon, SlLoader, SlToastItem], template: `<section
     #layer
     data-part="root"
+    data-part-root=""
     data-ui="toast"
+    data-ui-toast=""
     role="region"
     tabindex="-1"
     [attr.aria-label]="t('label')"
@@ -698,7 +707,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     (pointerenter)="onPointer(true)"
     (pointerleave)="onPointer(false)"
   >
-    <ol data-part="list">
+    <ol data-part="list" data-part-list="">
       @for (message of visible(); track message.id; let index = $index) {
         <li [slToastItem]="message" [slToastItemIndex]="index" #item="slToastItem">
           @if (message.data.body; as body) {
@@ -709,7 +718,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             />
           } @else {
             @if (!message.data.hideIcon && (message.loading || item.mark())) {
-              <span aria-hidden="true" data-part="icon">
+              <span aria-hidden="true" data-part="icon" data-part-icon="">
                 @if (message.loading) {
                   <div
                     slLoader
@@ -724,18 +733,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 }
               </span>
             }
-            <div data-part="content">
+            <div data-part="content" data-part-content="">
               @if (message.data.title) {
-                <div data-part="title">{{ message.data.title }}</div>
+                <div data-part="title" data-part-title="">{{ message.data.title }}</div>
               }
               @if (message.data.description) {
-                <p data-part="description">{{ message.data.description }}</p>
+                <p data-part="description" data-part-description="">
+                  {{ message.data.description }}
+                </p>
               }
             </div>
             @if (message.data.dismissible ?? defaults.dismissible) {
               <button
                 type="button"
                 data-part="close"
+                data-part-close=""
                 [attr.aria-label]="t('close')"
                 (click)="store.dismiss(message.id, 'dismiss')"
               >
@@ -743,7 +755,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               </button>
             }
             @if (message.data.actions; as actions) {
-              <div data-part="actions">
+              <div data-part="actions" data-part-actions="">
                 <ng-container
                   [ngTemplateOutlet]="actions"
                   [ngTemplateOutletContext]="{ $implicit: message }"
@@ -751,13 +763,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               </div>
             }
             @if ((message.data.progress ?? defaults.progress) && message.duration > 0) {
-              <div aria-hidden="true" data-part="progress"></div>
+              <div aria-hidden="true" data-part="progress" data-part-progress=""></div>
             }
           }
         </li>
       }
     </ol>
-  </section>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents' }, styles: ["@layer slotted.components{[data-ui=toast][data-part=root]{--_offset: var(--slotted-toast-offset, var(--slotted-space-6, 1rem));--_measure: var(--slotted-toast-measure, 24rem);--_gap: var(--slotted-toast-gap, var(--slotted-space-5, .75rem));--_stack-step: var(--slotted-toast-stack-step, var(--slotted-space-3, .375rem));--_stack-fade: var(--slotted-toast-stack-fade, .15);--_enter-shift: var(--slotted-space-7, 1.25rem);box-sizing:border-box;container-name:slotted-toast;container-type:inline-size;inline-size:min(var(--_measure),calc(100% - 2 * var(--_offset)));position:fixed;z-index:var(--slotted-z-index-toast, 1200);pointer-events:none}[data-ui=toast][data-part=root][data-attach=inline]{position:absolute}[data-ui=toast][data-part=root][data-placement^=top]{inset-block-start:var(--_offset)}[data-ui=toast][data-part=root][data-placement^=bottom]{inset-block-end:var(--_offset)}[data-ui=toast][data-part=root][data-placement$=-start]{inset-inline-start:var(--_offset)}[data-ui=toast][data-part=root][data-placement$=-end]{inset-inline-end:var(--_offset)}[data-ui=toast][data-part=root][data-placement=top],[data-ui=toast][data-part=root][data-placement=bottom]{inset-inline:var(--_offset);margin-inline:auto}[data-ui=toast]>[data-part=list]{display:flex;flex-direction:column;gap:var(--_gap);list-style:none;margin:0;padding:0;pointer-events:none}[data-ui=toast][data-placement^=bottom]>[data-part=list]{flex-direction:column-reverse}[data-ui=toast][data-expanded]>[data-part=list]{pointer-events:auto}[data-ui=toast]>[data-part=list]>[data-part=item]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_tone-surface: var(--slotted-tone-accent-surface);--_tone-border: var(--slotted-tone-accent-border);--_tone-text: var(--slotted-tone-accent-text);--_ground: var(--slotted-toast-surface, var(--slotted-surface-raised, #ffffff));--_edge: var(--slotted-toast-border-color, var(--slotted-border-subtle, #e2e8f0));--_ink: var(--slotted-toast-text, var(--slotted-text, #0f172a));--_ink-muted: var(--slotted-toast-text-muted, var(--slotted-text-muted, #5b6b7f));--_mark: var(--_tone-text);--_state-hover: color-mix( in oklab, currentcolor var(--slotted-toast-state-layer-hover, 10%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-toast-state-layer-active, 16%), transparent );--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_mark-size: round(nearest, 1.2em, 2px);--_line-height: var(--slotted-line-height-md, 1.5);--_inset-block: var(--slotted-toast-padding-block, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-toast-padding-inline, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-toast-column-gap, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-toast-row-gap, var(--slotted-space-5, .75rem));--_text-gap: var(--slotted-toast-text-gap, var(--slotted-space-2, .25rem));--_radius: var(--slotted-toast-radius, var(--slotted-radius-lg, 8px));--_border-width: var(--slotted-toast-border-width, var(--slotted-border-width-thin, 1px));--_close-size: var( --slotted-toast-close-size, max( var(--slotted-target-min, 24px), min(calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) ) );--_progress-size: var(--slotted-toast-progress-size, var(--slotted-space-1, .125rem));background-color:var(--_ground);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-toast-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--_ink);column-gap:0;display:grid;font-family:var(--slotted-toast-font-family, var(--slotted-control-font-family, sans-serif));font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr) auto;line-height:round(nearest,calc(var(--_line-height) * 1em),2px);pointer-events:auto;position:relative;overflow:hidden;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);opacity:0;translate:0 var(--_enter-shift);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=toast][data-placement^=top]>[data-part=list]>[data-part=item]{translate:0 calc(-1 * var(--_enter-shift))}[data-ui=toast]>[data-part=list]>[data-part=item][data-open]{opacity:1;translate:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=toast]>[data-part=list]>[data-part=item][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_tone-surface: var(--slotted-tone-accent-surface);--_tone-border: var(--slotted-tone-accent-border);--_tone-text: var(--slotted-tone-accent-text)}[data-ui=toast]>[data-part=list]>[data-part=item][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_tone-surface: var(--slotted-tone-secondary-surface);--_tone-border: var(--slotted-tone-secondary-border);--_tone-text: var(--slotted-tone-secondary-text)}[data-ui=toast]>[data-part=list]>[data-part=item][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_tone-surface: var(--slotted-tone-success-surface);--_tone-border: var(--slotted-tone-success-border);--_tone-text: var(--slotted-tone-success-text)}[data-ui=toast]>[data-part=list]>[data-part=item][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_tone-surface: var(--slotted-tone-warning-surface);--_tone-border: var(--slotted-tone-warning-border);--_tone-text: var(--slotted-tone-warning-text)}[data-ui=toast]>[data-part=list]>[data-part=item][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_tone-surface: var(--slotted-tone-danger-surface);--_tone-border: var(--slotted-tone-danger-border);--_tone-text: var(--slotted-tone-danger-text)}[data-ui=toast]>[data-part=list]>[data-part=item][data-variant=soft]{--_ground: var(--_tone-surface);--_edge: var(--_tone-border);--_ink: var(--_tone-text);--_ink-muted: var(--_tone-text)}[data-ui=toast]>[data-part=list]>[data-part=item][data-variant=solid]{--_ground: var(--_solid);--_edge: var(--_solid);--_ink: var(--_on-solid);--_ink-muted: var(--_on-solid);--_mark: var(--_on-solid)}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=icon]{--slotted-icon-size: calc(var(--_mark-size) * 12 / 11);--slotted-progress-indicator-size: var(--_mark-size);--slotted-progress-indicator-indicator-color: var(--_mark);--slotted-progress-indicator-track-color: color-mix(in oklab, var(--_mark) 24%, var(--_ground));align-items:center;align-self:baseline;block-size:var(--_mark-size);color:var(--_mark);contain:layout;display:flex;grid-column:1;grid-row:1;inline-size:var(--_mark-size);inset-block-start:round(nearest,(var(--_mark-size) - 1cap) / 2,1px);justify-content:center;margin-block-start:calc(-1 * var(--_mark-size));margin-inline-end:var(--_column-gap);position:relative}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=content]{align-self:baseline;display:grid;grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);min-inline-size:0;row-gap:var(--_text-gap)}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=content]>[data-part=title]{font-family:var( --slotted-toast-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-weight:var(--slotted-toast-title-font-weight, var(--slotted-font-weight-semibold, 600));margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=content]>[data-part=description]{color:var(--_ink-muted);margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-toast-actions-gap, var(--slotted-space-3, .375rem));grid-column:2;grid-row:2;min-inline-size:0}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]{--slotted-icon-size: var(--_glyph-size);align-items:center;align-self:start;appearance:none;background-color:transparent;block-size:var(--_close-size);border:0;border-radius:var(--slotted-toast-close-radius, var(--slotted-control-radius, 4px));color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;grid-column:3;grid-row:1;inline-size:var(--_close-size);justify-content:center;margin-block-end:calc((1lh - var(--_close-size)) / 2);margin-block-start:calc((1lh - var(--_close-size)) / 2);margin-inline-end:calc((1lh - var(--_close-size)) / 2);margin-inline-start:var(--_column-gap);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:enabled:hover{background-color:var(--_state-hover)}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:enabled:active{background-color:var(--_state-active)}@media(pointer:coarse){[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]{position:relative}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:focus-visible,[data-ui=toast]>[data-part=list]>[data-part=item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight)}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:focus-visible{outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=toast]>[data-part=list]>[data-part=item]:focus-visible{outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=toast]>[data-part=list]>[data-part=item][data-variant=solid]>[data-part=close]:focus-visible{box-shadow:inset 0 0 0 calc(2 * var(--slotted-focus-ring-width, 2px)) var(--_on-solid)}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=progress]{animation-duration:var(--slotted-toast-duration, var(--slotted-duration-long));animation-fill-mode:forwards;animation-name:slotted-toast-countdown;animation-play-state:var(--slotted-toast-play-state, running);animation-timing-function:linear;background-color:var(--_solid);block-size:var(--_progress-size);inset-block-end:0;inset-inline-start:0;position:absolute}[data-ui=toast]>[data-part=list]>[data-part=item][data-variant=solid]>[data-part=progress]{background-color:var(--_on-solid);opacity:.7}@keyframes slotted-toast-countdown{0%{inline-size:100%}to{inline-size:0%}}[data-ui=toast][data-stacking=stack]>[data-part=list]{display:block;position:relative}[data-ui=toast][data-stacking=stack]>[data-part=list]>[data-part=item]{block-size:var(--slotted-toast-front-height, auto);inset-inline:0;position:absolute;z-index:calc(var(--slotted-toast-count, 1) - var(--slotted-toast-index, 0));transition:block-size var(--slotted-duration-medium) var(--slotted-easing-standard),opacity var(--slotted-duration-medium) var(--slotted-easing-standard),translate var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=toast][data-stacking=stack]>[data-part=list]>[data-part=item][data-open]{opacity:calc(1 - min(var(--slotted-toast-index, 0),2) * var(--_stack-fade))}[data-ui=toast][data-stacking=stack][data-placement^=bottom]>[data-part=list]>[data-part=item]{inset-block-end:0;translate:0 calc(-1 * var(--slotted-toast-index, 0) * var(--_stack-step))}[data-ui=toast][data-stacking=stack][data-placement^=top]>[data-part=list]>[data-part=item]{inset-block-start:0;translate:0 calc(var(--slotted-toast-index, 0) * var(--_stack-step))}[data-ui=toast][data-stacking=stack][data-expanded]>[data-part=list]>[data-part=item]{block-size:var(--slotted-toast-height, auto)}[data-ui=toast][data-stacking=stack][data-expanded]>[data-part=list]{block-size:var(--slotted-toast-stack-height, auto)}[data-ui=toast][data-stacking=stack][data-expanded]>[data-part=list]>[data-part=item][data-open]{opacity:1}[data-ui=toast][data-stacking=stack][data-expanded][data-placement^=bottom]>[data-part=list]>[data-part=item]{translate:0 calc(-1 * var(--slotted-toast-stack-offset, 0px))}[data-ui=toast][data-stacking=stack][data-expanded][data-placement^=top]>[data-part=list]>[data-part=item]{translate:0 var(--slotted-toast-stack-offset, 0px)}[data-ui=toast][data-stacking=stack]>[data-part=list]>[data-part=item]>*{transition:opacity var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=toast][data-stacking=stack]:not([data-expanded]) [data-part=item]>*{opacity:calc(1 - min(1,var(--slotted-toast-index, 0)))}[data-ui=toast]>[data-part=list]>[data-part=item][data-dragging]{cursor:grabbing;transition:none;translate:var(--slotted-toast-swipe-x, 0px) var(--slotted-toast-swipe-y, 0px);touch-action:none;-webkit-user-select:none;user-select:none}[data-ui=toast][data-swipe=true]>[data-part=list]>[data-part=item]{touch-action:none}@container slotted-toast (max-width: 20rem){[data-ui=toast]>[data-part=list]>[data-part=item]{--_inset-block: var(--slotted-toast-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-toast-padding-inline, var(--slotted-space-5, .75rem))}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=actions]{align-items:flex-start;flex-direction:column}}@media(forced-colors:active){[data-ui=toast]>[data-part=list]>[data-part=item]{border-color:CanvasText}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=icon]{color:CanvasText}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]{color:CanvasText}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:enabled:hover,[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=close]:enabled:active{background-color:Highlight;color:HighlightText}[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=progress]{background-color:CanvasText;opacity:1}}@media(prefers-reduced-motion:reduce){[data-ui=toast]>[data-part=list]>[data-part=item]>[data-part=progress]{animation-name:none;inline-size:100%}}}\n"] }]
+  </section>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents' }, styles: ["@layer slotted.components{[data-ui-toast][data-part-root]{--_offset: var(--slotted-toast-offset, var(--slotted-space-6, 1rem));--_measure: var(--slotted-toast-measure, 24rem);--_gap: var(--slotted-toast-gap, var(--slotted-space-5, .75rem));--_stack-step: var(--slotted-toast-stack-step, var(--slotted-space-3, .375rem));--_stack-fade: var(--slotted-toast-stack-fade, .15);--_enter-shift: var(--slotted-space-7, 1.25rem);box-sizing:border-box;container-name:slotted-toast;container-type:inline-size;inline-size:min(var(--_measure),calc(100% - 2 * var(--_offset)));position:fixed;z-index:var(--slotted-z-index-toast, 1200);pointer-events:none}[data-ui-toast][data-part-root][data-attach=inline]{position:absolute}[data-ui-toast][data-part-root][data-placement^=top]{inset-block-start:var(--_offset)}[data-ui-toast][data-part-root][data-placement^=bottom]{inset-block-end:var(--_offset)}[data-ui-toast][data-part-root][data-placement$=-start]{inset-inline-start:var(--_offset)}[data-ui-toast][data-part-root][data-placement$=-end]{inset-inline-end:var(--_offset)}[data-ui-toast][data-part-root][data-placement=top],[data-ui-toast][data-part-root][data-placement=bottom]{inset-inline:var(--_offset);margin-inline:auto}[data-ui-toast]>[data-part-list]{display:flex;flex-direction:column;gap:var(--_gap);list-style:none;margin:0;padding:0;pointer-events:none}[data-ui-toast][data-placement^=bottom]>[data-part-list]{flex-direction:column-reverse}[data-ui-toast][data-expanded]>[data-part-list]{pointer-events:auto}[data-ui-toast]>[data-part-list]>[data-part-item]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_tone-surface: var(--slotted-tone-accent-surface);--_tone-border: var(--slotted-tone-accent-border);--_tone-text: var(--slotted-tone-accent-text);--_ground: var(--slotted-toast-surface, var(--slotted-surface-raised, #ffffff));--_edge: var(--slotted-toast-border-color, var(--slotted-border-subtle, #e2e8f0));--_ink: var(--slotted-toast-text, var(--slotted-text, #0f172a));--_ink-muted: var(--slotted-toast-text-muted, var(--slotted-text-muted, #5b6b7f));--_mark: var(--_tone-text);--_state-hover: color-mix( in oklab, currentcolor var(--slotted-toast-state-layer-hover, 10%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-toast-state-layer-active, 16%), transparent );--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_mark-size: round(nearest, 1.2em, 2px);--_line-height: var(--slotted-line-height-md, 1.5);--_inset-block: var(--slotted-toast-padding-block, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-toast-padding-inline, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-toast-column-gap, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-toast-row-gap, var(--slotted-space-5, .75rem));--_text-gap: var(--slotted-toast-text-gap, var(--slotted-space-2, .25rem));--_radius: var(--slotted-toast-radius, var(--slotted-radius-lg, 8px));--_border-width: var(--slotted-toast-border-width, var(--slotted-border-width-thin, 1px));--_close-size: var( --slotted-toast-close-size, max( var(--slotted-target-min, 24px), min(calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) ) );--_progress-size: var(--slotted-toast-progress-size, var(--slotted-space-1, .125rem));background-color:var(--_ground);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-toast-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--_ink);column-gap:0;display:grid;font-family:var(--slotted-toast-font-family, var(--slotted-control-font-family, sans-serif));font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr) auto;line-height:round(nearest,calc(var(--_line-height) * 1em),2px);pointer-events:auto;position:relative;overflow:hidden;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);opacity:0;translate:0 var(--_enter-shift);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-toast][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--_enter-shift))}[data-ui-toast]>[data-part-list]>[data-part-item][data-open]{opacity:1;translate:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_tone-surface: var(--slotted-tone-accent-surface);--_tone-border: var(--slotted-tone-accent-border);--_tone-text: var(--slotted-tone-accent-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_tone-surface: var(--slotted-tone-secondary-surface);--_tone-border: var(--slotted-tone-secondary-border);--_tone-text: var(--slotted-tone-secondary-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_tone-surface: var(--slotted-tone-success-surface);--_tone-border: var(--slotted-tone-success-border);--_tone-text: var(--slotted-tone-success-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=info]{--_solid: var(--slotted-tone-info-solid);--_on-solid: var(--slotted-tone-info-on-solid);--_tone-surface: var(--slotted-tone-info-surface);--_tone-border: var(--slotted-tone-info-border);--_tone-text: var(--slotted-tone-info-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_tone-surface: var(--slotted-tone-warning-surface);--_tone-border: var(--slotted-tone-warning-border);--_tone-text: var(--slotted-tone-warning-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_tone-surface: var(--slotted-tone-danger-surface);--_tone-border: var(--slotted-tone-danger-border);--_tone-text: var(--slotted-tone-danger-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=raised]{-webkit-backdrop-filter:var(--slotted-toast-backdrop-filter, none);backdrop-filter:var(--slotted-toast-backdrop-filter, none)}@media(prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=raised]{-webkit-backdrop-filter:none;backdrop-filter:none}}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=soft]{--_ground: var(--_tone-surface);--_edge: var(--_tone-border);--_ink: var(--_tone-text);--_ink-muted: var(--_tone-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]{--_ground: var(--_solid);--_edge: var(--_solid);--_ink: var(--_on-solid);--_ink-muted: var(--_on-solid);--_mark: var(--_on-solid)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-icon]{--slotted-icon-size: calc(var(--_mark-size) * 12 / 11);--slotted-progress-indicator-size: var(--_mark-size);--slotted-progress-indicator-indicator-color: var(--_mark);--slotted-progress-indicator-track-color: color-mix(in oklab, var(--_mark) 24%, var(--_ground));align-items:center;align-self:baseline;block-size:var(--_mark-size);color:var(--_mark);contain:layout;display:flex;grid-column:1;grid-row:1;inline-size:var(--_mark-size);inset-block-start:round(nearest,(var(--_mark-size) - 1cap) / 2,1px);justify-content:center;margin-block-start:calc(-1 * var(--_mark-size));margin-inline-end:var(--_column-gap);position:relative}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]{align-self:baseline;display:grid;grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);min-inline-size:0;row-gap:var(--_text-gap)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]>[data-part-title]{font-family:var( --slotted-toast-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-weight:var(--slotted-toast-title-font-weight, var(--slotted-font-weight-semibold, 600));margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]>[data-part-description]{color:var(--_ink-muted);margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-toast-actions-gap, var(--slotted-space-3, .375rem));grid-column:2;grid-row:2;min-inline-size:0}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{--slotted-icon-size: var(--_glyph-size);align-items:center;align-self:start;appearance:none;background-color:transparent;block-size:var(--_close-size);border:0;border-radius:var(--slotted-toast-close-radius, var(--slotted-control-radius, 4px));color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;grid-column:3;grid-row:1;inline-size:var(--_close-size);justify-content:center;margin-block-end:calc((1lh - var(--_close-size)) / 2);margin-block-start:calc((1lh - var(--_close-size)) / 2);margin-inline-end:calc((1lh - var(--_close-size)) / 2);margin-inline-start:var(--_column-gap);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:hover{background-color:var(--_state-hover)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:active{background-color:var(--_state-active)}@media(pointer:coarse){[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{position:relative}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:focus-visible,[data-ui-toast]>[data-part-list]>[data-part-item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:focus-visible{outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-toast]>[data-part-list]>[data-part-item]:focus-visible{outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]>[data-part-close]:focus-visible{box-shadow:inset 0 0 0 calc(2 * var(--slotted-focus-ring-width, 2px)) var(--_on-solid)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{animation-duration:var(--slotted-toast-duration, var(--slotted-duration-long));animation-fill-mode:forwards;animation-name:slotted-toast-countdown;animation-play-state:var(--slotted-toast-play-state, running);animation-timing-function:linear;background-color:var(--_solid);block-size:var(--_progress-size);inset-block-end:0;inset-inline-start:0;position:absolute}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]>[data-part-progress]{background-color:var(--_on-solid);opacity:.7}@keyframes slotted-toast-countdown{0%{inline-size:100%}to{inline-size:0%}}[data-ui-toast][data-stacking=stack]>[data-part-list]{display:block;position:relative}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item]{block-size:var(--slotted-toast-front-height, auto);inset-inline:0;position:absolute;z-index:calc(var(--slotted-toast-count, 1) - var(--slotted-toast-index, 0));transition:block-size var(--slotted-duration-medium) var(--slotted-easing-standard),opacity var(--slotted-duration-medium) var(--slotted-easing-standard),translate var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item][data-open]{opacity:calc(1 - min(var(--slotted-toast-index, 0),2) * var(--_stack-fade))}[data-ui-toast][data-stacking=stack][data-placement^=bottom]>[data-part-list]>[data-part-item]{inset-block-end:0;translate:0 calc(-1 * var(--slotted-toast-index, 0) * var(--_stack-step))}[data-ui-toast][data-stacking=stack][data-placement^=top]>[data-part-list]>[data-part-item]{inset-block-start:0;translate:0 calc(var(--slotted-toast-index, 0) * var(--_stack-step))}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]>[data-part-item]{block-size:var(--slotted-toast-height, auto)}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]{block-size:var(--slotted-toast-stack-height, auto)}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]>[data-part-item][data-open]{opacity:1}[data-ui-toast][data-stacking=stack][data-expanded][data-placement^=bottom]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--slotted-toast-stack-offset, 0px))}[data-ui-toast][data-stacking=stack][data-expanded][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 var(--slotted-toast-stack-offset, 0px)}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item]>*{transition:opacity var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-toast][data-stacking=stack]:not([data-expanded]) [data-part-item]>*{opacity:calc(1 - min(1,var(--slotted-toast-index, 0)))}[data-ui-toast]>[data-part-list]>[data-part-item][data-dragging]{cursor:grabbing;transition:none;translate:var(--slotted-toast-swipe-x, 0px) var(--slotted-toast-swipe-y, 0px);touch-action:none;-webkit-user-select:none;user-select:none}[data-ui-toast][data-swipe=true]>[data-part-list]>[data-part-item]{touch-action:none}@container slotted-toast (max-width: 20rem){[data-ui-toast]>[data-part-list]>[data-part-item]{--_inset-block: var(--slotted-toast-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-toast-padding-inline, var(--slotted-space-5, .75rem))}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-actions]{align-items:flex-start;flex-direction:column}}@media(forced-colors:active){[data-ui-toast]>[data-part-list]>[data-part-item]{border-color:CanvasText}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-icon]{color:CanvasText}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{color:CanvasText}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:hover,[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:active{background-color:Highlight;color:HighlightText}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{background-color:CanvasText;opacity:1}}@media(prefers-reduced-motion:reduce){[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{animation-name:none;inline-size:100%}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], attach: [{ type: i0.Input, args: [{ isSignal: true, alias: "attach", required: false }] }], stacking: [{ type: i0.Input, args: [{ isSignal: true, alias: "stacking", required: false }] }], swipe: [{ type: i0.Input, args: [{ isSignal: true, alias: "swipe", required: false }] }], limit: [{ type: i0.Input, args: [{ isSignal: true, alias: "limit", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], pauseOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "pauseOnHover", required: false }] }], pauseWhenHidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "pauseWhenHidden", required: false }] }], hotkey: [{ type: i0.Input, args: [{ isSignal: true, alias: "hotkey", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], toasts: [{ type: i0.Input, args: [{ isSignal: true, alias: "toasts", required: false }] }], toastsChange: [{ type: i0.Output, args: ["toastsChange"] }], layer: [{ type: i0.ViewChild, args: ['layer', { isSignal: true }] }] } });
 
 /**
@@ -784,7 +796,7 @@ class SlToastIcon {
     tone = computed(() => this.item?.tone() ?? 'accent', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlToastIcon, isStandalone: true, selector: "[slToastIcon]", host: { attributes: { "data-part": "icon", "aria-hidden": "true" } }, exportAs: ["slToastIcon"], ngImport: i0, template: `<ng-content>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlToastIcon, isStandalone: true, selector: "[slToastIcon]", host: { attributes: { "data-part": "icon", "data-part-icon": "", "aria-hidden": "true" } }, exportAs: ["slToastIcon"], ngImport: i0, template: `<ng-content>
     @if (loading()) {
       <div slLoader contained decorative [delay]="0" [minDuration]="0" [tone]="tone()"></div>
     } @else if (mark(); as glyph) {
@@ -807,13 +819,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     }
   </ng-content>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: { 'data-part': 'icon', 'aria-hidden': 'true' },
+                    host: { 'data-part': 'icon', 'data-part-icon': '', 'aria-hidden': 'true' },
                 }]
         }] });
 /** The words, and the one column that is allowed to shrink. */
 class SlToastContent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlToastContent, isStandalone: true, selector: "[slToastContent]", host: { attributes: { "data-part": "content" } }, exportAs: ["slToastContent"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlToastContent, isStandalone: true, selector: "[slToastContent]", host: { attributes: { "data-part": "content", "data-part-content": "" } }, exportAs: ["slToastContent"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastContent, decorators: [{
             type: Directive,
@@ -821,7 +833,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slToastContent]',
                     standalone: true,
                     exportAs: 'slToastContent',
-                    host: { 'data-part': 'content' },
+                    host: { 'data-part': 'content', 'data-part-content': '' },
                 }]
         }] });
 /**
@@ -830,7 +842,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlToastTitle {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlToastTitle, isStandalone: true, selector: "[slToastTitle]", host: { attributes: { "data-part": "title" } }, exportAs: ["slToastTitle"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlToastTitle, isStandalone: true, selector: "[slToastTitle]", host: { attributes: { "data-part": "title", "data-part-title": "" } }, exportAs: ["slToastTitle"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastTitle, decorators: [{
             type: Directive,
@@ -838,13 +850,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slToastTitle]',
                     standalone: true,
                     exportAs: 'slToastTitle',
-                    host: { 'data-part': 'title' },
+                    host: { 'data-part': 'title', 'data-part-title': '' },
                 }]
         }] });
 /** The message. Written on a `p`, which is what a sentence of prose is. */
 class SlToastDescription {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlToastDescription, isStandalone: true, selector: "[slToastDescription]", host: { attributes: { "data-part": "description" } }, exportAs: ["slToastDescription"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlToastDescription, isStandalone: true, selector: "[slToastDescription]", host: { attributes: { "data-part": "description", "data-part-description": "" } }, exportAs: ["slToastDescription"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastDescription, decorators: [{
             type: Directive,
@@ -852,7 +864,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slToastDescription]',
                     standalone: true,
                     exportAs: 'slToastDescription',
-                    host: { 'data-part': 'description' },
+                    host: { 'data-part': 'description', 'data-part-description': '' },
                 }]
         }] });
 /**
@@ -861,7 +873,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlToastActions {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlToastActions, isStandalone: true, selector: "[slToastActions]", host: { attributes: { "data-part": "actions" } }, exportAs: ["slToastActions"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlToastActions, isStandalone: true, selector: "[slToastActions]", host: { attributes: { "data-part": "actions", "data-part-actions": "" } }, exportAs: ["slToastActions"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastActions, decorators: [{
             type: Directive,
@@ -869,13 +881,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slToastActions]',
                     standalone: true,
                     exportAs: 'slToastActions',
-                    host: { 'data-part': 'actions' },
+                    host: { 'data-part': 'actions', 'data-part-actions': '' },
                 }]
         }] });
 /** The control that puts the message away. A real button with a real name. */
 class SlToastClose {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastClose, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlToastClose, isStandalone: true, selector: "button[slToastClose]", host: { attributes: { "data-part": "close", "type": "button" } }, exportAs: ["slToastClose"], ngImport: i0, template: `<ng-content
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlToastClose, isStandalone: true, selector: "button[slToastClose]", host: { attributes: { "data-part": "close", "data-part-close": "", "type": "button" } }, exportAs: ["slToastClose"], ngImport: i0, template: `<ng-content
     ><span slIcon><svg slGlyph name="x"></svg></span
   ></ng-content>`, isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -891,13 +903,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     ><span slIcon><svg slGlyph name="x"></svg></span
   ></ng-content>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: { 'data-part': 'close', type: 'button' },
+                    host: { 'data-part': 'close', 'data-part-close': '', type: 'button' },
                 }]
         }] });
 /** How much of the duration is left, drawn from the number the timer reads. */
 class SlToastProgress {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastProgress, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlToastProgress, isStandalone: true, selector: "[slToastProgress]", host: { attributes: { "data-part": "progress", "aria-hidden": "true" } }, exportAs: ["slToastProgress"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlToastProgress, isStandalone: true, selector: "[slToastProgress]", host: { attributes: { "data-part": "progress", "data-part-progress": "", "aria-hidden": "true" } }, exportAs: ["slToastProgress"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToastProgress, decorators: [{
             type: Directive,
@@ -905,7 +917,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slToastProgress]',
                     standalone: true,
                     exportAs: 'slToastProgress',
-                    host: { 'data-part': 'progress', 'aria-hidden': 'true' },
+                    host: { 'data-part': 'progress', 'data-part-progress': '', 'aria-hidden': 'true' },
                 }]
         }] });