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

package/fesm2022/slotted-angular-result-state.mjs

@@ -144,19 +144,21 @@ class SlResultState {
         this.host.nativeElement.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlResultState, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlResultState, isStandalone: true, selector: "[slResultState]", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, reach: { classPropertyName: "reach", publicName: "reach", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "result-state", "data-part": "root" }, properties: { "attr.data-status": "resolvedStatus()", "attr.data-reach": "resolvedReach()", "attr.data-align": "resolvedAlign()", "attr.data-illustration": "resolvedIllustration()", "attr.data-live": "resolvedLive()", "attr.tabindex": "writtenTabIndex ?? -1", "attr.aria-labelledby": "labelledBy()" } }, exportAs: ["slResultState"], ngImport: i0, template: `<div aria-hidden="true" data-part="media">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlResultState, isStandalone: true, selector: "[slResultState]", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, reach: { classPropertyName: "reach", publicName: "reach", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "result-state", "data-ui-result-state": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-status": "resolvedStatus()", "attr.data-reach": "resolvedReach()", "attr.data-align": "resolvedAlign()", "attr.data-illustration": "resolvedIllustration()", "attr.data-live": "resolvedLive()", "attr.tabindex": "writtenTabIndex ?? -1", "attr.aria-labelledby": "labelledBy()" } }, exportAs: ["slResultState"], ngImport: i0, template: `<div aria-hidden="true" data-part="media" data-part-media="">
       <ng-content select="[slResultStateMedia]" />
     </div>
