@acorex/components 6.5.91 → 6.6.1

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.12", ngImport: i0, type: AXSelectionListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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\n  *ngIf=\"mode == 'multiple'; then checkboxList; else radioButtonList\"\n></ng-container>\n<ng-template #checkboxList>\n  <div class=\"ax selection-list {{ size }}\" [ngClass]=\"direction\">\n    <ax-check-box\n      label=\"{{ item[textField] }}\"\n      *ngFor=\"let item of items\"\n      [disabled]=\"item.disable || disabled\"\n      [readonly]=\"item.readonly || readonly\"\n      [value]=\"selectedValues.indexOf(item[valueField]) > -1\"\n      (onValueChanged)=\"onCheckValueChange(item[valueField], $event.value)\"\n      (onClick)=\"checkBoxClick($event, item)\"\n    >\n    </ax-check-box>\n  </div>\n</ng-template>\n<ng-template #radioButtonList>\n  <div\n    style=\"flex-wrap: wrap; gap: 4px\"\n    class=\"ax selection-list {{ size }}\"\n    [ngClass]=\"direction\"\n  >\n    <label\n      class=\"ax radio\"\n      for=\"{{ uid }}\"\n      [class.disabled]=\"disabled\"\n      [class.readonly]=\"readonly\"\n      *ngFor=\"let item of items\"\n      (click)=\"onvalueChanged(item)\"\n    >\n      {{ item[textField] }}\n      <input\n        type=\"radio\"\n        (change)=\"onCheckValueChange(item[valueField], true)\"\n        [value]=\"item[valueField]\"\n        [checked]=\"selectedValues == item[valueField]\"\n        [name]=\"uid\"\n        [disabled]=\"item.disable || disabled\"\n        [readonly]=\"item.readonly || readonly\"\n      />\n      <span class=\"checkmark\"></span>\n    </label>\n  </div>\n</ng-template>\n", 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.12", ngImport: i0, type: AXSelectionListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-selection-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n  *ngIf=\"mode == 'multiple'; then checkboxList; else radioButtonList\"\n></ng-container>\n<ng-template #checkboxList>\n  <div class=\"ax selection-list {{ size }}\" [ngClass]=\"direction\">\n    <ax-check-box\n      label=\"{{ item[textField] }}\"\n      *ngFor=\"let item of items\"\n      [disabled]=\"item.disable || disabled\"\n      [readonly]=\"item.readonly || readonly\"\n      [value]=\"selectedValues.indexOf(item[valueField]) > -1\"\n      (onValueChanged)=\"onCheckValueChange(item[valueField], $event.value)\"\n      (onClick)=\"checkBoxClick($event, item)\"\n    >\n    </ax-check-box>\n  </div>\n</ng-template>\n<ng-template #radioButtonList>\n  <div\n    style=\"flex-wrap: wrap; gap: 4px\"\n    class=\"ax selection-list {{ size }}\"\n    [ngClass]=\"direction\"\n  >\n    <label\n      class=\"ax radio\"\n      for=\"{{ uid }}\"\n      [class.disabled]=\"disabled\"\n      [class.readonly]=\"readonly\"\n      *ngFor=\"let item of items\"\n      (click)=\"onvalueChanged(item)\"\n    >\n      {{ item[textField] }}\n      <input\n        type=\"radio\"\n        (change)=\"onCheckValueChange(item[valueField], true)\"\n        [value]=\"item[valueField]\"\n        [checked]=\"selectedValues == item[valueField]\"\n        [name]=\"uid\"\n        [disabled]=\"item.disable || disabled\"\n        [readonly]=\"item.readonly || readonly\"\n      />\n      <span class=\"checkmark\"></span>\n    </label>\n  </div>\n</ng-template>\n" }]
+        }], 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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bUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07d0dBUy9DLFFBQVE7c0JBRFAsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixNQUFNO2dCQUlQLG1CQUFtQjtzQkFEbEIsTUFBTTtnQkFJSSxhQUFhO3NCQUR2QixLQUFLO2dCQVdOLG9CQUFvQjtzQkFEbkIsTUFBTTtnQkFJSSxjQUFjO3NCQUR4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhTZWxlY3Rpb25MaXN0IH0gZnJvbSAnQGFjb3JleC9jb3JlJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFYQmFzZUNvbXBvbmVudCxcbiAgQVhCYXNlU2l6YWJsZUNvbXBvbmVudCxcbiAgQVhFbGVtZW50U2l6ZSxcbiAgQVhWYWxpZGF0YWJsZUNvbXBvbmVudCxcbn0gZnJvbSAnLi4vYmFzZS9lbGVtZW50LmNsYXNzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtc2VsZWN0aW9uLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0aW9uLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQVhTZWxlY3Rpb25MaXN0Q29tcG9uZW50XG4gIGV4dGVuZHMgQVhWYWxpZGF0YWJsZUNvbXBvbmVudFxuICBpbXBsZW1lbnRzIEFYQmFzZVNpemFibGVDb21wb25lbnQsIEFYQmFzZUNvbXBvbmVudFxue1xuICBwcml2YXRlIF9zZWxlY3RlZEl0ZW1zOiBhbnlbXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIHJlYWRvbmx5OiBib29sZWFuO1xuXG4gIEBJbnB1dCgpXG4gIHZhbHVlOiBib29sZWFuO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuO1xuXG4gIEBJbnB1dCgpXG4gIHNpemU6IEFYRWxlbWVudFNpemUgPSAnbWQnO1xuXG4gIEBJbnB1dCgpXG4gIGRpcmVjdGlvbjogc3RyaW5nID0gJ2hvcml6b250YWwnO1xuXG4gIEBJbnB1dCgpXG4gIGl0ZW1zOiBBcnJheTxBWFNlbGVjdGlvbkxpc3Q+ID0gW107XG5cbiAgQElucHV0KClcbiAgbW9kZTogc3RyaW5nID0gJ3NpbmdsZSc7XG5cbiAgQElucHV0KClcbiAgdGV4dEZpZWxkOiBzdHJpbmcgPSAndGV4dCc7XG5cbiAgQElucHV0KClcbiAgdmFsdWVGaWVsZDogc3RyaW5nID0gJ3ZhbHVlJztcblxuICBAT3V0cHV0KClcbiAgc2VsZWN0aW9uQ2hhbmdlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBAT3V0cHV0KClcbiAgc2VsZWN0ZWRJdGVtc0NoYW5nZTogRXZlbnRFbWl0dGVyPGFueVtdPiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55W10+KCk7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGdldCBzZWxlY3RlZEl0ZW1zKCk6IGFueVtdIHtcbiAgICByZXR1cm4gdGhpcy5fc2VsZWN0ZWRJdGVtcyB8fCBbXTtcbiAgfVxuICBwdWJsaWMgc2V0IHNlbGVjdGVkSXRlbXModjogYW55W10pIHtcbiAgICB0aGlzLl9zZWxlY3RlZEl0ZW1zID0gdjtcbiAgICB0aGlzLnNlbGVjdGVkSXRlbXNDaGFuZ2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXMpO1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIEBPdXRwdXQoKVxuICBzZWxlY3RlZFZhbHVlc0NoYW5nZTogRXZlbnRFbWl0dGVyPGFueVtdPiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55W10+KCk7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGdldCBzZWxlY3RlZFZhbHVlcygpOiBhbnlbXSB7XG4gICAgcmV0dXJuIHRoaXMuX3NlbGVjdGVkSXRlbXMubWFwKChjKSA9PiBjW3RoaXMudmFsdWVGaWVsZF0pIHx8IFtdO1xuICB9XG4gIHB1YmxpYyBzZXQgc2VsZWN0ZWRWYWx1ZXModjogYW55W10pIHtcbiAgICBjb25zdCBvbGQgPSB0aGlzLnNlbGVjdGVkVmFsdWVzO1xuICAgIGlmICh2ID09IG51bGwpIHtcbiAgICAgIHYgPSBbXTtcbiAgICB9XG4gICAgaWYgKEpTT04uc3RyaW5naWZ5KG9sZCkgIT0gSlNPTi5zdHJpbmdpZnkodikpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtcyA9IHRoaXMuaXRlbXMuZmlsdGVyKChjKSA9PlxuICAgICAgICB2LmluY2x1ZGVzKGNbdGhpcy52YWx1ZUZpZWxkXSlcbiAgICAgICk7XG4gICAgICB0aGlzLnNlbGVjdGVkVmFsdWVzQ2hhbmdlLmVtaXQodGhpcy5zZWxlY3RlZFZhbHVlcyk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBvbkNoZWNrVmFsdWVDaGFuZ2UodmFsdWU6IGFueSwgY2hlY2tlZDogYm9vbGVhbikge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgaWYgKHRoaXMubW9kZSA9PT0gJ3NpbmdsZScpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlcyA9IFt2YWx1ZV07XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpZiAoY2hlY2tlZCkge1xuICAgICAgICAgIGlmICghdGhpcy5zZWxlY3RlZFZhbHVlcy5pbmNsdWRlcyh2YWx1ZSkpIHtcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZXMgPSBbLi4udGhpcy5zZWxlY3RlZFZhbHVlcywgLi4uW3ZhbHVlXV07XG4gICAgICAgICAgfVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZXMgPSB0aGlzLnNlbGVjdGVkVmFsdWVzLmZpbHRlcigoYykgPT4gYyAhPT0gdmFsdWUpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG4gIGZvY3VzKCk6IHZvaWQge31cblxuICBvbnZhbHVlQ2hhbmdlZChlKSB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbXNDaGFuZ2UuZW1pdChbZV0pO1xuICAgIH1cbiAgfVxuXG4gIGNoZWNrQm94Q2xpY2soZSwgZGF0YSkge1xuICAgIHRoaXMuc2VsZWN0aW9uQ2hhbmdlZC5lbWl0KHtcbiAgICAgIHZhbHVlRmllbGQ6IGRhdGFbdGhpcy52YWx1ZUZpZWxkXSxcbiAgICAgIHZhbHVlOiBlLnZhbHVlLFxuICAgIH0pO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyXG4gICpuZ0lmPVwibW9kZSA9PSAnbXVsdGlwbGUnOyB0aGVuIGNoZWNrYm94TGlzdDsgZWxzZSByYWRpb0J1dHRvbkxpc3RcIlxuPjwvbmctY29udGFpbmVyPlxuPG5nLXRlbXBsYXRlICNjaGVja2JveExpc3Q+XG4gIDxkaXYgY2xhc3M9XCJheCBzZWxlY3Rpb24tbGlzdCB7eyBzaXplIH19XCIgW25nQ2xhc3NdPVwiZGlyZWN0aW9uXCI+XG4gICAgPGF4LWNoZWNrLWJveFxuICAgICAgbGFiZWw9XCJ7eyBpdGVtW3RleHRGaWVsZF0gfX1cIlxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIlxuICAgICAgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZSB8fCBkaXNhYmxlZFwiXG4gICAgICBbcmVhZG9ubHldPVwiaXRlbS5yZWFkb25seSB8fCByZWFkb25seVwiXG4gICAgICBbdmFsdWVdPVwic2VsZWN0ZWRWYWx1ZXMuaW5kZXhPZihpdGVtW3ZhbHVlRmllbGRdKSA+IC0xXCJcbiAgICAgIChvblZhbHVlQ2hhbmdlZCk9XCJvbkNoZWNrVmFsdWVDaGFuZ2UoaXRlbVt2YWx1ZUZpZWxkXSwgJGV2ZW50LnZhbHVlKVwiXG4gICAgICAob25DbGljayk9XCJjaGVja0JveENsaWNrKCRldmVudCwgaXRlbSlcIlxuICAgID5cbiAgICA8L2F4LWNoZWNrLWJveD5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNyYWRpb0J1dHRvbkxpc3Q+XG4gIDxkaXZcbiAgICBzdHlsZT1cImZsZXgtd3JhcDogd3JhcDsgZ2FwOiA0cHhcIlxuICAgIGNsYXNzPVwiYXggc2VsZWN0aW9uLWxpc3Qge3sgc2l6ZSB9fVwiXG4gICAgW25nQ2xhc3NdPVwiZGlyZWN0aW9uXCJcbiAgPlxuICAgIDxsYWJlbFxuICAgICAgY2xhc3M9XCJheCByYWRpb1wiXG4gICAgICBmb3I9XCJ7eyB1aWQgfX1cIlxuICAgICAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFtjbGFzcy5yZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiXG4gICAgICAoY2xpY2spPVwib252YWx1ZUNoYW5nZWQoaXRlbSlcIlxuICAgID5cbiAgICAgIHt7IGl0ZW1bdGV4dEZpZWxkXSB9fVxuICAgICAgPGlucHV0XG4gICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgIChjaGFuZ2UpPVwib25DaGVja1ZhbHVlQ2hhbmdlKGl0ZW1bdmFsdWVGaWVsZF0sIHRydWUpXCJcbiAgICAgICAgW3ZhbHVlXT1cIml0ZW1bdmFsdWVGaWVsZF1cIlxuICAgICAgICBbY2hlY2tlZF09XCJzZWxlY3RlZFZhbHVlcyA9PSBpdGVtW3ZhbHVlRmllbGRdXCJcbiAgICAgICAgW25hbWVdPVwidWlkXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZSB8fCBkaXNhYmxlZFwiXG4gICAgICAgIFtyZWFkb25seV09XCJpdGVtLnJlYWRvbmx5IHx8IHJlYWRvbmx5XCJcbiAgICAgIC8+XG4gICAgICA8c3BhbiBjbGFzcz1cImNoZWNrbWFya1wiPjwvc3Bhbj5cbiAgICA8L2xhYmVsPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

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.12", ngImport: i0, type: AXSelectionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AXSelectionListModule, declarations: [AXSelectionListComponent], imports: [CommonModule, FormsModule, AXCheckBoxModule], exports: [AXSelectionListComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXSelectionListModule, imports: [CommonModule, FormsModule, AXCheckBoxModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXSelectionListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXSelectionListComponent],
+                    imports: [CommonModule, FormsModule, AXCheckBoxModule],
+                    exports: [AXSelectionListComponent],
+                    providers: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWxpc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvc2VsZWN0aW9uLWxpc3Qvc2VsZWN0aW9uLWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFRN0MsTUFBTSxPQUFPLHFCQUFxQjt3R0FBckIscUJBQXFCO3lHQUFyQixxQkFBcUIsaUJBTGpCLHdCQUF3QixhQUM3QixZQUFZLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixhQUMzQyx3QkFBd0I7eUdBR3ZCLHFCQUFxQixZQUp0QixZQUFZLEVBQUUsV0FBVyxFQUFFLGdCQUFnQjs7NEZBSTFDLHFCQUFxQjtrQkFOakMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztvQkFDeEMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsQ0FBQztvQkFDdEQsT0FBTyxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ25DLFNBQVMsRUFBRSxFQUFFO2lCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBWFNlbGVjdGlvbkxpc3RDb21wb25lbnQgfSBmcm9tICcuL3NlbGVjdGlvbi1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWENoZWNrQm94TW9kdWxlIH0gZnJvbSAnLi4vY2hlY2tib3gvY2hlY2tib3gubW9kdWxlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtBWFNlbGVjdGlvbkxpc3RDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgQVhDaGVja0JveE1vZHVsZV0sXG4gIGV4cG9ydHM6IFtBWFNlbGVjdGlvbkxpc3RDb21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIEFYU2VsZWN0aW9uTGlzdE1vZHVsZSB7IH1cbiJdfQ==

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.12", ngImport: i0, type: AXSwitchComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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\" >\n    <input type=\"checkbox\" [(ngModel)]=\"value\"  [ngModelOptions]=\"{standalone: true}\" [attr.tabindex]=\"tabIndex\">\n    <span class=\"slider round\"></span>\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.12", ngImport: i0, type: AXSwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-switch', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"ax ax-switch\" >\n    <input type=\"checkbox\" [(ngModel)]=\"value\"  [ngModelOptions]=\"{standalone: true}\" [attr.tabindex]=\"tabIndex\">\n    <span class=\"slider round\"></span>\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3N3aXRjaC9zd2l0Y2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvc3dpdGNoL3N3aXRjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RJLE9BQU8sRUFBRSxlQUFlLEVBQStELE1BQU0sdUJBQXVCLENBQUM7OztBQVVySCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsZUFBZTtJQXdDOUI7SUFwQ3RCLGNBQWMsR0FBd0MsSUFBSSxZQUFZLEVBQXlCLENBQUM7SUFHaEcsV0FBVyxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO0lBR2pFLFFBQVEsR0FBVyxDQUFDLENBQUM7SUFFYixNQUFNLENBQVU7SUFDeEIsSUFDVyxLQUFLO1FBQ2QsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFDRCxJQUFXLEtBQUssQ0FBQyxDQUFVO1FBQ3pCLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7WUFDckIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztZQUM3QixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztZQUNoQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN6QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQztnQkFDdkIsU0FBUyxFQUFFLElBQUk7Z0JBQ2YsUUFBUTtnQkFDUixLQUFLLEVBQUUsQ0FBQzthQUNULENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUlELFFBQVEsQ0FBVTtJQUdsQixRQUFRLENBQVU7SUFHbEIsSUFBSSxHQUFrQixJQUFJLENBQUM7SUFFM0IsWUFBc0IsR0FBc0I7UUFDMUMsS0FBSyxFQUFFLENBQUM7UUFEWSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtJQUU1QyxDQUFDO0lBRUQsS0FBSyxLQUFXLENBQUM7d0dBNUNOLGlCQUFpQjs0RkFBakIsaUJBQWlCLCtQQ1g5QixnTkFHUTs7NEZEUUssaUJBQWlCO2tCQVA3QixTQUFTOytCQUNFLFdBQVcsaUJBR04saUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTt3R0FNL0MsY0FBYztzQkFEYixNQUFNO2dCQUlQLFdBQVc7c0JBRFYsTUFBTTtnQkFJUCxRQUFRO3NCQURQLEtBQUs7Z0JBS0ssS0FBSztzQkFEZixLQUFLO2dCQW1CTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgT3V0cHV0LCBJbnB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnQsIEFYQmFzZVNpemFibGVDb21wb25lbnQsIEFYQmFzZVZhbHVlQ29tcG9uZW50LCBBWEVsZW1lbnRTaXplIH0gZnJvbSAnLi4vYmFzZS9lbGVtZW50LmNsYXNzJztcbmltcG9ydCB7IEFYVmFsdWVFdmVudCB9IGZyb20gJy4uL2Jhc2UvZXZlbnRzLmNsYXNzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtc3dpdGNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N3aXRjaC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N3aXRjaC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQVhTd2l0Y2hDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBBWEJhc2VTaXphYmxlQ29tcG9uZW50LCBBWEJhc2VWYWx1ZUNvbXBvbmVudDxib29sZWFuPiB7XG5cblxuICBAT3V0cHV0KClcbiAgb25WYWx1ZUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxBWFZhbHVlRXZlbnQ8Ym9vbGVhbj4+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWFZhbHVlRXZlbnQ8Ym9vbGVhbj4+KCk7XG5cbiAgQE91dHB1dCgpXG4gIHZhbHVlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgQElucHV0KClcbiAgdGFiSW5kZXg6IG51bWJlciA9IDA7XG5cbiAgcHJpdmF0ZSBfdmFsdWU6IGJvb2xlYW47XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBnZXQgdmFsdWUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICB9XG4gIHB1YmxpYyBzZXQgdmFsdWUodjogYm9vbGVhbikge1xuICAgIGlmICh0aGlzLl92YWx1ZSAhPT0gdikge1xuICAgICAgY29uc3Qgb2xkVmFsdWUgPSB0aGlzLl92YWx1ZTtcbiAgICAgIHRoaXMuX3ZhbHVlID0gdjtcbiAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh2KTtcbiAgICAgIHRoaXMub25WYWx1ZUNoYW5nZWQuZW1pdCh7XG4gICAgICAgIGNvbXBvbmVudDogdGhpcyxcbiAgICAgICAgb2xkVmFsdWUsXG4gICAgICAgIHZhbHVlOiB2XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuXG4gIEBJbnB1dCgpXG4gIHJlYWRvbmx5OiBib29sZWFuO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuO1xuXG4gIEBJbnB1dCgpXG4gIHNpemU6IEFYRWxlbWVudFNpemUgPSAnbWQnO1xuXG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIGZvY3VzKCk6IHZvaWQgeyB9XG59XG4iLCI8bGFiZWwgY2xhc3M9XCJheCBheC1zd2l0Y2hcIiA+XG4gICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFsobmdNb2RlbCldPVwidmFsdWVcIiAgW25nTW9kZWxPcHRpb25zXT1cIntzdGFuZGFsb25lOiB0cnVlfVwiIFthdHRyLnRhYmluZGV4XT1cInRhYkluZGV4XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJzbGlkZXIgcm91bmRcIj48L3NwYW4+XG48L2xhYmVsPiJdfQ==

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.12", ngImport: i0, type: AXSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AXSwitchModule, declarations: [AXSwitchComponent], imports: [CommonModule, FormsModule], exports: [AXSwitchComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXSwitchModule, imports: [CommonModule, FormsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXSwitchModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXSwitchComponent],
+                    imports: [CommonModule, FormsModule],
+                    exports: [AXSwitchComponent],
+                    providers: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3N3aXRjaC9zd2l0Y2gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFRdkQsTUFBTSxPQUFPLGNBQWM7d0dBQWQsY0FBYzt5R0FBZCxjQUFjLGlCQUxSLGlCQUFpQixhQUN0QixZQUFZLEVBQUUsV0FBVyxhQUN6QixpQkFBaUI7eUdBR2xCLGNBQWMsWUFKYixZQUFZLEVBQUUsV0FBVzs7NEZBSTFCLGNBQWM7a0JBTjFCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsaUJBQWlCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7b0JBQ3BDLE9BQU8sRUFBRSxDQUFDLGlCQUFpQixDQUFDO29CQUM1QixTQUFTLEVBQUUsRUFBRTtpQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQVhTd2l0Y2hDb21wb25lbnQgfSBmcm9tICcuL3N3aXRjaC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW0FYU3dpdGNoQ29tcG9uZW50XSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZV0sXG4gICAgZXhwb3J0czogW0FYU3dpdGNoQ29tcG9uZW50XSxcbiAgICBwcm92aWRlcnM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIEFYU3dpdGNoTW9kdWxlIHtcblxufSJdfQ==

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.12", 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.12", 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.12", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXBhZ2UtUmVuZGVyZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGFiLXBhZ2UvdGFiLXBhZ2UtUmVuZGVyZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLHdCQUF3QixFQUFnQixpQkFBaUIsRUFBMkIsTUFBTSxlQUFlLENBQUM7QUFDM0osT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFTbkUsTUFBTSxPQUFPLDBCQUEwQjtJQVN2QjtJQUNBO0lBQ0E7SUFUWixNQUFNLEdBQTJDLEVBQUUsQ0FBQztJQUVBLFNBQVMsQ0FBbUI7SUFFeEUsYUFBYSxHQUFtQixFQUFFLENBQUM7SUFFM0MsWUFDWSxRQUFrQyxFQUNsQyxVQUE0QixFQUM1QixHQUFzQjtRQUZ0QixhQUFRLEdBQVIsUUFBUSxDQUEwQjtRQUNsQyxlQUFVLEdBQVYsVUFBVSxDQUFrQjtRQUM1QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUU5QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUN6RCxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQXVDLEVBQUUsRUFBRTtnQkFDNUQsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUM3QixDQUFDLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1lBQzNDLENBQUMsQ0FBQyxDQUFDO1lBQ0gsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBRSxDQUFTLENBQUMsR0FBRyxLQUFLLEdBQUcsQ0FBQyxZQUFZLENBQUMsQ0FBQyxHQUFHLENBQXlDLENBQUM7WUFDbEgsSUFBSSxDQUFDLEVBQUU7Z0JBQ0gsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztnQkFDeEMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxDQUFDO2dCQUMvQixDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDO2FBQ3ZCO2lCQUNJO2dCQUNELElBQUk7b0JBQ0EsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyx1QkFBdUIsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO29CQUM5RSxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQztvQkFDNUQsWUFBb0IsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDLEdBQUcsQ0FBQztvQkFDbEQsTUFBTSxJQUFJLEdBQUcsWUFBWSxDQUFDLFFBQWtDLENBQUM7b0JBQzdELElBQUksQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDO29CQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO29CQUMvQixVQUFVLENBQUMsR0FBRyxFQUFFO3dCQUNaLFlBQVksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQzt3QkFDL0MsZ0JBQWdCO29CQUNwQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7aUJBQ1Y7Z0JBQUMsT0FBTyxLQUFLLEVBQUU7b0JBQ1osT0FBTyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDeEI7YUFDSjtRQUNMLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFSixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUN0RCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFFLENBQVMsQ0FBQyxHQUFHLEtBQUssR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ2hGLElBQUksT0FBTyxFQUFFO2dCQUNULE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQzthQUNyQjtZQUNELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBRSxDQUFTLENBQUMsR0FBRyxLQUFLLEdBQUcsQ0FBQyxZQUFZLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNwRixDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ1IsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzNCLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNwQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7d0dBeERRLDBCQUEwQjs0RkFBMUIsMEJBQTBCLGlNQUlILGdCQUFnQiw2QkFQdEMsa0NBQWtDOzs0RkFHbkMsMEJBQTBCO2tCQUx0QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRSxrQ0FBa0M7b0JBQzVDLElBQUksRUFBRSxFQUFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRTtpQkFDNUM7OEtBS3VELFNBQVM7c0JBQTVELFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q2hpbGQsIFZpZXdDb250YWluZXJSZWYsIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlciwgQ29tcG9uZW50UmVmLCBDaGFuZ2VEZXRlY3RvclJlZiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYVGFiUGFnZVNlcnZpY2UgfSBmcm9tICcuL3RhYi1wYWdlLnNlcnZpY2UnO1xuaW1wb3J0IHsgVEFCX01FVEFfS0VZIH0gZnJvbSAnLi4vYmFzZS9iYXNlLXBhZ2UuY2xhc3MnO1xuaW1wb3J0IHsgQVhUYWJQYWdlSG9zdENvbXBvbmVudCB9IGZyb20gJy4vdGFiLXBhZ2UtaG9zdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdheC10YWItcGFnZS1yZW5kZXJlcicsXG4gICAgdGVtcGxhdGU6IGA8dGVtcGxhdGUgI2NvbnRhaW5lcj48L3RlbXBsYXRlPmAsXG4gICAgaG9zdDogeyAnY2xhc3MnOiAnYXggdGFiLXBhZ2UtcmVuZGVyZXInIH1cbn0pXG5leHBvcnQgY2xhc3MgQVhUYWJQYWdlUmVuZGVyZXJDb21wb25lbnQge1xuXG4gICAgY2hpbGRzOiBDb21wb25lbnRSZWY8QVhUYWJQYWdlSG9zdENvbXBvbmVudD5bXSA9IFtdO1xuXG4gICAgQFZpZXdDaGlsZCgnY29udGFpbmVyJywgeyByZWFkOiBWaWV3Q29udGFpbmVyUmVmIH0pIGNvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZjtcblxuICAgIHByaXZhdGUgc3Vic2NyaXB0aW9uczogU3Vic2NyaXB0aW9uW10gPSBbXTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlc29sdmVyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsXG4gICAgICAgIHByaXZhdGUgdGFiU2VydmljZTogQVhUYWJQYWdlU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmXG4gICAgKSB7XG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5wdXNoKHRhYlNlcnZpY2UuYWN0aXZhdGVkLnN1YnNjcmliZSh0YWIgPT4ge1xuICAgICAgICAgICAgdGhpcy5jaGlsZHMuZm9yRWFjaCgodjogQ29tcG9uZW50UmVmPEFYVGFiUGFnZUhvc3RDb21wb25lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgdi5jaGFuZ2VEZXRlY3RvclJlZi5kZXRhY2goKTtcbiAgICAgICAgICAgICAgICB2LmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQuaGlkZGVuID0gdHJ1ZTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY29uc3QgdiA9IHRoaXMuY2hpbGRzLmZpbmQodCA9PiAodCBhcyBhbnkpLnVpZCA9PT0gdGFiW1RBQl9NRVRBX0tFWV0udWlkKSBhcyBDb21wb25lbnRSZWY8QVhUYWJQYWdlSG9zdENvbXBvbmVudD47XG4gICAgICAgICAgICBpZiAodikge1xuICAgICAgICAgICAgICAgIHYubG9jYXRpb24ubmF0aXZlRWxlbWVudC5oaWRkZW4gPSBmYWxzZTtcbiAgICAgICAgICAgICAgICB2LmNoYW5nZURldGVjdG9yUmVmLnJlYXR0YWNoKCk7XG4gICAgICAgICAgICAgICAgdi5pbnN0YW5jZS5hY3RpdmUoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgIHRyeSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGZhY3RvcnkgPSB0aGlzLnJlc29sdmVyLnJlc29sdmVDb21wb25lbnRGYWN0b3J5KEFYVGFiUGFnZUhvc3RDb21wb25lbnQpO1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBjb21wb25lbnRSZWYgPSB0aGlzLmNvbnRhaW5lci5jcmVhdGVDb21wb25lbnQoZmFjdG9yeSk7XG4gICAgICAgICAgICAgICAgICAgIChjb21wb25lbnRSZWYgYXMgYW55KS51aWQgPSB0YWJbVEFCX01FVEFfS0VZXS51aWQ7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGhvc3QgPSBjb21wb25lbnRSZWYuaW5zdGFuY2UgYXMgQVhUYWJQYWdlSG9zdENvbXBvbmVudDtcbiAgICAgICAgICAgICAgICAgICAgaG9zdC50YWIgPSB0YWI7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuY2hpbGRzLnB1c2goY29tcG9uZW50UmVmKTtcbiAgICAgICAgICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb21wb25lbnRSZWYuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgICAgICAgICAgICAgICAgICAgLy9ob3N0LmFjdGl2ZSgpO1xuICAgICAgICAgICAgICAgICAgICB9LCAxMCk7XG4gICAgICAgICAgICAgICAgfSBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS5lcnJvcihlcnJvcik7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9KSk7XG5cbiAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25zLnB1c2godGFiU2VydmljZS5jbG9zZWQuc3Vic2NyaWJlKHRhYiA9PiB7XG4gICAgICAgICAgICBjb25zdCBob3N0cmVmID0gdGhpcy5jaGlsZHMuZmluZChjID0+IChjIGFzIGFueSkudWlkID09PSB0YWJbVEFCX01FVEFfS0VZXS51aWQpO1xuICAgICAgICAgICAgaWYgKGhvc3RyZWYpIHtcbiAgICAgICAgICAgICAgICBob3N0cmVmLmRlc3Ryb3koKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHRoaXMuY2hpbGRzID0gdGhpcy5jaGlsZHMuZmlsdGVyKGMgPT4gKGMgYXMgYW55KS51aWQgIT09IHRhYltUQUJfTUVUQV9LRVldLnVpZCk7XG4gICAgICAgIH0pKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgdGhpcy50YWJTZXJ2aWNlLmNsZWFyKCk7XG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5mb3JFYWNoKHMgPT4ge1xuICAgICAgICAgICAgcy51bnN1YnNjcmliZSgpO1xuICAgICAgICB9KTtcbiAgICB9XG59Il19

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.12", 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.12", 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.12", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXBhZ2UtaG9zdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90YWItcGFnZS90YWItcGFnZS1ob3N0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxVQUFVLEVBQWdCLGlCQUFpQixFQUEyQixNQUFNLGVBQWUsQ0FBQztBQUNySixPQUFPLEVBQWEsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQy9DLE9BQU8sRUFBeUMsWUFBWSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0FBZTlELE1BQU0sT0FBTyxzQkFBc0I7SUFXbkI7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQWJaLEdBQUcsQ0FBWTtJQUNQLFlBQVksQ0FBb0I7SUFDeEMsU0FBUyxDQUFVO0lBQ25CLFVBQVUsQ0FBUztJQUdYLFNBQVMsQ0FBbUI7SUFFcEMsWUFDWSxHQUErQixFQUMvQixlQUFnQyxFQUNoQyxVQUE0QixFQUM1QixjQUFnQyxFQUNoQyxHQUFzQjtRQUp0QixRQUFHLEdBQUgsR0FBRyxDQUE0QjtRQUMvQixvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFDaEMsZUFBVSxHQUFWLFVBQVUsQ0FBa0I7UUFDNUIsbUJBQWMsR0FBZCxjQUFjLENBQWtCO1FBQ2hDLFFBQUcsR0FBSCxHQUFHLENBQW1CO0lBRWxDLENBQUM7SUFHRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDMUIsQ0FBQztJQUVELE1BQU07UUFDRixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLFFBQVEsRUFB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QUFDO0lBRUQsV0FBVztRQUNQLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDMUI7UUFDRCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDOUMsQ0FBQzt3R0F2RlEsc0JBQXNCOzRGQUF0QixzQkFBc0IsMklBT0MsZ0JBQWdCLDJDQWxCdEM7Ozs7Ozs7O0tBUVQ7OzRGQUdRLHNCQUFzQjtrQkFibEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUU7Ozs7Ozs7O0tBUVQ7aUJBQ0o7Nk5BVVcsU0FBUztzQkFEaEIsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBWaWV3Q2hpbGQsIFZpZXdDb250YWluZXJSZWYsIEVsZW1lbnRSZWYsIENvbXBvbmVudFJlZiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWFRhYlBhZ2UsIEFYVGFiUGFnZVNlcnZpY2UgfSBmcm9tICcuL3RhYi1wYWdlLnNlcnZpY2UnO1xuaW1wb3J0IHsgQVhSZW5kZXJTZXJ2aWNlIH0gZnJvbSAnQGFjb3JleC9jb3JlJztcbmltcG9ydCB7IEFYQmFzZVBhZ2VDb21wb25lbnQsIEFYUGFnZUNsb3NlRXZlbnQsIFRBQl9NRVRBX0tFWSB9IGZyb20gJy4uL2Jhc2UvYmFzZS1wYWdlLmNsYXNzJztcbmltcG9ydCB7IEFYTG9hZGluZ1NlcnZpY2UgfSBmcm9tICcuLi9sb2FkaW5nL2xvYWRpbmcuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXgtdGFiLXBhZ2UtaG9zdCcsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgPGRpdiBjbGFzcz0nYXgtbG9hZGluZy1ob3N0Jz5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9J2F4LXRhYi1wYWdlLWhvc3QnID5cbiAgICAgICAgICAgICAgICA8ZGl2IFtoaWRkZW5dPVwiaXNMb2FkaW5nXCIgc3R5bGU9XCJoZWlnaHQ6MTAwJVwiIGNsYXNzPSdheC10YWItcGFnZS1ob3N0LWNvbnRhaW5lcic+XG4gICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjY29udGFpbmVyPjwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgYFxufSlcblxuZXhwb3J0IGNsYXNzIEFYVGFiUGFnZUhvc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgdGFiOiBBWFRhYlBhZ2U7XG4gICAgcHJpdmF0ZSBjb21wb25lbnRSZWY6IENvbXBvbmVudFJlZjxhbnk+O1xuICAgIGlzTG9hZGluZzogYm9vbGVhbjtcbiAgICBfbG9hZGluZ0lkOiBudW1iZXI7XG5cbiAgICBAVmlld0NoaWxkKCdjb250YWluZXInLCB7IHJlYWQ6IFZpZXdDb250YWluZXJSZWYsIHN0YXRpYzogdHJ1ZSB9KVxuICAgIHByaXZhdGUgY29udGFpbmVyOiBWaWV3Q29udGFpbmVyUmVmO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgcmVmOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PixcbiAgICAgICAgcHJpdmF0ZSByZW5kZXJlclNlcnZpY2U6IEFYUmVuZGVyU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSB0YWJTZXJ2aWNlOiBBWFRhYlBhZ2VTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIGxvYWRpbmdTZXJ2aWNlOiBBWExvYWRpbmdTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgKSB7XG4gICAgfVxuXG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSB0cnVlO1xuICAgIH1cblxuICAgIGFjdGl2ZSgpIHtcbiAgICAgICAgY29uc3QgZnVuYyA9IHRoaXMuY29tcG9uZW50UmVmPy5pbnN0YW5jZT8ub25BY3RpdmF0ZWQ7XG4gICAgICAgIGlmIChmdW5jKSB7XG4gICAgICAgICAgICBjb25zdCBmID0gKGZ1bmMgYXMgRnVuY3Rpb24pLmJpbmQodGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2UpO1xuICAgICAgICAgICAgZigpXG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBhc3luYyBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgICAgIHRoaXMuX2xvYWRpbmdJZCA9IHRoaXMubG9hZGluZ1NlcnZpY2Uuc2hvdyh0aGlzLnJlZi5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJy5heC10YWItcGFnZS1ob3N0LWNvbnRhaW5lcicpKTtcbiAgICAgICAgLy9cbiAgICAgICAgbGV0IGRhdGE6IGFueSA9IHt9O1xuICAgICAgICAvL1xuICAgICAgICBsZXQgY29tcG9uZW50OiBhbnk7XG4gICAgICAgIGlmICh0eXBlb2YgdGhpcy50YWIuY29udGVudCA9PT0gJ3N0cmluZycpIHtcbiAgICAgICAgICAgIGNvbnN0IHJvdXRlID0gYXdhaXQgdGhpcy5yZW5kZXJlclNlcnZpY2UuZmluZExvYWRlZENvbXBvbmVudEJ5Um91dGUodGhpcy50YWIuY29udGVudCwgMjApO1xuICAgICAgICAgICAgY29tcG9uZW50ID0gcm91dGU/LmNvbXBvbmVudDtcbiAgICAgICAgICAgIGRhdGEgPSBPYmplY3QuYXNzaWduKGRhdGEsIHJvdXRlLmRhdGEpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKHR5cGVvZiB0aGlzLnRhYi5jb250ZW50ID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgICAgICBjb21wb25lbnQgPSB0aGlzLnRhYi5jb250ZW50O1xuICAgICAgICB9XG4gICAgICAgIGlmIChjb21wb25lbnQgPT0gbnVsbCkge1xuICAgICAgICAgICAgLy8gVE9ETzogNDA0IHBhZ2UgY29tcG9uZW50XG4gICAgICAgICAgICB0aGlzLmlzTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgY29uc29sZS5lcnJvcihgSW52YWxpZCBwYWdlIENvbXBvbmVudCEgJHt0aGlzLnRhYi5jb250ZW50fWApO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIC8vXG4gICAgICAgIGRhdGEgPSBPYmplY3QuYXNzaWduKGRhdGEsIHRoaXMudGFiLmRhdGEpO1xuICAgICAgICAvL1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgdGhpcy5jb21wb25lbnRSZWYgPSB0aGlzLmNvbnRhaW5lci5jcmVhdGVDb21wb25lbnQoY29tcG9uZW50KTtcbiAgICAgICAgICAgIGlmICghdGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2Uub25DbG9zZWQpIHtcbiAgICAgICAgICAgICAgICB0aHJvdyBFcnJvcignVGhlIENvbXBvbmVudCBtdXN0IGJlIGluaGVyaXRlZCBmcm9tIEFYQmFzZVBhZ2VDb21wb25lbnQhJyk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB0aGlzLmNvbXBvbmVudFJlZi5pbnN0YW5jZS5vbkNsb3NlZC5zdWJzY3JpYmUoKGU6IEFYUGFnZUNsb3NlRXZlbnQpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLnRhYlNlcnZpY2UuY2xvc2UodGhpcy50YWIpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAvL1xuICAgICAgICAgICAgY29uc3QgY29tID0gdGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2UgYXMgYW55O1xuICAgICAgICAgICAgLy9cbiAgICAgICAgICAgIE9iamVjdC5hc3NpZ24oY29tLCBkYXRhKTtcbiAgICAgICAgICAgIC8vXG4gICAgICAgICAgICB0aGlzLnRhYltUQUJfTUVUQV9LRVldLmNvbXBvbmVudCA9IGNvbTtcbiAgICAgICAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgICAgICAgICB0aGlzLmxvYWRpbmdTZXJ2aWNlLmhpZGUodGhpcy5fbG9hZGluZ0lkKTtcbiAgICAgICAgICAgIHRoaXMuY29tcG9uZW50UmVmLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICAgICAgfSBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICAgIC8vIFRPRE86IDQwNCBwYWdlIGNvbXBvbmVudFxuICAgICAgICAgICAgY29uc29sZS5lcnJvcihlcnJvcik7XG4gICAgICAgIH0gZmluYWxseSB7XG4gICAgICAgICAgICAvL3RoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgaWYgKHRoaXMuY29tcG9uZW50UmVmKSB7XG4gICAgICAgICAgICB0aGlzLmNvbXBvbmVudFJlZi5ob3N0Vmlldy5kZXN0cm95KCk7XG4gICAgICAgICAgICB0aGlzLmNvbXBvbmVudFJlZi5kZXN0cm95KCk7XG4gICAgICAgICAgICB0aGlzLmNvbnRhaW5lci5jbGVhcigpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMubG9hZGluZ1NlcnZpY2UuaGlkZSh0aGlzLl9sb2FkaW5nSWQpO1xuICAgIH1cbn0iXX0=

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.12", ngImport: i0, type: AXTabPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AXTabPageModule, declarations: [AXTabPageRendererComponent, AXTabPageHostComponent], imports: [CommonModule, AXLoadingModule], exports: [AXTabPageRendererComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabPageModule, imports: [CommonModule, AXLoadingModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTabPageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXTabPageRendererComponent, AXTabPageHostComponent],
+                    imports: [CommonModule, AXLoadingModule],
+                    exports: [AXTabPageRendererComponent],
+                    providers: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXBhZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdGFiLXBhZ2UvdGFiLXBhZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzNFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFRbkUsTUFBTSxPQUFPLGVBQWU7d0dBQWYsZUFBZTt5R0FBZixlQUFlLGlCQUxULDBCQUEwQixFQUFFLHNCQUFzQixhQUN2RCxZQUFZLEVBQUUsZUFBZSxhQUM3QiwwQkFBMEI7eUdBRzNCLGVBQWUsWUFKZCxZQUFZLEVBQUUsZUFBZTs7NEZBSTlCLGVBQWU7a0JBTjNCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsMEJBQTBCLEVBQUUsc0JBQXNCLENBQUM7b0JBQ2xFLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7b0JBQ3hDLE9BQU8sRUFBRSxDQUFDLDBCQUEwQixDQUFDO29CQUNyQyxTQUFTLEVBQUUsRUFBRTtpQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFYVGFiUGFnZVJlbmRlcmVyQ29tcG9uZW50IH0gZnJvbSAnLi90YWItcGFnZS1SZW5kZXJlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhMb2FkaW5nTW9kdWxlIH0gZnJvbSAnLi4vbG9hZGluZy9sb2FkaW5nLm1vZHVsZSc7XG5pbXBvcnQgeyBBWFRhYlBhZ2VIb3N0Q29tcG9uZW50IH0gZnJvbSAnLi90YWItcGFnZS1ob3N0LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbQVhUYWJQYWdlUmVuZGVyZXJDb21wb25lbnQsIEFYVGFiUGFnZUhvc3RDb21wb25lbnRdLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYTG9hZGluZ01vZHVsZV0sXG4gICAgZXhwb3J0czogW0FYVGFiUGFnZVJlbmRlcmVyQ29tcG9uZW50XSxcbiAgICBwcm92aWRlcnM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIEFYVGFiUGFnZU1vZHVsZSB7IH0iXX0=