npm - @acorex/components - Versions diffs - 7.0.8 → 7.0.10 - Mend

@acorex/components 7.0.8 → 7.0.10

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 (230) hide show

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

@@ -3,8 +3,7 @@ import { EventEmitter, TemplateRef, Component, ChangeDetectionStrategy, ViewEnca
 import * as i6 from '@angular/cdk/portal';
 import { TemplatePortal, ComponentPortal, PortalModule } from '@angular/cdk/portal';
 import * as i1$1 from '@acorex/components/common';
-import { AXClosbaleComponent, AXCommonModule } from '@acorex/components/common';
-import { TAB_META_KEY, AXPageClosedPromise } from '@acorex/components/page';
+import { TAB_META_KEY, AXClosbaleComponent, AXComponentClosedPromise, AXCommonModule } from '@acorex/components/common';
 import { AXBaseComponentMixin } from '@acorex/components/mixin';
 import * as i1 from '@acorex/components/loading';
 import * as i2 from '@acorex/core/platform';
@@ -133,10 +132,10 @@ 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{font-size:1.5rem;cursor:pointer}.ax-popup .ax-popup-header .ax-icon: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 });
+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: [{
             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{font-size:1.5rem;cursor:pointer}.ax-popup .ax-popup-header .ax-icon: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"] }]
+            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: [{
                 type: HostListener,
                 args: ['keydown.escape', ['$event']]
@@ -184,7 +183,7 @@ class AXPopupService {
         popup.onClosed.subscribe(c => {
             this.closePopup(popup, com, c, lastActiveElement);
         });
-        const promise = new AXPageClosedPromise((resolve) => {
+        const promise = new AXComponentClosedPromise((resolve) => {
             popup[TAB_META_KEY].close = (e) => {
                 if (resolve) {
                     resolve(e);
@@ -259,4 +258,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXPopupComponent, AXPopupModule, AXPopupService };
 //# sourceMappingURL=acorex-components-popup.mjs.map
-//# sourceMappingURL=acorex-components-popup.mjs.map

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

	@@ -1 +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 { AXClosbaleComponent } from '@acorex/components/common';\r\nimport { AXPageCloseEvent, TAB_META_KEY } from '@acorex/components/page';\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<AXPageCloseEvent> =\r\n new EventEmitter<AXPageCloseEvent>();\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 // debugger;\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: AXPageCloseEvent) => {\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(() => this._getHostElement().querySelector<HTMLDivElement>('.ax-popup')?.focus());\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 { AXOverlayService, AXOverlayViewRef } from '@acorex/components/common';\r\nimport { AXPageClosedPromise, AXPageCloseEvent, TAB_META_KEY } from '@acorex/components/page';\r\nimport { AXPopupComponent } from './popup.component';\r\n\r\nexport type AXPopupContentType = string \| TemplateRef<any> \| Function;\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@Injectable({ providedIn: 'root' })\r\nexport class AXPopupService {\r\n\r\n\r\n private stack: Array<AXPopupComponent> = [];\r\n\r\n\r\n /\r\n @ignore\r\n /\r\n constructor(private overlayService: AXOverlayService) { }\r\n\r\n\r\n /\r\n Open popup 1\r\n /\r\n open(content: AXPopupContentType, title: string): AXPageClosedPromise;\r\n /\r\n Open popup 2\r\n * @ignore\r\n /\r\n open(\r\n content: AXPopupContentType,\r\n options?: {\r\n title: string;\r\n showCloseButton?: boolean;\r\n showHeader?: boolean;\r\n maximizable?: boolean;\r\n size?: 'sm' \| 'md' \| 'lg' \| 'full' \| 'fit';\r\n data?: any;\r\n draggable?: boolean\r\n }\r\n ): AXPageClosedPromise;\r\n\r\n /\r\n @ignore\r\n /\r\n open(arg1, arg2): AXPageClosedPromise {\r\n const options: any = {\r\n showCloseButton: true,\r\n showHeader: true,\r\n size: 'md',\r\n maximizable: false,\r\n draggable: true\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, { transparentBackdrop: false, closeOnClickOutside: false, scroll: 'block' });\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 = 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 });\r\n const promise = new AXPageClosedPromise((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'] = () => { popup.close(); };\r\n return promise;\r\n }\r\n\r\n\r\n private closePopup(popup: AXPopupComponent, com: AXOverlayViewRef, result: AXPageCloseEvent, lastActiveElement?: HTMLElement) {\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 }\r\n else if (this.stack.length) { this.stack.reverse()[0].focus(); }\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 }\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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"}
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 { AXClosbaleComponent,AXComponentCloseEvent, TAB_META_KEY } 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 // debugger;\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(() => this._getHostElement().querySelector<HTMLDivElement>('.ax-popup')?.focus());\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 { AXOverlayService, AXOverlayViewRef,AXComponentClosedPromise, AXComponentCloseEvent, TAB_META_KEY } from '@acorex/components/common';\r\nimport { AXPopupComponent } from './popup.component';\r\n\r\nexport type AXPopupContentType = string \| TemplateRef<any> \| Function;\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@Injectable({ providedIn: 'root' })\r\nexport class AXPopupService {\r\n\r\n\r\n private stack: Array<AXPopupComponent> = [];\r\n\r\n\r\n /\r\n @ignore\r\n /\r\n constructor(private overlayService: AXOverlayService) { }\r\n\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?: {\r\n title: string;\r\n showCloseButton?: boolean;\r\n showHeader?: boolean;\r\n maximizable?: boolean;\r\n size?: 'sm' \| 'md' \| 'lg' \| 'full' \| 'fit';\r\n data?: any;\r\n draggable?: boolean\r\n }\r\n ): AXComponentClosedPromise;\r\n\r\n /\r\n @ignore\r\n /\r\n open(arg1, arg2): AXComponentClosedPromise {\r\n const options: any = {\r\n showCloseButton: true,\r\n showHeader: true,\r\n size: 'md',\r\n maximizable: false,\r\n draggable: true\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, { transparentBackdrop: false, closeOnClickOutside: false, scroll: 'block' });\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 = 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 });\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'] = () => { popup.close(); };\r\n return promise;\r\n }\r\n\r\n\r\n private closePopup(popup: AXPopupComponent, com: AXOverlayViewRef, result: AXComponentCloseEvent, lastActiveElement?: HTMLElement) {\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 }\r\n else if (this.stack.length) { this.stack.reverse()[0].focus(); }\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 }\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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"}

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

@@ -54,4 +54,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXProgressBarComponent, AXProgressBarModule };
 //# sourceMappingURL=acorex-components-progress-bar.mjs.map
-//# sourceMappingURL=acorex-components-progress-bar.mjs.map

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

@@ -63,4 +63,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXRadioComponent, AXRadioModule };
 //# sourceMappingURL=acorex-components-radio.mjs.map
-//# sourceMappingURL=acorex-components-radio.mjs.map

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

@@ -94,12 +94,12 @@ class AXRangeSliderComponent extends AXBaseValueComponentMixin {
 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: [
         { 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-ghost),.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.25rem;height:1.25rem;background:rgb(var(--ax-color-on-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-on-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 });
+    ], 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: [{
             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 },
-                    ], 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-ghost),.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.25rem;height:1.25rem;background:rgb(var(--ax-color-on-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-on-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"] }]
+                    ], 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"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { minValue: [{
                 type: Input
             }], maxValue: [{
@@ -140,4 +140,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXRangeSliderComponent, AXRangeSliderModule };
 //# sourceMappingURL=acorex-components-range-slider.mjs.map
-//# sourceMappingURL=acorex-components-range-slider.mjs.map

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

	@@ -1 +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":";;;;;;;;AAmCM,MAAO,sBAAuB,SAAQ,yBAAyB,CAAA;AACnE,IAAA,WAAA,CACE,UAAsB,EACtB,GAAsB,EACd,KAAa,EAAA;AAErB,QAAA,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QAFf,IAAK,CAAA,KAAA,GAAL,KAAK,CAAQ;QAKf,IAAS,CAAA,SAAA,GAAW,CAAC,CAAC;QAetB,IAAS,CAAA,SAAA,GAAW,GAAG,CAAC;QAexB,IAAK,CAAA,KAAA,GAAW,CAAC,CAAC;AAgB1B,QAAA,IAAA,CAAA,WAAW,GAAmC,IAAI,YAAY,EAAE,CAAC;QACjE,IAAM,CAAA,MAAA,GAAqB,SAAS,CAAC;QAkB5B,IAAU,CAAA,UAAA,GAA8B,YAAY,CAAC;KAnE7D;AAGD;;AAEG;AACH,IAAA,IACW,QAAQ,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC;KAC5B;IACD,IAAW,QAAQ,CAAC,CAAS,EAAA;QAC3B,IAAI,CAAC,UAAU,CAAC;AACd,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,KAAK,EAAE,CAAC,IAAI,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;AACjC,SAAA,CAAC,CAAC;KACJ;AAGD;;AAEG;AACH,IAAA,IACW,QAAQ,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,SAAS,IAAI,GAAG,CAAC;KAC9B;IACD,IAAW,QAAQ,CAAC,CAAS,EAAA;QAC3B,IAAI,CAAC,UAAU,CAAC;AACd,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,KAAK,EAAE,CAAC,IAAI,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG;AACnC,SAAA,CAAC,CAAC;KACJ;AAGD;;AAEG;AACH,IAAA,IACW,IAAI,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC;KAC1B;IACD,IAAW,IAAI,CAAC,CAAS,EAAA;QACvB,IAAI,CAAC,UAAU,CAAC;AACd,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,KAAK,EAAE,CAAC,IAAI,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;AACjC,SAAA,CAAC,CAAC;KACJ;AAKD;;AAEG;AACH,IAAA,IACI,KAAK,GAAA;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;KACpB;IACD,IAAI,KAAK,CAAC,KAAuB,EAAA;QAC/B,IAAI,CAAC,UAAU,CAAC;AACd,YAAA,IAAI,EAAE,OAAO;YACb,KAAK;YACL,aAAa,EAAE,MAAK;AAClB,gBAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;aAC1B;AACF,SAAA,CAAC,CAAC;KACJ;IAID,UAAU,GAAA;QACR,IAAI,CAAC,SAAS,EAAE,CAAC;AACjB,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC;KAChE;IAED,eAAe,CAAC,QAAgB,EAAE,QAAgB,EAAA;QAChD,IAAI,CAAC,SAAS,EAAE,CAAC;KAClB;AAED,IAAA,gBAAgB,CAAC,CAA2B,EAAA;QAC1C,IAAI,CAAC,SAAS,EAAE,CAAC;KAClB;IAEO,SAAS,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAK;AAChC,YAAA,MAAM,GAAG,GACP,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ;iBAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;gBAC/B,GAAG;AACL,gBAAA,GAAG,CAAC;AACN,YAAA,IAAI,CAAC,eAAe,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,CAAA,EAAG,GAAG,CAAA,CAAA,CAAG,CAAC,CAAC;AAC5E,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,IACY,WAAW,GAAA;QACrB,OAAO,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,eAAe,IAAI,CAAC,UAAU,CAAA,CAAE,CAAC;KACzD;;mHAvGU,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAJtB,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,SAAA,EAAA;AACT,QAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,sBAAsB,EAAE;AACtE,KAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjCH,oGAAwF,EAAA,MAAA,EAAA,CAAA~~,+0EAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,8FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDmC3E,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAblC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGV,eAAA,EAAA,uBAAuB,CAAC,MAAM,UACvC,CAAC,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,EACpD,OAAA,EAAA,CAAC,aAAa,EAAE,gBAAgB,CAAC,QACpC,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAA,aAAA,EACnB,iBAAiB,CAAC,IAAI,EAC1B,SAAA,EAAA;AACT,wBAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,wBAAwB,EAAE;AACtE,qBAAA,EAAA,QAAA,EAAA,oGAAA,EAAA,MAAA,EAAA,CAAA~~,+0EAAA~~,CAAA,EAAA,CAAA;sJAgBU,QAAQ,EAAA,CAAA;sBADlB,KAAK;gBAgBK,QAAQ,EAAA,CAAA;sBADlB,KAAK;gBAgBK,IAAI,EAAA,CAAA;sBADd,KAAK;gBAYN,WAAW,EAAA,CAAA;sBADV,MAAM;gBAOH,KAAK,EAAA,CAAA;sBADR,KAAK;gBAcG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBA2BM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;AElItB,MAAM,SAAS,GAAG,CAAC,sBAAsB,CAAC,CAAC;AAC3C,MAAM,OAAO,GAAG,CAAC,YAAY,EAAC,WAAW,CAAC,CAAC;MAQ9B,mBAAmB,CAAA;;gHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,iBATb,sBAAsB,CAAA,EAAA,OAAA,EAAA,CACxB,YAAY,EAAC,WAAW,aADtB,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAS5B,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAJf,OAAO,CAAA,EAAA,CAAA,CAAA;2FAIX,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AAChB,iBAAA,CAAA;;;ACbD;;AAEG;;;;"}
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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"}

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

@@ -62,4 +62,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXRatingComponent, AXRatingModule };
 //# sourceMappingURL=acorex-components-rating.mjs.map
-//# sourceMappingURL=acorex-components-rating.mjs.map

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

@@ -46,4 +46,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXResultComponent, AXResultModule };
 //# sourceMappingURL=acorex-components-result.mjs.map
-//# sourceMappingURL=acorex-components-result.mjs.map

package/fesm2020/acorex-components-search-box.mjs CHANGED Viewed

@@ -78,4 +78,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXSearchBoxComponent, AXSearchBoxModule };
 //# sourceMappingURL=acorex-components-search-box.mjs.map
-//# sourceMappingURL=acorex-components-search-box.mjs.map

package/fesm2020/acorex-components-select-box.mjs CHANGED Viewed

@@ -429,4 +429,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXSelectBoxComponent, AXSelectBoxModule };
 //# sourceMappingURL=acorex-components-select-box.mjs.map
-//# sourceMappingURL=acorex-components-select-box.mjs.map

package/fesm2020/acorex-components-selection-list.mjs CHANGED Viewed

@@ -86,4 +86,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXSelectionListComponent, AXSelectionListModule };
 //# sourceMappingURL=acorex-components-selection-list.mjs.map
-//# sourceMappingURL=acorex-components-selection-list.mjs.map

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

@@ -63,4 +63,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXSwitchComponent, AXSwitchModule };
 //# sourceMappingURL=acorex-components-switch.mjs.map
-//# sourceMappingURL=acorex-components-switch.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-tabs.mjs","sources":["../../../../projects/acorex/components/tabs/src/tab-item.component.ts","../../../../projects/acorex/components/tabs/src/tabs.component.ts","../../../../projects/acorex/components/tabs/src/tabs.class.ts","../../../../projects/acorex/components/tabs/src/tab-content.directive.ts","../../../../projects/acorex/components/tabs/src/tabs.module.ts","../../../../projects/acorex/components/tabs/acorex-components-tabs.ts"],"sourcesContent":["\r\nimport { AXBaseComponent, AXComponentOptionChanged, _ClickableComponenetMixin } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n ViewChild,\r\n TemplateRef,\r\n Output,\r\n EventEmitter,\r\n HostListener,\r\n ContentChild,\r\n} from '@angular/core';\r\n\r\nexport const AXBaseTabItemMixin = _ClickableComponenetMixin(AXBaseComponent);\r\n\r\n@Component({\r\n selector: 'ax-tab-item',\r\n template: `\r\n <ng-container ngIf=\"headerTemplate; else header\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"headerTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n $implicit: {\r\n text: this.text,\r\n key: this.key,\r\n active: this.active,\r\n disabled: this.disabled\r\n }\r\n }\"\r\n ></ng-container>\r\n </ng-container>\r\n <!-- <ng-container ngIf=\"headerTemplate;else header\">\r\n <ng-content select=\"ax-header\">\r\n </ng-content>\r\n </ng-container> -->\r\n <ng-template #header>\r\n <ng-content select=\"ax-prefix\"></ng-content>\r\n <span>{{ text }}</span>\r\n <ng-content select=\"ax-suffix\"></ng-content>\r\n </ng-template>\r\n <ng-template #content>\r\n <ng-content select=\"ax-content\"> </ng-content>\r\n </ng-template>\r\n `,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTabItemComponent extends AXBaseTabItemMixin {\r\n constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n @Input()\r\n text: string;\r\n\r\n @Input()\r\n key: string;\r\n\r\n @ViewChild('content')\r\n template: TemplateRef<any \| undefined>;\r\n\r\n @ContentChild('header', { static: true })\r\n headerTemplate: TemplateRef<any \| undefined>;\r\n\r\n @Output()\r\n activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n private _active: boolean = false;\r\n @Input()\r\n public get active(): boolean {\r\n return this._active;\r\n }\r\n public set active(value: boolean) {\r\n this._setOption({\r\n name: 'active',\r\n value,\r\n afterCallback: () => {\r\n this._cdr.markForCheck();\r\n },\r\n });\r\n }\r\n\r\n @Output()\r\n disabledChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n private _disabled: boolean = false;\r\n @Input()\r\n public get disabled(): boolean {\r\n return this._disabled;\r\n }\r\n public set disabled(value: boolean) {\r\n this._setOption({\r\n name: 'disabled',\r\n value,\r\n });\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n private __hostClick(e: MouseEvent) {\r\n if (!this.disabled) {\r\n this.onClick.emit({\r\n component: this,\r\n htmlElement: this._getHostElement(),\r\n nativeEvent: e,\r\n });\r\n }\r\n }\r\n\r\n _onOptionChanged(option: AXComponentOptionChanged): void {\r\n const classListRef = this._getHostElement().classList;\r\n if (option.name == 'disabled') {\r\n option.newValue\r\n ? classListRef.add('ax-state-disabled')\r\n : classListRef.remove('ax-state-disabled');\r\n }\r\n if (option.name == 'active') {\r\n option.newValue\r\n ? classListRef.add('ax-state-active')\r\n : classListRef.remove('ax-state-active');\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n ContentChildren,\r\n QueryList,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n HostBinding,\r\n} from '@angular/core';\r\nimport { AXTabLook, AXTabStripChangedEvent } from './tabs.class';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\nimport { AXTabContentDirective } from './tab-content.directive';\r\nimport { AXBaseComponent } from '@acorex/components/mixin';\r\nimport { AXDirection } from '@acorex/components/common';\r\n\r\n@Component({\r\n selector: 'ax-tabs',\r\n template: `\r\n <div class=\"ax-items-wrapper\">\r\n <ng-content select=\"ax-tab-item\"> </ng-content>\r\n </div>\r\n `,\r\n styleUrls: ['tabs.component.scss'],\r\n host: { class: 'ax-tabs' },\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTabsComponent extends AXBaseComponent {\r\n @ContentChildren(AXTabItemComponent)\r\n private _contentTabs: QueryList<AXTabItemComponent>;\r\n\r\n @Input() look: AXTabLook = 'pills';\r\n\r\n\r\n @Input()\r\n orientation: AXDirection = 'horizontal';\r\n\r\n @Input()\r\n fitParent: boolean = false;\r\n\r\n @Input()\r\n minWidth: boolean = false;\r\n\r\n @Input()\r\n content: AXTabContentDirective;\r\n\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n private _isUserInteraction: boolean = false;\r\n\r\n get items(): AXTabItemComponent[] {\r\n return this._contentTabs.toArray();\r\n }\r\n\r\n private _selectedItem: AXTabItemComponent;\r\n\r\n get selectedIndex(): number {\r\n return this.items.indexOf(this._selectedItem);\r\n }\r\n\r\n get selectedItem(): AXTabItemComponent {\r\n return this._selectedItem;\r\n }\r\n\r\n @Output()\r\n onActiveTabChanged: EventEmitter<AXTabStripChangedEvent> = new EventEmitter<AXTabStripChangedEvent>();\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string[] {\r\n const cssClasses: string[] = [];\r\n cssClasses.push(`ax-look-${this.look}`);\r\n if (this.orientation == 'horizontal')\r\n cssClasses.push(`ax-horizontal`);\r\n else\r\n cssClasses.push(`ax-vertical`);\r\n return cssClasses;\r\n }\r\n\r\n\r\n ngAfterContentInit() {\r\n this._contentTabs.changes.subscribe((v) => {\r\n this._bindOnClickEvent();\r\n });\r\n }\r\n\r\n ngAfterViewInit() {\r\n this._bindOnClickEvent();\r\n }\r\n\r\n private _bindOnClickEvent() {\r\n const selected = this.items.find((c) => c.active) \|\| this.items[0];\r\n this.select(selected);\r\n this.items.forEach((c) => {\r\n if (!c.onClick.length) {\r\n c.onClick.subscribe((t) => {\r\n this._isUserInteraction = t.nativeEvent?.isTrusted;\r\n this.select(c);\r\n });\r\n }\r\n });\r\n }\r\n\r\n select(tab: number \| AXTabItemComponent) {\r\n let tabItem: AXTabItemComponent =\r\n typeof tab == 'number' ? this.items[tab] : tab;\r\n //\r\n if (!tab \|\| this.selectedItem == tabItem) return;\r\n this._selectedItem = tabItem;\r\n //\r\n this.items.forEach((c) => (c.active = false));\r\n tabItem.active = true;\r\n if (this.content) {\r\n this.content.portal = tabItem.template;\r\n }\r\n this._cdr.markForCheck();\r\n this.onActiveTabChanged.emit({\r\n component: this,\r\n isUserInteraction: this._isUserInteraction,\r\n tab: tabItem,\r\n index: this.selectedIndex,\r\n });\r\n this._isUserInteraction = false;\r\n }\r\n}\r\n","import { AXEvent } from '@acorex/components/common';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\n\r\nexport class AXTabStripChangedEvent extends AXEvent {\r\n tab: AXTabItemComponent;\r\n index: number;\r\n}\r\n\r\n\r\nexport type AXTabLook =\r\n \| 'pills'\r\n \| 'pills-color'\r\n \| 'with-line'\r\n \| 'classic'\r\n \| 'custom';","import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[axTabContent]',\r\n exportAs: 'axTabContent',\r\n inputs: ['portal: axTabContent'],\r\n})\r\nexport class AXTabContentDirective {\r\n constructor(private _viewContainerRef: ViewContainerRef) { }\r\n\r\n private _portal: TemplateRef<any \| undefined>;\r\n public get portal(): TemplateRef<any \| undefined> {\r\n return this._portal;\r\n }\r\n public set portal(v: TemplateRef<any \| undefined>) {\r\n //;\r\n if (v) {\r\n this._portal = v;\r\n this._viewContainerRef.clear();\r\n const viewRef = this._viewContainerRef.createEmbeddedView(v, null, 0);\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXTabContentDirective } from './tab-content.directive';\r\nimport { AXTabsComponent } from './tabs.component';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\n\r\nconst COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];\r\nconst MODULES = [CommonModule, 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 AXTabsModule { }\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-tabs.mjs","sources":["../../../../projects/acorex/components/tabs/src/tab-item.component.ts","../../../../projects/acorex/components/tabs/src/tabs.component.ts","../../../../projects/acorex/components/tabs/src/tabs.class.ts","../../../../projects/acorex/components/tabs/src/tab-content.directive.ts","../../../../projects/acorex/components/tabs/src/tabs.module.ts","../../../../projects/acorex/components/tabs/acorex-components-tabs.ts"],"sourcesContent":["\r\nimport { AXBaseComponent, AXComponentOptionChanged, _ClickableComponenetMixin } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n ViewChild,\r\n TemplateRef,\r\n Output,\r\n EventEmitter,\r\n HostListener,\r\n ContentChild,\r\n} from '@angular/core';\r\n\r\nexport const AXBaseTabItemMixin = _ClickableComponenetMixin(AXBaseComponent);\r\n\r\n@Component({\r\n selector: 'ax-tab-item',\r\n template: `\r\n <ng-container ngIf=\"headerTemplate; else header\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"headerTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n $implicit: {\r\n text: this.text,\r\n key: this.key,\r\n active: this.active,\r\n disabled: this.disabled\r\n }\r\n }\"\r\n ></ng-container>\r\n </ng-container>\r\n <!-- <ng-container ngIf=\"headerTemplate;else header\">\r\n <ng-content select=\"ax-header\">\r\n </ng-content>\r\n </ng-container> -->\r\n <ng-template #header>\r\n <ng-content select=\"ax-prefix\"></ng-content>\r\n <span>{{ text }}</span>\r\n <ng-content select=\"ax-suffix\"></ng-content>\r\n </ng-template>\r\n <ng-template #content>\r\n <ng-content select=\"ax-content\"> </ng-content>\r\n </ng-template>\r\n `,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTabItemComponent extends AXBaseTabItemMixin {\r\n constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n @Input()\r\n text: string;\r\n\r\n @Input()\r\n key: string;\r\n\r\n @ViewChild('content')\r\n template: TemplateRef<any>;\r\n\r\n @ContentChild('header', { static: true })\r\n headerTemplate: TemplateRef<any>;\r\n\r\n @Output()\r\n activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n private _active: boolean = false;\r\n @Input()\r\n public get active(): boolean {\r\n return this._active;\r\n }\r\n public set active(value: boolean) {\r\n this._setOption({\r\n name: 'active',\r\n value,\r\n afterCallback: () => {\r\n this._cdr.markForCheck();\r\n },\r\n });\r\n }\r\n\r\n @Output()\r\n disabledChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n private _disabled: boolean = false;\r\n @Input()\r\n public get disabled(): boolean {\r\n return this._disabled;\r\n }\r\n public set disabled(value: boolean) {\r\n this._setOption({\r\n name: 'disabled',\r\n value,\r\n });\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n private __hostClick(e: MouseEvent) {\r\n if (!this.disabled) {\r\n this.onClick.emit({\r\n component: this,\r\n htmlElement: this._getHostElement(),\r\n nativeEvent: e,\r\n });\r\n }\r\n }\r\n\r\n _onOptionChanged(option: AXComponentOptionChanged): void {\r\n const classListRef = this._getHostElement().classList;\r\n if (option.name == 'disabled') {\r\n option.newValue\r\n ? classListRef.add('ax-state-disabled')\r\n : classListRef.remove('ax-state-disabled');\r\n }\r\n if (option.name == 'active') {\r\n option.newValue\r\n ? classListRef.add('ax-state-active')\r\n : classListRef.remove('ax-state-active');\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n ContentChildren,\r\n QueryList,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n HostBinding,\r\n} from '@angular/core';\r\nimport { AXTabLook, AXTabStripChangedEvent } from './tabs.class';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\nimport { AXTabContentDirective } from './tab-content.directive';\r\nimport { AXBaseComponent } from '@acorex/components/mixin';\r\nimport { AXDirection } from '@acorex/components/common';\r\n\r\n@Component({\r\n selector: 'ax-tabs',\r\n template: `\r\n <div class=\"ax-items-wrapper\">\r\n <ng-content select=\"ax-tab-item\"> </ng-content>\r\n </div>\r\n `,\r\n styleUrls: ['tabs.component.scss'],\r\n host: { class: 'ax-tabs' },\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTabsComponent extends AXBaseComponent {\r\n @ContentChildren(AXTabItemComponent)\r\n private _contentTabs!: QueryList<AXTabItemComponent>;\r\n\r\n @Input() look: AXTabLook = 'pills';\r\n\r\n\r\n @Input()\r\n orientation: AXDirection = 'horizontal';\r\n\r\n @Input()\r\n fitParent: boolean = false;\r\n\r\n @Input()\r\n minWidth: boolean = false;\r\n\r\n @Input()\r\n content!: AXTabContentDirective;\r\n\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n private _isUserInteraction: boolean = false;\r\n\r\n get items(): AXTabItemComponent[] {\r\n return this._contentTabs.toArray();\r\n }\r\n\r\n private _selectedItem!: AXTabItemComponent;\r\n\r\n get selectedIndex(): number {\r\n return this.items.indexOf(this._selectedItem);\r\n }\r\n\r\n get selectedItem(): AXTabItemComponent {\r\n return this._selectedItem;\r\n }\r\n\r\n @Output()\r\n onActiveTabChanged: EventEmitter<AXTabStripChangedEvent> = new EventEmitter<AXTabStripChangedEvent>();\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string[] {\r\n const cssClasses: string[] = [];\r\n cssClasses.push(`ax-look-${this.look}`);\r\n if (this.orientation == 'horizontal')\r\n cssClasses.push(`ax-horizontal`);\r\n else\r\n cssClasses.push(`ax-vertical`);\r\n return cssClasses;\r\n }\r\n\r\n\r\n ngAfterContentInit() {\r\n this._contentTabs.changes.subscribe((v) => {\r\n this._bindOnClickEvent();\r\n });\r\n }\r\n\r\n override ngAfterViewInit() {\r\n this._bindOnClickEvent();\r\n }\r\n\r\n private _bindOnClickEvent() {\r\n const selected = this.items.find((c) => c.active) \|\| this.items[0];\r\n this.select(selected);\r\n this.items.forEach((c) => {\r\n if (!c.onClick.length) {\r\n c.onClick.subscribe((t) => {\r\n this._isUserInteraction = t.nativeEvent?.isTrusted;\r\n this.select(c);\r\n });\r\n }\r\n });\r\n }\r\n\r\n select(tab: number \| AXTabItemComponent) {\r\n let tabItem: AXTabItemComponent =\r\n typeof tab == 'number' ? this.items[tab] : tab;\r\n //\r\n if (!tab \|\| this.selectedItem == tabItem) return;\r\n this._selectedItem = tabItem;\r\n //\r\n this.items.forEach((c) => (c.active = false));\r\n tabItem.active = true;\r\n if (this.content) {\r\n this.content.portal = tabItem.template;\r\n }\r\n this._cdr.markForCheck();\r\n this.onActiveTabChanged.emit({\r\n component: this,\r\n isUserInteraction: this._isUserInteraction,\r\n tab: tabItem,\r\n index: this.selectedIndex,\r\n });\r\n this._isUserInteraction = false;\r\n }\r\n}\r\n","import { AXEvent } from '@acorex/components/common';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\n\r\nexport class AXTabStripChangedEvent extends AXEvent {\r\n tab: AXTabItemComponent;\r\n index: number;\r\n}\r\n\r\n\r\nexport type AXTabLook =\r\n \| 'pills'\r\n \| 'pills-color'\r\n \| 'with-line'\r\n \| 'classic'\r\n \| 'custom';","import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[axTabContent]',\r\n exportAs: 'axTabContent',\r\n inputs: ['portal: axTabContent'],\r\n})\r\nexport class AXTabContentDirective {\r\n constructor(private _viewContainerRef: ViewContainerRef) {}\r\n\r\n private _portal: TemplateRef<any> \| undefined;\r\n public get portal(): TemplateRef<any> \| undefined{\r\n return this._portal;\r\n }\r\n public set portal(v: TemplateRef<any> \| undefined) {\r\n //;\r\n if (v) {\r\n this._portal = v;\r\n this._viewContainerRef.clear();\r\n const viewRef = this._viewContainerRef.createEmbeddedView(v, null, 0);\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXTabContentDirective } from './tab-content.directive';\r\nimport { AXTabsComponent } from './tabs.component';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\n\r\nconst COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];\r\nconst MODULES = [CommonModule, 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 AXTabsModule { }\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-tag.mjs CHANGED Viewed

@@ -50,4 +50,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXTagComponent, AXTagModule };
 //# sourceMappingURL=acorex-components-tag.mjs.map
-//# sourceMappingURL=acorex-components-tag.mjs.map

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

@@ -49,4 +49,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXTextareaComponent, AXTextareaModule };
 //# sourceMappingURL=acorex-components-textarea.mjs.map
