npm - @acorex/components - Versions diffs - 7.0.13 → 7.0.15 - Mend

@acorex/components 7.0.13 → 7.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (372) hide show

package/fesm2020/acorex-components-popover.mjs CHANGED Viewed

@@ -146,7 +146,7 @@ class AXPopoverComponent extends AXInteractiveComponenetMixin {
         if (!targetRef)
             return;
         if (!this._overlayRef) {
-            if ((this._platform.is('Mobile') || this._platform.is('SM')) && this.adaptivityEnabled) {
+            if (this._platform.is('SM') && this.adaptivityEnabled) {
                 this._openAsActionsheet();
             }
             else {
@@ -161,15 +161,23 @@ class AXPopoverComponent extends AXInteractiveComponenetMixin {
                     }
                 }));
             }
-            this._addSub(this._overlayRef.attachments().subscribe(() => {
-                if (!this._isScrollAttached) {
-                    this._addSub(this._platform.scroll.subscribe((c) => {
-                        if (!c.nativeEvent.target.closest('.ax-overlay-pane'))
-                            this.updatePosition();
-                    }));
-                    this._isScrollAttached = true;
-                }
-            }));
+            // this._addSub(
+            //   this._overlayRef.attachments().subscribe(() => {
+            //     if (!this._isScrollAttached) {
+            //       this._addSub(
+            //         this._platform.scroll.subscribe((c) => {
+            //           if (
+            //             !(c.nativeEvent.target as HTMLElement)?.closest(
+            //               '.ax-overlay-pane'
+            //             )
+            //           )
+            //             this.updatePosition();
+            //         })
+            //       );
+            //       this._isScrollAttached = true;
+            //     }
+            //   })
+            // );
         }
         if (!this._templatePortal) {
             this._templatePortal = new TemplatePortal(this._baseTemplate, this._viewContainerRef);
@@ -182,6 +190,7 @@ class AXPopoverComponent extends AXInteractiveComponenetMixin {
                 .flexibleConnectedTo(targetRef)
                 .withPositions(Array.isArray(this.position) ? this.position : [this.position])
                 .withPush(false),
+            scrollStrategy: this._overlay.scrollStrategies.close(),
             disposeOnNavigation: true,
             panelClass: ['ax-animate-fadeIn', 'ax-animate-faster'],
             maxHeight: 'unset',
@@ -219,9 +228,9 @@ class AXPopoverComponent extends AXInteractiveComponenetMixin {
         this.focus();
     }
 }
-AXPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXPopoverComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.Overlay }, { token: i2.AXPlatform }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-AXPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXPopoverComponent, selector: "ax-popover", inputs: { target: "target", position: "position", openTrigger: "openTrigger", closeTrigger: "closeTrigger", hasBackdrop: "hasBackdrop", backdropClass: "backdropClass", adaptivityEnabled: "adaptivityEnabled" }, outputs: { onOpened: "onOpened", onClosed: "onClosed" }, viewQueries: [{ propertyName: "_baseTemplate", first: true, predicate: ["baseTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #baseTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXPopoverComponent, decorators: [{
+AXPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopoverComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.Overlay }, { token: i2.AXPlatform }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+AXPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXPopoverComponent, selector: "ax-popover", inputs: { target: "target", position: "position", openTrigger: "openTrigger", closeTrigger: "closeTrigger", hasBackdrop: "hasBackdrop", backdropClass: "backdropClass", adaptivityEnabled: "adaptivityEnabled" }, outputs: { onOpened: "onOpened", onClosed: "onClosed" }, viewQueries: [{ propertyName: "_baseTemplate", first: true, predicate: ["baseTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #baseTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-popover', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #baseTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.Overlay }, { type: i2.AXPlatform }, { type: i0.ViewContainerRef }]; }, propDecorators: { target: [{
@@ -249,10 +258,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 class AXPopoverModule {
 }
-AXPopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXPopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXPopoverModule, declarations: [AXPopoverComponent], imports: [CommonModule], exports: [AXPopoverComponent] });
-AXPopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXPopoverModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXPopoverModule, decorators: [{
+AXPopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXPopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXPopoverModule, declarations: [AXPopoverComponent], imports: [CommonModule], exports: [AXPopoverComponent] });
+AXPopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopoverModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopoverModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXPopoverComponent],

package/fesm2020/acorex-components-popover.mjs.map CHANGED Viewed

	@@ -1 +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('Mobile') \|\| 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.updatePosition();\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 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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"}
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.updatePosition();\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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"}

package/fesm2020/acorex-components-popup.mjs CHANGED Viewed

@@ -131,9 +131,9 @@ class AXPopupComponent extends AXBaseComponentMixin {
     }
     onFullScreen() { }
 }
-AXPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", 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 });
-AXPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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:rgb(var(--ax-color-surface));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);outline-color:transparent;padding:0;width:50%;max-height:98vh;min-height:-moz-fit-content;min-height:fit-content;margin:0 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:rgb(var(--ax-color-primary-500))}.ax-popup ax-footer{background-color:rgba(var(--ax-color-ghost),.02)}.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 all and (min-width: 1280px){.ax-popup.ax-popup-sm{width:420px!important}.ax-popup.ax-popup-md{width:680px!important}.ax-popup.ax-popup-lg{width:1024px!important}}@media all and (min-width: 1024px) and (max-width: 1279px){.ax-popup.ax-popup-sm{width:100vw;max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-sm .ax-popup-main{@apply ax-h-screen;}.ax-popup.ax-popup-md{width:500px!important}.ax-popup.ax-popup-lg{width:900px!important}}@media all and (min-width: 768px) and (max-width: 1023px){.ax-popup.ax-popup-md{width:500px!important}.ax-popup.ax-popup-lg{width:700px!important}}@media all and (min-width: 425px) and (max-width: 767px){.ax-popup.ax-popup-sm{width:100vw;height:calc(100 * var(--ax-vh));max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-sm .ax-popup-main{height:100vh}.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:460px!important}}@media all and (min-width: 0px) and (max-width: 424px){.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:calc(var(--ax-overlay-full-width) * 1vw);height:calc(var(--ax-overlay-full-width) * var(--ax-vh));max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))}.ax-popup.ax-popup-md .ax-popup-main,.ax-popup.ax-popup-lg .ax-popup-main{height:100vh}}\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: "15.0.4", ngImport: i0, type: AXPopupComponent, decorators: [{
+AXPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", 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 });
+AXPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", 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:rgb(var(--ax-color-surface));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);outline-color:transparent;padding:0;width:50%;max-height:98vh;min-height:-moz-fit-content;min-height:fit-content;margin:0 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:rgb(var(--ax-color-primary-500))}.ax-popup ax-footer{background-color:rgba(var(--ax-color-ghost),.02)}.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 all and (min-width: 1280px){.ax-popup.ax-popup-sm{width:420px!important}.ax-popup.ax-popup-md{width:680px!important}.ax-popup.ax-popup-lg{width:1024px!important}}@media all and (min-width: 1024px) and (max-width: 1279px){.ax-popup.ax-popup-sm{width:100vw;max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-sm .ax-popup-main{@apply ax-h-screen;}.ax-popup.ax-popup-md{width:500px!important}.ax-popup.ax-popup-lg{width:900px!important}}@media all and (min-width: 768px) and (max-width: 1023px){.ax-popup.ax-popup-md{width:500px!important}.ax-popup.ax-popup-lg{width:700px!important}}@media all and (min-width: 425px) and (max-width: 767px){.ax-popup.ax-popup-sm{width:100vw;height:calc(100 * var(--ax-vh));max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-sm .ax-popup-main{height:100vh}.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:460px!important}}@media all and (min-width: 0px) and (max-width: 424px){.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:calc(var(--ax-overlay-full-width) * 1vw);height:calc(var(--ax-overlay-full-width) * var(--ax-vh));max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))}.ax-popup.ax-popup-md .ax-popup-main,.ax-popup.ax-popup-lg .ax-popup-main{height:100vh}}\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: "15.1.4", 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:rgb(var(--ax-color-surface));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);outline-color:transparent;padding:0;width:50%;max-height:98vh;min-height:-moz-fit-content;min-height:fit-content;margin:0 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:rgb(var(--ax-color-primary-500))}.ax-popup ax-footer{background-color:rgba(var(--ax-color-ghost),.02)}.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 all and (min-width: 1280px){.ax-popup.ax-popup-sm{width:420px!important}.ax-popup.ax-popup-md{width:680px!important}.ax-popup.ax-popup-lg{width:1024px!important}}@media all and (min-width: 1024px) and (max-width: 1279px){.ax-popup.ax-popup-sm{width:100vw;max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-sm .ax-popup-main{@apply ax-h-screen;}.ax-popup.ax-popup-md{width:500px!important}.ax-popup.ax-popup-lg{width:900px!important}}@media all and (min-width: 768px) and (max-width: 1023px){.ax-popup.ax-popup-md{width:500px!important}.ax-popup.ax-popup-lg{width:700px!important}}@media all and (min-width: 425px) and (max-width: 767px){.ax-popup.ax-popup-sm{width:100vw;height:calc(100 * var(--ax-vh));max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-sm .ax-popup-main{height:100vh}.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:460px!important}}@media all and (min-width: 0px) and (max-width: 424px){.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:calc(var(--ax-overlay-full-width) * 1vw);height:calc(var(--ax-overlay-full-width) * var(--ax-vh));max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))}.ax-popup.ax-popup-md .ax-popup-main,.ax-popup.ax-popup-lg .ax-popup-main{height:100vh}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: i1.AXLoadingService }, { type: i2.AXPlatform }]; }, propDecorators: { onKeydownHandler: [{
@@ -228,9 +228,9 @@ class AXPopupService {
         }
     }
 }
-AXPopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXPopupService, deps: [{ token: i1$1.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
-AXPopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXPopupService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXPopupService, decorators: [{
+AXPopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupService, deps: [{ token: i1$1.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
+AXPopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1$1.AXOverlayService }]; } });
@@ -239,10 +239,10 @@ const COMPONENT = [AXPopupComponent];
 const MODULES = [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule];
 class AXPopupModule {
 }
-AXPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXPopupModule, declarations: [AXPopupComponent], imports: [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule], exports: [AXPopupComponent] });
-AXPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXPopupModule, imports: [MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXPopupModule, decorators: [{
+AXPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXPopupModule, declarations: [AXPopupComponent], imports: [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule], exports: [AXPopupComponent] });
+AXPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupModule, imports: [MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/fesm2020/acorex-components-progress-bar.mjs CHANGED Viewed

@@ -21,9 +21,9 @@ class AXProgressBarComponent extends AXBaseComponentMixin {
         return `ax-${this['color']}-default`;
     }
 }
-AXProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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:999rem;background-color:rgb(var(--ax-color-on-surface))}ax-progress-bar .ax-progress-bar-container .ax-progress-bar-rise{max-width:100%;transition:width 1s;background-color:rgb(var(--ax-color-primary-500));height:100%;position:absolute;inset-inline-start:0;border-radius:999rem}ax-progress-bar.ax-primary-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-primary-500))}ax-progress-bar.ax-secondary-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-secondary-500))}ax-progress-bar.ax-success-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-success-500))}ax-progress-bar.ax-warning-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-warning-500))}ax-progress-bar.ax-danger-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-danger-500))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXProgressBarComponent, decorators: [{
+AXProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", 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:999rem;background-color:rgb(var(--ax-color-on-surface))}ax-progress-bar .ax-progress-bar-container .ax-progress-bar-rise{max-width:100%;transition:width 1s;background-color:rgb(var(--ax-color-primary-500));height:100%;position:absolute;inset-inline-start:0;border-radius:999rem}ax-progress-bar.ax-primary-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-primary-500))}ax-progress-bar.ax-secondary-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-secondary-500))}ax-progress-bar.ax-success-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-success-500))}ax-progress-bar.ax-warning-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-warning-500))}ax-progress-bar.ax-danger-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-danger-500))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", 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:999rem;background-color:rgb(var(--ax-color-on-surface))}ax-progress-bar .ax-progress-bar-container .ax-progress-bar-rise{max-width:100%;transition:width 1s;background-color:rgb(var(--ax-color-primary-500));height:100%;position:absolute;inset-inline-start:0;border-radius:999rem}ax-progress-bar.ax-primary-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-primary-500))}ax-progress-bar.ax-secondary-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-secondary-500))}ax-progress-bar.ax-success-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-success-500))}ax-progress-bar.ax-warning-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-warning-500))}ax-progress-bar.ax-danger-default .ax-progress-bar-rise{background-color:rgb(var(--ax-color-danger-500))}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { value: [{
@@ -35,10 +35,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 class AXProgressBarModule {
 }
-AXProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXProgressBarModule, declarations: [AXProgressBarComponent], imports: [CommonModule], exports: [AXProgressBarComponent] });
-AXProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXProgressBarModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXProgressBarModule, decorators: [{
+AXProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXProgressBarModule, declarations: [AXProgressBarComponent], imports: [CommonModule], exports: [AXProgressBarComponent] });
+AXProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXProgressBarModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXProgressBarComponent],

package/fesm2020/acorex-components-radio.mjs CHANGED Viewed

@@ -30,9 +30,9 @@ class AXRadioComponent extends AXBaseValueComponentMixin {
         return `${this.disabled ? 'ax-state-disabled' : '', this.readonly ? 'ax-state-readonly' : ''}`;
     }
 }
-AXRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRadioComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRadioComponent, decorators: [{
+AXRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXRadioComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", 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"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { __hostClass: [{
@@ -44,10 +44,10 @@ const COMPONENT = [AXRadioComponent];
 const MODULES = [CommonModule, FormsModule];
 class AXRadioModule {
 }
-AXRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXRadioModule, declarations: [AXRadioComponent], imports: [CommonModule, FormsModule], exports: [AXRadioComponent] });
-AXRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRadioModule, imports: [MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRadioModule, decorators: [{
+AXRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXRadioModule, declarations: [AXRadioComponent], imports: [CommonModule, FormsModule], exports: [AXRadioComponent] });
+AXRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXRadioModule, imports: [MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXRadioModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/fesm2020/acorex-components-range-slider.mjs CHANGED Viewed

@@ -91,11 +91,11 @@ class AXRangeSliderComponent extends AXBaseValueComponentMixin {
         return `ax-${this.color}-default ax-${this.oriantaion}`;
     }
 }
-AXRangeSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRangeSliderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-AXRangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXRangeSliderComponent, selector: "ax-range-slider", inputs: { readonly: "readonly", allowNull: "allowNull", value: "value", name: "name", checked: "checked", minValue: "minValue", maxValue: "maxValue", step: "step", color: "color", oriantaion: "oriantaion" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", colorChange: "colorChange" }, host: { properties: { "class": "this.__hostClass" }, classAttribute: "ax-range-slider" }, providers: [
+AXRangeSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXRangeSliderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+AXRangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXRangeSliderComponent, selector: "ax-range-slider", inputs: { readonly: "readonly", allowNull: "allowNull", value: "value", name: "name", checked: "checked", minValue: "minValue", maxValue: "maxValue", step: "step", color: "color", oriantaion: "oriantaion" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", colorChange: "colorChange" }, host: { properties: { "class": "this.__hostClass" }, classAttribute: "ax-range-slider" }, providers: [
         { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },
     ], usesInheritance: true, ngImport: i0, template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [(ngModel)]=\"value\" [step]=\"step\">", styles: [".ax-range-slider{width:100%;--ax-current-value: 0%}.ax-range-slider input{-webkit-appearance:none;appearance:none;width:100%;height:.5rem;background:rgba(var(--ax-color-surface),.05);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:999rem}.ax-range-slider input::-webkit-slider-thumb{width:1.5rem;height:1.5rem;background:rgb(var(--ax-color-surface));border:1px solid;border-color:rgb(var(--ax-color-border-default));cursor:pointer;border-radius:999rem;appearance:none;-webkit-appearance:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.ax-range-slider input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:rgb(var(--ax-color-surface));border:1px solid;border-color:rgb(var(--ax-color-border-default));cursor:pointer;border-radius:999rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.ax-range-slider.ax-vertical{display:block;transform:rotate(90deg)}.ax-range-slider.ax-vertical input[type=range]{-webkit-appearance:slider-vertical}.ax-range-slider.ax-primary-default input{background:linear-gradient(to right,rgb(var(--ax-color-primary-500)) 0%,rgb(var(--ax-color-primary-500)) var(--ax-current-value),rgb(var(--ax-color-on-surface)) var(--ax-current-value),rgb(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-secondary-default input{background:linear-gradient(to right,rgb(var(--ax-color-secondary-500)) 0%,rgb(var(--ax-color-secondary-500)) var(--ax-current-value),rgb(var(--ax-color-on-surface)) var(--ax-current-value),rgb(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-success-default input{background:linear-gradient(to right,rgb(var(--ax-color-success-500)) 0%,rgb(var(--ax-color-success-500)) var(--ax-current-value),rgb(var(--ax-color-on-surface)) var(--ax-current-value),rgb(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-warning-default input{background:linear-gradient(to right,rgb(var(--ax-color-warning-500)) 0%,rgb(var(--ax-color-warning-500)) var(--ax-current-value),rgb(var(--ax-color-on-surface)) var(--ax-current-value),rgb(var(--ax-color-on-surface)) 100%)}.ax-range-slider.ax-danger-default input{background:linear-gradient(to right,rgb(var(--ax-color-danger-500)) 0%,rgb(var(--ax-color-danger-500)) var(--ax-current-value),rgb(var(--ax-color-on-surface)) var(--ax-current-value),rgb(var(--ax-color-on-surface)) 100%)}\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.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { 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: "15.0.4", ngImport: i0, type: AXRangeSliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXRangeSliderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-range-slider', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['readonly', 'allowNull', 'value', 'name', 'checked'], outputs: ['valueChange', 'onValueChanged'], host: { class: 'ax-range-slider' }, encapsulation: ViewEncapsulation.None, providers: [
                         { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },
@@ -121,10 +121,10 @@ const COMPONENT = [AXRangeSliderComponent];
 const MODULES = [CommonModule, FormsModule];
 class AXRangeSliderModule {
 }
-AXRangeSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXRangeSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXRangeSliderModule, declarations: [AXRangeSliderComponent], imports: [CommonModule, FormsModule], exports: [AXRangeSliderComponent] });
-AXRangeSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRangeSliderModule, imports: [MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRangeSliderModule, decorators: [{
+AXRangeSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXRangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXRangeSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXRangeSliderModule, declarations: [AXRangeSliderComponent], imports: [CommonModule, FormsModule], exports: [AXRangeSliderComponent] });
+AXRangeSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXRangeSliderModule, imports: [MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXRangeSliderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/fesm2020/acorex-components-rating.mjs CHANGED Viewed

@@ -31,9 +31,9 @@ class AXRatingComponent {
     }
     handleMouseLeave() { }
 }
-AXRatingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXRatingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRatingComponent, decorators: [{
+AXRatingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXRatingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", 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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", 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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { stars: [{
@@ -43,10 +43,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 class AXRatingModule {
 }
-AXRatingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRatingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXRatingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXRatingModule, declarations: [AXRatingComponent], imports: [CommonModule], exports: [AXRatingComponent] });
-AXRatingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRatingModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXRatingModule, decorators: [{
+AXRatingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXRatingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXRatingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXRatingModule, declarations: [AXRatingComponent], imports: [CommonModule], exports: [AXRatingComponent] });
+AXRatingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXRatingModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXRatingModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXRatingComponent],