@slotted/angular 0.0.0-stage → 0.1.0-beta.0

package/fesm2022/slotted-angular-button.mjs

@@ -0,0 +1,692 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, booleanAttribute, computed, signal, effect, ViewEncapsulation, Component, input, numberAttribute, contentChild, ElementRef, DestroyRef, forwardRef, ChangeDetectionStrategy, output, isDevMode } from '@angular/core';
+import { injectMessages } from '@slotted/angular/i18n';
+import { buttonMessages } from '@slotted/core/i18n';
+import { createControllable } from '@slotted/core/state';
+
+const BUTTON_DEFAULTS_TOKEN = new InjectionToken('slotted button defaults', {
+    providedIn: 'root',
+    factory: () => ({}),
+});
+/**
+ * An application decides once how its actions are painted and how large they
+ * are, rather than repeating three inputs on every button. A button that states
+ * an axis itself still wins: an explicit input is never overridden by the
+ * token.
+ */
+function provideButtonDefaults(defaults) {
+    return { provide: BUTTON_DEFAULTS_TOKEN, useValue: defaults };
+}
+function injectButtonDefaults() {
+    return inject(BUTTON_DEFAULTS_TOKEN);
+}
+
+/** A state attribute is present or absent; it never carries a value. */
+function stateAttribute(active) {
+    return active ? '' : null;
+}
+function blockActivation(event) {
+    event.preventDefault();
+    event.stopImmediatePropagation();
+    event.stopPropagation();
+}
+/**
+ * A native button fires the same `click` for a pointer, for Space and for
+ * Enter, which is exactly why the family uses one — and why the reason a
+ * toggle moved has to be recovered from the event. A click synthesised by the
+ * keyboard reports no detail; a real one reports the click count.
+ */
+function activationReason(event) {
+    return event instanceof MouseEvent && event.detail > 0 ? 'pointer' : 'keyboard';
+}
+/**
+ * Absence has to survive the transform. `booleanAttribute` maps an unset input
+ * to `false`, and `false` is a value: it would make every icon button announce
+ * itself as an unpressed toggle.
+ */
+function optionalBoolean(value) {
+    return value === undefined ? undefined : booleanAttribute(value);
+}
+/**
+ * An explicit input wins over the injected default, and the injected default
+ * over the member's own. The three are read in that order rather than merged,
+ * so an application that provides only `size` leaves each member the tone and
+ * the paint it was designed with.
+ */
+function resolveAppearance(inputs, fallback) {
+    const provided = injectButtonDefaults();
+    return {
+        size: computed(() => inputs.size() ?? provided.size ?? fallback.size),
+        tone: computed(() => inputs.tone() ?? provided.tone ?? fallback.tone),
+        variant: computed(() => inputs.variant() ?? provided.variant ?? fallback.variant),
+    };
+}
+/**
+ * Being unavailable and being unreachable are two decisions the platform only
+ * offers together. `disabled` takes the control out of the tab sequence, which
+ * takes its tooltip and its explanation with it; `aria-disabled` announces the
+ * same thing and leaves it reachable, at the price of a refusal the family has
+ * to enforce itself.
+ *
+ * A waiting control is always the second kind. React Aria's pending button and
+ * Primer's loading button agree: focus must survive an action the person just
+ * started, or the keyboard lands somewhere else mid-task.
+ */
+function resolveInertness(inputs) {
+    return {
+        refuses: computed(() => inputs.disabled() || inputs.loading()),
+        nativelyDisabled: computed(() => inputs.disabled() && !inputs.focusableWhenDisabled()),
+        ariaDisabled: computed(() => (inputs.disabled() && inputs.focusableWhenDisabled()) || inputs.loading() ? 'true' : null),
+    };
+}
+/**
+ * Whether the ring is drawn yet. The wait itself starts at once — the
+ * activation is refused from the first millisecond — but a spinner shown for
+ * ninety of them is a flash rather than a status, so the picture can lag the
+ * state by as long as the consumer says.
+ */
+function resolveLoadingIndicator(loading, loadingDelay) {
+    const elapsed = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "elapsed" }] : /* istanbul ignore next */ []));
+    effect((onCleanup) => {
+        if (!loading() || loadingDelay() <= 0) {
+            elapsed.set(false);
+            return;
+        }
+        const timer = setTimeout(() => elapsed.set(true), loadingDelay());
+        onCleanup(() => clearTimeout(timer));
+    });
+    return computed(() => loading() && (loadingDelay() <= 0 || elapsed()));
+}
+const BUTTON_WAIT = new InjectionToken('slotted button wait');
+/**
+ * Markers rather than wrappers. The part attribute lands on the element the
+ * consumer already wrote, so an absent icon leaves no empty box behind and the
+ * rendered tree matches the React binding's exactly.
+ *
+ * They are components rather than directives because a slot has one thing to
+ * render of its own: the ring that stands in for its glyph while the control
+ * waits. The glyph is projected under it and fades; it is not taken out, both
+ * because Angular cannot take back content the consumer projected and because
+ * an element that leaves the flow can move what is beside it.
+ */
+class SlButtonStart {
+    wait = inject(BUTTON_WAIT, { optional: true });
+    drawsRing = computed(() => this.wait?.waiting() ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "drawsRing" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonStart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlButtonStart, isStandalone: true, selector: "[slButtonStart]", host: { attributes: { "data-part": "start" } }, exportAs: ["slButtonStart"], ngImport: i0, template: `<ng-content></ng-content>
+    @if (drawsRing()) {
+      <span
+        data-part="indicator"
+        data-ui="spinner"
+        role="progressbar"
+        [attr.aria-label]="wait?.t('loading') ?? null"
+      ></span>
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]: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=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonStart, decorators: [{
+            type: Component,
+            args: [{ selector: '[slButtonStart]', standalone: true, template: `<ng-content></ng-content>
+    @if (drawsRing()) {
+      <span
+        data-part="indicator"
+        data-ui="spinner"
+        role="progressbar"
+        [attr.aria-label]="wait?.t('loading') ?? null"
+      ></span>
+    }`, encapsulation: ViewEncapsulation.None, exportAs: 'slButtonStart', host: { 'data-part': 'start' }, styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]: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=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"] }]
+        }] });
+class SlButtonEnd {
+    wait = inject(BUTTON_WAIT, { optional: true });
+    /**
+     * The ring takes the first visual slot the control has, so an end slot draws
+     * it only when there is no start slot to take it.
+     */
+    drawsRing = computed(() => (this.wait?.waiting() ?? false) && !(this.wait?.hasStart() ?? false), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "drawsRing" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonEnd, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlButtonEnd, isStandalone: true, selector: "[slButtonEnd]", host: { attributes: { "data-part": "end" } }, exportAs: ["slButtonEnd"], ngImport: i0, template: `<ng-content></ng-content>
+    @if (drawsRing()) {
+      <span
+        data-part="indicator"
+        data-ui="spinner"
+        role="progressbar"
+        [attr.aria-label]="wait?.t('loading') ?? null"
+      ></span>
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]: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=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonEnd, decorators: [{
+            type: Component,
+            args: [{ selector: '[slButtonEnd]', standalone: true, template: `<ng-content></ng-content>
+    @if (drawsRing()) {
+      <span
+        data-part="indicator"
+        data-ui="spinner"
+        role="progressbar"
+        [attr.aria-label]="wait?.t('loading') ?? null"
+      ></span>
+    }`, encapsulation: ViewEncapsulation.None, exportAs: 'slButtonEnd', host: { 'data-part': 'end' }, styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]: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=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"] }]
+        }] });
+/**
+ * The controlled and uncontrolled pair, decided by whether the consumer passed
+ * a value. `@slotted/core/state` owns that decision so the two bindings cannot
+ * disagree about who holds the value; the signal below is only where an
+ * uncontrolled toggle keeps its own.
+ */
+class PressedState {
+    source;
+    own = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "own" }] : /* istanbul ignore next */ []));
+    constructor(source) {
+        this.source = source;
+    }
+    value = () => this.source.pressed() ?? this.own() ?? this.source.defaultPressed() ?? false;
+    request(event) {
+        const next = !this.value();
+        const state = createControllable({
+            controlled: this.source.pressed(),
+            initial: this.value(),
+            onRequest: (request) => this.source.emit(request),
+        });
+        if (state.request(next, activationReason(event), event))
+            this.own.set(next);
+    }
+}
+
+/**
+ * The five colours are tones in `docs/token-foundation.md`, so the axis that
+ * selects one is `tone`. `variant` names what it actually selects: how the
+ * chosen tone is painted.
+ */
+const BUTTON_TONES = ['accent', 'secondary', 'success', 'warning', 'danger'];
+const BUTTON_VARIANTS = ['solid', 'outline', 'ghost'];
+const BUTTON_SIZES = ['sm', 'md', 'lg'];
+const BUTTON_SHAPES = ['square', 'circle'];
+const BUTTON_DEFAULTS = { tone: 'accent', variant: 'solid', size: 'md' };
+const BUTTON_LINK_DEFAULTS = BUTTON_DEFAULTS;
+const ICON_BUTTON_DEFAULTS = {
+    tone: 'secondary',
+    variant: 'ghost',
+    size: 'md',
+    shape: 'square',
+};
+const TOGGLE_BUTTON_DEFAULTS = {
+    tone: 'secondary',
+    variant: 'outline',
+    size: 'md',
+};
+
+/**
+ * A momentary action. Persistent state belongs to SlToggleButton, and
+ * navigation to SlButtonLink, so this member never grows an `aria-pressed` or
+ * an `href`.
+ *
+ * There is no `render` input, and there is no need for one: the component is a
+ * directive on the element the consumer wrote, so substituting the element is
+ * something the consumer does by writing a different one.
+ */
+class SlButton {
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Keeps an unavailable control in the tab sequence, announcing
+     * `aria-disabled` instead of carrying the attribute that removes it. The
+     * activation is refused either way.
+     */
+    focusableWhenDisabled = input(false, { ...(ngDevMode ? { debugName: "focusableWhenDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    fullWidth = input(false, { ...(ngDevMode ? { debugName: "fullWidth" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** How long the wait lasts before the ring is drawn. The refusal is immediate. */
+    loadingDelay = input(0, { ...(ngDevMode ? { debugName: "loadingDelay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /**
+     * Words laid over the catalog of the language in force, key by key: what the
+     * ring announces itself as (`loading`). It is a progress bar, so it has a name.
+     */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** The family's words in the language in force, with this button's `messages` laid over them. */
+    t = injectMessages(buttonMessages, this.messages);
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    tone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    type = input('button', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    stateAttribute = stateAttribute;
+    appearance = resolveAppearance(this, BUTTON_DEFAULTS);
+    inert = resolveInertness(this);
+    waiting = resolveLoadingIndicator(this.loading, this.loadingDelay);
+    start = contentChild(SlButtonStart, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "start" }] : /* istanbul ignore next */ []));
+    end = contentChild(SlButtonEnd, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "end" }] : /* istanbul ignore next */ []));
+    hasStart = computed(() => this.start() !== undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasStart" }] : /* istanbul ignore next */ []));
+    /**
+     * A control with a visual slot gives the ring that box, and the slot draws
+     * it. Only a control with neither draws one of its own, centred over the
+     * label the stylesheet then fades.
+     */
+    hasVisualSlot = computed(() => this.start() !== undefined || this.end() !== undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasVisualSlot" }] : /* istanbul ignore next */ []));
+    /**
+     * The capture phase, because a control that is unavailable or still working
+     * must refuse the activation before any listener the consumer attached to it
+     * can run — including the submit a `type="submit"` button would perform while
+     * it keeps its place in the tab sequence.
+     */
+    constructor() {
+        const element = inject((ElementRef)).nativeElement;
+        const listener = (event) => {
+            if (this.inert.refuses())
+                blockActivation(event);
+        };
+        element.addEventListener('click', listener, { capture: true });
+        inject(DestroyRef).onDestroy(() => element.removeEventListener('click', listener, { capture: true }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlButton, isStandalone: true, selector: "button[slButton]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focusableWhenDisabled: { classPropertyName: "focusableWhenDisabled", publicName: "focusableWhenDisabled", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: "loadingDelay", publicName: "loadingDelay", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "button", "data-part": "root" }, properties: { "attr.aria-disabled": "inert.ariaDisabled()", "attr.data-tone": "appearance.tone()", "attr.data-variant": "appearance.variant()", "attr.data-size": "appearance.size()", "attr.data-full-width": "stateAttribute(fullWidth())", "attr.data-disabled": "stateAttribute(disabled())", "attr.data-loading": "stateAttribute(loading())", "disabled": "inert.nativelyDisabled()", "attr.type": "type()" } }, providers: [{ provide: BUTTON_WAIT, useExisting: forwardRef(() => SlButton) }], queries: [{ propertyName: "start", first: true, predicate: SlButtonStart, descendants: true, isSignal: true }, { propertyName: "end", first: true, predicate: SlButtonEnd, descendants: true, isSignal: true }], exportAs: ["slButton"], ngImport: i0, template: `<ng-content select="[slButtonStart]"></ng-content
+    ><span data-part="label"><ng-content></ng-content></span
+    ><ng-content select="[slButtonEnd]"></ng-content>
+    @if (waiting() && !hasVisualSlot()) {
+      <span
+        data-part="indicator"
+        data-ui="spinner"
+        role="progressbar"
+        [attr.aria-label]="t('loading')"
+      ></span>
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]: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=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[slButton]', standalone: true, template: `<ng-content select="[slButtonStart]"></ng-content
+    ><span data-part="label"><ng-content></ng-content></span
+    ><ng-content select="[slButtonEnd]"></ng-content>
+    @if (waiting() && !hasVisualSlot()) {
+      <span
+        data-part="indicator"
+        data-ui="spinner"
+        role="progressbar"
+        [attr.aria-label]="t('loading')"
+      ></span>
+    }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slButton', providers: [{ provide: BUTTON_WAIT, useExisting: forwardRef(() => SlButton) }], host: {
+                        'data-ui': 'button',
+                        'data-part': 'root',
+                        '[attr.aria-disabled]': 'inert.ariaDisabled()',
+                        '[attr.data-tone]': 'appearance.tone()',
+                        '[attr.data-variant]': 'appearance.variant()',
+                        '[attr.data-size]': 'appearance.size()',
+                        '[attr.data-full-width]': 'stateAttribute(fullWidth())',
+                        '[attr.data-disabled]': 'stateAttribute(disabled())',
+                        '[attr.data-loading]': 'stateAttribute(loading())',
+                        '[disabled]': 'inert.nativelyDisabled()',
+                        '[attr.type]': 'type()',
+                    }, styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]: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=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], focusableWhenDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusableWhenDisabled", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], loadingDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingDelay", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], start: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlButtonStart), { isSignal: true }] }], end: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlButtonEnd), { isSignal: true }] }] } });
+
+/**
+ * Navigation wearing the action surface. The element is an `a`, so activation,
+ * the context menu and every modified click stay the platform's, and Space
+ * does not activate it because Space does not activate a link. `routerLink`
+ * works on it for the same reason: the component is a directive on the
+ * consumer's own anchor.
+ *
+ * A disabled link keeps no `href`. An anchor that keeps its destination and
+ * only blocks `click` still navigates on a middle click and on a modified
+ * click; taking the destination away is what actually disables it. It stays in
+ * the tab sequence with `role="link"` and `aria-disabled`, because a control a
+ * keyboard user cannot reach is one they cannot discover is unavailable.
+ */
+class SlButtonLink {
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    fullWidth = input(false, { ...(ngDevMode ? { debugName: "fullWidth" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    tone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * The destination, when the anchor is not driven by a router. A `routerLink`
+     * on the same element writes the `href` itself, and this input stays unset.
+     */
+    href = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
+    stateAttribute = stateAttribute;
+    appearance = resolveAppearance(this, BUTTON_LINK_DEFAULTS);
+    /**
+     * A disabled link keeps its place in the tab sequence: without an `href` the
+     * anchor would drop out of it, so the zero is stated rather than inherited.
+     */
+    tabIndex = computed(() => (this.disabled() ? 0 : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const element = inject((ElementRef)).nativeElement;
+        const destroyRef = inject(DestroyRef);
+        const listen = (type, listener) => {
+            element.addEventListener(type, listener, { capture: true });
+            destroyRef.onDestroy(() => element.removeEventListener(type, listener, { capture: true }));
+        };
+        listen('click', (event) => this.refuse(event));
+        listen('auxclick', (event) => this.refuse(event));
+        listen('keydown', (event) => {
+            if (event.key === 'Enter')
+                this.refuse(event);
+        });
+    }
+    refuse(event) {
+        if (this.disabled())
+            blockActivation(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonLink, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlButtonLink, isStandalone: true, selector: "a[slButtonLink]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "button", "data-part": "root" }, properties: { "attr.aria-disabled": "disabled() ? 'true' : null", "attr.role": "disabled() ? 'link' : null", "attr.href": "disabled() ? null : href()", "attr.tabindex": "tabIndex()", "attr.data-tone": "appearance.tone()", "attr.data-variant": "appearance.variant()", "attr.data-size": "appearance.size()", "attr.data-full-width": "stateAttribute(fullWidth())", "attr.data-disabled": "stateAttribute(disabled())" } }, exportAs: ["slButtonLink"], ngImport: i0, template: `<ng-content select="[slButtonStart]"></ng-content
+    ><span data-part="label"><ng-content></ng-content></span
+    ><ng-content select="[slButtonEnd]"></ng-content>`, isInline: true, styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]: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=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonLink, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[slButtonLink]', standalone: true, template: `<ng-content select="[slButtonStart]"></ng-content
+    ><span data-part="label"><ng-content></ng-content></span
+    ><ng-content select="[slButtonEnd]"></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slButtonLink', host: {
+                        'data-ui': 'button',
+                        'data-part': 'root',
+                        '[attr.aria-disabled]': "disabled() ? 'true' : null",
+                        '[attr.role]': "disabled() ? 'link' : null",
+                        '[attr.href]': 'disabled() ? null : href()',
+                        '[attr.tabindex]': 'tabIndex()',
+                        '[attr.data-tone]': 'appearance.tone()',
+                        '[attr.data-variant]': 'appearance.variant()',
+                        '[attr.data-size]': 'appearance.size()',
+                        '[attr.data-full-width]': 'stateAttribute(fullWidth())',
+                        '[attr.data-disabled]': 'stateAttribute(disabled())',
+                    }, styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]: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=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }] } });
+
+/**
+ * The same control as SlButton with no room for a label, so the accessible
+ * name is an explicit attribute, checked in development because an attribute
+ * cannot be made mandatory by a template.
+ *
+ * It takes `pressed` directly instead of being paired with a toggle component
+ * of its own: its name is already an attribute that must not change with the
+ * state, so toggling adds no obligation a separate component would exist to
+ * enforce. `aria-pressed` appears only once the consumer opts in.
+ *
+ * The glyph's own box holds the ring while the control waits: it is already
+ * the size of the ring, so nothing moves, and the glyph is the one thing this
+ * member can afford to hide, because it carries no name.
+ */
+class SlIconButton {
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    focusableWhenDisabled = input(false, { ...(ngDevMode ? { debugName: "focusableWhenDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    loadingDelay = input(0, { ...(ngDevMode ? { debugName: "loadingDelay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /**
+     * Words laid over the catalog of the language in force, key by key: what the
+     * ring announces itself as (`loading`). It is a progress bar, so it has a name.
+     */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** The family's words in the language in force, with this button's `messages` laid over them. */
+    t = injectMessages(buttonMessages, this.messages);
+    shape = input(ICON_BUTTON_DEFAULTS.shape, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    tone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    type = input('button', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Present means controlled, for the life of the component. */
+    pressed = input(undefined, { ...(ngDevMode ? { debugName: "pressed" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    defaultPressed = input(undefined, { ...(ngDevMode ? { debugName: "defaultPressed" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /**
+     * One output for one transition, carrying the value, the value it replaces,
+     * the reason, the originating event and `cancel()`. There is no `[(pressed)]`
+     * because a two-way binding has one slot and can carry none of those.
+     */
+    pressedChange = output();
+    stateAttribute = stateAttribute;
+    appearance = resolveAppearance(this, ICON_BUTTON_DEFAULTS);
+    inert = resolveInertness(this);
+    waiting = resolveLoadingIndicator(this.loading, this.loadingDelay);
+    state = new PressedState({
+        pressed: this.pressed,
+        defaultPressed: this.defaultPressed,
+        emit: (request) => this.pressedChange.emit(request),
+    });
+    isPressed = computed(() => this.state.value(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isPressed" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the consumer opted into the toggle capability at all. Passing
+     * either half of the state model is the opt-in, in both bindings: an icon
+     * button that announced `aria-pressed` without one would be announcing a
+     * state it does not have.
+     */
+    toggles = computed(() => this.pressed() !== undefined || this.defaultPressed() !== undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toggles" }] : /* istanbul ignore next */ []));
+    element = inject((ElementRef)).nativeElement;
+    destroyRef = inject(DestroyRef);
+    /**
+     * The capture phase, because a control that is unavailable or still working
+     * must refuse the activation before any listener the consumer attached to it
+     * can run.
+     */
+    constructor() {
+        const capture = (event) => {
+            if (this.inert.refuses())
+                blockActivation(event);
+        };
+        this.element.addEventListener('click', capture, { capture: true });
+        this.destroyRef.onDestroy(() => this.element.removeEventListener('click', capture, { capture: true }));
+    }
+    ngAfterViewInit() {
+        /**
+         * After the view, not in the constructor. A `(click)` written on the same
+         * element is bound when the view is created, so a listener registered any
+         * earlier runs first and reads `defaultPrevented` before the consumer has
+         * had the chance to set it.
+         */
+        const activate = (event) => {
+            if (this.inert.refuses() || event.defaultPrevented || !this.toggles())
+                return;
+            this.state.request(event);
+        };
+        this.element.addEventListener('click', activate);
+        this.destroyRef.onDestroy(() => this.element.removeEventListener('click', activate));
+        if (!isDevMode())
+            return;
+        const label = this.element.getAttribute('aria-label');
+        const labelledBy = this.element.getAttribute('aria-labelledby');
+        if (!label?.trim() && !labelledBy?.trim()) {
+            throw new Error('SlIconButton requires aria-label or aria-labelledby');
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlIconButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlIconButton, isStandalone: true, selector: "button[slIconButton]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focusableWhenDisabled: { classPropertyName: "focusableWhenDisabled", publicName: "focusableWhenDisabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: "loadingDelay", publicName: "loadingDelay", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, defaultPressed: { classPropertyName: "defaultPressed", publicName: "defaultPressed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressedChange: "pressedChange" }, host: { attributes: { "data-ui": "button", "data-part": "root" }, properties: { "attr.aria-disabled": "inert.ariaDisabled()", "attr.aria-pressed": "toggles() ? isPressed() : null", "attr.data-tone": "appearance.tone()", "attr.data-variant": "appearance.variant()", "attr.data-size": "appearance.size()", "attr.data-shape": "shape()", "attr.data-disabled": "stateAttribute(disabled())", "attr.data-loading": "stateAttribute(loading())", "attr.data-pressed": "stateAttribute(toggles() && isPressed())", "disabled": "inert.nativelyDisabled()", "attr.type": "type()" } }, exportAs: ["slIconButton"], ngImport: i0, template: `<span data-part="icon"
+    ><ng-content></ng-content>
+    @if (waiting()) {
+      <span
+        data-part="indicator"
+        data-ui="spinner"
+        role="progressbar"
+        [attr.aria-label]="t('loading')"
+      ></span>
+    }
+  </span>`, isInline: true, styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]: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=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlIconButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[slIconButton]', standalone: true, template: `<span data-part="icon"
+    ><ng-content></ng-content>
+    @if (waiting()) {
+      <span
+        data-part="indicator"
+        data-ui="spinner"
+        role="progressbar"
+        [attr.aria-label]="t('loading')"
+      ></span>
+    }
+  </span>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slIconButton', host: {
+                        'data-ui': 'button',
+                        'data-part': 'root',
+                        '[attr.aria-disabled]': 'inert.ariaDisabled()',
+                        '[attr.aria-pressed]': 'toggles() ? isPressed() : null',
+                        '[attr.data-tone]': 'appearance.tone()',
+                        '[attr.data-variant]': 'appearance.variant()',
+                        '[attr.data-size]': 'appearance.size()',
+                        '[attr.data-shape]': 'shape()',
+                        '[attr.data-disabled]': 'stateAttribute(disabled())',
+                        '[attr.data-loading]': 'stateAttribute(loading())',
+                        '[attr.data-pressed]': 'stateAttribute(toggles() && isPressed())',
+                        '[disabled]': 'inert.nativelyDisabled()',
+                        '[attr.type]': 'type()',
+                    }, styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]: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=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], focusableWhenDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusableWhenDisabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], loadingDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingDelay", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], pressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }], defaultPressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPressed", required: false }] }], pressedChange: [{ type: i0.Output, args: ["pressedChange"] }] } });
+
+/**
+ * A two-state action. The APG is explicit that the label of a toggle must not
+ * change with its state — "Mute" stays "Mute" and the state is announced
+ * beside it — so this is a component of its own rather than an input on
+ * SlButton: reaching for it is what makes that obligation visible.
+ *
+ * It waits, because a toggle that persists is the common one: "Follow",
+ * "Subscribe" and "Watch" all reach a server before the state is true. While
+ * it waits it holds the state it still has, so the person is never shown a
+ * value that has not been agreed to.
+ */
+class SlToggleButton {
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    focusableWhenDisabled = input(false, { ...(ngDevMode ? { debugName: "focusableWhenDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    fullWidth = input(false, { ...(ngDevMode ? { debugName: "fullWidth" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    loadingDelay = input(0, { ...(ngDevMode ? { debugName: "loadingDelay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /**
+     * Words laid over the catalog of the language in force, key by key: what the
+     * ring announces itself as (`loading`). It is a progress bar, so it has a name.
+     */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** The family's words in the language in force, with this button's `messages` laid over them. */
+    t = injectMessages(buttonMessages, this.messages);
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    tone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    type = input('button', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Present means controlled, for the life of the component. */
+    pressed = input(undefined, { ...(ngDevMode ? { debugName: "pressed" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    defaultPressed = input(false, { ...(ngDevMode ? { debugName: "defaultPressed" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * One output for one transition, carrying the value, the value it replaces,
+     * the reason, the originating event and `cancel()`. There is no
+     * `[(pressed)]` because a two-way binding has one slot and cannot carry any
+     * of those, and a second output for the same transition would be the same
+     * failure stated twice.
+     */
+    pressedChange = output();
+    stateAttribute = stateAttribute;
+    appearance = resolveAppearance(this, TOGGLE_BUTTON_DEFAULTS);
+    inert = resolveInertness(this);
+    waiting = resolveLoadingIndicator(this.loading, this.loadingDelay);
+    start = contentChild(SlButtonStart, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "start" }] : /* istanbul ignore next */ []));
+    end = contentChild(SlButtonEnd, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "end" }] : /* istanbul ignore next */ []));
+    hasStart = computed(() => this.start() !== undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasStart" }] : /* istanbul ignore next */ []));
+    hasVisualSlot = computed(() => this.start() !== undefined || this.end() !== undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasVisualSlot" }] : /* istanbul ignore next */ []));
+    state = new PressedState({
+        pressed: this.pressed,
+        defaultPressed: this.defaultPressed,
+        emit: (request) => this.pressedChange.emit(request),
+    });
+    isPressed = computed(() => this.state.value(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isPressed" }] : /* istanbul ignore next */ []));
+    element = inject((ElementRef)).nativeElement;
+    destroyRef = inject(DestroyRef);
+    /**
+     * The capture phase, because a control that is unavailable or still working
+     * must refuse the activation before any listener the consumer attached to it
+     * can run.
+     */
+    constructor() {
+        const capture = (event) => {
+            if (this.inert.refuses())
+                blockActivation(event);
+        };
+        this.element.addEventListener('click', capture, { capture: true });
+        this.destroyRef.onDestroy(() => this.element.removeEventListener('click', capture, { capture: true }));
+    }
+    /**
+     * After the view, not in the constructor. A `(click)` written on the same
+     * element is bound when the view is created, so a listener registered any
+     * earlier runs first and reads `defaultPrevented` before the consumer has
+     * had the chance to set it — and a refused activation would move the state
+     * anyway.
+     */
+    ngAfterViewInit() {
+        const listener = (event) => {
+            if (this.inert.refuses() || event.defaultPrevented)
+                return;
+            this.state.request(event);
+        };
+        this.element.addEventListener('click', listener);
+        this.destroyRef.onDestroy(() => this.element.removeEventListener('click', listener));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToggleButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlToggleButton, isStandalone: true, selector: "button[slToggleButton]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focusableWhenDisabled: { classPropertyName: "focusableWhenDisabled", publicName: "focusableWhenDisabled", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: "loadingDelay", publicName: "loadingDelay", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, defaultPressed: { classPropertyName: "defaultPressed", publicName: "defaultPressed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressedChange: "pressedChange" }, host: { attributes: { "data-ui": "button", "data-part": "root" }, properties: { "attr.aria-disabled": "inert.ariaDisabled()", "attr.aria-pressed": "isPressed()", "attr.data-tone": "appearance.tone()", "attr.data-variant": "appearance.variant()", "attr.data-size": "appearance.size()", "attr.data-full-width": "stateAttribute(fullWidth())", "attr.data-disabled": "stateAttribute(disabled())", "attr.data-loading": "stateAttribute(loading())", "attr.data-pressed": "stateAttribute(isPressed())", "disabled": "inert.nativelyDisabled()", "attr.type": "type()" } }, providers: [{ provide: BUTTON_WAIT, useExisting: forwardRef(() => SlToggleButton) }], queries: [{ propertyName: "start", first: true, predicate: SlButtonStart, descendants: true, isSignal: true }, { propertyName: "end", first: true, predicate: SlButtonEnd, descendants: true, isSignal: true }], exportAs: ["slToggleButton"], ngImport: i0, template: `<ng-content select="[slButtonStart]"></ng-content
+    ><span data-part="label"><ng-content></ng-content></span
+    ><ng-content select="[slButtonEnd]"></ng-content>
+    @if (waiting() && !hasVisualSlot()) {
+      <span
+        data-part="indicator"
+        data-ui="spinner"
+        role="progressbar"
+        [attr.aria-label]="t('loading')"
+      ></span>
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]: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=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlToggleButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[slToggleButton]', standalone: true, template: `<ng-content select="[slButtonStart]"></ng-content
+    ><span data-part="label"><ng-content></ng-content></span
+    ><ng-content select="[slButtonEnd]"></ng-content>
+    @if (waiting() && !hasVisualSlot()) {
+      <span
+        data-part="indicator"
+        data-ui="spinner"
+        role="progressbar"
+        [attr.aria-label]="t('loading')"
+      ></span>
+    }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slToggleButton', providers: [{ provide: BUTTON_WAIT, useExisting: forwardRef(() => SlToggleButton) }], host: {
+                        'data-ui': 'button',
+                        'data-part': 'root',
+                        '[attr.aria-disabled]': 'inert.ariaDisabled()',
+                        '[attr.aria-pressed]': 'isPressed()',
+                        '[attr.data-tone]': 'appearance.tone()',
+                        '[attr.data-variant]': 'appearance.variant()',
+                        '[attr.data-size]': 'appearance.size()',
+                        '[attr.data-full-width]': 'stateAttribute(fullWidth())',
+                        '[attr.data-disabled]': 'stateAttribute(disabled())',
+                        '[attr.data-loading]': 'stateAttribute(loading())',
+                        '[attr.data-pressed]': 'stateAttribute(isPressed())',
+                        '[disabled]': 'inert.nativelyDisabled()',
+                        '[attr.type]': 'type()',
+                    }, styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]: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=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], focusableWhenDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusableWhenDisabled", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], loadingDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingDelay", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], pressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }], defaultPressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPressed", required: false }] }], pressedChange: [{ type: i0.Output, args: ["pressedChange"] }], start: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlButtonStart), { isSignal: true }] }], end: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlButtonEnd), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BUTTON_DEFAULTS_TOKEN, BUTTON_WAIT, SlButton, SlButtonEnd, SlButtonLink, SlButtonStart, SlIconButton, SlToggleButton, blockActivation, injectButtonDefaults, provideButtonDefaults, resolveInertness, resolveLoadingIndicator, stateAttribute };
+//# sourceMappingURL=slotted-angular-button.mjs.map