-//# sourceMappingURL=acorex-components-textarea.mjs.map

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

@@ -145,4 +145,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXMaskOptionsDirective, AXTextBoxComponent, AXTextBoxModule };
 //# sourceMappingURL=acorex-components-textbox.mjs.map
-//# sourceMappingURL=acorex-components-textbox.mjs.map

package/fesm2020/acorex-components-time-box.mjs CHANGED Viewed

@@ -326,4 +326,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXTimeBoxComponent, AXTimeBoxModule };
 //# sourceMappingURL=acorex-components-time-box.mjs.map
-//# sourceMappingURL=acorex-components-time-box.mjs.map

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

@@ -1,15 +1,9 @@
 import { AXClosbaleComponent } from '@acorex/components/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule, Injectable } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, NgModule, Injectable } from '@angular/core';
 import { AXBaseComponentMixin } from '@acorex/components/mixin';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i2 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import * as i3 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i4 from '@acorex/components/alert';
-import { AXAlertModule } from '@acorex/components/alert';
 import { AXConfig } from '@acorex/core/config';
 import { ComponentPortal } from '@angular/cdk/portal';
 import * as i1$1 from '@angular/cdk/overlay';
@@ -33,19 +27,24 @@ class AXToastComponent extends AXBaseComponentMixin {
                 this.close();
             }, this.options.timeOut);
         }
