@odx/angular 1.0.0-rc.1 → 1.0.0-rc.10

package/fesm2020/odx-angular-components-toggle-button-group.mjs

@@ -0,0 +1,87 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, NgModule } from '@angular/core';
+import { DisabledController, ReadonlyController, CoreModule } from '@odx/angular';
+import { RadioControlDirective, RadioGroupControlDirective, RADIO_GROUP_CONTROL } from '@odx/angular/cdk/radio-group-control';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { ActiveIndicatorDirective } from '@odx/angular/cdk/active-indicator';
+import { defer, merge, startWith, map, tap } from 'rxjs';
+
+let ToggleButtonComponent = class ToggleButtonComponent extends RadioControlDirective {
+    constructor() {
+        super(...arguments);
+        this.element = injectElement();
+    }
+};
+ToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ToggleButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ToggleButtonComponent, isStandalone: true, selector: "odx-toggle-button", host: { attributes: { "role": "button" } }, providers: [DisabledController.connect(), ReadonlyController.connect()], usesInheritance: true, ngImport: i0, template: "<label class=\"odx-toggle-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.isRequired || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.isRequired\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <ng-content></ng-content>\n</label>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ToggleButtonComponent = __decorate([
+    CSSComponent('toggle-button')
+], ToggleButtonComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ToggleButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-toggle-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DisabledController.connect(), ReadonlyController.connect()], host: {
+                        role: 'button',
+                    }, template: "<label class=\"odx-toggle-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.isRequired || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.isRequired\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <ng-content></ng-content>\n</label>\n" }]
+        }] });
+
+var ToggleButtonGroupComponent_1;
+let ToggleButtonGroupComponent = ToggleButtonGroupComponent_1 = class ToggleButtonGroupComponent extends RadioGroupControlDirective {
+    constructor() {
+        super(...arguments);
+        this.activeElement$ = defer(() => merge(this.toggleButtons.changes, this.change$)).pipe(startWith(undefined), map(() => this.toggleButtons.find((button) => button.isActive)?.element.nativeElement ?? null), tap((activeElement) => this.element.nativeElement.classList.toggle('is-active', !!activeElement)));
+        this.element = injectElement();
+    }
+};
+ToggleButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ToggleButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ToggleButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ToggleButtonGroupComponent, isStandalone: true, selector: "odx-toggle-button-group", providers: [
+        {
+            provide: RADIO_GROUP_CONTROL,
+            useExisting: ToggleButtonGroupComponent_1,
+            multi: false,
+        },
+        DisabledController.connect(),
+        ReadonlyController.connect(),
+    ], queries: [{ propertyName: "toggleButtons", predicate: ToggleButtonComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"odx-toggle-button\"> </ng-content>\n<div class=\"odx-toggle-button-group__indicator\" [odxActiveIndicator]=\"activeElement$ | async\"></div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "directive", type: ActiveIndicatorDirective, selector: "[odxActiveIndicator]", inputs: ["odxActiveIndicator", "odxActiveIndicatorParent", "odxActiveIndicatorDirection", "odxActiveIndicatorPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ToggleButtonGroupComponent = ToggleButtonGroupComponent_1 = __decorate([
+    CSSComponent('toggle-button-group')
+], ToggleButtonGroupComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ToggleButtonGroupComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-toggle-button-group', imports: [CommonModule, ActiveIndicatorDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: RADIO_GROUP_CONTROL,
+                            useExisting: ToggleButtonGroupComponent,
+                            multi: false,
+                        },
+                        DisabledController.connect(),
+                        ReadonlyController.connect(),
+                    ], template: "<ng-content select=\"odx-toggle-button\"> </ng-content>\n<div class=\"odx-toggle-button-group__indicator\" [odxActiveIndicator]=\"activeElement$ | async\"></div>\n" }]
+        }], propDecorators: { toggleButtons: [{
+                type: ContentChildren,
+                args: [ToggleButtonComponent]
+            }] } });
+
+const modules = [ToggleButtonGroupComponent, ToggleButtonComponent];
+class ToggleButtonGroupModule {
+}
+ToggleButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ToggleButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ToggleButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: ToggleButtonGroupModule, imports: [ToggleButtonGroupComponent, ToggleButtonComponent], exports: [CoreModule, ToggleButtonGroupComponent, ToggleButtonComponent] });
+ToggleButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ToggleButtonGroupModule, imports: [modules, CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ToggleButtonGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ToggleButtonComponent, ToggleButtonGroupComponent, ToggleButtonGroupModule };
+//# sourceMappingURL=odx-angular-components-toggle-button-group.mjs.map

package/fesm2020/odx-angular-components-toggle-button-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-toggle-button-group.mjs","sources":["../../../../libs/angular/components/toggle-button-group/src/lib/components/toggle-button/toggle-button.component.ts","../../../../libs/angular/components/toggle-button-group/src/lib/components/toggle-button/toggle-button.component.html","../../../../libs/angular/components/toggle-button-group/src/lib/toggle-button-group.component.ts","../../../../libs/angular/components/toggle-button-group/src/lib/toggle-button-group.component.html","../../../../libs/angular/components/toggle-button-group/src/lib/toggle-button-group.module.ts","../../../../libs/angular/components/toggle-button-group/src/odx-angular-components-toggle-button-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { RadioControlDirective } from '@odx/angular/cdk/radio-group-control';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('toggle-button')\n@Component({\n  standalone: true,\n  selector: 'odx-toggle-button',\n  templateUrl: './toggle-button.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [DisabledController.connect(), ReadonlyController.connect()],\n  host: {\n    role: 'button',\n  },\n})\nexport class ToggleButtonComponent<T = unknown> extends RadioControlDirective<T> {\n  public readonly element = injectElement();\n}\n","<label class=\"odx-toggle-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.isRequired || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.isRequired\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <ng-content></ng-content>\n</label>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ContentChildren, QueryList, ViewEncapsulation } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { ActiveIndicatorDirective } from '@odx/angular/cdk/active-indicator';\nimport { RadioGroupControlDirective, RADIO_GROUP_CONTROL } from '@odx/angular/cdk/radio-group-control';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { defer, map, merge, startWith, tap } from 'rxjs';\nimport { ToggleButtonComponent } from './components';\n\n@CSSComponent('toggle-button-group')\n@Component({\n  standalone: true,\n  selector: 'odx-toggle-button-group',\n  imports: [CommonModule, ActiveIndicatorDirective],\n  templateUrl: './toggle-button-group.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: RADIO_GROUP_CONTROL,\n      useExisting: ToggleButtonGroupComponent,\n      multi: false,\n    },\n    DisabledController.connect(),\n    ReadonlyController.connect(),\n  ],\n})\nexport class ToggleButtonGroupComponent<T = unknown> extends RadioGroupControlDirective<T> {\n  protected activeElement$ = defer(() => merge(this.toggleButtons.changes, this.change$)).pipe(\n    startWith(undefined),\n    map(() => this.toggleButtons.find((button) => button.isActive)?.element.nativeElement ?? null),\n    tap((activeElement) => this.element.nativeElement.classList.toggle('is-active', !!activeElement))\n  );\n\n  @ContentChildren(ToggleButtonComponent)\n  protected toggleButtons!: QueryList<ToggleButtonComponent>;\n\n  public readonly element = injectElement();\n}\n","<ng-content select=\"odx-toggle-button\"> </ng-content>\n<div class=\"odx-toggle-button-group__indicator\" [odxActiveIndicator]=\"activeElement$ | async\"></div>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { ToggleButtonComponent } from './components';\nimport { ToggleButtonGroupComponent } from './toggle-button-group.component';\n\nconst modules = [ToggleButtonGroupComponent, ToggleButtonComponent];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class ToggleButtonGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/odx-angular-components-tooltip.mjs

@@ -0,0 +1,192 @@
+import { __decorate, __metadata } from 'tslib';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, inject, Directive } from '@angular/core';
+import { ConnectedOverlayService } from '@odx/angular/cdk/connected-overlay';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { delayUntil } from '@odx/angular/rxjs';
+import { getInjector, injectElement, EventManager, untilDestroyed, hasChanged, Transform } from '@odx/angular/utils';
+import { deepmerge } from 'deepmerge-ts';
+import { Subject, filter, tap, merge } from 'rxjs';
+import { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';
+
+function resolveTooltipTriggerEvents(trigger) {
+    if (trigger === 'click') {
+        return ['click', null];
+    }
+    else {
+        return ['mouseenter', 'mouseleave'];
+    }
+}
+
+const TooltipSize = {
+    AUTO: 'auto',
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+};
+
+const DefaultTooltipOptions = {
+    matchReferenceWidth: false,
+    size: TooltipSize.AUTO,
+    trigger: 'hover',
+    position: 'top',
+    delayIn: 0,
+    delayOut: 0,
+};
+
+let TooltipComponent = class TooltipComponent {
+    constructor() {
+        this.injector = getInjector();
+        this.element = injectElement();
+        this.id = null;
+        this.size = TooltipSize.AUTO;
+    }
+};
+TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: TooltipComponent, isStandalone: true, selector: "odx-tooltip", inputs: { id: "id", content: "content", size: "size" }, host: { attributes: { "role": "tooltip" }, properties: { "attr.id": "id" } }, ngImport: i0, template: "<ng-template [odxDynamicView]=\"content\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n", dependencies: [{ kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", String)
+], TooltipComponent.prototype, "size", void 0);
+TooltipComponent = __decorate([
+    CSSComponent('tooltip')
+], TooltipComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-tooltip', imports: [DynamicViewDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.id]': 'id',
+                        role: 'tooltip',
+                    }, template: "<ng-template [odxDynamicView]=\"content\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n" }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
+var TooltipDirective_1;
+let TooltipDirective = TooltipDirective_1 = class TooltipDirective {
+    constructor() {
+        this.eventManager = inject(EventManager);
+        this.connectedOverlayService = inject(ConnectedOverlayService);
+        this.showTrigger$$ = new Subject();
+        this.hideTrigger$$ = new Subject();
+        this.connectedOverlayRef = null;
+        this.tooltipOptions = DefaultTooltipOptions;
+        this.tooltipId = null;
+        this.element = injectElement();
+        this.content = null;
+        this.disabled = false;
+        this.size = null;
+        this.visible = false;
+        const takeUntilDestroyed = untilDestroyed();
+        const show$ = this.showTrigger$$.pipe(filter(() => !this.isOpen), delayUntil(() => this.tooltipOptions.delayIn, this.hideTrigger$$), tap(() => this.show()));
+        const hide$ = this.hideTrigger$$.pipe(filter(() => this.isOpen), delayUntil(() => this.tooltipOptions.delayOut, this.showTrigger$$), tap(() => this.hide()));
+        merge(show$, hide$).pipe(takeUntilDestroyed()).subscribe();
+    }
+    set options(value) {
+        this.tooltipOptions = deepmerge(DefaultTooltipOptions, value);
+    }
+    get isOpen() {
+        return this.connectedOverlayRef !== null;
+    }
+    ngOnInit() {
+        this.registerEvents();
+    }
+    ngOnChanges(changes) {
+        if (hasChanged(changes, 'disabled') && this.disabled) {
+            this.hide();
+        }
+        if (hasChanged(changes, ['content', 'size'])) {
+            this.connectedOverlayRef?.update({ context: { content: this.content, size: this.size } });
+        }
+        if (hasChanged(changes, 'options')) {
+            this.connectedOverlayRef?.update(this.tooltipOptions);
+            this.registerEvents();
+        }
+        if (this.visible && !this.disabled) {
+            this.show();
+        }
+        else {
+            this.hide();
+        }
+    }
+    show() {
+        if (this.isOpen || this.disabled)
+            return;
+        this.tooltipId = `odx-tooltip-${TooltipDirective_1.ID++}`;
+        this.connectedOverlayRef = this.connectedOverlayService.createOverlay(this.element.nativeElement, {
+            ...this.tooltipOptions,
+            containerClass: 'odx-tooltip-overlay',
+            content: TooltipComponent,
+            context: { content: this.content, size: this.size, id: this.tooltipId },
+            showArrow: true,
+            enableFallback: true,
+        });
+    }
+    hide() {
+        if (!this.isOpen || (this.visible && !this.disabled))
+            return;
+        this.connectedOverlayRef?.close();
+        this.connectedOverlayRef = null;
+        this.tooltipId = null;
+    }
+    registerEvents() {
+        const [openEvent, closeEvent] = resolveTooltipTriggerEvents(this.tooltipOptions.trigger);
+        this.eventManager.destroyListeners();
+        this.eventManager.register([openEvent, 'focusin'], () => this.showTrigger$$.next());
+        this.eventManager.register([closeEvent, 'focusout'], () => this.hideTrigger$$.next());
+        this.eventManager.register(['keyup.esc'], () => this.hideTrigger$$.next(), 'document');
+    }
+};
+TooltipDirective.ID = 0;
+TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: TooltipDirective, isStandalone: true, selector: "[odxTooltip]", inputs: { content: ["odxTooltip", "content"], disabled: ["odxTooltipDisabled", "disabled"], options: ["odxTooltipOptions", "options"], size: ["odxTooltipSize", "size"], visible: ["odxTooltipVisible", "visible"] }, host: { properties: { "attr.aria-describedby": "tooltipId" } }, providers: [EventManager], exportAs: ["odxTooltip"], usesOnChanges: true, ngImport: i0 });
+__decorate([
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Object)
+], TooltipDirective.prototype, "disabled", void 0);
+__decorate([
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Object)
+], TooltipDirective.prototype, "visible", void 0);
+TooltipDirective = TooltipDirective_1 = __decorate([
+    CSSComponent('tooltip-host'),
+    __metadata("design:paramtypes", [])
+], TooltipDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxTooltip]',
+                    exportAs: 'odxTooltip',
+                    providers: [EventManager],
+                    host: {
+                        '[attr.aria-describedby]': 'tooltipId',
+                    },
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { content: [{
+                type: Input,
+                args: ['odxTooltip']
+            }], disabled: [{
+                type: Input,
+                args: ['odxTooltipDisabled']
+            }], options: [{
+                type: Input,
+                args: ['odxTooltipOptions']
+            }], size: [{
+                type: Input,
+                args: ['odxTooltipSize']
+            }], visible: [{
+                type: Input,
+                args: ['odxTooltipVisible']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DefaultTooltipOptions, TooltipDirective, TooltipSize, resolveTooltipTriggerEvents };
+//# sourceMappingURL=odx-angular-components-tooltip.mjs.map

package/fesm2020/odx-angular-components-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-tooltip.mjs","sources":["../../../../libs/angular/components/tooltip/src/lib/helpers/resolve-tooltip-trigger-events.ts","../../../../libs/angular/components/tooltip/src/lib/models/tooltip-size.ts","../../../../libs/angular/components/tooltip/src/lib/models/tooltip-options.ts","../../../../libs/angular/components/tooltip/src/lib/tooltip.component.ts","../../../../libs/angular/components/tooltip/src/lib/tooltip.component.html","../../../../libs/angular/components/tooltip/src/lib/tooltip.directive.ts","../../../../libs/angular/components/tooltip/src/odx-angular-components-tooltip.ts"],"sourcesContent":["import { TooltipTrigger } from '../models';\n\nexport function resolveTooltipTriggerEvents(trigger: TooltipTrigger): [string, string | null] {\n  if (trigger === 'click') {\n    return ['click', null];\n  } else {\n    return ['mouseenter', 'mouseleave'];\n  }\n}\n","export type TooltipSize = typeof TooltipSize[keyof typeof TooltipSize];\n\nexport const TooltipSize = {\n  AUTO: 'auto',\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n} as const;\n","import { ConnectedOverlayOptions } from '@odx/angular/cdk/connected-overlay';\nimport { TooltipSize } from './tooltip-size';\nimport { TooltipTrigger } from './tooltip-trigger';\n\nexport interface TooltipOptions extends Pick<ConnectedOverlayOptions, 'position' | 'matchReferenceWidth'> {\n  trigger: TooltipTrigger;\n  delayIn: number;\n  delayOut: number;\n  size: TooltipSize;\n}\n\nexport const DefaultTooltipOptions: TooltipOptions = {\n  matchReferenceWidth: false,\n  size: TooltipSize.AUTO,\n  trigger: 'hover',\n  position: 'top',\n  delayIn: 0,\n  delayOut: 0,\n};\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DynamicTextContent, DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { getInjector, injectElement } from '@odx/angular/utils';\nimport { TooltipSize } from './models';\n\n@CSSComponent('tooltip')\n@Component({\n  standalone: true,\n  selector: 'odx-tooltip',\n  imports: [DynamicViewDirective],\n  templateUrl: './tooltip.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.id]': 'id',\n    role: 'tooltip',\n  },\n})\nexport class TooltipComponent {\n  protected readonly injector = getInjector();\n  public readonly element = injectElement();\n\n  @Input()\n  public id: string | null = null;\n\n  @Input()\n  public content?: DynamicTextContent | null;\n\n  @CSSModifier()\n  @Input()\n  public size: TooltipSize = TooltipSize.AUTO;\n}\n","<ng-template [odxDynamicView]=\"content\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n","import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Directive, inject, Input, OnChanges, OnInit } from '@angular/core';\nimport { ConnectedOverlayRef, ConnectedOverlayService } from '@odx/angular/cdk/connected-overlay';\nimport { DynamicTextContent } from '@odx/angular/cdk/dynamic-view';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { delayUntil } from '@odx/angular/rxjs';\nimport { EventManager, hasChanged, injectElement, NgChanges, Transform, untilDestroyed } from '@odx/angular/utils';\nimport { deepmerge } from 'deepmerge-ts';\nimport { filter, merge, Subject, tap } from 'rxjs';\nimport { resolveTooltipTriggerEvents } from './helpers';\nimport { DefaultTooltipOptions, TooltipOptions, TooltipSize } from './models';\nimport { TooltipComponent } from './tooltip.component';\n\n@CSSComponent('tooltip-host')\n@Directive({\n  standalone: true,\n  selector: '[odxTooltip]',\n  exportAs: 'odxTooltip',\n  providers: [EventManager],\n  host: {\n    '[attr.aria-describedby]': 'tooltipId',\n  },\n})\nexport class TooltipDirective implements OnInit, OnChanges {\n  private static ID = 0;\n\n  public static ngAcceptInputType_disabled: BooleanInput;\n  public static ngAcceptInputType_visible: BooleanInput;\n\n  private readonly eventManager = inject(EventManager);\n  private readonly connectedOverlayService = inject(ConnectedOverlayService);\n  private readonly showTrigger$$ = new Subject<void>();\n  private readonly hideTrigger$$ = new Subject<void>();\n  private connectedOverlayRef: ConnectedOverlayRef | null = null;\n  private tooltipOptions = DefaultTooltipOptions;\n\n  protected tooltipId: string | null = null;\n  public readonly element = injectElement();\n\n  @Input('odxTooltip')\n  public content?: DynamicTextContent | null = null;\n\n  @Transform(coerceBooleanProperty)\n  @Input('odxTooltipDisabled')\n  public disabled = false;\n\n  @Input('odxTooltipOptions')\n  public set options(value: Partial<TooltipOptions> | null | undefined) {\n    this.tooltipOptions = deepmerge(DefaultTooltipOptions, value) as TooltipOptions;\n  }\n\n  @Input('odxTooltipSize')\n  public size?: TooltipSize | null = null;\n\n  @Transform(coerceBooleanProperty)\n  @Input('odxTooltipVisible')\n  public visible = false;\n\n  public get isOpen(): boolean {\n    return this.connectedOverlayRef !== null;\n  }\n\n  constructor() {\n    const takeUntilDestroyed = untilDestroyed();\n    const show$ = this.showTrigger$$.pipe(\n      filter(() => !this.isOpen),\n      delayUntil(() => this.tooltipOptions.delayIn, this.hideTrigger$$),\n      tap(() => this.show())\n    );\n    const hide$ = this.hideTrigger$$.pipe(\n      filter(() => this.isOpen),\n      delayUntil(() => this.tooltipOptions.delayOut, this.showTrigger$$),\n      tap(() => this.hide())\n    );\n    merge(show$, hide$).pipe(takeUntilDestroyed()).subscribe();\n  }\n\n  public ngOnInit(): void {\n    this.registerEvents();\n  }\n\n  public ngOnChanges(changes: NgChanges<TooltipDirective>): void {\n    if (hasChanged(changes, 'disabled') && this.disabled) {\n      this.hide();\n    }\n    if (hasChanged(changes, ['content', 'size'])) {\n      this.connectedOverlayRef?.update({ context: { content: this.content, size: this.size } });\n    }\n    if (hasChanged(changes, 'options')) {\n      this.connectedOverlayRef?.update(this.tooltipOptions);\n      this.registerEvents();\n    }\n    if (this.visible && !this.disabled) {\n      this.show();\n    } else {\n      this.hide();\n    }\n  }\n\n  public show(): void {\n    if (this.isOpen || this.disabled) return;\n    this.tooltipId = `odx-tooltip-${TooltipDirective.ID++}`;\n    this.connectedOverlayRef = this.connectedOverlayService.createOverlay(this.element.nativeElement, {\n      ...this.tooltipOptions,\n      containerClass: 'odx-tooltip-overlay',\n      content: TooltipComponent,\n      context: { content: this.content, size: this.size, id: this.tooltipId },\n      showArrow: true,\n      enableFallback: true,\n    });\n  }\n\n  public hide(): void {\n    if (!this.isOpen || (this.visible && !this.disabled)) return;\n    this.connectedOverlayRef?.close();\n    this.connectedOverlayRef = null;\n    this.tooltipId = null;\n  }\n\n  private registerEvents(): void {\n    const [openEvent, closeEvent] = resolveTooltipTriggerEvents(this.tooltipOptions.trigger);\n    this.eventManager.destroyListeners();\n    this.eventManager.register([openEvent, 'focusin'], () => this.showTrigger$$.next());\n    this.eventManager.register([closeEvent, 'focusout'], () => this.hideTrigger$$.next());\n    this.eventManager.register(['keyup.esc'], () => this.hideTrigger$$.next(), 'document');\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/odx-angular-internal.mjs

@@ -1,13 +1,37 @@
-import * as i0 from '@angular/core';
-import { TemplateRef, Directive } from '@angular/core';
-import { combineLatest, BehaviorSubject, shareReplay, EMPTY, takeUntil } from 'rxjs';
-import { tap } from 'rxjs/operators';
-
-function px(value) {
-    return `${Math.round(value)}px`;
+const CSS_COMPONENT_NAME = Symbol('__CSSComponentName__');
+const CSS_COMPONENT_MODIFIERS = Symbol('__CSSComponentModifiers__');
+/** @internal */
+/* istanbul ignore next */
+function CSSComponent(name, prefix = 'odx') {
+    return (target) => {
+        const cssClass = `${prefix}-${name}`;
+        Object.defineProperty(target.prototype, CSS_COMPONENT_NAME, {
+            value: cssClass,
+        });
+        (function (ngOnInit) {
+            target.prototype.ngOnInit = function () {
+                this.element.nativeElement.classList.add(cssClass);
+                ngOnInit?.call(this);
+                if (Array.isArray(this[CSS_COMPONENT_MODIFIERS])) {
+                    for (const property of this[CSS_COMPONENT_MODIFIERS]) {
+                        this[property] ?? (this[property] = null);
+                    }
+                }
+            };
+        })(target.prototype.ngOnInit);
+    };
 }
-function applyStyles(element, styles) {
-    Object.assign(element.style, styles);
+
+/** @internal */
+/* istanbul ignore next */
+function camelToKebabCase(value) {
+    if (value !== value.toLowerCase()) {
+        return value.replace(/[A-Z]/g, (match, index) => {
+            const char = match.toLowerCase();
+            return index === 0 ? char : `-${char}`;
+        });
+    }
+    return value;
 }
 
 /* istanbul ignore next */
@@ -45,39 +69,6 @@ function getEnumValues(e) {
     return keys.filter((key) => e[key] !== undefined).map((key) => e[key]);
 }
 
-function isViewContainer(value) {
-    return isFunction(value?.createComponent);
-}
-function isTemplateRef(value) {
-    return value instanceof TemplateRef;
-}
-function isComponent(value) {
-    return isFunction(value);
-}
-function isString(value) {
-    return typeof value === 'string';
-}
-function isNonEmptyString(value) {
-    return isString(value) && value.length > 0;
-}
-function isBoolean(value) {
-    return typeof value === 'boolean';
-}
-// eslint-disable-next-line @typescript-eslint/ban-types
-function isFunction(value) {
-    return typeof value === 'function';
-}
-function isPresent(value) {
-    return value !== null && value !== undefined;
-}
-
-/** @internal */
-function watch(changeDetectorRef) {
-    return tap(() => {
-        changeDetectorRef.markForCheck();
-    });
-}
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /** @internal */
 /* istanbul ignore next */
@@ -115,55 +106,6 @@ function ɵwithMultipleDescriptors(target, key, symbol) {
     };
 }
 
-function detectControllerChanges(changeDetector, ...controllers) {
-    return combineLatest(controllers.reduce((changes, controller) => (controller ? changes.concat(controller.change$) : changes), [])).pipe(watch(changeDetector));
-}
-/** @internal */
-class Controller {
-    constructor() {
-        this.change$$ = new BehaviorSubject(undefined);
-        this.change$ = this.change$$.pipe(shareReplay({ refCount: true }));
-    }
-    ngOnChanges() {
-        this.triggerControllerChange();
-    }
-    ngOnDestroy() {
-        this.change$$.complete();
-    }
-    triggerControllerChange() {
-        this.change$$.next();
-    }
-}
-Controller.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: Controller, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-Controller.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: Controller, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: Controller, decorators: [{
-            type: Directive
-        }] });
-
-const CSS_COMPONENT_NAME = Symbol('__CSSComponentName__');
-const CSS_COMPONENT_MODIFIERS = Symbol('__CSSComponentModifiers__');
-/** @internal */
-/* istanbul ignore next */
-function CSSComponent(name, prefix = 'odx') {
-    return (target) => {
-        const cssClass = `${prefix}-${name}`;
-        Object.defineProperty(target.prototype, CSS_COMPONENT_NAME, {
-            value: cssClass,
-        });
-        (function (ngOnInit) {
-            target.prototype.ngOnInit = function () {
-                this.element.nativeElement.classList.add(cssClass);
-                ngOnInit?.call(this);
-                if (Array.isArray(this[CSS_COMPONENT_MODIFIERS])) {
-                    for (const property of this[CSS_COMPONENT_MODIFIERS]) {
-                        this[property] ?? (this[property] = null);
-                    }
-                }
-            };
-        })(target.prototype.ngOnInit);
-    };
-}
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /** @internal */
 /* istanbul ignore next */
