@acorex/components 7.1.1 → 7.1.3

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-popover.mjs","sources":["../../../../projects/acorex/components/popover/src/popover.component.ts","../../../../projects/acorex/components/popover/src/popover.component.html","../../../../projects/acorex/components/popover/src/popover.module.ts","../../../../projects/acorex/components/popover/acorex-components-popover.ts"],"sourcesContent":["import { Overlay, OverlayRef } from '@angular/cdk/overlay';\r\nimport { TemplatePortal } from '@angular/cdk/portal';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  NgZone,\r\n  ViewContainerRef,\r\n  Input,\r\n  ViewChild,\r\n  TemplateRef,\r\n  Output,\r\n  EventEmitter,\r\n  HostListener,\r\n} from '@angular/core';\r\nimport { some, includes } from 'lodash-es';\r\nimport { Subscription, fromEvent, throttleTime } from 'rxjs';\r\nimport { AXConnectedPosition, AXEvent } from '@acorex/components/common';\r\nimport { AXPlatform } from '@acorex/core/platform';\r\nimport { AXPoint, AXDrawingUtil } from '@acorex/core/utils';\r\nimport { AXInteractiveComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';\r\n\r\n\r\n@Component({\r\n  selector: 'ax-popover',\r\n  templateUrl: './popover.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXPopoverComponent extends AXInteractiveComponenetMixin {\r\n  constructor(\r\n    private _elementRef: ElementRef,\r\n    public _cdr: ChangeDetectorRef,\r\n    private _zone: NgZone,\r\n    private _overlay: Overlay,\r\n    private _platform: AXPlatform,\r\n    private _viewContainerRef: ViewContainerRef\r\n  ) {\r\n    super(_elementRef, _cdr);\r\n  }\r\n  //\r\n  private _target: HTMLElement;\r\n  @Input()\r\n  public get target(): HTMLElement | ElementRef | AXBaseComponent {\r\n    return this._target;\r\n  }\r\n  public set target(v: HTMLElement | ElementRef | AXBaseComponent) {\r\n    if (v instanceof HTMLElement) this._target = v;\r\n    else if (v instanceof ElementRef) this._target = v.nativeElement;\r\n    else if (v instanceof AXBaseComponent) this._target = v._getInnerElement();\r\n  }\r\n\r\n  @Input()\r\n  position: AXConnectedPosition | AXConnectedPosition[] = [\r\n    {\r\n      originX: 'start',\r\n      originY: 'bottom',\r\n      overlayX: 'start',\r\n      overlayY: 'top',\r\n    },\r\n    {\r\n      originX: 'start',\r\n      originY: 'top',\r\n      overlayX: 'start',\r\n      overlayY: 'bottom',\r\n    },\r\n  ];\r\n  //\r\n  @ViewChild('baseTemplate')\r\n  _baseTemplate: TemplateRef<any>;\r\n  _overlayRef: OverlayRef;\r\n  _templatePortal: TemplatePortal;\r\n\r\n  _subs: Subscription[] = [];\r\n  //\r\n  @Input()\r\n  openTrigger: 'manual' | 'click' | 'mouseover' | 'toggle' = 'toggle';\r\n  //\r\n  @Input()\r\n  closeTrigger: 'manual' | 'clickout' | 'mouseout' = 'clickout';\r\n  //\r\n  @Input()\r\n  hasBackdrop: boolean = false;\r\n\r\n  @Input()\r\n  backdropClass: string;\r\n\r\n  @Input()\r\n  adaptivityEnabled: boolean = false;\r\n  //\r\n  private _mousePos: AXPoint = { x: 0, y: 0 };\r\n  private _isScrollAttached: boolean = false;\r\n  private _lastActiveElement: HTMLElement;\r\n  //\r\n  @Output()\r\n  onOpened: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\r\n  @Output()\r\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\r\n\r\n  _emitOnOpenedEvent() {\r\n    this.onOpened.emit({\r\n      component: this,\r\n      htmlElement: this._getHostElement(),\r\n    });\r\n  }\r\n\r\n  _emitOnClosedEvent() {\r\n    this.onClosed.emit({\r\n      component: this,\r\n      htmlElement: this._getHostElement(),\r\n    });\r\n  }\r\n  //\r\n  onViewInit() {\r\n    if (this._target) {\r\n      if (this.openTrigger === 'mouseover') {\r\n        const mouseEnter$ = fromEvent<MouseEvent>(this._target, 'mouseover');\r\n        this._addSub(\r\n          mouseEnter$.subscribe((e) => {\r\n            const point = { x: e.clientX, y: e.clientY };\r\n            if (AXDrawingUtil.isInElementBound(point, this._target))\r\n              this.open();\r\n          })\r\n        );\r\n      }\r\n      if (this.closeTrigger === 'mouseout') {\r\n        const mouseMove$ = fromEvent<MouseEvent>(document, 'mousemove');\r\n        this._addSub(\r\n          mouseMove$.pipe(throttleTime(50)).subscribe((e) => {\r\n            this._mousePos.x = e.clientX;\r\n            this._mousePos.y = e.clientY;\r\n            if (this.isOpen) {\r\n              setTimeout(() => {\r\n                if (\r\n                  some([this._target, this._overlayRef.overlayElement], (el) =>\r\n                    includes(\r\n                      document.elementsFromPoint(\r\n                        this._mousePos.x,\r\n                        this._mousePos.y\r\n                      ),\r\n                      el\r\n                    )\r\n                  )\r\n                )\r\n                  this.close();\r\n              }, 100);\r\n            }\r\n          })\r\n        );\r\n      }\r\n      //\r\n      if (this.openTrigger === 'click' || this.openTrigger === 'toggle') {\r\n        const click$ = fromEvent<MouseEvent>(this._target, 'click');\r\n        this._addSub(\r\n          click$.subscribe((e) => {\r\n            this.openTrigger == 'toggle' ? this.toggle() : this.open();\r\n          })\r\n        );\r\n      }\r\n    }\r\n  }\r\n  //\r\n  onDestroy(): void {\r\n    this._overlayRef?.detach();\r\n    this._overlayRef?.dispose();\r\n    this._subs.forEach((s) => {\r\n      s?.unsubscribe();\r\n    });\r\n  }\r\n\r\n  toggle() {\r\n    this.isOpen ? this.close() : this.open();\r\n  }\r\n  //\r\n  close() {\r\n    if (!this.isOpen) {\r\n      return;\r\n    }\r\n    this._overlayRef?.detach();\r\n    this._emitOnClosedEvent();\r\n    //\r\n    if (this._lastActiveElement?.focus) {\r\n      this._lastActiveElement.focus();\r\n    }\r\n  }\r\n\r\n  dispose() {\r\n    this.close();\r\n    this._overlayRef?.dispose();\r\n    this._overlayRef = null as any;\r\n  }\r\n  //\r\n  open() {\r\n    if (this.isOpen) {\r\n      return;\r\n    }\r\n    this._lastActiveElement = document.activeElement as HTMLElement;\r\n    this._ensureOverlayCreated();\r\n    this._overlayRef?.attach(this._templatePortal);\r\n    this._emitOnOpenedEvent();\r\n  }\r\n\r\n  private _ensureOverlayCreated() {\r\n    const targetRef = this._target;\r\n    if (!targetRef) return;\r\n\r\n    if (!this._overlayRef) {\r\n      if (this._platform.is('SM') && this.adaptivityEnabled) {\r\n        this._openAsActionsheet();\r\n      } else {\r\n        this._openAsPopover(targetRef);\r\n      }\r\n\r\n      if (this.closeTrigger == 'clickout') {\r\n        this._addSub(\r\n          this._overlayRef._outsidePointerEvents.subscribe((c) => {\r\n            const target = c.target as HTMLElement;\r\n            const comElem = targetRef;\r\n            if (!comElem.contains(target)) {\r\n              this.close();\r\n            }\r\n          })\r\n        );\r\n      }\r\n      this._addSub(\r\n        this._overlayRef.attachments().subscribe(() => {\r\n          if (!this._isScrollAttached) {\r\n            this._addSub(\r\n              this._platform.scroll.subscribe((c) => {\r\n                if (\r\n                  !(c.nativeEvent.target as HTMLElement)?.closest(\r\n                    '.ax-overlay-pane'\r\n                  )\r\n                )\r\n                  this.close();\r\n              })\r\n            );\r\n            this._isScrollAttached = true;\r\n          }\r\n        })\r\n      );\r\n    }\r\n    if (!this._templatePortal) {\r\n      this._templatePortal = new TemplatePortal(\r\n        this._baseTemplate,\r\n        this._viewContainerRef\r\n      );\r\n    }\r\n  }\r\n\r\n  private _openAsPopover(targetRef: HTMLElement) {\r\n    this._overlayRef = this._overlay.create({\r\n      positionStrategy: this._overlay\r\n        .position()\r\n        .flexibleConnectedTo(targetRef)\r\n        .withPositions(\r\n          Array.isArray(this.position) ? this.position : [this.position]\r\n        )\r\n        .withPush(false),\r\n      scrollStrategy: this._overlay.scrollStrategies.close(),\r\n      disposeOnNavigation: true,\r\n      panelClass: ['ax-animate-fadeIn', 'ax-animate-faster'],\r\n      maxHeight: 'unset',\r\n      hasBackdrop: this.hasBackdrop,\r\n      backdropClass: [this.backdropClass || 'cdk-overlay-transparent-backdrop'],\r\n    });\r\n  }\r\n\r\n  private _openAsActionsheet() {\r\n    this._overlayRef = this._overlay.create({\r\n      positionStrategy: this._overlay\r\n        .position()\r\n        .flexibleConnectedTo(document.body)\r\n        .withPositions([\r\n          {\r\n            originX: 'center',\r\n            originY: 'bottom',\r\n            overlayX: 'center',\r\n            overlayY: 'bottom',\r\n          },\r\n        ]),\r\n      disposeOnNavigation: true,\r\n      panelClass: ['ax-animate-slideInUp', 'ax-animate-faster'],\r\n      hasBackdrop: true,\r\n      width: '100%',\r\n    });\r\n  }\r\n\r\n  get isOpen(): boolean {\r\n    return this._overlayRef ? this._overlayRef.hasAttached() : false;\r\n  }\r\n\r\n  private _addSub(sub: Subscription) {\r\n    this._subs.push(sub);\r\n  }\r\n\r\n  updatePosition(): void {\r\n    this._overlayRef?.updatePosition();\r\n    this.focus();\r\n  }\r\n}\r\n","<ng-template #baseTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXPopoverComponent } from './popover.component';\r\n\r\n@NgModule({\r\n  declarations: [AXPopoverComponent],\r\n  imports: [CommonModule],\r\n  exports: [AXPopoverComponent],\r\n  providers: [],\r\n})\r\nexport class AXPopoverModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-popover.mjs","sources":["../../../../projects/acorex/components/popover/src/popover.component.ts","../../../../projects/acorex/components/popover/src/popover.component.html","../../../../projects/acorex/components/popover/src/popover.module.ts","../../../../projects/acorex/components/popover/acorex-components-popover.ts"],"sourcesContent":["import { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  ElementRef,\n  ChangeDetectorRef,\n  NgZone,\n  ViewContainerRef,\n  Input,\n  ViewChild,\n  TemplateRef,\n  Output,\n  EventEmitter,\n  HostListener,\n} from '@angular/core';\nimport { some, includes } from 'lodash-es';\nimport { Subscription, fromEvent, throttleTime } from 'rxjs';\nimport { AXConnectedPosition, AXEvent } from '@acorex/components/common';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AXPoint, AXDrawingUtil } from '@acorex/core/utils';\nimport { AXInteractiveComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';\n\n\n@Component({\n  selector: 'ax-popover',\n  templateUrl: './popover.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPopoverComponent extends AXInteractiveComponenetMixin {\n  constructor(\n    private _elementRef: ElementRef,\n    public _cdr: ChangeDetectorRef,\n    private _zone: NgZone,\n    private _overlay: Overlay,\n    private _platform: AXPlatform,\n    private _viewContainerRef: ViewContainerRef\n  ) {\n    super(_elementRef, _cdr);\n  }\n  //\n  private _target: HTMLElement;\n  @Input()\n  public get target(): HTMLElement | ElementRef | AXBaseComponent {\n    return this._target;\n  }\n  public set target(v: HTMLElement | ElementRef | AXBaseComponent) {\n    if (v instanceof HTMLElement) this._target = v;\n    else if (v instanceof ElementRef) this._target = v.nativeElement;\n    else if (v instanceof AXBaseComponent) this._target = v._getInnerElement();\n  }\n\n  @Input()\n  position: AXConnectedPosition | AXConnectedPosition[] = [\n    {\n      originX: 'start',\n      originY: 'bottom',\n      overlayX: 'start',\n      overlayY: 'top',\n    },\n    {\n      originX: 'start',\n      originY: 'top',\n      overlayX: 'start',\n      overlayY: 'bottom',\n    },\n  ];\n  //\n  @ViewChild('baseTemplate')\n  _baseTemplate: TemplateRef<any>;\n  _overlayRef: OverlayRef;\n  _templatePortal: TemplatePortal;\n\n  _subs: Subscription[] = [];\n  //\n  @Input()\n  openTrigger: 'manual' | 'click' | 'mouseover' | 'toggle' = 'toggle';\n  //\n  @Input()\n  closeTrigger: 'manual' | 'clickout' | 'mouseout' = 'clickout';\n  //\n  @Input()\n  hasBackdrop: boolean = false;\n\n  @Input()\n  backdropClass: string;\n\n  @Input()\n  adaptivityEnabled: boolean = false;\n  //\n  private _mousePos: AXPoint = { x: 0, y: 0 };\n  private _isScrollAttached: boolean = false;\n  private _lastActiveElement: HTMLElement;\n  //\n  @Output()\n  onOpened: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n  @Output()\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  _emitOnOpenedEvent() {\n    this.onOpened.emit({\n      component: this,\n      htmlElement: this._getHostElement(),\n    });\n  }\n\n  _emitOnClosedEvent() {\n    this.onClosed.emit({\n      component: this,\n      htmlElement: this._getHostElement(),\n    });\n  }\n  //\n  onViewInit() {\n    if (this._target) {\n      if (this.openTrigger === 'mouseover') {\n        const mouseEnter$ = fromEvent<MouseEvent>(this._target, 'mouseover');\n        this._addSub(\n          mouseEnter$.subscribe((e) => {\n            const point = { x: e.clientX, y: e.clientY };\n            if (AXDrawingUtil.isInElementBound(point, this._target))\n              this.open();\n          })\n        );\n      }\n      if (this.closeTrigger === 'mouseout') {\n        const mouseMove$ = fromEvent<MouseEvent>(document, 'mousemove');\n        this._addSub(\n          mouseMove$.pipe(throttleTime(50)).subscribe((e) => {\n            this._mousePos.x = e.clientX;\n            this._mousePos.y = e.clientY;\n            if (this.isOpen) {\n              setTimeout(() => {\n                if (\n                  some([this._target, this._overlayRef.overlayElement], (el) =>\n                    includes(\n                      document.elementsFromPoint(\n                        this._mousePos.x,\n                        this._mousePos.y\n                      ),\n                      el\n                    )\n                  )\n                )\n                  this.close();\n              }, 100);\n            }\n          })\n        );\n      }\n      //\n      if (this.openTrigger === 'click' || this.openTrigger === 'toggle') {\n        const click$ = fromEvent<MouseEvent>(this._target, 'click');\n        this._addSub(\n          click$.subscribe((e) => {\n            this.openTrigger == 'toggle' ? this.toggle() : this.open();\n          })\n        );\n      }\n    }\n  }\n  //\n  onDestroy(): void {\n    this._overlayRef?.detach();\n    this._overlayRef?.dispose();\n    this._subs.forEach((s) => {\n      s?.unsubscribe();\n    });\n  }\n\n  toggle() {\n    this.isOpen ? this.close() : this.open();\n  }\n  //\n  close() {\n    if (!this.isOpen) {\n      return;\n    }\n    this._overlayRef?.detach();\n    this._emitOnClosedEvent();\n    //\n    if (this._lastActiveElement?.focus) {\n      this._lastActiveElement.focus();\n    }\n  }\n\n  dispose() {\n    this.close();\n    this._overlayRef?.dispose();\n    this._overlayRef = null as any;\n  }\n  //\n  open() {\n    if (this.isOpen) {\n      return;\n    }\n    this._lastActiveElement = document.activeElement as HTMLElement;\n    this._ensureOverlayCreated();\n    this._overlayRef?.attach(this._templatePortal);\n    this._emitOnOpenedEvent();\n  }\n\n  private _ensureOverlayCreated() {\n    const targetRef = this._target;\n    if (!targetRef) return;\n\n    if (!this._overlayRef) {\n      if (this._platform.is('SM') && this.adaptivityEnabled) {\n        this._openAsActionsheet();\n      } else {\n        this._openAsPopover(targetRef);\n      }\n\n      if (this.closeTrigger == 'clickout') {\n        this._addSub(\n          this._overlayRef._outsidePointerEvents.subscribe((c) => {\n            const target = c.target as HTMLElement;\n            const comElem = targetRef;\n            if (!comElem.contains(target)) {\n              this.close();\n            }\n          })\n        );\n      }\n      this._addSub(\n        this._overlayRef.attachments().subscribe(() => {\n          if (!this._isScrollAttached) {\n            this._addSub(\n              this._platform.scroll.subscribe((c) => {\n                if (\n                  !(c.nativeEvent.target as HTMLElement)?.closest(\n                    '.ax-overlay-pane'\n                  )\n                )\n                  this.close();\n              })\n            );\n            this._isScrollAttached = true;\n          }\n        })\n      );\n    }\n    if (!this._templatePortal) {\n      this._templatePortal = new TemplatePortal(\n        this._baseTemplate,\n        this._viewContainerRef\n      );\n    }\n  }\n\n  private _openAsPopover(targetRef: HTMLElement) {\n    this._overlayRef = this._overlay.create({\n      positionStrategy: this._overlay\n        .position()\n        .flexibleConnectedTo(targetRef)\n        .withPositions(\n          Array.isArray(this.position) ? this.position : [this.position]\n        )\n        .withPush(false),\n      scrollStrategy: this._overlay.scrollStrategies.close(),\n      disposeOnNavigation: true,\n      panelClass: ['ax-animate-fadeIn', 'ax-animate-faster'],\n      maxHeight: 'unset',\n      hasBackdrop: this.hasBackdrop,\n      backdropClass: [this.backdropClass || 'cdk-overlay-transparent-backdrop'],\n    });\n  }\n\n  private _openAsActionsheet() {\n    this._overlayRef = this._overlay.create({\n      positionStrategy: this._overlay\n        .position()\n        .flexibleConnectedTo(document.body)\n        .withPositions([\n          {\n            originX: 'center',\n            originY: 'bottom',\n            overlayX: 'center',\n            overlayY: 'bottom',\n          },\n        ]),\n      disposeOnNavigation: true,\n      panelClass: ['ax-animate-slideInUp', 'ax-animate-faster'],\n      hasBackdrop: true,\n      width: '100%',\n    });\n  }\n\n  get isOpen(): boolean {\n    return this._overlayRef ? this._overlayRef.hasAttached() : false;\n  }\n\n  private _addSub(sub: Subscription) {\n    this._subs.push(sub);\n  }\n\n  updatePosition(): void {\n    this._overlayRef?.updatePosition();\n    this.focus();\n  }\n}\n","<ng-template #baseTemplate>\n  <ng-content></ng-content>\n</ng-template>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXPopoverComponent } from './popover.component';\n\n@NgModule({\n  declarations: [AXPopoverComponent],\n  imports: [CommonModule],\n  exports: [AXPopoverComponent],\n  providers: [],\n})\nexport class AXPopoverModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-popup.mjs

@@ -140,11 +140,11 @@ class AXPopupComponent extends AXBaseComponentMixin {
     }
     onFullScreen() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPopupComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: i1.AXLoadingService }, { token: i2.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXPopupComponent, 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\">\r\n    <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\r\n        <div cdkDragHandle class=\"ax-popup-header-container\">\r\n            <div class=\"ax-popup-header\" *ngIf=\"showHeader\">\r\n                <span class=\"ax-popup-title\">{{title}}</span>\r\n                <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n            </div>\r\n        </div>\r\n        <div class=\"ax-popup-main-container\">\r\n            <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n        </div>\r\n        <div class=\"ax-popup-footer-container\"></div>\r\n    </div>\r\n</div>", styles: [".ax-popup{display:flex;flex-direction:column;background-color:rgba(var(--ax-color-surface));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);outline-color:transparent;padding:0;width:50%;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:-moz-fit-content;min-height:fit-content;margin:0 auto;width:auto}.ax-popup .ax-popup-header{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem}.ax-popup .ax-popup-header .ax-icon-close{font-size:1.5rem;cursor:pointer}.ax-popup .ax-popup-header .ax-icon-close:hover{opacity:.5}.ax-popup ax-footer{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup:focus{outline-color:transparent}.ax-popup:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}.ax-popup ax-footer{background-color:rgba(var(--ax-color-on-surface))}.ax-popup .ax-popup-main-container{overflow:auto;flex:1 1 0%}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh))}.ax-popup.ax-fit{width:-moz-fit-content;width:fit-content}@media (max-width: 599px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:93vw!important;height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}.ax-popup.ax-popup-sm .ax-popup-main-container>ng-component>div,.ax-popup.ax-popup-md .ax-popup-main-container>ng-component>div,.ax-popup.ax-popup-lg .ax-popup-main-container>ng-component>div{width:100%}}@media (min-width: 600px){.ax-popup.ax-popup-sm{min-width:60vw!important;max-width:85vw!important}.ax-popup.ax-popup-md{min-width:70vw!important;max-width:85vw!important}.ax-popup.ax-popup-lg{min-width:85vw!important;max-width:90vw!important}}@media (min-width: 1200px){.ax-popup.ax-popup-sm{min-width:25vw!important;max-width:35vw!important}.ax-popup.ax-popup-md{min-width:45vw!important;max-width:55vw!important}.ax-popup.ax-popup-lg{min-width:75vw!important;max-width:95vw!important}}@media (min-width: 1800px){.ax-popup.ax-popup-sm{min-width:15vw!important;max-width:25vw!important}.ax-popup.ax-popup-md{min-width:30vw!important;max-width:50vw!important}.ax-popup.ax-popup-lg{min-width:45vw!important;max-width:85vw!important}}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i4.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i6.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXPopupComponent, 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-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\n        <div cdkDragHandle class=\"ax-popup-header-container\">\n            <div class=\"ax-popup-header\" *ngIf=\"showHeader\">\n                <span class=\"ax-popup-title\">{{title}}</span>\n                <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\n            </div>\n        </div>\n        <div class=\"ax-popup-main-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>", styles: [".ax-popup{display:flex;flex-direction:column;background-color:rgba(var(--ax-color-surface));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);outline-color:transparent;padding:0;width:50%;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:-moz-fit-content;min-height:fit-content;margin:0 auto;width:auto}.ax-popup .ax-popup-header{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem}.ax-popup .ax-popup-header .ax-icon-close{font-size:1.5rem;cursor:pointer}.ax-popup .ax-popup-header .ax-icon-close:hover{opacity:.5}.ax-popup ax-footer{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup:focus{outline-color:transparent}.ax-popup:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}.ax-popup ax-footer{background-color:rgba(var(--ax-color-on-surface))}.ax-popup .ax-popup-main-container{overflow:auto;flex:1 1 0%}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh))}.ax-popup.ax-fit{width:-moz-fit-content;width:fit-content}@media (max-width: 599px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:93vw!important;height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}.ax-popup.ax-popup-sm .ax-popup-main-container>ng-component>div,.ax-popup.ax-popup-md .ax-popup-main-container>ng-component>div,.ax-popup.ax-popup-lg .ax-popup-main-container>ng-component>div{width:100%}}@media (min-width: 600px){.ax-popup.ax-popup-sm{min-width:60vw!important;max-width:85vw!important}.ax-popup.ax-popup-md{min-width:70vw!important;max-width:85vw!important}.ax-popup.ax-popup-lg{min-width:85vw!important;max-width:90vw!important}}@media (min-width: 1200px){.ax-popup.ax-popup-sm{min-width:25vw!important;max-width:35vw!important}.ax-popup.ax-popup-md{min-width:45vw!important;max-width:55vw!important}.ax-popup.ax-popup-lg{min-width:75vw!important;max-width:95vw!important}}@media (min-width: 1800px){.ax-popup.ax-popup-sm{min-width:15vw!important;max-width:25vw!important}.ax-popup.ax-popup-md{min-width:30vw!important;max-width:50vw!important}.ax-popup.ax-popup-lg{min-width:45vw!important;max-width:85vw!important}}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i4.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i6.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPopupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-popup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXPopupComponent }], template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\r\n    <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\r\n        <div cdkDragHandle class=\"ax-popup-header-container\">\r\n            <div class=\"ax-popup-header\" *ngIf=\"showHeader\">\r\n                <span class=\"ax-popup-title\">{{title}}</span>\r\n                <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n            </div>\r\n        </div>\r\n        <div class=\"ax-popup-main-container\">\r\n            <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n        </div>\r\n        <div class=\"ax-popup-footer-container\"></div>\r\n    </div>\r\n</div>", styles: [".ax-popup{display:flex;flex-direction:column;background-color:rgba(var(--ax-color-surface));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);outline-color:transparent;padding:0;width:50%;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:-moz-fit-content;min-height:fit-content;margin:0 auto;width:auto}.ax-popup .ax-popup-header{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem}.ax-popup .ax-popup-header .ax-icon-close{font-size:1.5rem;cursor:pointer}.ax-popup .ax-popup-header .ax-icon-close:hover{opacity:.5}.ax-popup ax-footer{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup:focus{outline-color:transparent}.ax-popup:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}.ax-popup ax-footer{background-color:rgba(var(--ax-color-on-surface))}.ax-popup .ax-popup-main-container{overflow:auto;flex:1 1 0%}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh))}.ax-popup.ax-fit{width:-moz-fit-content;width:fit-content}@media (max-width: 599px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:93vw!important;height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}.ax-popup.ax-popup-sm .ax-popup-main-container>ng-component>div,.ax-popup.ax-popup-md .ax-popup-main-container>ng-component>div,.ax-popup.ax-popup-lg .ax-popup-main-container>ng-component>div{width:100%}}@media (min-width: 600px){.ax-popup.ax-popup-sm{min-width:60vw!important;max-width:85vw!important}.ax-popup.ax-popup-md{min-width:70vw!important;max-width:85vw!important}.ax-popup.ax-popup-lg{min-width:85vw!important;max-width:90vw!important}}@media (min-width: 1200px){.ax-popup.ax-popup-sm{min-width:25vw!important;max-width:35vw!important}.ax-popup.ax-popup-md{min-width:45vw!important;max-width:55vw!important}.ax-popup.ax-popup-lg{min-width:75vw!important;max-width:95vw!important}}@media (min-width: 1800px){.ax-popup.ax-popup-sm{min-width:15vw!important;max-width:25vw!important}.ax-popup.ax-popup-md{min-width:30vw!important;max-width:50vw!important}.ax-popup.ax-popup-lg{min-width:45vw!important;max-width:85vw!important}}\n"] }]
+            args: [{ selector: 'ax-popup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXPopupComponent }], template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\n    <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\n        <div cdkDragHandle class=\"ax-popup-header-container\">\n            <div class=\"ax-popup-header\" *ngIf=\"showHeader\">\n                <span class=\"ax-popup-title\">{{title}}</span>\n                <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\n            </div>\n        </div>\n        <div class=\"ax-popup-main-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>", styles: [".ax-popup{display:flex;flex-direction:column;background-color:rgba(var(--ax-color-surface));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);outline-color:transparent;padding:0;width:50%;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:-moz-fit-content;min-height:fit-content;margin:0 auto;width:auto}.ax-popup .ax-popup-header{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem}.ax-popup .ax-popup-header .ax-icon-close{font-size:1.5rem;cursor:pointer}.ax-popup .ax-popup-header .ax-icon-close:hover{opacity:.5}.ax-popup ax-footer{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup:focus{outline-color:transparent}.ax-popup:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}.ax-popup ax-footer{background-color:rgba(var(--ax-color-on-surface))}.ax-popup .ax-popup-main-container{overflow:auto;flex:1 1 0%}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh))}.ax-popup.ax-fit{width:-moz-fit-content;width:fit-content}@media (max-width: 599px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:93vw!important;height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}.ax-popup.ax-popup-sm .ax-popup-main-container>ng-component>div,.ax-popup.ax-popup-md .ax-popup-main-container>ng-component>div,.ax-popup.ax-popup-lg .ax-popup-main-container>ng-component>div{width:100%}}@media (min-width: 600px){.ax-popup.ax-popup-sm{min-width:60vw!important;max-width:85vw!important}.ax-popup.ax-popup-md{min-width:70vw!important;max-width:85vw!important}.ax-popup.ax-popup-lg{min-width:85vw!important;max-width:90vw!important}}@media (min-width: 1200px){.ax-popup.ax-popup-sm{min-width:25vw!important;max-width:35vw!important}.ax-popup.ax-popup-md{min-width:45vw!important;max-width:55vw!important}.ax-popup.ax-popup-lg{min-width:75vw!important;max-width:95vw!important}}@media (min-width: 1800px){.ax-popup.ax-popup-sm{min-width:15vw!important;max-width:25vw!important}.ax-popup.ax-popup-md{min-width:30vw!important;max-width:50vw!important}.ax-popup.ax-popup-lg{min-width:45vw!important;max-width:85vw!important}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: i1.AXLoadingService }, { type: i2.AXPlatform }]; }, propDecorators: { onKeydownHandler: [{
                 type: HostListener,
                 args: ['keydown.escape', ['$event']]

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-popup.mjs","sources":["../../../../projects/acorex/components/popup/src/popup.component.ts","../../../../projects/acorex/components/popup/src/popup.component.html","../../../../projects/acorex/components/popup/src/popup.service.ts","../../../../projects/acorex/components/popup/src/popup.module.ts","../../../../projects/acorex/components/popup/acorex-components-popup.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ViewContainerRef,\r\n  HostListener,\r\n  ComponentRef,\r\n  EventEmitter,\r\n  TemplateRef,\r\n  NgZone,\r\n} from '@angular/core';\r\nimport {\r\n  CdkPortalOutletAttachedRef,\r\n  ComponentPortal,\r\n  Portal,\r\n  TemplatePortal,\r\n} from '@angular/cdk/portal';\r\nimport { AXPlatform } from '@acorex/core/platform';\r\n\r\nimport {\r\n  AXClosbaleComponent,\r\n  AXComponentCloseEvent,\r\n  TAB_META_KEY,\r\n} from '@acorex/components/common';\r\nimport { AXLoadingService } from '@acorex/components/loading';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-popup',\r\n  templateUrl: './popup.component.html',\r\n  styleUrls: ['./popup.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXPopupComponent }],\r\n})\r\nexport class AXPopupComponent extends AXBaseComponentMixin {\r\n  isLoading: boolean = true;\r\n  private _loadingId: number;\r\n\r\n  title: string;\r\n\r\n  onClosed: EventEmitter<AXComponentCloseEvent> =\r\n    new EventEmitter<AXComponentCloseEvent>();\r\n\r\n  size: 'sm' | 'md' | 'lg' | 'full' = 'sm';\r\n  draggable: boolean = true;\r\n\r\n  data: any = {};\r\n\r\n  showCloseButton: boolean = true;\r\n  showHeader: boolean = true;\r\n\r\n  content: any;\r\n\r\n  _selectedPortal: Portal<any>;\r\n  _footerPortal: Portal<any>;\r\n  _headerPortal: Portal<any>;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef,\r\n    private _zone: NgZone,\r\n    private _viewContainerRef: ViewContainerRef,\r\n    private loadingService: AXLoadingService,\r\n    private _platform: AXPlatform\r\n  ) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  onInit() {\r\n    super.onInit();\r\n    if (this._platform.is('Mobile')) {\r\n      this.draggable = false;\r\n    }\r\n\r\n    this._loadingId = this.loadingService.show(\r\n      //TODO: check ts error\r\n      //@ts-ignore\r\n      this._getHostElement().querySelector('.ax-popup-body-container')\r\n    );\r\n    //\r\n    if (typeof this.content === 'string') {\r\n      //   this.rendererService.findLoadedComponentByRoute(this.content, 20).then(route => {\r\n      //     setTimeout(() => {\r\n      //       this.loadComponent(route.component);\r\n      //     }, 300);\r\n      //   });\r\n    } else if (this.content instanceof TemplateRef) {\r\n      this._selectedPortal = new TemplatePortal(\r\n        this.content,\r\n        this._viewContainerRef,\r\n        { $implicit: this.data, ref: this }\r\n      );\r\n      this._cdr.markForCheck();\r\n    } else if (typeof this.content === 'function') {\r\n      this._selectedPortal = new ComponentPortal(this.content);\r\n      this._cdr.markForCheck();\r\n    }\r\n    //\r\n    // this._platform.keydown.subscribe((e) => {\r\n    //     this.close();\r\n    //     e.nativeEvent.stopPropagation();\r\n    // });\r\n  }\r\n\r\n  _handleAttched(ref: CdkPortalOutletAttachedRef) {\r\n    ref = ref as ComponentRef<any>;\r\n    if (ref.instance) {\r\n      this[TAB_META_KEY].component = ref.instance;\r\n      Object.assign(this[TAB_META_KEY].component, this.data);\r\n      Object.assign(this[TAB_META_KEY].component, { _isPopup: true });\r\n      if (ref.instance.onClosed) {\r\n        ref.instance.onClosed.subscribe((e: AXComponentCloseEvent) => {\r\n          this.onClosed.emit(e);\r\n        });\r\n      }\r\n    }\r\n    this._zone.runOutsideAngular(() => {\r\n      setTimeout(() => {\r\n        const main = this._getHostElement().querySelector<HTMLDivElement>(\r\n          '.ax-popup-main-container'\r\n        );\r\n        const popHeader = this._getHostElement().querySelector<HTMLDivElement>(\r\n          '.ax-popup-header-container'\r\n        );\r\n        const popFooter = this._getHostElement().querySelector<HTMLDivElement>(\r\n          '.ax-popup-footer-container'\r\n        );\r\n        const footer = main!.querySelector<HTMLDivElement>('ax-footer');\r\n        const header = main!.querySelector<HTMLDivElement>('ax-header');\r\n        if (footer) {\r\n          popFooter!.append(footer);\r\n        }\r\n        if (header) {\r\n          //TODO: check ts error\r\n          //@ts-ignore\r\n          popHeader.innerHTML = '';\r\n          popHeader!.append(header);\r\n        }\r\n        this.focus();\r\n      });\r\n    });\r\n    this.loadingService.hide(this._loadingId);\r\n    this._cdr.markForCheck();\r\n  }\r\n\r\n  @HostListener('keydown.escape', ['$event'])\r\n  onKeydownHandler(event: KeyboardEvent) {\r\n    let focusedOrHasFocused = this._getHostElement().matches(':focus-within');\r\n    if (this.showCloseButton && focusedOrHasFocused) {\r\n      this.close();\r\n    }\r\n  }\r\n\r\n  _handleCloseClick() {\r\n    this.close();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.loadingService.hide(this._loadingId);\r\n  }\r\n\r\n  focus() {\r\n    setTimeout(() =>\r\n      this._getHostElement().querySelector<HTMLDivElement>('.ax-popup')?.focus()\r\n    );\r\n  }\r\n\r\n  close() {\r\n    this.onClosed.emit({\r\n      //TODO: check ts error\r\n      //@ts-ignore\r\n      component: this[TAB_META_KEY].component,\r\n      htmlElement: this._getHostElement(),\r\n    });\r\n    this._cdr.detectChanges();\r\n  }\r\n\r\n  onFullScreen() {}\r\n}\r\n","<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\r\n    <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\r\n        <div cdkDragHandle class=\"ax-popup-header-container\">\r\n            <div class=\"ax-popup-header\" *ngIf=\"showHeader\">\r\n                <span class=\"ax-popup-title\">{{title}}</span>\r\n                <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n            </div>\r\n        </div>\r\n        <div class=\"ax-popup-main-container\">\r\n            <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n        </div>\r\n        <div class=\"ax-popup-footer-container\"></div>\r\n    </div>\r\n</div>","import { Injectable, TemplateRef } from '@angular/core';\r\nimport {\r\n  AXOverlayService,\r\n  AXOverlayViewRef,\r\n  AXComponentClosedPromise,\r\n  AXComponentCloseEvent,\r\n  TAB_META_KEY,\r\n} from '@acorex/components/common';\r\nimport { AXPopupComponent } from './popup.component';\r\n\r\nexport type AXPopupContentType = string | TemplateRef<any> | Function;\r\nexport type AXPopupSizeType = 'sm' | 'md' | 'lg' | 'full' | 'fit';\r\nexport interface AXPopupOption {\r\n  title?: string;\r\n  showCloseButton?: boolean;\r\n  showHeader?: boolean;\r\n  maximizable?: boolean;\r\n  size?: AXPopupSizeType;\r\n  data?: any;\r\n  draggable?: boolean;\r\n  transparentBackdrop?: boolean;\r\n  closeOnClickOutside?: boolean;\r\n}\r\n/**\r\n * This is a service which you can create popup with it\r\n *\r\n * @category Components\r\n */\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class AXPopupService {\r\n  private stack: Array<AXPopupComponent> = [];\r\n  protected options: AXPopupOption;\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(private overlayService: AXOverlayService) {}\r\n\r\n  /**\r\n   *  Open popup 1\r\n   */\r\n  open(content: AXPopupContentType, title: string): AXComponentClosedPromise;\r\n  /**\r\n   *  Open popup 2\r\n   *  @ignore\r\n   */\r\n  open(\r\n    content: AXPopupContentType,\r\n    options?: AXPopupOption\r\n  ): AXComponentClosedPromise;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  open(arg1, arg2): AXComponentClosedPromise {\r\n    const options: AXPopupOption = {\r\n      showCloseButton: true,\r\n      showHeader: true,\r\n      size: 'md',\r\n      maximizable: false,\r\n      draggable: true,\r\n      transparentBackdrop: false,\r\n      closeOnClickOutside: false,\r\n    };\r\n    if (typeof arg2 === 'string') {\r\n      options.title = arg2;\r\n    } else {\r\n      Object.assign(options, arg2);\r\n    }\r\n    const lastActiveElement = document.activeElement as HTMLElement;\r\n    const com = this.overlayService.show(AXPopupComponent, options, {\r\n      transparentBackdrop: options.transparentBackdrop,\r\n\r\n      scroll: 'block',\r\n      onBackdropClick: () => {\r\n        if (options.closeOnClickOutside) {\r\n          popup.close();\r\n        }\r\n      },\r\n      // onBackdropClick: () => {\r\n      //   console.log('back');\r\n      // },\r\n    });\r\n    const popup = com.instance as AXPopupComponent;\r\n    popup.content = arg1;\r\n    popup[TAB_META_KEY] = {};\r\n    if (options.size) {\r\n      (popup.size as AXPopupSizeType) = options.size;\r\n    }\r\n    this.stack.push(popup);\r\n    popup.onClosed.subscribe(c => {\r\n      this.closePopup(popup, com, c, lastActiveElement);\r\n    });\r\n    const promise = new AXComponentClosedPromise(resolve => {\r\n      popup[TAB_META_KEY].close = e => {\r\n        if (resolve) {\r\n          resolve(e);\r\n        }\r\n      };\r\n    });\r\n    promise['closeMethod'] = () => {\r\n      popup.close();\r\n    };\r\n    return promise;\r\n  }\r\n\r\n  private closePopup(\r\n    popup: AXPopupComponent,\r\n    com: AXOverlayViewRef,\r\n    result: AXComponentCloseEvent,\r\n    lastActiveElement?: HTMLElement\r\n  ) {\r\n    const closeFunc = e => {\r\n      com.dispose();\r\n      this.stack.pop();\r\n      delete e.cancel;\r\n      popup[TAB_META_KEY].close(e);\r\n      if (lastActiveElement?.focus) {\r\n        lastActiveElement.focus();\r\n      } else if (this.stack.length) {\r\n        this.stack.reverse()[0].focus();\r\n      }\r\n    };\r\n    const e = { cancel: false };\r\n    const closingFunc = popup[TAB_META_KEY].component.onClosing;\r\n    if (closingFunc) {\r\n      const res = closingFunc(e);\r\n      if (res instanceof Promise) {\r\n        res.then(() => {\r\n          if (e == null || e.cancel !== true) {\r\n            closeFunc(result);\r\n          }\r\n        });\r\n      } else {\r\n        if (e == null || e.cancel !== true) {\r\n          closeFunc(result);\r\n        }\r\n      }\r\n    } else {\r\n      closeFunc(result);\r\n    }\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { AXPopupComponent } from './popup.component';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\n\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXCommonModule } from '@acorex/components/common';\r\n\r\nconst COMPONENT = [AXPopupComponent];\r\nconst MODULES = [CommonModule,AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXPopupModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"acorex-components-popup.mjs","sources":["../../../../projects/acorex/components/popup/src/popup.component.ts","../../../../projects/acorex/components/popup/src/popup.component.html","../../../../projects/acorex/components/popup/src/popup.service.ts","../../../../projects/acorex/components/popup/src/popup.module.ts","../../../../projects/acorex/components/popup/acorex-components-popup.ts"],"sourcesContent":["import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  ElementRef,\n  ChangeDetectorRef,\n  ViewContainerRef,\n  HostListener,\n  ComponentRef,\n  EventEmitter,\n  TemplateRef,\n  NgZone,\n} from '@angular/core';\nimport {\n  CdkPortalOutletAttachedRef,\n  ComponentPortal,\n  Portal,\n  TemplatePortal,\n} from '@angular/cdk/portal';\nimport { AXPlatform } from '@acorex/core/platform';\n\nimport {\n  AXClosbaleComponent,\n  AXComponentCloseEvent,\n  TAB_META_KEY,\n} from '@acorex/components/common';\nimport { AXLoadingService } from '@acorex/components/loading';\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\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})\nexport class AXPopupComponent extends AXBaseComponentMixin {\n  isLoading: boolean = true;\n  private _loadingId: number;\n\n  title: string;\n\n  onClosed: EventEmitter<AXComponentCloseEvent> =\n    new EventEmitter<AXComponentCloseEvent>();\n\n  size: 'sm' | 'md' | 'lg' | 'full' = 'sm';\n  draggable: boolean = true;\n\n  data: any = {};\n\n  showCloseButton: boolean = true;\n  showHeader: boolean = true;\n\n  content: any;\n\n  _selectedPortal: Portal<any>;\n  _footerPortal: Portal<any>;\n  _headerPortal: Portal<any>;\n\n  /**\n   *  @ignore\n   */\n  constructor(\n    elementRef: ElementRef,\n    cdr: ChangeDetectorRef,\n    private _zone: NgZone,\n    private _viewContainerRef: ViewContainerRef,\n    private loadingService: AXLoadingService,\n    private _platform: AXPlatform\n  ) {\n    super(elementRef, cdr);\n  }\n\n  onInit() {\n    super.onInit();\n    if (this._platform.is('Mobile')) {\n      this.draggable = false;\n    }\n\n    this._loadingId = this.loadingService.show(\n      //TODO: check ts error\n      //@ts-ignore\n      this._getHostElement().querySelector('.ax-popup-body-container')\n    );\n    //\n    if (typeof this.content === 'string') {\n      //   this.rendererService.findLoadedComponentByRoute(this.content, 20).then(route => {\n      //     setTimeout(() => {\n      //       this.loadComponent(route.component);\n      //     }, 300);\n      //   });\n    } else if (this.content instanceof TemplateRef) {\n      this._selectedPortal = new TemplatePortal(\n        this.content,\n        this._viewContainerRef,\n        { $implicit: this.data, ref: this }\n      );\n      this._cdr.markForCheck();\n    } else if (typeof this.content === 'function') {\n      this._selectedPortal = new ComponentPortal(this.content);\n      this._cdr.markForCheck();\n    }\n    //\n    // this._platform.keydown.subscribe((e) => {\n    //     this.close();\n    //     e.nativeEvent.stopPropagation();\n    // });\n  }\n\n  _handleAttched(ref: CdkPortalOutletAttachedRef) {\n    ref = ref as ComponentRef<any>;\n    if (ref.instance) {\n      this[TAB_META_KEY].component = ref.instance;\n      Object.assign(this[TAB_META_KEY].component, this.data);\n      Object.assign(this[TAB_META_KEY].component, { _isPopup: true });\n      if (ref.instance.onClosed) {\n        ref.instance.onClosed.subscribe((e: AXComponentCloseEvent) => {\n          this.onClosed.emit(e);\n        });\n      }\n    }\n    this._zone.runOutsideAngular(() => {\n      setTimeout(() => {\n        const main = this._getHostElement().querySelector<HTMLDivElement>(\n          '.ax-popup-main-container'\n        );\n        const popHeader = this._getHostElement().querySelector<HTMLDivElement>(\n          '.ax-popup-header-container'\n        );\n        const popFooter = this._getHostElement().querySelector<HTMLDivElement>(\n          '.ax-popup-footer-container'\n        );\n        const footer = main!.querySelector<HTMLDivElement>('ax-footer');\n        const header = main!.querySelector<HTMLDivElement>('ax-header');\n        if (footer) {\n          popFooter!.append(footer);\n        }\n        if (header) {\n          //TODO: check ts error\n          //@ts-ignore\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  @HostListener('keydown.escape', ['$event'])\n  onKeydownHandler(event: KeyboardEvent) {\n    let focusedOrHasFocused = this._getHostElement().matches(':focus-within');\n    if (this.showCloseButton && focusedOrHasFocused) {\n      this.close();\n    }\n  }\n\n  _handleCloseClick() {\n    this.close();\n  }\n\n  ngOnDestroy() {\n    this.loadingService.hide(this._loadingId);\n  }\n\n  focus() {\n    setTimeout(() =>\n      this._getHostElement().querySelector<HTMLDivElement>('.ax-popup')?.focus()\n    );\n  }\n\n  close() {\n    this.onClosed.emit({\n      //TODO: check ts error\n      //@ts-ignore\n      component: this[TAB_META_KEY].component,\n      htmlElement: this._getHostElement(),\n    });\n    this._cdr.detectChanges();\n  }\n\n  onFullScreen() {}\n}\n","<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\n    <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\n        <div cdkDragHandle class=\"ax-popup-header-container\">\n            <div class=\"ax-popup-header\" *ngIf=\"showHeader\">\n                <span class=\"ax-popup-title\">{{title}}</span>\n                <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\n            </div>\n        </div>\n        <div class=\"ax-popup-main-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>","import { Injectable, TemplateRef } from '@angular/core';\nimport {\n  AXOverlayService,\n  AXOverlayViewRef,\n  AXComponentClosedPromise,\n  AXComponentCloseEvent,\n  TAB_META_KEY,\n} from '@acorex/components/common';\nimport { AXPopupComponent } from './popup.component';\n\nexport type AXPopupContentType = string | TemplateRef<any> | Function;\nexport type AXPopupSizeType = 'sm' | 'md' | 'lg' | 'full' | 'fit';\nexport interface AXPopupOption {\n  title?: string;\n  showCloseButton?: boolean;\n  showHeader?: boolean;\n  maximizable?: boolean;\n  size?: AXPopupSizeType;\n  data?: any;\n  draggable?: boolean;\n  transparentBackdrop?: boolean;\n  closeOnClickOutside?: boolean;\n}\n/**\n * This is a service which you can create popup with it\n *\n * @category Components\n */\n\n@Injectable({ providedIn: 'root' })\nexport class AXPopupService {\n  private stack: Array<AXPopupComponent> = [];\n  protected options: AXPopupOption;\n  /**\n   *  @ignore\n   */\n  constructor(private overlayService: AXOverlayService) {}\n\n  /**\n   *  Open popup 1\n   */\n  open(content: AXPopupContentType, title: string): AXComponentClosedPromise;\n  /**\n   *  Open popup 2\n   *  @ignore\n   */\n  open(\n    content: AXPopupContentType,\n    options?: AXPopupOption\n  ): AXComponentClosedPromise;\n\n  /**\n   *  @ignore\n   */\n  open(arg1, arg2): AXComponentClosedPromise {\n    const options: AXPopupOption = {\n      showCloseButton: true,\n      showHeader: true,\n      size: 'md',\n      maximizable: false,\n      draggable: true,\n      transparentBackdrop: false,\n      closeOnClickOutside: false,\n    };\n    if (typeof arg2 === 'string') {\n      options.title = arg2;\n    } else {\n      Object.assign(options, arg2);\n    }\n    const lastActiveElement = document.activeElement as HTMLElement;\n    const com = this.overlayService.show(AXPopupComponent, options, {\n      transparentBackdrop: options.transparentBackdrop,\n\n      scroll: 'block',\n      onBackdropClick: () => {\n        if (options.closeOnClickOutside) {\n          popup.close();\n        }\n      },\n      // onBackdropClick: () => {\n      //   console.log('back');\n      // },\n    });\n    const popup = com.instance as AXPopupComponent;\n    popup.content = arg1;\n    popup[TAB_META_KEY] = {};\n    if (options.size) {\n      (popup.size as AXPopupSizeType) = options.size;\n    }\n    this.stack.push(popup);\n    popup.onClosed.subscribe(c => {\n      this.closePopup(popup, com, c, lastActiveElement);\n    });\n    const promise = new AXComponentClosedPromise(resolve => {\n      popup[TAB_META_KEY].close = e => {\n        if (resolve) {\n          resolve(e);\n        }\n      };\n    });\n    promise['closeMethod'] = () => {\n      popup.close();\n    };\n    return promise;\n  }\n\n  private closePopup(\n    popup: AXPopupComponent,\n    com: AXOverlayViewRef,\n    result: AXComponentCloseEvent,\n    lastActiveElement?: HTMLElement\n  ) {\n    const closeFunc = e => {\n      com.dispose();\n      this.stack.pop();\n      delete e.cancel;\n      popup[TAB_META_KEY].close(e);\n      if (lastActiveElement?.focus) {\n        lastActiveElement.focus();\n      } else if (this.stack.length) {\n        this.stack.reverse()[0].focus();\n      }\n    };\n    const e = { cancel: false };\n    const closingFunc = popup[TAB_META_KEY].component.onClosing;\n    if (closingFunc) {\n      const res = closingFunc(e);\n      if (res instanceof Promise) {\n        res.then(() => {\n          if (e == null || e.cancel !== true) {\n            closeFunc(result);\n          }\n        });\n      } else {\n        if (e == null || e.cancel !== true) {\n          closeFunc(result);\n        }\n      }\n    } else {\n      closeFunc(result);\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { AXPopupComponent } from './popup.component';\nimport { AXButtonModule } from '@acorex/components/button';\n\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXCommonModule } from '@acorex/components/common';\n\nconst COMPONENT = [AXPopupComponent];\nconst MODULES = [CommonModule,AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule];\n\n@NgModule({\n    declarations: [...COMPONENT],\n    imports: [...MODULES],\n    exports: [...COMPONENT],\n    providers: [],\n})\nexport class AXPopupModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

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

@@ -21,11 +21,11 @@ class AXProgressBarComponent extends AXBaseComponentMixin {
         return `ax-${this['color']}-default`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXProgressBarComponent, selector: "ax-progress-bar", inputs: { color: "color", look: "look", value: "value" }, host: { properties: { "class": "this.__hostClass" }, classAttribute: "ax-progress-bar" }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-progress-bar-container\">\r\n    <div class=\"ax-progress-bar-rise ax-animate-animated ax-animate-fedeIn ax-animate-faster\" [style.width.%]=\"value\">\r\n    </div>\r\n</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-progress-bar{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}ax-progress-bar ax-prefix{padding-inline-end:.5rem}ax-progress-bar ax-suffix{padding-inline-start:.5rem}ax-progress-bar .ax-progress-bar-container{width:100%;height:.5rem;position:relative;display:flex;border-radius:99rem;background-color:rgba(var(--ax-color-on-surface))}ax-progress-bar .ax-progress-bar-container .ax-progress-bar-rise{max-width:100%;transition:width 1s;background-color:rgba(var(--ax-color-primary-500));height:100%;position:absolute;inset-inline-start:0;border-radius:99rem}ax-progress-bar.ax-primary-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-primary-500))}ax-progress-bar.ax-secondary-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-secondary-500))}ax-progress-bar.ax-success-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-success-500))}ax-progress-bar.ax-warning-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-warning-500))}ax-progress-bar.ax-danger-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-danger-500))}ax-progress-bar.ax-info-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-info-500))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXProgressBarComponent, selector: "ax-progress-bar", inputs: { color: "color", look: "look", value: "value" }, host: { properties: { "class": "this.__hostClass" }, classAttribute: "ax-progress-bar" }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-bar-container\">\n    <div class=\"ax-progress-bar-rise ax-animate-animated ax-animate-fedeIn ax-animate-faster\" [style.width.%]=\"value\">\n    </div>\n</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-progress-bar{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}ax-progress-bar ax-prefix{padding-inline-end:.5rem}ax-progress-bar ax-suffix{padding-inline-start:.5rem}ax-progress-bar .ax-progress-bar-container{width:100%;height:.5rem;position:relative;display:flex;border-radius:99rem;background-color:rgba(var(--ax-color-on-surface))}ax-progress-bar .ax-progress-bar-container .ax-progress-bar-rise{max-width:100%;transition:width 1s;background-color:rgba(var(--ax-color-primary-500));height:100%;position:absolute;inset-inline-start:0;border-radius:99rem}ax-progress-bar.ax-primary-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-primary-500))}ax-progress-bar.ax-secondary-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-secondary-500))}ax-progress-bar.ax-success-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-success-500))}ax-progress-bar.ax-warning-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-warning-500))}ax-progress-bar.ax-danger-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-danger-500))}ax-progress-bar.ax-info-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-info-500))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-progress-bar', inputs: ['color', 'look',], host: { class: 'ax-progress-bar' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-progress-bar-container\">\r\n    <div class=\"ax-progress-bar-rise ax-animate-animated ax-animate-fedeIn ax-animate-faster\" [style.width.%]=\"value\">\r\n    </div>\r\n</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-progress-bar{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}ax-progress-bar ax-prefix{padding-inline-end:.5rem}ax-progress-bar ax-suffix{padding-inline-start:.5rem}ax-progress-bar .ax-progress-bar-container{width:100%;height:.5rem;position:relative;display:flex;border-radius:99rem;background-color:rgba(var(--ax-color-on-surface))}ax-progress-bar .ax-progress-bar-container .ax-progress-bar-rise{max-width:100%;transition:width 1s;background-color:rgba(var(--ax-color-primary-500));height:100%;position:absolute;inset-inline-start:0;border-radius:99rem}ax-progress-bar.ax-primary-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-primary-500))}ax-progress-bar.ax-secondary-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-secondary-500))}ax-progress-bar.ax-success-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-success-500))}ax-progress-bar.ax-warning-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-warning-500))}ax-progress-bar.ax-danger-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-danger-500))}ax-progress-bar.ax-info-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-info-500))}\n"] }]
+            args: [{ selector: 'ax-progress-bar', inputs: ['color', 'look',], host: { class: 'ax-progress-bar' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-bar-container\">\n    <div class=\"ax-progress-bar-rise ax-animate-animated ax-animate-fedeIn ax-animate-faster\" [style.width.%]=\"value\">\n    </div>\n</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-progress-bar{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}ax-progress-bar ax-prefix{padding-inline-end:.5rem}ax-progress-bar ax-suffix{padding-inline-start:.5rem}ax-progress-bar .ax-progress-bar-container{width:100%;height:.5rem;position:relative;display:flex;border-radius:99rem;background-color:rgba(var(--ax-color-on-surface))}ax-progress-bar .ax-progress-bar-container .ax-progress-bar-rise{max-width:100%;transition:width 1s;background-color:rgba(var(--ax-color-primary-500));height:100%;position:absolute;inset-inline-start:0;border-radius:99rem}ax-progress-bar.ax-primary-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-primary-500))}ax-progress-bar.ax-secondary-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-secondary-500))}ax-progress-bar.ax-success-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-success-500))}ax-progress-bar.ax-warning-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-warning-500))}ax-progress-bar.ax-danger-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-danger-500))}ax-progress-bar.ax-info-default .ax-progress-bar-rise{background-color:rgba(var(--ax-color-info-500))}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { value: [{
                 type: Input
             }], __hostClass: [{

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-progress-bar.mjs","sources":["../../../../projects/acorex/components/progress-bar/src/progress-bar.component.ts","../../../../projects/acorex/components/progress-bar/src/progress-bar.component.html","../../../../projects/acorex/components/progress-bar/src/progress-bar.module.ts","../../../../projects/acorex/components/progress-bar/acorex-components-progress-bar.ts"],"sourcesContent":["import { COLOR_LOOK_INPUTS, AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-progress-bar',\r\n  templateUrl: './progress-bar.component.html',\r\n  styleUrls: ['./progress-bar.component.scss'],\r\n  inputs: ['color', 'look',],\r\n  host: { class: 'ax-progress-bar' },\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXProgressBarComponent extends AXBaseComponentMixin {\r\n  @Input()\r\n  value: number = 0;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  ngOnInit(): void {}\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    return `ax-${this['color']}-default`;\r\n  }\r\n}\r\n","<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-progress-bar-container\">\r\n    <div class=\"ax-progress-bar-rise ax-animate-animated ax-animate-fedeIn ax-animate-faster\" [style.width.%]=\"value\">\r\n    </div>\r\n</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXProgressBarComponent } from './progress-bar.component';\r\n\r\n@NgModule({\r\n    declarations: [AXProgressBarComponent],\r\n    imports: [CommonModule],\r\n    exports: [AXProgressBarComponent],\r\n    providers: [],\r\n})\r\nexport class AXProgressBarModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAGA;;;;AAIG;AACH,MASa,sBAAuB,SAAQ,oBAAoB,CAAA;IAE9D,KAAK,GAAW,CAAC,CAAC;AAElB;;AAEG;AACH,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;KACT;AAED,IAAA,QAAQ,MAAW;AAEnB,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,MAAM,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;KACtC;uGAhBU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,kOCjBnC,qSAK4C,EAAA,MAAA,EAAA,CAAA,stCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDY/B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBATlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,UAGnB,CAAC,OAAO,EAAE,MAAM,EAAE,QACpB,EAAE,KAAK,EAAE,iBAAiB,EAAE,mBACjB,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,qSAAA,EAAA,MAAA,EAAA,CAAA,stCAAA,CAAA,EAAA,CAAA;0EAIrC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAaM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;AE1BtB,MAMa,mBAAmB,CAAA;uGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EALb,YAAA,EAAA,CAAA,sBAAsB,CAC3B,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAGvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAJlB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAIb,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,SAAS,EAAE,EAAE;AAChB,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-progress-bar.mjs","sources":["../../../../projects/acorex/components/progress-bar/src/progress-bar.component.ts","../../../../projects/acorex/components/progress-bar/src/progress-bar.component.html","../../../../projects/acorex/components/progress-bar/src/progress-bar.module.ts","../../../../projects/acorex/components/progress-bar/acorex-components-progress-bar.ts"],"sourcesContent":["import { COLOR_LOOK_INPUTS, AXBaseComponentMixin } from '@acorex/components/mixin';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } 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@Component({\n  selector: 'ax-progress-bar',\n  templateUrl: './progress-bar.component.html',\n  styleUrls: ['./progress-bar.component.scss'],\n  inputs: ['color', 'look',],\n  host: { class: 'ax-progress-bar' },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXProgressBarComponent extends AXBaseComponentMixin {\n  @Input()\n  value: number = 0;\n\n  /**\n   *  @ignore\n   */\n  constructor() {\n    super();\n  }\n\n  ngOnInit(): void {}\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this['color']}-default`;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-bar-container\">\n    <div class=\"ax-progress-bar-rise ax-animate-animated ax-animate-fedeIn ax-animate-faster\" [style.width.%]=\"value\">\n    </div>\n</div>\n<ng-content select=\"ax-suffix\"></ng-content>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXProgressBarComponent } from './progress-bar.component';\n\n@NgModule({\n    declarations: [AXProgressBarComponent],\n    imports: [CommonModule],\n    exports: [AXProgressBarComponent],\n    providers: [],\n})\nexport class AXProgressBarModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAGA;;;;AAIG;AACH,MASa,sBAAuB,SAAQ,oBAAoB,CAAA;IAE9D,KAAK,GAAW,CAAC,CAAC;AAElB;;AAEG;AACH,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;KACT;AAED,IAAA,QAAQ,MAAW;AAEnB,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,MAAM,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;KACtC;uGAhBU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,kOCjBnC,2RAK4C,EAAA,MAAA,EAAA,CAAA,stCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDY/B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBATlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,UAGnB,CAAC,OAAO,EAAE,MAAM,EAAE,QACpB,EAAE,KAAK,EAAE,iBAAiB,EAAE,mBACjB,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,2RAAA,EAAA,MAAA,EAAA,CAAA,stCAAA,CAAA,EAAA,CAAA;0EAIrC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAaM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;AE1BtB,MAMa,mBAAmB,CAAA;uGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EALb,YAAA,EAAA,CAAA,sBAAsB,CAC3B,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAGvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAJlB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAIb,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,SAAS,EAAE,EAAE;AAChB,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/acorex-components-radio.mjs

@@ -30,11 +30,11 @@ class AXRadioComponent extends AXBaseValueComponentMixin {
         return `${this.disabled ? 'ax-state-disabled' : '', this.readonly ? 'ax-state-readonly' : ''}`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRadioComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXRadioComponent, selector: "ax-radio", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", allowNull: "allowNull", value: "value", name: "name", checked: "checked" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-checkbox-label\">\r\n    <div class=\"ax-checkbox-start-side\">\r\n        <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [(ngModel)]=\"value\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (click)=\"_handleOnClickEvent($event)\" (focus)=\"_emitOnFocusEvent($event)\"\r\n        (blur)=\"_emitOnBlurEvent($event)\">\r\n    </div>\r\n    <div class=\"ax-checkbox-end-side\">\r\n        <ng-content select=\"ax-label\"></ng-content>\r\n        <ng-content select=\"ax-form-hint\"></ng-content>\r\n    </div>\r\n</div>\r\n{{disabled}}\r\n<ng-content select=\"ax-validation-rule\"></ng-content>", styles: ["ax-radio.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-radio.ax-state-readonly{opacity:.8;cursor:text}ax-radio .ax-checkbox-label{display:flex;align-items:flex-start;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.25rem}ax-radio .ax-checkbox-label .ax-checkbox-start-side{display:flex;align-items:center;height:1.25rem}ax-radio .ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXRadioComponent, selector: "ax-radio", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", allowNull: "allowNull", value: "value", name: "name", checked: "checked" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-checkbox-label\">\n    <div class=\"ax-checkbox-start-side\">\n        <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [(ngModel)]=\"value\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (click)=\"_handleOnClickEvent($event)\" (focus)=\"_emitOnFocusEvent($event)\"\n        (blur)=\"_emitOnBlurEvent($event)\">\n    </div>\n    <div class=\"ax-checkbox-end-side\">\n        <ng-content select=\"ax-label\"></ng-content>\n        <ng-content select=\"ax-form-hint\"></ng-content>\n    </div>\n</div>\n{{disabled}}\n<ng-content select=\"ax-validation-rule\"></ng-content>", styles: ["ax-radio.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-radio.ax-state-readonly{opacity:.8;cursor:text}ax-radio .ax-checkbox-label{display:flex;align-items:flex-start;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.25rem}ax-radio .ax-checkbox-label .ax-checkbox-start-side{display:flex;align-items:center;height:1.25rem}ax-radio .ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRadioComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-radio', inputs: ['disabled', 'tabIndex', 'readonly', 'allowNull', 'value', 'name', 'checked'], outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-checkbox-label\">\r\n    <div class=\"ax-checkbox-start-side\">\r\n        <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [(ngModel)]=\"value\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (click)=\"_handleOnClickEvent($event)\" (focus)=\"_emitOnFocusEvent($event)\"\r\n        (blur)=\"_emitOnBlurEvent($event)\">\r\n    </div>\r\n    <div class=\"ax-checkbox-end-side\">\r\n        <ng-content select=\"ax-label\"></ng-content>\r\n        <ng-content select=\"ax-form-hint\"></ng-content>\r\n    </div>\r\n</div>\r\n{{disabled}}\r\n<ng-content select=\"ax-validation-rule\"></ng-content>", styles: ["ax-radio.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-radio.ax-state-readonly{opacity:.8;cursor:text}ax-radio .ax-checkbox-label{display:flex;align-items:flex-start;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.25rem}ax-radio .ax-checkbox-label .ax-checkbox-start-side{display:flex;align-items:center;height:1.25rem}ax-radio .ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}\n"] }]
+            args: [{ selector: 'ax-radio', inputs: ['disabled', 'tabIndex', 'readonly', 'allowNull', 'value', 'name', 'checked'], outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-checkbox-label\">\n    <div class=\"ax-checkbox-start-side\">\n        <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [(ngModel)]=\"value\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (click)=\"_handleOnClickEvent($event)\" (focus)=\"_emitOnFocusEvent($event)\"\n        (blur)=\"_emitOnBlurEvent($event)\">\n    </div>\n    <div class=\"ax-checkbox-end-side\">\n        <ng-content select=\"ax-label\"></ng-content>\n        <ng-content select=\"ax-form-hint\"></ng-content>\n    </div>\n</div>\n{{disabled}}\n<ng-content select=\"ax-validation-rule\"></ng-content>", styles: ["ax-radio.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-radio.ax-state-readonly{opacity:.8;cursor:text}ax-radio .ax-checkbox-label{display:flex;align-items:flex-start;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.25rem}ax-radio .ax-checkbox-label .ax-checkbox-start-side{display:flex;align-items:center;height:1.25rem}ax-radio .ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { __hostClass: [{
                 type: HostBinding,
                 args: ['class']

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-radio.mjs","sources":["../../../../projects/acorex/components/radio/src/radio.component.ts","../../../../projects/acorex/components/radio/src/radio.component.html","../../../../projects/acorex/components/radio/src/radio.module.ts","../../../../projects/acorex/components/radio/acorex-components-radio.ts"],"sourcesContent":["\r\nimport { AXBaseValueComponentMixin } from '@acorex/components/mixin';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  HostBinding,\r\n} from '@angular/core';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-radio',\r\n  templateUrl: './radio.component.html',\r\n  styleUrls: ['./radio.component.scss'],\r\n  inputs: ['disabled', 'tabIndex', 'readonly', 'allowNull', 'value', 'name', 'checked'],\r\n  outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXRadioComponent extends AXBaseValueComponentMixin {\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n    //TODO: ax-radio\r\n  }\r\n\r\n  _handleOnClickEvent(e: MouseEvent) {\r\n    if (this.readonly || this.disabled) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return false;\r\n    }\r\n    return true\r\n  }\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    return `${this.disabled ? 'ax-state-disabled' : '', this.readonly ? 'ax-state-readonly' : ''}`\r\n  }\r\n}\r\n","<div class=\"ax-checkbox-label\">\r\n    <div class=\"ax-checkbox-start-side\">\r\n        <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [(ngModel)]=\"value\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (click)=\"_handleOnClickEvent($event)\" (focus)=\"_emitOnFocusEvent($event)\"\r\n        (blur)=\"_emitOnBlurEvent($event)\">\r\n    </div>\r\n    <div class=\"ax-checkbox-end-side\">\r\n        <ng-content select=\"ax-label\"></ng-content>\r\n        <ng-content select=\"ax-form-hint\"></ng-content>\r\n    </div>\r\n</div>\r\n{{disabled}}\r\n<ng-content select=\"ax-validation-rule\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { AXRadioComponent } from './radio.component';\r\n\r\nconst COMPONENT = [AXRadioComponent];\r\nconst MODULES = [CommonModule,FormsModule];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXRadioModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-radio.mjs","sources":["../../../../projects/acorex/components/radio/src/radio.component.ts","../../../../projects/acorex/components/radio/src/radio.component.html","../../../../projects/acorex/components/radio/src/radio.module.ts","../../../../projects/acorex/components/radio/acorex-components-radio.ts"],"sourcesContent":["\nimport { AXBaseValueComponentMixin } from '@acorex/components/mixin';\nimport {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  ElementRef,\n  ChangeDetectorRef,\n  HostBinding,\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@Component({\n  selector: 'ax-radio',\n  templateUrl: './radio.component.html',\n  styleUrls: ['./radio.component.scss'],\n  inputs: ['disabled', 'tabIndex', 'readonly', 'allowNull', 'value', 'name', 'checked'],\n  outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXRadioComponent extends AXBaseValueComponentMixin {\n  /**\n   *  @ignore\n   */\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\n    super(elementRef, cdr);\n    //TODO: ax-radio\n  }\n\n  _handleOnClickEvent(e: MouseEvent) {\n    if (this.readonly || this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return false;\n    }\n    return true\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `${this.disabled ? 'ax-state-disabled' : '', this.readonly ? 'ax-state-readonly' : ''}`\n  }\n}\n","<div class=\"ax-checkbox-label\">\n    <div class=\"ax-checkbox-start-side\">\n        <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [(ngModel)]=\"value\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (click)=\"_handleOnClickEvent($event)\" (focus)=\"_emitOnFocusEvent($event)\"\n        (blur)=\"_emitOnBlurEvent($event)\">\n    </div>\n    <div class=\"ax-checkbox-end-side\">\n        <ng-content select=\"ax-label\"></ng-content>\n        <ng-content select=\"ax-form-hint\"></ng-content>\n    </div>\n</div>\n{{disabled}}\n<ng-content select=\"ax-validation-rule\"></ng-content>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { AXRadioComponent } from './radio.component';\n\nconst COMPONENT = [AXRadioComponent];\nconst MODULES = [CommonModule,FormsModule];\n\n@NgModule({\n    declarations: [...COMPONENT],\n    imports: [...MODULES],\n    exports: [...COMPONENT],\n    providers: [],\n})\nexport class AXRadioModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-range-slider.mjs","sources":["../../../../projects/acorex/components/range-slider/src/range-slider.component.ts","../../../../projects/acorex/components/range-slider/src/range-slider.component.html","../../../../projects/acorex/components/range-slider/src/range-slider.module.ts","../../../../projects/acorex/components/range-slider/acorex-components-range-slider.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  Input,\r\n  EventEmitter,\r\n  HostBinding,\r\n  Output,\r\n  NgZone,\r\n} from '@angular/core';\r\n\r\nimport {\r\n  AXStyleColorType,\r\n  AXValuableComponent,\r\n} from '@acorex/components/common';\r\nimport {\r\n  AXBaseValueComponentMixin,\r\n  AXComponentOptionChanged,\r\n} from '@acorex/components/mixin';\r\n\r\n@Component({\r\n  selector: 'ax-range-slider',\r\n  templateUrl: './range-slider.component.html',\r\n  styleUrls: ['./range-slider.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  inputs: ['readonly', 'allowNull', 'value', 'name', 'checked'],\r\n  outputs: ['valueChange', 'onValueChanged'],\r\n  host: { class: 'ax-range-slider' },\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [\r\n    { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },\r\n  ],\r\n})\r\nexport class AXRangeSliderComponent extends AXBaseValueComponentMixin {\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef,\r\n    private _zone: NgZone\r\n  ) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  private _minValue: number = 0;\r\n  /**\r\n   *  Specifies the smallest value that is valid\r\n   */\r\n  @Input()\r\n  public get minValue(): number {\r\n    return this._minValue ?? 0;\r\n  }\r\n  public set minValue(v: number) {\r\n    this._setOption({\r\n      name: 'minValue',\r\n      value: v != null ? Number(v) : 0,\r\n    });\r\n  }\r\n\r\n  private _maxValue: number = 100;\r\n  /**\r\n   *  Specifies the greatest value that is valid\r\n   */\r\n  @Input()\r\n  public get maxValue(): number {\r\n    return this._maxValue ?? 100;\r\n  }\r\n  public set maxValue(v: number) {\r\n    this._setOption({\r\n      name: 'maxValue',\r\n      value: v != null ? Number(v) : 100,\r\n    });\r\n  }\r\n\r\n  private _step: number = 1;\r\n  /**\r\n   *  Specifies the greatest value that is valid\r\n   */\r\n  @Input()\r\n  public get step(): number {\r\n    return this._step ?? 100;\r\n  }\r\n  public set step(v: number) {\r\n    this._setOption({\r\n      name: 'step',\r\n      value: v != null ? Number(v) : 1,\r\n    });\r\n  }\r\n\r\n  @Output()\r\n  colorChange: EventEmitter<AXStyleColorType> = new EventEmitter();\r\n  _color: AXStyleColorType = 'primary';\r\n  /**\r\n   *  Predefined color schemes\r\n   */\r\n  @Input()\r\n  get color(): AXStyleColorType {\r\n    return this._color;\r\n  }\r\n  set color(value: AXStyleColorType) {\r\n    this._setOption({\r\n      name: 'color',\r\n      value,\r\n      afterCallback: () => {\r\n        this._cdr.markForCheck();\r\n      },\r\n    });\r\n  }\r\n\r\n  @Input() oriantaion: 'vertical' | 'horizontal' = 'horizontal';\r\n\r\n  onViewInit() {\r\n    this._calcVars();\r\n    this.value = this.value ?? (this.maxValue - this.minValue) / 2;\r\n  }\r\n\r\n  _onValueChanged(oldValue: number, newValue: number) {\r\n    this._calcVars();\r\n  }\r\n\r\n  _onOptionChanged(e: AXComponentOptionChanged) {\r\n    this._calcVars();\r\n  }\r\n\r\n  private _calcVars() {\r\n    this._zone.runOutsideAngular(() => {\r\n      const per =\r\n        (((this.value ?? 0) - this.minValue) /\r\n          (this.maxValue - this.minValue)) *\r\n          100 -\r\n        0.1;\r\n      this._getHostElement().style.setProperty('--ax-current-value', `${per}%`);\r\n    });\r\n  }\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    return `ax-${this.color}-default ax-${this.oriantaion}`;\r\n  }\r\n}\r\n","<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [(ngModel)]=\"value\" [step]=\"step\">","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXRangeSliderComponent } from './range-slider.component';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nconst COMPONENT = [AXRangeSliderComponent];\r\nconst MODULES = [CommonModule,FormsModule];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXRangeSliderModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-range-slider.mjs","sources":["../../../../projects/acorex/components/range-slider/src/range-slider.component.ts","../../../../projects/acorex/components/range-slider/src/range-slider.component.html","../../../../projects/acorex/components/range-slider/src/range-slider.module.ts","../../../../projects/acorex/components/range-slider/acorex-components-range-slider.ts"],"sourcesContent":["import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  ElementRef,\n  ChangeDetectorRef,\n  Input,\n  EventEmitter,\n  HostBinding,\n  Output,\n  NgZone,\n} from '@angular/core';\n\nimport {\n  AXStyleColorType,\n  AXValuableComponent,\n} from '@acorex/components/common';\nimport {\n  AXBaseValueComponentMixin,\n  AXComponentOptionChanged,\n} from '@acorex/components/mixin';\n\n@Component({\n  selector: 'ax-range-slider',\n  templateUrl: './range-slider.component.html',\n  styleUrls: ['./range-slider.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: ['readonly', 'allowNull', 'value', 'name', 'checked'],\n  outputs: ['valueChange', 'onValueChanged'],\n  host: { class: 'ax-range-slider' },\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },\n  ],\n})\nexport class AXRangeSliderComponent extends AXBaseValueComponentMixin {\n  constructor(\n    elementRef: ElementRef,\n    cdr: ChangeDetectorRef,\n    private _zone: NgZone\n  ) {\n    super(elementRef, cdr);\n  }\n\n  private _minValue: number = 0;\n  /**\n   *  Specifies the smallest value that is valid\n   */\n  @Input()\n  public get minValue(): number {\n    return this._minValue ?? 0;\n  }\n  public set minValue(v: number) {\n    this._setOption({\n      name: 'minValue',\n      value: v != null ? Number(v) : 0,\n    });\n  }\n\n  private _maxValue: number = 100;\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get maxValue(): number {\n    return this._maxValue ?? 100;\n  }\n  public set maxValue(v: number) {\n    this._setOption({\n      name: 'maxValue',\n      value: v != null ? Number(v) : 100,\n    });\n  }\n\n  private _step: number = 1;\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get step(): number {\n    return this._step ?? 100;\n  }\n  public set step(v: number) {\n    this._setOption({\n      name: 'step',\n      value: v != null ? Number(v) : 1,\n    });\n  }\n\n  @Output()\n  colorChange: EventEmitter<AXStyleColorType> = new EventEmitter();\n  _color: AXStyleColorType = 'primary';\n  /**\n   *  Predefined color schemes\n   */\n  @Input()\n  get color(): AXStyleColorType {\n    return this._color;\n  }\n  set color(value: AXStyleColorType) {\n    this._setOption({\n      name: 'color',\n      value,\n      afterCallback: () => {\n        this._cdr.markForCheck();\n      },\n    });\n  }\n\n  @Input() oriantaion: 'vertical' | 'horizontal' = 'horizontal';\n\n  onViewInit() {\n    this._calcVars();\n    this.value = this.value ?? (this.maxValue - this.minValue) / 2;\n  }\n\n  _onValueChanged(oldValue: number, newValue: number) {\n    this._calcVars();\n  }\n\n  _onOptionChanged(e: AXComponentOptionChanged) {\n    this._calcVars();\n  }\n\n  private _calcVars() {\n    this._zone.runOutsideAngular(() => {\n      const per =\n        (((this.value ?? 0) - this.minValue) /\n          (this.maxValue - this.minValue)) *\n          100 -\n        0.1;\n      this._getHostElement().style.setProperty('--ax-current-value', `${per}%`);\n    });\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color}-default ax-${this.oriantaion}`;\n  }\n}\n","<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [(ngModel)]=\"value\" [step]=\"step\">","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXRangeSliderComponent } from './range-slider.component';\nimport { FormsModule } from '@angular/forms';\n\nconst COMPONENT = [AXRangeSliderComponent];\nconst MODULES = [CommonModule,FormsModule];\n\n@NgModule({\n    declarations: [...COMPONENT],\n    imports: [...MODULES],\n    exports: [...COMPONENT],\n    providers: [],\n})\nexport class AXRangeSliderModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-rating.mjs

@@ -31,11 +31,11 @@ class AXRatingComponent {
     }
     handleMouseLeave() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXRatingComponent, selector: "ax-rating", host: { classAttribute: "ax-rating" }, viewQueries: [{ propertyName: "stars", first: true, predicate: ["stars"], descendants: true }], ngImport: i0, template: "<div class=\"ax-rating-container\" #stars>\r\n    <ng-container *ngFor=\"let item of items\">\r\n        <span class=\"ax-icon ax-icon-star\" (click)=\"handleStarClick(item)\"></span>\r\n    </ng-container>\r\n</div>", styles: ["ax-rating:hover:before{content:\"\\e91f\"!important}ax-rating.ax-state-selected:before{content:\"\\e91e\"!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXRatingComponent, selector: "ax-rating", host: { classAttribute: "ax-rating" }, viewQueries: [{ propertyName: "stars", first: true, predicate: ["stars"], descendants: true }], ngImport: i0, template: "<div class=\"ax-rating-container\" #stars>\n    <ng-container *ngFor=\"let item of items\">\n        <span class=\"ax-icon ax-icon-star\" (click)=\"handleStarClick(item)\"></span>\n    </ng-container>\n</div>", styles: ["ax-rating:hover:before{content:\"\\e91f\"!important}ax-rating.ax-state-selected:before{content:\"\\e91e\"!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXRatingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-rating', host: { class: 'ax-rating' }, template: "<div class=\"ax-rating-container\" #stars>\r\n    <ng-container *ngFor=\"let item of items\">\r\n        <span class=\"ax-icon ax-icon-star\" (click)=\"handleStarClick(item)\"></span>\r\n    </ng-container>\r\n</div>", styles: ["ax-rating:hover:before{content:\"\\e91f\"!important}ax-rating.ax-state-selected:before{content:\"\\e91e\"!important}\n"] }]
+            args: [{ selector: 'ax-rating', host: { class: 'ax-rating' }, template: "<div class=\"ax-rating-container\" #stars>\n    <ng-container *ngFor=\"let item of items\">\n        <span class=\"ax-icon ax-icon-star\" (click)=\"handleStarClick(item)\"></span>\n    </ng-container>\n</div>", styles: ["ax-rating:hover:before{content:\"\\e91f\"!important}ax-rating.ax-state-selected:before{content:\"\\e91e\"!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { stars: [{
                 type: ViewChild,
                 args: ['stars']

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-rating.mjs","sources":["../../../../projects/acorex/components/rating/src/rating.component.ts","../../../../projects/acorex/components/rating/src/rating.component.html","../../../../projects/acorex/components/rating/src/rating.component.module.ts","../../../../projects/acorex/components/rating/acorex-components-rating.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n    selector: 'ax-rating',\r\n    templateUrl: './rating.component.html',\r\n    styleUrls: ['./rating.component.scss'],\r\n    host: { class: 'ax-rating' }\r\n})\r\nexport class AXRatingComponent implements AfterViewInit {\r\n\r\n    @ViewChild('stars') stars: ElementRef<HTMLDivElement>\r\n\r\n    items: any[] = [\r\n        { index: 0, selected: false },\r\n        { index: 1, selected: false },\r\n        { index: 2, selected: false },\r\n        { index: 3, selected: false },\r\n        { index: 4, selected: false },\r\n    ]\r\n    /**\r\n     *  @ignore\r\n     */\r\n    constructor() { }\r\n\r\n    ngAfterViewInit(): void {\r\n\r\n    }\r\n\r\n\r\n    handleStarClick(item) {\r\n        var a = this.items.slice(0,++item.index)\r\n        console.log(a);\r\n        \r\n    }\r\n\r\n    handleMouseEnter() {\r\n\r\n    }\r\n    handleMouseLeave() { }\r\n}\r\n","<div class=\"ax-rating-container\" #stars>\r\n    <ng-container *ngFor=\"let item of items\">\r\n        <span class=\"ax-icon ax-icon-star\" (click)=\"handleStarClick(item)\"></span>\r\n    </ng-container>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXRatingComponent } from './rating.component';\r\n\r\n@NgModule({\r\n    declarations: [AXRatingComponent],\r\n    imports: [ CommonModule ],\r\n    exports: [AXRatingComponent],\r\n    providers: [],\r\n})\r\nexport class AXRatingModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-rating.mjs","sources":["../../../../projects/acorex/components/rating/src/rating.component.ts","../../../../projects/acorex/components/rating/src/rating.component.html","../../../../projects/acorex/components/rating/src/rating.component.module.ts","../../../../projects/acorex/components/rating/acorex-components-rating.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';\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-rating',\n    templateUrl: './rating.component.html',\n    styleUrls: ['./rating.component.scss'],\n    host: { class: 'ax-rating' }\n})\nexport class AXRatingComponent implements AfterViewInit {\n\n    @ViewChild('stars') stars: ElementRef<HTMLDivElement>\n\n    items: any[] = [\n        { index: 0, selected: false },\n        { index: 1, selected: false },\n        { index: 2, selected: false },\n        { index: 3, selected: false },\n        { index: 4, selected: false },\n    ]\n    /**\n     *  @ignore\n     */\n    constructor() { }\n\n    ngAfterViewInit(): void {\n\n    }\n\n\n    handleStarClick(item) {\n        var a = this.items.slice(0,++item.index)\n        console.log(a);\n        \n    }\n\n    handleMouseEnter() {\n\n    }\n    handleMouseLeave() { }\n}\n","<div class=\"ax-rating-container\" #stars>\n    <ng-container *ngFor=\"let item of items\">\n        <span class=\"ax-icon ax-icon-star\" (click)=\"handleStarClick(item)\"></span>\n    </ng-container>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXRatingComponent } from './rating.component';\n\n@NgModule({\n    declarations: [AXRatingComponent],\n    imports: [ CommonModule ],\n    exports: [AXRatingComponent],\n    providers: [],\n})\nexport class AXRatingModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}