npm - @acorex/components - Versions diffs - 7.0.29 → 7.0.31 - Mend

@acorex/components 7.0.29 → 7.0.31

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

package/esm2020/data-table/src/data-table.component.mjs CHANGED Viewed

@@ -112,10 +112,10 @@ export class AXDataTableComponent extends AXBaseComponentMixin {
     }
 }
 AXDataTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDataTableComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXDataTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXDataTableComponent, selector: "ax-data-table", inputs: { rowTemplate: "rowTemplate", emptyTemplate: "emptyTemplate", showHeader: "showHeader", pageSize: "pageSize", fetchDataMode: "fetchDataMode", items: "items" }, outputs: { onPageChanged: "onPageChanged" }, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], queries: [{ propertyName: "_columns", predicate: AXDataColumnComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\">\r\n</ng-content>\r\n<div class=\"ax-wrapper\">\r\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\r\n    <thead *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngFor=\"let c of _columns\">\r\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\r\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\r\n          </ng-template>\r\n          <ng-template #captionTpl>\r\n            {{c.caption}}\r\n          </ng-template>\r\n        </th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\r\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\r\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\r\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n            </ng-container>\r\n          </ng-template>\r\n          <ng-template #rowTpl>\r\n            <tr>\r\n              <ng-container *ngFor=\"let c of _columns\">\r\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\r\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n                  </ng-container>\r\n                </ng-template>\r\n                <ng-template #cellTpl>\r\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\r\n                    {{d[c.valueField]}}\r\n                  </td>\r\n                </ng-template>\r\n              </ng-container>\r\n            </tr>\r\n          </ng-template>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-template #emptyTpl>\r\n        <tr>\r\n          <td [attr.colspan]=\"_columns.length\">\r\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n            </ng-template>\r\n            <ng-template #defaultEmptyTemplate>\r\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n      </ng-template>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n<ng-content select=\"ax-footer\">\r\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\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.AXResultComponent, selector: "ax-result", inputs: ["type", "caption", "description"] }, { kind: "directive", type: i3.AXLoadingDirective, selector: "[axIsLoading]", inputs: ["axIsLoading"] }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXDataTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXDataTableComponent, selector: "ax-data-table", inputs: { rowTemplate: "rowTemplate", emptyTemplate: "emptyTemplate", showHeader: "showHeader", pageSize: "pageSize", fetchDataMode: "fetchDataMode", items: "items" }, outputs: { onPageChanged: "onPageChanged" }, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], queries: [{ propertyName: "_columns", predicate: AXDataColumnComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\">\r\n</ng-content>\r\n<div class=\"ax-wrapper\">\r\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\r\n    <thead *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngFor=\"let c of _columns\">\r\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\r\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\r\n          </ng-template>\r\n          <ng-template #captionTpl>\r\n            {{c.caption}}\r\n          </ng-template>\r\n        </th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\r\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\r\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\r\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n            </ng-container>\r\n          </ng-template>\r\n          <ng-template #rowTpl>\r\n            <tr>\r\n              <ng-container *ngFor=\"let c of _columns\">\r\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\r\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n                  </ng-container>\r\n                </ng-template>\r\n                <ng-template #cellTpl>\r\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\r\n                    {{d[c.valueField]}}\r\n                  </td>\r\n                </ng-template>\r\n              </ng-container>\r\n            </tr>\r\n          </ng-template>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-template #emptyTpl>\r\n        <tr>\r\n          <td [attr.colspan]=\"_columns.length\">\r\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n            </ng-template>\r\n            <ng-template #defaultEmptyTemplate>\r\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n      </ng-template>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n<ng-content select=\"ax-footer\">\r\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default)}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\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.AXResultComponent, selector: "ax-result", inputs: ["type", "caption", "description"] }, { kind: "directive", type: i3.AXLoadingDirective, selector: "[axIsLoading]", inputs: ["axIsLoading"] }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDataTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-data-table', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], template: "<ng-content select=\"ax-header\">\r\n</ng-content>\r\n<div class=\"ax-wrapper\">\r\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\r\n    <thead *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngFor=\"let c of _columns\">\r\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\r\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\r\n          </ng-template>\r\n          <ng-template #captionTpl>\r\n            {{c.caption}}\r\n          </ng-template>\r\n        </th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\r\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\r\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\r\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n            </ng-container>\r\n          </ng-template>\r\n          <ng-template #rowTpl>\r\n            <tr>\r\n              <ng-container *ngFor=\"let c of _columns\">\r\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\r\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n                  </ng-container>\r\n                </ng-template>\r\n                <ng-template #cellTpl>\r\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\r\n                    {{d[c.valueField]}}\r\n                  </td>\r\n                </ng-template>\r\n              </ng-container>\r\n            </tr>\r\n          </ng-template>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-template #emptyTpl>\r\n        <tr>\r\n          <td [attr.colspan]=\"_columns.length\">\r\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n            </ng-template>\r\n            <ng-template #defaultEmptyTemplate>\r\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n      </ng-template>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n<ng-content select=\"ax-footer\">\r\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+            args: [{ selector: 'ax-data-table', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], template: "<ng-content select=\"ax-header\">\r\n</ng-content>\r\n<div class=\"ax-wrapper\">\r\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\r\n    <thead *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngFor=\"let c of _columns\">\r\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\r\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\r\n          </ng-template>\r\n          <ng-template #captionTpl>\r\n            {{c.caption}}\r\n          </ng-template>\r\n        </th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\r\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\r\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\r\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n            </ng-container>\r\n          </ng-template>\r\n          <ng-template #rowTpl>\r\n            <tr>\r\n              <ng-container *ngFor=\"let c of _columns\">\r\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\r\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n                  </ng-container>\r\n                </ng-template>\r\n                <ng-template #cellTpl>\r\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\r\n                    {{d[c.valueField]}}\r\n                  </td>\r\n                </ng-template>\r\n              </ng-container>\r\n            </tr>\r\n          </ng-template>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-template #emptyTpl>\r\n        <tr>\r\n          <td [attr.colspan]=\"_columns.length\">\r\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n            </ng-template>\r\n            <ng-template #defaultEmptyTemplate>\r\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n      </ng-template>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n<ng-content select=\"ax-footer\">\r\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default)}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _columns: [{
                 type: ContentChildren,
                 args: [AXDataColumnComponent]

package/esm2020/picker/src/picker-column.component.mjs CHANGED Viewed

@@ -12,10 +12,10 @@ export class AXPickerColumnComponent {
     }
 }
 AXPickerColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPickerColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXPickerColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXPickerColumnComponent, selector: "ax-picker-column", inputs: { divider: "divider" }, ngImport: i0, template: "<div class=\"picker-container\" [ngClass]=\"{'picker-divider':divider}\">\r\n    <div class=\"picker-scrollbar picker-time-spinner-wrapper\">\r\n        <div class=\"picker-scrollbar-wrap\">\r\n            <div class=\"picker-time-spinner-list\">\r\n                <div class=\"picker-time-spinner-item\">\r\n                    <ng-content></ng-content>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".picker-container{width:100%;white-space:nowrap}.picker-container.picker-divider{border-right:solid 1px rgb(var(--ax-color-ghost),.15)}.picker-container .picker-scrollbar{position:relative;height:100%}.picker-container .picker-scrollbar.picker-time-spinner-wrapper{max-height:200px;display:inline-block;vertical-align:top;width:100%;position:relative}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap{max-height:inherit;overflow-y:hidden;height:100%;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap::-webkit-scrollbar{width:2px}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap:hover{overflow:scroll;height:100vh;overscroll-behavior:inherit;z-index:-1}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;list-style:none;text-align:center}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list:before{content:\"\";display:block;width:100%}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list .picker-time-spinner-item{scroll-snap-align:center;line-height:40px;cursor:pointer}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list .picker-time-spinner-item.ax-state-active{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore));border-radius:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXPickerColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXPickerColumnComponent, selector: "ax-picker-column", inputs: { divider: "divider" }, ngImport: i0, template: "<div class=\"picker-container\" [ngClass]=\"{'picker-divider':divider}\">\r\n    <div class=\"picker-scrollbar picker-time-spinner-wrapper\">\r\n        <div class=\"picker-scrollbar-wrap\">\r\n            <div class=\"picker-time-spinner-list\">\r\n                <div class=\"picker-time-spinner-item\">\r\n                    <ng-content></ng-content>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".picker-container{width:100%;white-space:nowrap}.picker-container.picker-divider{border-right:solid 1px rgb(var(--ax-color-ghost),.15)}.picker-container .picker-scrollbar{position:relative;height:100%}.picker-container .picker-scrollbar.picker-time-spinner-wrapper{max-height:200px;display:inline-block;vertical-align:top;width:100%;position:relative}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap{max-height:inherit;overflow-y:hidden;height:100%;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap::-webkit-scrollbar{width:2px}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap:hover{overflow:scroll;height:100vh;overscroll-behavior:inherit;z-index:-1}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;list-style:none;text-align:center}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list:before{content:\"\";display:block;width:100%}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list .picker-time-spinner-item{scroll-snap-align:center;line-height:40px;cursor:pointer}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list .picker-time-spinner-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-radius:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPickerColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-picker-column', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"picker-container\" [ngClass]=\"{'picker-divider':divider}\">\r\n    <div class=\"picker-scrollbar picker-time-spinner-wrapper\">\r\n        <div class=\"picker-scrollbar-wrap\">\r\n            <div class=\"picker-time-spinner-list\">\r\n                <div class=\"picker-time-spinner-item\">\r\n                    <ng-content></ng-content>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".picker-container{width:100%;white-space:nowrap}.picker-container.picker-divider{border-right:solid 1px rgb(var(--ax-color-ghost),.15)}.picker-container .picker-scrollbar{position:relative;height:100%}.picker-container .picker-scrollbar.picker-time-spinner-wrapper{max-height:200px;display:inline-block;vertical-align:top;width:100%;position:relative}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap{max-height:inherit;overflow-y:hidden;height:100%;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap::-webkit-scrollbar{width:2px}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap:hover{overflow:scroll;height:100vh;overscroll-behavior:inherit;z-index:-1}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;list-style:none;text-align:center}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list:before{content:\"\";display:block;width:100%}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list .picker-time-spinner-item{scroll-snap-align:center;line-height:40px;cursor:pointer}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list .picker-time-spinner-item.ax-state-active{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore));border-radius:8px}\n"] }]
+            args: [{ selector: 'ax-picker-column', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"picker-container\" [ngClass]=\"{'picker-divider':divider}\">\r\n    <div class=\"picker-scrollbar picker-time-spinner-wrapper\">\r\n        <div class=\"picker-scrollbar-wrap\">\r\n            <div class=\"picker-time-spinner-list\">\r\n                <div class=\"picker-time-spinner-item\">\r\n                    <ng-content></ng-content>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".picker-container{width:100%;white-space:nowrap}.picker-container.picker-divider{border-right:solid 1px rgb(var(--ax-color-ghost),.15)}.picker-container .picker-scrollbar{position:relative;height:100%}.picker-container .picker-scrollbar.picker-time-spinner-wrapper{max-height:200px;display:inline-block;vertical-align:top;width:100%;position:relative}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap{max-height:inherit;overflow-y:hidden;height:100%;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap::-webkit-scrollbar{width:2px}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap:hover{overflow:scroll;height:100vh;overscroll-behavior:inherit;z-index:-1}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;list-style:none;text-align:center}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list:before{content:\"\";display:block;width:100%}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list .picker-time-spinner-item{scroll-snap-align:center;line-height:40px;cursor:pointer}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list .picker-time-spinner-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-radius:8px}\n"] }]
         }], propDecorators: { divider: [{
                 type: Input
             }] } });

