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

package/fesm2022/slotted-angular-status-indicator.mjs

@@ -116,35 +116,49 @@ class SlStatusIndicator {
     name = computed(() => this.label() ?? this.t(this.status()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStatusIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlStatusIndicator, isStandalone: true, selector: "[slStatusIndicator]", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, mark: { classPropertyName: "mark", publicName: "mark", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, pulse: { classPropertyName: "pulse", publicName: "pulse", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "status-indicator", "data-part": "root" }, properties: { "attr.data-status": "status()", "attr.data-mark": "markValue()", "attr.data-size": "sizeValue()", "attr.data-pulse": "pulse() ? \"\" : null", "attr.role": "roleValue()" } }, exportAs: ["slStatusIndicator"], ngImport: i0, template: `<span aria-hidden="true" data-part="mark">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlStatusIndicator, isStandalone: true, selector: "[slStatusIndicator]", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, mark: { classPropertyName: "mark", publicName: "mark", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, pulse: { classPropertyName: "pulse", publicName: "pulse", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "status-indicator", "data-ui-status-indicator": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-status": "status()", "attr.data-mark": "markValue()", "attr.data-size": "sizeValue()", "attr.data-pulse": "pulse() ? \"\" : null", "attr.role": "roleValue()" } }, exportAs: ["slStatusIndicator"], ngImport: i0, template: `<span aria-hidden="true" data-part="mark" data-part-mark="">
       @if (markValue() === 'icon') {
         <span slIcon><svg slGlyph [name]="glyph()"></svg></span>
       }</span
-    ><span data-part="label"
+    ><span data-part="label" data-part-label=""
       ><ng-content
-        ><span data-part="announcement" data-ui="visually-hidden">{{ name() }}</span></ng-content
+        ><span
+          data-part="announcement"
+          data-part-announcement=""
+          data-ui="visually-hidden"
+          data-ui-visually-hidden=""
+          >{{ name() }}</span
+        ></ng-content
       ></span
-    >`, isInline: true, styles: ["@layer slotted.components{[data-ui=status-indicator][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-space-4, .5rem);--_line-height: var(--slotted-line-height-md, 1.5);--_dot-size: var(--slotted-space-4, .5rem);--_mark-size: var(--_dot-size);--_rim-width: var( --slotted-status-indicator-mark-border-width, var(--slotted-border-width-thin, 1px) );--_rim: var(--slotted-status-indicator-mark-border-color, var(--_edge, var(--_solid)));--_halo: color-mix(in oklab, var(--_rim) 20%, transparent);--_halo-width: calc(var(--slotted-space-1, .125rem) * 1.5);--_pulse-inset: round(nearest, (1lh - var(--_mark-size)) / 2, 1px);align-items:flex-start;color:inherit;display:inline-flex;font-family:var( --slotted-status-indicator-font-family, var(--slotted-control-font-family, sans-serif) );font-size:var(--_font-size);line-height:var(--_line-height);max-inline-size:100%;min-inline-size:0;position:relative;text-decoration:none;vertical-align:middle}[data-ui=status-indicator][data-part=root][data-status=neutral]{--_solid: var(--slotted-border-strong);--_text: var(--slotted-tone-secondary-text)}[data-ui=status-indicator][data-part=root][data-status=info]{--_solid: var(--slotted-tone-accent-solid);--_text: var(--slotted-tone-accent-text)}[data-ui=status-indicator][data-part=root][data-status=success]{--_solid: var(--slotted-tone-success-solid);--_text: var(--slotted-tone-success-text)}[data-ui=status-indicator][data-part=root][data-status=warning]{--_edge: var(--slotted-tone-warning-border);--_solid: var(--slotted-tone-warning-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=status-indicator][data-part=root][data-status=danger]{--_solid: var(--slotted-tone-danger-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=status-indicator][data-part=root][data-status=unknown]{--_edge: var(--slotted-border-strong);--_halo: transparent;--_solid: transparent;--_text: var(--slotted-tone-secondary-text)}[data-ui=status-indicator][data-part=root][data-mark=icon]{--_mark-size: var(--_glyph-size)}[data-ui=status-indicator][data-part=root][data-size=sm]{--_dot-size: var(--slotted-space-3, .375rem);--_font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-space-3, .375rem);--_halo-width: var(--slotted-space-1, .125rem)}[data-ui=status-indicator][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui=status-indicator] [data-part=mark]{block-size:var(--_mark-size);box-sizing:border-box;flex:none;inline-size:var(--_mark-size);margin-block-start:var(--_pulse-inset)}[data-ui=status-indicator][data-mark=dot] [data-part=mark]{background-color:var(--_solid, ButtonFace);border:var(--_rim-width) solid var(--_rim, CanvasText);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_halo-width) var(--_halo)}[data-ui=status-indicator][data-mark=dot][data-status=unknown] [data-part=mark]{border:0;position:relative}[data-ui=status-indicator][data-mark=dot][data-status=unknown] [data-part=mark]:before{border:var(--slotted-border-width-thick, 2px) dashed var(--_rim);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;content:\"\";inset:calc(-1 * var(--_halo-width));position:absolute}[data-ui=status-indicator][data-mark=icon] [data-part=mark]{--slotted-icon-size: var(--_mark-size);color:var(--_text, CanvasText);display:flex}[data-ui=status-indicator] [data-part=label]{margin-inline-start:var(--_gap);min-inline-size:0;overflow-wrap:break-word}[data-ui=status-indicator] [data-part=label]:has(>[data-part=announcement]){margin-inline-start:0}[data-ui=status-indicator][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)}[data-ui=status-indicator][data-part=root]:any-link{text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-duration-short) var(--slotted-easing-standard),text-decoration-color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=status-indicator][data-part=root]:any-link:not([data-disabled]):hover{text-decoration-color:currentColor}[data-ui=status-indicator][data-part=root]:any-link:not([data-disabled]):active{color:var(--slotted-text-muted, GrayText);text-decoration-color:currentColor}@keyframes slotted-status-indicator-pulse{0%{opacity:.45;scale:1}70%,to{opacity:0;scale:3}}[data-ui=status-indicator][data-pulse]{isolation:isolate}[data-ui=status-indicator][data-pulse]:after{animation:slotted-status-indicator-pulse var(--slotted-duration-loop-slow) var(--slotted-easing-enter) infinite;background-color:var(--_rim);block-size:var(--_mark-size);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_mark-size);inset-block-start:var(--_pulse-inset);inset-inline-start:0;pointer-events:none;position:absolute;z-index:-1}[data-ui=status-indicator][data-mark=icon][data-pulse]:after{content:none}@media(prefers-reduced-motion:reduce){[data-ui=status-indicator][data-pulse]:after{animation:none;content:none}}@media(forced-colors:active){[data-ui=status-indicator][data-mark=dot] [data-part=mark]{background-color:CanvasText;border-color:CanvasText}[data-ui=status-indicator][data-mark=dot][data-status=unknown] [data-part=mark]{background-color:Canvas}[data-ui=status-indicator][data-pulse]:after{content:none}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    >`, isInline: true, styles: ["@layer slotted.components{[data-ui-status-indicator][data-part-root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-space-4, .5rem);--_line-height: var(--slotted-line-height-md, 1.5);--_dot-size: var(--slotted-space-4, .5rem);--_mark-size: var(--_dot-size);--_rim-width: var( --slotted-status-indicator-mark-border-width, var(--slotted-border-width-thin, 1px) );--_rim: var(--slotted-status-indicator-mark-border-color, var(--_edge, var(--_solid)));--_halo: color-mix(in oklab, var(--_rim) 20%, transparent);--_halo-width: calc(var(--slotted-space-1, .125rem) * 1.5);--_pulse-inset: round(nearest, (1lh - var(--_mark-size)) / 2, 1px);align-items:flex-start;color:inherit;display:inline-flex;font-family:var( --slotted-status-indicator-font-family, var(--slotted-control-font-family, sans-serif) );font-size:var(--_font-size);line-height:var(--_line-height);max-inline-size:100%;min-inline-size:0;position:relative;text-decoration:none;vertical-align:middle}[data-ui-status-indicator][data-part-root][data-status=neutral]{--_solid: var(--slotted-border-strong);--_text: var(--slotted-tone-secondary-text)}[data-ui-status-indicator][data-part-root][data-status=info]{--_solid: var(--slotted-tone-accent-solid);--_text: var(--slotted-tone-accent-text)}[data-ui-status-indicator][data-part-root][data-status=success]{--_solid: var(--slotted-tone-success-solid);--_text: var(--slotted-tone-success-text)}[data-ui-status-indicator][data-part-root][data-status=warning]{--_edge: var(--slotted-tone-warning-border);--_solid: var(--slotted-tone-warning-solid);--_text: var(--slotted-tone-warning-text)}[data-ui-status-indicator][data-part-root][data-status=danger]{--_solid: var(--slotted-tone-danger-solid);--_text: var(--slotted-tone-danger-text)}[data-ui-status-indicator][data-part-root][data-status=unknown]{--_edge: var(--slotted-border-strong);--_halo: transparent;--_solid: transparent;--_text: var(--slotted-tone-secondary-text)}[data-ui-status-indicator][data-part-root][data-mark=icon]{--_mark-size: var(--_glyph-size)}[data-ui-status-indicator][data-part-root][data-size=sm]{--_dot-size: var(--slotted-space-3, .375rem);--_font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-space-3, .375rem);--_halo-width: var(--slotted-space-1, .125rem)}[data-ui-status-indicator][data-part-root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui-status-indicator] [data-part-mark]{block-size:var(--_mark-size);box-sizing:border-box;flex:none;inline-size:var(--_mark-size);margin-block-start:var(--_pulse-inset)}[data-ui-status-indicator][data-mark=dot] [data-part-mark]{background-color:var(--_solid, ButtonFace);border:var(--_rim-width) solid var(--_rim, CanvasText);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_halo-width) var(--_halo)}[data-ui-status-indicator][data-mark=dot][data-status=unknown] [data-part-mark]{border:0;position:relative}[data-ui-status-indicator][data-mark=dot][data-status=unknown] [data-part-mark]:before{border:var(--slotted-border-width-thick, 2px) dashed var(--_rim);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;content:\"\";inset:calc(-1 * var(--_halo-width));position:absolute}[data-ui-status-indicator][data-mark=icon] [data-part-mark]{--slotted-icon-size: var(--_mark-size);color:var(--_text, CanvasText);display:flex}[data-ui-status-indicator] [data-part-label]{margin-inline-start:var(--_gap);min-inline-size:0;overflow-wrap:break-word}[data-ui-status-indicator] [data-part-label]:has(>[data-part-announcement]){margin-inline-start:0}[data-ui-status-indicator][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)}[data-ui-status-indicator][data-part-root]:any-link{text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-duration-short) var(--slotted-easing-standard),text-decoration-color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui-status-indicator][data-part-root]:any-link:not([data-disabled]):hover{text-decoration-color:currentColor}[data-ui-status-indicator][data-part-root]:any-link:not([data-disabled]):active{color:var(--slotted-text-muted, GrayText);text-decoration-color:currentColor}@keyframes slotted-status-indicator-pulse{0%{opacity:.45;scale:1}70%,to{opacity:0;scale:3}}[data-ui-status-indicator][data-pulse]{isolation:isolate}[data-ui-status-indicator][data-pulse]:after{animation:slotted-status-indicator-pulse var(--slotted-duration-loop-slow) var(--slotted-easing-enter) infinite;background-color:var(--_rim);block-size:var(--_mark-size);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_mark-size);inset-block-start:var(--_pulse-inset);inset-inline-start:0;pointer-events:none;position:absolute;z-index:-1}[data-ui-status-indicator][data-mark=icon][data-pulse]:after{content:none}@media(prefers-reduced-motion:reduce){[data-ui-status-indicator][data-pulse]:after{animation:none;content:none}}@media(forced-colors:active){[data-ui-status-indicator][data-mark=dot] [data-part-mark]{background-color:CanvasText;border-color:CanvasText}[data-ui-status-indicator][data-mark=dot][data-status=unknown] [data-part-mark]{background-color:Canvas}[data-ui-status-indicator][data-pulse]:after{content:none}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStatusIndicator, decorators: [{
             type: Component,
-            args: [{ selector: '[slStatusIndicator]', standalone: true, imports: [SlGlyph, SlIcon], template: `<span aria-hidden="true" data-part="mark">
+            args: [{ selector: '[slStatusIndicator]', standalone: true, imports: [SlGlyph, SlIcon], template: `<span aria-hidden="true" data-part="mark" data-part-mark="">
       @if (markValue() === 'icon') {
         <span slIcon><svg slGlyph [name]="glyph()"></svg></span>
       }</span
-    ><span data-part="label"
+    ><span data-part="label" data-part-label=""
       ><ng-content
-        ><span data-part="announcement" data-ui="visually-hidden">{{ name() }}</span></ng-content
+        ><span
+          data-part="announcement"
+          data-part-announcement=""
+          data-ui="visually-hidden"
+          data-ui-visually-hidden=""
+          >{{ name() }}</span
+        ></ng-content
       ></span
     >`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slStatusIndicator', host: {
                         'data-ui': 'status-indicator',
+                        'data-ui-status-indicator': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-status]': 'status()',
                         '[attr.data-mark]': 'markValue()',
                         '[attr.data-size]': 'sizeValue()',
                         '[attr.data-pulse]': 'pulse() ? "" : null',
                         '[attr.role]': 'roleValue()',
-                    }, styles: ["@layer slotted.components{[data-ui=status-indicator][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-space-4, .5rem);--_line-height: var(--slotted-line-height-md, 1.5);--_dot-size: var(--slotted-space-4, .5rem);--_mark-size: var(--_dot-size);--_rim-width: var( --slotted-status-indicator-mark-border-width, var(--slotted-border-width-thin, 1px) );--_rim: var(--slotted-status-indicator-mark-border-color, var(--_edge, var(--_solid)));--_halo: color-mix(in oklab, var(--_rim) 20%, transparent);--_halo-width: calc(var(--slotted-space-1, .125rem) * 1.5);--_pulse-inset: round(nearest, (1lh - var(--_mark-size)) / 2, 1px);align-items:flex-start;color:inherit;display:inline-flex;font-family:var( --slotted-status-indicator-font-family, var(--slotted-control-font-family, sans-serif) );font-size:var(--_font-size);line-height:var(--_line-height);max-inline-size:100%;min-inline-size:0;position:relative;text-decoration:none;vertical-align:middle}[data-ui=status-indicator][data-part=root][data-status=neutral]{--_solid: var(--slotted-border-strong);--_text: var(--slotted-tone-secondary-text)}[data-ui=status-indicator][data-part=root][data-status=info]{--_solid: var(--slotted-tone-accent-solid);--_text: var(--slotted-tone-accent-text)}[data-ui=status-indicator][data-part=root][data-status=success]{--_solid: var(--slotted-tone-success-solid);--_text: var(--slotted-tone-success-text)}[data-ui=status-indicator][data-part=root][data-status=warning]{--_edge: var(--slotted-tone-warning-border);--_solid: var(--slotted-tone-warning-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=status-indicator][data-part=root][data-status=danger]{--_solid: var(--slotted-tone-danger-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=status-indicator][data-part=root][data-status=unknown]{--_edge: var(--slotted-border-strong);--_halo: transparent;--_solid: transparent;--_text: var(--slotted-tone-secondary-text)}[data-ui=status-indicator][data-part=root][data-mark=icon]{--_mark-size: var(--_glyph-size)}[data-ui=status-indicator][data-part=root][data-size=sm]{--_dot-size: var(--slotted-space-3, .375rem);--_font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-space-3, .375rem);--_halo-width: var(--slotted-space-1, .125rem)}[data-ui=status-indicator][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui=status-indicator] [data-part=mark]{block-size:var(--_mark-size);box-sizing:border-box;flex:none;inline-size:var(--_mark-size);margin-block-start:var(--_pulse-inset)}[data-ui=status-indicator][data-mark=dot] [data-part=mark]{background-color:var(--_solid, ButtonFace);border:var(--_rim-width) solid var(--_rim, CanvasText);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_halo-width) var(--_halo)}[data-ui=status-indicator][data-mark=dot][data-status=unknown] [data-part=mark]{border:0;position:relative}[data-ui=status-indicator][data-mark=dot][data-status=unknown] [data-part=mark]:before{border:var(--slotted-border-width-thick, 2px) dashed var(--_rim);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;content:\"\";inset:calc(-1 * var(--_halo-width));position:absolute}[data-ui=status-indicator][data-mark=icon] [data-part=mark]{--slotted-icon-size: var(--_mark-size);color:var(--_text, CanvasText);display:flex}[data-ui=status-indicator] [data-part=label]{margin-inline-start:var(--_gap);min-inline-size:0;overflow-wrap:break-word}[data-ui=status-indicator] [data-part=label]:has(>[data-part=announcement]){margin-inline-start:0}[data-ui=status-indicator][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)}[data-ui=status-indicator][data-part=root]:any-link{text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-duration-short) var(--slotted-easing-standard),text-decoration-color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=status-indicator][data-part=root]:any-link:not([data-disabled]):hover{text-decoration-color:currentColor}[data-ui=status-indicator][data-part=root]:any-link:not([data-disabled]):active{color:var(--slotted-text-muted, GrayText);text-decoration-color:currentColor}@keyframes slotted-status-indicator-pulse{0%{opacity:.45;scale:1}70%,to{opacity:0;scale:3}}[data-ui=status-indicator][data-pulse]{isolation:isolate}[data-ui=status-indicator][data-pulse]:after{animation:slotted-status-indicator-pulse var(--slotted-duration-loop-slow) var(--slotted-easing-enter) infinite;background-color:var(--_rim);block-size:var(--_mark-size);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_mark-size);inset-block-start:var(--_pulse-inset);inset-inline-start:0;pointer-events:none;position:absolute;z-index:-1}[data-ui=status-indicator][data-mark=icon][data-pulse]:after{content:none}@media(prefers-reduced-motion:reduce){[data-ui=status-indicator][data-pulse]:after{animation:none;content:none}}@media(forced-colors:active){[data-ui=status-indicator][data-mark=dot] [data-part=mark]{background-color:CanvasText;border-color:CanvasText}[data-ui=status-indicator][data-mark=dot][data-status=unknown] [data-part=mark]{background-color:Canvas}[data-ui=status-indicator][data-pulse]:after{content:none}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-status-indicator][data-part-root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-space-4, .5rem);--_line-height: var(--slotted-line-height-md, 1.5);--_dot-size: var(--slotted-space-4, .5rem);--_mark-size: var(--_dot-size);--_rim-width: var( --slotted-status-indicator-mark-border-width, var(--slotted-border-width-thin, 1px) );--_rim: var(--slotted-status-indicator-mark-border-color, var(--_edge, var(--_solid)));--_halo: color-mix(in oklab, var(--_rim) 20%, transparent);--_halo-width: calc(var(--slotted-space-1, .125rem) * 1.5);--_pulse-inset: round(nearest, (1lh - var(--_mark-size)) / 2, 1px);align-items:flex-start;color:inherit;display:inline-flex;font-family:var( --slotted-status-indicator-font-family, var(--slotted-control-font-family, sans-serif) );font-size:var(--_font-size);line-height:var(--_line-height);max-inline-size:100%;min-inline-size:0;position:relative;text-decoration:none;vertical-align:middle}[data-ui-status-indicator][data-part-root][data-status=neutral]{--_solid: var(--slotted-border-strong);--_text: var(--slotted-tone-secondary-text)}[data-ui-status-indicator][data-part-root][data-status=info]{--_solid: var(--slotted-tone-accent-solid);--_text: var(--slotted-tone-accent-text)}[data-ui-status-indicator][data-part-root][data-status=success]{--_solid: var(--slotted-tone-success-solid);--_text: var(--slotted-tone-success-text)}[data-ui-status-indicator][data-part-root][data-status=warning]{--_edge: var(--slotted-tone-warning-border);--_solid: var(--slotted-tone-warning-solid);--_text: var(--slotted-tone-warning-text)}[data-ui-status-indicator][data-part-root][data-status=danger]{--_solid: var(--slotted-tone-danger-solid);--_text: var(--slotted-tone-danger-text)}[data-ui-status-indicator][data-part-root][data-status=unknown]{--_edge: var(--slotted-border-strong);--_halo: transparent;--_solid: transparent;--_text: var(--slotted-tone-secondary-text)}[data-ui-status-indicator][data-part-root][data-mark=icon]{--_mark-size: var(--_glyph-size)}[data-ui-status-indicator][data-part-root][data-size=sm]{--_dot-size: var(--slotted-space-3, .375rem);--_font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-space-3, .375rem);--_halo-width: var(--slotted-space-1, .125rem)}[data-ui-status-indicator][data-part-root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui-status-indicator] [data-part-mark]{block-size:var(--_mark-size);box-sizing:border-box;flex:none;inline-size:var(--_mark-size);margin-block-start:var(--_pulse-inset)}[data-ui-status-indicator][data-mark=dot] [data-part-mark]{background-color:var(--_solid, ButtonFace);border:var(--_rim-width) solid var(--_rim, CanvasText);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_halo-width) var(--_halo)}[data-ui-status-indicator][data-mark=dot][data-status=unknown] [data-part-mark]{border:0;position:relative}[data-ui-status-indicator][data-mark=dot][data-status=unknown] [data-part-mark]:before{border:var(--slotted-border-width-thick, 2px) dashed var(--_rim);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;content:\"\";inset:calc(-1 * var(--_halo-width));position:absolute}[data-ui-status-indicator][data-mark=icon] [data-part-mark]{--slotted-icon-size: var(--_mark-size);color:var(--_text, CanvasText);display:flex}[data-ui-status-indicator] [data-part-label]{margin-inline-start:var(--_gap);min-inline-size:0;overflow-wrap:break-word}[data-ui-status-indicator] [data-part-label]:has(>[data-part-announcement]){margin-inline-start:0}[data-ui-status-indicator][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)}[data-ui-status-indicator][data-part-root]:any-link{text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-duration-short) var(--slotted-easing-standard),text-decoration-color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui-status-indicator][data-part-root]:any-link:not([data-disabled]):hover{text-decoration-color:currentColor}[data-ui-status-indicator][data-part-root]:any-link:not([data-disabled]):active{color:var(--slotted-text-muted, GrayText);text-decoration-color:currentColor}@keyframes slotted-status-indicator-pulse{0%{opacity:.45;scale:1}70%,to{opacity:0;scale:3}}[data-ui-status-indicator][data-pulse]{isolation:isolate}[data-ui-status-indicator][data-pulse]:after{animation:slotted-status-indicator-pulse var(--slotted-duration-loop-slow) var(--slotted-easing-enter) infinite;background-color:var(--_rim);block-size:var(--_mark-size);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_mark-size);inset-block-start:var(--_pulse-inset);inset-inline-start:0;pointer-events:none;position:absolute;z-index:-1}[data-ui-status-indicator][data-mark=icon][data-pulse]:after{content:none}@media(prefers-reduced-motion:reduce){[data-ui-status-indicator][data-pulse]:after{animation:none;content:none}}@media(forced-colors:active){[data-ui-status-indicator][data-mark=dot] [data-part-mark]{background-color:CanvasText;border-color:CanvasText}[data-ui-status-indicator][data-mark=dot][data-status=unknown] [data-part-mark]{background-color:Canvas}[data-ui-status-indicator][data-pulse]:after{content:none}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
         }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], mark: [{ type: i0.Input, args: [{ isSignal: true, alias: "mark", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], live: [{ type: i0.Input, args: [{ isSignal: true, alias: "live", required: false }] }], pulse: [{ type: i0.Input, args: [{ isSignal: true, alias: "pulse", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }] } });
 
 /**

package/fesm2022/slotted-angular-status-indicator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slotted-angular-status-indicator.mjs","sources":["../../status-indicator/src/status-indicator-defaults.ts","../../status-indicator/src/status-indicator.constants.ts","../../status-indicator/src/status-indicator.ts","../../status-indicator/src/slotted-angular-status-indicator.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type {\n  StatusIndicatorLive,\n  StatusIndicatorMark,\n  StatusIndicatorSize,\n} from './status-indicator.constants';\n\n/**\n * What every status in an application looks like before any one of them states\n * anything of its own. The six words come from the language in force\n * (`provideSlotted`).\n */\nexport interface StatusIndicatorDefaults {\n  live?: StatusIndicatorLive;\n  mark?: StatusIndicatorMark;\n  size?: StatusIndicatorSize;\n}\n\nexport const STATUS_INDICATOR_DEFAULTS_TOKEN = new InjectionToken<StatusIndicatorDefaults>(\n  'slotted status indicator defaults',\n  { providedIn: 'root', factory: (): StatusIndicatorDefaults => ({}) },\n);\n\n/**\n * An application decides once how its statuses are marked, how large they are\n * and whether they announce. An indicator that states any of those still wins:\n * an explicit input is never overridden by the token.\n */\nexport function provideStatusIndicatorDefaults(defaults: StatusIndicatorDefaults) {\n  return { provide: STATUS_INDICATOR_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectStatusIndicatorDefaults(): StatusIndicatorDefaults {\n  return inject(STATUS_INDICATOR_DEFAULTS_TOKEN);\n}\n","import type { GlyphName } from '@slotted/angular/icon';\n\n/**\n * The six operational states. The vocabulary is closed, and that is a decision\n * rather than an omission: a seventh value would carry no tone, no glyph and\n * no fallback word, which are the three things this family exists to supply.\n */\nexport type StatusIndicatorStatus =\n  'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'unknown';\n\n/** The compact mark, and the one that says the status without colour. */\nexport type StatusIndicatorMark = 'dot' | 'icon';\nexport type StatusIndicatorSize = 'sm' | 'md' | 'lg';\nexport type StatusIndicatorLive = 'off' | 'polite' | 'assertive';\n\nexport const STATUS_INDICATOR_DEFAULT_STATUS: StatusIndicatorStatus = 'neutral';\n\n/**\n * The glyph each status draws when the mark is an icon, as the contract's\n * `statusGlyphs` names it. Two statuses never share one: the icon mark is the\n * family's non-chromatic answer, and `neutral` and `unknown` share a tone.\n */\nexport const STATUS_INDICATOR_GLYPHS: Record<StatusIndicatorStatus, GlyphName> = {\n  neutral: 'circle',\n  info: 'circle-info',\n  success: 'circle-check',\n  warning: 'circle-alert',\n  danger: 'circle-x',\n  unknown: 'circle-question',\n};\nexport const STATUS_INDICATOR_DEFAULT_MARK: StatusIndicatorMark = 'dot';\nexport const STATUS_INDICATOR_DEFAULT_SIZE: StatusIndicatorSize = 'md';\nexport const STATUS_INDICATOR_DEFAULT_LIVE: StatusIndicatorLive = 'off';\n\n/**\n * What `live` writes on the host. The names are the platform's: `status` is a\n * polite live region with an implicit `aria-atomic`, so the mark and its word\n * are announced as one thing; `alert` interrupts, which the APG's Alert\n * pattern reserves for a message that needs immediate attention.\n */\nexport const STATUS_INDICATOR_ROLE: Record<StatusIndicatorLive, string | null> = {\n  off: null,\n  polite: 'status',\n  assertive: 'alert',\n};\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  HostAttributeToken,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { injectMessages } from '@slotted/angular/i18n';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport {\n  type PartialMessages,\n  statusIndicatorMessages,\n  type StatusIndicatorMessages,\n} from '@slotted/core/i18n';\n\nimport { injectStatusIndicatorDefaults } from './status-indicator-defaults';\nimport {\n  STATUS_INDICATOR_DEFAULT_LIVE,\n  STATUS_INDICATOR_DEFAULT_MARK,\n  STATUS_INDICATOR_DEFAULT_SIZE,\n  STATUS_INDICATOR_DEFAULT_STATUS,\n  STATUS_INDICATOR_GLYPHS,\n  STATUS_INDICATOR_ROLE,\n  type StatusIndicatorLive,\n  type StatusIndicatorMark,\n  type StatusIndicatorSize,\n  type StatusIndicatorStatus,\n} from './status-indicator.constants';\n\n/**\n * The operational state of something the application observes.\n *\n * The family reports; it never moves the value. That is why there is no\n * `model()` here and no output — `status` is the application's fact about a\n * system this component cannot see, the same relationship a progress range has\n * to the work it reports.\n *\n * It is always named. Given projected content, that content is the name; given\n * none, the status's own word is rendered and clipped from view. The fallback\n * belongs to `<ng-content>` rather than to a flag the component has to compute,\n * which is Angular's own answer to the question React answers with\n * `children === undefined`: the template knows whether anything was projected,\n * so nothing has to inspect the DOM to find out.\n *\n * The selector is a bare attribute, so the element stays the consumer's: a\n * status belongs in whatever a table cell, a list item or a heading already\n * is, and wrapping it in a second element would change their layout to carry\n * an attribute.\n */\n@Component({\n  selector: '[slStatusIndicator]',\n  standalone: true,\n  imports: [SlGlyph, SlIcon],\n  /* The icon mark's glyph follows the status; the sheet sizes and colours it. */\n  template: `<span aria-hidden=\"true\" data-part=\"mark\">\n      @if (markValue() === 'icon') {\n        <span slIcon><svg slGlyph [name]=\"glyph()\"></svg></span>\n      }</span\n    ><span data-part=\"label\"\n      ><ng-content\n        ><span data-part=\"announcement\" data-ui=\"visually-hidden\">{{ name() }}</span></ng-content\n      ></span\n    >`,\n  styleUrls: [\n    '../../../styles/src/status-indicator/status-indicator.css',\n    '../../../styles/src/visually-hidden/visually-hidden.css',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'slStatusIndicator',\n  host: {\n    'data-ui': 'status-indicator',\n    'data-part': 'root',\n    '[attr.data-status]': 'status()',\n    '[attr.data-mark]': 'markValue()',\n    '[attr.data-size]': 'sizeValue()',\n    '[attr.data-pulse]': 'pulse() ? \"\" : null',\n    '[attr.role]': 'roleValue()',\n  },\n})\nexport class SlStatusIndicator {\n  readonly status = input<StatusIndicatorStatus>(STATUS_INDICATOR_DEFAULT_STATUS);\n  readonly mark = input<StatusIndicatorMark | undefined>(undefined);\n  readonly size = input<StatusIndicatorSize | undefined>(undefined);\n  readonly live = input<StatusIndicatorLive | undefined>(undefined);\n  /**\n   * A wave leaving the dot, for a change happening now. An icon mark does not\n   * pulse, and the wave is withdrawn under reduced motion and under forced\n   * colours, so nothing is ever said by the wave alone.\n   */\n  readonly pulse = input(false, { transform: booleanAttribute });\n  /**\n   * What a reader hears when nothing was projected. Ignored when something\n   * was, because naming an element twice is how a screen reader comes to read\n   * “Success Healthy”. Falls back to the status's word in the catalog.\n   */\n  readonly label = input<string | undefined>(undefined);\n  /**\n   * Words laid over the catalog of the language in force, key by key: the\n   * word each status is heard as when nothing was projected.\n   */\n  readonly messages = input<PartialMessages<StatusIndicatorMessages> | undefined>(undefined);\n\n  private readonly defaults = injectStatusIndicatorDefaults();\n  /** The family's words in the language in force, with this indicator's `messages` laid over them. */\n  readonly t = injectMessages(statusIndicatorMessages, this.messages);\n  /**\n   * Read once, before the host binding writes one. A consumer who put\n   * `role=\"note\"` on their own element keeps it, which is the rule\n   * `frameworks.md` states for every static attribute a family writes over.\n   */\n  private readonly ownRole = inject(new HostAttributeToken('role'), { optional: true });\n\n  readonly markValue = computed(\n    () => this.mark() ?? this.defaults.mark ?? STATUS_INDICATOR_DEFAULT_MARK,\n  );\n  readonly sizeValue = computed(\n    () => this.size() ?? this.defaults.size ?? STATUS_INDICATOR_DEFAULT_SIZE,\n  );\n  readonly liveValue = computed(\n    () => this.live() ?? this.defaults.live ?? STATUS_INDICATOR_DEFAULT_LIVE,\n  );\n\n  readonly glyph = computed(() => STATUS_INDICATOR_GLYPHS[this.status()]);\n\n  readonly roleValue = computed(() => this.ownRole ?? STATUS_INDICATOR_ROLE[this.liveValue()]);\n\n  readonly name = computed(() => this.label() ?? this.t(this.status()));\n}\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-status-indicator.mjs","sources":["../../status-indicator/src/status-indicator-defaults.ts","../../status-indicator/src/status-indicator.constants.ts","../../status-indicator/src/status-indicator.ts","../../status-indicator/src/slotted-angular-status-indicator.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type {\n  StatusIndicatorLive,\n  StatusIndicatorMark,\n  StatusIndicatorSize,\n} from './status-indicator.constants';\n\n/**\n * What every status in an application looks like before any one of them states\n * anything of its own. The six words come from the language in force\n * (`provideSlotted`).\n */\nexport interface StatusIndicatorDefaults {\n  live?: StatusIndicatorLive;\n  mark?: StatusIndicatorMark;\n  size?: StatusIndicatorSize;\n}\n\nexport const STATUS_INDICATOR_DEFAULTS_TOKEN = new InjectionToken<StatusIndicatorDefaults>(\n  'slotted status indicator defaults',\n  { providedIn: 'root', factory: (): StatusIndicatorDefaults => ({}) },\n);\n\n/**\n * An application decides once how its statuses are marked, how large they are\n * and whether they announce. An indicator that states any of those still wins:\n * an explicit input is never overridden by the token.\n */\nexport function provideStatusIndicatorDefaults(defaults: StatusIndicatorDefaults) {\n  return { provide: STATUS_INDICATOR_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectStatusIndicatorDefaults(): StatusIndicatorDefaults {\n  return inject(STATUS_INDICATOR_DEFAULTS_TOKEN);\n}\n","import type { GlyphName } from '@slotted/angular/icon';\n\n/**\n * The six operational states. The vocabulary is closed, and that is a decision\n * rather than an omission: a seventh value would carry no tone, no glyph and\n * no fallback word, which are the three things this family exists to supply.\n */\nexport type StatusIndicatorStatus =\n  'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'unknown';\n\n/** The compact mark, and the one that says the status without colour. */\nexport type StatusIndicatorMark = 'dot' | 'icon';\nexport type StatusIndicatorSize = 'sm' | 'md' | 'lg';\nexport type StatusIndicatorLive = 'off' | 'polite' | 'assertive';\n\nexport const STATUS_INDICATOR_DEFAULT_STATUS: StatusIndicatorStatus = 'neutral';\n\n/**\n * The glyph each status draws when the mark is an icon, as the contract's\n * `statusGlyphs` names it. Two statuses never share one: the icon mark is the\n * family's non-chromatic answer, and `neutral` and `unknown` share a tone.\n */\nexport const STATUS_INDICATOR_GLYPHS: Record<StatusIndicatorStatus, GlyphName> = {\n  neutral: 'circle',\n  info: 'circle-info',\n  success: 'circle-check',\n  warning: 'circle-alert',\n  danger: 'circle-x',\n  unknown: 'circle-question',\n};\nexport const STATUS_INDICATOR_DEFAULT_MARK: StatusIndicatorMark = 'dot';\nexport const STATUS_INDICATOR_DEFAULT_SIZE: StatusIndicatorSize = 'md';\nexport const STATUS_INDICATOR_DEFAULT_LIVE: StatusIndicatorLive = 'off';\n\n/**\n * What `live` writes on the host. The names are the platform's: `status` is a\n * polite live region with an implicit `aria-atomic`, so the mark and its word\n * are announced as one thing; `alert` interrupts, which the APG's Alert\n * pattern reserves for a message that needs immediate attention.\n */\nexport const STATUS_INDICATOR_ROLE: Record<StatusIndicatorLive, string | null> = {\n  off: null,\n  polite: 'status',\n  assertive: 'alert',\n};\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  HostAttributeToken,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { injectMessages } from '@slotted/angular/i18n';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport {\n  type PartialMessages,\n  statusIndicatorMessages,\n  type StatusIndicatorMessages,\n} from '@slotted/core/i18n';\n\nimport { injectStatusIndicatorDefaults } from './status-indicator-defaults';\nimport {\n  STATUS_INDICATOR_DEFAULT_LIVE,\n  STATUS_INDICATOR_DEFAULT_MARK,\n  STATUS_INDICATOR_DEFAULT_SIZE,\n  STATUS_INDICATOR_DEFAULT_STATUS,\n  STATUS_INDICATOR_GLYPHS,\n  STATUS_INDICATOR_ROLE,\n  type StatusIndicatorLive,\n  type StatusIndicatorMark,\n  type StatusIndicatorSize,\n  type StatusIndicatorStatus,\n} from './status-indicator.constants';\n\n/**\n * The operational state of something the application observes.\n *\n * The family reports; it never moves the value. That is why there is no\n * `model()` here and no output — `status` is the application's fact about a\n * system this component cannot see, the same relationship a progress range has\n * to the work it reports.\n *\n * It is always named. Given projected content, that content is the name; given\n * none, the status's own word is rendered and clipped from view. The fallback\n * belongs to `<ng-content>` rather than to a flag the component has to compute,\n * which is Angular's own answer to the question React answers with\n * `children === undefined`: the template knows whether anything was projected,\n * so nothing has to inspect the DOM to find out.\n *\n * The selector is a bare attribute, so the element stays the consumer's: a\n * status belongs in whatever a table cell, a list item or a heading already\n * is, and wrapping it in a second element would change their layout to carry\n * an attribute.\n */\n@Component({\n  selector: '[slStatusIndicator]',\n  standalone: true,\n  imports: [SlGlyph, SlIcon],\n  /* The icon mark's glyph follows the status; the sheet sizes and colours it. */\n  template: `<span aria-hidden=\"true\" data-part=\"mark\" data-part-mark=\"\">\n      @if (markValue() === 'icon') {\n        <span slIcon><svg slGlyph [name]=\"glyph()\"></svg></span>\n      }</span\n    ><span data-part=\"label\" data-part-label=\"\"\n      ><ng-content\n        ><span\n          data-part=\"announcement\"\n          data-part-announcement=\"\"\n          data-ui=\"visually-hidden\"\n          data-ui-visually-hidden=\"\"\n          >{{ name() }}</span\n        ></ng-content\n      ></span\n    >`,\n  styleUrls: [\n    '../../../styles/src/status-indicator/status-indicator.css',\n    '../../../styles/src/visually-hidden/visually-hidden.css',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'slStatusIndicator',\n  host: {\n    'data-ui': 'status-indicator',\n    'data-ui-status-indicator': '',\n    'data-part': 'root',\n    'data-part-root': '',\n    '[attr.data-status]': 'status()',\n    '[attr.data-mark]': 'markValue()',\n    '[attr.data-size]': 'sizeValue()',\n    '[attr.data-pulse]': 'pulse() ? \"\" : null',\n    '[attr.role]': 'roleValue()',\n  },\n})\nexport class SlStatusIndicator {\n  readonly status = input<StatusIndicatorStatus>(STATUS_INDICATOR_DEFAULT_STATUS);\n  readonly mark = input<StatusIndicatorMark | undefined>(undefined);\n  readonly size = input<StatusIndicatorSize | undefined>(undefined);\n  readonly live = input<StatusIndicatorLive | undefined>(undefined);\n  /**\n   * A wave leaving the dot, for a change happening now. An icon mark does not\n   * pulse, and the wave is withdrawn under reduced motion and under forced\n   * colours, so nothing is ever said by the wave alone.\n   */\n  readonly pulse = input(false, { transform: booleanAttribute });\n  /**\n   * What a reader hears when nothing was projected. Ignored when something\n   * was, because naming an element twice is how a screen reader comes to read\n   * “Success Healthy”. Falls back to the status's word in the catalog.\n   */\n  readonly label = input<string | undefined>(undefined);\n  /**\n   * Words laid over the catalog of the language in force, key by key: the\n   * word each status is heard as when nothing was projected.\n   */\n  readonly messages = input<PartialMessages<StatusIndicatorMessages> | undefined>(undefined);\n\n  private readonly defaults = injectStatusIndicatorDefaults();\n  /** The family's words in the language in force, with this indicator's `messages` laid over them. */\n  readonly t = injectMessages(statusIndicatorMessages, this.messages);\n  /**\n   * Read once, before the host binding writes one. A consumer who put\n   * `role=\"note\"` on their own element keeps it, which is the rule\n   * `frameworks.md` states for every static attribute a family writes over.\n   */\n  private readonly ownRole = inject(new HostAttributeToken('role'), { optional: true });\n\n  readonly markValue = computed(\n    () => this.mark() ?? this.defaults.mark ?? STATUS_INDICATOR_DEFAULT_MARK,\n  );\n  readonly sizeValue = computed(\n    () => this.size() ?? this.defaults.size ?? STATUS_INDICATOR_DEFAULT_SIZE,\n  );\n  readonly liveValue = computed(\n    () => this.live() ?? this.defaults.live ?? STATUS_INDICATOR_DEFAULT_LIVE,\n  );\n\n  readonly glyph = computed(() => STATUS_INDICATOR_GLYPHS[this.status()]);\n\n  readonly roleValue = computed(() => this.ownRole ?? STATUS_INDICATOR_ROLE[this.liveValue()]);\n\n  readonly name = computed(() => this.label() ?? this.t(this.status()));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}