@odx/angular 10.2.0 → 10.2.2

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

@@ -10,7 +10,7 @@ import { expand, fadeIn, slideInRight, collapse } from '@odx/angular/animations'
 import { ChipComponent } from '@odx/angular/components/chip';
 import { HeaderComponent } from '@odx/angular/components/header';
 import { deepmerge, CSSModifier, CSSComponent } from '@odx/angular/internal';
-import { createConfigTokens, Queue, getUniqueId, untilDestroyed, injectElement, trackById, setAttribute, px, deferFn } from '@odx/angular/utils';
+import { createConfigTokens, Queue, getUniqueId, untilDestroyed, injectElement, setAttribute, px, deferFn } from '@odx/angular/utils';
 import { timer, tap, map } from 'rxjs';
 import { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';
 import { ActionGroupComponent } from '@odx/angular/components/action-group';
@@ -219,7 +219,7 @@ let ToastItemComponent = class ToastItemComponent {
         this.dismiss.next();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ToastItemComponent, isStandalone: true, selector: "odx-toast", inputs: { id: "id", title: "title", description: "description", descriptionContext: "descriptionContext", variant: "variant", actions: "actions", options: "options" }, outputs: { dismiss: "dismiss" }, host: { properties: { "attr.id": "id" } }, ngImport: i0, template: "<div class=\"odx-toast-item__content\">\n  <odx-icon [name]=\"icon\" iconSet=\"core\"></odx-icon>\n  <div class=\"odx-toast-item__text-content\">\n    <p class=\"odx-toast-item__title\">\n      <ng-template [odxDynamicView]=\"title\"> </ng-template>\n    </p>\n    <p class=\"odx-toast-item__description\" *ngIf=\"description\">\n      <ng-template [odxDynamicView]=\"description\" [odxDynamicViewContext]=\"descriptionContext\"> </ng-template>\n    </p>\n  </div>\n  <button odxButton class=\"odx-toast-item__close\" (click)=\"onDismiss()\" *ngIf=\"options?.dismissable\">\n    <odx-icon name=\"close\" iconSet=\"core\"></odx-icon>\n  </button>\n</div>\n<odx-action-group class=\"odx-toast-item__buttons\" *ngIf=\"!!actions?.length\">\n  <button odxButton (click)=\"action.action()\" *ngFor=\"let action of actions\">\n    <odx-icon [name]=\"action.leftIcon\" iconSet=\"core\" alignLeft *ngIf=\"action.leftIcon\"></odx-icon>\n    <ng-template [odxDynamicView]=\"action.label\"> </ng-template>\n    <odx-icon [name]=\"action.rightIcon\" iconSet=\"core\" alignRight *ngIf=\"action.rightIcon\"></odx-icon>\n  </button>\n</odx-action-group>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ToastItemComponent, isStandalone: true, selector: "odx-toast", inputs: { id: "id", title: "title", description: "description", descriptionContext: "descriptionContext", variant: "variant", actions: "actions", options: "options" }, outputs: { dismiss: "dismiss" }, host: { properties: { "attr.id": "id" } }, ngImport: i0, template: "<div class=\"odx-toast-item__content\">\n  <odx-icon [name]=\"icon\" iconSet=\"core\" />\n  <div class=\"odx-toast-item__text-content\">\n    <p class=\"odx-toast-item__title\">\n      <ng-template [odxDynamicView]=\"title\" />\n    </p>\n    @if (description) {\n      <p class=\"odx-toast-item__description\">\n        <ng-template [odxDynamicView]=\"description\" [odxDynamicViewContext]=\"descriptionContext\" />\n      </p>\n    }\n  </div>\n  @if (options.dismissable) {\n    <button odxButton class=\"odx-toast-item__close\" (click)=\"onDismiss()\"><odx-icon name=\"close\" iconSet=\"core\" /></button>\n  }\n</div>\n@if (!!actions?.length) {\n  <odx-action-group class=\"odx-toast-item__buttons\">\n    @for (action of actions; track $index) {\n      <button odxButton (click)=\"action.action()\">\n        @if (action.leftIcon) {\n          <odx-icon [name]=\"action.leftIcon\" iconSet=\"core\" alignLeft />\n        }\n        <ng-template [odxDynamicView]=\"action.label\" />\n        @if (action.rightIcon) {\n          <odx-icon [name]=\"action.rightIcon\" iconSet=\"core\" alignRight />\n        }\n      </button>\n    }\n  </odx-action-group>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
     CSSModifier(),
@@ -232,7 +232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             type: Component,
             args: [{ selector: 'odx-toast', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, IconComponent, ButtonComponent, DynamicViewDirective, ActionGroupComponent], host: {
                         '[attr.id]': 'id',
-                    }, template: "<div class=\"odx-toast-item__content\">\n  <odx-icon [name]=\"icon\" iconSet=\"core\"></odx-icon>\n  <div class=\"odx-toast-item__text-content\">\n    <p class=\"odx-toast-item__title\">\n      <ng-template [odxDynamicView]=\"title\"> </ng-template>\n    </p>\n    <p class=\"odx-toast-item__description\" *ngIf=\"description\">\n      <ng-template [odxDynamicView]=\"description\" [odxDynamicViewContext]=\"descriptionContext\"> </ng-template>\n    </p>\n  </div>\n  <button odxButton class=\"odx-toast-item__close\" (click)=\"onDismiss()\" *ngIf=\"options?.dismissable\">\n    <odx-icon name=\"close\" iconSet=\"core\"></odx-icon>\n  </button>\n</div>\n<odx-action-group class=\"odx-toast-item__buttons\" *ngIf=\"!!actions?.length\">\n  <button odxButton (click)=\"action.action()\" *ngFor=\"let action of actions\">\n    <odx-icon [name]=\"action.leftIcon\" iconSet=\"core\" alignLeft *ngIf=\"action.leftIcon\"></odx-icon>\n    <ng-template [odxDynamicView]=\"action.label\"> </ng-template>\n    <odx-icon [name]=\"action.rightIcon\" iconSet=\"core\" alignRight *ngIf=\"action.rightIcon\"></odx-icon>\n  </button>\n</odx-action-group>\n" }]
+                    }, template: "<div class=\"odx-toast-item__content\">\n  <odx-icon [name]=\"icon\" iconSet=\"core\" />\n  <div class=\"odx-toast-item__text-content\">\n    <p class=\"odx-toast-item__title\">\n      <ng-template [odxDynamicView]=\"title\" />\n    </p>\n    @if (description) {\n      <p class=\"odx-toast-item__description\">\n        <ng-template [odxDynamicView]=\"description\" [odxDynamicViewContext]=\"descriptionContext\" />\n      </p>\n    }\n  </div>\n  @if (options.dismissable) {\n    <button odxButton class=\"odx-toast-item__close\" (click)=\"onDismiss()\"><odx-icon name=\"close\" iconSet=\"core\" /></button>\n  }\n</div>\n@if (!!actions?.length) {\n  <odx-action-group class=\"odx-toast-item__buttons\">\n    @for (action of actions; track $index) {\n      <button odxButton (click)=\"action.action()\">\n        @if (action.leftIcon) {\n          <odx-icon [name]=\"action.leftIcon\" iconSet=\"core\" alignLeft />\n        }\n        <ng-template [odxDynamicView]=\"action.label\" />\n        @if (action.rightIcon) {\n          <odx-icon [name]=\"action.rightIcon\" iconSet=\"core\" alignRight />\n        }\n      </button>\n    }\n  </odx-action-group>\n}\n" }]
         }], propDecorators: { id: [{
                 type: Input
             }], title: [{
@@ -267,7 +267,6 @@ let ToastContainerComponent = class ToastContainerComponent {
         this.windowRef = inject(WindowRef);
         this.renderer = inject(Renderer2);
         this.toastService = inject(ToastService);
-        this.trackById = trackById;
         this.element = injectElement();
         this.items$ = this.toastService.toasts$.pipe(map((refs) => refs.slice(0, this.maxItems)));
         this.hiddenToasts$ = this.toastService.toasts$.pipe(map((refs) => Math.max(0, refs.length - this.maxItems)));
@@ -312,7 +311,7 @@ let ToastContainerComponent = class ToastContainerComponent {
         deferFn(() => this.element.nativeElement?.showPopover?.());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.12", type: ToastContainerComponent, isStandalone: true, selector: "odx-toast-container", inputs: { maxItems: ["maxItems", "maxItems", numberAttribute] }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: "<odx-toast\n  @slide\n  [id]=\"toastRef.id\"\n  [title]=\"toastRef.item.title\"\n  [description]=\"toastRef.item.description\"\n  [descriptionContext]=\"toastRef.item.descriptionContext\"\n  [actions]=\"toastRef.item.actions ?? []\"\n  [variant]=\"toastRef.item.variant\"\n  [options]=\"toastRef.options\"\n  (dismiss)=\"onDismiss(toastRef)\"\n  *ngFor=\"let toastRef of items$ | async; trackBy: trackById\"\n></odx-toast>\n<odx-chip class=\"odx-toast-container__counter\" *ngIf=\"hiddenToasts$ | async as more\">{{ more }} more Notifications</odx-chip>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "component", type: ChipComponent, selector: "odx-chip", inputs: ["removable", "size", "variant"], outputs: ["remove"] }, { kind: "component", type: ToastItemComponent, selector: "odx-toast", inputs: ["id", "title", "description", "descriptionContext", "variant", "actions", "options"], outputs: ["dismiss"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ToastContainerComponent, isStandalone: true, selector: "odx-toast-container", inputs: { maxItems: ["maxItems", "maxItems", numberAttribute] }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: "@for (toastRef of items$ | async; track toastRef.id) {\n  <odx-toast\n    @slide\n    [id]=\"toastRef.id\"\n    [title]=\"toastRef.item.title\"\n    [description]=\"toastRef.item.description\"\n    [descriptionContext]=\"toastRef.item.descriptionContext\"\n    [actions]=\"toastRef.item.actions ?? []\"\n    [variant]=\"toastRef.item.variant\"\n    [options]=\"toastRef.options\"\n    (dismiss)=\"onDismiss(toastRef)\"\n  />\n}\n@if (hiddenToasts$ | async; as more) {\n  <odx-chip class=\"odx-toast-container__counter\">{{ more }} more Notifications</odx-chip>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "component", type: ChipComponent, selector: "odx-chip", inputs: ["removable", "size", "variant"], outputs: ["remove"] }, { kind: "component", type: ToastItemComponent, selector: "odx-toast", inputs: ["id", "title", "description", "descriptionContext", "variant", "actions", "options"], outputs: ["dismiss"] }], animations: [
             trigger('slide', [
                 transition(':enter', group([
                     useAnimation(expand),
@@ -337,7 +336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                             ])),
                             transition(':leave', group([useAnimation(collapse)])),
                         ]),
-                    ], template: "<odx-toast\n  @slide\n  [id]=\"toastRef.id\"\n  [title]=\"toastRef.item.title\"\n  [description]=\"toastRef.item.description\"\n  [descriptionContext]=\"toastRef.item.descriptionContext\"\n  [actions]=\"toastRef.item.actions ?? []\"\n  [variant]=\"toastRef.item.variant\"\n  [options]=\"toastRef.options\"\n  (dismiss)=\"onDismiss(toastRef)\"\n  *ngFor=\"let toastRef of items$ | async; trackBy: trackById\"\n></odx-toast>\n<odx-chip class=\"odx-toast-container__counter\" *ngIf=\"hiddenToasts$ | async as more\">{{ more }} more Notifications</odx-chip>\n" }]
+                    ], template: "@for (toastRef of items$ | async; track toastRef.id) {\n  <odx-toast\n    @slide\n    [id]=\"toastRef.id\"\n    [title]=\"toastRef.item.title\"\n    [description]=\"toastRef.item.description\"\n    [descriptionContext]=\"toastRef.item.descriptionContext\"\n    [actions]=\"toastRef.item.actions ?? []\"\n    [variant]=\"toastRef.item.variant\"\n    [options]=\"toastRef.options\"\n    (dismiss)=\"onDismiss(toastRef)\"\n  />\n}\n@if (hiddenToasts$ | async; as more) {\n  <odx-chip class=\"odx-toast-container__counter\">{{ more }} more Notifications</odx-chip>\n}\n" }]
         }], propDecorators: { maxItems: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]

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

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-toast.mjs","sources":["../../../../libs/angular/components/toast/src/lib/toast.config.ts","../../../../libs/angular/components/toast/src/lib/toast.service.ts","../../../../libs/angular/components/toast/src/lib/models/toast-variant.ts","../../../../libs/angular/components/toast/src/lib/components/toast-item/toast-item.component.ts","../../../../libs/angular/components/toast/src/lib/components/toast-item/toast-item.component.html","../../../../libs/angular/components/toast/src/lib/components/toast-container/toast-container.component.ts","../../../../libs/angular/components/toast/src/lib/components/toast-container/toast-container.component.html","../../../../libs/angular/components/toast/src/lib/toast.module.ts","../../../../libs/angular/components/toast/src/odx-angular-components-toast.ts"],"sourcesContent":["import { createConfigTokens } from '@odx/angular/utils';\nimport { ToastOptions } from './models/toast.options';\n\nexport type ToastConfig = ToastOptions;\n\n/**\n * Utility functions generated by `createConfigTokens` to handle injection and provision of `ToastConfig`.\n * These include tokens and functions to access and provide the default configuration for toasts.\n *\n * `ToastDefaultConfig` provides the default settings for toasts.\n * `ToastConfig` is a token that can be used to inject toast configuration settings.\n * `injectToastConfig` is a function that retrieves the current toast configuration.\n * `provideToastConfig` is a function used to specify a custom configuration for toasts.\n *\n * @example\n * ```ts\n * // In module providers:\n * providers: [\n *  provideToastConfig({ // ... global module configuration }),\n * ]\n *\n * // In a component or service:\n * constructor(@Inject(ToastConfig) private readonly config: ToastConfig) {}\n *\n * // Or using the `injectToastConfig` function:\n * @Component({ ... })\n * export class MyComponent {\n *  private readonly config = injectToastConfig();\n * }\n * ```\n */\nexport const { ToastDefaultConfig, ToastConfig, injectToastConfig, provideToastConfig } = createConfigTokens('Toast', '@odx/angular/components/toast', {\n  dismissable: true,\n  duration: 0,\n} as ToastConfig);\n","import { Injectable } from '@angular/core';\nimport { deepmerge } from '@odx/angular/internal';\nimport { getUniqueId, Queue } from '@odx/angular/utils';\nimport { Toast, ToastOptions, ToastRef } from './models';\nimport { injectToastConfig } from './toast.config';\n\n/**\n * ToastService provides a centralized management system for toasts within an application.\n * It handles the creation, updates, and dismissal of toasts based on a FIFO (first-in, first-out) queue.\n * This service integrates custom toast options with default configurations and supports reactive updates through observables.\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class ToastService {\n  private readonly queue = new Queue<ToastRef>();\n  private readonly defaultOptions = injectToastConfig();\n\n  /**\n   * Observable stream of active toasts.\n   *\n   * @emits {ToastRef[]} The current list of active toasts.\n   */\n  public readonly toasts$ = this.queue.value$;\n\n  /**\n   * Observable that emits when any update occurs in the toast queue.\n   *\n   * @emits {ToastRef[]} The updated list of active toasts.\n   */\n  public readonly onUpdate$ = this.queue.onUpdate$;\n\n  /**\n   * Observable that emits when a toast is added.\n   *\n   * @emits {ToastRef} The newly added toast.\n   */\n  public readonly onToastAdd$ = this.queue.onAdd$;\n\n  /**\n   * Observable that emits when a toast is updated.\n   *\n   * @emits {ToastRef} The updated toast.\n   */\n  public readonly onToastUpdate$ = this.queue.onUpdate$;\n\n  /**\n   * Observable that emits when a toast is removed.\n   *\n   * @emits {ToastRef} The removed toast.\n   */\n  public readonly onToastRemove$ = this.queue.onRemove$;\n\n  /**\n   * @deprecated Use `toasts$` instead\n   */\n  public readonly queue$ = this.toasts$;\n  /**\n   * @deprecated Use `onToastAdd$` instead\n   */\n  public readonly onAdd$ = this.onToastAdd$;\n  /**\n   * @deprecated Use `onToastRemove$` instead\n   */\n  public readonly onRemove$ = this.onToastRemove$;\n\n  /**\n   * @deprecated Use `create` instead\n   */\n  public add(item: Toast, options: Partial<ToastOptions> = {}): ToastRef {\n    return this.create(item, options);\n  }\n\n  /**\n   * Creates and queues a new toast based on the provided item and options.\n   * Merges given options with default configurations.\n   *\n   * @param {Toast} item The toast item to create.\n   * @param {Partial<ToastOptions>} options Optional additional options for the toast.\n   * @returns {ToastRef} The reference to the newly created toast.\n   */\n  public create(item: Toast, options: Partial<ToastOptions> = {}): ToastRef {\n    return this.queue.add({\n      id: item.id ?? getUniqueId('odx-toast'),\n      item,\n      options: deepmerge(this.defaultOptions, options) as ToastOptions,\n    });\n  }\n\n  /**\n   * @deprecated Use `dismiss` instead\n   */\n  public remove(refOrId: ToastRef | ToastRef['id']): ToastRef | null {\n    return this.dismiss(refOrId);\n  }\n\n  /**\n   * Dismisses a specific toast identified by a reference or ID.\n   *\n   * @param {ToastRef | ToastRef['id']} refOrId The reference or ID of the toast to dismiss.\n   * @returns {ToastRef | null} The reference to the dismissed toast, or null if not found.\n   */\n  public dismiss(refOrId: ToastRef | ToastRef['id']): ToastRef | null {\n    return this.queue.remove(refOrId);\n  }\n\n  /**\n   * @deprecated Use `dismissAll` instead\n   */\n  public clear(): void {\n    return this.dismissAll();\n  }\n\n  /**\n   * Dismisses all toasts currently being displayed.\n   */\n  public dismissAll(): void {\n    this.queue.clear();\n  }\n}\n","export type ToastVariant = (typeof ToastVariant)[keyof typeof ToastVariant];\n\nexport const ToastVariant = {\n  DEFAULT: 'default',\n  WARNING: 'warning',\n  DANGER: 'danger',\n  SUCCESS: 'success',\n} as const;\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output, Type, ViewEncapsulation } from '@angular/core';\nimport { DynamicContent, DynamicTextContent, DynamicViewDirective, GetDynamicViewContext } from '@odx/angular/cdk/dynamic-view';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement, untilDestroyed } from '@odx/angular/utils';\nimport { tap, timer } from 'rxjs';\nimport { ToastAction, ToastOptions, ToastVariant } from '../../models';\n\n/**\n * A component that represents a single toast notification. This component is responsible for displaying\n * message content, handling toast actions, and managing the automatic dismissal of the toast based on a duration.\n * It supports dynamic content for descriptions and can show an optional set of actions.\n */\n@CSSComponent('toast-item')\n@Component({\n  selector: 'odx-toast',\n  templateUrl: './toast-item.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [CommonModule, IconComponent, ButtonComponent, DynamicViewDirective, ActionGroupComponent],\n  host: {\n    '[attr.id]': 'id',\n  },\n})\nexport class ToastItemComponent implements OnInit {\n  private readonly takeUntilDestroyed = untilDestroyed();\n\n  public readonly element = injectElement();\n\n  /**\n   * Determines the icon to display based on the toast's variant.\n   * Returns a string representing the icon class.\n   *\n   * @returns {string} - The icon class name.\n   * @default 'info'\n   */\n  public get icon(): string {\n    switch (this.variant) {\n      case ToastVariant.WARNING:\n        return 'warning';\n      case ToastVariant.DANGER:\n        return 'error';\n      case ToastVariant.SUCCESS:\n        return 'check';\n      default:\n        return 'info';\n    }\n  }\n\n  /**\n   * Unique identifier for the toast item, typically provided for accessibility purposes.\n   *\n   * @required\n   * @type {string}\n   */\n  @Input()\n  public id!: string;\n\n  /**\n   * The main title of the toast, displayed prominently.\n   *\n   * @required\n   * @type {DynamicTextContent}\n   */\n  @Input()\n  public title!: DynamicTextContent;\n\n  /**\n   * Optional detailed description for the toast. This can be plain text or a dynamic template.\n   *\n   * @type {DynamicContent | null}\n   */\n  @Input()\n  public description?: DynamicContent | null;\n\n  /**\n   * Context for rendering the dynamic component of the description.\n   *\n   * @type {GetDynamicViewContext<Type<unknown>> | undefined}\n   */\n  @Input()\n  public descriptionContext?: GetDynamicViewContext<Type<unknown>>;\n\n  /**\n   * The variant of the toast which influences the icon and styling.\n   *\n   * @type {ToastVariant | null}\n   * @default ToastVariant.DEFAULT\n   */\n  @CSSModifier()\n  @Input()\n  public variant?: ToastVariant | null = ToastVariant.DEFAULT;\n\n  /**\n   * Optional actions related to the toast, such as 'retry' or 'dismiss'.\n   *\n   * @type {ToastAction[] | undefined}\n   */\n  @Input()\n  public actions?: ToastAction[];\n\n  /**\n   * Configuration options for the toast, including its duration and dismissal behavior.\n   *\n   * @required\n   * @type {ToastOptions}\n   */\n  @Input()\n  public options!: ToastOptions;\n\n  /**\n   * Emits an event when the toast is dismissed, either through action or automatically.\n   *\n   * @emits {void}\n   */\n  @Output()\n  public readonly dismiss = new EventEmitter<void>();\n\n  public ngOnInit(): void {\n    const { duration } = this.options;\n    if (duration > 0) {\n      timer(duration)\n        .pipe(\n          this.takeUntilDestroyed(),\n          tap(() => this.onDismiss()),\n        )\n        .subscribe();\n    }\n  }\n\n  protected onDismiss(): void {\n    this.dismiss.next();\n  }\n}\n","<div class=\"odx-toast-item__content\">\n  <odx-icon [name]=\"icon\" iconSet=\"core\"></odx-icon>\n  <div class=\"odx-toast-item__text-content\">\n    <p class=\"odx-toast-item__title\">\n      <ng-template [odxDynamicView]=\"title\"> </ng-template>\n    </p>\n    <p class=\"odx-toast-item__description\" *ngIf=\"description\">\n      <ng-template [odxDynamicView]=\"description\" [odxDynamicViewContext]=\"descriptionContext\"> </ng-template>\n    </p>\n  </div>\n  <button odxButton class=\"odx-toast-item__close\" (click)=\"onDismiss()\" *ngIf=\"options?.dismissable\">\n    <odx-icon name=\"close\" iconSet=\"core\"></odx-icon>\n  </button>\n</div>\n<odx-action-group class=\"odx-toast-item__buttons\" *ngIf=\"!!actions?.length\">\n  <button odxButton (click)=\"action.action()\" *ngFor=\"let action of actions\">\n    <odx-icon [name]=\"action.leftIcon\" iconSet=\"core\" alignLeft *ngIf=\"action.leftIcon\"></odx-icon>\n    <ng-template [odxDynamicView]=\"action.label\"> </ng-template>\n    <odx-icon [name]=\"action.rightIcon\" iconSet=\"core\" alignRight *ngIf=\"action.rightIcon\"></odx-icon>\n  </button>\n</odx-action-group>\n","import { group, transition, trigger, useAnimation } from '@angular/animations';\nimport { CommonModule } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  Input,\n  OnDestroy,\n  Output,\n  Renderer2,\n  ViewEncapsulation,\n  inject,\n  numberAttribute,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { WindowRef } from '@odx/angular';\nimport { collapse, expand, fadeIn, slideInRight } from '@odx/angular/animations';\nimport { ChipComponent } from '@odx/angular/components/chip';\nimport { HeaderComponent } from '@odx/angular/components/header';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { deferFn, injectElement, px, setAttribute, trackById } from '@odx/angular/utils';\nimport { Observable, map } from 'rxjs';\nimport { ToastRef } from '../../models';\nimport { ToastService } from '../../toast.service';\nimport { ToastItemComponent } from '../toast-item/toast-item.component';\n\nconst TOAST_ANIMATION_DELAY = '125ms';\n\n/**\n * Represents a container component for displaying toast notifications. This component manages and arranges toast messages,\n * handling animations for entering and leaving toasts. It ensures that only a limited number of toasts are shown at the same time,\n * based on the `maxItems` input. The container listens for toast events from the `ToastService` to update its list of toasts dynamically.\n *\n * The component uses a group of animations to slide toasts in and out smoothly and also provides an output for when a toast is dismissed.\n * It's designed to integrate with a single instance per application, ensuring no more than one toast container is initialized.\n */\n@CSSComponent('toast-container')\n@Component({\n  selector: 'odx-toast-container',\n  templateUrl: './toast-container.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [CommonModule, ChipComponent, ToastItemComponent],\n  animations: [\n    trigger('slide', [\n      transition(\n        ':enter',\n        group([\n          useAnimation(expand),\n          useAnimation(fadeIn(), { params: { delay: TOAST_ANIMATION_DELAY } }),\n          useAnimation(slideInRight, { params: { delay: TOAST_ANIMATION_DELAY } }),\n        ]),\n      ),\n      transition(':leave', group([useAnimation(collapse)])),\n    ]),\n  ],\n})\nexport class ToastContainerComponent implements AfterViewInit, OnDestroy {\n  private static INITIALIZED = false;\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly windowRef = inject(WindowRef);\n  private readonly renderer = inject(Renderer2);\n  private readonly toastService = inject(ToastService);\n\n  protected readonly trackById = trackById;\n\n  public readonly element = injectElement();\n  public readonly items$: Observable<ToastRef[]> = this.toastService.toasts$.pipe(map((refs) => refs.slice(0, this.maxItems)));\n  public readonly hiddenToasts$: Observable<number> = this.toastService.toasts$.pipe(map((refs) => Math.max(0, refs.length - this.maxItems)));\n\n  /**\n   * Maximum number of toasts that can be displayed at once.\n   *\n   * @type {number}\n   * @default 3\n   */\n  @Input({ transform: numberAttribute })\n  public maxItems = 3;\n\n  /**\n   * Emits an event when a toast is dismissed.\n   *\n   * @emits {ToastRef} - The toast reference that was dismissed.\n   */\n  @Output()\n  public readonly dismiss = this.toastService.onToastRemove$;\n\n  public ngAfterViewInit(): void {\n    setAttribute(this.element.nativeElement, 'popover', 'manual');\n    if (ToastContainerComponent.INITIALIZED) {\n      throw new Error('Only one toast container per application allowed');\n    }\n    ToastContainerComponent.INITIALIZED = true;\n    const headerElement = this.windowRef.queryByComponent(HeaderComponent);\n    if (headerElement) {\n      this.renderer.setStyle(this.element.nativeElement, 'top', px(headerElement.offsetHeight));\n    }\n    this.items$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.updatePopverPosition());\n  }\n\n  public ngOnDestroy(): void {\n    ToastContainerComponent.INITIALIZED = false;\n  }\n\n  protected onDismiss(itemRef: ToastRef): void {\n    this.toastService.dismiss(itemRef);\n  }\n\n  private updatePopverPosition(): void {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (this.element.nativeElement as any)?.hidePopover?.();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    deferFn(() => (this.element.nativeElement as any)?.showPopover?.());\n  }\n}\n","<odx-toast\n  @slide\n  [id]=\"toastRef.id\"\n  [title]=\"toastRef.item.title\"\n  [description]=\"toastRef.item.description\"\n  [descriptionContext]=\"toastRef.item.descriptionContext\"\n  [actions]=\"toastRef.item.actions ?? []\"\n  [variant]=\"toastRef.item.variant\"\n  [options]=\"toastRef.options\"\n  (dismiss)=\"onDismiss(toastRef)\"\n  *ngFor=\"let toastRef of items$ | async; trackBy: trackById\"\n></odx-toast>\n<odx-chip class=\"odx-toast-container__counter\" *ngIf=\"hiddenToasts$ | async as more\">{{ more }} more Notifications</odx-chip>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { ToastContainerComponent, ToastItemComponent } from './components';\n\nconst modules = [ToastContainerComponent, ToastItemComponent];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class ToastModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"odx-angular-components-toast.mjs","sources":["../../../../libs/angular/components/toast/src/lib/toast.config.ts","../../../../libs/angular/components/toast/src/lib/toast.service.ts","../../../../libs/angular/components/toast/src/lib/models/toast-variant.ts","../../../../libs/angular/components/toast/src/lib/components/toast-item/toast-item.component.ts","../../../../libs/angular/components/toast/src/lib/components/toast-item/toast-item.component.html","../../../../libs/angular/components/toast/src/lib/components/toast-container/toast-container.component.ts","../../../../libs/angular/components/toast/src/lib/components/toast-container/toast-container.component.html","../../../../libs/angular/components/toast/src/lib/toast.module.ts","../../../../libs/angular/components/toast/src/odx-angular-components-toast.ts"],"sourcesContent":["import { createConfigTokens } from '@odx/angular/utils';\nimport { ToastOptions } from './models/toast.options';\n\nexport type ToastConfig = ToastOptions;\n\n/**\n * Utility functions generated by `createConfigTokens` to handle injection and provision of `ToastConfig`.\n * These include tokens and functions to access and provide the default configuration for toasts.\n *\n * `ToastDefaultConfig` provides the default settings for toasts.\n * `ToastConfig` is a token that can be used to inject toast configuration settings.\n * `injectToastConfig` is a function that retrieves the current toast configuration.\n * `provideToastConfig` is a function used to specify a custom configuration for toasts.\n *\n * @example\n * ```ts\n * // In module providers:\n * providers: [\n *  provideToastConfig({ // ... global module configuration }),\n * ]\n *\n * // In a component or service:\n * constructor(@Inject(ToastConfig) private readonly config: ToastConfig) {}\n *\n * // Or using the `injectToastConfig` function:\n * @Component({ ... })\n * export class MyComponent {\n *  private readonly config = injectToastConfig();\n * }\n * ```\n */\nexport const { ToastDefaultConfig, ToastConfig, injectToastConfig, provideToastConfig } = createConfigTokens('Toast', '@odx/angular/components/toast', {\n  dismissable: true,\n  duration: 0,\n} as ToastConfig);\n","import { Injectable } from '@angular/core';\nimport { deepmerge } from '@odx/angular/internal';\nimport { getUniqueId, Queue } from '@odx/angular/utils';\nimport { Toast, ToastOptions, ToastRef } from './models';\nimport { injectToastConfig } from './toast.config';\n\n/**\n * ToastService provides a centralized management system for toasts within an application.\n * It handles the creation, updates, and dismissal of toasts based on a FIFO (first-in, first-out) queue.\n * This service integrates custom toast options with default configurations and supports reactive updates through observables.\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class ToastService {\n  private readonly queue = new Queue<ToastRef>();\n  private readonly defaultOptions = injectToastConfig();\n\n  /**\n   * Observable stream of active toasts.\n   *\n   * @emits {ToastRef[]} The current list of active toasts.\n   */\n  public readonly toasts$ = this.queue.value$;\n\n  /**\n   * Observable that emits when any update occurs in the toast queue.\n   *\n   * @emits {ToastRef[]} The updated list of active toasts.\n   */\n  public readonly onUpdate$ = this.queue.onUpdate$;\n\n  /**\n   * Observable that emits when a toast is added.\n   *\n   * @emits {ToastRef} The newly added toast.\n   */\n  public readonly onToastAdd$ = this.queue.onAdd$;\n\n  /**\n   * Observable that emits when a toast is updated.\n   *\n   * @emits {ToastRef} The updated toast.\n   */\n  public readonly onToastUpdate$ = this.queue.onUpdate$;\n\n  /**\n   * Observable that emits when a toast is removed.\n   *\n   * @emits {ToastRef} The removed toast.\n   */\n  public readonly onToastRemove$ = this.queue.onRemove$;\n\n  /**\n   * @deprecated Use `toasts$` instead\n   */\n  public readonly queue$ = this.toasts$;\n  /**\n   * @deprecated Use `onToastAdd$` instead\n   */\n  public readonly onAdd$ = this.onToastAdd$;\n  /**\n   * @deprecated Use `onToastRemove$` instead\n   */\n  public readonly onRemove$ = this.onToastRemove$;\n\n  /**\n   * @deprecated Use `create` instead\n   */\n  public add(item: Toast, options: Partial<ToastOptions> = {}): ToastRef {\n    return this.create(item, options);\n  }\n\n  /**\n   * Creates and queues a new toast based on the provided item and options.\n   * Merges given options with default configurations.\n   *\n   * @param {Toast} item The toast item to create.\n   * @param {Partial<ToastOptions>} options Optional additional options for the toast.\n   * @returns {ToastRef} The reference to the newly created toast.\n   */\n  public create(item: Toast, options: Partial<ToastOptions> = {}): ToastRef {\n    return this.queue.add({\n      id: item.id ?? getUniqueId('odx-toast'),\n      item,\n      options: deepmerge(this.defaultOptions, options) as ToastOptions,\n    });\n  }\n\n  /**\n   * @deprecated Use `dismiss` instead\n   */\n  public remove(refOrId: ToastRef | ToastRef['id']): ToastRef | null {\n    return this.dismiss(refOrId);\n  }\n\n  /**\n   * Dismisses a specific toast identified by a reference or ID.\n   *\n   * @param {ToastRef | ToastRef['id']} refOrId The reference or ID of the toast to dismiss.\n   * @returns {ToastRef | null} The reference to the dismissed toast, or null if not found.\n   */\n  public dismiss(refOrId: ToastRef | ToastRef['id']): ToastRef | null {\n    return this.queue.remove(refOrId);\n  }\n\n  /**\n   * @deprecated Use `dismissAll` instead\n   */\n  public clear(): void {\n    return this.dismissAll();\n  }\n\n  /**\n   * Dismisses all toasts currently being displayed.\n   */\n  public dismissAll(): void {\n    this.queue.clear();\n  }\n}\n","export type ToastVariant = (typeof ToastVariant)[keyof typeof ToastVariant];\n\nexport const ToastVariant = {\n  DEFAULT: 'default',\n  WARNING: 'warning',\n  DANGER: 'danger',\n  SUCCESS: 'success',\n} as const;\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output, Type, ViewEncapsulation } from '@angular/core';\nimport { DynamicContent, DynamicTextContent, DynamicViewDirective, GetDynamicViewContext } from '@odx/angular/cdk/dynamic-view';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement, untilDestroyed } from '@odx/angular/utils';\nimport { tap, timer } from 'rxjs';\nimport { ToastAction, ToastOptions, ToastVariant } from '../../models';\n\n/**\n * A component that represents a single toast notification. This component is responsible for displaying\n * message content, handling toast actions, and managing the automatic dismissal of the toast based on a duration.\n * It supports dynamic content for descriptions and can show an optional set of actions.\n */\n@CSSComponent('toast-item')\n@Component({\n  selector: 'odx-toast',\n  templateUrl: './toast-item.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [CommonModule, IconComponent, ButtonComponent, DynamicViewDirective, ActionGroupComponent],\n  host: {\n    '[attr.id]': 'id',\n  },\n})\nexport class ToastItemComponent implements OnInit {\n  private readonly takeUntilDestroyed = untilDestroyed();\n\n  public readonly element = injectElement();\n\n  /**\n   * Determines the icon to display based on the toast's variant.\n   * Returns a string representing the icon class.\n   *\n   * @returns {string} - The icon class name.\n   * @default 'info'\n   */\n  public get icon(): string {\n    switch (this.variant) {\n      case ToastVariant.WARNING:\n        return 'warning';\n      case ToastVariant.DANGER:\n        return 'error';\n      case ToastVariant.SUCCESS:\n        return 'check';\n      default:\n        return 'info';\n    }\n  }\n\n  /**\n   * Unique identifier for the toast item, typically provided for accessibility purposes.\n   *\n   * @required\n   * @type {string}\n   */\n  @Input()\n  public id!: string;\n\n  /**\n   * The main title of the toast, displayed prominently.\n   *\n   * @required\n   * @type {DynamicTextContent}\n   */\n  @Input()\n  public title!: DynamicTextContent;\n\n  /**\n   * Optional detailed description for the toast. This can be plain text or a dynamic template.\n   *\n   * @type {DynamicContent | null}\n   */\n  @Input()\n  public description?: DynamicContent | null;\n\n  /**\n   * Context for rendering the dynamic component of the description.\n   *\n   * @type {GetDynamicViewContext<Type<unknown>> | undefined}\n   */\n  @Input()\n  public descriptionContext?: GetDynamicViewContext<Type<unknown>>;\n\n  /**\n   * The variant of the toast which influences the icon and styling.\n   *\n   * @type {ToastVariant | null}\n   * @default ToastVariant.DEFAULT\n   */\n  @CSSModifier()\n  @Input()\n  public variant?: ToastVariant | null = ToastVariant.DEFAULT;\n\n  /**\n   * Optional actions related to the toast, such as 'retry' or 'dismiss'.\n   *\n   * @type {ToastAction[] | undefined}\n   */\n  @Input()\n  public actions?: ToastAction[];\n\n  /**\n   * Configuration options for the toast, including its duration and dismissal behavior.\n   *\n   * @required\n   * @type {ToastOptions}\n   */\n  @Input()\n  public options!: ToastOptions;\n\n  /**\n   * Emits an event when the toast is dismissed, either through action or automatically.\n   *\n   * @emits {void}\n   */\n  @Output()\n  public readonly dismiss = new EventEmitter<void>();\n\n  public ngOnInit(): void {\n    const { duration } = this.options;\n    if (duration > 0) {\n      timer(duration)\n        .pipe(\n          this.takeUntilDestroyed(),\n          tap(() => this.onDismiss()),\n        )\n        .subscribe();\n    }\n  }\n\n  protected onDismiss(): void {\n    this.dismiss.next();\n  }\n}\n","<div class=\"odx-toast-item__content\">\n  <odx-icon [name]=\"icon\" iconSet=\"core\" />\n  <div class=\"odx-toast-item__text-content\">\n    <p class=\"odx-toast-item__title\">\n      <ng-template [odxDynamicView]=\"title\" />\n    </p>\n    @if (description) {\n      <p class=\"odx-toast-item__description\">\n        <ng-template [odxDynamicView]=\"description\" [odxDynamicViewContext]=\"descriptionContext\" />\n      </p>\n    }\n  </div>\n  @if (options.dismissable) {\n    <button odxButton class=\"odx-toast-item__close\" (click)=\"onDismiss()\"><odx-icon name=\"close\" iconSet=\"core\" /></button>\n  }\n</div>\n@if (!!actions?.length) {\n  <odx-action-group class=\"odx-toast-item__buttons\">\n    @for (action of actions; track $index) {\n      <button odxButton (click)=\"action.action()\">\n        @if (action.leftIcon) {\n          <odx-icon [name]=\"action.leftIcon\" iconSet=\"core\" alignLeft />\n        }\n        <ng-template [odxDynamicView]=\"action.label\" />\n        @if (action.rightIcon) {\n          <odx-icon [name]=\"action.rightIcon\" iconSet=\"core\" alignRight />\n        }\n      </button>\n    }\n  </odx-action-group>\n}\n","import { group, transition, trigger, useAnimation } from '@angular/animations';\nimport { CommonModule } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  Input,\n  OnDestroy,\n  Output,\n  Renderer2,\n  ViewEncapsulation,\n  inject,\n  numberAttribute,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { WindowRef } from '@odx/angular';\nimport { collapse, expand, fadeIn, slideInRight } from '@odx/angular/animations';\nimport { ChipComponent } from '@odx/angular/components/chip';\nimport { HeaderComponent } from '@odx/angular/components/header';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { deferFn, injectElement, px, setAttribute } from '@odx/angular/utils';\nimport { Observable, map } from 'rxjs';\nimport { ToastRef } from '../../models';\nimport { ToastService } from '../../toast.service';\nimport { ToastItemComponent } from '../toast-item/toast-item.component';\n\nconst TOAST_ANIMATION_DELAY = '125ms';\n\n/**\n * Represents a container component for displaying toast notifications. This component manages and arranges toast messages,\n * handling animations for entering and leaving toasts. It ensures that only a limited number of toasts are shown at the same time,\n * based on the `maxItems` input. The container listens for toast events from the `ToastService` to update its list of toasts dynamically.\n *\n * The component uses a group of animations to slide toasts in and out smoothly and also provides an output for when a toast is dismissed.\n * It's designed to integrate with a single instance per application, ensuring no more than one toast container is initialized.\n */\n@CSSComponent('toast-container')\n@Component({\n  selector: 'odx-toast-container',\n  templateUrl: './toast-container.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [CommonModule, ChipComponent, ToastItemComponent],\n  animations: [\n    trigger('slide', [\n      transition(\n        ':enter',\n        group([\n          useAnimation(expand),\n          useAnimation(fadeIn(), { params: { delay: TOAST_ANIMATION_DELAY } }),\n          useAnimation(slideInRight, { params: { delay: TOAST_ANIMATION_DELAY } }),\n        ]),\n      ),\n      transition(':leave', group([useAnimation(collapse)])),\n    ]),\n  ],\n})\nexport class ToastContainerComponent implements AfterViewInit, OnDestroy {\n  private static INITIALIZED = false;\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly windowRef = inject(WindowRef);\n  private readonly renderer = inject(Renderer2);\n  private readonly toastService = inject(ToastService);\n\n  public readonly element = injectElement();\n  public readonly items$: Observable<ToastRef[]> = this.toastService.toasts$.pipe(map((refs) => refs.slice(0, this.maxItems)));\n  public readonly hiddenToasts$: Observable<number> = this.toastService.toasts$.pipe(map((refs) => Math.max(0, refs.length - this.maxItems)));\n\n  /**\n   * Maximum number of toasts that can be displayed at once.\n   *\n   * @type {number}\n   * @default 3\n   */\n  @Input({ transform: numberAttribute })\n  public maxItems = 3;\n\n  /**\n   * Emits an event when a toast is dismissed.\n   *\n   * @emits {ToastRef} - The toast reference that was dismissed.\n   */\n  @Output()\n  public readonly dismiss = this.toastService.onToastRemove$;\n\n  public ngAfterViewInit(): void {\n    setAttribute(this.element.nativeElement, 'popover', 'manual');\n    if (ToastContainerComponent.INITIALIZED) {\n      throw new Error('Only one toast container per application allowed');\n    }\n    ToastContainerComponent.INITIALIZED = true;\n    const headerElement = this.windowRef.queryByComponent(HeaderComponent);\n    if (headerElement) {\n      this.renderer.setStyle(this.element.nativeElement, 'top', px(headerElement.offsetHeight));\n    }\n    this.items$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.updatePopverPosition());\n  }\n\n  public ngOnDestroy(): void {\n    ToastContainerComponent.INITIALIZED = false;\n  }\n\n  protected onDismiss(itemRef: ToastRef): void {\n    this.toastService.dismiss(itemRef);\n  }\n\n  private updatePopverPosition(): void {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (this.element.nativeElement as any)?.hidePopover?.();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    deferFn(() => (this.element.nativeElement as any)?.showPopover?.());\n  }\n}\n","@for (toastRef of items$ | async; track toastRef.id) {\n  <odx-toast\n    @slide\n    [id]=\"toastRef.id\"\n    [title]=\"toastRef.item.title\"\n    [description]=\"toastRef.item.description\"\n    [descriptionContext]=\"toastRef.item.descriptionContext\"\n    [actions]=\"toastRef.item.actions ?? []\"\n    [variant]=\"toastRef.item.variant\"\n    [options]=\"toastRef.options\"\n    (dismiss)=\"onDismiss(toastRef)\"\n  />\n}\n@if (hiddenToasts$ | async; as more) {\n  <odx-chip class=\"odx-toast-container__counter\">{{ more }} more Notifications</odx-chip>\n}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { ToastContainerComponent, ToastItemComponent } from './components';\n\nconst modules = [ToastContainerComponent, ToastItemComponent];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class ToastModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -34,7 +34,7 @@ let ToggleButtonComponent = class ToggleButtonComponent extends RadioControlDire
         this.inputElement.nativeElement?.focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToggleButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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 />\n  </div>\n</label>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 ToggleButtonComponent = __decorate([
     CSSComponent('toggle-button')
@@ -43,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             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" }]
+                    }, 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 />\n  </div>\n</label>\n" }]
         }], propDecorators: { inputElement: [{
                 type: ViewChild,
                 args: ['input']
@@ -88,7 +88,7 @@ let ToggleButtonGroupComponent = class ToggleButtonGroupComponent extends RadioG
             },
             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 }); }
