@odx/angular 2.16.1 → 3.1.0

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

@@ -1,104 +0,0 @@
-import { __decorate } from 'tslib';
-import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, inject, forwardRef, ContentChildren, NgModule } from '@angular/core';
-import * as i1 from '@odx/angular';
-import { DisabledController, ReadonlyController, DelegateFocusDirective, 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, untilDestroyed } from '@odx/angular/utils';
-import * as i2 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();
-    }
-    focus() {
-        this.inputElement.nativeElement?.focus();
-    }
-};
-ToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToggleButtonComponent, isStandalone: true, selector: "odx-toggle-button", host: { attributes: { "role": "button" } }, providers: [DisabledController.connect(), ReadonlyController.connect()], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"odx-toggle-button__label\">\n  <div class=\"odx-toggle-button__indicator\">\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      #input\n    />\n    <ng-content></ng-content>\n  </div>\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.2.10", 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  <div class=\"odx-toggle-button__indicator\">\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      #input\n    />\n    <ng-content></ng-content>\n  </div>\n</label>\n" }]
-        }], propDecorators: { inputElement: [{
-                type: ViewChild,
-                args: ['input']
-            }] } });
-
-var ToggleButtonGroupComponent_1;
-let ToggleButtonGroupComponent = ToggleButtonGroupComponent_1 = class ToggleButtonGroupComponent extends RadioGroupControlDirective {
-    constructor() {
-        super(...arguments);
-        this.delegateFocusDirective = inject(DelegateFocusDirective, { host: true });
-        this.takeUntilDestroyed = untilDestroyed();
-        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();
-    }
-    ngOnInit() {
-        this.delegateFocusDirective.focused.pipe(this.takeUntilDestroyed()).subscribe(() => {
-            this.getFirstToggleButton()?.focus();
-        });
-    }
-    getFirstToggleButton() {
-        return this.toggleButtons?.toArray()[0] ?? null;
-    }
-};
-ToggleButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ToggleButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToggleButtonGroupComponent, isStandalone: true, selector: "odx-toggle-button-group", providers: [
-        {
-            provide: RADIO_GROUP_CONTROL,
-            useExisting: forwardRef(() => ToggleButtonGroupComponent_1),
-            multi: false,
-        },
-        DisabledController.connect(),
-        ReadonlyController.connect(),
-    ], queries: [{ propertyName: "toggleButtons", predicate: ToggleButtonComponent }], usesInheritance: true, hostDirectives: [{ directive: i1.DelegateFocusDirective }], 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: i2.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.2.10", 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: forwardRef(() => ToggleButtonGroupComponent),
-                            multi: false,
-                        },
-                        DisabledController.connect(),
-                        ReadonlyController.connect(),
-                    ], hostDirectives: [DelegateFocusDirective], 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.2.10", ngImport: i0, type: ToggleButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ToggleButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonGroupModule, imports: [ToggleButtonGroupComponent, ToggleButtonComponent], exports: [CoreModule, ToggleButtonGroupComponent, ToggleButtonComponent] });
-ToggleButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonGroupModule, imports: [modules, CoreModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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

@@ -1 +0,0 @@
-{"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, ElementRef, ViewChild, 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  @ViewChild('input')\n  protected inputElement!: ElementRef<HTMLInputElement>;\n\n  public readonly element = injectElement();\n\n  public focus(): void {\n    this.inputElement.nativeElement?.focus();\n  }\n}\n","<label class=\"odx-toggle-button__label\">\n  <div class=\"odx-toggle-button__indicator\">\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      #input\n    />\n    <ng-content></ng-content>\n  </div>\n</label>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ContentChildren, forwardRef, inject, OnInit, QueryList, ViewEncapsulation } from '@angular/core';\nimport { DelegateFocusDirective, 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, untilDestroyed } 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: forwardRef(() => ToggleButtonGroupComponent),\n      multi: false,\n    },\n    DisabledController.connect(),\n    ReadonlyController.connect(),\n  ],\n  hostDirectives: [DelegateFocusDirective],\n})\nexport class ToggleButtonGroupComponent<T = unknown> extends RadioGroupControlDirective<T> implements OnInit {\n  private readonly delegateFocusDirective = inject(DelegateFocusDirective, { host: true });\n  private readonly takeUntilDestroyed = untilDestroyed();\n\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  public ngOnInit(): void {\n    this.delegateFocusDirective.focused.pipe(this.takeUntilDestroyed()).subscribe(() => {\n      this.getFirstToggleButton()?.focus();\n    });\n  }\n\n  private getFirstToggleButton(): ToggleButtonComponent | null {\n    return this.toggleButtons?.toArray()[0] ?? null;\n  }\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

@@ -1,189 +0,0 @@
-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, deepmerge } from '@odx/angular/internal';
-import { delayUntil } from '@odx/angular/rxjs';
-import { getInjector, injectElement, EventManager, untilDestroyed, hasChanged, getUniqueId, Transform } from '@odx/angular/utils';
-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.2.10", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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.2.10", 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
-            }] } });
-
-let TooltipDirective = class TooltipDirective {
-    set options(value) {
-        this.tooltipOptions = deepmerge(DefaultTooltipOptions, value);
-    }
-    get isOpen() {
-        return this.connectedOverlayRef !== null;
-    }
-    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();
-    }
-    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 = getUniqueId('odx-tooltip');
-        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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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 = __decorate([
-    CSSComponent('tooltip-host'),
-    __metadata("design:paramtypes", [])
-], TooltipDirective);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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

@@ -1 +0,0 @@
-{"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, Type, ViewEncapsulation } from '@angular/core';\nimport { DynamicContent, 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?: Exclude<DynamicContent, Type<unknown>> | 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, Input, OnChanges, OnInit, Type, inject } from '@angular/core';\nimport { ConnectedOverlayRef, ConnectedOverlayService } from '@odx/angular/cdk/connected-overlay';\nimport { DynamicContent } from '@odx/angular/cdk/dynamic-view';\nimport { CSSComponent, deepmerge } from '@odx/angular/internal';\nimport { delayUntil } from '@odx/angular/rxjs';\nimport { EventManager, NgChanges, Transform, getUniqueId, hasChanged, injectElement, untilDestroyed } from '@odx/angular/utils';\nimport { Subject, filter, merge, 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  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?: Exclude<DynamicContent, Type<unknown>> | 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 = getUniqueId('odx-tooltip');\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-components-wizard.mjs

@@ -1,239 +0,0 @@
-import { __decorate, __metadata } from 'tslib';
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostListener, inject, Renderer2, EventEmitter, ContentChildren, Output, NgModule } from '@angular/core';
-import * as i1 from '@odx/angular';
-import { WithTabIndex, WithDisabledState, WindowRef, CoreModule } from '@odx/angular';
-import { IconComponent } from '@odx/angular/components/icon';
-import { CSSModifier, CSSComponent } from '@odx/angular/internal';
-import { injectElement, untilDestroyed, Transform } from '@odx/angular/utils';
-import { Subject, merge, fromEvent, debounceTime, tap } from 'rxjs';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-
-let WizardStepComponent = class WizardStepComponent {
-    constructor() {
-        this.element = injectElement();
-        this.stepChosen$ = new Subject();
-        this.isLastTouched = false;
-        this.active = false;
-        this.passed = false;
-        this.visible = true;
-        this.valid = false;
-        this.touched = false;
-    }
-    setValid(state) {
-        this.valid = state;
-    }
-    chooseStep() {
-        this.stepChosen$.next(this);
-    }
-};
-WizardStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WizardStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WizardStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WizardStepComponent, isStandalone: true, selector: "odx-wizard-step", inputs: { valid: "valid" }, host: { listeners: { "click": "chooseStep()", "keyup.enter": "chooseStep()", "keyup.space": "chooseStep()" } }, hostDirectives: [{ directive: i1.WithTabIndex }, { directive: i1.WithDisabledState }], ngImport: i0, template: "<span class=\"odx-wizard-step__label\">\n  <ng-content></ng-content>\n</span>\n\n<div class=\"odx-wizard-step__holder\">\n  <span class=\"odx-wizard-step__line-before\"></span>\n  <span class=\"odx-wizard-step__circle\">\n    <odx-icon class=\"odx-wizard-step__icon\" name=\"check\" iconSet=\"core\"></odx-icon>\n  </span>\n  <span class=\"odx-wizard-step__line-after\"></span>\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-__decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
-], WizardStepComponent.prototype, "isLastTouched", void 0);
-__decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
-], WizardStepComponent.prototype, "active", void 0);
-__decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
-], WizardStepComponent.prototype, "passed", void 0);
-__decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
-], WizardStepComponent.prototype, "visible", void 0);
-__decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
-], WizardStepComponent.prototype, "valid", void 0);
-__decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
-], WizardStepComponent.prototype, "touched", void 0);
-WizardStepComponent = __decorate([
-    CSSComponent('wizard-step')
-], WizardStepComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WizardStepComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'odx-wizard-step', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent], hostDirectives: [WithTabIndex, WithDisabledState], template: "<span class=\"odx-wizard-step__label\">\n  <ng-content></ng-content>\n</span>\n\n<div class=\"odx-wizard-step__holder\">\n  <span class=\"odx-wizard-step__line-before\"></span>\n  <span class=\"odx-wizard-step__circle\">\n    <odx-icon class=\"odx-wizard-step__icon\" name=\"check\" iconSet=\"core\"></odx-icon>\n  </span>\n  <span class=\"odx-wizard-step__line-after\"></span>\n</div>\n" }]
-        }], propDecorators: { isLastTouched: [], active: [], passed: [], visible: [], valid: [{
-                type: Input
-            }], touched: [], chooseStep: [{
-                type: HostListener,
-                args: ['click']
-            }, {
-                type: HostListener,
-                args: ['keyup.enter']
-            }, {
-                type: HostListener,
-                args: ['keyup.space']
-            }] } });
-
-let WizardComponent = class WizardComponent {
-    constructor() {
-        this.destroyed = untilDestroyed();
-        this.renderer = inject(Renderer2);
-        this.visibleStepsSegments = 0;
-        this.dottedLineStart = this.renderer.createElement('div');
-        this.dottedLineEnd = this.renderer.createElement('div');
-        this.windowRef = inject(WindowRef);
-        this.activeStep = 0;
-        this.element = injectElement();
-        this.vertical = false;
-        this.activeStepChanged = new EventEmitter();
-    }
-    ngAfterViewInit() {
-        if (!this.steps)
-            return;
-        [this.dottedLineStart, this.dottedLineEnd].forEach((l) => this.renderer.addClass(l, 'odx-wizard-step__dotted-line'));
-        this.visibleStepsSegments = this.calculateVisibleStepsSegments();
-        this.setActiveStep();
-        merge(fromEvent(this.windowRef.nativeWindow, 'resize'), this.steps.changes)
-            .pipe(this.destroyed(), debounceTime(600))
-            .subscribe(() => {
-            this.visibleStepsSegments = this.calculateVisibleStepsSegments();
-            this.setHiddenSteps();
-        });
-        this.clickStepSubscriber();
-    }
-    nextStep() {
-        this.activeStep < this.steps.length - 1 && this.changeStepHandler(this.steps.get(this.activeStep + 1));
-    }
-    previousStep() {
-        this.activeStep > 0 && this.changeStepHandler(this.steps.get(this.activeStep - 1));
-    }
-    setActiveStepValid() {
-        this.steps.get(this.activeStep)?.setValid(true);
-    }
-    calculateVisibleStepsSegments() {
-        const container = this.element.nativeElement;
-        const { width, height } = container.getBoundingClientRect();
-        const containerSize = this.vertical ? height : width;
-        let visibleSteps = 0;
-        let summaryStepsSize = 0;
-        const prop = this.vertical ? 'flex-basis' : 'min-width';
-        const minStepSize = parseInt(this.getStyleFromCSS(this.steps.first.element.nativeElement, prop));
-        this.steps.forEach(() => {
-            summaryStepsSize += minStepSize;
-            if (summaryStepsSize < containerSize)
-                visibleSteps++;
-        });
-        return visibleSteps;
-    }
-    getStyleFromCSS(el, prop) {
-        return this.windowRef.nativeWindow.getComputedStyle(el).getPropertyValue(prop);
-    }
-    setActiveStep() {
-        const touched = [];
-        this.steps.forEach((step, index) => {
-            step.active = false;
-            step.isLastTouched = false;
-            if (this.activeStep === index)
-                step.touched = true;
-            step.touched && touched.push(step);
-            this.activeStep === index && (step.active = true);
-            step.passed = index <= this.activeStep;
-        });
-        const lastTouched = touched.pop();
-        lastTouched && (lastTouched.isLastTouched = true);
-        this.setHiddenSteps();
-    }
-    clickStepSubscriber() {
-        merge(...this.steps.map((step) => step.stepChosen$))
-            .pipe(this.destroyed(), tap((step) => this.changeStepHandler(step)))
-            .subscribe();
-    }
-    changeStepHandler(step) {
-        const index = this.steps.toArray().indexOf(step);
-        const isPreviousStepValid = this.steps.get(index - 1)?.valid;
-        const isFirstStepTarget = index === 0;
-        if ((isPreviousStepValid || isFirstStepTarget) && index !== this.activeStep) {
-            this.activeStep = index;
-            this.activeStepChanged.emit(this.activeStep);
-            this.setActiveStep();
-        }
-    }
-    setHiddenSteps() {
-        const length = this.steps.length;
-        [this.dottedLineStart, this.dottedLineEnd].forEach((l) => this.setDottedLineActive(l, true));
-        this.renderer.insertBefore(this.element.nativeElement, this.dottedLineStart, this.steps.get(1)?.element.nativeElement);
-        this.renderer.insertBefore(this.element.nativeElement, this.dottedLineEnd, this.steps.get(length - 1)?.element.nativeElement);
-        const start = this.activeStep < length / 2;
-        const stepsForHide = this.steps.toArray().slice(1, -1);
-        const visibleStepsSegments = this.visibleStepsSegments - 2;
-        stepsForHide.forEach((step, i) => {
-            if (length > this.visibleStepsSegments) {
-                step.visible = start
-                    ? i < visibleStepsSegments - 1 || this.isNeighbors(i, stepsForHide)
-                    : i > stepsForHide.length - (visibleStepsSegments - 1) || this.isNeighbors(i, stepsForHide);
-            }
-            else {
-                step.visible = true;
-            }
-        });
-        const filteredVisibleSteps = stepsForHide.filter((s) => s.visible);
-        if (visibleStepsSegments - 1 < filteredVisibleSteps.length && length > this.visibleStepsSegments) {
-            const overflowSize = filteredVisibleSteps.length - visibleStepsSegments + 1;
-            const index = start ? overflowSize : filteredVisibleSteps.length - overflowSize - 1;
-            filteredVisibleSteps.forEach((s, i) => {
-                (start ? i <= index : i >= index) && !this.isNeighbors(i, filteredVisibleSteps) && (s.visible = false);
-            });
-        }
-        this.steps.last.active && (stepsForHide[stepsForHide.length - 1].visible = true);
-        this.steps.first.active && (stepsForHide[0].visible = true);
-        !this.steps.get(1)?.visible && this.setDottedLineActive(this.dottedLineStart);
-        !this.steps.get(length - 2)?.visible && this.setDottedLineActive(this.dottedLineEnd);
-    }
-    isNeighbors(index, steps) {
-        const activeStep = steps.indexOf(steps.find((s) => s.active));
-        return activeStep !== -1 && (index === activeStep - 1 || index === activeStep + 1 || index === activeStep);
-    }
-    setDottedLineActive(line, unset) {
-        unset ? this.renderer.removeClass(line, 'odx-wizard-step__dotted-line--active') : this.renderer.addClass(line, 'odx-wizard-step__dotted-line--active');
-    }
-};
-WizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WizardComponent, isStandalone: true, selector: "odx-wizard", inputs: { vertical: "vertical" }, outputs: { activeStepChanged: "activeStepChanged" }, queries: [{ propertyName: "steps", predicate: WizardStepComponent }], ngImport: i0, template: "<ng-content select=\"odx-wizard-step\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-__decorate([
-    CSSModifier(),
-    Transform(coerceBooleanProperty),
-    __metadata("design:type", Object)
-], WizardComponent.prototype, "vertical", void 0);
-WizardComponent = __decorate([
-    CSSComponent('wizard')
-], WizardComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WizardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'odx-wizard', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"odx-wizard-step\"></ng-content>\n" }]
-        }], propDecorators: { steps: [{
-                type: ContentChildren,
-                args: [WizardStepComponent]
-            }], vertical: [{
-                type: Input
-            }], activeStepChanged: [{
-                type: Output
-            }] } });
-
-const modules = [WizardComponent, WizardStepComponent];
-class WizardModule {
-}
-WizardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WizardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: WizardModule, imports: [WizardComponent, WizardStepComponent], exports: [CoreModule, WizardComponent, WizardStepComponent] });
-WizardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WizardModule, imports: [modules, CoreModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WizardModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: modules,
-                    exports: [CoreModule, ...modules],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { WizardComponent, WizardModule, WizardStepComponent };
-//# sourceMappingURL=odx-angular-components-wizard.mjs.map