@radix-ng/primitives 1.0.0-beta.0 → 1.0.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-accordion.mjs","sources":["../../../packages/primitives/accordion/src/accordion-content-presence.directive.ts","../../../packages/primitives/accordion/src/accordion-root.directive.ts","../../../packages/primitives/accordion/src/accordion-item.directive.ts","../../../packages/primitives/accordion/src/accordion-content.directive.ts","../../../packages/primitives/accordion/src/accordion-header.directive.ts","../../../packages/primitives/accordion/src/accordion-trigger.directive.ts","../../../packages/primitives/accordion/index.ts","../../../packages/primitives/accordion/radix-ng-primitives-accordion.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxCollapsiblePanelPresenceDirective } from '@radix-ng/primitives/collapsible';\n\n@Directive({\n    selector: 'ng-template[rdxAccordionContentPresence]',\n    hostDirectives: [RdxCollapsiblePanelPresenceDirective]\n})\nexport class RdxAccordionContentPresenceDirective {}\n","import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    model,\n    ModelSignal,\n    output,\n    Signal\n} from '@angular/core';\nimport {\n    AcceptableValue,\n    BooleanInput,\n    createContext,\n    DataOrientation,\n    Direction,\n    injectId\n} from '@radix-ng/primitives/core';\n\nexport type AccordionRootContext = {\n    disabled: InputSignalWithTransform<boolean, BooleanInput>;\n    direction: InputSignal<Direction>;\n    orientation: InputSignal<DataOrientation>;\n    value: ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;\n    collapsible: Signal<boolean>;\n    isSingle: Signal<boolean>;\n    loopFocus: InputSignalWithTransform<boolean, BooleanInput>;\n    keepMounted: InputSignalWithTransform<boolean, BooleanInput>;\n    elementRef: ElementRef<HTMLElement>;\n    changeModelValue: (value: string) => void;\n};\n\nexport const [injectAccordionRootContext, provideAccordionRootContext] =\n    createContext<AccordionRootContext>('AccordionRootContext');\n\nconst rootContext = (): AccordionRootContext => {\n    const instance = inject(RdxAccordionRootDirective);\n\n    return {\n        disabled: instance.disabled,\n        direction: instance.dir,\n        collapsible: instance.collapsible,\n        orientation: instance.orientation,\n        elementRef: instance.elementRef,\n        value: instance.value,\n        isSingle: instance.isSingle,\n        loopFocus: instance.loopFocus,\n        keepMounted: instance.keepMounted,\n        changeModelValue: instance.changeModelValue\n    };\n};\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxAccordionRoot]',\n    exportAs: 'rdxAccordionRoot',\n    providers: [provideAccordionRootContext(rootContext)],\n    host: {\n        '[attr.data-orientation]': 'orientation()',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined'\n    }\n})\nexport class RdxAccordionRootDirective {\n    readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    readonly id = input<string>(injectId('rdx-accordion-'));\n\n    /**\n     * The reading direction of the accordion when applicable. If omitted, assumes LTR (left-to-right) reading mode.\n     *\n     * @group Props\n     */\n    readonly dir = input<Direction>('ltr');\n\n    /** Whether the Accordion is disabled.\n     * @defaultValue false\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The orientation of the accordion.\n     *\n     * @defaultValue 'vertical'\n     * @group Props\n     */\n    readonly orientation = input<DataOrientation>('vertical');\n\n    /**\n     * The default active value of the item(s).\n     *\n     * Use when you do not need to control the state of the item(s).\n     * @group Props\n     */\n    readonly defaultValue = input<string | string[]>();\n\n    /**\n     * The controlled value of the item to expand.\n     *\n     * @group Props\n     */\n    readonly value = model<AcceptableValue | AcceptableValue[]>();\n\n    /**\n     * When type is \"single\", allows closing content when clicking trigger for an open item.\n     * When type is \"multiple\", this prop has no effect.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly collapsible = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Determines whether a \"single\" or \"multiple\" items can be selected at a time.\n     *\n     * @defaultValue 'single'\n     * @group Props\n     */\n    readonly type = input<'multiple' | 'single'>('single');\n\n    /**\n     * Allow multiple panels to be open simultaneously.\n     * Takes precedence over `type` when `true`.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly multiple = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether keyboard focus wraps from the last item to the first and vice versa.\n     *\n     * @defaultValue true\n     * @group Props\n     */\n    readonly loopFocus = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n\n    /**\n     * Whether to keep the content of collapsed items mounted in the DOM.\n     * When `true`, closed panels keep their element in the DOM instead of\n     * receiving a `hidden` attribute. Applies to the always-mounted\n     * `rdxAccordionContent`; the `rdxAccordionContentPresence` variant always\n     * unmounts.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly keepMounted = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the expanded state of an item changes.\n     * @group Emits\n     */\n    readonly onValueChange = output<AcceptableValue | AcceptableValue[] | undefined>();\n\n    readonly isSingle = computed(() => !this.multiple() && this.type() !== 'multiple');\n\n    constructor() {\n        effect(() => {\n            if (this.defaultValue() !== undefined) {\n                this.value.set(this.defaultValue());\n            }\n        });\n    }\n\n    changeModelValue = (newValue: string) => {\n        if (this.isSingle()) {\n            this.value.set(this.isEqual(newValue, this.value()) ? undefined : newValue);\n        } else {\n            const currentValue = this.value();\n            let modelValueArray: AcceptableValue[] = [];\n\n            if (Array.isArray(currentValue)) {\n                modelValueArray = [...currentValue];\n            } else if (currentValue !== undefined && currentValue !== null) {\n                modelValueArray = [currentValue];\n            }\n\n            if (this.isValueEqualOrExist(modelValueArray, newValue)) {\n                const index = modelValueArray.findIndex((item) => this.isEqual(item, newValue));\n                if (index !== -1) {\n                    modelValueArray.splice(index, 1);\n                }\n            } else {\n                modelValueArray.push(newValue);\n            }\n\n            this.value.set(modelValueArray);\n        }\n\n        this.onValueChange.emit(this.value());\n    };\n\n    private isValueEqualOrExist(arr: AcceptableValue[], value: AcceptableValue): boolean {\n        return arr.some((item) => this.isEqual(item, value));\n    }\n\n    private isEqual(a: any, b: any): boolean {\n        return JSON.stringify(a) === JSON.stringify(b);\n    }\n}\n","import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    output,\n    signal,\n    Signal,\n    WritableSignal\n} from '@angular/core';\nimport { injectCollapsibleRootContext, RdxCollapsibleRootDirective } from '@radix-ng/primitives/collapsible';\nimport { BooleanInput, createContext, useArrowNavigation } from '@radix-ng/primitives/core';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\nexport type RdxAccordionItemState = 'open' | 'closed';\n\nexport type AccordionItemContext = {\n    open: Signal<boolean>;\n    disabled: Signal<boolean>;\n    triggerId: WritableSignal<string>;\n    dataState: Signal<RdxAccordionItemState>;\n    dataDisabled: Signal<boolean>;\n    currentElement: ElementRef<HTMLElement>;\n    value: Signal<string | undefined>;\n    updateOpen: () => void;\n    index: Signal<number>;\n};\n\nexport const [injectAccordionItemContext, provideAccordionItemContext] =\n    createContext<AccordionItemContext>('AccordionItemContext');\n\nconst itemContext = (): AccordionItemContext => {\n    const instance = inject(RdxAccordionItemDirective);\n\n    return {\n        open: instance.open,\n        dataState: instance.dataState,\n        disabled: instance.disabled,\n        dataDisabled: instance.isDisabled,\n        triggerId: instance.triggerId,\n        currentElement: instance.elementRef,\n        value: computed(() => instance.value()),\n        updateOpen: instance.updateOpen,\n        index: instance.index\n    };\n};\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxAccordionItem]',\n    exportAs: 'rdxAccordionItem',\n    providers: [provideAccordionItemContext(itemContext)],\n    hostDirectives: [\n        {\n            directive: RdxCollapsibleRootDirective,\n            inputs: ['disabled: disabled', 'open: open']\n        }\n    ],\n    host: {\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n        '[attr.data-state]': 'dataState()',\n        '[attr.data-index]': 'index()',\n\n        '(keydown.arrowDown)': 'handleArrowKey($event)',\n        '(keydown.arrowUp)': 'handleArrowKey($event)',\n        '(keydown.arrowLeft)': 'handleArrowKey($event)',\n        '(keydown.arrowRight)': 'handleArrowKey($event)',\n        '(keydown.home)': 'handleArrowKey($event)',\n        '(keydown.end)': 'handleArrowKey($event)'\n    }\n})\nexport class RdxAccordionItemDirective {\n    readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    private readonly collapsibleContext = injectCollapsibleRootContext()!;\n\n    protected readonly rootContext = injectAccordionRootContext()!;\n\n    /**\n     * A string value for the accordion item. All items within an accordion should use a unique value.\n     * @group Props\n     */\n    readonly value = input<string>();\n\n    /**\n     * Whether or not an accordion item is disabled from user interaction.\n     * When `true`, prevents the user from interacting with the item.\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the panel open state changes.\n     * @group Emits\n     */\n    readonly onOpenChange = output<boolean>();\n\n    readonly isDisabled = computed(() => {\n        return this.rootContext.disabled() || this.disabled();\n    });\n\n    readonly open = computed(() => {\n        const rootValue = this.rootContext.value();\n\n        return this.rootContext.isSingle()\n            ? this.value() === rootValue\n            : Array.isArray(rootValue) && rootValue.includes(this.value()!);\n    });\n\n    readonly dataState = computed((): RdxAccordionItemState => (this.open() ? 'open' : 'closed'));\n\n    /** Set by the trigger; links the content's `aria-labelledby` to the trigger `id`. */\n    readonly triggerId = signal('');\n\n    readonly index = computed(() => {\n        const allItems = Array.from(this.rootContext.elementRef.nativeElement.querySelectorAll('[rdxAccordionItem]'));\n        return allItems.indexOf(this.elementRef.nativeElement);\n    });\n\n    constructor() {\n        // Collapsed accordion panels stay findable by the browser's in-page search; opening one\n        // via find-in-page expands the item. (The standalone Collapsible defaults to plain `hidden`.)\n        this.collapsibleContext.hiddenUntilFound.set(true);\n\n        effect(() => {\n            this.updateOpen();\n        });\n\n        effect(() => {\n            this.collapsibleContext.keepMounted.set(this.rootContext.keepMounted());\n        });\n\n        let initialized = false;\n        effect(() => {\n            const isOpen = this.open();\n            if (!initialized) {\n                initialized = true;\n                return;\n            }\n            this.onOpenChange.emit(isOpen);\n        });\n    }\n\n    updateOpen = () => {\n        this.collapsibleContext.open.set(this.open());\n    };\n\n    handleArrowKey(event: Event) {\n        const keyEvent = event as KeyboardEvent;\n        const target = event.target as HTMLElement;\n        const allCollectionItems: HTMLElement[] = Array.from(\n            this.rootContext.elementRef.nativeElement?.querySelectorAll('[data-rdx-collection-item]') ?? []\n        );\n\n        const collectionItemIndex = allCollectionItems.findIndex((item) => item === target);\n        if (collectionItemIndex === -1) return;\n\n        useArrowNavigation(\n            keyEvent,\n            this.elementRef.nativeElement.querySelector('[data-rdx-collection-item]')!,\n            this.rootContext.elementRef.nativeElement!,\n            {\n                arrowKeyOptions: this.rootContext.orientation(),\n                dir: this.rootContext.direction(),\n                loop: this.rootContext.loopFocus(),\n                focus: true\n            }\n        );\n    }\n}\n","import { Directive } from '@angular/core';\nimport { RdxCollapsiblePanelDirective } from '@radix-ng/primitives/collapsible';\nimport { injectAccordionItemContext } from './accordion-item.directive';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\n@Directive({\n    selector: '[rdxAccordionContent]',\n    hostDirectives: [RdxCollapsiblePanelDirective],\n    host: {\n        role: 'region',\n        '[attr.aria-labelledby]': 'itemContext.triggerId()',\n        '[attr.data-state]': 'itemContext.dataState()',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-index]': 'itemContext.index()',\n        '[style]': `{\n            '--radix-accordion-content-height': 'var(--collapsible-panel-height)',\n            '--radix-accordion-content-width': 'var(--collapsible-panel-width)',\n          }`\n    }\n})\nexport class RdxAccordionContentDirective {\n    protected readonly rootContext = injectAccordionRootContext()!;\n    protected readonly itemContext = injectAccordionItemContext()!;\n}\n","import { Directive } from '@angular/core';\nimport { injectAccordionItemContext } from './accordion-item.directive';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\n@Directive({\n    selector: '[rdxAccordionHeader]',\n    host: {\n        '[attr.data-state]': 'itemContext.dataState()',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-index]': 'itemContext.index()'\n    }\n})\nexport class RdxAccordionHeaderDirective {\n    protected readonly rootContext = injectAccordionRootContext()!;\n    protected readonly itemContext = injectAccordionItemContext()!;\n}\n","import { Directive } from '@angular/core';\nimport { injectId } from '@radix-ng/primitives/core';\nimport { injectAccordionItemContext } from './accordion-item.directive';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\n@Directive({\n    selector: '[rdxAccordionTrigger]',\n    host: {\n        '[id]': 'itemContext.triggerId()',\n        '[attr.data-rdx-collection-item]': '\"\"',\n        '[attr.role]': '\"button\"',\n        '[attr.aria-expanded]': 'itemContext.open()',\n        '[attr.aria-disabled]': 'itemContext.open() && !rootContext.collapsible() ? \"true\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-state]': 'itemContext.dataState()',\n        '[attr.disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-panel-open]': 'itemContext.open() ? \"\" : undefined',\n        '[attr.data-index]': 'itemContext.index()',\n\n        '(click)': 'changeItem()'\n    }\n})\nexport class RdxAccordionTriggerDirective {\n    protected readonly rootContext = injectAccordionRootContext()!;\n    protected readonly itemContext = injectAccordionItemContext()!;\n\n    constructor() {\n        this.itemContext.triggerId.set(injectId('rdx-accordion-trigger-'));\n    }\n\n    changeItem() {\n        // In single mode an open item stays open (unless `collapsible`), so a click on it is a no-op.\n        const lockedOpen = this.rootContext.isSingle() && this.itemContext.open() && !this.rootContext.collapsible();\n\n        // `dataDisabled` is the effective disabled state (accordion-root OR item level).\n        if (this.itemContext.dataDisabled() || lockedOpen) {\n            return;\n        }\n\n        this.rootContext.changeModelValue(this.itemContext.value()!);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxAccordionContentPresenceDirective } from './src/accordion-content-presence.directive';\nimport { RdxAccordionContentDirective } from './src/accordion-content.directive';\nimport { RdxAccordionHeaderDirective } from './src/accordion-header.directive';\nimport { RdxAccordionItemDirective } from './src/accordion-item.directive';\nimport { RdxAccordionRootDirective } from './src/accordion-root.directive';\nimport { RdxAccordionTriggerDirective } from './src/accordion-trigger.directive';\n\nexport * from './src/accordion-content-presence.directive';\nexport * from './src/accordion-content.directive';\nexport * from './src/accordion-header.directive';\nexport * from './src/accordion-item.directive';\nexport * from './src/accordion-root.directive';\nexport * from './src/accordion-trigger.directive';\n\nconst _imports = [\n    RdxAccordionContentDirective,\n    RdxAccordionHeaderDirective,\n    RdxAccordionItemDirective,\n    RdxAccordionRootDirective,\n    RdxAccordionTriggerDirective,\n    RdxAccordionContentPresenceDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxAccordionModule {}\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-accordion.mjs","sources":["../../../packages/primitives/accordion/src/accordion-content-presence.directive.ts","../../../packages/primitives/accordion/src/accordion-root.directive.ts","../../../packages/primitives/accordion/src/accordion-item.directive.ts","../../../packages/primitives/accordion/src/accordion-content.directive.ts","../../../packages/primitives/accordion/src/accordion-header.directive.ts","../../../packages/primitives/accordion/src/accordion-trigger.directive.ts","../../../packages/primitives/accordion/index.ts","../../../packages/primitives/accordion/radix-ng-primitives-accordion.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxCollapsiblePanelPresenceDirective } from '@radix-ng/primitives/collapsible';\n\n@Directive({\n    selector: 'ng-template[rdxAccordionContentPresence]',\n    hostDirectives: [RdxCollapsiblePanelPresenceDirective]\n})\nexport class RdxAccordionContentPresenceDirective {}\n","import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    model,\n    ModelSignal,\n    output,\n    Signal\n} from '@angular/core';\nimport {\n    AcceptableValue,\n    BooleanInput,\n    createContext,\n    DataOrientation,\n    Direction,\n    injectId\n} from '@radix-ng/primitives/core';\n\nexport type AccordionRootContext = {\n    disabled: InputSignalWithTransform<boolean, BooleanInput>;\n    direction: InputSignal<Direction>;\n    orientation: InputSignal<DataOrientation>;\n    value: ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;\n    collapsible: Signal<boolean>;\n    isSingle: Signal<boolean>;\n    loopFocus: InputSignalWithTransform<boolean, BooleanInput>;\n    keepMounted: InputSignalWithTransform<boolean, BooleanInput>;\n    elementRef: ElementRef<HTMLElement>;\n    changeModelValue: (value: string) => void;\n};\n\nexport const [injectAccordionRootContext, provideAccordionRootContext] =\n    createContext<AccordionRootContext>('AccordionRootContext');\n\nconst rootContext = (): AccordionRootContext => {\n    const instance = inject(RdxAccordionRootDirective);\n\n    return {\n        disabled: instance.disabled,\n        direction: instance.dir,\n        collapsible: instance.collapsible,\n        orientation: instance.orientation,\n        elementRef: instance.elementRef,\n        value: instance.value,\n        isSingle: instance.isSingle,\n        loopFocus: instance.loopFocus,\n        keepMounted: instance.keepMounted,\n        changeModelValue: instance.changeModelValue\n    };\n};\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxAccordionRoot]',\n    exportAs: 'rdxAccordionRoot',\n    providers: [provideAccordionRootContext(rootContext)],\n    host: {\n        '[attr.data-orientation]': 'orientation()',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined'\n    }\n})\nexport class RdxAccordionRootDirective {\n    readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    readonly id = input<string>(injectId('rdx-accordion-'));\n\n    /**\n     * The reading direction of the accordion when applicable. If omitted, assumes LTR (left-to-right) reading mode.\n     *\n     * @group Props\n     */\n    readonly dir = input<Direction>('ltr');\n\n    /** Whether the Accordion is disabled.\n     * @defaultValue false\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The orientation of the accordion.\n     *\n     * @defaultValue 'vertical'\n     * @group Props\n     */\n    readonly orientation = input<DataOrientation>('vertical');\n\n    /**\n     * The default active value of the item(s).\n     *\n     * Use when you do not need to control the state of the item(s).\n     * @group Props\n     */\n    readonly defaultValue = input<string | string[]>();\n\n    /**\n     * The controlled value of the item to expand.\n     *\n     * @group Props\n     */\n    readonly value = model<AcceptableValue | AcceptableValue[]>();\n\n    /**\n     * When type is \"single\", allows closing content when clicking trigger for an open item.\n     * When type is \"multiple\", this prop has no effect.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly collapsible = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Determines whether a \"single\" or \"multiple\" items can be selected at a time.\n     *\n     * @defaultValue 'single'\n     * @group Props\n     */\n    readonly type = input<'multiple' | 'single'>('single');\n\n    /**\n     * Allow multiple panels to be open simultaneously.\n     * Takes precedence over `type` when `true`.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly multiple = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether keyboard focus wraps from the last item to the first and vice versa.\n     *\n     * @defaultValue true\n     * @group Props\n     */\n    readonly loopFocus = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n\n    /**\n     * Whether to keep the content of collapsed items mounted in the DOM.\n     * When `true`, closed panels keep their element in the DOM instead of\n     * receiving a `hidden` attribute. Applies to the always-mounted\n     * `rdxAccordionContent`; the `rdxAccordionContentPresence` variant always\n     * unmounts.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly keepMounted = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the expanded state of an item changes.\n     * @group Emits\n     */\n    readonly onValueChange = output<AcceptableValue | AcceptableValue[] | undefined>();\n\n    readonly isSingle = computed(() => !this.multiple() && this.type() !== 'multiple');\n\n    constructor() {\n        effect(() => {\n            if (this.defaultValue() !== undefined) {\n                this.value.set(this.defaultValue());\n            }\n        });\n    }\n\n    changeModelValue = (newValue: string) => {\n        if (this.isSingle()) {\n            this.value.set(this.isEqual(newValue, this.value()) ? undefined : newValue);\n        } else {\n            const currentValue = this.value();\n            let modelValueArray: AcceptableValue[] = [];\n\n            if (Array.isArray(currentValue)) {\n                modelValueArray = [...currentValue];\n            } else if (currentValue !== undefined && currentValue !== null) {\n                modelValueArray = [currentValue];\n            }\n\n            if (this.isValueEqualOrExist(modelValueArray, newValue)) {\n                const index = modelValueArray.findIndex((item) => this.isEqual(item, newValue));\n                if (index !== -1) {\n                    modelValueArray.splice(index, 1);\n                }\n            } else {\n                modelValueArray.push(newValue);\n            }\n\n            this.value.set(modelValueArray);\n        }\n\n        this.onValueChange.emit(this.value());\n    };\n\n    private isValueEqualOrExist(arr: AcceptableValue[], value: AcceptableValue): boolean {\n        return arr.some((item) => this.isEqual(item, value));\n    }\n\n    private isEqual(a: any, b: any): boolean {\n        return JSON.stringify(a) === JSON.stringify(b);\n    }\n}\n","import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    output,\n    signal,\n    Signal,\n    WritableSignal\n} from '@angular/core';\nimport { injectCollapsibleRootContext, RdxCollapsibleRootDirective } from '@radix-ng/primitives/collapsible';\nimport { BooleanInput, createContext, useArrowNavigation } from '@radix-ng/primitives/core';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\nexport type RdxAccordionItemState = 'open' | 'closed';\n\nexport type AccordionItemContext = {\n    open: Signal<boolean>;\n    disabled: Signal<boolean>;\n    triggerId: WritableSignal<string>;\n    dataState: Signal<RdxAccordionItemState>;\n    dataDisabled: Signal<boolean>;\n    currentElement: ElementRef<HTMLElement>;\n    value: Signal<string | undefined>;\n    updateOpen: () => void;\n    index: Signal<number>;\n};\n\nexport const [injectAccordionItemContext, provideAccordionItemContext] =\n    createContext<AccordionItemContext>('AccordionItemContext');\n\nconst itemContext = (): AccordionItemContext => {\n    const instance = inject(RdxAccordionItemDirective);\n\n    return {\n        open: instance.open,\n        dataState: instance.dataState,\n        disabled: instance.disabled,\n        dataDisabled: instance.isDisabled,\n        triggerId: instance.triggerId,\n        currentElement: instance.elementRef,\n        value: computed(() => instance.value()),\n        updateOpen: instance.updateOpen,\n        index: instance.index\n    };\n};\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxAccordionItem]',\n    exportAs: 'rdxAccordionItem',\n    providers: [provideAccordionItemContext(itemContext)],\n    hostDirectives: [\n        {\n            directive: RdxCollapsibleRootDirective,\n            inputs: ['disabled: disabled', 'open: open']\n        }\n    ],\n    host: {\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n        '[attr.data-state]': 'dataState()',\n        '[attr.data-index]': 'index()',\n\n        '(keydown.arrowDown)': 'handleArrowKey($event)',\n        '(keydown.arrowUp)': 'handleArrowKey($event)',\n        '(keydown.arrowLeft)': 'handleArrowKey($event)',\n        '(keydown.arrowRight)': 'handleArrowKey($event)',\n        '(keydown.home)': 'handleArrowKey($event)',\n        '(keydown.end)': 'handleArrowKey($event)'\n    }\n})\nexport class RdxAccordionItemDirective {\n    readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    private readonly collapsibleContext = injectCollapsibleRootContext();\n\n    protected readonly rootContext = injectAccordionRootContext();\n\n    /**\n     * A string value for the accordion item. All items within an accordion should use a unique value.\n     * @group Props\n     */\n    readonly value = input<string>();\n\n    /**\n     * Whether or not an accordion item is disabled from user interaction.\n     * When `true`, prevents the user from interacting with the item.\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the panel open state changes.\n     * @group Emits\n     */\n    readonly onOpenChange = output<boolean>();\n\n    readonly isDisabled = computed(() => {\n        return this.rootContext.disabled() || this.disabled();\n    });\n\n    readonly open = computed(() => {\n        const rootValue = this.rootContext.value();\n\n        return this.rootContext.isSingle()\n            ? this.value() === rootValue\n            : Array.isArray(rootValue) && rootValue.includes(this.value()!);\n    });\n\n    readonly dataState = computed((): RdxAccordionItemState => (this.open() ? 'open' : 'closed'));\n\n    /** Set by the trigger; links the content's `aria-labelledby` to the trigger `id`. */\n    readonly triggerId = signal('');\n\n    readonly index = computed(() => {\n        const allItems = Array.from(this.rootContext.elementRef.nativeElement.querySelectorAll('[rdxAccordionItem]'));\n        return allItems.indexOf(this.elementRef.nativeElement);\n    });\n\n    constructor() {\n        // Collapsed accordion panels stay findable by the browser's in-page search; opening one\n        // via find-in-page expands the item. (The standalone Collapsible defaults to plain `hidden`.)\n        this.collapsibleContext.hiddenUntilFound.set(true);\n\n        effect(() => {\n            this.updateOpen();\n        });\n\n        effect(() => {\n            this.collapsibleContext.keepMounted.set(this.rootContext.keepMounted());\n        });\n\n        let initialized = false;\n        effect(() => {\n            const isOpen = this.open();\n            if (!initialized) {\n                initialized = true;\n                return;\n            }\n            this.onOpenChange.emit(isOpen);\n        });\n    }\n\n    updateOpen = () => {\n        this.collapsibleContext.open.set(this.open());\n    };\n\n    handleArrowKey(event: Event) {\n        const keyEvent = event as KeyboardEvent;\n        const target = event.target as HTMLElement;\n        const allCollectionItems: HTMLElement[] = Array.from(\n            this.rootContext.elementRef.nativeElement?.querySelectorAll('[data-rdx-collection-item]') ?? []\n        );\n\n        const collectionItemIndex = allCollectionItems.findIndex((item) => item === target);\n        if (collectionItemIndex === -1) return;\n\n        useArrowNavigation(\n            keyEvent,\n            this.elementRef.nativeElement.querySelector('[data-rdx-collection-item]')!,\n            this.rootContext.elementRef.nativeElement,\n            {\n                arrowKeyOptions: this.rootContext.orientation(),\n                dir: this.rootContext.direction(),\n                loop: this.rootContext.loopFocus(),\n                focus: true\n            }\n        );\n    }\n}\n","import { Directive } from '@angular/core';\nimport { RdxCollapsiblePanelDirective } from '@radix-ng/primitives/collapsible';\nimport { injectAccordionItemContext } from './accordion-item.directive';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\n@Directive({\n    selector: '[rdxAccordionContent]',\n    hostDirectives: [RdxCollapsiblePanelDirective],\n    host: {\n        role: 'region',\n        '[attr.aria-labelledby]': 'itemContext.triggerId()',\n        '[attr.data-state]': 'itemContext.dataState()',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-index]': 'itemContext.index()',\n        '[style]': `{\n            '--radix-accordion-content-height': 'var(--collapsible-panel-height)',\n            '--radix-accordion-content-width': 'var(--collapsible-panel-width)',\n          }`\n    }\n})\nexport class RdxAccordionContentDirective {\n    protected readonly rootContext = injectAccordionRootContext();\n    protected readonly itemContext = injectAccordionItemContext();\n}\n","import { Directive } from '@angular/core';\nimport { injectAccordionItemContext } from './accordion-item.directive';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\n@Directive({\n    selector: '[rdxAccordionHeader]',\n    host: {\n        '[attr.data-state]': 'itemContext.dataState()',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-index]': 'itemContext.index()'\n    }\n})\nexport class RdxAccordionHeaderDirective {\n    protected readonly rootContext = injectAccordionRootContext();\n    protected readonly itemContext = injectAccordionItemContext();\n}\n","import { Directive } from '@angular/core';\nimport { injectId } from '@radix-ng/primitives/core';\nimport { injectAccordionItemContext } from './accordion-item.directive';\nimport { injectAccordionRootContext } from './accordion-root.directive';\n\n@Directive({\n    selector: '[rdxAccordionTrigger]',\n    host: {\n        '[id]': 'itemContext.triggerId()',\n        '[attr.data-rdx-collection-item]': '\"\"',\n        '[attr.role]': '\"button\"',\n        '[attr.aria-expanded]': 'itemContext.open()',\n        '[attr.aria-disabled]': 'itemContext.open() && !rootContext.collapsible() ? \"true\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-state]': 'itemContext.dataState()',\n        '[attr.disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-panel-open]': 'itemContext.open() ? \"\" : undefined',\n        '[attr.data-index]': 'itemContext.index()',\n\n        '(click)': 'changeItem()'\n    }\n})\nexport class RdxAccordionTriggerDirective {\n    protected readonly rootContext = injectAccordionRootContext();\n    protected readonly itemContext = injectAccordionItemContext();\n\n    constructor() {\n        this.itemContext.triggerId.set(injectId('rdx-accordion-trigger-'));\n    }\n\n    changeItem() {\n        // In single mode an open item stays open (unless `collapsible`), so a click on it is a no-op.\n        const lockedOpen = this.rootContext.isSingle() && this.itemContext.open() && !this.rootContext.collapsible();\n\n        // `dataDisabled` is the effective disabled state (accordion-root OR item level).\n        if (this.itemContext.dataDisabled() || lockedOpen) {\n            return;\n        }\n\n        this.rootContext.changeModelValue(this.itemContext.value()!);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxAccordionContentPresenceDirective } from './src/accordion-content-presence.directive';\nimport { RdxAccordionContentDirective } from './src/accordion-content.directive';\nimport { RdxAccordionHeaderDirective } from './src/accordion-header.directive';\nimport { RdxAccordionItemDirective } from './src/accordion-item.directive';\nimport { RdxAccordionRootDirective } from './src/accordion-root.directive';\nimport { RdxAccordionTriggerDirective } from './src/accordion-trigger.directive';\n\nexport * from './src/accordion-content-presence.directive';\nexport * from './src/accordion-content.directive';\nexport * from './src/accordion-header.directive';\nexport * from './src/accordion-item.directive';\nexport * from './src/accordion-root.directive';\nexport * from './src/accordion-trigger.directive';\n\nconst _imports = [\n    RdxAccordionContentDirective,\n    RdxAccordionHeaderDirective,\n    RdxAccordionItemDirective,\n    RdxAccordionRootDirective,\n    RdxAccordionTriggerDirective,\n    RdxAccordionContentPresenceDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxAccordionModule {}\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-calendar.mjs

@@ -35,14 +35,14 @@ class RdxCalendarCellTriggerDirective {
          * Current selected state
          */
         this.isSelectedDate = computed(() => this.rootContext.isDateSelected(this.day()), ...(ngDevMode ? [{ debugName: "isSelectedDate" }] : /* istanbul ignore next */ []));
-        this.isDisabled = computed(() => this.rootContext.isDateDisabled(this.day()), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+        this.isDisabled = computed(() => this.rootContext.dateDisabled(this.day()), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
         this.isOutsideView = computed(() => {
             return !isSameMonth(this.day(), this.month());
         }, ...(ngDevMode ? [{ debugName: "isOutsideView" }] : /* istanbul ignore next */ []));
         this.isFocusedDate = computed(() => {
             return !this.rootContext.disabled() && isSameDay(this.day(), this.rootContext.placeholder());
         }, ...(ngDevMode ? [{ debugName: "isFocusedDate" }] : /* istanbul ignore next */ []));
-        this.isUnavailable = computed(() => this.rootContext.isDateUnavailable?.(this.day()) ?? false, ...(ngDevMode ? [{ debugName: "isUnavailable" }] : /* istanbul ignore next */ []));
+        this.isUnavailable = computed(() => this.rootContext.dateUnavailable(this.day()), ...(ngDevMode ? [{ debugName: "isUnavailable" }] : /* istanbul ignore next */ []));
         this.labelText = computed(() => {
             return this.rootContext.formatter.custom(toDate(this.day()), {
                 weekday: 'long',
@@ -55,12 +55,21 @@ class RdxCalendarCellTriggerDirective {
          * @ignore
          */
         this.SELECTOR = '[data-rdx-calendar-cell-trigger]:not([data-outside-view]):not([data-outside-visible-view])';
-    }
-    ngAfterViewInit() {
+        // Host element is available in the constructor; no AfterViewInit needed.
         this.currentElement = this.elementRef.nativeElement;
     }
     onClick() {
-        this.changeDate(this.day());
+        this.select();
+    }
+    /** Select the date unless the cell is disabled/unavailable or the calendar is readonly. */
+    select() {
+        if (this.isDisabled() || this.isUnavailable() || this.rootContext.readonly()) {
+            return;
+        }
+        const day = this.day();
+        if (day) {
+            this.changeDate(day);
+        }
     }
     onArrowKey(event) {
         const keyEvent = event;
@@ -87,7 +96,7 @@ class RdxCalendarCellTriggerDirective {
                 break;
             case kbd.ENTER:
             case kbd.SPACE_CODE:
-                this.changeDate(this.day());
+                this.select();
         }
     }
     shiftFocus(node, add) {
@@ -98,10 +107,7 @@ class RdxCalendarCellTriggerDirective {
         const index = allCollectionItems.indexOf(node);
         const newIndex = index + add;
         if (newIndex >= 0 && newIndex < allCollectionItems.length) {
-            if (allCollectionItems[newIndex].hasAttribute('data-disabled')) {
-                this.shiftFocus(allCollectionItems[newIndex], add);
-            }
-            allCollectionItems[newIndex].focus();
+            this.focusCell(allCollectionItems, newIndex, add);
             return;
         }
         if (newIndex < 0) {
@@ -109,50 +115,46 @@ class RdxCalendarCellTriggerDirective {
                 return;
             this.rootContext.prevPage();
             setTimeout(() => {
-                const newCollectionItems = this.getSelectableCells(parentElement);
-                if (!newCollectionItems.length)
+                const cells = this.getSelectableCells(parentElement);
+                if (!cells.length)
                     return;
-                if (!this.rootContext.pagedNavigation && this.rootContext.numberOfMonths() > 1) {
-                    // Placeholder is set to the first month of the new page
-                    const numberOfDays = getDaysInMonth(this.rootContext.placeholder());
-                    const computedIndex = numberOfDays - Math.abs(newIndex);
-                    if (newCollectionItems[computedIndex].hasAttribute('data-disabled')) {
-                        this.shiftFocus(newCollectionItems[computedIndex], add);
-                    }
-                    newCollectionItems[computedIndex].focus();
-                    return;
-                }
-                const computedIndex = newCollectionItems.length - Math.abs(newIndex);
-                if (newCollectionItems[computedIndex].hasAttribute('data-disabled')) {
-                    this.shiftFocus(newCollectionItems[computedIndex], add);
-                }
-                newCollectionItems[computedIndex].focus();
+                const computedIndex = !this.rootContext.pagedNavigation() && this.rootContext.numberOfMonths() > 1
+                    ? // placeholder is the first month of the new page
+                        getDaysInMonth(this.rootContext.placeholder()) - Math.abs(newIndex)
+                    : cells.length - Math.abs(newIndex);
+                this.focusCell(cells, computedIndex, add);
             });
+            return;
         }
-        if (newIndex >= allCollectionItems.length) {
-            if (!this.rootContext.nextPage)
+        // newIndex >= allCollectionItems.length
+        if (!this.rootContext.nextPage)
+            return;
+        this.rootContext.nextPage();
+        setTimeout(() => {
+            const cells = this.getSelectableCells(parentElement);
+            if (!cells.length)
                 return;
-            this.rootContext.nextPage();
-            setTimeout(() => {
-                const newCollectionItems = this.getSelectableCells(parentElement);
-                if (!newCollectionItems.length)
-                    return;
-                if (!this.rootContext.pagedNavigation && this.rootContext.numberOfMonths() > 1) {
-                    const numberOfDays = getDaysInMonth(this.rootContext.placeholder().add({ months: this.rootContext.numberOfMonths() - 1 }));
-                    const computedIndex = newIndex - allCollectionItems.length + (newCollectionItems.length - numberOfDays);
-                    if (newCollectionItems[computedIndex].hasAttribute('data-disabled')) {
-                        this.shiftFocus(newCollectionItems[computedIndex], add);
-                    }
-                    newCollectionItems[computedIndex].focus();
-                    return;
-                }
-                const computedIndex = newIndex - allCollectionItems.length;
-                if (newCollectionItems[computedIndex].hasAttribute('data-disabled')) {
-                    this.shiftFocus(newCollectionItems[computedIndex], add);
-                }
-                newCollectionItems[computedIndex].focus();
-            });
+            let computedIndex;
+            if (!this.rootContext.pagedNavigation() && this.rootContext.numberOfMonths() > 1) {
+                const numberOfDays = getDaysInMonth(this.rootContext.placeholder().add({ months: this.rootContext.numberOfMonths() - 1 }));
+                computedIndex = newIndex - allCollectionItems.length + (cells.length - numberOfDays);
+            }
+            else {
+                computedIndex = newIndex - allCollectionItems.length;
+            }
+            this.focusCell(cells, computedIndex, add);
+        });
+    }
+    /** Focus the cell at `index`, skipping over a disabled cell in the same direction. */
+    focusCell(cells, index, add) {
+        const cell = cells[index];
+        if (!cell)
+            return;
+        if (cell.hasAttribute('data-disabled')) {
+            this.shiftFocus(cell, add);
+            return;
         }
+        cell.focus();
     }
     /**
      * @ignore
@@ -191,7 +193,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         '(keydown)': 'onArrowKey($event)'
                     }
                 }]
-        }], propDecorators: { day: [{ type: i0.Input, args: [{ isSignal: true, alias: "day", required: false }] }], month: [{ type: i0.Input, args: [{ isSignal: true, alias: "month", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { day: [{ type: i0.Input, args: [{ isSignal: true, alias: "day", required: false }] }], month: [{ type: i0.Input, args: [{ isSignal: true, alias: "month", required: false }] }] } });
 
 class RdxCalendarCellDirective {
     constructor() {
@@ -202,7 +204,7 @@ class RdxCalendarCellDirective {
         this.date = input(...(ngDevMode ? [undefined, { debugName: "date" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCalendarCellDirective, isStandalone: true, selector: "td[rdxCalendarCell]", inputs: { date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "gridcell" }, properties: { "attr.aria-selected": "rootContext.isDateSelected?.(date()!) ? true : undefined", "attr.aria-disabled": "rootContext.isDateSelected?.(date()!) ||  rootContext.isDateUnavailable?.(date()!)", "attr.data-disabled": "rootContext.isDateSelected?.(date()!) ? \"\" : undefined" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCalendarCellDirective, isStandalone: true, selector: "td[rdxCalendarCell]", inputs: { date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "gridcell" }, properties: { "attr.aria-selected": "rootContext.isDateSelected(date()!) ? true : undefined", "attr.aria-disabled": "rootContext.dateDisabled(date()!) || rootContext.dateUnavailable(date()!) ? true : undefined", "attr.data-disabled": "rootContext.dateDisabled(date()!) ? \"\" : undefined" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarCellDirective, decorators: [{
             type: Directive,
@@ -210,9 +212,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     selector: 'td[rdxCalendarCell]',
                     host: {
                         role: 'gridcell',
-                        '[attr.aria-selected]': 'rootContext.isDateSelected?.(date()!) ? true : undefined',
-                        '[attr.aria-disabled]': 'rootContext.isDateSelected?.(date()!) ||  rootContext.isDateUnavailable?.(date()!)',
-                        '[attr.data-disabled]': 'rootContext.isDateSelected?.(date()!) ? "" : undefined'
+                        '[attr.aria-selected]': 'rootContext.isDateSelected(date()!) ? true : undefined',
+                        '[attr.aria-disabled]': 'rootContext.dateDisabled(date()!) || rootContext.dateUnavailable(date()!) ? true : undefined',
+                        '[attr.data-disabled]': 'rootContext.dateDisabled(date()!) ? "" : undefined'
                     }
                 }]
         }], propDecorators: { date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }] } });
@@ -257,7 +259,7 @@ class RdxCalendarGridDirective {
     constructor() {
         this.rootContext = injectCalendarRootContext();
         this.disabled = computed(() => (this.rootContext.disabled() ? true : undefined), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        this.readonly = computed(() => (this.rootContext.readonly ? true : undefined), ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.readonly = computed(() => (this.rootContext.readonly() ? true : undefined), ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarGridDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCalendarGridDirective, isStandalone: true, selector: "table[rdxCalendarGrid]", host: { attributes: { "tabindex": "-1", "role": "grid" }, properties: { "attr.aria-readonly": "readonly()", "attr.aria-disabled": "disabled()", "attr.data-readonly": "readonly() && \"\"", "attr.data-disabled": "disabled() && \"\"" } }, ngImport: i0 }); }
@@ -361,7 +363,7 @@ class RdxCalendarPrevDirective {
         /**
          * @ignore
          */
-        this.disabled = computed(() => this.rootContext.disabled() || this.rootContext.isNextButtonDisabled(this.prevPage()), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.disabled = computed(() => this.rootContext.disabled() || this.rootContext.isPrevButtonDisabled(this.prevPage()), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     }
     onClick() {
         this.rootContext.prevPage(this.prevPage());
@@ -663,16 +665,16 @@ class RdxCalendarRootDirective {
          */
         this.defaultPlaceholder = model(...(ngDevMode ? [undefined, { debugName: "defaultPlaceholder" }] : /* istanbul ignore next */ []));
         this.locale = input('en', ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
-        this.defaultDate = getDefaultDate({
+        this.defaultDate = computed(() => getDefaultDate({
             defaultPlaceholder: this.defaultPlaceholder(),
             defaultValue: this.value(),
             locale: this.locale()
-        });
+        }), ...(ngDevMode ? [{ debugName: "defaultDate" }] : /* istanbul ignore next */ []));
         /**
          * The placeholder date, which is used to determine what month to display when no date is selected.
          * This updates as the user navigates the calendar and can be used to programmatically control the calendar view
          */
-        this.placeholder = model(this.defaultPlaceholder() ?? this.defaultDate.copy(), ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        this.placeholder = model(this.defaultPlaceholder() ?? this.defaultDate().copy(), ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
         this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Whether to always display 6 weeks in the calendar
@@ -742,14 +744,13 @@ class RdxCalendarRootDirective {
         this._disabled = linkedSignal(this.disabled, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
         this._pagedNavigation = linkedSignal(this.pagedNavigation, ...(ngDevMode ? [{ debugName: "_pagedNavigation" }] : /* istanbul ignore next */ []));
         this.startingWeekNumber = computed(() => {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-expect-error
-            const firstDayOfGrid = startOfWeek(this.months()[0].weeks[0][0], this.locale());
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-expect-error
-            return Array.from({ length: this.months()[0].weeks.length })
-                .fill(null)
-                .map((_, idx) => {
+            const months = this.months();
+            const firstWeek = months?.[0]?.weeks;
+            if (!firstWeek?.length) {
+                return [];
+            }
+            const firstDayOfGrid = startOfWeek(firstWeek[0][0], this.locale());
+            return Array.from({ length: firstWeek.length }).map((_, idx) => {
                 const firstDayOfWeek = firstDayOfGrid.add({ weeks: idx });
                 const thursday = firstDayOfWeek.add({ days: 3 });
                 const firstDayOfYear = startOfYear(thursday);
@@ -759,11 +760,28 @@ class RdxCalendarRootDirective {
         /**
          * @ignore
          */
-        this.headingValue = signal('', ...(ngDevMode ? [{ debugName: "headingValue" }] : /* istanbul ignore next */ []));
+        this.headingValue = computed(() => this.calendar.headingValue(), ...(ngDevMode ? [{ debugName: "headingValue" }] : /* istanbul ignore next */ []));
+        /**
+         * @ignore
+         */
+        this.fullCalendarLabel = computed(() => this.calendar.fullCalendarLabel(), ...(ngDevMode ? [{ debugName: "fullCalendarLabel" }] : /* istanbul ignore next */ []));
         /**
+         * Selection + validity state, recomputed when the value or the matchers change.
          * @ignore
          */
-        this.fullCalendarLabel = signal('', ...(ngDevMode ? [{ debugName: "fullCalendarLabel" }] : /* istanbul ignore next */ []));
+        this._state = computed(() => calendarState({
+            date: this.value,
+            isDateDisabled: this.isDateDisabled(),
+            isDateUnavailable: this.isDateUnavailable()
+        }), ...(ngDevMode ? [{ debugName: "_state" }] : /* istanbul ignore next */ []));
+        /**
+         * @ignore
+         */
+        this.isDateSelected = (date) => this._state().isDateSelected(date);
+        /**
+         * @ignore
+         */
+        this.isInvalid = computed(() => this._state().isInvalid(), ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
         this.calendar = calendar({
             locale: this.locale,
             placeholder: this.placeholder,
@@ -781,24 +799,21 @@ class RdxCalendarRootDirective {
             nextPage: this.propsNextPage,
             prevPage: this.propsPrevPage
         });
+        // Host element exists in the constructor; no need for AfterViewInit.
+        this.currentElement = this.elementRef.nativeElement;
         this.nextPage = this.calendar.nextPage;
         this.prevPage = this.calendar.prevPage;
         this.isOutsideVisibleView = this.calendar.isOutsideVisibleView;
         this.isNextButtonDisabled = this.calendar.isNextButtonDisabled;
         this.isPrevButtonDisabled = this.calendar.isPrevButtonDisabled;
         this.formatter = this.calendar.formatter;
+        // Resolved matchers (fold in `disabled`, min/max and the input matchers).
+        this.dateDisabled = this.calendar.isDateDisabled;
+        this.dateUnavailable = this.calendar.isDateUnavailable;
+        // Bridge the composable's grid output into the exposed models.
         effect(() => {
             this.months.set(this.calendar.month());
             this.weekDays.set(this.calendar.weekdays());
-            this.fullCalendarLabel.set(this.calendar.fullCalendarLabel());
-            this.headingValue.set(this.calendar.headingValue());
-            const { isInvalid, isDateSelected } = calendarState({
-                date: this.value,
-                isDateDisabled: this.isDateDisabled(),
-                isDateUnavailable: this.isDateUnavailable()
-            });
-            this.isDateSelected = isDateSelected;
-            this.isInvalid = isInvalid();
         });
         watch([this.value], ([_modelValue]) => {
             if (Array.isArray(_modelValue) && _modelValue.length) {
@@ -812,9 +827,6 @@ class RdxCalendarRootDirective {
             }
         });
     }
-    ngAfterViewInit() {
-        this.currentElement = this.elementRef.nativeElement;
-    }
     /**
      * @ignore
      */
@@ -861,7 +873,7 @@ class RdxCalendarRootDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCalendarRootDirective, isStandalone: true, selector: "[rdxCalendarRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultPlaceholder: { classPropertyName: "defaultPlaceholder", publicName: "defaultPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, fixedWeeks: { classPropertyName: "fixedWeeks", publicName: "fixedWeeks", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, preventDeselect: { classPropertyName: "preventDeselect", publicName: "preventDeselect", isSignal: true, isRequired: false, transformFunction: null }, weekStartsOn: { classPropertyName: "weekStartsOn", publicName: "weekStartsOn", isSignal: true, isRequired: false, transformFunction: null }, numberOfMonths: { classPropertyName: "numberOfMonths", publicName: "numberOfMonths", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, weekdayFormat: { classPropertyName: "weekdayFormat", publicName: "weekdayFormat", isSignal: true, isRequired: false, transformFunction: null }, calendarLabel: { classPropertyName: "calendarLabel", publicName: "calendarLabel", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pagedNavigation: { classPropertyName: "pagedNavigation", publicName: "pagedNavigation", isSignal: true, isRequired: false, transformFunction: null }, propsNextPage: { classPropertyName: "propsNextPage", publicName: "propsNextPage", isSignal: true, isRequired: false, transformFunction: null }, propsPrevPage: { classPropertyName: "propsPrevPage", publicName: "propsPrevPage", isSignal: true, isRequired: false, transformFunction: null }, isDateDisabled: { classPropertyName: "isDateDisabled", publicName: "isDateDisabled", isSignal: true, isRequired: false, transformFunction: null }, isDateUnavailable: { classPropertyName: "isDateUnavailable", publicName: "isDateUnavailable", isSignal: true, isRequired: false, transformFunction: null }, initialFocus: { classPropertyName: "initialFocus", publicName: "initialFocus", isSignal: true, isRequired: false, transformFunction: null }, months: { classPropertyName: "months", publicName: "months", isSignal: true, isRequired: false, transformFunction: null }, weekDays: { classPropertyName: "weekDays", publicName: "weekDays", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", defaultPlaceholder: "defaultPlaceholderChange", placeholder: "placeholderChange", months: "monthsChange", weekDays: "weekDaysChange" }, host: { attributes: { "role": "application" }, properties: { "attr.aria-label": "fullCalendarLabel()", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-readonly": "readonly() ? \"\" : undefined", "attr.data-invalid": "isInvalid ? \"\" : undefined", "attr.dir": "dir()" } }, providers: [{ provide: CALENDAR_ROOT_CONTEXT, useExisting: forwardRef(() => RdxCalendarRootDirective) }], exportAs: ["rdxCalendarRoot"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCalendarRootDirective, isStandalone: true, selector: "[rdxCalendarRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultPlaceholder: { classPropertyName: "defaultPlaceholder", publicName: "defaultPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, fixedWeeks: { classPropertyName: "fixedWeeks", publicName: "fixedWeeks", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, preventDeselect: { classPropertyName: "preventDeselect", publicName: "preventDeselect", isSignal: true, isRequired: false, transformFunction: null }, weekStartsOn: { classPropertyName: "weekStartsOn", publicName: "weekStartsOn", isSignal: true, isRequired: false, transformFunction: null }, numberOfMonths: { classPropertyName: "numberOfMonths", publicName: "numberOfMonths", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, weekdayFormat: { classPropertyName: "weekdayFormat", publicName: "weekdayFormat", isSignal: true, isRequired: false, transformFunction: null }, calendarLabel: { classPropertyName: "calendarLabel", publicName: "calendarLabel", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pagedNavigation: { classPropertyName: "pagedNavigation", publicName: "pagedNavigation", isSignal: true, isRequired: false, transformFunction: null }, propsNextPage: { classPropertyName: "propsNextPage", publicName: "propsNextPage", isSignal: true, isRequired: false, transformFunction: null }, propsPrevPage: { classPropertyName: "propsPrevPage", publicName: "propsPrevPage", isSignal: true, isRequired: false, transformFunction: null }, isDateDisabled: { classPropertyName: "isDateDisabled", publicName: "isDateDisabled", isSignal: true, isRequired: false, transformFunction: null }, isDateUnavailable: { classPropertyName: "isDateUnavailable", publicName: "isDateUnavailable", isSignal: true, isRequired: false, transformFunction: null }, initialFocus: { classPropertyName: "initialFocus", publicName: "initialFocus", isSignal: true, isRequired: false, transformFunction: null }, months: { classPropertyName: "months", publicName: "months", isSignal: true, isRequired: false, transformFunction: null }, weekDays: { classPropertyName: "weekDays", publicName: "weekDays", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", defaultPlaceholder: "defaultPlaceholderChange", placeholder: "placeholderChange", months: "monthsChange", weekDays: "weekDaysChange" }, host: { attributes: { "role": "application" }, properties: { "attr.aria-label": "fullCalendarLabel()", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-readonly": "readonly() ? \"\" : undefined", "attr.data-invalid": "isInvalid() ? \"\" : undefined", "attr.dir": "dir()" } }, providers: [{ provide: CALENDAR_ROOT_CONTEXT, useExisting: forwardRef(() => RdxCalendarRootDirective) }], exportAs: ["rdxCalendarRoot"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarRootDirective, decorators: [{
             type: Directive,
@@ -874,7 +886,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         '[attr.aria-label]': 'fullCalendarLabel()',
                         '[attr.data-disabled]': 'disabled() ? "" : undefined',
                         '[attr.data-readonly]': 'readonly() ? "" : undefined',
-                        '[attr.data-invalid]': 'isInvalid ? "" : undefined',
+                        '[attr.data-invalid]': 'isInvalid() ? "" : undefined',
                         '[attr.dir]': 'dir()'
                     }
                 }]