@radix-ng/primitives 1.0.0-beta.4 → 1.0.1

package/fesm2022/radix-ng-primitives-stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-stepper.mjs","sources":["../../../packages/primitives/stepper/src/stepper-item-context.token.ts","../../../packages/primitives/stepper/src/stepper-description.directive.ts","../../../packages/primitives/stepper/src/stepper-indicator.directive.ts","../../../packages/primitives/stepper/src/stepper-root-context.token.ts","../../../packages/primitives/stepper/src/stepper-item.directive.ts","../../../packages/primitives/stepper/src/stepper-root.directive.ts","../../../packages/primitives/stepper/src/stepper-separator.directive.ts","../../../packages/primitives/stepper/src/stepper-title.directive.ts","../../../packages/primitives/stepper/src/stepper-trigger.directive.ts","../../../packages/primitives/stepper/index.ts","../../../packages/primitives/stepper/radix-ng-primitives-stepper.ts"],"sourcesContent":["import { inject, InjectionToken, InputSignalWithTransform, Signal } from '@angular/core';\nimport { BooleanInput, NumberInput } from '@radix-ng/primitives/core';\nimport { StepperState } from './types';\n\nexport interface StepperItemContext {\n    titleId: string;\n    descriptionId: string;\n    step: InputSignalWithTransform<number, NumberInput>;\n    disabled: InputSignalWithTransform<boolean, BooleanInput>;\n    isFocusable: Signal<boolean>;\n    itemState: Signal<StepperState>;\n}\n\nexport const STEPPER_ITEM_CONTEXT = new InjectionToken<StepperItemContext>('StepperItemContext');\n\nexport function injectStepperItemContext(): StepperItemContext {\n    return inject(STEPPER_ITEM_CONTEXT);\n}\n","import { Directive } from '@angular/core';\nimport { injectStepperItemContext } from './stepper-item-context.token';\n\n@Directive({\n    selector: '[rdxStepperDescription]',\n    host: {\n        '[attr.id]': 'itemContext.descriptionId'\n    }\n})\nexport class RdxStepperDescriptionDirective {\n    readonly itemContext = injectStepperItemContext();\n}\n","import { Directive } from '@angular/core';\nimport { injectStepperItemContext } from './stepper-item-context.token';\n\n@Directive({\n    selector: '[rdxStepperIndicator]',\n    exportAs: 'rdxStepperIndicator'\n})\nexport class RdxStepperIndicatorDirective {\n    readonly itemContext = injectStepperItemContext();\n}\n","import {\n    inject,\n    InjectionToken,\n    InputSignal,\n    InputSignalWithTransform,\n    ModelSignal,\n    Signal,\n    WritableSignal\n} from '@angular/core';\nimport { BooleanInput, Direction } from '@radix-ng/primitives/core';\n\nexport interface StepperRootContext {\n    value: ModelSignal<number | undefined>;\n    orientation: InputSignal<'vertical' | 'horizontal'>;\n    dir: Signal<Direction>;\n    linear: InputSignalWithTransform<boolean, BooleanInput>;\n    totalStepperItems: WritableSignal<HTMLElement[]>;\n}\n\nexport const STEPPER_ROOT_CONTEXT = new InjectionToken<StepperRootContext>('StepperRootContext');\n\nexport function injectStepperRootContext(): StepperRootContext {\n    return inject(STEPPER_ROOT_CONTEXT);\n}\n","import { booleanAttribute, computed, Directive, forwardRef, input, numberAttribute } from '@angular/core';\nimport { BooleanInput, injectId, NumberInput } from '@radix-ng/primitives/core';\nimport { STEPPER_ITEM_CONTEXT, StepperItemContext } from './stepper-item-context.token';\nimport { injectStepperRootContext } from './stepper-root-context.token';\nimport { StepperState } from './types';\n\n@Directive({\n    selector: '[rdxStepperItem]',\n    providers: [\n        {\n            provide: STEPPER_ITEM_CONTEXT,\n            useExisting: forwardRef(() => RdxStepperItemDirective)\n        }\n    ],\n    host: {\n        '[attr.aria-current]': 'itemState() === \"active\" ? true : undefined',\n\n        '[attr.data-state]': 'itemState()',\n        '[attr.disabled]': 'disabled() || !isFocusable() ? \"\" : undefined',\n        '[attr.data-disabled]': 'disabled() || !isFocusable() ? \"\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()'\n    }\n})\nexport class RdxStepperItemDirective implements StepperItemContext {\n    protected readonly rootContext = injectStepperRootContext();\n\n    /** @ignore */\n    readonly titleId = injectId('rdx-stepper-item-title');\n\n    /** @ignore */\n    readonly descriptionId = injectId('rdx-stepper-item-description');\n\n    readonly step = input<number, NumberInput>(NaN, { transform: numberAttribute });\n\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** @ignore */\n    readonly completed = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** @ignore */\n    readonly itemState = computed<StepperState>(() => {\n        if (this.completed()) return 'completed';\n        if (this.rootContext.value() === this.step()) return 'active';\n\n        const step = this.step() ?? 1;\n        if (this.rootContext.value()! > step) {\n            return 'completed';\n        }\n\n        return 'inactive';\n    });\n\n    /** @ignore */\n    readonly isFocusable = computed(() => {\n        if (this.disabled()) return false;\n\n        const step = this.step() ?? 1;\n        if (this.rootContext.linear()) {\n            return step <= this.rootContext.value()! || step === this.rootContext.value()! + 1;\n        }\n\n        return true;\n    });\n}\n","import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    forwardRef,\n    inject,\n    input,\n    model,\n    numberAttribute,\n    output,\n    signal\n} from '@angular/core';\nimport { BooleanInput, Direction, NumberInput, RdxLiveAnnouncer } from '@radix-ng/primitives/core';\nimport { injectDirection } from '@radix-ng/primitives/direction-provider';\nimport { STEPPER_ROOT_CONTEXT, StepperRootContext } from './stepper-root-context.token';\n\n@Directive({\n    selector: '[rdxStepperRoot]',\n    exportAs: 'rdxStepperRoot',\n    providers: [\n        {\n            provide: STEPPER_ROOT_CONTEXT,\n            useExisting: forwardRef(() => RdxStepperRootDirective)\n        }\n    ],\n    host: {\n        role: 'group',\n        '[attr.aria-label]': '\"progress\"',\n        '[attr.data-linear]': 'linear() ? \"\" : undefined',\n        '[attr.data-orientation]': 'orientation()'\n    }\n})\nexport class RdxStepperRootDirective implements StepperRootContext {\n    private readonly liveAnnouncer = inject(RdxLiveAnnouncer);\n\n    readonly defaultValue = input<number, NumberInput>(undefined, { transform: numberAttribute });\n\n    readonly value = model<number | undefined>(this.defaultValue());\n\n    readonly linear = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n\n    readonly dirInput = input<Direction | undefined>(undefined, { alias: 'dir' });\n    readonly dir = injectDirection(this.dirInput);\n\n    readonly orientation = input<'vertical' | 'horizontal'>('horizontal');\n\n    /** @ignore */\n    readonly totalStepperItemsArray = computed(() => Array.from(this.totalStepperItems()));\n\n    readonly onValueChange = output<number>();\n\n    /** @ignore */\n    readonly isFirstStep = computed(() => this.value() === 1);\n\n    /** @ignore */\n    readonly isLastStep = computed(() => this.value() === this.totalStepperItemsArray().length);\n\n    /** @ignore */\n    readonly totalSteps = computed(() => this.totalStepperItems().length);\n\n    /** @ignore */\n    readonly isNextDisabled = computed<boolean>(() => {\n        const item = this.nextStepperItem();\n        return item ? item.hasAttribute('disabled') : true;\n    });\n\n    /** @ignore */\n    readonly isPrevDisabled = computed<boolean>(() => {\n        const item = this.prevStepperItem();\n        return item ? item.hasAttribute('disabled') : true;\n    });\n\n    /** @ignore */\n    readonly totalStepperItems = signal<HTMLElement[]>([]);\n\n    private readonly nextStepperItem = signal<HTMLElement | null>(null);\n    private readonly prevStepperItem = signal<HTMLElement | null>(null);\n\n    constructor() {\n        effect(() => {\n            const items = this.totalStepperItemsArray();\n            const currentValue = this.value();\n\n            if (currentValue) {\n                if (items.length && currentValue < items.length) {\n                    this.nextStepperItem.set(items[currentValue]);\n                } else {\n                    this.nextStepperItem.set(null);\n                }\n\n                if (items.length && currentValue > 1) {\n                    this.prevStepperItem.set(items[currentValue - 2]);\n                } else {\n                    this.prevStepperItem.set(null);\n                }\n\n                this.onValueChange.emit(currentValue);\n                this.liveAnnouncer.announce(`Step ${currentValue} of ${items.length}`);\n            }\n        });\n    }\n\n    goToStep(step: number) {\n        if (step > this.totalSteps()) {\n            return;\n        }\n\n        if (step < 1) {\n            return;\n        }\n\n        if (\n            this.totalStepperItems().length &&\n            !!this.totalStepperItemsArray()[step] &&\n            this.totalStepperItemsArray()[step].hasAttribute('disabled')\n        ) {\n            return;\n        }\n\n        if (this.linear()) {\n            const currentValue = this.value() ?? 1;\n            if (step > currentValue + 1) {\n                return;\n            }\n        }\n        this.value.set(step);\n        this.onValueChange.emit(step);\n    }\n}\n","import { Directive, effect, inject } from '@angular/core';\nimport { RdxSeparatorRootDirective } from '@radix-ng/primitives/separator';\nimport { injectStepperItemContext } from './stepper-item-context.token';\nimport { injectStepperRootContext } from './stepper-root-context.token';\n\n@Directive({\n    selector: '[rdxStepperSeparator]',\n    hostDirectives: [{ directive: RdxSeparatorRootDirective, inputs: ['orientation'] }],\n    host: {\n        '[attr.data-state]': 'itemContext.itemState()'\n    }\n})\nexport class RdxStepperSeparatorDirective {\n    protected readonly rootContext = injectStepperRootContext();\n    protected readonly itemContext = injectStepperItemContext();\n\n    private readonly rdxSeparator = inject(RdxSeparatorRootDirective, { host: true });\n\n    constructor() {\n        effect(() => {\n            this.rdxSeparator.updateOrientation(this.rootContext.orientation());\n        });\n    }\n}\n","import { Directive } from '@angular/core';\nimport { injectStepperItemContext } from './stepper-item-context.token';\n\n@Directive({\n    selector: '[rdxStepperTitle]',\n    host: {\n        '[attr.id]': 'itemContext.titleId'\n    }\n})\nexport class RdxStepperTitleDirective {\n    readonly itemContext = injectStepperItemContext();\n}\n","import { computed, DestroyRef, Directive, ElementRef, inject } from '@angular/core';\nimport * as kbd from '@radix-ng/primitives/core';\nimport { getActiveElement, useArrowNavigation } from '@radix-ng/primitives/core';\nimport { injectStepperItemContext } from './stepper-item-context.token';\nimport { injectStepperRootContext } from './stepper-root-context.token';\n\n// as button\n@Directive({\n    selector: 'button[rdxStepperTrigger]',\n    host: {\n        '[attr.tabindex]': 'itemContext.isFocusable() ? 0 : -1',\n        '[attr.aria-describedby]': 'itemContext.descriptionId',\n        '[attr.aria-labelledby]': 'itemContext.titleId',\n\n        '[attr.data-state]': 'itemContext.itemState()',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.disabled]': 'itemContext.disabled() || !itemContext.isFocusable() ? \"\" : undefined',\n        '[attr.data-disabled]': 'itemContext.disabled() || !itemContext.isFocusable() ? \"\" : undefined',\n\n        '(mousedown)': 'handleMouseDown($event)',\n\n        '(keydown.Enter)': 'handleKeyDown($event)',\n        '(keydown.Space)': 'handleKeyDown($event)',\n        '(keydown.ArrowLeft)': 'handleKeyDown($event)',\n        '(keydown.ArrowRight)': 'handleKeyDown($event)',\n        '(keydown.ArrowUp)': 'handleKeyDown($event)',\n        '(keydown.ArrowDown)': 'handleKeyDown($event)'\n    }\n})\nexport class RdxStepperTriggerDirective {\n    protected readonly rootContext = injectStepperRootContext();\n    protected readonly itemContext = injectStepperItemContext();\n\n    private readonly elementRef = inject(ElementRef);\n\n    readonly stepperItems = computed(() => Array.from(this.rootContext.totalStepperItems()));\n\n    constructor() {\n        // Register/deregister this trigger's host element with the root, in DOM order.\n        const element = this.elementRef.nativeElement;\n        this.rootContext.totalStepperItems.set([...this.rootContext.totalStepperItems(), element]);\n\n        inject(DestroyRef).onDestroy(() => {\n            const updated = this.rootContext.totalStepperItems().filter((el: HTMLElement) => el !== element);\n\n            this.rootContext.totalStepperItems.set(updated);\n        });\n    }\n\n    handleMouseDown(event: Event) {\n        const mouseEvent = event as MouseEvent;\n        if (this.itemContext.disabled()) {\n            return;\n        }\n\n        // handler only left mouse click\n        if (mouseEvent.button !== 0) {\n            return;\n        }\n\n        if (this.rootContext.linear()) {\n            if (\n                this.itemContext.step() <= this.rootContext.value()! ||\n                this.itemContext.step() === this.rootContext.value()! + 1\n            ) {\n                if (!mouseEvent.ctrlKey) {\n                    this.rootContext.value.set(this.itemContext.step());\n                    return;\n                }\n            }\n        } else {\n            if (!mouseEvent.ctrlKey) {\n                this.rootContext.value.set(this.itemContext.step());\n                return;\n            }\n        }\n\n        // prevent focus to avoid accidental activation\n        event.preventDefault();\n    }\n\n    handleKeyDown(event: Event) {\n        const keyEvent = event as KeyboardEvent;\n        event.preventDefault();\n\n        if (this.itemContext.disabled()) {\n            return;\n        }\n\n        if ((keyEvent.key === kbd.ENTER || keyEvent.key === kbd.SPACE) && !keyEvent.ctrlKey && !keyEvent.shiftKey)\n            this.rootContext.value.set(this.itemContext.step());\n\n        if ([kbd.ARROW_LEFT, kbd.ARROW_RIGHT, kbd.ARROW_UP, kbd.ARROW_DOWN].includes(keyEvent.key)) {\n            useArrowNavigation(keyEvent, getActiveElement() as HTMLElement, undefined, {\n                itemsArray: this.stepperItems(),\n                focus: true,\n                loop: false,\n                arrowKeyOptions: this.rootContext.orientation(),\n                dir: this.rootContext.dir()\n            });\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxStepperDescriptionDirective } from './src/stepper-description.directive';\nimport { RdxStepperIndicatorDirective } from './src/stepper-indicator.directive';\nimport { RdxStepperItemDirective } from './src/stepper-item.directive';\nimport { RdxStepperRootDirective } from './src/stepper-root.directive';\nimport { RdxStepperSeparatorDirective } from './src/stepper-separator.directive';\nimport { RdxStepperTitleDirective } from './src/stepper-title.directive';\nimport { RdxStepperTriggerDirective } from './src/stepper-trigger.directive';\n\nexport * from './src/stepper-description.directive';\nexport * from './src/stepper-indicator.directive';\nexport * from './src/stepper-item.directive';\nexport * from './src/stepper-root-context.token';\nexport * from './src/stepper-root.directive';\nexport * from './src/stepper-separator.directive';\nexport * from './src/stepper-title.directive';\nexport * from './src/stepper-trigger.directive';\nexport * from './src/types';\n\nconst _imports = [\n    RdxStepperDescriptionDirective,\n    RdxStepperTitleDirective,\n    RdxStepperSeparatorDirective,\n    RdxStepperItemDirective,\n    RdxStepperIndicatorDirective,\n    RdxStepperRootDirective,\n    RdxStepperTriggerDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxStepperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-stepper.mjs","sources":["../../../packages/primitives/stepper/src/stepper-item-context.token.ts","../../../packages/primitives/stepper/src/stepper-description.directive.ts","../../../packages/primitives/stepper/src/stepper-indicator.directive.ts","../../../packages/primitives/stepper/src/stepper-root-context.token.ts","../../../packages/primitives/stepper/src/stepper-item.directive.ts","../../../packages/primitives/stepper/src/stepper-root.directive.ts","../../../packages/primitives/stepper/src/stepper-separator.directive.ts","../../../packages/primitives/stepper/src/stepper-title.directive.ts","../../../packages/primitives/stepper/src/stepper-trigger.directive.ts","../../../packages/primitives/stepper/index.ts","../../../packages/primitives/stepper/radix-ng-primitives-stepper.ts"],"sourcesContent":["import { inject, InjectionToken, InputSignalWithTransform, Signal } from '@angular/core';\nimport { BooleanInput, NumberInput } from '@radix-ng/primitives/core';\nimport { StepperState } from './types';\n\nexport interface StepperItemContext {\n    titleId: string;\n    descriptionId: string;\n    step: InputSignalWithTransform<number, NumberInput>;\n    disabled: InputSignalWithTransform<boolean, BooleanInput>;\n    isFocusable: Signal<boolean>;\n    itemState: Signal<StepperState>;\n}\n\nexport const STEPPER_ITEM_CONTEXT = new InjectionToken<StepperItemContext>('StepperItemContext');\n\nexport function injectStepperItemContext(): StepperItemContext {\n    return inject(STEPPER_ITEM_CONTEXT);\n}\n","import { Directive } from '@angular/core';\nimport { injectStepperItemContext } from './stepper-item-context.token';\n\n@Directive({\n    selector: '[rdxStepperDescription]',\n    host: {\n        '[attr.id]': 'itemContext.descriptionId'\n    }\n})\nexport class RdxStepperDescriptionDirective {\n    readonly itemContext = injectStepperItemContext();\n}\n","import { Directive } from '@angular/core';\nimport { injectStepperItemContext } from './stepper-item-context.token';\n\n@Directive({\n    selector: '[rdxStepperIndicator]',\n    exportAs: 'rdxStepperIndicator'\n})\nexport class RdxStepperIndicatorDirective {\n    readonly itemContext = injectStepperItemContext();\n}\n","import {\n    inject,\n    InjectionToken,\n    InputSignal,\n    InputSignalWithTransform,\n    ModelSignal,\n    Signal,\n    WritableSignal\n} from '@angular/core';\nimport { BooleanInput, Direction } from '@radix-ng/primitives/core';\n\nexport interface StepperRootContext {\n    value: ModelSignal<number | undefined>;\n    orientation: InputSignal<'vertical' | 'horizontal'>;\n    dir: Signal<Direction>;\n    linear: InputSignalWithTransform<boolean, BooleanInput>;\n    totalStepperItems: WritableSignal<HTMLElement[]>;\n    goToStep(step: number, event?: Event, reason?: string): void;\n}\n\nexport const STEPPER_ROOT_CONTEXT = new InjectionToken<StepperRootContext>('StepperRootContext');\n\nexport function injectStepperRootContext(): StepperRootContext {\n    return inject(STEPPER_ROOT_CONTEXT);\n}\n","import { booleanAttribute, computed, Directive, forwardRef, input, numberAttribute } from '@angular/core';\nimport { BooleanInput, injectId, NumberInput } from '@radix-ng/primitives/core';\nimport { STEPPER_ITEM_CONTEXT, StepperItemContext } from './stepper-item-context.token';\nimport { injectStepperRootContext } from './stepper-root-context.token';\nimport { StepperState } from './types';\n\n@Directive({\n    selector: '[rdxStepperItem]',\n    providers: [\n        {\n            provide: STEPPER_ITEM_CONTEXT,\n            useExisting: forwardRef(() => RdxStepperItemDirective)\n        }\n    ],\n    host: {\n        '[attr.aria-current]': 'itemState() === \"active\" ? true : undefined',\n\n        '[attr.data-state]': 'itemState()',\n        '[attr.disabled]': 'disabled() || !isFocusable() ? \"\" : undefined',\n        '[attr.data-disabled]': 'disabled() || !isFocusable() ? \"\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()'\n    }\n})\nexport class RdxStepperItemDirective implements StepperItemContext {\n    protected readonly rootContext = injectStepperRootContext();\n\n    /** @ignore */\n    readonly titleId = injectId('rdx-stepper-item-title');\n\n    /** @ignore */\n    readonly descriptionId = injectId('rdx-stepper-item-description');\n\n    readonly step = input<number, NumberInput>(NaN, { transform: numberAttribute });\n\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** @ignore */\n    readonly completed = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** @ignore */\n    readonly itemState = computed<StepperState>(() => {\n        if (this.completed()) return 'completed';\n        if (this.rootContext.value() === this.step()) return 'active';\n\n        const step = this.step() ?? 1;\n        if (this.rootContext.value()! > step) {\n            return 'completed';\n        }\n\n        return 'inactive';\n    });\n\n    /** @ignore */\n    readonly isFocusable = computed(() => {\n        if (this.disabled()) return false;\n\n        const step = this.step() ?? 1;\n        if (this.rootContext.linear()) {\n            return step <= this.rootContext.value()! || step === this.rootContext.value()! + 1;\n        }\n\n        return true;\n    });\n}\n","import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    forwardRef,\n    inject,\n    input,\n    model,\n    numberAttribute,\n    output,\n    signal\n} from '@angular/core';\nimport {\n    BooleanInput,\n    createCancelableChangeEventDetails,\n    Direction,\n    NumberInput,\n    RdxCancelableChangeEventDetails,\n    RdxLiveAnnouncer\n} from '@radix-ng/primitives/core';\nimport { injectDirection } from '@radix-ng/primitives/direction-provider';\nimport { STEPPER_ROOT_CONTEXT, StepperRootContext } from './stepper-root-context.token';\n\nexport type RdxStepperValueChangeReason = 'trigger-press' | 'keyboard' | 'none';\nexport type RdxStepperValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxStepperValueChangeReason>;\n\nexport interface RdxStepperValueChangeEvent {\n    value: number;\n    eventDetails: RdxStepperValueChangeEventDetails;\n}\n\n@Directive({\n    selector: '[rdxStepperRoot]',\n    exportAs: 'rdxStepperRoot',\n    providers: [\n        {\n            provide: STEPPER_ROOT_CONTEXT,\n            useExisting: forwardRef(() => RdxStepperRootDirective)\n        }\n    ],\n    host: {\n        role: 'group',\n        '[attr.aria-label]': '\"progress\"',\n        '[attr.data-linear]': 'linear() ? \"\" : undefined',\n        '[attr.data-orientation]': 'orientation()'\n    }\n})\nexport class RdxStepperRootDirective implements StepperRootContext {\n    private readonly liveAnnouncer = inject(RdxLiveAnnouncer);\n\n    readonly defaultValue = input<number, NumberInput>(undefined, { transform: numberAttribute });\n\n    readonly value = model<number | undefined>(this.defaultValue());\n\n    readonly linear = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n\n    readonly dirInput = input<Direction | undefined>(undefined, { alias: 'dir' });\n    readonly dir = injectDirection(this.dirInput);\n\n    readonly orientation = input<'vertical' | 'horizontal'>('horizontal');\n\n    /** @ignore */\n    readonly totalStepperItemsArray = computed(() => Array.from(this.totalStepperItems()));\n\n    readonly onValueChange = output<RdxStepperValueChangeEvent>();\n\n    /** @ignore */\n    readonly isFirstStep = computed(() => this.value() === 1);\n\n    /** @ignore */\n    readonly isLastStep = computed(() => this.value() === this.totalStepperItemsArray().length);\n\n    /** @ignore */\n    readonly totalSteps = computed(() => this.totalStepperItems().length);\n\n    /** @ignore */\n    readonly isNextDisabled = computed<boolean>(() => {\n        const item = this.nextStepperItem();\n        return item ? item.hasAttribute('disabled') : true;\n    });\n\n    /** @ignore */\n    readonly isPrevDisabled = computed<boolean>(() => {\n        const item = this.prevStepperItem();\n        return item ? item.hasAttribute('disabled') : true;\n    });\n\n    /** @ignore */\n    readonly totalStepperItems = signal<HTMLElement[]>([]);\n\n    private readonly nextStepperItem = signal<HTMLElement | null>(null);\n    private readonly prevStepperItem = signal<HTMLElement | null>(null);\n\n    constructor() {\n        effect(() => {\n            const items = this.totalStepperItemsArray();\n            const currentValue = this.value();\n\n            if (currentValue) {\n                if (items.length && currentValue < items.length) {\n                    this.nextStepperItem.set(items[currentValue]);\n                } else {\n                    this.nextStepperItem.set(null);\n                }\n\n                if (items.length && currentValue > 1) {\n                    this.prevStepperItem.set(items[currentValue - 2]);\n                } else {\n                    this.prevStepperItem.set(null);\n                }\n\n                this.liveAnnouncer.announce(`Step ${currentValue} of ${items.length}`);\n            }\n        });\n    }\n\n    goToStep(step: number, event?: Event, reason: RdxStepperValueChangeReason = event ? 'trigger-press' : 'none') {\n        if (step > this.totalSteps()) {\n            return;\n        }\n\n        if (step < 1) {\n            return;\n        }\n\n        if (\n            this.totalStepperItems().length &&\n            !!this.totalStepperItemsArray()[step] &&\n            this.totalStepperItemsArray()[step].hasAttribute('disabled')\n        ) {\n            return;\n        }\n\n        if (this.linear()) {\n            const currentValue = this.value() ?? 1;\n            if (step > currentValue + 1) {\n                return;\n            }\n        }\n\n        const trigger = event?.currentTarget instanceof HTMLElement ? event.currentTarget : undefined;\n        const { eventDetails } = createCancelableChangeEventDetails(\n            reason,\n            event ?? new Event('stepper.value-change'),\n            trigger\n        );\n        this.onValueChange.emit({ value: step, eventDetails });\n        if (eventDetails.isCanceled()) {\n            return;\n        }\n\n        this.value.set(step);\n    }\n}\n","import { Directive, effect, inject } from '@angular/core';\nimport { RdxSeparatorRootDirective } from '@radix-ng/primitives/separator';\nimport { injectStepperItemContext } from './stepper-item-context.token';\nimport { injectStepperRootContext } from './stepper-root-context.token';\n\n@Directive({\n    selector: '[rdxStepperSeparator]',\n    hostDirectives: [{ directive: RdxSeparatorRootDirective, inputs: ['orientation'] }],\n    host: {\n        '[attr.data-state]': 'itemContext.itemState()'\n    }\n})\nexport class RdxStepperSeparatorDirective {\n    protected readonly rootContext = injectStepperRootContext();\n    protected readonly itemContext = injectStepperItemContext();\n\n    private readonly rdxSeparator = inject(RdxSeparatorRootDirective, { host: true });\n\n    constructor() {\n        effect(() => {\n            this.rdxSeparator.updateOrientation(this.rootContext.orientation());\n        });\n    }\n}\n","import { Directive } from '@angular/core';\nimport { injectStepperItemContext } from './stepper-item-context.token';\n\n@Directive({\n    selector: '[rdxStepperTitle]',\n    host: {\n        '[attr.id]': 'itemContext.titleId'\n    }\n})\nexport class RdxStepperTitleDirective {\n    readonly itemContext = injectStepperItemContext();\n}\n","import { computed, DestroyRef, Directive, ElementRef, inject } from '@angular/core';\nimport * as kbd from '@radix-ng/primitives/core';\nimport { getActiveElement, useArrowNavigation } from '@radix-ng/primitives/core';\nimport { injectStepperItemContext } from './stepper-item-context.token';\nimport { injectStepperRootContext } from './stepper-root-context.token';\n\n// as button\n@Directive({\n    selector: 'button[rdxStepperTrigger]',\n    host: {\n        '[attr.tabindex]': 'itemContext.isFocusable() ? 0 : -1',\n        '[attr.aria-describedby]': 'itemContext.descriptionId',\n        '[attr.aria-labelledby]': 'itemContext.titleId',\n\n        '[attr.data-state]': 'itemContext.itemState()',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.disabled]': 'itemContext.disabled() || !itemContext.isFocusable() ? \"\" : undefined',\n        '[attr.data-disabled]': 'itemContext.disabled() || !itemContext.isFocusable() ? \"\" : undefined',\n\n        '(mousedown)': 'handleMouseDown($event)',\n\n        '(keydown.Enter)': 'handleKeyDown($event)',\n        '(keydown.Space)': 'handleKeyDown($event)',\n        '(keydown.ArrowLeft)': 'handleKeyDown($event)',\n        '(keydown.ArrowRight)': 'handleKeyDown($event)',\n        '(keydown.ArrowUp)': 'handleKeyDown($event)',\n        '(keydown.ArrowDown)': 'handleKeyDown($event)'\n    }\n})\nexport class RdxStepperTriggerDirective {\n    protected readonly rootContext = injectStepperRootContext();\n    protected readonly itemContext = injectStepperItemContext();\n\n    private readonly elementRef = inject(ElementRef);\n\n    readonly stepperItems = computed(() => Array.from(this.rootContext.totalStepperItems()));\n\n    constructor() {\n        // Register/deregister this trigger's host element with the root, in DOM order.\n        const element = this.elementRef.nativeElement;\n        this.rootContext.totalStepperItems.set([...this.rootContext.totalStepperItems(), element]);\n\n        inject(DestroyRef).onDestroy(() => {\n            const updated = this.rootContext.totalStepperItems().filter((el: HTMLElement) => el !== element);\n\n            this.rootContext.totalStepperItems.set(updated);\n        });\n    }\n\n    handleMouseDown(event: Event) {\n        const mouseEvent = event as MouseEvent;\n        if (this.itemContext.disabled()) {\n            return;\n        }\n\n        // handler only left mouse click\n        if (mouseEvent.button !== 0) {\n            return;\n        }\n\n        if (this.rootContext.linear()) {\n            if (\n                this.itemContext.step() <= this.rootContext.value()! ||\n                this.itemContext.step() === this.rootContext.value()! + 1\n            ) {\n                if (!mouseEvent.ctrlKey) {\n                    this.rootContext.goToStep(this.itemContext.step(), event, 'trigger-press');\n                    return;\n                }\n            }\n        } else {\n            if (!mouseEvent.ctrlKey) {\n                this.rootContext.goToStep(this.itemContext.step(), event, 'trigger-press');\n                return;\n            }\n        }\n\n        // prevent focus to avoid accidental activation\n        event.preventDefault();\n    }\n\n    handleKeyDown(event: Event) {\n        const keyEvent = event as KeyboardEvent;\n        event.preventDefault();\n\n        if (this.itemContext.disabled()) {\n            return;\n        }\n\n        if ((keyEvent.key === kbd.ENTER || keyEvent.key === kbd.SPACE) && !keyEvent.ctrlKey && !keyEvent.shiftKey)\n            this.rootContext.goToStep(this.itemContext.step(), event, 'keyboard');\n\n        if ([kbd.ARROW_LEFT, kbd.ARROW_RIGHT, kbd.ARROW_UP, kbd.ARROW_DOWN].includes(keyEvent.key)) {\n            useArrowNavigation(keyEvent, getActiveElement() as HTMLElement, undefined, {\n                itemsArray: this.stepperItems(),\n                focus: true,\n                loop: false,\n                arrowKeyOptions: this.rootContext.orientation(),\n                dir: this.rootContext.dir()\n            });\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxStepperDescriptionDirective } from './src/stepper-description.directive';\nimport { RdxStepperIndicatorDirective } from './src/stepper-indicator.directive';\nimport { RdxStepperItemDirective } from './src/stepper-item.directive';\nimport { RdxStepperRootDirective } from './src/stepper-root.directive';\nimport { RdxStepperSeparatorDirective } from './src/stepper-separator.directive';\nimport { RdxStepperTitleDirective } from './src/stepper-title.directive';\nimport { RdxStepperTriggerDirective } from './src/stepper-trigger.directive';\n\nexport * from './src/stepper-description.directive';\nexport * from './src/stepper-indicator.directive';\nexport * from './src/stepper-item.directive';\nexport * from './src/stepper-root-context.token';\nexport * from './src/stepper-root.directive';\nexport * from './src/stepper-separator.directive';\nexport * from './src/stepper-title.directive';\nexport * from './src/stepper-trigger.directive';\nexport * from './src/types';\n\nconst _imports = [\n    RdxStepperDescriptionDirective,\n    RdxStepperTitleDirective,\n    RdxStepperSeparatorDirective,\n    RdxStepperItemDirective,\n    RdxStepperIndicatorDirective,\n    RdxStepperRootDirective,\n    RdxStepperTriggerDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxStepperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/radix-ng-primitives-switch.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Directive, inject, computed, input, booleanAttribute, model, output, NgModule } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/core';
-import { createContext, injectControlValueAccessor, injectId, RdxControlValueAccessor } from '@radix-ng/primitives/core';
+import { createContext, injectControlValueAccessor, injectId, createCancelableChangeEventDetails, RdxControlValueAccessor } from '@radix-ng/primitives/core';
 
 const [injectSwitchContext, provideSwitchContext] = createContext('RdxSwitchContext', 'components/switch');
 