+        ], queries: [{ propertyName: "toggleButtons", predicate: ToggleButtonComponent }], usesInheritance: true, hostDirectives: [{ directive: i1.DelegateFocusDirective }], ngImport: i0, template: "<ng-content select=\"odx-toggle-button\" />\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 = __decorate([
     CSSComponent('toggle-button-group')
@@ -103,7 +103,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         },
                         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" }]
+                    ], hostDirectives: [DelegateFocusDirective], template: "<ng-content select=\"odx-toggle-button\" />\n<div class=\"odx-toggle-button-group__indicator\" [odxActiveIndicator]=\"activeElement$ | async\"></div>\n" }]
         }], propDecorators: { toggleButtons: [{
                 type: ContentChildren,
                 args: [ToggleButtonComponent]

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

@@ -1 +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, 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/**\n * ToggleButtonComponent represents an individual toggle button, akin to a radio button but styled distinctly.\n * It integrates with Angular's forms as part of a radio group control, allowing for keyboard navigation and\n * accessibility features. This component is designed to be used within a `ToggleButtonGroupComponent`.\n *\n * @template T - The type of the value handled by the toggle button.\n *\n * Extends RadioControlDirective to provide additional behavior.\n *\n * @see {RadioControlDirective}\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  /**\n   * Sets focus to the input element of the toggle button.\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 { RADIO_GROUP_CONTROL, RadioGroupControlDirective } 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/**\n * ToggleButtonGroupComponent acts as a container for a group of toggle buttons,\n * managing their state and focus within a group context.\n *\n * @template T - The type of the value handled by the toggle buttons.\n *\n * It extends the RadioGroupControlDirective, allowing it to control the selection and state\n * of contained toggle buttons similar to how radio buttons are managed.\n *\n * Has host directive DelegateFocusDirective.\n *\n * @see {RadioGroupControlDirective}\n * @see {DelegateFocusDirective}\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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"}
+{"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/**\n * ToggleButtonComponent represents an individual toggle button, akin to a radio button but styled distinctly.\n * It integrates with Angular's forms as part of a radio group control, allowing for keyboard navigation and\n * accessibility features. This component is designed to be used within a `ToggleButtonGroupComponent`.\n *\n * @template T - The type of the value handled by the toggle button.\n *\n * Extends RadioControlDirective to provide additional behavior.\n *\n * @see {RadioControlDirective}\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  /**\n   * Sets focus to the input element of the toggle button.\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 />\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 { RADIO_GROUP_CONTROL, RadioGroupControlDirective } 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/**\n * ToggleButtonGroupComponent acts as a container for a group of toggle buttons,\n * managing their state and focus within a group context.\n *\n * @template T - The type of the value handled by the toggle buttons.\n *\n * It extends the RadioGroupControlDirective, allowing it to control the selection and state\n * of contained toggle buttons similar to how radio buttons are managed.\n *\n * Has host directive DelegateFocusDirective.\n *\n * @see {RadioGroupControlDirective}\n * @see {DelegateFocusDirective}\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\" />\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/fesm2022/odx-angular-components-tooltip.mjs

@@ -69,7 +69,7 @@ let TooltipComponent = class TooltipComponent {
         this.size = TooltipSize.AUTO;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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\" />\n", dependencies: [{ kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
     CSSModifier(),
@@ -83,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             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" }]
+                    }, template: "<ng-template [odxDynamicView]=\"content\" [odxDynamicViewInjector]=\"injector\" />\n" }]
         }], propDecorators: { id: [{
                 type: Input
             }], content: [{

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

@@ -1 +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\n/**\n * @internal\n * Resolves the appropriate event names for the provided tooltip trigger.\n *\n * @param {TooltipTrigger} trigger - The trigger to resolve.\n * @returns {[string, string | null]} - The event names for the trigger.\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, inject, Injector, Input, Type, ViewEncapsulation } from '@angular/core';\nimport { DynamicContent, DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { TooltipSize } from './models';\n\n/**\n /**\n * TooltipComponent displays contextual information related to an element when the user hovers over\n * or focuses on the element. It supports dynamic content and can be styled with different sizes.\n *\n * The component uses dynamic content rendering to provide flexible display options including text,\n * templates, or even other Angular components, making it highly customizable.\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 = inject(Injector);\n  public readonly element = injectElement();\n\n  /**\n   * The ID attribute of the tooltip, used for accessibility purposes to link the tooltip with its owner element.\n   *\n   * @type {string | null}\n   * @default null\n   */\n  @Input()\n  public id: string | null = null;\n\n  /**\n   * The content to be displayed within the tooltip. This can be text, a template reference, or a dynamic component.\n   *\n   * @type {DynamicContent | null}\n   */\n  @Input()\n  public content?: Exclude<DynamicContent, Type<unknown>> | null;\n\n  /**\n   * Determines the size of the tooltip. It can adjust based on the content size or be set to specific dimensions.\n   * The size influences the CSS class applied to the tooltip, allowing for custom styles.\n   *\n   * @type {TooltipSize}\n   * @default TooltipSize.AUTO\n   */\n  @CSSModifier()\n  @Input()\n  public size: TooltipSize = TooltipSize.AUTO;\n}\n","<ng-template [odxDynamicView]=\"content\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n","import { booleanAttribute, Directive, inject, Injector, Input, OnChanges, OnInit, Type } 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, getUniqueId, hasChanged, injectElement, NgChanges, untilDestroyed } from '@odx/angular/utils';\nimport { filter, merge, Subject, tap } from 'rxjs';\nimport { resolveTooltipTriggerEvents } from './helpers';\nimport { DefaultTooltipOptions, TooltipOptions, TooltipSize } from './models';\nimport { TooltipComponent } from './tooltip.component';\n\n/**\n * TooltipDirective manages tooltips for host elements by creating overlay components dynamically.\n * It provides configuration options such as content, delay timings, visibility, and tooltip sizing.\n * This directive uses Angular's connected overlay system to position and manage tooltip visibility.\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 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  private readonly injector = inject(Injector);\n\n  protected tooltipId: string | null = null;\n  public readonly element = injectElement();\n\n  /**\n   * Input for dynamic content to display in the tooltip.\n   * This content is reactive and can change dynamically.\n   *\n   * @type {DynamicContent | null}\n   * @default null\n   */\n  @Input('odxTooltip')\n  public content?: Exclude<DynamicContent, Type<unknown>> | null = null;\n\n  /**\n   * Controls whether the tooltip is disabled. A disabled tooltip will not be displayed.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @Input({ alias: 'odxTooltipDisabled', transform: booleanAttribute })\n  public disabled = false;\n\n  /**\n   * Configuration options for the tooltip.\n   * It allows setting various behaviors like delay and positioning.\n   *\n   * @param {Partial<TooltipOptions> | null | undefined}\n   */\n  @Input('odxTooltipOptions')\n  public set options(value: Partial<TooltipOptions> | null | undefined) {\n    this.tooltipOptions = deepmerge(DefaultTooltipOptions, value) as TooltipOptions;\n  }\n\n  /**\n   * Sets the size of the tooltip.\n   *\n   * @type {TooltipSize}\n   * @default null\n   */\n  @Input('odxTooltipSize')\n  public size?: TooltipSize | null = null;\n\n  /**\n   * Controls the visibility of the tooltip.\n   * Useful for programmatically toggling the tooltip display.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @Input({ alias: 'odxTooltipVisible', transform: booleanAttribute })\n  public visible = false;\n\n  /**\n   * Indicates whether the tooltip is currently open.\n   *\n   * @returns {boolean}\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  /**\n   * Shows the tooltip, creating and attaching the overlay to the host element.\n   */\n  public show(): void {\n    if (this.isOpen || this.disabled || !this.content) return;\n    this.tooltipId = getUniqueId('odx-tooltip');\n    this.connectedOverlayRef = this.connectedOverlayService.createOverlay(\n      this.element.nativeElement,\n      {\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        host: this.element.nativeElement.parentElement,\n        injector: this.injector,\n      },\n    );\n  }\n\n  /**\n   * Hides the tooltip, detaching the overlay from the host element.\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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"}
+{"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\n/**\n * @internal\n * Resolves the appropriate event names for the provided tooltip trigger.\n *\n * @param {TooltipTrigger} trigger - The trigger to resolve.\n * @returns {[string, string | null]} - The event names for the trigger.\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, inject, Injector, Input, Type, ViewEncapsulation } from '@angular/core';\nimport { DynamicContent, DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { TooltipSize } from './models';\n\n/**\n /**\n * TooltipComponent displays contextual information related to an element when the user hovers over\n * or focuses on the element. It supports dynamic content and can be styled with different sizes.\n *\n * The component uses dynamic content rendering to provide flexible display options including text,\n * templates, or even other Angular components, making it highly customizable.\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 = inject(Injector);\n  public readonly element = injectElement();\n\n  /**\n   * The ID attribute of the tooltip, used for accessibility purposes to link the tooltip with its owner element.\n   *\n   * @type {string | null}\n   * @default null\n   */\n  @Input()\n  public id: string | null = null;\n\n  /**\n   * The content to be displayed within the tooltip. This can be text, a template reference, or a dynamic component.\n   *\n   * @type {DynamicContent | null}\n   */\n  @Input()\n  public content?: Exclude<DynamicContent, Type<unknown>> | null;\n\n  /**\n   * Determines the size of the tooltip. It can adjust based on the content size or be set to specific dimensions.\n   * The size influences the CSS class applied to the tooltip, allowing for custom styles.\n   *\n   * @type {TooltipSize}\n   * @default TooltipSize.AUTO\n   */\n  @CSSModifier()\n  @Input()\n  public size: TooltipSize = TooltipSize.AUTO;\n}\n","<ng-template [odxDynamicView]=\"content\" [odxDynamicViewInjector]=\"injector\" />\n","import { booleanAttribute, Directive, inject, Injector, Input, OnChanges, OnInit, Type } 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, getUniqueId, hasChanged, injectElement, NgChanges, untilDestroyed } from '@odx/angular/utils';\nimport { filter, merge, Subject, tap } from 'rxjs';\nimport { resolveTooltipTriggerEvents } from './helpers';\nimport { DefaultTooltipOptions, TooltipOptions, TooltipSize } from './models';\nimport { TooltipComponent } from './tooltip.component';\n\n/**\n * TooltipDirective manages tooltips for host elements by creating overlay components dynamically.\n * It provides configuration options such as content, delay timings, visibility, and tooltip sizing.\n * This directive uses Angular's connected overlay system to position and manage tooltip visibility.\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 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  private readonly injector = inject(Injector);\n\n  protected tooltipId: string | null = null;\n  public readonly element = injectElement();\n\n  /**\n   * Input for dynamic content to display in the tooltip.\n   * This content is reactive and can change dynamically.\n   *\n   * @type {DynamicContent | null}\n   * @default null\n   */\n  @Input('odxTooltip')\n  public content?: Exclude<DynamicContent, Type<unknown>> | null = null;\n\n  /**\n   * Controls whether the tooltip is disabled. A disabled tooltip will not be displayed.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @Input({ alias: 'odxTooltipDisabled', transform: booleanAttribute })\n  public disabled = false;\n\n  /**\n   * Configuration options for the tooltip.\n   * It allows setting various behaviors like delay and positioning.\n   *\n   * @param {Partial<TooltipOptions> | null | undefined}\n   */\n  @Input('odxTooltipOptions')\n  public set options(value: Partial<TooltipOptions> | null | undefined) {\n    this.tooltipOptions = deepmerge(DefaultTooltipOptions, value) as TooltipOptions;\n  }\n\n  /**\n   * Sets the size of the tooltip.\n   *\n   * @type {TooltipSize}\n   * @default null\n   */\n  @Input('odxTooltipSize')\n  public size?: TooltipSize | null = null;\n\n  /**\n   * Controls the visibility of the tooltip.\n   * Useful for programmatically toggling the tooltip display.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @Input({ alias: 'odxTooltipVisible', transform: booleanAttribute })\n  public visible = false;\n\n  /**\n   * Indicates whether the tooltip is currently open.\n   *\n   * @returns {boolean}\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  /**\n   * Shows the tooltip, creating and attaching the overlay to the host element.\n   */\n  public show(): void {\n    if (this.isOpen || this.disabled || !this.content) return;\n    this.tooltipId = getUniqueId('odx-tooltip');\n    this.connectedOverlayRef = this.connectedOverlayService.createOverlay(\n      this.element.nativeElement,\n      {\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        host: this.element.nativeElement.parentElement,\n        injector: this.injector,\n      },\n    );\n  }\n\n  /**\n   * Hides the tooltip, detaching the overlay from the host element.\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/fesm2022/odx-angular-components-wizard.mjs

@@ -77,7 +77,7 @@ let WizardStepComponent = class WizardStepComponent {
         this.stepChosen$.next(this);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WizardStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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 />\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\"> <odx-icon class=\"odx-wizard-step__icon\" name=\"check\" iconSet=\"core\" /> </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", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
     CSSModifier(),
@@ -108,7 +108,7 @@ WizardStepComponent = __decorate([
 ], WizardStepComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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" }]
+            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 />\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\"> <odx-icon class=\"odx-wizard-step__icon\" name=\"check\" iconSet=\"core\" /> </span>\n  <span class=\"odx-wizard-step__line-after\"></span>\n</div>\n" }]
         }], propDecorators: { isLastTouched: [], active: [], passed: [], visible: [], valid: [{
                 type: Input
             }], touched: [], chooseStep: [{
@@ -312,7 +312,7 @@ let WizardComponent = class WizardComponent {
         unset ? this.renderer.removeClass(line, 'odx-wizard-step__dotted-line--active') : this.renderer.addClass(line, 'odx-wizard-step__dotted-line--active');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.12", type: WizardComponent, isStandalone: true, selector: "odx-wizard", inputs: { vertical: ["vertical", "vertical", booleanAttribute], responsive: ["responsive", "responsive", booleanAttribute] }, 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.12", type: WizardComponent, isStandalone: true, selector: "odx-wizard", inputs: { vertical: ["vertical", "vertical", booleanAttribute], responsive: ["responsive", "responsive", booleanAttribute] }, outputs: { activeStepChanged: "activeStepChanged" }, queries: [{ propertyName: "steps", predicate: WizardStepComponent }], ngImport: i0, template: "<ng-content select=\"odx-wizard-step\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
     CSSModifier(),
@@ -323,7 +323,7 @@ WizardComponent = __decorate([
 ], WizardComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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" }]
+            args: [{ selector: 'odx-wizard', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"odx-wizard-step\" />\n" }]
         }], propDecorators: { steps: [{
                 type: ContentChildren,
                 args: [WizardStepComponent]