@odx/angular 12.26.1 → 13.0.1

package/fesm2022/odx-angular-cdk-radio-group-control.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-cdk-radio-group-control.mjs","sources":["../../../../libs/angular/cdk/radio-group-control/src/lib/radio-group-control.directive.ts","../../../../libs/angular/cdk/radio-group-control/src/lib/radio-control.directive.ts","../../../../libs/angular/cdk/radio-group-control/src/lib/radio-group-control.module.ts","../../../../libs/angular/cdk/radio-group-control/src/odx-angular-cdk-radio-group-control.ts"],"sourcesContent":["import { Directive, forwardRef, HostListener, InjectionToken } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { CustomFormControl } from '@odx/angular/cdk/custom-form-control';\nimport { injectElement } from '@odx/angular/utils';\n\nexport const RADIO_GROUP_CONTROL = new InjectionToken<RadioGroupControlDirective>('@odx/angular/cdk/radio-group-control::RadioGroupControl');\n\n/**\n * A directive that provides radio group functionality for its child radio button components.\n * It tracks the value and selection state of a group of `odxRadioControl` directives.\n *\n * This directive extends `CustomFormControl` to integrate seamlessly with Angular Forms API,\n * providing form control methods and properties. It supports form control states like disabled\n * and readonly through `DisabledController` and `ReadonlyController` directives.\n *\n * It uses Angular's dependency injection to provide itself as `RADIO_GROUP_CONTROL` token,\n * allowing child radio buttons to communicate with the radio group directive.\n *\n * @template T - The type of the value.\n */\n@Directive({\n  standalone: true,\n  selector: '[odxRadioGroupControl]',\n  providers: [\n    {\n      provide: RADIO_GROUP_CONTROL,\n      useExisting: forwardRef(() => RadioGroupControlDirective),\n      multi: false,\n    },\n    DisabledController.connect(),\n    ReadonlyController.connect(),\n  ],\n})\nexport class RadioGroupControlDirective<T = unknown> extends CustomFormControl<T | null> {\n  private readonly hostElement = injectElement();\n\n  constructor() {\n    super(null);\n  }\n\n  @HostListener('focusout', ['$event'])\n  protected onFocusOut(event: FocusEvent): void {\n    if (event.target !== this.hostElement.nativeElement) {\n      this.onTouched();\n    }\n  }\n}\n","import { Directive, inject, Input } from '@angular/core';\nimport { detectControllerChanges, DisabledController, ReadonlyController } from '@odx/angular';\nimport { booleanToAttributeString } from '@odx/angular/utils';\nimport { RADIO_GROUP_CONTROL } from './radio-group-control.directive';\n\n/**\n * A directive that provides radio button functionality within a radio group.\n * It tracks the active state based on the current value of the parent `odxRadioGroupControl`.\n *\n * This directive integrates with Angular Forms through `DisabledController` and `ReadonlyController` directives,\n * enabling form control states like disabled and readonly. It automatically updates its classes\n * to reflect these states and the active (checked) state.\n *\n * @template T - The type of the value.\n */\n@Directive({\n  standalone: true,\n  selector: '[odxRadioControl]',\n  host: {\n    '[class.is-active]': 'isActive',\n    '[class.is-disabled]': 'disabledController?.disabled',\n    '[class.is-readonly]': 'readonlyController?.readonly',\n    '[class.has-error]': 'radioGroupControl.hasError',\n  },\n  providers: [DisabledController.connect(), ReadonlyController.connect()],\n})\nexport class RadioControlDirective<T = unknown> {\n  protected readonly disabledController = DisabledController.inject();\n  protected readonly readonlyController = ReadonlyController.inject();\n  protected readonly radioGroupControl = inject(RADIO_GROUP_CONTROL, { skipSelf: true });\n\n  /**\n   * The value of the radio control.\n   *\n   * @type {T | null}\n   * @default null\n   */\n  @Input()\n  public value: T | null = null;\n\n  /**\n   * The `aria-checked` attribute value.\n   *\n   * @type {string}\n   */\n  public get ariaChecked(): string {\n    return booleanToAttributeString(this.isActive);\n  }\n\n  /**\n   * Gets a value indicating whether the radio control is active.\n   *\n   * @type {boolean}\n   */\n  public get isActive(): boolean {\n    return this.radioGroupControl.value === this.value;\n  }\n\n  constructor() {\n    detectControllerChanges(this.radioGroupControl).subscribe();\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { RadioControlDirective } from './radio-control.directive';\nimport { RadioGroupControlDirective } from './radio-group-control.directive';\n\nconst modules = [RadioGroupControlDirective, RadioControlDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class RadioGroupControlModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAKa,mBAAmB,GAAG,IAAI,cAAc,CAA6B,yDAAyD;AAE3I;;;;;;;;;;;;AAYG;AAcG,MAAO,0BAAwC,SAAQ,iBAA2B,CAAA;AAGtF,IAAA,WAAA,GAAA;QACE,KAAK,CAAC,IAAI,CAAC;QAHI,IAAA,CAAA,WAAW,GAAG,aAAa,EAAE;IAI9C;AAGU,IAAA,UAAU,CAAC,KAAiB,EAAA;QACpC,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;YACnD,IAAI,CAAC,SAAS,EAAE;QAClB;IACF;+GAZW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,SAAA,EAV1B;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,mBAAmB;AAC5B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,0BAA0B,CAAC;AACzD,gBAAA,KAAK,EAAE,KAAK;AACb,aAAA;YACD,kBAAkB,CAAC,OAAO,EAAE;YAC5B,kBAAkB,CAAC,OAAO,EAAE;AAC7B,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAEU,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAbtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,mBAAmB;AAC5B,4BAAA,WAAW,EAAE,UAAU,CAAC,gCAAgC,CAAC;AACzD,4BAAA,KAAK,EAAE,KAAK;AACb,yBAAA;wBACD,kBAAkB,CAAC,OAAO,EAAE;wBAC5B,kBAAkB,CAAC,OAAO,EAAE;AAC7B,qBAAA;AACF,iBAAA;wDASW,UAAU,EAAA,CAAA;sBADnB,YAAY;uBAAC,UAAU,EAAE,CAAC,QAAQ,CAAC;;;ACnCtC;;;;;;;;;AASG;MAYU,qBAAqB,CAAA;AAchC;;;;AAIG;AACH,IAAA,IAAW,WAAW,GAAA;AACpB,QAAA,OAAO,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC;IAChD;AAEA;;;;AAIG;AACH,IAAA,IAAW,QAAQ,GAAA;QACjB,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;IACpD;AAEA,IAAA,WAAA,GAAA;AA/BmB,QAAA,IAAA,CAAA,kBAAkB,GAAG,kBAAkB,CAAC,MAAM,EAAE;AAChD,QAAA,IAAA,CAAA,kBAAkB,GAAG,kBAAkB,CAAC,MAAM,EAAE;QAChD,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEtF;;;;;AAKG;QAEI,IAAA,CAAA,KAAK,GAAa,IAAI;QAqB3B,uBAAuB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,SAAS,EAAE;IAC7D;+GAlCW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,8BAAA,EAAA,mBAAA,EAAA,8BAAA,EAAA,iBAAA,EAAA,4BAAA,EAAA,EAAA,EAAA,SAAA,EAFrB,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,kBAAkB,CAAC,OAAO,EAAE,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAE5D,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,IAAI,EAAE;AACJ,wBAAA,mBAAmB,EAAE,UAAU;AAC/B,wBAAA,qBAAqB,EAAE,8BAA8B;AACrD,wBAAA,qBAAqB,EAAE,8BAA8B;AACrD,wBAAA,mBAAmB,EAAE,4BAA4B;AAClD,qBAAA;oBACD,SAAS,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,kBAAkB,CAAC,OAAO,EAAE,CAAC;AACxE,iBAAA;wDAaQ,KAAK,EAAA,CAAA;sBADX;;;AChCH,MAAM,OAAO,GAAG,CAAC,0BAA0B,EAAE,qBAAqB,CAAC;MAMtD,uBAAuB,CAAA;+GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAvB,uBAAuB,EAAA,OAAA,EAAA,CANnB,0BAA0B,EAAE,qBAAqB,aAItD,UAAU,EAJL,0BAA0B,EAAE,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAMrD,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAFxB,UAAU,CAAA,EAAA,CAAA,CAAA;;4FAET,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,OAAO;AAChB,oBAAA,OAAO,EAAE,CAAC,UAAU,EAAE,GAAG,OAAO,CAAC;AAClC,iBAAA;;;ACVD;;AAEG;;;;"}
+{"version":3,"file":"odx-angular-cdk-radio-group-control.mjs","sources":["../../../../libs/angular/cdk/radio-group-control/src/lib/radio-group-control.directive.ts","../../../../libs/angular/cdk/radio-group-control/src/lib/radio-control.directive.ts","../../../../libs/angular/cdk/radio-group-control/src/lib/radio-group-control.module.ts","../../../../libs/angular/cdk/radio-group-control/src/odx-angular-cdk-radio-group-control.ts"],"sourcesContent":["import { Directive, forwardRef, HostListener, InjectionToken } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { CustomFormControl } from '@odx/angular/cdk/custom-form-control';\nimport { injectElement } from '@odx/angular/utils';\n\nexport const RADIO_GROUP_CONTROL = new InjectionToken<RadioGroupControlDirective>('@odx/angular/cdk/radio-group-control::RadioGroupControl');\n\n/**\n * A directive that provides radio group functionality for its child radio button components.\n * It tracks the value and selection state of a group of `odxRadioControl` directives.\n *\n * This directive extends `CustomFormControl` to integrate seamlessly with Angular Forms API,\n * providing form control methods and properties. It supports form control states like disabled\n * and readonly through `DisabledController` and `ReadonlyController` directives.\n *\n * It uses Angular's dependency injection to provide itself as `RADIO_GROUP_CONTROL` token,\n * allowing child radio buttons to communicate with the radio group directive.\n *\n * @template T - The type of the value.\n */\n@Directive({\n  standalone: true,\n  selector: '[odxRadioGroupControl]',\n  providers: [\n    {\n      provide: RADIO_GROUP_CONTROL,\n      useExisting: forwardRef(() => RadioGroupControlDirective),\n      multi: false,\n    },\n    DisabledController.connect(),\n    ReadonlyController.connect(),\n  ],\n})\nexport class RadioGroupControlDirective<T = unknown> extends CustomFormControl<T | null> {\n  private readonly hostElement = injectElement();\n\n  constructor() {\n    super(null);\n  }\n\n  @HostListener('focusout', ['$event'])\n  protected onFocusOut(event: FocusEvent): void {\n    if (event.target !== this.hostElement.nativeElement) {\n      this.onTouched();\n    }\n  }\n}\n","import { Directive, inject, Input } from '@angular/core';\nimport { detectControllerChanges, DisabledController, ReadonlyController } from '@odx/angular';\nimport { booleanToAttributeString } from '@odx/angular/utils';\nimport { RADIO_GROUP_CONTROL } from './radio-group-control.directive';\n\n/**\n * A directive that provides radio button functionality within a radio group.\n * It tracks the active state based on the current value of the parent `odxRadioGroupControl`.\n *\n * This directive integrates with Angular Forms through `DisabledController` and `ReadonlyController` directives,\n * enabling form control states like disabled and readonly. It automatically updates its classes\n * to reflect these states and the active (checked) state.\n *\n * @template T - The type of the value.\n */\n@Directive({\n  standalone: true,\n  selector: '[odxRadioControl]',\n  host: {\n    '[class.is-active]': 'isActive',\n    '[class.is-disabled]': 'disabledController?.disabled',\n    '[class.is-readonly]': 'readonlyController?.readonly',\n    '[class.has-error]': 'radioGroupControl.hasError',\n  },\n  providers: [DisabledController.connect(), ReadonlyController.connect()],\n})\nexport class RadioControlDirective<T = unknown> {\n  protected readonly disabledController = DisabledController.inject();\n  protected readonly readonlyController = ReadonlyController.inject();\n  protected readonly radioGroupControl = inject(RADIO_GROUP_CONTROL, { skipSelf: true });\n\n  /**\n   * The value of the radio control.\n   *\n   * @type {T | null}\n   * @default null\n   */\n  @Input()\n  public value: T | null = null;\n\n  /**\n   * The `aria-checked` attribute value.\n   *\n   * @type {string}\n   */\n  public get ariaChecked(): string {\n    return booleanToAttributeString(this.isActive);\n  }\n\n  /**\n   * Gets a value indicating whether the radio control is active.\n   *\n   * @type {boolean}\n   */\n  public get isActive(): boolean {\n    return this.radioGroupControl.value === this.value;\n  }\n\n  constructor() {\n    detectControllerChanges(this.radioGroupControl).subscribe();\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { RadioControlDirective } from './radio-control.directive';\nimport { RadioGroupControlDirective } from './radio-group-control.directive';\n\nconst modules = [RadioGroupControlDirective, RadioControlDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class RadioGroupControlModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-cdk-scrollable.mjs

@@ -12,18 +12,18 @@ class ScrollableService {
          *
          * @type {HTMLElement | null}
          */
-        this.nextItem = signal(null);
+        this.nextItem = signal(null, ...(ngDevMode ? [{ debugName: "nextItem" }] : []));
         /**
          * References to the previous scrollable item.
          *
          * @type {HTMLElement | null}
          */
-        this.prevItem = signal(null);
+        this.prevItem = signal(null, ...(ngDevMode ? [{ debugName: "prevItem" }] : []));
         /** List of currently visible items within the scroll container.
          *
          * @type {HTMLElement[]}
          */
-        this.visibleItems = signal([]);
+        this.visibleItems = signal([], ...(ngDevMode ? [{ debugName: "visibleItems" }] : []));
     }
     ngOnDestroy() {
         this.intersectionObserver?.disconnect();
@@ -121,10 +121,10 @@ class ScrollableService {
         items.forEach((item) => observer.observe(item));
         return observer;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScrollableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScrollableService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ScrollableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ScrollableService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScrollableService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ScrollableService, decorators: [{
             type: Injectable
         }] });
 

package/fesm2022/odx-angular-cdk-scrollable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-cdk-scrollable.mjs","sources":["../../../../libs/angular/cdk/scrollable/src/lib/scrollable.service.ts","../../../../libs/angular/cdk/scrollable/src/odx-angular-cdk-scrollable.ts"],"sourcesContent":["import { ElementRef, Injectable, OnDestroy, signal } from '@angular/core';\n\nexport interface ScrollableItem {\n  element: ElementRef<HTMLElement>;\n}\n\n/**\n * Service to manage scrollable items within a container, providing functionality to observe item visibility\n * and navigate through them.\n */\n@Injectable()\nexport class ScrollableService implements OnDestroy {\n  private intersectionObserver?: IntersectionObserver;\n  private scrollContainer?: ElementRef<HTMLElement>;\n\n  /**\n   * References to the next and previous scrollable items.\n   *\n   * @type {HTMLElement | null}\n   */\n  public readonly nextItem = signal<HTMLElement | null>(null);\n\n  /**\n   * References to the previous scrollable item.\n   *\n   * @type {HTMLElement | null}\n   */\n  public readonly prevItem = signal<HTMLElement | null>(null);\n\n  /** List of currently visible items within the scroll container.\n   *\n   * @type {HTMLElement[]}\n   */\n  public readonly visibleItems = signal<HTMLElement[]>([]);\n\n  public ngOnDestroy(): void {\n    this.intersectionObserver?.disconnect();\n  }\n\n  /**\n   * Starts observing the scrollable items within the specified container.\n   *\n   * @param {ElementRef<HTMLElement>} scrollContainer - The container element that holds the scrollable items.\n   * @param {readonly ScrollableItem[]} items - The list of scrollable items to observe.\n   */\n  public observe(scrollContainer: ElementRef<HTMLElement>, items: readonly ScrollableItem[]): void {\n    this.scrollContainer = scrollContainer;\n    if (this.intersectionObserver) {\n      this.intersectionObserver.disconnect();\n    }\n\n    const allItems = items.map((item) => item.element.nativeElement);\n    if (!this.scrollContainer || allItems.length === 0) {\n      this.nextItem.set(null);\n      this.prevItem.set(null);\n      return;\n    }\n\n    this.intersectionObserver = this.observeVisibility(allItems, (visible) => {\n      let prevItem: HTMLElement | null = null;\n      let nextItem: HTMLElement | null = null;\n\n      if (visible.length > 0 && allItems.length > visible.length) {\n        const firstVisibleIndex = allItems.indexOf(visible[0]);\n        if (firstVisibleIndex > 0) {\n          prevItem = allItems[firstVisibleIndex - 1];\n        }\n\n        const lastVisibleIndex = allItems.indexOf(visible[visible.length - 1]);\n        if (lastVisibleIndex < allItems.length - 1) {\n          nextItem = allItems[lastVisibleIndex + 1];\n        }\n      }\n\n      this.nextItem.set(nextItem);\n      this.prevItem.set(prevItem);\n    });\n  }\n\n  /**\n   * Scrolls the container in the specified direction.\n   *\n   * @param {'next' | 'prev'} direction - The direction to scroll ('next' for right, 'prev' for left).\n   */\n  public scroll(direction: 1 | -1 = 1): void {\n    const container = this.scrollContainer?.nativeElement;\n    if (!container) return;\n\n    container.scrollBy({ left: (container.clientWidth * direction) / 2 });\n  }\n\n  /**\n   * Scrolls the active item into view within the scroll container.\n   *\n   * @param {HTMLElement | null} activeItem - The currently active item to scroll into view.\n   */\n  public scrollActiveItemIntoHorizontalView(activeItem: HTMLElement | null): void {\n    const container = this.scrollContainer?.nativeElement;\n    if (!container || !activeItem) return;\n\n    // Use a small epsilon to avoid false positives from subpixel rounding.\n    const isHorizontallyScrollable = container.scrollWidth - container.clientWidth > 1;\n    // If there is no horizontal overflow, any attempt to \"scroll into view\" can only scroll ancestor containers\n    // (including the page). This is the root cause of the page jumping on load/resize.\n    if (!isHorizontallyScrollable) return;\n\n    const containerRect = container.getBoundingClientRect();\n    const itemRect = activeItem.getBoundingClientRect();\n\n    const isFullyVisible = itemRect.left >= containerRect.left && itemRect.right <= containerRect.right;\n    if (isFullyVisible) return;\n\n    const maxLeft = Math.max(0, container.scrollWidth - container.clientWidth);\n    let targetLeft = container.scrollLeft;\n    const itemLeft = itemRect.left - containerRect.left + container.scrollLeft;\n    const itemCenter = itemLeft + itemRect.width / 2;\n    targetLeft = itemCenter - container.clientWidth / 2;\n    targetLeft = Math.min(maxLeft, Math.max(0, targetLeft));\n\n    const leftChanged = Math.abs(targetLeft - container.scrollLeft) > 1;\n    if (!leftChanged) return;\n\n    container.scrollTo({ left: targetLeft, behavior: 'smooth' });\n  }\n\n  private observeVisibility(items: HTMLElement[], callback: (visible: HTMLElement[]) => void): IntersectionObserver {\n    const visibleMap = new Map<HTMLElement, boolean>();\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          const isVisible = entry.isIntersecting && entry.intersectionRatio >= 0.75;\n          visibleMap.set(entry.target as HTMLElement, isVisible);\n        }\n        const visible = items.filter((item) => visibleMap.get(item));\n        this.visibleItems.set(visible);\n        callback(visible);\n      },\n      {\n        root: this.scrollContainer!.nativeElement,\n        threshold: 1,\n      },\n    );\n\n    items.forEach((item) => observer.observe(item));\n    return observer;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"odx-angular-cdk-scrollable.mjs","sources":["../../../../libs/angular/cdk/scrollable/src/lib/scrollable.service.ts","../../../../libs/angular/cdk/scrollable/src/odx-angular-cdk-scrollable.ts"],"sourcesContent":["import { ElementRef, Injectable, OnDestroy, signal } from '@angular/core';\n\nexport interface ScrollableItem {\n  element: ElementRef<HTMLElement>;\n}\n\n/**\n * Service to manage scrollable items within a container, providing functionality to observe item visibility\n * and navigate through them.\n */\n@Injectable()\nexport class ScrollableService implements OnDestroy {\n  private intersectionObserver?: IntersectionObserver;\n  private scrollContainer?: ElementRef<HTMLElement>;\n\n  /**\n   * References to the next and previous scrollable items.\n   *\n   * @type {HTMLElement | null}\n   */\n  public readonly nextItem = signal<HTMLElement | null>(null);\n\n  /**\n   * References to the previous scrollable item.\n   *\n   * @type {HTMLElement | null}\n   */\n  public readonly prevItem = signal<HTMLElement | null>(null);\n\n  /** List of currently visible items within the scroll container.\n   *\n   * @type {HTMLElement[]}\n   */\n  public readonly visibleItems = signal<HTMLElement[]>([]);\n\n  public ngOnDestroy(): void {\n    this.intersectionObserver?.disconnect();\n  }\n\n  /**\n   * Starts observing the scrollable items within the specified container.\n   *\n   * @param {ElementRef<HTMLElement>} scrollContainer - The container element that holds the scrollable items.\n   * @param {readonly ScrollableItem[]} items - The list of scrollable items to observe.\n   */\n  public observe(scrollContainer: ElementRef<HTMLElement>, items: readonly ScrollableItem[]): void {\n    this.scrollContainer = scrollContainer;\n    if (this.intersectionObserver) {\n      this.intersectionObserver.disconnect();\n    }\n\n    const allItems = items.map((item) => item.element.nativeElement);\n    if (!this.scrollContainer || allItems.length === 0) {\n      this.nextItem.set(null);\n      this.prevItem.set(null);\n      return;\n    }\n\n    this.intersectionObserver = this.observeVisibility(allItems, (visible) => {\n      let prevItem: HTMLElement | null = null;\n      let nextItem: HTMLElement | null = null;\n\n      if (visible.length > 0 && allItems.length > visible.length) {\n        const firstVisibleIndex = allItems.indexOf(visible[0]);\n        if (firstVisibleIndex > 0) {\n          prevItem = allItems[firstVisibleIndex - 1];\n        }\n\n        const lastVisibleIndex = allItems.indexOf(visible[visible.length - 1]);\n        if (lastVisibleIndex < allItems.length - 1) {\n          nextItem = allItems[lastVisibleIndex + 1];\n        }\n      }\n\n      this.nextItem.set(nextItem);\n      this.prevItem.set(prevItem);\n    });\n  }\n\n  /**\n   * Scrolls the container in the specified direction.\n   *\n   * @param {'next' | 'prev'} direction - The direction to scroll ('next' for right, 'prev' for left).\n   */\n  public scroll(direction: 1 | -1 = 1): void {\n    const container = this.scrollContainer?.nativeElement;\n    if (!container) return;\n\n    container.scrollBy({ left: (container.clientWidth * direction) / 2 });\n  }\n\n  /**\n   * Scrolls the active item into view within the scroll container.\n   *\n   * @param {HTMLElement | null} activeItem - The currently active item to scroll into view.\n   */\n  public scrollActiveItemIntoHorizontalView(activeItem: HTMLElement | null): void {\n    const container = this.scrollContainer?.nativeElement;\n    if (!container || !activeItem) return;\n\n    // Use a small epsilon to avoid false positives from subpixel rounding.\n    const isHorizontallyScrollable = container.scrollWidth - container.clientWidth > 1;\n    // If there is no horizontal overflow, any attempt to \"scroll into view\" can only scroll ancestor containers\n    // (including the page). This is the root cause of the page jumping on load/resize.\n    if (!isHorizontallyScrollable) return;\n\n    const containerRect = container.getBoundingClientRect();\n    const itemRect = activeItem.getBoundingClientRect();\n\n    const isFullyVisible = itemRect.left >= containerRect.left && itemRect.right <= containerRect.right;\n    if (isFullyVisible) return;\n\n    const maxLeft = Math.max(0, container.scrollWidth - container.clientWidth);\n    let targetLeft = container.scrollLeft;\n    const itemLeft = itemRect.left - containerRect.left + container.scrollLeft;\n    const itemCenter = itemLeft + itemRect.width / 2;\n    targetLeft = itemCenter - container.clientWidth / 2;\n    targetLeft = Math.min(maxLeft, Math.max(0, targetLeft));\n\n    const leftChanged = Math.abs(targetLeft - container.scrollLeft) > 1;\n    if (!leftChanged) return;\n\n    container.scrollTo({ left: targetLeft, behavior: 'smooth' });\n  }\n\n  private observeVisibility(items: HTMLElement[], callback: (visible: HTMLElement[]) => void): IntersectionObserver {\n    const visibleMap = new Map<HTMLElement, boolean>();\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          const isVisible = entry.isIntersecting && entry.intersectionRatio >= 0.75;\n          visibleMap.set(entry.target as HTMLElement, isVisible);\n        }\n        const visible = items.filter((item) => visibleMap.get(item));\n        this.visibleItems.set(visible);\n        callback(visible);\n      },\n      {\n        root: this.scrollContainer!.nativeElement,\n        threshold: 1,\n      },\n    );\n\n    items.forEach((item) => observer.observe(item));\n    return observer;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-components-accordion.mjs

@@ -22,13 +22,13 @@ let AccordionComponent = class AccordionComponent {
     constructor() {
         this.element = injectElement();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AccordionComponent, isStandalone: true, selector: "odx-accordion", hostDirectives: [{ directive: i1.ExpandableContainerDirective, inputs: ["multiple", "multiple"] }], ngImport: i0, template: "<ng-content select=\"odx-accordion-item\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AccordionComponent, isStandalone: true, selector: "odx-accordion", hostDirectives: [{ directive: i1.ExpandableContainerDirective, inputs: ["multiple", "multiple"] }], ngImport: i0, template: "<ng-content select=\"odx-accordion-item\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 AccordionComponent = __decorate([
     CSSComponent('accordion')
 ], AccordionComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-accordion', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [{ directive: ExpandableContainerDirective, inputs: ['multiple'] }], template: "<ng-content select=\"odx-accordion-item\" />\n" }]
         }] });
@@ -45,13 +45,13 @@ let AccordionItemComponent = class AccordionItemComponent {
     constructor() {
         this.disabledController = DisabledController.inject();
         this.expandableItem = inject(ExpandableItemDirective, { self: true });
-        this.expandableBlock = viewChild('expandableBlock');
+        this.expandableBlock = viewChild('expandableBlock', ...(ngDevMode ? [{ debugName: "expandableBlock" }] : []));
         this.element = injectElement();
         /**
          * The title for the accordion item. This is an `InputSignal`.
          * @default null
          */
-        this.title = input(null);
+        this.title = input(null, ...(ngDevMode ? [{ debugName: "title" }] : []));
         /**
          * Emits when the expanded state of the accordion item changes.
          * This is an `OutputEmitterRef`.
@@ -99,30 +99,30 @@ let AccordionItemComponent = class AccordionItemComponent {
             this.expandedChange.emit(this.expandableItem.expanded);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AccordionItemComponent, isStandalone: true, selector: "odx-accordion-item", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-disabled": "isDisabled", "class.odx-accordion-item--expanded": "isExpanded", "attr.id": "expandableItem.id", "attr.title": "null" } }, providers: [DisabledController.connect()], viewQueries: [{ propertyName: "expandableBlock", first: true, predicate: ["expandableBlock"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div\n  #button\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title()) {\n    <div>{{ title() }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\" />\n</div>\n\n@defer (on viewport(button)) {\n  <div #expandableBlock class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" (transitionend)=\"onTransitionEnd($event)\">\n    <div class=\"odx-accordion-item__slot-content\">\n      <ng-content />\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.InteractiveDirective, selector: "[odxCdkInteractive]", outputs: ["odxCdkInteractive"] }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AccordionItemComponent, isStandalone: true, selector: "odx-accordion-item", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-disabled": "isDisabled", "class.odx-accordion-item--expanded": "isExpanded", "attr.id": "expandableItem.id", "attr.title": "null" } }, providers: [DisabledController.connect()], viewQueries: [{ propertyName: "expandableBlock", first: true, predicate: ["expandableBlock"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div\n  #button\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title()) {\n    <div>{{ title() }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"core::chevron-down\" />\n</div>\n\n@defer (on viewport(button)) {\n  <div #expandableBlock class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" (transitionend)=\"onTransitionEnd($event)\">\n    <div class=\"odx-accordion-item__slot-content\">\n      <ng-content />\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.InteractiveDirective, selector: "[odxCdkInteractive]", outputs: ["odxCdkInteractive"] }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["size", "name", "set", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 AccordionItemComponent = __decorate([
     CSSComponent('accordion-item')
 ], AccordionItemComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccordionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-accordion-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [A11yModule, CoreModule, IconComponent], providers: [DisabledController.connect()], hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }], host: {
                         '[class.is-disabled]': 'isDisabled',
                         '[class.odx-accordion-item--expanded]': 'isExpanded',
                         '[attr.id]': 'expandableItem.id',
                         '[attr.title]': 'null',
-                    }, template: "<div\n  #button\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title()) {\n    <div>{{ title() }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\" />\n</div>\n\n@defer (on viewport(button)) {\n  <div #expandableBlock class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" (transitionend)=\"onTransitionEnd($event)\">\n    <div class=\"odx-accordion-item__slot-content\">\n      <ng-content />\n    </div>\n  </div>\n}\n" }]
-        }] });
+                    }, template: "<div\n  #button\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title()) {\n    <div>{{ title() }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"core::chevron-down\" />\n</div>\n\n@defer (on viewport(button)) {\n  <div #expandableBlock class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" (transitionend)=\"onTransitionEnd($event)\">\n    <div class=\"odx-accordion-item__slot-content\">\n      <ng-content />\n    </div>\n  </div>\n}\n" }]
+        }], propDecorators: { expandableBlock: [{ type: i0.ViewChild, args: ['expandableBlock', { isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }] } });
 
 /**
  * Directive for the title of an accordion item.
  */
 class AccordionItemTitleDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AccordionItemTitleDirective, isStandalone: true, selector: "odx-accordion-item-title", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccordionItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: AccordionItemTitleDirective, isStandalone: true, selector: "odx-accordion-item-title", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionItemTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccordionItemTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -132,11 +132,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 const modules = [AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective];
 class AccordionModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: AccordionModule, imports: [AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective], exports: [CoreModule, AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionModule, imports: [AccordionItemComponent, CoreModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AccordionModule, imports: [AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective], exports: [CoreModule, AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccordionModule, imports: [AccordionItemComponent, CoreModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccordionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules,

package/fesm2022/odx-angular-components-accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-accordion.mjs","sources":["../../../../libs/angular/components/accordion/src/lib/accordion.component.ts","../../../../libs/angular/components/accordion/src/lib/accordion.component.html","../../../../libs/angular/components/accordion/src/lib/components/accordion-item/accordion-item.component.ts","../../../../libs/angular/components/accordion/src/lib/components/accordion-item/accordion-item.component.html","../../../../libs/angular/components/accordion/src/lib/directives/accordion-item-title.ts","../../../../libs/angular/components/accordion/src/lib/accordion.module.ts","../../../../libs/angular/components/accordion/src/odx-angular-components-accordion.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { ExpandableContainerDirective } from '@odx/angular/cdk/expandable';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n/**\n * Represents an accordion component.\n * Has host directive ExpandableContainerDirective\n *\n * @see {ExpandableContainerDirective}\n *\n * You can manage the expansion state of the accordion items by using the `ExpandableContainerDirective` methods.\n */\n@CSSComponent('accordion')\n@Component({\n  selector: 'odx-accordion',\n  templateUrl: './accordion.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [{ directive: ExpandableContainerDirective, inputs: ['multiple'] }],\n})\nexport class AccordionComponent {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"odx-accordion-item\" />\n","import { ChangeDetectionStrategy, Component, ElementRef, ViewEncapsulation, inject, input, output, viewChild } from '@angular/core';\nimport { CoreModule, DisabledController } from '@odx/angular';\nimport { A11yModule } from '@odx/angular/cdk/a11y';\nimport { ExpandableItemDirective } from '@odx/angular/cdk/expandable';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n/**\n * Represents an item in an accordion component.\n * Has host directive ExpandableItemDirective\n *\n * @see {ExpandableItemDirective}\n *\n * You can control the accordion item's expansion state through the ExpandableItemDirective methods.\n */\n@CSSComponent('accordion-item')\n@Component({\n  selector: 'odx-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [A11yModule, CoreModule, IconComponent],\n  providers: [DisabledController.connect()],\n  hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }],\n  host: {\n    '[class.is-disabled]': 'isDisabled',\n    '[class.odx-accordion-item--expanded]': 'isExpanded',\n    '[attr.id]': 'expandableItem.id',\n    '[attr.title]': 'null',\n  },\n})\nexport class AccordionItemComponent {\n  private readonly disabledController = DisabledController.inject();\n  protected readonly expandableItem = inject(ExpandableItemDirective, { self: true });\n  protected readonly expandableBlock = viewChild<ElementRef>('expandableBlock');\n  public readonly element = injectElement();\n\n  /**\n   * The title for the accordion item. This is an `InputSignal`.\n   * @default null\n   */\n  public title = input<string | null>(null);\n\n  /**\n   * Emits when the expanded state of the accordion item changes.\n   * This is an `OutputEmitterRef`.\n   *\n   * The emitted value is the new expanded state.\n   */\n  public expandedChange = output<boolean>();\n\n  /**\n   * Gets a value indicating whether the accordion item is disabled.\n   *\n   * @returns {boolean} True if the accordion item is disabled, false otherwise.\n   */\n  public get isDisabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  /**\n   * Gets a value indicating whether the accordion item is expanded.\n   *\n   * @returns {boolean} True if the accordion item is expanded, false otherwise.\n   */\n  public get isExpanded(): boolean {\n    return !this.isDisabled && this.expandableItem.expanded;\n  }\n\n  /**\n   * Gets the ID of the title element for accessibility purposes.\n   * The ID is generated by appending \"-title\" to the ID of the expandable item.\n   *\n   * @returns {string} The ID of the title element.\n   */\n  public get titleId(): string {\n    return `${this.expandableItem.id}-title`;\n  }\n\n  /**\n   * Gets the slot ID for the accordion item.\n   * The slot ID is generated by appending \"-slot\" to the ID of the expandable item.\n   *\n   * @returns {string} The slot ID.\n   */\n  public get slotId(): string {\n    return `${this.expandableItem.id}-slot`;\n  }\n\n  protected onTransitionEnd({ target, propertyName }: TransitionEvent): void {\n    if (target === this.expandableBlock()?.nativeElement && propertyName === 'grid-template-rows') {\n      this.expandedChange.emit(this.expandableItem.expanded);\n    }\n  }\n}\n","<div\n  #button\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title()) {\n    <div>{{ title() }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\" />\n</div>\n\n@defer (on viewport(button)) {\n  <div #expandableBlock class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" (transitionend)=\"onTransitionEnd($event)\">\n    <div class=\"odx-accordion-item__slot-content\">\n      <ng-content />\n    </div>\n  </div>\n}\n","import { Directive } from '@angular/core';\n\n/**\n * Directive for the title of an accordion item.\n */\n@Directive({\n  standalone: true,\n  selector: 'odx-accordion-item-title',\n})\nexport class AccordionItemTitleDirective {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { AccordionComponent } from './accordion.component';\nimport { AccordionItemComponent } from './components';\nimport { AccordionItemTitleDirective } from './directives';\n\nconst modules = [AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class AccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"odx-angular-components-accordion.mjs","sources":["../../../../libs/angular/components/accordion/src/lib/accordion.component.ts","../../../../libs/angular/components/accordion/src/lib/accordion.component.html","../../../../libs/angular/components/accordion/src/lib/components/accordion-item/accordion-item.component.ts","../../../../libs/angular/components/accordion/src/lib/components/accordion-item/accordion-item.component.html","../../../../libs/angular/components/accordion/src/lib/directives/accordion-item-title.ts","../../../../libs/angular/components/accordion/src/lib/accordion.module.ts","../../../../libs/angular/components/accordion/src/odx-angular-components-accordion.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { ExpandableContainerDirective } from '@odx/angular/cdk/expandable';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n/**\n * Represents an accordion component.\n * Has host directive ExpandableContainerDirective\n *\n * @see {ExpandableContainerDirective}\n *\n * You can manage the expansion state of the accordion items by using the `ExpandableContainerDirective` methods.\n */\n@CSSComponent('accordion')\n@Component({\n  selector: 'odx-accordion',\n  templateUrl: './accordion.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [{ directive: ExpandableContainerDirective, inputs: ['multiple'] }],\n})\nexport class AccordionComponent {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"odx-accordion-item\" />\n","import { ChangeDetectionStrategy, Component, ElementRef, ViewEncapsulation, inject, input, output, viewChild } from '@angular/core';\nimport { CoreModule, DisabledController } from '@odx/angular';\nimport { A11yModule } from '@odx/angular/cdk/a11y';\nimport { ExpandableItemDirective } from '@odx/angular/cdk/expandable';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n/**\n * Represents an item in an accordion component.\n * Has host directive ExpandableItemDirective\n *\n * @see {ExpandableItemDirective}\n *\n * You can control the accordion item's expansion state through the ExpandableItemDirective methods.\n */\n@CSSComponent('accordion-item')\n@Component({\n  selector: 'odx-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [A11yModule, CoreModule, IconComponent],\n  providers: [DisabledController.connect()],\n  hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }],\n  host: {\n    '[class.is-disabled]': 'isDisabled',\n    '[class.odx-accordion-item--expanded]': 'isExpanded',\n    '[attr.id]': 'expandableItem.id',\n    '[attr.title]': 'null',\n  },\n})\nexport class AccordionItemComponent {\n  private readonly disabledController = DisabledController.inject();\n  protected readonly expandableItem = inject(ExpandableItemDirective, { self: true });\n  protected readonly expandableBlock = viewChild<ElementRef>('expandableBlock');\n  public readonly element = injectElement();\n\n  /**\n   * The title for the accordion item. This is an `InputSignal`.\n   * @default null\n   */\n  public title = input<string | null>(null);\n\n  /**\n   * Emits when the expanded state of the accordion item changes.\n   * This is an `OutputEmitterRef`.\n   *\n   * The emitted value is the new expanded state.\n   */\n  public expandedChange = output<boolean>();\n\n  /**\n   * Gets a value indicating whether the accordion item is disabled.\n   *\n   * @returns {boolean} True if the accordion item is disabled, false otherwise.\n   */\n  public get isDisabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  /**\n   * Gets a value indicating whether the accordion item is expanded.\n   *\n   * @returns {boolean} True if the accordion item is expanded, false otherwise.\n   */\n  public get isExpanded(): boolean {\n    return !this.isDisabled && this.expandableItem.expanded;\n  }\n\n  /**\n   * Gets the ID of the title element for accessibility purposes.\n   * The ID is generated by appending \"-title\" to the ID of the expandable item.\n   *\n   * @returns {string} The ID of the title element.\n   */\n  public get titleId(): string {\n    return `${this.expandableItem.id}-title`;\n  }\n\n  /**\n   * Gets the slot ID for the accordion item.\n   * The slot ID is generated by appending \"-slot\" to the ID of the expandable item.\n   *\n   * @returns {string} The slot ID.\n   */\n  public get slotId(): string {\n    return `${this.expandableItem.id}-slot`;\n  }\n\n  protected onTransitionEnd({ target, propertyName }: TransitionEvent): void {\n    if (target === this.expandableBlock()?.nativeElement && propertyName === 'grid-template-rows') {\n      this.expandedChange.emit(this.expandableItem.expanded);\n    }\n  }\n}\n","<div\n  #button\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title()) {\n    <div>{{ title() }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"core::chevron-down\" />\n</div>\n\n@defer (on viewport(button)) {\n  <div #expandableBlock class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" (transitionend)=\"onTransitionEnd($event)\">\n    <div class=\"odx-accordion-item__slot-content\">\n      <ng-content />\n    </div>\n  </div>\n}\n","import { Directive } from '@angular/core';\n\n/**\n * Directive for the title of an accordion item.\n */\n@Directive({\n  standalone: true,\n  selector: 'odx-accordion-item-title',\n})\nexport class AccordionItemTitleDirective {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { AccordionComponent } from './accordion.component';\nimport { AccordionItemComponent } from './components';\nimport { AccordionItemTitleDirective } from './directives';\n\nconst modules = [AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class AccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-components-action-group.mjs

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
 import { booleanAttribute, Input, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { CSSModifier, CSSComponent } from '@odx/angular/internal';
@@ -18,17 +18,16 @@ let ActionGroupComponent = class ActionGroupComponent {
          */
         this.reverse = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: ActionGroupComponent, isStandalone: true, selector: "odx-action-group", inputs: { reverse: ["reverse", "reverse", booleanAttribute] }, ngImport: i0, template: "<ng-content select=\"[odxButton], ng-template\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ActionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.16", type: ActionGroupComponent, isStandalone: true, selector: "odx-action-group", inputs: { reverse: ["reverse", "reverse", booleanAttribute] }, ngImport: i0, template: "<ng-content select=\"[odxButton], ng-template\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
+    CSSModifier()
 ], ActionGroupComponent.prototype, "reverse", void 0);
 ActionGroupComponent = __decorate([
     CSSComponent('action-group')
 ], ActionGroupComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ActionGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-action-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content select=\"[odxButton], ng-template\" />\n" }]
         }], propDecorators: { reverse: [{

package/fesm2022/odx-angular-components-action-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-action-group.mjs","sources":["../../../../libs/angular/components/action-group/src/action-group.component.ts","../../../../libs/angular/components/action-group/src/action-group.component.html","../../../../libs/angular/components/action-group/src/odx-angular-components-action-group.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n/**\n * Represents an action group component.\n */\n@CSSComponent('action-group')\n@Component({\n  selector: 'odx-action-group',\n  templateUrl: './action-group.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class ActionGroupComponent {\n  public readonly element = injectElement();\n\n  /**\n   * Indicates whether the action group should be displayed in reverse order.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public reverse = false;\n}\n","<ng-content select=\"[odxButton], ng-template\" />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAIA;;AAEG;AASI,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;QACW,IAAA,CAAA,OAAO,GAAG,aAAa,EAAE;AAEzC;;;;;AAKG;QAGI,IAAA,CAAA,OAAO,GAAG,KAAK;AACvB,IAAA;+GAZY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAUX,gBAAgB,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzBtC,sDACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;ADyBS,UAAA,CAAA;AAFN,IAAA,WAAW,EAAE;;AAES,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAXZ,oBAAoB,GAAA,UAAA,CAAA;IARhC,YAAY,CAAC,cAAc;AAQf,CAAA,EAAA,oBAAoB,CAYhC;4FAZY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BACE,kBAAkB,EAAA,aAAA,EAEb,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,QAAA,EAAA,sDAAA,EAAA;8BAaT,OAAO,EAAA,CAAA;sBADb,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AEzBxC;;AAEG;;;;"}
+{"version":3,"file":"odx-angular-components-action-group.mjs","sources":["../../../../libs/angular/components/action-group/src/action-group.component.ts","../../../../libs/angular/components/action-group/src/action-group.component.html","../../../../libs/angular/components/action-group/src/odx-angular-components-action-group.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n/**\n * Represents an action group component.\n */\n@CSSComponent('action-group')\n@Component({\n  selector: 'odx-action-group',\n  templateUrl: './action-group.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class ActionGroupComponent {\n  public readonly element = injectElement();\n\n  /**\n   * Indicates whether the action group should be displayed in reverse order.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public reverse = false;\n}\n","<ng-content select=\"[odxButton], ng-template\" />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAIA;;AAEG;AASI,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;QACW,IAAA,CAAA,OAAO,GAAG,aAAa,EAAE;AAEzC;;;;;AAKG;QAGI,IAAA,CAAA,OAAO,GAAG,KAAK;AACvB,IAAA;+GAZY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAUX,gBAAgB,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzBtC,sDACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;ADyBS,UAAA,CAAA;AAFN,IAAA,WAAW;AAEW,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAXZ,oBAAoB,GAAA,UAAA,CAAA;IARhC,YAAY,CAAC,cAAc;AAQf,CAAA,EAAA,oBAAoB,CAYhC;4FAZY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BACE,kBAAkB,EAAA,aAAA,EAEb,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,QAAA,EAAA,sDAAA,EAAA;;sBAYf,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AEzBxC;;AAEG;;;;"}

package/fesm2022/odx-angular-components-anchor-navigation.mjs

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
 import { inject, signal, computed, effect, Injectable, input, ChangeDetectionStrategy, ViewEncapsulation, Component, contentChildren, booleanAttribute, NgModule } from '@angular/core';
 import { CSSComponent } from '@odx/angular/internal';
@@ -9,27 +9,27 @@ import { LinkDirective } from '@odx/angular/components/link';
 class AnchorNavigationService {
     constructor() {
         this.windowRef = inject(WindowRef);
-        this.intersectionStates = signal({});
-        this.targetScrollSections = computed(() => this.findTargetScrollSections());
+        this.intersectionStates = signal({}, ...(ngDevMode ? [{ debugName: "intersectionStates" }] : []));
+        this.targetScrollSections = computed(() => this.findTargetScrollSections(), ...(ngDevMode ? [{ debugName: "targetScrollSections" }] : []));
         /**
          * @internal
          * A WritableSignal holding the threshold for the IntersectionObserver.
          * This determines how much of the target element must be visible before it is considered intersecting.
          * Defaults to 0.5 (50% visibility).
          */
-        this.threshold = signal(0.5);
+        this.threshold = signal(0.5, ...(ngDevMode ? [{ debugName: "threshold" }] : []));
         /**
          * A WritableSignal holding the scrollable container element or document.
          * This is set by the AnchorNavigationComponent.
          * Defaults to the window's document.
          */
-        this.scrollableContainer = signal(this.windowRef.document);
+        this.scrollableContainer = signal(this.windowRef.document, ...(ngDevMode ? [{ debugName: "scrollableContainer" }] : []));
         /**
          * A WritableSignal holding an array of `AnchorLinkDirective` instances.
          * These are the links managed by the service, typically set by the `AnchorNavigationComponent`
          * based on its projected content.
          */
-        this.projectedAnchorLinks = signal([]);
+        this.projectedAnchorLinks = signal([], ...(ngDevMode ? [{ debugName: "projectedAnchorLinks" }] : []));
         /**
          * A readonly Signal indicating the currently active AnchorLinkDirective.
          * This is updated by the service based on scroll position and intersection.
@@ -40,7 +40,7 @@ class AnchorNavigationService {
             const projectedLinks = this.projectedAnchorLinks();
             const activeSection = sections.find((section) => states[section.id]);
             return activeSection ? projectedLinks.find((link) => link.href() === activeSection.id) || null : null;
-        });
+        }, ...(ngDevMode ? [{ debugName: "activeAnchorLink" }] : []));
         effect((onCleanup) => {
             const currentRoot = this.scrollableContainer();
             const currentLinks = this.projectedAnchorLinks();
@@ -54,7 +54,7 @@ class AnchorNavigationService {
             onCleanup(() => {
                 this.disconnectObserver();
             });
-        }, { allowSignalWrites: true });
+        });
     }
     ngOnDestroy() {
         this.disconnectObserver();
@@ -126,10 +126,10 @@ class AnchorNavigationService {
         this.intersectionObserver?.disconnect();
         this.intersectionObserver = undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AnchorNavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AnchorNavigationService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AnchorNavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -137,25 +137,25 @@ let AnchorNavigationItemComponent = class AnchorNavigationItemComponent {
     constructor() {
         this.navigationService = inject(AnchorNavigationService);
         this.element = injectElement();
-        this.href = input.required();
-        this.isActive = computed(() => this.navigationService.activeAnchorLink() === this);
+        this.href = input.required(...(ngDevMode ? [{ debugName: "href" }] : []));
+        this.isActive = computed(() => this.navigationService.activeAnchorLink() === this, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
     }
     handleClick(e) {
         e.preventDefault();
         this.navigationService.scrollToAnchor(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AnchorNavigationItemComponent, isStandalone: true, selector: "odx-anchor-navigation-item", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.is-active": "isActive()" } }, ngImport: i0, template: "<a odxLink [href]=\"'#' + href()\" (click)=\"handleClick($event)\" (keydown.space)=\"handleClick($event)\" [attr.aria-current]=\"isActive() ? 'page' : null\">\n  <ng-content />\n</a>\n", dependencies: [{ kind: "directive", type: LinkDirective, selector: "a[odxLink]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AnchorNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AnchorNavigationItemComponent, isStandalone: true, selector: "odx-anchor-navigation-item", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.is-active": "isActive()" } }, ngImport: i0, template: "<a odxLink [href]=\"'#' + href()\" (click)=\"handleClick($event)\" (keydown.space)=\"handleClick($event)\" [attr.aria-current]=\"isActive() ? 'page' : null\">\n  <ng-content />\n</a>\n", dependencies: [{ kind: "directive", type: LinkDirective, selector: "a[odxLink]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 AnchorNavigationItemComponent = __decorate([
     CSSComponent('anchor-navigation-item')
 ], AnchorNavigationItemComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AnchorNavigationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-anchor-navigation-item', standalone: true, imports: [LinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.is-active]': 'isActive()',
                     }, template: "<a odxLink [href]=\"'#' + href()\" (click)=\"handleClick($event)\" (keydown.space)=\"handleClick($event)\" [attr.aria-current]=\"isActive() ? 'page' : null\">\n  <ng-content />\n</a>\n" }]
-        }] });
+        }], propDecorators: { href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: true }] }] } });
 
 let AnchorNavigationComponent = class AnchorNavigationComponent {
     constructor() {
@@ -165,27 +165,27 @@ let AnchorNavigationComponent = class AnchorNavigationComponent {
          * A Signal with list of `AnchorLinkDirective` instances projected into this component.
          * These are the anchor links that this navigation component will manage.
          */
-        this.projectedAnchorLinks = contentChildren(AnchorNavigationItemComponent);
+        this.projectedAnchorLinks = contentChildren(AnchorNavigationItemComponent, ...(ngDevMode ? [{ debugName: "projectedAnchorLinks" }] : []));
         /**
          * Input to determine if the anchor navigation should be displayed vertically.
          * Defaults to `false` (horizontal).
          */
-        this.vertical = input(false, { transform: booleanAttribute });
+        this.vertical = input(false, ...(ngDevMode ? [{ debugName: "vertical", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * Input to specify the threshold for the IntersectionObserver.
          * This determines how much of the target element must be visible before it is considered intersecting.
          * Defaults to `0.5` (50% visibility).
          */
-        this.threshold = input(0.5, {
-            transform: (value) => Math.max(0, Math.min(value, 1)),
-        });
+        this.threshold = input(0.5, ...(ngDevMode ? [{ debugName: "threshold", transform: (value) => Math.max(0, Math.min(value, 1)) }] : [{
+                transform: (value) => Math.max(0, Math.min(value, 1)),
+            }]));
         /**
          * Input to specify the scrollable container element or document whose scroll position
          * is used to determine the active anchor link. If not provided, defaults to the
          * `document` of the current window.
          */
         // eslint-disable-next-line @angular-eslint/no-input-rename
-        this.scrollableContainer = input(undefined, { alias: 'root' });
+        this.scrollableContainer = input(undefined, ...(ngDevMode ? [{ debugName: "scrollableContainer", alias: 'root' }] : [{ alias: 'root' }]));
         this.activeAnchorLink = this.service.activeAnchorLink;
         effect(() => {
             this.service.projectedAnchorLinks.set(this.projectedAnchorLinks());
@@ -194,7 +194,7 @@ let AnchorNavigationComponent = class AnchorNavigationComponent {
             if (rcInput !== undefined) {
                 this.service.scrollableContainer.set(rcInput);
             }
-        }, { allowSignalWrites: true });
+        });
     }
     /**
      * Scrolls the view to the section associated with the given `AnchorLinkDirective`.
@@ -203,28 +203,27 @@ let AnchorNavigationComponent = class AnchorNavigationComponent {
     scrollToAnchor(anchor) {
         this.service.scrollToAnchor(anchor);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: AnchorNavigationComponent, isStandalone: true, selector: "odx-anchor-navigation", inputs: { vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, threshold: { classPropertyName: "threshold", publicName: "threshold", isSignal: true, isRequired: false, transformFunction: null }, scrollableContainer: { classPropertyName: "scrollableContainer", publicName: "root", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.odx-anchor-navigation--vertical": "vertical()", "attr.role": "\"navigation\"" } }, providers: [AnchorNavigationService], queries: [{ propertyName: "projectedAnchorLinks", predicate: AnchorNavigationItemComponent, isSignal: true }], ngImport: i0, template: "<ng-content select=\"odx-anchor-navigation-item\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AnchorNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.16", type: AnchorNavigationComponent, isStandalone: true, selector: "odx-anchor-navigation", inputs: { vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, threshold: { classPropertyName: "threshold", publicName: "threshold", isSignal: true, isRequired: false, transformFunction: null }, scrollableContainer: { classPropertyName: "scrollableContainer", publicName: "root", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.odx-anchor-navigation--vertical": "vertical()", "attr.role": "\"navigation\"" } }, providers: [AnchorNavigationService], queries: [{ propertyName: "projectedAnchorLinks", predicate: AnchorNavigationItemComponent, isSignal: true }], ngImport: i0, template: "<ng-content select=\"odx-anchor-navigation-item\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 AnchorNavigationComponent = __decorate([
-    CSSComponent('anchor-navigation'),
-    __metadata("design:paramtypes", [])
+    CSSComponent('anchor-navigation')
 ], AnchorNavigationComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AnchorNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-anchor-navigation', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, encapsulation: ViewEncapsulation.None, providers: [AnchorNavigationService], host: {
                         '[class.odx-anchor-navigation--vertical]': 'vertical()',
                         '[attr.role]': '"navigation"',
                     }, template: "<ng-content select=\"odx-anchor-navigation-item\" />\n" }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { projectedAnchorLinks: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AnchorNavigationItemComponent), { isSignal: true }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], threshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "threshold", required: false }] }], scrollableContainer: [{ type: i0.Input, args: [{ isSignal: true, alias: "root", required: false }] }] } });
 
 const modules = [AnchorNavigationComponent, AnchorNavigationItemComponent];
 class AnchorNavigationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationModule, imports: [AnchorNavigationComponent, AnchorNavigationItemComponent], exports: [AnchorNavigationComponent, AnchorNavigationItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AnchorNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AnchorNavigationModule, imports: [AnchorNavigationComponent, AnchorNavigationItemComponent], exports: [AnchorNavigationComponent, AnchorNavigationItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AnchorNavigationModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorNavigationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AnchorNavigationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules,