@odx/angular 2.16.1 → 3.1.0

package/fesm2022/odx-angular-cdk-event-plugins.mjs

@@ -0,0 +1,91 @@
+import * as i0 from '@angular/core';
+import { numberAttribute, Injectable, makeEnvironmentProviders } from '@angular/core';
+import { EVENT_MANAGER_PLUGINS } from '@angular/platform-browser';
+import { isFunction, debounce } from '@odx/angular/utils';
+
+class EventPlugin {
+    addGlobalEventListener() {
+        return () => void 0;
+    }
+    supports(eventName) {
+        return this.modifier.test(eventName);
+    }
+    getZone() {
+        return this.manager.getZone();
+    }
+    teardown(listener) {
+        return () => (isFunction(listener) ? listener() : void 0);
+    }
+}
+
+/* istanbul ignore file */
+/* eslint-disable @typescript-eslint/ban-types */
+const DEFAULT_DELAY = 250;
+class DebounceEventPlugin extends EventPlugin {
+    constructor() {
+        super(...arguments);
+        this.modifier = /debounce/;
+    }
+    addEventListener(element, eventName, originalHandler) {
+        const [name, , delay] = eventName.split('.');
+        const handler = this.createHandler(originalHandler, numberAttribute(delay, DEFAULT_DELAY));
+        return this.runOutsideAngular(() => this.manager.addEventListener(element, name, handler));
+    }
+    createHandler(originalHandler, delay) {
+        const innerHandler = (event) => this.getZone().runGuarded(() => originalHandler(event));
+        return debounce(innerHandler, delay);
+    }
+    runOutsideAngular(addListener) {
+        let listener = null;
+        this.getZone().runOutsideAngular(() => {
+            listener = addListener();
+        });
+        return this.teardown(listener);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DebounceEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DebounceEventPlugin }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DebounceEventPlugin, decorators: [{
+            type: Injectable
+        }] });
+
+/* istanbul ignore file */
+/* eslint-disable @typescript-eslint/ban-types */
+class DeferEventPlugin extends EventPlugin {
+    constructor() {
+        super(...arguments);
+        this.modifier = /defer/;
+    }
+    addEventListener(element, eventName, originalHandler) {
+        const [name] = eventName.split('.');
+        const handler = this.createHandler(originalHandler);
+        return this.getZone().runOutsideAngular(() => this.manager.addEventListener(element, name, handler));
+    }
+    createHandler(originalHandler) {
+        return (event) => {
+            setTimeout(() => this.getZone().runGuarded(() => originalHandler(event)), 0);
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DeferEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DeferEventPlugin }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DeferEventPlugin, decorators: [{
+            type: Injectable
+        }] });
+
+const PLUGINS = [DebounceEventPlugin, DeferEventPlugin];
+const EVENT_PLUGINS = PLUGINS.map((useClass) => ({
+    provide: EVENT_MANAGER_PLUGINS,
+    useClass,
+    multi: true,
+}));
+function provideEventPlugins() {
+    return makeEnvironmentProviders(EVENT_PLUGINS);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DebounceEventPlugin, DeferEventPlugin, EVENT_PLUGINS, EventPlugin, provideEventPlugins };
+//# sourceMappingURL=odx-angular-cdk-event-plugins.mjs.map