@@ -117,17 +117,22 @@ class RdxSwitchRoot {
         this.isDisabled = computed(() => !!this.cva.disabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
     }
     /** @ignore Toggles the checked state unless disabled or read-only. */
-    toggle() {
+    toggle(event) {
         if (this.isDisabled() || this.readonly()) {
             return;
         }
         const next = !this.cva.value();
+        const trigger = event?.currentTarget instanceof HTMLElement ? event.currentTarget : undefined;
+        const { eventDetails } = createCancelableChangeEventDetails(event ? 'trigger-press' : 'none', event ?? new Event('switch.checked-change'), trigger);
+        this.onCheckedChange.emit({ checked: next, eventDetails });
+        if (eventDetails.isCanceled()) {
+            return;
+        }
         this.checked.set(next);
         this.cva.setValue(next);
-        this.onCheckedChange.emit(next);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxSwitchRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxSwitchRoot, isStandalone: true, selector: "button[rdxSwitchRoot]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, defaultChecked: { classPropertyName: "defaultChecked", publicName: "defaultChecked", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, submitValue: { classPropertyName: "submitValue", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", onCheckedChange: "onCheckedChange" }, host: { attributes: { "role": "switch", "type": "button" }, listeners: { "click": "toggle()", "blur": "cva.markAsTouched()", "keydown.enter": "$event.preventDefault()" }, properties: { "id": "id()", "attr.aria-checked": "checkedState()", "attr.aria-required": "required() ? \"true\" : undefined", "attr.aria-readonly": "readonly() ? \"true\" : undefined", "attr.data-checked": "checkedState() ? \"\" : undefined", "attr.data-unchecked": "checkedState() ? undefined : \"\"", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-readonly": "readonly() ? \"\" : undefined", "attr.data-required": "required() ? \"\" : undefined", "attr.disabled": "isDisabled() ? \"\" : undefined" } }, providers: [provideSwitchContext(context)], exportAs: ["rdxSwitchRoot"], hostDirectives: [{ directive: i1.RdxControlValueAccessor, inputs: ["value", "checked", "disabled", "disabled"] }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxSwitchRoot, isStandalone: true, selector: "button[rdxSwitchRoot]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, defaultChecked: { classPropertyName: "defaultChecked", publicName: "defaultChecked", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, submitValue: { classPropertyName: "submitValue", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", onCheckedChange: "onCheckedChange" }, host: { attributes: { "role": "switch", "type": "button" }, listeners: { "click": "toggle($event)", "blur": "cva.markAsTouched()", "keydown.enter": "$event.preventDefault()" }, properties: { "id": "id()", "attr.aria-checked": "checkedState()", "attr.aria-required": "required() ? \"true\" : undefined", "attr.aria-readonly": "readonly() ? \"true\" : undefined", "attr.data-checked": "checkedState() ? \"\" : undefined", "attr.data-unchecked": "checkedState() ? undefined : \"\"", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-readonly": "readonly() ? \"\" : undefined", "attr.data-required": "required() ? \"\" : undefined", "attr.disabled": "isDisabled() ? \"\" : undefined" } }, providers: [provideSwitchContext(context)], exportAs: ["rdxSwitchRoot"], hostDirectives: [{ directive: i1.RdxControlValueAccessor, inputs: ["value", "checked", "disabled", "disabled"] }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxSwitchRoot, decorators: [{
             type: Directive,
@@ -154,7 +159,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         '[attr.data-readonly]': 'readonly() ? "" : undefined',
                         '[attr.data-required]': 'required() ? "" : undefined',
                         '[attr.disabled]': 'isDisabled() ? "" : undefined',
-                        '(click)': 'toggle()',
+                        '(click)': 'toggle($event)',
                         '(blur)': 'cva.markAsTouched()',
                         '(keydown.enter)': '$event.preventDefault()'
                     }

package/fesm2022/radix-ng-primitives-switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-switch.mjs","sources":["../../../packages/primitives/switch/src/switch-context.ts","../../../packages/primitives/switch/src/switch-input.ts","../../../packages/primitives/switch/src/switch-root.ts","../../../packages/primitives/switch/src/switch-thumb.ts","../../../packages/primitives/switch/index.ts","../../../packages/primitives/switch/radix-ng-primitives-switch.ts"],"sourcesContent":["import { Signal } from '@angular/core';\nimport { createContext } from '@radix-ng/primitives/core';\n\nexport interface RdxSwitchContext {\n    /** Whether the switch is on. */\n    readonly checked: Signal<boolean>;\n\n    /** Whether the switch is disabled. */\n    readonly disabled: Signal<boolean>;\n\n    /** Whether the switch is read-only (focusable, but cannot be toggled). */\n    readonly readonly: Signal<boolean>;\n\n    /** Whether the switch must be on to submit the owning form. */\n    readonly required: Signal<boolean>;\n\n    /** Name of the hidden form input. */\n    readonly name: Signal<string | undefined>;\n\n    /** Value submitted with the form when the switch is on. */\n    readonly value: Signal<string>;\n\n    readonly ariaLabel: Signal<string | undefined>;\n    readonly ariaLabelledBy: Signal<string | undefined>;\n\n    markAsTouched(): void;\n}\n\nexport const [injectSwitchContext, provideSwitchContext] = createContext<RdxSwitchContext>(\n    'RdxSwitchContext',\n    'components/switch'\n);\n","import { Directive } from '@angular/core';\nimport { injectSwitchContext } from './switch-context';\n\n/**\n * The hidden native checkbox that mirrors the switch state for form submission and screen readers.\n *\n * @see https://base-ui.com/react/components/switch\n */\n@Directive({\n    selector: 'input[rdxSwitchInput]',\n    exportAs: 'rdxSwitchInput',\n    host: {\n        type: 'checkbox',\n        tabindex: '-1',\n        'aria-hidden': 'true',\n        '[attr.name]': 'rootContext.name()',\n        '[attr.value]': 'rootContext.value()',\n        '[checked]': 'rootContext.checked()',\n        '[disabled]': 'rootContext.disabled()',\n        '[attr.required]': 'rootContext.required() ? \"\" : undefined',\n        '[attr.aria-label]': 'rootContext.ariaLabel()',\n        '[attr.aria-labelledby]': 'rootContext.ariaLabelledBy()',\n        '[attr.data-checked]': 'rootContext.checked() ? \"\" : undefined',\n        '[attr.data-unchecked]': 'rootContext.checked() ? undefined : \"\"',\n        style: 'transform: translateX(-100%); position: absolute; overflow: hidden; pointer-events: none; opacity: 0; margin: 0;',\n        '(blur)': 'rootContext.markAsTouched()'\n    }\n})\nexport class RdxSwitchInput {\n    protected readonly rootContext = injectSwitchContext();\n}\n","import { booleanAttribute, computed, Directive, inject, input, model, output } from '@angular/core';\nimport {\n    BooleanInput,\n    injectControlValueAccessor,\n    injectId,\n    RdxControlValueAccessor,\n    RdxFormCheckboxControl\n} from '@radix-ng/primitives/core';\nimport { provideSwitchContext, RdxSwitchContext } from './switch-context';\n\nconst context = (): RdxSwitchContext => {\n    const root = inject(RdxSwitchRoot);\n    const cva = injectControlValueAccessor<boolean | undefined>();\n\n    return {\n        checked: root.checkedState,\n        disabled: computed(() => !!cva.disabled()),\n        readonly: root.readonly,\n        required: root.required,\n        name: root.name,\n        value: root.submitValue,\n        ariaLabel: root.ariaLabel,\n        ariaLabelledBy: root.ariaLabelledBy,\n        markAsTouched: () => cva.markAsTouched()\n    };\n};\n\n/**\n * A control that toggles between on and off.\n *\n * @see https://base-ui.com/react/components/switch\n */\n@Directive({\n    selector: 'button[rdxSwitchRoot]',\n    exportAs: 'rdxSwitchRoot',\n    providers: [provideSwitchContext(context)],\n    hostDirectives: [\n        {\n            directive: RdxControlValueAccessor,\n            inputs: ['value: checked', 'disabled']\n        }\n    ],\n    host: {\n        role: 'switch',\n        type: 'button',\n        '[id]': 'id()',\n        '[attr.aria-checked]': 'checkedState()',\n        '[attr.aria-required]': 'required() ? \"true\" : undefined',\n        '[attr.aria-readonly]': 'readonly() ? \"true\" : undefined',\n        '[attr.data-checked]': 'checkedState() ? \"\" : undefined',\n        '[attr.data-unchecked]': 'checkedState() ? undefined : \"\"',\n        '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n        '[attr.data-readonly]': 'readonly() ? \"\" : undefined',\n        '[attr.data-required]': 'required() ? \"\" : undefined',\n        '[attr.disabled]': 'isDisabled() ? \"\" : undefined',\n        '(click)': 'toggle()',\n        '(blur)': 'cva.markAsTouched()',\n        '(keydown.enter)': '$event.preventDefault()'\n    }\n})\nexport class RdxSwitchRoot implements RdxFormCheckboxControl {\n    /** @ignore */\n    protected readonly cva = injectControlValueAccessor<boolean | undefined>();\n\n    readonly id = input<string>(injectId('rdx-switch-'));\n\n    /**\n     * The state of the switch when it is initially rendered. Use when you do not need to control its state.\n     *\n     * @default false\n     */\n    readonly defaultChecked = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The controlled checked state. Use with `(onCheckedChange)` or two-way `[(checked)]`.\n     */\n    readonly checked = model<boolean>(this.defaultChecked());\n\n    /**\n     * When `true`, prevents the user from interacting with the switch.\n     *\n     * @default false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * When `true`, the switch is focusable but cannot be toggled.\n     *\n     * @default false\n     */\n    readonly readonly = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * When `true`, the switch must be on before the owning form can be submitted.\n     *\n     * @default false\n     */\n    readonly required = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** Name of the hidden form input rendered by `[rdxSwitchInput]`. */\n    readonly name = input<string>();\n\n    /**\n     * Value submitted with the form when the switch is on.\n     *\n     * Bound publicly as `[value]`; the TS member is named `submitValue` so the\n     * directive can satisfy `RdxFormCheckboxControl`, whose contract reserves a\n     * `value` member for `RdxFormValueControl` and forbids it on checkbox-style\n     * controls.\n     *\n     * @default 'on'\n     */\n    readonly submitValue = input<string>('on', { alias: 'value' });\n\n    readonly ariaLabelledBy = input<string | undefined>(undefined, { alias: 'aria-labelledby' });\n    readonly ariaLabel = input<string | undefined>(undefined, { alias: 'aria-label' });\n\n    /** Event handler called when the checked state of the switch changes. */\n    readonly onCheckedChange = output<boolean>();\n\n    /** @ignore */\n    readonly checkedState = computed(() => !!this.cva.value());\n    /** @ignore */\n    protected readonly isDisabled = computed(() => !!this.cva.disabled());\n\n    /** @ignore Toggles the checked state unless disabled or read-only. */\n    toggle(): void {\n        if (this.isDisabled() || this.readonly()) {\n            return;\n        }\n\n        const next = !this.cva.value();\n        this.checked.set(next);\n        this.cva.setValue(next);\n        this.onCheckedChange.emit(next);\n    }\n}\n","import { Directive } from '@angular/core';\nimport { injectSwitchContext } from './switch-context';\n\n/**\n * The moving part of the switch that indicates whether it is on or off.\n *\n * @see https://base-ui.com/react/components/switch\n */\n@Directive({\n    selector: 'span[rdxSwitchThumb]',\n    exportAs: 'rdxSwitchThumb',\n    host: {\n        '[attr.data-checked]': 'rootContext.checked() ? \"\" : undefined',\n        '[attr.data-unchecked]': 'rootContext.checked() ? undefined : \"\"',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[attr.data-readonly]': 'rootContext.readonly() ? \"\" : undefined'\n    }\n})\nexport class RdxSwitchThumb {\n    protected readonly rootContext = injectSwitchContext();\n}\n","import { NgModule } from '@angular/core';\nimport { RdxSwitchInput } from './src/switch-input';\nimport { RdxSwitchRoot } from './src/switch-root';\nimport { RdxSwitchThumb } from './src/switch-thumb';\n\nexport * from './src/switch-context';\nexport * from './src/switch-input';\nexport * from './src/switch-root';\nexport * from './src/switch-thumb';\n\nexport const switchImports = [RdxSwitchRoot, RdxSwitchInput, RdxSwitchThumb];\n\n@NgModule({\n    imports: [...switchImports],\n    exports: [...switchImports]\n})\nexport class RdxSwitchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-switch.mjs","sources":["../../../packages/primitives/switch/src/switch-context.ts","../../../packages/primitives/switch/src/switch-input.ts","../../../packages/primitives/switch/src/switch-root.ts","../../../packages/primitives/switch/src/switch-thumb.ts","../../../packages/primitives/switch/index.ts","../../../packages/primitives/switch/radix-ng-primitives-switch.ts"],"sourcesContent":["import { Signal } from '@angular/core';\nimport { createContext } from '@radix-ng/primitives/core';\n\nexport interface RdxSwitchContext {\n    /** Whether the switch is on. */\n    readonly checked: Signal<boolean>;\n\n    /** Whether the switch is disabled. */\n    readonly disabled: Signal<boolean>;\n\n    /** Whether the switch is read-only (focusable, but cannot be toggled). */\n    readonly readonly: Signal<boolean>;\n\n    /** Whether the switch must be on to submit the owning form. */\n    readonly required: Signal<boolean>;\n\n    /** Name of the hidden form input. */\n    readonly name: Signal<string | undefined>;\n\n    /** Value submitted with the form when the switch is on. */\n    readonly value: Signal<string>;\n\n    readonly ariaLabel: Signal<string | undefined>;\n    readonly ariaLabelledBy: Signal<string | undefined>;\n\n    markAsTouched(): void;\n}\n\nexport const [injectSwitchContext, provideSwitchContext] = createContext<RdxSwitchContext>(\n    'RdxSwitchContext',\n    'components/switch'\n);\n","import { Directive } from '@angular/core';\nimport { injectSwitchContext } from './switch-context';\n\n/**\n * The hidden native checkbox that mirrors the switch state for form submission and screen readers.\n *\n * @see https://base-ui.com/react/components/switch\n */\n@Directive({\n    selector: 'input[rdxSwitchInput]',\n    exportAs: 'rdxSwitchInput',\n    host: {\n        type: 'checkbox',\n        tabindex: '-1',\n        'aria-hidden': 'true',\n        '[attr.name]': 'rootContext.name()',\n        '[attr.value]': 'rootContext.value()',\n        '[checked]': 'rootContext.checked()',\n        '[disabled]': 'rootContext.disabled()',\n        '[attr.required]': 'rootContext.required() ? \"\" : undefined',\n        '[attr.aria-label]': 'rootContext.ariaLabel()',\n        '[attr.aria-labelledby]': 'rootContext.ariaLabelledBy()',\n        '[attr.data-checked]': 'rootContext.checked() ? \"\" : undefined',\n        '[attr.data-unchecked]': 'rootContext.checked() ? undefined : \"\"',\n        style: 'transform: translateX(-100%); position: absolute; overflow: hidden; pointer-events: none; opacity: 0; margin: 0;',\n        '(blur)': 'rootContext.markAsTouched()'\n    }\n})\nexport class RdxSwitchInput {\n    protected readonly rootContext = injectSwitchContext();\n}\n","import { booleanAttribute, computed, Directive, inject, input, model, output } from '@angular/core';\nimport {\n    BooleanInput,\n    createCancelableChangeEventDetails,\n    injectControlValueAccessor,\n    injectId,\n    RdxCancelableChangeEventDetails,\n    RdxControlValueAccessor,\n    RdxFormCheckboxControl\n} from '@radix-ng/primitives/core';\nimport { provideSwitchContext, RdxSwitchContext } from './switch-context';\n\nexport type RdxSwitchCheckedChangeReason = 'trigger-press' | 'none';\nexport type RdxSwitchCheckedChangeEventDetails = RdxCancelableChangeEventDetails<RdxSwitchCheckedChangeReason>;\n\nexport interface RdxSwitchCheckedChangeEvent {\n    checked: boolean;\n    eventDetails: RdxSwitchCheckedChangeEventDetails;\n}\n\nconst context = (): RdxSwitchContext => {\n    const root = inject(RdxSwitchRoot);\n    const cva = injectControlValueAccessor<boolean | undefined>();\n\n    return {\n        checked: root.checkedState,\n        disabled: computed(() => !!cva.disabled()),\n        readonly: root.readonly,\n        required: root.required,\n        name: root.name,\n        value: root.submitValue,\n        ariaLabel: root.ariaLabel,\n        ariaLabelledBy: root.ariaLabelledBy,\n        markAsTouched: () => cva.markAsTouched()\n    };\n};\n\n/**\n * A control that toggles between on and off.\n *\n * @see https://base-ui.com/react/components/switch\n */\n@Directive({\n    selector: 'button[rdxSwitchRoot]',\n    exportAs: 'rdxSwitchRoot',\n    providers: [provideSwitchContext(context)],\n    hostDirectives: [\n        {\n            directive: RdxControlValueAccessor,\n            inputs: ['value: checked', 'disabled']\n        }\n    ],\n    host: {\n        role: 'switch',\n        type: 'button',\n        '[id]': 'id()',\n        '[attr.aria-checked]': 'checkedState()',\n        '[attr.aria-required]': 'required() ? \"true\" : undefined',\n        '[attr.aria-readonly]': 'readonly() ? \"true\" : undefined',\n        '[attr.data-checked]': 'checkedState() ? \"\" : undefined',\n        '[attr.data-unchecked]': 'checkedState() ? undefined : \"\"',\n        '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n        '[attr.data-readonly]': 'readonly() ? \"\" : undefined',\n        '[attr.data-required]': 'required() ? \"\" : undefined',\n        '[attr.disabled]': 'isDisabled() ? \"\" : undefined',\n        '(click)': 'toggle($event)',\n        '(blur)': 'cva.markAsTouched()',\n        '(keydown.enter)': '$event.preventDefault()'\n    }\n})\nexport class RdxSwitchRoot implements RdxFormCheckboxControl {\n    /** @ignore */\n    protected readonly cva = injectControlValueAccessor<boolean | undefined>();\n\n    readonly id = input<string>(injectId('rdx-switch-'));\n\n    /**\n     * The state of the switch when it is initially rendered. Use when you do not need to control its state.\n     *\n     * @default false\n     */\n    readonly defaultChecked = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The controlled checked state. Use with `(onCheckedChange)` or two-way `[(checked)]`.\n     */\n    readonly checked = model<boolean>(this.defaultChecked());\n\n    /**\n     * When `true`, prevents the user from interacting with the switch.\n     *\n     * @default false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * When `true`, the switch is focusable but cannot be toggled.\n     *\n     * @default false\n     */\n    readonly readonly = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * When `true`, the switch must be on before the owning form can be submitted.\n     *\n     * @default false\n     */\n    readonly required = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** Name of the hidden form input rendered by `[rdxSwitchInput]`. */\n    readonly name = input<string>();\n\n    /**\n     * Value submitted with the form when the switch is on.\n     *\n     * Bound publicly as `[value]`; the TS member is named `submitValue` so the\n     * directive can satisfy `RdxFormCheckboxControl`, whose contract reserves a\n     * `value` member for `RdxFormValueControl` and forbids it on checkbox-style\n     * controls.\n     *\n     * @default 'on'\n     */\n    readonly submitValue = input<string>('on', { alias: 'value' });\n\n    readonly ariaLabelledBy = input<string | undefined>(undefined, { alias: 'aria-labelledby' });\n    readonly ariaLabel = input<string | undefined>(undefined, { alias: 'aria-label' });\n\n    /** Event handler called when the checked state of the switch changes. */\n    readonly onCheckedChange = output<RdxSwitchCheckedChangeEvent>();\n\n    /** @ignore */\n    readonly checkedState = computed(() => !!this.cva.value());\n    /** @ignore */\n    protected readonly isDisabled = computed(() => !!this.cva.disabled());\n\n    /** @ignore Toggles the checked state unless disabled or read-only. */\n    toggle(event?: Event): void {\n        if (this.isDisabled() || this.readonly()) {\n            return;\n        }\n\n        const next = !this.cva.value();\n        const trigger = event?.currentTarget instanceof HTMLElement ? event.currentTarget : undefined;\n        const { eventDetails } = createCancelableChangeEventDetails(\n            event ? 'trigger-press' : 'none',\n            event ?? new Event('switch.checked-change'),\n            trigger\n        );\n        this.onCheckedChange.emit({ checked: next, eventDetails });\n        if (eventDetails.isCanceled()) {\n            return;\n        }\n\n        this.checked.set(next);\n        this.cva.setValue(next);\n    }\n}\n","import { Directive } from '@angular/core';\nimport { injectSwitchContext } from './switch-context';\n\n/**\n * The moving part of the switch that indicates whether it is on or off.\n *\n * @see https://base-ui.com/react/components/switch\n */\n@Directive({\n    selector: 'span[rdxSwitchThumb]',\n    exportAs: 'rdxSwitchThumb',\n    host: {\n        '[attr.data-checked]': 'rootContext.checked() ? \"\" : undefined',\n        '[attr.data-unchecked]': 'rootContext.checked() ? undefined : \"\"',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[attr.data-readonly]': 'rootContext.readonly() ? \"\" : undefined'\n    }\n})\nexport class RdxSwitchThumb {\n    protected readonly rootContext = injectSwitchContext();\n}\n","import { NgModule } from '@angular/core';\nimport { RdxSwitchInput } from './src/switch-input';\nimport { RdxSwitchRoot } from './src/switch-root';\nimport { RdxSwitchThumb } from './src/switch-thumb';\n\nexport * from './src/switch-context';\nexport * from './src/switch-input';\nexport * from './src/switch-root';\nexport * from './src/switch-thumb';\n\nexport const switchImports = [RdxSwitchRoot, RdxSwitchInput, RdxSwitchThumb];\n\n@NgModule({\n    imports: [...switchImports],\n    exports: [...switchImports]\n})\nexport class RdxSwitchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AA4BO,MAAM,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,GAAG,aAAa,CACpE,kBAAkB,EAClB,mBAAmB;;AC3BvB;;;;AAIG;MAqBU,cAAc,CAAA;AApB3B,IAAA,WAAA,GAAA;QAqBuB,IAAA,CAAA,WAAW,GAAG,mBAAmB,EAAE;AACzD,IAAA;8GAFY,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,MAAA,EAAA,6BAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,wBAAA,EAAA,eAAA,EAAA,2CAAA,EAAA,iBAAA,EAAA,yBAAA,EAAA,sBAAA,EAAA,8BAAA,EAAA,mBAAA,EAAA,0CAAA,EAAA,qBAAA,EAAA,0CAAA,EAAA,EAAA,cAAA,EAAA,kHAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBApB1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,QAAQ,EAAE,IAAI;AACd,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,aAAa,EAAE,oBAAoB;AACnC,wBAAA,cAAc,EAAE,qBAAqB;AACrC,wBAAA,WAAW,EAAE,uBAAuB;AACpC,wBAAA,YAAY,EAAE,wBAAwB;AACtC,wBAAA,iBAAiB,EAAE,yCAAyC;AAC5D,wBAAA,mBAAmB,EAAE,yBAAyB;AAC9C,wBAAA,wBAAwB,EAAE,8BAA8B;AACxD,wBAAA,qBAAqB,EAAE,wCAAwC;AAC/D,wBAAA,uBAAuB,EAAE,wCAAwC;AACjE,wBAAA,KAAK,EAAE,kHAAkH;AACzH,wBAAA,QAAQ,EAAE;AACb;AACJ,iBAAA;;;ACPD,MAAM,OAAO,GAAG,MAAuB;AACnC,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC;AAClC,IAAA,MAAM,GAAG,GAAG,0BAA0B,EAAuB;IAE7D,OAAO;QACH,OAAO,EAAE,IAAI,CAAC,YAAY;AAC1B,QAAA,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC1C,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,KAAK,EAAE,IAAI,CAAC,WAAW;QACvB,SAAS,EAAE,IAAI,CAAC,SAAS;QACzB,cAAc,EAAE,IAAI,CAAC,cAAc;AACnC,QAAA,aAAa,EAAE,MAAM,GAAG,CAAC,aAAa;KACzC;AACL,CAAC;AAED;;;;AAIG;MA6BU,aAAa,CAAA;AA5B1B,IAAA,WAAA,GAAA;;QA8BuB,IAAA,CAAA,GAAG,GAAG,0BAA0B,EAAuB;QAEjE,IAAA,CAAA,EAAE,GAAG,KAAK,CAAS,QAAQ,CAAC,aAAa,CAAC,yEAAC;AAEpD;;;;AAIG;QACM,IAAA,CAAA,cAAc,GAAG,KAAK,CAAwB,KAAK,sFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE9F;;AAEG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAU,IAAI,CAAC,cAAc,EAAE,8EAAC;AAExD;;;;AAIG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExF;;;;AAIG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExF;;;;AAIG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;QAG/E,IAAA,CAAA,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AAE/B;;;;;;;;;AASG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,IAAI,mFAAI,KAAK,EAAE,OAAO,EAAA,CAAG;QAErD,IAAA,CAAA,cAAc,GAAG,KAAK,CAAqB,SAAS,sFAAI,KAAK,EAAE,iBAAiB,EAAA,CAAG;QACnF,IAAA,CAAA,SAAS,GAAG,KAAK,CAAqB,SAAS,iFAAI,KAAK,EAAE,YAAY,EAAA,CAAG;;QAGzE,IAAA,CAAA,eAAe,GAAG,MAAM,EAA+B;;AAGvD,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,mFAAC;;AAEvC,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,iFAAC;AAuBxE,IAAA;;AApBG,IAAA,MAAM,CAAC,KAAa,EAAA;QAChB,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACtC;QACJ;QAEA,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE;AAC9B,QAAA,MAAM,OAAO,GAAG,KAAK,EAAE,aAAa,YAAY,WAAW,GAAG,KAAK,CAAC,aAAa,GAAG,SAAS;QAC7F,MAAM,EAAE,YAAY,EAAE,GAAG,kCAAkC,CACvD,KAAK,GAAG,eAAe,GAAG,MAAM,EAChC,KAAK,IAAI,IAAI,KAAK,CAAC,uBAAuB,CAAC,EAC3C,OAAO,CACV;AACD,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;AAC1D,QAAA,IAAI,YAAY,CAAC,UAAU,EAAE,EAAE;YAC3B;QACJ;AAEA,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AACtB,QAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC3B;8GArFS,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,+mEAzBX,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAyBjC,aAAa,EAAA,UAAA,EAAA,CAAA;kBA5BzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,SAAS,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAC1C,oBAAA,cAAc,EAAE;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,uBAAuB;AAClC,4BAAA,MAAM,EAAE,CAAC,gBAAgB,EAAE,UAAU;AACxC;AACJ,qBAAA;AACD,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,MAAM,EAAE,MAAM;AACd,wBAAA,qBAAqB,EAAE,gBAAgB;AACvC,wBAAA,sBAAsB,EAAE,iCAAiC;AACzD,wBAAA,sBAAsB,EAAE,iCAAiC;AACzD,wBAAA,qBAAqB,EAAE,iCAAiC;AACxD,wBAAA,uBAAuB,EAAE,iCAAiC;AAC1D,wBAAA,sBAAsB,EAAE,+BAA+B;AACvD,wBAAA,sBAAsB,EAAE,6BAA6B;AACrD,wBAAA,sBAAsB,EAAE,6BAA6B;AACrD,wBAAA,iBAAiB,EAAE,+BAA+B;AAClD,wBAAA,SAAS,EAAE,gBAAgB;AAC3B,wBAAA,QAAQ,EAAE,qBAAqB;AAC/B,wBAAA,iBAAiB,EAAE;AACtB;AACJ,iBAAA;;;AClED;;;;AAIG;MAWU,cAAc,CAAA;AAV3B,IAAA,WAAA,GAAA;QAWuB,IAAA,CAAA,WAAW,GAAG,mBAAmB,EAAE;AACzD,IAAA;8GAFY,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,0CAAA,EAAA,qBAAA,EAAA,0CAAA,EAAA,oBAAA,EAAA,2CAAA,EAAA,oBAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAV1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACF,wBAAA,qBAAqB,EAAE,wCAAwC;AAC/D,wBAAA,uBAAuB,EAAE,wCAAwC;AACjE,wBAAA,sBAAsB,EAAE,yCAAyC;AACjE,wBAAA,sBAAsB,EAAE;AAC3B;AACJ,iBAAA;;;ACPM,MAAM,aAAa,GAAG,CAAC,aAAa,EAAE,cAAc,EAAE,cAAc;MAM9D,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAf,eAAe,EAAA,OAAA,EAAA,CANE,aAAa,EAAE,cAAc,EAAE,cAAc,CAAA,EAAA,OAAA,EAAA,CAA7C,aAAa,EAAE,cAAc,EAAE,cAAc,CAAA,EAAA,CAAA,CAAA;+GAM9D,eAAe,EAAA,CAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,GAAG,aAAa,CAAC;AAC3B,oBAAA,OAAO,EAAE,CAAC,GAAG,aAAa;AAC7B,iBAAA;;;ACfD;;AAEG;;;;"}

package/fesm2022/radix-ng-primitives-tabs.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { inject, DestroyRef, signal, effect, afterNextRender, untracked, Directive, ElementRef, input, booleanAttribute, computed, model, output, NgModule } from '@angular/core';
-import { createContext, useTransitionStatus, injectId } from '@radix-ng/primitives/core';
-import * as i1 from '@radix-ng/primitives/roving-focus';
-import { RdxRovingFocusGroupDirective, RdxRovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';
+import { createContext, useTransitionStatus, injectId, createCancelableChangeEventDetails } from '@radix-ng/primitives/core';
+import * as i1 from '@radix-ng/primitives/composite';
+import { RdxCompositeRoot, RdxCompositeItem } from '@radix-ng/primitives/composite';
 import * as i1$1 from '@radix-ng/primitives/presence';
 import { provideRdxPresenceContext, RdxPresenceDirective } from '@radix-ng/primitives/presence';
 
@@ -116,7 +116,7 @@ class RdxTabsList {
     constructor() {
         this.rootContext = injectTabsRootContext();
         this.elementRef = inject(ElementRef);
-        this.rovingFocusGroup = inject(RdxRovingFocusGroupDirective, { self: true });
+        this.compositeRoot = inject(RdxCompositeRoot, { self: true });
         /**
          * Whether a tab is activated when it receives focus (automatic activation).
          * When `false`, tabs are only activated on click or Enter/Space.
@@ -130,22 +130,47 @@ class RdxTabsList {
          * @default true
          */
         this.loopFocus = input(true, { ...(ngDevMode ? { debugName: "loopFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.tabMetadata = computed(() => Array.from(this.compositeRoot.itemMap().values()).filter(isTabsTabMetadata), ...(ngDevMode ? [{ debugName: "tabMetadata" }] : /* istanbul ignore next */ []));
+        this.disabledIndices = computed(() => this.tabMetadata()
+            .filter((metadata) => metadata.disabled)
+            .map((metadata) => metadata.index), ...(ngDevMode ? [{ debugName: "disabledIndices" }] : /* istanbul ignore next */ []));
+        this.activeIndex = computed(() => {
+            const value = this.rootContext.value();
+            const metadata = this.tabMetadata().find((tab) => tab.value === value);
+            return metadata?.index ?? -1;
+        }, ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
         this.rootContext.setTabListElement(this.elementRef.nativeElement);
         effect(() => {
-            this.rovingFocusGroup.setOrientation(this.rootContext.orientation());
-            this.rovingFocusGroup.setLoop(this.loopFocus());
+            this.compositeRoot.setOrientation(this.rootContext.orientation());
+            this.compositeRoot.setLoopFocus(this.loopFocus());
+            this.compositeRoot.setEnableHomeAndEndKeys(true);
+        });
+        effect(() => {
+            this.compositeRoot.setDisabledIndices(this.disabledIndices());
+        });
+        effect(() => {
+            const activeIndex = this.activeIndex();
+            if (activeIndex === -1 || this.disabledIndices().includes(activeIndex)) {
+                return;
+            }
+            const list = this.elementRef.nativeElement;
+            const activeElement = list.ownerDocument.activeElement;
+            if (activeElement && list.contains(activeElement)) {
+                return;
+            }
+            this.compositeRoot.setHighlightedIndex(activeIndex);
         });
         effect(() => this.rootContext.setActivateOnFocus(this.activateOnFocus()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTabsList, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxTabsList, isStandalone: true, selector: "[rdxTabsList]", inputs: { activateOnFocus: { classPropertyName: "activateOnFocus", publicName: "activateOnFocus", isSignal: true, isRequired: false, transformFunction: null }, loopFocus: { classPropertyName: "loopFocus", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tablist" }, properties: { "attr.aria-orientation": "rootContext.orientation()", "attr.data-orientation": "rootContext.orientation()", "attr.data-activation-direction": "rootContext.activationDirection()" } }, exportAs: ["rdxTabsList"], hostDirectives: [{ directive: i1.RdxRovingFocusGroupDirective }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxTabsList, isStandalone: true, selector: "[rdxTabsList]", inputs: { activateOnFocus: { classPropertyName: "activateOnFocus", publicName: "activateOnFocus", isSignal: true, isRequired: false, transformFunction: null }, loopFocus: { classPropertyName: "loopFocus", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tablist" }, properties: { "attr.aria-orientation": "rootContext.orientation()", "attr.data-orientation": "rootContext.orientation()", "attr.data-activation-direction": "rootContext.activationDirection()" } }, exportAs: ["rdxTabsList"], hostDirectives: [{ directive: i1.RdxCompositeRoot }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTabsList, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxTabsList]',
                     exportAs: 'rdxTabsList',
-                    hostDirectives: [RdxRovingFocusGroupDirective],
+                    hostDirectives: [RdxCompositeRoot],
                     host: {
                         role: 'tablist',
                         '[attr.aria-orientation]': 'rootContext.orientation()',
@@ -154,6 +179,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     }
                 }]
         }], ctorParameters: () => [], propDecorators: { activateOnFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "activateOnFocus", required: false }] }], loopFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "loopFocus", required: false }] }] } });
+function isTabsTabMetadata(metadata) {
+    return (typeof metadata['disabled'] === 'boolean' &&
+        typeof metadata['id'] === 'string' &&
+        Object.prototype.hasOwnProperty.call(metadata, 'value'));
+}
 
 const panelPresenceContext = () => ({ present: inject(RdxTabsPanel).present });
 /**
@@ -236,7 +266,7 @@ class RdxTabsPanel {
         this.hasPresence.set(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTabsPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxTabsPanel, isStandalone: true, selector: "[rdxTabsPanel]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, keepMounted: { classPropertyName: "keepMounted", publicName: "keepMounted", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tabpanel" }, properties: { "id": "panelId()", "attr.tabindex": "active() ? 0 : undefined", "attr.aria-labelledby": "tabId()", "attr.data-orientation": "rootContext.orientation()", "attr.data-activation-direction": "rootContext.activationDirection()", "attr.data-index": "index()", "attr.data-hidden": "active() ? undefined : \"\"", "attr.data-starting-style": "transitionStatus() === \"starting\" ? \"\" : undefined", "attr.data-ending-style": "transitionStatus() === \"ending\" ? \"\" : undefined", "hidden": "hidden()" } }, providers: [provideRdxPresenceContext(panelPresenceContext)], exportAs: ["rdxTabsPanel"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxTabsPanel, isStandalone: true, selector: "[rdxTabsPanel]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, keepMounted: { classPropertyName: "keepMounted", publicName: "keepMounted", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tabpanel" }, properties: { "attr.id": "panelId()", "attr.tabindex": "active() ? 0 : undefined", "attr.aria-labelledby": "tabId()", "attr.data-orientation": "rootContext.orientation()", "attr.data-activation-direction": "rootContext.activationDirection()", "attr.data-index": "index()", "attr.data-hidden": "active() ? undefined : \"\"", "attr.data-starting-style": "transitionStatus() === \"starting\" ? \"\" : undefined", "attr.data-ending-style": "transitionStatus() === \"ending\" ? \"\" : undefined", "hidden": "hidden()" } }, providers: [provideRdxPresenceContext(panelPresenceContext)], exportAs: ["rdxTabsPanel"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTabsPanel, decorators: [{
             type: Directive,
@@ -246,7 +276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     providers: [provideRdxPresenceContext(panelPresenceContext)],
                     host: {
                         role: 'tabpanel',
-                        '[id]': 'panelId()',
+                        '[attr.id]': 'panelId()',
                         '[attr.tabindex]': 'active() ? 0 : undefined',
                         '[attr.aria-labelledby]': 'tabId()',
                         '[attr.data-orientation]': 'rootContext.orientation()',
@@ -292,7 +322,7 @@ const rootContext = () => {
         activationDirection: root.activationDirection.asReadonly(),
         activateOnFocus: root.activateOnFocus.asReadonly(),
         tabListElement: root.tabListElement.asReadonly(),
-        setValue: (value) => root.setValue(value),
+        setValue: (value, event, reason) => root.setValue(value, event, reason),
         setActivateOnFocus: (value) => root.activateOnFocus.set(value),
         setTabListElement: (element) => root.tabListElement.set(element)
     };
@@ -339,14 +369,19 @@ class RdxTabsRoot {
         });
     }
     /** @ignore */
-    setValue(value) {
+    setValue(value, event, reason = event ? 'trigger-press' : 'none') {
         const previous = this.value();
         if (previous === value) {
             return;
         }
+        const trigger = event?.currentTarget instanceof HTMLElement ? event.currentTarget : undefined;
+        const { eventDetails } = createCancelableChangeEventDetails(reason, event ?? new Event('tabs.value-change'), trigger);
+        this.onValueChange.emit({ value, eventDetails });
+        if (eventDetails.isCanceled()) {
+            return;
+        }
         this.activationDirection.set(this.computeDirection(previous, value));
         this.value.set(value);
-        this.onValueChange.emit(value);
     }
     computeDirection(previous, next) {
         const list = this.tabListElement();
@@ -389,7 +424,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class RdxTabsTab {
     constructor() {
         this.rootContext = injectTabsRootContext();
-        this.rovingFocusItem = inject(RdxRovingFocusItemDirective);
+        this.compositeItem = inject(RdxCompositeItem, { self: true });
         /**
          * A unique value that associates the tab with a panel.
          */
@@ -405,15 +440,18 @@ class RdxTabsTab {
         /** @ignore */
         this.active = computed(() => this.rootContext.value() === this.value(), ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
         effect(() => {
-            this.rovingFocusItem.setActive(this.active());
-            this.rovingFocusItem.setFocusable(!this.disabled());
+            this.compositeItem.setMetadata({
+                disabled: this.disabled(),
+                id: this.tabId(),
+                value: this.value()
+            });
         });
     }
     /** @ignore */
     onMouseDown(event) {
         // Only the primary button selects; ignore Ctrl-click (macOS right-click emulation).
         if (!this.disabled() && event.button === 0 && !event.ctrlKey) {
-            this.rootContext.setValue(this.value());
+            this.rootContext.setValue(this.value(), event, 'trigger-press');
         }
         else {
             // Prevent focus to avoid accidental activation.
@@ -423,43 +461,39 @@ class RdxTabsTab {
     /** @ignore */
     onKeyDown(event) {
         if (!this.disabled() && (event.key === ' ' || event.key === 'Enter')) {
-            this.rootContext.setValue(this.value());
+            this.rootContext.setValue(this.value(), event, 'keyboard');
         }
     }
     /** @ignore */
-    onFocus() {
+    onFocus(event) {
         if (!this.active() && !this.disabled() && this.rootContext.activateOnFocus()) {
-            this.rootContext.setValue(this.value());
+            this.rootContext.setValue(this.value(), event, 'focus');
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTabsTab, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxTabsTab, isStandalone: true, selector: "[rdxTabsTab]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button", "role": "tab" }, listeners: { "mousedown": "onMouseDown($event)", "keydown": "onKeyDown($event)", "focus": "onFocus()" }, properties: { "id": "tabId()", "attr.aria-selected": "active()", "attr.aria-controls": "panelId()", "attr.data-orientation": "rootContext.orientation()", "attr.data-activation-direction": "rootContext.activationDirection()", "attr.data-active": "active() ? \"\" : undefined", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.disabled": "disabled() ? \"\" : undefined" } }, exportAs: ["rdxTabsTab"], hostDirectives: [{ directive: i1.RdxRovingFocusItemDirective, inputs: ["allowShiftKey", "allowShiftKey"] }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxTabsTab, isStandalone: true, selector: "[rdxTabsTab]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button", "role": "tab" }, listeners: { "mousedown": "onMouseDown($event)", "keydown": "onKeyDown($event)", "focus": "onFocus($event)" }, properties: { "attr.id": "tabId()", "attr.aria-selected": "active()", "attr.aria-controls": "panelId()", "attr.aria-disabled": "disabled() ? \"true\" : undefined", "attr.data-composite-item-active": "active() ? \"\" : undefined", "attr.data-orientation": "rootContext.orientation()", "attr.data-activation-direction": "rootContext.activationDirection()", "attr.data-active": "active() ? \"\" : undefined", "attr.data-disabled": "disabled() ? \"\" : undefined" } }, exportAs: ["rdxTabsTab"], hostDirectives: [{ directive: i1.RdxCompositeItem }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTabsTab, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxTabsTab]',
                     exportAs: 'rdxTabsTab',
-                    hostDirectives: [
-                        {
-                            directive: RdxRovingFocusItemDirective,
-                            inputs: ['allowShiftKey']
-                        }
-                    ],
+                    hostDirectives: [RdxCompositeItem],
                     host: {
                         type: 'button',
                         role: 'tab',
-                        '[id]': 'tabId()',
+                        '[attr.id]': 'tabId()',
                         '[attr.aria-selected]': 'active()',
                         '[attr.aria-controls]': 'panelId()',
+                        '[attr.aria-disabled]': 'disabled() ? "true" : undefined',
+                        '[attr.data-composite-item-active]': 'active() ? "" : undefined',
                         '[attr.data-orientation]': 'rootContext.orientation()',
                         '[attr.data-activation-direction]': 'rootContext.activationDirection()',
                         '[attr.data-active]': 'active() ? "" : undefined',
                         '[attr.data-disabled]': 'disabled() ? "" : undefined',
-                        '[attr.disabled]': 'disabled() ? "" : undefined',
                         '(mousedown)': 'onMouseDown($event)',
                         '(keydown)': 'onKeyDown($event)',
-                        '(focus)': 'onFocus()'
+                        '(focus)': 'onFocus($event)'
                     }
                 }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });