npm - @acorex/components - Versions diffs - 6.1.11 → 7.0.0 - Mend

@acorex/components 6.1.11 → 7.0.0

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

package/fesm2015/acorex-components-tooltip.mjs CHANGED Viewed

@@ -14,8 +14,8 @@ class AXTooltipComponent extends AXBaseComponentMixin {
         this.position = 'top';
     }
 }
-AXTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXTooltipComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXTooltipComponent, selector: "ax-tooltip", inputs: { text: "text", position: "position" }, host: { classAttribute: "ax-tooltip" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-tooltip-container\">\r\n    <div class=\"ax-tooltip\" @tooltip>\r\n        {{ text }}\r\n    </div>\r\n    <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{position}}\"></div>\r\n</div>", animations: [
+AXTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXTooltipComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AXTooltipComponent, selector: "ax-tooltip", inputs: { text: "text", position: "position" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-tooltip-container\">\r\n    <div class=\"ax-tooltip\" @tooltip>\r\n        {{ text }}\r\n    </div>\r\n    <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{position}}\"></div>\r\n</div>", styles: [".ax-tooltip-container{position:relative}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem;background-color:rgb(var(--ax-color-ghost));background-color:rgb(var(--ax-color-ghost-fore));border-radius:var(--ax-rounded-border-default)}.ax-tooltip-container .ax-tooltip-tringle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000;position:absolute}.ax-tooltip-container .ax-tooltip-tringle.ax-tooltip-tringle-bottom{transform:rotate(180deg);left:0;right:0;margin:auto;top:-5px}.ax-tooltip-container .ax-tooltip-tringle.ax-tooltip-tringle-right{transform:rotate(90deg);top:0;bottom:0;margin:auto;left:-7px}.ax-tooltip-container .ax-tooltip-tringle.ax-tooltip-tringle-top{transform:rotate(0);left:0;right:0;margin:auto}.ax-tooltip-container .ax-tooltip-tringle.ax-tooltip-tringle-left{transform:rotate(270deg);top:0;bottom:0;margin:auto;right:-7px}\n"], animations: [
         trigger('tooltip', [
             transition(':enter', [
                 style({ opacity: 0 }),
@@ -24,9 +24,9 @@ AXTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             transition(':leave', [animate(50, style({ opacity: 0 }))]),
         ]),
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXTooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'ax-tooltip' }, animations: [
+            args: [{ selector: 'ax-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [
                         trigger('tooltip', [
                             transition(':enter', [
                                 style({ opacity: 0 }),
@@ -34,7 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
                             ]),
                             transition(':leave', [animate(50, style({ opacity: 0 }))]),
                         ]),
-                    ], template: "<div class=\"ax-tooltip-container\">\r\n    <div class=\"ax-tooltip\" @tooltip>\r\n        {{ text }}\r\n    </div>\r\n    <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{position}}\"></div>\r\n</div>" }]
+                    ], template: "<div class=\"ax-tooltip-container\">\r\n    <div class=\"ax-tooltip\" @tooltip>\r\n        {{ text }}\r\n    </div>\r\n    <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{position}}\"></div>\r\n</div>", styles: [".ax-tooltip-container{position:relative}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem;background-color:rgb(var(--ax-color-ghost));background-color:rgb(var(--ax-color-ghost-fore));border-radius:var(--ax-rounded-border-default)}.ax-tooltip-container .ax-tooltip-tringle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000;position:absolute}.ax-tooltip-container .ax-tooltip-tringle.ax-tooltip-tringle-bottom{transform:rotate(180deg);left:0;right:0;margin:auto;top:-5px}.ax-tooltip-container .ax-tooltip-tringle.ax-tooltip-tringle-right{transform:rotate(90deg);top:0;bottom:0;margin:auto;left:-7px}.ax-tooltip-container .ax-tooltip-tringle.ax-tooltip-tringle-top{transform:rotate(0);left:0;right:0;margin:auto}.ax-tooltip-container .ax-tooltip-tringle.ax-tooltip-tringle-left{transform:rotate(270deg);top:0;bottom:0;margin:auto;right:-7px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
                 type: Input
             }], position: [{
@@ -103,9 +103,9 @@ class AXTooltipDirective {
         this.overlayRef.detach();
     }
 }
-AXTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXTooltipDirective, deps: [{ token: i1.Overlay }, { token: i1.OverlayPositionBuilder }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AXTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: AXTooltipDirective, selector: "[axTooltip]", inputs: { text: ["axTooltip", "text"], position: ["axTooltipPositon", "position"] }, host: { listeners: { "mouseenter": "show()", "mouseout": "hide()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXTooltipDirective, decorators: [{
+AXTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXTooltipDirective, deps: [{ token: i1.Overlay }, { token: i1.OverlayPositionBuilder }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+AXTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: AXTooltipDirective, selector: "[axTooltip]", inputs: { text: ["axTooltip", "text"], position: ["axTooltipPosition", "position"] }, host: { listeners: { "mouseenter": "show()", "mouseout": "hide()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXTooltipDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[axTooltip]' }]
         }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i1.OverlayPositionBuilder }, { type: i0.ElementRef }]; }, propDecorators: { text: [{
@@ -113,7 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
                 args: ['axTooltip']
             }], position: [{
                 type: Input,
-                args: ['axTooltipPositon']
+                args: ['axTooltipPosition']
             }], show: [{
                 type: HostListener,
                 args: ['mouseenter']
@@ -126,10 +126,10 @@ const COMPONENT = [AXTooltipComponent, AXTooltipDirective];
 const MODULES = [CommonModule, OverlayModule];
 class AXTooltipModule {
 }
-AXTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AXTooltipModule, declarations: [AXTooltipComponent, AXTooltipDirective], imports: [CommonModule, OverlayModule], exports: [AXTooltipComponent, AXTooltipDirective] });
-AXTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXTooltipModule, imports: [MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXTooltipModule, decorators: [{
+AXTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: AXTooltipModule, declarations: [AXTooltipComponent, AXTooltipDirective], imports: [CommonModule, OverlayModule], exports: [AXTooltipComponent, AXTooltipDirective] });
+AXTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXTooltipModule, imports: [MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXTooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/fesm2015/acorex-components-tooltip.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-tooltip.mjs","sources":["../../../../projects/acorex/components/tooltip/src/tooltip.component.ts","../../../../projects/acorex/components/tooltip/src/tooltip.component.html","../../../../projects/acorex/components/tooltip/src/tooltip.directive.ts","../../../../projects/acorex/components/tooltip/src/tooltip.module.ts","../../../../projects/acorex/components/tooltip/acorex-components-tooltip.ts"],"sourcesContent":["import { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { animate, style, transition, trigger } from '@angular/animations';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-tooltip',\r\n templateUrl: './tooltip.component.html',\r\n ~~changeDetection~~: ~~ChangeDetectionStrategy~~.~~OnPush~~,\r\n ~~encapsulation~~: ~~ViewEncapsulation~~.~~None~~,\r\n ~~host~~: ~~{ class: 'ax-tooltip' }~~,\r\n animations: [\r\n trigger('tooltip', [\r\n transition(':enter', [\r\n style({ opacity: 0 }),\r\n animate(50, style({ opacity: 1 })),\r\n ]),\r\n transition(':leave', [animate(50, style({ opacity: 0 }))]),\r\n ]),\r\n ],\r\n})\r\nexport class AXTooltipComponent extends AXBaseComponentMixin {\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n @Input()\r\n text: string = 'Text';\r\n\r\n @Input() position = 'top';\r\n}\r\n","<div class=\"ax-tooltip-container\">\r\n <div class=\"ax-tooltip\" @tooltip>\r\n {{ text }}\r\n </div>\r\n <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{position}}\"></div>\r\n</div>","import {\r\n ComponentRef,\r\n Directive,\r\n ElementRef,\r\n HostListener,\r\n Input,\r\n OnInit,\r\n} from '@angular/core';\r\nimport {\r\n Overlay,\r\n OverlayPositionBuilder,\r\n OverlayRef,\r\n} from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { AXTooltipComponent } from './tooltip.component';\r\n\r\n@Directive({ selector: '[axTooltip]' })\r\nexport class AXTooltipDirective implements OnInit {\r\n @Input('axTooltip') text = '';\r\n @Input('~~axTooltipPositon~~') position = 'top';\r\n\r\n private overlayRef: OverlayRef;\r\n\r\n positions: any;\r\n\r\n constructor(\r\n private overlay: Overlay,\r\n private overlayPositionBuilder: OverlayPositionBuilder,\r\n private elementRef: ElementRef\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n switch (this.position) {\r\n default:\r\n case 'top':\r\n this.positions = {\r\n originX: 'center',\r\n originY: 'top',\r\n overlayX: 'center',\r\n overlayY: 'bottom',\r\n offsetY: -8,\r\n };\r\n break;\r\n case 'right':\r\n this.positions = {\r\n originX: 'end',\r\n originY: 'center',\r\n overlayX: 'start',\r\n overlayY: 'center',\r\n offsetX: 8,\r\n };\r\n break;\r\n case 'bottom':\r\n this.positions = {\r\n originX: 'center',\r\n originY: 'bottom',\r\n overlayX: 'center',\r\n overlayY: 'top',\r\n offsetY: 8,\r\n };\r\n break;\r\n case 'left':\r\n this.positions = {\r\n originX: 'start',\r\n originY: 'center',\r\n overlayX: 'end',\r\n overlayY: 'center',\r\n offsetX: -8,\r\n };\r\n break;\r\n }\r\n const positionStrategy = this.overlayPositionBuilder\r\n .flexibleConnectedTo(this.elementRef)\r\n .withPositions([this.positions]);\r\n\r\n this.overlayRef = this.overlay.create({ positionStrategy });\r\n }\r\n\r\n @HostListener('mouseenter')\r\n show() {\r\n const tooltipRef: ComponentRef<AXTooltipComponent> = this.overlayRef.attach(\r\n new ComponentPortal(AXTooltipComponent)\r\n );\r\n\r\n tooltipRef.instance.text = this.text;\r\n tooltipRef.instance.position = this.position;\r\n }\r\n\r\n @HostListener('mouseout')\r\n hide() {\r\n this.overlayRef.detach();\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXTooltipComponent } from './tooltip.component';\r\nimport { AXTooltipDirective } from './tooltip.directive';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\n\r\nconst COMPONENT = [AXTooltipComponent, AXTooltipDirective];\r\nconst MODULES = [CommonModule, OverlayModule];\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 AXTooltipModule {}\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AA2BM,MAAO,kBAAmB,SAAQ,oBAAoB,CAAA;IAC1D,WAAY,CAAA,UAAsB,EAAE,GAAsB,EAAA;AACxD,QAAA,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;AAGzB,QAAA,IAAI,CAAA,IAAA,GAAW,MAAM,CAAC;AAEb,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;KAJzB~~;;+GAHU~~,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~mGAAlB~~,kBAAkB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,~~IAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,~~eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3B/B,+MAKM,EDYQ,UAAA,EAAA;QACV,OAAO,CAAC,SAAS,EAAE;YACjB,UAAU,CAAC,QAAQ,EAAE;AACnB,gBAAA,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;gBACrB,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;aACnC,CAAC;AACF,YAAA,UAAU,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SAC3D,CAAC;AACH,KAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;~~2FAEU~~,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAhB9B,SAAS~~;AACE~~,~~YAAA~~,~~IAAA,~~EAAA,~~CAAA,EAAA,QAAA,EAAA,YAAY,EAEL,~~eAAA,~~EAAA~~,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,~~EAAA~~,~~IAAA,EAC/B,EAAE,KAAK,EAAE,YAAY,EAAE,EACjB,~~UAAA,EAAA;wBACV,OAAO,CAAC,SAAS,EAAE;4BACjB,UAAU,CAAC,QAAQ,EAAE;AACnB,gCAAA,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;gCACrB,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;6BACnC,CAAC;AACF,4BAAA,UAAU,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;yBAC3D,CAAC;~~AACH~~,~~qBAAA,~~EAAA,QAAA,EAAA,+MAAA,EAAA,CAAA;iIAOD,IAAI,EAAA,CAAA;sBADH,KAAK;gBAGG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;MEjBK,kBAAkB,CAAA;AAQ7B,IAAA,WAAA,CACU,OAAgB,EAChB,sBAA8C,EAC9C,UAAsB,EAAA;AAFtB,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAS;AAChB,QAAA,IAAsB,CAAA,sBAAA,GAAtB,sBAAsB,CAAwB;AAC9C,QAAA,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;AAVZ,QAAA,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;~~AACH~~,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;~~KAUxC~~;IAEJ,QAAQ,GAAA;QACN,QAAQ,IAAI,CAAC,QAAQ;YACnB,QAAQ;AACR,YAAA,KAAK,KAAK;gBACR,IAAI,CAAC,SAAS,GAAG;AACf,oBAAA,OAAO,EAAE,QAAQ;AACjB,oBAAA,OAAO,EAAE,KAAK;AACd,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,QAAQ,EAAE,QAAQ;oBAClB,OAAO,EAAE,CAAC,CAAC;iBACZ,CAAC;gBACF,MAAM;AACR,YAAA,KAAK,OAAO;gBACV,IAAI,CAAC,SAAS,GAAG;AACf,oBAAA,OAAO,EAAE,KAAK;AACd,oBAAA,OAAO,EAAE,QAAQ;AACjB,oBAAA,QAAQ,EAAE,OAAO;AACjB,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,OAAO,EAAE,CAAC;iBACX,CAAC;gBACF,MAAM;AACR,YAAA,KAAK,QAAQ;gBACX,IAAI,CAAC,SAAS,GAAG;AACf,oBAAA,OAAO,EAAE,QAAQ;AACjB,oBAAA,OAAO,EAAE,QAAQ;AACjB,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,QAAQ,EAAE,KAAK;AACf,oBAAA,OAAO,EAAE,CAAC;iBACX,CAAC;gBACF,MAAM;AACR,YAAA,KAAK,MAAM;gBACT,IAAI,CAAC,SAAS,GAAG;AACf,oBAAA,OAAO,EAAE,OAAO;AAChB,oBAAA,OAAO,EAAE,QAAQ;AACjB,oBAAA,QAAQ,EAAE,KAAK;AACf,oBAAA,QAAQ,EAAE,QAAQ;oBAClB,OAAO,EAAE,CAAC,CAAC;iBACZ,CAAC;gBACF,MAAM;AACT,SAAA;AACD,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB;AACjD,aAAA,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC;AACpC,aAAA,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;AAEnC,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC;KAC7D;IAGD,IAAI,GAAA;AACF,QAAA,MAAM,UAAU,GAAqC,IAAI,CAAC,UAAU,CAAC,MAAM,CACzE,IAAI,eAAe,CAAC,kBAAkB,CAAC,CACxC,CAAC;QAEF,UAAU,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACrC,UAAU,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;KAC9C;IAGD,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;KAC1B~~;;+GA1EU~~,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,OAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~mGAAlB~~,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,CAAA,WAAA,EAAA,MAAA,CAAA,EAAA,QAAA,EAAA,CAAA,~~kBAAA~~,EAAA,UAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;~~2FAAlB~~,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B,SAAS;mBAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;4JAEhB,IAAI,EAAA,CAAA;sBAAvB,KAAK;uBAAC,WAAW,CAAA;~~gBACS~~,QAAQ,EAAA,CAAA;~~sBAAlC~~,KAAK;uBAAC,~~kBAAkB~~,CAAA;~~gBA4DzB~~,IAAI,EAAA,CAAA;sBADH,YAAY;uBAAC,YAAY,CAAA;gBAW1B,IAAI,EAAA,CAAA;sBADH,YAAY;uBAAC,UAAU,CAAA;;;AClF1B,MAAM,SAAS,GAAG,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;AAC3D,MAAM,OAAO,GAAG,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;MAQjC,eAAe,CAAA;;~~4GAAf~~,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;~~6GAAf~~,eAAe,EAAA,YAAA,EAAA,CATT,kBAAkB,EAAE,kBAAkB,CAAA,EAAA,OAAA,EAAA,CACxC,YAAY,EAAE,aAAa,CAAA,EAAA,OAAA,EAAA,CADzB,kBAAkB,EAAE,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAS5C,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~QAAA~~,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAJb,OAAO,CAAA,EAAA,CAAA,CAAA;~~2FAIT~~,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;iBACd,CAAA;;;ACdD;;AAEG;;;;"}
1	+ {"version":3,"file":"acorex-components-tooltip.mjs","sources":["../../../../projects/acorex/components/tooltip/src/tooltip.component.ts","../../../../projects/acorex/components/tooltip/src/tooltip.component.html","../../../../projects/acorex/components/tooltip/src/tooltip.directive.ts","../../../../projects/acorex/components/tooltip/src/tooltip.module.ts","../../../../projects/acorex/components/tooltip/acorex-components-tooltip.ts"],"sourcesContent":["import { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { animate, style, transition, trigger } from '@angular/animations';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-tooltip',\r\n templateUrl: './tooltip.component.html',\r\n styleUrls: ['./tooltip.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n animations: [\r\n trigger('tooltip', [\r\n transition(':enter', [\r\n style({ opacity: 0 }),\r\n animate(50, style({ opacity: 1 })),\r\n ]),\r\n transition(':leave', [animate(50, style({ opacity: 0 }))]),\r\n ]),\r\n ],\r\n})\r\nexport class AXTooltipComponent extends AXBaseComponentMixin {\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n @Input()\r\n text: string = 'Text';\r\n\r\n @Input() position = 'top';\r\n}\r\n","<div class=\"ax-tooltip-container\">\r\n <div class=\"ax-tooltip\" @tooltip>\r\n {{ text }}\r\n </div>\r\n <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{position}}\"></div>\r\n</div>","import {\r\n ComponentRef,\r\n Directive,\r\n ElementRef,\r\n HostListener,\r\n Input,\r\n OnInit,\r\n} from '@angular/core';\r\nimport {\r\n Overlay,\r\n OverlayPositionBuilder,\r\n OverlayRef,\r\n} from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { AXTooltipComponent } from './tooltip.component';\r\n\r\n@Directive({ selector: '[axTooltip]' })\r\nexport class AXTooltipDirective implements OnInit {\r\n @Input('axTooltip') text = '';\r\n @Input('axTooltipPosition') position = 'top';\r\n\r\n private overlayRef: OverlayRef;\r\n\r\n positions: any;\r\n\r\n constructor(\r\n private overlay: Overlay,\r\n private overlayPositionBuilder: OverlayPositionBuilder,\r\n private elementRef: ElementRef\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n switch (this.position) {\r\n default:\r\n case 'top':\r\n this.positions = {\r\n originX: 'center',\r\n originY: 'top',\r\n overlayX: 'center',\r\n overlayY: 'bottom',\r\n offsetY: -8,\r\n };\r\n break;\r\n case 'right':\r\n this.positions = {\r\n originX: 'end',\r\n originY: 'center',\r\n overlayX: 'start',\r\n overlayY: 'center',\r\n offsetX: 8,\r\n };\r\n break;\r\n case 'bottom':\r\n this.positions = {\r\n originX: 'center',\r\n originY: 'bottom',\r\n overlayX: 'center',\r\n overlayY: 'top',\r\n offsetY: 8,\r\n };\r\n break;\r\n case 'left':\r\n this.positions = {\r\n originX: 'start',\r\n originY: 'center',\r\n overlayX: 'end',\r\n overlayY: 'center',\r\n offsetX: -8,\r\n };\r\n break;\r\n }\r\n const positionStrategy = this.overlayPositionBuilder\r\n .flexibleConnectedTo(this.elementRef)\r\n .withPositions([this.positions]);\r\n\r\n this.overlayRef = this.overlay.create({ positionStrategy });\r\n }\r\n\r\n @HostListener('mouseenter')\r\n show() {\r\n const tooltipRef: ComponentRef<AXTooltipComponent> = this.overlayRef.attach(\r\n new ComponentPortal(AXTooltipComponent)\r\n );\r\n\r\n tooltipRef.instance.text = this.text;\r\n tooltipRef.instance.position = this.position;\r\n }\r\n\r\n @HostListener('mouseout')\r\n hide() {\r\n this.overlayRef.detach();\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXTooltipComponent } from './tooltip.component';\r\nimport { AXTooltipDirective } from './tooltip.directive';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\n\r\nconst COMPONENT = [AXTooltipComponent, AXTooltipDirective];\r\nconst MODULES = [CommonModule, OverlayModule];\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 AXTooltipModule {}\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/acorex-components-tree-view.mjs CHANGED Viewed

@@ -100,21 +100,21 @@ class AXTreeViewComponent {
     }
     ngOnInit() { }
 }
-AXTreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXTreeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXTreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: { showLines: "showLines" }, host: { classAttribute: "ax-tree-view" }, ngImport: i0, template: "<ul class=\"ax-list-{{showLines}}\">\r\n    <ng-template #recursiveList let-list>\r\n      <li *ngFor=\"let item of list\">\r\n        <span>\r\n          <ax-check-box></ax-check-box>\r\n          \r\n          <span>{{item.title}}</span>\r\n        </span>\r\n        <ul *ngIf=\"item.children.length > 0\">\r\n          <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\r\n        </ul>\r\n      </li>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\r\n  </ul>", 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: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "allowNull", "value", "name", "checked"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXTreeViewComponent, decorators: [{
+AXTreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXTreeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXTreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: { showLines: "showLines" }, host: { classAttribute: "ax-tree-view" }, ngImport: i0, template: "<ul class=\"ax-list-{{showLines}}\">\r\n    <ng-template #recursiveList let-list>\r\n      <li *ngFor=\"let item of list\">\r\n        <span>\r\n          <ax-check-box></ax-check-box>\r\n          \r\n          <span>{{item.title}}</span>\r\n        </span>\r\n        <ul *ngIf=\"item.children.length > 0\">\r\n          <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\r\n        </ul>\r\n      </li>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\r\n  </ul>", styles: [".ax-tree-view>ul li{font-size:.875rem;position:relative}.ax-tree-view>ul li span{@apply ax-flex ax-items-center ax-my-1;display:flex;align-items:center;margin:.25rem 0}.ax-tree-view>ul li ul{padding-inline-start:2rem}.ax-tree-view>ul.ax-list-all li ul{position:relative}.ax-tree-view>ul.ax-list-all li ul:before{content:\"\";width:1px;position:absolute;bottom:0;height:100%;inset-inline-start:.5rem;background-color:rgb(var(--ax-color-border-default))}.ax-tree-view>ul.ax-list-all li ul li:before{position:absolute;top:0;right:12px;bottom:-4px;margin-left:-1px;content:\" \"}.ax-tree-view>ul.ax-list-all li ul li:after{position:absolute;width:10px;height:14px;content:\" \"}\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: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "allowNull", "value", "name", "checked"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXTreeViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-tree-view', encapsulation: ViewEncapsulation.None, host: { class: 'ax-tree-view' }, template: "<ul class=\"ax-list-{{showLines}}\">\r\n    <ng-template #recursiveList let-list>\r\n      <li *ngFor=\"let item of list\">\r\n        <span>\r\n          <ax-check-box></ax-check-box>\r\n          \r\n          <span>{{item.title}}</span>\r\n        </span>\r\n        <ul *ngIf=\"item.children.length > 0\">\r\n          <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\r\n        </ul>\r\n      </li>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\r\n  </ul>" }]
+            args: [{ selector: 'ax-tree-view', encapsulation: ViewEncapsulation.None, host: { class: 'ax-tree-view' }, template: "<ul class=\"ax-list-{{showLines}}\">\r\n    <ng-template #recursiveList let-list>\r\n      <li *ngFor=\"let item of list\">\r\n        <span>\r\n          <ax-check-box></ax-check-box>\r\n          \r\n          <span>{{item.title}}</span>\r\n        </span>\r\n        <ul *ngIf=\"item.children.length > 0\">\r\n          <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\r\n        </ul>\r\n      </li>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\r\n  </ul>", styles: [".ax-tree-view>ul li{font-size:.875rem;position:relative}.ax-tree-view>ul li span{@apply ax-flex ax-items-center ax-my-1;display:flex;align-items:center;margin:.25rem 0}.ax-tree-view>ul li ul{padding-inline-start:2rem}.ax-tree-view>ul.ax-list-all li ul{position:relative}.ax-tree-view>ul.ax-list-all li ul:before{content:\"\";width:1px;position:absolute;bottom:0;height:100%;inset-inline-start:.5rem;background-color:rgb(var(--ax-color-border-default))}.ax-tree-view>ul.ax-list-all li ul li:before{position:absolute;top:0;right:12px;bottom:-4px;margin-left:-1px;content:\" \"}.ax-tree-view>ul.ax-list-all li ul li:after{position:absolute;width:10px;height:14px;content:\" \"}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { showLines: [{
                 type: Input
             }] } });
 class AXTreeViewModule {
 }
-AXTreeViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXTreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXTreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AXTreeViewModule, declarations: [AXTreeViewComponent], imports: [CommonModule, AXCheckBoxModule], exports: [AXTreeViewComponent] });
-AXTreeViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXTreeViewModule, imports: [CommonModule, AXCheckBoxModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXTreeViewModule, decorators: [{
+AXTreeViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXTreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXTreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: AXTreeViewModule, declarations: [AXTreeViewComponent], imports: [CommonModule, AXCheckBoxModule], exports: [AXTreeViewComponent] });
+AXTreeViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXTreeViewModule, imports: [CommonModule, AXCheckBoxModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXTreeViewModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXTreeViewComponent],

package/fesm2015/acorex-components-tree-view.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-tree-view.mjs","sources":["../../../../projects/acorex/components/tree-view/src/tree-view.component.ts","../../../../projects/acorex/components/tree-view/src/tree-view.component.html","../../../../projects/acorex/components/tree-view/src/tree-view.module.ts","../../../../projects/acorex/components/tree-view/acorex-components-tree-view.ts"],"sourcesContent":["import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';\r\n/*\r\n The Button is a component which detects user interaction and triggers a corresponding event\r\n \r\n @category Components\r\n /\r\n@Component({\r\n selector: 'ax-tree-view',\r\n templateUrl: './tree-view.component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n host: { class: 'ax-tree-view' },\r\n})\r\nexport class AXTreeViewComponent implements OnInit {\r\n /\r\n @ignore\r\n /\r\n constructor() {}\r\n\r\n ngOnInit(): void {}\r\n\r\n @Input()\r\n showLines: 'all' \| 'node' \| 'none' = 'all';\r\n\r\n public list = [\r\n {\r\n title: 'childless',\r\n children: [],\r\n },\r\n {\r\n title: 'great grandparent',\r\n children: [\r\n {\r\n title: 'childless grandsibiling',\r\n children: [],\r\n },\r\n {\r\n title: 'grandparent',\r\n children: [\r\n {\r\n title: 'childless sibiling',\r\n children: [],\r\n },\r\n {\r\n title: 'another childless sibiling',\r\n children: [],\r\n },\r\n {\r\n title: 'parent',\r\n children: [\r\n {\r\n title: 'child',\r\n children: [],\r\n },\r\n {\r\n title: 'another child',\r\n children: [],\r\n },\r\n ],\r\n },\r\n {\r\n title: 'another parent',\r\n children: [\r\n {\r\n title: 'child',\r\n children: [],\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n {\r\n title: 'another grandparent',\r\n children: [\r\n {\r\n title: 'parent',\r\n children: [\r\n {\r\n title: 'child',\r\n children: [],\r\n },\r\n {\r\n title: 'another child',\r\n children: [],\r\n },\r\n {\r\n title: 'a third child',\r\n children: [],\r\n },\r\n {\r\n title: 'teen mother',\r\n children: [\r\n {\r\n title: 'accident',\r\n children: [],\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n ];\r\n}\r\n","<ul class=\"ax-list-{{showLines}}\">\r\n <ng-template #recursiveList let-list>\r\n <li ngFor=\"let item of list\">\r\n <span>\r\n <ax-check-box></ax-check-box>\r\n \r\n <span>{{item.title}}</span>\r\n </span>\r\n <ul ngIf=\"item.children.length > 0\">\r\n <ng-container ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\r\n </ul>\r\n </li>\r\n </ng-template>\r\n <ng-container ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\r\n </ul>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXTreeViewComponent } from './tree-view.component';\r\nimport { AXCheckBoxModule } from '@acorex/components/checkbox';\r\n\r\n@NgModule({\r\n declarations: [AXTreeViewComponent],\r\n imports: [CommonModule, AXCheckBoxModule],\r\n exports: [AXTreeViewComponent],\r\n providers: [],\r\n})\r\nexport class AXTreeViewModule {}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;AACA;;;;AAIG;~~MAOU~~,mBAAmB,CAAA;AAC9B;;AAEG;AACH,IAAA,WAAA,GAAA;AAKA,QAAA,IAAS,CAAA,SAAA,GAA4B,KAAK,CAAC;QAEpC,IAAA,CAAA,IAAI,GAAG;AACZ,YAAA;AACE,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,QAAQ,EAAE,EAAE;AACb,aAAA;AACD,YAAA;AACE,gBAAA,KAAK,EAAE,mBAAmB;AAC1B,gBAAA,QAAQ,EAAE;AACR,oBAAA;AACE,wBAAA,KAAK,EAAE,yBAAyB;AAChC,wBAAA,QAAQ,EAAE,EAAE;AACb,qBAAA;AACD,oBAAA;AACE,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,QAAQ,EAAE;AACR,4BAAA;AACE,gCAAA,KAAK,EAAE,oBAAoB;AAC3B,gCAAA,QAAQ,EAAE,EAAE;AACb,6BAAA;AACD,4BAAA;AACE,gCAAA,KAAK,EAAE,4BAA4B;AACnC,gCAAA,QAAQ,EAAE,EAAE;AACb,6BAAA;AACD,4BAAA;AACE,gCAAA,KAAK,EAAE,QAAQ;AACf,gCAAA,QAAQ,EAAE;AACR,oCAAA;AACE,wCAAA,KAAK,EAAE,OAAO;AACd,wCAAA,QAAQ,EAAE,EAAE;AACb,qCAAA;AACD,oCAAA;AACE,wCAAA,KAAK,EAAE,eAAe;AACtB,wCAAA,QAAQ,EAAE,EAAE;AACb,qCAAA;AACF,iCAAA;AACF,6BAAA;AACD,4BAAA;AACE,gCAAA,KAAK,EAAE,gBAAgB;AACvB,gCAAA,QAAQ,EAAE;AACR,oCAAA;AACE,wCAAA,KAAK,EAAE,OAAO;AACd,wCAAA,QAAQ,EAAE,EAAE;AACb,qCAAA;AACF,iCAAA;AACF,6BAAA;AACF,yBAAA;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA,KAAK,EAAE,qBAAqB;AAC5B,wBAAA,QAAQ,EAAE;AACR,4BAAA;AACE,gCAAA,KAAK,EAAE,QAAQ;AACf,gCAAA,QAAQ,EAAE;AACR,oCAAA;AACE,wCAAA,KAAK,EAAE,OAAO;AACd,wCAAA,QAAQ,EAAE,EAAE;AACb,qCAAA;AACD,oCAAA;AACE,wCAAA,KAAK,EAAE,eAAe;AACtB,wCAAA,QAAQ,EAAE,EAAE;AACb,qCAAA;AACD,oCAAA;AACE,wCAAA,KAAK,EAAE,eAAe;AACtB,wCAAA,QAAQ,EAAE,EAAE;AACb,qCAAA;AACD,oCAAA;AACE,wCAAA,KAAK,EAAE,aAAa;AACpB,wCAAA,QAAQ,EAAE;AACR,4CAAA;AACE,gDAAA,KAAK,EAAE,UAAU;AACjB,gDAAA,QAAQ,EAAE,EAAE;AACb,6CAAA;AACF,yCAAA;AACF,qCAAA;AACF,iCAAA;AACF,6BAAA;AACF,yBAAA;AACF,qBAAA;AACF,iBAAA;AACF,aAAA;SACF,CAAC;KAvFc;AAEhB,IAAA,QAAQ,MAAW;;~~gHANR~~,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~QAAA~~,EAAA,IAAA,EAAA,mBAAmB,~~kICZhC~~,mlBAcO,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,aAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;~~2FDFM~~,mBAAmB,EAAA,UAAA,EAAA,CAAA;~~kBAN~~/B,SAAS;+BACE,cAAc,EAAA,aAAA,~~EAET~~,iBAAiB,CAAC,IAAI,QAC/B,EAAE,KAAK,EAAE,cAAc,EAAE,EAAA,QAAA,EAAA,mlBAAA,EAAA,CAAA;0EAW/B,SAAS,EAAA,CAAA;sBADR,KAAK;;;~~METK~~,gBAAgB,CAAA;;~~6GAAhB~~,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~QAAA~~,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBALZ,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACxB,YAAY,EAAE,gBAAgB,aAC9B,mBAAmB,CAAA,EAAA,CAAA,CAAA~~;8GAGlB~~,gBAAgB,EAAA,OAAA,EAAA,CAJjB,YAAY,EAAE,gBAAgB,CAAA,EAAA,CAAA,CAAA;~~2FAI7B~~,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;oBACzC,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC9B,oBAAA,SAAS,EAAE,EAAE;iBACd,CAAA;;;ACVD;;AAEG;;;;"}
1	+ {"version":3,"file":"acorex-components-tree-view.mjs","sources":["../../../../projects/acorex/components/tree-view/src/tree-view.component.ts","../../../../projects/acorex/components/tree-view/src/tree-view.component.html","../../../../projects/acorex/components/tree-view/src/tree-view.module.ts","../../../../projects/acorex/components/tree-view/acorex-components-tree-view.ts"],"sourcesContent":["import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';\r\n/*\r\n The Button is a component which detects user interaction and triggers a corresponding event\r\n \r\n @category Components\r\n /\r\n@Component({\r\n selector: 'ax-tree-view',\r\n templateUrl: './tree-view.component.html',\r\n styleUrls: ['./tree-view.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n host: { class: 'ax-tree-view' },\r\n})\r\nexport class AXTreeViewComponent implements OnInit {\r\n /\r\n @ignore\r\n /\r\n constructor() {}\r\n\r\n ngOnInit(): void {}\r\n\r\n @Input()\r\n showLines: 'all' \| 'node' \| 'none' = 'all';\r\n\r\n public list = [\r\n {\r\n title: 'childless',\r\n children: [],\r\n },\r\n {\r\n title: 'great grandparent',\r\n children: [\r\n {\r\n title: 'childless grandsibiling',\r\n children: [],\r\n },\r\n {\r\n title: 'grandparent',\r\n children: [\r\n {\r\n title: 'childless sibiling',\r\n children: [],\r\n },\r\n {\r\n title: 'another childless sibiling',\r\n children: [],\r\n },\r\n {\r\n title: 'parent',\r\n children: [\r\n {\r\n title: 'child',\r\n children: [],\r\n },\r\n {\r\n title: 'another child',\r\n children: [],\r\n },\r\n ],\r\n },\r\n {\r\n title: 'another parent',\r\n children: [\r\n {\r\n title: 'child',\r\n children: [],\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n {\r\n title: 'another grandparent',\r\n children: [\r\n {\r\n title: 'parent',\r\n children: [\r\n {\r\n title: 'child',\r\n children: [],\r\n },\r\n {\r\n title: 'another child',\r\n children: [],\r\n },\r\n {\r\n title: 'a third child',\r\n children: [],\r\n },\r\n {\r\n title: 'teen mother',\r\n children: [\r\n {\r\n title: 'accident',\r\n children: [],\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n ];\r\n}\r\n","<ul class=\"ax-list-{{showLines}}\">\r\n <ng-template #recursiveList let-list>\r\n <li ngFor=\"let item of list\">\r\n <span>\r\n <ax-check-box></ax-check-box>\r\n \r\n <span>{{item.title}}</span>\r\n </span>\r\n <ul ngIf=\"item.children.length > 0\">\r\n <ng-container ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\r\n </ul>\r\n </li>\r\n </ng-template>\r\n <ng-container ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\r\n </ul>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXTreeViewComponent } from './tree-view.component';\r\nimport { AXCheckBoxModule } from '@acorex/components/checkbox';\r\n\r\n@NgModule({\r\n declarations: [AXTreeViewComponent],\r\n imports: [CommonModule, AXCheckBoxModule],\r\n exports: [AXTreeViewComponent],\r\n providers: [],\r\n})\r\nexport class AXTreeViewModule {}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/acorex-components-uploader.mjs CHANGED Viewed

@@ -80,11 +80,11 @@ class AXUploaderComponent extends AXBaseComponentMixin {
         return !((_a = this._placeholder) === null || _a === void 0 ? void 0 : _a.nativeElement.childNodes.length);
     }
 }
-AXUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXFileService }], target: i0.ɵɵFactoryTarget.Component });
-AXUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, outputs: { onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" }, properties: { "class.ax-look-default": "this.__defaultClass" } }, viewQueries: [{ propertyName: "_placeholder", first: true, predicate: ["contentRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n        <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n        <div class=\"ax-p-4 ax-text-center\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n    </div>\r\n</ng-container>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXUploaderComponent, decorators: [{
+AXUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXFileService }], target: i0.ɵɵFactoryTarget.Component });
+AXUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, outputs: { onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" }, properties: { "class.ax-look-default": "this.__defaultClass" } }, viewQueries: [{ propertyName: "_placeholder", first: true, predicate: ["contentRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\r\n    <div #contentRef><ng-content></ng-content></div>\r\n</ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\r\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\r\n            browse</span></div>\r\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-ghost),.5);border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgb(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXUploaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: "<ng-container><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n        <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n        <div class=\"ax-p-4 ax-text-center\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n    </div>\r\n</ng-container>" }]
+            args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: "<ng-container>\r\n    <div #contentRef><ng-content></ng-content></div>\r\n</ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\r\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\r\n            browse</span></div>\r\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-ghost),.5);border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgb(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXFileService }]; }, propDecorators: { onValueChanged: [{
                 type: Output
             }], _placeholder: [{
@@ -107,10 +107,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
 class AXUploaderModule {
 }
-AXUploaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXUploaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXUploaderComponent] });
-AXUploaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXUploaderModule, imports: [CommonModule, AXDecoratorModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXUploaderModule, decorators: [{
+AXUploaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXUploaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXUploaderComponent] });
+AXUploaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXUploaderModule, imports: [CommonModule, AXDecoratorModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXUploaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXUploaderComponent],

package/fesm2015/acorex-components-uploader.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-uploader.mjs","sources":["../../../../projects/acorex/components/uploader/src/uploader.component.ts","../../../../projects/acorex/components/uploader/src/uploader.component.html","../../../../projects/acorex/components/uploader/src/uploader.module.ts","../../../../projects/acorex/components/uploader/acorex-components-uploader.ts"],"sourcesContent":["import { AXValueChangedEvent } from '@acorex/components/common';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { AXFileService } from '@acorex/core/file';\r\nimport {\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n EventEmitter,\r\n HostBinding,\r\n HostListener,\r\n Input,\r\n Output,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-uploader',\r\n templateUrl: './uploader.component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXUploaderComponent extends AXBaseComponentMixin {\r\n @Output()\r\n onValueChanged: EventEmitter<AXValueChangedEvent<File[]>> = new EventEmitter<\r\n AXValueChangedEvent<File[]>\r\n >();\r\n\r\n firstInit: boolean = true;\r\n _showText: boolean = true;\r\n\r\n constructor(\r\n elementRef: ElementRef,\r\n cdr: ChangeDetectorRef,\r\n private _fileService: AXFileService\r\n ) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n @ViewChild('contentRef', { static: true })\r\n _placeholder: ElementRef;\r\n\r\n @Input()\r\n multiple: boolean = false;\r\n\r\n @Input()\r\n accept: string = '/';\r\n\r\n private _dropArea: HTMLDivElement;\r\n\r\n @HostListener('click', ['$event'])\r\n async _handleClick(e: MouseEvent) {\r\n const files = await this._fileService.choose({\r\n accept: this.accept,\r\n multiple: this.multiple,\r\n });\r\n this._handleFiles(files);\r\n }\r\n\r\n @HostListener('drop', ['$event'])\r\n async _handleDrop(e: any) {\r\n let dt = e.dataTransfer;\r\n let files = dt.files;\r\n this._handleFiles(Array.from(files));\r\n e.preventDefault();\r\n }\r\n\r\n _handleFiles(files: File[]) {\r\n this.onValueChanged.emit({\r\n component: this,\r\n isUserInteraction: true,\r\n value: files,\r\n htmlElement: this._getHostElement(),\r\n });\r\n }\r\n\r\n onInit(): void {\r\n this._dropArea = this._getHostElement();\r\n ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\r\n this._dropArea.addEventListener(eventName, this.preventDefaults, false);\r\n });\r\n ['dragenter', 'dragover'].forEach((eventName) => {\r\n this._dropArea.addEventListener(\r\n eventName,\r\n this._handleHighlight.bind(this),\r\n false\r\n );\r\n });\r\n\r\n ['dragleave', 'drop'].forEach((eventName) => {\r\n this._dropArea.addEventListener(\r\n eventName,\r\n this._handleUnhighlight.bind(this),\r\n false\r\n );\r\n });\r\n }\r\n\r\n ngDoCheck() {\r\n this.checkIsBoxHasMinWidth()\r\n }\r\n \r\n checkIsBoxHasMinWidth(){\r\n this.firstInit = false;\r\n let boxWidth: number = this._getHostElement().getBoundingClientRect().width;\r\n console.log(boxWidth);\r\n \r\n if (boxWidth <= 176 && this.firstInit === false) {\r\n this._showText = false;\r\n }\r\n }\r\n\r\n preventDefaults(e: any) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n\r\n _handleHighlight(e) {\r\n this._dropArea.classList.add('ax-state-hover');\r\n }\r\n\r\n _handleUnhighlight(e) {\r\n this._dropArea.classList.remove('ax-state-hover');\r\n }\r\n\r\n @HostBinding('class.ax-look-default')\r\n get __defaultClass() {\r\n return !this._placeholder?.nativeElement.childNodes.length;\r\n }\r\n}\r\n","<ng-container><div #contentRef><ng-content></ng-content></div~~></~~ng-container>\r\n<ng-container ngIf=\"contentRef.childNodes.length == 0\">\r\n <~~div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n <~~i class=\"ax-ic ax-ic-~~cloud-~~upload upload-icon\"></i>\r\n <div class=\"ax-p-~~4 ax-text-center~~\" ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n </~~div>\r\n</~~ng-container>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXUploaderComponent } from './uploader.component';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\n\r\n@NgModule({\r\n declarations: [AXUploaderComponent],\r\n imports: [CommonModule,AXDecoratorModule],\r\n exports: [AXUploaderComponent],\r\n providers: [],\r\n})\r\nexport class AXUploaderModule { }\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;;~~AAqBM~~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~~gHA1GU~~,mBAAmB,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,aAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~QAAA~~,EAAA,IAAA,EAAA,mBAAmB,~~gcCrBhC~~,~~idAMe~~,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;~~2FDeF~~,mBAAmB,EAAA,UAAA,EAAA,CAAA;~~kBAL~~/B,SAAS;+BACE,aAAa,EAAA,aAAA,~~EAER~~,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,~~idAAA~~,EAAA,CAAA;6JAIrC,cAAc,EAAA,CAAA;sBADb,MAAM;gBAiBP,YAAY,EAAA,CAAA;sBADX,SAAS;gBAAC,IAAA,EAAA,CAAA,YAAY,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAIzC,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAMA,YAAY,EAAA,CAAA;sBADjB,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAA;gBAU3B,WAAW,EAAA,CAAA;sBADhB,YAAY;uBAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAA;gBAmE5B,cAAc,EAAA,CAAA;sBADjB,WAAW;uBAAC,uBAAuB,CAAA;;;~~MEjHzB~~,gBAAgB,CAAA;;~~6GAAhB~~,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~QAAA~~,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBALZ,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACxB,YAAY,EAAC,iBAAiB,aAC9B,mBAAmB,CAAA,EAAA,CAAA,CAAA~~;8GAGlB~~,gBAAgB,EAAA,OAAA,EAAA,CAJjB,YAAY,EAAC,iBAAiB,CAAA,EAAA,CAAA,CAAA;~~2FAI7B~~,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAC,iBAAiB,CAAC;oBACzC,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC9B,oBAAA,SAAS,EAAE,EAAE;iBACd,CAAA;;;ACVD;;AAEG;;;;"}
1	+ {"version":3,"file":"acorex-components-uploader.mjs","sources":["../../../../projects/acorex/components/uploader/src/uploader.component.ts","../../../../projects/acorex/components/uploader/src/uploader.component.html","../../../../projects/acorex/components/uploader/src/uploader.module.ts","../../../../projects/acorex/components/uploader/acorex-components-uploader.ts"],"sourcesContent":["import { AXValueChangedEvent } from '@acorex/components/common';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { AXFileService } from '@acorex/core/file';\r\nimport {\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n EventEmitter,\r\n HostBinding,\r\n HostListener,\r\n Input,\r\n Output,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-uploader',\r\n templateUrl: './uploader.component.html',\r\n styleUrls: ['./uploader.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXUploaderComponent extends AXBaseComponentMixin {\r\n @Output()\r\n onValueChanged: EventEmitter<AXValueChangedEvent<File[]>> = new EventEmitter<\r\n AXValueChangedEvent<File[]>\r\n >();\r\n\r\n firstInit: boolean = true;\r\n _showText: boolean = true;\r\n\r\n constructor(\r\n elementRef: ElementRef,\r\n cdr: ChangeDetectorRef,\r\n private _fileService: AXFileService\r\n ) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n @ViewChild('contentRef', { static: true })\r\n _placeholder: ElementRef;\r\n\r\n @Input()\r\n multiple: boolean = false;\r\n\r\n @Input()\r\n accept: string = '/';\r\n\r\n private _dropArea: HTMLDivElement;\r\n\r\n @HostListener('click', ['$event'])\r\n async _handleClick(e: MouseEvent) {\r\n const files = await this._fileService.choose({\r\n accept: this.accept,\r\n multiple: this.multiple,\r\n });\r\n this._handleFiles(files);\r\n }\r\n\r\n @HostListener('drop', ['$event'])\r\n async _handleDrop(e: any) {\r\n let dt = e.dataTransfer;\r\n let files = dt.files;\r\n this._handleFiles(Array.from(files));\r\n e.preventDefault();\r\n }\r\n\r\n _handleFiles(files: File[]) {\r\n this.onValueChanged.emit({\r\n component: this,\r\n isUserInteraction: true,\r\n value: files,\r\n htmlElement: this._getHostElement(),\r\n });\r\n }\r\n\r\n onInit(): void {\r\n this._dropArea = this._getHostElement();\r\n ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\r\n this._dropArea.addEventListener(eventName, this.preventDefaults, false);\r\n });\r\n ['dragenter', 'dragover'].forEach((eventName) => {\r\n this._dropArea.addEventListener(\r\n eventName,\r\n this._handleHighlight.bind(this),\r\n false\r\n );\r\n });\r\n\r\n ['dragleave', 'drop'].forEach((eventName) => {\r\n this._dropArea.addEventListener(\r\n eventName,\r\n this._handleUnhighlight.bind(this),\r\n false\r\n );\r\n });\r\n }\r\n\r\n ngDoCheck() {\r\n this.checkIsBoxHasMinWidth()\r\n }\r\n \r\n checkIsBoxHasMinWidth(){\r\n this.firstInit = false;\r\n let boxWidth: number = this._getHostElement().getBoundingClientRect().width;\r\n console.log(boxWidth);\r\n \r\n if (boxWidth <= 176 && this.firstInit === false) {\r\n this._showText = false;\r\n }\r\n }\r\n\r\n preventDefaults(e: any) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n\r\n _handleHighlight(e) {\r\n this._dropArea.classList.add('ax-state-hover');\r\n }\r\n\r\n _handleUnhighlight(e) {\r\n this._dropArea.classList.remove('ax-state-hover');\r\n }\r\n\r\n @HostBinding('class.ax-look-default')\r\n get __defaultClass() {\r\n return !this._placeholder?.nativeElement.childNodes.length;\r\n }\r\n}\r\n","<ng-container>\r\n <div #contentRef><ng-content></ng-content></div>\r\n</ng-container>\r\n<ng-container ngIf=\"contentRef.childNodes.length == 0\">\r\n <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\r\n <div class=\"ax-uploader-hint\" ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\r\n browse</span></div>\r\n</ng-container>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXUploaderComponent } from './uploader.component';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\n\r\n@NgModule({\r\n declarations: [AXUploaderComponent],\r\n imports: [CommonModule,AXDecoratorModule],\r\n exports: [AXUploaderComponent],\r\n providers: [],\r\n})\r\nexport class AXUploaderModule { }\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-action-sheet.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import { AXBaseComponent } from '@acorex/components/mixin';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i0 from '@angular/core';
-import { Component, Input, EventEmitter, Output, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, EventEmitter, Output, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@acorex/components/button';
@@ -32,8 +32,8 @@ class AXActionSheetComponent extends AXBaseComponent {
         this.isOpen = !this.isOpen;
     }
 }
-AXActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXActionSheetComponent, selector: "ax-action-sheet", inputs: { caption: "caption", closeOnBackdrop: "closeOnBackdrop" }, host: { classAttribute: "ax-action-sheet" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n    <div class=\"ax-bg-white ax-h-full dark:ax-bg-dark-700\">\r\n        <div class=\"ax-action-sheet-caption\" *ngIf=\"caption\">\r\n            {{caption}}\r\n        </div>\r\n        <ng-content select=\"ax-content\"></ng-content>\r\n        <div class=\"ax-action-sheet-items\">\r\n            <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+AXActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AXActionSheetComponent, selector: "ax-action-sheet", inputs: { caption: "caption", closeOnBackdrop: "closeOnBackdrop" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n    <div class=\"ax-action-sheet-card\">\r\n        <div class=\"ax-action-sheet-caption\" *ngIf=\"caption\">\r\n            {{caption}}\r\n        </div>\r\n        <ng-content select=\"ax-content\"></ng-content>\r\n        <div class=\"ax-action-sheet-items\">\r\n            <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["ax-action-sheet .ax-action-sheet-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:9999;width:33.333333%;border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);overflow:hidden}@media (max-width: 599px){ax-action-sheet .ax-action-sheet-container{width:100%}}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-caption{font-size:.875rem;padding:1rem}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-card{background-color:rgb(var(--ax-color-surface));height:100%}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-items{@apply ax-flex ax-flex-col ax-pb-3 ax-overflow-x-hidden ax-overflow-y-auto;display:flex;flex-direction:column;padding-bottom:.75rem;overflow-x:hidden;overflow-y:auto}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-items ax-button{border-radius:0!important;width:100%;text-align:start;justify-items:flex-start}ax-action-sheet .ax-action-sheet-backdrop{background-color:#0000004d;inset:0;position:fixed;z-index:9998}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
         trigger('backdrop', [
             state('show', style({
                 opacity: 1,
@@ -56,10 +56,10 @@ AXActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             })),
             transition('open <=> closed', [animate('0.2s')]),
         ]),
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetComponent, decorators: [{
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXActionSheetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-action-sheet', animations: [
+            args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [
                         trigger('backdrop', [
                             state('show', style({
                                 opacity: 1,
@@ -82,7 +82,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
                             })),
                             transition('open <=> closed', [animate('0.2s')]),
                         ]),
-                    ], host: { class: 'ax-action-sheet' }, template: "<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n    <div class=\"ax-bg-white ax-h-full dark:ax-bg-dark-700\">\r\n        <div class=\"ax-action-sheet-caption\" *ngIf=\"caption\">\r\n            {{caption}}\r\n        </div>\r\n        <ng-content select=\"ax-content\"></ng-content>\r\n        <div class=\"ax-action-sheet-items\">\r\n            <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>" }]
+                    ], template: "<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n    <div class=\"ax-action-sheet-card\">\r\n        <div class=\"ax-action-sheet-caption\" *ngIf=\"caption\">\r\n            {{caption}}\r\n        </div>\r\n        <ng-content select=\"ax-content\"></ng-content>\r\n        <div class=\"ax-action-sheet-items\">\r\n            <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["ax-action-sheet .ax-action-sheet-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:9999;width:33.333333%;border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);overflow:hidden}@media (max-width: 599px){ax-action-sheet .ax-action-sheet-container{width:100%}}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-caption{font-size:.875rem;padding:1rem}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-card{background-color:rgb(var(--ax-color-surface));height:100%}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-items{@apply ax-flex ax-flex-col ax-pb-3 ax-overflow-x-hidden ax-overflow-y-auto;display:flex;flex-direction:column;padding-bottom:.75rem;overflow-x:hidden;overflow-y:auto}ax-action-sheet .ax-action-sheet-container .ax-action-sheet-items ax-button{border-radius:0!important;width:100%;text-align:start;justify-items:flex-start}ax-action-sheet .ax-action-sheet-backdrop{background-color:#0000004d;inset:0;position:fixed;z-index:9998}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { caption: [{
                 type: Input
             }], closeOnBackdrop: [{
@@ -95,15 +95,15 @@ class AXActionSheetItemComponent extends AXBaseComponent {
      */
     constructor(_elementRef, _cdr) {
         super(_elementRef, _cdr);
-        this.color = 'light';
+        this.color = 'primary';
         this.onClick = new EventEmitter();
     }
     _handleOnClick(e) {
         this.onClick.emit(e);
     }
 }
-AXActionSheetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXActionSheetItemComponent, selector: "ax-action-sheet-item", inputs: { text: "text", color: "color" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `
+AXActionSheetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXActionSheetItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AXActionSheetItemComponent, selector: "ax-action-sheet-item", inputs: { text: "text", color: "color" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `
     <ax-button
       [color]="color"
       look="blank"
@@ -111,7 +111,7 @@ AXActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
       (onClick)="_handleOnClick($event)"
     ></ax-button>
   `, isInline: true, dependencies: [{ kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXActionSheetItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-action-sheet-item',
@@ -134,10 +134,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
 class AXActionSheetModule {
 }
-AXActionSheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetModule, declarations: [AXActionSheetComponent, AXActionSheetItemComponent], imports: [CommonModule, AXButtonModule], exports: [AXActionSheetComponent, AXActionSheetItemComponent] });
-AXActionSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetModule, imports: [CommonModule, AXButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXActionSheetModule, decorators: [{
+AXActionSheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: AXActionSheetModule, declarations: [AXActionSheetComponent, AXActionSheetItemComponent], imports: [CommonModule, AXButtonModule], exports: [AXActionSheetComponent, AXActionSheetItemComponent] });
+AXActionSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXActionSheetModule, imports: [CommonModule, AXButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXActionSheetModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXActionSheetComponent, AXActionSheetItemComponent],

package/fesm2020/acorex-components-action-sheet.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-action-sheet.mjs","sources":["../../../../projects/acorex/components/action-sheet/src/action-sheet.component.ts","../../../../projects/acorex/components/action-sheet/src/action-sheet.component.html","../../../../projects/acorex/components/action-sheet/src/action-sheet-item.component.ts","../../../../projects/acorex/components/action-sheet/src/action-sheet.module.ts","../../../../projects/acorex/components/action-sheet/acorex-components-action-sheet.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n trigger,\r\n state,\r\n style,\r\n transition,\r\n animate,\r\n} from '@angular/animations';\r\nimport { ChangeDetectorRef, Component, ElementRef, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-action-sheet',\r\n templateUrl: './action-sheet.component.html',\r\n animations: [\r\n trigger('backdrop', [\r\n state(\r\n 'show',\r\n style({\r\n opacity: 1,\r\n visibility: 'visible',\r\n })\r\n ),\r\n state(\r\n 'hide',\r\n style({\r\n visibility: 'hidden',\r\n opacity: 0,\r\n })\r\n ),\r\n transition('show <=> hide', [animate('0.2s')]),\r\n ]),\r\n\r\n trigger('openClose', [\r\n state(\r\n 'open',\r\n style({\r\n bottom: '0',\r\n opacity: 1,\r\n })\r\n ),\r\n state(\r\n 'closed',\r\n style({\r\n bottom: '-100%',\r\n opacity: 0.5,\r\n })\r\n ),\r\n transition('open <=> closed', [animate('0.2s')]),\r\n ]),\r\n ]~~,\r~~\~~n host: { class: 'ax-action-sheet' },\~~r\n})\r\nexport class AXActionSheetComponent extends AXBaseComponent {\r\n @Input() caption = '';\r\n @Input() closeOnBackdrop = true;\r\n isOpen = false;\r\n\r\n _backdrop: HTMLElement;\r\n /*\r\n @ignore\r\n /\r\n constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n _handleBackdropClick() {\r\n if (!this.closeOnBackdrop) return;\r\n this.close();\r\n }\r\n\r\n open() {\r\n this.isOpen = true;\r\n }\r\n\r\n close() {\r\n this.isOpen = false;\r\n }\r\n\r\n toggle() {\r\n this.isOpen = !this.isOpen;\r\n }\r\n}\r\n","<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n <div class=\"ax-bg-~~white ax~~-~~h-full dark:ax-bg-dark-700~~\">\r\n <div class=\"ax-action-sheet-caption\" ngIf=\"caption\">\r\n {{caption}}\r\n </div>\r\n <ng-content select=\"ax-content\"></ng-content>\r\n <div class=\"ax-action-sheet-items\">\r\n <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n </div>\r\n </div>\r\n</div>","import {\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n EventEmitter,\r\n Input,\r\n Output,\r\n} from '@angular/core';\r\nimport {\r\n AXButtonClickEvent,\r\n AXStyleColorType,\r\n} from '@acorex/components/common';\r\nimport { AXBaseComponent } from '@acorex/components/mixin';\r\n\r\n@Component({\r\n selector: 'ax-action-sheet-item',\r\n template: `\r\n <ax-button\r\n [color]=\"color\"\r\n look=\"blank\"\r\n [text]=\"text\"\r\n (onClick)=\"_handleOnClick($event)\"\r\n ></ax-button>\r\n `,\r\n})\r\nexport class AXActionSheetItemComponent extends AXBaseComponent {\r\n @Input()\r\n text: string;\r\n\r\n @Input()\r\n color: AXStyleColorType = '~~light~~';\r\n\r\n @Output()\r\n onClick: EventEmitter<AXButtonClickEvent> = new EventEmitter<AXButtonClickEvent>();\r\n\r\n /*\r\n @ignore\r\n /\r\n constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n _handleOnClick(e: any) {\r\n this.onClick.emit(e);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXActionSheetComponent } from './action-sheet.component';\r\nimport { AXActionSheetItemComponent } from './action-sheet-item.component';\r\n\r\n@NgModule({\r\n declarations: [AXActionSheetComponent, AXActionSheetItemComponent],\r\n imports: [CommonModule, AXButtonModule],\r\n exports: [AXActionSheetComponent, AXActionSheetItemComponent],\r\n providers: [],\r\n})\r\nexport class AXActionSheetModule {}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1"],"mappings":";;;;;;;;;~~AAoDM~~,MAAO,sBAAuB,SAAQ,eAAe,CAAA;AAMzD;;AAEG;IACH,WAAY,CAAA,WAAuB,EAAE,IAAuB,EAAA;AAC1D,QAAA,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QATlB,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;QACb,IAAe,CAAA,eAAA,GAAG,IAAI,CAAC;QAChC,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;KAQd;IAED,oBAAoB,GAAA;QAClB,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO;QAClC,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;IAED,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;KACpB;IAED,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACrB;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;KAC5B;;~~mHA5BU~~,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~uGAAtB~~,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,~~IAAA~~,EAAA,~~EAAA~~,~~cAAA,~~EAAA,~~iBAAA~~,EAAA,EAAA,~~eAAA,~~EAAA,~~IAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~EAAA~~,EAAA,~~QAAA~~,~~ECpDnC~~,~~umBAWM~~,~~EDEQ~~,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA;QACV,OAAO,CAAC,UAAU,EAAE;AAClB,YAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gBAAA,OAAO,EAAE,CAAC;AACV,gBAAA,UAAU,EAAE,SAAS;AACtB,aAAA,CAAC,CACH;AACD,YAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA,CAAC,CACH;YACD,UAAU,CAAC,eAAe,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;SAC/C,CAAC;QAEF,OAAO,CAAC,WAAW,EAAE;AACnB,YAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gBAAA,MAAM,EAAE,GAAG;AACX,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA,CAAC,CACH;AACD,YAAA,KAAK,CACH,QAAQ,EACR,KAAK,CAAC;AACJ,gBAAA,MAAM,EAAE,OAAO;AACf,gBAAA,OAAO,EAAE,GAAG;AACb,aAAA,CAAC,CACH;YACD,UAAU,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;SACjD,CAAC;AACH,KAAA,EAAA,CAAA,CAAA~~;2FAGU~~,~~sBAAsB~~,EAAA,~~UAAA~~,EAAA,CAAA~~;kBA1ClC~~,~~SAAS;AACE~~,~~YAAA~~,IAAA,EAAA,CAAA,EAAA,~~QAAA~~,EAAA,iBAAiB,~~EAEf~~,UAAA,EAAA;wBACV,OAAO,CAAC,UAAU,EAAE;AAClB,4BAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gCAAA,OAAO,EAAE,CAAC;AACV,gCAAA,UAAU,EAAE,SAAS;AACtB,6BAAA,CAAC,CACH;AACD,4BAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gCAAA,UAAU,EAAE,QAAQ;AACpB,gCAAA,OAAO,EAAE,CAAC;AACX,6BAAA,CAAC,CACH;4BACD,UAAU,CAAC,eAAe,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;yBAC/C,CAAC;wBAEF,OAAO,CAAC,WAAW,EAAE;AACnB,4BAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,gCAAA,MAAM,EAAE,GAAG;AACX,gCAAA,OAAO,EAAE,CAAC;AACX,6BAAA,CAAC,CACH;AACD,4BAAA,KAAK,CACH,QAAQ,EACR,KAAK,CAAC;AACJ,gCAAA,MAAM,EAAE,OAAO;AACf,gCAAA,OAAO,EAAE,GAAG;AACb,6BAAA,CAAC,CACH;4BACD,UAAU,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;yBACjD,CAAC;AACH,qBAAA,EAAA,~~IAAA~~,~~EACK~~,~~EAAE~~,~~KAAK~~,~~EAAE~~,~~iBAAiB,EAAE,~~EAAA,~~QAAA~~,~~EAAA~~,~~umBAAA~~,EAAA,CAAA;~~iIAGzB~~,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;;;~~AE7BF~~,MAAO,0BAA2B,SAAQ,eAAe,CAAA;AAU7D;;AAEG;IACH,WAAY,CAAA,WAAuB,EAAE,IAAuB,EAAA;AAC1D,QAAA,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAT3B,IAAK,CAAA,KAAA,GAAqB,~~OAAO~~,CAAC;~~AAGlC~~,QAAA,IAAA,CAAA,OAAO,GAAqC,IAAI,YAAY,EAAsB,CAAC;KAOlF;AAED,IAAA,cAAc,CAAC,CAAM,EAAA;AACnB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACtB;;~~uHAnBU~~,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~QAAA~~,EAAA,IAAA,EAAA,0BAA0B,EAT3B,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;AAOT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;~~2FAEU~~,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE,CAAA;;;;;;;AAOT,EAAA,CAAA;AACF,iBAAA,CAAA;iIAGC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,MAAM;;;MCpBI,mBAAmB,CAAA;;~~gHAAnB~~,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;~~iHAAnB~~,mBAAmB,EAAA,YAAA,EAAA,CALf,sBAAsB,EAAE,0BAA0B,CAAA,EAAA,OAAA,EAAA,CACvD,YAAY,EAAE,cAAc,CAAA,EAAA,OAAA,EAAA,CAC5B,sBAAsB,EAAE,0BAA0B,CAAA,EAAA,CAAA,CAAA;~~iHAGjD~~,mBAAmB,EAAA,OAAA,EAAA,CAJpB,YAAY,EAAE,cAAc,CAAA,EAAA,CAAA,CAAA;~~2FAI3B~~,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,sBAAsB,EAAE,0BAA0B,CAAC;AAClE,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;AACvC,oBAAA,OAAO,EAAE,CAAC,sBAAsB,EAAE,0BAA0B,CAAC;AAC7D,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}
1	+ {"version":3,"file":"acorex-components-action-sheet.mjs","sources":["../../../../projects/acorex/components/action-sheet/src/action-sheet.component.ts","../../../../projects/acorex/components/action-sheet/src/action-sheet.component.html","../../../../projects/acorex/components/action-sheet/src/action-sheet-item.component.ts","../../../../projects/acorex/components/action-sheet/src/action-sheet.module.ts","../../../../projects/acorex/components/action-sheet/acorex-components-action-sheet.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n trigger,\r\n state,\r\n style,\r\n transition,\r\n animate,\r\n} from '@angular/animations';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-action-sheet',\r\n templateUrl: './action-sheet.component.html',\r\n styleUrls: ['./action-sheet.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n animations: [\r\n trigger('backdrop', [\r\n state(\r\n 'show',\r\n style({\r\n opacity: 1,\r\n visibility: 'visible',\r\n })\r\n ),\r\n state(\r\n 'hide',\r\n style({\r\n visibility: 'hidden',\r\n opacity: 0,\r\n })\r\n ),\r\n transition('show <=> hide', [animate('0.2s')]),\r\n ]),\r\n\r\n trigger('openClose', [\r\n state(\r\n 'open',\r\n style({\r\n bottom: '0',\r\n opacity: 1,\r\n })\r\n ),\r\n state(\r\n 'closed',\r\n style({\r\n bottom: '-100%',\r\n opacity: 0.5,\r\n })\r\n ),\r\n transition('open <=> closed', [animate('0.2s')]),\r\n ]),\r\n ]\r\n})\r\nexport class AXActionSheetComponent extends AXBaseComponent {\r\n @Input() caption = '';\r\n @Input() closeOnBackdrop = true;\r\n isOpen = false;\r\n\r\n _backdrop: HTMLElement;\r\n /*\r\n @ignore\r\n /\r\n constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n _handleBackdropClick() {\r\n if (!this.closeOnBackdrop) return;\r\n this.close();\r\n }\r\n\r\n open() {\r\n this.isOpen = true;\r\n }\r\n\r\n close() {\r\n this.isOpen = false;\r\n }\r\n\r\n toggle() {\r\n this.isOpen = !this.isOpen;\r\n }\r\n}\r\n","<div class=\"ax-action-sheet-backdrop\" [@backdrop]=\"isOpen ? 'show' : 'hide'\" (click)=\"_handleBackdropClick()\"></div>\r\n<div class=\"ax-action-sheet-container\" [@openClose]=\"isOpen ? 'open' : 'closed'\">\r\n <div class=\"ax-action-sheet-card\">\r\n <div class=\"ax-action-sheet-caption\" ngIf=\"caption\">\r\n {{caption}}\r\n </div>\r\n <ng-content select=\"ax-content\"></ng-content>\r\n <div class=\"ax-action-sheet-items\">\r\n <ng-content select=\"ax-action-sheet-item\"></ng-content>\r\n </div>\r\n </div>\r\n</div>","import {\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n EventEmitter,\r\n Input,\r\n Output,\r\n} from '@angular/core';\r\nimport {\r\n AXButtonClickEvent,\r\n AXStyleColorType,\r\n} from '@acorex/components/common';\r\nimport { AXBaseComponent } from '@acorex/components/mixin';\r\n\r\n@Component({\r\n selector: 'ax-action-sheet-item',\r\n template: `\r\n <ax-button\r\n [color]=\"color\"\r\n look=\"blank\"\r\n [text]=\"text\"\r\n (onClick)=\"_handleOnClick($event)\"\r\n ></ax-button>\r\n `,\r\n})\r\nexport class AXActionSheetItemComponent extends AXBaseComponent {\r\n @Input()\r\n text: string;\r\n\r\n @Input()\r\n color: AXStyleColorType = 'primary';\r\n\r\n @Output()\r\n onClick: EventEmitter<AXButtonClickEvent> = new EventEmitter<AXButtonClickEvent>();\r\n\r\n /*\r\n @ignore\r\n /\r\n constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n _handleOnClick(e: any) {\r\n this.onClick.emit(e);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXActionSheetComponent } from './action-sheet.component';\r\nimport { AXActionSheetItemComponent } from './action-sheet-item.component';\r\n\r\n@NgModule({\r\n declarations: [AXActionSheetComponent, AXActionSheetItemComponent],\r\n imports: [CommonModule, AXButtonModule],\r\n exports: [AXActionSheetComponent, AXActionSheetItemComponent],\r\n providers: [],\r\n})\r\nexport class AXActionSheetModule {}\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-alert.mjs CHANGED Viewed

@@ -13,9 +13,9 @@ class AXAlertButtonDirective {
         this.look = "default";
     }
 }
-AXAlertButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAlertButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AXAlertButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: AXAlertButtonDirective, selector: "[ax-alert-button]", inputs: { text: "text", look: "look" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAlertButtonDirective, decorators: [{
+AXAlertButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXAlertButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AXAlertButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: AXAlertButtonDirective, selector: "[ax-alert-button]", inputs: { text: "text", look: "look" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXAlertButtonDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[ax-alert-button]' }]
         }], ctorParameters: function () { return []; }, propDecorators: { text: [{
@@ -115,19 +115,16 @@ class AXAlertComponent extends AXBaseAlertMixin {
             return;
         switch (this.color) {
             case 'success':
-                this._icon.icon = 'ax-ic ax-ic-check';
+                this._icon.icon = 'ax-icon ax-icon-done';
                 break;
             case 'danger':
-                this._icon.icon = 'ax-ic ax-ic-error-filled';
+                this._icon.icon = 'ax-icon ax-icon-error-fill';
                 break;
             case 'warning':
-                this._icon.icon = 'ax-ic ax-ic-warning-filled';
-                break;
-            case 'info':
-                this._icon.icon = 'ax-ic ax-ic-info-filled';
+                this._icon.icon = 'ax-icon ax-icon-warning-fill';
                 break;
             default:
-                this._icon.icon = this._customIcon || 'ax-ic ax-ic-info-filled';
+                this._icon.icon = this._customIcon || 'ax-icon ax-icon-done';
                 break;
         }
     }
@@ -169,11 +166,11 @@ class AXAlertComponent extends AXBaseAlertMixin {
         this._observer?.disconnect();
     }
 }
-AXAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAlertComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" }, classAttribute: "ax-alert" }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_icon", first: true, predicate: AXDecoratorIconComponent, descendants: true }, { propertyName: "_content", first: true, predicate: AXDecoratorContentComponent, descendants: true }, { propertyName: "_footer", first: true, predicate: AXDecoratorFooterComponent, descendants: true }, { propertyName: "_buttons", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n    <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n    <div class=\"ax-alert-block-start\">\r\n        <div class=\"ax-alert-title\">\r\n            <ng-content select=\"ax-title\"></ng-content>\r\n            <ng-content select=\"ax-sub-title\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n        <ng-content select=\"ax-content\">\r\n        </ng-content>\r\n        <ng-content select=\"ax-footer\">\r\n        </ng-content>\r\n    </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n    <ng-content select=\"ax-button\"></ng-content>\r\n    <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", dependencies: [{ 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: "14.2.2", ngImport: i0, type: AXAlertComponent, decorators: [{
+AXAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXAlertComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_icon", first: true, predicate: AXDecoratorIconComponent, descendants: true }, { propertyName: "_content", first: true, predicate: AXDecoratorContentComponent, descendants: true }, { propertyName: "_footer", first: true, predicate: AXDecoratorFooterComponent, descendants: true }, { propertyName: "_buttons", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n    <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n    <div class=\"ax-alert-block-start\">\r\n        <div class=\"ax-alert-title\">\r\n            <ng-content select=\"ax-title\"></ng-content>\r\n            <ng-content select=\"ax-sub-title\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n        <ng-content select=\"ax-content\">\r\n        </ng-content>\r\n        <ng-content select=\"ax-footer\">\r\n        </ng-content>\r\n    </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n    <ng-content select=\"ax-button\"></ng-content>\r\n    <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-500))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);border:1px solid;font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{width:2.25rem;height:2.25rem;border-radius:999rem;display:grid;place-items:center;font-size:1.5rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-block-end{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}ax-alert .ax-alert-block-end ax-content{display:block;color:rgb(var(--ax-color-text-default))}ax-alert .ax-alert-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert .ax-items-start{align-items:flex-start!important}ax-alert .ax-hidden{display:none!important}ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-50));border-color:rgb(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-50))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-800))}ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-50));border-color:rgb(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-50))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-50));border-color:rgb(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-50))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-800))}ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-50));border-color:rgb(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-50))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-800))}ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-50));border-color:rgb(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-50))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-800))}\n"], dependencies: [{ 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: "14.2.12", ngImport: i0, type: AXAlertComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-alert', inputs: ['color'], host: { class: 'ax-alert' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n    <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n    <div class=\"ax-alert-block-start\">\r\n        <div class=\"ax-alert-title\">\r\n            <ng-content select=\"ax-title\"></ng-content>\r\n            <ng-content select=\"ax-sub-title\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n        <ng-content select=\"ax-content\">\r\n        </ng-content>\r\n        <ng-content select=\"ax-footer\">\r\n        </ng-content>\r\n    </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n    <ng-content select=\"ax-button\"></ng-content>\r\n    <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>" }]
+            args: [{ selector: 'ax-alert', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n    <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n    <div class=\"ax-alert-block-start\">\r\n        <div class=\"ax-alert-title\">\r\n            <ng-content select=\"ax-title\"></ng-content>\r\n            <ng-content select=\"ax-sub-title\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n        <ng-content select=\"ax-content\">\r\n        </ng-content>\r\n        <ng-content select=\"ax-footer\">\r\n        </ng-content>\r\n    </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n    <ng-content select=\"ax-button\"></ng-content>\r\n    <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-500))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);border:1px solid;font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{width:2.25rem;height:2.25rem;border-radius:999rem;display:grid;place-items:center;font-size:1.5rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-block-end{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}ax-alert .ax-alert-block-end ax-content{display:block;color:rgb(var(--ax-color-text-default))}ax-alert .ax-alert-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert .ax-items-start{align-items:flex-start!important}ax-alert .ax-hidden{display:none!important}ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-50));border-color:rgb(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-50))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-800))}ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-50));border-color:rgb(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-50))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-50));border-color:rgb(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-50))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-800))}ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-50));border-color:rgb(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-50))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-800))}ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-50));border-color:rgb(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-50))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-800))}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _icon: [{
                 type: ContentChild,
                 args: [AXDecoratorIconComponent]
@@ -201,10 +198,10 @@ const COMPONENT = [AXAlertComponent, AXAlertButtonDirective];
 const MODULES = [CommonModule, AXDecoratorModule];
 class AXAlertModule {
 }
-AXAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: AXAlertModule, declarations: [AXAlertComponent, AXAlertButtonDirective], imports: [CommonModule, AXDecoratorModule], exports: [AXAlertComponent, AXAlertButtonDirective] });
-AXAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAlertModule, imports: [MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AXAlertModule, decorators: [{
+AXAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: AXAlertModule, declarations: [AXAlertComponent, AXAlertButtonDirective], imports: [CommonModule, AXDecoratorModule], exports: [AXAlertComponent, AXAlertButtonDirective] });
+AXAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXAlertModule, imports: [MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AXAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],