@acorex/components 6.5.70 → 6.5.90

package/esm2022/lib/selection-list/selection-list.component.mjs

@@ -0,0 +1,113 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { AXValidatableComponent, } from '../base/element.class';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../checkbox/checkbox.component";
+export class AXSelectionListComponent extends AXValidatableComponent {
+    cdr;
+    _selectedItems = [];
+    readonly;
+    value;
+    disabled;
+    size = 'md';
+    direction = 'horizontal';
+    items = [];
+    mode = 'single';
+    textField = 'text';
+    valueField = 'value';
+    selectionChanged = new EventEmitter();
+    selectedItemsChange = new EventEmitter();
+    get selectedItems() {
+        return this._selectedItems || [];
+    }
+    set selectedItems(v) {
+        this._selectedItems = v;
+        this.selectedItemsChange.emit(this.selectedItems);
+        this.cdr.detectChanges();
+    }
+    selectedValuesChange = new EventEmitter();
+    get selectedValues() {
+        return this._selectedItems.map((c) => c[this.valueField]) || [];
+    }
+    set selectedValues(v) {
+        const old = this.selectedValues;
+        if (v == null) {
+            v = [];
+        }
+        if (JSON.stringify(old) != JSON.stringify(v)) {
+            this.selectedItems = this.items.filter((c) => v.includes(c[this.valueField]));
+            this.selectedValuesChange.emit(this.selectedValues);
+        }
+    }
+    ngAfterViewInit() {
+        this.cdr.detectChanges();
+    }
+    constructor(cdr) {
+        super();
+        this.cdr = cdr;
+    }
+    onCheckValueChange(value, checked) {
+        if (!this.disabled) {
+            if (this.mode === 'single') {
+                this.selectedValues = [value];
+            }
+            else {
+                if (checked) {
+                    if (!this.selectedValues.includes(value)) {
+                        this.selectedValues = [...this.selectedValues, ...[value]];
+                    }
+                }
+                else {
+                    this.selectedValues = this.selectedValues.filter((c) => c !== value);
+                }
+            }
+        }
+    }
+    focus() { }
+    onvalueChanged(e) {
+        if (!this.disabled) {
+            this.selectedItemsChange.emit([e]);
+        }
+    }
+    checkBoxClick(e, data) {
+        this.selectionChanged.emit({
+            valueField: data[this.valueField],
+            value: e.value,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXSelectionListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: { readonly: "readonly", value: "value", disabled: "disabled", size: "size", direction: "direction", items: "items", mode: "mode", textField: "textField", valueField: "valueField", selectedItems: "selectedItems", selectedValues: "selectedValues" }, outputs: { selectionChanged: "selectionChanged", selectedItemsChange: "selectedItemsChange", selectedValuesChange: "selectedValuesChange" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\" mode == 'multiple'; then checkboxList; else radioButtonList\"></ng-container>\r\n<ng-template #checkboxList>\r\n    <div class=\"ax selection-list {{size}}\" [ngClass]=\"direction\">\r\n        <ax-check-box label=\"{{item[textField]}}\" *ngFor=\"let item of items\" [disabled]=\"item.disable || disabled\"\r\n            [readonly]=\"item.readonly || readonly\" [value]=\"selectedValues.indexOf(item[valueField])>-1\"\r\n            (onValueChanged)=\"onCheckValueChange(item[valueField],$event.value)\" (onClick)=\"checkBoxClick($event,item)\">\r\n        </ax-check-box>\r\n    </div>\r\n</ng-template>\r\n<ng-template #radioButtonList>\r\n    <div class=\"ax selection-list {{size}}\" [ngClass]=\"direction\">\r\n        <label class=\"ax radio\" for=\"{{uid}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\r\n            *ngFor=\"let item of items\" (click)=\"onvalueChanged(item)\">\r\n            {{ item[textField] }}\r\n            <input type=\"radio\" (change)=\"onCheckValueChange(item[valueField],true)\" [value]=\"item[valueField]\"\r\n                [checked]=\"selectedValues==item[valueField]\" [name]=\"uid\" [disabled]=\"item.disable || disabled\"\r\n                [readonly]=\"item.readonly || readonly\" />\r\n            <span class=\"checkmark\"></span>\r\n        </label>\r\n    </div>\r\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXSelectionListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-selection-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\" mode == 'multiple'; then checkboxList; else radioButtonList\"></ng-container>\r\n<ng-template #checkboxList>\r\n    <div class=\"ax selection-list {{size}}\" [ngClass]=\"direction\">\r\n        <ax-check-box label=\"{{item[textField]}}\" *ngFor=\"let item of items\" [disabled]=\"item.disable || disabled\"\r\n            [readonly]=\"item.readonly || readonly\" [value]=\"selectedValues.indexOf(item[valueField])>-1\"\r\n            (onValueChanged)=\"onCheckValueChange(item[valueField],$event.value)\" (onClick)=\"checkBoxClick($event,item)\">\r\n        </ax-check-box>\r\n    </div>\r\n</ng-template>\r\n<ng-template #radioButtonList>\r\n    <div class=\"ax selection-list {{size}}\" [ngClass]=\"direction\">\r\n        <label class=\"ax radio\" for=\"{{uid}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\r\n            *ngFor=\"let item of items\" (click)=\"onvalueChanged(item)\">\r\n            {{ item[textField] }}\r\n            <input type=\"radio\" (change)=\"onCheckValueChange(item[valueField],true)\" [value]=\"item[valueField]\"\r\n                [checked]=\"selectedValues==item[valueField]\" [name]=\"uid\" [disabled]=\"item.disable || disabled\"\r\n                [readonly]=\"item.readonly || readonly\" />\r\n            <span class=\"checkmark\"></span>\r\n        </label>\r\n    </div>\r\n</ng-template>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { readonly: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], textField: [{
+                type: Input
+            }], valueField: [{
+                type: Input
+            }], selectionChanged: [{
+                type: Output
+            }], selectedItemsChange: [{
+                type: Output
+            }], selectedItems: [{
+                type: Input
+            }], selectedValuesChange: [{
+                type: Output
+            }], selectedValues: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvc2VsZWN0aW9uLWxpc3Qvc2VsZWN0aW9uLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvc2VsZWN0aW9uLWxpc3Qvc2VsZWN0aW9uLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBSUwsc0JBQXNCLEdBQ3ZCLE1BQU0sdUJBQXVCLENBQUM7Ozs7QUFRL0IsTUFBTSxPQUFPLHdCQUNYLFNBQVEsc0JBQXNCO0lBd0VWO0lBckVaLGNBQWMsR0FBVSxFQUFFLENBQUM7SUFHbkMsUUFBUSxDQUFVO0lBR2xCLEtBQUssQ0FBVTtJQUdmLFFBQVEsQ0FBVTtJQUdsQixJQUFJLEdBQWtCLElBQUksQ0FBQztJQUczQixTQUFTLEdBQVcsWUFBWSxDQUFDO0lBR2pDLEtBQUssR0FBMkIsRUFBRSxDQUFDO0lBR25DLElBQUksR0FBVyxRQUFRLENBQUM7SUFHeEIsU0FBUyxHQUFXLE1BQU0sQ0FBQztJQUczQixVQUFVLEdBQVcsT0FBTyxDQUFDO0lBRzdCLGdCQUFnQixHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO0lBRzlELG1CQUFtQixHQUF3QixJQUFJLFlBQVksRUFBUyxDQUFDO0lBRXJFLElBQ1csYUFBYTtRQUN0QixPQUFPLElBQUksQ0FBQyxjQUFjLElBQUksRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFDRCxJQUFXLGFBQWEsQ0FBQyxDQUFRO1FBQy9CLElBQUksQ0FBQyxjQUFjLEdB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QkFDcEIsdUJBQXVCLENBQUMsTUFBTTt3R0FTL0MsUUFBUTtzQkFEUCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sZ0JBQWdCO3NCQURmLE1BQU07Z0JBSVAsbUJBQW1CO3NCQURsQixNQUFNO2dCQUlJLGFBQWE7c0JBRHZCLEtBQUs7Z0JBV04sb0JBQW9CO3NCQURuQixNQUFNO2dCQUlJLGNBQWM7c0JBRHhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFNlbGVjdGlvbkxpc3QgfSBmcm9tICdAYWNvcmV4L2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIEFYQmFzZUNvbXBvbmVudCxcclxuICBBWEJhc2VTaXphYmxlQ29tcG9uZW50LFxyXG4gIEFYRWxlbWVudFNpemUsXHJcbiAgQVhWYWxpZGF0YWJsZUNvbXBvbmVudCxcclxufSBmcm9tICcuLi9iYXNlL2VsZW1lbnQuY2xhc3MnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdheC1zZWxlY3Rpb24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdGlvbi1saXN0LmNvbXBvbmVudC5odG1sJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhTZWxlY3Rpb25MaXN0Q29tcG9uZW50XHJcbiAgZXh0ZW5kcyBBWFZhbGlkYXRhYmxlQ29tcG9uZW50XHJcbiAgaW1wbGVtZW50cyBBWEJhc2VTaXphYmxlQ29tcG9uZW50LCBBWEJhc2VDb21wb25lbnRcclxue1xyXG4gIHByaXZhdGUgX3NlbGVjdGVkSXRlbXM6IGFueVtdID0gW107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcmVhZG9ubHk6IGJvb2xlYW47XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgdmFsdWU6IGJvb2xlYW47XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZGlzYWJsZWQ6IGJvb2xlYW47XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgc2l6ZTogQVhFbGVtZW50U2l6ZSA9ICdtZCc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZGlyZWN0aW9uOiBzdHJpbmcgPSAnaG9yaXpvbnRhbCc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaXRlbXM6IEFycmF5PEFYU2VsZWN0aW9uTGlzdD4gPSBbXTtcclxuXHJcbiAgQElucHV0KClcclxuICBtb2RlOiBzdHJpbmcgPSAnc2luZ2xlJztcclxuXHJcbiAgQElucHV0KClcclxuICB0ZXh0RmllbGQ6IHN0cmluZyA9ICd0ZXh0JztcclxuXHJcbiAgQElucHV0KClcclxuICB2YWx1ZUZpZWxkOiBzdHJpbmcgPSAndmFsdWUnO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBzZWxlY3Rpb25DaGFuZ2VkOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBzZWxlY3RlZEl0ZW1zQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55W10+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnlbXT4oKTtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZ2V0IHNlbGVjdGVkSXRlbXMoKTogYW55W10ge1xyXG4gICAgcmV0dXJuIHRoaXMuX3NlbGVjdGVkSXRlbXMgfHwgW107XHJcbiAgfVxyXG4gIHB1YmxpYyBzZXQgc2VsZWN0ZWRJdGVtcyh2OiBhbnlbXSkge1xyXG4gICAgdGhpcy5fc2VsZWN0ZWRJdGVtcyA9IHY7XHJcbiAgICB0aGlzLnNlbGVjdGVkSXRlbXNDaGFuZ2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXMpO1xyXG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgc2VsZWN0ZWRWYWx1ZXNDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnlbXT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueVtdPigpO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBnZXQgc2VsZWN0ZWRWYWx1ZXMoKTogYW55W10ge1xyXG4gICAgcmV0dXJuIHRoaXMuX3NlbGVjdGVkSXRlbXMubWFwKChjKSA9PiBjW3RoaXMudmFsdWVGaWVsZF0pIHx8IFtdO1xyXG4gIH1cclxuICBwdWJsaWMgc2V0IHNlbGVjdGVkVmFsdWVzKHY6IGFueVtdKSB7XHJcbiAgICBjb25zdCBvbGQgPSB0aGlzLnNlbGVjdGVkVmFsdWVzO1xyXG4gICAgaWYgKHYgPT0gbnVsbCkge1xyXG4gICAgICB2ID0gW107XHJcbiAgICB9XHJcbiAgICBpZiAoSlNPTi5zdHJpbmdpZnkob2xkKSAhPSBKU09OLnN0cmluZ2lmeSh2KSkge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbXMgPSB0aGlzLml0ZW1zLmZpbHRlcigoYykgPT5cclxuICAgICAgICB2LmluY2x1ZGVzKGNbdGhpcy52YWx1ZUZpZWxkXSlcclxuICAgICAgKTtcclxuICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlc0NoYW5nZS5lbWl0KHRoaXMuc2VsZWN0ZWRWYWx1ZXMpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcbiAgb25DaGVja1ZhbHVlQ2hhbmdlKHZhbHVlOiBhbnksIGNoZWNrZWQ6IGJvb2xlYW4pIHtcclxuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICBpZiAodGhpcy5tb2RlID09PSAnc2luZ2xlJykge1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZXMgPSBbdmFsdWVdO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIGlmIChjaGVja2VkKSB7XHJcbiAgICAgICAgICBpZiAoIXRoaXMuc2VsZWN0ZWRWYWx1ZXMuaW5jbHVkZXModmFsdWUpKSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZXMgPSBbLi4udGhpcy5zZWxlY3RlZFZhbHVlcywgLi4uW3ZhbHVlXV07XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZXMgPSB0aGlzLnNlbGVjdGVkVmFsdWVzLmZpbHRlcigoYykgPT4gYyAhPT0gdmFsdWUpO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuICBmb2N1cygpOiB2b2lkIHt9XHJcblxyXG4gIG9udmFsdWVDaGFuZ2VkKGUpIHtcclxuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbXNDaGFuZ2UuZW1pdChbZV0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY2hlY2tCb3hDbGljayhlLCBkYXRhKSB7XHJcbiAgICB0aGlzLnNlbGVjdGlvbkNoYW5nZWQuZW1pdCh7XHJcbiAgICAgIHZhbHVlRmllbGQ6IGRhdGFbdGhpcy52YWx1ZUZpZWxkXSxcclxuICAgICAgdmFsdWU6IGUudmFsdWUsXHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIiBtb2RlID09ICdtdWx0aXBsZSc7IHRoZW4gY2hlY2tib3hMaXN0OyBlbHNlIHJhZGlvQnV0dG9uTGlzdFwiPjwvbmctY29udGFpbmVyPlxyXG48bmctdGVtcGxhdGUgI2NoZWNrYm94TGlzdD5cclxuICAgIDxkaXYgY2xhc3M9XCJheCBzZWxlY3Rpb24tbGlzdCB7e3NpemV9fVwiIFtuZ0NsYXNzXT1cImRpcmVjdGlvblwiPlxyXG4gICAgICAgIDxheC1jaGVjay1ib3ggbGFiZWw9XCJ7e2l0ZW1bdGV4dEZpZWxkXX19XCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIiBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlIHx8IGRpc2FibGVkXCJcclxuICAgICAgICAgICAgW3JlYWRvbmx5XT1cIml0ZW0ucmVhZG9ubHkgfHwgcmVhZG9ubHlcIiBbdmFsdWVdPVwic2VsZWN0ZWRWYWx1ZXMuaW5kZXhPZihpdGVtW3ZhbHVlRmllbGRdKT4tMVwiXHJcbiAgICAgICAgICAgIChvblZhbHVlQ2hhbmdlZCk9XCJvbkNoZWNrVmFsdWVDaGFuZ2UoaXRlbVt2YWx1ZUZpZWxkXSwkZXZlbnQudmFsdWUpXCIgKG9uQ2xpY2spPVwiY2hlY2tCb3hDbGljaygkZXZlbnQsaXRlbSlcIj5cclxuICAgICAgICA8L2F4LWNoZWNrLWJveD5cclxuICAgIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPlxyXG48bmctdGVtcGxhdGUgI3JhZGlvQnV0dG9uTGlzdD5cclxuICAgIDxkaXYgY2xhc3M9XCJheCBzZWxlY3Rpb24tbGlzdCB7e3NpemV9fVwiIFtuZ0NsYXNzXT1cImRpcmVjdGlvblwiPlxyXG4gICAgICAgIDxsYWJlbCBjbGFzcz1cImF4IHJhZGlvXCIgZm9yPVwie3t1aWR9fVwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtjbGFzcy5yZWFkb25seV09XCJyZWFkb25seVwiXHJcbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgKGNsaWNrKT1cIm9udmFsdWVDaGFuZ2VkKGl0ZW0pXCI+XHJcbiAgICAgICAgICAgIHt7IGl0ZW1bdGV4dEZpZWxkXSB9fVxyXG4gICAgICAgICAgICA8aW5wdXQgdHlwZT1cInJhZGlvXCIgKGNoYW5nZSk9XCJvbkNoZWNrVmFsdWVDaGFuZ2UoaXRlbVt2YWx1ZUZpZWxkXSx0cnVlKVwiIFt2YWx1ZV09XCJpdGVtW3ZhbHVlRmllbGRdXCJcclxuICAgICAgICAgICAgICAgIFtjaGVja2VkXT1cInNlbGVjdGVkVmFsdWVzPT1pdGVtW3ZhbHVlRmllbGRdXCIgW25hbWVdPVwidWlkXCIgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZSB8fCBkaXNhYmxlZFwiXHJcbiAgICAgICAgICAgICAgICBbcmVhZG9ubHldPVwiaXRlbS5yZWFkb25seSB8fCByZWFkb25seVwiIC8+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2hlY2ttYXJrXCI+PC9zcGFuPlxyXG4gICAgICAgIDwvbGFiZWw+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=

package/esm2022/lib/selection-list/selection-list.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AXSelectionListComponent } from './selection-list.component';
+import { AXCheckBoxModule } from '../checkbox/checkbox.module';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+export class AXSelectionListModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXSelectionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: AXSelectionListModule, declarations: [AXSelectionListComponent], imports: [CommonModule, FormsModule, AXCheckBoxModule], exports: [AXSelectionListComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXSelectionListModule, imports: [CommonModule, FormsModule, AXCheckBoxModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXSelectionListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXSelectionListComponent],
+                    imports: [CommonModule, FormsModule, AXCheckBoxModule],
+                    exports: [AXSelectionListComponent],
+                    providers: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWxpc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvc2VsZWN0aW9uLWxpc3Qvc2VsZWN0aW9uLWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFRN0MsTUFBTSxPQUFPLHFCQUFxQjt1R0FBckIscUJBQXFCO3dHQUFyQixxQkFBcUIsaUJBTGpCLHdCQUF3QixhQUM3QixZQUFZLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixhQUMzQyx3QkFBd0I7d0dBR3ZCLHFCQUFxQixZQUp0QixZQUFZLEVBQUUsV0FBVyxFQUFFLGdCQUFnQjs7MkZBSTFDLHFCQUFxQjtrQkFOakMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztvQkFDeEMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsQ0FBQztvQkFDdEQsT0FBTyxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ25DLFNBQVMsRUFBRSxFQUFFO2lCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQVhTZWxlY3Rpb25MaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3Rpb24tbGlzdC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBWENoZWNrQm94TW9kdWxlIH0gZnJvbSAnLi4vY2hlY2tib3gvY2hlY2tib3gubW9kdWxlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW0FYU2VsZWN0aW9uTGlzdENvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIEFYQ2hlY2tCb3hNb2R1bGVdLFxyXG4gIGV4cG9ydHM6IFtBWFNlbGVjdGlvbkxpc3RDb21wb25lbnRdLFxyXG4gIHByb3ZpZGVyczogW11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFYU2VsZWN0aW9uTGlzdE1vZHVsZSB7IH1cclxuIl19

package/esm2022/lib/switch/switch.component.mjs

@@ -0,0 +1,55 @@
+import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ViewEncapsulation, Output, Input, EventEmitter } from '@angular/core';
+import { AXBaseComponent } from '../base/element.class';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class AXSwitchComponent extends AXBaseComponent {
+    cdr;
+    onValueChanged = new EventEmitter();
+    valueChange = new EventEmitter();
+    tabIndex = 0;
+    _value;
+    get value() {
+        return this._value;
+    }
+    set value(v) {
+        if (this._value !== v) {
+            const oldValue = this._value;
+            this._value = v;
+            this.valueChange.emit(v);
+            this.onValueChanged.emit({
+                component: this,
+                oldValue,
+                value: v
+            });
+        }
+    }
+    readonly;
+    disabled;
+    size = 'md';
+    constructor(cdr) {
+        super();
+        this.cdr = cdr;
+    }
+    focus() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXSwitchComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: AXSwitchComponent, selector: "ax-switch", inputs: { tabIndex: "tabIndex", value: "value", readonly: "readonly", disabled: "disabled", size: "size" }, outputs: { onValueChanged: "onValueChanged", valueChange: "valueChange" }, usesInheritance: true, ngImport: i0, template: "<label class=\"ax ax-switch\" >\r\n    <input type=\"checkbox\" [(ngModel)]=\"value\"  [ngModelOptions]=\"{standalone: true}\" [attr.tabindex]=\"tabIndex\">\r\n    <span class=\"slider round\"></span>\r\n</label>", styles: [".ax.ax-switch{position:relative;display:inline-block;width:46px;height:25px;margin:5px}.ax.ax-switch>input{opacity:0;width:0;height:0}.ax.ax-switch>input:checked+.slider{background-color:var(--ax-primary-color)}.ax.ax-switch>input:checked+.slider:before{transform:translate(21px)}.ax.ax-switch:focus-within .slider{outline:1px solid var(--ax-primary-color)}.ax.ax-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.2s}.ax.ax-switch .slider:before{content:\"\";position:absolute;height:21px;width:21px;left:2px;bottom:2px;background-color:#fff;transition:.2s}.ax.ax-switch .slider.round{border-radius:25px}.ax.ax-switch .slider.round:before{border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXSwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-switch', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"ax ax-switch\" >\r\n    <input type=\"checkbox\" [(ngModel)]=\"value\"  [ngModelOptions]=\"{standalone: true}\" [attr.tabindex]=\"tabIndex\">\r\n    <span class=\"slider round\"></span>\r\n</label>", styles: [".ax.ax-switch{position:relative;display:inline-block;width:46px;height:25px;margin:5px}.ax.ax-switch>input{opacity:0;width:0;height:0}.ax.ax-switch>input:checked+.slider{background-color:var(--ax-primary-color)}.ax.ax-switch>input:checked+.slider:before{transform:translate(21px)}.ax.ax-switch:focus-within .slider{outline:1px solid var(--ax-primary-color)}.ax.ax-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.2s}.ax.ax-switch .slider:before{content:\"\";position:absolute;height:21px;width:21px;left:2px;bottom:2px;background-color:#fff;transition:.2s}.ax.ax-switch .slider.round{border-radius:25px}.ax.ax-switch .slider.round:before{border-radius:50%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { onValueChanged: [{
+                type: Output
+            }], valueChange: [{
+                type: Output
+            }], tabIndex: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3N3aXRjaC9zd2l0Y2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvc3dpdGNoL3N3aXRjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RJLE9BQU8sRUFBRSxlQUFlLEVBQStELE1BQU0sdUJBQXVCLENBQUM7OztBQVVySCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsZUFBZTtJQXdDOUI7SUFwQ3RCLGNBQWMsR0FBd0MsSUFBSSxZQUFZLEVBQXlCLENBQUM7SUFHaEcsV0FBVyxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO0lBR2pFLFFBQVEsR0FBVyxDQUFDLENBQUM7SUFFYixNQUFNLENBQVU7SUFDeEIsSUFDVyxLQUFLO1FBQ2QsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFDRCxJQUFXLEtBQUssQ0FBQyxDQUFVO1FBQ3pCLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7WUFDckIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztZQUM3QixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztZQUNoQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN6QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQztnQkFDdkIsU0FBUyxFQUFFLElBQUk7Z0JBQ2YsUUFBUTtnQkFDUixLQUFLLEVBQUUsQ0FBQzthQUNULENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUlELFFBQVEsQ0FBVTtJQUdsQixRQUFRLENBQVU7SUFHbEIsSUFBSSxHQUFrQixJQUFJLENBQUM7SUFFM0IsWUFBc0IsR0FBc0I7UUFDMUMsS0FBSyxFQUFFLENBQUM7UUFEWSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtJQUU1QyxDQUFDO0lBRUQsS0FBSyxLQUFXLENBQUM7dUdBNUNOLGlCQUFpQjsyRkFBakIsaUJBQWlCLCtQQ1g5QixzTkFHUTs7MkZEUUssaUJBQWlCO2tCQVA3QixTQUFTOytCQUNFLFdBQVcsaUJBR04saUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTt3R0FNL0MsY0FBYztzQkFEYixNQUFNO2dCQUlQLFdBQVc7c0JBRFYsTUFBTTtnQkFJUCxRQUFRO3NCQURQLEtBQUs7Z0JBS0ssS0FBSztzQkFEZixLQUFLO2dCQW1CTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgT3V0cHV0LCBJbnB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFYQmFzZUNvbXBvbmVudCwgQVhCYXNlU2l6YWJsZUNvbXBvbmVudCwgQVhCYXNlVmFsdWVDb21wb25lbnQsIEFYRWxlbWVudFNpemUgfSBmcm9tICcuLi9iYXNlL2VsZW1lbnQuY2xhc3MnO1xyXG5pbXBvcnQgeyBBWFZhbHVlRXZlbnQgfSBmcm9tICcuLi9iYXNlL2V2ZW50cy5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LXN3aXRjaCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3N3aXRjaC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3dpdGNoLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYU3dpdGNoQ29tcG9uZW50IGV4dGVuZHMgQVhCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgQVhCYXNlU2l6YWJsZUNvbXBvbmVudCwgQVhCYXNlVmFsdWVDb21wb25lbnQ8Ym9vbGVhbj4ge1xyXG5cclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgb25WYWx1ZUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxBWFZhbHVlRXZlbnQ8Ym9vbGVhbj4+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWFZhbHVlRXZlbnQ8Ym9vbGVhbj4+KCk7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHZhbHVlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgdGFiSW5kZXg6IG51bWJlciA9IDA7XHJcblxyXG4gIHByaXZhdGUgX3ZhbHVlOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGdldCB2YWx1ZSgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl92YWx1ZTtcclxuICB9XHJcbiAgcHVibGljIHNldCB2YWx1ZSh2OiBib29sZWFuKSB7XHJcbiAgICBpZiAodGhpcy5fdmFsdWUgIT09IHYpIHtcclxuICAgICAgY29uc3Qgb2xkVmFsdWUgPSB0aGlzLl92YWx1ZTtcclxuICAgICAgdGhpcy5fdmFsdWUgPSB2O1xyXG4gICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodik7XHJcbiAgICAgIHRoaXMub25WYWx1ZUNoYW5nZWQuZW1pdCh7XHJcbiAgICAgICAgY29tcG9uZW50OiB0aGlzLFxyXG4gICAgICAgIG9sZFZhbHVlLFxyXG4gICAgICAgIHZhbHVlOiB2XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcmVhZG9ubHk6IGJvb2xlYW47XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZGlzYWJsZWQ6IGJvb2xlYW47XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgc2l6ZTogQVhFbGVtZW50U2l6ZSA9ICdtZCc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcbiAgZm9jdXMoKTogdm9pZCB7IH1cclxufVxyXG4iLCI8bGFiZWwgY2xhc3M9XCJheCBheC1zd2l0Y2hcIiA+XHJcbiAgICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiICBbbmdNb2RlbE9wdGlvbnNdPVwie3N0YW5kYWxvbmU6IHRydWV9XCIgW2F0dHIudGFiaW5kZXhdPVwidGFiSW5kZXhcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwic2xpZGVyIHJvdW5kXCI+PC9zcGFuPlxyXG48L2xhYmVsPiJdfQ==

package/esm2022/lib/switch/switch.module.mjs

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { AXSwitchComponent } from './switch.component';
+import * as i0 from "@angular/core";
+export class AXSwitchModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: AXSwitchModule, declarations: [AXSwitchComponent], imports: [CommonModule, FormsModule], exports: [AXSwitchComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXSwitchModule, imports: [CommonModule, FormsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXSwitchModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXSwitchComponent],
+                    imports: [CommonModule, FormsModule],
+                    exports: [AXSwitchComponent],
+                    providers: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3N3aXRjaC9zd2l0Y2gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFRdkQsTUFBTSxPQUFPLGNBQWM7dUdBQWQsY0FBYzt3R0FBZCxjQUFjLGlCQUxSLGlCQUFpQixhQUN0QixZQUFZLEVBQUUsV0FBVyxhQUN6QixpQkFBaUI7d0dBR2xCLGNBQWMsWUFKYixZQUFZLEVBQUUsV0FBVzs7MkZBSTFCLGNBQWM7a0JBTjFCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsaUJBQWlCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7b0JBQ3BDLE9BQU8sRUFBRSxDQUFDLGlCQUFpQixDQUFDO29CQUM1QixTQUFTLEVBQUUsRUFBRTtpQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgQVhTd2l0Y2hDb21wb25lbnQgfSBmcm9tICcuL3N3aXRjaC5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICAgIGRlY2xhcmF0aW9uczogW0FYU3dpdGNoQ29tcG9uZW50XSxcclxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1zTW9kdWxlXSxcclxuICAgIGV4cG9ydHM6IFtBWFN3aXRjaENvbXBvbmVudF0sXHJcbiAgICBwcm92aWRlcnM6IFtdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWFN3aXRjaE1vZHVsZSB7XHJcblxyXG59Il19

package/esm2022/lib/tab-page/tab-page-Renderer.component.mjs

@@ -0,0 +1,75 @@
+import { Component, ViewChild, ViewContainerRef, ComponentFactoryResolver, ChangeDetectorRef } from '@angular/core';
+import { AXTabPageService } from './tab-page.service';
+import { TAB_META_KEY } from '../base/base-page.class';
+import { AXTabPageHostComponent } from './tab-page-host.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./tab-page.service";
+export class AXTabPageRendererComponent {
+    resolver;
+    tabService;
+    cdr;
+    childs = [];
+    container;
+    subscriptions = [];
+    constructor(resolver, tabService, cdr) {
+        this.resolver = resolver;
+        this.tabService = tabService;
+        this.cdr = cdr;
+        this.subscriptions.push(tabService.activated.subscribe(tab => {
+            this.childs.forEach((v) => {
+                v.changeDetectorRef.detach();
+                v.location.nativeElement.hidden = true;
+            });
+            const v = this.childs.find(t => t.uid === tab[TAB_META_KEY].uid);
+            if (v) {
+                v.location.nativeElement.hidden = false;
+                v.changeDetectorRef.reattach();
+                v.instance.active();
+            }
+            else {
+                try {
+                    const factory = this.resolver.resolveComponentFactory(AXTabPageHostComponent);
+                    const componentRef = this.container.createComponent(factory);
+                    componentRef.uid = tab[TAB_META_KEY].uid;
+                    const host = componentRef.instance;
+                    host.tab = tab;
+                    this.childs.push(componentRef);
+                    setTimeout(() => {
+                        componentRef.changeDetectorRef.detectChanges();
+                        //host.active();
+                    }, 10);
+                }
+                catch (error) {
+                    console.error(error);
+                }
+            }
+        }));
+        this.subscriptions.push(tabService.closed.subscribe(tab => {
+            const hostref = this.childs.find(c => c.uid === tab[TAB_META_KEY].uid);
+            if (hostref) {
+                hostref.destroy();
+            }
+            this.childs = this.childs.filter(c => c.uid !== tab[TAB_META_KEY].uid);
+        }));
+    }
+    ngOnDestroy() {
+        this.tabService.clear();
+        this.subscriptions.forEach(s => {
+            s.unsubscribe();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXTabPageRendererComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i1.AXTabPageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: AXTabPageRendererComponent, selector: "ax-tab-page-renderer", host: { classAttribute: "ax tab-page-renderer" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `<template #container></template>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXTabPageRendererComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-tab-page-renderer',
+                    template: `<template #container></template>`,
+                    host: { 'class': 'ax tab-page-renderer' }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i1.AXTabPageService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { container: [{
+                type: ViewChild,
+                args: ['container', { read: ViewContainerRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXBhZ2UtUmVuZGVyZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGFiLXBhZ2UvdGFiLXBhZ2UtUmVuZGVyZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLHdCQUF3QixFQUFnQixpQkFBaUIsRUFBMkIsTUFBTSxlQUFlLENBQUM7QUFDM0osT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFTbkUsTUFBTSxPQUFPLDBCQUEwQjtJQVN2QjtJQUNBO0lBQ0E7SUFUWixNQUFNLEdBQTJDLEVBQUUsQ0FBQztJQUVBLFNBQVMsQ0FBbUI7SUFFeEUsYUFBYSxHQUFtQixFQUFFLENBQUM7SUFFM0MsWUFDWSxRQUFrQyxFQUNsQyxVQUE0QixFQUM1QixHQUFzQjtRQUZ0QixhQUFRLEdBQVIsUUFBUSxDQUEwQjtRQUNsQyxlQUFVLEdBQVYsVUFBVSxDQUFrQjtRQUM1QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUU5QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUN6RCxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQXVDLEVBQUUsRUFBRTtnQkFDNUQsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUM3QixDQUFDLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1lBQzNDLENBQUMsQ0FBQyxDQUFDO1lBQ0gsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBRSxDQUFTLENBQUMsR0FBRyxLQUFLLEdBQUcsQ0FBQyxZQUFZLENBQUMsQ0FBQyxHQUFHLENBQXlDLENBQUM7WUFDbEgsSUFBSSxDQUFDLEVBQUU7Z0JBQ0gsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztnQkFDeEMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxDQUFDO2dCQUMvQixDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDO2FBQ3ZCO2lCQUNJO2dCQUNELElBQUk7b0JBQ0EsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyx1QkFBdUIsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO29CQUM5RSxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQztvQkFDNUQsWUFBb0IsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDLEdBQUcsQ0FBQztvQkFDbEQsTUFBTSxJQUFJLEdBQUcsWUFBWSxDQUFDLFFBQWtDLENBQUM7b0JBQzdELElBQUksQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDO29CQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO29CQUMvQixVQUFVLENBQUMsR0FBRyxFQUFFO3dCQUNaLFlBQVksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQzt3QkFDL0MsZ0JBQWdCO29CQUNwQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7aUJBQ1Y7Z0JBQUMsT0FBTyxLQUFLLEVBQUU7b0JBQ1osT0FBTyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDeEI7YUFDSjtRQUNMLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFSixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUN0RCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFFLENBQVMsQ0FBQyxHQUFHLEtBQUssR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ2hGLElBQUksT0FBTyxFQUFFO2dCQUNULE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQzthQUNyQjtZQUNELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBRSxDQUFTLENBQUMsR0FBRyxLQUFLLEdBQUcsQ0FBQyxZQUFZLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNwRixDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ1IsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzNCLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNwQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7dUdBeERRLDBCQUEwQjsyRkFBMUIsMEJBQTBCLGlNQUlILGdCQUFnQiw2QkFQdEMsa0NBQWtDOzsyRkFHbkMsMEJBQTBCO2tCQUx0QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRSxrQ0FBa0M7b0JBQzVDLElBQUksRUFBRSxFQUFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRTtpQkFDNUM7OEtBS3VELFNBQVM7c0JBQTVELFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q2hpbGQsIFZpZXdDb250YWluZXJSZWYsIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlciwgQ29tcG9uZW50UmVmLCBDaGFuZ2VEZXRlY3RvclJlZiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhUYWJQYWdlU2VydmljZSB9IGZyb20gJy4vdGFiLXBhZ2Uuc2VydmljZSc7XHJcbmltcG9ydCB7IFRBQl9NRVRBX0tFWSB9IGZyb20gJy4uL2Jhc2UvYmFzZS1wYWdlLmNsYXNzJztcclxuaW1wb3J0IHsgQVhUYWJQYWdlSG9zdENvbXBvbmVudCB9IGZyb20gJy4vdGFiLXBhZ2UtaG9zdC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtdGFiLXBhZ2UtcmVuZGVyZXInLFxyXG4gICAgdGVtcGxhdGU6IGA8dGVtcGxhdGUgI2NvbnRhaW5lcj48L3RlbXBsYXRlPmAsXHJcbiAgICBob3N0OiB7ICdjbGFzcyc6ICdheCB0YWItcGFnZS1yZW5kZXJlcicgfVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhUYWJQYWdlUmVuZGVyZXJDb21wb25lbnQge1xyXG5cclxuICAgIGNoaWxkczogQ29tcG9uZW50UmVmPEFYVGFiUGFnZUhvc3RDb21wb25lbnQ+W10gPSBbXTtcclxuXHJcbiAgICBAVmlld0NoaWxkKCdjb250YWluZXInLCB7IHJlYWQ6IFZpZXdDb250YWluZXJSZWYgfSkgY29udGFpbmVyOiBWaWV3Q29udGFpbmVyUmVmO1xyXG5cclxuICAgIHByaXZhdGUgc3Vic2NyaXB0aW9uczogU3Vic2NyaXB0aW9uW10gPSBbXTtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBwcml2YXRlIHJlc29sdmVyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsXHJcbiAgICAgICAgcHJpdmF0ZSB0YWJTZXJ2aWNlOiBBWFRhYlBhZ2VTZXJ2aWNlLFxyXG4gICAgICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZlxyXG4gICAgKSB7XHJcbiAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25zLnB1c2godGFiU2VydmljZS5hY3RpdmF0ZWQuc3Vic2NyaWJlKHRhYiA9PiB7XHJcbiAgICAgICAgICAgIHRoaXMuY2hpbGRzLmZvckVhY2goKHY6IENvbXBvbmVudFJlZjxBWFRhYlBhZ2VIb3N0Q29tcG9uZW50PikgPT4ge1xyXG4gICAgICAgICAgICAgICAgdi5jaGFuZ2VEZXRlY3RvclJlZi5kZXRhY2goKTtcclxuICAgICAgICAgICAgICAgIHYubG9jYXRpb24ubmF0aXZlRWxlbWVudC5oaWRkZW4gPSB0cnVlO1xyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICAgICAgY29uc3QgdiA9IHRoaXMuY2hpbGRzLmZpbmQodCA9PiAodCBhcyBhbnkpLnVpZCA9PT0gdGFiW1RBQl9NRVRBX0tFWV0udWlkKSBhcyBDb21wb25lbnRSZWY8QVhUYWJQYWdlSG9zdENvbXBvbmVudD47XHJcbiAgICAgICAgICAgIGlmICh2KSB7XHJcbiAgICAgICAgICAgICAgICB2LmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQuaGlkZGVuID0gZmFsc2U7XHJcbiAgICAgICAgICAgICAgICB2LmNoYW5nZURldGVjdG9yUmVmLnJlYXR0YWNoKCk7XHJcbiAgICAgICAgICAgICAgICB2Lmluc3RhbmNlLmFjdGl2ZSgpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgdHJ5IHtcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCBmYWN0b3J5ID0gdGhpcy5yZXNvbHZlci5yZXNvbHZlQ29tcG9uZW50RmFjdG9yeShBWFRhYlBhZ2VIb3N0Q29tcG9uZW50KTtcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCBjb21wb25lbnRSZWYgPSB0aGlzLmNvbnRhaW5lci5jcmVhdGVDb21wb25lbnQoZmFjdG9yeSk7XHJcbiAgICAgICAgICAgICAgICAgICAgKGNvbXBvbmVudFJlZiBhcyBhbnkpLnVpZCA9IHRhYltUQUJfTUVUQV9LRVldLnVpZDtcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCBob3N0ID0gY29tcG9uZW50UmVmLmluc3RhbmNlIGFzIEFYVGFiUGFnZUhvc3RDb21wb25lbnQ7XHJcbiAgICAgICAgICAgICAgICAgICAgaG9zdC50YWIgPSB0YWI7XHJcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5jaGlsZHMucHVzaChjb21wb25lbnRSZWYpO1xyXG4gICAgICAgICAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb21wb25lbnRSZWYuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAvL2hvc3QuYWN0aXZlKCk7XHJcbiAgICAgICAgICAgICAgICAgICAgfSwgMTApO1xyXG4gICAgICAgICAgICAgICAgfSBjYXRjaCAoZXJyb3IpIHtcclxuICAgICAgICAgICAgICAgICAgICBjb25zb2xlLmVycm9yKGVycm9yKTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pKTtcclxuXHJcbiAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25zLnB1c2godGFiU2VydmljZS5jbG9zZWQuc3Vic2NyaWJlKHRhYiA9PiB7XHJcbiAgICAgICAgICAgIGNvbnN0IGhvc3RyZWYgPSB0aGlzLmNoaWxkcy5maW5kKGMgPT4gKGMgYXMgYW55KS51aWQgPT09IHRhYltUQUJfTUVUQV9LRVldLnVpZCk7XHJcbiAgICAgICAgICAgIGlmIChob3N0cmVmKSB7XHJcbiAgICAgICAgICAgICAgICBob3N0cmVmLmRlc3Ryb3koKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0aGlzLmNoaWxkcyA9IHRoaXMuY2hpbGRzLmZpbHRlcihjID0+IChjIGFzIGFueSkudWlkICE9PSB0YWJbVEFCX01FVEFfS0VZXS51aWQpO1xyXG4gICAgICAgIH0pKTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uRGVzdHJveSgpIHtcclxuICAgICAgICB0aGlzLnRhYlNlcnZpY2UuY2xlYXIoKTtcclxuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbnMuZm9yRWFjaChzID0+IHtcclxuICAgICAgICAgICAgcy51bnN1YnNjcmliZSgpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG59Il19

package/esm2022/lib/tab-page/tab-page-host.component.mjs

@@ -0,0 +1,124 @@
+import { Component, ViewChild, ViewContainerRef, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { AXTabPageService } from './tab-page.service';
+import { AXRenderService } from '@acorex/core';
+import { TAB_META_KEY } from '../base/base-page.class';
+import { AXLoadingService } from '../loading/loading.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/core";
+import * as i2 from "./tab-page.service";
+import * as i3 from "../loading/loading.service";
+export class AXTabPageHostComponent {
+    ref;
+    rendererService;
+    tabService;
+    loadingService;
+    cdr;
+    tab;
+    componentRef;
+    isLoading;
+    _loadingId;
+    container;
+    constructor(ref, rendererService, tabService, loadingService, cdr) {
+        this.ref = ref;
+        this.rendererService = rendererService;
+        this.tabService = tabService;
+        this.loadingService = loadingService;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.isLoading = true;
+    }
+    active() {
+        const func = this.componentRef?.instance?.onActivated;
+        if (func) {
+            const f = func.bind(this.componentRef.instance);
+            f();
+        }
+    }
+    async ngAfterViewInit() {
+        this._loadingId = this.loadingService.show(this.ref.nativeElement.querySelector('.ax-tab-page-host-container'));
+        //
+        let data = {};
+        //
+        let component;
+        if (typeof this.tab.content === 'string') {
+            const route = await this.rendererService.findLoadedComponentByRoute(this.tab.content, 20);
+            component = route?.component;
+            data = Object.assign(data, route.data);
+        }
+        else if (typeof this.tab.content === 'function') {
+            component = this.tab.content;
+        }
+        if (component == null) {
+            // TODO: 404 page component
+            this.isLoading = false;
+            console.error(`Invalid page Component! ${this.tab.content}`);
+            return;
+        }
+        //
+        data = Object.assign(data, this.tab.data);
+        //
+        try {
+            this.componentRef = this.container.createComponent(component);
+            if (!this.componentRef.instance.onClosed) {
+                throw Error('The Component must be inherited from AXBasePageComponent!');
+            }
+            this.componentRef.instance.onClosed.subscribe((e) => {
+                this.tabService.close(this.tab);
+            });
+            //
+            const com = this.componentRef.instance;
+            //
+            Object.assign(com, data);
+            //
+            this.tab[TAB_META_KEY].component = com;
+            this.isLoading = false;
+            this.loadingService.hide(this._loadingId);
+            this.componentRef.changeDetectorRef.detectChanges();
+        }
+        catch (error) {
+            // TODO: 404 page component
+            console.error(error);
+        }
+        finally {
+            //this.isLoading = false;
+        }
+    }
+    ngOnDestroy() {
+        if (this.componentRef) {
+            this.componentRef.hostView.destroy();
+            this.componentRef.destroy();
+            this.container.clear();
+        }
+        this.loadingService.hide(this._loadingId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXTabPageHostComponent, deps: [{ token: i0.ElementRef }, { token: i1.AXRenderService }, { token: i2.AXTabPageService }, { token: i3.AXLoadingService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: AXTabPageHostComponent, selector: "ax-tab-page-host", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
+        <div class='ax-loading-host'>
+            <div class='ax-tab-page-host' >
+                <div [hidden]="isLoading" style="height:100%" class='ax-tab-page-host-container'>
+                    <ng-template #container></ng-template>
+                </div>
+            </div>
+        </div>
+    `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXTabPageHostComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-tab-page-host',
+                    template: `
+        <div class='ax-loading-host'>
+            <div class='ax-tab-page-host' >
+                <div [hidden]="isLoading" style="height:100%" class='ax-tab-page-host-container'>
+                    <ng-template #container></ng-template>
+                </div>
+            </div>
+        </div>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.AXRenderService }, { type: i2.AXTabPageService }, { type: i3.AXLoadingService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { container: [{
+                type: ViewChild,
+                args: ['container', { read: ViewContainerRef, static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXBhZ2UtaG9zdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90YWItcGFnZS90YWItcGFnZS1ob3N0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxVQUFVLEVBQWdCLGlCQUFpQixFQUEyQixNQUFNLGVBQWUsQ0FBQztBQUNySixPQUFPLEVBQWEsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQy9DLE9BQU8sRUFBeUMsWUFBWSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0FBZTlELE1BQU0sT0FBTyxzQkFBc0I7SUFXbkI7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQWJaLEdBQUcsQ0FBWTtJQUNQLFlBQVksQ0FBb0I7SUFDeEMsU0FBUyxDQUFVO0lBQ25CLFVBQVUsQ0FBUztJQUdYLFNBQVMsQ0FBbUI7SUFFcEMsWUFDWSxHQUErQixFQUMvQixlQUFnQyxFQUNoQyxVQUE0QixFQUM1QixjQUFnQyxFQUNoQyxHQUFzQjtRQUp0QixRQUFHLEdBQUgsR0FBRyxDQUE0QjtRQUMvQixvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFDaEMsZUFBVSxHQUFWLFVBQVUsQ0FBa0I7UUFDNUIsbUJBQWMsR0FBZCxjQUFjLENBQWtCO1FBQ2hDLFFBQUcsR0FBSCxHQUFHLENBQW1CO0lBRWxDLENBQUM7SUFHRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDMUIsQ0FBQztJQUVELE1BQU07UUFDRixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLFFBQVEsRUFBRSxXQUFXLENBQUM7UUFDdEQsSUFBSSxJQUFJLEVBQUU7WUFDTixNQUFNLENBQUMsR0FBSSxJQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzlELENBQUMsRUFBRSxDQUFBO1NBQ047SUFDTCxDQUFDO0lBRUQsS0FBSyxDQUFDLGVBQWU7UUFDakIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsNkJBQTZCLENBQUMsQ0FBQyxDQUFDO1FBQ2hILEVBQUU7UUFDRixJQUFJLElBQUksR0FBUSxFQUFFLENBQUM7UUFDbkIsRUFBRTtRQUNGLElBQUksU0FBYyxDQUFDO1FBQ25CLElBQUksT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sS0FBSyxRQUFRLEVBQUU7WUFDdEMsTUFBTSxLQUFLLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDLDBCQUEwQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQzFGLFNBQVMsR0FBRyxLQUFLLEVBQUUsU0FBUyxDQUFDO1lBQzdCLElBQUksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDMUM7YUFDSSxJQUFJLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLEtBQUssVUFBVSxFQUFFO1lBQzdDLFNBQVMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQztTQUNoQztRQUNELElBQUksU0FBUyxJQUFJLElBQUksRUFBRTtZQUNuQiwyQkFBMkI7WUFDM0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDdkIsT0FBTyxDQUFDLEtBQUssQ0FBQywyQkFBMkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1lBQzdELE9BQU87U0FDVjtRQUNELEVBQUU7UUFDRixJQUFJLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMxQyxFQUFFO1FBQ0YsSUFBSTtZQUNBLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDOUQsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRTtnQkFDdEMsTUFBTSxLQUFLLENBQUMsMkRBQTJELENBQUMsQ0FBQzthQUM1RTtZQUNELElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFtQixFQUFFLEVBQUU7Z0JBQ2xFLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUNwQyxDQUFDLENBQUMsQ0FBQztZQUNILEVBQUU7WUFDRixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQWUsQ0FBQztZQUM5QyxFQUFFO1lBQ0YsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsSUFBSSxDQUFDLENBQUM7WUFDekIsRUFBRTtZQUNGLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUMsU0FBUyxHQUFHLEdBQUcsQ0FBQztZQUN2QyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUN2QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDMUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUN2RDtRQUFDLE9BQU8sS0FBSyxFQUFFO1lBQ1osMkJBQTJCO1lBQzNCLE9BQU8sQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDeEI7Z0JBQVM7WUFDTix5QkFBeUI7U0FDNUI7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDMUI7UUFDRCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDOUMsQ0FBQzt1R0F2RlEsc0JBQXNCOzJGQUF0QixzQkFBc0IsMklBT0MsZ0JBQWdCLDJDQWxCdEM7Ozs7Ozs7O0tBUVQ7OzJGQUdRLHNCQUFzQjtrQkFibEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUU7Ozs7Ozs7O0tBUVQ7aUJBQ0o7Nk5BVVcsU0FBUztzQkFEaEIsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBWaWV3Q2hpbGQsIFZpZXdDb250YWluZXJSZWYsIEVsZW1lbnRSZWYsIENvbXBvbmVudFJlZiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFYVGFiUGFnZSwgQVhUYWJQYWdlU2VydmljZSB9IGZyb20gJy4vdGFiLXBhZ2Uuc2VydmljZSc7XHJcbmltcG9ydCB7IEFYUmVuZGVyU2VydmljZSB9IGZyb20gJ0BhY29yZXgvY29yZSc7XHJcbmltcG9ydCB7IEFYQmFzZVBhZ2VDb21wb25lbnQsIEFYUGFnZUNsb3NlRXZlbnQsIFRBQl9NRVRBX0tFWSB9IGZyb20gJy4uL2Jhc2UvYmFzZS1wYWdlLmNsYXNzJztcclxuaW1wb3J0IHsgQVhMb2FkaW5nU2VydmljZSB9IGZyb20gJy4uL2xvYWRpbmcvbG9hZGluZy5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdheC10YWItcGFnZS1ob3N0JyxcclxuICAgIHRlbXBsYXRlOiBgXHJcbiAgICAgICAgPGRpdiBjbGFzcz0nYXgtbG9hZGluZy1ob3N0Jz5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz0nYXgtdGFiLXBhZ2UtaG9zdCcgPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBbaGlkZGVuXT1cImlzTG9hZGluZ1wiIHN0eWxlPVwiaGVpZ2h0OjEwMCVcIiBjbGFzcz0nYXgtdGFiLXBhZ2UtaG9zdC1jb250YWluZXInPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjY29udGFpbmVyPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICBgXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgQVhUYWJQYWdlSG9zdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gICAgdGFiOiBBWFRhYlBhZ2U7XHJcbiAgICBwcml2YXRlIGNvbXBvbmVudFJlZjogQ29tcG9uZW50UmVmPGFueT47XHJcbiAgICBpc0xvYWRpbmc6IGJvb2xlYW47XHJcbiAgICBfbG9hZGluZ0lkOiBudW1iZXI7XHJcblxyXG4gICAgQFZpZXdDaGlsZCgnY29udGFpbmVyJywgeyByZWFkOiBWaWV3Q29udGFpbmVyUmVmLCBzdGF0aWM6IHRydWUgfSlcclxuICAgIHByaXZhdGUgY29udGFpbmVyOiBWaWV3Q29udGFpbmVyUmVmO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHByaXZhdGUgcmVmOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PixcclxuICAgICAgICBwcml2YXRlIHJlbmRlcmVyU2VydmljZTogQVhSZW5kZXJTZXJ2aWNlLFxyXG4gICAgICAgIHByaXZhdGUgdGFiU2VydmljZTogQVhUYWJQYWdlU2VydmljZSxcclxuICAgICAgICBwcml2YXRlIGxvYWRpbmdTZXJ2aWNlOiBBWExvYWRpbmdTZXJ2aWNlLFxyXG4gICAgICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgICkge1xyXG4gICAgfVxyXG5cclxuXHJcbiAgICBuZ09uSW5pdCgpIHtcclxuICAgICAgICB0aGlzLmlzTG9hZGluZyA9IHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgYWN0aXZlKCkge1xyXG4gICAgICAgIGNvbnN0IGZ1bmMgPSB0aGlzLmNvbXBvbmVudFJlZj8uaW5zdGFuY2U/Lm9uQWN0aXZhdGVkO1xyXG4gICAgICAgIGlmIChmdW5jKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGYgPSAoZnVuYyBhcyBGdW5jdGlvbikuYmluZCh0aGlzLmNvbXBvbmVudFJlZi5pbnN0YW5jZSk7XHJcbiAgICAgICAgICAgIGYoKVxyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBhc3luYyBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICAgICAgdGhpcy5fbG9hZGluZ0lkID0gdGhpcy5sb2FkaW5nU2VydmljZS5zaG93KHRoaXMucmVmLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLmF4LXRhYi1wYWdlLWhvc3QtY29udGFpbmVyJykpO1xyXG4gICAgICAgIC8vXHJcbiAgICAgICAgbGV0IGRhdGE6IGFueSA9IHt9O1xyXG4gICAgICAgIC8vXHJcbiAgICAgICAgbGV0IGNvbXBvbmVudDogYW55O1xyXG4gICAgICAgIGlmICh0eXBlb2YgdGhpcy50YWIuY29udGVudCA9PT0gJ3N0cmluZycpIHtcclxuICAgICAgICAgICAgY29uc3Qgcm91dGUgPSBhd2FpdCB0aGlzLnJlbmRlcmVyU2VydmljZS5maW5kTG9hZGVkQ29tcG9uZW50QnlSb3V0ZSh0aGlzLnRhYi5jb250ZW50LCAyMCk7XHJcbiAgICAgICAgICAgIGNvbXBvbmVudCA9IHJvdXRlPy5jb21wb25lbnQ7XHJcbiAgICAgICAgICAgIGRhdGEgPSBPYmplY3QuYXNzaWduKGRhdGEsIHJvdXRlLmRhdGEpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIGlmICh0eXBlb2YgdGhpcy50YWIuY29udGVudCA9PT0gJ2Z1bmN0aW9uJykge1xyXG4gICAgICAgICAgICBjb21wb25lbnQgPSB0aGlzLnRhYi5jb250ZW50O1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoY29tcG9uZW50ID09IG51bGwpIHtcclxuICAgICAgICAgICAgLy8gVE9ETzogNDA0IHBhZ2UgY29tcG9uZW50XHJcbiAgICAgICAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XHJcbiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoYEludmFsaWQgcGFnZSBDb21wb25lbnQhICR7dGhpcy50YWIuY29udGVudH1gKTtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuICAgICAgICAvL1xyXG4gICAgICAgIGRhdGEgPSBPYmplY3QuYXNzaWduKGRhdGEsIHRoaXMudGFiLmRhdGEpO1xyXG4gICAgICAgIC8vXHJcbiAgICAgICAgdHJ5IHtcclxuICAgICAgICAgICAgdGhpcy5jb21wb25lbnRSZWYgPSB0aGlzLmNvbnRhaW5lci5jcmVhdGVDb21wb25lbnQoY29tcG9uZW50KTtcclxuICAgICAgICAgICAgaWYgKCF0aGlzLmNvbXBvbmVudFJlZi5pbnN0YW5jZS5vbkNsb3NlZCkge1xyXG4gICAgICAgICAgICAgICAgdGhyb3cgRXJyb3IoJ1RoZSBDb21wb25lbnQgbXVzdCBiZSBpbmhlcml0ZWQgZnJvbSBBWEJhc2VQYWdlQ29tcG9uZW50IScpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRoaXMuY29tcG9uZW50UmVmLmluc3RhbmNlLm9uQ2xvc2VkLnN1YnNjcmliZSgoZTogQVhQYWdlQ2xvc2VFdmVudCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgdGhpcy50YWJTZXJ2aWNlLmNsb3NlKHRoaXMudGFiKTtcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICAgIC8vXHJcbiAgICAgICAgICAgIGNvbnN0IGNvbSA9IHRoaXMuY29tcG9uZW50UmVmLmluc3RhbmNlIGFzIGFueTtcclxuICAgICAgICAgICAgLy9cclxuICAgICAgICAgICAgT2JqZWN0LmFzc2lnbihjb20sIGRhdGEpO1xyXG4gICAgICAgICAgICAvL1xyXG4gICAgICAgICAgICB0aGlzLnRhYltUQUJfTUVUQV9LRVldLmNvbXBvbmVudCA9IGNvbTtcclxuICAgICAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgICAgICAgdGhpcy5sb2FkaW5nU2VydmljZS5oaWRlKHRoaXMuX2xvYWRpbmdJZCk7XHJcbiAgICAgICAgICAgIHRoaXMuY29tcG9uZW50UmVmLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICAgICAgICB9IGNhdGNoIChlcnJvcikge1xyXG4gICAgICAgICAgICAvLyBUT0RPOiA0MDQgcGFnZSBjb21wb25lbnRcclxuICAgICAgICAgICAgY29uc29sZS5lcnJvcihlcnJvcik7XHJcbiAgICAgICAgfSBmaW5hbGx5IHtcclxuICAgICAgICAgICAgLy90aGlzLmlzTG9hZGluZyA9IGZhbHNlO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBuZ09uRGVzdHJveSgpIHtcclxuICAgICAgICBpZiAodGhpcy5jb21wb25lbnRSZWYpIHtcclxuICAgICAgICAgICAgdGhpcy5jb21wb25lbnRSZWYuaG9zdFZpZXcuZGVzdHJveSgpO1xyXG4gICAgICAgICAgICB0aGlzLmNvbXBvbmVudFJlZi5kZXN0cm95KCk7XHJcbiAgICAgICAgICAgIHRoaXMuY29udGFpbmVyLmNsZWFyKCk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHRoaXMubG9hZGluZ1NlcnZpY2UuaGlkZSh0aGlzLl9sb2FkaW5nSWQpO1xyXG4gICAgfVxyXG59Il19

package/esm2022/lib/tab-page/tab-page.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AXTabPageRendererComponent } from './tab-page-Renderer.component';
+import { AXLoadingModule } from '../loading/loading.module';
+import { AXTabPageHostComponent } from './tab-page-host.component';
+import * as i0 from "@angular/core";
+export class AXTabPageModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXTabPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: AXTabPageModule, declarations: [AXTabPageRendererComponent, AXTabPageHostComponent], imports: [CommonModule, AXLoadingModule], exports: [AXTabPageRendererComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXTabPageModule, imports: [CommonModule, AXLoadingModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXTabPageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXTabPageRendererComponent, AXTabPageHostComponent],
+                    imports: [CommonModule, AXLoadingModule],
+                    exports: [AXTabPageRendererComponent],
+                    providers: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXBhZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGFiLXBhZ2UvdGFiLXBhZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzNFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFRbkUsTUFBTSxPQUFPLGVBQWU7dUdBQWYsZUFBZTt3R0FBZixlQUFlLGlCQUxULDBCQUEwQixFQUFFLHNCQUFzQixhQUN2RCxZQUFZLEVBQUUsZUFBZSxhQUM3QiwwQkFBMEI7d0dBRzNCLGVBQWUsWUFKZCxZQUFZLEVBQUUsZUFBZTs7MkZBSTlCLGVBQWU7a0JBTjNCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsMEJBQTBCLEVBQUUsc0JBQXNCLENBQUM7b0JBQ2xFLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7b0JBQ3hDLE9BQU8sRUFBRSxDQUFDLDBCQUEwQixDQUFDO29CQUNyQyxTQUFTLEVBQUUsRUFBRTtpQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBBWFRhYlBhZ2VSZW5kZXJlckNvbXBvbmVudCB9IGZyb20gJy4vdGFiLXBhZ2UtUmVuZGVyZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQVhMb2FkaW5nTW9kdWxlIH0gZnJvbSAnLi4vbG9hZGluZy9sb2FkaW5nLm1vZHVsZSc7XHJcbmltcG9ydCB7IEFYVGFiUGFnZUhvc3RDb21wb25lbnQgfSBmcm9tICcuL3RhYi1wYWdlLWhvc3QuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBkZWNsYXJhdGlvbnM6IFtBWFRhYlBhZ2VSZW5kZXJlckNvbXBvbmVudCwgQVhUYWJQYWdlSG9zdENvbXBvbmVudF0sXHJcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBWExvYWRpbmdNb2R1bGVdLFxyXG4gICAgZXhwb3J0czogW0FYVGFiUGFnZVJlbmRlcmVyQ29tcG9uZW50XSxcclxuICAgIHByb3ZpZGVyczogW11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFYVGFiUGFnZU1vZHVsZSB7IH0iXX0=