@@ -171,10 +113,11 @@ function CSSModifier(options) {
     return (target, propertyKey) => {
         const propertySymbol = Symbol(`__CSSModifier{${propertyKey.toString()}}__`);
         const descriptors = ɵwithMultipleDescriptors(target, propertyKey, propertySymbol);
+        const propertyKeyKebabCase = camelToKebabCase(propertyKey.toString());
         function createModifierClass(value) {
             value = value ?? options?.default ?? null;
-            if (isBoolean(value) || isNonEmptyString(value)) {
-                let modifier = isBoolean(value) ? propertyKey.toString() : value;
+            if (typeof value === 'boolean' || (typeof value === 'string' && value.length > 0)) {
+                let modifier = typeof value === 'boolean' ? propertyKeyKebabCase : value;
                 if (options?.withPrefix) {
                     modifier = [propertyKey, modifier].join('-');
                 }
@@ -197,7 +140,7 @@ function CSSModifier(options) {
                     }
                     this[propertySymbol][i] = currentValue;
                     const newModifierClass = createModifierClass.apply(this, [this[propertySymbol][i]]);
-                    if (newModifierClass !== null && (isBoolean(currentValue) ? currentValue : true)) {
+                    if (newModifierClass !== null && (typeof currentValue === 'boolean' ? currentValue : true)) {
                         this.element.nativeElement.classList.add(newModifierClass);
                     }
                 }
@@ -212,16 +155,9 @@ function CSSModifier(options) {
     };
 }
 
-/** @internal */
-function watchedControllerFactory(controller, changeDetectorRef, destroy$) {
-    const changes$ = controller?.change$ ?? EMPTY;
-    changes$.pipe(watch(changeDetectorRef), takeUntil(destroy$)).subscribe();
-    return controller;
-}
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CSSComponent, CSSModifier, CSS_COMPONENT_MODIFIERS, CSS_COMPONENT_NAME, Controller, applyStyles, detectControllerChanges, getCSSVariables, getEnumValues, isBoolean, isComponent, isFunction, isNonEmptyString, isPresent, isString, isTemplateRef, isViewContainer, px, watch, watchedControllerFactory, ɵwithMultipleDescriptors };
+export { CSSComponent, CSSModifier, CSS_COMPONENT_MODIFIERS, CSS_COMPONENT_NAME, camelToKebabCase, getCSSVariables, getEnumValues, ɵwithMultipleDescriptors };
 //# sourceMappingURL=odx-angular-internal.mjs.map

package/fesm2020/odx-angular-internal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-internal.mjs","sources":["../../../../libs/angular/internal/src/helpers/dom.ts","../../../../libs/angular/internal/src/helpers/get-css-variables.ts","../../../../libs/angular/internal/src/helpers/get-enum-values.ts","../../../../libs/angular/internal/src/helpers/type-guards.ts","../../../../libs/angular/internal/src/helpers/watch.ts","../../../../libs/angular/internal/src/helpers/with-mutiple-descriptors.ts","../../../../libs/angular/internal/src/abstract/controller.ts","../../../../libs/angular/internal/src/decorators/css-component.ts","../../../../libs/angular/internal/src/decorators/css-modifier.ts","../../../../libs/angular/internal/src/providers/watched-controller-provider.ts","../../../../libs/angular/internal/src/odx-angular-internal.ts"],"sourcesContent":["export function px(value: number): string {\n  return `${Math.round(value)}px`;\n}\n\nexport function applyStyles(element: HTMLElement, styles: Partial<CSSStyleDeclaration | Record<keyof CSSStyleDeclaration, string | null>>): void {\n  Object.assign(element.style, styles);\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\ninterface ColorDefinition {\n  name: string;\n  variableName: string;\n  value: string;\n}\n\n/* istanbul ignore next */\nfunction isSameDomain(styleSheet: StyleSheet): boolean {\n  if (!styleSheet.href) {\n    return true;\n  }\n\n  return styleSheet.href.indexOf(window.location.origin) === 0;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function getCSSVariables(filter: RegExp): ColorDefinition[] {\n  const stylesheets = Array.from(document.styleSheets).filter(isSameDomain);\n  return stylesheets.reduce<any[]>((variables, { cssRules }) => {\n    for (const { style, type } of Array.from(cssRules) as any[]) {\n      if (type === 1) {\n        for (const prop of Array.from(style ?? []) as string[]) {\n          const name = prop.trim();\n          if (name.startsWith('--') && filter.test(name)) {\n            variables.push({\n              name: name,\n              value: style.getPropertyValue(prop).trim(),\n            });\n          }\n        }\n      }\n    }\n    return variables;\n  }, []);\n}\n","/** @internal */\nexport function getEnumValues<TEnum, TKeys extends string>(e: { [key in TKeys]: TEnum }): TEnum[] {\n  const keys = Object.keys(e) as TKeys[];\n  return keys.filter((key) => e[key] !== undefined).map((key) => e[key]);\n}\n","import { TemplateRef, Type, ViewContainerRef } from '@angular/core';\n\nexport function isViewContainer(value: unknown): value is ViewContainerRef {\n  return isFunction((value as ViewContainerRef)?.createComponent);\n}\n\nexport function isTemplateRef<T = unknown>(value: unknown): value is TemplateRef<T> {\n  return value instanceof TemplateRef;\n}\n\nexport function isComponent<T = unknown>(value: unknown): value is Type<T> {\n  return isFunction(value);\n}\n\nexport function isString(value: unknown): value is string {\n  return typeof value === 'string';\n}\n\nexport function isNonEmptyString(value: unknown): value is string {\n  return isString(value) && value.length > 0;\n}\n\nexport function isBoolean(value: unknown): value is boolean {\n  return typeof value === 'boolean';\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport function isFunction(value: unknown): value is Function {\n  return typeof value === 'function';\n}\n\nexport function isPresent<T>(value: T | null | undefined): value is NonNullable<T> {\n  return value !== null && value !== undefined;\n}\n","import { ChangeDetectorRef } from '@angular/core';\nimport { MonoTypeOperatorFunction } from 'rxjs';\nimport { tap } from 'rxjs/operators';\n\n/** @internal */\nexport function watch<T>(changeDetectorRef: ChangeDetectorRef): MonoTypeOperatorFunction<T> {\n  return tap(() => {\n    changeDetectorRef.markForCheck();\n  });\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/** @internal */\ninterface DescriptiorManager {\n  addGetter: (value: any) => void;\n  addSetter: (value: any) => void;\n  init: () => void;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function ɵwithMultipleDescriptors(target: any, key: PropertyKey, symbol: symbol): DescriptiorManager {\n  const setters = (target[`__propSetters__${target.constructor}__${key.toString()}`] ??= []);\n  const getters = (target[`__propGetters__${target.constructor}__${key.toString()}`] ??= []);\n  const propertyValue = `__propValue_${String(key)}__`;\n  return {\n    addSetter(fn: (this: any, value: any) => void) {\n      setters.push({ fn, propertySymbol: symbol });\n    },\n    addGetter(fn: (this: any, value: any) => void) {\n      getters.push({ fn });\n    },\n    init() {\n      Object.defineProperty(target, key, {\n        set(value) {\n          this[propertyValue] = setters.reduce((result: any, { fn, propertySymbol }: any) => {\n            fn.call(this, result);\n            return this[propertySymbol];\n          }, value);\n        },\n        get() {\n          if (Array.isArray(getters)) {\n            return getters.reduce((_: any, { fn }: any) => fn.call(this), this[propertyValue]);\n          } else {\n            return this[propertyValue];\n          }\n        },\n        configurable: true,\n      });\n    },\n  };\n}\n","import { ChangeDetectorRef, Directive, OnChanges, OnDestroy } from '@angular/core';\nimport { BehaviorSubject, combineLatest, Observable, shareReplay } from 'rxjs';\nimport { watch } from '../helpers';\n\nexport function detectControllerChanges(changeDetector: ChangeDetectorRef, ...controllers: Array<Controller | undefined | null>): Observable<void[]> {\n  return combineLatest(controllers.reduce<Observable<void>[]>((changes, controller) => (controller ? changes.concat(controller.change$) : changes), [])).pipe(\n    watch(changeDetector)\n  );\n}\n\n/** @internal */\n@Directive()\nexport abstract class Controller implements OnChanges, OnDestroy {\n  private readonly change$$ = new BehaviorSubject<void>(undefined);\n\n  public readonly change$ = this.change$$.pipe(shareReplay({ refCount: true }));\n\n  public ngOnChanges(): void {\n    this.triggerControllerChange();\n  }\n\n  public ngOnDestroy(): void {\n    this.change$$.complete();\n  }\n\n  protected triggerControllerChange() {\n    this.change$$.next();\n  }\n}\n","import { ElementRef, Type } from '@angular/core';\n\nexport const CSS_COMPONENT_NAME = Symbol('__CSSComponentName__');\n\nexport const CSS_COMPONENT_MODIFIERS = Symbol('__CSSComponentModifiers__');\n\n/** @internal */\nexport interface CSSComponent {\n  readonly element: ElementRef<unknown>;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function CSSComponent(name: string, prefix = 'odx') {\n  return (target: Type<CSSComponent>) => {\n    const cssClass = `${prefix}-${name}`;\n    Object.defineProperty(target.prototype, CSS_COMPONENT_NAME, {\n      value: cssClass,\n    });\n\n    (function (this: unknown, ngOnInit?: () => void) {\n      target.prototype.ngOnInit = function () {\n        this.element.nativeElement.classList.add(cssClass);\n        ngOnInit?.call(this);\n\n        if (Array.isArray(this[CSS_COMPONENT_MODIFIERS])) {\n          for (const property of this[CSS_COMPONENT_MODIFIERS]) {\n            this[property] ??= null;\n          }\n        }\n      };\n    })(target.prototype.ngOnInit);\n  };\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { isBoolean, isNonEmptyString, ɵwithMultipleDescriptors } from '../helpers';\nimport { CSS_COMPONENT_MODIFIERS, CSS_COMPONENT_NAME } from './css-component';\n\n/** @internal */\ninterface CSSModifierOptions {\n  isArray?: boolean;\n  withComponentPrefix?: boolean;\n  default?: string;\n  withPrefix?: boolean;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function CSSModifier(options?: CSSModifierOptions) {\n  return (target: any, propertyKey: PropertyKey) => {\n    const propertySymbol = Symbol(`__CSSModifier{${propertyKey.toString()}}__`);\n    const descriptors = ɵwithMultipleDescriptors(target, propertyKey, propertySymbol);\n\n    function createModifierClass(this: any, value: any) {\n      value = value ?? options?.default ?? null;\n\n      if (isBoolean(value) || isNonEmptyString(value)) {\n        let modifier = isBoolean(value) ? propertyKey.toString() : value;\n        if (options?.withPrefix) {\n          modifier = [propertyKey, modifier].join('-');\n        }\n        return [options?.withComponentPrefix ?? true ? this[CSS_COMPONENT_NAME] : null, modifier].filter(Boolean).join('--');\n      }\n      return null;\n    }\n\n    if (options?.default) {\n      target[CSS_COMPONENT_MODIFIERS] = (target[CSS_COMPONENT_MODIFIERS] || []).concat(propertyKey);\n    }\n\n    function setter(this: any, value: any) {\n      const values = options?.isArray ? value : [value];\n      this[propertySymbol] = this[propertySymbol] || [];\n      for (let i = 0; i < values.length; ++i) {\n        const currentValue = values[i];\n        if (this[propertySymbol].length < 1 || currentValue !== this[propertySymbol][i]) {\n          const currentModifierClass = createModifierClass.apply(this, [this[propertySymbol][i]]);\n          if (currentModifierClass !== null) {\n            this.element.nativeElement.classList.remove(currentModifierClass);\n          }\n          this[propertySymbol][i] = currentValue;\n          const newModifierClass = createModifierClass.apply(this, [this[propertySymbol][i]]);\n          if (newModifierClass !== null && (isBoolean(currentValue) ? currentValue : true)) {\n            this.element.nativeElement.classList.add(newModifierClass);\n          }\n        }\n      }\n    }\n\n    function getter(this: any) {\n      return options?.isArray ? this[propertySymbol] : this[propertySymbol]?.[0];\n    }\n\n    descriptors.addSetter(setter);\n    descriptors.addGetter(getter);\n    descriptors.init();\n  };\n}\n","import { ChangeDetectorRef } from '@angular/core';\nimport { EMPTY, Observable, takeUntil } from 'rxjs';\nimport { Controller } from '../abstract';\nimport { watch } from '../helpers';\n\n/** @internal */\nexport function watchedControllerFactory(controller: Controller | null, changeDetectorRef: ChangeDetectorRef, destroy$: Observable<void>): Controller | null {\n  const changes$ = controller?.change$ ?? EMPTY;\n  changes$.pipe(watch(changeDetectorRef), takeUntil(destroy$)).subscribe();\n\n  return controller;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"odx-angular-internal.mjs","sources":["../../../../libs/angular/internal/src/decorators/css-component.ts","../../../../libs/angular/internal/src/helpers/camel-to-kebab-case.ts","../../../../libs/angular/internal/src/helpers/get-css-variables.ts","../../../../libs/angular/internal/src/helpers/get-enum-values.ts","../../../../libs/angular/internal/src/helpers/with-mutiple-descriptors.ts","../../../../libs/angular/internal/src/decorators/css-modifier.ts","../../../../libs/angular/internal/src/odx-angular-internal.ts"],"sourcesContent":["import { ElementRef, Type } from '@angular/core';\n\nexport const CSS_COMPONENT_NAME = Symbol('__CSSComponentName__');\n\nexport const CSS_COMPONENT_MODIFIERS = Symbol('__CSSComponentModifiers__');\n\n/** @internal */\nexport interface CSSComponent {\n  readonly element: ElementRef<unknown>;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function CSSComponent(name: string, prefix = 'odx') {\n  return (target: Type<CSSComponent>) => {\n    const cssClass = `${prefix}-${name}`;\n    Object.defineProperty(target.prototype, CSS_COMPONENT_NAME, {\n      value: cssClass,\n    });\n\n    (function (this: unknown, ngOnInit?: () => void) {\n      target.prototype.ngOnInit = function () {\n        this.element.nativeElement.classList.add(cssClass);\n        ngOnInit?.call(this);\n\n        if (Array.isArray(this[CSS_COMPONENT_MODIFIERS])) {\n          for (const property of this[CSS_COMPONENT_MODIFIERS]) {\n            this[property] ??= null;\n          }\n        }\n      };\n    })(target.prototype.ngOnInit);\n  };\n}\n","/** @internal */\n/* istanbul ignore next */\nexport function camelToKebabCase(value: string): string {\n  if (value !== value.toLowerCase()) {\n    return value.replace(/[A-Z]/g, (match, index) => {\n      const char = match.toLowerCase();\n\n      return index === 0 ? char : `-${char}`;\n    });\n  }\n  return value;\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\ninterface ColorDefinition {\n  name: string;\n  variableName: string;\n  value: string;\n}\n\n/* istanbul ignore next */\nfunction isSameDomain(styleSheet: StyleSheet): boolean {\n  if (!styleSheet.href) {\n    return true;\n  }\n\n  return styleSheet.href.indexOf(window.location.origin) === 0;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function getCSSVariables(filter: RegExp): ColorDefinition[] {\n  const stylesheets = Array.from(document.styleSheets).filter(isSameDomain);\n  return stylesheets.reduce<any[]>((variables, { cssRules }) => {\n    for (const { style, type } of Array.from(cssRules) as any[]) {\n      if (type === 1) {\n        for (const prop of Array.from(style ?? []) as string[]) {\n          const name = prop.trim();\n          if (name.startsWith('--') && filter.test(name)) {\n            variables.push({\n              name: name,\n              value: style.getPropertyValue(prop).trim(),\n            });\n          }\n        }\n      }\n    }\n    return variables;\n  }, []);\n}\n","/** @internal */\nexport function getEnumValues<TEnum, TKeys extends string>(e: { [key in TKeys]: TEnum }): TEnum[] {\n  const keys = Object.keys(e) as TKeys[];\n  return keys.filter((key) => e[key] !== undefined).map((key) => e[key]);\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/** @internal */\ninterface DescriptiorManager {\n  addGetter: (value: any) => void;\n  addSetter: (value: any) => void;\n  init: () => void;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function ɵwithMultipleDescriptors(target: any, key: PropertyKey, symbol: symbol): DescriptiorManager {\n  const setters = (target[`__propSetters__${target.constructor}__${key.toString()}`] ??= []);\n  const getters = (target[`__propGetters__${target.constructor}__${key.toString()}`] ??= []);\n  const propertyValue = `__propValue_${String(key)}__`;\n  return {\n    addSetter(fn: (this: any, value: any) => void) {\n      setters.push({ fn, propertySymbol: symbol });\n    },\n    addGetter(fn: (this: any, value: any) => void) {\n      getters.push({ fn });\n    },\n    init() {\n      Object.defineProperty(target, key, {\n        set(value) {\n          this[propertyValue] = setters.reduce((result: any, { fn, propertySymbol }: any) => {\n            fn.call(this, result);\n            return this[propertySymbol];\n          }, value);\n        },\n        get() {\n          if (Array.isArray(getters)) {\n            return getters.reduce((_: any, { fn }: any) => fn.call(this), this[propertyValue]);\n          } else {\n            return this[propertyValue];\n          }\n        },\n        configurable: true,\n      });\n    },\n  };\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { camelToKebabCase, ɵwithMultipleDescriptors } from '../helpers';\nimport { CSS_COMPONENT_MODIFIERS, CSS_COMPONENT_NAME } from './css-component';\n\n/** @internal */\ninterface CSSModifierOptions {\n  isArray?: boolean;\n  withComponentPrefix?: boolean;\n  default?: string;\n  withPrefix?: boolean;\n}\n\n/** @internal */\n/* istanbul ignore next */\nexport function CSSModifier(options?: CSSModifierOptions) {\n  return (target: any, propertyKey: PropertyKey) => {\n    const propertySymbol = Symbol(`__CSSModifier{${propertyKey.toString()}}__`);\n    const descriptors = ɵwithMultipleDescriptors(target, propertyKey, propertySymbol);\n    const propertyKeyKebabCase = camelToKebabCase(propertyKey.toString());\n\n    function createModifierClass(this: any, value: any) {\n      value = value ?? options?.default ?? null;\n\n      if (typeof value === 'boolean' || (typeof value === 'string' && value.length > 0)) {\n        let modifier = typeof value === 'boolean' ? propertyKeyKebabCase : value;\n        if (options?.withPrefix) {\n          modifier = [propertyKey, modifier].join('-');\n        }\n        return [options?.withComponentPrefix ?? true ? this[CSS_COMPONENT_NAME] : null, modifier].filter(Boolean).join('--');\n      }\n      return null;\n    }\n\n    if (options?.default) {\n      target[CSS_COMPONENT_MODIFIERS] = (target[CSS_COMPONENT_MODIFIERS] || []).concat(propertyKey);\n    }\n\n    function setter(this: any, value: any) {\n      const values = options?.isArray ? value : [value];\n      this[propertySymbol] = this[propertySymbol] || [];\n      for (let i = 0; i < values.length; ++i) {\n        const currentValue = values[i];\n        if (this[propertySymbol].length < 1 || currentValue !== this[propertySymbol][i]) {\n          const currentModifierClass = createModifierClass.apply(this, [this[propertySymbol][i]]);\n          if (currentModifierClass !== null) {\n            this.element.nativeElement.classList.remove(currentModifierClass);\n          }\n          this[propertySymbol][i] = currentValue;\n          const newModifierClass = createModifierClass.apply(this, [this[propertySymbol][i]]);\n          if (newModifierClass !== null && (typeof currentValue === 'boolean' ? currentValue : true)) {\n            this.element.nativeElement.classList.add(newModifierClass);\n          }\n        }\n      }\n    }\n\n    function getter(this: any) {\n      return options?.isArray ? this[propertySymbol] : this[propertySymbol]?.[0];\n    }\n\n    descriptors.addSetter(setter);\n    descriptors.addGetter(getter);\n    descriptors.init();\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/odx-angular-rxjs.mjs

@@ -1,4 +1,25 @@
-import { merge, fromEvent } from 'rxjs';
+import { switchMap, timer, map, takeUntil, startWith, Observable, debounceTime, merge, fromEvent } from 'rxjs';
+import { createResizeObserver } from '@odx/angular/utils';
+
+function delayUntil(delay, notifier) {
+    return (source$) => source$.pipe(switchMap((value) => timer(delay()).pipe(map(() => value), takeUntil(notifier))));
+}
+
+function fromQueryList(queryList) {
+    return queryList.changes.pipe(startWith(queryList));
+}
+
+function fromElementResize$(element, debounceDuration = 50) {
+    return new Observable((observer) => {
+        const resizeObserver = createResizeObserver((events) => {
+            if (events.length > 0) {
+                observer.next();
+            }
+        });
+        observer.add(() => resizeObserver.disconnect());
+        resizeObserver.observe(element);
+    }).pipe(debounceTime(debounceDuration));
+}
 
 function fromEvents(target, ...events) {
     return merge(...events.map((event) => fromEvent(target, event)));
@@ -8,5 +29,5 @@ function fromEvents(target, ...events) {
  * Generated bundle index. Do not edit.
  */
 
-export { fromEvents };
+export { delayUntil, fromElementResize$, fromEvents, fromQueryList };
 //# sourceMappingURL=odx-angular-rxjs.mjs.map