package/fesm2022/odx-angular-cdk-event-plugins.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-cdk-event-plugins.mjs","sources":["../../../../libs/angular/cdk/event-plugins/src/lib/models/event-plugin.ts","../../../../libs/angular/cdk/event-plugins/src/lib/plugins/debounce-event-plugin.ts","../../../../libs/angular/cdk/event-plugins/src/lib/plugins/defer-event-plugin.ts","../../../../libs/angular/cdk/event-plugins/src/lib/event-plugins.config.ts","../../../../libs/angular/cdk/event-plugins/src/odx-angular-cdk-event-plugins.ts"],"sourcesContent":["/* istanbul ignore file */\n/* eslint-disable @typescript-eslint/ban-types */\nimport { NgZone } from '@angular/core';\nimport { EventManager } from '@angular/platform-browser';\nimport { isFunction } from '@odx/angular/utils';\n\ntype EventManagerArg = ConstructorParameters<typeof EventManager>[0][0];\n\ntype EventManagerPlugin = {\n  [K in keyof EventManagerArg]: EventManagerArg[K];\n};\n\nexport abstract class EventPlugin implements EventManagerPlugin {\n  protected abstract readonly modifier: RegExp;\n\n  public manager!: EventManager;\n\n  public abstract addEventListener(element: HTMLElement, eventName: string, handler: EventListener): Function;\n\n  public addGlobalEventListener(): Function {\n    return () => void 0;\n  }\n\n  public supports(eventName: string): boolean {\n    return this.modifier.test(eventName);\n  }\n\n  protected getZone(): NgZone {\n    return this.manager.getZone();\n  }\n\n  protected teardown(listener: Function | null): () => void {\n    return () => (isFunction(listener) ? listener() : void 0);\n  }\n}\n","/* istanbul ignore file */\n/* eslint-disable @typescript-eslint/ban-types */\nimport { Injectable, numberAttribute } from '@angular/core';\nimport { debounce } from '@odx/angular/utils';\nimport { EventPlugin } from '../models';\n\nconst DEFAULT_DELAY = 250;\n\n@Injectable()\nexport class DebounceEventPlugin extends EventPlugin {\n  public readonly modifier = /debounce/;\n\n  public addEventListener(element: HTMLElement, eventName: string, originalHandler: EventListener): Function {\n    const [name, , delay] = eventName.split('.');\n    const handler = this.createHandler(originalHandler, numberAttribute(delay, DEFAULT_DELAY));\n\n    return this.runOutsideAngular(() => this.manager.addEventListener(element, name, handler));\n  }\n\n  private createHandler(originalHandler: EventListener, delay: number): (event: Event) => void {\n    const innerHandler = (event: Event): void => this.getZone().runGuarded(() => originalHandler(event));\n\n    return debounce(innerHandler, delay);\n  }\n\n  private runOutsideAngular(addListener: () => Function): () => void {\n    let listener: Function | null = null;\n    this.getZone().runOutsideAngular(() => {\n      listener = addListener();\n    });\n\n    return this.teardown(listener);\n  }\n}\n","/* istanbul ignore file */\n/* eslint-disable @typescript-eslint/ban-types */\nimport { Injectable } from '@angular/core';\nimport { EventPlugin } from '../models';\n\n@Injectable()\nexport class DeferEventPlugin extends EventPlugin {\n  public readonly modifier = /defer/;\n\n  public addEventListener(element: HTMLElement, eventName: string, originalHandler: EventListener): Function {\n    const [name] = eventName.split('.');\n    const handler = this.createHandler(originalHandler);\n\n    return this.getZone().runOutsideAngular(() => this.manager.addEventListener(element, name, handler));\n  }\n\n  private createHandler(originalHandler: EventListener): (event: Event) => void {\n    return (event: Event): void => {\n      setTimeout(() => this.getZone().runGuarded(() => originalHandler(event)), 0);\n    };\n  }\n}\n","import { makeEnvironmentProviders, EnvironmentProviders, Provider } from '@angular/core';\nimport { EVENT_MANAGER_PLUGINS } from '@angular/platform-browser';\nimport { DebounceEventPlugin, DeferEventPlugin } from './plugins';\n\nconst PLUGINS = [DebounceEventPlugin, DeferEventPlugin];\n\nexport const EVENT_PLUGINS: Provider[] = PLUGINS.map((useClass) => ({\n  provide: EVENT_MANAGER_PLUGINS,\n  useClass,\n  multi: true,\n}));\n\nexport function provideEventPlugins(): EnvironmentProviders {\n  return makeEnvironmentProviders(EVENT_PLUGINS);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAYsB,WAAW,CAAA;IAOxB,sBAAsB,GAAA;AAC3B,QAAA,OAAO,MAAM,KAAK,CAAC,CAAC;KACrB;AAEM,IAAA,QAAQ,CAAC,SAAiB,EAAA;QAC/B,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KACtC;IAES,OAAO,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;KAC/B;AAES,IAAA,QAAQ,CAAC,QAAyB,EAAA;AAC1C,QAAA,OAAO,OAAO,UAAU,CAAC,QAAQ,CAAC,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC;KAC3D;AACF;;AClCD;AACA;AAKA,MAAM,aAAa,GAAG,GAAG,CAAC;AAGpB,MAAO,mBAAoB,SAAQ,WAAW,CAAA;AADpD,IAAA,WAAA,GAAA;;QAEkB,IAAQ,CAAA,QAAA,GAAG,UAAU,CAAC;AAuBvC,KAAA;AArBQ,IAAA,gBAAgB,CAAC,OAAoB,EAAE,SAAiB,EAAE,eAA8B,EAAA;AAC7F,QAAA,MAAM,CAAC,IAAI,IAAI,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAC7C,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,EAAE,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;QAE3F,OAAO,IAAI,CAAC,iBAAiB,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;KAC5F;IAEO,aAAa,CAAC,eAA8B,EAAE,KAAa,EAAA;QACjE,MAAM,YAAY,GAAG,CAAC,KAAY,KAAW,IAAI,CAAC,OAAO,EAAE,CAAC,UAAU,CAAC,MAAM,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;AAErG,QAAA,OAAO,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;KACtC;AAEO,IAAA,iBAAiB,CAAC,WAA2B,EAAA;QACnD,IAAI,QAAQ,GAAoB,IAAI,CAAC;AACrC,QAAA,IAAI,CAAC,OAAO,EAAE,CAAC,iBAAiB,CAAC,MAAK;YACpC,QAAQ,GAAG,WAAW,EAAE,CAAC;AAC3B,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAChC;+GAvBU,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;mHAAnB,mBAAmB,EAAA,CAAA,CAAA,EAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,UAAU;;;ACRX;AACA;AAKM,MAAO,gBAAiB,SAAQ,WAAW,CAAA;AADjD,IAAA,WAAA,GAAA;;QAEkB,IAAQ,CAAA,QAAA,GAAG,OAAO,CAAC;AAcpC,KAAA;AAZQ,IAAA,gBAAgB,CAAC,OAAoB,EAAE,SAAiB,EAAE,eAA8B,EAAA;QAC7F,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACpC,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QAEpD,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,iBAAiB,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;KACtG;AAEO,IAAA,aAAa,CAAC,eAA8B,EAAA;QAClD,OAAO,CAAC,KAAY,KAAU;YAC5B,UAAU,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,UAAU,CAAC,MAAM,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC/E,SAAC,CAAC;KACH;+GAdU,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;mHAAhB,gBAAgB,EAAA,CAAA,CAAA,EAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,UAAU;;;ACDX,MAAM,OAAO,GAAG,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,CAAC;AAEjD,MAAM,aAAa,GAAe,OAAO,CAAC,GAAG,CAAC,CAAC,QAAQ,MAAM;AAClE,IAAA,OAAO,EAAE,qBAAqB;IAC9B,QAAQ;AACR,IAAA,KAAK,EAAE,IAAI;AACZ,CAAA,CAAC,EAAE;SAEY,mBAAmB,GAAA;AACjC,IAAA,OAAO,wBAAwB,CAAC,aAAa,CAAC,CAAC;AACjD;;ACdA;;AAEG;;;;"}

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

@@ -0,0 +1,143 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, booleanAttribute, Directive, Input, ChangeDetectorRef, NgModule } from '@angular/core';
+import { getUniqueId } from '@odx/angular/utils';
+
+const ODX_EXPANDABLE_CONTAINER = new InjectionToken('@odx/angular/cdk/expandable::ExpandableContainer');
+const ODX_EXPANDABLE_ITEM = new InjectionToken('@odx/angular/cdk/expandable::ExpandableItem');
+
+class ExpandableContainerDirective {
+    constructor() {
+        this.expandedItems = new Set();
+        this.parentItem = inject(ODX_EXPANDABLE_ITEM, { optional: true, skipSelf: true });
+        this.parentContainer = inject(ODX_EXPANDABLE_CONTAINER, { optional: true, skipSelf: true });
+        this.multiple = this.parentContainer?.multiple ?? false;
+    }
+    ngOnInit() {
+        this.parentItem?.addChild(this);
+    }
+    ngOnDestroy() {
+        this.parentItem?.removeChild(this);
+    }
+    collapseAll() {
+        this.expandedItems.forEach((item) => item.collapse());
+    }
+    collapse(item) {
+        this.expandedItems.delete(item);
+    }
+    expand(item) {
+        if (!this.multiple) {
+            this.collapseAll();
+        }
+        this.expandedItems.add(item);
+    }
+    toggle(item, forceState) {
+        const shouldExpand = forceState ?? !this.isExpanded(item);
+        if (shouldExpand) {
+            this.expand(item);
+        }
+        else {
+            this.collapse(item);
+        }
+    }
+    isExpanded(item) {
+        return this.expandedItems.has(item);
+    }
+    hasExpandedItem() {
+        return this.expandedItems.size > 0;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.12", type: ExpandableContainerDirective, isStandalone: true, selector: "[odxExpandableContainer]", inputs: { multiple: ["multiple", "multiple", booleanAttribute] }, providers: [{ provide: ODX_EXPANDABLE_CONTAINER, useExisting: ExpandableContainerDirective }], exportAs: ["odxExpandableContainer"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxExpandableContainer]',
+                    exportAs: 'odxExpandableContainer',
+                    providers: [{ provide: ODX_EXPANDABLE_CONTAINER, useExisting: ExpandableContainerDirective }],
+                }]
+        }], propDecorators: { multiple: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+class ExpandableItemDirective {
+    constructor() {
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.childContainers = new Set();
+        this.container = inject(ODX_EXPANDABLE_CONTAINER, { optional: true, skipSelf: true });
+        this._expanded = false;
+        this.id = getUniqueId('odx-expandable-item');
+    }
+    set expanded(value) {
+        if (this._expanded === value)
+            return;
+        this._expanded = value;
+        if (this._expanded) {
+            this.container?.expand(this);
+        }
+        else {
+            this.closeAllChildren();
+            this.container?.collapse(this);
+        }
+        this.changeDetectorRef.markForCheck();
+    }
+    get expanded() {
+        return this.container?.isExpanded(this) ?? this._expanded;
+    }
+    toggle(forceState) {
+        this.expanded = forceState ?? !this.expanded;
+    }
+    expand() {
+        this.toggle(true);
+    }
+    collapse() {
+        this.toggle(false);
+    }
+    addChild(container) {
+        this.childContainers.add(container);
+    }
+    removeChild(container) {
+        this.childContainers.delete(container);
+    }
+    closeAllChildren() {
+        this.childContainers.forEach((container) => container.collapseAll());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.12", type: ExpandableItemDirective, isStandalone: true, selector: "[odxExpandableItem]", inputs: { id: "id", expanded: ["expanded", "expanded", booleanAttribute] }, providers: [{ provide: ODX_EXPANDABLE_ITEM, useExisting: ExpandableItemDirective }], exportAs: ["odxExpandableItem"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxExpandableItem]',
+                    exportAs: 'odxExpandableItem',
+                    providers: [{ provide: ODX_EXPANDABLE_ITEM, useExisting: ExpandableItemDirective }],
+                }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], expanded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+const modules = [ExpandableContainerDirective, ExpandableItemDirective];
+class ExpandableModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ExpandableModule, imports: [ExpandableContainerDirective, ExpandableItemDirective], exports: [ExpandableContainerDirective, ExpandableItemDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: modules,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExpandableContainerDirective, ExpandableItemDirective, ExpandableModule, ODX_EXPANDABLE_CONTAINER, ODX_EXPANDABLE_ITEM };
+//# sourceMappingURL=odx-angular-cdk-expandable.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-cdk-expandable.mjs","sources":["../../../../libs/angular/cdk/expandable/src/lib/expandable.tokens.ts","../../../../libs/angular/cdk/expandable/src/lib/directives/expandable-container.directive.ts","../../../../libs/angular/cdk/expandable/src/lib/directives/expandable-item.directive.ts","../../../../libs/angular/cdk/expandable/src/lib/expandable.module.ts","../../../../libs/angular/cdk/expandable/src/odx-angular-cdk-expandable.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ExpandableContainer, ExpandableItem } from './facade';\n\nexport const ODX_EXPANDABLE_CONTAINER = new InjectionToken<ExpandableContainer>('@odx/angular/cdk/expandable::ExpandableContainer');\nexport const ODX_EXPANDABLE_ITEM = new InjectionToken<ExpandableItem>('@odx/angular/cdk/expandable::ExpandableItem');\n","import { booleanAttribute, Directive, inject, Input, OnDestroy, OnInit } from '@angular/core';\nimport { ODX_EXPANDABLE_CONTAINER, ODX_EXPANDABLE_ITEM } from '../expandable.tokens';\nimport type { ExpandableContainer, ExpandableItem } from '../facade';\n\n@Directive({\n  standalone: true,\n  selector: '[odxExpandableContainer]',\n  exportAs: 'odxExpandableContainer',\n  providers: [{ provide: ODX_EXPANDABLE_CONTAINER, useExisting: ExpandableContainerDirective }],\n})\nexport class ExpandableContainerDirective implements ExpandableContainer, OnInit, OnDestroy {\n  private readonly expandedItems = new Set<ExpandableItem>();\n  private readonly parentItem = inject(ODX_EXPANDABLE_ITEM, { optional: true, skipSelf: true });\n  private readonly parentContainer = inject(ODX_EXPANDABLE_CONTAINER, { optional: true, skipSelf: true });\n\n  @Input({ transform: booleanAttribute })\n  public multiple = this.parentContainer?.multiple ?? false;\n\n  public ngOnInit(): void {\n    this.parentItem?.addChild(this);\n  }\n\n  public ngOnDestroy(): void {\n    this.parentItem?.removeChild(this);\n  }\n\n  public collapseAll(): void {\n    this.expandedItems.forEach((item) => item.collapse());\n  }\n\n  public collapse(item: ExpandableItem): void {\n    this.expandedItems.delete(item);\n  }\n\n  public expand(item: ExpandableItem): void {\n    if (!this.multiple) {\n      this.collapseAll();\n    }\n    this.expandedItems.add(item);\n  }\n\n  public toggle(item: ExpandableItem, forceState?: boolean): void {\n    const shouldExpand = forceState ?? !this.isExpanded(item);\n    if (shouldExpand) {\n      this.expand(item);\n    } else {\n      this.collapse(item);\n    }\n  }\n\n  public isExpanded(item: ExpandableItem): boolean {\n    return this.expandedItems.has(item);\n  }\n\n  public hasExpandedItem(): boolean {\n    return this.expandedItems.size > 0;\n  }\n}\n","import { booleanAttribute, ChangeDetectorRef, Directive, inject, Input } from '@angular/core';\nimport { getUniqueId } from '@odx/angular/utils';\nimport { ODX_EXPANDABLE_CONTAINER, ODX_EXPANDABLE_ITEM } from '../expandable.tokens';\nimport type { ExpandableContainer, ExpandableItem } from '../facade';\n\n@Directive({\n  standalone: true,\n  selector: '[odxExpandableItem]',\n  exportAs: 'odxExpandableItem',\n  providers: [{ provide: ODX_EXPANDABLE_ITEM, useExisting: ExpandableItemDirective }],\n})\nexport class ExpandableItemDirective implements ExpandableItem {\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly childContainers = new Set<ExpandableContainer>();\n  private readonly container = inject(ODX_EXPANDABLE_CONTAINER, { optional: true, skipSelf: true });\n  private _expanded = false;\n\n  @Input()\n  public id = getUniqueId('odx-expandable-item');\n\n  @Input({ transform: booleanAttribute })\n  public set expanded(value: boolean) {\n    if (this._expanded === value) return;\n    this._expanded = value;\n    if (this._expanded) {\n      this.container?.expand(this);\n    } else {\n      this.closeAllChildren();\n      this.container?.collapse(this);\n    }\n    this.changeDetectorRef.markForCheck();\n  }\n  public get expanded(): boolean {\n    return this.container?.isExpanded(this) ?? this._expanded;\n  }\n\n  public toggle(forceState?: boolean): void {\n    this.expanded = forceState ?? !this.expanded;\n  }\n\n  public expand(): void {\n    this.toggle(true);\n  }\n\n  public collapse(): void {\n    this.toggle(false);\n  }\n\n  public addChild(container: ExpandableContainer): void {\n    this.childContainers.add(container);\n  }\n\n  public removeChild(container: ExpandableContainer): void {\n    this.childContainers.delete(container);\n  }\n\n  private closeAllChildren(): void {\n    this.childContainers.forEach((container) => container.collapseAll());\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { ExpandableContainerDirective, ExpandableItemDirective } from './directives';\n\nconst modules = [ExpandableContainerDirective, ExpandableItemDirective];\n\n@NgModule({\n  imports: modules,\n  exports: modules,\n})\nexport class ExpandableModule {}\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-option-control.mjs

@@ -0,0 +1,54 @@
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectorRef, Directive, Input, HostListener } from '@angular/core';
+import { untilDestroyed, injectElement } from '@odx/angular/utils';
+
+class OptionControl {
+    constructor() {
+        this.takeUntilDestroyed = untilDestroyed();
+        this.cdr = inject(ChangeDetectorRef);
+        this.isActive = false;
+        this.value = null;
+        this.element = injectElement();
+    }
+    setActiveStyles() {
+        this.isActive = true;
+    }
+    setInactiveStyles() {
+        this.isActive = false;
+    }
+    getLabel() {
+        return this.element.nativeElement.textContent?.trim() ?? '';
+    }
+    select(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        this.selectOption();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OptionControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: OptionControl, isStandalone: true, inputs: { value: "value" }, host: { attributes: { "role": "option" }, listeners: { "click": "select($event)" }, properties: { "class.odx-option": "true", "class.is-active": "isActive", "attr.aria-selected": "isSelected", "class.is-selected": "isSelected" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OptionControl, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    host: {
+                        role: 'option',
+                        '[class.odx-option]': 'true',
+                        '[class.is-active]': 'isActive',
+                        '[attr.aria-selected]': 'isSelected',
+                        '[class.is-selected]': 'isSelected',
+                    },
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], select: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OptionControl };
+//# sourceMappingURL=odx-angular-cdk-option-control.mjs.map

package/fesm2022/odx-angular-cdk-option-control.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-cdk-option-control.mjs","sources":["../../../../libs/angular/cdk/option-control/src/lib/option-control.ts","../../../../libs/angular/cdk/option-control/src/odx-angular-cdk-option-control.ts"],"sourcesContent":["import { Highlightable } from '@angular/cdk/a11y';\nimport { ChangeDetectorRef, Directive, ElementRef, HostListener, inject, Input } from '@angular/core';\nimport { injectElement, untilDestroyed } from '@odx/angular/utils';\n\n@Directive({\n  standalone: true,\n  host: {\n    role: 'option',\n    '[class.odx-option]': 'true',\n    '[class.is-active]': 'isActive',\n    '[attr.aria-selected]': 'isSelected',\n    '[class.is-selected]': 'isSelected',\n  },\n})\nexport abstract class OptionControl<T> implements Highlightable {\n  protected readonly takeUntilDestroyed = untilDestroyed();\n  protected readonly cdr = inject(ChangeDetectorRef);\n\n  protected isActive = false;\n\n  @Input()\n  public value: T | null = null;\n\n  public readonly element: ElementRef<HTMLElement> = injectElement();\n\n  public setActiveStyles(): void {\n    this.isActive = true;\n  }\n\n  public setInactiveStyles(): void {\n    this.isActive = false;\n  }\n\n  public getLabel(): string {\n    return this.element.nativeElement.textContent?.trim() ?? '';\n  }\n\n  protected abstract selectOption(): void;\n\n  @HostListener('click', ['$event'])\n  protected select(event: Event): void {\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.selectOption();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAcsB,aAAa,CAAA;AAVnC,IAAA,WAAA,GAAA;QAWqB,IAAkB,CAAA,kBAAA,GAAG,cAAc,EAAE,CAAC;AACtC,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;QAEzC,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QAGpB,IAAK,CAAA,KAAA,GAAa,IAAI,CAAC;QAEd,IAAO,CAAA,OAAA,GAA4B,aAAa,EAAE,CAAC;AAuBpE,KAAA;IArBQ,eAAe,GAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;KACtB;IAEM,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;KACvB;IAEM,QAAQ,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;KAC7D;AAKS,IAAA,MAAM,CAAC,KAAY,EAAA;QAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;+GA/BmB,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,oBAAoB,EAAE,MAAM;AAC5B,wBAAA,mBAAmB,EAAE,UAAU;AAC/B,wBAAA,sBAAsB,EAAE,YAAY;AACpC,wBAAA,qBAAqB,EAAE,YAAY;AACpC,qBAAA;AACF,iBAAA,CAAA;8BAQQ,KAAK,EAAA,CAAA;sBADX,KAAK;gBAoBI,MAAM,EAAA,CAAA;sBADf,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAA;;;ACvCnC;;AAEG;;;;"}

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

@@ -0,0 +1,102 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, forwardRef, Directive, HostListener, inject, Input, NgModule } from '@angular/core';
+import { DisabledController, ReadonlyController, detectControllerChanges, CoreModule } from '@odx/angular';
+import { injectElement, booleanToAttributeString } from '@odx/angular/utils';
+import { CustomFormControl } from '@odx/angular/cdk/custom-form-control';
+
+const RADIO_GROUP_CONTROL = new InjectionToken('@odx/angular/cdk/radio-group-control::RadioGroupControl');
+class RadioGroupControlDirective extends CustomFormControl {
+    constructor() {
+        super(null);
+        this.hostElement = injectElement();
+    }
+    onFocusOut(event) {
+        if (event.target !== this.hostElement.nativeElement) {
+            this.onTouched();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioGroupControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RadioGroupControlDirective, isStandalone: true, selector: "[odxRadioGroupControl]", host: { listeners: { "focusout": "onFocusOut($event)" } }, providers: [
+            {
+                provide: RADIO_GROUP_CONTROL,
+                useExisting: forwardRef(() => RadioGroupControlDirective),
+                multi: false,
+            },
+            DisabledController.connect(),
+            ReadonlyController.connect(),
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioGroupControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxRadioGroupControl]',
+                    providers: [
+                        {
+                            provide: RADIO_GROUP_CONTROL,
+                            useExisting: forwardRef(() => RadioGroupControlDirective),
+                            multi: false,
+                        },
+                        DisabledController.connect(),
+                        ReadonlyController.connect(),
+                    ],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { onFocusOut: [{
+                type: HostListener,
+                args: ['focusout', ['$event']]
+            }] } });
+
+class RadioControlDirective {
+    get ariaChecked() {
+        return booleanToAttributeString(this.isActive);
+    }
+    get isActive() {
+        return this.radioGroupControl.value === this.value;
+    }
+    constructor() {
+        this.disabledController = DisabledController.inject();
+        this.readonlyController = ReadonlyController.inject();
+        this.radioGroupControl = inject(RADIO_GROUP_CONTROL, { skipSelf: true });
+        this.value = null;
+        detectControllerChanges(this.radioGroupControl).subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RadioControlDirective, isStandalone: true, selector: "[odxRadioControl]", inputs: { value: "value" }, host: { properties: { "class.is-active": "isActive", "class.is-disabled": "disabledController?.disabled", "class.is-readonly": "readonlyController?.readonly", "class.has-error": "radioGroupControl.hasError" } }, providers: [DisabledController.connect(), ReadonlyController.connect()], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxRadioControl]',
+                    host: {
+                        '[class.is-active]': 'isActive',
+                        '[class.is-disabled]': 'disabledController?.disabled',
+                        '[class.is-readonly]': 'readonlyController?.readonly',
+                        '[class.has-error]': 'radioGroupControl.hasError',
+                    },
+                    providers: [DisabledController.connect(), ReadonlyController.connect()],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { value: [{
+                type: Input
+            }] } });
+
+const modules = [RadioGroupControlDirective, RadioControlDirective];
+class RadioGroupControlModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioGroupControlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RadioGroupControlModule, imports: [RadioGroupControlDirective, RadioControlDirective], exports: [CoreModule, RadioGroupControlDirective, RadioControlDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioGroupControlModule, imports: [CoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioGroupControlModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RADIO_GROUP_CONTROL, RadioControlDirective, RadioGroupControlDirective, RadioGroupControlModule };
+//# sourceMappingURL=odx-angular-cdk-radio-group-control.mjs.map

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

@@ -0,0 +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@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  public 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@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  @Input()\n  public value: T | null = null;\n\n  public get ariaChecked(): string {\n    return booleanToAttributeString(this.isActive);\n  }\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-charts-config.mjs

@@ -0,0 +1,171 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable, Directive, NgModule } from '@angular/core';
+import { createMutationObserver, untilDestroyed } from '@odx/angular/utils';
+import * as i1 from 'ng2-charts';
+import { ThemeService, BaseChartDirective, NgChartsModule, NgChartsConfiguration } from 'ng2-charts';
+import { DOCUMENT } from '@angular/common';
+import { WindowRef } from '@odx/angular';
+import { ThemingService } from '@odx/angular/theming';
+import { distinctUntilChanged, Observable } from 'rxjs';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class ChartsThemeService {
+    constructor() {
+        this.coreChartThemeService = inject(ThemeService);
+        this.document = inject(DOCUMENT);
+        this.windowRef = inject(WindowRef);
+        this.themingService = inject(ThemingService);
+        this.getOverrides = {
+            borderColor: this.windowRef.getCSSVariable('gray-200'),
+            backgroundColor: 'rgba(0,0,0,0)',
+            color: this.windowRef.getCSSVariable('blue-700'),
+            font: {
+                family: 'PangeaText',
+                size: 13.333,
+            },
+            plugins: {
+                colors: { enabled: false },
+                tooltip: {
+                    backgroundColor: this.windowRef.getCSSVariable('blue-800'),
+                    cornerRadius: 3,
+                },
+            },
+            datasets: {
+                line: {
+                    backgroundColor: (context) => `${this.seriesColors[context.datasetIndex]}66`,
+                    borderColor: (context) => `${this.seriesColors[context.datasetIndex]}`,
+                    pointBackgroundColor: (context) => `${this.seriesColors[context.datasetIndex]}`,
+                    pointBorderColor: '#fff',
+                },
+                bar: {
+                    backgroundColor: (context) => `${this.seriesColors[context.datasetIndex]}99`,
+                    borderColor: (context) => `${this.seriesColors[context.datasetIndex]}`,
+                },
+                doughnut: {
+                    backgroundColor: (context) => `${this.seriesColors[context.dataIndex]}`,
+                    borderColor: this.windowRef.getCSSVariable('gray-200'),
+                },
+                polarArea: {
+                    backgroundColor: (context) => `${this.seriesColors[context.dataIndex]}99`,
+                    borderColor: (context) => `${this.seriesColors[context.dataIndex]}`,
+                },
+                get pie() {
+                    return this.doughnut;
+                },
+                get bubble() {
+                    return this.doughnut;
+                },
+                get scatter() {
+                    return this.doughnut;
+                },
+                get area() {
+                    return this.polarArea;
+                },
+                get radar() {
+                    return this.line;
+                },
+            },
+        };
+        this.seriesColors = Object.values(this.windowRef.getCSSColorStyles('charts-series'));
+        this.observeThemeChanging$ = this.document.body.className.includes('sb-')
+            ? this.buildBodyObserver().pipe(distinctUntilChanged())
+            : this.themingService.theme$;
+    }
+    setTheme(chartConf) {
+        const type = (chartConf && chartConf['type']) || 'bar';
+        this.coreChartThemeService.setColorschemesOptions(this.themeColorsOverrides(type));
+    }
+    themeColorsOverrides(type) {
+        const scales = type === 'pie' || type === 'doughnut'
+            ? undefined
+            : {
+                x: {
+                    ticks: { color: this.windowRef.getCSSVariable('blue-700') },
+                    grid: { color: this.windowRef.getCSSVariable('gray-200') },
+                },
+                y: {
+                    ticks: { color: this.windowRef.getCSSVariable('blue-700') },
+                    grid: { color: this.windowRef.getCSSVariable('gray-200') },
+                },
+            };
+        return {
+            color: this.windowRef.getCSSVariable('blue-700'),
+            scales,
+            plugins: {
+                colors: {
+                    forceOverride: true,
+                },
+                legend: {},
+            },
+        };
+    }
+    buildBodyObserver() {
+        return new Observable((observer) => {
+            const mutation = createMutationObserver(observer, (mutations) => mutations.some(({ type }) => type === 'attributes'));
+            mutation.observe(this.document.body, { attributes: true });
+            return () => mutation.disconnect();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartsThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartsThemeService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartsThemeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class ChartThemeDirective extends BaseChartDirective {
+    constructor(element, ngzone, themeService) {
+        super(element, ngzone, themeService);
+        this.chartsThemeService = inject(ChartsThemeService);
+        this.takeUntilDestroyed = untilDestroyed();
+        this.chartsThemeService.observeThemeChanging$
+            .pipe(this.takeUntilDestroyed())
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            .subscribe(() => this.chartsThemeService.setTheme(this.chart?.config));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ChartThemeDirective, isStandalone: true, selector: "canvas[odxChart]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartThemeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'canvas[odxChart]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.ThemeService }]; } });
+
+class ChartThemeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ChartThemeModule, imports: [NgChartsModule, ChartThemeDirective], exports: [NgChartsModule, ChartThemeDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartThemeModule, providers: [
+            {
+                provide: NgChartsConfiguration,
+                useFactory: (service) => ({ defaults: service.getOverrides, generateColors: false }),
+                deps: [ChartsThemeService],
+            },
+            BaseChartDirective,
+        ], imports: [NgChartsModule, NgChartsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartThemeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [NgChartsModule, ChartThemeDirective],
+                    providers: [
+                        {
+                            provide: NgChartsConfiguration,
+                            useFactory: (service) => ({ defaults: service.getOverrides, generateColors: false }),
+                            deps: [ChartsThemeService],
+                        },
+                        BaseChartDirective,
+                    ],
+                    exports: [NgChartsModule, ChartThemeDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChartThemeDirective, ChartThemeModule, ChartsThemeService };
+//# sourceMappingURL=odx-angular-charts-config.mjs.map