-        switch (this.options.color) {
-            case 'success':
-                this._icon = 'ax-icon ax-icon-check-filled';
-                break;
-            case 'warning':
-                this._icon = 'ax-icon ax-icon-warning-filled';
-                break;
-            case 'danger':
-                this._icon = 'ax-icon ax-icon-error-filled';
-                break;
-            default:
-                this._icon = '';
-                break;
+        if (!this.options.icon) {
+            switch (this.options.color) {
+                case 'success':
+                    this._icon = 'ax-icon ax-icon-check-circle-fill';
+                    break;
+                case 'warning':
+                    this._icon = 'ax-icon ax-icon-warning-fill';
+                    break;
+                case 'danger':
+                    this._icon = 'ax-icon ax-icon-error-fill';
+                    break;
+                default:
+                    this._icon = this.options.icon || 'ax-icon ax-icon-check-circle-fill';
+                    break;
+            }
+        }
+        else {
+            this._icon = this.options.icon;
         }
     }
     _handleButtonClick(button) {
@@ -53,20 +52,26 @@ class AXToastComponent extends AXBaseComponentMixin {
             button.onClick(this);
         }
     }
+    get __hostClass() {
+        return `ax-${this.options.color}`;
+    }
 }
 AXToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXToastComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXToastComponent, selector: "ax-toast", providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<ax-alert [color]=\"options.color\"  [timeOut]=\"options.timeOut\">\r\n    <ax-icon *ngIf=\"_icon\" [icon]=\"_icon\"></ax-icon>\r\n    <ax-title [text]=\"options.title\"></ax-title>\r\n    <ax-close-button  *ngIf=\"options.closeable\"></ax-close-button>\r\n    <ax-content *ngIf=\"options.content\">\r\n        <div [innerHTML]=\"options.content\"></div>\r\n    </ax-content>\r\n    <ax-footer *ngIf=\"options?.buttons?.length\">\r\n        <ax-button *ngFor=\"let button of options.buttons\" [text]=\"button.text\" class=\"ax-sm\"\r\n            (onClick)=\"_handleButtonClick(button)\" [color]=\"options.color\" [look]=\"'default'\"></ax-button>\r\n    </ax-footer>\r\n</ax-alert>", styles: ["ax-toast{width:max(20vw,350px)}@media (max-width: 599px){ax-toast{width:98vw}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i3.AXDecoratorContentComponent, selector: "ax-content" }, { kind: "component", type: i3.AXDecoratorFooterComponent, selector: "ax-footer" }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title", inputs: ["text"] }, { kind: "component", type: i3.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "component", type: i4.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut", "visible"], outputs: ["onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXToastComponent, selector: "ax-toast", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<!-- <ax-alert [color]=\"options.color\"  [timeOut]=\"options.timeOut\">\r\n    <ax-icon *ngIf=\"_icon\" [icon]=\"_icon\"></ax-icon>\r\n    <ax-title [text]=\"options.title\"></ax-title>\r\n    <ax-close-button  *ngIf=\"options.closeable\"></ax-close-button>\r\n    <ax-content *ngIf=\"options.content\">\r\n        <div [innerHTML]=\"options.content\"></div>\r\n    </ax-content>\r\n    <ax-footer *ngIf=\"options?.buttons?.length\">\r\n        <ax-button *ngFor=\"let button of options.buttons\" [text]=\"button.text\" class=\"ax-sm\"\r\n            (onClick)=\"_handleButtonClick(button)\" [color]=\"options.color\" [look]=\"'default'\"></ax-button>\r\n    </ax-footer>\r\n</ax-alert> -->\r\n<span [class]=\"'ax-toast-icon '+ _icon \"></span>\r\n<div class=\"ax-toast-content\">\r\n    <div class=\"ax-toast-title\">{{options.title}}</div>\r\n    <div [innerHTML]=\"options.content\"></div>\r\n    <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n        <button *ngFor=\"let button of options.buttons\" (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button>\r\n    </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>", styles: ["ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;border:1px solid;background-color:rgb(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden}ax-toast.ax-primary{background-color:rgb(var(--ax-color-primary-50));color:rgb(var(--ax-color-primary-700));border-color:rgb(var(--ax-color-primary-500))}ax-toast.ax-primary .ax-toast-title{color:rgb(var(--ax-color-primary-800))}ax-toast.ax-primary .ax-toast-progress{background-color:rgb(var(--ax-color-primary-500))}ax-toast.ax-secondary{background-color:rgb(var(--ax-color-secondary-50));color:rgb(var(--ax-color-secondary-700));border-color:rgb(var(--ax-color-secondary-500))}ax-toast.ax-secondary .ax-toast-title{color:rgb(var(--ax-color-secondary-800))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgb(var(--ax-color-secondary-500))}ax-toast.ax-success{background-color:rgb(var(--ax-color-success-50));color:rgb(var(--ax-color-success-700));border-color:rgb(var(--ax-color-success-500))}ax-toast.ax-success .ax-toast-title{color:rgb(var(--ax-color-success-800))}ax-toast.ax-success .ax-toast-progress{background-color:rgb(var(--ax-color-success-500))}ax-toast.ax-warning{background-color:rgb(var(--ax-color-warning-50));color:rgb(var(--ax-color-warning-700));border-color:rgb(var(--ax-color-warning-500))}ax-toast.ax-warning .ax-toast-title{color:rgb(var(--ax-color-warning-800))}ax-toast.ax-warning .ax-toast-progress{background-color:rgb(var(--ax-color-warning-500))}ax-toast.ax-danger{background-color:rgb(var(--ax-color-danger-50));color:rgb(var(--ax-color-danger-700));border-color:rgb(var(--ax-color-danger-500))}ax-toast.ax-danger .ax-toast-title{color:rgb(var(--ax-color-danger-800))}ax-toast.ax-danger .ax-toast-progress{background-color:rgb(var(--ax-color-danger-500))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1;gap:.5rem}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.25rem}ax-toast .ax-toast-content .ax-toast-buttons button{font-weight:700}ax-toast .ax-toast-content .ax-toast-buttons button:hover{opacity:.6}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], template: "<ax-alert [color]=\"options.color\"  [timeOut]=\"options.timeOut\">\r\n    <ax-icon *ngIf=\"_icon\" [icon]=\"_icon\"></ax-icon>\r\n    <ax-title [text]=\"options.title\"></ax-title>\r\n    <ax-close-button  *ngIf=\"options.closeable\"></ax-close-button>\r\n    <ax-content *ngIf=\"options.content\">\r\n        <div [innerHTML]=\"options.content\"></div>\r\n    </ax-content>\r\n    <ax-footer *ngIf=\"options?.buttons?.length\">\r\n        <ax-button *ngFor=\"let button of options.buttons\" [text]=\"button.text\" class=\"ax-sm\"\r\n            (onClick)=\"_handleButtonClick(button)\" [color]=\"options.color\" [look]=\"'default'\"></ax-button>\r\n    </ax-footer>\r\n</ax-alert>", styles: ["ax-toast{width:max(20vw,350px)}@media (max-width: 599px){ax-toast{width:98vw}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+            args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], template: "<!-- <ax-alert [color]=\"options.color\"  [timeOut]=\"options.timeOut\">\r\n    <ax-icon *ngIf=\"_icon\" [icon]=\"_icon\"></ax-icon>\r\n    <ax-title [text]=\"options.title\"></ax-title>\r\n    <ax-close-button  *ngIf=\"options.closeable\"></ax-close-button>\r\n    <ax-content *ngIf=\"options.content\">\r\n        <div [innerHTML]=\"options.content\"></div>\r\n    </ax-content>\r\n    <ax-footer *ngIf=\"options?.buttons?.length\">\r\n        <ax-button *ngFor=\"let button of options.buttons\" [text]=\"button.text\" class=\"ax-sm\"\r\n            (onClick)=\"_handleButtonClick(button)\" [color]=\"options.color\" [look]=\"'default'\"></ax-button>\r\n    </ax-footer>\r\n</ax-alert> -->\r\n<span [class]=\"'ax-toast-icon '+ _icon \"></span>\r\n<div class=\"ax-toast-content\">\r\n    <div class=\"ax-toast-title\">{{options.title}}</div>\r\n    <div [innerHTML]=\"options.content\"></div>\r\n    <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n        <button *ngFor=\"let button of options.buttons\" (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button>\r\n    </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>", styles: ["ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;border:1px solid;background-color:rgb(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden}ax-toast.ax-primary{background-color:rgb(var(--ax-color-primary-50));color:rgb(var(--ax-color-primary-700));border-color:rgb(var(--ax-color-primary-500))}ax-toast.ax-primary .ax-toast-title{color:rgb(var(--ax-color-primary-800))}ax-toast.ax-primary .ax-toast-progress{background-color:rgb(var(--ax-color-primary-500))}ax-toast.ax-secondary{background-color:rgb(var(--ax-color-secondary-50));color:rgb(var(--ax-color-secondary-700));border-color:rgb(var(--ax-color-secondary-500))}ax-toast.ax-secondary .ax-toast-title{color:rgb(var(--ax-color-secondary-800))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgb(var(--ax-color-secondary-500))}ax-toast.ax-success{background-color:rgb(var(--ax-color-success-50));color:rgb(var(--ax-color-success-700));border-color:rgb(var(--ax-color-success-500))}ax-toast.ax-success .ax-toast-title{color:rgb(var(--ax-color-success-800))}ax-toast.ax-success .ax-toast-progress{background-color:rgb(var(--ax-color-success-500))}ax-toast.ax-warning{background-color:rgb(var(--ax-color-warning-50));color:rgb(var(--ax-color-warning-700));border-color:rgb(var(--ax-color-warning-500))}ax-toast.ax-warning .ax-toast-title{color:rgb(var(--ax-color-warning-800))}ax-toast.ax-warning .ax-toast-progress{background-color:rgb(var(--ax-color-warning-500))}ax-toast.ax-danger{background-color:rgb(var(--ax-color-danger-50));color:rgb(var(--ax-color-danger-700));border-color:rgb(var(--ax-color-danger-500))}ax-toast.ax-danger .ax-toast-title{color:rgb(var(--ax-color-danger-800))}ax-toast.ax-danger .ax-toast-progress{background-color:rgb(var(--ax-color-danger-500))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1;gap:.5rem}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.25rem}ax-toast .ax-toast-content .ax-toast-buttons button{font-weight:700}ax-toast .ax-toast-content .ax-toast-buttons button:hover{opacity:.6}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 const COMPONENT = [AXToastComponent];
-const MODULES = [CommonModule, AXButtonModule, AXDecoratorModule, AXAlertModule];
+const MODULES = [CommonModule];
 class AXToastModule {
 }
 AXToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXToastModule, declarations: [AXToastComponent], imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXAlertModule], exports: [AXToastComponent] });
+AXToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AXToastModule, declarations: [AXToastComponent], imports: [CommonModule], exports: [AXToastComponent] });
 AXToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXToastModule, imports: [MODULES] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXToastModule, decorators: [{
             type: NgModule,
@@ -214,4 +219,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 export { AXToastComponent, AXToastModule, AXToastService };
 //# sourceMappingURL=acorex-components-toast.mjs.map
-//# sourceMappingURL=acorex-components-toast.mjs.map