@radix-ng/primitives 1.0.6 → 1.0.7

package/aspect-ratio/README.md

@@ -1 +1 @@
-# @radix-ng/primitives/avatar
+# @radix-ng/primitives/aspect-ratio

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

@@ -318,6 +318,7 @@ class RdxAccordionTriggerDirective {
     constructor() {
         this.rootContext = injectAccordionRootContext();
         this.itemContext = injectAccordionItemContext();
+        this.collapsibleContext = injectCollapsibleRootContext();
         this.itemContext.triggerId.set(injectId('rdx-accordion-trigger-'));
     }
     changeItem(event) {
@@ -328,7 +329,7 @@ class RdxAccordionTriggerDirective {
         this.rootContext.changeModelValue(this.itemContext.value(), event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxAccordionTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxAccordionTriggerDirective, isStandalone: true, selector: "[rdxAccordionTrigger]", host: { listeners: { "click": "changeItem($event)" }, properties: { "id": "itemContext.triggerId()", "attr.role": "\"button\"", "attr.aria-expanded": "itemContext.open()", "attr.aria-disabled": "itemContext.dataDisabled() ? \"true\" : undefined", "attr.data-disabled": "itemContext.dataDisabled() ? \"\" : undefined", "attr.data-panel-open": "itemContext.open() ? \"\" : undefined" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxAccordionTriggerDirective, isStandalone: true, selector: "[rdxAccordionTrigger]", host: { listeners: { "click": "changeItem($event)" }, properties: { "id": "itemContext.triggerId()", "attr.role": "\"button\"", "attr.aria-expanded": "itemContext.open()", "attr.aria-controls": "itemContext.open() ? collapsibleContext.panelId() : undefined", "attr.aria-disabled": "itemContext.dataDisabled() ? \"true\" : undefined", "attr.data-disabled": "itemContext.dataDisabled() ? \"\" : undefined", "attr.data-panel-open": "itemContext.open() ? \"\" : undefined" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxAccordionTriggerDirective, decorators: [{
             type: Directive,
@@ -338,6 +339,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         '[id]': 'itemContext.triggerId()',
                         '[attr.role]': '"button"',
                         '[attr.aria-expanded]': 'itemContext.open()',
+                        // Point at the panel only while open — the panel unmounts when closed, so referencing a
+                        // missing id would be an invalid ARIA relationship. The id comes from the composed
+                        // collapsible root (the same id the accordion panel renders).
+                        '[attr.aria-controls]': 'itemContext.open() ? collapsibleContext.panelId() : undefined',
                         // Disabled triggers stay focusable (Base UI parity) — `aria-disabled`, not native `disabled`.
                         '[attr.aria-disabled]': 'itemContext.dataDisabled() ? "true" : undefined',
                         '[attr.data-disabled]': 'itemContext.dataDisabled() ? "" : undefined',

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-accordion.mjs","sources":["../../../packages/primitives/accordion/src/accordion-root.directive.ts","../../../packages/primitives/accordion/src/accordion-item.directive.ts","../../../packages/primitives/accordion/src/accordion-header.directive.ts","../../../packages/primitives/accordion/src/accordion-panel.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 {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    model,\n    ModelSignal,\n    output,\n    Signal\n} from '@angular/core';\nimport { RdxCompositeList } from '@radix-ng/primitives/composite';\nimport {\n    AcceptableValue,\n    BooleanInput,\n    createCancelableChangeEventDetails,\n    createContext,\n    DataOrientation,\n    RdxCancelableChangeEventDetails\n} from '@radix-ng/primitives/core';\n\n/** The reason an accordion value change was requested. */\nexport type RdxAccordionValueChangeReason = 'trigger-press' | 'none';\nexport type RdxAccordionValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxAccordionValueChangeReason>;\n\n/** Payload of {@link RdxAccordionRootDirective.onValueChange}, mirroring Base UI's `(value, eventDetails)`. */\nexport interface RdxAccordionValueChangeEvent {\n    value: AcceptableValue | AcceptableValue[] | undefined;\n    eventDetails: RdxAccordionValueChangeEventDetails;\n}\n\nexport type AccordionRootContext = {\n    disabled: InputSignalWithTransform<boolean, BooleanInput>;\n    orientation: InputSignal<DataOrientation>;\n    value: ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;\n    isSingle: Signal<boolean>;\n    keepMounted: InputSignalWithTransform<boolean, BooleanInput>;\n    hiddenUntilFound: InputSignalWithTransform<boolean, BooleanInput>;\n    changeModelValue: (value: string, event?: Event) => void;\n};\n\nexport const [injectAccordionRootContext, provideAccordionRootContext] = createContext<AccordionRootContext>(\n    'AccordionRootContext',\n    'components/accordion'\n);\n\nconst rootContext = (): AccordionRootContext => {\n    const instance = inject(RdxAccordionRootDirective);\n\n    return {\n        disabled: instance.disabled,\n        orientation: instance.orientation,\n        value: instance.value,\n        isSingle: instance.isSingle,\n        keepMounted: instance.keepMounted,\n        hiddenUntilFound: instance.hiddenUntilFound,\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    hostDirectives: [RdxCompositeList],\n    host: {\n        '[attr.data-orientation]': 'orientation()',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined'\n    }\n})\nexport class RdxAccordionRootDirective {\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     * Deprecated following the APG guidance update to remove roving focus.\n     * This prop no longer affects keyboard focus behavior.\n     *\n     * @defaultValue 'vertical'\n     * @group Props\n     * @deprecated\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     * Allow multiple panels to be open simultaneously. In single mode an open item can always be\n     * closed by clicking its trigger again (Base UI parity — there is no separate `collapsible`).\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly multiple = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Deprecated following the APG guidance update to remove roving focus.\n     * This prop no longer affects keyboard focus behavior.\n     *\n     * @defaultValue true\n     * @group Props\n     * @deprecated\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 while hidden.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly keepMounted = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Allow collapsed panels to remain mounted (but hidden) so the browser's in-page search\n     * can find and reveal them. Mirrors Base UI's `hiddenUntilFound`.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly hiddenUntilFound = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the expanded value changes. Emits the next value plus a cancelable\n     * `eventDetails` (Base UI parity); call `eventDetails.cancel()` to reject the change.\n     * @group Emits\n     */\n    readonly onValueChange = output<RdxAccordionValueChangeEvent>();\n\n    readonly isSingle = computed(() => !this.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, event?: Event) => {\n        let nextValue: AcceptableValue | AcceptableValue[] | undefined;\n\n        if (this.isSingle()) {\n            nextValue = 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            nextValue = modelValueArray;\n        }\n\n        const { eventDetails } = createCancelableChangeEventDetails<RdxAccordionValueChangeReason>(\n            event ? 'trigger-press' : 'none',\n            event ?? new Event('change')\n        );\n\n        this.onValueChange.emit({ value: nextValue, eventDetails });\n\n        if (eventDetails.isCanceled()) {\n            return;\n        }\n\n        this.value.set(nextValue);\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 { RdxCompositeListItem } from '@radix-ng/primitives/composite';\nimport { BooleanInput, createCancelableChangeEventDetails, createContext } from '@radix-ng/primitives/core';\nimport { injectAccordionRootContext, RdxAccordionValueChangeEventDetails } from './accordion-root.directive';\n\n/** Payload of {@link RdxAccordionItemDirective.onOpenChange}, mirroring Base UI's `(open, eventDetails)`. */\nexport interface RdxAccordionItemOpenChangeEvent {\n    open: boolean;\n    eventDetails: RdxAccordionValueChangeEventDetails;\n}\n\nexport type AccordionItemContext = {\n    open: Signal<boolean>;\n    disabled: Signal<boolean>;\n    triggerId: WritableSignal<string>;\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] = createContext<AccordionItemContext>(\n    'AccordionItemContext',\n    'components/accordion'\n);\n\nconst itemContext = (): AccordionItemContext => {\n    const instance = inject(RdxAccordionItemDirective);\n\n    return {\n        open: instance.open,\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        RdxCompositeListItem\n    ],\n    host: {\n        '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n        '[attr.data-open]': 'open() ? \"\" : undefined',\n        '[attr.data-index]': 'index()'\n    }\n})\nexport class RdxAccordionItemDirective {\n    readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    private readonly collapsibleContext = injectCollapsibleRootContext();\n    private readonly listItem = inject(RdxCompositeListItem, { self: true });\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. Emits `{ open, eventDetails }`\n     * (Base UI parity).\n     * @group Emits\n     */\n    readonly onOpenChange = output<RdxAccordionItemOpenChangeEvent>();\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    /** Set by the trigger; links the content's `aria-labelledby` to the trigger `id`. */\n    readonly triggerId = signal('');\n\n    readonly index = this.listItem.index;\n\n    constructor() {\n        effect(() => {\n            this.updateOpen();\n        });\n\n        // Forward the accordion-level mount controls onto the composed collapsible panel.\n        effect(() => {\n            this.collapsibleContext.keepMounted.set(this.rootContext.keepMounted());\n        });\n        effect(() => {\n            this.collapsibleContext.hiddenUntilFound.set(this.rootContext.hiddenUntilFound());\n        });\n\n        let initialized = false;\n        effect(() => {\n            const isOpen = this.open();\n            if (!initialized) {\n                initialized = true;\n                return;\n            }\n            const { eventDetails } = createCancelableChangeEventDetails('none', new Event('change'));\n            this.onOpenChange.emit({ open: isOpen, eventDetails });\n        });\n    }\n\n    updateOpen = () => {\n        this.collapsibleContext.open.set(this.open());\n    };\n}\n","import { Directive } from '@angular/core';\nimport { injectAccordionItemContext } from './accordion-item.directive';\n\n@Directive({\n    selector: '[rdxAccordionHeader]',\n    host: {\n        '[attr.data-open]': 'itemContext.open() ? \"\" : undefined',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-index]': 'itemContext.index()'\n    }\n})\nexport class RdxAccordionHeaderDirective {\n    protected readonly itemContext = injectAccordionItemContext();\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: '[rdxAccordionPanel]',\n    hostDirectives: [RdxCollapsiblePanelDirective],\n    host: {\n        role: 'region',\n        '[attr.aria-labelledby]': 'itemContext.triggerId()',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-index]': 'itemContext.index()',\n        // Base UI's accordion panel exposes `data-open` (no `data-closed`) — suppress the\n        // `data-closed` the composed RdxCollapsiblePanelDirective would otherwise add.\n        '[attr.data-closed]': 'undefined',\n        // `data-open` / `data-starting-style` / `data-ending-style` and the `--collapsible-panel-*`\n        // size vars come from the composed RdxCollapsiblePanelDirective.\n        // Re-expose the size vars under Base UI's accordion-scoped names.\n        '[style]': `{\n            '--accordion-panel-height': 'var(--collapsible-panel-height)',\n            '--accordion-panel-width': 'var(--collapsible-panel-width)',\n          }`\n    }\n})\nexport class RdxAccordionPanelDirective {\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.role]': '\"button\"',\n        '[attr.aria-expanded]': 'itemContext.open()',\n        // Disabled triggers stay focusable (Base UI parity) — `aria-disabled`, not native `disabled`.\n        '[attr.aria-disabled]': 'itemContext.dataDisabled() ? \"true\" : undefined',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-panel-open]': 'itemContext.open() ? \"\" : undefined',\n\n        '(click)': 'changeItem($event)'\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(event: Event) {\n        // `dataDisabled` is the effective disabled state (accordion-root OR item level).\n        if (this.itemContext.dataDisabled()) {\n            return;\n        }\n\n        this.rootContext.changeModelValue(this.itemContext.value()!, event);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxAccordionHeaderDirective } from './src/accordion-header.directive';\nimport { RdxAccordionItemDirective } from './src/accordion-item.directive';\nimport { RdxAccordionPanelDirective } from './src/accordion-panel.directive';\nimport { RdxAccordionRootDirective } from './src/accordion-root.directive';\nimport { RdxAccordionTriggerDirective } from './src/accordion-trigger.directive';\n\nexport * from './src/accordion-header.directive';\nexport * from './src/accordion-item.directive';\nexport * from './src/accordion-panel.directive';\nexport * from './src/accordion-root.directive';\nexport * from './src/accordion-trigger.directive';\n\nconst _imports = [\n    RdxAccordionHeaderDirective,\n    RdxAccordionItemDirective,\n    RdxAccordionPanelDirective,\n    RdxAccordionRootDirective,\n    RdxAccordionTriggerDirective\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":["i1","i2"],"mappings":";;;;;;;;AA4CO,MAAM,CAAC,0BAA0B,EAAE,2BAA2B,CAAC,GAAG,aAAa,CAClF,sBAAsB,EACtB,sBAAsB;AAG1B,MAAM,WAAW,GAAG,MAA2B;AAC3C,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,yBAAyB,CAAC;IAElD,OAAO;QACH,QAAQ,EAAE,QAAQ,CAAC,QAAQ;QAC3B,WAAW,EAAE,QAAQ,CAAC,WAAW;QACjC,KAAK,EAAE,QAAQ,CAAC,KAAK;QACrB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;QAC3B,WAAW,EAAE,QAAQ,CAAC,WAAW;QACjC,gBAAgB,EAAE,QAAQ,CAAC,gBAAgB;QAC3C,gBAAgB,EAAE,QAAQ,CAAC;KAC9B;AACL,CAAC;AAED;;AAEG;MAWU,yBAAyB,CAAA;AAgFlC,IAAA,WAAA,GAAA;AA/EA;;;AAGG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExF;;;;;;;;;AASG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAkB,UAAU;wFAAC;AAEzD;;;;;AAKG;AACM,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK;oGAAqB;AAElD;;;;AAIG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK;6FAAuC;AAE7D;;;;;;AAMG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExF;;;;;;;AAOG;QACM,IAAA,CAAA,SAAS,GAAG,KAAK,CAAwB,IAAI,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExF;;;;;;AAMG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAwB,KAAK,mFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE3F;;;;;;AAMG;QACM,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAwB,KAAK,wFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEhG;;;;AAIG;QACM,IAAA,CAAA,aAAa,GAAG,MAAM,EAAgC;QAEtD,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE;qFAAC;AAUpD,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,QAAgB,EAAE,KAAa,KAAI;AACnD,YAAA,IAAI,SAA0D;AAE9D,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;gBACjB,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,GAAG,QAAQ;YAC3E;iBAAO;AACH,gBAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE;gBACjC,IAAI,eAAe,GAAsB,EAAE;AAE3C,gBAAA,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;AAC7B,oBAAA,eAAe,GAAG,CAAC,GAAG,YAAY,CAAC;gBACvC;qBAAO,IAAI,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,IAAI,EAAE;AAC5D,oBAAA,eAAe,GAAG,CAAC,YAAY,CAAC;gBACpC;gBAEA,IAAI,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,QAAQ,CAAC,EAAE;oBACrD,MAAM,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC/E,oBAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;AACd,wBAAA,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;oBACpC;gBACJ;qBAAO;AACH,oBAAA,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAClC;gBAEA,SAAS,GAAG,eAAe;YAC/B;YAEA,MAAM,EAAE,YAAY,EAAE,GAAG,kCAAkC,CACvD,KAAK,GAAG,eAAe,GAAG,MAAM,EAChC,KAAK,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,CAC/B;AAED,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AAE3D,YAAA,IAAI,YAAY,CAAC,UAAU,EAAE,EAAE;gBAC3B;YACJ;AAEA,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;AAC7B,QAAA,CAAC;QA9CG,MAAM,CAAC,MAAK;AACR,YAAA,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,SAAS,EAAE;gBACnC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvC;AACJ,QAAA,CAAC,CAAC;IACN;IA2CQ,mBAAmB,CAAC,GAAsB,EAAE,KAAsB,EAAA;AACtE,QAAA,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACxD;IAEQ,OAAO,CAAC,CAAM,EAAE,CAAM,EAAA;AAC1B,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAClD;8GAvIS,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,m0CAPvB,CAAC,2BAA2B,CAAC,WAAW,CAAC,CAAC,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAO5C,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,SAAS,EAAE,CAAC,2BAA2B,CAAC,WAAW,CAAC,CAAC;oBACrD,cAAc,EAAE,CAAC,gBAAgB,CAAC;AAClC,oBAAA,IAAI,EAAE;AACF,wBAAA,yBAAyB,EAAE,eAAe;AAC1C,wBAAA,sBAAsB,EAAE;AAC3B;AACJ,iBAAA;;;ACxCM,MAAM,CAAC,0BAA0B,EAAE,2BAA2B,CAAC,GAAG,aAAa,CAClF,sBAAsB,EACtB,sBAAsB;AAG1B,MAAM,WAAW,GAAG,MAA2B;AAC3C,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,yBAAyB,CAAC;IAElD,OAAO;QACH,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;QAC3B,YAAY,EAAE,QAAQ,CAAC,UAAU;QACjC,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,cAAc,EAAE,QAAQ,CAAC,UAAU;QACnC,KAAK,EAAE,QAAQ,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;QACvC,UAAU,EAAE,QAAQ,CAAC,UAAU;QAC/B,KAAK,EAAE,QAAQ,CAAC;KACnB;AACL,CAAC;AAED;;AAEG;MAkBU,yBAAyB,CAAA;AA6ClC,IAAA,WAAA,GAAA;AA5CS,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;QAEhD,IAAA,CAAA,kBAAkB,GAAG,4BAA4B,EAAE;QACnD,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,oBAAoB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAErD,IAAA,CAAA,WAAW,GAAG,0BAA0B,EAAE;AAE7D;;;AAGG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK;6FAAU;AAEhC;;;;AAIG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExF;;;;AAIG;QACM,IAAA,CAAA,YAAY,GAAG,MAAM,EAAmC;AAExD,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;YAChC,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;QACzD,CAAC;uFAAC;AAEO,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAK;YAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE;AAE1C,YAAA,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ;AAC5B,kBAAE,IAAI,CAAC,KAAK,EAAE,KAAK;AACnB,kBAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAG,CAAC;QACvE,CAAC;iFAAC;;QAGO,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,EAAE;sFAAC;AAEtB,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK;QA2BpC,IAAA,CAAA,UAAU,GAAG,MAAK;AACd,YAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AACjD,QAAA,CAAC;QA1BG,MAAM,CAAC,MAAK;YACR,IAAI,CAAC,UAAU,EAAE;AACrB,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;AACR,YAAA,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;AAC3E,QAAA,CAAC,CAAC;QACF,MAAM,CAAC,MAAK;AACR,YAAA,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC;AACrF,QAAA,CAAC,CAAC;QAEF,IAAI,WAAW,GAAG,KAAK;QACvB,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,EAAE;YAC1B,IAAI,CAAC,WAAW,EAAE;gBACd,WAAW,GAAG,IAAI;gBAClB;YACJ;AACA,YAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kCAAkC,CAAC,MAAM,EAAE,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;AACxF,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;AAC1D,QAAA,CAAC,CAAC;IACN;8GApES,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,ihBAdvB,CAAC,2BAA2B,CAAC,WAAW,CAAC,CAAC,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAAA,IAAA,CAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,SAAA,EAAAC,EAAA,CAAA,oBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAc5C,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAjBrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,SAAS,EAAE,CAAC,2BAA2B,CAAC,WAAW,CAAC,CAAC;AACrD,oBAAA,cAAc,EAAE;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,2BAA2B;AACtC,4BAAA,MAAM,EAAE,CAAC,oBAAoB,EAAE,YAAY;AAC9C,yBAAA;wBACD;AACH,qBAAA;AACD,oBAAA,IAAI,EAAE;AACF,wBAAA,sBAAsB,EAAE,+BAA+B;AACvD,wBAAA,kBAAkB,EAAE,yBAAyB;AAC7C,wBAAA,mBAAmB,EAAE;AACxB;AACJ,iBAAA;;;MC/DY,2BAA2B,CAAA;AARxC,IAAA,WAAA,GAAA;QASuB,IAAA,CAAA,WAAW,GAAG,0BAA0B,EAAE;AAChE,IAAA;8GAFY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,uCAAA,EAAA,oBAAA,EAAA,+CAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBARvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACF,wBAAA,kBAAkB,EAAE,qCAAqC;AACzD,wBAAA,sBAAsB,EAAE,6CAA6C;AACrE,wBAAA,mBAAmB,EAAE;AACxB;AACJ,iBAAA;;;MCgBY,0BAA0B,CAAA;AArBvC,IAAA,WAAA,GAAA;QAsBuB,IAAA,CAAA,WAAW,GAAG,0BAA0B,EAAE;QAC1C,IAAA,CAAA,WAAW,GAAG,0BAA0B,EAAE;AAChE,IAAA;8GAHY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,yBAAA,EAAA,oBAAA,EAAA,+CAAA,EAAA,uBAAA,EAAA,2BAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,OAAA,EAAA,sKAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAAD,IAAA,CAAA,4BAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBArBtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;oBAC/B,cAAc,EAAE,CAAC,4BAA4B,CAAC;AAC9C,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,wBAAwB,EAAE,yBAAyB;AACnD,wBAAA,sBAAsB,EAAE,6CAA6C;AACrE,wBAAA,yBAAyB,EAAE,2BAA2B;AACtD,wBAAA,mBAAmB,EAAE,qBAAqB;;;AAG1C,wBAAA,oBAAoB,EAAE,WAAW;;;;AAIjC,wBAAA,SAAS,EAAE,CAAA;;;AAGP,WAAA;AACP;AACJ,iBAAA;;;MCNY,4BAA4B,CAAA;AAIrC,IAAA,WAAA,GAAA;QAHmB,IAAA,CAAA,WAAW,GAAG,0BAA0B,EAAE;QAC1C,IAAA,CAAA,WAAW,GAAG,0BAA0B,EAAE;AAGzD,QAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC;IACtE;AAEA,IAAA,UAAU,CAAC,KAAY,EAAA;;AAEnB,QAAA,IAAI,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE,EAAE;YACjC;QACJ;AAEA,QAAA,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAG,EAAE,KAAK,CAAC;IACvE;8GAfS,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,oBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,mDAAA,EAAA,oBAAA,EAAA,+CAAA,EAAA,sBAAA,EAAA,uCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAdxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,IAAI,EAAE;AACF,wBAAA,MAAM,EAAE,yBAAyB;AACjC,wBAAA,aAAa,EAAE,UAAU;AACzB,wBAAA,sBAAsB,EAAE,oBAAoB;;AAE5C,wBAAA,sBAAsB,EAAE,iDAAiD;AACzE,wBAAA,sBAAsB,EAAE,6CAA6C;AACrE,wBAAA,wBAAwB,EAAE,qCAAqC;AAE/D,wBAAA,SAAS,EAAE;AACd;AACJ,iBAAA;;;ACLD,MAAM,QAAQ,GAAG;IACb,2BAA2B;IAC3B,yBAAyB;IACzB,0BAA0B;IAC1B,yBAAyB;IACzB;CACH;MAMY,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAX3B,2BAA2B;YAC3B,yBAAyB;YACzB,0BAA0B;YAC1B,yBAAyB;AACzB,YAAA,4BAA4B,aAJ5B,2BAA2B;YAC3B,yBAAyB;YACzB,0BAA0B;YAC1B,yBAAyB;YACzB,4BAA4B,CAAA,EAAA,CAAA,CAAA;+GAOnB,kBAAkB,EAAA,CAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,GAAG,QAAQ,CAAC;AACtB,oBAAA,OAAO,EAAE,CAAC,GAAG,QAAQ;AACxB,iBAAA;;;ACxBD;;AAEG;;;;"}
+{"version":3,"file":"radix-ng-primitives-accordion.mjs","sources":["../../../packages/primitives/accordion/src/accordion-root.directive.ts","../../../packages/primitives/accordion/src/accordion-item.directive.ts","../../../packages/primitives/accordion/src/accordion-header.directive.ts","../../../packages/primitives/accordion/src/accordion-panel.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 {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    model,\n    ModelSignal,\n    output,\n    Signal\n} from '@angular/core';\nimport { RdxCompositeList } from '@radix-ng/primitives/composite';\nimport {\n    AcceptableValue,\n    BooleanInput,\n    createCancelableChangeEventDetails,\n    createContext,\n    DataOrientation,\n    RdxCancelableChangeEventDetails\n} from '@radix-ng/primitives/core';\n\n/** The reason an accordion value change was requested. */\nexport type RdxAccordionValueChangeReason = 'trigger-press' | 'none';\nexport type RdxAccordionValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxAccordionValueChangeReason>;\n\n/** Payload of {@link RdxAccordionRootDirective.onValueChange}, mirroring Base UI's `(value, eventDetails)`. */\nexport interface RdxAccordionValueChangeEvent {\n    value: AcceptableValue | AcceptableValue[] | undefined;\n    eventDetails: RdxAccordionValueChangeEventDetails;\n}\n\nexport type AccordionRootContext = {\n    disabled: InputSignalWithTransform<boolean, BooleanInput>;\n    orientation: InputSignal<DataOrientation>;\n    value: ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;\n    isSingle: Signal<boolean>;\n    keepMounted: InputSignalWithTransform<boolean, BooleanInput>;\n    hiddenUntilFound: InputSignalWithTransform<boolean, BooleanInput>;\n    changeModelValue: (value: string, event?: Event) => void;\n};\n\nexport const [injectAccordionRootContext, provideAccordionRootContext] = createContext<AccordionRootContext>(\n    'AccordionRootContext',\n    'components/accordion'\n);\n\nconst rootContext = (): AccordionRootContext => {\n    const instance = inject(RdxAccordionRootDirective);\n\n    return {\n        disabled: instance.disabled,\n        orientation: instance.orientation,\n        value: instance.value,\n        isSingle: instance.isSingle,\n        keepMounted: instance.keepMounted,\n        hiddenUntilFound: instance.hiddenUntilFound,\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    hostDirectives: [RdxCompositeList],\n    host: {\n        '[attr.data-orientation]': 'orientation()',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined'\n    }\n})\nexport class RdxAccordionRootDirective {\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     * Deprecated following the APG guidance update to remove roving focus.\n     * This prop no longer affects keyboard focus behavior.\n     *\n     * @defaultValue 'vertical'\n     * @group Props\n     * @deprecated\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     * Allow multiple panels to be open simultaneously. In single mode an open item can always be\n     * closed by clicking its trigger again (Base UI parity — there is no separate `collapsible`).\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly multiple = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Deprecated following the APG guidance update to remove roving focus.\n     * This prop no longer affects keyboard focus behavior.\n     *\n     * @defaultValue true\n     * @group Props\n     * @deprecated\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 while hidden.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly keepMounted = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Allow collapsed panels to remain mounted (but hidden) so the browser's in-page search\n     * can find and reveal them. Mirrors Base UI's `hiddenUntilFound`.\n     *\n     * @defaultValue false\n     * @group Props\n     */\n    readonly hiddenUntilFound = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the expanded value changes. Emits the next value plus a cancelable\n     * `eventDetails` (Base UI parity); call `eventDetails.cancel()` to reject the change.\n     * @group Emits\n     */\n    readonly onValueChange = output<RdxAccordionValueChangeEvent>();\n\n    readonly isSingle = computed(() => !this.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, event?: Event) => {\n        let nextValue: AcceptableValue | AcceptableValue[] | undefined;\n\n        if (this.isSingle()) {\n            nextValue = 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            nextValue = modelValueArray;\n        }\n\n        const { eventDetails } = createCancelableChangeEventDetails<RdxAccordionValueChangeReason>(\n            event ? 'trigger-press' : 'none',\n            event ?? new Event('change')\n        );\n\n        this.onValueChange.emit({ value: nextValue, eventDetails });\n\n        if (eventDetails.isCanceled()) {\n            return;\n        }\n\n        this.value.set(nextValue);\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: unknown, b: unknown): 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 { RdxCompositeListItem } from '@radix-ng/primitives/composite';\nimport { BooleanInput, createCancelableChangeEventDetails, createContext } from '@radix-ng/primitives/core';\nimport { injectAccordionRootContext, RdxAccordionValueChangeEventDetails } from './accordion-root.directive';\n\n/** Payload of {@link RdxAccordionItemDirective.onOpenChange}, mirroring Base UI's `(open, eventDetails)`. */\nexport interface RdxAccordionItemOpenChangeEvent {\n    open: boolean;\n    eventDetails: RdxAccordionValueChangeEventDetails;\n}\n\nexport type AccordionItemContext = {\n    open: Signal<boolean>;\n    disabled: Signal<boolean>;\n    triggerId: WritableSignal<string>;\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] = createContext<AccordionItemContext>(\n    'AccordionItemContext',\n    'components/accordion'\n);\n\nconst itemContext = (): AccordionItemContext => {\n    const instance = inject(RdxAccordionItemDirective);\n\n    return {\n        open: instance.open,\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        RdxCompositeListItem\n    ],\n    host: {\n        '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n        '[attr.data-open]': 'open() ? \"\" : undefined',\n        '[attr.data-index]': 'index()'\n    }\n})\nexport class RdxAccordionItemDirective {\n    readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    private readonly collapsibleContext = injectCollapsibleRootContext();\n    private readonly listItem = inject(RdxCompositeListItem, { self: true });\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. Emits `{ open, eventDetails }`\n     * (Base UI parity).\n     * @group Emits\n     */\n    readonly onOpenChange = output<RdxAccordionItemOpenChangeEvent>();\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    /** Set by the trigger; links the content's `aria-labelledby` to the trigger `id`. */\n    readonly triggerId = signal('');\n\n    readonly index = this.listItem.index;\n\n    constructor() {\n        effect(() => {\n            this.updateOpen();\n        });\n\n        // Forward the accordion-level mount controls onto the composed collapsible panel.\n        effect(() => {\n            this.collapsibleContext.keepMounted.set(this.rootContext.keepMounted());\n        });\n        effect(() => {\n            this.collapsibleContext.hiddenUntilFound.set(this.rootContext.hiddenUntilFound());\n        });\n\n        let initialized = false;\n        effect(() => {\n            const isOpen = this.open();\n            if (!initialized) {\n                initialized = true;\n                return;\n            }\n            const { eventDetails } = createCancelableChangeEventDetails('none', new Event('change'));\n            this.onOpenChange.emit({ open: isOpen, eventDetails });\n        });\n    }\n\n    updateOpen = () => {\n        this.collapsibleContext.open.set(this.open());\n    };\n}\n","import { Directive } from '@angular/core';\nimport { injectAccordionItemContext } from './accordion-item.directive';\n\n@Directive({\n    selector: '[rdxAccordionHeader]',\n    host: {\n        '[attr.data-open]': 'itemContext.open() ? \"\" : undefined',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-index]': 'itemContext.index()'\n    }\n})\nexport class RdxAccordionHeaderDirective {\n    protected readonly itemContext = injectAccordionItemContext();\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: '[rdxAccordionPanel]',\n    hostDirectives: [RdxCollapsiblePanelDirective],\n    host: {\n        role: 'region',\n        '[attr.aria-labelledby]': 'itemContext.triggerId()',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.data-index]': 'itemContext.index()',\n        // Base UI's accordion panel exposes `data-open` (no `data-closed`) — suppress the\n        // `data-closed` the composed RdxCollapsiblePanelDirective would otherwise add.\n        '[attr.data-closed]': 'undefined',\n        // `data-open` / `data-starting-style` / `data-ending-style` and the `--collapsible-panel-*`\n        // size vars come from the composed RdxCollapsiblePanelDirective.\n        // Re-expose the size vars under Base UI's accordion-scoped names.\n        '[style]': `{\n            '--accordion-panel-height': 'var(--collapsible-panel-height)',\n            '--accordion-panel-width': 'var(--collapsible-panel-width)',\n          }`\n    }\n})\nexport class RdxAccordionPanelDirective {\n    protected readonly rootContext = injectAccordionRootContext();\n    protected readonly itemContext = injectAccordionItemContext();\n}\n","import { Directive } from '@angular/core';\nimport { injectCollapsibleRootContext } from '@radix-ng/primitives/collapsible';\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.role]': '\"button\"',\n        '[attr.aria-expanded]': 'itemContext.open()',\n        // Point at the panel only while open — the panel unmounts when closed, so referencing a\n        // missing id would be an invalid ARIA relationship. The id comes from the composed\n        // collapsible root (the same id the accordion panel renders).\n        '[attr.aria-controls]': 'itemContext.open() ? collapsibleContext.panelId() : undefined',\n        // Disabled triggers stay focusable (Base UI parity) — `aria-disabled`, not native `disabled`.\n        '[attr.aria-disabled]': 'itemContext.dataDisabled() ? \"true\" : undefined',\n        '[attr.data-disabled]': 'itemContext.dataDisabled() ? \"\" : undefined',\n        '[attr.data-panel-open]': 'itemContext.open() ? \"\" : undefined',\n\n        '(click)': 'changeItem($event)'\n    }\n})\nexport class RdxAccordionTriggerDirective {\n    protected readonly rootContext = injectAccordionRootContext();\n    protected readonly itemContext = injectAccordionItemContext();\n    protected readonly collapsibleContext = injectCollapsibleRootContext();\n\n    constructor() {\n        this.itemContext.triggerId.set(injectId('rdx-accordion-trigger-'));\n    }\n\n    changeItem(event: Event) {\n        // `dataDisabled` is the effective disabled state (accordion-root OR item level).\n        if (this.itemContext.dataDisabled()) {\n            return;\n        }\n\n        this.rootContext.changeModelValue(this.itemContext.value()!, event);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxAccordionHeaderDirective } from './src/accordion-header.directive';\nimport { RdxAccordionItemDirective } from './src/accordion-item.directive';\nimport { RdxAccordionPanelDirective } from './src/accordion-panel.directive';\nimport { RdxAccordionRootDirective } from './src/accordion-root.directive';\nimport { RdxAccordionTriggerDirective } from './src/accordion-trigger.directive';\n\nexport * from './src/accordion-header.directive';\nexport * from './src/accordion-item.directive';\nexport * from './src/accordion-panel.directive';\nexport * from './src/accordion-root.directive';\nexport * from './src/accordion-trigger.directive';\n\nconst _imports = [\n    RdxAccordionHeaderDirective,\n    RdxAccordionItemDirective,\n    RdxAccordionPanelDirective,\n    RdxAccordionRootDirective,\n    RdxAccordionTriggerDirective\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":["i1","i2"],"mappings":"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"}

package/fesm2022/radix-ng-primitives-aspect-ratio.mjs

@@ -1,58 +1,33 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Renderer2, input, numberAttribute, computed, Directive } from '@angular/core';
+import { input, numberAttribute, Directive } from '@angular/core';
 
 /**
- * Directive to maintain an aspect ratio for an element.
- * The element will have its `padding-bottom` dynamically calculated
- * based on the provided aspect ratio to maintain the desired ratio.
- * The content inside the element will be positioned absolutely.
+ * Maintains a fixed aspect ratio for its content using the native CSS `aspect-ratio` property.
+ * Place the content inside (e.g. an `<img class="size-full object-cover">`) and it fills the box.
+ *
  * @group Components
  */
 class RdxAspectRatioDirective {
     constructor() {
-        this.element = inject(ElementRef);
-        this.renderer = inject(Renderer2);
         /**
-         * The desired aspect ratio (e.g., 16/9).
-         * By default, it is set to 1 (which results in a square, 1:1).
+         * The desired aspect ratio (e.g. `16 / 9`). Defaults to `1` (a square, 1:1).
+         *
          * @group Props
          * @defaultValue 1
          */
         this.ratio = input(1, { ...(ngDevMode ? { debugName: "ratio" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        /**
-         * Dynamically computed `padding-bottom` style for the element.
-         * This value is calculated based on the inverse of the aspect ratio.
-         *
-         * If the ratio is zero, it defaults to `0%` to avoid division by zero.
-         *
-         */
-        this.paddingBottom = computed(() => {
-            const ratioValue = this.ratio();
-            return `${ratioValue !== 0 ? (1 / ratioValue) * 100 : 0}%`;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "paddingBottom" }] : /* istanbul ignore next */ []));
-    }
-    ngAfterViewInit() {
-        const content = this.element.nativeElement.firstElementChild;
-        if (content) {
-            // Set the content to cover the entire element with absolute positioning
-            this.renderer.setStyle(content, 'position', 'absolute');
-            this.renderer.setStyle(content, 'inset', '0');
-        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxAspectRatioDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxAspectRatioDirective, isStandalone: true, selector: "[rdxAspectRatio]", inputs: { ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.position": "'relative'", "style.width": "'100%'", "style.padding-bottom": "paddingBottom()" } }, exportAs: ["rdxAspectRatio"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxAspectRatioDirective, isStandalone: true, selector: "[rdxAspectRatio]", inputs: { ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.aspect-ratio": "ratio() || null", "style.width": "\"100%\"" } }, exportAs: ["rdxAspectRatio"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxAspectRatioDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxAspectRatio]',
                     exportAs: 'rdxAspectRatio',
-                    standalone: true,
                     host: {
-                        '[style.position]': `'relative'`,
-                        '[style.width]': `'100%'`,
-                        '[style.padding-bottom]': 'paddingBottom()'
+                        '[style.aspect-ratio]': 'ratio() || null',
+                        '[style.width]': '"100%"'
                     }
                 }]
         }], propDecorators: { ratio: [{ type: i0.Input, args: [{ isSignal: true, alias: "ratio", required: false }] }] } });

package/fesm2022/radix-ng-primitives-aspect-ratio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-aspect-ratio.mjs","sources":["../../../packages/primitives/aspect-ratio/src/aspect-ratio.directive.ts","../../../packages/primitives/aspect-ratio/radix-ng-primitives-aspect-ratio.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    computed,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    numberAttribute,\n    Renderer2\n} from '@angular/core';\nimport { NumberInput } from '@radix-ng/primitives/core';\n\n/**\n * Directive to maintain an aspect ratio for an element.\n * The element will have its `padding-bottom` dynamically calculated\n * based on the provided aspect ratio to maintain the desired ratio.\n * The content inside the element will be positioned absolutely.\n * @group Components\n */\n@Directive({\n    selector: '[rdxAspectRatio]',\n    exportAs: 'rdxAspectRatio',\n    standalone: true,\n    host: {\n        '[style.position]': `'relative'`,\n        '[style.width]': `'100%'`,\n        '[style.padding-bottom]': 'paddingBottom()'\n    }\n})\nexport class RdxAspectRatioDirective implements AfterViewInit {\n    private readonly element = inject(ElementRef);\n    private readonly renderer = inject(Renderer2);\n\n    /**\n     * The desired aspect ratio (e.g., 16/9).\n     * By default, it is set to 1 (which results in a square, 1:1).\n     * @group Props\n     * @defaultValue 1\n     */\n    readonly ratio = input<number, NumberInput>(1, { transform: numberAttribute });\n\n    /**\n     * Dynamically computed `padding-bottom` style for the element.\n     * This value is calculated based on the inverse of the aspect ratio.\n     *\n     * If the ratio is zero, it defaults to `0%` to avoid division by zero.\n     *\n     */\n    protected readonly paddingBottom = computed(() => {\n        const ratioValue = this.ratio();\n        return `${ratioValue !== 0 ? (1 / ratioValue) * 100 : 0}%`;\n    });\n\n    ngAfterViewInit() {\n        const content = this.element.nativeElement.firstElementChild;\n        if (content) {\n            // Set the content to cover the entire element with absolute positioning\n            this.renderer.setStyle(content, 'position', 'absolute');\n            this.renderer.setStyle(content, 'inset', '0');\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAYA;;;;;;AAMG;MAWU,uBAAuB,CAAA;AAVpC,IAAA,WAAA,GAAA;AAWqB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;AAC5B,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAE7C;;;;;AAKG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAsB,CAAC,6EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAE9E;;;;;;AAMG;AACgB,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC7C,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE;AAC/B,YAAA,OAAO,GAAG,UAAU,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,IAAI,GAAG,GAAG,CAAC,GAAG;QAC9D,CAAC;0FAAC;AAUL,IAAA;IARG,eAAe,GAAA;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,iBAAiB;QAC5D,IAAI,OAAO,EAAE;;YAET,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC;YACvD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC;QACjD;IACJ;8GA/BS,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,kBAAkB,EAAE,CAAA,UAAA,CAAY;AAChC,wBAAA,eAAe,EAAE,CAAA,MAAA,CAAQ;AACzB,wBAAA,wBAAwB,EAAE;AAC7B;AACJ,iBAAA;;;AC5BD;;AAEG;;;;"}
+{"version":3,"file":"radix-ng-primitives-aspect-ratio.mjs","sources":["../../../packages/primitives/aspect-ratio/src/aspect-ratio.directive.ts","../../../packages/primitives/aspect-ratio/radix-ng-primitives-aspect-ratio.ts"],"sourcesContent":["import { Directive, input, numberAttribute } from '@angular/core';\nimport { NumberInput } from '@radix-ng/primitives/core';\n\n/**\n * Maintains a fixed aspect ratio for its content using the native CSS `aspect-ratio` property.\n * Place the content inside (e.g. an `<img class=\"size-full object-cover\">`) and it fills the box.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxAspectRatio]',\n    exportAs: 'rdxAspectRatio',\n    host: {\n        '[style.aspect-ratio]': 'ratio() || null',\n        '[style.width]': '\"100%\"'\n    }\n})\nexport class RdxAspectRatioDirective {\n    /**\n     * The desired aspect ratio (e.g. `16 / 9`). Defaults to `1` (a square, 1:1).\n     *\n     * @group Props\n     * @defaultValue 1\n     */\n    readonly ratio = input<number, NumberInput>(1, { transform: numberAttribute });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA;;;;;AAKG;MASU,uBAAuB,CAAA;AARpC,IAAA,WAAA,GAAA;AASI;;;;;AAKG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAsB,CAAC,6EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AACjF,IAAA;8GARY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBARnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACF,wBAAA,sBAAsB,EAAE,iBAAiB;AACzC,wBAAA,eAAe,EAAE;AACpB;AACJ,iBAAA;;;AChBD;;AAEG;;;;"}

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

@@ -1,12 +1,9 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, input, signal, Directive, PLATFORM_ID, output, NgModule } from '@angular/core';
-import { watch, provideToken } from '@radix-ng/primitives/core';
+import { createContext, watch } from '@radix-ng/primitives/core';
 import { isPlatformBrowser } from '@angular/common';
 
-const AVATAR_ROOT_CONTEXT = new InjectionToken('AVATAR_ROOT_CONTEXT');
-function injectAvatarRootContext() {
-    return inject(AVATAR_ROOT_CONTEXT);
-}
+const [injectAvatarRootContext, provideAvatarRootContext] = createContext('AvatarRootContext', 'components/avatar');
 
 const defaultAvatarConfig = {
     delayMs: 0
@@ -84,6 +81,28 @@ class RdxAvatarImageDirective {
          */
         this.src = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "src" }] : /* istanbul ignore next */ []));
+        /**
+         * A responsive `srcset` for the image. When set without `src`, an empty `src` no longer counts as
+         * an error.
+         *
+         * @group Props
+         */
+        this.srcSet = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "srcSet" }] : /* istanbul ignore next */ []));
+        /**
+         * The `sizes` attribute paired with `srcSet`.
+         *
+         * @group Props
+         */
+        this.sizes = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "sizes" }] : /* istanbul ignore next */ []));
+        /**
+         * The CORS mode used when fetching the image.
+         *
+         * @group Props
+         */
+        this.crossOrigin = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "crossOrigin" }] : /* istanbul ignore next */ []));
         this.referrerPolicy = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "referrerPolicy" }] : /* istanbul ignore next */ []));
         /**
@@ -99,8 +118,8 @@ class RdxAvatarImageDirective {
         if (!isPlatformBrowser(this.platformId)) {
             return;
         }
-        watch([this.src, this.referrerPolicy], ([src, referrer], onCleanup) => {
-            if (!src) {
+        watch([this.src, this.srcSet, this.sizes, this.crossOrigin, this.referrerPolicy], ([src, srcSet, sizes, crossOrigin, referrer], onCleanup) => {
+            if (!src && !srcSet) {
                 this.loadingStatus.set('error');
                 return;
             }
@@ -108,11 +127,27 @@ class RdxAvatarImageDirective {
             this.loadingStatus.set('loading');
             image.onload = () => this.loadingStatus.set('loaded');
             image.onerror = () => this.loadingStatus.set('error');
-            // Set referrerPolicy before src so it applies to the fetch.
+            // Set the fetch-affecting attributes before `src`/`srcset` so they apply to the request.
             if (referrer) {
                 image.referrerPolicy = referrer;
             }
-            image.src = src;
+            if (crossOrigin !== undefined) {
+                image.crossOrigin = crossOrigin;
+            }
+            if (srcSet) {
+                image.srcset = srcSet;
+            }
+            if (sizes) {
+                image.sizes = sizes;
+            }
+            if (src) {
+                image.src = src;
+            }
+            // A cached/already-decoded image is ready synchronously — resolve immediately so the
+            // fallback delay isn't started for an image that is already available.
+            if (image.complete && image.naturalWidth > 0) {
+                this.loadingStatus.set('loaded');
+            }
             // Drop handlers for a stale src (or on destroy) so a late load/error
             // can't overwrite the status for the current one.
             onCleanup(() => {
@@ -121,14 +156,16 @@ class RdxAvatarImageDirective {
             });
         });
         watch([this.loadingStatus], ([value]) => {
-            this.onLoadingStatusChange.emit(value);
-            if (value !== 'idle') {
-                this.rootContext.imageLoadingStatus.set(value);
+            // Base UI fires the callback only once loading actually starts — skip the initial `idle`.
+            if (value === 'idle') {
+                return;
             }
+            this.onLoadingStatusChange.emit(value);
+            this.rootContext.imageLoadingStatus.set(value);
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxAvatarImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxAvatarImageDirective, isStandalone: true, selector: "img[rdxAvatarImage]", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, referrerPolicy: { classPropertyName: "referrerPolicy", publicName: "referrerPolicy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onLoadingStatusChange: "onLoadingStatusChange" }, host: { attributes: { "role": "img" }, properties: { "attr.src": "src()", "attr.referrerpolicy": "referrerPolicy()", "style.display": "(rootContext.imageLoadingStatus() === \"loaded\") ? null : \"none\"" } }, exportAs: ["rdxAvatarImage"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxAvatarImageDirective, isStandalone: true, selector: "img[rdxAvatarImage]", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, srcSet: { classPropertyName: "srcSet", publicName: "srcSet", isSignal: true, isRequired: false, transformFunction: null }, sizes: { classPropertyName: "sizes", publicName: "sizes", isSignal: true, isRequired: false, transformFunction: null }, crossOrigin: { classPropertyName: "crossOrigin", publicName: "crossOrigin", isSignal: true, isRequired: false, transformFunction: null }, referrerPolicy: { classPropertyName: "referrerPolicy", publicName: "referrerPolicy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onLoadingStatusChange: "onLoadingStatusChange" }, host: { properties: { "attr.src": "src()", "attr.srcset": "srcSet()", "attr.sizes": "sizes()", "attr.crossorigin": "crossOrigin()", "attr.referrerpolicy": "referrerPolicy()", "style.display": "(rootContext.imageLoadingStatus() === \"loaded\") ? null : \"none\"" } }, exportAs: ["rdxAvatarImage"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxAvatarImageDirective, decorators: [{
             type: Directive,
@@ -136,28 +173,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                     selector: 'img[rdxAvatarImage]',
                     exportAs: 'rdxAvatarImage',
                     host: {
-                        role: 'img',
+                        // The host is a native `<img>` (selector `img[rdxAvatarImage]`) — its implicit `img` role is
+                        // already correct, and forcing `role="img"` here would override any consumer override (Base UI
+                        // adds no role).
                         '[attr.src]': 'src()',
+                        '[attr.srcset]': 'srcSet()',
+                        '[attr.sizes]': 'sizes()',
+                        '[attr.crossorigin]': 'crossOrigin()',
                         '[attr.referrerpolicy]': 'referrerPolicy()',
                         '[style.display]': '(rootContext.imageLoadingStatus() === "loaded") ? null : "none"'
                     }
                 }]
-        }], ctorParameters: () => [], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], referrerPolicy: [{ type: i0.Input, args: [{ isSignal: true, alias: "referrerPolicy", required: false }] }], onLoadingStatusChange: [{ type: i0.Output, args: ["onLoadingStatusChange"] }] } });
+        }], ctorParameters: () => [], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], srcSet: [{ type: i0.Input, args: [{ isSignal: true, alias: "srcSet", required: false }] }], sizes: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizes", required: false }] }], crossOrigin: [{ type: i0.Input, args: [{ isSignal: true, alias: "crossOrigin", required: false }] }], referrerPolicy: [{ type: i0.Input, args: [{ isSignal: true, alias: "referrerPolicy", required: false }] }], onLoadingStatusChange: [{ type: i0.Output, args: ["onLoadingStatusChange"] }] } });
 
+const rootContext = () => {
+    const root = inject(RdxAvatarRootDirective);
+    return {
+        imageLoadingStatus: root.imageLoadingStatus
+    };
+};
+/**
+ * @group Components
+ */
 class RdxAvatarRootDirective {
     constructor() {
         this.imageLoadingStatus = signal('idle', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "imageLoadingStatus" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxAvatarRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxAvatarRootDirective, isStandalone: true, selector: "span[rdxAvatarRoot]", providers: [provideToken(AVATAR_ROOT_CONTEXT, RdxAvatarRootDirective)], exportAs: ["rdxAvatarRoot"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxAvatarRootDirective, isStandalone: true, selector: "span[rdxAvatarRoot]", providers: [provideAvatarRootContext(rootContext)], exportAs: ["rdxAvatarRoot"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxAvatarRootDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'span[rdxAvatarRoot]',
                     exportAs: 'rdxAvatarRoot',
-                    providers: [provideToken(AVATAR_ROOT_CONTEXT, RdxAvatarRootDirective)]
+                    providers: [provideAvatarRootContext(rootContext)]
                 }]
         }] });
 
