@odx/angular 2.16.1 → 3.1.0

package/fesm2022/odx-angular-charts-config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-charts-config.mjs","sources":["../../../../libs/angular/charts-config/src/lib/charts-theme.service.ts","../../../../libs/angular/charts-config/src/lib/charts-theme.directive.ts","../../../../libs/angular/charts-config/src/lib/charts-theme.module.ts","../../../../libs/angular/charts-config/src/odx-angular-charts-config.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { DOCUMENT } from '@angular/common';\nimport { inject, Injectable } from '@angular/core';\nimport { WindowRef } from '@odx/angular';\nimport { Theme, ThemingService } from '@odx/angular/theming';\nimport { createMutationObserver } from '@odx/angular/utils';\nimport { ChartConfiguration, ChartType, Color } from 'chart.js';\nimport { ThemeService } from 'ng2-charts';\nimport { distinctUntilChanged, Observable } from 'rxjs';\n\n@Injectable({ providedIn: 'root' })\nexport class ChartsThemeService {\n  private readonly coreChartThemeService = inject(ThemeService);\n  private readonly document = inject(DOCUMENT);\n  private readonly windowRef = inject(WindowRef);\n  private readonly themingService = inject(ThemingService);\n\n  public getOverrides = {\n    borderColor: this.windowRef.getCSSVariable('gray-200'),\n    backgroundColor: 'rgba(0,0,0,0)',\n    color: this.windowRef.getCSSVariable('blue-700'),\n    font: {\n      family: 'PangeaText',\n      size: 13.333,\n    },\n    plugins: {\n      colors: { enabled: false },\n      tooltip: {\n        backgroundColor: this.windowRef.getCSSVariable('blue-800'),\n        cornerRadius: 3,\n      },\n    },\n    datasets: {\n      line: {\n        backgroundColor: (context: any) => `${this.seriesColors[context.datasetIndex]}66`,\n        borderColor: (context: any) => `${this.seriesColors[context.datasetIndex]}`,\n        pointBackgroundColor: (context: any) => `${this.seriesColors[context.datasetIndex]}`,\n        pointBorderColor: '#fff',\n      },\n      bar: {\n        backgroundColor: (context: any) => `${this.seriesColors[context.datasetIndex]}99`,\n        borderColor: (context: any) => `${this.seriesColors[context.datasetIndex]}`,\n      },\n      doughnut: {\n        backgroundColor: (context: any) => `${this.seriesColors[context.dataIndex]}`,\n        borderColor: this.windowRef.getCSSVariable('gray-200'),\n      },\n      polarArea: {\n        backgroundColor: (context: any) => `${this.seriesColors[context.dataIndex]}99`,\n        borderColor: (context: any) => `${this.seriesColors[context.dataIndex]}`,\n      },\n      get pie(): Record<string, ((context: any) => Color) | Color> {\n        return this.doughnut;\n      },\n      get bubble(): Record<string, ((context: any) => Color) | Color> {\n        return this.doughnut;\n      },\n      get scatter(): Record<string, ((context: any) => Color) | Color> {\n        return this.doughnut;\n      },\n      get area(): Record<string, ((context: any) => Color) | Color> {\n        return this.polarArea;\n      },\n      get radar(): Record<string, ((context: any) => Color) | Color> {\n        return this.line;\n      },\n    },\n  };\n\n  public seriesColors = Object.values(this.windowRef.getCSSColorStyles('charts-series'));\n  public observeThemeChanging$: Observable<MutationRecord | Theme> = this.document.body.className.includes('sb-')\n    ? this.buildBodyObserver().pipe(distinctUntilChanged())\n    : this.themingService.theme$;\n\n  public setTheme(chartConf: ChartConfiguration) {\n    const type: ChartType = (chartConf && chartConf['type']) || 'bar';\n    this.coreChartThemeService.setColorschemesOptions(this.themeColorsOverrides(type));\n  }\n\n  private themeColorsOverrides(type?: ChartType): ChartConfiguration['options'] {\n    const scales =\n      type === 'pie' || type === 'doughnut'\n        ? undefined\n        : {\n            x: {\n              ticks: { color: this.windowRef.getCSSVariable('blue-700') },\n              grid: { color: this.windowRef.getCSSVariable('gray-200') },\n            },\n            y: {\n              ticks: { color: this.windowRef.getCSSVariable('blue-700') },\n              grid: { color: this.windowRef.getCSSVariable('gray-200') },\n            },\n          };\n    return {\n      color: this.windowRef.getCSSVariable('blue-700'),\n      scales,\n      plugins: {\n        colors: {\n          forceOverride: true,\n        },\n        legend: {},\n      },\n    };\n  }\n\n  private buildBodyObserver(): Observable<MutationRecord> {\n    return new Observable((observer) => {\n      const mutation: MutationObserver = createMutationObserver(observer, (mutations) => mutations.some(({ type }) => type === 'attributes'));\n      mutation.observe(this.document.body, { attributes: true });\n      return () => mutation.disconnect();\n    });\n  }\n}\n","import { Directive, ElementRef, inject, NgZone } from '@angular/core';\nimport { untilDestroyed } from '@odx/angular/utils';\nimport { BaseChartDirective, ThemeService } from 'ng2-charts';\nimport { ChartsThemeService } from './charts-theme.service';\n\n@Directive({\n  selector: 'canvas[odxChart]',\n  standalone: true,\n})\nexport class ChartThemeDirective extends BaseChartDirective {\n  private readonly chartsThemeService = inject(ChartsThemeService);\n  private readonly takeUntilDestroyed = untilDestroyed();\n\n  constructor(element: ElementRef, ngzone: NgZone, themeService: ThemeService) {\n    super(element, ngzone, themeService);\n    this.chartsThemeService.observeThemeChanging$\n      .pipe(this.takeUntilDestroyed())\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      .subscribe(() => this.chartsThemeService.setTheme(this.chart?.config as any));\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { BaseChartDirective, NgChartsConfiguration, NgChartsModule } from 'ng2-charts';\nimport { ChartThemeDirective } from './charts-theme.directive';\nimport { ChartsThemeService } from './charts-theme.service';\n\n@NgModule({\n  imports: [NgChartsModule, ChartThemeDirective],\n  providers: [\n    {\n      provide: NgChartsConfiguration,\n      useFactory: (service: ChartsThemeService) => ({ defaults: service.getOverrides, generateColors: false }),\n      deps: [ChartsThemeService],\n    },\n    BaseChartDirective,\n  ],\n  exports: [NgChartsModule, ChartThemeDirective],\n})\nexport class ChartThemeModule {}\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

@@ -0,0 +1,104 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, inject, EventEmitter, Input, Output, Directive, NgModule } from '@angular/core';
+import * as i1 from '@odx/angular/cdk/expandable';
+import { ExpandableContainerDirective, ExpandableItemDirective } from '@odx/angular/cdk/expandable';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import { DisabledController, CoreModule } from '@odx/angular';
+import { trigger, transition, useAnimation } from '@angular/animations';
+import { expand, collapse } from '@odx/angular/animations';
+import * as i3 from '@odx/angular/cdk/a11y';
+import { A11yModule } from '@odx/angular/cdk/a11y';
+import { IconComponent } from '@odx/angular/components/icon';
+import * as i2 from '@angular/common';
+
+let AccordionComponent = class AccordionComponent {
+    constructor() {
+        this.element = injectElement();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AccordionComponent, isStandalone: true, selector: "odx-accordion", hostDirectives: [{ directive: i1.ExpandableContainerDirective, inputs: ["multiple", "multiple"] }], ngImport: i0, template: "<ng-content select=\"odx-accordion-item\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+AccordionComponent = __decorate([
+    CSSComponent('accordion')
+], AccordionComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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\"></ng-content>\n" }]
+        }] });
+
+let AccordionItemComponent = class AccordionItemComponent {
+    constructor() {
+        this.disabledController = DisabledController.inject();
+        this.expandableItem = inject(ExpandableItemDirective, { self: true });
+        this.element = injectElement();
+        this.expandedChange = new EventEmitter();
+    }
+    get isDisabled() {
+        return !!this.disabledController?.disabled;
+    }
+    get isExpanded() {
+        return !this.isDisabled && this.expandableItem.expanded;
+    }
+    get titleId() {
+        return `${this.expandableItem.id}-title`;
+    }
+    get slotId() {
+        return `${this.expandableItem.id}-slot`;
+    }
+    onAnimationEnd() {
+        this.expandedChange.emit(this.expandableItem.expanded);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AccordionItemComponent, isStandalone: true, selector: "odx-accordion-item", inputs: { title: "title" }, 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()], hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div\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  <div *ngIf=\"title; else titleTpl\">\n    {{ title }}\n  </div>\n  <ng-template #titleTpl>\n    <ng-content select=\"odx-accordion-item-title\"></ng-content>\n  </ng-template>\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n</div>\n<div\n  class=\"odx-accordion-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"isExpanded\"\n>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.InteractiveDirective, selector: "[odxCdkInteractive]", outputs: ["odxCdkInteractive"] }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet"] }], animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+AccordionItemComponent = __decorate([
+    CSSComponent('accordion-item')
+], AccordionItemComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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',
+                    }, animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], template: "<div\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  <div *ngIf=\"title; else titleTpl\">\n    {{ title }}\n  </div>\n  <ng-template #titleTpl>\n    <ng-content select=\"odx-accordion-item-title\"></ng-content>\n  </ng-template>\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n</div>\n<div\n  class=\"odx-accordion-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"isExpanded\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], expandedChange: [{
+                type: Output
+            }] } });
+
+class AccordionItemTitleDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AccordionItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AccordionItemTitleDirective, isStandalone: true, selector: "odx-accordion-item-title", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AccordionItemTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'odx-accordion-item-title',
+                }]
+        }] });
+
+const modules = [AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective];
+class AccordionModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AccordionModule, imports: [AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective], exports: [CoreModule, AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AccordionModule, imports: [AccordionItemComponent, CoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective, AccordionModule };
+//# sourceMappingURL=odx-angular-components-accordion.mjs.map

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

@@ -0,0 +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@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\"></ng-content>\n","import { transition, trigger, useAnimation } from '@angular/animations';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation, inject } from '@angular/core';\nimport { CoreModule, DisabledController } from '@odx/angular';\nimport { collapse, expand } from '@odx/angular/animations';\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@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  animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])],\n})\nexport class AccordionItemComponent {\n  private readonly disabledController = DisabledController.inject();\n  protected readonly expandableItem = inject(ExpandableItemDirective, { self: true });\n  public readonly element = injectElement();\n\n  @Input()\n  public title?: string | null;\n\n  @Output()\n  public expandedChange: EventEmitter<boolean> = new EventEmitter();\n\n  public get isDisabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  public get isExpanded(): boolean {\n    return !this.isDisabled && this.expandableItem.expanded;\n  }\n\n  public get titleId(): string {\n    return `${this.expandableItem.id}-title`;\n  }\n\n  public get slotId(): string {\n    return `${this.expandableItem.id}-slot`;\n  }\n\n  public onAnimationEnd(): void {\n    this.expandedChange.emit(this.expandableItem.expanded);\n  }\n}\n","<div\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  <div *ngIf=\"title; else titleTpl\">\n    {{ title }}\n  </div>\n  <ng-template #titleTpl>\n    <ng-content select=\"odx-accordion-item-title\"></ng-content>\n  </ng-template>\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n</div>\n<div\n  class=\"odx-accordion-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"isExpanded\"\n>\n  <ng-content></ng-content>\n</div>\n","import { Directive } from '@angular/core';\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

@@ -0,0 +1,35 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { booleanAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+
+let ActionGroupComponent = class ActionGroupComponent {
+    constructor() {
+        this.element = injectElement();
+        this.reverse = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: ActionGroupComponent, isStandalone: true, selector: "odx-action-group", inputs: { reverse: ["reverse", "reverse", booleanAttribute] }, ngImport: i0, template: "<ng-content select=\"[odxButton], ng-template\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], ActionGroupComponent.prototype, "reverse", void 0);
+ActionGroupComponent = __decorate([
+    CSSComponent('action-group')
+], ActionGroupComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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\"></ng-content>\n" }]
+        }], propDecorators: { reverse: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionGroupComponent };
+//# sourceMappingURL=odx-angular-components-action-group.mjs.map

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

@@ -0,0 +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@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  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public reverse = false;\n}\n","<ng-content select=\"[odxButton], ng-template\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAYa,IAAA,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;QACW,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;QAInC,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;AACxB,KAAA;+GANY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAIX,gBAAgB,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBtC,iEACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;ADgBS,UAAA,CAAA;AAFN,IAAA,WAAW,EAAE;;AAES,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AALZ,oBAAoB,GAAA,UAAA,CAAA;IARhC,YAAY,CAAC,cAAc,CAAC;AAQhB,CAAA,EAAA,oBAAoB,CAMhC,CAAA;4FANY,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,iEAAA,EAAA,CAAA;8BAOT,OAAO,EAAA,CAAA;sBADb,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;;;AEhBxC;;AAEG;;;;"}

package/fesm2022/odx-angular-components-area-header.mjs

@@ -0,0 +1,115 @@
+import { __decorate, __metadata } from 'tslib';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive, NgModule } from '@angular/core';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import { CoreModule } from '@odx/angular';
+import { ActionGroupComponent } from '@odx/angular/components/action-group';
+import { AvatarComponent } from '@odx/angular/components/avatar';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { IconComponent } from '@odx/angular/components/icon';
+
+const AreaHeaderSize = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+    XLARGE: 'xlarge',
+};
+
+let AreaHeaderComponent = class AreaHeaderComponent {
+    constructor() {
+        this.element = injectElement();
+        this.size = AreaHeaderSize.LARGE;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AreaHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AreaHeaderComponent, isStandalone: true, selector: "odx-area-header", inputs: { size: "size" }, ngImport: i0, template: "<div class=\"odx-area-header__container\">\n  <ng-content select=\"button[odxNavigationBack], a[odxNavigationBack]\"></ng-content>\n  <ng-content select=\"odx-avatar\"></ng-content>\n  <div class=\"odx-area-header__inner\">\n    <div class=\"odx-area-header__title\">\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"odx-area-header-subtitle\"></ng-content>\n  </div>\n</div>\n<ng-content select=\"odx-area-header-content\"></ng-content>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", String)
+], AreaHeaderComponent.prototype, "size", void 0);
+AreaHeaderComponent = __decorate([
+    CSSComponent('area-header')
+], AreaHeaderComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AreaHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-area-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], standalone: true, template: "<div class=\"odx-area-header__container\">\n  <ng-content select=\"button[odxNavigationBack], a[odxNavigationBack]\"></ng-content>\n  <ng-content select=\"odx-avatar\"></ng-content>\n  <div class=\"odx-area-header__inner\">\n    <div class=\"odx-area-header__title\">\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"odx-area-header-subtitle\"></ng-content>\n  </div>\n</div>\n<ng-content select=\"odx-area-header-content\"></ng-content>\n" }]
+        }], propDecorators: { size: [{
+                type: Input
+            }] } });
+
+class AreaHeaderContentDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AreaHeaderContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AreaHeaderContentDirective, isStandalone: true, selector: "odx-area-header-content", host: { properties: { "class.odx-area-header__content": "true" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AreaHeaderContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'odx-area-header-content',
+                    standalone: true,
+                    host: {
+                        '[class.odx-area-header__content]': 'true',
+                    },
+                }]
+        }] });
+
+class AreaHeaderSubtitleDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AreaHeaderSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AreaHeaderSubtitleDirective, isStandalone: true, selector: "odx-area-header-subtitle", host: { properties: { "class.odx-area-header__subtitle": "true" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AreaHeaderSubtitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'odx-area-header-subtitle',
+                    standalone: true,
+                    host: {
+                        '[class.odx-area-header__subtitle]': 'true',
+                    },
+                }]
+        }] });
+
+const modules = [
+    AreaHeaderComponent,
+    AreaHeaderContentDirective,
+    AreaHeaderSubtitleDirective,
+    AvatarComponent,
+    ActionGroupComponent,
+    ButtonComponent,
+    IconComponent,
+];
+class AreaHeaderModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AreaHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AreaHeaderModule, imports: [AreaHeaderComponent,
+            AreaHeaderContentDirective,
+            AreaHeaderSubtitleDirective,
+            AvatarComponent,
+            ActionGroupComponent,
+            ButtonComponent,
+            IconComponent], exports: [CoreModule, AreaHeaderComponent,
+            AreaHeaderContentDirective,
+            AreaHeaderSubtitleDirective,
+            AvatarComponent,
+            ActionGroupComponent,
+            ButtonComponent,
+            IconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AreaHeaderModule, imports: [AreaHeaderComponent,
+            AvatarComponent,
+            ActionGroupComponent,
+            ButtonComponent,
+            IconComponent, CoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AreaHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AreaHeaderComponent, AreaHeaderContentDirective, AreaHeaderModule, AreaHeaderSize, AreaHeaderSubtitleDirective };
+//# sourceMappingURL=odx-angular-components-area-header.mjs.map

package/fesm2022/odx-angular-components-area-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-area-header.mjs","sources":["../../../../libs/angular/components/area-header/src/models/area-header-size.ts","../../../../libs/angular/components/area-header/src/area-header.component.ts","../../../../libs/angular/components/area-header/src/area-header.component.html","../../../../libs/angular/components/area-header/src/directives/area-header-content.directive.ts","../../../../libs/angular/components/area-header/src/directives/area-header-subtitle.directive.ts","../../../../libs/angular/components/area-header/src/area-header.module.ts","../../../../libs/angular/components/area-header/src/odx-angular-components-area-header.ts"],"sourcesContent":["export type AreaHeaderSize = typeof AreaHeaderSize[keyof typeof AreaHeaderSize];\n\nexport const AreaHeaderSize = {\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n  XLARGE: 'xlarge',\n} as const;\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { AreaHeaderSize } from './models';\n\n@CSSComponent('area-header')\n@Component({\n  selector: 'odx-area-header',\n  templateUrl: './area-header.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule],\n  standalone: true,\n})\nexport class AreaHeaderComponent {\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  @Input()\n  public size: AreaHeaderSize = AreaHeaderSize.LARGE;\n}\n","<div class=\"odx-area-header__container\">\n  <ng-content select=\"button[odxNavigationBack], a[odxNavigationBack]\"></ng-content>\n  <ng-content select=\"odx-avatar\"></ng-content>\n  <div class=\"odx-area-header__inner\">\n    <div class=\"odx-area-header__title\">\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"odx-area-header-subtitle\"></ng-content>\n  </div>\n</div>\n<ng-content select=\"odx-area-header-content\"></ng-content>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: 'odx-area-header-content',\n  standalone: true,\n  host: {\n    '[class.odx-area-header__content]': 'true',\n  },\n})\nexport class AreaHeaderContentDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: 'odx-area-header-subtitle',\n  standalone: true,\n  host: {\n    '[class.odx-area-header__subtitle]': 'true',\n  },\n})\nexport class AreaHeaderSubtitleDirective {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { AvatarComponent } from '@odx/angular/components/avatar';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { AreaHeaderComponent } from './area-header.component';\nimport { AreaHeaderContentDirective, AreaHeaderSubtitleDirective } from './directives';\n\nconst modules = [\n  AreaHeaderComponent,\n  AreaHeaderContentDirective,\n  AreaHeaderSubtitleDirective,\n  AvatarComponent,\n  ActionGroupComponent,\n  ButtonComponent,\n  IconComponent,\n];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class AreaHeaderModule {}\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-autocomplete.mjs

@@ -0,0 +1,253 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, forwardRef, ContentChildren, ContentChild, HostListener, Pipe, NgModule } from '@angular/core';
+import * as i1 from '@odx/angular';
+import { CoreModule, ReadonlyController, WithTabIndex, ClickOutsideDirective } from '@odx/angular';
+import { AutocompleteControl, ODX_SEARCH_FILTER_HOST, BaseSearchFilterPipe } from '@odx/angular/cdk/autocomplete-control';
+import { DropdownDirective } from '@odx/angular/components/dropdown';
+import { LoadingSpinnerModule } from '@odx/angular/components/loading-spinner';
+import { CSSComponent } from '@odx/angular/internal';
+import { fromQueryList } from '@odx/angular/rxjs';
+import { deferFn } from '@odx/angular/utils';
+import { OptionControl } from '@odx/angular/cdk/option-control';
+import { InputControlDirective } from '@odx/angular/cdk/custom-form-control';
+import * as i2 from '@angular/common';
+
+const AUTOCOMPLETE_CONTROL = new InjectionToken('@odx/angular/components/autocomplete::AutocompleteComponent');
+
+let AutocompleteOptionComponent = class AutocompleteOptionComponent extends OptionControl {
+    constructor() {
+        super(...arguments);
+        this.autocompleteControl = inject(AUTOCOMPLETE_CONTROL);
+    }
+    setActiveStyles() {
+        this.isActive = true;
+        if (this.autocompleteControl.isOpen) {
+            this.autocompleteControl.scrollOptionIntoView(this);
+        }
+    }
+    selectOption() {
+        this.autocompleteControl.selectOption(this);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteOptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AutocompleteOptionComponent, isStandalone: true, selector: "odx-autocomplete-option", usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+AutocompleteOptionComponent = __decorate([
+    CSSComponent('autocomplete-option')
+], AutocompleteOptionComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteOptionComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-autocomplete-option', imports: [CoreModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
+        }] });
+
+let AutocompleteInputControlDirective = class AutocompleteInputControlDirective extends InputControlDirective {
+    constructor() {
+        super(...arguments);
+        this.readonlyController = ReadonlyController.inject();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteInputControlDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AutocompleteInputControlDirective, isStandalone: true, selector: "input[odxAutocompleteControl]", host: { properties: { "attr.readonly": "readonlyController?.readonly || null" } }, providers: [ReadonlyController.connect()], usesInheritance: true, hostDirectives: [{ directive: i1.WithTabIndex }], ngImport: i0 }); }
+};
+AutocompleteInputControlDirective = __decorate([
+    CSSComponent('autocomplete__control')
+], AutocompleteInputControlDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteInputControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'input[odxAutocompleteControl]',
+                    host: {
+                        '[attr.readonly]': 'readonlyController?.readonly || null',
+                    },
+                    providers: [ReadonlyController.connect()],
+                    hostDirectives: [WithTabIndex],
+                }]
+        }] });
+
+var AutocompleteComponent_1;
+let AutocompleteComponent = class AutocompleteComponent extends AutocompleteControl {
+    constructor() {
+        super(...arguments);
+        this.defaultActiveOptionIndex = 0;
+        this.clickOutsideDirective = inject(ClickOutsideDirective, { host: true });
+        this.dropdownOpenTriggers = [];
+    }
+    static { AutocompleteComponent_1 = this; }
+    ngAfterViewInit() {
+        if (!this.options)
+            return;
+        this.initKeyManager(this.options);
+        this.handleQueryListOption(this.options);
+        this.handleSearchFieldChanges();
+        this.handleClickOutside();
+    }
+    selectOption(option) {
+        if (!option?.value)
+            return;
+        this.updateValue(option.value);
+        this.updateSearchField(option.value);
+        this.optionSelected.emit(option.value);
+        this.closeDropdown();
+    }
+    resetSearchField() {
+        this.updateValue('');
+        this.searchField?.reset();
+    }
+    handleQueryListOption(options) {
+        fromQueryList(options)
+            .pipe(this.takeUntilDestroyed())
+            .subscribe(() => {
+            if (this.isOpen) {
+                deferFn(() => this.activateSelectedOption());
+            }
+        });
+    }
+    handleSearchFieldChanges() {
+        this.searchField?.valueChange$.pipe(this.takeUntilDestroyed()).subscribe(() => {
+            deferFn(() => this.handleSearchFieldValueChange());
+        });
+    }
+    handleClickOutside() {
+        this.clickOutsideDirective.odxClickOutside.pipe(this.takeUntilDestroyed()).subscribe(() => this.clickOutside());
+    }
+    clickOutside() {
+        this.closeDropdown();
+        this.blurSelectSearchField();
+    }
+    handleSearchFieldValueChange() {
+        this.updateValue((this.searchField?.nativeElementValue ?? ''));
+        if (this.isOpen && !this.hasOptions) {
+            this.closeDropdown();
+            return;
+        }
+        if (this.isOpen && this.hasOptions) {
+            return;
+        }
+        if (!this.isOpen && this.hasOptions) {
+            this.openDropdown();
+        }
+    }
+    handleClickEvent() {
+        if (this.isLoading && this.isOpen) {
+            this.closeDropdown();
+            this.blurSelectSearchField();
+            return;
+        }
+        if (this.isReadonly || this.isDisabled)
+            return;
+        if (!this.isOpen && this.hasOptions) {
+            this.openDropdown();
+        }
+    }
+    handleKeyboardEvent(event) {
+        if (this.isReadonly || this.isDisabled)
+            return;
+        if (this.isOpen && this.hasOptions) {
+            if (event.key === 'Enter' || event.key === 'Tab') {
+                event.preventDefault();
+                event.stopImmediatePropagation();
+                this.selectOption(this.keyManager?.activeItem);
+                return;
+            }
+        }
+        if (event.key === 'Enter') {
+            this.optionSelected.emit((this.value ?? ''));
+            return;
+        }
+        if (!this.isOpen && event.key === 'Tab') {
+            return;
+        }
+        if (!this.isOpen && this.hasOptions) {
+            this.openDropdown();
+            return;
+        }
+        this.keyManager?.onKeydown(event);
+    }
+    activateSelectedOption() {
+        this.keyManager?.setActiveItem(this.defaultActiveOptionIndex);
+    }
+    onDropdownBeforeOpen() {
+        this.activateSelectedOption();
+    }
+    updateSearchField(value) {
+        if (!this.searchField)
+            return;
+        this.searchField.nativeElementValue = this.stringify?.(value) ?? value;
+    }
+    blurSelectSearchField() {
+        this.searchField?.blur();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AutocompleteComponent, isStandalone: true, selector: "odx-autocomplete", host: { listeners: { "click": "handleClickEvent()", "keydown": "handleKeyboardEvent($event)" } }, providers: [
+            {
+                provide: AUTOCOMPLETE_CONTROL,
+                useExisting: forwardRef(() => AutocompleteComponent_1),
+            },
+            {
+                provide: ODX_SEARCH_FILTER_HOST,
+                useExisting: AUTOCOMPLETE_CONTROL,
+            },
+        ], queries: [{ propertyName: "searchField", first: true, predicate: AutocompleteInputControlDirective, descendants: true }, { propertyName: "options", predicate: AutocompleteOptionComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.ClickOutsideDirective }], ngImport: i0, template: "<div\n  aria-haspopup=\"listbox\"\n  class=\"odx-autocomplete__trigger\"\n  [odxDropdown]=\"dropdownContent\"\n  [odxDropdownDisabled]=\"isDisabled || isReadonly\"\n  [odxDropdownOptions]=\"{ matchReferenceWidth: true, offset: 4, outerPadding: 10, position: 'bottom-start' }\"\n  [odxDropdownReferenceElement]=\"element.nativeElement\"\n  [odxDropdownShowLoader]=\"isLoading\"\n  [odxDropdownOpenTrigger]=\"dropdownOpenTriggers\"\n  [odxDropdownClickOutsideActive]=\"false\"\n  (odxDropdownBeforeOpen)=\"onDropdownBeforeOpen()\"\n  (odxDropdownAfterOpen)=\"enableSmoothScroll()\"\n  (odxDropdownBeforeClose)=\"disableSmoothScroll()\"\n>\n  <ng-content select=\"input[odxAutocompleteControl]\"></ng-content>\n</div>\n\n<ng-template #dropdownContent>\n  <div class=\"odx-dropdown__option-list\" role=\"listbox\">\n    <ng-template [ngIf]=\"hasOptions\">\n      <ng-content></ng-content>\n    </ng-template>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: DropdownDirective, selector: "[odxDropdown]", inputs: ["odxDropdown", "odxDropdownDisabled", "odxDropdownShowLoader", "odxDropdownClickOutsideActive", "odxDropdownOptions", "odxDropdownReferenceElement", "odxDropdownTriggerElement", "odxDropdownHost", "odxDropdownOpenTrigger", "odxDropdownCloseTrigger"], outputs: ["odxDropdownBeforeOpen", "odxDropdownAfterOpen", "odxDropdownBeforeClose", "odxDropdownAfterClose"], exportAs: ["odxDropdown"] }, { kind: "ngmodule", type: LoadingSpinnerModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+AutocompleteComponent = AutocompleteComponent_1 = __decorate([
+    CSSComponent('autocomplete')
+], AutocompleteComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-autocomplete', imports: [DropdownDirective, AutocompleteOptionComponent, LoadingSpinnerModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: AUTOCOMPLETE_CONTROL,
+                            useExisting: forwardRef(() => AutocompleteComponent),
+                        },
+                        {
+                            provide: ODX_SEARCH_FILTER_HOST,
+                            useExisting: AUTOCOMPLETE_CONTROL,
+                        },
+                    ], hostDirectives: [ClickOutsideDirective], template: "<div\n  aria-haspopup=\"listbox\"\n  class=\"odx-autocomplete__trigger\"\n  [odxDropdown]=\"dropdownContent\"\n  [odxDropdownDisabled]=\"isDisabled || isReadonly\"\n  [odxDropdownOptions]=\"{ matchReferenceWidth: true, offset: 4, outerPadding: 10, position: 'bottom-start' }\"\n  [odxDropdownReferenceElement]=\"element.nativeElement\"\n  [odxDropdownShowLoader]=\"isLoading\"\n  [odxDropdownOpenTrigger]=\"dropdownOpenTriggers\"\n  [odxDropdownClickOutsideActive]=\"false\"\n  (odxDropdownBeforeOpen)=\"onDropdownBeforeOpen()\"\n  (odxDropdownAfterOpen)=\"enableSmoothScroll()\"\n  (odxDropdownBeforeClose)=\"disableSmoothScroll()\"\n>\n  <ng-content select=\"input[odxAutocompleteControl]\"></ng-content>\n</div>\n\n<ng-template #dropdownContent>\n  <div class=\"odx-dropdown__option-list\" role=\"listbox\">\n    <ng-template [ngIf]=\"hasOptions\">\n      <ng-content></ng-content>\n    </ng-template>\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { options: [{
+                type: ContentChildren,
+                args: [AutocompleteOptionComponent, { descendants: true, emitDistinctChangesOnly: true }]
+            }], searchField: [{
+                type: ContentChild,
+                args: [AutocompleteInputControlDirective]
+            }], handleClickEvent: [{
+                type: HostListener,
+                args: ['click']
+            }], handleKeyboardEvent: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+class AutocompleteSearchFilterPipe extends BaseSearchFilterPipe {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteSearchFilterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteSearchFilterPipe, isStandalone: true, name: "odxAutocompleteSearchFilter", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteSearchFilterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    pure: false,
+                    name: 'odxAutocompleteSearchFilter',
+                    standalone: true,
+                }]
+        }] });
+
+const modules = [AutocompleteComponent, AutocompleteInputControlDirective, AutocompleteSearchFilterPipe, AutocompleteOptionComponent];
+class AutocompleteModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteModule, imports: [AutocompleteComponent, AutocompleteInputControlDirective, AutocompleteSearchFilterPipe, AutocompleteOptionComponent], exports: [CoreModule, AutocompleteComponent, AutocompleteInputControlDirective, AutocompleteSearchFilterPipe, AutocompleteOptionComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteModule, imports: [AutocompleteComponent, AutocompleteOptionComponent, CoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AUTOCOMPLETE_CONTROL, AutocompleteComponent, AutocompleteInputControlDirective, AutocompleteModule, AutocompleteOptionComponent, AutocompleteSearchFilterPipe };
+//# sourceMappingURL=odx-angular-components-autocomplete.mjs.map