package/esm2020/popup/src/popup.component.mjs CHANGED Viewed

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

package/esm2020/switch/src/switch.component.mjs CHANGED Viewed

@@ -21,7 +21,7 @@ export class AXSwitchComponent extends AXBaseValueComponentMixin {
     }
 }
 AXSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXSwitchComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXSwitchComponent, selector: "ax-switch", inputs: { disabled: "disabled", color: "color", readonly: "readonly", tabIndex: "tabIndex", size: "size", cssClass: "cssClass", cssStyle: "cssStyle", allowNull: "allowNull", value: "value", name: "name", checked: "checked", uncheckedText: "uncheckedText", checkedText: "checkedText", loading: "loading" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\r\n    [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\r\n    <div class=\"ax-switch-handle\">\r\n        <ax-loading *ngIf=\"loading\"></ax-loading>\r\n            <ng-content select=\"ax-switch-handler-content\"></ng-content>\r\n    </div>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"!value\">\r\n        <ng-content select=\"ax-switch-off-content\"></ng-content>\r\n\r\n    </span>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"value\">\r\n        <ng-content select=\"ax-switch-on-content\"></ng-content>\r\n    </span>\r\n\r\n</button>", styles: ["ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.75rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{width:1.25rem;height:1.25rem}ax-switch button{position:relative;display:inline-block;vertical-align:middle;border-radius:99rem;background-color:rgba(var(--ax-color-ghost),.16)!important;min-width:2.5rem;height:1.25rem;line-height:1.25rem;transition:background-color .3s linear;cursor:pointer}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgb(var(--ax-color-primary))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{width:1rem;height:1rem;background-color:#fff;position:absolute;border-radius:99rem;inset-inline-start:.125rem;top:.125rem;transition:width .3s;box-shadow:0 0 1px 1px #0000000d}ax-switch button .ax-switch-handle ax-switch-handler-content,ax-switch button .ax-switch-handle ax-switch-handler-content *{height:100%;width:100%;font-size:90%;display:flex;align-items:center;justify-content:center;color:#454a50}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle ax-loading{width:100%;position:absolute;inset-inline-start:0;inset-inline-end:0;top:50%;transform:translateY(-50%)}ax-switch button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-primary));stroke:rgb(var(--ax-color-primary))}ax-switch button .ax-switch-handle:before{position:absolute;background-color:rgb(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem;content:\"\"}ax-switch button .ax-switch-inner{display:block;margin-inline-start:1.5rem;margin-inline-end:.375rem;transition:margin .2s}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;font-size:.875rem;padding:0 .25rem}ax-switch.ax-primary-default button:focus-visible{outline-color:rgb(var(--ax-color-primary))}ax-switch.ax-primary-default button ax-switch-handler-content,ax-switch.ax-primary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-primary-default button.ax-switch-checked{background-color:rgb(var(--ax-color-primary))!important}ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-primary))}ax-switch.ax-primary-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-primary-fore))}ax-switch.ax-primary-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-primary));stroke:rgb(var(--ax-color-primary))}ax-switch.ax-secondary-default button:focus-visible{outline-color:rgb(var(--ax-color-secondary))}ax-switch.ax-secondary-default button ax-switch-handler-content,ax-switch.ax-secondary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-secondary-default button.ax-switch-checked{background-color:rgb(var(--ax-color-secondary))!important}ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-secondary))}ax-switch.ax-secondary-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-secondary));stroke:rgb(var(--ax-color-secondary))}ax-switch.ax-success-default button:focus-visible{outline-color:rgb(var(--ax-color-success))}ax-switch.ax-success-default button ax-switch-handler-content,ax-switch.ax-success-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-success-default button.ax-switch-checked{background-color:rgb(var(--ax-color-success))!important}ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-success))}ax-switch.ax-success-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-success-fore))}ax-switch.ax-success-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-success));stroke:rgb(var(--ax-color-success))}ax-switch.ax-warning-default button:focus-visible{outline-color:rgb(var(--ax-color-warning))}ax-switch.ax-warning-default button ax-switch-handler-content,ax-switch.ax-warning-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-warning-default button.ax-switch-checked{background-color:rgb(var(--ax-color-warning))!important}ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-warning))}ax-switch.ax-warning-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-warning-fore))}ax-switch.ax-warning-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-warning));stroke:rgb(var(--ax-color-warning))}ax-switch.ax-danger-default button:focus-visible{outline-color:rgb(var(--ax-color-danger))}ax-switch.ax-danger-default button ax-switch-handler-content,ax-switch.ax-danger-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-danger-default button.ax-switch-checked{background-color:rgb(var(--ax-color-danger))!important}ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-danger))}ax-switch.ax-danger-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-danger-fore))}ax-switch.ax-danger-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-danger));stroke:rgb(var(--ax-color-danger))}ax-switch .ax-state-disabled{opacity:.5;cursor:not-allowed}ax-switch .ax-state-readonly{opacity:.75}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "text"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXSwitchComponent, selector: "ax-switch", inputs: { disabled: "disabled", color: "color", readonly: "readonly", tabIndex: "tabIndex", size: "size", cssClass: "cssClass", cssStyle: "cssStyle", allowNull: "allowNull", value: "value", name: "name", checked: "checked", uncheckedText: "uncheckedText", checkedText: "checkedText", loading: "loading" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\r\n    [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\r\n    <div class=\"ax-switch-handle\">\r\n        <ax-loading *ngIf=\"loading\"></ax-loading>\r\n            <ng-content select=\"ax-switch-handler-content\"></ng-content>\r\n    </div>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"!value\">\r\n        <ng-content select=\"ax-switch-off-content\"></ng-content>\r\n\r\n    </span>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"value\">\r\n        <ng-content select=\"ax-switch-on-content\"></ng-content>\r\n    </span>\r\n\r\n</button>", styles: ["ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.75rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{width:1.25rem;height:1.25rem}ax-switch button{position:relative;display:inline-block;vertical-align:middle;border-radius:99rem;background-color:rgba(var(--ax-color-ghost),.38)!important;min-width:2.5rem;height:1.25rem;line-height:1.25rem;transition:background-color .3s linear;cursor:pointer}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgb(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{width:1rem;height:1rem;background-color:#fff;position:absolute;border-radius:99rem;inset-inline-start:.125rem;top:.125rem;transition:width .3s;box-shadow:0 0 1px 1px #0000000d}ax-switch button .ax-switch-handle ax-switch-handler-content,ax-switch button .ax-switch-handle ax-switch-handler-content *{height:100%;width:100%;font-size:90%;display:flex;align-items:center;justify-content:center;color:#454a50}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle ax-loading{width:100%;position:absolute;inset-inline-start:0;inset-inline-end:0;top:50%;transform:translateY(-50%)}ax-switch button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-primary-500));stroke:rgb(var(--ax-color-primary-500))}ax-switch button .ax-switch-handle:before{position:absolute;background-color:rgb(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem;content:\"\"}ax-switch button .ax-switch-inner{display:block;margin-inline-start:1.5rem;margin-inline-end:.375rem;transition:margin .2s}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;font-size:.875rem;padding:0 .25rem}ax-switch.ax-primary-default button:focus-visible{outline-color:rgb(var(--ax-color-primary-500))}ax-switch.ax-primary-default button ax-switch-handler-content,ax-switch.ax-primary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-primary-default button.ax-switch-checked{background-color:rgb(var(--ax-color-primary-500))!important}ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-primary-500))}ax-switch.ax-primary-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-primary-fore))}ax-switch.ax-primary-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-primary-500));stroke:rgb(var(--ax-color-primary-500))}ax-switch.ax-secondary-default button:focus-visible{outline-color:rgb(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button ax-switch-handler-content,ax-switch.ax-secondary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-secondary-default button.ax-switch-checked{background-color:rgb(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-secondary-500));stroke:rgb(var(--ax-color-secondary-500))}ax-switch.ax-success-default button:focus-visible{outline-color:rgb(var(--ax-color-success-500))}ax-switch.ax-success-default button ax-switch-handler-content,ax-switch.ax-success-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-success-default button.ax-switch-checked{background-color:rgb(var(--ax-color-success-500))!important}ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-success-500))}ax-switch.ax-success-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-success-fore))}ax-switch.ax-success-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-success-500));stroke:rgb(var(--ax-color-success-500))}ax-switch.ax-warning-default button:focus-visible{outline-color:rgb(var(--ax-color-warning-500))}ax-switch.ax-warning-default button ax-switch-handler-content,ax-switch.ax-warning-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-warning-default button.ax-switch-checked{background-color:rgb(var(--ax-color-warning-500))!important}ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-warning-500))}ax-switch.ax-warning-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-warning-fore))}ax-switch.ax-warning-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-warning-500));stroke:rgb(var(--ax-color-warning-500))}ax-switch.ax-danger-default button:focus-visible{outline-color:rgb(var(--ax-color-danger-500))}ax-switch.ax-danger-default button ax-switch-handler-content,ax-switch.ax-danger-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-danger-default button.ax-switch-checked{background-color:rgb(var(--ax-color-danger-500))!important}ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-danger-500))}ax-switch.ax-danger-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-danger-fore))}ax-switch.ax-danger-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-danger-500));stroke:rgb(var(--ax-color-danger-500))}ax-switch .ax-state-disabled{opacity:.5;cursor:not-allowed}ax-switch .ax-state-readonly{opacity:.75}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "text"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXSwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-switch', inputs: [
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                         'value',
                         'name',
                         'checked',
-                    ], outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\r\n    [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\r\n    <div class=\"ax-switch-handle\">\r\n        <ax-loading *ngIf=\"loading\"></ax-loading>\r\n            <ng-content select=\"ax-switch-handler-content\"></ng-content>\r\n    </div>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"!value\">\r\n        <ng-content select=\"ax-switch-off-content\"></ng-content>\r\n\r\n    </span>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"value\">\r\n        <ng-content select=\"ax-switch-on-content\"></ng-content>\r\n    </span>\r\n\r\n</button>", styles: ["ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.75rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{width:1.25rem;height:1.25rem}ax-switch button{position:relative;display:inline-block;vertical-align:middle;border-radius:99rem;background-color:rgba(var(--ax-color-ghost),.16)!important;min-width:2.5rem;height:1.25rem;line-height:1.25rem;transition:background-color .3s linear;cursor:pointer}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgb(var(--ax-color-primary))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{width:1rem;height:1rem;background-color:#fff;position:absolute;border-radius:99rem;inset-inline-start:.125rem;top:.125rem;transition:width .3s;box-shadow:0 0 1px 1px #0000000d}ax-switch button .ax-switch-handle ax-switch-handler-content,ax-switch button .ax-switch-handle ax-switch-handler-content *{height:100%;width:100%;font-size:90%;display:flex;align-items:center;justify-content:center;color:#454a50}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle ax-loading{width:100%;position:absolute;inset-inline-start:0;inset-inline-end:0;top:50%;transform:translateY(-50%)}ax-switch button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-primary));stroke:rgb(var(--ax-color-primary))}ax-switch button .ax-switch-handle:before{position:absolute;background-color:rgb(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem;content:\"\"}ax-switch button .ax-switch-inner{display:block;margin-inline-start:1.5rem;margin-inline-end:.375rem;transition:margin .2s}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;font-size:.875rem;padding:0 .25rem}ax-switch.ax-primary-default button:focus-visible{outline-color:rgb(var(--ax-color-primary))}ax-switch.ax-primary-default button ax-switch-handler-content,ax-switch.ax-primary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-primary-default button.ax-switch-checked{background-color:rgb(var(--ax-color-primary))!important}ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-primary))}ax-switch.ax-primary-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-primary-fore))}ax-switch.ax-primary-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-primary));stroke:rgb(var(--ax-color-primary))}ax-switch.ax-secondary-default button:focus-visible{outline-color:rgb(var(--ax-color-secondary))}ax-switch.ax-secondary-default button ax-switch-handler-content,ax-switch.ax-secondary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-secondary-default button.ax-switch-checked{background-color:rgb(var(--ax-color-secondary))!important}ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-secondary))}ax-switch.ax-secondary-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-secondary));stroke:rgb(var(--ax-color-secondary))}ax-switch.ax-success-default button:focus-visible{outline-color:rgb(var(--ax-color-success))}ax-switch.ax-success-default button ax-switch-handler-content,ax-switch.ax-success-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-success-default button.ax-switch-checked{background-color:rgb(var(--ax-color-success))!important}ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-success))}ax-switch.ax-success-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-success-fore))}ax-switch.ax-success-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-success));stroke:rgb(var(--ax-color-success))}ax-switch.ax-warning-default button:focus-visible{outline-color:rgb(var(--ax-color-warning))}ax-switch.ax-warning-default button ax-switch-handler-content,ax-switch.ax-warning-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-warning-default button.ax-switch-checked{background-color:rgb(var(--ax-color-warning))!important}ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-warning))}ax-switch.ax-warning-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-warning-fore))}ax-switch.ax-warning-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-warning));stroke:rgb(var(--ax-color-warning))}ax-switch.ax-danger-default button:focus-visible{outline-color:rgb(var(--ax-color-danger))}ax-switch.ax-danger-default button ax-switch-handler-content,ax-switch.ax-danger-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-danger-default button.ax-switch-checked{background-color:rgb(var(--ax-color-danger))!important}ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-danger))}ax-switch.ax-danger-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-danger-fore))}ax-switch.ax-danger-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-danger));stroke:rgb(var(--ax-color-danger))}ax-switch .ax-state-disabled{opacity:.5;cursor:not-allowed}ax-switch .ax-state-readonly{opacity:.75}\n"] }]
+                    ], outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\r\n    [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\r\n    <div class=\"ax-switch-handle\">\r\n        <ax-loading *ngIf=\"loading\"></ax-loading>\r\n            <ng-content select=\"ax-switch-handler-content\"></ng-content>\r\n    </div>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"!value\">\r\n        <ng-content select=\"ax-switch-off-content\"></ng-content>\r\n\r\n    </span>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"value\">\r\n        <ng-content select=\"ax-switch-on-content\"></ng-content>\r\n    </span>\r\n\r\n</button>", styles: ["ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.75rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{width:1.25rem;height:1.25rem}ax-switch button{position:relative;display:inline-block;vertical-align:middle;border-radius:99rem;background-color:rgba(var(--ax-color-ghost),.38)!important;min-width:2.5rem;height:1.25rem;line-height:1.25rem;transition:background-color .3s linear;cursor:pointer}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgb(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{width:1rem;height:1rem;background-color:#fff;position:absolute;border-radius:99rem;inset-inline-start:.125rem;top:.125rem;transition:width .3s;box-shadow:0 0 1px 1px #0000000d}ax-switch button .ax-switch-handle ax-switch-handler-content,ax-switch button .ax-switch-handle ax-switch-handler-content *{height:100%;width:100%;font-size:90%;display:flex;align-items:center;justify-content:center;color:#454a50}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle ax-loading{width:100%;position:absolute;inset-inline-start:0;inset-inline-end:0;top:50%;transform:translateY(-50%)}ax-switch button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-primary-500));stroke:rgb(var(--ax-color-primary-500))}ax-switch button .ax-switch-handle:before{position:absolute;background-color:rgb(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem;content:\"\"}ax-switch button .ax-switch-inner{display:block;margin-inline-start:1.5rem;margin-inline-end:.375rem;transition:margin .2s}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;font-size:.875rem;padding:0 .25rem}ax-switch.ax-primary-default button:focus-visible{outline-color:rgb(var(--ax-color-primary-500))}ax-switch.ax-primary-default button ax-switch-handler-content,ax-switch.ax-primary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-primary-default button.ax-switch-checked{background-color:rgb(var(--ax-color-primary-500))!important}ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-primary-500))}ax-switch.ax-primary-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-primary-fore))}ax-switch.ax-primary-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-primary-500));stroke:rgb(var(--ax-color-primary-500))}ax-switch.ax-secondary-default button:focus-visible{outline-color:rgb(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button ax-switch-handler-content,ax-switch.ax-secondary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-secondary-default button.ax-switch-checked{background-color:rgb(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-secondary-500));stroke:rgb(var(--ax-color-secondary-500))}ax-switch.ax-success-default button:focus-visible{outline-color:rgb(var(--ax-color-success-500))}ax-switch.ax-success-default button ax-switch-handler-content,ax-switch.ax-success-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-success-default button.ax-switch-checked{background-color:rgb(var(--ax-color-success-500))!important}ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-success-500))}ax-switch.ax-success-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-success-fore))}ax-switch.ax-success-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-success-500));stroke:rgb(var(--ax-color-success-500))}ax-switch.ax-warning-default button:focus-visible{outline-color:rgb(var(--ax-color-warning-500))}ax-switch.ax-warning-default button ax-switch-handler-content,ax-switch.ax-warning-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-warning-default button.ax-switch-checked{background-color:rgb(var(--ax-color-warning-500))!important}ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-warning-500))}ax-switch.ax-warning-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-warning-fore))}ax-switch.ax-warning-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-warning-500));stroke:rgb(var(--ax-color-warning-500))}ax-switch.ax-danger-default button:focus-visible{outline-color:rgb(var(--ax-color-danger-500))}ax-switch.ax-danger-default button ax-switch-handler-content,ax-switch.ax-danger-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-danger-default button.ax-switch-checked{background-color:rgb(var(--ax-color-danger-500))!important}ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content *{color:rgb(var(--ax-color-danger-500))}ax-switch.ax-danger-default button.ax-switch-checked .ax-switch-inner{color:rgb(var(--ax-color-danger-fore))}ax-switch.ax-danger-default button .ax-switch-handle ax-loading svg{fill:rgb(var(--ax-color-danger-500));stroke:rgb(var(--ax-color-danger-500))}ax-switch .ax-state-disabled{opacity:.5;cursor:not-allowed}ax-switch .ax-state-readonly{opacity:.75}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { uncheckedText: [{
                 type: Input
             }], checkedText: [{

package/esm2020/tabs/src/tabs.component.mjs CHANGED Viewed

@@ -77,14 +77,14 @@ AXTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
     <div class="ax-items-wrapper">
       <ng-content select="ax-tab-item"> </ng-content>
     </div>
-  `, isInline: true, styles: ["html.ax-dark ax-tabs.ax-look-classic ax-tab-item:hover,html.ax-dark ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary))!important;border-top-color:rgba(var(--ax-color-primary))!important;border-bottom-color:transparent!important;color:rgba(var(--ax-color-primary-fore))!important}ax-tabs{position:relative;display:block}ax-tabs.ax-tabs-fit{width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs .ax-items-wrapper{position:relative}ax-tabs .ax-items-wrapper ax-tab-item{font-size:.875rem;line-height:1.25rem;padding:.75rem 1rem;cursor:pointer;position:relative;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}ax-tabs .ax-items-wrapper ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-horizontal .ax-items-wrapper{display:flex}ax-tabs.ax-horizontal .ax-items-wrapper ax-tab-item{text-align:center;align-items:center;justify-content:center}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.25rem}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-top-width:1px;border-inline-start-width:1px;border-inline-end-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));margin-inline-end:.2rem}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-top-color:rgba(var(--ax-color-primary));border-bottom-color:transparent;color:rgba(var(--ax-color-primary))}ax-tabs.ax-vertical .ax-items-wrapper{display:flex;flex-direction:column}ax-tabs.ax-vertical.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item{border-inline-start:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper{border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-inline-start-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-inline-start-color:rgba(var(--ax-color-primary));border-inline-end-color:transparent;color:rgba(var(--ax-color-primary))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["html.ax-dark ax-tabs.ax-look-classic ax-tab-item:hover,html.ax-dark ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500))!important;border-top-color:rgba(var(--ax-color-primary-500))!important;border-bottom-color:transparent!important;color:rgba(var(--ax-color-primary-fore))!important}ax-tabs{position:relative;display:block}ax-tabs.ax-tabs-fit{width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs .ax-items-wrapper{position:relative}ax-tabs .ax-items-wrapper ax-tab-item{font-size:.875rem;line-height:1.25rem;padding:.75rem 1rem;cursor:pointer;position:relative;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}ax-tabs .ax-items-wrapper ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-horizontal .ax-items-wrapper{display:flex}ax-tabs.ax-horizontal .ax-items-wrapper ax-tab-item{text-align:center;align-items:center;justify-content:center}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.25rem}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-top-width:1px;border-inline-start-width:1px;border-inline-end-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));margin-inline-end:.2rem}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-top-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent;color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical .ax-items-wrapper{display:flex;flex-direction:column}ax-tabs.ax-vertical.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item{border-inline-start:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper{border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-inline-start-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-inline-start-color:rgba(var(--ax-color-primary-500));border-inline-end-color:transparent;color:rgba(var(--ax-color-primary-500))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-tabs', template: `
     <div class="ax-items-wrapper">
       <ng-content select="ax-tab-item"> </ng-content>
     </div>
-  `, host: { class: 'ax-tabs' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["html.ax-dark ax-tabs.ax-look-classic ax-tab-item:hover,html.ax-dark ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary))!important;border-top-color:rgba(var(--ax-color-primary))!important;border-bottom-color:transparent!important;color:rgba(var(--ax-color-primary-fore))!important}ax-tabs{position:relative;display:block}ax-tabs.ax-tabs-fit{width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs .ax-items-wrapper{position:relative}ax-tabs .ax-items-wrapper ax-tab-item{font-size:.875rem;line-height:1.25rem;padding:.75rem 1rem;cursor:pointer;position:relative;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}ax-tabs .ax-items-wrapper ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-horizontal .ax-items-wrapper{display:flex}ax-tabs.ax-horizontal .ax-items-wrapper ax-tab-item{text-align:center;align-items:center;justify-content:center}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.25rem}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-top-width:1px;border-inline-start-width:1px;border-inline-end-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));margin-inline-end:.2rem}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-top-color:rgba(var(--ax-color-primary));border-bottom-color:transparent;color:rgba(var(--ax-color-primary))}ax-tabs.ax-vertical .ax-items-wrapper{display:flex;flex-direction:column}ax-tabs.ax-vertical.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item{border-inline-start:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper{border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-inline-start-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-inline-start-color:rgba(var(--ax-color-primary));border-inline-end-color:transparent;color:rgba(var(--ax-color-primary))}\n"] }]
+  `, host: { class: 'ax-tabs' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["html.ax-dark ax-tabs.ax-look-classic ax-tab-item:hover,html.ax-dark ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500))!important;border-top-color:rgba(var(--ax-color-primary-500))!important;border-bottom-color:transparent!important;color:rgba(var(--ax-color-primary-fore))!important}ax-tabs{position:relative;display:block}ax-tabs.ax-tabs-fit{width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs .ax-items-wrapper{position:relative}ax-tabs .ax-items-wrapper ax-tab-item{font-size:.875rem;line-height:1.25rem;padding:.75rem 1rem;cursor:pointer;position:relative;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}ax-tabs .ax-items-wrapper ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-horizontal .ax-items-wrapper{display:flex}ax-tabs.ax-horizontal .ax-items-wrapper ax-tab-item{text-align:center;align-items:center;justify-content:center}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.25rem}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-top-width:1px;border-inline-start-width:1px;border-inline-end-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));margin-inline-end:.2rem}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-top-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent;color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical .ax-items-wrapper{display:flex;flex-direction:column}ax-tabs.ax-vertical.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item{border-inline-start:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper{border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-inline-start-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-inline-start-color:rgba(var(--ax-color-primary-500));border-inline-end-color:transparent;color:rgba(var(--ax-color-primary-500))}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _contentTabs: [{
                 type: ContentChildren,
                 args: [AXTabItemComponent]

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

@@ -40,10 +40,10 @@ class AXAvatarComponent extends AXAvatarMixin {
     }
 }
 AXAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXAvatarComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color", look: "look", class: "class" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_children", predicate: ["ax-text, ax-icon, ax-image"] }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\r\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\r\n\r\n<ng-template #custom>\r\n    <ng-content></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{class}}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n        viewBox=\"0 0 512 512\">\r\n        <g style=\"isolation:isolate\">\r\n            <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n                <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n                    <rect width=\"512\" height=\"512\" />\r\n                    <path\r\n                        d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\r\n                        style=\"fill:#fff;opacity:0.7\" />\r\n                    <path\r\n                        d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\r\n                        style=\"opacity:0.05\" />\r\n                    <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\r\n                </g>\r\n            </g>\r\n        </g>\r\n    </svg>\r\n</ng-template>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgb(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center;width:4rem;height:4rem}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgb(var(--ax-color-primary))}ax-avatar.ax-primary-default ax-text{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary))}ax-avatar.ax-primary-default ax-icon{background-color:rgb(var(--ax-color-primary))}ax-avatar.ax-secondary-default .ax-default{fill:rgb(var(--ax-color-secondary))}ax-avatar.ax-secondary-default ax-text{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary))}ax-avatar.ax-secondary-default ax-icon{background-color:rgb(var(--ax-color-secondary))}ax-avatar.ax-success-default .ax-default{fill:rgb(var(--ax-color-success))}ax-avatar.ax-success-default ax-text{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success))}ax-avatar.ax-success-default ax-icon{background-color:rgb(var(--ax-color-success))}ax-avatar.ax-warning-default .ax-default{fill:rgb(var(--ax-color-warning))}ax-avatar.ax-warning-default ax-text{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning))}ax-avatar.ax-warning-default ax-icon{background-color:rgb(var(--ax-color-warning))}ax-avatar.ax-danger-default .ax-default{fill:rgb(var(--ax-color-danger))}ax-avatar.ax-danger-default ax-text{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger))}ax-avatar.ax-danger-default ax-icon{background-color:rgb(var(--ax-color-danger))}ax-avatar.ax-ghost-default .ax-default{fill:rgb(var(--ax-color-ghost),.16)}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgb(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-avatar.ax-ghost-default ax-icon svg{fill:rgb(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color", look: "look", class: "class" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_children", predicate: ["ax-text, ax-icon, ax-image"] }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\r\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\r\n\r\n<ng-template #custom>\r\n    <ng-content></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{class}}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n        viewBox=\"0 0 512 512\">\r\n        <g style=\"isolation:isolate\">\r\n            <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n                <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n                    <rect width=\"512\" height=\"512\" />\r\n                    <path\r\n                        d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\r\n                        style=\"fill:#fff;opacity:0.7\" />\r\n                    <path\r\n                        d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\r\n                        style=\"opacity:0.05\" />\r\n                    <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\r\n                </g>\r\n            </g>\r\n        </g>\r\n    </svg>\r\n</ng-template>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgb(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center;width:4rem;height:4rem}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgb(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgb(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgb(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgb(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgb(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgb(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgb(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgb(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgb(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgb(var(--ax-color-danger-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgb(var(--ax-color-ghost),.16)}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgb(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-avatar.ax-ghost-default ax-icon svg{fill:rgb(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-avatar', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\r\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\r\n\r\n<ng-template #custom>\r\n    <ng-content></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{class}}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n        viewBox=\"0 0 512 512\">\r\n        <g style=\"isolation:isolate\">\r\n            <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n                <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n                    <rect width=\"512\" height=\"512\" />\r\n                    <path\r\n                        d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\r\n                        style=\"fill:#fff;opacity:0.7\" />\r\n                    <path\r\n                        d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\r\n                        style=\"opacity:0.05\" />\r\n                    <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\r\n                </g>\r\n            </g>\r\n        </g>\r\n    </svg>\r\n</ng-template>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgb(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center;width:4rem;height:4rem}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgb(var(--ax-color-primary))}ax-avatar.ax-primary-default ax-text{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary))}ax-avatar.ax-primary-default ax-icon{background-color:rgb(var(--ax-color-primary))}ax-avatar.ax-secondary-default .ax-default{fill:rgb(var(--ax-color-secondary))}ax-avatar.ax-secondary-default ax-text{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary))}ax-avatar.ax-secondary-default ax-icon{background-color:rgb(var(--ax-color-secondary))}ax-avatar.ax-success-default .ax-default{fill:rgb(var(--ax-color-success))}ax-avatar.ax-success-default ax-text{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success))}ax-avatar.ax-success-default ax-icon{background-color:rgb(var(--ax-color-success))}ax-avatar.ax-warning-default .ax-default{fill:rgb(var(--ax-color-warning))}ax-avatar.ax-warning-default ax-text{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning))}ax-avatar.ax-warning-default ax-icon{background-color:rgb(var(--ax-color-warning))}ax-avatar.ax-danger-default .ax-default{fill:rgb(var(--ax-color-danger))}ax-avatar.ax-danger-default ax-text{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger))}ax-avatar.ax-danger-default ax-icon{background-color:rgb(var(--ax-color-danger))}ax-avatar.ax-ghost-default .ax-default{fill:rgb(var(--ax-color-ghost),.16)}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgb(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-avatar.ax-ghost-default ax-icon svg{fill:rgb(var(--ax-color-ghost),.87)}\n"] }]
+            args: [{ selector: 'ax-avatar', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\r\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\r\n\r\n<ng-template #custom>\r\n    <ng-content></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{class}}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n        viewBox=\"0 0 512 512\">\r\n        <g style=\"isolation:isolate\">\r\n            <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n                <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n                    <rect width=\"512\" height=\"512\" />\r\n                    <path\r\n                        d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\r\n                        style=\"fill:#fff;opacity:0.7\" />\r\n                    <path\r\n                        d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\r\n                        style=\"opacity:0.05\" />\r\n                    <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\r\n                </g>\r\n            </g>\r\n        </g>\r\n    </svg>\r\n</ng-template>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgb(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center;width:4rem;height:4rem}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgb(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgb(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgb(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgb(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgb(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgb(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgb(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgb(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgb(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgb(var(--ax-color-danger-500))}ax-avatar.ax-ghost-default .ax-default{fill:rgb(var(--ax-color-ghost),.16)}ax-avatar.ax-ghost-default ax-text,ax-avatar.ax-ghost-default ax-icon{background-color:rgb(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-avatar.ax-ghost-default ax-icon svg{fill:rgb(var(--ax-color-ghost),.87)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
                 type: Input,
                 args: ['class']
@@ -78,4 +78,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
 export { AXAvatarComponent, AXAvatarGroup, AXAvatarModule };
 //# sourceMappingURL=acorex-components-avatar.mjs.map
-//# sourceMappingURL=acorex-components-avatar.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-avatar.mjs","sources":["../../../../projects/acorex/components/avatar/src/avatar-group.component.ts","../../../../projects/acorex/components/avatar/src/avatar.component.ts","../../../../projects/acorex/components/avatar/src/avatar.component.html","../../../../projects/acorex/components/avatar/src/avatar.module.ts","../../../../projects/acorex/components/avatar/acorex-components-avatar.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-avatar-group',\r\n template: `<ng-content select=\"ax-avatar\"></ng-content>`,\r\n})\r\nexport class AXAvatarGroup implements OnInit {\r\n constructor() {}\r\n\r\n ngOnInit(): void {}\r\n}\r\n","import { AXAvatarMixin } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n HostBinding,\r\n ContentChildren,\r\n QueryList,\r\n Input,\r\n} from '@angular/core';\r\n\r\n/*\r\n The Button is a component which detects user interaction and triggers a corresponding event\r\n \r\n @category Components\r\n /\r\n@Component({\r\n selector: 'ax-avatar',\r\n templateUrl: './avatar.component.html',\r\n styleUrls: ['./avatar.component.scss'],\r\n inputs: ['color', 'look'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXAvatarComponent extends AXAvatarMixin {\r\n @Input('class') class: string;\r\n\r\n @ContentChildren('ax-text, ax-icon, ax-image')\r\n readonly _children: QueryList<any>;\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 ngAfterViewInit(): void {\r\n this._children.changes.subscribe(() => {\r\n this._cdr.markForCheck();\r\n });\r\n }\r\n\r\n @HostBinding('class')\r\n get __hostClass(): string {\r\n return `ax-${this.color}-default`;\r\n }\r\n}\r\n","<ng-container [ngTemplateOutlet]=\"default\" ngIf=\"!_children.length\"></ng-container>\r\n<ng-container [ngTemplateOutlet]=\"custom\" ngIf=\"_children.length\"></ng-container>\r\n\r\n<ng-template #custom>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{class}}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n viewBox=\"0 0 512 512\">\r\n <g style=\"isolation:isolate\">\r\n <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n <rect width=\"512\" height=\"512\" />\r\n <path\r\n d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\r\n style=\"fill:#fff;opacity:0.7\" />\r\n <path\r\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\r\n style=\"opacity:0.05\" />\r\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXAvatarComponent } from './avatar.component';\r\nimport { AXAvatarGroup } from './avatar-group.component';\r\n\r\nconst COMPONENT = [AXAvatarComponent, AXAvatarGroup];\r\nconst MODULES = [CommonModule];\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 AXAvatarModule {}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;MAMa,aAAa,CAAA;AACxB,IAAA,WAAA,GAAA,GAAgB;AAEhB,IAAA,QAAQ,MAAW;;0GAHR,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,uDAFd,8CAA8C,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;2FAE7C,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,CAA8C,4CAAA,CAAA;iBACzD,CAAA;;;ACQD;;;;AAIG;AASG,MAAO,iBAAkB,SAAQ,aAAa,CAAA;AAMlD;;AAEG;IACH,WAAY,CAAA,UAAsB,EAAE,GAAsB,EAAA;AACxD,QAAA,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;KACxB;IAED,eAAe,GAAA;QACb,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAK;AACpC,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;AAC3B,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,IACI,WAAW,GAAA;AACb,QAAA,OAAO,CAAM,GAAA,EAAA,IAAI,CAAC,KAAK,UAAU,CAAC;KACnC;;8GAtBU,iBAAiB,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;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,8QC1B9B,s5CAwBc,EAAA,MAAA,EAAA,CAAA,~~itEAAA~~,CAAA,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,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,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDED,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAGb,MAAA,EAAA,CAAC,OAAO,EAAE,MAAM,CAAC,EACV,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,s5CAAA,EAAA,MAAA,EAAA,CAAA,~~itEAAA~~,CAAA,EAAA,CAAA;iIAG/B,KAAK,EAAA,CAAA;sBAApB,KAAK;uBAAC,OAAO,CAAA;gBAGL,SAAS,EAAA,CAAA;sBADjB,eAAe;uBAAC,4BAA4B,CAAA;gBAiBzC,WAAW,EAAA,CAAA;sBADd,WAAW;uBAAC,OAAO,CAAA;;;AExCtB,MAAM,SAAS,GAAG,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;AACrD,MAAM,OAAO,GAAG,CAAC,YAAY,CAAC,CAAC;MAQlB,cAAc,CAAA;;2GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;4GAAd,cAAc,EAAA,YAAA,EAAA,CATR,iBAAiB,EAAE,aAAa,aAClC,YAAY,CAAA,EAAA,OAAA,EAAA,CADV,iBAAiB,EAAE,aAAa,CAAA,EAAA,CAAA,CAAA;AAStC,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAJZ,OAAO,CAAA,EAAA,CAAA,CAAA;2FAIT,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,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;;;ACbD;;AAEG;;;;"}
1	+ {"version":3,"file":"acorex-components-avatar.mjs","sources":["../../../../projects/acorex/components/avatar/src/avatar-group.component.ts","../../../../projects/acorex/components/avatar/src/avatar.component.ts","../../../../projects/acorex/components/avatar/src/avatar.component.html","../../../../projects/acorex/components/avatar/src/avatar.module.ts","../../../../projects/acorex/components/avatar/acorex-components-avatar.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-avatar-group',\r\n template: `<ng-content select=\"ax-avatar\"></ng-content>`,\r\n})\r\nexport class AXAvatarGroup implements OnInit {\r\n constructor() {}\r\n\r\n ngOnInit(): void {}\r\n}\r\n","import { AXAvatarMixin } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n HostBinding,\r\n ContentChildren,\r\n QueryList,\r\n Input,\r\n} from '@angular/core';\r\n\r\n/*\r\n The Button is a component which detects user interaction and triggers a corresponding event\r\n \r\n @category Components\r\n /\r\n@Component({\r\n selector: 'ax-avatar',\r\n templateUrl: './avatar.component.html',\r\n styleUrls: ['./avatar.component.scss'],\r\n inputs: ['color', 'look'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXAvatarComponent extends AXAvatarMixin {\r\n @Input('class') class: string;\r\n\r\n @ContentChildren('ax-text, ax-icon, ax-image')\r\n readonly _children: QueryList<any>;\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 ngAfterViewInit(): void {\r\n this._children.changes.subscribe(() => {\r\n this._cdr.markForCheck();\r\n });\r\n }\r\n\r\n @HostBinding('class')\r\n get __hostClass(): string {\r\n return `ax-${this.color}-default`;\r\n }\r\n}\r\n","<ng-container [ngTemplateOutlet]=\"default\" ngIf=\"!_children.length\"></ng-container>\r\n<ng-container [ngTemplateOutlet]=\"custom\" ngIf=\"_children.length\"></ng-container>\r\n\r\n<ng-template #custom>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n<ng-template #default>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{class}}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n viewBox=\"0 0 512 512\">\r\n <g style=\"isolation:isolate\">\r\n <g id=\"Layer_2\" data-name=\"Layer 2\">\r\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\r\n <rect width=\"512\" height=\"512\" />\r\n <path\r\n d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\r\n style=\"fill:#fff;opacity:0.7\" />\r\n <path\r\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\r\n style=\"opacity:0.05\" />\r\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill:#fff\" />\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXAvatarComponent } from './avatar.component';\r\nimport { AXAvatarGroup } from './avatar-group.component';\r\n\r\nconst COMPONENT = [AXAvatarComponent, AXAvatarGroup];\r\nconst MODULES = [CommonModule];\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 AXAvatarModule {}\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-badge.mjs CHANGED Viewed

@@ -16,10 +16,10 @@ class AXBadgeComponent extends AXBaseBadgeMixin {
     }
 }
 AXBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto;line-height:2;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\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: "15.1.4", ngImport: i0, type: AXBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto;line-height:2;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"] }]
+            args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
                 type: Input
             }], __hostClass: [{
@@ -50,4 +50,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
 export { AXBadgeComponent, AXBadgeModule, AXBaseBadgeMixin };
 //# sourceMappingURL=acorex-components-badge.mjs.map
-//# sourceMappingURL=acorex-components-badge.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../projects/acorex/components/badge/src/badge.component.ts","../../../../projects/acorex/components/badge/src/badge.component.html","../../../../projects/acorex/components/badge/src/badge.module.ts","../../../../projects/acorex/components/badge/acorex-components-badge.ts"],"sourcesContent":["import { _ColorLookComponentMixin, AXBaseComponent, COLOR_LOOK_INPUTS } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n HostBinding,\r\n} from '@angular/core';\r\n\r\n\r\nexport const AXBaseBadgeMixin = _ColorLookComponentMixin(AXBaseComponent);\r\n@Component({\r\n selector: 'ax-badge',\r\n templateUrl: './badge.component.html',\r\n styleUrls: ['./badge.component.scss'],\r\n inputs: ['color'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXBadgeComponent extends AXBaseBadgeMixin {\r\n @Input() text: string = '';\r\n\r\n constructor(private elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n return `ax-${this.color}-default ${!this.text ? 'ax-mini-badge' : ''} ${this.text.length == 1 ? 'ax-single-badge' : ''}`\r\n }\r\n}\r\n","<ng-content select=\"ax-prefix\"></ng-content>\r\n<span ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXBadgeComponent } from './badge.component';\r\n\r\nconst COMPONENT = [AXBadgeComponent];\r\nconst MODULES = [CommonModule];\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 AXBadgeModule {}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;MAYa,gBAAgB,GAAG,wBAAwB,CAAC,eAAe,EAAE;AASpE,MAAO,gBAAiB,SAAQ,gBAAgB,CAAA;IAGpD,WAAoB,CAAA,UAAsB,EAAE,GAAsB,EAAA;AAChE,QAAA,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;AADL,QAAA,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;AAFjC,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE,CAAC;KAI1B;AAED,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,CAAM,GAAA,EAAA,IAAI,CAAC,KAAK,YAAY,CAAC,IAAI,CAAC,IAAI,GAAG,eAAe,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,iBAAiB,GAAG,EAAE,EAAE,CAAA;KACzH;;6GAVU,gBAAgB,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;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,wKCrB7B,kKAE4C,EAAA,MAAA,EAAA,CAAA,~~giCAAA,~~CAAA,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,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDmB/B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;+BACE,UAAU,EAAA,MAAA,EAGZ,CAAC,OAAO,CAAC,EAAA,aAAA,EACF,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kKAAA,EAAA,MAAA,EAAA,CAAA,~~giCAAA,~~CAAA,EAAA,CAAA;iIAGtC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAOM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;AExBtB,MAAM,SAAS,GAAG,CAAC,gBAAgB,CAAC,CAAC;AACrC,MAAM,OAAO,GAAG,CAAC,YAAY,CAAC,CAAC;MAQlB,aAAa,CAAA;;0GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EATP,YAAA,EAAA,CAAA,gBAAgB,CAClB,EAAA,OAAA,EAAA,CAAA,YAAY,aADV,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAStB,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJX,OAAO,CAAA,EAAA,CAAA,CAAA;2FAIT,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,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;;;ACZD;;AAEG;;;;"}
1	+ {"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../projects/acorex/components/badge/src/badge.component.ts","../../../../projects/acorex/components/badge/src/badge.component.html","../../../../projects/acorex/components/badge/src/badge.module.ts","../../../../projects/acorex/components/badge/acorex-components-badge.ts"],"sourcesContent":["import { _ColorLookComponentMixin, AXBaseComponent, COLOR_LOOK_INPUTS } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n HostBinding,\r\n} from '@angular/core';\r\n\r\n\r\nexport const AXBaseBadgeMixin = _ColorLookComponentMixin(AXBaseComponent);\r\n@Component({\r\n selector: 'ax-badge',\r\n templateUrl: './badge.component.html',\r\n styleUrls: ['./badge.component.scss'],\r\n inputs: ['color'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXBadgeComponent extends AXBaseBadgeMixin {\r\n @Input() text: string = '';\r\n\r\n constructor(private elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n return `ax-${this.color}-default ${!this.text ? 'ax-mini-badge' : ''} ${this.text.length == 1 ? 'ax-single-badge' : ''}`\r\n }\r\n}\r\n","<ng-content select=\"ax-prefix\"></ng-content>\r\n<span ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXBadgeComponent } from './badge.component';\r\n\r\nconst COMPONENT = [AXBadgeComponent];\r\nconst MODULES = [CommonModule];\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 AXBadgeModule {}\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-breadcrumbs.mjs CHANGED Viewed

@@ -13,10 +13,10 @@ class AXBreadCrumbsComponent extends AXBaseComponent {
     }
 }
 AXBreadCrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBreadCrumbsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXBreadCrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n    <ng-template #default>\r\n        <div class=\"ax-breadcrumb-divider\">/</div>\r\n    </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgb(var(--ax-color-primary))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.5rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXBreadCrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n    <ng-template #default>\r\n        <div class=\"ax-breadcrumb-divider\">/</div>\r\n    </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.75rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;color:rgba(var(--ax-color-ghost),.6)}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgb(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .25rem}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .25rem}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.25rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n    <ng-template #default>\r\n        <div class=\"ax-breadcrumb-divider\">/</div>\r\n    </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgb(var(--ax-color-primary))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.5rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.5rem}\n"] }]
+            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n    <ng-template #default>\r\n        <div class=\"ax-breadcrumb-divider\">/</div>\r\n    </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.75rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;color:rgba(var(--ax-color-ghost),.6)}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgb(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .25rem}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .25rem}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.25rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.25rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _divider: [{
                 type: ContentChild,
                 args: ['divider']
@@ -86,4 +86,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
 export { AXBaseItemBreadCrumbMixin, AXBreadCrumbsComponent, AXBreadCrumbsItemComponent, AXBreadcrumbsModule };
 //# sourceMappingURL=acorex-components-breadcrumbs.mjs.map
-//# sourceMappingURL=acorex-components-breadcrumbs.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.component.ts","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.component.html","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs-item.component.ts","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs-item.component.html","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.module.ts","../../../../projects/acorex/components/breadcrumbs/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ContentChild,\r\n ElementRef,\r\n TemplateRef,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-breadcrumbs',\r\n templateUrl: './breadcrumbs.component.html',\r\n styleUrls:['./breadcrumbs.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXBreadCrumbsComponent extends AXBaseComponent {\r\n @ContentChild('divider')\r\n _divider: TemplateRef<any>;\r\n\r\n @ViewChild('dividerTpl')\r\n dividerTemplate: TemplateRef<any>;\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","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>","import { _InteractiveComponenetMixin, _ClickableComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n HostBinding,\r\n HostListener,\r\n Inject,\r\n Input,\r\n Optional,\r\n} from '@angular/core';\r\n\r\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\r\n\r\nexport const AXBaseItemBreadCrumbMixin = _InteractiveComponenetMixin(\r\n _ClickableComponenetMixin(AXBaseComponent)\r\n);\r\n@Component({\r\n selector: 'ax-breadcrumbs-item',\r\n templateUrl: './breadcrumbs-item.component.html',\r\n})\r\nexport class AXBreadCrumbsItemComponent extends AXBaseItemBreadCrumbMixin {\r\n @Input() text: string;\r\n\r\n @Input() active: boolean;\r\n\r\n /\r\n @ignore\r\n /\r\n constructor(\r\n _elementRef: ElementRef,\r\n _cdr: ChangeDetectorRef,\r\n @Optional()\r\n @Inject(AXBreadCrumbsComponent)\r\n public _parent: AXBreadCrumbsComponent\r\n ) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n private __hostClick(e: MouseEvent) {\r\n this._emitOnClickEvent(e);\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n return `${this.active ? 'ax-state-active' : ''}`\r\n }\r\n}\r\n","<ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n</ng-content>\r\n<span class=\"ax-breadcrumbs-item-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix, ax-loading, ax-icon\">\r\n</ng-content>\r\n<div class=\"ax-breadcrumb-divider\">\r\n <ng-container ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\r\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\r\n\r\n@NgModule({\r\n declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\r\n imports: [CommonModule],\r\n exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\r\n providers: [],\r\n})\r\nexport class AXBreadcrumbsModule {}\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;AAmBM,MAAO,sBAAuB,SAAQ,eAAe,CAAA;AAMzD;;AAEG;IACH,WAAY,CAAA,WAAuB,EAAE,IAAuB,EAAA;AAC1D,QAAA,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;KAC1B;;mHAXU,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;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,6RCnBnC,qYAOc,EAAA,MAAA,EAAA,CAAA,~~0zBAAA~~,CAAA,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,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,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDYD,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,iBAGX,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,qYAAA,EAAA,MAAA,EAAA,CAAA,~~0zBAAA~~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"}
1	+ {"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.component.ts","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.component.html","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs-item.component.ts","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs-item.component.html","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.module.ts","../../../../projects/acorex/components/breadcrumbs/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ContentChild,\r\n ElementRef,\r\n TemplateRef,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-breadcrumbs',\r\n templateUrl: './breadcrumbs.component.html',\r\n styleUrls:['./breadcrumbs.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXBreadCrumbsComponent extends AXBaseComponent {\r\n @ContentChild('divider')\r\n _divider: TemplateRef<any>;\r\n\r\n @ViewChild('dividerTpl')\r\n dividerTemplate: TemplateRef<any>;\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","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>","import { _InteractiveComponenetMixin, _ClickableComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n HostBinding,\r\n HostListener,\r\n Inject,\r\n Input,\r\n Optional,\r\n} from '@angular/core';\r\n\r\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\r\n\r\nexport const AXBaseItemBreadCrumbMixin = _InteractiveComponenetMixin(\r\n _ClickableComponenetMixin(AXBaseComponent)\r\n);\r\n@Component({\r\n selector: 'ax-breadcrumbs-item',\r\n templateUrl: './breadcrumbs-item.component.html',\r\n})\r\nexport class AXBreadCrumbsItemComponent extends AXBaseItemBreadCrumbMixin {\r\n @Input() text: string;\r\n\r\n @Input() active: boolean;\r\n\r\n /\r\n @ignore\r\n /\r\n constructor(\r\n _elementRef: ElementRef,\r\n _cdr: ChangeDetectorRef,\r\n @Optional()\r\n @Inject(AXBreadCrumbsComponent)\r\n public _parent: AXBreadCrumbsComponent\r\n ) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n private __hostClick(e: MouseEvent) {\r\n this._emitOnClickEvent(e);\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n return `${this.active ? 'ax-state-active' : ''}`\r\n }\r\n}\r\n","<ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n</ng-content>\r\n<span class=\"ax-breadcrumbs-item-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix, ax-loading, ax-icon\">\r\n</ng-content>\r\n<div class=\"ax-breadcrumb-divider\">\r\n <ng-container ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\r\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\r\n\r\n@NgModule({\r\n declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\r\n imports: [CommonModule],\r\n exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\r\n providers: [],\r\n})\r\nexport class AXBreadcrumbsModule {}\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}