@@ -179,5 +230,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { RdxAvatarConfigToken, RdxAvatarFallbackDirective, RdxAvatarImageDirective, RdxAvatarModule, RdxAvatarRootDirective, defaultAvatarConfig, injectAvatarConfig, provideRdxAvatarConfig };
+export { RdxAvatarConfigToken, RdxAvatarFallbackDirective, RdxAvatarImageDirective, RdxAvatarModule, RdxAvatarRootDirective, defaultAvatarConfig, injectAvatarConfig, injectAvatarRootContext, provideAvatarRootContext, provideRdxAvatarConfig };
 //# sourceMappingURL=radix-ng-primitives-avatar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-avatar.mjs","sources":["../../../packages/primitives/avatar/src/avatar-context.token.ts","../../../packages/primitives/avatar/src/avatar.config.ts","../../../packages/primitives/avatar/src/avatar-fallback.directive.ts","../../../packages/primitives/avatar/src/avatar-image.directive.ts","../../../packages/primitives/avatar/src/avatar-root.directive.ts","../../../packages/primitives/avatar/index.ts","../../../packages/primitives/avatar/radix-ng-primitives-avatar.ts"],"sourcesContent":["import { inject, InjectionToken, WritableSignal } from '@angular/core';\nimport { RdxImageLoadingStatus } from './types';\n\nexport interface AvatarContextToken {\n    imageLoadingStatus: WritableSignal<RdxImageLoadingStatus>;\n}\n\nexport const AVATAR_ROOT_CONTEXT = new InjectionToken<AvatarContextToken>('AVATAR_ROOT_CONTEXT');\n\nexport function injectAvatarRootContext(): AvatarContextToken {\n    return inject(AVATAR_ROOT_CONTEXT);\n}\n","import { inject, InjectionToken, Provider } from '@angular/core';\n\nexport interface RdxAvatarConfig {\n    /**\n     * Define a delay before the fallback is shown.\n     * This is useful to only show the fallback for those with slower connections.\n     * @default 0\n     */\n    delayMs: number;\n}\n\nexport const defaultAvatarConfig: RdxAvatarConfig = {\n    delayMs: 0\n};\n\nexport const RdxAvatarConfigToken = new InjectionToken<RdxAvatarConfig>('RdxAvatarConfigToken');\n\nexport function provideRdxAvatarConfig(config: Partial<RdxAvatarConfig>): Provider[] {\n    return [\n        {\n            provide: RdxAvatarConfigToken,\n            useValue: { ...defaultAvatarConfig, ...config }\n        }\n    ];\n}\n\nexport function injectAvatarConfig(): RdxAvatarConfig {\n    return inject(RdxAvatarConfigToken, { optional: true }) ?? defaultAvatarConfig;\n}\n","import { Directive, input, signal } from '@angular/core';\nimport { watch } from '@radix-ng/primitives/core';\nimport { injectAvatarRootContext } from './avatar-context.token';\nimport { injectAvatarConfig } from './avatar.config';\n\n/**\n * @group Components\n */\n@Directive({\n    selector: 'span[rdxAvatarFallback]',\n    exportAs: 'rdxAvatarFallback',\n    host: {\n        '[style.display]': 'canRender() && rootContext.imageLoadingStatus() !== \"loaded\" ? null : \"none\"'\n    }\n})\nexport class RdxAvatarFallbackDirective {\n    private readonly config = injectAvatarConfig();\n\n    protected readonly rootContext = injectAvatarRootContext();\n\n    /**\n     * Useful for delaying rendering so it only appears for those with slower connections.\n     *\n     * @group Props\n     * @defaultValue 0\n     */\n    readonly delayMs = input<number>(this.config.delayMs);\n\n    protected readonly canRender = signal(false);\n\n    constructor() {\n        // Enable the fallback after an optional delay (so it only appears for\n        // those on slower connections), independent of the image load status —\n        // matches Radix/Base UI. The `display` binding then hides it once the\n        // image has loaded.\n        watch([this.delayMs], ([delayMs], onCleanup) => {\n            this.canRender.set(false);\n\n            if (delayMs) {\n                const timeout = setTimeout(() => this.canRender.set(true), delayMs);\n                // Cancel a pending delay if delayMs changes or the directive is\n                // destroyed before it fires.\n                onCleanup(() => clearTimeout(timeout));\n            } else {\n                this.canRender.set(true);\n            }\n        });\n    }\n}\n","import { isPlatformBrowser } from '@angular/common';\nimport { Directive, inject, input, output, PLATFORM_ID, signal } from '@angular/core';\nimport { watch } from '@radix-ng/primitives/core';\nimport { injectAvatarRootContext } from './avatar-context.token';\nimport { HTMLAttributeReferrerPolicy, RdxImageLoadingStatus } from './types';\n\n/**\n * @group Components\n */\n@Directive({\n    selector: 'img[rdxAvatarImage]',\n    exportAs: 'rdxAvatarImage',\n    host: {\n        role: 'img',\n        '[attr.src]': 'src()',\n        '[attr.referrerpolicy]': 'referrerPolicy()',\n        '[style.display]': '(rootContext.imageLoadingStatus() === \"loaded\") ? null : \"none\"'\n    }\n})\nexport class RdxAvatarImageDirective {\n    private readonly platformId = inject(PLATFORM_ID);\n\n    protected readonly rootContext = injectAvatarRootContext();\n\n    /**\n     * @group Props\n     */\n    readonly src = input<string>();\n\n    readonly referrerPolicy = input<HTMLAttributeReferrerPolicy>();\n\n    /**\n     * A callback providing information about the loading status of the image.\n     * This is useful in case you want to control more precisely what to render as the image is loading.\n     *\n     * @group Emits\n     */\n    readonly onLoadingStatusChange = output<RdxImageLoadingStatus>();\n\n    private readonly loadingStatus = signal<RdxImageLoadingStatus>('idle');\n\n    constructor() {\n        // Loading is browser-only; on the server the status stays 'idle'.\n        if (!isPlatformBrowser(this.platformId)) {\n            return;\n        }\n\n        watch([this.src, this.referrerPolicy], ([src, referrer], onCleanup) => {\n            if (!src) {\n                this.loadingStatus.set('error');\n                return;\n            }\n\n            const image = new window.Image();\n            this.loadingStatus.set('loading');\n            image.onload = () => this.loadingStatus.set('loaded');\n            image.onerror = () => this.loadingStatus.set('error');\n            // Set referrerPolicy before src so it applies to the fetch.\n            if (referrer) {\n                image.referrerPolicy = referrer;\n            }\n            image.src = src;\n\n            // Drop handlers for a stale src (or on destroy) so a late load/error\n            // can't overwrite the status for the current one.\n            onCleanup(() => {\n                image.onload = null;\n                image.onerror = null;\n            });\n        });\n\n        watch([this.loadingStatus], ([value]) => {\n            this.onLoadingStatusChange.emit(value);\n            if (value !== 'idle') {\n                this.rootContext.imageLoadingStatus.set(value);\n            }\n        });\n    }\n}\n","import { Directive, signal } from '@angular/core';\nimport { provideToken } from '@radix-ng/primitives/core';\nimport { AVATAR_ROOT_CONTEXT, AvatarContextToken } from './avatar-context.token';\nimport { RdxImageLoadingStatus } from './types';\n\n@Directive({\n    selector: 'span[rdxAvatarRoot]',\n    exportAs: 'rdxAvatarRoot',\n    providers: [provideToken(AVATAR_ROOT_CONTEXT, RdxAvatarRootDirective)]\n})\nexport class RdxAvatarRootDirective implements AvatarContextToken {\n    readonly imageLoadingStatus = signal<RdxImageLoadingStatus>('idle');\n}\n","import { NgModule } from '@angular/core';\nimport { RdxAvatarFallbackDirective } from './src/avatar-fallback.directive';\nimport { RdxAvatarImageDirective } from './src/avatar-image.directive';\nimport { RdxAvatarRootDirective } from './src/avatar-root.directive';\n\nexport * from './src/avatar-fallback.directive';\nexport * from './src/avatar-image.directive';\nexport * from './src/avatar-root.directive';\nexport * from './src/avatar.config';\nexport type { RdxImageLoadingStatus } from './src/types';\n\nconst _imports = [RdxAvatarRootDirective, RdxAvatarFallbackDirective, RdxAvatarImageDirective];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxAvatarModule {}\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-avatar.mjs","sources":["../../../packages/primitives/avatar/src/avatar-context.token.ts","../../../packages/primitives/avatar/src/avatar.config.ts","../../../packages/primitives/avatar/src/avatar-fallback.directive.ts","../../../packages/primitives/avatar/src/avatar-image.directive.ts","../../../packages/primitives/avatar/src/avatar-root.directive.ts","../../../packages/primitives/avatar/index.ts","../../../packages/primitives/avatar/radix-ng-primitives-avatar.ts"],"sourcesContent":["import { WritableSignal } from '@angular/core';\nimport { createContext } from '@radix-ng/primitives/core';\nimport { RdxImageLoadingStatus } from './types';\n\nexport interface AvatarRootContext {\n    imageLoadingStatus: WritableSignal<RdxImageLoadingStatus>;\n}\n\nexport const [injectAvatarRootContext, provideAvatarRootContext] = createContext<AvatarRootContext>(\n    'AvatarRootContext',\n    'components/avatar'\n);\n","import { inject, InjectionToken, Provider } from '@angular/core';\n\nexport interface RdxAvatarConfig {\n    /**\n     * Define a delay before the fallback is shown.\n     * This is useful to only show the fallback for those with slower connections.\n     * @default 0\n     */\n    delayMs: number;\n}\n\nexport const defaultAvatarConfig: RdxAvatarConfig = {\n    delayMs: 0\n};\n\nexport const RdxAvatarConfigToken = new InjectionToken<RdxAvatarConfig>('RdxAvatarConfigToken');\n\nexport function provideRdxAvatarConfig(config: Partial<RdxAvatarConfig>): Provider[] {\n    return [\n        {\n            provide: RdxAvatarConfigToken,\n            useValue: { ...defaultAvatarConfig, ...config }\n        }\n    ];\n}\n\nexport function injectAvatarConfig(): RdxAvatarConfig {\n    return inject(RdxAvatarConfigToken, { optional: true }) ?? defaultAvatarConfig;\n}\n","import { Directive, input, signal } from '@angular/core';\nimport { watch } from '@radix-ng/primitives/core';\nimport { injectAvatarRootContext } from './avatar-context.token';\nimport { injectAvatarConfig } from './avatar.config';\n\n/**\n * @group Components\n */\n@Directive({\n    selector: 'span[rdxAvatarFallback]',\n    exportAs: 'rdxAvatarFallback',\n    host: {\n        '[style.display]': 'canRender() && rootContext.imageLoadingStatus() !== \"loaded\" ? null : \"none\"'\n    }\n})\nexport class RdxAvatarFallbackDirective {\n    private readonly config = injectAvatarConfig();\n\n    protected readonly rootContext = injectAvatarRootContext();\n\n    /**\n     * Useful for delaying rendering so it only appears for those with slower connections.\n     *\n     * @group Props\n     * @defaultValue 0\n     */\n    readonly delayMs = input<number>(this.config.delayMs);\n\n    protected readonly canRender = signal(false);\n\n    constructor() {\n        // Enable the fallback after an optional delay (so it only appears for\n        // those on slower connections), independent of the image load status —\n        // matches Radix/Base UI. The `display` binding then hides it once the\n        // image has loaded.\n        watch([this.delayMs], ([delayMs], onCleanup) => {\n            this.canRender.set(false);\n\n            if (delayMs) {\n                const timeout = setTimeout(() => this.canRender.set(true), delayMs);\n                // Cancel a pending delay if delayMs changes or the directive is\n                // destroyed before it fires.\n                onCleanup(() => clearTimeout(timeout));\n            } else {\n                this.canRender.set(true);\n            }\n        });\n    }\n}\n","import { isPlatformBrowser } from '@angular/common';\nimport { Directive, inject, input, output, PLATFORM_ID, signal } from '@angular/core';\nimport { watch } from '@radix-ng/primitives/core';\nimport { injectAvatarRootContext } from './avatar-context.token';\nimport { HTMLAttributeReferrerPolicy, RdxImageLoadingStatus } from './types';\n\n/**\n * @group Components\n */\n@Directive({\n    selector: 'img[rdxAvatarImage]',\n    exportAs: 'rdxAvatarImage',\n    host: {\n        // The host is a native `<img>` (selector `img[rdxAvatarImage]`) — its implicit `img` role is\n        // already correct, and forcing `role=\"img\"` here would override any consumer override (Base UI\n        // adds no role).\n        '[attr.src]': 'src()',\n        '[attr.srcset]': 'srcSet()',\n        '[attr.sizes]': 'sizes()',\n        '[attr.crossorigin]': 'crossOrigin()',\n        '[attr.referrerpolicy]': 'referrerPolicy()',\n        '[style.display]': '(rootContext.imageLoadingStatus() === \"loaded\") ? null : \"none\"'\n    }\n})\nexport class RdxAvatarImageDirective {\n    private readonly platformId = inject(PLATFORM_ID);\n\n    protected readonly rootContext = injectAvatarRootContext();\n\n    /**\n     * @group Props\n     */\n    readonly src = input<string>();\n\n    /**\n     * A responsive `srcset` for the image. When set without `src`, an empty `src` no longer counts as\n     * an error.\n     *\n     * @group Props\n     */\n    readonly srcSet = input<string>();\n\n    /**\n     * The `sizes` attribute paired with `srcSet`.\n     *\n     * @group Props\n     */\n    readonly sizes = input<string>();\n\n    /**\n     * The CORS mode used when fetching the image.\n     *\n     * @group Props\n     */\n    readonly crossOrigin = input<'anonymous' | 'use-credentials' | ''>();\n\n    readonly referrerPolicy = input<HTMLAttributeReferrerPolicy>();\n\n    /**\n     * A callback providing information about the loading status of the image.\n     * This is useful in case you want to control more precisely what to render as the image is loading.\n     *\n     * @group Emits\n     */\n    readonly onLoadingStatusChange = output<RdxImageLoadingStatus>();\n\n    private readonly loadingStatus = signal<RdxImageLoadingStatus>('idle');\n\n    constructor() {\n        // Loading is browser-only; on the server the status stays 'idle'.\n        if (!isPlatformBrowser(this.platformId)) {\n            return;\n        }\n\n        watch(\n            [this.src, this.srcSet, this.sizes, this.crossOrigin, this.referrerPolicy],\n            ([src, srcSet, sizes, crossOrigin, referrer], onCleanup) => {\n                if (!src && !srcSet) {\n                    this.loadingStatus.set('error');\n                    return;\n                }\n\n                const image = new window.Image();\n                this.loadingStatus.set('loading');\n                image.onload = () => this.loadingStatus.set('loaded');\n                image.onerror = () => this.loadingStatus.set('error');\n                // Set the fetch-affecting attributes before `src`/`srcset` so they apply to the request.\n                if (referrer) {\n                    image.referrerPolicy = referrer;\n                }\n                if (crossOrigin !== undefined) {\n                    image.crossOrigin = crossOrigin;\n                }\n                if (srcSet) {\n                    image.srcset = srcSet;\n                }\n                if (sizes) {\n                    image.sizes = sizes;\n                }\n                if (src) {\n                    image.src = src;\n                }\n\n                // A cached/already-decoded image is ready synchronously — resolve immediately so the\n                // fallback delay isn't started for an image that is already available.\n                if (image.complete && image.naturalWidth > 0) {\n                    this.loadingStatus.set('loaded');\n                }\n\n                // Drop handlers for a stale src (or on destroy) so a late load/error\n                // can't overwrite the status for the current one.\n                onCleanup(() => {\n                    image.onload = null;\n                    image.onerror = null;\n                });\n            }\n        );\n\n        watch([this.loadingStatus], ([value]) => {\n            // Base UI fires the callback only once loading actually starts — skip the initial `idle`.\n            if (value === 'idle') {\n                return;\n            }\n            this.onLoadingStatusChange.emit(value);\n            this.rootContext.imageLoadingStatus.set(value);\n        });\n    }\n}\n","import { Directive, inject, signal } from '@angular/core';\nimport { AvatarRootContext, provideAvatarRootContext } from './avatar-context.token';\nimport { RdxImageLoadingStatus } from './types';\n\nconst rootContext = (): AvatarRootContext => {\n    const root = inject(RdxAvatarRootDirective);\n    return {\n        imageLoadingStatus: root.imageLoadingStatus\n    };\n};\n\n/**\n * @group Components\n */\n@Directive({\n    selector: 'span[rdxAvatarRoot]',\n    exportAs: 'rdxAvatarRoot',\n    providers: [provideAvatarRootContext(rootContext)]\n})\nexport class RdxAvatarRootDirective {\n    readonly imageLoadingStatus = signal<RdxImageLoadingStatus>('idle');\n}\n","import { NgModule } from '@angular/core';\nimport { RdxAvatarFallbackDirective } from './src/avatar-fallback.directive';\nimport { RdxAvatarImageDirective } from './src/avatar-image.directive';\nimport { RdxAvatarRootDirective } from './src/avatar-root.directive';\n\nexport * from './src/avatar-context.token';\nexport * from './src/avatar-fallback.directive';\nexport * from './src/avatar-image.directive';\nexport * from './src/avatar-root.directive';\nexport * from './src/avatar.config';\nexport type { HTMLAttributeReferrerPolicy, RdxImageLoadingStatus } from './src/types';\n\nconst _imports = [RdxAvatarRootDirective, RdxAvatarFallbackDirective, RdxAvatarImageDirective];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxAvatarModule {}\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-checkbox.mjs

