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

package/fesm2022/slotted-angular-split-button.mjs

@@ -0,0 +1,331 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, booleanAttribute, output, HostAttributeToken, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, forwardRef, ElementRef, DestroyRef, effect, Directive } from '@angular/core';
+import { BUTTON_DEFAULTS_TOKEN, SlButton, resolveInertness, resolveLoadingIndicator, BUTTON_WAIT, SlIconButton, blockActivation } from '@slotted/angular/button';
+import { createControllable } from '@slotted/core/state';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+import * as i1 from '@slotted/angular/menu';
+import { SlMenuTrigger, SlMenuRadioGroup } from '@slotted/angular/menu';
+
+const SPLIT_BUTTON_DEFAULTS = new InjectionToken('slotted split button defaults', { providedIn: 'root', factory: () => ({}) });
+/**
+ * An application decides once how its split buttons are painted rather than
+ * repeating three inputs on every one. A split button that states an axis
+ * itself still wins.
+ */
+function provideSplitButtonDefaults(defaults) {
+    return { provide: SPLIT_BUTTON_DEFAULTS, useValue: defaults };
+}
+function injectSplitButtonDefaults() {
+    return inject(SPLIT_BUTTON_DEFAULTS);
+}
+
+/**
+ * The three axes the root hands down to both halves, through the button
+ * family's own defaults token rather than through a second channel of this
+ * family's invention — the mechanism `button-group` uses, and the reason an
+ * explicit input on a half still wins. Getters, so a half's `computed` tracks
+ * the root's signals.
+ */
+function provideHalvesPaint() {
+    return {
+        provide: BUTTON_DEFAULTS_TOKEN,
+        useFactory: () => {
+            const root = inject(SlSplitButton);
+            return {
+                get size() {
+                    return root.resolvedSize();
+                },
+                get tone() {
+                    return root.resolvedTone();
+                },
+                get variant() {
+                    return root.resolvedVariant();
+                },
+            };
+        },
+    };
+}
+/**
+ * An action and the menu of its alternatives, joined into one shape.
+ *
+ * The root is a `group` of two `button`s: the primary, `SlButton` carrying
+ * this family's part, and the menu trigger, `SlIconButton` carrying the
+ * other and hosting `slMenuTriggerFor`. Each keeps its role, its state and
+ * its own tab stop — every surveyed split button gives the pair two — and
+ * the root hands them one appearance through `button`'s own token. The menu
+ * is the consumer's own `sl-menu`, written inside the root, and nothing of
+ * it is restated here.
+ *
+ * `remember` is the one decision the family adds. Off, the alternatives are
+ * actions. On, the radio group carrying `slSplitButtonChoices` is bound to
+ * the root's value, and the consumer renders the primary's label from that
+ * value — the merge button whose strategy a repository remembers. A silent
+ * update was refused because it changes what the next click does.
+ */
+class SlSplitButton {
+    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 action takes the line; the menu trigger stays square. */
+    fullWidth = input(false, { ...(ngDevMode ? { debugName: "fullWidth" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Takes both halves out. Each half keeps the native attribute for itself. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * The action is in flight: the primary shows `button`'s indicator with its
+     * width and name held, and the menu trigger is `aria-disabled` for the
+     * duration — still in the tab sequence, still named, still painted — so a
+     * second alternative cannot be chosen while the first runs.
+     */
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * The choice in the menu becomes the action. Off, the menu's items are
+     * actions; on, the items inside the radio group carrying
+     * `slSplitButtonChoices` are bound to `value`.
+     */
+    remember = input(false, { ...(ngDevMode ? { debugName: "remember" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** The remembered value. Present at all puts it in controlled mode. */
+    value = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** The value an uncontrolled split button remembers first, read once. */
+    defaultValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    /**
+     * One output for one transition, carrying the value, the value it
+     * replaces, the reason, the originating event and `cancel()`.
+     */
+    valueChange = output();
+    defaults = injectSplitButtonDefaults();
+    inherited = inject(BUTTON_DEFAULTS_TOKEN, { skipSelf: true });
+    /**
+     * A static attribute the consumer wrote survives the host binding, so a
+     * root that is already inside a named group can give the role up with
+     * `role=""`, the way `button-group` lets it.
+     */
+    writtenRole = inject(new HostAttributeToken('role'), { optional: true });
+    role = this.writtenRole === '' ? null : (this.writtenRole ?? 'group');
+    own = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "own" }] : /* istanbul ignore next */ []));
+    /* Resolution: the input, the family's defaults, `button`'s defaults, then
+       the contract's. */
+    resolvedSize = computed(() => this.size() ?? this.defaults.size ?? this.inherited.size ?? 'md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedTone = computed(() => this.tone() ?? this.defaults.tone ?? this.inherited.tone ?? 'accent', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedTone" }] : /* istanbul ignore next */ []));
+    resolvedVariant = computed(() => this.variant() ?? this.defaults.variant ?? this.inherited.variant ?? 'solid', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+    /** The remembered value, under `remember`; nothing otherwise. */
+    resolvedValue = computed(() => this.remember() ? (this.value() ?? this.own() ?? this.defaultValue()) : undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedValue" }] : /* istanbul ignore next */ []));
+    /** Asks the family to remember one alternative as the action. */
+    select(next, reason, source) {
+        const state = createControllable({
+            controlled: this.value(),
+            initial: this.resolvedValue() ?? '',
+            onRequest: (request) => this.valueChange.emit(request),
+        });
+        const accepted = state.request(next, reason, source);
+        if (accepted)
+            this.own.set(next);
+        return accepted;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlSplitButton, isStandalone: true, selector: "[slSplitButton]", inputs: { 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 }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, remember: { classPropertyName: "remember", publicName: "remember", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { attributes: { "data-ui": "split-button", "data-part": "root" }, properties: { "attr.role": "role", "attr.data-tone": "resolvedTone()", "attr.data-variant": "resolvedVariant()", "attr.data-size": "resolvedSize()", "attr.data-full-width": "fullWidth() ? \"\" : null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null" } }, providers: [provideHalvesPaint()], exportAs: ["slSplitButton"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui=split-button][data-part=root]{--_radius: var(--slotted-split-button-radius, var(--slotted-control-radius, 4px));--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0;vertical-align:middle}[data-ui=split-button][data-part=root][data-full-width]{display:flex;inline-size:100%}[data-ui=split-button][data-part=root][data-full-width]>[data-part=primary]{flex:1 1 0;min-inline-size:0}[data-ui=split-button][data-part=root]>[data-part=primary]{border-end-end-radius:0;border-end-start-radius:var(--_radius);border-start-end-radius:0;border-start-start-radius:var(--_radius);min-inline-size:0}[data-ui=split-button][data-part=root]>[data-part=menu-trigger]{border-end-end-radius:var(--_radius);border-end-start-radius:0;border-start-end-radius:var(--_radius);border-start-start-radius:0;flex:none;margin-inline-start:var(--_overlap)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=split-button][data-part=root]>[data-ui=button][data-part=primary][data-variant]{border-inline-end-color:transparent}[data-ui=split-button][data-part=root]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger]{border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger]:disabled,[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger][data-disabled]{border-inline-start-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=split-button][data-part=root]>*:focus-visible{z-index:1}[data-ui=split-button][data-part=root][data-loading]>[data-part=menu-trigger]{pointer-events:none}@media(forced-colors:active){[data-ui=split-button][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSplitButton, decorators: [{
+            type: Component,
+            args: [{ selector: '[slSplitButton]', standalone: true, exportAs: 'slSplitButton', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [provideHalvesPaint()], host: {
+                        'data-ui': 'split-button',
+                        'data-part': 'root',
+                        '[attr.role]': 'role',
+                        '[attr.data-tone]': 'resolvedTone()',
+                        '[attr.data-variant]': 'resolvedVariant()',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-full-width]': 'fullWidth() ? "" : null',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                        '[attr.data-loading]': 'loading() ? "" : null',
+                    }, styles: ["@layer slotted.components{[data-ui=split-button][data-part=root]{--_radius: var(--slotted-split-button-radius, var(--slotted-control-radius, 4px));--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0;vertical-align:middle}[data-ui=split-button][data-part=root][data-full-width]{display:flex;inline-size:100%}[data-ui=split-button][data-part=root][data-full-width]>[data-part=primary]{flex:1 1 0;min-inline-size:0}[data-ui=split-button][data-part=root]>[data-part=primary]{border-end-end-radius:0;border-end-start-radius:var(--_radius);border-start-end-radius:0;border-start-start-radius:var(--_radius);min-inline-size:0}[data-ui=split-button][data-part=root]>[data-part=menu-trigger]{border-end-end-radius:var(--_radius);border-end-start-radius:0;border-start-end-radius:var(--_radius);border-start-start-radius:0;flex:none;margin-inline-start:var(--_overlap)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=split-button][data-part=root]>[data-ui=button][data-part=primary][data-variant]{border-inline-end-color:transparent}[data-ui=split-button][data-part=root]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger]{border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger]:disabled,[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger][data-disabled]{border-inline-start-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=split-button][data-part=root]>*:focus-visible{z-index:1}[data-ui=split-button][data-part=root][data-loading]>[data-part=menu-trigger]{pointer-events:none}@media(forced-colors:active){[data-ui=split-button][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}}\n"] }]
+        }], propDecorators: { 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 }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], remember: [{ type: i0.Input, args: [{ isSignal: true, alias: "remember", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * The action: `SlButton`, carrying this family's part and folding the root's
+ * `disabled` and `loading` into its own. The subclass restates the template
+ * and the host binding for the part, and overrides the two resolvers the
+ * parent reads its state through — everything else, from `slButtonStart` to
+ * the indicator, is `SlButton`'s. `button` selects itself by `data-ui` alone
+ * and reads no part on its root, so the part slot is free.
+ */
+class SlSplitButtonPrimary extends SlButton {
+    split = inject(SlSplitButton);
+    resolvedDisabled = computed(() => this.disabled() || this.split.disabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedDisabled" }] : /* istanbul ignore next */ []));
+    resolvedLoading = computed(() => this.loading() || this.split.loading(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLoading" }] : /* istanbul ignore next */ []));
+    inert = resolveInertness({
+        disabled: this.resolvedDisabled,
+        focusableWhenDisabled: this.focusableWhenDisabled,
+        loading: this.resolvedLoading,
+    });
+    waiting = resolveLoadingIndicator(this.resolvedLoading, this.loadingDelay);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSplitButtonPrimary, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlSplitButtonPrimary, isStandalone: true, selector: "button[slSplitButtonPrimary]", host: { properties: { "attr.data-part": "\"primary\"", "attr.data-disabled": "stateAttribute(resolvedDisabled())", "attr.data-loading": "stateAttribute(resolvedLoading())" } }, providers: [{ provide: BUTTON_WAIT, useExisting: forwardRef(() => SlSplitButtonPrimary) }], exportAs: ["slSplitButtonPrimary"], usesInheritance: true, 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", "@layer slotted.components{[data-ui=split-button][data-part=root]{--_radius: var(--slotted-split-button-radius, var(--slotted-control-radius, 4px));--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0;vertical-align:middle}[data-ui=split-button][data-part=root][data-full-width]{display:flex;inline-size:100%}[data-ui=split-button][data-part=root][data-full-width]>[data-part=primary]{flex:1 1 0;min-inline-size:0}[data-ui=split-button][data-part=root]>[data-part=primary]{border-end-end-radius:0;border-end-start-radius:var(--_radius);border-start-end-radius:0;border-start-start-radius:var(--_radius);min-inline-size:0}[data-ui=split-button][data-part=root]>[data-part=menu-trigger]{border-end-end-radius:var(--_radius);border-end-start-radius:0;border-start-end-radius:var(--_radius);border-start-start-radius:0;flex:none;margin-inline-start:var(--_overlap)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=split-button][data-part=root]>[data-ui=button][data-part=primary][data-variant]{border-inline-end-color:transparent}[data-ui=split-button][data-part=root]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger]{border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger]:disabled,[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger][data-disabled]{border-inline-start-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=split-button][data-part=root]>*:focus-visible{z-index:1}[data-ui=split-button][data-part=root][data-loading]>[data-part=menu-trigger]{pointer-events:none}@media(forced-colors:active){[data-ui=split-button][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSplitButtonPrimary, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[slSplitButtonPrimary]', 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: 'slSplitButtonPrimary', providers: [{ provide: BUTTON_WAIT, useExisting: forwardRef(() => SlSplitButtonPrimary) }], host: {
+                        '[attr.data-part]': '"primary"',
+                        '[attr.data-disabled]': 'stateAttribute(resolvedDisabled())',
+                        '[attr.data-loading]': 'stateAttribute(resolvedLoading())',
+                    }, 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", "@layer slotted.components{[data-ui=split-button][data-part=root]{--_radius: var(--slotted-split-button-radius, var(--slotted-control-radius, 4px));--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0;vertical-align:middle}[data-ui=split-button][data-part=root][data-full-width]{display:flex;inline-size:100%}[data-ui=split-button][data-part=root][data-full-width]>[data-part=primary]{flex:1 1 0;min-inline-size:0}[data-ui=split-button][data-part=root]>[data-part=primary]{border-end-end-radius:0;border-end-start-radius:var(--_radius);border-start-end-radius:0;border-start-start-radius:var(--_radius);min-inline-size:0}[data-ui=split-button][data-part=root]>[data-part=menu-trigger]{border-end-end-radius:var(--_radius);border-end-start-radius:0;border-start-end-radius:var(--_radius);border-start-start-radius:0;flex:none;margin-inline-start:var(--_overlap)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=split-button][data-part=root]>[data-ui=button][data-part=primary][data-variant]{border-inline-end-color:transparent}[data-ui=split-button][data-part=root]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger]{border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger]:disabled,[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger][data-disabled]{border-inline-start-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=split-button][data-part=root]>*:focus-visible{z-index:1}[data-ui=split-button][data-part=root][data-loading]>[data-part=menu-trigger]{pointer-events:none}@media(forced-colors:active){[data-ui=split-button][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}}\n"] }]
+        }] });
+/**
+ * The keys of the Menu Button pattern, which `slMenuTriggerFor` answers on
+ * this element and which a busy trigger has to refuse before it does.
+ */
+const OPENING_KEYS = new Set(['ArrowDown', 'ArrowUp', 'Enter', ' ']);
+/**
+ * The menu trigger: `SlIconButton` hosting `slMenuTriggerFor` and carrying
+ * this family's part. It takes `aria-haspopup`, `aria-expanded`,
+ * `aria-controls` and the four keys of the Menu Button pattern from `menu`,
+ * and every tone, variant and size from `button`. The chevron is the
+ * family's, the `chevron-down` Glyph element in the icon part, which `button`
+ * sizes; content the consumer writes replaces it; the accessible name is the consumer's, and `SlIconButton`
+ * refuses to render without one in development.
+ *
+ * `slMenuTriggerFor` is a host directive rather than a second attribute the
+ * consumer writes beside this one, and the order is the point: a host
+ * directive's bindings run before the host's, so the `data-part` and the
+ * `data-disabled` this component binds win over the `null` the trigger
+ * binds for a control that is neither a bar's item nor a submenu's. The
+ * write-back `toolbar`'s overflow needs is not needed here.
+ *
+ * While the root is loading the trigger is busy: `aria-disabled`, still in
+ * the tab sequence, still named, still painted — no `data-disabled`, so
+ * `button` does not paint it unavailable beside an action still in its
+ * tone. The click is refused in the capture phase by `button`'s own guard,
+ * and the opening keys are refused the same way here, before the trigger's
+ * own listener sees them.
+ */
+class SlSplitButtonMenuTrigger extends SlIconButton {
+    split = inject(SlSplitButton);
+    resolvedDisabled = computed(() => this.disabled() || this.split.disabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedDisabled" }] : /* istanbul ignore next */ []));
+    /** The action is in flight and the menu waits with it. */
+    busy = computed(() => this.split.loading(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
+    inert = resolveInertness({
+        disabled: this.resolvedDisabled,
+        focusableWhenDisabled: this.focusableWhenDisabled,
+        loading: this.busy,
+    });
+    constructor() {
+        super();
+        const element = inject((ElementRef)).nativeElement;
+        const listener = (event) => {
+            if (this.busy() && OPENING_KEYS.has(event.key))
+                blockActivation(event);
+        };
+        element.addEventListener('keydown', listener, { capture: true });
+        inject(DestroyRef).onDestroy(() => element.removeEventListener('keydown', listener, { capture: true }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSplitButtonMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlSplitButtonMenuTrigger, isStandalone: true, selector: "button[slSplitButtonMenuTrigger]", host: { properties: { "attr.data-part": "\"menu-trigger\"", "attr.data-disabled": "stateAttribute(resolvedDisabled())", "attr.aria-disabled": "inert.ariaDisabled()", "disabled": "inert.nativelyDisabled()" } }, exportAs: ["slSplitButtonMenuTrigger"], usesInheritance: true, hostDirectives: [{ directive: i1.SlMenuTrigger, inputs: ["slMenuTriggerFor", "slMenuTriggerFor"] }], ngImport: i0, template: `<span data-part="icon"
+    ><ng-content
+      ><span slIcon><svg slGlyph name="chevron-down"></svg></span
+    ></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", "@layer slotted.components{[data-ui=split-button][data-part=root]{--_radius: var(--slotted-split-button-radius, var(--slotted-control-radius, 4px));--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0;vertical-align:middle}[data-ui=split-button][data-part=root][data-full-width]{display:flex;inline-size:100%}[data-ui=split-button][data-part=root][data-full-width]>[data-part=primary]{flex:1 1 0;min-inline-size:0}[data-ui=split-button][data-part=root]>[data-part=primary]{border-end-end-radius:0;border-end-start-radius:var(--_radius);border-start-end-radius:0;border-start-start-radius:var(--_radius);min-inline-size:0}[data-ui=split-button][data-part=root]>[data-part=menu-trigger]{border-end-end-radius:var(--_radius);border-end-start-radius:0;border-start-end-radius:var(--_radius);border-start-start-radius:0;flex:none;margin-inline-start:var(--_overlap)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=split-button][data-part=root]>[data-ui=button][data-part=primary][data-variant]{border-inline-end-color:transparent}[data-ui=split-button][data-part=root]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger]{border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger]:disabled,[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger][data-disabled]{border-inline-start-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=split-button][data-part=root]>*:focus-visible{z-index:1}[data-ui=split-button][data-part=root][data-loading]>[data-part=menu-trigger]{pointer-events:none}@media(forced-colors:active){[data-ui=split-button][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSplitButtonMenuTrigger, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[slSplitButtonMenuTrigger]', standalone: true, imports: [SlGlyph, SlIcon], template: `<span data-part="icon"
+    ><ng-content
+      ><span slIcon><svg slGlyph name="chevron-down"></svg></span
+    ></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: 'slSplitButtonMenuTrigger', hostDirectives: [{ directive: SlMenuTrigger, inputs: ['slMenuTriggerFor'] }], host: {
+                        '[attr.data-part]': '"menu-trigger"',
+                        '[attr.data-disabled]': 'stateAttribute(resolvedDisabled())',
+                        '[attr.aria-disabled]': 'inert.ariaDisabled()',
+                        '[disabled]': 'inert.nativelyDisabled()',
+                    }, 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", "@layer slotted.components{[data-ui=split-button][data-part=root]{--_radius: var(--slotted-split-button-radius, var(--slotted-control-radius, 4px));--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0;vertical-align:middle}[data-ui=split-button][data-part=root][data-full-width]{display:flex;inline-size:100%}[data-ui=split-button][data-part=root][data-full-width]>[data-part=primary]{flex:1 1 0;min-inline-size:0}[data-ui=split-button][data-part=root]>[data-part=primary]{border-end-end-radius:0;border-end-start-radius:var(--_radius);border-start-end-radius:0;border-start-start-radius:var(--_radius);min-inline-size:0}[data-ui=split-button][data-part=root]>[data-part=menu-trigger]{border-end-end-radius:var(--_radius);border-end-start-radius:0;border-start-end-radius:var(--_radius);border-start-start-radius:0;flex:none;margin-inline-start:var(--_overlap)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=split-button][data-part=root]>[data-ui=button][data-part=primary][data-variant]{border-inline-end-color:transparent}[data-ui=split-button][data-part=root]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=split-button][data-part=root]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger]{border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger]:disabled,[data-ui=split-button][data-part=root]>[data-ui=button][data-variant=solid][data-part=menu-trigger][data-disabled]{border-inline-start-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=split-button][data-part=root]>*:focus-visible{z-index:1}[data-ui=split-button][data-part=root][data-loading]>[data-part=menu-trigger]{pointer-events:none}@media(forced-colors:active){[data-ui=split-button][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}}\n"] }]
+        }], ctorParameters: () => [] });
+/**
+ * The alternatives under `remember`: the consumer's `sl-menu-radio-group`,
+ * bound both ways to the root's value. The group never owns the value — its
+ * own request is cancelled once forwarded, and what it shows checked is
+ * written back from the root, so a controlled root the consumer has not yet
+ * moved shows nothing the consumer did not agree to. The DI tree is the
+ * template tree, so the group finds the root above it however the layer is
+ * portaled.
+ */
+class SlSplitButtonChoices {
+    group = inject(SlMenuRadioGroup, { self: true });
+    split = inject(SlSplitButton);
+    constructor() {
+        if (!this.split.remember()) {
+            throw new Error('slSplitButtonChoices needs a slSplitButton with `remember`.');
+        }
+        effect(() => {
+            this.group.value.set(this.split.resolvedValue());
+        });
+        const subscription = this.group.valueChangeRequest.subscribe((request) => {
+            this.split.select(request.value, request.reason, request.source);
+            request.cancel();
+        });
+        inject(DestroyRef).onDestroy(() => subscription.unsubscribe());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSplitButtonChoices, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSplitButtonChoices, isStandalone: true, selector: "sl-menu-radio-group[slSplitButtonChoices]", exportAs: ["slSplitButtonChoices"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSplitButtonChoices, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'sl-menu-radio-group[slSplitButtonChoices]',
+                    standalone: true,
+                    exportAs: 'slSplitButtonChoices',
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SPLIT_BUTTON_DEFAULTS, SlSplitButton, SlSplitButtonChoices, SlSplitButtonMenuTrigger, SlSplitButtonPrimary, injectSplitButtonDefaults, provideSplitButtonDefaults };
+//# sourceMappingURL=slotted-angular-split-button.mjs.map

package/fesm2022/slotted-angular-split-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-split-button.mjs","sources":["../../split-button/src/split-button-defaults.ts","../../split-button/src/split-button.ts","../../split-button/src/split-button-parts.ts","../../split-button/src/slotted-angular-split-button.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\nimport type { ButtonSize, ButtonTone, ButtonVariant } from '@slotted/angular/button';\n\n/**\n * What a split button paints itself as here, before it states anything of\n * its own. Every axis is optional: an unset one falls through to `button`'s\n * own token, which is where an application that paints every action at once\n * already set it, and then to the contract's defaults.\n */\nexport interface SplitButtonDefaults {\n  size?: ButtonSize | undefined;\n  tone?: ButtonTone | undefined;\n  variant?: ButtonVariant | undefined;\n}\n\nexport const SPLIT_BUTTON_DEFAULTS = new InjectionToken<SplitButtonDefaults>(\n  'slotted split button defaults',\n  { providedIn: 'root', factory: (): SplitButtonDefaults => ({}) },\n);\n\n/**\n * An application decides once how its split buttons are painted rather than\n * repeating three inputs on every one. A split button that states an axis\n * itself still wins.\n */\nexport function provideSplitButtonDefaults(defaults: SplitButtonDefaults) {\n  return { provide: SPLIT_BUTTON_DEFAULTS, useValue: defaults };\n}\n\nexport function injectSplitButtonDefaults(): SplitButtonDefaults {\n  return inject(SPLIT_BUTTON_DEFAULTS);\n}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  HostAttributeToken,\n  inject,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { WritableSignal } from '@angular/core';\nimport { BUTTON_DEFAULTS_TOKEN } from '@slotted/angular/button';\nimport type {\n  ButtonDefaults,\n  ButtonSize,\n  ButtonTone,\n  ButtonVariant,\n} from '@slotted/angular/button';\nimport { createControllable } from '@slotted/core/state';\nimport type { ChangeRequest } from '@slotted/core/state';\n\nimport { injectSplitButtonDefaults } from './split-button-defaults';\n\n/**\n * Why the remembered value moved. The menu's radio group produces exactly\n * these two, and the family surfaces them unchanged.\n */\nexport type SplitButtonValueReason = 'pointer' | 'keyboard';\n\n/**\n * The three axes the root hands down to both halves, through the button\n * family's own defaults token rather than through a second channel of this\n * family's invention — the mechanism `button-group` uses, and the reason an\n * explicit input on a half still wins. Getters, so a half's `computed` tracks\n * the root's signals.\n */\nfunction provideHalvesPaint() {\n  return {\n    provide: BUTTON_DEFAULTS_TOKEN,\n    useFactory: (): ButtonDefaults => {\n      const root = inject(SlSplitButton);\n      return {\n        get size() {\n          return root.resolvedSize();\n        },\n        get tone() {\n          return root.resolvedTone();\n        },\n        get variant() {\n          return root.resolvedVariant();\n        },\n      };\n    },\n  };\n}\n\n/**\n * An action and the menu of its alternatives, joined into one shape.\n *\n * The root is a `group` of two `button`s: the primary, `SlButton` carrying\n * this family's part, and the menu trigger, `SlIconButton` carrying the\n * other and hosting `slMenuTriggerFor`. Each keeps its role, its state and\n * its own tab stop — every surveyed split button gives the pair two — and\n * the root hands them one appearance through `button`'s own token. The menu\n * is the consumer's own `sl-menu`, written inside the root, and nothing of\n * it is restated here.\n *\n * `remember` is the one decision the family adds. Off, the alternatives are\n * actions. On, the radio group carrying `slSplitButtonChoices` is bound to\n * the root's value, and the consumer renders the primary's label from that\n * value — the merge button whose strategy a repository remembers. A silent\n * update was refused because it changes what the next click does.\n */\n@Component({\n  selector: '[slSplitButton]',\n  standalone: true,\n  exportAs: 'slSplitButton',\n  template: '<ng-content></ng-content>',\n  styleUrl: '../../../styles/src/split-button/split-button.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [provideHalvesPaint()],\n  host: {\n    'data-ui': 'split-button',\n    'data-part': 'root',\n    '[attr.role]': 'role',\n    '[attr.data-tone]': 'resolvedTone()',\n    '[attr.data-variant]': 'resolvedVariant()',\n    '[attr.data-size]': 'resolvedSize()',\n    '[attr.data-full-width]': 'fullWidth() ? \"\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.data-loading]': 'loading() ? \"\" : null',\n  },\n})\nexport class SlSplitButton {\n  readonly size = input<ButtonSize | undefined>(undefined);\n  readonly tone = input<ButtonTone | undefined>(undefined);\n  readonly variant = input<ButtonVariant | undefined>(undefined);\n  /** The action takes the line; the menu trigger stays square. */\n  readonly fullWidth = input(false, { transform: booleanAttribute });\n  /** Takes both halves out. Each half keeps the native attribute for itself. */\n  readonly disabled = input(false, { transform: booleanAttribute });\n  /**\n   * The action is in flight: the primary shows `button`'s indicator with its\n   * width and name held, and the menu trigger is `aria-disabled` for the\n   * duration — still in the tab sequence, still named, still painted — so a\n   * second alternative cannot be chosen while the first runs.\n   */\n  readonly loading = input(false, { transform: booleanAttribute });\n  /**\n   * The choice in the menu becomes the action. Off, the menu's items are\n   * actions; on, the items inside the radio group carrying\n   * `slSplitButtonChoices` are bound to `value`.\n   */\n  readonly remember = input(false, { transform: booleanAttribute });\n\n  /** The remembered value. Present at all puts it in controlled mode. */\n  readonly value = input<string | undefined>(undefined);\n  /** The value an uncontrolled split button remembers first, read once. */\n  readonly defaultValue = input<string | undefined>(undefined);\n  /**\n   * One output for one transition, carrying the value, the value it\n   * replaces, the reason, the originating event and `cancel()`.\n   */\n  readonly valueChange = output<ChangeRequest<string>>();\n\n  private readonly defaults = injectSplitButtonDefaults();\n  private readonly inherited = inject(BUTTON_DEFAULTS_TOKEN, { skipSelf: true });\n  /**\n   * A static attribute the consumer wrote survives the host binding, so a\n   * root that is already inside a named group can give the role up with\n   * `role=\"\"`, the way `button-group` lets it.\n   */\n  private readonly writtenRole = inject(new HostAttributeToken('role'), { optional: true });\n  protected readonly role = this.writtenRole === '' ? null : (this.writtenRole ?? 'group');\n\n  private readonly own: WritableSignal<string | undefined> = signal(undefined);\n\n  /* Resolution: the input, the family's defaults, `button`'s defaults, then\n     the contract's. */\n  readonly resolvedSize = computed(\n    () => this.size() ?? this.defaults.size ?? this.inherited.size ?? 'md',\n  );\n  readonly resolvedTone = computed(\n    () => this.tone() ?? this.defaults.tone ?? this.inherited.tone ?? 'accent',\n  );\n  readonly resolvedVariant = computed(\n    () => this.variant() ?? this.defaults.variant ?? this.inherited.variant ?? 'solid',\n  );\n  /** The remembered value, under `remember`; nothing otherwise. */\n  readonly resolvedValue = computed(() =>\n    this.remember() ? (this.value() ?? this.own() ?? this.defaultValue()) : undefined,\n  );\n\n  /** Asks the family to remember one alternative as the action. */\n  select(next: string, reason: SplitButtonValueReason, source?: unknown): boolean {\n    const state = createControllable<string>({\n      controlled: this.value(),\n      initial: this.resolvedValue() ?? '',\n      onRequest: (request) => this.valueChange.emit(request),\n    });\n    const accepted = state.request(next, reason, source);\n    if (accepted) this.own.set(next);\n    return accepted;\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  Directive,\n  effect,\n  ElementRef,\n  forwardRef,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport {\n  blockActivation,\n  BUTTON_WAIT,\n  resolveInertness,\n  resolveLoadingIndicator,\n  SlButton,\n  SlIconButton,\n} from '@slotted/angular/button';\nimport { SlMenuRadioGroup, SlMenuTrigger } from '@slotted/angular/menu';\n\nimport { SlSplitButton } from './split-button';\nimport type { SplitButtonValueReason } from './split-button';\n\n/**\n * The action: `SlButton`, carrying this family's part and folding the root's\n * `disabled` and `loading` into its own. The subclass restates the template\n * and the host binding for the part, and overrides the two resolvers the\n * parent reads its state through — everything else, from `slButtonStart` to\n * the indicator, is `SlButton`'s. `button` selects itself by `data-ui` alone\n * and reads no part on its root, so the part slot is free.\n */\n@Component({\n  selector: 'button[slSplitButtonPrimary]',\n  standalone: true,\n  template: `<ng-content select=\"[slButtonStart]\"></ng-content\n    ><span data-part=\"label\"><ng-content></ng-content></span\n    ><ng-content select=\"[slButtonEnd]\"></ng-content>\n    @if (waiting() && !hasVisualSlot()) {\n      <span\n        data-part=\"indicator\"\n        data-ui=\"spinner\"\n        role=\"progressbar\"\n        [attr.aria-label]=\"t('loading')\"\n      ></span>\n    }`,\n  styleUrls: [\n    '../../../styles/src/button/button.css',\n    '../../../styles/src/spinner/spinner.css',\n    '../../../styles/src/split-button/split-button.css',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'slSplitButtonPrimary',\n  providers: [{ provide: BUTTON_WAIT, useExisting: forwardRef(() => SlSplitButtonPrimary) }],\n  host: {\n    '[attr.data-part]': '\"primary\"',\n    '[attr.data-disabled]': 'stateAttribute(resolvedDisabled())',\n    '[attr.data-loading]': 'stateAttribute(resolvedLoading())',\n  },\n})\nexport class SlSplitButtonPrimary extends SlButton {\n  private readonly split = inject(SlSplitButton);\n\n  readonly resolvedDisabled = computed(() => this.disabled() || this.split.disabled());\n  readonly resolvedLoading = computed(() => this.loading() || this.split.loading());\n\n  protected override readonly inert = resolveInertness({\n    disabled: this.resolvedDisabled,\n    focusableWhenDisabled: this.focusableWhenDisabled,\n    loading: this.resolvedLoading,\n  });\n  override readonly waiting = resolveLoadingIndicator(this.resolvedLoading, this.loadingDelay);\n}\n\n/**\n * The keys of the Menu Button pattern, which `slMenuTriggerFor` answers on\n * this element and which a busy trigger has to refuse before it does.\n */\nconst OPENING_KEYS = new Set(['ArrowDown', 'ArrowUp', 'Enter', ' ']);\n\n/**\n * The menu trigger: `SlIconButton` hosting `slMenuTriggerFor` and carrying\n * this family's part. It takes `aria-haspopup`, `aria-expanded`,\n * `aria-controls` and the four keys of the Menu Button pattern from `menu`,\n * and every tone, variant and size from `button`. The chevron is the\n * family's, the `chevron-down` Glyph element in the icon part, which `button`\n * sizes; content the consumer writes replaces it; the accessible name is the consumer's, and `SlIconButton`\n * refuses to render without one in development.\n *\n * `slMenuTriggerFor` is a host directive rather than a second attribute the\n * consumer writes beside this one, and the order is the point: a host\n * directive's bindings run before the host's, so the `data-part` and the\n * `data-disabled` this component binds win over the `null` the trigger\n * binds for a control that is neither a bar's item nor a submenu's. The\n * write-back `toolbar`'s overflow needs is not needed here.\n *\n * While the root is loading the trigger is busy: `aria-disabled`, still in\n * the tab sequence, still named, still painted — no `data-disabled`, so\n * `button` does not paint it unavailable beside an action still in its\n * tone. The click is refused in the capture phase by `button`'s own guard,\n * and the opening keys are refused the same way here, before the trigger's\n * own listener sees them.\n */\n@Component({\n  selector: 'button[slSplitButtonMenuTrigger]',\n  standalone: true,\n  imports: [SlGlyph, SlIcon],\n  /* The chevron is drawn unless the consumer wrote content of their own. */\n  template: `<span data-part=\"icon\"\n    ><ng-content\n      ><span slIcon><svg slGlyph name=\"chevron-down\"></svg></span\n    ></ng-content>\n    @if (waiting()) {\n      <span\n        data-part=\"indicator\"\n        data-ui=\"spinner\"\n        role=\"progressbar\"\n        [attr.aria-label]=\"t('loading')\"\n      ></span>\n    }\n  </span>`,\n  styleUrls: [\n    '../../../styles/src/button/button.css',\n    '../../../styles/src/spinner/spinner.css',\n    '../../../styles/src/split-button/split-button.css',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'slSplitButtonMenuTrigger',\n  hostDirectives: [{ directive: SlMenuTrigger, inputs: ['slMenuTriggerFor'] }],\n  host: {\n    '[attr.data-part]': '\"menu-trigger\"',\n    '[attr.data-disabled]': 'stateAttribute(resolvedDisabled())',\n    '[attr.aria-disabled]': 'inert.ariaDisabled()',\n    '[disabled]': 'inert.nativelyDisabled()',\n  },\n})\nexport class SlSplitButtonMenuTrigger extends SlIconButton {\n  private readonly split = inject(SlSplitButton);\n\n  readonly resolvedDisabled = computed(() => this.disabled() || this.split.disabled());\n  /** The action is in flight and the menu waits with it. */\n  readonly busy = computed(() => this.split.loading());\n\n  protected override readonly inert = resolveInertness({\n    disabled: this.resolvedDisabled,\n    focusableWhenDisabled: this.focusableWhenDisabled,\n    loading: this.busy,\n  });\n\n  constructor() {\n    super();\n    const element = inject(ElementRef<HTMLButtonElement>).nativeElement;\n    const listener = (event: KeyboardEvent) => {\n      if (this.busy() && OPENING_KEYS.has(event.key)) blockActivation(event);\n    };\n    element.addEventListener('keydown', listener, { capture: true });\n    inject(DestroyRef).onDestroy(() =>\n      element.removeEventListener('keydown', listener, { capture: true }),\n    );\n  }\n}\n\n/**\n * The alternatives under `remember`: the consumer's `sl-menu-radio-group`,\n * bound both ways to the root's value. The group never owns the value — its\n * own request is cancelled once forwarded, and what it shows checked is\n * written back from the root, so a controlled root the consumer has not yet\n * moved shows nothing the consumer did not agree to. The DI tree is the\n * template tree, so the group finds the root above it however the layer is\n * portaled.\n */\n@Directive({\n  selector: 'sl-menu-radio-group[slSplitButtonChoices]',\n  standalone: true,\n  exportAs: 'slSplitButtonChoices',\n})\nexport class SlSplitButtonChoices {\n  private readonly group = inject(SlMenuRadioGroup, { self: true });\n  private readonly split = inject(SlSplitButton);\n\n  constructor() {\n    if (!this.split.remember()) {\n      throw new Error('slSplitButtonChoices needs a slSplitButton with `remember`.');\n    }\n\n    effect(() => {\n      this.group.value.set(this.split.resolvedValue());\n    });\n\n    const subscription = this.group.valueChangeRequest.subscribe((request) => {\n      this.split.select(request.value, request.reason as SplitButtonValueReason, request.source);\n      request.cancel();\n    });\n    inject(DestroyRef).onDestroy(() => subscription.unsubscribe());\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}