@acorex/components 18.12.21 → 18.12.22

package/fesm2022/acorex-components-label.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-label.mjs","sources":["../../../../libs/components/label/src/lib/label.component.ts","../../../../libs/components/label/src/lib/label.component.html","../../../../libs/components/label/src/lib/label.module.ts","../../../../libs/components/label/src/acorex-components-label.ts"],"sourcesContent":["import { MXBaseComponent, MXValueComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\n\n/**\n * Represents a label component that provides a way to display text labels within the application.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-label',\n  templateUrl: './label.component.html',\n  styleUrls: ['./label.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: MXBaseComponent, useExisting: AXLabelComponent }],\n})\nexport class AXLabelComponent extends MXBaseComponent {\n  /**\n   * Emitted when the `required` property changes.\n   *\n   * @event\n   */\n  @Output()\n  requiredChange = new EventEmitter<boolean>();\n\n  /**\n   *  @ignore\n   */\n  private _required?: boolean | null = null;\n\n  /**\n   * Determines if the field is required.\n   *\n   * @defaultValue false\n   */\n  @Input()\n  public get required(): boolean {\n    return this._required;\n  }\n  /**\n   * Sets whether the field is required.\n   *\n   * @param v - A boolean indicating if the field is required.\n   */\n  public set required(v: boolean) {\n    this.setOption({\n      name: 'required',\n      value: v,\n      afterCallback: () => {\n        this.cdr.markForCheck();\n      },\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _for: MXValueComponent;\n\n  /**\n   * Gets the form control or component associated with the label.\n   */\n  @Input()\n  public get for(): MXValueComponent {\n    return this._for;\n  }\n  /**\n   * Sets the form control or component associated with the label.\n   *\n   * @param v The `MXValueComponent` to associate with the label.\n   */\n  public set for(v: MXValueComponent) {\n    this.setOption({\n      name: 'for',\n      value: v,\n      afterCallback: () => {\n        this.cdr.markForCheck();\n      },\n    });\n  }\n}\n","<label (click)=\"for?.focus()\" [class.ax-cursor-pointer]=\"for\" [attr.for]=\"for?.getHostElement().id\">\n  <ng-content></ng-content>\n  @if(required || for?.isRequired){\n  <span class=\"ax-state-required\">&nbsp;*</span>\n  }\n</label>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXLabelComponent } from './label.component';\n\nconst COMPONENT = [AXLabelComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXLabelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-label.mjs","sources":["../../../../libs/components/label/src/lib/label.component.ts","../../../../libs/components/label/src/lib/label.component.html","../../../../libs/components/label/src/lib/label.module.ts","../../../../libs/components/label/src/acorex-components-label.ts"],"sourcesContent":["import { MXBaseComponent, MXValueComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\n\n/**\n * Represents a label component that provides a way to display text labels within the application.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-label',\n  templateUrl: './label.component.html',\n  styleUrls: ['./label.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: MXBaseComponent, useExisting: AXLabelComponent }],\n})\nexport class AXLabelComponent extends MXBaseComponent {\n  /**\n   * Emitted when the `required` property changes.\n   *\n   * @event\n   */\n  @Output()\n  requiredChange = new EventEmitter<boolean>();\n\n  /**\n   *  @ignore\n   */\n  private _required?: boolean | null = null;\n\n  /**\n   * Determines if the field is required.\n   *\n   * @defaultValue false\n   */\n  @Input()\n  public get required(): boolean {\n    return this._required;\n  }\n  /**\n   * Sets whether the field is required.\n   *\n   * @param v - A boolean indicating if the field is required.\n   */\n  public set required(v: boolean) {\n    this.setOption({\n      name: 'required',\n      value: v,\n      afterCallback: () => {\n        this.cdr.markForCheck();\n      },\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _for: MXValueComponent;\n\n  /**\n   * Gets the form control or component associated with the label.\n   */\n  @Input()\n  public get for(): MXValueComponent {\n    return this._for;\n  }\n  /**\n   * Sets the form control or component associated with the label.\n   *\n   * @param v The `MXValueComponent` to associate with the label.\n   */\n  public set for(v: MXValueComponent) {\n    this.setOption({\n      name: 'for',\n      value: v,\n      afterCallback: () => {\n        this.cdr.markForCheck();\n      },\n    });\n  }\n}\n","<label (click)=\"for?.focus()\" [class.ax-cursor-pointer]=\"for\" [attr.for]=\"for?.getHostElement().id\">\n  <ng-content></ng-content>\n  @if(required || for?.isRequired){\n  <span class=\"ax-state-required\">&nbsp;*</span>\n  }\n</label>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXLabelComponent } from './label.component';\n\nconst COMPONENT = [AXLabelComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXLabelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-list.mjs","sources":["../../../../libs/components/list/src/lib/list.component.ts","../../../../libs/components/list/src/lib/list.component.html","../../../../libs/components/list/src/lib/list.module.ts","../../../../libs/components/list/src/acorex-components-list.ts"],"sourcesContent":["import {\n  AXComponent,\n  AXDataSource,\n  AXEvent,\n  AXFocusableComponent,\n  AXItemClickEvent,\n  AXListDataSource,\n  AXValuableComponent,\n  AX_SELECTION_DATA_TOKEN,\n  MXSelectionBridgeService,\n  MXSelectionValueComponent,\n  convertArrayToDataSource,\n} from '@acorex/components/common';\nimport { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  OnInit,\n  Optional,\n  Output,\n  SkipSelf,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n  WritableSignal,\n  forwardRef,\n  signal,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport interface AXListScrollIndexChanged extends AXEvent {\n  index: number;\n}\n\n/**\n * provides a list control with various input options and events for user interaction.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-list',\n  templateUrl: './list.component.html',\n  styleUrls: ['./list.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  inputs: ['id', 'name', 'disabled', 'readonly', 'valueField', 'textField', 'textTemplate', 'disabledField', 'multiple', 'selectionMode'],\n  outputs: ['onValueChanged', 'disabledChange', 'readOnlyChange', 'onBlur', 'onFocus'],\n  providers: [\n    { provide: AXComponent, useExisting: AXListComponent },\n    { provide: AXFocusableComponent, useExisting: AXListComponent },\n    { provide: AXValuableComponent, useExisting: AXListComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXListComponent),\n      multi: true,\n    },\n    {\n      provide: AX_SELECTION_DATA_TOKEN,\n      useFactory: (existingService: MXSelectionBridgeService) => {\n        return existingService || new MXSelectionBridgeService();\n      },\n      deps: [[new Optional(), new SkipSelf(), AX_SELECTION_DATA_TOKEN]],\n    },\n  ],\n})\nexport class AXListComponent extends MXSelectionValueComponent implements OnInit {\n  /**\n   * Emitted when an item in the list is clicked.\n   *\n   * @event\n   */\n  @Output()\n  onItemClick: EventEmitter<AXItemClickEvent<any>> = new EventEmitter<AXItemClickEvent<any>>();\n\n  /**\n   * Defines the data source for the list.\n   *\n   *  @defaultValue convertArrayToDataSource([])\n   */\n  @Input()\n  dataSource: AXDataSource<unknown> = convertArrayToDataSource([]);\n\n  /**\n   *  @ignore\n   */\n  itemHeightSignal: WritableSignal<number | 'auto'> = signal(40);\n\n  /**\n   * Sets the height of each item in the list.\n   */\n  @Input()\n  public set itemHeight(v: number | 'auto') {\n    this.itemHeightSignal.set(v);\n  }\n\n  /**\n   * Template for rendering individual items in the list.\n   */\n  @Input()\n  itemTemplate: TemplateRef<unknown>;\n\n  /**\n   * Template to display when the list is empty.\n   */\n  @Input()\n  emptyTemplate: TemplateRef<unknown>;\n\n  /**\n   * Template to show while the list is loading.\n   */\n  @Input()\n  loadingTemplate: TemplateRef<unknown>;\n\n  /**\n   * Emitted when the index of the scrolled item changes.\n   *\n   * @event\n   */\n  @Output()\n  onScrolledIndexChanged: EventEmitter<AXListScrollIndexChanged> = new EventEmitter<AXListScrollIndexChanged>();\n\n  /**\n   * Specifies whether the checkbox is enabled.\n   *\n   *  @defaultValue true\n   */\n  @Input()\n  checkbox = true;\n\n  /**\n   *  @ignore\n   */\n  protected listDataSource: AXListDataSource<unknown>;\n\n  /**\n   *  @ignore\n   */\n  protected isLoading = signal(true);\n\n  /**\n   *  @ignore\n   */\n  protected hasItems = false;\n\n  /**\n   *  @ignore\n   */\n  private lastIndex = 0;\n\n  /**\n   *  @ignore\n   */\n  private postponeFocus = false;\n\n  /**\n   *  @ignore\n   */\n  @ViewChild(CdkVirtualScrollViewport)\n  private viewport: CdkVirtualScrollViewport;\n\n  trackByIdx(i) {\n    return i;\n  }\n\n  /**\n   *  @ignore\n   */\n  override ngOnInit() {\n    super.ngOnInit();\n    this.listDataSource = new AXListDataSource<unknown>({\n      source: this.dataSource,\n    });\n    this.listDataSource.source.onLoadingChanged.subscribe((data) => {\n      this.isLoading.set(data);\n    });\n    this.listDataSource.source.onChanged.subscribe((data) => {\n      this.hasItems = data.totalCount > 0;\n      setTimeout(() => {\n        this.render();\n      }, 100);\n    });\n  }\n  /**\n   *  @ignore\n   */\n  _handleOnItemClick(e: MouseEvent, item: any) {\n    if (this.readonly || this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    if (this.isItemDisabled(item)) {\n      return;\n    }\n    this.toggleSelect(item);\n    this.onItemClick.emit({\n      component: this,\n      item,\n      htmlElement: e.target as HTMLElement,\n      isUserInteraction: true,\n      nativeEvent: e,\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('keydown', ['$event'])\n  _handleKeydown(e: KeyboardEvent) {\n    if ((e.code === 'ArrowDown' || e.code === 'ArrowUp') && this.hasItems) {\n      this.focusItemByNav(e.key === 'ArrowDown' ? 1 : -1);\n      e.preventDefault();\n    }\n    if ((e.code === 'Space' || e.code === 'Enter') && this.hasItems) {\n      if (this.readonly || this.disabled) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      const id = document.activeElement?.closest('li')?.dataset['id'];\n      this.toggleSelect(id);\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  private focusItemByNav(sign: -1 | 1): void {\n    const list = this.getHostElement().querySelector('ul');\n    const fn = (s) => list.querySelector<HTMLDivElement>(s);\n    const itemDiv: HTMLElement = document.activeElement?.closest('li') || fn(`li.ax-state-selected`) || fn(`li`);\n    const next = (sign == 1 ? itemDiv.nextElementSibling : itemDiv.previousElementSibling) as HTMLElement;\n    if (next) {\n      next.focus();\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handleOnscrolledIndexChange(e: number) {\n    this.lastIndex = e;\n    this.onScrolledIndexChanged.emit({\n      component: this,\n      index: this.lastIndex,\n      isUserInteraction: true,\n    });\n  }\n\n  /**\n   * Retrieves an item from the data source based on the provided key.\n   *\n   * @param key The key used to identify the item.\n   * @ignore\n   */\n  getItemByKey(key: unknown): Promise<unknown> | unknown {\n    return this.dataSource.find(key);\n  }\n\n  /**\n   * Renders the component by updating the viewport size, scrolling to the last index, and optionally focusing the element.\n   */\n  public render() {\n    this.viewport.checkViewportSize();\n    this.viewport.scrollToIndex(this.lastIndex);\n    if (this.postponeFocus) {\n      this.postponeFocus = false;\n      this.focus();\n    }\n  }\n\n  /**\n   * Refreshes the list by clearing the selection cache and reloading the data source.\n   * @ignore\n   */\n  public refresh() {\n    this.clearSelectionCache();\n    this.listDataSource.refresh();\n  }\n\n  /**\n   * Scrolls the viewport to the specified item index.\n   * @param index The index of the item to scroll to.\n   * @ignore\n   */\n  public scrollToIndex(index: number) {\n    this.viewport.scrollToIndex(index);\n  }\n  /**\n   * Sets focus to the first selectable list item. If no item is available, postpones focus.\n   */\n  override focus(): void {\n    const list = this.getHostElement().querySelector('ul');\n    const focusable = list.querySelector<HTMLElement>('li.ax-state-selected') ?? list.querySelector<HTMLElement>('li.list-item');\n    if (focusable) {\n      focusable.focus();\n    } else {\n      this.postponeFocus = true;\n    }\n  }\n\n  /**\n   * Determines whether to show the empty template based on the presence of items and loading state.\n   * @ignore\n   */\n  showEmptyTemplate = () => this.emptyTemplate && this.hasItems === false && this.isLoading() === false;\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  get __hostClass(): string {\n    const _class = `ax-default ${this.showEmptyTemplate() ? 'ax-state-empty' : ''}`;\n    return this.itemTemplate ? '' : _class;\n  }\n}\n","<div class=\"list-container\" cdkVirtualScrollingElement>\n    <ng-content select=\"ax-header\"></ng-content>\n    <cdk-virtual-scroll-viewport [itemSize]=\"itemHeightSignal()\" [style.--item-height]=\"itemHeightSignal()+'px'\"\n        (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\">\n        <ul>\n            <!--  Item Template  -->\n            <ng-container *cdkVirtualFor=\"let item of listDataSource;let i = index; trackBy: trackByIdx\">\n                <ng-container *ngIf=\"item;else loadingTpl\">\n                    <li [class.ax-state-selected]=\"isItemSelected(item)\" class=\"list-item\"\n                        [class.ax-state-disabled]=\"isItemDisabled(item)\" [attr.tabindex]=\"i\"\n                        (click)=\"_handleOnItemClick($event, item)\" [attr.data-id]=\"getValue(item)\">\n                        <!--  Custom Item Template  -->\n                        <ng-container *ngIf=\"itemTemplate;else defaultItemTpl\">\n                            <ng-container *ngTemplateOutlet=\"itemTemplate;context: { $implicit: { data:item } }\">\n                            </ng-container>\n                        </ng-container>\n                        <!--  Default Item Template  -->\n                        <ng-template #defaultItemTpl>\n                            <ng-container *ngIf=\"item;else loadingTpl\">\n                                <div class=\"ax-label-container\">\n                                    <input class=\"ax-checkbox\" *ngIf=\"multiple && checkbox\" type=\"checkbox\"\n                                        [checked]=\"isItemSelected(item)\" [disabled]=\"isItemDisabled(item)\"\n                                        tabindex=\"0\" />\n                                    <span\n                                        [class.ax-checkbox-label]=\"multiple && checkbox\">{{getDisplayText(item)}}</span>\n                                </div>\n                                <!-- <i class=\"ax-icon ax-icon-check ax-selected-icon\" *ngIf=\"isItemSelected(item) \"></i> -->\n                            </ng-container>\n                        </ng-template>\n                    </li>\n                </ng-container>\n            </ng-container>\n        </ul>\n    </cdk-virtual-scroll-viewport>\n    <ng-content select=\"ax-footer\"></ng-content>\n</div>\n<!--  Loading Template  -->\n<ng-template #loadingTpl>\n    <!--  Custom Loading Template  -->\n    <ng-container *ngIf=\"loadingTemplate;else defaultLoadingTpl\">\n        <ng-container *ngTemplateOutlet=\"loadingTemplate\">\n        </ng-container>\n    </ng-container>\n    <!--  Default Loading Template  -->\n    <ng-template #defaultLoadingTpl>\n        <li>{{'loading' | translate | async }}</li>\n    </ng-template>\n</ng-template>\n<!--  Empty Template  -->\n@if(showEmptyTemplate()){\n<div class=\"empty-container\">\n    <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n</div>\n}","import { AXTranslationModule } from '@acorex/core/translation';\nimport { ScrollingModule } from '@angular/cdk/scrolling';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXListComponent } from './list.component';\n\nconst COMPONENT = [AXListComponent];\nconst MODULES = [CommonModule, ScrollingModule, AXTranslationModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-list.mjs","sources":["../../../../libs/components/list/src/lib/list.component.ts","../../../../libs/components/list/src/lib/list.component.html","../../../../libs/components/list/src/lib/list.module.ts","../../../../libs/components/list/src/acorex-components-list.ts"],"sourcesContent":["import {\n  AXComponent,\n  AXDataSource,\n  AXEvent,\n  AXFocusableComponent,\n  AXItemClickEvent,\n  AXListDataSource,\n  AXValuableComponent,\n  AX_SELECTION_DATA_TOKEN,\n  MXSelectionBridgeService,\n  MXSelectionValueComponent,\n  convertArrayToDataSource,\n} from '@acorex/components/common';\nimport { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  OnInit,\n  Optional,\n  Output,\n  SkipSelf,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n  WritableSignal,\n  forwardRef,\n  signal,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport interface AXListScrollIndexChanged extends AXEvent {\n  index: number;\n}\n\n/**\n * provides a list control with various input options and events for user interaction.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-list',\n  templateUrl: './list.component.html',\n  styleUrls: ['./list.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  inputs: ['id', 'name', 'disabled', 'readonly', 'valueField', 'textField', 'textTemplate', 'disabledField', 'multiple', 'selectionMode'],\n  outputs: ['onValueChanged', 'disabledChange', 'readOnlyChange', 'onBlur', 'onFocus'],\n  providers: [\n    { provide: AXComponent, useExisting: AXListComponent },\n    { provide: AXFocusableComponent, useExisting: AXListComponent },\n    { provide: AXValuableComponent, useExisting: AXListComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXListComponent),\n      multi: true,\n    },\n    {\n      provide: AX_SELECTION_DATA_TOKEN,\n      useFactory: (existingService: MXSelectionBridgeService) => {\n        return existingService || new MXSelectionBridgeService();\n      },\n      deps: [[new Optional(), new SkipSelf(), AX_SELECTION_DATA_TOKEN]],\n    },\n  ],\n})\nexport class AXListComponent extends MXSelectionValueComponent implements OnInit {\n  /**\n   * Emitted when an item in the list is clicked.\n   *\n   * @event\n   */\n  @Output()\n  onItemClick: EventEmitter<AXItemClickEvent<any>> = new EventEmitter<AXItemClickEvent<any>>();\n\n  /**\n   * Defines the data source for the list.\n   *\n   *  @defaultValue convertArrayToDataSource([])\n   */\n  @Input()\n  dataSource: AXDataSource<unknown> = convertArrayToDataSource([]);\n\n  /**\n   *  @ignore\n   */\n  itemHeightSignal: WritableSignal<number | 'auto'> = signal(40);\n\n  /**\n   * Sets the height of each item in the list.\n   */\n  @Input()\n  public set itemHeight(v: number | 'auto') {\n    this.itemHeightSignal.set(v);\n  }\n\n  /**\n   * Template for rendering individual items in the list.\n   */\n  @Input()\n  itemTemplate: TemplateRef<unknown>;\n\n  /**\n   * Template to display when the list is empty.\n   */\n  @Input()\n  emptyTemplate: TemplateRef<unknown>;\n\n  /**\n   * Template to show while the list is loading.\n   */\n  @Input()\n  loadingTemplate: TemplateRef<unknown>;\n\n  /**\n   * Emitted when the index of the scrolled item changes.\n   *\n   * @event\n   */\n  @Output()\n  onScrolledIndexChanged: EventEmitter<AXListScrollIndexChanged> = new EventEmitter<AXListScrollIndexChanged>();\n\n  /**\n   * Specifies whether the checkbox is enabled.\n   *\n   *  @defaultValue true\n   */\n  @Input()\n  checkbox = true;\n\n  /**\n   *  @ignore\n   */\n  protected listDataSource: AXListDataSource<unknown>;\n\n  /**\n   *  @ignore\n   */\n  protected isLoading = signal(true);\n\n  /**\n   *  @ignore\n   */\n  protected hasItems = false;\n\n  /**\n   *  @ignore\n   */\n  private lastIndex = 0;\n\n  /**\n   *  @ignore\n   */\n  private postponeFocus = false;\n\n  /**\n   *  @ignore\n   */\n  @ViewChild(CdkVirtualScrollViewport)\n  private viewport: CdkVirtualScrollViewport;\n\n  trackByIdx(i) {\n    return i;\n  }\n\n  /**\n   *  @ignore\n   */\n  override ngOnInit() {\n    super.ngOnInit();\n    this.listDataSource = new AXListDataSource<unknown>({\n      source: this.dataSource,\n    });\n    this.listDataSource.source.onLoadingChanged.subscribe((data) => {\n      this.isLoading.set(data);\n    });\n    this.listDataSource.source.onChanged.subscribe((data) => {\n      this.hasItems = data.totalCount > 0;\n      setTimeout(() => {\n        this.render();\n      }, 100);\n    });\n  }\n  /**\n   *  @ignore\n   */\n  _handleOnItemClick(e: MouseEvent, item: any) {\n    if (this.readonly || this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    if (this.isItemDisabled(item)) {\n      return;\n    }\n    this.toggleSelect(item);\n    this.onItemClick.emit({\n      component: this,\n      item,\n      htmlElement: e.target as HTMLElement,\n      isUserInteraction: true,\n      nativeEvent: e,\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('keydown', ['$event'])\n  _handleKeydown(e: KeyboardEvent) {\n    if ((e.code === 'ArrowDown' || e.code === 'ArrowUp') && this.hasItems) {\n      this.focusItemByNav(e.key === 'ArrowDown' ? 1 : -1);\n      e.preventDefault();\n    }\n    if ((e.code === 'Space' || e.code === 'Enter') && this.hasItems) {\n      if (this.readonly || this.disabled) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      const id = document.activeElement?.closest('li')?.dataset['id'];\n      this.toggleSelect(id);\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  private focusItemByNav(sign: -1 | 1): void {\n    const list = this.getHostElement().querySelector('ul');\n    const fn = (s) => list.querySelector<HTMLDivElement>(s);\n    const itemDiv: HTMLElement = document.activeElement?.closest('li') || fn(`li.ax-state-selected`) || fn(`li`);\n    const next = (sign == 1 ? itemDiv.nextElementSibling : itemDiv.previousElementSibling) as HTMLElement;\n    if (next) {\n      next.focus();\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handleOnscrolledIndexChange(e: number) {\n    this.lastIndex = e;\n    this.onScrolledIndexChanged.emit({\n      component: this,\n      index: this.lastIndex,\n      isUserInteraction: true,\n    });\n  }\n\n  /**\n   * Retrieves an item from the data source based on the provided key.\n   *\n   * @param key The key used to identify the item.\n   * @ignore\n   */\n  getItemByKey(key: unknown): Promise<unknown> | unknown {\n    return this.dataSource.find(key);\n  }\n\n  /**\n   * Renders the component by updating the viewport size, scrolling to the last index, and optionally focusing the element.\n   */\n  public render() {\n    this.viewport.checkViewportSize();\n    this.viewport.scrollToIndex(this.lastIndex);\n    if (this.postponeFocus) {\n      this.postponeFocus = false;\n      this.focus();\n    }\n  }\n\n  /**\n   * Refreshes the list by clearing the selection cache and reloading the data source.\n   * @ignore\n   */\n  public refresh() {\n    this.clearSelectionCache();\n    this.listDataSource.refresh();\n  }\n\n  /**\n   * Scrolls the viewport to the specified item index.\n   * @param index The index of the item to scroll to.\n   * @ignore\n   */\n  public scrollToIndex(index: number) {\n    this.viewport.scrollToIndex(index);\n  }\n  /**\n   * Sets focus to the first selectable list item. If no item is available, postpones focus.\n   */\n  override focus(): void {\n    const list = this.getHostElement().querySelector('ul');\n    const focusable = list.querySelector<HTMLElement>('li.ax-state-selected') ?? list.querySelector<HTMLElement>('li.list-item');\n    if (focusable) {\n      focusable.focus();\n    } else {\n      this.postponeFocus = true;\n    }\n  }\n\n  /**\n   * Determines whether to show the empty template based on the presence of items and loading state.\n   * @ignore\n   */\n  showEmptyTemplate = () => this.emptyTemplate && this.hasItems === false && this.isLoading() === false;\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  get __hostClass(): string {\n    const _class = `ax-default ${this.showEmptyTemplate() ? 'ax-state-empty' : ''}`;\n    return this.itemTemplate ? '' : _class;\n  }\n}\n","<div class=\"list-container\" cdkVirtualScrollingElement>\n    <ng-content select=\"ax-header\"></ng-content>\n    <cdk-virtual-scroll-viewport [itemSize]=\"itemHeightSignal()\" [style.--item-height]=\"itemHeightSignal()+'px'\"\n        (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\">\n        <ul>\n            <!--  Item Template  -->\n            <ng-container *cdkVirtualFor=\"let item of listDataSource;let i = index; trackBy: trackByIdx\">\n                <ng-container *ngIf=\"item;else loadingTpl\">\n                    <li [class.ax-state-selected]=\"isItemSelected(item)\" class=\"list-item\"\n                        [class.ax-state-disabled]=\"isItemDisabled(item)\" [attr.tabindex]=\"i\"\n                        (click)=\"_handleOnItemClick($event, item)\" [attr.data-id]=\"getValue(item)\">\n                        <!--  Custom Item Template  -->\n                        <ng-container *ngIf=\"itemTemplate;else defaultItemTpl\">\n                            <ng-container *ngTemplateOutlet=\"itemTemplate;context: { $implicit: { data:item } }\">\n                            </ng-container>\n                        </ng-container>\n                        <!--  Default Item Template  -->\n                        <ng-template #defaultItemTpl>\n                            <ng-container *ngIf=\"item;else loadingTpl\">\n                                <div class=\"ax-label-container\">\n                                    <input class=\"ax-checkbox\" *ngIf=\"multiple && checkbox\" type=\"checkbox\"\n                                        [checked]=\"isItemSelected(item)\" [disabled]=\"isItemDisabled(item)\"\n                                        tabindex=\"0\" />\n                                    <span\n                                        [class.ax-checkbox-label]=\"multiple && checkbox\">{{getDisplayText(item)}}</span>\n                                </div>\n                                <!-- <i class=\"ax-icon ax-icon-check ax-selected-icon\" *ngIf=\"isItemSelected(item) \"></i> -->\n                            </ng-container>\n                        </ng-template>\n                    </li>\n                </ng-container>\n            </ng-container>\n        </ul>\n    </cdk-virtual-scroll-viewport>\n    <ng-content select=\"ax-footer\"></ng-content>\n</div>\n<!--  Loading Template  -->\n<ng-template #loadingTpl>\n    <!--  Custom Loading Template  -->\n    <ng-container *ngIf=\"loadingTemplate;else defaultLoadingTpl\">\n        <ng-container *ngTemplateOutlet=\"loadingTemplate\">\n        </ng-container>\n    </ng-container>\n    <!--  Default Loading Template  -->\n    <ng-template #defaultLoadingTpl>\n        <li>{{'loading' | translate | async }}</li>\n    </ng-template>\n</ng-template>\n<!--  Empty Template  -->\n@if(showEmptyTemplate()){\n<div class=\"empty-container\">\n    <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n</div>\n}","import { AXTranslationModule } from '@acorex/core/translation';\nimport { ScrollingModule } from '@angular/cdk/scrolling';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXListComponent } from './list.component';\n\nconst COMPONENT = [AXListComponent];\nconst MODULES = [CommonModule, ScrollingModule, AXTranslationModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-loading-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-loading-dialog.mjs","sources":["../../../../libs/components/loading-dialog/src/lib/loading-dialog.component.ts","../../../../libs/components/loading-dialog/src/lib/loading-dialog.component.html","../../../../libs/components/loading-dialog/src/lib/loading-dialog.service.ts","../../../../libs/components/loading-dialog/src/lib/loading-dialog.module.ts","../../../../libs/components/loading-dialog/src/acorex-components-loading-dialog.ts"],"sourcesContent":["import { AXComponentCloseEvent, AXStyleColorType, MXBaseComponent } from '@acorex/components/common';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\nimport { ChangeDetectionStrategy, Component, Inject, ViewEncapsulation, WritableSignal, signal } from '@angular/core';\nimport { AXLoadingDialogButtonItem, AXLoadingDialogConfig } from './loading-dialog.class';\n\n/**\n * Represents a loading dialog component with custom styles and encapsulation.\n * @category components\n */\n@Component({\n  selector: 'ax-loading-dialog',\n  templateUrl: './loading-dialog.component.html',\n  styleUrls: ['./loading-dialog.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXLoadingDialogComponent extends MXBaseComponent {\n\n  /** @ignore */\n  constructor(\n    @Inject(DIALOG_DATA) public data: AXLoadingDialogConfig,\n\n    /** @ignore */\n    private dialogRef: DialogRef<AXComponentCloseEvent>,\n  ) {\n    super();\n  }\n\n  /** @ignore */\n  protected progressText: WritableSignal<string> = signal(this.data.text);\n\n  /** @ignore */\n  protected progressStatus: WritableSignal<string> = signal(this.data.status);\n\n  /** @ignore */\n  protected progressColor: WritableSignal<AXStyleColorType> = signal(this.data.progressColor);\n\n  /** @ignore */\n  protected dialogTitle: WritableSignal<string> = signal(this.data.title);\n\n  /** @ignore */\n  protected progressValue: WritableSignal<number> = signal(this.data.progressValue);\n\n  /**\n * Closes the dialog.\n */\n  close() {\n    this.dialogRef.close();\n  }\n\n  /**\n * Sets the progress text.\n * @param text \n */\n  setProgressText(text: string) {\n    this.progressText.set(text);\n  }\n\n  /**\n * Sets the progress status.\n * @param status \n */\n  setProgressStatus(status: string) {\n    this.progressStatus.set(status);\n  }\n\n  /**\n * Sets the color for the progress.\n * @param color \n */\n  setProgressColor(color: AXStyleColorType) {\n    this.progressColor.set(color);\n  }\n\n  /**\n * Sets the title for the dialog.\n * @param text \n */\n  setDialogTitle(text: string) {\n    this.dialogTitle.set(text);\n  }\n\n  /**\n * Sets the progress value.\n * @param value \n */\n  setProgressValue(value: number) {\n    this.progressValue.set(value);\n  }\n\n  /** @ignore */\n  protected _handleButtonClick(button: AXLoadingDialogButtonItem) {\n    if (button.onClick) {\n      button.onClick({ source: button });\n    }\n  }\n\n  /** @ignore */\n  protected _hasAutoFocus(button: AXLoadingDialogButtonItem) {\n    const result = button.autofocus || this.data.buttons.length == 1 || !this.data.buttons.some((c) => c.autofocus);\n    return result;\n  }\n}\n","<ax-title>{{ dialogTitle() }}</ax-title>\n\n<ax-progress-bar\n  [mode]=\"data.mode\"\n  [progress]=\"this.progressValue()\"\n  [color]=\"progressColor()\"\n></ax-progress-bar>\n<div class=\"progress-decorators\">\n  <div>{{ progressText() }}</div>\n  <div>{{ progressStatus() }}</div>\n</div>\n<ax-footer>\n  @for (button of data.buttons; track $index) {\n    <ax-button\n      [text]=\"button.text | translate | async\"\n      [tabindex]=\"$index\"\n      [axHotkey]=\"button.hotkey\"\n      [axAutoFocus]=\"_hasAutoFocus(button)\"\n      (onClick)=\"_handleButtonClick(button)\"\n      [look]=\"button.look\"\n      [disabled]=\"button.disabled\"\n      [color]=\"button.color\"\n    >\n      @if (button.loading) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  }\n</ax-footer>\n","import { AXStyleColorType } from '@acorex/components/common';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { Injectable, inject } from '@angular/core';\nimport { AXDialogRef, AXLoadingDialogConfig } from './loading-dialog.class';\nimport { AXLoadingDialogComponent } from './loading-dialog.component';\n\n@Injectable()\nexport class AXLoadingDialogService {\n  private dialog = inject(Dialog);\n\n  // private data$: BehaviorSubject<AXLoadingDialogConfig> = new BehaviorSubject<AXLoadingDialogConfig>(null);\n\n  show(options: AXLoadingDialogConfig): AXDialogRef {\n    const dialogRef = this.dialog.open(AXLoadingDialogComponent, {\n      hasBackdrop: true,\n      disableClose: true,\n      restoreFocus: true,\n      closeOnDestroy: true,\n      closeOnNavigation: true,\n      ariaModal: true,\n      role: 'alertdialog',\n      panelClass: ['ax-animate-fadeIn'],\n      data: options,\n    });\n    return {\n      close: () => dialogRef.componentInstance?.close(),\n      setProgressValue: (value: number) => dialogRef.componentInstance?.setProgressValue(value),\n      setDialogTitle: (text: string) => dialogRef.componentInstance?.setDialogTitle(text),\n      setProgressText: (text: string) => dialogRef.componentInstance?.setProgressText(text),\n      setProgressStatus: (status: string) => dialogRef.componentInstance?.setProgressStatus(status),\n      setProgressColor: (color: AXStyleColorType) => dialogRef.componentInstance?.setProgressColor(color),\n    };\n  }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXProgressBarModule } from '@acorex/components/progress-bar';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXLoadingDialogComponent } from './loading-dialog.component';\nimport { AXLoadingDialogService } from './loading-dialog.service';\n\nconst COMPONENT = [AXLoadingDialogComponent];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [AXCommonModule, AXProgressBarModule, AXLoadingModule, AXDecoratorModule, AXButtonModule, AXTranslationModule, AsyncPipe],\n  exports: [...COMPONENT],\n  providers: [AXLoadingDialogService],\n})\nexport class AXLoadingDialogModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-loading-dialog.mjs","sources":["../../../../libs/components/loading-dialog/src/lib/loading-dialog.component.ts","../../../../libs/components/loading-dialog/src/lib/loading-dialog.component.html","../../../../libs/components/loading-dialog/src/lib/loading-dialog.service.ts","../../../../libs/components/loading-dialog/src/lib/loading-dialog.module.ts","../../../../libs/components/loading-dialog/src/acorex-components-loading-dialog.ts"],"sourcesContent":["import { AXComponentCloseEvent, AXStyleColorType, MXBaseComponent } from '@acorex/components/common';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\nimport { ChangeDetectionStrategy, Component, Inject, ViewEncapsulation, WritableSignal, signal } from '@angular/core';\nimport { AXLoadingDialogButtonItem, AXLoadingDialogConfig } from './loading-dialog.class';\n\n/**\n * Represents a loading dialog component with custom styles and encapsulation.\n * @category components\n */\n@Component({\n  selector: 'ax-loading-dialog',\n  templateUrl: './loading-dialog.component.html',\n  styleUrls: ['./loading-dialog.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXLoadingDialogComponent extends MXBaseComponent {\n\n  /** @ignore */\n  constructor(\n    @Inject(DIALOG_DATA) public data: AXLoadingDialogConfig,\n\n    /** @ignore */\n    private dialogRef: DialogRef<AXComponentCloseEvent>,\n  ) {\n    super();\n  }\n\n  /** @ignore */\n  protected progressText: WritableSignal<string> = signal(this.data.text);\n\n  /** @ignore */\n  protected progressStatus: WritableSignal<string> = signal(this.data.status);\n\n  /** @ignore */\n  protected progressColor: WritableSignal<AXStyleColorType> = signal(this.data.progressColor);\n\n  /** @ignore */\n  protected dialogTitle: WritableSignal<string> = signal(this.data.title);\n\n  /** @ignore */\n  protected progressValue: WritableSignal<number> = signal(this.data.progressValue);\n\n  /**\n * Closes the dialog.\n */\n  close() {\n    this.dialogRef.close();\n  }\n\n  /**\n * Sets the progress text.\n * @param text \n */\n  setProgressText(text: string) {\n    this.progressText.set(text);\n  }\n\n  /**\n * Sets the progress status.\n * @param status \n */\n  setProgressStatus(status: string) {\n    this.progressStatus.set(status);\n  }\n\n  /**\n * Sets the color for the progress.\n * @param color \n */\n  setProgressColor(color: AXStyleColorType) {\n    this.progressColor.set(color);\n  }\n\n  /**\n * Sets the title for the dialog.\n * @param text \n */\n  setDialogTitle(text: string) {\n    this.dialogTitle.set(text);\n  }\n\n  /**\n * Sets the progress value.\n * @param value \n */\n  setProgressValue(value: number) {\n    this.progressValue.set(value);\n  }\n\n  /** @ignore */\n  protected _handleButtonClick(button: AXLoadingDialogButtonItem) {\n    if (button.onClick) {\n      button.onClick({ source: button });\n    }\n  }\n\n  /** @ignore */\n  protected _hasAutoFocus(button: AXLoadingDialogButtonItem) {\n    const result = button.autofocus || this.data.buttons.length == 1 || !this.data.buttons.some((c) => c.autofocus);\n    return result;\n  }\n}\n","<ax-title>{{ dialogTitle() }}</ax-title>\n\n<ax-progress-bar\n  [mode]=\"data.mode\"\n  [progress]=\"this.progressValue()\"\n  [color]=\"progressColor()\"\n></ax-progress-bar>\n<div class=\"progress-decorators\">\n  <div>{{ progressText() }}</div>\n  <div>{{ progressStatus() }}</div>\n</div>\n<ax-footer>\n  @for (button of data.buttons; track $index) {\n    <ax-button\n      [text]=\"button.text | translate | async\"\n      [tabindex]=\"$index\"\n      [axHotkey]=\"button.hotkey\"\n      [axAutoFocus]=\"_hasAutoFocus(button)\"\n      (onClick)=\"_handleButtonClick(button)\"\n      [look]=\"button.look\"\n      [disabled]=\"button.disabled\"\n      [color]=\"button.color\"\n    >\n      @if (button.loading) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  }\n</ax-footer>\n","import { AXStyleColorType } from '@acorex/components/common';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { Injectable, inject } from '@angular/core';\nimport { AXDialogRef, AXLoadingDialogConfig } from './loading-dialog.class';\nimport { AXLoadingDialogComponent } from './loading-dialog.component';\n\n@Injectable()\nexport class AXLoadingDialogService {\n  private dialog = inject(Dialog);\n\n  // private data$: BehaviorSubject<AXLoadingDialogConfig> = new BehaviorSubject<AXLoadingDialogConfig>(null);\n\n  show(options: AXLoadingDialogConfig): AXDialogRef {\n    const dialogRef = this.dialog.open(AXLoadingDialogComponent, {\n      hasBackdrop: true,\n      disableClose: true,\n      restoreFocus: true,\n      closeOnDestroy: true,\n      closeOnNavigation: true,\n      ariaModal: true,\n      role: 'alertdialog',\n      panelClass: ['ax-animate-fadeIn'],\n      data: options,\n    });\n    return {\n      close: () => dialogRef.componentInstance?.close(),\n      setProgressValue: (value: number) => dialogRef.componentInstance?.setProgressValue(value),\n      setDialogTitle: (text: string) => dialogRef.componentInstance?.setDialogTitle(text),\n      setProgressText: (text: string) => dialogRef.componentInstance?.setProgressText(text),\n      setProgressStatus: (status: string) => dialogRef.componentInstance?.setProgressStatus(status),\n      setProgressColor: (color: AXStyleColorType) => dialogRef.componentInstance?.setProgressColor(color),\n    };\n  }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXProgressBarModule } from '@acorex/components/progress-bar';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXLoadingDialogComponent } from './loading-dialog.component';\nimport { AXLoadingDialogService } from './loading-dialog.service';\n\nconst COMPONENT = [AXLoadingDialogComponent];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [AXCommonModule, AXProgressBarModule, AXLoadingModule, AXDecoratorModule, AXButtonModule, AXTranslationModule, AsyncPipe],\n  exports: [...COMPONENT],\n  providers: [AXLoadingDialogService],\n})\nexport class AXLoadingDialogModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-loading.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-loading.mjs","sources":["../../../../libs/components/loading/src/lib/loading-spinner.component.ts","../../../../libs/components/loading/src/lib/loading.config.ts","../../../../libs/components/loading/src/lib/loading.component.ts","../../../../libs/components/loading/src/lib/loading.service.ts","../../../../libs/components/loading/src/lib/loading.directive.ts","../../../../libs/components/loading/src/lib/loading.module.ts","../../../../libs/components/loading/src/acorex-components-loading.ts"],"sourcesContent":["import { AXStyleColorType } from '@acorex/components/common';\nimport { Component, Input, ViewEncapsulation } from '@angular/core';\n\n/**\n * A loading spinner component that displays a rotating spinner icon.\n * @category Components\n */\n@Component({\n  selector: 'ax-loading-spinner',\n  template: `\n    <span\n      class=\"ax-loader ax-{{ color }}\"\n      [style.width.px]=\"size\"\n      [style.height.px]=\"size\"\n      [style.border-width.px]=\"stroke\"\n      [style.border-color]=\"color\"\n    ></span>\n    @if (text) {\n      <span> {{ text }} </span>\n    }\n  `,\n  styleUrls: ['./loading-spinner.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXLoadingSpinnerComponent {\n  /**\n   * The text to display alongside the spinner.\n   * @ignore\n   */\n  @Input()\n  text: string;\n\n  /**\n   * Color of the spinner. Can be a predefined style color or a custom color.\n   * @defaultValue 'ghost'\n   */\n  @Input()\n  color: AXStyleColorType | string = 'ghost';\n\n  /**\n   * Size of the spinner, in pixels. This determines both the width and height of the spinner.\n   * @defaultValue 16\n   */\n  @Input() size = 16;\n\n  /**\n   * Thickness of the spinner's border, in pixels. This affects the visual weight of the spinner's outline.\n   * @defaultValue 3\n   */\n  @Input() stroke = 3;\n}\n","import { InjectionToken } from '@angular/core';\nimport { AXLoadingSpinnerComponent } from './loading-spinner.component';\n\nexport interface AXLoadingConfig {\n  spinner: unknown;\n}\n\nexport const AX_LOADING_CONFIG = new InjectionToken<AXLoadingConfig>('AX_LOADING_CONFIG', {\n  providedIn: 'root',\n  factory: () => AXLoadingDefaultConfig,\n});\n\nexport const AXLoadingDefaultConfig: AXLoadingConfig = {\n  spinner: AXLoadingSpinnerComponent,\n};\n\nexport type PartialLoadingConfig = Partial<AXLoadingConfig>;\n\nexport function loadingConfig(config: PartialLoadingConfig = {}): AXLoadingConfig {\n  const result = {\n    ...AXLoadingDefaultConfig,\n    ...config,\n  };\n  return result;\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { CdkPortalOutletAttachedRef, ComponentPortal, ComponentType, Portal } from '@angular/cdk/portal';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { AXLoadingConfig, AX_LOADING_CONFIG } from './loading.config';\n\n/**\n * A component that displays a loading indicator.\n * @category Components\n */\n@Component({\n  selector: 'ax-loading',\n  template: ` <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template> `,\n  styleUrls: ['./loading.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXLoadingComponent extends MXBaseComponent implements OnInit {\n  private config: AXLoadingConfig = inject(AX_LOADING_CONFIG);\n\n  /**\n   *  @ignore\n   */\n  protected _selectedPortal: Portal<unknown>;\n\n  /**\n   * Emits an event when the visibility state of the component changes.\n   * @event\n   */\n  @Output()\n  visibleChange: EventEmitter<boolean> = new EventEmitter();\n\n  /**\n   *  @ignore\n   */\n  private _visible: boolean;\n\n  /**\n   * Determines whether the component is visible or not.\n   */\n  @Input()\n  public get visible(): boolean {\n    return this._visible;\n  }\n\n  /**\n   * Sets the visibility of the component and emits a visibility change event.\n   *\n   * @param v - A boolean value indicating whether the component should be visible.\n   */\n  public set visible(v: boolean) {\n    if (v != this._visible) {\n      this._visible = v;\n      v ? this.getHostElement().classList.remove('ax-hide') : this.getHostElement().classList.add('ax-hide');\n      this.visibleChange.emit(v);\n    }\n  }\n\n  /**\n   * Specifies the type of loading indicator to display.\n   * @defaultValue 'spinner'\n   */\n  @Input()\n  type = 'spinner';\n\n  /**\n   * Provides additional context or data that may be used by the component.\n   */\n  @Input()\n  context?: unknown;\n\n  /**\n   *  @ignore\n   */\n  override ngOnInit() {\n    super.ngOnInit();\n    this._selectedPortal = new ComponentPortal(this.config.spinner as ComponentType<unknown>);\n    this.cdr.markForCheck();\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handleAttched(ref: CdkPortalOutletAttachedRef) {\n    ref = ref as ComponentRef<unknown>;\n    if (ref.instance && this.context) {\n      Object.assign(ref.instance, this.context);\n    }\n  }\n}\n","import { Dialog } from '@angular/cdk/dialog';\nimport { Injectable, inject } from '@angular/core';\nimport { BehaviorSubject, Observable, asyncScheduler } from 'rxjs';\nimport { finalize, observeOn } from 'rxjs/operators';\nimport { AXLoadingComponent } from './loading.component';\n\ntype LoadingContext = object;\ntype LoaderId = string | number; // expected enum values\nconst DEFAULT_LOADER_ID: LoaderId = '_DEFAULT';\n\n@Injectable()\nexport class AXLoadingService {\n  // WeakMap will remove components from itself upon\n  // their garbage collection by JS runtime.\n  protected loadingStates = new WeakMap<LoadingContext, Map<LoaderId, boolean>>();\n  // Both loading state maps are kept in-sync such that\n  // they can be used by both sync and async methods.\n  protected loadingStates$ = new WeakMap<LoadingContext, Map<LoaderId, BehaviorSubject<boolean>>>();\n\n  private dialog = inject(Dialog);\n\n  show(config?: { location?: Element; type?: string; context?: unknown }): number {\n    const ce = (config?.location ?? document.body) as HTMLDivElement;\n    const dialogRef = this.dialog.open(AXLoadingComponent, {\n      hasBackdrop: true,\n      disableClose: true,\n      restoreFocus: true,\n      closeOnDestroy: true,\n      closeOnNavigation: true,\n      ariaModal: true,\n      role: 'alertdialog',\n      panelClass: ['ax-loading-pane', 'ax-animate-fadeIn'],\n      backdropClass: ['ax-loading-overlay-backdrop', 'ax-animate-fadeIn'],\n    });\n    const id = new Date().getTime();\n    dialogRef.componentInstance.visible = true;\n    dialogRef.componentInstance.id = id.toString();\n    if (ce != document.body) {\n      const bg = dialogRef.overlayRef.backdropElement;\n      const ov = dialogRef.overlayRef.overlayElement;\n      ce.style.position = 'relative';\n      ov.style.position = 'absolute';\n      ce.appendChild(bg);\n      ce.appendChild(ov);\n      setTimeout(() => {\n        ov.style.position = 'absolute';\n      }, 0);\n    }\n    return id;\n    // TODO: diabled focus and click, maybe we need a service and directive for it\n  }\n\n  hide(id: number): void {\n    const f = this.dialog.openDialogs.find((c) => c.componentInstance.id === id.toString());\n    if (f) {\n      f.close();\n    }\n  }\n\n  doLoading<V>(source$: Observable<V>, context: LoadingContext, loaderId?: LoaderId): Observable<V> {\n    this.startLoading(context, loaderId);\n    return source$.pipe(\n      observeOn(asyncScheduler),\n      finalize(() => this.endLoading(context, loaderId)),\n    );\n  }\n\n  isLoading(context: LoadingContext, loaderId?: LoaderId): boolean {\n    const loaderStates = this.loadingStates.get(context);\n\n    if (!loaderStates) {\n      return false;\n    } else {\n      if (loaderId !== undefined) {\n        return loaderStates.get(this.getLoaderId(loaderId)) ?? false;\n      } else {\n        return [...loaderStates.values()].filter((state) => state).length > 0;\n      }\n    }\n  }\n\n  isLoading$(context: LoadingContext, loaderId?: LoaderId | any): Observable<boolean> {\n    const coalescedLoaderId = this.getLoaderId(loaderId);\n\n    if (!this.hasLoadingStates(context, coalescedLoaderId)) {\n      this.setLoadingState(context, false, loaderId);\n    }\n\n    return this.loadingStates$.get(context).get(coalescedLoaderId);\n  }\n\n  startLoading(context: LoadingContext, loaderId?: LoaderId): void {\n    this.setLoadingState(context, true, this.getLoaderId(loaderId));\n  }\n\n  endLoading(context: LoadingContext, loaderId?: LoaderId): void {\n    this.setLoadingState(context, false, this.getLoaderId(loaderId));\n  }\n\n  clearLoadings(): void {\n    this.loadingStates = new WeakMap<LoadingContext, Map<LoaderId, boolean>>();\n    this.loadingStates$ = new WeakMap<LoadingContext, Map<LoaderId, BehaviorSubject<boolean>>>();\n  }\n\n  protected setLoadingState(context: LoadingContext, state: boolean, loaderId: LoaderId): void {\n    if (!this.hasLoadingStates(context, loaderId)) {\n      if (this.hasContextLoadingState(context)) {\n        this.loadingStates.get(context).set(loaderId, state);\n        this.loadingStates$.get(context).set(loaderId, new BehaviorSubject<boolean>(state));\n      } else {\n        this.loadingStates.set(context, new Map<LoaderId, boolean>([[loaderId, state]]));\n        this.loadingStates$.set(context, new Map<LoaderId, BehaviorSubject<boolean>>([[loaderId, new BehaviorSubject<boolean>(state)]]));\n      }\n    } else {\n      this.loadingStates.get(context).set(loaderId, state);\n      this.loadingStates$.get(context).get(loaderId).next(state);\n    }\n  }\n\n  protected hasLoadingStates(context: LoadingContext, loaderId: LoaderId) {\n    return this.hasContextLoadingState(context) && this.hasLoaderLoadingState(context, loaderId);\n  }\n\n  protected hasContextLoadingState(context: LoadingContext) {\n    return this.loadingStates.has(context) && this.loadingStates$.has(context);\n  }\n\n  protected hasLoaderLoadingState(context: LoadingContext, loaderId: LoaderId) {\n    return this.loadingStates.get(context).has(loaderId) && this.loadingStates$.get(context).has(loaderId);\n  }\n\n  protected getLoaderId(loaderId?: LoaderId): LoaderId {\n    return loaderId ?? DEFAULT_LOADER_ID;\n  }\n}\n","import { Directive, ElementRef, Input } from '@angular/core';\nimport { AXLoadingService } from './loading.service';\n\n// This directive places an overlay with a loading spinner over its host element\n// if isLoading equals to true and hides the overlay when isLoading becomes false.\n@Directive({\n  selector: '[axIsLoading]',\n})\nexport class AXLoadingDirective {\n  private _hostElement!: HTMLDivElement;\n  private _loadingRef!: number;\n\n  private _isLoading: boolean;\n\n  @Input('axIsLoading')\n  public get isLoading(): boolean {\n    return this._isLoading;\n  }\n  public set isLoading(v: boolean) {\n    this._isLoading = v;\n    if (v) {\n      this._loadingRef = this.loadingService.show({\n        location: this._hostElement,\n      });\n    } else {\n      this.loadingService.hide(this._loadingRef);\n    }\n  }\n\n  constructor(\n    protected readonly elementRef: ElementRef,\n    protected readonly loadingService: AXLoadingService,\n  ) {\n    this._hostElement = this.elementRef.nativeElement;\n  }\n}\n","import { DialogModule } from '@angular/cdk/dialog';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXLoadingSpinnerComponent } from './loading-spinner.component';\nimport { AXLoadingComponent } from './loading.component';\nimport { AXLoadingDirective } from './loading.directive';\nimport { AXLoadingService } from './loading.service';\n\nconst COMPONENT = [AXLoadingComponent, AXLoadingDirective, AXLoadingSpinnerComponent];\nconst MODULES = [CommonModule, OverlayModule, DialogModule, PortalModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [AXLoadingService],\n})\nexport class AXLoadingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.AXLoadingService"],"mappings":";;;;;;;;;;;AAGA;;;AAGG;MAkBU,yBAAyB,CAAA;AAjBtC,IAAA,WAAA,GAAA;AAyBE;;;AAGG;QAEH,IAAK,CAAA,KAAA,GAA8B,OAAO,CAAC;AAE3C;;;AAGG;QACM,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;AAEnB;;;AAGG;QACM,IAAM,CAAA,MAAA,GAAG,CAAC,CAAC;AACrB,KAAA;8GA1BY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAf1B,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;AAWT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,w/CAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAIU,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAjBrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EACpB,QAAA,EAAA,CAAA;;;;;;;;;;;GAWT,EAEc,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,w/CAAA,CAAA,EAAA,CAAA;8BAQrC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAQN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAOG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAMG,MAAM,EAAA,CAAA;sBAAd,KAAK;;;MC1CK,iBAAiB,GAAG,IAAI,cAAc,CAAkB,mBAAmB,EAAE;AACxF,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,MAAM,sBAAsB;AACtC,CAAA,EAAE;AAEU,MAAA,sBAAsB,GAAoB;AACrD,IAAA,OAAO,EAAE,yBAAyB;EAClC;AAIc,SAAA,aAAa,CAAC,MAAA,GAA+B,EAAE,EAAA;AAC7D,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,GAAG,sBAAsB;AACzB,QAAA,GAAG,MAAM;KACV,CAAC;AACF,IAAA,OAAO,MAAM,CAAC;AAChB;;ACTA;;;AAGG;AAQG,MAAO,kBAAmB,SAAQ,eAAe,CAAA;AAPvD,IAAA,WAAA,GAAA;;AAQU,QAAA,IAAA,CAAA,MAAM,GAAoB,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAO5D;;;AAGG;AAEH,QAAA,IAAA,CAAA,aAAa,GAA0B,IAAI,YAAY,EAAE,CAAC;AA4B1D;;;AAGG;QAEH,IAAI,CAAA,IAAA,GAAG,SAAS,CAAC;AA0BlB,KAAA;AApDC;;AAEG;AACH,IAAA,IACW,OAAO,GAAA;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC;KACtB;AAED;;;;AAIG;IACH,IAAW,OAAO,CAAC,CAAU,EAAA;AAC3B,QAAA,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;AACtB,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;AAClB,YAAA,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AACvG,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;SAC5B;KACF;AAeD;;AAEG;IACM,QAAQ,GAAA;QACf,KAAK,CAAC,QAAQ,EAAE,CAAC;AACjB,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,OAAiC,CAAC,CAAC;AAC1F,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;AAED;;AAEG;AACO,IAAA,cAAc,CAAC,GAA+B,EAAA;QACtD,GAAG,GAAG,GAA4B,CAAC;QACnC,IAAI,GAAG,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE;YAChC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;SAC3C;KACF;8GAvEU,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,wLALnB,CAAuG,qGAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wjCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAKtG,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;+BACE,YAAY,EAAA,QAAA,EACZ,uGAAuG,EAEhG,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,wjCAAA,CAAA,EAAA,CAAA;8BAerC,aAAa,EAAA,CAAA;sBADZ,MAAM;gBAYI,OAAO,EAAA,CAAA;sBADjB,KAAK;gBAuBN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAON,OAAO,EAAA,CAAA;sBADN,KAAK;;;ACrER,MAAM,iBAAiB,GAAa,UAAU,CAAC;MAGlC,gBAAgB,CAAA;AAD7B,IAAA,WAAA,GAAA;;;AAIY,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,OAAO,EAA0C,CAAC;;;AAGtE,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,OAAO,EAA2D,CAAC;AAE1F,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAmHjC,KAAA;AAjHC,IAAA,IAAI,CAAC,MAAiE,EAAA;QACpE,MAAM,EAAE,IAAI,MAAM,EAAE,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAmB,CAAC;QACjE,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,kBAAkB,EAAE;AACrD,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,cAAc,EAAE,IAAI;AACpB,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,UAAU,EAAE,CAAC,iBAAiB,EAAE,mBAAmB,CAAC;AACpD,YAAA,aAAa,EAAE,CAAC,6BAA6B,EAAE,mBAAmB,CAAC;AACpE,SAAA,CAAC,CAAC;QACH,MAAM,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;AAChC,QAAA,SAAS,CAAC,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3C,SAAS,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;AAC/C,QAAA,IAAI,EAAE,IAAI,QAAQ,CAAC,IAAI,EAAE;AACvB,YAAA,MAAM,EAAE,GAAG,SAAS,CAAC,UAAU,CAAC,eAAe,CAAC;AAChD,YAAA,MAAM,EAAE,GAAG,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC;AAC/C,YAAA,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;AAC/B,YAAA,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;AAC/B,YAAA,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AACnB,YAAA,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YACnB,UAAU,CAAC,MAAK;AACd,gBAAA,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;aAChC,EAAE,CAAC,CAAC,CAAC;SACP;AACD,QAAA,OAAO,EAAE,CAAC;;KAEX;AAED,IAAA,IAAI,CAAC,EAAU,EAAA;QACb,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxF,IAAI,CAAC,EAAE;YACL,CAAC,CAAC,KAAK,EAAE,CAAC;SACX;KACF;AAED,IAAA,SAAS,CAAI,OAAsB,EAAE,OAAuB,EAAE,QAAmB,EAAA;AAC/E,QAAA,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACrC,OAAO,OAAO,CAAC,IAAI,CACjB,SAAS,CAAC,cAAc,CAAC,EACzB,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CACnD,CAAC;KACH;IAED,SAAS,CAAC,OAAuB,EAAE,QAAmB,EAAA;QACpD,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAErD,IAAI,CAAC,YAAY,EAAE;AACjB,YAAA,OAAO,KAAK,CAAC;SACd;aAAM;AACL,YAAA,IAAI,QAAQ,KAAK,SAAS,EAAE;AAC1B,gBAAA,OAAO,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC;aAC9D;iBAAM;gBACL,OAAO,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;aACvE;SACF;KACF;IAED,UAAU,CAAC,OAAuB,EAAE,QAAyB,EAAA;QAC3D,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAErD,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,CAAC,EAAE;YACtD,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;SAChD;AAED,QAAA,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;KAChE;IAED,YAAY,CAAC,OAAuB,EAAE,QAAmB,EAAA;AACvD,QAAA,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;KACjE;IAED,UAAU,CAAC,OAAuB,EAAE,QAAmB,EAAA;AACrD,QAAA,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;KAClE;IAED,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,OAAO,EAA0C,CAAC;AAC3E,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,OAAO,EAA2D,CAAC;KAC9F;AAES,IAAA,eAAe,CAAC,OAAuB,EAAE,KAAc,EAAE,QAAkB,EAAA;QACnF,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE;AAC7C,YAAA,IAAI,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE;AACxC,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AACrD,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,eAAe,CAAU,KAAK,CAAC,CAAC,CAAC;aACrF;iBAAM;AACL,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,GAAG,CAAoB,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;gBACjF,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,GAAG,CAAqC,CAAC,CAAC,QAAQ,EAAE,IAAI,eAAe,CAAU,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAClI;SACF;aAAM;AACL,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AACrD,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC5D;KACF;IAES,gBAAgB,CAAC,OAAuB,EAAE,QAAkB,EAAA;AACpE,QAAA,OAAO,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;KAC9F;AAES,IAAA,sBAAsB,CAAC,OAAuB,EAAA;AACtD,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;KAC5E;IAES,qBAAqB,CAAC,OAAuB,EAAE,QAAkB,EAAA;QACzE,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;KACxG;AAES,IAAA,WAAW,CAAC,QAAmB,EAAA;QACvC,OAAO,QAAQ,IAAI,iBAAiB,CAAC;KACtC;8GA1HU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;kHAAhB,gBAAgB,EAAA,CAAA,CAAA,EAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,UAAU;;;ACPX;AACA;MAIa,kBAAkB,CAAA;AAM7B,IAAA,IACW,SAAS,GAAA;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC;KACxB;IACD,IAAW,SAAS,CAAC,CAAU,EAAA;AAC7B,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,EAAE;YACL,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBAC1C,QAAQ,EAAE,IAAI,CAAC,YAAY;AAC5B,aAAA,CAAC,CAAC;SACJ;aAAM;YACL,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAC5C;KACF;IAED,WACqB,CAAA,UAAsB,EACtB,cAAgC,EAAA;QADhC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QACtB,IAAc,CAAA,cAAA,GAAd,cAAc,CAAkB;QAEnD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;KACnD;8GA1BU,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,CAAA,aAAA,EAAA,WAAA,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAH9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AAC1B,iBAAA,CAAA;2GAQY,SAAS,EAAA,CAAA;sBADnB,KAAK;uBAAC,aAAa,CAAA;;;ACJtB,MAAM,SAAS,GAAG,CAAC,kBAAkB,EAAE,kBAAkB,EAAE,yBAAyB,CAAC,CAAC;AACtF,MAAM,OAAO,GAAG,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;MAQ7D,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,iBATT,kBAAkB,EAAE,kBAAkB,EAAE,yBAAyB,aACnE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,CAAA,EAAA,OAAA,EAAA,CADrD,kBAAkB,EAAE,kBAAkB,EAAE,yBAAyB,CAAA,EAAA,CAAA,CAAA,EAAA;AASvE,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAFf,SAAA,EAAA,CAAC,gBAAgB,CAAC,YAFhB,OAAO,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIT,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;oBACvB,SAAS,EAAE,CAAC,gBAAgB,CAAC;AAC9B,iBAAA,CAAA;;;AClBD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-loading.mjs","sources":["../../../../libs/components/loading/src/lib/loading-spinner.component.ts","../../../../libs/components/loading/src/lib/loading.config.ts","../../../../libs/components/loading/src/lib/loading.component.ts","../../../../libs/components/loading/src/lib/loading.service.ts","../../../../libs/components/loading/src/lib/loading.directive.ts","../../../../libs/components/loading/src/lib/loading.module.ts","../../../../libs/components/loading/src/acorex-components-loading.ts"],"sourcesContent":["import { AXStyleColorType } from '@acorex/components/common';\nimport { Component, Input, ViewEncapsulation } from '@angular/core';\n\n/**\n * A loading spinner component that displays a rotating spinner icon.\n * @category Components\n */\n@Component({\n  selector: 'ax-loading-spinner',\n  template: `\n    <span\n      class=\"ax-loader ax-{{ color }}\"\n      [style.width.px]=\"size\"\n      [style.height.px]=\"size\"\n      [style.border-width.px]=\"stroke\"\n      [style.border-color]=\"color\"\n    ></span>\n    @if (text) {\n      <span> {{ text }} </span>\n    }\n  `,\n  styleUrls: ['./loading-spinner.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXLoadingSpinnerComponent {\n  /**\n   * The text to display alongside the spinner.\n   * @ignore\n   */\n  @Input()\n  text: string;\n\n  /**\n   * Color of the spinner. Can be a predefined style color or a custom color.\n   * @defaultValue 'ghost'\n   */\n  @Input()\n  color: AXStyleColorType | string = 'ghost';\n\n  /**\n   * Size of the spinner, in pixels. This determines both the width and height of the spinner.\n   * @defaultValue 16\n   */\n  @Input() size = 16;\n\n  /**\n   * Thickness of the spinner's border, in pixels. This affects the visual weight of the spinner's outline.\n   * @defaultValue 3\n   */\n  @Input() stroke = 3;\n}\n","import { InjectionToken } from '@angular/core';\nimport { AXLoadingSpinnerComponent } from './loading-spinner.component';\n\nexport interface AXLoadingConfig {\n  spinner: unknown;\n}\n\nexport const AX_LOADING_CONFIG = new InjectionToken<AXLoadingConfig>('AX_LOADING_CONFIG', {\n  providedIn: 'root',\n  factory: () => AXLoadingDefaultConfig,\n});\n\nexport const AXLoadingDefaultConfig: AXLoadingConfig = {\n  spinner: AXLoadingSpinnerComponent,\n};\n\nexport type PartialLoadingConfig = Partial<AXLoadingConfig>;\n\nexport function loadingConfig(config: PartialLoadingConfig = {}): AXLoadingConfig {\n  const result = {\n    ...AXLoadingDefaultConfig,\n    ...config,\n  };\n  return result;\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { CdkPortalOutletAttachedRef, ComponentPortal, ComponentType, Portal } from '@angular/cdk/portal';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { AXLoadingConfig, AX_LOADING_CONFIG } from './loading.config';\n\n/**\n * A component that displays a loading indicator.\n * @category Components\n */\n@Component({\n  selector: 'ax-loading',\n  template: ` <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template> `,\n  styleUrls: ['./loading.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXLoadingComponent extends MXBaseComponent implements OnInit {\n  private config: AXLoadingConfig = inject(AX_LOADING_CONFIG);\n\n  /**\n   *  @ignore\n   */\n  protected _selectedPortal: Portal<unknown>;\n\n  /**\n   * Emits an event when the visibility state of the component changes.\n   * @event\n   */\n  @Output()\n  visibleChange: EventEmitter<boolean> = new EventEmitter();\n\n  /**\n   *  @ignore\n   */\n  private _visible: boolean;\n\n  /**\n   * Determines whether the component is visible or not.\n   */\n  @Input()\n  public get visible(): boolean {\n    return this._visible;\n  }\n\n  /**\n   * Sets the visibility of the component and emits a visibility change event.\n   *\n   * @param v - A boolean value indicating whether the component should be visible.\n   */\n  public set visible(v: boolean) {\n    if (v != this._visible) {\n      this._visible = v;\n      v ? this.getHostElement().classList.remove('ax-hide') : this.getHostElement().classList.add('ax-hide');\n      this.visibleChange.emit(v);\n    }\n  }\n\n  /**\n   * Specifies the type of loading indicator to display.\n   * @defaultValue 'spinner'\n   */\n  @Input()\n  type = 'spinner';\n\n  /**\n   * Provides additional context or data that may be used by the component.\n   */\n  @Input()\n  context?: unknown;\n\n  /**\n   *  @ignore\n   */\n  override ngOnInit() {\n    super.ngOnInit();\n    this._selectedPortal = new ComponentPortal(this.config.spinner as ComponentType<unknown>);\n    this.cdr.markForCheck();\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handleAttched(ref: CdkPortalOutletAttachedRef) {\n    ref = ref as ComponentRef<unknown>;\n    if (ref.instance && this.context) {\n      Object.assign(ref.instance, this.context);\n    }\n  }\n}\n","import { Dialog } from '@angular/cdk/dialog';\nimport { Injectable, inject } from '@angular/core';\nimport { BehaviorSubject, Observable, asyncScheduler } from 'rxjs';\nimport { finalize, observeOn } from 'rxjs/operators';\nimport { AXLoadingComponent } from './loading.component';\n\ntype LoadingContext = object;\ntype LoaderId = string | number; // expected enum values\nconst DEFAULT_LOADER_ID: LoaderId = '_DEFAULT';\n\n@Injectable()\nexport class AXLoadingService {\n  // WeakMap will remove components from itself upon\n  // their garbage collection by JS runtime.\n  protected loadingStates = new WeakMap<LoadingContext, Map<LoaderId, boolean>>();\n  // Both loading state maps are kept in-sync such that\n  // they can be used by both sync and async methods.\n  protected loadingStates$ = new WeakMap<LoadingContext, Map<LoaderId, BehaviorSubject<boolean>>>();\n\n  private dialog = inject(Dialog);\n\n  show(config?: { location?: Element; type?: string; context?: unknown }): number {\n    const ce = (config?.location ?? document.body) as HTMLDivElement;\n    const dialogRef = this.dialog.open(AXLoadingComponent, {\n      hasBackdrop: true,\n      disableClose: true,\n      restoreFocus: true,\n      closeOnDestroy: true,\n      closeOnNavigation: true,\n      ariaModal: true,\n      role: 'alertdialog',\n      panelClass: ['ax-loading-pane', 'ax-animate-fadeIn'],\n      backdropClass: ['ax-loading-overlay-backdrop', 'ax-animate-fadeIn'],\n    });\n    const id = new Date().getTime();\n    dialogRef.componentInstance.visible = true;\n    dialogRef.componentInstance.id = id.toString();\n    if (ce != document.body) {\n      const bg = dialogRef.overlayRef.backdropElement;\n      const ov = dialogRef.overlayRef.overlayElement;\n      ce.style.position = 'relative';\n      ov.style.position = 'absolute';\n      ce.appendChild(bg);\n      ce.appendChild(ov);\n      setTimeout(() => {\n        ov.style.position = 'absolute';\n      }, 0);\n    }\n    return id;\n    // TODO: diabled focus and click, maybe we need a service and directive for it\n  }\n\n  hide(id: number): void {\n    const f = this.dialog.openDialogs.find((c) => c.componentInstance.id === id.toString());\n    if (f) {\n      f.close();\n    }\n  }\n\n  doLoading<V>(source$: Observable<V>, context: LoadingContext, loaderId?: LoaderId): Observable<V> {\n    this.startLoading(context, loaderId);\n    return source$.pipe(\n      observeOn(asyncScheduler),\n      finalize(() => this.endLoading(context, loaderId)),\n    );\n  }\n\n  isLoading(context: LoadingContext, loaderId?: LoaderId): boolean {\n    const loaderStates = this.loadingStates.get(context);\n\n    if (!loaderStates) {\n      return false;\n    } else {\n      if (loaderId !== undefined) {\n        return loaderStates.get(this.getLoaderId(loaderId)) ?? false;\n      } else {\n        return [...loaderStates.values()].filter((state) => state).length > 0;\n      }\n    }\n  }\n\n  isLoading$(context: LoadingContext, loaderId?: LoaderId | any): Observable<boolean> {\n    const coalescedLoaderId = this.getLoaderId(loaderId);\n\n    if (!this.hasLoadingStates(context, coalescedLoaderId)) {\n      this.setLoadingState(context, false, loaderId);\n    }\n\n    return this.loadingStates$.get(context).get(coalescedLoaderId);\n  }\n\n  startLoading(context: LoadingContext, loaderId?: LoaderId): void {\n    this.setLoadingState(context, true, this.getLoaderId(loaderId));\n  }\n\n  endLoading(context: LoadingContext, loaderId?: LoaderId): void {\n    this.setLoadingState(context, false, this.getLoaderId(loaderId));\n  }\n\n  clearLoadings(): void {\n    this.loadingStates = new WeakMap<LoadingContext, Map<LoaderId, boolean>>();\n    this.loadingStates$ = new WeakMap<LoadingContext, Map<LoaderId, BehaviorSubject<boolean>>>();\n  }\n\n  protected setLoadingState(context: LoadingContext, state: boolean, loaderId: LoaderId): void {\n    if (!this.hasLoadingStates(context, loaderId)) {\n      if (this.hasContextLoadingState(context)) {\n        this.loadingStates.get(context).set(loaderId, state);\n        this.loadingStates$.get(context).set(loaderId, new BehaviorSubject<boolean>(state));\n      } else {\n        this.loadingStates.set(context, new Map<LoaderId, boolean>([[loaderId, state]]));\n        this.loadingStates$.set(context, new Map<LoaderId, BehaviorSubject<boolean>>([[loaderId, new BehaviorSubject<boolean>(state)]]));\n      }\n    } else {\n      this.loadingStates.get(context).set(loaderId, state);\n      this.loadingStates$.get(context).get(loaderId).next(state);\n    }\n  }\n\n  protected hasLoadingStates(context: LoadingContext, loaderId: LoaderId) {\n    return this.hasContextLoadingState(context) && this.hasLoaderLoadingState(context, loaderId);\n  }\n\n  protected hasContextLoadingState(context: LoadingContext) {\n    return this.loadingStates.has(context) && this.loadingStates$.has(context);\n  }\n\n  protected hasLoaderLoadingState(context: LoadingContext, loaderId: LoaderId) {\n    return this.loadingStates.get(context).has(loaderId) && this.loadingStates$.get(context).has(loaderId);\n  }\n\n  protected getLoaderId(loaderId?: LoaderId): LoaderId {\n    return loaderId ?? DEFAULT_LOADER_ID;\n  }\n}\n","import { Directive, ElementRef, Input } from '@angular/core';\nimport { AXLoadingService } from './loading.service';\n\n// This directive places an overlay with a loading spinner over its host element\n// if isLoading equals to true and hides the overlay when isLoading becomes false.\n@Directive({\n  selector: '[axIsLoading]',\n})\nexport class AXLoadingDirective {\n  private _hostElement!: HTMLDivElement;\n  private _loadingRef!: number;\n\n  private _isLoading: boolean;\n\n  @Input('axIsLoading')\n  public get isLoading(): boolean {\n    return this._isLoading;\n  }\n  public set isLoading(v: boolean) {\n    this._isLoading = v;\n    if (v) {\n      this._loadingRef = this.loadingService.show({\n        location: this._hostElement,\n      });\n    } else {\n      this.loadingService.hide(this._loadingRef);\n    }\n  }\n\n  constructor(\n    protected readonly elementRef: ElementRef,\n    protected readonly loadingService: AXLoadingService,\n  ) {\n    this._hostElement = this.elementRef.nativeElement;\n  }\n}\n","import { DialogModule } from '@angular/cdk/dialog';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXLoadingSpinnerComponent } from './loading-spinner.component';\nimport { AXLoadingComponent } from './loading.component';\nimport { AXLoadingDirective } from './loading.directive';\nimport { AXLoadingService } from './loading.service';\n\nconst COMPONENT = [AXLoadingComponent, AXLoadingDirective, AXLoadingSpinnerComponent];\nconst MODULES = [CommonModule, OverlayModule, DialogModule, PortalModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [AXLoadingService],\n})\nexport class AXLoadingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.AXLoadingService"],"mappings":"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"}

package/fesm2022/acorex-components-map.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-map.mjs","sources":["../../../../libs/components/map/src/lib/map.component.ts","../../../../libs/components/map/src/lib/map.component.html","../../../../libs/components/map/src/lib/map.module.ts","../../../../libs/components/map/src/acorex-components-map.ts"],"sourcesContent":["import { AXLeafletService, AXMapControlPlace, AXMapLocation } from '@acorex/cdk/map';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  output,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { distinctUntilChanged } from 'rxjs/operators';\n\n/**\n * @description\n * The `AXMapComponent` provides an interactive map powered by Leaflet. It supports markers, location tracking,\n * and configurable zoom, latitude, longitude, and marker behavior. The component allows easy integration and\n * manipulation of map features.\n *\n * @example\n * <ax-map [latitude]=\"51.505\" [longitude]=\"-0.09\" [zoomLevel]=\"13\" [hasMarker]=\"true\"></ax-map>\n */\n@Component({\n  selector: 'ax-map',\n  templateUrl: './map.component.html',\n  styleUrls: ['./map.component.scss'],\n  providers: [AXLeafletService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXMapComponent implements OnDestroy {\n  /**\n   * @description\n   * Zoom level of the map.\n   * @default 13\n   */\n  zoomLevel = input(13);\n\n  /**\n   * @description\n   * Latitude of the map center.\n   * @default 51.505\n   */\n  latitude = input(51.505);\n\n  /**\n   * @description\n   * Longitude of the map center.\n   * @default -0.09\n   */\n  longitude = input(-0.09);\n\n  /**\n   * @description\n   * Maximum number of markers allowed on the map.\n   * @default 1\n   */\n  maxMarker = input(1);\n\n  /**\n   * @description\n   * Whether the map should have a marker control.\n   * @default false\n   */\n  hasDraw = input(false);\n\n  /**\n   * @description\n   * Whether the map should have a location control.\n   * @default false\n   */\n  hasLocator = input(false);\n\n  /**\n   * @description\n   * Position of the marker control on the map.\n   * @default 'topleft'\n   */\n  markerPlace = input<AXMapControlPlace>('topleft');\n\n  /**\n   * @description\n   * Position of the locate control on the map.\n   * @default 'bottomright'\n   */\n  locatePlace = input<AXMapControlPlace>('bottomright');\n\n  /**\n   * @description\n   * Array or single marker location(s) to be placed on the map.\n   * @default undefined\n   */\n  markers = input<AXMapLocation | AXMapLocation[] | undefined>(undefined);\n\n  /**\n   * @description\n   * Event triggered when a new marker is added to the map.\n   */\n  onMarkerAdded = output<AXMapLocation>();\n\n  /**\n   * @description\n   * Event triggered when marker positions are changed on the map.\n   */\n  onMarkerChanged = output<AXMapLocation[]>();\n\n  /**\n   * @description\n   * Event triggered when a location is found via the location control.\n   */\n  onLocationFound = output<AXMapLocation>();\n\n  private mapContainer = viewChild<ElementRef>('mapContainer');\n  private leafletService = inject(AXLeafletService);\n  private rendered = signal(false);\n\n  /**\n   * @description\n   * Adds a marker to the specified location on the map.\n   * @param location - The location where the marker should be placed.\n   */\n  addMarker(location: AXMapLocation) {\n    this.leafletService.addMarker(location);\n  }\n\n  /**\n   * @description\n   * Retrieves all markers currently placed on the map.\n   * @returns An array of `AXMapLocation` representing all markers.\n   */\n  getMarkers(): AXMapLocation[] {\n    return this.leafletService.getMarkers();\n  }\n\n  /**\n   * @description\n   * Flies the map to a specific location with optional zoom, marker placement, and animation duration.\n   *\n   * @param location - The target location to fly to.\n   * @param zoom - Optional zoom level for the map.\n   * @param setMarker - Whether to set a marker at the destination.\n   * @param duration - Optional duration for the fly animation.\n   */\n  flyTo(location: AXMapLocation, zoom?: number, setMarker?: boolean, duration?: number) {\n    this.leafletService.flyTo(location, zoom, setMarker, duration);\n  }\n\n  constructor() {\n    afterNextRender(async () => {\n      await this.leafletService.initMap(\n        this.mapContainer().nativeElement,\n        { latitude: this.latitude(), longitude: this.longitude() },\n        this.zoomLevel(),\n      );\n      if (this.markers()) {\n        this.leafletService.addMarker(this.markers());\n      }\n      this.rendered.set(true);\n    });\n    effect(() => {\n      if (this.rendered()) {\n        if (!this.hasLocator()) {\n          this.leafletService.removeLocateControl();\n        } else {\n          this.leafletService.addLocateControl(this.locatePlace());\n          this.leafletService.onLocationFound\n            .pipe(\n              distinctUntilChanged(\n                (prev: AXMapLocation, curr: AXMapLocation) =>\n                  prev.latitude === curr.latitude && prev.longitude === curr.longitude,\n              ),\n            )\n            .subscribe((location: AXMapLocation) => {\n              this.onLocationFound.emit(location);\n            });\n        }\n      }\n    });\n    effect(() => {\n      if (this.rendered()) {\n        if (!this.hasDraw()) {\n          this.leafletService.removeDrawControl();\n        } else {\n          this.leafletService.addDrawControl(this.markerPlace(), this.maxMarker() || 1);\n          this.leafletService.onMarkerChanged.subscribe((location: AXMapLocation[]) => {\n            this.onMarkerChanged.emit(location);\n          });\n          this.leafletService.onMarkerAdded.subscribe((location: AXMapLocation) => {\n            this.onMarkerAdded.emit(location);\n          });\n        }\n      }\n    });\n    effect(() => {\n      if (this.rendered()) {\n        this.leafletService.setZoomLevel(this.zoomLevel());\n      }\n    }, {});\n    effect(() => {\n      if (this.rendered()) {\n        this.leafletService.setCenter({\n          latitude: this.latitude(),\n          longitude: this.longitude(),\n        } as AXMapLocation);\n      }\n    });\n  }\n\n  /**\n   * @description\n   * Cleanup function that destroys the map when the component is destroyed.\n   */\n  ngOnDestroy(): void {\n    this.leafletService.destroyMap();\n  }\n}\n","<div #mapContainer class=\"ax-map-container\"></div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXMapComponent } from './map.component';\n\n@NgModule({\n  declarations: [AXMapComponent],\n  imports: [CommonModule],\n  exports: [AXMapComponent],\n})\nexport class AXMapModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-map.mjs","sources":["../../../../libs/components/map/src/lib/map.component.ts","../../../../libs/components/map/src/lib/map.component.html","../../../../libs/components/map/src/lib/map.module.ts","../../../../libs/components/map/src/acorex-components-map.ts"],"sourcesContent":["import { AXLeafletService, AXMapControlPlace, AXMapLocation } from '@acorex/cdk/map';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  output,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { distinctUntilChanged } from 'rxjs/operators';\n\n/**\n * @description\n * The `AXMapComponent` provides an interactive map powered by Leaflet. It supports markers, location tracking,\n * and configurable zoom, latitude, longitude, and marker behavior. The component allows easy integration and\n * manipulation of map features.\n *\n * @example\n * <ax-map [latitude]=\"51.505\" [longitude]=\"-0.09\" [zoomLevel]=\"13\" [hasMarker]=\"true\"></ax-map>\n */\n@Component({\n  selector: 'ax-map',\n  templateUrl: './map.component.html',\n  styleUrls: ['./map.component.scss'],\n  providers: [AXLeafletService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXMapComponent implements OnDestroy {\n  /**\n   * @description\n   * Zoom level of the map.\n   * @default 13\n   */\n  zoomLevel = input(13);\n\n  /**\n   * @description\n   * Latitude of the map center.\n   * @default 51.505\n   */\n  latitude = input(51.505);\n\n  /**\n   * @description\n   * Longitude of the map center.\n   * @default -0.09\n   */\n  longitude = input(-0.09);\n\n  /**\n   * @description\n   * Maximum number of markers allowed on the map.\n   * @default 1\n   */\n  maxMarker = input(1);\n\n  /**\n   * @description\n   * Whether the map should have a marker control.\n   * @default false\n   */\n  hasDraw = input(false);\n\n  /**\n   * @description\n   * Whether the map should have a location control.\n   * @default false\n   */\n  hasLocator = input(false);\n\n  /**\n   * @description\n   * Position of the marker control on the map.\n   * @default 'topleft'\n   */\n  markerPlace = input<AXMapControlPlace>('topleft');\n\n  /**\n   * @description\n   * Position of the locate control on the map.\n   * @default 'bottomright'\n   */\n  locatePlace = input<AXMapControlPlace>('bottomright');\n\n  /**\n   * @description\n   * Array or single marker location(s) to be placed on the map.\n   * @default undefined\n   */\n  markers = input<AXMapLocation | AXMapLocation[] | undefined>(undefined);\n\n  /**\n   * @description\n   * Event triggered when a new marker is added to the map.\n   */\n  onMarkerAdded = output<AXMapLocation>();\n\n  /**\n   * @description\n   * Event triggered when marker positions are changed on the map.\n   */\n  onMarkerChanged = output<AXMapLocation[]>();\n\n  /**\n   * @description\n   * Event triggered when a location is found via the location control.\n   */\n  onLocationFound = output<AXMapLocation>();\n\n  private mapContainer = viewChild<ElementRef>('mapContainer');\n  private leafletService = inject(AXLeafletService);\n  private rendered = signal(false);\n\n  /**\n   * @description\n   * Adds a marker to the specified location on the map.\n   * @param location - The location where the marker should be placed.\n   */\n  addMarker(location: AXMapLocation) {\n    this.leafletService.addMarker(location);\n  }\n\n  /**\n   * @description\n   * Retrieves all markers currently placed on the map.\n   * @returns An array of `AXMapLocation` representing all markers.\n   */\n  getMarkers(): AXMapLocation[] {\n    return this.leafletService.getMarkers();\n  }\n\n  /**\n   * @description\n   * Flies the map to a specific location with optional zoom, marker placement, and animation duration.\n   *\n   * @param location - The target location to fly to.\n   * @param zoom - Optional zoom level for the map.\n   * @param setMarker - Whether to set a marker at the destination.\n   * @param duration - Optional duration for the fly animation.\n   */\n  flyTo(location: AXMapLocation, zoom?: number, setMarker?: boolean, duration?: number) {\n    this.leafletService.flyTo(location, zoom, setMarker, duration);\n  }\n\n  constructor() {\n    afterNextRender(async () => {\n      await this.leafletService.initMap(\n        this.mapContainer().nativeElement,\n        { latitude: this.latitude(), longitude: this.longitude() },\n        this.zoomLevel(),\n      );\n      if (this.markers()) {\n        this.leafletService.addMarker(this.markers());\n      }\n      this.rendered.set(true);\n    });\n    effect(() => {\n      if (this.rendered()) {\n        if (!this.hasLocator()) {\n          this.leafletService.removeLocateControl();\n        } else {\n          this.leafletService.addLocateControl(this.locatePlace());\n          this.leafletService.onLocationFound\n            .pipe(\n              distinctUntilChanged(\n                (prev: AXMapLocation, curr: AXMapLocation) =>\n                  prev.latitude === curr.latitude && prev.longitude === curr.longitude,\n              ),\n            )\n            .subscribe((location: AXMapLocation) => {\n              this.onLocationFound.emit(location);\n            });\n        }\n      }\n    });\n    effect(() => {\n      if (this.rendered()) {\n        if (!this.hasDraw()) {\n          this.leafletService.removeDrawControl();\n        } else {\n          this.leafletService.addDrawControl(this.markerPlace(), this.maxMarker() || 1);\n          this.leafletService.onMarkerChanged.subscribe((location: AXMapLocation[]) => {\n            this.onMarkerChanged.emit(location);\n          });\n          this.leafletService.onMarkerAdded.subscribe((location: AXMapLocation) => {\n            this.onMarkerAdded.emit(location);\n          });\n        }\n      }\n    });\n    effect(() => {\n      if (this.rendered()) {\n        this.leafletService.setZoomLevel(this.zoomLevel());\n      }\n    }, {});\n    effect(() => {\n      if (this.rendered()) {\n        this.leafletService.setCenter({\n          latitude: this.latitude(),\n          longitude: this.longitude(),\n        } as AXMapLocation);\n      }\n    });\n  }\n\n  /**\n   * @description\n   * Cleanup function that destroys the map when the component is destroyed.\n   */\n  ngOnDestroy(): void {\n    this.leafletService.destroyMap();\n  }\n}\n","<div #mapContainer class=\"ax-map-container\"></div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXMapComponent } from './map.component';\n\n@NgModule({\n  declarations: [AXMapComponent],\n  imports: [CommonModule],\n  exports: [AXMapComponent],\n})\nexport class AXMapModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-media-viewer.mjs

@@ -112,15 +112,16 @@ class AXMediaViewerThumbnailComponent {
             this.data.set(this.service.dataArray());
         });
     }
-    clickHandler(i) {
+    clickHandler(e, i) {
+        e.target.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
         this.service.selectedIndex.set(i);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMediaViewerThumbnailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXMediaViewerThumbnailComponent, selector: "ax-media-viewer-thumbnail", ngImport: i0, template: "@for (item of data(); track $index) {\n  <div\n    class=\"ax-thumbnail\"\n    (click)=\"clickHandler($index)\"\n    [ngClass]=\"$index === service.selectedIndex() && 'active'\"\n  >\n    @switch (item.type) {\n      @case ('video') {\n        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            opacity=\"0.4\"\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M32.6667 58.6673C47.3941 58.6673 59.3333 46.7281 59.3333 32.0006C59.3333 17.2731 47.3941 5.33398 32.6667 5.33398C17.9391 5.33398 6 17.2731 6 32.0006C6 46.7281 17.9391 58.6673 32.6667 58.6673ZM35.7437 38.2678C39.5619 35.9057 41.4709 34.7246 41.8749 33.0534C42.0416 32.3636 42.0416 31.6377 41.8749 30.9478C41.4709 29.2766 39.5619 28.0956 35.7437 25.7335C32.0525 23.4502 30.2072 22.3085 28.7197 22.7674C28.1048 22.9571 27.5448 23.3175 27.0929 23.8138C26 25.0145 26 27.3433 26 32.0006C26 36.658 26 38.9868 27.0929 40.1873C27.5448 40.6838 28.1048 41.0441 28.7197 41.234C30.2072 41.6929 32.0525 40.551 35.7437 38.2678Z\"\n            fill=\"#6D28D9\"\n          />\n          <path\n            d=\"M32.6667 58.6673C47.3943 58.6673 59.3333 46.7282 59.3333 32.0006C59.3333 17.2731 47.3943 5.33398 32.6667 5.33398C17.9391 5.33398 6 17.2731 6 32.0006C6 46.7282 17.9391 58.6673 32.6667 58.6673Z\"\n            stroke=\"#6D28D9\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            d=\"M41.8749 33.0521C41.4709 34.7233 39.5619 35.9044 35.7437 38.2665C32.0525 40.5497 30.2072 41.6916 28.7197 41.2327C28.1048 41.0428 27.5448 40.6825 27.0929 40.186C26 38.9855 26 36.6567 26 31.9993C26 27.342 26 25.0132 27.0929 23.8125C27.5448 23.3162 28.1048 22.9558 28.7197 22.7661C30.2072 22.3072 32.0525 23.4489 35.7437 25.7322C39.5619 28.0943 41.4709 29.2753 41.8749 30.9465C42.0416 31.6364 42.0416 32.3623 41.8749 33.0521Z\"\n            stroke=\"#6D28D9\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n      @case ('image') {\n        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M7.1123 31.9993C7.1123 20.0571 7.1123 14.086 10.8223 10.376C14.5323 6.66602 20.5034 6.66602 32.4456 6.66602C44.3878 6.66602 50.359 6.66602 54.0691 10.376C57.779 14.086 57.779 20.0571 57.779 31.9993C57.779 43.9415 57.779 49.9127 54.0691 53.6228C50.359 57.3327 44.3878 57.3327 32.4456 57.3327C20.5034 57.3327 14.5323 57.3327 10.8223 53.6228C7.1123 49.9127 7.1123 43.9415 7.1123 31.9993Z\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            d=\"M44.4453 24C46.6545 24 48.4453 22.2091 48.4453 20C48.4453 17.7909 46.6545 16 44.4453 16C42.2362 16 40.4453 17.7909 40.4453 20C40.4453 22.2091 42.2362 24 44.4453 24Z\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            opacity=\"0.4\"\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M7.1123 31.9993C7.1123 20.0571 7.1123 14.086 10.8223 10.376C14.5323 6.66602 20.5034 6.66602 32.4456 6.66602C44.3878 6.66602 50.359 6.66602 54.0691 10.376C57.779 14.086 57.779 20.0571 57.779 31.9993C57.779 37.3372 57.779 41.4823 57.4478 44.7655C54.6288 43.2943 51.72 42.5484 48.7958 42.5516C44.5971 42.5337 40.4374 44.0428 36.5288 46.9937L32.1155 43.5572C26.1984 39.3937 18.7691 37.1903 11.1532 37.3399C10.2489 37.3377 9.34542 37.3665 8.44473 37.4263H7.12884C7.1123 35.7679 7.1123 33.9644 7.1123 31.9993ZM44.4456 23.9993C46.6547 23.9993 48.4456 22.2085 48.4456 19.9993C48.4456 17.7902 46.6547 15.9993 44.4456 15.9993C42.2366 15.9993 40.4456 17.7902 40.4456 19.9993C40.4456 22.2085 42.2366 23.9993 44.4456 23.9993Z\"\n            fill=\"#0D9488\"\n          />\n          <path\n            d=\"M43.112 58.6673C41.46 52.7337 37.604 47.4195 32.116 43.5585C26.1989 39.395 18.7697 37.1915 11.1538 37.3411C10.2495 37.339 9.34601 37.3678 8.44531 37.4275\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M35.1123 47.9992C39.6496 44.4614 44.5376 42.6467 49.4755 42.6662C52.2755 42.6632 55.0622 43.2568 57.779 44.4304\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n      @case ('audio') {\n        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            opacity=\"0.4\"\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M10.7109 10.376C7.00098 14.086 7.00098 20.0571 7.00098 31.9993C7.00098 43.9415 7.00098 49.9127 10.7109 53.6228C14.4209 57.3327 20.3921 57.3327 32.3343 57.3327C44.2764 57.3327 50.2476 57.3327 53.9578 53.6228C57.6676 49.9127 57.6676 43.9415 57.6676 31.9993C57.6676 20.0571 57.6676 14.086 53.9578 10.376C50.2476 6.66602 44.2764 6.66602 32.3343 6.66602C20.3921 6.66602 14.4209 6.66602 10.7109 10.376ZM28.3343 45.3327C32.0162 45.3327 35.001 42.3479 35.001 38.666C35.001 34.9841 32.0162 31.9993 28.3343 31.9993C24.6524 31.9993 21.6676 34.9841 21.6676 38.666C21.6676 42.3479 24.6524 45.3327 28.3343 45.3327Z\"\n            fill=\"#E11D48\"\n          />\n          <path\n            d=\"M7.00098 31.9993C7.00098 20.0571 7.00098 14.086 10.7109 10.376C14.4209 6.66602 20.3921 6.66602 32.3343 6.66602C44.2764 6.66602 50.2476 6.66602 53.9578 10.376C57.6676 14.086 57.6676 20.0571 57.6676 31.9993C57.6676 43.9415 57.6676 49.9127 53.9578 53.6228C50.2476 57.3327 44.2764 57.3327 32.3343 57.3327C20.3921 57.3327 14.4209 57.3327 10.7109 53.6228C7.00098 49.9127 7.00098 43.9415 7.00098 31.9993Z\"\n            stroke=\"#E11D48\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            d=\"M35.0003 38.666C35.0003 42.3479 32.0155 45.3327 28.3337 45.3327C24.6518 45.3327 21.667 42.3479 21.667 38.666C21.667 34.9841 24.6518 31.9993 28.3337 31.9993C32.0155 31.9993 35.0003 34.9841 35.0003 38.666ZM35.0003 38.666V18.666C35.8891 19.9993 36.6003 25.5993 43.0003 26.666\"\n            stroke=\"#E11D48\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n      @default {\n        <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            opacity=\"0.4\"\n            d=\"M53.3337 26.6673V35.5824C53.3337 37.7624 53.3337 38.8523 52.9278 39.8325L50.667 40.0005C43.1246 40.0005 39.3534 40.0005 37.0102 42.3437C34.667 44.6869 34.667 48.4581 34.667 56.0005L34.2329 58.3632C33.3713 58.6672 32.4307 58.6672 30.5491 58.6672C21.8958 58.6672 17.5692 58.6672 14.6385 56.3045C14.0465 55.8272 13.5072 55.2877 13.0298 54.6957C10.667 51.7651 10.667 47.4384 10.667 38.7851V26.6673C10.667 16.6107 10.667 11.5824 13.7912 8.45817C16.9154 5.33398 21.9437 5.33398 32.0003 5.33398C42.0569 5.33398 47.0854 5.33398 50.2094 8.45817C53.3337 11.5824 53.3337 16.6107 53.3337 26.6673Z\"\n            fill=\"#2563EB\"\n          />\n          <path\n            d=\"M21.333 18.666H42.6663\"\n            stroke=\"#2563EB\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M21.333 29.334H31.9997\"\n            stroke=\"#2563EB\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M34.667 57.3339V56.0005C34.667 48.4581 34.667 44.6869 37.0102 42.3437C39.3534 40.0005 43.1246 40.0005 50.667 40.0005H52.0003M53.3337 35.5824V26.6673C53.3337 16.6107 53.3337 11.5824 50.2094 8.45817C47.0854 5.33398 42.0569 5.33398 32.0003 5.33398C21.9437 5.33398 16.9154 5.33398 13.7912 8.45817C10.667 11.5824 10.667 16.6107 10.667 26.6673V38.7851C10.667 47.4384 10.667 51.7651 13.0298 54.6957C13.5072 55.2877 14.0465 55.8272 14.6385 56.3045C17.5692 58.6672 21.8958 58.6672 30.5491 58.6672C32.4307 58.6672 33.3713 58.6672 34.2329 58.3632C34.4121 58.3 34.5875 58.2272 34.759 58.1453C35.5833 57.7512 36.2483 57.0859 37.5787 55.7557L50.2094 43.1248C51.751 41.5835 52.5217 40.8125 52.9278 39.8325C53.3337 38.8523 53.3337 37.7624 53.3337 35.5824Z\"\n            stroke=\"#2563EB\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n    }\n    <div class=\"thumbnail-backdrop {{ item.type }}\"></div>\n    @if (item.thumbnail) {\n      <img [src]=\"item.thumbnail\" alt=\"thumbnail\" />\n    }\n  </div>\n}\n", styles: ["ax-media-viewer-thumbnail{padding:1rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;overflow-x:auto;width:100%}ax-media-viewer-thumbnail .ax-thumbnail{cursor:pointer;min-width:9.75rem;aspect-ratio:1.3;margin-inline:.6rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);position:relative}ax-media-viewer-thumbnail .ax-thumbnail svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop{height:100%;width:100%;position:absolute;top:0;z-index:20;opacity:30%;background-color:#2563eb}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop.video{background-color:#6d28d9}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop.image{background-color:#0d9488}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop.audio{background-color:#e11d48}ax-media-viewer-thumbnail .ax-thumbnail img{object-position:center;object-fit:cover;height:100%;width:100%;position:absolute;top:0;z-index:10}ax-media-viewer-thumbnail .ax-thumbnail.active{border:2px solid rgb(var(--ax-color-primary-500))}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXMediaViewerThumbnailComponent, selector: "ax-media-viewer-thumbnail", ngImport: i0, template: "@for (item of data(); track $index) {\n  <div\n    class=\"ax-thumbnail\"\n    (click)=\"clickHandler($event, $index)\"\n    [ngClass]=\"$index === service.selectedIndex() && 'active'\"\n  >\n    @switch (item.type) {\n      @case ('video') {\n        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            opacity=\"0.4\"\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M32.6667 58.6673C47.3941 58.6673 59.3333 46.7281 59.3333 32.0006C59.3333 17.2731 47.3941 5.33398 32.6667 5.33398C17.9391 5.33398 6 17.2731 6 32.0006C6 46.7281 17.9391 58.6673 32.6667 58.6673ZM35.7437 38.2678C39.5619 35.9057 41.4709 34.7246 41.8749 33.0534C42.0416 32.3636 42.0416 31.6377 41.8749 30.9478C41.4709 29.2766 39.5619 28.0956 35.7437 25.7335C32.0525 23.4502 30.2072 22.3085 28.7197 22.7674C28.1048 22.9571 27.5448 23.3175 27.0929 23.8138C26 25.0145 26 27.3433 26 32.0006C26 36.658 26 38.9868 27.0929 40.1873C27.5448 40.6838 28.1048 41.0441 28.7197 41.234C30.2072 41.6929 32.0525 40.551 35.7437 38.2678Z\"\n            fill=\"#6D28D9\"\n          />\n          <path\n            d=\"M32.6667 58.6673C47.3943 58.6673 59.3333 46.7282 59.3333 32.0006C59.3333 17.2731 47.3943 5.33398 32.6667 5.33398C17.9391 5.33398 6 17.2731 6 32.0006C6 46.7282 17.9391 58.6673 32.6667 58.6673Z\"\n            stroke=\"#6D28D9\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            d=\"M41.8749 33.0521C41.4709 34.7233 39.5619 35.9044 35.7437 38.2665C32.0525 40.5497 30.2072 41.6916 28.7197 41.2327C28.1048 41.0428 27.5448 40.6825 27.0929 40.186C26 38.9855 26 36.6567 26 31.9993C26 27.342 26 25.0132 27.0929 23.8125C27.5448 23.3162 28.1048 22.9558 28.7197 22.7661C30.2072 22.3072 32.0525 23.4489 35.7437 25.7322C39.5619 28.0943 41.4709 29.2753 41.8749 30.9465C42.0416 31.6364 42.0416 32.3623 41.8749 33.0521Z\"\n            stroke=\"#6D28D9\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n      @case ('image') {\n        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M7.1123 31.9993C7.1123 20.0571 7.1123 14.086 10.8223 10.376C14.5323 6.66602 20.5034 6.66602 32.4456 6.66602C44.3878 6.66602 50.359 6.66602 54.0691 10.376C57.779 14.086 57.779 20.0571 57.779 31.9993C57.779 43.9415 57.779 49.9127 54.0691 53.6228C50.359 57.3327 44.3878 57.3327 32.4456 57.3327C20.5034 57.3327 14.5323 57.3327 10.8223 53.6228C7.1123 49.9127 7.1123 43.9415 7.1123 31.9993Z\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            d=\"M44.4453 24C46.6545 24 48.4453 22.2091 48.4453 20C48.4453 17.7909 46.6545 16 44.4453 16C42.2362 16 40.4453 17.7909 40.4453 20C40.4453 22.2091 42.2362 24 44.4453 24Z\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            opacity=\"0.4\"\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M7.1123 31.9993C7.1123 20.0571 7.1123 14.086 10.8223 10.376C14.5323 6.66602 20.5034 6.66602 32.4456 6.66602C44.3878 6.66602 50.359 6.66602 54.0691 10.376C57.779 14.086 57.779 20.0571 57.779 31.9993C57.779 37.3372 57.779 41.4823 57.4478 44.7655C54.6288 43.2943 51.72 42.5484 48.7958 42.5516C44.5971 42.5337 40.4374 44.0428 36.5288 46.9937L32.1155 43.5572C26.1984 39.3937 18.7691 37.1903 11.1532 37.3399C10.2489 37.3377 9.34542 37.3665 8.44473 37.4263H7.12884C7.1123 35.7679 7.1123 33.9644 7.1123 31.9993ZM44.4456 23.9993C46.6547 23.9993 48.4456 22.2085 48.4456 19.9993C48.4456 17.7902 46.6547 15.9993 44.4456 15.9993C42.2366 15.9993 40.4456 17.7902 40.4456 19.9993C40.4456 22.2085 42.2366 23.9993 44.4456 23.9993Z\"\n            fill=\"#0D9488\"\n          />\n          <path\n            d=\"M43.112 58.6673C41.46 52.7337 37.604 47.4195 32.116 43.5585C26.1989 39.395 18.7697 37.1915 11.1538 37.3411C10.2495 37.339 9.34601 37.3678 8.44531 37.4275\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M35.1123 47.9992C39.6496 44.4614 44.5376 42.6467 49.4755 42.6662C52.2755 42.6632 55.0622 43.2568 57.779 44.4304\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n      @case ('audio') {\n        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            opacity=\"0.4\"\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M10.7109 10.376C7.00098 14.086 7.00098 20.0571 7.00098 31.9993C7.00098 43.9415 7.00098 49.9127 10.7109 53.6228C14.4209 57.3327 20.3921 57.3327 32.3343 57.3327C44.2764 57.3327 50.2476 57.3327 53.9578 53.6228C57.6676 49.9127 57.6676 43.9415 57.6676 31.9993C57.6676 20.0571 57.6676 14.086 53.9578 10.376C50.2476 6.66602 44.2764 6.66602 32.3343 6.66602C20.3921 6.66602 14.4209 6.66602 10.7109 10.376ZM28.3343 45.3327C32.0162 45.3327 35.001 42.3479 35.001 38.666C35.001 34.9841 32.0162 31.9993 28.3343 31.9993C24.6524 31.9993 21.6676 34.9841 21.6676 38.666C21.6676 42.3479 24.6524 45.3327 28.3343 45.3327Z\"\n            fill=\"#E11D48\"\n          />\n          <path\n            d=\"M7.00098 31.9993C7.00098 20.0571 7.00098 14.086 10.7109 10.376C14.4209 6.66602 20.3921 6.66602 32.3343 6.66602C44.2764 6.66602 50.2476 6.66602 53.9578 10.376C57.6676 14.086 57.6676 20.0571 57.6676 31.9993C57.6676 43.9415 57.6676 49.9127 53.9578 53.6228C50.2476 57.3327 44.2764 57.3327 32.3343 57.3327C20.3921 57.3327 14.4209 57.3327 10.7109 53.6228C7.00098 49.9127 7.00098 43.9415 7.00098 31.9993Z\"\n            stroke=\"#E11D48\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            d=\"M35.0003 38.666C35.0003 42.3479 32.0155 45.3327 28.3337 45.3327C24.6518 45.3327 21.667 42.3479 21.667 38.666C21.667 34.9841 24.6518 31.9993 28.3337 31.9993C32.0155 31.9993 35.0003 34.9841 35.0003 38.666ZM35.0003 38.666V18.666C35.8891 19.9993 36.6003 25.5993 43.0003 26.666\"\n            stroke=\"#E11D48\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n      @default {\n        <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            opacity=\"0.4\"\n            d=\"M53.3337 26.6673V35.5824C53.3337 37.7624 53.3337 38.8523 52.9278 39.8325L50.667 40.0005C43.1246 40.0005 39.3534 40.0005 37.0102 42.3437C34.667 44.6869 34.667 48.4581 34.667 56.0005L34.2329 58.3632C33.3713 58.6672 32.4307 58.6672 30.5491 58.6672C21.8958 58.6672 17.5692 58.6672 14.6385 56.3045C14.0465 55.8272 13.5072 55.2877 13.0298 54.6957C10.667 51.7651 10.667 47.4384 10.667 38.7851V26.6673C10.667 16.6107 10.667 11.5824 13.7912 8.45817C16.9154 5.33398 21.9437 5.33398 32.0003 5.33398C42.0569 5.33398 47.0854 5.33398 50.2094 8.45817C53.3337 11.5824 53.3337 16.6107 53.3337 26.6673Z\"\n            fill=\"#2563EB\"\n          />\n          <path\n            d=\"M21.333 18.666H42.6663\"\n            stroke=\"#2563EB\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M21.333 29.334H31.9997\"\n            stroke=\"#2563EB\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M34.667 57.3339V56.0005C34.667 48.4581 34.667 44.6869 37.0102 42.3437C39.3534 40.0005 43.1246 40.0005 50.667 40.0005H52.0003M53.3337 35.5824V26.6673C53.3337 16.6107 53.3337 11.5824 50.2094 8.45817C47.0854 5.33398 42.0569 5.33398 32.0003 5.33398C21.9437 5.33398 16.9154 5.33398 13.7912 8.45817C10.667 11.5824 10.667 16.6107 10.667 26.6673V38.7851C10.667 47.4384 10.667 51.7651 13.0298 54.6957C13.5072 55.2877 14.0465 55.8272 14.6385 56.3045C17.5692 58.6672 21.8958 58.6672 30.5491 58.6672C32.4307 58.6672 33.3713 58.6672 34.2329 58.3632C34.4121 58.3 34.5875 58.2272 34.759 58.1453C35.5833 57.7512 36.2483 57.0859 37.5787 55.7557L50.2094 43.1248C51.751 41.5835 52.5217 40.8125 52.9278 39.8325C53.3337 38.8523 53.3337 37.7624 53.3337 35.5824Z\"\n            stroke=\"#2563EB\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n    }\n    <div class=\"thumbnail-backdrop {{ item.type }}\"></div>\n    @if (item.thumbnail) {\n      <img [src]=\"item.thumbnail\" alt=\"thumbnail\" />\n    }\n  </div>\n}\n", styles: ["ax-media-viewer-thumbnail{padding:1rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;overflow-x:auto;width:100%}ax-media-viewer-thumbnail .ax-thumbnail{cursor:pointer;min-width:9.75rem;aspect-ratio:1.3;margin-inline:.6rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);position:relative}ax-media-viewer-thumbnail .ax-thumbnail svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop{height:100%;width:100%;position:absolute;top:0;z-index:20;opacity:30%;background-color:#2563eb}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop.video{background-color:#6d28d9}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop.image{background-color:#0d9488}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop.audio{background-color:#e11d48}ax-media-viewer-thumbnail .ax-thumbnail img{object-position:center;object-fit:cover;height:100%;width:100%;position:absolute;top:0;z-index:10}ax-media-viewer-thumbnail .ax-thumbnail.active{border:2px solid rgb(var(--ax-color-primary-500))}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMediaViewerThumbnailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-media-viewer-thumbnail', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@for (item of data(); track $index) {\n  <div\n    class=\"ax-thumbnail\"\n    (click)=\"clickHandler($index)\"\n    [ngClass]=\"$index === service.selectedIndex() && 'active'\"\n  >\n    @switch (item.type) {\n      @case ('video') {\n        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            opacity=\"0.4\"\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M32.6667 58.6673C47.3941 58.6673 59.3333 46.7281 59.3333 32.0006C59.3333 17.2731 47.3941 5.33398 32.6667 5.33398C17.9391 5.33398 6 17.2731 6 32.0006C6 46.7281 17.9391 58.6673 32.6667 58.6673ZM35.7437 38.2678C39.5619 35.9057 41.4709 34.7246 41.8749 33.0534C42.0416 32.3636 42.0416 31.6377 41.8749 30.9478C41.4709 29.2766 39.5619 28.0956 35.7437 25.7335C32.0525 23.4502 30.2072 22.3085 28.7197 22.7674C28.1048 22.9571 27.5448 23.3175 27.0929 23.8138C26 25.0145 26 27.3433 26 32.0006C26 36.658 26 38.9868 27.0929 40.1873C27.5448 40.6838 28.1048 41.0441 28.7197 41.234C30.2072 41.6929 32.0525 40.551 35.7437 38.2678Z\"\n            fill=\"#6D28D9\"\n          />\n          <path\n            d=\"M32.6667 58.6673C47.3943 58.6673 59.3333 46.7282 59.3333 32.0006C59.3333 17.2731 47.3943 5.33398 32.6667 5.33398C17.9391 5.33398 6 17.2731 6 32.0006C6 46.7282 17.9391 58.6673 32.6667 58.6673Z\"\n            stroke=\"#6D28D9\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            d=\"M41.8749 33.0521C41.4709 34.7233 39.5619 35.9044 35.7437 38.2665C32.0525 40.5497 30.2072 41.6916 28.7197 41.2327C28.1048 41.0428 27.5448 40.6825 27.0929 40.186C26 38.9855 26 36.6567 26 31.9993C26 27.342 26 25.0132 27.0929 23.8125C27.5448 23.3162 28.1048 22.9558 28.7197 22.7661C30.2072 22.3072 32.0525 23.4489 35.7437 25.7322C39.5619 28.0943 41.4709 29.2753 41.8749 30.9465C42.0416 31.6364 42.0416 32.3623 41.8749 33.0521Z\"\n            stroke=\"#6D28D9\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n      @case ('image') {\n        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M7.1123 31.9993C7.1123 20.0571 7.1123 14.086 10.8223 10.376C14.5323 6.66602 20.5034 6.66602 32.4456 6.66602C44.3878 6.66602 50.359 6.66602 54.0691 10.376C57.779 14.086 57.779 20.0571 57.779 31.9993C57.779 43.9415 57.779 49.9127 54.0691 53.6228C50.359 57.3327 44.3878 57.3327 32.4456 57.3327C20.5034 57.3327 14.5323 57.3327 10.8223 53.6228C7.1123 49.9127 7.1123 43.9415 7.1123 31.9993Z\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            d=\"M44.4453 24C46.6545 24 48.4453 22.2091 48.4453 20C48.4453 17.7909 46.6545 16 44.4453 16C42.2362 16 40.4453 17.7909 40.4453 20C40.4453 22.2091 42.2362 24 44.4453 24Z\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            opacity=\"0.4\"\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M7.1123 31.9993C7.1123 20.0571 7.1123 14.086 10.8223 10.376C14.5323 6.66602 20.5034 6.66602 32.4456 6.66602C44.3878 6.66602 50.359 6.66602 54.0691 10.376C57.779 14.086 57.779 20.0571 57.779 31.9993C57.779 37.3372 57.779 41.4823 57.4478 44.7655C54.6288 43.2943 51.72 42.5484 48.7958 42.5516C44.5971 42.5337 40.4374 44.0428 36.5288 46.9937L32.1155 43.5572C26.1984 39.3937 18.7691 37.1903 11.1532 37.3399C10.2489 37.3377 9.34542 37.3665 8.44473 37.4263H7.12884C7.1123 35.7679 7.1123 33.9644 7.1123 31.9993ZM44.4456 23.9993C46.6547 23.9993 48.4456 22.2085 48.4456 19.9993C48.4456 17.7902 46.6547 15.9993 44.4456 15.9993C42.2366 15.9993 40.4456 17.7902 40.4456 19.9993C40.4456 22.2085 42.2366 23.9993 44.4456 23.9993Z\"\n            fill=\"#0D9488\"\n          />\n          <path\n            d=\"M43.112 58.6673C41.46 52.7337 37.604 47.4195 32.116 43.5585C26.1989 39.395 18.7697 37.1915 11.1538 37.3411C10.2495 37.339 9.34601 37.3678 8.44531 37.4275\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M35.1123 47.9992C39.6496 44.4614 44.5376 42.6467 49.4755 42.6662C52.2755 42.6632 55.0622 43.2568 57.779 44.4304\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n      @case ('audio') {\n        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            opacity=\"0.4\"\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M10.7109 10.376C7.00098 14.086 7.00098 20.0571 7.00098 31.9993C7.00098 43.9415 7.00098 49.9127 10.7109 53.6228C14.4209 57.3327 20.3921 57.3327 32.3343 57.3327C44.2764 57.3327 50.2476 57.3327 53.9578 53.6228C57.6676 49.9127 57.6676 43.9415 57.6676 31.9993C57.6676 20.0571 57.6676 14.086 53.9578 10.376C50.2476 6.66602 44.2764 6.66602 32.3343 6.66602C20.3921 6.66602 14.4209 6.66602 10.7109 10.376ZM28.3343 45.3327C32.0162 45.3327 35.001 42.3479 35.001 38.666C35.001 34.9841 32.0162 31.9993 28.3343 31.9993C24.6524 31.9993 21.6676 34.9841 21.6676 38.666C21.6676 42.3479 24.6524 45.3327 28.3343 45.3327Z\"\n            fill=\"#E11D48\"\n          />\n          <path\n            d=\"M7.00098 31.9993C7.00098 20.0571 7.00098 14.086 10.7109 10.376C14.4209 6.66602 20.3921 6.66602 32.3343 6.66602C44.2764 6.66602 50.2476 6.66602 53.9578 10.376C57.6676 14.086 57.6676 20.0571 57.6676 31.9993C57.6676 43.9415 57.6676 49.9127 53.9578 53.6228C50.2476 57.3327 44.2764 57.3327 32.3343 57.3327C20.3921 57.3327 14.4209 57.3327 10.7109 53.6228C7.00098 49.9127 7.00098 43.9415 7.00098 31.9993Z\"\n            stroke=\"#E11D48\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            d=\"M35.0003 38.666C35.0003 42.3479 32.0155 45.3327 28.3337 45.3327C24.6518 45.3327 21.667 42.3479 21.667 38.666C21.667 34.9841 24.6518 31.9993 28.3337 31.9993C32.0155 31.9993 35.0003 34.9841 35.0003 38.666ZM35.0003 38.666V18.666C35.8891 19.9993 36.6003 25.5993 43.0003 26.666\"\n            stroke=\"#E11D48\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n      @default {\n        <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            opacity=\"0.4\"\n            d=\"M53.3337 26.6673V35.5824C53.3337 37.7624 53.3337 38.8523 52.9278 39.8325L50.667 40.0005C43.1246 40.0005 39.3534 40.0005 37.0102 42.3437C34.667 44.6869 34.667 48.4581 34.667 56.0005L34.2329 58.3632C33.3713 58.6672 32.4307 58.6672 30.5491 58.6672C21.8958 58.6672 17.5692 58.6672 14.6385 56.3045C14.0465 55.8272 13.5072 55.2877 13.0298 54.6957C10.667 51.7651 10.667 47.4384 10.667 38.7851V26.6673C10.667 16.6107 10.667 11.5824 13.7912 8.45817C16.9154 5.33398 21.9437 5.33398 32.0003 5.33398C42.0569 5.33398 47.0854 5.33398 50.2094 8.45817C53.3337 11.5824 53.3337 16.6107 53.3337 26.6673Z\"\n            fill=\"#2563EB\"\n          />\n          <path\n            d=\"M21.333 18.666H42.6663\"\n            stroke=\"#2563EB\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M21.333 29.334H31.9997\"\n            stroke=\"#2563EB\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M34.667 57.3339V56.0005C34.667 48.4581 34.667 44.6869 37.0102 42.3437C39.3534 40.0005 43.1246 40.0005 50.667 40.0005H52.0003M53.3337 35.5824V26.6673C53.3337 16.6107 53.3337 11.5824 50.2094 8.45817C47.0854 5.33398 42.0569 5.33398 32.0003 5.33398C21.9437 5.33398 16.9154 5.33398 13.7912 8.45817C10.667 11.5824 10.667 16.6107 10.667 26.6673V38.7851C10.667 47.4384 10.667 51.7651 13.0298 54.6957C13.5072 55.2877 14.0465 55.8272 14.6385 56.3045C17.5692 58.6672 21.8958 58.6672 30.5491 58.6672C32.4307 58.6672 33.3713 58.6672 34.2329 58.3632C34.4121 58.3 34.5875 58.2272 34.759 58.1453C35.5833 57.7512 36.2483 57.0859 37.5787 55.7557L50.2094 43.1248C51.751 41.5835 52.5217 40.8125 52.9278 39.8325C53.3337 38.8523 53.3337 37.7624 53.3337 35.5824Z\"\n            stroke=\"#2563EB\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n    }\n    <div class=\"thumbnail-backdrop {{ item.type }}\"></div>\n    @if (item.thumbnail) {\n      <img [src]=\"item.thumbnail\" alt=\"thumbnail\" />\n    }\n  </div>\n}\n", styles: ["ax-media-viewer-thumbnail{padding:1rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;overflow-x:auto;width:100%}ax-media-viewer-thumbnail .ax-thumbnail{cursor:pointer;min-width:9.75rem;aspect-ratio:1.3;margin-inline:.6rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);position:relative}ax-media-viewer-thumbnail .ax-thumbnail svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop{height:100%;width:100%;position:absolute;top:0;z-index:20;opacity:30%;background-color:#2563eb}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop.video{background-color:#6d28d9}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop.image{background-color:#0d9488}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop.audio{background-color:#e11d48}ax-media-viewer-thumbnail .ax-thumbnail img{object-position:center;object-fit:cover;height:100%;width:100%;position:absolute;top:0;z-index:10}ax-media-viewer-thumbnail .ax-thumbnail.active{border:2px solid rgb(var(--ax-color-primary-500))}\n"] }]
+            args: [{ selector: 'ax-media-viewer-thumbnail', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@for (item of data(); track $index) {\n  <div\n    class=\"ax-thumbnail\"\n    (click)=\"clickHandler($event, $index)\"\n    [ngClass]=\"$index === service.selectedIndex() && 'active'\"\n  >\n    @switch (item.type) {\n      @case ('video') {\n        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            opacity=\"0.4\"\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M32.6667 58.6673C47.3941 58.6673 59.3333 46.7281 59.3333 32.0006C59.3333 17.2731 47.3941 5.33398 32.6667 5.33398C17.9391 5.33398 6 17.2731 6 32.0006C6 46.7281 17.9391 58.6673 32.6667 58.6673ZM35.7437 38.2678C39.5619 35.9057 41.4709 34.7246 41.8749 33.0534C42.0416 32.3636 42.0416 31.6377 41.8749 30.9478C41.4709 29.2766 39.5619 28.0956 35.7437 25.7335C32.0525 23.4502 30.2072 22.3085 28.7197 22.7674C28.1048 22.9571 27.5448 23.3175 27.0929 23.8138C26 25.0145 26 27.3433 26 32.0006C26 36.658 26 38.9868 27.0929 40.1873C27.5448 40.6838 28.1048 41.0441 28.7197 41.234C30.2072 41.6929 32.0525 40.551 35.7437 38.2678Z\"\n            fill=\"#6D28D9\"\n          />\n          <path\n            d=\"M32.6667 58.6673C47.3943 58.6673 59.3333 46.7282 59.3333 32.0006C59.3333 17.2731 47.3943 5.33398 32.6667 5.33398C17.9391 5.33398 6 17.2731 6 32.0006C6 46.7282 17.9391 58.6673 32.6667 58.6673Z\"\n            stroke=\"#6D28D9\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            d=\"M41.8749 33.0521C41.4709 34.7233 39.5619 35.9044 35.7437 38.2665C32.0525 40.5497 30.2072 41.6916 28.7197 41.2327C28.1048 41.0428 27.5448 40.6825 27.0929 40.186C26 38.9855 26 36.6567 26 31.9993C26 27.342 26 25.0132 27.0929 23.8125C27.5448 23.3162 28.1048 22.9558 28.7197 22.7661C30.2072 22.3072 32.0525 23.4489 35.7437 25.7322C39.5619 28.0943 41.4709 29.2753 41.8749 30.9465C42.0416 31.6364 42.0416 32.3623 41.8749 33.0521Z\"\n            stroke=\"#6D28D9\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n      @case ('image') {\n        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M7.1123 31.9993C7.1123 20.0571 7.1123 14.086 10.8223 10.376C14.5323 6.66602 20.5034 6.66602 32.4456 6.66602C44.3878 6.66602 50.359 6.66602 54.0691 10.376C57.779 14.086 57.779 20.0571 57.779 31.9993C57.779 43.9415 57.779 49.9127 54.0691 53.6228C50.359 57.3327 44.3878 57.3327 32.4456 57.3327C20.5034 57.3327 14.5323 57.3327 10.8223 53.6228C7.1123 49.9127 7.1123 43.9415 7.1123 31.9993Z\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            d=\"M44.4453 24C46.6545 24 48.4453 22.2091 48.4453 20C48.4453 17.7909 46.6545 16 44.4453 16C42.2362 16 40.4453 17.7909 40.4453 20C40.4453 22.2091 42.2362 24 44.4453 24Z\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            opacity=\"0.4\"\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M7.1123 31.9993C7.1123 20.0571 7.1123 14.086 10.8223 10.376C14.5323 6.66602 20.5034 6.66602 32.4456 6.66602C44.3878 6.66602 50.359 6.66602 54.0691 10.376C57.779 14.086 57.779 20.0571 57.779 31.9993C57.779 37.3372 57.779 41.4823 57.4478 44.7655C54.6288 43.2943 51.72 42.5484 48.7958 42.5516C44.5971 42.5337 40.4374 44.0428 36.5288 46.9937L32.1155 43.5572C26.1984 39.3937 18.7691 37.1903 11.1532 37.3399C10.2489 37.3377 9.34542 37.3665 8.44473 37.4263H7.12884C7.1123 35.7679 7.1123 33.9644 7.1123 31.9993ZM44.4456 23.9993C46.6547 23.9993 48.4456 22.2085 48.4456 19.9993C48.4456 17.7902 46.6547 15.9993 44.4456 15.9993C42.2366 15.9993 40.4456 17.7902 40.4456 19.9993C40.4456 22.2085 42.2366 23.9993 44.4456 23.9993Z\"\n            fill=\"#0D9488\"\n          />\n          <path\n            d=\"M43.112 58.6673C41.46 52.7337 37.604 47.4195 32.116 43.5585C26.1989 39.395 18.7697 37.1915 11.1538 37.3411C10.2495 37.339 9.34601 37.3678 8.44531 37.4275\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M35.1123 47.9992C39.6496 44.4614 44.5376 42.6467 49.4755 42.6662C52.2755 42.6632 55.0622 43.2568 57.779 44.4304\"\n            stroke=\"#0D9488\"\n            stroke-width=\"1.5\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n      @case ('audio') {\n        <svg width=\"65\" height=\"64\" viewBox=\"0 0 65 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            opacity=\"0.4\"\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M10.7109 10.376C7.00098 14.086 7.00098 20.0571 7.00098 31.9993C7.00098 43.9415 7.00098 49.9127 10.7109 53.6228C14.4209 57.3327 20.3921 57.3327 32.3343 57.3327C44.2764 57.3327 50.2476 57.3327 53.9578 53.6228C57.6676 49.9127 57.6676 43.9415 57.6676 31.9993C57.6676 20.0571 57.6676 14.086 53.9578 10.376C50.2476 6.66602 44.2764 6.66602 32.3343 6.66602C20.3921 6.66602 14.4209 6.66602 10.7109 10.376ZM28.3343 45.3327C32.0162 45.3327 35.001 42.3479 35.001 38.666C35.001 34.9841 32.0162 31.9993 28.3343 31.9993C24.6524 31.9993 21.6676 34.9841 21.6676 38.666C21.6676 42.3479 24.6524 45.3327 28.3343 45.3327Z\"\n            fill=\"#E11D48\"\n          />\n          <path\n            d=\"M7.00098 31.9993C7.00098 20.0571 7.00098 14.086 10.7109 10.376C14.4209 6.66602 20.3921 6.66602 32.3343 6.66602C44.2764 6.66602 50.2476 6.66602 53.9578 10.376C57.6676 14.086 57.6676 20.0571 57.6676 31.9993C57.6676 43.9415 57.6676 49.9127 53.9578 53.6228C50.2476 57.3327 44.2764 57.3327 32.3343 57.3327C20.3921 57.3327 14.4209 57.3327 10.7109 53.6228C7.00098 49.9127 7.00098 43.9415 7.00098 31.9993Z\"\n            stroke=\"#E11D48\"\n            stroke-width=\"1.5\"\n          />\n          <path\n            d=\"M35.0003 38.666C35.0003 42.3479 32.0155 45.3327 28.3337 45.3327C24.6518 45.3327 21.667 42.3479 21.667 38.666C21.667 34.9841 24.6518 31.9993 28.3337 31.9993C32.0155 31.9993 35.0003 34.9841 35.0003 38.666ZM35.0003 38.666V18.666C35.8891 19.9993 36.6003 25.5993 43.0003 26.666\"\n            stroke=\"#E11D48\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n      @default {\n        <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            opacity=\"0.4\"\n            d=\"M53.3337 26.6673V35.5824C53.3337 37.7624 53.3337 38.8523 52.9278 39.8325L50.667 40.0005C43.1246 40.0005 39.3534 40.0005 37.0102 42.3437C34.667 44.6869 34.667 48.4581 34.667 56.0005L34.2329 58.3632C33.3713 58.6672 32.4307 58.6672 30.5491 58.6672C21.8958 58.6672 17.5692 58.6672 14.6385 56.3045C14.0465 55.8272 13.5072 55.2877 13.0298 54.6957C10.667 51.7651 10.667 47.4384 10.667 38.7851V26.6673C10.667 16.6107 10.667 11.5824 13.7912 8.45817C16.9154 5.33398 21.9437 5.33398 32.0003 5.33398C42.0569 5.33398 47.0854 5.33398 50.2094 8.45817C53.3337 11.5824 53.3337 16.6107 53.3337 26.6673Z\"\n            fill=\"#2563EB\"\n          />\n          <path\n            d=\"M21.333 18.666H42.6663\"\n            stroke=\"#2563EB\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M21.333 29.334H31.9997\"\n            stroke=\"#2563EB\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M34.667 57.3339V56.0005C34.667 48.4581 34.667 44.6869 37.0102 42.3437C39.3534 40.0005 43.1246 40.0005 50.667 40.0005H52.0003M53.3337 35.5824V26.6673C53.3337 16.6107 53.3337 11.5824 50.2094 8.45817C47.0854 5.33398 42.0569 5.33398 32.0003 5.33398C21.9437 5.33398 16.9154 5.33398 13.7912 8.45817C10.667 11.5824 10.667 16.6107 10.667 26.6673V38.7851C10.667 47.4384 10.667 51.7651 13.0298 54.6957C13.5072 55.2877 14.0465 55.8272 14.6385 56.3045C17.5692 58.6672 21.8958 58.6672 30.5491 58.6672C32.4307 58.6672 33.3713 58.6672 34.2329 58.3632C34.4121 58.3 34.5875 58.2272 34.759 58.1453C35.5833 57.7512 36.2483 57.0859 37.5787 55.7557L50.2094 43.1248C51.751 41.5835 52.5217 40.8125 52.9278 39.8325C53.3337 38.8523 53.3337 37.7624 53.3337 35.5824Z\"\n            stroke=\"#2563EB\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n    }\n    <div class=\"thumbnail-backdrop {{ item.type }}\"></div>\n    @if (item.thumbnail) {\n      <img [src]=\"item.thumbnail\" alt=\"thumbnail\" />\n    }\n  </div>\n}\n", styles: ["ax-media-viewer-thumbnail{padding:1rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;overflow-x:auto;width:100%}ax-media-viewer-thumbnail .ax-thumbnail{cursor:pointer;min-width:9.75rem;aspect-ratio:1.3;margin-inline:.6rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);position:relative}ax-media-viewer-thumbnail .ax-thumbnail svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop{height:100%;width:100%;position:absolute;top:0;z-index:20;opacity:30%;background-color:#2563eb}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop.video{background-color:#6d28d9}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop.image{background-color:#0d9488}ax-media-viewer-thumbnail .ax-thumbnail .thumbnail-backdrop.audio{background-color:#e11d48}ax-media-viewer-thumbnail .ax-thumbnail img{object-position:center;object-fit:cover;height:100%;width:100%;position:absolute;top:0;z-index:10}ax-media-viewer-thumbnail .ax-thumbnail.active{border:2px solid rgb(var(--ax-color-primary-500))}\n"] }]
         }], ctorParameters: () => [] });
 
 class AXMediaViewerBaseComponent {