@acorex/components 19.15.0-next.6 → 19.15.0-next.8

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-popover.mjs","sources":["../../../../packages/components/popover/src/lib/popover.component.ts","../../../../packages/components/popover/src/lib/popover.component.html","../../../../packages/components/popover/src/lib/popover.module.ts","../../../../packages/components/popover/src/acorex-components-popover.ts"],"sourcesContent":["import {\n  AXConnectedPosition,\n  AXEvent,\n  AXFocusableComponent,\n  AXPlacementType,\n  MXBaseComponent,\n  convertToPlacement,\n} from '@acorex/cdk/common';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AXHtmlUtil } from '@acorex/core/utils';\nimport { Overlay, OverlayRef, PositionStrategy } from '@angular/cdk/overlay';\nimport { ComponentPortal, ComponentType, Portal, TemplatePortal } from '@angular/cdk/portal';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output,\n  PLATFORM_ID,\n  Renderer2,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { Subscription, delay, fromEvent } from 'rxjs';\n\nexport type AXPopoverOpenTrigger = 'manual' | 'click' | 'hover' | 'toggle';\n\nexport type AXPopoverCloseTrigger = 'manual' | 'clickOut' | 'leave';\n\n/**\n * @category Components\n * A popover component with custom encapsulation and change detection settings.\n */\n@Component({\n  selector: 'ax-popover',\n  templateUrl: './popover.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXFocusableComponent, useExisting: AXPopoverComponent }],\n})\nexport class AXPopoverComponent extends MXBaseComponent {\n  #platform = inject(AXPlatform);\n  private document = inject(DOCUMENT);\n  private platformID = inject(PLATFORM_ID);\n  private renderer = inject(Renderer2);\n\n  private onKeyDownListenerFn = () => undefined;\n\n  /** @ignore */\n  private _platform: AXPlatform = inject(AXPlatform);\n\n  /** @ignore */\n  private _overlay: Overlay = inject(Overlay);\n\n  /** @ignore */\n  private _overlayRef!: OverlayRef;\n\n  /** @ignore */\n  private _isMouseOverButton = false;\n\n  /** @ignore */\n  private _isMouseOverTooltip = false;\n\n  /** @ignore */\n  private _lastActiveElement: Element;\n\n  /** @ignore */\n  private _targetEvents: {\n    mouseenter?: Subscription;\n    mouseleave?: Subscription;\n    click?: Subscription;\n  } = {};\n\n  /** @ignore */\n  private _overlayEvents: {\n    attach?: Subscription;\n    detach?: Subscription;\n    scroll?: Subscription;\n    outside?: Subscription;\n  } = {};\n\n  //\n\n  /** @ignore */\n  private _offsetX = 0;\n\n  /**\n   * Gets or sets the horizontal offset and updates it accordingly.\n   */\n  @Input()\n\n  /**\n   * Gets the horizontal offset value.\n   */\n  public get offsetX(): number {\n    return this._offsetX;\n  }\n\n  /**\n   * Sets the horizontal offset and updates it with a callback.\n   */\n  public set offsetX(v: number) {\n    this.setOption({\n      name: 'offsetX',\n      value: v,\n      afterCallback: () => {\n        this.updateOffset();\n      },\n    });\n  }\n  //\n\n  /** @ignore */\n  private _offsetY = 0;\n\n  /**\n   * Vertical offset with update callback.\n   */\n  @Input()\n\n  /**\n   * Gets the vertical offset of the component.\n   */\n  public get offsetY(): number {\n    return this._offsetY;\n  }\n\n  /**\n   * Sets the vertical offset and updates the component position.\n   */\n  public set offsetY(v: number) {\n    this.setOption({\n      name: 'offsetY',\n      value: v,\n      afterCallback: () => {\n        this.updateOffset();\n      },\n    });\n  }\n\n  //\n\n  /** @ignore */\n  private _target!: Element;\n\n  /**\n   * Gets or sets the target element, supporting Element, ElementRef, or MXBaseComponent.\n   */\n  @Input()\n\n  /**\n   * Gets the current target element.\n   */\n  public get target(): Element | ElementRef | MXBaseComponent {\n    return this._target;\n  }\n\n  /**\n   * Sets the target element and updates event bindings.\n   */\n  public set target(v: Element | ElementRef | MXBaseComponent) {\n    this.removeTargetEvents();\n    if (v instanceof Element) this._target = v;\n    else if (v instanceof ElementRef) this._target = v.nativeElement;\n    else if (typeof v?.getHostElement == 'function') this._target = v.getHostElement();\n    //\n    this.bindTargetEvents();\n  }\n  //\n\n  /** @ignore */\n  private _defautPlacements: AXConnectedPosition[] = convertToPlacement('bottom-start');\n\n  /** @ignore */\n  private _placements: AXConnectedPosition[] = [...this._defautPlacements];\n\n  /** @ignore */\n  private _placement: AXPlacementType = this._placements;\n\n  /**\n   * Gets or sets the component's placement and updates position settings.\n   */\n  @Input()\n\n  /**\n   * Gets the current placement of the component.\n   */\n  public get placement(): AXPlacementType {\n    return this._placement;\n  }\n\n  /**\n   * Sets the component's placement and updates its position settings.\n   */\n  public set placement(v: AXPlacementType) {\n    this.setOption({\n      name: 'placement',\n      value: v,\n      afterCallback: (o, n) => {\n        const converted = convertToPlacement(n);\n        this._placements = converted.length ? converted : this._defautPlacements;\n        this.updateOffset();\n        this.updatePositionStrategy();\n      },\n    });\n  }\n  //\n\n  /** @ignore */\n  private _portal: Portal<unknown>;\n\n  /** @ignore */\n  private _componentRef: ComponentRef<unknown>;\n\n  /**\n   * Gets the reference to the component.\n   */\n  public get componentRef(): ComponentRef<unknown> {\n    return this._componentRef;\n  }\n\n  /**\n   * Holds the context data for the component.\n   */\n  public context: unknown;\n\n  //\n\n  /** @ignore */\n  @ViewChild('baseTemplate', { static: true })\n  _baseTemplate: TemplateRef<unknown>;\n  //\n\n  /**\n   * Defines the content to be displayed, which can be a template or a component.\n   */\n  @Input()\n  content: TemplateRef<unknown> | ComponentType<unknown>;\n  //\n\n  /** @ignore */\n  private _openOn: AXPopoverOpenTrigger = 'toggle';\n\n  /**\n   * Gets or sets the trigger for opening the popover and updates target events.\n   */\n  @Input()\n\n  /**\n   * Gets the trigger for opening the popover.\n   */\n  public get openOn(): AXPopoverOpenTrigger {\n    return this._openOn;\n  }\n\n  /**\n   * Sets the trigger for opening the popover and updates target events.\n   */\n  public set openOn(v: AXPopoverOpenTrigger) {\n    this.setOption({\n      name: 'openOn',\n      value: v,\n      afterCallback: () => {\n        this.bindTargetEvents();\n      },\n    });\n  }\n  //\n\n  /** @ignore */\n  private _closeOn: AXPopoverCloseTrigger = 'clickOut';\n\n  /**\n   * Gets or sets the trigger for closing the popover.\n   */\n  @Input()\n  public get closeOn(): AXPopoverCloseTrigger {\n    return this._closeOn;\n  }\n\n  /**\n   * Sets the trigger for closing the popover and rebinds target events.\n   * @param v\n   */\n  public set closeOn(v: AXPopoverCloseTrigger) {\n    this.setOption({\n      name: 'closeOn',\n      value: v,\n      afterCallback: () => {\n        this.bindTargetEvents();\n      },\n    });\n  }\n\n  //\n\n  /**\n   * Determines if a backdrop should be displayed behind the popover.\n   */\n  @Input()\n  hasBackdrop = false;\n  //\n\n  /**\n   * Delay in milliseconds before the popover opens after a trigger event.\n   */\n  @Input()\n  openAfter = 200;\n\n  /**\n   * Delay in milliseconds before the popover closes after a trigger event.\n   */\n  @Input()\n  closeAfter = 200;\n\n  /**\n   * CSS class to apply to the backdrop element.\n   */\n  @Input()\n  backdropClass: string;\n\n  /**\n   * CSS class to apply to the backdrop element.\n   */\n  @Input()\n  panelClass: string;\n\n  /**\n   * Enables or disables adaptivity.\n   */\n  @Input()\n  adaptivityEnabled = false;\n  //\n\n  /**\n   * Emits when the component is opened.\n   * @event\n   */\n  @Output()\n  onOpened: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   * Emits when the component is closed.\n   * @event\n   */\n  @Output()\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /** @ignore */\n  private _emitOnOpenedEvent() {\n    this.onOpened.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n    });\n  }\n\n  /** @ignore */\n  private _emitOnClosedEvent() {\n    this.onClosed.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n    });\n  }\n  //\n\n  /** @ignore */\n  protected _handleMouseEnter(e: MouseEvent) {\n    this._isMouseOverTooltip = true;\n  }\n\n  /** @ignore */\n  protected _handleMouseLeave(e: MouseEvent) {\n    this._isMouseOverTooltip = false;\n    setTimeout(() => {\n      if (!this._isMouseOverButton && this.closeOn == 'leave') {\n        this.close();\n      }\n    }, 250);\n  }\n\n  /** @ignore */\n  private removeTargetEvents(): void {\n    Object.entries(this._targetEvents).forEach((e) => {\n      e[1].unsubscribe();\n    });\n  }\n\n  /** @ignore */\n  private bindTargetEvents() {\n    this.removeTargetEvents();\n    if (!this._target) return;\n    const targetMouseEnter$ = fromEvent(this._target, 'mouseenter');\n    const targetMouseLeave$ = fromEvent(this._target, 'mouseleave');\n\n    if (this.openOn == 'hover') {\n      this._targetEvents.mouseenter = targetMouseEnter$.pipe(delay(this.openAfter)).subscribe(() => {\n        this._isMouseOverButton = true;\n        this.open();\n      });\n    }\n\n    if (this.closeOn == 'leave') {\n      this._targetEvents.mouseleave = targetMouseLeave$.pipe(delay(this.closeAfter)).subscribe(() => {\n        this._isMouseOverButton = false;\n        if (!this._isMouseOverTooltip) {\n          this.close();\n        }\n      });\n    }\n\n    if (this.openOn === 'click' || this.openOn === 'toggle') {\n      const click$ = fromEvent<MouseEvent>(this._target, 'click');\n      this._targetEvents.click = click$.subscribe((e) => {\n        this.openOn == 'toggle' ? this.toggle() : this.open();\n      });\n    }\n  }\n  //\n\n  /** @ignore */\n  private bindOverlayEvents() {\n    this.removeOverlayEvents();\n    this._overlayEvents.attach = this._overlayRef.attachments().subscribe(() => {\n      if (this.openOn == 'hover') {\n        this._overlayRef.overlayElement.addEventListener('mouseenter', this._handleMouseEnter.bind(this));\n      }\n      if (this.closeOn == 'leave') {\n        this._overlayRef.overlayElement.addEventListener('mouseleave', this._handleMouseLeave.bind(this));\n      }\n      //\n      this._overlayEvents.outside = this._overlayRef._outsidePointerEvents.subscribe((e: MouseEvent) => {\n        const el = e.target as Element;\n        if (\n          this.closeOn == 'clickOut' &&\n          this.isOpen &&\n          !this._target.contains(el) &&\n          !this._overlayRef?.overlayElement?.contains(el)\n        ) {\n          this.close();\n        }\n      });\n      //\n\n      this._overlayEvents.scroll = this._platform.scroll.subscribe((c) => {\n        //__axContext__\n        const el = c.nativeEvent.target as Element;\n        if (!this.isActionsheetStyle && isPlatformBrowser(this.platformID)) {\n          if (el == (this.document as any)) {\n            this.close();\n            return;\n          }\n          if (\n            el?.closest &&\n            !el.closest('.ax-overlay-pane') &&\n            !this._target.contains(el) &&\n            !this._overlayRef?.overlayElement?.contains(el)\n          ) {\n            this.close();\n          }\n        }\n      });\n    });\n  }\n\n  /** @ignore */\n  private removeOverlayEvents() {\n    this._overlayRef?.overlayElement.removeEventListener('mouseenter', this._handleMouseEnter.bind(this));\n    this._overlayRef?.overlayElement.addEventListener('mouseleave', this._handleMouseLeave.bind(this));\n    Object.entries(this._overlayEvents).forEach((e) => {\n      e[1].unsubscribe();\n    });\n  }\n\n  //\n  /**\n   * Toggles the component's open state.\n   */\n  toggle() {\n    this.isOpen ? this.close() : this.open();\n  }\n\n  //\n  /**\n   * Closes the component if it's open, detaches the overlay, restores focus, and emits the closed event.\n   */\n  close() {\n    if (!this.isOpen) {\n      return;\n    }\n    this._overlayRef?.detach();\n    this.restoreFocus();\n    this._emitOnClosedEvent();\n    this.onKeyDownListenerFn();\n  }\n\n  //\n  /**\n   * Opens the component if it's not already open, saves focus, opens the overlay, and emits the opened event.\n   */\n  open() {\n    if (this.isOpen) {\n      return;\n    }\n    if (isPlatformBrowser(this.platformID)) {\n      this.onKeyDownListenerFn = this.renderer.listen(this.document.body, 'keydown', (e) => {\n        if (e.key == 'Escape') {\n          this.close();\n        }\n      });\n    }\n    this.saveFocus();\n    this.openOverlayInternal();\n    this._emitOnOpenedEvent();\n  }\n\n  /** @ignore */\n  private saveFocus() {\n    if (isPlatformBrowser(this.platformID)) {\n      this._lastActiveElement = this.document.activeElement as Element;\n    }\n  }\n\n  /** @ignore */\n  private restoreFocus() {\n    if (this._lastActiveElement instanceof HTMLElement) {\n      if (this._lastActiveElement?.focus) {\n        this._lastActiveElement.focus();\n      }\n    }\n  }\n\n  /** @ignore */\n  private openOverlayInternal() {\n    const targetRef = this._target;\n    if (!targetRef) return;\n\n    //if (!this._overlayRef) {\n    if (this.isActionsheetStyle) {\n      this._overlayRef = this._overlay.create({\n        positionStrategy: this._overlay.position().global().bottom().centerHorizontally(),\n        disposeOnNavigation: true,\n        scrollStrategy: this._overlay.scrollStrategies.block(),\n        panelClass: [\n          'ax-actionsheet-base',\n          'ax-animate-slideInUp',\n          'ax-animate-faster',\n          this.panelClass ? this.panelClass : this.#platform.isDark() ? 'ax-dark' : '',\n        ],\n        hasBackdrop: true,\n        width: '100%',\n      });\n    } else {\n      this._overlayRef = this._overlay.create({\n        positionStrategy: this._overlay\n          .position()\n          .flexibleConnectedTo(targetRef)\n          .withPositions(this._placements)\n          .withPush(false),\n        scrollStrategy: this._overlay.scrollStrategies.noop(),\n        disposeOnNavigation: true,\n        panelClass: ['ax-animate-fadeIn', 'ax-animate-faster', this.#platform.isDark() ? 'ax-dark' : ''],\n        maxHeight: 'unset',\n        hasBackdrop: this.hasBackdrop,\n        backdropClass: [this.backdropClass || 'cdk-overlay-transparent-backdrop'],\n        direction: AXHtmlUtil.isRtl(this.getHostElement()) ? 'rtl' : 'ltr',\n      });\n      // this._overlayRef.setDirection()\n    }\n\n    //\n    this.bindOverlayEvents();\n    //}\n    //\n    if (this.content instanceof TemplateRef) {\n      this._portal = new TemplatePortal(this.content, this.getViewContainer(), {\n        $implicit: this.context,\n        ref: this,\n      });\n      this._overlayRef?.attach(this._portal);\n    } else if (typeof this.content === 'function') {\n      this._portal = new ComponentPortal(this.content);\n      this._componentRef = this._overlayRef?.attach(this._portal);\n      Object.assign(this._componentRef.instance, this.context);\n    } else {\n      this._portal = new TemplatePortal(this._baseTemplate, this.getViewContainer(), {\n        $implicit: this.context,\n        ref: this,\n      });\n      this._overlayRef?.attach(this._portal);\n    }\n  }\n\n  /**\n   * Checks if the overlay is currently open.\n   * @returns {boolean}\n   */\n  get isOpen(): boolean {\n    return this._overlayRef ? this._overlayRef.hasAttached() : false;\n  }\n\n  /**\n   * Determines if the actionsheet style should be applied.\n   * @returns {boolean}\n   */\n  get isActionsheetStyle(): boolean {\n    return this._platform.is('SM') && this.adaptivityEnabled;\n  }\n\n  /** @ignore */\n  private updatePositionStrategy(): void {\n    const targetRef = this._target;\n    if (!targetRef) return;\n    let strategy: PositionStrategy;\n    if (this.isActionsheetStyle) {\n      strategy = this._overlay.position().global().bottom().centerHorizontally();\n    } else {\n      strategy = this._overlay\n        .position()\n        .flexibleConnectedTo(targetRef)\n        .withPositions(this._placements)\n        .withPush(false);\n    }\n    this._overlayRef?.updatePositionStrategy(strategy);\n  }\n\n  /** @ignore */\n  private updateOffset() {\n    this._placements?.forEach((p) => {\n      if (this.offsetY != null) p.offsetY = this.offsetY;\n      if (this.offsetX != null) p.offsetX = this.offsetX;\n    });\n  }\n\n  /**\n   * Updates the position of the overlay and focuses on it.\n   */\n  public updatePosition(): void {\n    this._overlayRef?.updatePosition();\n    this.focus();\n  }\n\n  /**\n   * Focuses the overlay element.\n   */\n  public focus(): void {\n    //TODO: need this??\n  }\n  //\n\n  protected override ngOnInit(): void {\n    super.ngOnInit();\n    // this.platformService.directionChange.subscribe((c) => {\n    //   this.isRtl = c.data == 'rtl';\n    // });\n  }\n\n  /** @ignore */\n  ngOnDestroy(): void {\n    this.removeTargetEvents();\n    this.removeOverlayEvents();\n    this._overlayRef?.detach();\n    this._overlayRef?.dispose();\n  }\n}\n","<ng-template #baseTemplate>\n  <ng-content></ng-content>\n</ng-template>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXPopoverComponent } from './popover.component';\n\n@NgModule({\n  imports: [CommonModule, AXPopoverComponent],\n  exports: [AXPopoverComponent],\n  providers: [],\n})\nexport class AXPopoverModule {}\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-popover.mjs","sources":["../../../../packages/components/popover/src/lib/popover.component.ts","../../../../packages/components/popover/src/lib/popover.component.html","../../../../packages/components/popover/src/lib/popover.module.ts","../../../../packages/components/popover/src/acorex-components-popover.ts"],"sourcesContent":["import {\n  AXComponent,\n  AXConnectedPosition,\n  AXEvent,\n  AXFocusableComponent,\n  AXPlacementType,\n  MXBaseComponent,\n  convertToPlacement,\n} from '@acorex/cdk/common';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AXHtmlUtil } from '@acorex/core/utils';\nimport { Overlay, OverlayRef, PositionStrategy } from '@angular/cdk/overlay';\nimport { ComponentPortal, ComponentType, Portal, TemplatePortal } from '@angular/cdk/portal';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output,\n  PLATFORM_ID,\n  Renderer2,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { Subscription, delay, fromEvent } from 'rxjs';\n\nexport type AXPopoverOpenTrigger = 'manual' | 'click' | 'hover' | 'toggle';\n\nexport type AXPopoverCloseTrigger = 'manual' | 'clickOut' | 'leave';\n\n/**\n * @category Components\n * A popover component with custom encapsulation and change detection settings.\n */\n@Component({\n  selector: 'ax-popover',\n  templateUrl: './popover.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: AXFocusableComponent, useExisting: AXPopoverComponent },\n    { provide: AXComponent, useExisting: AXPopoverComponent },\n  ],\n})\nexport class AXPopoverComponent extends MXBaseComponent {\n  #platform = inject(AXPlatform);\n  private document = inject(DOCUMENT);\n  private platformID = inject(PLATFORM_ID);\n  private renderer = inject(Renderer2);\n\n  private onKeyDownListenerFn = () => undefined;\n\n  /** @ignore */\n  private _platform: AXPlatform = inject(AXPlatform);\n\n  /** @ignore */\n  private _overlay: Overlay = inject(Overlay);\n\n  /** @ignore */\n  private _overlayRef!: OverlayRef;\n\n  /** @ignore */\n  private _isMouseOverButton = false;\n\n  /** @ignore */\n  private _isMouseOverTooltip = false;\n\n  /** @ignore */\n  private _lastActiveElement: Element;\n\n  /** @ignore */\n  private _targetEvents: {\n    mouseenter?: Subscription;\n    mouseleave?: Subscription;\n    click?: Subscription;\n  } = {};\n\n  /** @ignore */\n  private _overlayEvents: {\n    attach?: Subscription;\n    detach?: Subscription;\n    scroll?: Subscription;\n    outside?: Subscription;\n  } = {};\n\n  //\n\n  /** @ignore */\n  private _offsetX = 0;\n\n  /**\n   * Gets or sets the horizontal offset and updates it accordingly.\n   */\n  @Input()\n\n  /**\n   * Gets the horizontal offset value.\n   */\n  public get offsetX(): number {\n    return this._offsetX;\n  }\n\n  /**\n   * Sets the horizontal offset and updates it with a callback.\n   */\n  public set offsetX(v: number) {\n    this.setOption({\n      name: 'offsetX',\n      value: v,\n      afterCallback: () => {\n        this.updateOffset();\n      },\n    });\n  }\n  //\n\n  /** @ignore */\n  private _offsetY = 0;\n\n  /**\n   * Vertical offset with update callback.\n   */\n  @Input()\n\n  /**\n   * Gets the vertical offset of the component.\n   */\n  public get offsetY(): number {\n    return this._offsetY;\n  }\n\n  /**\n   * Sets the vertical offset and updates the component position.\n   */\n  public set offsetY(v: number) {\n    this.setOption({\n      name: 'offsetY',\n      value: v,\n      afterCallback: () => {\n        this.updateOffset();\n      },\n    });\n  }\n\n  //\n\n  /** @ignore */\n  private _target!: Element;\n\n  /**\n   * Gets or sets the target element, supporting Element, ElementRef, or MXBaseComponent.\n   */\n  @Input()\n\n  /**\n   * Gets the current target element.\n   */\n  public get target(): Element | ElementRef | MXBaseComponent {\n    return this._target;\n  }\n\n  /**\n   * Sets the target element and updates event bindings.\n   */\n  public set target(v: Element | ElementRef | MXBaseComponent) {\n    this.removeTargetEvents();\n    if (v instanceof Element) this._target = v;\n    else if (v instanceof ElementRef) this._target = v.nativeElement;\n    else if (typeof v?.getHostElement == 'function') this._target = v.getHostElement();\n    //\n    this.bindTargetEvents();\n  }\n  //\n\n  /** @ignore */\n  private _defautPlacements: AXConnectedPosition[] = convertToPlacement('bottom-start');\n\n  /** @ignore */\n  private _placements: AXConnectedPosition[] = [...this._defautPlacements];\n\n  /** @ignore */\n  private _placement: AXPlacementType = this._placements;\n\n  /**\n   * Gets or sets the component's placement and updates position settings.\n   */\n  @Input()\n\n  /**\n   * Gets the current placement of the component.\n   */\n  public get placement(): AXPlacementType {\n    return this._placement;\n  }\n\n  /**\n   * Sets the component's placement and updates its position settings.\n   */\n  public set placement(v: AXPlacementType) {\n    this.setOption({\n      name: 'placement',\n      value: v,\n      afterCallback: (o, n) => {\n        const converted = convertToPlacement(n);\n        this._placements = converted.length ? converted : this._defautPlacements;\n        this.updateOffset();\n        this.updatePositionStrategy();\n      },\n    });\n  }\n  //\n\n  /** @ignore */\n  private _portal: Portal<unknown>;\n\n  /** @ignore */\n  private _componentRef: ComponentRef<unknown>;\n\n  /**\n   * Gets the reference to the component.\n   */\n  public get componentRef(): ComponentRef<unknown> {\n    return this._componentRef;\n  }\n\n  /**\n   * Holds the context data for the component.\n   */\n  public context: unknown;\n\n  //\n\n  /** @ignore */\n  @ViewChild('baseTemplate', { static: true })\n  _baseTemplate: TemplateRef<unknown>;\n  //\n\n  /**\n   * Defines the content to be displayed, which can be a template or a component.\n   */\n  @Input()\n  content: TemplateRef<unknown> | ComponentType<unknown>;\n  //\n\n  /** @ignore */\n  private _openOn: AXPopoverOpenTrigger = 'toggle';\n\n  /**\n   * Gets or sets the trigger for opening the popover and updates target events.\n   */\n  @Input()\n\n  /**\n   * Gets the trigger for opening the popover.\n   */\n  public get openOn(): AXPopoverOpenTrigger {\n    return this._openOn;\n  }\n\n  /**\n   * Sets the trigger for opening the popover and updates target events.\n   */\n  public set openOn(v: AXPopoverOpenTrigger) {\n    this.setOption({\n      name: 'openOn',\n      value: v,\n      afterCallback: () => {\n        this.bindTargetEvents();\n      },\n    });\n  }\n  //\n\n  /** @ignore */\n  private _closeOn: AXPopoverCloseTrigger = 'clickOut';\n\n  /**\n   * Gets or sets the trigger for closing the popover.\n   */\n  @Input()\n  public get closeOn(): AXPopoverCloseTrigger {\n    return this._closeOn;\n  }\n\n  /**\n   * Sets the trigger for closing the popover and rebinds target events.\n   * @param v\n   */\n  public set closeOn(v: AXPopoverCloseTrigger) {\n    this.setOption({\n      name: 'closeOn',\n      value: v,\n      afterCallback: () => {\n        this.bindTargetEvents();\n      },\n    });\n  }\n\n  //\n\n  /**\n   * Determines if a backdrop should be displayed behind the popover.\n   */\n  @Input()\n  hasBackdrop = false;\n  //\n\n  /**\n   * Delay in milliseconds before the popover opens after a trigger event.\n   */\n  @Input()\n  openAfter = 200;\n\n  /**\n   * Delay in milliseconds before the popover closes after a trigger event.\n   */\n  @Input()\n  closeAfter = 200;\n\n  /**\n   * CSS class to apply to the backdrop element.\n   */\n  @Input()\n  backdropClass: string;\n\n  /**\n   * CSS class to apply to the backdrop element.\n   */\n  @Input()\n  panelClass: string;\n\n  /**\n   * Enables or disables adaptivity.\n   */\n  @Input()\n  adaptivityEnabled = false;\n  //\n\n  /**\n   * Emits when the component is opened.\n   * @event\n   */\n  @Output()\n  onOpened: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   * Emits when the component is closed.\n   * @event\n   */\n  @Output()\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /** @ignore */\n  private _emitOnOpenedEvent() {\n    this.onOpened.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n    });\n  }\n\n  /** @ignore */\n  private _emitOnClosedEvent() {\n    this.onClosed.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n    });\n  }\n  //\n\n  /** @ignore */\n  protected _handleMouseEnter(e: MouseEvent) {\n    this._isMouseOverTooltip = true;\n  }\n\n  /** @ignore */\n  protected _handleMouseLeave(e: MouseEvent) {\n    this._isMouseOverTooltip = false;\n    setTimeout(() => {\n      if (!this._isMouseOverButton && this.closeOn == 'leave') {\n        this.close();\n      }\n    }, 250);\n  }\n\n  /** @ignore */\n  private removeTargetEvents(): void {\n    Object.entries(this._targetEvents).forEach((e) => {\n      e[1].unsubscribe();\n    });\n  }\n\n  /** @ignore */\n  private bindTargetEvents() {\n    this.removeTargetEvents();\n    if (!this._target) return;\n    const targetMouseEnter$ = fromEvent(this._target, 'mouseenter');\n    const targetMouseLeave$ = fromEvent(this._target, 'mouseleave');\n\n    if (this.openOn == 'hover') {\n      this._targetEvents.mouseenter = targetMouseEnter$.pipe(delay(this.openAfter)).subscribe(() => {\n        this._isMouseOverButton = true;\n        this.open();\n      });\n    }\n\n    if (this.closeOn == 'leave') {\n      this._targetEvents.mouseleave = targetMouseLeave$.pipe(delay(this.closeAfter)).subscribe(() => {\n        this._isMouseOverButton = false;\n        if (!this._isMouseOverTooltip) {\n          this.close();\n        }\n      });\n    }\n\n    if (this.openOn === 'click' || this.openOn === 'toggle') {\n      const click$ = fromEvent<MouseEvent>(this._target, 'click');\n      this._targetEvents.click = click$.subscribe((e) => {\n        this.openOn == 'toggle' ? this.toggle() : this.open();\n      });\n    }\n  }\n  //\n\n  /** @ignore */\n  private bindOverlayEvents() {\n    this.removeOverlayEvents();\n    this._overlayEvents.attach = this._overlayRef.attachments().subscribe(() => {\n      if (this.openOn == 'hover') {\n        this._overlayRef.overlayElement.addEventListener('mouseenter', this._handleMouseEnter.bind(this));\n      }\n      if (this.closeOn == 'leave') {\n        this._overlayRef.overlayElement.addEventListener('mouseleave', this._handleMouseLeave.bind(this));\n      }\n      //\n      this._overlayEvents.outside = this._overlayRef._outsidePointerEvents.subscribe((e: MouseEvent) => {\n        const el = e.target as Element;\n        if (\n          this.closeOn == 'clickOut' &&\n          this.isOpen &&\n          !this._target.contains(el) &&\n          !this._overlayRef?.overlayElement?.contains(el)\n        ) {\n          this.close();\n        }\n      });\n      //\n\n      this._overlayEvents.scroll = this._platform.scroll.subscribe((c) => {\n        //__axContext__\n        const el = c.nativeEvent.target as Element;\n        if (!this.isActionsheetStyle && isPlatformBrowser(this.platformID)) {\n          if (el == (this.document as any)) {\n            this.close();\n            return;\n          }\n          if (\n            el?.closest &&\n            !el.closest('.ax-overlay-pane') &&\n            !this._target.contains(el) &&\n            !this._overlayRef?.overlayElement?.contains(el)\n          ) {\n            this.close();\n          }\n        }\n      });\n    });\n  }\n\n  /** @ignore */\n  private removeOverlayEvents() {\n    this._overlayRef?.overlayElement.removeEventListener('mouseenter', this._handleMouseEnter.bind(this));\n    this._overlayRef?.overlayElement.addEventListener('mouseleave', this._handleMouseLeave.bind(this));\n    Object.entries(this._overlayEvents).forEach((e) => {\n      e[1].unsubscribe();\n    });\n  }\n\n  //\n  /**\n   * Toggles the component's open state.\n   */\n  toggle() {\n    this.isOpen ? this.close() : this.open();\n  }\n\n  //\n  /**\n   * Closes the component if it's open, detaches the overlay, restores focus, and emits the closed event.\n   */\n  close() {\n    if (!this.isOpen) {\n      return;\n    }\n    this._overlayRef?.detach();\n    this.restoreFocus();\n    this._emitOnClosedEvent();\n    this.onKeyDownListenerFn();\n  }\n\n  //\n  /**\n   * Opens the component if it's not already open, saves focus, opens the overlay, and emits the opened event.\n   */\n  open() {\n    if (this.isOpen) {\n      return;\n    }\n    if (isPlatformBrowser(this.platformID)) {\n      this.onKeyDownListenerFn = this.renderer.listen(this.document.body, 'keydown', (e) => {\n        if (e.key == 'Escape') {\n          this.close();\n        }\n      });\n    }\n    this.saveFocus();\n    this.openOverlayInternal();\n    this._emitOnOpenedEvent();\n  }\n\n  /** @ignore */\n  private saveFocus() {\n    if (isPlatformBrowser(this.platformID)) {\n      this._lastActiveElement = this.document.activeElement as Element;\n    }\n  }\n\n  /** @ignore */\n  private restoreFocus() {\n    if (this._lastActiveElement instanceof HTMLElement) {\n      if (this._lastActiveElement?.focus) {\n        this._lastActiveElement.focus();\n      }\n    }\n  }\n\n  /** @ignore */\n  private openOverlayInternal() {\n    const targetRef = this._target;\n    if (!targetRef) return;\n\n    //if (!this._overlayRef) {\n    if (this.isActionsheetStyle) {\n      this._overlayRef = this._overlay.create({\n        positionStrategy: this._overlay.position().global().bottom().centerHorizontally(),\n        disposeOnNavigation: true,\n        scrollStrategy: this._overlay.scrollStrategies.block(),\n        panelClass: [\n          'ax-actionsheet-base',\n          'ax-animate-slideInUp',\n          'ax-animate-faster',\n          this.panelClass ? this.panelClass : this.#platform.isDark() ? 'ax-dark' : '',\n        ],\n        hasBackdrop: true,\n        width: '100%',\n      });\n    } else {\n      this._overlayRef = this._overlay.create({\n        positionStrategy: this._overlay\n          .position()\n          .flexibleConnectedTo(targetRef)\n          .withPositions(this._placements)\n          .withPush(false),\n        scrollStrategy: this._overlay.scrollStrategies.noop(),\n        disposeOnNavigation: true,\n        panelClass: ['ax-animate-fadeIn', 'ax-animate-faster', this.#platform.isDark() ? 'ax-dark' : ''],\n        maxHeight: 'unset',\n        hasBackdrop: this.hasBackdrop,\n        backdropClass: [this.backdropClass || 'cdk-overlay-transparent-backdrop'],\n        direction: AXHtmlUtil.isRtl(this.getHostElement()) ? 'rtl' : 'ltr',\n      });\n      // this._overlayRef.setDirection()\n    }\n\n    //\n    this.bindOverlayEvents();\n    //}\n    //\n    if (this.content instanceof TemplateRef) {\n      this._portal = new TemplatePortal(this.content, this.getViewContainer(), {\n        $implicit: this.context,\n        ref: this,\n      });\n      this._overlayRef?.attach(this._portal);\n    } else if (typeof this.content === 'function') {\n      this._portal = new ComponentPortal(this.content);\n      this._componentRef = this._overlayRef?.attach(this._portal);\n      Object.assign(this._componentRef.instance, this.context);\n    } else {\n      this._portal = new TemplatePortal(this._baseTemplate, this.getViewContainer(), {\n        $implicit: this.context,\n        ref: this,\n      });\n      this._overlayRef?.attach(this._portal);\n    }\n  }\n\n  /**\n   * Checks if the overlay is currently open.\n   * @returns {boolean}\n   */\n  get isOpen(): boolean {\n    return this._overlayRef ? this._overlayRef.hasAttached() : false;\n  }\n\n  /**\n   * Determines if the actionsheet style should be applied.\n   * @returns {boolean}\n   */\n  get isActionsheetStyle(): boolean {\n    return this._platform.is('SM') && this.adaptivityEnabled;\n  }\n\n  /** @ignore */\n  private updatePositionStrategy(): void {\n    const targetRef = this._target;\n    if (!targetRef) return;\n    let strategy: PositionStrategy;\n    if (this.isActionsheetStyle) {\n      strategy = this._overlay.position().global().bottom().centerHorizontally();\n    } else {\n      strategy = this._overlay\n        .position()\n        .flexibleConnectedTo(targetRef)\n        .withPositions(this._placements)\n        .withPush(false);\n    }\n    this._overlayRef?.updatePositionStrategy(strategy);\n  }\n\n  /** @ignore */\n  private updateOffset() {\n    this._placements?.forEach((p) => {\n      if (this.offsetY != null) p.offsetY = this.offsetY;\n      if (this.offsetX != null) p.offsetX = this.offsetX;\n    });\n  }\n\n  /**\n   * Updates the position of the overlay and focuses on it.\n   */\n  public updatePosition(): void {\n    this._overlayRef?.updatePosition();\n    this.focus();\n  }\n\n  /**\n   * Focuses the overlay element.\n   */\n  public focus(): void {\n    //TODO: need this??\n  }\n  //\n\n  protected override ngOnInit(): void {\n    super.ngOnInit();\n    // this.platformService.directionChange.subscribe((c) => {\n    //   this.isRtl = c.data == 'rtl';\n    // });\n  }\n\n  /** @ignore */\n  ngOnDestroy(): void {\n    this.removeTargetEvents();\n    this.removeOverlayEvents();\n    this._overlayRef?.detach();\n    this._overlayRef?.dispose();\n  }\n}\n","<ng-template #baseTemplate>\n  <ng-content></ng-content>\n</ng-template>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXPopoverComponent } from './popover.component';\n\n@NgModule({\n  imports: [CommonModule, AXPopoverComponent],\n  exports: [AXPopoverComponent],\n  providers: [],\n})\nexport class AXPopoverModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-popup.mjs

@@ -3,7 +3,7 @@ import { AXPlatform } from '@acorex/core/platform';
 import { TemplatePortal, ComponentPortal, CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
 import { TemplateRef, HostListener, Inject, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, Injectable, NgModule } from '@angular/core';
-import { MXBaseComponent, AXClosbaleComponent, AXComponentClosedPromise, AXCommonModule } from '@acorex/cdk/common';
+import { MXBaseComponent, AXClosableComponent, AXComponent, AXComponentClosedPromise, AXCommonModule } from '@acorex/cdk/common';
 import { AXDecoratorCloseButtonComponent, AXDecoratorModule } from '@acorex/components/decorators';
 import * as i1 from '@acorex/components/loading';
 import { AXTranslatorPipe, AXTranslationModule } from '@acorex/core/translation';
@@ -163,12 +163,18 @@ class AXPopupComponent extends MXBaseComponent {
             closeFn();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPopupComponent, deps: [{ token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: i1.AXLoadingService }, { token: i2.AXPlatform }, { token: DIALOG_DATA }, { token: i3.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXPopupComponent, isStandalone: true, selector: "ax-popup", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXPopupComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\n  <div class=\"ax-popup ax-popup-{{ data.size }}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!data.draggable\">\n    <div cdkDragHandle class=\"ax-popup-header-container\">\n      @if (data.header) {\n        <div class=\"ax-popup-header\">\n          <span class=\"ax-popup-title\">{{ data.title | translate | async }}</span>\n          @if (data.closeButton) {\n            <ax-close-button tabindex=\"1\"></ax-close-button>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"ax-popup-main-container ax-loading-container\">\n      <div class=\"ax-popup-body-container\">\n        <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n      </div>\n      <div class=\"ax-popup-footer-container\"></div>\n    </div>\n  </div>\n</div>\n", styles: [":root{--ax-comp-popup-border-radius: var(--ax-sys-border-radius);--ax-comp-popup-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-lighter-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-popup{max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));margin-left:auto;margin-right:auto;display:flex;width:auto;flex-direction:column;overflow:hidden;border-radius:var(--ax-comp-popup-border-radius);border-width:1px;border-color:rgba(var(--ax-comp-popup-border-color));background-color:rgba(var(--ax-comp-popup-body-bg-color));padding:0;--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow);outline:2px solid transparent;outline-offset:2px;color:rgba(var(--ax-comp-popup-body-text-color))}.ax-popup .ax-popup-header-container{background-color:rgba(var(--ax-comp-popup-header-bg-color))}.ax-popup .ax-popup-header-container .ax-popup-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:rgba(var(--ax-comp-popup-header-border-color));padding:.75rem}.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:1rem;font-weight:500}@media (min-width: 768px){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:1.125rem;line-height:1.75rem}}.ax-popup ax-footer{box-shadow:0 2px 10px #0000004d;display:flex;align-items:center;justify-content:space-between;border-top-width:1px;border-color:rgba(var(--ax-comp-popup-footer-border-color));background-color:rgba(var(--ax-comp-popup-footer-bg-color));padding:.75rem}.ax-popup:focus{outline:2px solid transparent;outline-offset:2px}.ax-popup:focus-visible{border-color:rgba(var(--ax-sys-color-primary-surface))}.ax-popup .ax-popup-main-container{display:flex;flex:1 1 0%;flex-direction:column;overflow:hidden}.ax-popup .ax-popup-main-container .ax-popup-body-container{flex:1 1 0%;overflow:auto;background-color:rgba(var(--ax-comp-popup-body-bg-color))}.ax-popup .ax-popup-main-container .ax-popup-footer-container{background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh));border-radius:0!important}.ax-popup.ax-fit{width:fit-content!important}.ax-popup.ax-fit .ax-popup-body-container{max-height:100vh}.ax-popup.ax-fit .ax-popup-body-container>ng-component>div{width:fit-content!important}@media (min-width: 320px) and (max-width: 640px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:93vw!important;height:fit-content;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}.ax-popup.ax-popup-sm .ax-popup-body-container>ng-component>div,.ax-popup.ax-popup-md .ax-popup-body-container>ng-component>div,.ax-popup.ax-popup-lg .ax-popup-body-container>ng-component>div{width:100%}}@media (min-width: 768px){.ax-popup.ax-popup-sm{width:55vw!important}.ax-popup.ax-popup-md{width:65vw!important}.ax-popup.ax-popup-lg{width:75vw!important}}@media (min-width: 1280px){.ax-popup.ax-popup-sm{width:30vw!important}.ax-popup.ax-popup-md{width:50vw!important}.ax-popup.ax-popup-lg{width:85vw!important}}@media (min-width: 1536px){.ax-popup.ax-popup-sm{width:25vw!important}.ax-popup.ax-popup-md{width:40vw!important}.ax-popup.ax-popup-lg{width:65vw!important}}.ax-dark .ax-popup{--ax-comp-popup-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-dark-surface)}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXPopupComponent, deps: [{ token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: i1.AXLoadingService }, { token: i2.AXPlatform }, { token: DIALOG_DATA }, { token: i3.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: AXPopupComponent, isStandalone: true, selector: "ax-popup", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, providers: [
+            { provide: AXClosableComponent, useExisting: AXPopupComponent },
+            { provide: AXComponent, useExisting: AXPopupComponent },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\n  <div class=\"ax-popup ax-popup-{{ data.size }}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!data.draggable\">\n    <div cdkDragHandle class=\"ax-popup-header-container\">\n      @if (data.header) {\n        <div class=\"ax-popup-header\">\n          <span class=\"ax-popup-title\">{{ data.title | translate | async }}</span>\n          @if (data.closeButton) {\n            <ax-close-button tabindex=\"1\"></ax-close-button>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"ax-popup-main-container ax-loading-container\">\n      <div class=\"ax-popup-body-container\">\n        <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n      </div>\n      <div class=\"ax-popup-footer-container\"></div>\n    </div>\n  </div>\n</div>\n", styles: [":root{--ax-comp-popup-border-radius: var(--ax-sys-border-radius);--ax-comp-popup-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-lighter-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-popup{max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));margin-left:auto;margin-right:auto;display:flex;width:auto;flex-direction:column;overflow:hidden;border-radius:var(--ax-comp-popup-border-radius);border-width:1px;border-color:rgba(var(--ax-comp-popup-border-color));background-color:rgba(var(--ax-comp-popup-body-bg-color));padding:0;--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow);outline:2px solid transparent;outline-offset:2px;color:rgba(var(--ax-comp-popup-body-text-color))}.ax-popup .ax-popup-header-container{background-color:rgba(var(--ax-comp-popup-header-bg-color))}.ax-popup .ax-popup-header-container .ax-popup-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:rgba(var(--ax-comp-popup-header-border-color));padding:.75rem}.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:1rem;font-weight:500}@media (min-width: 768px){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:1.125rem;line-height:1.75rem}}.ax-popup ax-footer{box-shadow:0 2px 10px #0000004d;display:flex;align-items:center;justify-content:space-between;border-top-width:1px;border-color:rgba(var(--ax-comp-popup-footer-border-color));background-color:rgba(var(--ax-comp-popup-footer-bg-color));padding:.75rem}.ax-popup:focus{outline:2px solid transparent;outline-offset:2px}.ax-popup:focus-visible{border-color:rgba(var(--ax-sys-color-primary-surface))}.ax-popup .ax-popup-main-container{display:flex;flex:1 1 0%;flex-direction:column;overflow:hidden}.ax-popup .ax-popup-main-container .ax-popup-body-container{flex:1 1 0%;overflow:auto;background-color:rgba(var(--ax-comp-popup-body-bg-color))}.ax-popup .ax-popup-main-container .ax-popup-footer-container{background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh));border-radius:0!important}.ax-popup.ax-fit{width:fit-content!important}.ax-popup.ax-fit .ax-popup-body-container{max-height:100vh}.ax-popup.ax-fit .ax-popup-body-container>ng-component>div{width:fit-content!important}@media (min-width: 320px) and (max-width: 640px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:93vw!important;height:fit-content;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}.ax-popup.ax-popup-sm .ax-popup-body-container>ng-component>div,.ax-popup.ax-popup-md .ax-popup-body-container>ng-component>div,.ax-popup.ax-popup-lg .ax-popup-body-container>ng-component>div{width:100%}}@media (min-width: 768px){.ax-popup.ax-popup-sm{width:55vw!important}.ax-popup.ax-popup-md{width:65vw!important}.ax-popup.ax-popup-lg{width:75vw!important}}@media (min-width: 1280px){.ax-popup.ax-popup-sm{width:30vw!important}.ax-popup.ax-popup-md{width:50vw!important}.ax-popup.ax-popup-lg{width:85vw!important}}@media (min-width: 1536px){.ax-popup.ax-popup-sm{width:25vw!important}.ax-popup.ax-popup-md{width:40vw!important}.ax-popup.ax-popup-lg{width:65vw!important}}.ax-dark .ax-popup{--ax-comp-popup-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-dark-surface)}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXPopupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-popup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXPopupComponent }], imports: [
+            args: [{ selector: 'ax-popup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: AXClosableComponent, useExisting: AXPopupComponent },
+                        { provide: AXComponent, useExisting: AXPopupComponent },
+                    ], imports: [
                         CdkTrapFocus,
                         CdkDrag,
                         CdkDragHandle,
@@ -242,10 +248,10 @@ class AXPopupService {
         });
         return promise;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPopupService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXPopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXPopupService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPopupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXPopupService, decorators: [{
             type: Injectable
         }] });
 
@@ -261,8 +267,8 @@ const MODULES = [
     AXTranslationModule,
 ];
 class AXPopupModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: AXPopupModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: AXPopupModule, imports: [CommonModule,
             AXCommonModule,
             DragDropModule,
             A11yModule,
@@ -270,9 +276,9 @@ class AXPopupModule {
             AXDecoratorModule,
             DialogModule,
             AXTranslationModule, AXPopupComponent], exports: [AXPopupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPopupModule, providers: [AXPopupService], imports: [MODULES, COMPONENT] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXPopupModule, providers: [AXPopupService], imports: [MODULES, COMPONENT] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPopupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXPopupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-popup.mjs","sources":["../../../../packages/components/popup/src/lib/popup.component.ts","../../../../packages/components/popup/src/lib/popup.component.html","../../../../packages/components/popup/src/lib/popup.service.ts","../../../../packages/components/popup/src/lib/popup.module.ts","../../../../packages/components/popup/src/acorex-components-popup.ts"],"sourcesContent":["import { AXPlatform } from '@acorex/core/platform';\nimport {\n  CdkPortalOutlet,\n  CdkPortalOutletAttachedRef,\n  ComponentPortal,\n  Portal,\n  TemplatePortal,\n} from '@angular/cdk/portal';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  HostListener,\n  Inject,\n  NgZone,\n  OnInit,\n  TemplateRef,\n  ViewContainerRef,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { AXClosbaleComponent, AXComponentCloseEvent, AXComponentClosing, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXDecoratorCloseButtonComponent } from '@acorex/components/decorators';\nimport { AXLoadingService } from '@acorex/components/loading';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { CdkTrapFocus } from '@angular/cdk/a11y';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\nimport { CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';\nimport { AsyncPipe } from '@angular/common';\nimport { AXPopupData } from './popup.interface';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-popup',\n  templateUrl: './popup.component.html',\n  styleUrls: ['./popup.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXPopupComponent }],\n  imports: [\n    CdkTrapFocus,\n    CdkDrag,\n    CdkDragHandle,\n    AXDecoratorCloseButtonComponent,\n    CdkPortalOutlet,\n    AsyncPipe,\n    AXTranslatorPipe,\n  ],\n})\nexport class AXPopupComponent extends MXBaseComponent implements OnInit {\n  /**\n   * Indicates whether the component is loading.\n   * @defaultValue true\n   */\n  isLoading = true;\n\n  /** @ignore */\n  private _loadingId: number;\n\n  /** @ignore */\n  protected _selectedPortal: Portal<unknown>;\n\n  /** @ignore */\n  protected _footerPortal: Portal<unknown>;\n\n  /** @ignore */\n  protected _headerPortal: Portal<unknown>;\n\n  /** @ignore */\n  private _componentRef: any;\n\n  /** @ignore */\n  constructor(\n    /** @ignore */\n    private _zone: NgZone,\n\n    /** @ignore */\n    private _viewContainerRef: ViewContainerRef,\n\n    /** @ignore */\n    private loadingService: AXLoadingService,\n\n    /** @ignore */\n    private _platform: AXPlatform,\n    @Inject(DIALOG_DATA)\n\n    /** @ignore */\n    protected data: AXPopupData,\n\n    /** @ignore */\n    private dialogRef: DialogRef<AXComponentCloseEvent>,\n  ) {\n    /** @ignore */\n    super();\n  }\n\n  /** @ignore */\n  override ngOnInit() {\n    super.ngOnInit();\n    if (this._platform.is('SM')) {\n      this.data.draggable = false;\n    }\n    this._loadingId = this.loadingService.show({\n      location: this.getHostElement(),\n    });\n    //\n    if (this.data.content instanceof TemplateRef) {\n      this._selectedPortal = new TemplatePortal(this.data.content, this._viewContainerRef, {\n        $implicit: this.data,\n        ref: this,\n      });\n      this.cdr.markForCheck();\n    } else if (typeof this.data.content === 'function') {\n      this._selectedPortal = new ComponentPortal(this.data.content);\n      this.cdr.markForCheck();\n    }\n  }\n\n  /** @ignore */\n  _handleAttched(ref: CdkPortalOutletAttachedRef) {\n    ref = ref as ComponentRef<unknown>;\n    if (ref.instance) {\n      this._componentRef = ref.instance;\n      Object.assign(this._componentRef, this.data.data);\n      Object.assign(this._componentRef, { _isPopup: true });\n      Object.assign(this._componentRef, {\n        setTitle: (title: string) => {\n          this.data.title = title;\n        },\n      });\n      if (ref.instance.onClosed) {\n        ref.instance.onClosed.subscribe((e: AXComponentCloseEvent) => {\n          this.close(e.data);\n        });\n      }\n    }\n\n    this._zone.runOutsideAngular(() => {\n      setTimeout(() => {\n        const body = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup-body-container');\n        const content = body.children[0];\n        const popHeader = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup-header-container');\n        const popFooter = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup-footer-container');\n\n        const footer = content.querySelector<HTMLDivElement>(':scope > ax-footer');\n        const header = content.querySelector<HTMLDivElement>(':scope > ax-header');\n\n        if (footer) {\n          popFooter?.append(footer);\n        }\n        if (header) {\n          popHeader.innerHTML = '';\n          popHeader.append(header);\n        }\n        this.focus();\n      });\n    });\n    this.loadingService.hide(this._loadingId);\n    this.cdr.markForCheck();\n  }\n\n  /** @ignore */\n  @HostListener('keydown.escape', ['$event'])\n  onKeydownHandler(event: KeyboardEvent) {\n    const focusedOrHasFocused = this.getHostElement().matches(':focus-within');\n    if (this.data.closeButton && focusedOrHasFocused) {\n      this.close();\n    }\n  }\n\n  /** @ignore */\n  _handleCloseClick() {\n    this.close();\n  }\n\n  /** @ignore */\n  ngOnDestroy() {\n    this.loadingService.hide(this._loadingId);\n  }\n\n  /**\n   * Sets focus on the `.ax-popup` element within the host element after a short delay.\n   */\n  focus() {\n    setTimeout(() => this.getHostElement().querySelector<HTMLDivElement>('.ax-popup')?.focus());\n  }\n\n  /**\n   * Closes the dialog, emitting component reference, host element, and optional data.\n   * @param {unknown} [data]\n   */\n  close(data?: unknown) {\n    const closeFn = () => {\n      this.dialogRef.close({\n        component: this._componentRef,\n        htmlElement: this.getHostElement(),\n        data: data,\n      });\n    };\n    if (typeof this._componentRef.onClosing === 'function') {\n      const ee: AXComponentClosing = {\n        cancel: false,\n        data,\n      };\n      const closingResult = this._componentRef.onClosing(ee);\n      if (closingResult instanceof Promise) {\n        closingResult.then(() => {\n          if (!ee.cancel) {\n            closeFn();\n          }\n        });\n      } else {\n        if (!ee.cancel) {\n          closeFn();\n        }\n      }\n    } else {\n      closeFn();\n    }\n  }\n}\n","<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\n  <div class=\"ax-popup ax-popup-{{ data.size }}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!data.draggable\">\n    <div cdkDragHandle class=\"ax-popup-header-container\">\n      @if (data.header) {\n        <div class=\"ax-popup-header\">\n          <span class=\"ax-popup-title\">{{ data.title | translate | async }}</span>\n          @if (data.closeButton) {\n            <ax-close-button tabindex=\"1\"></ax-close-button>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"ax-popup-main-container ax-loading-container\">\n      <div class=\"ax-popup-body-container\">\n        <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n      </div>\n      <div class=\"ax-popup-footer-container\"></div>\n    </div>\n  </div>\n</div>\n","import { AXComponentCloseEvent, AXComponentClosedPromise } from '@acorex/cdk/common';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AXHtmlUtil } from '@acorex/core/utils';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { Injectable, inject } from '@angular/core';\nimport { AXPopupComponent } from './popup.component';\nimport { AXPopupConfig, AXPopupContentType } from './popup.interface';\n\n/**\n * This is a service which you can create popup with it\n *\n * @category Components\n */\n@Injectable()\nexport class AXPopupService {\n  private dialog: Dialog = inject(Dialog);\n  #platform = inject(AXPlatform);\n  /**\n   *  Open popup 1\n   */\n  open(content: AXPopupContentType, title: string): AXComponentClosedPromise;\n  /**\n   *  Open popup 2\n   */\n  open(content: AXPopupContentType, config?: AXPopupConfig): AXComponentClosedPromise;\n\n  /**\n   *  @ignore\n   */\n  open(arg1, arg2): AXComponentClosedPromise {\n    let config: AXPopupConfig = {\n      closeButton: true,\n      header: true,\n      size: 'md',\n      maximizable: false,\n      draggable: true,\n      hasBackdrop: true,\n      closeOnBackdropClick: false,\n      data: {},\n    };\n    if (typeof arg2 === 'string') {\n      config.title = arg2;\n    } else {\n      config = Object.assign(config, arg2);\n    }\n\n    const dialogRef = this.dialog.open<AXComponentCloseEvent, AXPopupConfig, AXPopupComponent>(AXPopupComponent, {\n      data: Object.assign(config, { content: arg1 }),\n      autoFocus: true,\n      restoreFocus: true,\n      closeOnNavigation: true,\n      closeOnDestroy: true,\n      hasBackdrop: config.hasBackdrop,\n      backdropClass: config.backdropClass,\n      disableClose: config.closeOnBackdropClick ? false : true,\n      viewContainerRef: config.viewContainerRef,\n      providers: config.providers,\n      panelClass: config.panelClass ? config.panelClass : [this.#platform.isDark() ? 'ax-dark' : ''],\n      direction: config.direction ? config.direction : AXHtmlUtil.isRtl() ? 'rtl' : 'ltr',\n    });\n    const promise = new AXComponentClosedPromise((resolve) => {\n      dialogRef.closed.subscribe((d) => {\n        if (resolve) {\n          resolve({\n            sender: d?.component,\n            data: d?.data,\n          });\n        }\n      });\n    });\n    return promise;\n  }\n}\n","import { AXCommonModule } from '@acorex/cdk/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DialogModule } from '@angular/cdk/dialog';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXPopupComponent } from './popup.component';\nimport { AXPopupService } from './popup.service';\n\nconst COMPONENT = [AXPopupComponent];\nconst MODULES = [\n  CommonModule,\n  AXCommonModule,\n  DragDropModule,\n  A11yModule,\n  PortalModule,\n  AXDecoratorModule,\n  DialogModule,\n  AXTranslationModule,\n];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [AXPopupService],\n})\nexport class AXPopupModule {}\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-popup.mjs","sources":["../../../../packages/components/popup/src/lib/popup.component.ts","../../../../packages/components/popup/src/lib/popup.component.html","../../../../packages/components/popup/src/lib/popup.service.ts","../../../../packages/components/popup/src/lib/popup.module.ts","../../../../packages/components/popup/src/acorex-components-popup.ts"],"sourcesContent":["import { AXPlatform } from '@acorex/core/platform';\nimport {\n  CdkPortalOutlet,\n  CdkPortalOutletAttachedRef,\n  ComponentPortal,\n  Portal,\n  TemplatePortal,\n} from '@angular/cdk/portal';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  HostListener,\n  Inject,\n  NgZone,\n  OnInit,\n  TemplateRef,\n  ViewContainerRef,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport {\n  AXClosableComponent,\n  AXComponent,\n  AXComponentCloseEvent,\n  AXComponentClosing,\n  MXBaseComponent,\n} from '@acorex/cdk/common';\nimport { AXDecoratorCloseButtonComponent } from '@acorex/components/decorators';\nimport { AXLoadingService } from '@acorex/components/loading';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { CdkTrapFocus } from '@angular/cdk/a11y';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\nimport { CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';\nimport { AsyncPipe } from '@angular/common';\nimport { AXPopupData } from './popup.interface';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-popup',\n  templateUrl: './popup.component.html',\n  styleUrls: ['./popup.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXClosableComponent, useExisting: AXPopupComponent },\n    { provide: AXComponent, useExisting: AXPopupComponent },\n  ],\n  imports: [\n    CdkTrapFocus,\n    CdkDrag,\n    CdkDragHandle,\n    AXDecoratorCloseButtonComponent,\n    CdkPortalOutlet,\n    AsyncPipe,\n    AXTranslatorPipe,\n  ],\n})\nexport class AXPopupComponent extends MXBaseComponent implements OnInit {\n  /**\n   * Indicates whether the component is loading.\n   * @defaultValue true\n   */\n  isLoading = true;\n\n  /** @ignore */\n  private _loadingId: number;\n\n  /** @ignore */\n  protected _selectedPortal: Portal<unknown>;\n\n  /** @ignore */\n  protected _footerPortal: Portal<unknown>;\n\n  /** @ignore */\n  protected _headerPortal: Portal<unknown>;\n\n  /** @ignore */\n  private _componentRef: any;\n\n  /** @ignore */\n  constructor(\n    /** @ignore */\n    private _zone: NgZone,\n\n    /** @ignore */\n    private _viewContainerRef: ViewContainerRef,\n\n    /** @ignore */\n    private loadingService: AXLoadingService,\n\n    /** @ignore */\n    private _platform: AXPlatform,\n    @Inject(DIALOG_DATA)\n\n    /** @ignore */\n    protected data: AXPopupData,\n\n    /** @ignore */\n    private dialogRef: DialogRef<AXComponentCloseEvent>,\n  ) {\n    /** @ignore */\n    super();\n  }\n\n  /** @ignore */\n  override ngOnInit() {\n    super.ngOnInit();\n    if (this._platform.is('SM')) {\n      this.data.draggable = false;\n    }\n    this._loadingId = this.loadingService.show({\n      location: this.getHostElement(),\n    });\n    //\n    if (this.data.content instanceof TemplateRef) {\n      this._selectedPortal = new TemplatePortal(this.data.content, this._viewContainerRef, {\n        $implicit: this.data,\n        ref: this,\n      });\n      this.cdr.markForCheck();\n    } else if (typeof this.data.content === 'function') {\n      this._selectedPortal = new ComponentPortal(this.data.content);\n      this.cdr.markForCheck();\n    }\n  }\n\n  /** @ignore */\n  _handleAttched(ref: CdkPortalOutletAttachedRef) {\n    ref = ref as ComponentRef<unknown>;\n    if (ref.instance) {\n      this._componentRef = ref.instance;\n      Object.assign(this._componentRef, this.data.data);\n      Object.assign(this._componentRef, { _isPopup: true });\n      Object.assign(this._componentRef, {\n        setTitle: (title: string) => {\n          this.data.title = title;\n        },\n      });\n      if (ref.instance.onClosed) {\n        ref.instance.onClosed.subscribe((e: AXComponentCloseEvent) => {\n          this.close(e.data);\n        });\n      }\n    }\n\n    this._zone.runOutsideAngular(() => {\n      setTimeout(() => {\n        const body = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup-body-container');\n        const content = body.children[0];\n        const popHeader = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup-header-container');\n        const popFooter = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup-footer-container');\n\n        const footer = content.querySelector<HTMLDivElement>(':scope > ax-footer');\n        const header = content.querySelector<HTMLDivElement>(':scope > ax-header');\n\n        if (footer) {\n          popFooter?.append(footer);\n        }\n        if (header) {\n          popHeader.innerHTML = '';\n          popHeader.append(header);\n        }\n        this.focus();\n      });\n    });\n    this.loadingService.hide(this._loadingId);\n    this.cdr.markForCheck();\n  }\n\n  /** @ignore */\n  @HostListener('keydown.escape', ['$event'])\n  onKeydownHandler(event: KeyboardEvent) {\n    const focusedOrHasFocused = this.getHostElement().matches(':focus-within');\n    if (this.data.closeButton && focusedOrHasFocused) {\n      this.close();\n    }\n  }\n\n  /** @ignore */\n  _handleCloseClick() {\n    this.close();\n  }\n\n  /** @ignore */\n  ngOnDestroy() {\n    this.loadingService.hide(this._loadingId);\n  }\n\n  /**\n   * Sets focus on the `.ax-popup` element within the host element after a short delay.\n   */\n  focus() {\n    setTimeout(() => this.getHostElement().querySelector<HTMLDivElement>('.ax-popup')?.focus());\n  }\n\n  /**\n   * Closes the dialog, emitting component reference, host element, and optional data.\n   * @param {unknown} [data]\n   */\n  close(data?: unknown) {\n    const closeFn = () => {\n      this.dialogRef.close({\n        component: this._componentRef,\n        htmlElement: this.getHostElement(),\n        data: data,\n      });\n    };\n    if (typeof this._componentRef.onClosing === 'function') {\n      const ee: AXComponentClosing = {\n        cancel: false,\n        data,\n      };\n      const closingResult = this._componentRef.onClosing(ee);\n      if (closingResult instanceof Promise) {\n        closingResult.then(() => {\n          if (!ee.cancel) {\n            closeFn();\n          }\n        });\n      } else {\n        if (!ee.cancel) {\n          closeFn();\n        }\n      }\n    } else {\n      closeFn();\n    }\n  }\n}\n","<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\n  <div class=\"ax-popup ax-popup-{{ data.size }}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!data.draggable\">\n    <div cdkDragHandle class=\"ax-popup-header-container\">\n      @if (data.header) {\n        <div class=\"ax-popup-header\">\n          <span class=\"ax-popup-title\">{{ data.title | translate | async }}</span>\n          @if (data.closeButton) {\n            <ax-close-button tabindex=\"1\"></ax-close-button>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"ax-popup-main-container ax-loading-container\">\n      <div class=\"ax-popup-body-container\">\n        <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n      </div>\n      <div class=\"ax-popup-footer-container\"></div>\n    </div>\n  </div>\n</div>\n","import { AXComponentCloseEvent, AXComponentClosedPromise } from '@acorex/cdk/common';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AXHtmlUtil } from '@acorex/core/utils';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { Injectable, inject } from '@angular/core';\nimport { AXPopupComponent } from './popup.component';\nimport { AXPopupConfig, AXPopupContentType } from './popup.interface';\n\n/**\n * This is a service which you can create popup with it\n *\n * @category Components\n */\n@Injectable()\nexport class AXPopupService {\n  private dialog: Dialog = inject(Dialog);\n  #platform = inject(AXPlatform);\n  /**\n   *  Open popup 1\n   */\n  open(content: AXPopupContentType, title: string): AXComponentClosedPromise;\n  /**\n   *  Open popup 2\n   */\n  open(content: AXPopupContentType, config?: AXPopupConfig): AXComponentClosedPromise;\n\n  /**\n   *  @ignore\n   */\n  open(arg1, arg2): AXComponentClosedPromise {\n    let config: AXPopupConfig = {\n      closeButton: true,\n      header: true,\n      size: 'md',\n      maximizable: false,\n      draggable: true,\n      hasBackdrop: true,\n      closeOnBackdropClick: false,\n      data: {},\n    };\n    if (typeof arg2 === 'string') {\n      config.title = arg2;\n    } else {\n      config = Object.assign(config, arg2);\n    }\n\n    const dialogRef = this.dialog.open<AXComponentCloseEvent, AXPopupConfig, AXPopupComponent>(AXPopupComponent, {\n      data: Object.assign(config, { content: arg1 }),\n      autoFocus: true,\n      restoreFocus: true,\n      closeOnNavigation: true,\n      closeOnDestroy: true,\n      hasBackdrop: config.hasBackdrop,\n      backdropClass: config.backdropClass,\n      disableClose: config.closeOnBackdropClick ? false : true,\n      viewContainerRef: config.viewContainerRef,\n      providers: config.providers,\n      panelClass: config.panelClass ? config.panelClass : [this.#platform.isDark() ? 'ax-dark' : ''],\n      direction: config.direction ? config.direction : AXHtmlUtil.isRtl() ? 'rtl' : 'ltr',\n    });\n    const promise = new AXComponentClosedPromise((resolve) => {\n      dialogRef.closed.subscribe((d) => {\n        if (resolve) {\n          resolve({\n            sender: d?.component,\n            data: d?.data,\n          });\n        }\n      });\n    });\n    return promise;\n  }\n}\n","import { AXCommonModule } from '@acorex/cdk/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DialogModule } from '@angular/cdk/dialog';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXPopupComponent } from './popup.component';\nimport { AXPopupService } from './popup.service';\n\nconst COMPONENT = [AXPopupComponent];\nconst MODULES = [\n  CommonModule,\n  AXCommonModule,\n  DragDropModule,\n  A11yModule,\n  PortalModule,\n  AXDecoratorModule,\n  DialogModule,\n  AXTranslationModule,\n];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [AXPopupService],\n})\nexport class AXPopupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-progress-bar.mjs

@@ -1,4 +1,4 @@
-import { MXColorComponent } from '@acorex/cdk/common';
+import { MXColorComponent, AXComponent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, HostBinding, Input, Output, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -62,12 +62,12 @@ class AXProgressBarComponent extends MXColorComponent {
     get __hostClass() {
         return `ax-${this['color']}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXProgressBarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXProgressBarComponent, isStandalone: true, selector: "ax-progress-bar", inputs: { color: "color", mode: "mode", progress: "progress", height: "height" }, outputs: { ValueChange: "ValueChange", sizeChange: "sizeChange" }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "circle", first: true, predicate: ["c"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@switch (mode) {\n  @case ('indeterminate') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-indeterminate-progress\"></div>\n    </div>\n  }\n  @case ('query') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-query-progress\"></div>\n    </div>\n  }\n  @case ('buffer') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-buffer-progress\"></div>\n    </div>\n  }\n  @default {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n    </div>\n  }\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-progress-bar.ax-default{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-primary-surface)}ax-progress-bar{--ax-comp-progress-bar-backdrop-bg-color: var(--ax-sys-color-dark);--ax-comp-progress-bar-backdrop-bg-color-opacity: .2}ax-progress-bar.ax-primary{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-primary-surface)}ax-progress-bar.ax-secondary{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-secondary-surface)}ax-progress-bar.ax-success{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-success-surface)}ax-progress-bar.ax-warning{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-warning-surface)}ax-progress-bar.ax-danger{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-danger-surface)}.ax-dark ax-progress-bar{--ax-comp-progress-bar-backdrop-bg-color: var(--ax-sys-color-light)}ax-progress-bar{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;position:relative}ax-progress-bar .ax-progress{width:100%;overflow:hidden;background-color:rgba(var(--ax-comp-progress-bar-backdrop-bg-color),var(--ax-comp-progress-bar-backdrop-bg-color-opacity));border-radius:var(--ax-sys-border-radius)}ax-progress-bar .ax-progress .ax-progress-bar{height:100%;background-color:rgba(var(--ax-comp-progress-bar-bg-color));transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);border-style:solid}ax-progress-bar .ax-indeterminate-progress{animation:indeterminateAnimation 1s infinite linear;transform-origin:0% 50%;width:100%;height:100%}@keyframes indeterminateAnimation{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}ax-progress-bar .ax-query-progress{animation:queryAnimation 1s infinite linear;transform-origin:0% 50%;width:100%;height:100%}@keyframes queryAnimation{0%{transform:translate(100%) scaleX(0)}40%{transform:translate(0) scaleX(.7)}to{transform:translate(-50%) scaleX(.5)}}ax-progress-bar .ax-buffer-progress{animation:bufferAnimation 5s infinite linear;transform-origin:0% 50%;width:100%;height:100%;background-color:transparent!important;background-image:repeating-linear-gradient(to right,transparent,transparent .5rem,rgba(var(--ax-comp-progress-bar-bg-color)) .5rem,rgba(var(--ax-comp-progress-bar-bg-color)) 1rem)!important;background-size:100%}@keyframes bufferAnimation{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXProgressBarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: AXProgressBarComponent, isStandalone: true, selector: "ax-progress-bar", inputs: { color: "color", mode: "mode", progress: "progress", height: "height" }, outputs: { ValueChange: "ValueChange", sizeChange: "sizeChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXProgressBarComponent }], viewQueries: [{ propertyName: "circle", first: true, predicate: ["c"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@switch (mode) {\n  @case ('indeterminate') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-indeterminate-progress\"></div>\n    </div>\n  }\n  @case ('query') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-query-progress\"></div>\n    </div>\n  }\n  @case ('buffer') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-buffer-progress\"></div>\n    </div>\n  }\n  @default {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n    </div>\n  }\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-progress-bar.ax-default{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-primary-surface)}ax-progress-bar{--ax-comp-progress-bar-backdrop-bg-color: var(--ax-sys-color-dark);--ax-comp-progress-bar-backdrop-bg-color-opacity: .2}ax-progress-bar.ax-primary{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-primary-surface)}ax-progress-bar.ax-secondary{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-secondary-surface)}ax-progress-bar.ax-success{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-success-surface)}ax-progress-bar.ax-warning{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-warning-surface)}ax-progress-bar.ax-danger{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-danger-surface)}.ax-dark ax-progress-bar{--ax-comp-progress-bar-backdrop-bg-color: var(--ax-sys-color-light)}ax-progress-bar{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;position:relative}ax-progress-bar .ax-progress{width:100%;overflow:hidden;background-color:rgba(var(--ax-comp-progress-bar-backdrop-bg-color),var(--ax-comp-progress-bar-backdrop-bg-color-opacity));border-radius:var(--ax-sys-border-radius)}ax-progress-bar .ax-progress .ax-progress-bar{height:100%;background-color:rgba(var(--ax-comp-progress-bar-bg-color));transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);border-style:solid}ax-progress-bar .ax-indeterminate-progress{animation:indeterminateAnimation 1s infinite linear;transform-origin:0% 50%;width:100%;height:100%}@keyframes indeterminateAnimation{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}ax-progress-bar .ax-query-progress{animation:queryAnimation 1s infinite linear;transform-origin:0% 50%;width:100%;height:100%}@keyframes queryAnimation{0%{transform:translate(100%) scaleX(0)}40%{transform:translate(0) scaleX(.7)}to{transform:translate(-50%) scaleX(.5)}}ax-progress-bar .ax-buffer-progress{animation:bufferAnimation 5s infinite linear;transform-origin:0% 50%;width:100%;height:100%;background-color:transparent!important;background-image:repeating-linear-gradient(to right,transparent,transparent .5rem,rgba(var(--ax-comp-progress-bar-bg-color)) .5rem,rgba(var(--ax-comp-progress-bar-bg-color)) 1rem)!important;background-size:100%}@keyframes bufferAnimation{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-progress-bar', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@switch (mode) {\n  @case ('indeterminate') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-indeterminate-progress\"></div>\n    </div>\n  }\n  @case ('query') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-query-progress\"></div>\n    </div>\n  }\n  @case ('buffer') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-buffer-progress\"></div>\n    </div>\n  }\n  @default {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n    </div>\n  }\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-progress-bar.ax-default{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-primary-surface)}ax-progress-bar{--ax-comp-progress-bar-backdrop-bg-color: var(--ax-sys-color-dark);--ax-comp-progress-bar-backdrop-bg-color-opacity: .2}ax-progress-bar.ax-primary{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-primary-surface)}ax-progress-bar.ax-secondary{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-secondary-surface)}ax-progress-bar.ax-success{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-success-surface)}ax-progress-bar.ax-warning{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-warning-surface)}ax-progress-bar.ax-danger{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-danger-surface)}.ax-dark ax-progress-bar{--ax-comp-progress-bar-backdrop-bg-color: var(--ax-sys-color-light)}ax-progress-bar{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;position:relative}ax-progress-bar .ax-progress{width:100%;overflow:hidden;background-color:rgba(var(--ax-comp-progress-bar-backdrop-bg-color),var(--ax-comp-progress-bar-backdrop-bg-color-opacity));border-radius:var(--ax-sys-border-radius)}ax-progress-bar .ax-progress .ax-progress-bar{height:100%;background-color:rgba(var(--ax-comp-progress-bar-bg-color));transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);border-style:solid}ax-progress-bar .ax-indeterminate-progress{animation:indeterminateAnimation 1s infinite linear;transform-origin:0% 50%;width:100%;height:100%}@keyframes indeterminateAnimation{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}ax-progress-bar .ax-query-progress{animation:queryAnimation 1s infinite linear;transform-origin:0% 50%;width:100%;height:100%}@keyframes queryAnimation{0%{transform:translate(100%) scaleX(0)}40%{transform:translate(0) scaleX(.7)}to{transform:translate(-50%) scaleX(.5)}}ax-progress-bar .ax-buffer-progress{animation:bufferAnimation 5s infinite linear;transform-origin:0% 50%;width:100%;height:100%;background-color:transparent!important;background-image:repeating-linear-gradient(to right,transparent,transparent .5rem,rgba(var(--ax-comp-progress-bar-bg-color)) .5rem,rgba(var(--ax-comp-progress-bar-bg-color)) 1rem)!important;background-size:100%}@keyframes bufferAnimation{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n"] }]
+            args: [{ selector: 'ax-progress-bar', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXProgressBarComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n@switch (mode) {\n  @case ('indeterminate') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-indeterminate-progress\"></div>\n    </div>\n  }\n  @case ('query') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-query-progress\"></div>\n    </div>\n  }\n  @case ('buffer') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-buffer-progress\"></div>\n    </div>\n  }\n  @default {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n    </div>\n  }\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-progress-bar.ax-default{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-primary-surface)}ax-progress-bar{--ax-comp-progress-bar-backdrop-bg-color: var(--ax-sys-color-dark);--ax-comp-progress-bar-backdrop-bg-color-opacity: .2}ax-progress-bar.ax-primary{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-primary-surface)}ax-progress-bar.ax-secondary{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-secondary-surface)}ax-progress-bar.ax-success{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-success-surface)}ax-progress-bar.ax-warning{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-warning-surface)}ax-progress-bar.ax-danger{--ax-comp-progress-bar-bg-color: var(--ax-sys-color-danger-surface)}.ax-dark ax-progress-bar{--ax-comp-progress-bar-backdrop-bg-color: var(--ax-sys-color-light)}ax-progress-bar{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;position:relative}ax-progress-bar .ax-progress{width:100%;overflow:hidden;background-color:rgba(var(--ax-comp-progress-bar-backdrop-bg-color),var(--ax-comp-progress-bar-backdrop-bg-color-opacity));border-radius:var(--ax-sys-border-radius)}ax-progress-bar .ax-progress .ax-progress-bar{height:100%;background-color:rgba(var(--ax-comp-progress-bar-bg-color));transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);border-style:solid}ax-progress-bar .ax-indeterminate-progress{animation:indeterminateAnimation 1s infinite linear;transform-origin:0% 50%;width:100%;height:100%}@keyframes indeterminateAnimation{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}ax-progress-bar .ax-query-progress{animation:queryAnimation 1s infinite linear;transform-origin:0% 50%;width:100%;height:100%}@keyframes queryAnimation{0%{transform:translate(100%) scaleX(0)}40%{transform:translate(0) scaleX(.7)}to{transform:translate(-50%) scaleX(.5)}}ax-progress-bar .ax-buffer-progress{animation:bufferAnimation 5s infinite linear;transform-origin:0% 50%;width:100%;height:100%;background-color:transparent!important;background-image:repeating-linear-gradient(to right,transparent,transparent .5rem,rgba(var(--ax-comp-progress-bar-bg-color)) .5rem,rgba(var(--ax-comp-progress-bar-bg-color)) 1rem)!important;background-size:100%}@keyframes bufferAnimation{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n"] }]
         }], propDecorators: { circle: [{
                 type: ViewChild,
                 args: ['c']
@@ -87,11 +87,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class AXProgressBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: AXProgressBarModule, imports: [CommonModule, AXProgressBarComponent], exports: [AXProgressBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXProgressBarModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: AXProgressBarModule, imports: [CommonModule, AXProgressBarComponent], exports: [AXProgressBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXProgressBarModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXProgressBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXProgressBarComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-progress-bar.mjs","sources":["../../../../packages/components/progress-bar/src/lib/progress-bar.component.ts","../../../../packages/components/progress-bar/src/lib/progress-bar.component.html","../../../../packages/components/progress-bar/src/lib/progress-bar.module.ts","../../../../packages/components/progress-bar/src/acorex-components-progress-bar.ts"],"sourcesContent":["import { MXColorComponent } from '@acorex/cdk/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n\nexport type AXProgressMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';\n\n@Component({\n  selector: 'ax-progress-bar',\n  templateUrl: './progress-bar.component.html',\n  styleUrls: ['./progress-bar.component.scss'],\n  inputs: ['color'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXProgressBarComponent extends MXColorComponent {\n  /** @ignore */\n  @ViewChild('c') circle: ElementRef;\n\n  /**\n   * @event\n   * Emits when the slider value changes.\n   */\n  @Output()\n  ValueChange: EventEmitter<number> = new EventEmitter();\n\n  /** @ignore */\n  private _progress = 0;\n\n  /**\n   * Specifies the progress indicator mode.\n   */\n  @Input()\n  mode: AXProgressMode = 'determinate';\n\n  /**\n   * Gets or sets the progress value (0-100).\n   */\n  @Input()\n\n  /**\n   * Retrieves the current progress value (0-100).\n   */\n  public get progress(): number {\n    return this._progress;\n  }\n\n  /**\n   * Sets the progress value (0-100).\n   * @param {number} v\n   */\n  public set progress(v: number) {\n    this.setOption({\n      name: 'progress',\n      value: v,\n    });\n  }\n\n  /**\n   * Emitted when the size changes.\n   * @event\n   */\n  @Output()\n  sizeChange: EventEmitter<number> = new EventEmitter();\n\n  /** @ignore */\n  private _height = 8;\n\n  /**\n   * Gets or sets the height of the component.\n   * @param {number} v\n   */\n  @Input()\n\n  /**\n   * Gets the height of the component.\n   */\n  public get height(): number {\n    return this._height;\n  }\n\n  /**\n   * Sets the height of the component.\n   * @param {number} v\n   */\n  public set height(v: number) {\n    this.setOption({\n      name: 'height',\n      value: v,\n    });\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this['color']}`;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n@switch (mode) {\n  @case ('indeterminate') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-indeterminate-progress\"></div>\n    </div>\n  }\n  @case ('query') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-query-progress\"></div>\n    </div>\n  }\n  @case ('buffer') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-buffer-progress\"></div>\n    </div>\n  }\n  @default {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n    </div>\n  }\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXProgressBarComponent } from './progress-bar.component';\n\n@NgModule({\n  imports: [CommonModule, AXProgressBarComponent],\n  exports: [AXProgressBarComponent],\n  providers: [],\n})\nexport class AXProgressBarModule {}\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-progress-bar.mjs","sources":["../../../../packages/components/progress-bar/src/lib/progress-bar.component.ts","../../../../packages/components/progress-bar/src/lib/progress-bar.component.html","../../../../packages/components/progress-bar/src/lib/progress-bar.module.ts","../../../../packages/components/progress-bar/src/acorex-components-progress-bar.ts"],"sourcesContent":["import { AXComponent, MXColorComponent } from '@acorex/cdk/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n\nexport type AXProgressMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';\n\n@Component({\n  selector: 'ax-progress-bar',\n  templateUrl: './progress-bar.component.html',\n  styleUrls: ['./progress-bar.component.scss'],\n  inputs: ['color'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXProgressBarComponent }],\n})\nexport class AXProgressBarComponent extends MXColorComponent {\n  /** @ignore */\n  @ViewChild('c') circle: ElementRef;\n\n  /**\n   * @event\n   * Emits when the slider value changes.\n   */\n  @Output()\n  ValueChange: EventEmitter<number> = new EventEmitter();\n\n  /** @ignore */\n  private _progress = 0;\n\n  /**\n   * Specifies the progress indicator mode.\n   */\n  @Input()\n  mode: AXProgressMode = 'determinate';\n\n  /**\n   * Gets or sets the progress value (0-100).\n   */\n  @Input()\n\n  /**\n   * Retrieves the current progress value (0-100).\n   */\n  public get progress(): number {\n    return this._progress;\n  }\n\n  /**\n   * Sets the progress value (0-100).\n   * @param {number} v\n   */\n  public set progress(v: number) {\n    this.setOption({\n      name: 'progress',\n      value: v,\n    });\n  }\n\n  /**\n   * Emitted when the size changes.\n   * @event\n   */\n  @Output()\n  sizeChange: EventEmitter<number> = new EventEmitter();\n\n  /** @ignore */\n  private _height = 8;\n\n  /**\n   * Gets or sets the height of the component.\n   * @param {number} v\n   */\n  @Input()\n\n  /**\n   * Gets the height of the component.\n   */\n  public get height(): number {\n    return this._height;\n  }\n\n  /**\n   * Sets the height of the component.\n   * @param {number} v\n   */\n  public set height(v: number) {\n    this.setOption({\n      name: 'height',\n      value: v,\n    });\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this['color']}`;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n@switch (mode) {\n  @case ('indeterminate') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-indeterminate-progress\"></div>\n    </div>\n  }\n  @case ('query') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-query-progress\"></div>\n    </div>\n  }\n  @case ('buffer') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-buffer-progress\"></div>\n    </div>\n  }\n  @default {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n    </div>\n  }\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXProgressBarComponent } from './progress-bar.component';\n\n@NgModule({\n  imports: [CommonModule, AXProgressBarComponent],\n  exports: [AXProgressBarComponent],\n  providers: [],\n})\nexport class AXProgressBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-qrcode.mjs

@@ -1,4 +1,4 @@
-import { AXValuableComponent } from '@acorex/cdk/common';
+import { AXValuableComponent, AXComponent } from '@acorex/cdk/common';
 import { generateQRCode } from '@acorex/cdk/qrcode';
 import * as i0 from '@angular/core';
 import { input, signal, viewChild, effect, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
@@ -81,17 +81,18 @@ class AXQrcodeComponent {
             console.error(error);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXQrcodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXQrcodeComponent, isStandalone: true, selector: "ax-qrcode", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, outputType: { classPropertyName: "outputType", publicName: "outputType", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXQrcodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: AXQrcodeComponent, isStandalone: true, selector: "ax-qrcode", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, outputType: { classPropertyName: "outputType", publicName: "outputType", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             { provide: AXValuableComponent, useExisting: AXQrcodeComponent },
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => AXQrcodeComponent),
                 multi: true,
             },
+            { provide: AXComponent, useExisting: AXQrcodeComponent },
         ], viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, isSignal: true }, { propertyName: "svg", first: true, predicate: ["svg"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"qrcode\">\n  @if (outputType() === 'canvas') {\n    <canvas #canvas></canvas>\n  } @else if (outputType() === 'svg') {\n    <div #svg></div>\n  } @else {\n    <img [src]=\"qrCodeUrl()\" alt=\"QR Code\" />\n  }\n  <div class=\"logo-container\">\n    <ng-content select=\"img\"></ng-content>\n  </div>\n</div>\n", styles: [".qrcode{position:relative}.qrcode .logo-container{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXQrcodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXQrcodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-qrcode', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: AXValuableComponent, useExisting: AXQrcodeComponent },
@@ -100,15 +101,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                             useExisting: forwardRef(() => AXQrcodeComponent),
                             multi: true,
                         },
+                        { provide: AXComponent, useExisting: AXQrcodeComponent },
                     ], template: "<div class=\"qrcode\">\n  @if (outputType() === 'canvas') {\n    <canvas #canvas></canvas>\n  } @else if (outputType() === 'svg') {\n    <div #svg></div>\n  } @else {\n    <img [src]=\"qrCodeUrl()\" alt=\"QR Code\" />\n  }\n  <div class=\"logo-container\">\n    <ng-content select=\"img\"></ng-content>\n  </div>\n</div>\n", styles: [".qrcode{position:relative}.qrcode .logo-container{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
         }], ctorParameters: () => [] });
 
 class AXQrcodeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXQrcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule, AXQrcodeComponent], exports: [AXQrcodeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXQrcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule, AXQrcodeComponent], exports: [AXQrcodeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXQrcodeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXQrcodeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXQrcodeComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-qrcode.mjs","sources":["../../../../packages/components/qrcode/src/lib/qrcode.class.ts","../../../../packages/components/qrcode/src/lib/qrcode.component.ts","../../../../packages/components/qrcode/src/lib/qrcode.component.html","../../../../packages/components/qrcode/src/lib/qrcode.module.ts","../../../../packages/components/qrcode/src/acorex-components-qrcode.ts"],"sourcesContent":["export type AXQrcodeOutputType = 'canvas' | 'svg' | 'url';\nexport type AXQrcodeLevel = 'L' | 'M' | 'Q' | 'H';\n\nexport function debounce(func: (...args: any) => void, delayMS: number) {\n  let timeoutId;\n\n  return function (...args) {\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n    }\n    timeoutId = setTimeout(() => {\n      func(...args);\n    }, delayMS);\n  };\n}\n","import { AXValuableComponent } from '@acorex/cdk/common';\nimport { generateQRCode } from '@acorex/cdk/qrcode';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  ElementRef,\n  forwardRef,\n  input,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { AXQrcodeLevel, AXQrcodeOutputType } from './qrcode.class';\n\n@Component({\n  selector: 'ax-qrcode',\n  templateUrl: './qrcode.component.html',\n  styleUrls: ['./qrcode.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: AXValuableComponent, useExisting: AXQrcodeComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXQrcodeComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXQrcodeComponent implements AfterViewInit {\n  /**\n   * @description Value of QR code\n   */\n  content = input.required<string>();\n  /**\n   * @description Size of the QR code\n   * @default 256\n   */\n  size = input(256);\n  /**\n   * @description Error correction level can be 'L' | 'M' | 'Q' | 'H'\n   * @default 'M'\n   */\n  level = input<AXQrcodeLevel>('M');\n  /**\n   * @description QR code color, can be a hex code or CSS color name\n   * @default '#000000'\n   */\n  color = input('#000000');\n  /**\n   * @description QR code Background color, can be a hex code or CSS color name\n   * @default '#FFFFFF'\n   */\n  backgroundColor = input('#FFFFFF');\n  /**\n   * @description Type of output can be 'canvas' | 'svg' | 'url'\n   * @default 'canvas'\n   */\n  outputType = input<AXQrcodeOutputType>('canvas'); //\n  /**\n   * @ignore\n   */\n  /**\n   * @description // Holds base64 or URL if outputType is 'url' or 'base64'\n   */\n  protected qrCodeUrl = signal<string | undefined>(undefined);\n  /**\n   * @ignore\n   */\n  private canvas = viewChild<ElementRef<HTMLCanvasElement>>('canvas');\n  /**\n   * @ignore\n   */\n  private svg = viewChild<ElementRef<HTMLCanvasElement>>('svg');\n\n  constructor() {\n    effect(() => {\n      this.generate();\n    });\n  }\n\n  ngAfterViewInit() {\n    this.generate();\n  }\n  generate() {\n    generateQRCode(\n      this.content(),\n      this.size(),\n      this.level(),\n      this.color(),\n      this.backgroundColor(),\n      this.outputType(),\n      this.canvas()?.nativeElement,\n      this.svg()?.nativeElement,\n    )\n      .then((result) => {\n        if (this.outputType() === 'url') {\n          this.qrCodeUrl.set(result as string);\n        }\n      })\n      .catch((error) => {\n        console.error(error);\n      });\n  }\n}\n","<div class=\"qrcode\">\n  @if (outputType() === 'canvas') {\n    <canvas #canvas></canvas>\n  } @else if (outputType() === 'svg') {\n    <div #svg></div>\n  } @else {\n    <img [src]=\"qrCodeUrl()\" alt=\"QR Code\" />\n  }\n  <div class=\"logo-container\">\n    <ng-content select=\"img\"></ng-content>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXQrcodeComponent } from './qrcode.component';\n\n@NgModule({\n  imports: [CommonModule, AXQrcodeComponent],\n  exports: [AXQrcodeComponent],\n})\nexport class AXQrcodeModule {}\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-qrcode.mjs","sources":["../../../../packages/components/qrcode/src/lib/qrcode.class.ts","../../../../packages/components/qrcode/src/lib/qrcode.component.ts","../../../../packages/components/qrcode/src/lib/qrcode.component.html","../../../../packages/components/qrcode/src/lib/qrcode.module.ts","../../../../packages/components/qrcode/src/acorex-components-qrcode.ts"],"sourcesContent":["export type AXQrcodeOutputType = 'canvas' | 'svg' | 'url';\nexport type AXQrcodeLevel = 'L' | 'M' | 'Q' | 'H';\n\nexport function debounce(func: (...args: any) => void, delayMS: number) {\n  let timeoutId;\n\n  return function (...args) {\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n    }\n    timeoutId = setTimeout(() => {\n      func(...args);\n    }, delayMS);\n  };\n}\n","import { AXComponent, AXValuableComponent } from '@acorex/cdk/common';\nimport { generateQRCode } from '@acorex/cdk/qrcode';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  ElementRef,\n  forwardRef,\n  input,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { AXQrcodeLevel, AXQrcodeOutputType } from './qrcode.class';\n\n@Component({\n  selector: 'ax-qrcode',\n  templateUrl: './qrcode.component.html',\n  styleUrls: ['./qrcode.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: AXValuableComponent, useExisting: AXQrcodeComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXQrcodeComponent),\n      multi: true,\n    },\n    { provide: AXComponent, useExisting: AXQrcodeComponent },\n  ],\n})\nexport class AXQrcodeComponent implements AfterViewInit {\n  /**\n   * @description Value of QR code\n   */\n  content = input.required<string>();\n  /**\n   * @description Size of the QR code\n   * @default 256\n   */\n  size = input(256);\n  /**\n   * @description Error correction level can be 'L' | 'M' | 'Q' | 'H'\n   * @default 'M'\n   */\n  level = input<AXQrcodeLevel>('M');\n  /**\n   * @description QR code color, can be a hex code or CSS color name\n   * @default '#000000'\n   */\n  color = input('#000000');\n  /**\n   * @description QR code Background color, can be a hex code or CSS color name\n   * @default '#FFFFFF'\n   */\n  backgroundColor = input('#FFFFFF');\n  /**\n   * @description Type of output can be 'canvas' | 'svg' | 'url'\n   * @default 'canvas'\n   */\n  outputType = input<AXQrcodeOutputType>('canvas'); //\n  /**\n   * @ignore\n   */\n  /**\n   * @description // Holds base64 or URL if outputType is 'url' or 'base64'\n   */\n  protected qrCodeUrl = signal<string | undefined>(undefined);\n  /**\n   * @ignore\n   */\n  private canvas = viewChild<ElementRef<HTMLCanvasElement>>('canvas');\n  /**\n   * @ignore\n   */\n  private svg = viewChild<ElementRef<HTMLCanvasElement>>('svg');\n\n  constructor() {\n    effect(() => {\n      this.generate();\n    });\n  }\n\n  ngAfterViewInit() {\n    this.generate();\n  }\n  generate() {\n    generateQRCode(\n      this.content(),\n      this.size(),\n      this.level(),\n      this.color(),\n      this.backgroundColor(),\n      this.outputType(),\n      this.canvas()?.nativeElement,\n      this.svg()?.nativeElement,\n    )\n      .then((result) => {\n        if (this.outputType() === 'url') {\n          this.qrCodeUrl.set(result as string);\n        }\n      })\n      .catch((error) => {\n        console.error(error);\n      });\n  }\n}\n","<div class=\"qrcode\">\n  @if (outputType() === 'canvas') {\n    <canvas #canvas></canvas>\n  } @else if (outputType() === 'svg') {\n    <div #svg></div>\n  } @else {\n    <img [src]=\"qrCodeUrl()\" alt=\"QR Code\" />\n  }\n  <div class=\"logo-container\">\n    <ng-content select=\"img\"></ng-content>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXQrcodeComponent } from './qrcode.component';\n\n@NgModule({\n  imports: [CommonModule, AXQrcodeComponent],\n  exports: [AXQrcodeComponent],\n})\nexport class AXQrcodeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}