@@ -268,13 +268,6 @@ class RdxCheckboxRootDirective {
         this.uncheckedInputElement = null;
         /** The group this checkbox belongs to, if it is rendered inside a `rdxCheckboxGroup`. */
         this.group = injectCheckboxGroupContext(true);
-        /**
-         * @ignore
-         * Reflects the effective disabled state (CVA, covering reactive-forms `.disable()`, plus the
-         * group's disabled state), used for the `data-disabled` host attribute.
-         */
-        this.isDisabled = computed(() => this.disabledState(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
         /**
          * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.
          *
@@ -454,6 +447,9 @@ class RdxCheckboxRootDirective {
         this.indeterminate.set(false);
         this.checked.set(next);
         this.controlValueAccessor.setValue(next);
+        // Mark the form control touched on user interaction so `touched`-gated validation shows
+        // (the visible control is the button, not the hidden input, so blur alone is unreliable).
+        this.controlValueAccessor.markAsTouched();
     }
     syncUncheckedInput() {
         const name = this.name();
@@ -511,7 +507,7 @@ class RdxCheckboxRootDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxCheckboxRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxCheckboxRootDirective, isStandalone: true, selector: "[rdxCheckboxRoot]", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, defaultChecked: { classPropertyName: "defaultChecked", publicName: "defaultChecked", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, submitValue: { classPropertyName: "submitValue", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, uncheckedValue: { classPropertyName: "uncheckedValue", publicName: "uncheckedValue", 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 }, parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", indeterminate: "indeterminateChange", onCheckedChange: "onCheckedChange" }, host: { properties: { "attr.data-checked": "checkedState() && !indeterminateState() ? \"\" : undefined", "attr.data-unchecked": "!checkedState() && !indeterminateState() ? \"\" : undefined", "attr.data-indeterminate": "indeterminateState() ? \"\" : undefined", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-readonly": "readOnlyState() ? \"\" : undefined", "attr.data-required": "required() ? \"\" : undefined" } }, providers: [provideCheckboxRootContext(rootContext)], hostDirectives: [{ directive: i1.RdxControlValueAccessor, inputs: ["value", "checked", "disabled", "disabled"] }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxCheckboxRootDirective, isStandalone: true, selector: "[rdxCheckboxRoot]", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, defaultChecked: { classPropertyName: "defaultChecked", publicName: "defaultChecked", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, submitValue: { classPropertyName: "submitValue", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, uncheckedValue: { classPropertyName: "uncheckedValue", publicName: "uncheckedValue", 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 }, parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", indeterminate: "indeterminateChange", onCheckedChange: "onCheckedChange" }, host: { properties: { "attr.data-checked": "checkedState() && !indeterminateState() ? \"\" : undefined", "attr.data-unchecked": "!checkedState() && !indeterminateState() ? \"\" : undefined", "attr.data-indeterminate": "indeterminateState() ? \"\" : undefined", "attr.data-disabled": "disabledState() ? \"\" : undefined", "attr.data-readonly": "readOnlyState() ? \"\" : undefined", "attr.data-required": "required() ? \"\" : undefined" } }, providers: [provideCheckboxRootContext(rootContext)], hostDirectives: [{ directive: i1.RdxControlValueAccessor, inputs: ["value", "checked", "disabled", "disabled"] }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxCheckboxRootDirective, decorators: [{
             type: Directive,
@@ -528,7 +524,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         '[attr.data-checked]': 'checkedState() && !indeterminateState() ? "" : undefined',
                         '[attr.data-unchecked]': '!checkedState() && !indeterminateState() ? "" : undefined',
                         '[attr.data-indeterminate]': 'indeterminateState() ? "" : undefined',
-                        '[attr.data-disabled]': 'isDisabled() ? "" : undefined',
+                        '[attr.data-disabled]': 'disabledState() ? "" : undefined',
                         '[attr.data-readonly]': 'readOnlyState() ? "" : undefined',
                         '[attr.data-required]': 'required() ? "" : undefined'
                     }