-    <ng-content />`, isInline: true, styles: ["@layer slotted.components{[data-ui=result-state][data-part=root]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-xl, 1.125rem) );--_title-line-height: var(--slotted-line-height-xl, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-md, .875rem) );--_media-size: var(--slotted-result-state-media-size, var(--slotted-control-height-md, 34px));--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-9, 2rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-result-state-column-gap, var(--slotted-space-4, .5rem));--_text-gap: var(--slotted-result-state-text-gap, var(--slotted-space-4, .5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-8, 1.5rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, -.01em);--_art: var(--slotted-control-height-lg, 38px);--_art-glyph: var(--slotted-control-icon-size-lg, 18px);container-name:slotted-result-state;container-type:inline-size;inline-size:100%;box-sizing:border-box;color:var(--slotted-text);display:grid;font-family:var( --slotted-result-state-font-family, var(--slotted-font-family-sans, sans-serif) );font-size:var(--_title-font-size);grid-template-columns:minmax(0,1fr);isolation:isolate;line-height:var(--_title-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete}[data-ui=result-state][data-part=root][data-reach=inline]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-sm, .8125rem) );--_title-line-height: var(--slotted-line-height-sm, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-xs, .75rem) );--_media-size: var( --slotted-result-state-media-size, var(--slotted-control-icon-size-md, 16px) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-3, .375rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, 0);grid-template-columns:auto minmax(0,auto) auto}[data-ui=result-state][data-part=root][data-reach=page]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-3xl, 1.5rem) );--_title-line-height: var(--slotted-line-height-3xl, 1.3);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-lg, 1rem) );--_media-size: var( --slotted-result-state-media-size, calc(var(--slotted-control-height-lg, 38px) * 1.5) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-12, 4rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-8, 1.5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-9, 2rem));--_art: calc(var(--slotted-control-height-lg, 38px) * 1.5);--_art-glyph: calc(var(--slotted-control-icon-size-lg, 18px) * 1.5)}[data-ui=result-state][data-part=root][data-align=center]{justify-items:center;text-align:center}[data-ui=result-state][data-part=root][data-align=start]{justify-items:start;text-align:start}[data-ui=result-state][data-part=root][data-reach=inline][data-align=center]{justify-content:center;justify-items:stretch}[data-ui=result-state][data-part=root][data-reach=inline][data-align=start]{justify-content:start;justify-items:stretch}[data-ui=result-state]>[data-part=media]:empty{background:var(--slotted-result-state-media) center / contain no-repeat;block-size:var(--_media-size);display:none;inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty){align-items:center;background-color:transparent;block-size:var(--_media-size);display:flex;inline-size:auto;justify-content:center;min-inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty)>*{block-size:100%;inline-size:auto;max-inline-size:100%}[data-ui=result-state][data-reach=inline]>[data-part=media]:not(:empty){align-self:start;grid-column:1;grid-row:1;margin-block-start:calc((1lh - var(--_media-size)) / 2);margin-inline-end:var(--_column-gap)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty){--_ring: var(--slotted-space-2, .25rem);--_inner-radius: var(--slotted-radius-lg, 8px);background-color:var(--slotted-surface-sunken);block-size:calc(var(--_art) + 2 * var(--_ring));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_inner-radius) + var(--_ring));box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:calc(var(--_art) + 2 * var(--_ring));min-inline-size:0;position:relative;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),scale var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty):before{background-color:var(--slotted-surface-raised);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--_inner-radius);box-shadow:var(--slotted-shadow-xs);content:\"\";inset:calc(var(--_ring) - var(--slotted-border-width-thin, 1px));position:absolute;z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty)>*{block-size:var(--_art-glyph);inline-size:var(--_art-glyph);position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty){--_side: calc(var(--_art) + var(--slotted-space-2, .25rem));--_lean: 1;--_step-x: calc(var(--_side) * -.36 * var(--_lean));--_step-y: calc(var(--_side) * -.3);--_layer-border: var(--slotted-border-width-thin, 1px);--_far: color-mix(in oklab, var(--slotted-border-subtle) 60%, transparent);block-size:var(--_side);border-radius:var(--slotted-radius-lg, 8px);box-shadow:calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 0 var(--slotted-surface-raised),calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 var(--_layer-border) var(--_far);box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:var(--_side);margin-block:calc(var(--_side) * .37);margin-inline:calc(var(--_side) * .28);min-inline-size:0;position:relative;transform:skewY(calc(-26deg * var(--_lean))) scaleX(.9);transition:box-shadow var(--slotted-duration-long) var(--slotted-easing-enter);translate:calc(var(--_side) * .325 * var(--_lean)) calc(var(--_side) * .145)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]:dir(rtl)>[data-part=media]:not(:empty){--_lean: -1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{background-color:var(--slotted-surface-raised);border:var(--_layer-border) solid var(--slotted-border-subtle);border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before{border-color:color-mix(in oklab,var(--slotted-border-subtle),var(--slotted-border-strong) 30%);box-shadow:var(--slotted-shadow-sm);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);translate:var(--_step-x) var(--_step-y);z-index:-2}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty)>*{block-size:calc(var(--_side) * .5);inline-size:calc(var(--_side) * .5)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]{--_pad: var(--slotted-space-6, 1rem);--_gap: var(--slotted-space-5, .75rem);--_thumb: var(--slotted-control-height-sm, 30px);--_step: var(--slotted-space-5, .75rem);--_line: var(--slotted-space-4, .5rem);--_line-2: var(--slotted-space-3, .375rem);--_line-gap: var(--slotted-space-3, .375rem);--_lines-x: calc(var(--_pad) + var(--_thumb) + var(--_gap));--_line-1-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .75 );--_line-2-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .5 );--_line-1-y: calc( (var(--_thumb) + 2 * var(--_pad) - var(--_line) - var(--_line-gap) - var(--_line-2)) / 2 );--_edge: left;--_ink: var(--slotted-border-subtle);--_ink-2: color-mix(in oklab, var(--slotted-border-subtle) 60%, var(--slotted-surface-raised));align-items:center;background:radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-1-length) - var(--_line)) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,linear-gradient(var(--_ink),var(--_ink)) var(--_edge) calc(var(--_lines-x) + var(--_line) / 2) top var(--_line-1-y) / calc(var(--_line-1-length) - var(--_line)) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-2-length) - var(--_line-2)) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,linear-gradient(var(--_ink-2),var(--_ink-2)) var(--_edge) calc(var(--_lines-x) + var(--_line-2) / 2) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / calc(var(--_line-2-length) - var(--_line-2)) var(--_line-2) no-repeat,var(--slotted-surface-raised);background-origin:border-box;block-size:calc(var(--_thumb) + 2 * var(--_pad));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-lg, 8px);box-shadow:var(--slotted-shadow-sm);box-sizing:border-box;color:var(--slotted-text-muted);display:flex;forced-color-adjust:none;inline-size:calc(var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem));justify-content:flex-start;margin-block-start:calc(2 * var(--_step));max-inline-size:100%;min-inline-size:0;padding-inline:calc(var(--_pad) - var(--slotted-border-width-thin, 1px));position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:empty{--_lines-x: var(--_pad)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]:dir(rtl)>[data-part=media]{--_edge: right}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{background-color:var(--slotted-surface-sunken);block-size:100%;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:inherit;box-sizing:border-box;content:\"\";inset-block-start:calc(-1 * var(--slotted-border-width-thin, 1px));position:absolute;transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before{border-color:var(--_ink-2);inset-inline:calc(2 * var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-2 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{inset-inline:calc(var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-1 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]>*{background-color:var(--slotted-surface-sunken);block-size:var(--_thumb);border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;flex:none;inline-size:var(--_thumb);padding:calc((var(--_thumb) - var(--slotted-control-icon-size-md, 16px)) / 2)}[data-ui=result-state]>[data-part=content]{display:grid;min-inline-size:0;row-gap:var(--_text-gap)}[data-ui=result-state][data-reach=inline]>[data-part=content]{grid-column:2;grid-row:1}[data-ui=result-state] [data-part=title]{font-family:var( --slotted-result-state-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-result-state-title-font-weight, var(--slotted-font-weight-semibold, 600) );letter-spacing:var(--_title-tracking);line-height:var(--_title-line-height);margin:0;min-inline-size:0;overflow-wrap:break-word;text-wrap:balance}[data-ui=result-state] [data-part=description]{color:var(--slotted-text-muted);font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:break-word}[data-ui=result-state]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-result-state-actions-gap, var(--slotted-space-4, .5rem));min-inline-size:0}[data-ui=result-state][data-align=center]>[data-part=actions]{justify-content:center}[data-ui=result-state]:not([data-reach=inline])>[data-part=content]+[data-part=actions]{margin-block-start:calc(var(--_actions-gap) - var(--_row-gap))}[data-ui=result-state][data-reach=inline]>[data-part=actions]{align-content:center;align-self:start;block-size:1lh;grid-column:3;grid-row:1;margin-inline-start:var(--_column-gap)}[data-ui=result-state]>[data-part=footer]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:2}[data-ui=result-state][data-part=root]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-result-state (max-width: 20rem){[data-ui=result-state]>[data-part=actions]{flex-direction:column}[data-ui=result-state][data-align=center]>[data-part=actions]{align-items:center}[data-ui=result-state][data-align=start]>[data-part=actions]{align-items:flex-start}[data-ui=result-state][data-reach=inline]{grid-template-columns:auto minmax(0,1fr)}[data-ui=result-state][data-reach=inline]>[data-part=actions]{block-size:auto;grid-column:2;grid-row:2;margin-inline-start:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:3}}[data-ui=result-state][data-part=root][hidden]{display:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) var(--slotted-easing-exit)}@starting-style{[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive]){opacity:0}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])>[data-part=media]{--_step-x: 0px;--_step-y: 0px}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=tile]>[data-part=media]{opacity:0;scale:.96}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:after{translate:0 0}}[data-ui=result-state][data-illustration=cards]>[data-part=media]:before{transition-delay:var(--slotted-duration-short)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    <ng-content />`, isInline: true, styles: ["@layer slotted.components{[data-ui-result-state][data-part-root]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-xl, 1.125rem) );--_title-line-height: var(--slotted-line-height-xl, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-md, .875rem) );--_media-size: var(--slotted-result-state-media-size, var(--slotted-control-height-md, 34px));--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-9, 2rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-result-state-column-gap, var(--slotted-space-4, .5rem));--_text-gap: var(--slotted-result-state-text-gap, var(--slotted-space-4, .5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-8, 1.5rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, -.01em);--_art: var(--slotted-control-height-lg, 38px);--_art-glyph: var(--slotted-control-icon-size-lg, 18px);container-name:slotted-result-state;container-type:inline-size;inline-size:100%;box-sizing:border-box;color:var(--slotted-text);display:grid;font-family:var( --slotted-result-state-font-family, var(--slotted-font-family-sans, sans-serif) );font-size:var(--_title-font-size);grid-template-columns:minmax(0,1fr);isolation:isolate;line-height:var(--_title-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete}[data-ui-result-state][data-part-root][data-reach=inline]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-sm, .8125rem) );--_title-line-height: var(--slotted-line-height-sm, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-xs, .75rem) );--_media-size: var( --slotted-result-state-media-size, var(--slotted-control-icon-size-md, 16px) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-3, .375rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, 0);grid-template-columns:auto minmax(0,auto) auto}[data-ui-result-state][data-part-root][data-reach=page]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-3xl, 1.5rem) );--_title-line-height: var(--slotted-line-height-3xl, 1.3);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-lg, 1rem) );--_media-size: var( --slotted-result-state-media-size, calc(var(--slotted-control-height-lg, 38px) * 1.5) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-12, 4rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-8, 1.5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-9, 2rem));--_art: calc(var(--slotted-control-height-lg, 38px) * 1.5);--_art-glyph: calc(var(--slotted-control-icon-size-lg, 18px) * 1.5)}[data-ui-result-state][data-part-root][data-align=center]{justify-items:center;text-align:center}[data-ui-result-state][data-part-root][data-align=start]{justify-items:start;text-align:start}[data-ui-result-state][data-part-root][data-reach=inline][data-align=center]{justify-content:center;justify-items:stretch}[data-ui-result-state][data-part-root][data-reach=inline][data-align=start]{justify-content:start;justify-items:stretch}[data-ui-result-state]>[data-part-media]:empty{background:var(--slotted-result-state-media) center / contain no-repeat;block-size:var(--_media-size);display:none;inline-size:var(--_media-size)}[data-ui-result-state]>[data-part-media]:not(:empty){align-items:center;background-color:transparent;block-size:var(--_media-size);display:flex;inline-size:auto;justify-content:center;min-inline-size:var(--_media-size)}[data-ui-result-state]>[data-part-media]:not(:empty)>*{block-size:100%;inline-size:auto;max-inline-size:100%}[data-ui-result-state][data-reach=inline]>[data-part-media]:not(:empty){align-self:start;grid-column:1;grid-row:1;margin-block-start:calc((1lh - var(--_media-size)) / 2);margin-inline-end:var(--_column-gap)}[data-ui-result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part-media]:not(:empty){--_ring: var(--slotted-space-2, .25rem);--_inner-radius: var(--slotted-radius-lg, 8px);background-color:var(--slotted-surface-sunken);block-size:calc(var(--_art) + 2 * var(--_ring));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_inner-radius) + var(--_ring));box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:calc(var(--_art) + 2 * var(--_ring));min-inline-size:0;position:relative;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),scale var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part-media]:not(:empty):before{background-color:var(--slotted-surface-raised);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--_inner-radius);box-shadow:var(--slotted-shadow-xs);content:\"\";inset:calc(var(--_ring) - var(--slotted-border-width-thin, 1px));position:absolute;z-index:-1}[data-ui-result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part-media]:not(:empty)>*{block-size:var(--_art-glyph);inline-size:var(--_art-glyph);position:relative}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty){--_side: calc(var(--_art) + var(--slotted-space-2, .25rem));--_lean: 1;--_step-x: calc(var(--_side) * -.36 * var(--_lean));--_step-y: calc(var(--_side) * -.3);--_layer-border: var(--slotted-border-width-thin, 1px);--_far: color-mix(in oklab, var(--slotted-border-subtle) 60%, transparent);block-size:var(--_side);border-radius:var(--slotted-radius-lg, 8px);box-shadow:calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 0 var(--slotted-surface-raised),calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 var(--_layer-border) var(--_far);box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:var(--_side);margin-block:calc(var(--_side) * .37);margin-inline:calc(var(--_side) * .28);min-inline-size:0;position:relative;transform:skewY(calc(-26deg * var(--_lean))) scaleX(.9);transition:box-shadow var(--slotted-duration-long) var(--slotted-easing-enter);translate:calc(var(--_side) * .325 * var(--_lean)) calc(var(--_side) * .145)}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]:dir(rtl)>[data-part-media]:not(:empty){--_lean: -1}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty):before,[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty):after{background-color:var(--slotted-surface-raised);border:var(--_layer-border) solid var(--slotted-border-subtle);border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty):before{border-color:color-mix(in oklab,var(--slotted-border-subtle),var(--slotted-border-strong) 30%);box-shadow:var(--slotted-shadow-sm);z-index:-1}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty):after{transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);translate:var(--_step-x) var(--_step-y);z-index:-2}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty)>*{block-size:calc(var(--_side) * .5);inline-size:calc(var(--_side) * .5)}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]{--_pad: var(--slotted-space-6, 1rem);--_gap: var(--slotted-space-5, .75rem);--_thumb: var(--slotted-control-height-sm, 30px);--_step: var(--slotted-space-5, .75rem);--_line: var(--slotted-space-4, .5rem);--_line-2: var(--slotted-space-3, .375rem);--_line-gap: var(--slotted-space-3, .375rem);--_lines-x: calc(var(--_pad) + var(--_thumb) + var(--_gap));--_line-1-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .75 );--_line-2-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .5 );--_line-1-y: calc( (var(--_thumb) + 2 * var(--_pad) - var(--_line) - var(--_line-gap) - var(--_line-2)) / 2 );--_edge: left;--_ink: var(--slotted-border-subtle);--_ink-2: color-mix(in oklab, var(--slotted-border-subtle) 60%, var(--slotted-surface-raised));align-items:center;background:radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-1-length) - var(--_line)) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,linear-gradient(var(--_ink),var(--_ink)) var(--_edge) calc(var(--_lines-x) + var(--_line) / 2) top var(--_line-1-y) / calc(var(--_line-1-length) - var(--_line)) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-2-length) - var(--_line-2)) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,linear-gradient(var(--_ink-2),var(--_ink-2)) var(--_edge) calc(var(--_lines-x) + var(--_line-2) / 2) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / calc(var(--_line-2-length) - var(--_line-2)) var(--_line-2) no-repeat,var(--slotted-surface-raised);background-origin:border-box;block-size:calc(var(--_thumb) + 2 * var(--_pad));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-lg, 8px);box-shadow:var(--slotted-shadow-sm);box-sizing:border-box;color:var(--slotted-text-muted);display:flex;forced-color-adjust:none;inline-size:calc(var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem));justify-content:flex-start;margin-block-start:calc(2 * var(--_step));max-inline-size:100%;min-inline-size:0;padding-inline:calc(var(--_pad) - var(--slotted-border-width-thin, 1px));position:relative}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:empty{--_lines-x: var(--_pad)}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]:dir(rtl)>[data-part-media]{--_edge: right}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:before,[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:after{background-color:var(--slotted-surface-sunken);block-size:100%;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:inherit;box-sizing:border-box;content:\"\";inset-block-start:calc(-1 * var(--slotted-border-width-thin, 1px));position:absolute;transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);z-index:-1}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:before{border-color:var(--_ink-2);inset-inline:calc(2 * var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-2 * var(--_step))}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:after{inset-inline:calc(var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-1 * var(--_step))}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]>*{background-color:var(--slotted-surface-sunken);block-size:var(--_thumb);border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;flex:none;inline-size:var(--_thumb);padding:calc((var(--_thumb) - var(--slotted-control-icon-size-md, 16px)) / 2)}[data-ui-result-state]>[data-part-content]{display:grid;min-inline-size:0;row-gap:var(--_text-gap)}[data-ui-result-state][data-reach=inline]>[data-part-content]{grid-column:2;grid-row:1}[data-ui-result-state] [data-part-title]{font-family:var( --slotted-result-state-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-result-state-title-font-weight, var(--slotted-font-weight-semibold, 600) );letter-spacing:var(--_title-tracking);line-height:var(--_title-line-height);margin:0;min-inline-size:0;overflow-wrap:break-word;text-wrap:balance}[data-ui-result-state] [data-part-description]{color:var(--slotted-text-muted);font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:break-word}[data-ui-result-state]>[data-part-actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-result-state-actions-gap, var(--slotted-space-4, .5rem));min-inline-size:0}[data-ui-result-state][data-align=center]>[data-part-actions]{justify-content:center}[data-ui-result-state]:not([data-reach=inline])>[data-part-content]+[data-part-actions]{margin-block-start:calc(var(--_actions-gap) - var(--_row-gap))}[data-ui-result-state][data-reach=inline]>[data-part-actions]{align-content:center;align-self:start;block-size:1lh;grid-column:3;grid-row:1;margin-inline-start:var(--_column-gap)}[data-ui-result-state]>[data-part-footer]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0}[data-ui-result-state][data-reach=inline]>[data-part-footer]{grid-column:2;grid-row:2}[data-ui-result-state][data-part-root]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-result-state (max-width: 20rem){[data-ui-result-state]>[data-part-actions]{flex-direction:column}[data-ui-result-state][data-align=center]>[data-part-actions]{align-items:center}[data-ui-result-state][data-align=start]>[data-part-actions]{align-items:flex-start}[data-ui-result-state][data-reach=inline]{grid-template-columns:auto minmax(0,1fr)}[data-ui-result-state][data-reach=inline]>[data-part-actions]{block-size:auto;grid-column:2;grid-row:2;margin-inline-start:0}[data-ui-result-state][data-reach=inline]>[data-part-footer]{grid-column:2;grid-row:3}}[data-ui-result-state][data-part-root][hidden]{display:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) var(--slotted-easing-exit)}@starting-style{[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive]){opacity:0}[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive])>[data-part-media]{--_step-x: 0px;--_step-y: 0px}[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive])[data-illustration=tile]>[data-part-media]{opacity:0;scale:.96}[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part-media]:before,[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part-media]:after{translate:0 0}}[data-ui-result-state][data-illustration=cards]>[data-part-media]:before{transition-delay:var(--slotted-duration-short)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlResultState, decorators: [{
             type: Component,
-            args: [{ selector: '[slResultState]', standalone: true, exportAs: 'slResultState', template: `<div aria-hidden="true" data-part="media">
+            args: [{ selector: '[slResultState]', standalone: true, exportAs: 'slResultState', template: `<div aria-hidden="true" data-part="media" data-part-media="">
       <ng-content select="[slResultStateMedia]" />
     </div>
     <ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         'data-ui': 'result-state',
+                        'data-ui-result-state': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-status]': 'resolvedStatus()',
                         '[attr.data-reach]': 'resolvedReach()',
                         '[attr.data-align]': 'resolvedAlign()',
@@ -164,7 +166,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-live]': 'resolvedLive()',
                         '[attr.tabindex]': 'writtenTabIndex ?? -1',
                         '[attr.aria-labelledby]': 'labelledBy()',
-                    }, styles: ["@layer slotted.components{[data-ui=result-state][data-part=root]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-xl, 1.125rem) );--_title-line-height: var(--slotted-line-height-xl, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-md, .875rem) );--_media-size: var(--slotted-result-state-media-size, var(--slotted-control-height-md, 34px));--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-9, 2rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-result-state-column-gap, var(--slotted-space-4, .5rem));--_text-gap: var(--slotted-result-state-text-gap, var(--slotted-space-4, .5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-8, 1.5rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, -.01em);--_art: var(--slotted-control-height-lg, 38px);--_art-glyph: var(--slotted-control-icon-size-lg, 18px);container-name:slotted-result-state;container-type:inline-size;inline-size:100%;box-sizing:border-box;color:var(--slotted-text);display:grid;font-family:var( --slotted-result-state-font-family, var(--slotted-font-family-sans, sans-serif) );font-size:var(--_title-font-size);grid-template-columns:minmax(0,1fr);isolation:isolate;line-height:var(--_title-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete}[data-ui=result-state][data-part=root][data-reach=inline]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-sm, .8125rem) );--_title-line-height: var(--slotted-line-height-sm, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-xs, .75rem) );--_media-size: var( --slotted-result-state-media-size, var(--slotted-control-icon-size-md, 16px) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-3, .375rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, 0);grid-template-columns:auto minmax(0,auto) auto}[data-ui=result-state][data-part=root][data-reach=page]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-3xl, 1.5rem) );--_title-line-height: var(--slotted-line-height-3xl, 1.3);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-lg, 1rem) );--_media-size: var( --slotted-result-state-media-size, calc(var(--slotted-control-height-lg, 38px) * 1.5) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-12, 4rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-8, 1.5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-9, 2rem));--_art: calc(var(--slotted-control-height-lg, 38px) * 1.5);--_art-glyph: calc(var(--slotted-control-icon-size-lg, 18px) * 1.5)}[data-ui=result-state][data-part=root][data-align=center]{justify-items:center;text-align:center}[data-ui=result-state][data-part=root][data-align=start]{justify-items:start;text-align:start}[data-ui=result-state][data-part=root][data-reach=inline][data-align=center]{justify-content:center;justify-items:stretch}[data-ui=result-state][data-part=root][data-reach=inline][data-align=start]{justify-content:start;justify-items:stretch}[data-ui=result-state]>[data-part=media]:empty{background:var(--slotted-result-state-media) center / contain no-repeat;block-size:var(--_media-size);display:none;inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty){align-items:center;background-color:transparent;block-size:var(--_media-size);display:flex;inline-size:auto;justify-content:center;min-inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty)>*{block-size:100%;inline-size:auto;max-inline-size:100%}[data-ui=result-state][data-reach=inline]>[data-part=media]:not(:empty){align-self:start;grid-column:1;grid-row:1;margin-block-start:calc((1lh - var(--_media-size)) / 2);margin-inline-end:var(--_column-gap)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty){--_ring: var(--slotted-space-2, .25rem);--_inner-radius: var(--slotted-radius-lg, 8px);background-color:var(--slotted-surface-sunken);block-size:calc(var(--_art) + 2 * var(--_ring));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_inner-radius) + var(--_ring));box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:calc(var(--_art) + 2 * var(--_ring));min-inline-size:0;position:relative;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),scale var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty):before{background-color:var(--slotted-surface-raised);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--_inner-radius);box-shadow:var(--slotted-shadow-xs);content:\"\";inset:calc(var(--_ring) - var(--slotted-border-width-thin, 1px));position:absolute;z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty)>*{block-size:var(--_art-glyph);inline-size:var(--_art-glyph);position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty){--_side: calc(var(--_art) + var(--slotted-space-2, .25rem));--_lean: 1;--_step-x: calc(var(--_side) * -.36 * var(--_lean));--_step-y: calc(var(--_side) * -.3);--_layer-border: var(--slotted-border-width-thin, 1px);--_far: color-mix(in oklab, var(--slotted-border-subtle) 60%, transparent);block-size:var(--_side);border-radius:var(--slotted-radius-lg, 8px);box-shadow:calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 0 var(--slotted-surface-raised),calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 var(--_layer-border) var(--_far);box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:var(--_side);margin-block:calc(var(--_side) * .37);margin-inline:calc(var(--_side) * .28);min-inline-size:0;position:relative;transform:skewY(calc(-26deg * var(--_lean))) scaleX(.9);transition:box-shadow var(--slotted-duration-long) var(--slotted-easing-enter);translate:calc(var(--_side) * .325 * var(--_lean)) calc(var(--_side) * .145)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]:dir(rtl)>[data-part=media]:not(:empty){--_lean: -1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{background-color:var(--slotted-surface-raised);border:var(--_layer-border) solid var(--slotted-border-subtle);border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before{border-color:color-mix(in oklab,var(--slotted-border-subtle),var(--slotted-border-strong) 30%);box-shadow:var(--slotted-shadow-sm);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);translate:var(--_step-x) var(--_step-y);z-index:-2}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty)>*{block-size:calc(var(--_side) * .5);inline-size:calc(var(--_side) * .5)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]{--_pad: var(--slotted-space-6, 1rem);--_gap: var(--slotted-space-5, .75rem);--_thumb: var(--slotted-control-height-sm, 30px);--_step: var(--slotted-space-5, .75rem);--_line: var(--slotted-space-4, .5rem);--_line-2: var(--slotted-space-3, .375rem);--_line-gap: var(--slotted-space-3, .375rem);--_lines-x: calc(var(--_pad) + var(--_thumb) + var(--_gap));--_line-1-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .75 );--_line-2-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .5 );--_line-1-y: calc( (var(--_thumb) + 2 * var(--_pad) - var(--_line) - var(--_line-gap) - var(--_line-2)) / 2 );--_edge: left;--_ink: var(--slotted-border-subtle);--_ink-2: color-mix(in oklab, var(--slotted-border-subtle) 60%, var(--slotted-surface-raised));align-items:center;background:radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-1-length) - var(--_line)) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,linear-gradient(var(--_ink),var(--_ink)) var(--_edge) calc(var(--_lines-x) + var(--_line) / 2) top var(--_line-1-y) / calc(var(--_line-1-length) - var(--_line)) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-2-length) - var(--_line-2)) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,linear-gradient(var(--_ink-2),var(--_ink-2)) var(--_edge) calc(var(--_lines-x) + var(--_line-2) / 2) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / calc(var(--_line-2-length) - var(--_line-2)) var(--_line-2) no-repeat,var(--slotted-surface-raised);background-origin:border-box;block-size:calc(var(--_thumb) + 2 * var(--_pad));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-lg, 8px);box-shadow:var(--slotted-shadow-sm);box-sizing:border-box;color:var(--slotted-text-muted);display:flex;forced-color-adjust:none;inline-size:calc(var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem));justify-content:flex-start;margin-block-start:calc(2 * var(--_step));max-inline-size:100%;min-inline-size:0;padding-inline:calc(var(--_pad) - var(--slotted-border-width-thin, 1px));position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:empty{--_lines-x: var(--_pad)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]:dir(rtl)>[data-part=media]{--_edge: right}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{background-color:var(--slotted-surface-sunken);block-size:100%;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:inherit;box-sizing:border-box;content:\"\";inset-block-start:calc(-1 * var(--slotted-border-width-thin, 1px));position:absolute;transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before{border-color:var(--_ink-2);inset-inline:calc(2 * var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-2 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{inset-inline:calc(var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-1 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]>*{background-color:var(--slotted-surface-sunken);block-size:var(--_thumb);border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;flex:none;inline-size:var(--_thumb);padding:calc((var(--_thumb) - var(--slotted-control-icon-size-md, 16px)) / 2)}[data-ui=result-state]>[data-part=content]{display:grid;min-inline-size:0;row-gap:var(--_text-gap)}[data-ui=result-state][data-reach=inline]>[data-part=content]{grid-column:2;grid-row:1}[data-ui=result-state] [data-part=title]{font-family:var( --slotted-result-state-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-result-state-title-font-weight, var(--slotted-font-weight-semibold, 600) );letter-spacing:var(--_title-tracking);line-height:var(--_title-line-height);margin:0;min-inline-size:0;overflow-wrap:break-word;text-wrap:balance}[data-ui=result-state] [data-part=description]{color:var(--slotted-text-muted);font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:break-word}[data-ui=result-state]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-result-state-actions-gap, var(--slotted-space-4, .5rem));min-inline-size:0}[data-ui=result-state][data-align=center]>[data-part=actions]{justify-content:center}[data-ui=result-state]:not([data-reach=inline])>[data-part=content]+[data-part=actions]{margin-block-start:calc(var(--_actions-gap) - var(--_row-gap))}[data-ui=result-state][data-reach=inline]>[data-part=actions]{align-content:center;align-self:start;block-size:1lh;grid-column:3;grid-row:1;margin-inline-start:var(--_column-gap)}[data-ui=result-state]>[data-part=footer]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:2}[data-ui=result-state][data-part=root]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-result-state (max-width: 20rem){[data-ui=result-state]>[data-part=actions]{flex-direction:column}[data-ui=result-state][data-align=center]>[data-part=actions]{align-items:center}[data-ui=result-state][data-align=start]>[data-part=actions]{align-items:flex-start}[data-ui=result-state][data-reach=inline]{grid-template-columns:auto minmax(0,1fr)}[data-ui=result-state][data-reach=inline]>[data-part=actions]{block-size:auto;grid-column:2;grid-row:2;margin-inline-start:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:3}}[data-ui=result-state][data-part=root][hidden]{display:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) var(--slotted-easing-exit)}@starting-style{[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive]){opacity:0}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])>[data-part=media]{--_step-x: 0px;--_step-y: 0px}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=tile]>[data-part=media]{opacity:0;scale:.96}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:after{translate:0 0}}[data-ui=result-state][data-illustration=cards]>[data-part=media]:before{transition-delay:var(--slotted-duration-short)}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-result-state][data-part-root]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-xl, 1.125rem) );--_title-line-height: var(--slotted-line-height-xl, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-md, .875rem) );--_media-size: var(--slotted-result-state-media-size, var(--slotted-control-height-md, 34px));--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-9, 2rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-result-state-column-gap, var(--slotted-space-4, .5rem));--_text-gap: var(--slotted-result-state-text-gap, var(--slotted-space-4, .5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-8, 1.5rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, -.01em);--_art: var(--slotted-control-height-lg, 38px);--_art-glyph: var(--slotted-control-icon-size-lg, 18px);container-name:slotted-result-state;container-type:inline-size;inline-size:100%;box-sizing:border-box;color:var(--slotted-text);display:grid;font-family:var( --slotted-result-state-font-family, var(--slotted-font-family-sans, sans-serif) );font-size:var(--_title-font-size);grid-template-columns:minmax(0,1fr);isolation:isolate;line-height:var(--_title-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete}[data-ui-result-state][data-part-root][data-reach=inline]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-sm, .8125rem) );--_title-line-height: var(--slotted-line-height-sm, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-xs, .75rem) );--_media-size: var( --slotted-result-state-media-size, var(--slotted-control-icon-size-md, 16px) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-3, .375rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, 0);grid-template-columns:auto minmax(0,auto) auto}[data-ui-result-state][data-part-root][data-reach=page]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-3xl, 1.5rem) );--_title-line-height: var(--slotted-line-height-3xl, 1.3);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-lg, 1rem) );--_media-size: var( --slotted-result-state-media-size, calc(var(--slotted-control-height-lg, 38px) * 1.5) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-12, 4rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-8, 1.5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-9, 2rem));--_art: calc(var(--slotted-control-height-lg, 38px) * 1.5);--_art-glyph: calc(var(--slotted-control-icon-size-lg, 18px) * 1.5)}[data-ui-result-state][data-part-root][data-align=center]{justify-items:center;text-align:center}[data-ui-result-state][data-part-root][data-align=start]{justify-items:start;text-align:start}[data-ui-result-state][data-part-root][data-reach=inline][data-align=center]{justify-content:center;justify-items:stretch}[data-ui-result-state][data-part-root][data-reach=inline][data-align=start]{justify-content:start;justify-items:stretch}[data-ui-result-state]>[data-part-media]:empty{background:var(--slotted-result-state-media) center / contain no-repeat;block-size:var(--_media-size);display:none;inline-size:var(--_media-size)}[data-ui-result-state]>[data-part-media]:not(:empty){align-items:center;background-color:transparent;block-size:var(--_media-size);display:flex;inline-size:auto;justify-content:center;min-inline-size:var(--_media-size)}[data-ui-result-state]>[data-part-media]:not(:empty)>*{block-size:100%;inline-size:auto;max-inline-size:100%}[data-ui-result-state][data-reach=inline]>[data-part-media]:not(:empty){align-self:start;grid-column:1;grid-row:1;margin-block-start:calc((1lh - var(--_media-size)) / 2);margin-inline-end:var(--_column-gap)}[data-ui-result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part-media]:not(:empty){--_ring: var(--slotted-space-2, .25rem);--_inner-radius: var(--slotted-radius-lg, 8px);background-color:var(--slotted-surface-sunken);block-size:calc(var(--_art) + 2 * var(--_ring));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_inner-radius) + var(--_ring));box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:calc(var(--_art) + 2 * var(--_ring));min-inline-size:0;position:relative;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),scale var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part-media]:not(:empty):before{background-color:var(--slotted-surface-raised);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--_inner-radius);box-shadow:var(--slotted-shadow-xs);content:\"\";inset:calc(var(--_ring) - var(--slotted-border-width-thin, 1px));position:absolute;z-index:-1}[data-ui-result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part-media]:not(:empty)>*{block-size:var(--_art-glyph);inline-size:var(--_art-glyph);position:relative}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty){--_side: calc(var(--_art) + var(--slotted-space-2, .25rem));--_lean: 1;--_step-x: calc(var(--_side) * -.36 * var(--_lean));--_step-y: calc(var(--_side) * -.3);--_layer-border: var(--slotted-border-width-thin, 1px);--_far: color-mix(in oklab, var(--slotted-border-subtle) 60%, transparent);block-size:var(--_side);border-radius:var(--slotted-radius-lg, 8px);box-shadow:calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 0 var(--slotted-surface-raised),calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 var(--_layer-border) var(--_far);box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:var(--_side);margin-block:calc(var(--_side) * .37);margin-inline:calc(var(--_side) * .28);min-inline-size:0;position:relative;transform:skewY(calc(-26deg * var(--_lean))) scaleX(.9);transition:box-shadow var(--slotted-duration-long) var(--slotted-easing-enter);translate:calc(var(--_side) * .325 * var(--_lean)) calc(var(--_side) * .145)}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]:dir(rtl)>[data-part-media]:not(:empty){--_lean: -1}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty):before,[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty):after{background-color:var(--slotted-surface-raised);border:var(--_layer-border) solid var(--slotted-border-subtle);border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty):before{border-color:color-mix(in oklab,var(--slotted-border-subtle),var(--slotted-border-strong) 30%);box-shadow:var(--slotted-shadow-sm);z-index:-1}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty):after{transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);translate:var(--_step-x) var(--_step-y);z-index:-2}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty)>*{block-size:calc(var(--_side) * .5);inline-size:calc(var(--_side) * .5)}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]{--_pad: var(--slotted-space-6, 1rem);--_gap: var(--slotted-space-5, .75rem);--_thumb: var(--slotted-control-height-sm, 30px);--_step: var(--slotted-space-5, .75rem);--_line: var(--slotted-space-4, .5rem);--_line-2: var(--slotted-space-3, .375rem);--_line-gap: var(--slotted-space-3, .375rem);--_lines-x: calc(var(--_pad) + var(--_thumb) + var(--_gap));--_line-1-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .75 );--_line-2-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .5 );--_line-1-y: calc( (var(--_thumb) + 2 * var(--_pad) - var(--_line) - var(--_line-gap) - var(--_line-2)) / 2 );--_edge: left;--_ink: var(--slotted-border-subtle);--_ink-2: color-mix(in oklab, var(--slotted-border-subtle) 60%, var(--slotted-surface-raised));align-items:center;background:radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-1-length) - var(--_line)) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,linear-gradient(var(--_ink),var(--_ink)) var(--_edge) calc(var(--_lines-x) + var(--_line) / 2) top var(--_line-1-y) / calc(var(--_line-1-length) - var(--_line)) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-2-length) - var(--_line-2)) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,linear-gradient(var(--_ink-2),var(--_ink-2)) var(--_edge) calc(var(--_lines-x) + var(--_line-2) / 2) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / calc(var(--_line-2-length) - var(--_line-2)) var(--_line-2) no-repeat,var(--slotted-surface-raised);background-origin:border-box;block-size:calc(var(--_thumb) + 2 * var(--_pad));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-lg, 8px);box-shadow:var(--slotted-shadow-sm);box-sizing:border-box;color:var(--slotted-text-muted);display:flex;forced-color-adjust:none;inline-size:calc(var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem));justify-content:flex-start;margin-block-start:calc(2 * var(--_step));max-inline-size:100%;min-inline-size:0;padding-inline:calc(var(--_pad) - var(--slotted-border-width-thin, 1px));position:relative}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:empty{--_lines-x: var(--_pad)}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]:dir(rtl)>[data-part-media]{--_edge: right}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:before,[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:after{background-color:var(--slotted-surface-sunken);block-size:100%;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:inherit;box-sizing:border-box;content:\"\";inset-block-start:calc(-1 * var(--slotted-border-width-thin, 1px));position:absolute;transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);z-index:-1}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:before{border-color:var(--_ink-2);inset-inline:calc(2 * var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-2 * var(--_step))}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:after{inset-inline:calc(var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-1 * var(--_step))}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]>*{background-color:var(--slotted-surface-sunken);block-size:var(--_thumb);border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;flex:none;inline-size:var(--_thumb);padding:calc((var(--_thumb) - var(--slotted-control-icon-size-md, 16px)) / 2)}[data-ui-result-state]>[data-part-content]{display:grid;min-inline-size:0;row-gap:var(--_text-gap)}[data-ui-result-state][data-reach=inline]>[data-part-content]{grid-column:2;grid-row:1}[data-ui-result-state] [data-part-title]{font-family:var( --slotted-result-state-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-result-state-title-font-weight, var(--slotted-font-weight-semibold, 600) );letter-spacing:var(--_title-tracking);line-height:var(--_title-line-height);margin:0;min-inline-size:0;overflow-wrap:break-word;text-wrap:balance}[data-ui-result-state] [data-part-description]{color:var(--slotted-text-muted);font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:break-word}[data-ui-result-state]>[data-part-actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-result-state-actions-gap, var(--slotted-space-4, .5rem));min-inline-size:0}[data-ui-result-state][data-align=center]>[data-part-actions]{justify-content:center}[data-ui-result-state]:not([data-reach=inline])>[data-part-content]+[data-part-actions]{margin-block-start:calc(var(--_actions-gap) - var(--_row-gap))}[data-ui-result-state][data-reach=inline]>[data-part-actions]{align-content:center;align-self:start;block-size:1lh;grid-column:3;grid-row:1;margin-inline-start:var(--_column-gap)}[data-ui-result-state]>[data-part-footer]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0}[data-ui-result-state][data-reach=inline]>[data-part-footer]{grid-column:2;grid-row:2}[data-ui-result-state][data-part-root]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-result-state (max-width: 20rem){[data-ui-result-state]>[data-part-actions]{flex-direction:column}[data-ui-result-state][data-align=center]>[data-part-actions]{align-items:center}[data-ui-result-state][data-align=start]>[data-part-actions]{align-items:flex-start}[data-ui-result-state][data-reach=inline]{grid-template-columns:auto minmax(0,1fr)}[data-ui-result-state][data-reach=inline]>[data-part-actions]{block-size:auto;grid-column:2;grid-row:2;margin-inline-start:0}[data-ui-result-state][data-reach=inline]>[data-part-footer]{grid-column:2;grid-row:3}}[data-ui-result-state][data-part-root][hidden]{display:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) var(--slotted-easing-exit)}@starting-style{[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive]){opacity:0}[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive])>[data-part-media]{--_step-x: 0px;--_step-y: 0px}[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive])[data-illustration=tile]>[data-part-media]{opacity:0;scale:.96}[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part-media]:before,[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part-media]:after{translate:0 0}}[data-ui-result-state][data-illustration=cards]>[data-part-media]:before{transition-delay:var(--slotted-duration-short)}}\n"] }]
         }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], reach: [{ type: i0.Input, args: [{ isSignal: true, alias: "reach", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], live: [{ type: i0.Input, args: [{ isSignal: true, alias: "live", required: false }] }], illustration: [{ type: i0.Input, args: [{ isSignal: true, alias: "illustration", required: false }] }] } });
 
 /**
@@ -192,7 +194,7 @@ class SlResultStateContent {
     role = computed(() => LIVE_ROLE[this.region.resolvedLive()], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlResultStateContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlResultStateContent, isStandalone: true, selector: "[slResultStateContent]", host: { attributes: { "data-part": "content" }, properties: { "attr.role": "role()" } }, exportAs: ["slResultStateContent"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlResultStateContent, isStandalone: true, selector: "[slResultStateContent]", host: { attributes: { "data-part": "content", "data-part-content": "" }, properties: { "attr.role": "role()" } }, exportAs: ["slResultStateContent"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlResultStateContent, decorators: [{
             type: Directive,
@@ -202,6 +204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slResultStateContent',
                     host: {
                         'data-part': 'content',
+                        'data-part-content': '',
                         '[attr.role]': 'role()',
                     },
                 }]
@@ -235,7 +238,7 @@ class SlResultStateTitle {
         this.region.registerTitle(null);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlResultStateTitle, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlResultStateTitle, isStandalone: true, selector: "[slResultStateTitle]", host: { attributes: { "data-part": "title" }, properties: { "attr.id": "id" } }, exportAs: ["slResultStateTitle"], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlResultStateTitle, isStandalone: true, selector: "[slResultStateTitle]", host: { attributes: { "data-part": "title", "data-part-title": "" }, properties: { "attr.id": "id" } }, exportAs: ["slResultStateTitle"], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlResultStateTitle, decorators: [{
             type: Component,
@@ -248,6 +251,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'title',
+                        'data-part-title': '',
                         '[attr.id]': 'id',
                     },
                 }]
@@ -255,7 +259,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 /** The message. Written on the consumer's own `p`, which is what prose is. */
 class SlResultStateDescription {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlResultStateDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlResultStateDescription, isStandalone: true, selector: "[slResultStateDescription]", host: { attributes: { "data-part": "description" } }, exportAs: ["slResultStateDescription"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlResultStateDescription, isStandalone: true, selector: "[slResultStateDescription]", host: { attributes: { "data-part": "description", "data-part-description": "" } }, exportAs: ["slResultStateDescription"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlResultStateDescription, decorators: [{
             type: Directive,
@@ -263,7 +267,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slResultStateDescription]',
                     standalone: true,
                     exportAs: 'slResultStateDescription',
-                    host: { 'data-part': 'description' },
+                    host: { 'data-part': 'description', 'data-part-description': '' },
                 }]
         }] });
 /**
@@ -274,7 +278,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlResultStateActions {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlResultStateActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlResultStateActions, isStandalone: true, selector: "[slResultStateActions]", host: { attributes: { "data-part": "actions" } }, exportAs: ["slResultStateActions"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlResultStateActions, isStandalone: true, selector: "[slResultStateActions]", host: { attributes: { "data-part": "actions", "data-part-actions": "" } }, exportAs: ["slResultStateActions"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlResultStateActions, decorators: [{
             type: Directive,
@@ -282,7 +286,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slResultStateActions]',
                     standalone: true,
                     exportAs: 'slResultStateActions',
-                    host: { 'data-part': 'actions' },
+                    host: { 'data-part': 'actions', 'data-part-actions': '' },
                 }]
         }] });
 /**
@@ -292,7 +296,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlResultStateFooter {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlResultStateFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlResultStateFooter, isStandalone: true, selector: "[slResultStateFooter]", host: { attributes: { "data-part": "footer" } }, exportAs: ["slResultStateFooter"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlResultStateFooter, isStandalone: true, selector: "[slResultStateFooter]", host: { attributes: { "data-part": "footer", "data-part-footer": "" } }, exportAs: ["slResultStateFooter"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlResultStateFooter, decorators: [{
             type: Directive,
@@ -300,7 +304,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slResultStateFooter]',
                     standalone: true,
                     exportAs: 'slResultStateFooter',
-                    host: { 'data-part': 'footer' },
+                    host: { 'data-part': 'footer', 'data-part-footer': '' },
                 }]
         }] });
 /**

package/fesm2022/slotted-angular-result-state.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slotted-angular-result-state.mjs","sources":["../../result-state/src/result-state-defaults.ts","../../result-state/src/result-state.ts","../../result-state/src/result-state-parts.ts","../../result-state/src/slotted-angular-result-state.ts"],"sourcesContent":["import { inject, Injectable, InjectionToken } from '@angular/core';\n\n/**\n * What the region is reporting. Seven values rather than one component per\n * semantic, which is what the guide's section 17 asks of `empty-state` and\n * `error-state`.\n *\n * It is not a tone. Two pairs share one — `empty`, `no-results` and\n * `not-found` are all secondary, `forbidden` and `offline` are both warning —\n * so naming the axis `tone` would have made `forbidden` and `offline` one\n * value.\n */\nexport type ResultStateStatus =\n  'empty' | 'no-results' | 'not-found' | 'error' | 'forbidden' | 'offline' | 'success';\n\n/**\n * Which scope the message applies to, which is the axis `alert` already\n * speaks: a row inside a cell, a panel inside a card, the whole route. The\n * geometry follows from the scope; a size axis would say the same message can\n * be drawn large or small, which is not the choice a consumer is making.\n */\nexport type ResultStateReach = 'inline' | 'section' | 'page';\n\n/** Whether the region reads centred or from the inline edge. */\nexport type ResultStateAlign = 'center' | 'start';\n\n/**\n * The picture the family draws around the page's glyph: a framed tile, three\n * layers leaning back, or a stack of cards, all in the neutral surface and\n * border roles. `none` draws nothing of the family's own, and `inline` reach\n * draws none of them.\n */\nexport type ResultStateIllustration = 'none' | 'tile' | 'stack' | 'cards';\n\n/**\n * Whether the text announces itself, and how loudly. The default is `polite`,\n * where `alert`'s is `off`: WCAG 2.2's Understanding document for SC 4.1.3\n * names this family's own text as its example of a status message, and a\n * result state is by definition the outcome of an operation.\n */\nexport type ResultStateLive = 'off' | 'polite' | 'assertive';\n\nexport interface ResultStateDefaults {\n  align: ResultStateAlign;\n  illustration: ResultStateIllustration;\n  live: ResultStateLive;\n  reach: ResultStateReach;\n  status: ResultStateStatus;\n}\n\nconst FALLBACK: ResultStateDefaults = {\n  align: 'center',\n  illustration: 'none',\n  live: 'polite',\n  reach: 'section',\n  status: 'empty',\n};\n\nexport const RESULT_STATE_DEFAULTS = new InjectionToken<ResultStateDefaults>(\n  'slotted result-state defaults',\n  { providedIn: 'root', factory: () => FALLBACK },\n);\n\n/**\n * An application decides once how its empty and error regions are drawn, and\n * whether they announce, rather than repeating the inputs on every table in a\n * data-dense screen. A region that states any of them itself still wins: an\n * explicit input is never overridden by the token.\n */\nexport function provideResultStateDefaults(defaults: Partial<ResultStateDefaults>) {\n  return {\n    provide: RESULT_STATE_DEFAULTS,\n    useFactory: (): ResultStateDefaults => ({\n      align: defaults.align ?? FALLBACK.align,\n      illustration: defaults.illustration ?? FALLBACK.illustration,\n      live: defaults.live ?? FALLBACK.live,\n      reach: defaults.reach ?? FALLBACK.reach,\n      status: defaults.status ?? FALLBACK.status,\n    }),\n  };\n}\n\n/** What a result state renders as here, before it states anything of its own. */\nexport function injectResultStateDefaults(): ResultStateDefaults {\n  return inject(RESULT_STATE_DEFAULTS);\n}\n\n/**\n * Application-scoped rather than module-scoped, for the reason `tag` and\n * `alert` both record: a module-level counter produces colliding sequences when\n * two applications render in one server process, and the server and the client\n * sequences have to match for hydration.\n */\n@Injectable({ providedIn: 'root' })\nexport class SlResultStateIdFactory {\n  private count = 0;\n\n  next() {\n    this.count += 1;\n    return `slotted-result-state-${this.count}`;\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  HostAttributeToken,\n  inject,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { injectResultStateDefaults, SlResultStateIdFactory } from './result-state-defaults';\nimport type {\n  ResultStateAlign,\n  ResultStateIllustration,\n  ResultStateLive,\n  ResultStateReach,\n  ResultStateStatus,\n} from './result-state-defaults';\n\nexport type {\n  ResultStateAlign,\n  ResultStateIllustration,\n  ResultStateLive,\n  ResultStateReach,\n  ResultStateStatus,\n} from './result-state-defaults';\n\n/**\n * The region that stands in for content that is not there, and says what to do\n * next.\n *\n * The directive is written on the consumer's own element, and the element it\n * belongs on is a `section`: named by its own title through `aria-labelledby`,\n * a `section` is a `region` landmark a reader can jump to, and unnamed it is a\n * plain grouping element that costs nothing. The APG's region landmark practice\n * states that \"a region landmark must have a label\", which is why the attribute\n * is written only once a title has said it exists.\n *\n * **The box is not the live region.** MDN's `alert` role reference states that\n * the role \"should only be used for text content, not interactive elements such\n * as links or buttons\", and this family has a row of buttons in it.\n * `slResultStateContent` is what announces, and it holds the title and the\n * description alone; the mark, the actions and the footer are its siblings.\n *\n * **It announces by default.** WCAG 2.2's Understanding document for SC 4.1.3\n * names this family's own text as its example of a status message. `alert`\n * defaults to silence because an alert may be a standing notice; a result is\n * always the outcome of an operation.\n */\n@Component({\n  selector: '[slResultState]',\n  standalone: true,\n  exportAs: 'slResultState',\n  /* The picture box is always in the markup and empty until the page fills\n     it: the stylesheet withdraws an empty box, so a region with no picture is\n     a title, a description and an action with nothing standing above them\n     (RS1). A stack of cards is the one drawing that stands without a glyph. */\n  template: `<div aria-hidden=\"true\" data-part=\"media\">\n      <ng-content select=\"[slResultStateMedia]\" />\n    </div>\n    <ng-content />`,\n  styleUrl: '../../../styles/src/result-state/result-state.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-ui': 'result-state',\n    'data-part': 'root',\n    '[attr.data-status]': 'resolvedStatus()',\n    '[attr.data-reach]': 'resolvedReach()',\n    '[attr.data-align]': 'resolvedAlign()',\n    '[attr.data-illustration]': 'resolvedIllustration()',\n    '[attr.data-live]': 'resolvedLive()',\n    '[attr.tabindex]': 'writtenTabIndex ?? -1',\n    '[attr.aria-labelledby]': 'labelledBy()',\n  },\n})\nexport class SlResultState {\n  /** Defaults to the provider, then to `empty`. */\n  readonly status = input<ResultStateStatus | undefined>(undefined);\n  /** Defaults to the provider, then to `section`. */\n  readonly reach = input<ResultStateReach | undefined>(undefined);\n  /** Defaults to the provider, then to `center`. */\n  readonly align = input<ResultStateAlign | undefined>(undefined);\n  /** Defaults to the provider, then to `polite`. */\n  readonly live = input<ResultStateLive | undefined>(undefined);\n  /**\n   * The drawing made around the projected `slResultStateMedia`. Defaults to\n   * the provider, then to `none`. `tile` and `stack` frame a glyph and draw\n   * nothing without one; `cards` puts the glyph where a row's thumbnail would\n   * be and draws its two lines with or without it.\n   */\n  readonly illustration = input<ResultStateIllustration | undefined>(undefined);\n  private readonly defaults = injectResultStateDefaults();\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  /** An explicit tab index the consumer wrote is never replaced by the family's. */\n  protected readonly writtenTabIndex = inject(new HostAttributeToken('tabindex'), {\n    optional: true,\n  });\n\n  /** The identifier the title writes, and the box is named by. */\n  readonly titleId = `${inject(SlResultStateIdFactory).next()}-title`;\n\n  /** The identifier the title actually carries, which is not always ours. */\n  private readonly labelId = signal<string | null>(null);\n\n  protected readonly resolvedStatus = computed(() => this.status() ?? this.defaults.status);\n  protected readonly resolvedReach = computed(() => this.reach() ?? this.defaults.reach);\n  protected readonly resolvedAlign = computed(() => this.align() ?? this.defaults.align);\n  protected readonly resolvedIllustration = computed(\n    () => this.illustration() ?? this.defaults.illustration,\n  );\n  readonly resolvedLive = computed(() => this.live() ?? this.defaults.live);\n\n  /**\n   * A `section` with an `aria-labelledby` pointing at nothing has no accessible\n   * name and is not a landmark, so the attribute is written only once a title\n   * has said it exists.\n   */\n  protected readonly labelledBy = computed(() => this.labelId());\n\n  /**\n   * Called by `slResultStateTitle`, which is the part that names the box. It\n   * carries the identifier rather than a boolean, because a page that wrote its\n   * own `id` on the title keeps it, and the box has to point at the one that is\n   * actually in the DOM.\n   */\n  registerTitle(id: string | null) {\n    this.labelId.set(id);\n  }\n\n  /**\n   * Sends the keyboard to the message. The family never does this by itself:\n   * moving focus unprompted is a change of context nobody asked for, and the\n   * moment an application wants it — a filter has just emptied a table — is one\n   * only the application knows.\n   *\n   * It is the reach a template has and React does not: JSX re-renders an input,\n   * and an Angular template calls a method on the instance `exportAs` gives it.\n   */\n  focus() {\n    this.host.nativeElement.focus();\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  Directive,\n  HostAttributeToken,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SlResultState } from './result-state';\nimport type { ResultStateLive } from './result-state-defaults';\n\n/**\n * The two roles that announce, and the value that does not. Both roles imply\n * `aria-live` and `aria-atomic`, so the whole message is read rather than the\n * word that changed, and nothing here writes either attribute by hand.\n */\nconst LIVE_ROLE: Record<ResultStateLive, string | null> = {\n  off: null,\n  polite: 'status',\n  assertive: 'alert',\n};\n\n/**\n * The message itself, and the only part that announces.\n *\n * It is written explicitly rather than wrapped around the region's projected\n * content, because a box that guessed which of its children were text would be\n * guessing about the one thing a reader hears. None of the seven surveyed\n * implementations writes a live role of any kind, while WCAG 2.2's\n * Understanding document for SC 4.1.3 names \"No results returned\" as its own\n * example of a status message.\n */\n@Directive({\n  selector: '[slResultStateContent]',\n  standalone: true,\n  exportAs: 'slResultStateContent',\n  host: {\n    'data-part': 'content',\n    '[attr.role]': 'role()',\n  },\n})\nexport class SlResultStateContent {\n  private readonly region = inject(SlResultState);\n\n  protected readonly role = computed(() => LIVE_ROLE[this.region.resolvedLive()]);\n}\n\n/**\n * The message's name, and the box's.\n *\n * The element is the consumer's: a heading puts the region in the document\n * outline, which is right for a full-page 404 and wrong for the empty state of\n * one card in a grid of twelve, and only the page knows which. Writing\n * `<h2 slResultStateTitle>` is how a page that wants one says so, and Angular\n * needs no `render` prop to allow it.\n *\n * Atlassian's `headingLevel`, one to six, is the field's answer. A numeric\n * input invites a skipped level, which the guide's section 10 forbids.\n */\n@Component({\n  selector: '[slResultStateTitle]',\n  standalone: true,\n  exportAs: 'slResultStateTitle',\n  template: '<ng-content />',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-part': 'title',\n    '[attr.id]': 'id',\n  },\n})\nexport class SlResultStateTitle {\n  protected readonly region = inject(SlResultState);\n\n  /**\n   * The family's identifier, unless the page wrote one of its own — a skip\n   * target, an anchor. Reading it before the host binding writes over it is\n   * what keeps the consumer's attribute alive, and telling the box which\n   * identifier won is what keeps `aria-labelledby` pointing at an element that\n   * exists.\n   */\n  readonly id = inject(new HostAttributeToken('id'), { optional: true }) ?? this.region.titleId;\n\n  constructor() {\n    this.region.registerTitle(this.id);\n  }\n\n  ngOnDestroy() {\n    this.region.registerTitle(null);\n  }\n}\n\n/** The message. Written on the consumer's own `p`, which is what prose is. */\n@Directive({\n  selector: '[slResultStateDescription]',\n  standalone: true,\n  exportAs: 'slResultStateDescription',\n  host: { 'data-part': 'description' },\n})\nexport class SlResultStateDescription {}\n\n/**\n * The controls that get the reader out of the situation, outside the region\n * that announces. What goes in is the consumer's own buttons, because `button`\n * already owns what a button is — including `loading`, which is what a retry in\n * flight is.\n */\n@Directive({\n  selector: '[slResultStateActions]',\n  standalone: true,\n  exportAs: 'slResultStateActions',\n  host: { 'data-part': 'actions' },\n})\nexport class SlResultStateActions {}\n\n/**\n * The line under the actions: the documentation link that is not a call to\n * action. Polaris calls it `footerContent` and Atlassian a `tertiaryAction`,\n * and both are right that it is neither of the buttons above it.\n */\n@Directive({\n  selector: '[slResultStateFooter]',\n  standalone: true,\n  exportAs: 'slResultStateFooter',\n  host: { 'data-part': 'footer' },\n})\nexport class SlResultStateFooter {}\n\n/**\n * Artwork the page supplies instead of the status's own mark. It is projected\n * into the box the family draws, so it keeps the height the reach gives it —\n * which is what stops an illustration that has not loaded from moving the\n * title and the actions when it arrives.\n */\n@Directive({\n  selector: '[slResultStateMedia]',\n  standalone: true,\n  exportAs: 'slResultStateMedia',\n})\nexport class SlResultStateMedia {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"slotted-angular-result-state.mjs","sources":["../../result-state/src/result-state-defaults.ts","../../result-state/src/result-state.ts","../../result-state/src/result-state-parts.ts","../../result-state/src/slotted-angular-result-state.ts"],"sourcesContent":["import { inject, Injectable, InjectionToken } from '@angular/core';\n\n/**\n * What the region is reporting. Seven values rather than one component per\n * semantic, which is what the guide's section 17 asks of `empty-state` and\n * `error-state`.\n *\n * It is not a tone. Two pairs share one — `empty`, `no-results` and\n * `not-found` are all secondary, `forbidden` and `offline` are both warning —\n * so naming the axis `tone` would have made `forbidden` and `offline` one\n * value.\n */\nexport type ResultStateStatus =\n  'empty' | 'no-results' | 'not-found' | 'error' | 'forbidden' | 'offline' | 'success';\n\n/**\n * Which scope the message applies to, which is the axis `alert` already\n * speaks: a row inside a cell, a panel inside a card, the whole route. The\n * geometry follows from the scope; a size axis would say the same message can\n * be drawn large or small, which is not the choice a consumer is making.\n */\nexport type ResultStateReach = 'inline' | 'section' | 'page';\n\n/** Whether the region reads centred or from the inline edge. */\nexport type ResultStateAlign = 'center' | 'start';\n\n/**\n * The picture the family draws around the page's glyph: a framed tile, three\n * layers leaning back, or a stack of cards, all in the neutral surface and\n * border roles. `none` draws nothing of the family's own, and `inline` reach\n * draws none of them.\n */\nexport type ResultStateIllustration = 'none' | 'tile' | 'stack' | 'cards';\n\n/**\n * Whether the text announces itself, and how loudly. The default is `polite`,\n * where `alert`'s is `off`: WCAG 2.2's Understanding document for SC 4.1.3\n * names this family's own text as its example of a status message, and a\n * result state is by definition the outcome of an operation.\n */\nexport type ResultStateLive = 'off' | 'polite' | 'assertive';\n\nexport interface ResultStateDefaults {\n  align: ResultStateAlign;\n  illustration: ResultStateIllustration;\n  live: ResultStateLive;\n  reach: ResultStateReach;\n  status: ResultStateStatus;\n}\n\nconst FALLBACK: ResultStateDefaults = {\n  align: 'center',\n  illustration: 'none',\n  live: 'polite',\n  reach: 'section',\n  status: 'empty',\n};\n\nexport const RESULT_STATE_DEFAULTS = new InjectionToken<ResultStateDefaults>(\n  'slotted result-state defaults',\n  { providedIn: 'root', factory: () => FALLBACK },\n);\n\n/**\n * An application decides once how its empty and error regions are drawn, and\n * whether they announce, rather than repeating the inputs on every table in a\n * data-dense screen. A region that states any of them itself still wins: an\n * explicit input is never overridden by the token.\n */\nexport function provideResultStateDefaults(defaults: Partial<ResultStateDefaults>) {\n  return {\n    provide: RESULT_STATE_DEFAULTS,\n    useFactory: (): ResultStateDefaults => ({\n      align: defaults.align ?? FALLBACK.align,\n      illustration: defaults.illustration ?? FALLBACK.illustration,\n      live: defaults.live ?? FALLBACK.live,\n      reach: defaults.reach ?? FALLBACK.reach,\n      status: defaults.status ?? FALLBACK.status,\n    }),\n  };\n}\n\n/** What a result state renders as here, before it states anything of its own. */\nexport function injectResultStateDefaults(): ResultStateDefaults {\n  return inject(RESULT_STATE_DEFAULTS);\n}\n\n/**\n * Application-scoped rather than module-scoped, for the reason `tag` and\n * `alert` both record: a module-level counter produces colliding sequences when\n * two applications render in one server process, and the server and the client\n * sequences have to match for hydration.\n */\n@Injectable({ providedIn: 'root' })\nexport class SlResultStateIdFactory {\n  private count = 0;\n\n  next() {\n    this.count += 1;\n    return `slotted-result-state-${this.count}`;\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  HostAttributeToken,\n  inject,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { injectResultStateDefaults, SlResultStateIdFactory } from './result-state-defaults';\nimport type {\n  ResultStateAlign,\n  ResultStateIllustration,\n  ResultStateLive,\n  ResultStateReach,\n  ResultStateStatus,\n} from './result-state-defaults';\n\nexport type {\n  ResultStateAlign,\n  ResultStateIllustration,\n  ResultStateLive,\n  ResultStateReach,\n  ResultStateStatus,\n} from './result-state-defaults';\n\n/**\n * The region that stands in for content that is not there, and says what to do\n * next.\n *\n * The directive is written on the consumer's own element, and the element it\n * belongs on is a `section`: named by its own title through `aria-labelledby`,\n * a `section` is a `region` landmark a reader can jump to, and unnamed it is a\n * plain grouping element that costs nothing. The APG's region landmark practice\n * states that \"a region landmark must have a label\", which is why the attribute\n * is written only once a title has said it exists.\n *\n * **The box is not the live region.** MDN's `alert` role reference states that\n * the role \"should only be used for text content, not interactive elements such\n * as links or buttons\", and this family has a row of buttons in it.\n * `slResultStateContent` is what announces, and it holds the title and the\n * description alone; the mark, the actions and the footer are its siblings.\n *\n * **It announces by default.** WCAG 2.2's Understanding document for SC 4.1.3\n * names this family's own text as its example of a status message. `alert`\n * defaults to silence because an alert may be a standing notice; a result is\n * always the outcome of an operation.\n */\n@Component({\n  selector: '[slResultState]',\n  standalone: true,\n  exportAs: 'slResultState',\n  /* The picture box is always in the markup and empty until the page fills\n     it: the stylesheet withdraws an empty box, so a region with no picture is\n     a title, a description and an action with nothing standing above them\n     (RS1). A stack of cards is the one drawing that stands without a glyph. */\n  template: `<div aria-hidden=\"true\" data-part=\"media\" data-part-media=\"\">\n      <ng-content select=\"[slResultStateMedia]\" />\n    </div>\n    <ng-content />`,\n  styleUrl: '../../../styles/src/result-state/result-state.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-ui': 'result-state',\n    'data-ui-result-state': '',\n    'data-part': 'root',\n    'data-part-root': '',\n    '[attr.data-status]': 'resolvedStatus()',\n    '[attr.data-reach]': 'resolvedReach()',\n    '[attr.data-align]': 'resolvedAlign()',\n    '[attr.data-illustration]': 'resolvedIllustration()',\n    '[attr.data-live]': 'resolvedLive()',\n    '[attr.tabindex]': 'writtenTabIndex ?? -1',\n    '[attr.aria-labelledby]': 'labelledBy()',\n  },\n})\nexport class SlResultState {\n  /** Defaults to the provider, then to `empty`. */\n  readonly status = input<ResultStateStatus | undefined>(undefined);\n  /** Defaults to the provider, then to `section`. */\n  readonly reach = input<ResultStateReach | undefined>(undefined);\n  /** Defaults to the provider, then to `center`. */\n  readonly align = input<ResultStateAlign | undefined>(undefined);\n  /** Defaults to the provider, then to `polite`. */\n  readonly live = input<ResultStateLive | undefined>(undefined);\n  /**\n   * The drawing made around the projected `slResultStateMedia`. Defaults to\n   * the provider, then to `none`. `tile` and `stack` frame a glyph and draw\n   * nothing without one; `cards` puts the glyph where a row's thumbnail would\n   * be and draws its two lines with or without it.\n   */\n  readonly illustration = input<ResultStateIllustration | undefined>(undefined);\n  private readonly defaults = injectResultStateDefaults();\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  /** An explicit tab index the consumer wrote is never replaced by the family's. */\n  protected readonly writtenTabIndex = inject(new HostAttributeToken('tabindex'), {\n    optional: true,\n  });\n\n  /** The identifier the title writes, and the box is named by. */\n  readonly titleId = `${inject(SlResultStateIdFactory).next()}-title`;\n\n  /** The identifier the title actually carries, which is not always ours. */\n  private readonly labelId = signal<string | null>(null);\n\n  protected readonly resolvedStatus = computed(() => this.status() ?? this.defaults.status);\n  protected readonly resolvedReach = computed(() => this.reach() ?? this.defaults.reach);\n  protected readonly resolvedAlign = computed(() => this.align() ?? this.defaults.align);\n  protected readonly resolvedIllustration = computed(\n    () => this.illustration() ?? this.defaults.illustration,\n  );\n  readonly resolvedLive = computed(() => this.live() ?? this.defaults.live);\n\n  /**\n   * A `section` with an `aria-labelledby` pointing at nothing has no accessible\n   * name and is not a landmark, so the attribute is written only once a title\n   * has said it exists.\n   */\n  protected readonly labelledBy = computed(() => this.labelId());\n\n  /**\n   * Called by `slResultStateTitle`, which is the part that names the box. It\n   * carries the identifier rather than a boolean, because a page that wrote its\n   * own `id` on the title keeps it, and the box has to point at the one that is\n   * actually in the DOM.\n   */\n  registerTitle(id: string | null) {\n    this.labelId.set(id);\n  }\n\n  /**\n   * Sends the keyboard to the message. The family never does this by itself:\n   * moving focus unprompted is a change of context nobody asked for, and the\n   * moment an application wants it — a filter has just emptied a table — is one\n   * only the application knows.\n   *\n   * It is the reach a template has and React does not: JSX re-renders an input,\n   * and an Angular template calls a method on the instance `exportAs` gives it.\n   */\n  focus() {\n    this.host.nativeElement.focus();\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  Directive,\n  HostAttributeToken,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SlResultState } from './result-state';\nimport type { ResultStateLive } from './result-state-defaults';\n\n/**\n * The two roles that announce, and the value that does not. Both roles imply\n * `aria-live` and `aria-atomic`, so the whole message is read rather than the\n * word that changed, and nothing here writes either attribute by hand.\n */\nconst LIVE_ROLE: Record<ResultStateLive, string | null> = {\n  off: null,\n  polite: 'status',\n  assertive: 'alert',\n};\n\n/**\n * The message itself, and the only part that announces.\n *\n * It is written explicitly rather than wrapped around the region's projected\n * content, because a box that guessed which of its children were text would be\n * guessing about the one thing a reader hears. None of the seven surveyed\n * implementations writes a live role of any kind, while WCAG 2.2's\n * Understanding document for SC 4.1.3 names \"No results returned\" as its own\n * example of a status message.\n */\n@Directive({\n  selector: '[slResultStateContent]',\n  standalone: true,\n  exportAs: 'slResultStateContent',\n  host: {\n    'data-part': 'content',\n    'data-part-content': '',\n    '[attr.role]': 'role()',\n  },\n})\nexport class SlResultStateContent {\n  private readonly region = inject(SlResultState);\n\n  protected readonly role = computed(() => LIVE_ROLE[this.region.resolvedLive()]);\n}\n\n/**\n * The message's name, and the box's.\n *\n * The element is the consumer's: a heading puts the region in the document\n * outline, which is right for a full-page 404 and wrong for the empty state of\n * one card in a grid of twelve, and only the page knows which. Writing\n * `<h2 slResultStateTitle>` is how a page that wants one says so, and Angular\n * needs no `render` prop to allow it.\n *\n * Atlassian's `headingLevel`, one to six, is the field's answer. A numeric\n * input invites a skipped level, which the guide's section 10 forbids.\n */\n@Component({\n  selector: '[slResultStateTitle]',\n  standalone: true,\n  exportAs: 'slResultStateTitle',\n  template: '<ng-content />',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-part': 'title',\n    'data-part-title': '',\n    '[attr.id]': 'id',\n  },\n})\nexport class SlResultStateTitle {\n  protected readonly region = inject(SlResultState);\n\n  /**\n   * The family's identifier, unless the page wrote one of its own — a skip\n   * target, an anchor. Reading it before the host binding writes over it is\n   * what keeps the consumer's attribute alive, and telling the box which\n   * identifier won is what keeps `aria-labelledby` pointing at an element that\n   * exists.\n   */\n  readonly id = inject(new HostAttributeToken('id'), { optional: true }) ?? this.region.titleId;\n\n  constructor() {\n    this.region.registerTitle(this.id);\n  }\n\n  ngOnDestroy() {\n    this.region.registerTitle(null);\n  }\n}\n\n/** The message. Written on the consumer's own `p`, which is what prose is. */\n@Directive({\n  selector: '[slResultStateDescription]',\n  standalone: true,\n  exportAs: 'slResultStateDescription',\n  host: { 'data-part': 'description', 'data-part-description': '' },\n})\nexport class SlResultStateDescription {}\n\n/**\n * The controls that get the reader out of the situation, outside the region\n * that announces. What goes in is the consumer's own buttons, because `button`\n * already owns what a button is — including `loading`, which is what a retry in\n * flight is.\n */\n@Directive({\n  selector: '[slResultStateActions]',\n  standalone: true,\n  exportAs: 'slResultStateActions',\n  host: { 'data-part': 'actions', 'data-part-actions': '' },\n})\nexport class SlResultStateActions {}\n\n/**\n * The line under the actions: the documentation link that is not a call to\n * action. Polaris calls it `footerContent` and Atlassian a `tertiaryAction`,\n * and both are right that it is neither of the buttons above it.\n */\n@Directive({\n  selector: '[slResultStateFooter]',\n  standalone: true,\n  exportAs: 'slResultStateFooter',\n  host: { 'data-part': 'footer', 'data-part-footer': '' },\n})\nexport class SlResultStateFooter {}\n\n/**\n * Artwork the page supplies instead of the status's own mark. It is projected\n * into the box the family draws, so it keeps the height the reach gives it —\n * which is what stops an illustration that has not loaded from moving the\n * title and the actions when it arrives.\n */\n@Directive({\n  selector: '[slResultStateMedia]',\n  standalone: true,\n  exportAs: 'slResultStateMedia',\n})\nexport class SlResultStateMedia {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}