@koobiq/components 20.4.2 → 21.0.0

package/fesm2022/koobiq-components-skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-skeleton.mjs","sources":["../../../packages/components/skeleton/skeleton.ts","../../../packages/components/skeleton/module.ts","../../../packages/components/skeleton/koobiq-components-skeleton.ts"],"sourcesContent":["import { _CdkPrivateStyleLoader } from '@angular/cdk/private';\nimport {\n    Component,\n    Directive,\n    OnDestroy,\n    ViewEncapsulation,\n    afterRenderEffect,\n    booleanAttribute,\n    inject,\n    input\n} from '@angular/core';\nimport { KBQ_WINDOW, kbqInjectNativeElement } from '@koobiq/components/core';\n\n/** Timestamp of the first skeleton instance — used as animation start time for sync */\nlet animationStartTime: number | null = null;\n/** Count of active skeleton instances */\nlet count = 0;\n\n/**\n * Component used to load the `.kbq-skeleton` styles.\n */\n@Component({\n    selector: 'skeleton-style-loader',\n    template: '',\n    styleUrl: 'skeleton.scss',\n    encapsulation: ViewEncapsulation.None\n})\nclass SkeletonStyleLoader {}\n\n/**\n * Directive representing a skeleton placeholder.\n */\n@Directive({\n    selector: 'kbq-skeleton, [kbqSkeleton]',\n    host: {\n        class: 'kbq-skeleton',\n        '[class.kbq-skeleton_disabled]': '!enabled()'\n    },\n    exportAs: 'kbqSkeleton'\n})\nexport class KbqSkeleton implements OnDestroy {\n    private readonly styleLoader = inject(_CdkPrivateStyleLoader);\n    private readonly element = kbqInjectNativeElement();\n    private readonly window = inject(KBQ_WINDOW);\n\n    /** Whether the skeleton is enabled. */\n    readonly enabled = input(true, { transform: booleanAttribute, alias: 'kbqSkeleton' });\n\n    constructor() {\n        count++;\n\n        this.styleLoader.load(SkeletonStyleLoader);\n\n        afterRenderEffect(() => {\n            if (!this.enabled()) return;\n\n            const enabledAt = Date.now();\n\n            animationStartTime ??= enabledAt;\n\n            this.syncAnimation(enabledAt);\n        });\n    }\n\n    ngOnDestroy(): void {\n        if (--count === 0) {\n            animationStartTime = null;\n        }\n    }\n\n    private syncAnimation(enabledAt: number): void {\n        const elapsed = enabledAt - (animationStartTime ?? 0);\n        const durationMs = parseFloat(\n            this.window.getComputedStyle(this.element).getPropertyValue('--kbq-skeleton-animation-duration')\n        );\n        const delay = -(elapsed % durationMs);\n\n        this.element.style.setProperty('--kbq-skeleton-animation-delay', `${delay}ms`);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqSkeleton } from './skeleton';\n\nconst COMPONENTS = [KbqSkeleton];\n\n@NgModule({\n    imports: COMPONENTS,\n    exports: COMPONENTS\n})\nexport class KbqSkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-skeleton.mjs","sources":["../../../packages/components/skeleton/skeleton.ts","../../../packages/components/skeleton/skeleton-presets.ts","../../../packages/components/skeleton/module.ts","../../../packages/components/skeleton/koobiq-components-skeleton.ts"],"sourcesContent":["import { _CdkPrivateStyleLoader } from '@angular/cdk/private';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    Injectable,\n    NgZone,\n    ViewEncapsulation,\n    afterRenderEffect,\n    booleanAttribute,\n    inject,\n    input\n} from '@angular/core';\nimport { KBQ_WINDOW, kbqAnimationsDisabled, kbqInjectNativeElement } from '@koobiq/components/core';\n\nconst WAVE_ANIMATION_NAME = 'kbq-skeleton-wave';\nconst OFFSCREEN_SELECTOR = 'kbq-skeleton_offscreen';\n\nconst findWave = (host: HTMLElement): Animation | undefined =>\n    host\n        .getAnimations()\n        .find((animation) => 'animationName' in animation && animation.animationName === WAVE_ANIMATION_NAME);\n\n/**\n * Component used to load the styles of `.kbq-skeleton` and of the presets, each of which renders a `.kbq-skeleton`.\n */\n@Component({\n    selector: 'skeleton-style-loader',\n    template: '',\n    styleUrls: ['skeleton.scss', 'skeleton-presets.scss', 'skeleton-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nclass SkeletonStyleLoader {}\n\n/**\n * The single wave shared by every skeleton on the page. Hosts outside the viewport stop animating, the ones that\n * animate are pinned to one start time, and their offsets are measured in one batch per frame.\n *\n * Everything here runs outside Angular: none of it changes a binding, and a wave pass must not start change\n * detection once per skeleton.\n */\n@Injectable({ providedIn: 'root' })\nclass SkeletonWave {\n    // Widened because TypeScript declares the observer constructors on `globalThis` rather than on `Window`.\n    private readonly window = inject(KBQ_WINDOW) as Window & typeof globalThis;\n    private readonly ngZone = inject(NgZone);\n    private readonly observer = this.createObserver();\n\n    private readonly hosts = new Set<Element>();\n    /** Hosts waiting to be measured, with whether their wave has just started and needs to be pinned. */\n    private readonly pending = new Map<HTMLElement, boolean>();\n    private frame: number | null = null;\n    private startTime: CSSNumberish | null = null;\n\n    /** Adds a host to the wave and returns the function that removes it. */\n    add(host: HTMLElement): () => void {\n        const onAnimationEvent = ({ target, type, animationName }: AnimationEvent) => {\n            if (target === host && animationName === WAVE_ANIMATION_NAME)\n                this.schedule(host, type === 'animationstart');\n        };\n\n        this.hosts.add(host);\n        this.ngZone.runOutsideAngular(() => {\n            host.addEventListener('animationstart', onAnimationEvent);\n            host.addEventListener('animationiteration', onAnimationEvent);\n        });\n        this.observer?.observe(host);\n\n        return () => {\n            this.hosts.delete(host);\n            host.removeEventListener('animationstart', onAnimationEvent);\n            host.removeEventListener('animationiteration', onAnimationEvent);\n            this.observer?.unobserve(host);\n            host.classList.remove(OFFSCREEN_SELECTOR);\n            host.style.removeProperty('--kbq-skeleton-offset');\n            this.pending.delete(host);\n\n            if (!this.hosts.size) {\n                this.startTime = null;\n            }\n        };\n    }\n\n    private createObserver(): IntersectionObserver | null {\n        const view = this.window;\n\n        // Missing on the server and in jsdom: the wave then simply runs on every host.\n        if (typeof view.IntersectionObserver !== 'function') return null;\n\n        // The margin starts the wave just before a host scrolls in.\n        return this.ngZone.runOutsideAngular(\n            () =>\n                new view.IntersectionObserver(\n                    (entries) => {\n                        for (const { target, isIntersecting } of entries) {\n                            // Entries queued before `unobserve` are still delivered, for hosts that have left.\n                            if (this.hosts.has(target)) {\n                                target.classList.toggle(OFFSCREEN_SELECTOR, !isIntersecting);\n                            }\n                        }\n                    },\n                    { rootMargin: '100px' }\n                )\n        );\n    }\n\n    private schedule(host: HTMLElement, sync: boolean): void {\n        this.pending.set(host, sync || !!this.pending.get(host));\n        this.frame ??= this.window.requestAnimationFrame(() => this.flush());\n    }\n\n    // Every host is read before any is written: a whole row of skeletons then costs one style and layout flush\n    // instead of one per host.\n    private flush(): void {\n        const hosts = [...this.pending].map(([host, sync]) => ({\n            host,\n            offset: `${host.getBoundingClientRect().left}px`,\n            wave: sync ? findWave(host) : undefined\n        }));\n\n        this.pending.clear();\n        this.frame = null;\n\n        for (const { host, offset, wave } of hosts) {\n            if (wave) {\n                this.startTime ??= wave.startTime;\n\n                // Still unresolved on a wave that has not started yet: setting it would pause the wave.\n                if (this.startTime !== null) {\n                    wave.startTime = this.startTime;\n                }\n            }\n\n            // Writing an unchanged offset back would invalidate the host's style for nothing.\n            if (host.style.getPropertyValue('--kbq-skeleton-offset') !== offset) {\n                host.style.setProperty('--kbq-skeleton-offset', offset);\n            }\n        }\n    }\n}\n\n/**\n * Directive representing a skeleton placeholder.\n *\n * Paints the host, children included, as one flat shape of the host's own outline with a wave running across it,\n * and makes the host inert: it leaves the tab order and the accessibility tree until the skeleton is disabled.\n */\n@Directive({\n    selector: 'kbq-skeleton, [kbqSkeleton]',\n    host: {\n        class: 'kbq-skeleton',\n        '[class.kbq-skeleton_disabled]': '!enabled()',\n        '[class.kbq-animations-disabled]': 'animationsDisabled',\n        '[attr.inert]': 'enabled() || null'\n    },\n    exportAs: 'kbqSkeleton'\n})\nexport class KbqSkeleton {\n    private readonly styleLoader = inject(_CdkPrivateStyleLoader);\n    private readonly element = kbqInjectNativeElement();\n    private readonly wave = inject(SkeletonWave);\n\n    /** Whether the skeleton is enabled. */\n    readonly enabled = input(true, { transform: booleanAttribute, alias: 'kbqSkeleton' });\n\n    /**\n     * Whether the fill stands still, without the wave.\n     *\n     * @docs-private\n     */\n    protected readonly animationsDisabled = kbqAnimationsDisabled();\n\n    constructor() {\n        this.styleLoader.load(SkeletonStyleLoader);\n\n        afterRenderEffect((onCleanup) => {\n            if (this.enabled()) {\n                onCleanup(this.wave.add(this.element));\n            }\n        });\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    InjectionToken,\n    Provider,\n    ViewEncapsulation,\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    numberAttribute\n} from '@angular/core';\nimport { KbqSkeleton } from './skeleton';\n\n/** Numbers of items the skeleton presets show until the amount of data is known. */\nexport interface KbqSkeletonPresetsConfiguration {\n    /** Number of lines of `kbq-skeleton-typography`. */\n    typographyLines: number;\n    /** Number of rows of `kbq-skeleton-dl`. */\n    dlRows: number;\n    /** Number of rows of `kbq-skeleton-table`. */\n    tableRows: number;\n    /** Number of columns of `kbq-skeleton-table`. */\n    tableColumns: number;\n    /** Number of placeholders of `kbq-skeleton-group`. */\n    groupCount: number;\n    /** Number of collapsed items of `kbq-skeleton-accordion`. */\n    accordionRows: number;\n    /** Number of controls of `kbq-skeleton-checkable`. */\n    checkableRows: number;\n    /** Number of tabs of `kbq-skeleton-tabs`. */\n    tabsCount: number;\n    /** Number of lines of the text in the content of `kbq-skeleton-tabs`. */\n    tabsContentLines: number;\n    /** Number of top-level nodes of `kbq-skeleton-tree`. */\n    treeRows: number;\n    /** Number of children of the expanded node of `kbq-skeleton-tree`. */\n    treeChildren: number;\n}\n\nconst KBQ_SKELETON_PRESETS_DEFAULT_CONFIGURATION: KbqSkeletonPresetsConfiguration = {\n    typographyLines: 1,\n    dlRows: 3,\n    tableRows: 3,\n    tableColumns: 3,\n    groupCount: 3,\n    accordionRows: 3,\n    checkableRows: 1,\n    tabsCount: 3,\n    tabsContentLines: 3,\n    treeRows: 3,\n    treeChildren: 3\n};\n\n/** Numbers of items of the skeleton presets. */\nexport const KBQ_SKELETON_PRESETS_CONFIGURATION = new InjectionToken<KbqSkeletonPresetsConfiguration>(\n    'KBQ_SKELETON_PRESETS_CONFIGURATION',\n    { factory: () => KBQ_SKELETON_PRESETS_DEFAULT_CONFIGURATION }\n);\n\n/**\n * Utility provider for `KBQ_SKELETON_PRESETS_CONFIGURATION`, for an application or a part of it. The keys it leaves\n * out keep the values of the closest provider above.\n */\nexport const kbqSkeletonPresetsConfigurationProvider = (\n    configuration: Partial<KbqSkeletonPresetsConfiguration>\n): Provider => ({\n    provide: KBQ_SKELETON_PRESETS_CONFIGURATION,\n    useFactory: (): KbqSkeletonPresetsConfiguration => ({\n        ...KBQ_SKELETON_PRESETS_DEFAULT_CONFIGURATION,\n        ...inject(KBQ_SKELETON_PRESETS_CONFIGURATION, { skipSelf: true, optional: true }),\n        ...configuration\n    })\n});\n\n/** Indexes of `count` items, for a `@for` that repeats a placeholder; a single one for a count that is not a number. */\nconst range = (count: number): number[] =>\n    Array.from({ length: Number.isFinite(count) ? count : 1 }, (_, index) => index);\n\n/** Placeholder of a button whose data has not loaded yet. */\n@Component({\n    selector: 'kbq-skeleton-button',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: { class: 'kbq-skeleton-button' },\n    hostDirectives: [KbqSkeleton]\n})\nexport class KbqSkeletonButton {}\n\n/** Placeholder of a badge whose data has not loaded yet. */\n@Component({\n    selector: 'kbq-skeleton-badge',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: { class: 'kbq-skeleton-badge' },\n    hostDirectives: [KbqSkeleton]\n})\nexport class KbqSkeletonBadge {}\n\n/** Placeholder of a tag whose data has not loaded yet. */\n@Component({\n    selector: 'kbq-skeleton-tag',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: { class: 'kbq-skeleton-tag' },\n    hostDirectives: [KbqSkeleton]\n})\nexport class KbqSkeletonTag {}\n\n/** Placeholder of an icon or an icon button whose data has not loaded yet. */\n@Component({\n    selector: 'kbq-skeleton-icon',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: { class: 'kbq-skeleton-icon' },\n    hostDirectives: [KbqSkeleton]\n})\nexport class KbqSkeletonIcon {}\n\n/** Placeholder of a link whose data has not loaded yet. */\n@Component({\n    selector: 'kbq-skeleton-link',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: { class: 'kbq-skeleton-link' },\n    hostDirectives: [KbqSkeleton]\n})\nexport class KbqSkeletonLink {}\n\n/**\n * Placeholder of text that has not loaded yet: lines as tall as the lines of its typography level, a line of body text\n * by default. A single line, such as a heading, is shorter than the lines of a paragraph, which differ in length.\n */\n@Component({\n    selector: 'kbq-skeleton-typography',\n    imports: [KbqSkeleton],\n    template: `\n        @for (line of lineList(); track line) {\n            <div kbqSkeleton class=\"kbq-skeleton-typography__line\"></div>\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-skeleton-typography',\n        '[class]': 'levelClass()'\n    }\n})\nexport class KbqSkeletonTypography {\n    private readonly configuration = inject(KBQ_SKELETON_PRESETS_CONFIGURATION);\n\n    /** Typography level of the text, the name of its class without `kbq-`, such as `title` or `caps-compact`. */\n    readonly level = input('text-normal');\n\n    /** Number of lines, `typographyLines` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */\n    readonly lines = input<number, number | string>(this.configuration.typographyLines, {\n        transform: numberAttribute\n    });\n\n    protected readonly lineList = computed(() => range(this.lines()));\n    protected readonly levelClass = computed(() => `kbq-${this.level()}`);\n}\n\n/** Placeholder of a description list whose data has not loaded yet. */\n@Component({\n    selector: 'kbq-skeleton-dl',\n    imports: [KbqSkeleton],\n    template: `\n        @for (row of rowList(); track row) {\n            <div kbqSkeleton class=\"kbq-skeleton-dl__term\"></div>\n            <div kbqSkeleton class=\"kbq-skeleton-dl__description\"></div>\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: { class: 'kbq-skeleton-dl' }\n})\nexport class KbqSkeletonDl {\n    private readonly configuration = inject(KBQ_SKELETON_PRESETS_CONFIGURATION);\n\n    /** Number of terms with their descriptions, `dlRows` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */\n    readonly rows = input<number, number | string>(this.configuration.dlRows, { transform: numberAttribute });\n\n    protected readonly rowList = computed(() => range(this.rows()));\n}\n\nconst equalColumns = (count: number): readonly string[] => range(count).map(() => 'minmax(0, 1fr)');\n\nconst toColumns = (value: number | string | readonly string[]): readonly string[] =>\n    typeof value === 'object' ? value : equalColumns(numberAttribute(value));\n\n/** Placeholder of a table whose data has not loaded yet. */\n@Component({\n    selector: 'kbq-skeleton-table',\n    imports: [KbqSkeleton],\n    template: `\n        @if (header()) {\n            @if (selectable()) {\n                <div\n                    class=\"kbq-skeleton-table__cell kbq-skeleton-table__cell_header kbq-skeleton-table__cell_selection\"\n                >\n                    <div kbqSkeleton></div>\n                </div>\n            }\n            @for (column of columns(); track $index) {\n                <div\n                    class=\"kbq-skeleton-table__cell kbq-skeleton-table__cell_header\"\n                    [class.kbq-skeleton-table__cell_pinned-edge]=\"$index === pinnedColumns() - 1\"\n                >\n                    <div kbqSkeleton></div>\n                </div>\n            }\n        }\n        @for (row of rowList(); track row) {\n            @if (selectable()) {\n                <div class=\"kbq-skeleton-table__cell kbq-skeleton-table__cell_selection\">\n                    <div kbqSkeleton></div>\n                </div>\n            }\n            @for (column of columns(); track $index) {\n                <div\n                    class=\"kbq-skeleton-table__cell\"\n                    [class.kbq-skeleton-table__cell_pinned-edge]=\"$index === pinnedColumns() - 1\"\n                >\n                    <div kbqSkeleton></div>\n                </div>\n            }\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-skeleton-table',\n        '[style.grid-template-columns]': 'gridTemplateColumns()'\n    }\n})\nexport class KbqSkeletonTable {\n    private readonly configuration = inject(KBQ_SKELETON_PRESETS_CONFIGURATION);\n\n    /** Number of rows below the header, `tableRows` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */\n    readonly rows = input<number, number | string>(this.configuration.tableRows, { transform: numberAttribute });\n\n    /**\n     * Number of columns of equal width, `tableColumns` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default, or the\n     * width of every column as a CSS grid track, such as `160px`, `1fr` or `auto`, for a table whose columns are known.\n     */\n    readonly columns = input(equalColumns(this.configuration.tableColumns), { transform: toColumns });\n\n    /** Whether the table has a header row. */\n    readonly header = input<boolean, boolean | string>(true, { transform: booleanAttribute });\n\n    /** Whether every row starts with a checkbox, as in a grid whose rows can be selected. */\n    readonly selectable = input<boolean, boolean | string>(false, { transform: booleanAttribute });\n\n    /** Number of columns pinned to the start and set apart from the rest by a line, as in a grid. */\n    readonly pinnedColumns = input<number, number | string>(0, { transform: numberAttribute });\n\n    protected readonly rowList = computed(() => range(this.rows()));\n    protected readonly gridTemplateColumns = computed(() =>\n        [...(this.selectable() ? ['var(--kbq-skeleton-table-selection-width)'] : []), ...this.columns()].join(' ')\n    );\n}\n\n/** Placeholder a group repeats in a row. */\nexport type KbqSkeletonGroupPreset = 'button' | 'badge' | 'tag' | 'icon' | 'link';\n\n/** Row of placeholders of one kind, such as the tags of a tag list. */\n@Component({\n    selector: 'kbq-skeleton-group',\n    imports: [KbqSkeletonButton, KbqSkeletonBadge, KbqSkeletonTag, KbqSkeletonIcon, KbqSkeletonLink],\n    template: `\n        @for (item of itemList(); track item) {\n            @switch (preset()) {\n                @case ('button') {\n                    <kbq-skeleton-button />\n                }\n                @case ('badge') {\n                    <kbq-skeleton-badge />\n                }\n                @case ('tag') {\n                    <kbq-skeleton-tag />\n                }\n                @case ('icon') {\n                    <kbq-skeleton-icon />\n                }\n                @case ('link') {\n                    <kbq-skeleton-link />\n                }\n            }\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-skeleton-group',\n        '[class]': 'presetClass()'\n    }\n})\nexport class KbqSkeletonGroup {\n    private readonly configuration = inject(KBQ_SKELETON_PRESETS_CONFIGURATION);\n\n    /** Placeholder of every item of the row. */\n    readonly preset = input.required<KbqSkeletonGroupPreset>();\n\n    /** Number of placeholders, `groupCount` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */\n    readonly count = input<number, number | string>(this.configuration.groupCount, { transform: numberAttribute });\n\n    protected readonly itemList = computed(() => range(this.count()));\n    protected readonly presetClass = computed(() => `kbq-skeleton-group_${this.preset()}`);\n}\n\n/** Control a form field placeholder stands in for. */\nexport type KbqSkeletonFormFieldControl = 'input' | 'textarea';\n\n/** Placeholder of a form field whose value has not loaded yet: its label, control and hint. */\n@Component({\n    selector: 'kbq-skeleton-form-field',\n    imports: [KbqSkeleton],\n    template: `\n        @if (label()) {\n            <div class=\"kbq-skeleton-form-field__label\" [class]=\"labelClass()\">\n                <div kbqSkeleton></div>\n            </div>\n        }\n        <div class=\"kbq-skeleton-form-field__content\" [class]=\"contentClass()\">\n            <div kbqSkeleton class=\"kbq-skeleton-form-field__control\"></div>\n            @if (hint()) {\n                <div kbqSkeleton class=\"kbq-skeleton-form-field__hint\"></div>\n            }\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-skeleton-form-field',\n        '[class.kbq-skeleton-form-field_horizontal]': 'horizontal()',\n        '[class.kbq-skeleton-form-field_textarea]': 'control() === \"textarea\"'\n    }\n})\nexport class KbqSkeletonFormField {\n    /** Whether the label is to the left of the control, as in a horizontal `kbq-form-field`. */\n    readonly horizontal = input<boolean, boolean | string>(false, { transform: booleanAttribute });\n\n    /** Control of the form field. */\n    readonly control = input<KbqSkeletonFormFieldControl>('input');\n\n    /** Whether the form field has a label, as a `kbq-form-field` with `kbq-label`. */\n    readonly label = input<boolean, boolean | string>(true, { transform: booleanAttribute });\n\n    /** Whether the form field has a hint below the control. */\n    readonly hint = input<boolean, boolean | string>(false, { transform: booleanAttribute });\n\n    /** Classes of the label, such as the `labelClass` of the `kbq-form-field` the placeholder stands in for. */\n    readonly labelClass = input<string | string[] | Set<string>>();\n\n    /** Classes of the control and the hint, such as the `contentClass` of the `kbq-form-field`. */\n    readonly contentClass = input<string | string[] | Set<string>>();\n}\n\n/** Placeholder of an accordion whose items have not loaded yet: collapsed items with their icon and title. */\n@Component({\n    selector: 'kbq-skeleton-accordion',\n    imports: [KbqSkeleton],\n    template: `\n        @for (row of rowList(); track row) {\n            <div class=\"kbq-skeleton-accordion__item\">\n                <div kbqSkeleton class=\"kbq-skeleton-accordion__icon\"></div>\n                <div kbqSkeleton class=\"kbq-skeleton-accordion__title\"></div>\n            </div>\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: { class: 'kbq-skeleton-accordion' }\n})\nexport class KbqSkeletonAccordion {\n    private readonly configuration = inject(KBQ_SKELETON_PRESETS_CONFIGURATION);\n\n    /** Number of collapsed items, `accordionRows` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */\n    readonly rows = input<number, number | string>(this.configuration.accordionRows, { transform: numberAttribute });\n\n    protected readonly rowList = computed(() => range(this.rows()));\n}\n\n/** Control a checkable placeholder stands in for. */\nexport type KbqSkeletonCheckableControl = 'checkbox' | 'radio' | 'toggle';\n\n/**\n * Placeholder of checkboxes, radio buttons or toggles whose data has not loaded yet: the control, and the label with\n * its hint on demand.\n */\n@Component({\n    selector: 'kbq-skeleton-checkable',\n    imports: [KbqSkeleton],\n    template: `\n        @for (row of rowList(); track row) {\n            <div class=\"kbq-skeleton-checkable__row\">\n                <div kbqSkeleton class=\"kbq-skeleton-checkable__control\"></div>\n                @if (label()) {\n                    <div class=\"kbq-skeleton-checkable__text\">\n                        <div kbqSkeleton class=\"kbq-skeleton-checkable__label\"></div>\n                        @if (hint()) {\n                            <div kbqSkeleton class=\"kbq-skeleton-checkable__hint\"></div>\n                        }\n                    </div>\n                }\n            </div>\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-skeleton-checkable',\n        '[class]': 'controlClass()'\n    }\n})\nexport class KbqSkeletonCheckable {\n    private readonly configuration = inject(KBQ_SKELETON_PRESETS_CONFIGURATION);\n\n    /** Control the placeholder stands in for. */\n    readonly control = input<KbqSkeletonCheckableControl>('checkbox');\n\n    /** Number of controls, `checkableRows` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */\n    readonly rows = input<number, number | string>(this.configuration.checkableRows, { transform: numberAttribute });\n\n    /** Whether a control has a label. */\n    readonly label = input<boolean, boolean | string>(true, { transform: booleanAttribute });\n\n    /** Whether the label has a hint below it. */\n    readonly hint = input<boolean, boolean | string>(false, { transform: booleanAttribute });\n\n    protected readonly rowList = computed(() => range(this.rows()));\n    protected readonly controlClass = computed(() => `kbq-skeleton-checkable_${this.control()}`);\n}\n\n/**\n * Placeholder of tabs whose data has not loaded yet: the first tab stands out as the selected one. The content below\n * or beside them is text, or the placeholders projected into the component.\n */\n@Component({\n    selector: 'kbq-skeleton-tabs',\n    imports: [KbqSkeleton, KbqSkeletonTypography],\n    template: `\n        <div class=\"kbq-skeleton-tabs__header\">\n            @for (tab of tabList(); track tab) {\n                <div class=\"kbq-skeleton-tabs__tab\" [class.kbq-skeleton-tabs__tab_selected]=\"tab === 0\">\n                    <div kbqSkeleton></div>\n                </div>\n            }\n        </div>\n        <div class=\"kbq-skeleton-tabs__content\">\n            <ng-content>\n                <kbq-skeleton-typography [lines]=\"contentLines()\" />\n            </ng-content>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-skeleton-tabs',\n        '[class.kbq-skeleton-tabs_vertical]': 'vertical()'\n    }\n})\nexport class KbqSkeletonTabs {\n    private readonly configuration = inject(KBQ_SKELETON_PRESETS_CONFIGURATION);\n\n    /** Whether the tabs are stacked beside the content, as in a vertical `kbq-tab-group`. */\n    readonly vertical = input<boolean, boolean | string>(false, { transform: booleanAttribute });\n\n    /** Number of tabs, `tabsCount` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */\n    readonly count = input<number, number | string>(this.configuration.tabsCount, { transform: numberAttribute });\n\n    /**\n     * Number of lines of the text that stands for the content when nothing is projected, `tabsContentLines` of\n     * `KBQ_SKELETON_PRESETS_CONFIGURATION` by default.\n     */\n    readonly contentLines = input<number, number | string>(this.configuration.tabsContentLines, {\n        transform: numberAttribute\n    });\n\n    protected readonly tabList = computed(() => range(this.count()));\n}\n\n/** Placeholder of a tree whose nodes have not loaded yet, with the second node expanded. */\n@Component({\n    selector: 'kbq-skeleton-tree',\n    imports: [KbqSkeleton],\n    template: `\n        @for (row of rowList(); track row) {\n            <div class=\"kbq-skeleton-tree__node kbq-skeleton-tree__node_{{ (row % 3) + 1 }}\">\n                <div kbqSkeleton class=\"kbq-skeleton-tree__toggle\"></div>\n                <div kbqSkeleton class=\"kbq-skeleton-tree__label\"></div>\n            </div>\n            @if (row === 1) {\n                @for (child of childList(); track child) {\n                    <div\n                        class=\"kbq-skeleton-tree__node kbq-skeleton-tree__node_nested kbq-skeleton-tree__node_{{\n                            (child % 3) + 1\n                        }}\"\n                    >\n                        <div kbqSkeleton class=\"kbq-skeleton-tree__toggle\"></div>\n                        <div kbqSkeleton class=\"kbq-skeleton-tree__label\"></div>\n                    </div>\n                }\n            }\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: { class: 'kbq-skeleton-tree' }\n})\nexport class KbqSkeletonTree {\n    private readonly configuration = inject(KBQ_SKELETON_PRESETS_CONFIGURATION);\n\n    /** Number of top-level nodes, `treeRows` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */\n    readonly rows = input<number, number | string>(this.configuration.treeRows, { transform: numberAttribute });\n\n    /**\n     * Number of children of the expanded second node, `treeChildren` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by\n     * default.\n     */\n    readonly children = input<number, number | string>(this.configuration.treeChildren, {\n        transform: numberAttribute\n    });\n\n    protected readonly rowList = computed(() => range(this.rows()));\n    protected readonly childList = computed(() => range(this.children()));\n}\n","import { NgModule } from '@angular/core';\nimport { KbqSkeleton } from './skeleton';\nimport {\n    KbqSkeletonAccordion,\n    KbqSkeletonBadge,\n    KbqSkeletonButton,\n    KbqSkeletonCheckable,\n    KbqSkeletonDl,\n    KbqSkeletonFormField,\n    KbqSkeletonGroup,\n    KbqSkeletonIcon,\n    KbqSkeletonLink,\n    KbqSkeletonTable,\n    KbqSkeletonTabs,\n    KbqSkeletonTag,\n    KbqSkeletonTree,\n    KbqSkeletonTypography\n} from './skeleton-presets';\n\nconst COMPONENTS = [\n    KbqSkeleton,\n    KbqSkeletonButton,\n    KbqSkeletonBadge,\n    KbqSkeletonTag,\n    KbqSkeletonIcon,\n    KbqSkeletonLink,\n    KbqSkeletonTypography,\n    KbqSkeletonDl,\n    KbqSkeletonTable,\n    KbqSkeletonGroup,\n    KbqSkeletonFormField,\n    KbqSkeletonAccordion,\n    KbqSkeletonCheckable,\n    KbqSkeletonTabs,\n    KbqSkeletonTree\n];\n\n@NgModule({\n    imports: COMPONENTS,\n    exports: COMPONENTS\n})\nexport class KbqSkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koobiq-components-split-button.mjs

@@ -1,143 +1,164 @@
 import * as i0 from '@angular/core';
-import { contentChild, input, booleanAttribute, Input, ContentChildren, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { contentChildren, contentChild, input, computed, booleanAttribute, effect, isDevMode, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { KbqButtonStyles, KbqButton } from '@koobiq/components/button';
 import { KbqColorDirective, kbqInjectNativeElement, KbqComponentColors } from '@koobiq/components/core';
 import { KbqDropdownTrigger } from '@koobiq/components/dropdown';
-import { delay } from 'rxjs/operators';
 
 class KbqSplitButton extends KbqColorDirective {
-    /** component style, will be set for nested buttons */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /**
+     * Visual style of the split button, propagated to every nested button. A button that sets its own
+     * `kbqStyle` keeps it.
+     *
+     * Reads back as the resulting host class rather than the value that was set, because the host
+     * `[class]` binding is what consumes it.
+     */
     get kbqStyle() {
         return `kbq-button_${this._kbqStyle}`;
     }
     set kbqStyle(value) {
         this._kbqStyle = value || KbqButtonStyles.Filled;
-        this.updateStyle(this._kbqStyle);
+        this.updateStyle(this._kbqStyle, this.buttons?.());
     }
-    /** component color, will be set for nested buttons */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
-    get color() {
-        return this._color;
-    }
-    set color(value) {
-        if (!value)
-            return;
-        super.color = value;
-        this.updateColor(this.color);
-    }
-    /** Whether the checkbox is disabled. */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /**
+     * Whether the split button is disabled. Disabling it disables every nested button; re-enabling it
+     * leaves buttons that are disabled through their own input untouched.
+     */
     get disabled() {
         return this._disabled;
     }
     set disabled(value) {
         this._disabled = value;
-        this.updateDisabledState(this._disabled);
+        this.updateDisabledState(this._disabled, this.buttons?.());
     }
+    // Both states are computed rather than read off the query on every pass, and stay getters rather
+    // than becoming signals because they are public API, where the call shape has to keep working as
+    // a property read.
+    /** Whether the leading button is disabled. */
     get firstDisabled() {
-        return this.buttons.first?.disabled;
+        return this.firstButtonDisabled();
     }
+    /** Whether the trailing button is disabled. Stays `false` while the split button holds one button. */
     get secondDisabled() {
-        return this.buttons.length > 1 && this.buttons.last?.disabled;
+        return this.lastButtonDisabled();
+    }
+    ngOnChanges(changes) {
+        // A bound input is handed to its member; unbound, it leaves what code wrote.
+        if (changes['kbqStyleInput']) {
+            this.kbqStyle = this.kbqStyleInput();
+        }
+        if (changes['disabledInput']) {
+            const disabled = this.disabledInput();
+            if (disabled !== undefined)
+                this.disabled = disabled;
+        }
     }
     constructor() {
         super();
         this.nativeElement = kbqInjectNativeElement();
         /** @docs-private */
-        this.dropdownTrigger = contentChild(KbqDropdownTrigger, ...(ngDevMode ? [{ debugName: "dropdownTrigger" }] : []));
+        this.buttons = contentChildren(KbqButton, ...(ngDevMode ? [{ debugName: "buttons" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.dropdownTrigger = contentChild(KbqDropdownTrigger, ...(ngDevMode ? [{ debugName: "dropdownTrigger" }] : /* istanbul ignore next */ []));
         /** Sets the width of the dropdown to the width of the trigger. Default is false */
-        this.panelAutoWidth = input(false, ...(ngDevMode ? [{ debugName: "panelAutoWidth" }] : []));
+        this.panelAutoWidth = input(false, ...(ngDevMode ? [{ debugName: "panelAutoWidth" }] : /* istanbul ignore next */ []));
         this._kbqStyle = KbqButtonStyles.Filled;
-        this.updateDropdownParams = () => {
-            const dropdownTrigger = this.dropdownTrigger();
-            if (!dropdownTrigger)
-                return;
-            dropdownTrigger.dropdown.xPosition = 'before';
-            // The trigger is only the chevron button, so the whole control has to be named explicitly.
-            // It is measured lazily on open, which is why no wait for styles to apply is needed here.
-            dropdownTrigger.widthOrigin = this.panelAutoWidth() ? this.nativeElement : undefined;
-        };
-        this.color = KbqComponentColors.ContrastFade;
+        /**
+         * Color propagated to every nested button: a bound `color`, or one set in code other than the
+         * split button's own default. Nothing is propagated otherwise, and every nested button follows the
+         * default color of its style. A button that sets its own `color` keeps it.
+         */
+        this.propagatedColor = computed(() => {
+            const color = this.color();
+            return this.colorInput() || color !== this.defaultColor() ? color : undefined;
+        }, ...(ngDevMode ? [{ debugName: "propagatedColor" }] : /* istanbul ignore next */ []));
+        this.firstButtonDisabled = computed(() => !!this.buttons().at(0)?.disabled, ...(ngDevMode ? [{ debugName: "firstButtonDisabled" }] : /* istanbul ignore next */ []));
+        this.lastButtonDisabled = computed(() => {
+            const buttons = this.buttons();
+            return buttons.length > 1 && !!buttons.at(-1)?.disabled;
+        }, ...(ngDevMode ? [{ debugName: "lastButtonDisabled" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.kbqStyleInput = input(undefined, { ...(ngDevMode ? { debugName: "kbqStyleInput" } : /* istanbul ignore next */ {}), alias: 'kbqStyle' });
+        /** @docs-private */
+        this.disabledInput = input(undefined, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled',
+            transform: booleanAttribute });
+        // The split button's own default styles the host element but is not propagated, so every
+        // nested button is free to follow the default color of the current style.
+        this.setDefaultColor(KbqComponentColors.ContrastFade);
+        effect(() => {
+            const color = this.propagatedColor();
+            this.buttons().forEach((button) => button.setColorFromGroup(color));
+        });
+        effect(() => {
+            const buttons = this.buttons();
+            this.updateClasses(buttons);
+            this.updateStyle(this._kbqStyle, buttons);
+            this.updateDisabledState(this._disabled, buttons);
+            this.updateDropdownParams();
+        });
     }
     ngAfterContentInit() {
-        this.updateClasses();
-        this.updateStyle(this._kbqStyle);
-        this.updateColor(this.color);
-        this.updateDisabledState(this.disabled);
-        this.updateDropdownParams();
-        if (!this.buttons.length) {
-            throw new Error(`kbq-split-button must contain at least one button`);
+        // Dev-mode only: in production a misconfigured template degrades to an empty control instead
+        // of aborting the change detection pass of whoever renders it.
+        if (isDevMode() && !this.buttons().length) {
+            throw new Error('kbq-split-button must contain at least one button');
         }
-        this.buttons.changes.pipe(delay(0)).subscribe(() => {
-            this.updateClasses();
-            this.updateStyle(this._kbqStyle);
-            this.updateColor(this.color);
-            this.updateDropdownParams();
-        });
     }
-    updateClasses() {
-        this.buttons.forEach((button) => {
-            button.getHostElement().classList.remove(`kbq-split-button_first`, `kbq-split-button_second`);
+    updateClasses(buttons) {
+        buttons.forEach((button) => {
+            button.getHostElement().classList.remove('kbq-split-button_first', 'kbq-split-button_second');
         });
-        this.buttons.first?.getHostElement().classList.add(`kbq-split-button_first`);
-        this.buttons.last?.getHostElement().classList.add(`kbq-split-button_second`);
-        this.buttons.forEach((button) => {
-            button.getHostElement().classList.add(`kbq-split-button_item`);
+        buttons.at(0)?.getHostElement().classList.add('kbq-split-button_first');
+        buttons.at(-1)?.getHostElement().classList.add('kbq-split-button_second');
+        buttons.forEach((button) => {
+            button.getHostElement().classList.add('kbq-split-button_item');
         });
     }
-    updateColor(color) {
-        this.buttons?.forEach((button) => (button.color = color));
+    updateStyle(style, buttons) {
+        buttons?.forEach((button) => button.setKbqStyleFromGroup(style));
     }
-    updateStyle(style) {
-        this.buttons?.forEach((button) => (button.kbqStyle = style));
-    }
-    updateDisabledState(state) {
+    updateDisabledState(state, buttons) {
+        // Stays `undefined` while the input is unbound, and force-enabling every nested button is not
+        // the same thing as not being disabled.
         if (state === undefined)
             return;
-        this.buttons?.forEach((button) => (button.disabled = state));
+        buttons?.forEach((button) => button.setDisabledFromGroup(state));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.30", type: KbqSplitButton, isStandalone: true, selector: "kbq-split-button, [kbq-split-button]", inputs: { panelAutoWidth: { classPropertyName: "panelAutoWidth", publicName: "panelAutoWidth", isSignal: true, isRequired: false, transformFunction: null }, kbqStyle: { classPropertyName: "kbqStyle", publicName: "kbqStyle", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, host: { properties: { "class": "kbqStyle", "class.kbq-split-button_styles-for-nested": "buttons.length > 1", "class.kbq-split-button_first-disabled": "firstDisabled", "class.kbq-split-button_second-disabled": "secondDisabled" }, classAttribute: "kbq-split-button" }, queries: [{ propertyName: "dropdownTrigger", first: true, predicate: KbqDropdownTrigger, descendants: true, isSignal: true }, { propertyName: "buttons", predicate: KbqButton }], usesInheritance: true, ngImport: i0, template: `
-        <ng-content select="[kbq-button]" />
-
+    updateDropdownParams() {
+        const dropdownTrigger = this.dropdownTrigger();
+        if (!dropdownTrigger)
+            return;
+        dropdownTrigger.dropdown().xPosition.set('before');
+        // The trigger is only the chevron button, so the whole control has to be named explicitly.
+        // It is measured lazily on open, which is why no wait for styles to apply is needed here.
+        dropdownTrigger.widthOrigin = this.panelAutoWidth() ? this.nativeElement : undefined;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.25", type: KbqSplitButton, isStandalone: true, selector: "kbq-split-button, [kbq-split-button]", inputs: { panelAutoWidth: { classPropertyName: "panelAutoWidth", publicName: "panelAutoWidth", isSignal: true, isRequired: false, transformFunction: null }, kbqStyleInput: { classPropertyName: "kbqStyleInput", publicName: "kbqStyle", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class": "kbqStyle", "class.kbq-split-button_styles-for-nested": "buttons().length > 1", "class.kbq-split-button_first-disabled": "firstDisabled", "class.kbq-split-button_second-disabled": "secondDisabled" }, classAttribute: "kbq-split-button" }, queries: [{ propertyName: "buttons", predicate: KbqButton, isSignal: true }, { propertyName: "dropdownTrigger", first: true, predicate: KbqDropdownTrigger, descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-content select="[kbq-button]" />
-    `, isInline: true, styles: [".kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-split-button{display:flex;flex-direction:row;min-width:0;border-radius:var(--kbq-size-border-radius)}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first.kbq-button{padding-right:10px}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first{min-width:0;border-right:none;border-top-right-radius:unset;border-bottom-right-radius:unset}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first .kbq-button-wrapper{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_second{border-left:none;border-top-left-radius:unset;border-bottom-left-radius:unset}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_second:before{display:block;content:\"\";position:absolute;left:0;top:calc(var(--kbq-size-s) - var(--kbq-button-size-border-width));width:1px;height:var(--kbq-size-l)}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first:not(.kbq-disabled):is(:hover,.kbq-hover,.cdk-keyboard-focused,.kbq-active)+.kbq-split-button_second:before{display:none}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_second:not(.kbq-disabled):is(:hover,.kbq-hover,.cdk-keyboard-focused,.kbq-active):before{display:none}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-button-icon+.kbq-button-icon{padding-left:var(--kbq-size-xxs);padding-right:var(--kbq-size-xxs)}.kbq-split-button:hover:has(.kbq-button_transparent){background:var(--kbq-states-background-transparent-hover)}.kbq-split-button .kbq-split-button_item.kbq-contrast.kbq-button_filled:before{background:var(--kbq-line-on-contrast-fade, var(--kbq-foreground-on-contrast))}.kbq-split-button .kbq-split-button_item.kbq-contrast.kbq-button_transparent:before,.kbq-split-button .kbq-split-button_item.kbq-contrast-fade.kbq-button_outline:before,.kbq-split-button .kbq-split-button_item.kbq-contrast-fade.kbq-button_filled:before{background:var(--kbq-line-contrast-fade)}.kbq-split-button .kbq-split-button_item.kbq-theme-fade.kbq-button_outline:before,.kbq-split-button .kbq-split-button_item.kbq-theme.kbq-button_transparent:before{background:var(--kbq-line-theme-fade)}.kbq-split-button .kbq-split-button_item.kbq-split-button_first.cdk-keyboard-focused{z-index:1;box-shadow:inset -1px 0 0 0 var(--kbq-states-line-focus-theme)}.kbq-split-button .kbq-split-button_item.kbq-split-button_second.cdk-keyboard-focused{box-shadow:inset 1px 0 0 0 var(--kbq-states-line-focus-theme)}.kbq-split-button .kbq-button_outline:has(+.kbq-button_outline){border-right:none}.kbq-split-button .kbq-button_outline:has(+.kbq-button_outline)+.kbq-button_outline{border-left:none}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_item,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_item{background:var(--kbq-states-background-disabled)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):hover,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):hover{background:var(--kbq-states-background-contrast-fade-hover)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):active,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):active{background:var(--kbq-states-background-contrast-fade-active)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled) .kbq-icon.kbq-empty,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled) .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):before,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):before{background:var(--kbq-line-contrast-fade)}.kbq-split-button.kbq-split-button_first-disabled.kbq-theme-fade.kbq-button_outline .kbq-split-button_item{border-color:var(--kbq-button-outline-theme-fade-on-states-disabled-border)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-contrast.kbq-button_filled .kbq-split-button_second{background:var(--kbq-button-filled-contrast-fade-off-background)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-contrast-fade.kbq-button_filled .kbq-split-button_first{background:var(--kbq-states-background-disabled)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-theme-fade.kbq-button_outline .kbq-split-button_item{border-color:var(--kbq-button-outline-theme-fade-on-states-disabled-border)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-theme.kbq-button_transparent .kbq-split-button_second:before{background:var(--kbq-states-line-disabled)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled) .kbq-split-button_second:before{background:var(--kbq-states-line-disabled)}.kbq-split-button.kbq-split-button_first-disabled.kbq-split-button_second-disabled .kbq-split-button_second:before{background:var(--kbq-line-contrast-fade)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: [".kbq-split-button{display:flex;flex-direction:row;min-width:0;border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-split-button{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first.kbq-button{padding-right:10px}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first{min-width:0;border-right:none;border-top-right-radius:unset;border-bottom-right-radius:unset}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_second{border-left:none;border-top-left-radius:unset;border-bottom-left-radius:unset}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_second:before{display:block;content:\"\";position:absolute;left:0;top:calc(var(--kbq-size-s) - var(--kbq-button-size-border-width));width:1px;height:var(--kbq-size-l)}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first:not(.kbq-disabled):is(:hover,.kbq-hover,.cdk-keyboard-focused,.kbq-active)+.kbq-split-button_second:before{display:none}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_second:not(.kbq-disabled):is(:hover,.kbq-hover,.cdk-keyboard-focused,.kbq-active):before{display:none}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-button-icon+.kbq-button-icon{padding-left:var(--kbq-size-xxs);padding-right:var(--kbq-size-xxs)}.kbq-split-button:hover:has(.kbq-button_transparent){background:var(--kbq-states-background-transparent-hover)}.kbq-split-button .kbq-split-button_item.kbq-contrast.kbq-button_filled:before{background:var(--kbq-line-on-contrast-fade, var(--kbq-foreground-on-contrast))}.kbq-split-button .kbq-split-button_item.kbq-contrast.kbq-button_transparent:before,.kbq-split-button .kbq-split-button_item.kbq-contrast-fade.kbq-button_outline:before,.kbq-split-button .kbq-split-button_item.kbq-contrast-fade.kbq-button_filled:before{background:var(--kbq-line-contrast-fade)}.kbq-split-button .kbq-split-button_item.kbq-theme-fade.kbq-button_outline:before,.kbq-split-button .kbq-split-button_item.kbq-theme.kbq-button_transparent:before{background:var(--kbq-line-theme-fade)}.kbq-split-button .kbq-split-button_item.kbq-split-button_first.cdk-keyboard-focused{z-index:1;box-shadow:inset -1px 0 0 0 var(--kbq-states-line-focus-theme)}.kbq-split-button .kbq-split-button_item.kbq-split-button_second.cdk-keyboard-focused{box-shadow:inset 1px 0 0 0 var(--kbq-states-line-focus-theme)}.kbq-split-button .kbq-button_outline:has(+.kbq-button_outline){border-right:none}.kbq-split-button .kbq-button_outline:has(+.kbq-button_outline)+.kbq-button_outline{border-left:none}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_item,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_item{background:var(--kbq-states-background-disabled)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):hover,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):hover{background:var(--kbq-states-background-contrast-fade-hover)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):active,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):active{background:var(--kbq-states-background-contrast-fade-active)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled) .kbq-icon.kbq-empty,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled) .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):before,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):before{background:var(--kbq-line-contrast-fade)}.kbq-split-button.kbq-split-button_first-disabled.kbq-theme-fade.kbq-button_outline .kbq-split-button_item{border-color:var(--kbq-button-outline-theme-fade-on-states-disabled-border)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-contrast.kbq-button_filled .kbq-split-button_second{background:var(--kbq-button-filled-contrast-fade-off-background)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-contrast-fade.kbq-button_filled .kbq-split-button_first{background:var(--kbq-states-background-disabled)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-theme-fade.kbq-button_outline .kbq-split-button_item{border-color:var(--kbq-button-outline-theme-fade-on-states-disabled-border)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-theme.kbq-button_transparent .kbq-split-button_second:before{background:var(--kbq-states-line-disabled)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled) .kbq-split-button_second:before{background:var(--kbq-states-line-disabled)}.kbq-split-button.kbq-split-button_first-disabled.kbq-split-button_second-disabled .kbq-split-button_second:before{background:var(--kbq-line-contrast-fade)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSplitButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSplitButton, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-split-button, [kbq-split-button]', template: `
         <ng-content select="[kbq-button]" />
-
-        <ng-content select="[kbq-button]" />
     `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        // The nested buttons stay separate tab stops and separate actions; the host only ties them
+                        // together, which is exactly what `group` announces. Consumers name it with `aria-label`.
+                        role: 'group',
                         class: 'kbq-split-button',
                         '[class]': 'kbqStyle',
-                        '[class.kbq-split-button_styles-for-nested]': 'buttons.length > 1',
+                        '[class.kbq-split-button_styles-for-nested]': 'buttons().length > 1',
                         '[class.kbq-split-button_first-disabled]': 'firstDisabled',
                         '[class.kbq-split-button_second-disabled]': 'secondDisabled'
-                    }, styles: [".kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-split-button{display:flex;flex-direction:row;min-width:0;border-radius:var(--kbq-size-border-radius)}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first.kbq-button{padding-right:10px}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first{min-width:0;border-right:none;border-top-right-radius:unset;border-bottom-right-radius:unset}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first .kbq-button-wrapper{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_second{border-left:none;border-top-left-radius:unset;border-bottom-left-radius:unset}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_second:before{display:block;content:\"\";position:absolute;left:0;top:calc(var(--kbq-size-s) - var(--kbq-button-size-border-width));width:1px;height:var(--kbq-size-l)}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first:not(.kbq-disabled):is(:hover,.kbq-hover,.cdk-keyboard-focused,.kbq-active)+.kbq-split-button_second:before{display:none}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_second:not(.kbq-disabled):is(:hover,.kbq-hover,.cdk-keyboard-focused,.kbq-active):before{display:none}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-button-icon+.kbq-button-icon{padding-left:var(--kbq-size-xxs);padding-right:var(--kbq-size-xxs)}.kbq-split-button:hover:has(.kbq-button_transparent){background:var(--kbq-states-background-transparent-hover)}.kbq-split-button .kbq-split-button_item.kbq-contrast.kbq-button_filled:before{background:var(--kbq-line-on-contrast-fade, var(--kbq-foreground-on-contrast))}.kbq-split-button .kbq-split-button_item.kbq-contrast.kbq-button_transparent:before,.kbq-split-button .kbq-split-button_item.kbq-contrast-fade.kbq-button_outline:before,.kbq-split-button .kbq-split-button_item.kbq-contrast-fade.kbq-button_filled:before{background:var(--kbq-line-contrast-fade)}.kbq-split-button .kbq-split-button_item.kbq-theme-fade.kbq-button_outline:before,.kbq-split-button .kbq-split-button_item.kbq-theme.kbq-button_transparent:before{background:var(--kbq-line-theme-fade)}.kbq-split-button .kbq-split-button_item.kbq-split-button_first.cdk-keyboard-focused{z-index:1;box-shadow:inset -1px 0 0 0 var(--kbq-states-line-focus-theme)}.kbq-split-button .kbq-split-button_item.kbq-split-button_second.cdk-keyboard-focused{box-shadow:inset 1px 0 0 0 var(--kbq-states-line-focus-theme)}.kbq-split-button .kbq-button_outline:has(+.kbq-button_outline){border-right:none}.kbq-split-button .kbq-button_outline:has(+.kbq-button_outline)+.kbq-button_outline{border-left:none}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_item,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_item{background:var(--kbq-states-background-disabled)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):hover,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):hover{background:var(--kbq-states-background-contrast-fade-hover)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):active,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):active{background:var(--kbq-states-background-contrast-fade-active)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled) .kbq-icon.kbq-empty,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled) .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):before,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):before{background:var(--kbq-line-contrast-fade)}.kbq-split-button.kbq-split-button_first-disabled.kbq-theme-fade.kbq-button_outline .kbq-split-button_item{border-color:var(--kbq-button-outline-theme-fade-on-states-disabled-border)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-contrast.kbq-button_filled .kbq-split-button_second{background:var(--kbq-button-filled-contrast-fade-off-background)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-contrast-fade.kbq-button_filled .kbq-split-button_first{background:var(--kbq-states-background-disabled)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-theme-fade.kbq-button_outline .kbq-split-button_item{border-color:var(--kbq-button-outline-theme-fade-on-states-disabled-border)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-theme.kbq-button_transparent .kbq-split-button_second:before{background:var(--kbq-states-line-disabled)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled) .kbq-split-button_second:before{background:var(--kbq-states-line-disabled)}.kbq-split-button.kbq-split-button_first-disabled.kbq-split-button_second-disabled .kbq-split-button_second:before{background:var(--kbq-line-contrast-fade)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { buttons: [{
-                type: ContentChildren,
-                args: [KbqButton]
-            }], dropdownTrigger: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqDropdownTrigger), { isSignal: true }] }], panelAutoWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelAutoWidth", required: false }] }], kbqStyle: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
+                    }, styles: [".kbq-split-button{display:flex;flex-direction:row;min-width:0;border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-split-button{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first.kbq-button{padding-right:10px}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first{min-width:0;border-right:none;border-top-right-radius:unset;border-bottom-right-radius:unset}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_second{border-left:none;border-top-left-radius:unset;border-bottom-left-radius:unset}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_second:before{display:block;content:\"\";position:absolute;left:0;top:calc(var(--kbq-size-s) - var(--kbq-button-size-border-width));width:1px;height:var(--kbq-size-l)}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_first:not(.kbq-disabled):is(:hover,.kbq-hover,.cdk-keyboard-focused,.kbq-active)+.kbq-split-button_second:before{display:none}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-split-button_second:not(.kbq-disabled):is(:hover,.kbq-hover,.cdk-keyboard-focused,.kbq-active):before{display:none}.kbq-split-button.kbq-split-button_styles-for-nested .kbq-button-icon+.kbq-button-icon{padding-left:var(--kbq-size-xxs);padding-right:var(--kbq-size-xxs)}.kbq-split-button:hover:has(.kbq-button_transparent){background:var(--kbq-states-background-transparent-hover)}.kbq-split-button .kbq-split-button_item.kbq-contrast.kbq-button_filled:before{background:var(--kbq-line-on-contrast-fade, var(--kbq-foreground-on-contrast))}.kbq-split-button .kbq-split-button_item.kbq-contrast.kbq-button_transparent:before,.kbq-split-button .kbq-split-button_item.kbq-contrast-fade.kbq-button_outline:before,.kbq-split-button .kbq-split-button_item.kbq-contrast-fade.kbq-button_filled:before{background:var(--kbq-line-contrast-fade)}.kbq-split-button .kbq-split-button_item.kbq-theme-fade.kbq-button_outline:before,.kbq-split-button .kbq-split-button_item.kbq-theme.kbq-button_transparent:before{background:var(--kbq-line-theme-fade)}.kbq-split-button .kbq-split-button_item.kbq-split-button_first.cdk-keyboard-focused{z-index:1;box-shadow:inset -1px 0 0 0 var(--kbq-states-line-focus-theme)}.kbq-split-button .kbq-split-button_item.kbq-split-button_second.cdk-keyboard-focused{box-shadow:inset 1px 0 0 0 var(--kbq-states-line-focus-theme)}.kbq-split-button .kbq-button_outline:has(+.kbq-button_outline){border-right:none}.kbq-split-button .kbq-button_outline:has(+.kbq-button_outline)+.kbq-button_outline{border-left:none}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_item,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_item{background:var(--kbq-states-background-disabled)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):hover,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):hover{background:var(--kbq-states-background-contrast-fade-hover)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):active,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):active{background:var(--kbq-states-background-contrast-fade-active)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled) .kbq-icon.kbq-empty,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled) .kbq-icon.kbq-empty{color:var(--kbq-icon-contrast)}.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast-fade.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):before,.kbq-split-button.kbq-split-button_first-disabled.kbq-contrast.kbq-button_filled .kbq-split-button_second:not(.kbq-disabled):before{background:var(--kbq-line-contrast-fade)}.kbq-split-button.kbq-split-button_first-disabled.kbq-theme-fade.kbq-button_outline .kbq-split-button_item{border-color:var(--kbq-button-outline-theme-fade-on-states-disabled-border)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-contrast.kbq-button_filled .kbq-split-button_second{background:var(--kbq-button-filled-contrast-fade-off-background)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-contrast-fade.kbq-button_filled .kbq-split-button_first{background:var(--kbq-states-background-disabled)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-theme-fade.kbq-button_outline .kbq-split-button_item{border-color:var(--kbq-button-outline-theme-fade-on-states-disabled-border)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled).kbq-theme.kbq-button_transparent .kbq-split-button_second:before{background:var(--kbq-states-line-disabled)}.kbq-split-button.kbq-split-button_second-disabled:not(.kbq-split-button_first-disabled) .kbq-split-button_second:before{background:var(--kbq-states-line-disabled)}.kbq-split-button.kbq-split-button_first-disabled.kbq-split-button_second-disabled .kbq-split-button_second:before{background:var(--kbq-line-contrast-fade)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { buttons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KbqButton), { isSignal: true }] }], dropdownTrigger: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqDropdownTrigger), { isSignal: true }] }], panelAutoWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelAutoWidth", required: false }] }], kbqStyleInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqStyle", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 class KbqSplitButtonModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqSplitButtonModule, imports: [KbqSplitButton], exports: [KbqSplitButton] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSplitButtonModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqSplitButtonModule, imports: [KbqSplitButton], exports: [KbqSplitButton] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSplitButtonModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSplitButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSplitButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/koobiq-components-split-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-split-button.mjs","sources":["../../../packages/components/split-button/split-button.ts","../../../packages/components/split-button/split-button.module.ts","../../../packages/components/split-button/koobiq-components-split-button.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    contentChild,\n    ContentChildren,\n    Input,\n    input,\n    QueryList,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KbqButton, KbqButtonStyles } from '@koobiq/components/button';\nimport { KbqColorDirective, KbqComponentColors, kbqInjectNativeElement, ThemePalette } from '@koobiq/components/core';\nimport { KbqDropdownTrigger } from '@koobiq/components/dropdown';\nimport { delay } from 'rxjs/operators';\n\n@Component({\n    selector: 'kbq-split-button, [kbq-split-button]',\n    template: `\n        <ng-content select=\"[kbq-button]\" />\n\n        <ng-content select=\"[kbq-button]\" />\n    `,\n    styleUrls: ['./split-button.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-split-button',\n        '[class]': 'kbqStyle',\n        '[class.kbq-split-button_styles-for-nested]': 'buttons.length > 1',\n        '[class.kbq-split-button_first-disabled]': 'firstDisabled',\n        '[class.kbq-split-button_second-disabled]': 'secondDisabled'\n    }\n})\nexport class KbqSplitButton extends KbqColorDirective implements AfterContentInit {\n    private nativeElement = kbqInjectNativeElement();\n\n    /** @docs-private */\n    @ContentChildren(KbqButton) protected buttons: QueryList<KbqButton>;\n    /** @docs-private */\n    protected readonly dropdownTrigger = contentChild(KbqDropdownTrigger);\n\n    /** Sets the width of the dropdown to the width of the trigger. Default is false */\n    readonly panelAutoWidth = input<boolean>(false);\n\n    /** component style, will be set for nested buttons */\n    // TODO: Skipped for migration because:\n    //  Accessor inputs cannot be migrated as they are too complex.\n    @Input()\n    get kbqStyle(): string {\n        return `kbq-button_${this._kbqStyle}`;\n    }\n\n    set kbqStyle(value: KbqButtonStyles | string) {\n        this._kbqStyle = value || KbqButtonStyles.Filled;\n\n        this.updateStyle(this._kbqStyle);\n    }\n\n    private _kbqStyle: string | KbqButtonStyles = KbqButtonStyles.Filled;\n\n    /** component color, will be set for nested buttons */\n    // TODO: Skipped for migration because:\n    //  Accessor inputs cannot be migrated as they are too complex.\n    @Input()\n    get color(): KbqComponentColors | ThemePalette | string {\n        return this._color;\n    }\n\n    set color(value: KbqComponentColors | ThemePalette | string) {\n        if (!value) return;\n\n        super.color = value;\n\n        this.updateColor(this.color);\n    }\n\n    /** Whether the checkbox is disabled. */\n    // TODO: Skipped for migration because:\n    //  Accessor inputs cannot be migrated as they are too complex.\n    @Input({ transform: booleanAttribute })\n    get disabled(): boolean {\n        return this._disabled;\n    }\n\n    set disabled(value: boolean) {\n        this._disabled = value;\n\n        this.updateDisabledState(this._disabled);\n    }\n\n    protected _disabled: boolean;\n\n    get firstDisabled(): boolean {\n        return this.buttons.first?.disabled;\n    }\n\n    get secondDisabled(): boolean {\n        return this.buttons.length > 1 && this.buttons.last?.disabled;\n    }\n\n    constructor() {\n        super();\n\n        this.color = KbqComponentColors.ContrastFade;\n    }\n\n    ngAfterContentInit(): void {\n        this.updateClasses();\n        this.updateStyle(this._kbqStyle);\n        this.updateColor(this.color);\n        this.updateDisabledState(this.disabled);\n        this.updateDropdownParams();\n\n        if (!this.buttons.length) {\n            throw new Error(`kbq-split-button must contain at least one button`);\n        }\n\n        this.buttons.changes.pipe(delay(0)).subscribe(() => {\n            this.updateClasses();\n            this.updateStyle(this._kbqStyle);\n            this.updateColor(this.color);\n            this.updateDropdownParams();\n        });\n    }\n\n    private updateClasses() {\n        this.buttons.forEach((button: KbqButton) => {\n            button.getHostElement().classList.remove(`kbq-split-button_first`, `kbq-split-button_second`);\n        });\n\n        this.buttons.first?.getHostElement().classList.add(`kbq-split-button_first`);\n        this.buttons.last?.getHostElement().classList.add(`kbq-split-button_second`);\n        this.buttons.forEach((button: KbqButton) => {\n            button.getHostElement().classList.add(`kbq-split-button_item`);\n        });\n    }\n\n    private updateColor(color: KbqComponentColors | ThemePalette | string) {\n        this.buttons?.forEach((button: KbqButton) => (button.color = color));\n    }\n\n    private updateStyle(style: KbqButtonStyles | string) {\n        this.buttons?.forEach((button: KbqButton) => (button.kbqStyle = style));\n    }\n\n    private updateDisabledState(state: boolean) {\n        if (state === undefined) return;\n\n        this.buttons?.forEach((button: KbqButton) => (button.disabled = state));\n    }\n\n    private updateDropdownParams = () => {\n        const dropdownTrigger = this.dropdownTrigger();\n\n        if (!dropdownTrigger) return;\n\n        dropdownTrigger.dropdown.xPosition = 'before';\n\n        // The trigger is only the chevron button, so the whole control has to be named explicitly.\n        // It is measured lazily on open, which is why no wait for styles to apply is needed here.\n        dropdownTrigger.widthOrigin = this.panelAutoWidth() ? this.nativeElement : undefined;\n    };\n}\n","import { NgModule } from '@angular/core';\nimport { KbqSplitButton } from './split-button';\n\n@NgModule({\n    imports: [\n        KbqSplitButton\n    ],\n    exports: [KbqSplitButton]\n})\nexport class KbqSplitButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-split-button.mjs","sources":["../../../packages/components/split-button/split-button.ts","../../../packages/components/split-button/split-button.module.ts","../../../packages/components/split-button/koobiq-components-split-button.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    contentChildren,\n    effect,\n    input,\n    isDevMode,\n    OnChanges,\n    SimpleChanges,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KbqButton, KbqButtonColor, KbqButtonStyleInput, KbqButtonStyles } from '@koobiq/components/button';\nimport { KbqColorDirective, KbqComponentColors, kbqInjectNativeElement } from '@koobiq/components/core';\nimport { KbqDropdownTrigger } from '@koobiq/components/dropdown';\n\n@Component({\n    selector: 'kbq-split-button, [kbq-split-button]',\n    template: `\n        <ng-content select=\"[kbq-button]\" />\n    `,\n    styleUrls: ['./split-button.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        // The nested buttons stay separate tab stops and separate actions; the host only ties them\n        // together, which is exactly what `group` announces. Consumers name it with `aria-label`.\n        role: 'group',\n        class: 'kbq-split-button',\n        '[class]': 'kbqStyle',\n        '[class.kbq-split-button_styles-for-nested]': 'buttons().length > 1',\n        '[class.kbq-split-button_first-disabled]': 'firstDisabled',\n        '[class.kbq-split-button_second-disabled]': 'secondDisabled'\n    }\n})\nexport class KbqSplitButton extends KbqColorDirective<KbqButtonColor> implements OnChanges, AfterContentInit {\n    private readonly nativeElement = kbqInjectNativeElement();\n\n    /** @docs-private */\n    protected readonly buttons = contentChildren(KbqButton);\n    /** @docs-private */\n    protected readonly dropdownTrigger = contentChild(KbqDropdownTrigger);\n\n    /** Sets the width of the dropdown to the width of the trigger. Default is false */\n    readonly panelAutoWidth = input<boolean>(false);\n\n    /**\n     * Visual style of the split button, propagated to every nested button. A button that sets its own\n     * `kbqStyle` keeps it.\n     *\n     * Reads back as the resulting host class rather than the value that was set, because the host\n     * `[class]` binding is what consumes it.\n     */\n    get kbqStyle(): string {\n        return `kbq-button_${this._kbqStyle}`;\n    }\n\n    set kbqStyle(value: KbqButtonStyleInput | null | undefined) {\n        this._kbqStyle = value || KbqButtonStyles.Filled;\n\n        this.updateStyle(this._kbqStyle, this.buttons?.());\n    }\n\n    private _kbqStyle: KbqButtonStyleInput = KbqButtonStyles.Filled;\n\n    /**\n     * Color propagated to every nested button: a bound `color`, or one set in code other than the\n     * split button's own default. Nothing is propagated otherwise, and every nested button follows the\n     * default color of its style. A button that sets its own `color` keeps it.\n     */\n    private readonly propagatedColor = computed(() => {\n        const color = this.color();\n\n        return this.colorInput() || color !== this.defaultColor() ? color : undefined;\n    });\n\n    /**\n     * Whether the split button is disabled. Disabling it disables every nested button; re-enabling it\n     * leaves buttons that are disabled through their own input untouched.\n     */\n    get disabled(): boolean | undefined {\n        return this._disabled;\n    }\n\n    set disabled(value: boolean) {\n        this._disabled = value;\n\n        this.updateDisabledState(this._disabled, this.buttons?.());\n    }\n\n    protected _disabled: boolean | undefined;\n\n    // Both states are computed rather than read off the query on every pass, and stay getters rather\n    // than becoming signals because they are public API, where the call shape has to keep working as\n    // a property read.\n\n    /** Whether the leading button is disabled. */\n    get firstDisabled(): boolean {\n        return this.firstButtonDisabled();\n    }\n\n    /** Whether the trailing button is disabled. Stays `false` while the split button holds one button. */\n    get secondDisabled(): boolean {\n        return this.lastButtonDisabled();\n    }\n\n    private readonly firstButtonDisabled = computed(() => !!this.buttons().at(0)?.disabled);\n\n    private readonly lastButtonDisabled = computed(() => {\n        const buttons = this.buttons();\n\n        return buttons.length > 1 && !!buttons.at(-1)?.disabled;\n    });\n\n    /** @docs-private */\n    readonly kbqStyleInput = input<KbqButtonStyleInput | null | undefined>(undefined, { alias: 'kbqStyle' });\n\n    /** @docs-private */\n    readonly disabledInput = input<boolean | undefined, boolean | string | null | undefined>(undefined, {\n        alias: 'disabled',\n        transform: booleanAttribute\n    });\n\n    ngOnChanges(changes: SimpleChanges): void {\n        // A bound input is handed to its member; unbound, it leaves what code wrote.\n        if (changes['kbqStyleInput']) {\n            this.kbqStyle = this.kbqStyleInput();\n        }\n\n        if (changes['disabledInput']) {\n            const disabled = this.disabledInput();\n\n            if (disabled !== undefined) this.disabled = disabled;\n        }\n    }\n\n    constructor() {\n        super();\n\n        // The split button's own default styles the host element but is not propagated, so every\n        // nested button is free to follow the default color of the current style.\n        this.setDefaultColor(KbqComponentColors.ContrastFade);\n\n        effect(() => {\n            const color = this.propagatedColor();\n\n            this.buttons().forEach((button: KbqButton) => button.setColorFromGroup(color));\n        });\n\n        effect(() => {\n            const buttons = this.buttons();\n\n            this.updateClasses(buttons);\n            this.updateStyle(this._kbqStyle, buttons);\n            this.updateDisabledState(this._disabled, buttons);\n            this.updateDropdownParams();\n        });\n    }\n\n    ngAfterContentInit(): void {\n        // Dev-mode only: in production a misconfigured template degrades to an empty control instead\n        // of aborting the change detection pass of whoever renders it.\n        if (isDevMode() && !this.buttons().length) {\n            throw new Error('kbq-split-button must contain at least one button');\n        }\n    }\n\n    private updateClasses(buttons: readonly KbqButton[]) {\n        buttons.forEach((button: KbqButton) => {\n            button.getHostElement().classList.remove('kbq-split-button_first', 'kbq-split-button_second');\n        });\n\n        buttons.at(0)?.getHostElement().classList.add('kbq-split-button_first');\n        buttons.at(-1)?.getHostElement().classList.add('kbq-split-button_second');\n        buttons.forEach((button: KbqButton) => {\n            button.getHostElement().classList.add('kbq-split-button_item');\n        });\n    }\n\n    private updateStyle(style: KbqButtonStyleInput, buttons?: readonly KbqButton[]) {\n        buttons?.forEach((button: KbqButton) => button.setKbqStyleFromGroup(style));\n    }\n\n    private updateDisabledState(state: boolean | undefined, buttons?: readonly KbqButton[]) {\n        // Stays `undefined` while the input is unbound, and force-enabling every nested button is not\n        // the same thing as not being disabled.\n        if (state === undefined) return;\n\n        buttons?.forEach((button: KbqButton) => button.setDisabledFromGroup(state));\n    }\n\n    private updateDropdownParams(): void {\n        const dropdownTrigger = this.dropdownTrigger();\n\n        if (!dropdownTrigger) return;\n\n        dropdownTrigger.dropdown().xPosition.set('before');\n\n        // The trigger is only the chevron button, so the whole control has to be named explicitly.\n        // It is measured lazily on open, which is why no wait for styles to apply is needed here.\n        dropdownTrigger.widthOrigin = this.panelAutoWidth() ? this.nativeElement : undefined;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqSplitButton } from './split-button';\n\n@NgModule({\n    imports: [\n        KbqSplitButton\n    ],\n    exports: [KbqSplitButton]\n})\nexport class KbqSplitButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}