@ng-nest/ui 16.0.4 → 16.0.6

package/esm2022/pagination/pagination.component.mjs

@@ -151,11 +151,11 @@ class XPaginationComponent extends XPaginationProperty {
     trackByItem(_index, item) {
         return item;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPaginationComponent, deps: [{ token: i1.XConfigService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XPaginationComponent, selector: "x-pagination", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<x-buttons *ngIf=\"!simple; else simpleTpl\" [space]=\"space\" [hiddenBorder]=\"hiddenBorder\">\r\n  <x-button\r\n    *ngIf=\"showEllipsis\"\r\n    [icon]=\"'fto-chevrons-left'\"\r\n    [title]=\"'pagination.first' | xI18n\"\r\n    [disabled]=\"disabled || firstActivated\"\r\n    (click)=\"jump(1)\"\r\n  ></x-button>\r\n  <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n  <x-button\r\n    *ngFor=\"let item of indexes; trackBy: trackByItem\"\r\n    [disabled]=\"disabled\"\r\n    [activated]=\"getActivated(item)\"\r\n    (click)=\"jump(item)\"\r\n    >{{ item }}</x-button\r\n  >\r\n  <ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n  <x-button\r\n    *ngIf=\"showEllipsis && !simple\"\r\n    [icon]=\"'fto-chevrons-right'\"\r\n    [title]=\"'pagination.last' | xI18n\"\r\n    [disabled]=\"disabled || lastActivated\"\r\n    (click)=\"jump(lastIndex)\"\r\n  ></x-button>\r\n</x-buttons>\r\n<ng-template #simpleTpl>\r\n  <div class=\"x-pagination-simple\">\r\n    <x-input\r\n      [bordered]=\"!hiddenBorder\"\r\n      [before]=\"previousTpl\"\r\n      [after]=\"nextTpl\"\r\n      [style.width.px]=\"simpleIndexWidth\"\r\n      [(ngModel)]=\"index\"\r\n      (xKeydown)=\"onSimpleKeydown($event)\"\r\n    ></x-input>\r\n    <span>/</span>\r\n    <span>{{ lastIndex }}</span>\r\n  </div>\r\n</ng-template>\r\n<x-select\r\n  *ngIf=\"showSize && !showInputSize\"\r\n  [style.width.px]=\"sizeWidth\"\r\n  class=\"x-pagination-size\"\r\n  [data]=\"sizeData\"\r\n  clearable=\"false\"\r\n  [disabled]=\"disabled\"\r\n  [bordered]=\"!hiddenBorder\"\r\n  [nodeTpl]=\"nodeTpl\"\r\n  [(ngModel)]=\"size\"\r\n  (ngModelChange)=\"sizeChanged()\"\r\n></x-select>\r\n<div *ngIf=\"showInputSize\" class=\"x-pagination-input-size\">\r\n  <x-input\r\n    [style.width.px]=\"inputSizeWidth\"\r\n    [disabled]=\"disabled\"\r\n    [bordered]=\"!hiddenBorder\"\r\n    [(ngModel)]=\"inputSize\"\r\n    (xKeydown)=\"onInputSizeKeydown($event)\"\r\n  ></x-input>\r\n  <span> {{ 'pagination.sizePage' | xI18n }} </span>\r\n</div>\r\n\r\n<div *ngIf=\"showJump && !simple\" class=\"x-pagination-jump\">\r\n  <span>{{ 'pagination.jump' | xI18n }}</span>\r\n  <x-input [bordered]=\"!hiddenBorder\" [style.width.px]=\"jumpWidth\" [(ngModel)]=\"jumpPage\" (xKeydown)=\"onJumpKeydown($event)\"></x-input>\r\n</div>\r\n<x-button *ngIf=\"showTotal\" [disabled]=\"disabled\" class=\"x-pagination-total\" [type]=\"hiddenBorder === true ? 'text' : 'initial'\"\r\n  ><ng-container *xOutlet=\"totalTpl; context: { $total: total }\"\r\n    >{{ 'pagination.total' | xI18n }} {{ total }} {{ 'pagination.item' | xI18n }}</ng-container\r\n  ></x-button\r\n>\r\n\r\n<ng-template #previousTpl>\r\n  <x-button\r\n    [type]=\"hiddenBorder ? 'text' : 'initial'\"\r\n    [icon]=\"'fto-chevron-left'\"\r\n    [title]=\"'pagination.previous' | xI18n\"\r\n    [disabled]=\"disabled || leftDisabled\"\r\n    (click)=\"jump(-1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nextTpl>\r\n  <x-button\r\n    [type]=\"hiddenBorder ? 'text' : 'initial'\"\r\n    [icon]=\"'fto-chevron-right'\"\r\n    [title]=\"'pagination.next' | xI18n\"\r\n    [disabled]=\"disabled || rightDisabled\"\r\n    (click)=\"jump(1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <ng-container *ngIf=\"node\"> {{ node?.label }} {{ 'pagination.sizePage' | xI18n }} </ng-container>\r\n</ng-template>\r\n", styles: [".x-pagination{margin:0;padding:0;display:inline-flex}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button{min-width:1.75rem}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button-activated{background-color:#0000000d}.x-pagination-size,.x-pagination-total{margin-left:.5rem}.x-pagination-input-size{margin-left:.5rem;display:inline-flex;align-items:center}.x-pagination-input-size x-input{margin-right:.5rem}.x-pagination-jump{margin-left:.5rem;display:inline-flex;align-items:center}.x-pagination-jump x-input{margin-left:.5rem}.x-pagination-simple{margin-right:.5rem;display:inline-flex;align-items:center}.x-pagination-simple>x-input input{text-align:center}.x-pagination-simple>span{margin-left:.5rem}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.XButtonComponent, selector: "x-button" }, { kind: "component", type: i5.XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: i6.XSelectComponent, selector: "x-select" }, { kind: "component", type: i7.XInputComponent, selector: "x-input" }, { kind: "directive", type: i8.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "pipe", type: i2.XI18nPipe, name: "xI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPaginationComponent, deps: [{ token: i1.XConfigService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XPaginationComponent, selector: "x-pagination", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<x-buttons *ngIf=\"!simple; else simpleTpl\" [space]=\"space\" [hiddenBorder]=\"hiddenBorder\">\r\n  <x-button\r\n    *ngIf=\"showEllipsis\"\r\n    [icon]=\"'fto-chevrons-left'\"\r\n    [title]=\"'pagination.first' | xI18n\"\r\n    [disabled]=\"disabled || firstActivated\"\r\n    (click)=\"jump(1)\"\r\n  ></x-button>\r\n  <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n  <x-button\r\n    *ngFor=\"let item of indexes; trackBy: trackByItem\"\r\n    [disabled]=\"disabled\"\r\n    [activated]=\"getActivated(item)\"\r\n    (click)=\"jump(item)\"\r\n    >{{ item }}</x-button\r\n  >\r\n  <ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n  <x-button\r\n    *ngIf=\"showEllipsis && !simple\"\r\n    [icon]=\"'fto-chevrons-right'\"\r\n    [title]=\"'pagination.last' | xI18n\"\r\n    [disabled]=\"disabled || lastActivated\"\r\n    (click)=\"jump(lastIndex)\"\r\n  ></x-button>\r\n</x-buttons>\r\n<ng-template #simpleTpl>\r\n  <div class=\"x-pagination-simple\">\r\n    <x-input\r\n      [bordered]=\"!hiddenBorder\"\r\n      [before]=\"previousTpl\"\r\n      [after]=\"nextTpl\"\r\n      [style.width.px]=\"simpleIndexWidth\"\r\n      [(ngModel)]=\"index\"\r\n      (xKeydown)=\"onSimpleKeydown($event)\"\r\n    ></x-input>\r\n    <span>/</span>\r\n    <span>{{ lastIndex }}</span>\r\n  </div>\r\n</ng-template>\r\n<x-select\r\n  *ngIf=\"showSize && !showInputSize\"\r\n  [style.width.px]=\"sizeWidth\"\r\n  class=\"x-pagination-size\"\r\n  [data]=\"sizeData\"\r\n  clearable=\"false\"\r\n  [disabled]=\"disabled\"\r\n  [bordered]=\"!hiddenBorder\"\r\n  [nodeTpl]=\"nodeTpl\"\r\n  [(ngModel)]=\"size\"\r\n  (ngModelChange)=\"sizeChanged()\"\r\n></x-select>\r\n<div *ngIf=\"showInputSize\" class=\"x-pagination-input-size\">\r\n  <x-input\r\n    [style.width.px]=\"inputSizeWidth\"\r\n    [disabled]=\"disabled\"\r\n    [bordered]=\"!hiddenBorder\"\r\n    [(ngModel)]=\"inputSize\"\r\n    (xKeydown)=\"onInputSizeKeydown($event)\"\r\n  ></x-input>\r\n  <span> {{ 'pagination.sizePage' | xI18n }} </span>\r\n</div>\r\n\r\n<div *ngIf=\"showJump && !simple\" class=\"x-pagination-jump\">\r\n  <span>{{ 'pagination.jump' | xI18n }}</span>\r\n  <x-input [bordered]=\"!hiddenBorder\" [style.width.px]=\"jumpWidth\" [(ngModel)]=\"jumpPage\" (xKeydown)=\"onJumpKeydown($event)\"></x-input>\r\n</div>\r\n<x-button *ngIf=\"showTotal\" [disabled]=\"disabled\" class=\"x-pagination-total\" [type]=\"hiddenBorder === true ? 'text' : 'initial'\"\r\n  ><ng-container *xOutlet=\"totalTpl; context: { $total: total }\"\r\n    >{{ 'pagination.total' | xI18n }} {{ total }} {{ 'pagination.item' | xI18n }}</ng-container\r\n  ></x-button\r\n>\r\n\r\n<ng-template #previousTpl>\r\n  <x-button\r\n    [type]=\"hiddenBorder ? 'text' : 'initial'\"\r\n    [icon]=\"'fto-chevron-left'\"\r\n    [title]=\"'pagination.previous' | xI18n\"\r\n    [disabled]=\"disabled || leftDisabled\"\r\n    (click)=\"jump(-1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nextTpl>\r\n  <x-button\r\n    [type]=\"hiddenBorder ? 'text' : 'initial'\"\r\n    [icon]=\"'fto-chevron-right'\"\r\n    [title]=\"'pagination.next' | xI18n\"\r\n    [disabled]=\"disabled || rightDisabled\"\r\n    (click)=\"jump(1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <ng-container *ngIf=\"node\"> {{ node?.label }} {{ 'pagination.sizePage' | xI18n }} </ng-container>\r\n</ng-template>\r\n", styles: [".x-pagination{margin:0;padding:0;display:inline-flex}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button{min-width:1.75rem}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button-activated{background-color:#0000000d}.x-pagination-size,.x-pagination-total{margin-left:.5rem}.x-pagination-input-size{margin-left:.5rem;display:inline-flex;align-items:center}.x-pagination-input-size x-input{margin-right:.5rem}.x-pagination-jump{margin-left:.5rem;display:inline-flex;align-items:center}.x-pagination-jump x-input{margin-left:.5rem}.x-pagination-simple{margin-right:.5rem;display:inline-flex;align-items:center}.x-pagination-simple>x-input input{text-align:center}.x-pagination-simple>span{margin-left:.5rem}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.XButtonComponent, selector: "x-button" }, { kind: "component", type: i5.XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: i6.XSelectComponent, selector: "x-select" }, { kind: "component", type: i7.XInputComponent, selector: "x-input" }, { kind: "directive", type: i8.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "pipe", type: i2.XI18nPipe, name: "xI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { XPaginationComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XPaginationPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<x-buttons *ngIf=\"!simple; else simpleTpl\" [space]=\"space\" [hiddenBorder]=\"hiddenBorder\">\r\n  <x-button\r\n    *ngIf=\"showEllipsis\"\r\n    [icon]=\"'fto-chevrons-left'\"\r\n    [title]=\"'pagination.first' | xI18n\"\r\n    [disabled]=\"disabled || firstActivated\"\r\n    (click)=\"jump(1)\"\r\n  ></x-button>\r\n  <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n  <x-button\r\n    *ngFor=\"let item of indexes; trackBy: trackByItem\"\r\n    [disabled]=\"disabled\"\r\n    [activated]=\"getActivated(item)\"\r\n    (click)=\"jump(item)\"\r\n    >{{ item }}</x-button\r\n  >\r\n  <ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n  <x-button\r\n    *ngIf=\"showEllipsis && !simple\"\r\n    [icon]=\"'fto-chevrons-right'\"\r\n    [title]=\"'pagination.last' | xI18n\"\r\n    [disabled]=\"disabled || lastActivated\"\r\n    (click)=\"jump(lastIndex)\"\r\n  ></x-button>\r\n</x-buttons>\r\n<ng-template #simpleTpl>\r\n  <div class=\"x-pagination-simple\">\r\n    <x-input\r\n      [bordered]=\"!hiddenBorder\"\r\n      [before]=\"previousTpl\"\r\n      [after]=\"nextTpl\"\r\n      [style.width.px]=\"simpleIndexWidth\"\r\n      [(ngModel)]=\"index\"\r\n      (xKeydown)=\"onSimpleKeydown($event)\"\r\n    ></x-input>\r\n    <span>/</span>\r\n    <span>{{ lastIndex }}</span>\r\n  </div>\r\n</ng-template>\r\n<x-select\r\n  *ngIf=\"showSize && !showInputSize\"\r\n  [style.width.px]=\"sizeWidth\"\r\n  class=\"x-pagination-size\"\r\n  [data]=\"sizeData\"\r\n  clearable=\"false\"\r\n  [disabled]=\"disabled\"\r\n  [bordered]=\"!hiddenBorder\"\r\n  [nodeTpl]=\"nodeTpl\"\r\n  [(ngModel)]=\"size\"\r\n  (ngModelChange)=\"sizeChanged()\"\r\n></x-select>\r\n<div *ngIf=\"showInputSize\" class=\"x-pagination-input-size\">\r\n  <x-input\r\n    [style.width.px]=\"inputSizeWidth\"\r\n    [disabled]=\"disabled\"\r\n    [bordered]=\"!hiddenBorder\"\r\n    [(ngModel)]=\"inputSize\"\r\n    (xKeydown)=\"onInputSizeKeydown($event)\"\r\n  ></x-input>\r\n  <span> {{ 'pagination.sizePage' | xI18n }} </span>\r\n</div>\r\n\r\n<div *ngIf=\"showJump && !simple\" class=\"x-pagination-jump\">\r\n  <span>{{ 'pagination.jump' | xI18n }}</span>\r\n  <x-input [bordered]=\"!hiddenBorder\" [style.width.px]=\"jumpWidth\" [(ngModel)]=\"jumpPage\" (xKeydown)=\"onJumpKeydown($event)\"></x-input>\r\n</div>\r\n<x-button *ngIf=\"showTotal\" [disabled]=\"disabled\" class=\"x-pagination-total\" [type]=\"hiddenBorder === true ? 'text' : 'initial'\"\r\n  ><ng-container *xOutlet=\"totalTpl; context: { $total: total }\"\r\n    >{{ 'pagination.total' | xI18n }} {{ total }} {{ 'pagination.item' | xI18n }}</ng-container\r\n  ></x-button\r\n>\r\n\r\n<ng-template #previousTpl>\r\n  <x-button\r\n    [type]=\"hiddenBorder ? 'text' : 'initial'\"\r\n    [icon]=\"'fto-chevron-left'\"\r\n    [title]=\"'pagination.previous' | xI18n\"\r\n    [disabled]=\"disabled || leftDisabled\"\r\n    (click)=\"jump(-1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nextTpl>\r\n  <x-button\r\n    [type]=\"hiddenBorder ? 'text' : 'initial'\"\r\n    [icon]=\"'fto-chevron-right'\"\r\n    [title]=\"'pagination.next' | xI18n\"\r\n    [disabled]=\"disabled || rightDisabled\"\r\n    (click)=\"jump(1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <ng-container *ngIf=\"node\"> {{ node?.label }} {{ 'pagination.sizePage' | xI18n }} </ng-container>\r\n</ng-template>\r\n", styles: [".x-pagination{margin:0;padding:0;display:inline-flex}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button{min-width:1.75rem}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button-activated{background-color:#0000000d}.x-pagination-size,.x-pagination-total{margin-left:.5rem}.x-pagination-input-size{margin-left:.5rem;display:inline-flex;align-items:center}.x-pagination-input-size x-input{margin-right:.5rem}.x-pagination-jump{margin-left:.5rem;display:inline-flex;align-items:center}.x-pagination-jump x-input{margin-left:.5rem}.x-pagination-simple{margin-right:.5rem;display:inline-flex;align-items:center}.x-pagination-simple>x-input input{text-align:center}.x-pagination-simple>span{margin-left:.5rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.XConfigService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i2.XI18nService }]; } });

package/esm2022/pagination/pagination.module.mjs

@@ -10,12 +10,12 @@ import { XInputModule } from '@ng-nest/ui/input';
 import { XOutletModule } from '@ng-nest/ui/outlet';
 import * as i0 from "@angular/core";
 class XPaginationModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XPaginationModule, declarations: [XPaginationComponent, XPaginationProperty], imports: [CommonModule, FormsModule, XButtonModule, XI18nModule, XSelectModule, XInputModule, XOutletModule], exports: [XPaginationComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPaginationModule, imports: [CommonModule, FormsModule, XButtonModule, XI18nModule, XSelectModule, XInputModule, XOutletModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XPaginationModule, declarations: [XPaginationComponent, XPaginationProperty], imports: [CommonModule, FormsModule, XButtonModule, XI18nModule, XSelectModule, XInputModule, XOutletModule], exports: [XPaginationComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPaginationModule, imports: [CommonModule, FormsModule, XButtonModule, XI18nModule, XSelectModule, XInputModule, XOutletModule] }); }
 }
 export { XPaginationModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPaginationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPaginationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XPaginationComponent, XPaginationProperty],

package/esm2022/pagination/pagination.property.mjs

@@ -46,8 +46,8 @@ class XPaginationProperty extends XProperty {
          */
         this.sizeChange = new EventEmitter();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPaginationProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XPaginationProperty, selector: "x-pagination-property", inputs: { index: "index", size: "size", total: "total", query: "query", pageLinkSize: "pageLinkSize", showEllipsis: "showEllipsis", showTotal: "showTotal", space: "space", hiddenBorder: "hiddenBorder", showSize: "showSize", sizeWidth: "sizeWidth", showInputSize: "showInputSize", inputSizeWidth: "inputSizeWidth", sizeData: "sizeData", disabled: "disabled", showJump: "showJump", jumpWidth: "jumpWidth", totalTpl: "totalTpl", simple: "simple", simpleIndexWidth: "simpleIndexWidth" }, outputs: { queryChange: "queryChange", indexChange: "indexChange", sizeChange: "sizeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPaginationProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XPaginationProperty, selector: "x-pagination-property", inputs: { index: "index", size: "size", total: "total", query: "query", pageLinkSize: "pageLinkSize", showEllipsis: "showEllipsis", showTotal: "showTotal", space: "space", hiddenBorder: "hiddenBorder", showSize: "showSize", sizeWidth: "sizeWidth", showInputSize: "showInputSize", inputSizeWidth: "inputSizeWidth", sizeData: "sizeData", disabled: "disabled", showJump: "showJump", jumpWidth: "jumpWidth", totalTpl: "totalTpl", simple: "simple", simpleIndexWidth: "simpleIndexWidth" }, outputs: { queryChange: "queryChange", indexChange: "indexChange", sizeChange: "sizeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 __decorate([
     XWithConfig(X_CONFIG_NAME, 1),
@@ -119,7 +119,7 @@ __decorate([
     XInputNumber()
 ], XPaginationProperty.prototype, "simpleIndexWidth", void 0);
 export { XPaginationProperty };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPaginationProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPaginationProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XPaginationPrefix}-property`, template: '' }]
         }], propDecorators: { index: [{

package/esm2022/pattern/pattern.component.mjs

@@ -7,11 +7,11 @@ class XPatternComponent {
         this.elementRef = elementRef;
         this.renderer.addClass(this.elementRef.nativeElement, PatternPrefix);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPatternComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XPatternComponent, selector: "x-pattern", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-pattern{margin:0;padding:0;display:block}.x-pattern>table>tr>td:nth-child(1){color:navy;width:25%}.x-pattern>table>tr>td:nth-child(3){color:#d14}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPatternComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XPatternComponent, selector: "x-pattern", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-pattern{margin:0;padding:0;display:block}.x-pattern>table>tr>td:nth-child(1){color:navy;width:25%}.x-pattern>table>tr>td:nth-child(3){color:#d14}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { XPatternComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPatternComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPatternComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-pattern', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n", styles: [".x-pattern{margin:0;padding:0;display:block}.x-pattern>table>tr>td:nth-child(1){color:navy;width:25%}.x-pattern>table>tr>td:nth-child(3){color:#d14}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });

package/esm2022/pattern/pattern.module.mjs

@@ -3,12 +3,12 @@ import { CommonModule } from '@angular/common';
 import { XPatternComponent } from './pattern.component';
 import * as i0 from "@angular/core";
 class XPatternModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPatternModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XPatternModule, declarations: [XPatternComponent], imports: [CommonModule], exports: [XPatternComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPatternModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPatternModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XPatternModule, declarations: [XPatternComponent], imports: [CommonModule], exports: [XPatternComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPatternModule, imports: [CommonModule] }); }
 }
 export { XPatternModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPatternModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPatternModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XPatternComponent],

package/esm2022/popconfirm/popconfirm.component.mjs

@@ -64,11 +64,11 @@ class XPopconfirmComponent extends XPopconfirmProperty {
     onClick() {
         this.condition && this.onConfirm();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopconfirmComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XPopconfirmComponent, selector: "x-popconfirm", usesInheritance: true, ngImport: i0, template: "<div\r\n  #popconfirm\r\n  class=\"x-popconfirm\"\r\n  x-popover\r\n  [title]=\"titleTpl\"\r\n  [content]=\"content\"\r\n  [footer]=\"footerTpl\"\r\n  [placement]=\"placement\"\r\n  [trigger]=\"trigger\"\r\n  [width]=\"width\"\r\n  [condition]=\"condition\"\r\n  [(visible)]=\"visible\"\r\n  (click)=\"onClick()\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #titleTpl>\r\n  <div class=\"x-popconfirm-title\">\r\n    <ng-container *xOutlet=\"title\">\r\n      <x-icon *ngIf=\"icon\" [style.color]=\"iconColor\" [type]=\"icon\"></x-icon>\r\n      <span>{{ title }}</span>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #footerTpl>\r\n  <div class=\"x-popconfirm-buttons\">\r\n    <x-button (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n    <x-button type=\"primary\" (click)=\"onConfirm()\" [loading]=\"loading\">{{ getConfirmText }}</x-button>\r\n  </div>\r\n</ng-template>\r\n", styles: [".x-popconfirm{margin:0;padding:0;display:inline-block}.x-popconfirm-buttons{display:flex;justify-content:flex-end}.x-popconfirm-buttons>x-button:not(:first-child){margin-left:.5rem}.x-popconfirm-title{display:flex;align-items:center}.x-popconfirm-title>.x-icon{margin-right:.325rem;font-size:1rem}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.XPopoverDirective, selector: "[x-popover], x-popover" }, { kind: "component", type: i5.XButtonComponent, selector: "x-button" }, { kind: "component", type: i6.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i7.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopconfirmComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XPopconfirmComponent, selector: "x-popconfirm", usesInheritance: true, ngImport: i0, template: "<div\r\n  #popconfirm\r\n  class=\"x-popconfirm\"\r\n  x-popover\r\n  [title]=\"titleTpl\"\r\n  [content]=\"content\"\r\n  [footer]=\"footerTpl\"\r\n  [placement]=\"placement\"\r\n  [trigger]=\"trigger\"\r\n  [width]=\"width\"\r\n  [condition]=\"condition\"\r\n  [(visible)]=\"visible\"\r\n  (click)=\"onClick()\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #titleTpl>\r\n  <div class=\"x-popconfirm-title\">\r\n    <ng-container *xOutlet=\"title\">\r\n      <x-icon *ngIf=\"icon\" [style.color]=\"iconColor\" [type]=\"icon\"></x-icon>\r\n      <span>{{ title }}</span>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #footerTpl>\r\n  <div class=\"x-popconfirm-buttons\">\r\n    <x-button (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n    <x-button type=\"primary\" (click)=\"onConfirm()\" [loading]=\"loading\">{{ getConfirmText }}</x-button>\r\n  </div>\r\n</ng-template>\r\n", styles: [".x-popconfirm{margin:0;padding:0;display:inline-block}.x-popconfirm-buttons{display:flex;justify-content:flex-end}.x-popconfirm-buttons>x-button:not(:first-child){margin-left:.5rem}.x-popconfirm-title{display:flex;align-items:center}.x-popconfirm-title>.x-icon{margin-right:.325rem;font-size:1rem}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.XPopoverDirective, selector: "[x-popover], x-popover" }, { kind: "component", type: i5.XButtonComponent, selector: "x-button" }, { kind: "component", type: i6.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i7.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { XPopconfirmComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopconfirmComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopconfirmComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XPopconfirmPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  #popconfirm\r\n  class=\"x-popconfirm\"\r\n  x-popover\r\n  [title]=\"titleTpl\"\r\n  [content]=\"content\"\r\n  [footer]=\"footerTpl\"\r\n  [placement]=\"placement\"\r\n  [trigger]=\"trigger\"\r\n  [width]=\"width\"\r\n  [condition]=\"condition\"\r\n  [(visible)]=\"visible\"\r\n  (click)=\"onClick()\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #titleTpl>\r\n  <div class=\"x-popconfirm-title\">\r\n    <ng-container *xOutlet=\"title\">\r\n      <x-icon *ngIf=\"icon\" [style.color]=\"iconColor\" [type]=\"icon\"></x-icon>\r\n      <span>{{ title }}</span>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #footerTpl>\r\n  <div class=\"x-popconfirm-buttons\">\r\n    <x-button (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n    <x-button type=\"primary\" (click)=\"onConfirm()\" [loading]=\"loading\">{{ getConfirmText }}</x-button>\r\n  </div>\r\n</ng-template>\r\n", styles: [".x-popconfirm{margin:0;padding:0;display:inline-block}.x-popconfirm-buttons{display:flex;justify-content:flex-end}.x-popconfirm-buttons>x-button:not(:first-child){margin-left:.5rem}.x-popconfirm-title{display:flex;align-items:center}.x-popconfirm-title>.x-icon{margin-right:.325rem;font-size:1rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }, { type: i2.XI18nService }]; } });

package/esm2022/popconfirm/popconfirm.module.mjs

@@ -8,12 +8,12 @@ import { CommonModule } from '@angular/common';
 import { XPopconfirmProperty } from './popconfirm.property';
 import * as i0 from "@angular/core";
 class XPopconfirmModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopconfirmModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XPopconfirmModule, declarations: [XPopconfirmComponent, XPopconfirmProperty], imports: [CommonModule, XPopoverModule, XButtonModule, XIconModule, XOutletModule], exports: [XPopconfirmComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopconfirmModule, imports: [CommonModule, XPopoverModule, XButtonModule, XIconModule, XOutletModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopconfirmModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XPopconfirmModule, declarations: [XPopconfirmComponent, XPopconfirmProperty], imports: [CommonModule, XPopoverModule, XButtonModule, XIconModule, XOutletModule], exports: [XPopconfirmComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopconfirmModule, imports: [CommonModule, XPopoverModule, XButtonModule, XIconModule, XOutletModule] }); }
 }
 export { XPopconfirmModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopconfirmModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopconfirmModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XPopconfirmComponent, XPopconfirmProperty],

package/esm2022/popconfirm/popconfirm.property.mjs

@@ -26,8 +26,8 @@ class XPopconfirmProperty extends XProperty {
          */
         this.confirm = new EventEmitter();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopconfirmProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XPopconfirmProperty, selector: "x-popconfirm-property", inputs: { title: "title", content: "content", placement: "placement", trigger: "trigger", width: "width", icon: "icon", iconColor: "iconColor", cancelText: "cancelText", confirmText: "confirmText", confirmAsync: "confirmAsync", condition: "condition" }, outputs: { cancel: "cancel", confirm: "confirm" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopconfirmProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XPopconfirmProperty, selector: "x-popconfirm-property", inputs: { title: "title", content: "content", placement: "placement", trigger: "trigger", width: "width", icon: "icon", iconColor: "iconColor", cancelText: "cancelText", confirmText: "confirmText", confirmAsync: "confirmAsync", condition: "condition" }, outputs: { cancel: "cancel", confirm: "confirm" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'bottom')
@@ -54,7 +54,7 @@ __decorate([
     XInputBoolean()
 ], XPopconfirmProperty.prototype, "condition", void 0);
 export { XPopconfirmProperty };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopconfirmProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopconfirmProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XPopconfirmPrefix}-property`, template: '' }]
         }], propDecorators: { title: [{

package/esm2022/popover/popover-portal.component.mjs

@@ -78,11 +78,11 @@ class XPopoverPortalComponent {
     includes(arrow) {
         return this.placement.indexOf(arrow) >= 0;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopoverPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XPopoverPortalComponent, selector: "x-popover-portal", host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, properties: { "@x-fade-animation": "this.animation" } }, viewQueries: [{ propertyName: "popoverPortal", first: true, predicate: ["popoverPortal"], descendants: true, static: true }, { propertyName: "popoverArrow", first: true, predicate: ["popoverArrow"], descendants: true, static: true }], ngImport: i0, template: "<div #popoverPortal class=\"x-popover-portal\" [ngClass]=\"classMap\" (click)=\"stopPropagation($event)\">\r\n  <div class=\"x-popover-portal-inner\" [style.width]=\"width\">\r\n    <div *ngIf=\"title\" class=\"x-popover-portal-title\">\r\n      <ng-container *xOutlet=\"title\">\r\n        {{ title }}\r\n      </ng-container>\r\n    </div>\r\n    <div *ngIf=\"content\" class=\"x-popover-portal-content\">\r\n      <ng-container *xOutlet=\"content\">\r\n        {{ content }}\r\n      </ng-container>\r\n    </div>\r\n    <div *ngIf=\"footer\" class=\"x-popover-portal-footer\">\r\n      <ng-container *xOutlet=\"footer\">\r\n        {{ footer }}\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <div #popoverArrow class=\"x-popover-portal-arrow\"></div>\r\n</div>\r\n", styles: ["x-popover{display:inline-block}.x-popover-portal{margin:0;padding:0;display:inline-flex;position:relative;justify-content:center;align-items:center}.x-popover-portal>.x-popover-portal-inner{font-size:var(--x-font-size);background-color:var(--x-background);color:var(--x-text);padding:var(--x-font-size);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-popover-portal .x-popover-portal-title{margin-bottom:calc(var(--x-font-size) - .5rem);font-weight:600;display:flex;align-items:center}.x-popover-portal .x-popover-portal-footer{margin-top:calc(var(--x-font-size) - .5rem)}.x-popover-portal .x-popover-portal-arrow,.x-popover-portal .x-popover-portal-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.x-popover-portal .x-popover-portal-arrow{border-width:.375rem;filter:drop-shadow(0 .125rem .75rem rgba(0,0,0,.03))}.x-popover-portal .x-popover-portal-arrow:after{content:\" \";border-width:.375rem}.x-popover-portal-top,.x-popover-portal-top-start,.x-popover-portal-top-end{padding-bottom:.525rem}.x-popover-portal-top>.x-popover-portal-arrow,.x-popover-portal-top-start>.x-popover-portal-arrow,.x-popover-portal-top-end>.x-popover-portal-arrow{bottom:.2rem;border-bottom-width:0;border-top-color:var(--x-border)}.x-popover-portal-top .x-popover-portal-arrow:after,.x-popover-portal-top-start .x-popover-portal-arrow:after,.x-popover-portal-top-end .x-popover-portal-arrow:after{bottom:.1rem;margin-left:-.375rem;border-bottom-width:0;border-top-color:var(--x-background)}.x-popover-portal-left,.x-popover-portal-left-start,.x-popover-portal-left-end{padding-right:.525rem}.x-popover-portal-left>.x-popover-portal-arrow,.x-popover-portal-left-start>.x-popover-portal-arrow,.x-popover-portal-left-end>.x-popover-portal-arrow{right:.2rem;border-right-width:0;border-left-color:var(--x-border)}.x-popover-portal-left .x-popover-portal-arrow:after,.x-popover-portal-left-start .x-popover-portal-arrow:after,.x-popover-portal-left-end .x-popover-portal-arrow:after{right:.1rem;margin-top:-.375rem;border-right-width:0;border-left-color:var(--x-background)}.x-popover-portal-right,.x-popover-portal-right-start,.x-popover-portal-right-end{padding-left:.525rem}.x-popover-portal-right>.x-popover-portal-arrow,.x-popover-portal-right-start>.x-popover-portal-arrow,.x-popover-portal-right-end>.x-popover-portal-arrow{left:.2rem;border-left-width:0;border-right-color:var(--x-border)}.x-popover-portal-right .x-popover-portal-arrow:after,.x-popover-portal-right-start .x-popover-portal-arrow:after,.x-popover-portal-right-end .x-popover-portal-arrow:after{left:.1rem;margin-top:-.375rem;border-left-width:0;border-right-color:var(--x-background)}.x-popover-portal-bottom,.x-popover-portal-bottom-start,.x-popover-portal-bottom-end{padding-top:.525rem}.x-popover-portal-bottom .x-popover-portal-arrow,.x-popover-portal-bottom-start .x-popover-portal-arrow,.x-popover-portal-bottom-end .x-popover-portal-arrow{top:.2rem;border-top-width:0;border-bottom-color:var(--x-border)}.x-popover-portal-bottom .x-popover-portal-arrow:after,.x-popover-portal-bottom-start .x-popover-portal-arrow:after,.x-popover-portal-bottom-end .x-popover-portal-arrow:after{top:.1rem;margin-left:-.375rem;border-top-width:0;border-bottom-color:var(--x-background)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopoverPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XPopoverPortalComponent, selector: "x-popover-portal", host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, properties: { "@x-fade-animation": "this.animation" } }, viewQueries: [{ propertyName: "popoverPortal", first: true, predicate: ["popoverPortal"], descendants: true, static: true }, { propertyName: "popoverArrow", first: true, predicate: ["popoverArrow"], descendants: true, static: true }], ngImport: i0, template: "<div #popoverPortal class=\"x-popover-portal\" [ngClass]=\"classMap\" (click)=\"stopPropagation($event)\">\r\n  <div class=\"x-popover-portal-inner\" [style.width]=\"width\">\r\n    <div *ngIf=\"title\" class=\"x-popover-portal-title\">\r\n      <ng-container *xOutlet=\"title\">\r\n        {{ title }}\r\n      </ng-container>\r\n    </div>\r\n    <div *ngIf=\"content\" class=\"x-popover-portal-content\">\r\n      <ng-container *xOutlet=\"content\">\r\n        {{ content }}\r\n      </ng-container>\r\n    </div>\r\n    <div *ngIf=\"footer\" class=\"x-popover-portal-footer\">\r\n      <ng-container *xOutlet=\"footer\">\r\n        {{ footer }}\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <div #popoverArrow class=\"x-popover-portal-arrow\"></div>\r\n</div>\r\n", styles: ["x-popover{display:inline-block}.x-popover-portal{margin:0;padding:0;display:inline-flex;position:relative;justify-content:center;align-items:center}.x-popover-portal>.x-popover-portal-inner{font-size:var(--x-font-size);background-color:var(--x-background);color:var(--x-text);padding:var(--x-font-size);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-popover-portal .x-popover-portal-title{margin-bottom:calc(var(--x-font-size) - .5rem);font-weight:600;display:flex;align-items:center}.x-popover-portal .x-popover-portal-footer{margin-top:calc(var(--x-font-size) - .5rem)}.x-popover-portal .x-popover-portal-arrow,.x-popover-portal .x-popover-portal-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.x-popover-portal .x-popover-portal-arrow{border-width:.375rem;filter:drop-shadow(0 .125rem .75rem rgba(0,0,0,.03))}.x-popover-portal .x-popover-portal-arrow:after{content:\" \";border-width:.375rem}.x-popover-portal-top,.x-popover-portal-top-start,.x-popover-portal-top-end{padding-bottom:.525rem}.x-popover-portal-top>.x-popover-portal-arrow,.x-popover-portal-top-start>.x-popover-portal-arrow,.x-popover-portal-top-end>.x-popover-portal-arrow{bottom:.2rem;border-bottom-width:0;border-top-color:var(--x-border)}.x-popover-portal-top .x-popover-portal-arrow:after,.x-popover-portal-top-start .x-popover-portal-arrow:after,.x-popover-portal-top-end .x-popover-portal-arrow:after{bottom:.1rem;margin-left:-.375rem;border-bottom-width:0;border-top-color:var(--x-background)}.x-popover-portal-left,.x-popover-portal-left-start,.x-popover-portal-left-end{padding-right:.525rem}.x-popover-portal-left>.x-popover-portal-arrow,.x-popover-portal-left-start>.x-popover-portal-arrow,.x-popover-portal-left-end>.x-popover-portal-arrow{right:.2rem;border-right-width:0;border-left-color:var(--x-border)}.x-popover-portal-left .x-popover-portal-arrow:after,.x-popover-portal-left-start .x-popover-portal-arrow:after,.x-popover-portal-left-end .x-popover-portal-arrow:after{right:.1rem;margin-top:-.375rem;border-right-width:0;border-left-color:var(--x-background)}.x-popover-portal-right,.x-popover-portal-right-start,.x-popover-portal-right-end{padding-left:.525rem}.x-popover-portal-right>.x-popover-portal-arrow,.x-popover-portal-right-start>.x-popover-portal-arrow,.x-popover-portal-right-end>.x-popover-portal-arrow{left:.2rem;border-left-width:0;border-right-color:var(--x-border)}.x-popover-portal-right .x-popover-portal-arrow:after,.x-popover-portal-right-start .x-popover-portal-arrow:after,.x-popover-portal-right-end .x-popover-portal-arrow:after{left:.1rem;margin-top:-.375rem;border-left-width:0;border-right-color:var(--x-background)}.x-popover-portal-bottom,.x-popover-portal-bottom-start,.x-popover-portal-bottom-end{padding-top:.525rem}.x-popover-portal-bottom .x-popover-portal-arrow,.x-popover-portal-bottom-start .x-popover-portal-arrow,.x-popover-portal-bottom-end .x-popover-portal-arrow{top:.2rem;border-top-width:0;border-bottom-color:var(--x-border)}.x-popover-portal-bottom .x-popover-portal-arrow:after,.x-popover-portal-bottom-start .x-popover-portal-arrow:after,.x-popover-portal-bottom-end .x-popover-portal-arrow:after{top:.1rem;margin-left:-.375rem;border-top-width:0;border-bottom-color:var(--x-background)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { XPopoverPortalComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopoverPortalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopoverPortalComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XPopoverPortalPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XFadeAnimation], template: "<div #popoverPortal class=\"x-popover-portal\" [ngClass]=\"classMap\" (click)=\"stopPropagation($event)\">\r\n  <div class=\"x-popover-portal-inner\" [style.width]=\"width\">\r\n    <div *ngIf=\"title\" class=\"x-popover-portal-title\">\r\n      <ng-container *xOutlet=\"title\">\r\n        {{ title }}\r\n      </ng-container>\r\n    </div>\r\n    <div *ngIf=\"content\" class=\"x-popover-portal-content\">\r\n      <ng-container *xOutlet=\"content\">\r\n        {{ content }}\r\n      </ng-container>\r\n    </div>\r\n    <div *ngIf=\"footer\" class=\"x-popover-portal-footer\">\r\n      <ng-container *xOutlet=\"footer\">\r\n        {{ footer }}\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <div #popoverArrow class=\"x-popover-portal-arrow\"></div>\r\n</div>\r\n", styles: ["x-popover{display:inline-block}.x-popover-portal{margin:0;padding:0;display:inline-flex;position:relative;justify-content:center;align-items:center}.x-popover-portal>.x-popover-portal-inner{font-size:var(--x-font-size);background-color:var(--x-background);color:var(--x-text);padding:var(--x-font-size);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-popover-portal .x-popover-portal-title{margin-bottom:calc(var(--x-font-size) - .5rem);font-weight:600;display:flex;align-items:center}.x-popover-portal .x-popover-portal-footer{margin-top:calc(var(--x-font-size) - .5rem)}.x-popover-portal .x-popover-portal-arrow,.x-popover-portal .x-popover-portal-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.x-popover-portal .x-popover-portal-arrow{border-width:.375rem;filter:drop-shadow(0 .125rem .75rem rgba(0,0,0,.03))}.x-popover-portal .x-popover-portal-arrow:after{content:\" \";border-width:.375rem}.x-popover-portal-top,.x-popover-portal-top-start,.x-popover-portal-top-end{padding-bottom:.525rem}.x-popover-portal-top>.x-popover-portal-arrow,.x-popover-portal-top-start>.x-popover-portal-arrow,.x-popover-portal-top-end>.x-popover-portal-arrow{bottom:.2rem;border-bottom-width:0;border-top-color:var(--x-border)}.x-popover-portal-top .x-popover-portal-arrow:after,.x-popover-portal-top-start .x-popover-portal-arrow:after,.x-popover-portal-top-end .x-popover-portal-arrow:after{bottom:.1rem;margin-left:-.375rem;border-bottom-width:0;border-top-color:var(--x-background)}.x-popover-portal-left,.x-popover-portal-left-start,.x-popover-portal-left-end{padding-right:.525rem}.x-popover-portal-left>.x-popover-portal-arrow,.x-popover-portal-left-start>.x-popover-portal-arrow,.x-popover-portal-left-end>.x-popover-portal-arrow{right:.2rem;border-right-width:0;border-left-color:var(--x-border)}.x-popover-portal-left .x-popover-portal-arrow:after,.x-popover-portal-left-start .x-popover-portal-arrow:after,.x-popover-portal-left-end .x-popover-portal-arrow:after{right:.1rem;margin-top:-.375rem;border-right-width:0;border-left-color:var(--x-background)}.x-popover-portal-right,.x-popover-portal-right-start,.x-popover-portal-right-end{padding-left:.525rem}.x-popover-portal-right>.x-popover-portal-arrow,.x-popover-portal-right-start>.x-popover-portal-arrow,.x-popover-portal-right-end>.x-popover-portal-arrow{left:.2rem;border-left-width:0;border-right-color:var(--x-border)}.x-popover-portal-right .x-popover-portal-arrow:after,.x-popover-portal-right-start .x-popover-portal-arrow:after,.x-popover-portal-right-end .x-popover-portal-arrow:after{left:.1rem;margin-top:-.375rem;border-left-width:0;border-right-color:var(--x-background)}.x-popover-portal-bottom,.x-popover-portal-bottom-start,.x-popover-portal-bottom-end{padding-top:.525rem}.x-popover-portal-bottom .x-popover-portal-arrow,.x-popover-portal-bottom-start .x-popover-portal-arrow,.x-popover-portal-bottom-end .x-popover-portal-arrow{top:.2rem;border-top-width:0;border-bottom-color:var(--x-border)}.x-popover-portal-bottom .x-popover-portal-arrow:after,.x-popover-portal-bottom-start .x-popover-portal-arrow:after,.x-popover-portal-bottom-end .x-popover-portal-arrow:after{top:.1rem;margin-left:-.375rem;border-top-width:0;border-bottom-color:var(--x-background)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { mouseenter: [{

package/esm2022/popover/popover.directive.mjs

@@ -176,11 +176,11 @@ class XPopoverDirective extends XPopoverProperty {
         if (this.portal)
             this.portal.overlayRef?.updatePosition();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopoverDirective, deps: [{ token: i0.ElementRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.Overlay }, { token: i3.XConfigService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: XPopoverDirective, selector: "[x-popover], x-popover", host: { listeners: { "click": "click()", "mouseenter": "mouseenter()", "mouseleave": "mouseleave()", "focus": "focus()", "blur": "blur()" }, properties: { "class.x-popover-show": "this._show" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopoverDirective, deps: [{ token: i0.ElementRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.Overlay }, { token: i3.XConfigService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: XPopoverDirective, selector: "[x-popover], x-popover", host: { listeners: { "click": "click()", "mouseenter": "mouseenter()", "mouseleave": "mouseleave()", "focus": "focus()", "blur": "blur()" }, properties: { "class.x-popover-show": "this._show" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
 export { XPopoverDirective };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopoverDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopoverDirective, decorators: [{
             type: Directive,
             args: [{ selector: `[${XPopoverPrefix}], ${XPopoverPrefix}` }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.XPortalService }, { type: i0.ViewContainerRef }, { type: i2.Overlay }, { type: i3.XConfigService }]; }, propDecorators: { _show: [{

package/esm2022/popover/popover.module.mjs

@@ -7,12 +7,12 @@ import { XOutletModule } from '@ng-nest/ui/outlet';
 import { XPopoverProperty } from './popover.property';
 import * as i0 from "@angular/core";
 class XPopoverModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XPopoverModule, declarations: [XPopoverDirective, XPopoverPortalComponent, XPopoverProperty], imports: [CommonModule, XPortalModule, XOutletModule], exports: [XPopoverDirective, XPopoverPortalComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopoverModule, imports: [CommonModule, XPortalModule, XOutletModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XPopoverModule, declarations: [XPopoverDirective, XPopoverPortalComponent, XPopoverProperty], imports: [CommonModule, XPortalModule, XOutletModule], exports: [XPopoverDirective, XPopoverPortalComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopoverModule, imports: [CommonModule, XPortalModule, XOutletModule] }); }
 }
 export { XPopoverModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopoverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopoverModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XPopoverDirective, XPopoverPortalComponent, XPopoverProperty],

package/esm2022/popover/popover.property.mjs

@@ -31,8 +31,8 @@ class XPopoverProperty extends XProperty {
          */
         this.visibleChange = new EventEmitter();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopoverProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: XPopoverProperty, selector: "[x-popover], x-popover", inputs: { title: "title", content: "content", footer: "footer", panelClass: "panelClass", connectTo: "connectTo", placement: "placement", trigger: "trigger", width: "width", visible: "visible", condition: "condition", mouseEnterDelay: "mouseEnterDelay", mouseLeaveDelay: "mouseLeaveDelay" }, outputs: { visibleChange: "visibleChange" }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopoverProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: XPopoverProperty, selector: "[x-popover], x-popover", inputs: { title: "title", content: "content", footer: "footer", panelClass: "panelClass", connectTo: "connectTo", placement: "placement", trigger: "trigger", width: "width", visible: "visible", condition: "condition", mouseEnterDelay: "mouseEnterDelay", mouseLeaveDelay: "mouseLeaveDelay" }, outputs: { visibleChange: "visibleChange" }, usesInheritance: true, ngImport: i0 }); }
 }
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'bottom')
@@ -50,7 +50,7 @@ __decorate([
     XInputBoolean()
 ], XPopoverProperty.prototype, "condition", void 0);
 export { XPopoverProperty };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopoverProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopoverProperty, decorators: [{
             type: Directive,
             args: [{ selector: `[${XPopoverPrefix}], ${XPopoverPrefix}` }]
         }], propDecorators: { title: [{

package/esm2022/portal/portal.module.mjs

@@ -4,12 +4,12 @@ import { PortalModule } from '@angular/cdk/portal';
 import { XPortalService } from './portal.service';
 import * as i0 from "@angular/core";
 class XPortalModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPortalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XPortalModule, imports: [OverlayModule, PortalModule], exports: [OverlayModule, PortalModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPortalModule, providers: [XPortalService], imports: [OverlayModule, PortalModule, OverlayModule, PortalModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPortalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XPortalModule, imports: [OverlayModule, PortalModule], exports: [OverlayModule, PortalModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPortalModule, providers: [XPortalService], imports: [OverlayModule, PortalModule, OverlayModule, PortalModule] }); }
 }
 export { XPortalModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPortalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPortalModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [OverlayModule, PortalModule],

package/esm2022/portal/portal.service.mjs

@@ -180,11 +180,11 @@ class XPortalService {
         placement.forEach((place) => result.push(XPortalPlacement[place]));
         return result;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPortalService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPortalService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPortalService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPortalService }); }
 }
 export { XPortalService };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPortalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPortalService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.Injector }, { type: i0.RendererFactory2 }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9ydGFsLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9wb3J0YWwvcG9ydGFsLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFVBQVUsRUFDVixXQUFXLEVBQ1gsUUFBUSxFQU1ULE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEUsT0FBTyxFQUFzQyxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3pGLE9BQU8sRUFBaUMsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQUU1RTs7R0FFRztBQUNILE1BQ2EsY0FBYztJQUV6QixZQUFtQixPQUFnQixFQUFTLFFBQWtCLEVBQVMsZUFBaUM7UUFBckYsWUFBTyxHQUFQLE9BQU8sQ0FBUztRQUFTLGFBQVEsR0FBUixRQUFRLENBQVU7UUFBUyxvQkFBZSxHQUFmLGVBQWUsQ0FBa0I7UUFDdEcsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDbEUsQ0FBQztJQUVELE1BQU0sQ0FBSSxNQUF1QjtRQUMvQixJQUFJLE1BQU0sR0FBeUIsRUFBRSxDQUFDO1FBQ3RDLElBQUksT0FBTyxNQUFNLENBQUMsT0FBTyxLQUFLLFdBQVc7WUFBRSxPQUFPLE1BQU0sQ0FBQztRQUN6RCxNQUFNLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNsRCxJQUFJLE1BQU0sQ0FBQyxPQUFPLFlBQVksV0FBVyxJQUFJLE1BQU0sQ0FBQyxnQkFBZ0IsRUFBRTtZQUNwRSxNQUFNLENBQUMsY0FBYyxHQUFHLElBQUksY0FBYyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFD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Q0FBQyxDQUFDLENBQUM7UUFDeEYsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztpSUF6TFUsY0FBYztxSUFBZCxjQUFjOztTQUFkLGNBQWM7MkZBQWQsY0FBYztrQkFEMUIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgSW5qZWN0YWJsZSxcclxuICBUZW1wbGF0ZVJlZixcclxuICBJbmplY3RvcixcclxuICBFbGVtZW50UmVmLFxyXG4gIFZpZXdDb250YWluZXJSZWYsXHJcbiAgU3RhdGljUHJvdmlkZXIsXHJcbiAgUmVuZGVyZXJGYWN0b3J5MixcclxuICBSZW5kZXJlcjJcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVJlZiwgUG9zaXRpb25TdHJhdGVneSwgQ29ubmVjdGVkUG9zaXRpb24sIENvbXBvbmVudFR5cGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XHJcbmltcG9ydCB7IFRlbXBsYXRlUG9ydGFsLCBDb21wb25lbnRQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcclxuaW1wb3J0IHsgWFBvcnRhbFByb3BlcnR5LCBYUG9ydGFsT3ZlcmxheVJlZiwgWFBvcnRhbFBsYWNlbWVudCB9IGZyb20gJy4vcG9ydGFsLnByb3BlcnR5JztcclxuaW1wb3J0IHsgWFBsYWNlbWVudCwgWFBvc2l0aW9uLCBYUGxhY2UsIFhDb21wdXRlZCB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIOWKqOaAgeWIm+W7uuinhuWbvuacjeWKoVxyXG4gKi9cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgWFBvcnRhbFNlcnZpY2Uge1xyXG4gIHJlbmRlcmVyITogUmVuZGVyZXIyO1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBvdmVybGF5OiBPdmVybGF5LCBwdWJsaWMgaW5qZWN0b3I6IEluamVjdG9yLCBwdWJsaWMgcmVuZGVyZXJGYWN0b3J5OiBSZW5kZXJlckZhY3RvcnkyKSB7XHJcbiAgICB0aGlzLnJlbmRlcmVyID0gdGhpcy5yZW5kZXJlckZhY3RvcnkuY3JlYXRlUmVuZGVyZXIobnVsbCwgbnVsbCk7XHJcbiAgfVxyXG5cclxuICBhdHRhY2g8VD4ob3B0aW9uOiBYUG9ydGFsUHJvcGVydHkpOiBYUG9ydGFsT3ZlcmxheVJlZjxUPiB7XHJcbiAgICBsZXQgcG9ydGFsOiBYUG9ydGFsT3ZlcmxheVJlZjxUPiA9IHt9O1xyXG4gICAgaWYgKHR5cGVvZiBvcHRpb24uY29udGVudCA9PT0gJ3VuZGVmaW5lZCcpIHJldHVybiBwb3J0YWw7XHJcbiAgICBwb3J0YWwub3ZlcmxheVJlZiA9IHRoaXMuY3JlYXRlT3ZlcmxheVJlZihvcHRpb24pO1xyXG4gICAgaWYgKG9wdGlvbi5jb250ZW50IGluc3RhbmNlb2YgVGVtcGxhdGVSZWYgJiYgb3B0aW9uLnZpZXdDb250YWluZXJSZWYpIHtcclxuICAgICAgcG9ydGFsLnRlbXBsYXRlUG9ydGFsID0gbmV3IFRlbXBsYXRlUG9ydGFsKG9wdGlvbi5jb250ZW50LCBvcHRpb24udmlld0NvbnRhaW5lclJlZiwgb3B0aW9uLmNvbnRleHQpO1xyXG4gICAgICBwb3J0YWwuZW1iZWRkZWRWaWV3UmVmID0gcG9ydGFsLm92ZXJsYXlSZWYuYXR0YWNoKHBvcnRhbC50ZW1wbGF0ZVBvcnRhbCk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBwb3J0YWwuY29tcG9uZW50UG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChcclxuICAgICAgICBvcHRpb24uY29udGVudCBhcyBDb21wb25lbnRUeXBlPGFueT4sXHJcbiAgICAgICAgb3B0aW9uLnZpZXdDb250YWluZXJSZWYsXHJcbiAgICAgICAgb3B0aW9uLmluamVjdG9yLFxyXG4gICAgICAgIG9wdGlvbi5jb21wb25lbnRGYWN0b3J5UmVzb2x2ZXJcclxuICAgICAgKTtcclxuICAgICAgcG9ydGFsLmNvbXBvbmVudFJlZiA9IHBvcnRhbC5vdmVybGF5UmVmLmF0dGFjaChwb3J0YWwuY29tcG9uZW50UG9ydGFsKTtcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gcG9ydGFsO1xyXG4gIH1cclxuXHJcbiAgY3JlYXRlSW5qZWN0b3IocHJvdmlkZXJzOiBTdGF0aWNQcm92aWRlcltdLCB2aWV3Q29udGFpbmVyUmVmPzogVmlld0NvbnRhaW5lclJlZikge1xyXG4gICAgY29uc3QgaW5qZWN0b3IgPSB2aWV3Q29udGFpbmVyUmVmICYmIHZpZXdDb250YWluZXJSZWYuaW5qZWN0b3I7XHJcbiAgICByZXR1cm4gSW5qZWN0b3IuY3JlYXRlKHsgcGFyZW50OiBpbmplY3RvciB8fCB0aGlzLmluamVjdG9yLCBwcm92aWRlcnMgfSk7XHJcbiAgfVxyXG5cclxuICBzZXRQbGFjZW1lbnQocGFyYW0/OiB7IGVsZW1lbnRSZWY/OiBFbGVtZW50UmVmOyBwbGFjZW1lbnQ/OiBYUGxhY2VbXSB8IFhQbGFjZW1lbnRbXTsgdHJhbnNmb3JtT3JpZ2luT24/OiBzdHJpbmcgfSk6IFBvc2l0aW9uU3RyYXRlZ3kge1xyXG4gICAgaWYgKCFwYXJhbSkge1xyXG4gICAgICByZXR1cm4gdGhpcy5vdmVybGF5LnBvc2l0aW9uKCkuZ2xvYmFsKCkuY2VudGVySG9yaXpvbnRhbGx5KCkuY2VudGVyVmVydGljYWxseSgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgcmV0dXJuIChcclxuICAgICAgICB0aGlzLm92ZXJsYXlcclxuICAgICAgICAgIC5wb3NpdGlvbigpXHJcbiAgICAgICAgICAuZmxleGlibGVDb25uZWN0ZWRUbyhwYXJhbS5lbGVtZW50UmVmISlcclxuICAgICAgICAgIC8vIC53aXRoTG9ja2VkUG9zaXRpb24odHJ1ZSlcclxuICAgICAgICAgIC53aXRoRmxleGlibGVEaW1lbnNpb25zKGZhbHNlKVxyXG4gICAgICAgICAgLndpdGhQdXNoKGZhbHNlKVxyXG4gICAgICAgICAgLndpdGhQb3NpdGlvbnModGhpcy5zZXRDb25uZWN0ZWRQb3NpdGlvbiguLi5wYXJhbS5wbGFjZW1lbnQpKVxyXG4gICAgICAgICAgLndpdGhUcmFuc2Zvcm1PcmlnaW5PbihwYXJhbS50cmFuc2Zvcm1PcmlnaW5PbiEpXHJcbiAgICAgICk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZXRQb3NpdGlvbihwb3NpdGlvbj86IFhQb3NpdGlvbiwgd2lkdGg/OiBzdHJpbmcsIGhlaWdodD86IHN0cmluZyk6IFBvc2l0aW9uU3RyYXRlZ3kge1xyXG4gICAgbGV0IHJlc3VsdCA9IHRoaXMub3ZlcmxheS5wb3NpdGlvbigpLmdsb2JhbCgpLndpZHRoKHdpZHRoKS5oZWlnaHQoaGVpZ2h0KTtcclxuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcclxuICAgICAgY2FzZSAnbGVmdCc6XHJcbiAgICAgICAgcmV0dXJuIHJlc3VsdC5sZWZ0KCk7XHJcbiAgICAgIGNhc2UgJ3JpZ2h0JzpcclxuICAgICAgICByZXR1cm4gcmVzdWx0LnJpZ2h0KCk7XHJcbiAgICAgIGNhc2UgJ3RvcCc6XHJcbiAgICAgICAgcmV0dXJuIHJlc3VsdC50b3AoKTtcclxuICAgICAgY2FzZSAnYm90dG9tJzpcclxuICAgICAgZGVmYXVsdDpcclxuICAgICAgICByZXR1cm4gcmVzdWx0LmJvdHRvbSgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2V0UGxhY2UocGxhY2U/OiBYUGxhY2UsIC4uLm9mZnNldDogc3RyaW5nW10pOiBQb3NpdGlvblN0cmF0ZWd5IHtcclxuICAgIGxldCByZXN1bHQgPSB0aGlzLm92ZXJsYXkucG9zaXRpb24oKS5nbG9iYWwoKTtcclxuICAgIGxldCBbdG9wLCByaWdodCwgYm90dG9tLCBsZWZ0XSA9IHRoaXMuZ2V0T2Zmc2V0KG9mZnNldCk7XHJcbiAgICBzd2l0Y2ggKHBsYWNlKSB7XHJcbiAgICAgIGNhc2UgJ3RvcC1zdGFydCc6XHJcbiAgICAgICAgcmV0dXJuIHJlc3VsdC50b3AodG9wKS5sZWZ0KGxlZnQpO1xyXG4gICAgICBjYXNlICd0b3AnOlxyXG4gICAgICAgIHJldHVybiByZXN1bHQuY2VudGVySG9yaXpvbnRhbGx5KCkudG9wKHRvcCk7XHJcbiAgICAgIGNhc2UgJ3RvcC1lbmQnOlxyXG4gICAgICAgIHJldHVybiByZXN1bHQudG9wKHRvcCkucmlnaHQocmlnaHQpO1xyXG4gICAgICBjYXNlICdsZWZ0JzpcclxuICAgICAgICByZXR1cm4gcmVzdWx0LmNlbnRlclZlcnRpY2FsbHkoKS5sZWZ0KGxlZnQpO1xyXG4gICAgICBjYXNlICdjZW50ZXInOlxyXG4gICAgICAgIHJldHVybiByZXN1bHQuY2VudGVyVmVydGljYWxseSgpLmNlbnRlckhvcml6b250YWxseSgpO1xyXG4gICAgICBjYXNlICdyaWdodCc6XHJcbiAgICAgICAgcmV0dXJuIHJlc3VsdC5jZW50ZXJWZXJ0aWNhbGx5KCkucmlnaHQocmlnaHQpO1xyXG4gICAgICBjYXNlICdib3R0b20tc3RhcnQnOlxyXG4gICAgICAgIHJldHVybiByZXN1bHQuYm90dG9tKGJvdHRvbSkubGVmdChsZWZ0KTtcclxuICAgICAgY2FzZSAnYm90dG9tJzpcclxuICAgICAgICByZXR1cm4gcmVzdWx0LmNlbnRlckhvcml6b250YWxseSgpLmJvdHRvbShib3R0b20pO1xyXG4gICAgICBjYXNlICdib3R0b20tZW5kJzpcclxuICAgICAgICByZXR1cm4gcmVzdWx0LmJvdHRvbShib3R0b20pLnJpZ2h0KHJpZ2h0KTtcclxuICAgICAgZGVmYXVsdDpcclxuICAgICAgICByZXR1cm4gcmVzdWx0LmNlbnRlclZlcnRpY2FsbHkoKS5jZW50ZXJIb3Jpem9udGFsbHkoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHNldFJlc2l6YWJsZShlbGU6IEhUTUxFbGVtZW50LCBwbGFjZT86IFhQbGFjZSkge1xyXG4gICAgY29uc3QgeyBjbGllbnRXaWR0aCwgY2xpZW50SGVpZ2h0IH0gPSBlbGU7XHJcbiAgICBjb25zdCBjb21wdXRlZFN0eWxlID0gWENvbXB1dGVkKGVsZSk7XHJcbiAgICBjb25zdCBtYXJnaW5SaWdodCA9IHBhcnNlRmxvYXQoY29tcHV0ZWRTdHlsZS5tYXJnaW5SaWdodCk7XHJcbiAgICBjb25zdCBtYXJnaW5Cb3R0b20gPSBwYXJzZUZsb2F0KGNvbXB1dGVkU3R5bGUubWFyZ2luQm90dG9tKTtcclxuICAgIGxldCBtYXJnaW5MZWZ0ID0gbnVsbDtcclxuICAgIGxldCBtYXJnaW5Ub3AgPSBudWxsO1xyXG4gICAgc3dpdGNoIChwbGFjZSkge1xyXG4gICAgICBjYXNlICd0b3Atc3RhcnQnOlxyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICd0b3AnOlxyXG4gICAgICAgIG1hcmdpbkxlZnQgPSBgY2FsYyg1MHZ3IC0gJHtjbGllbnRXaWR0aCAvIDJ9cHgpYDtcclxuICAgICAgICBicmVhaztcclxuICAgICAgY2FzZSAndG9wLWVuZCc6XHJcbiAgICAgICAgbWFyZ2luTGVmdCA9IGBjYWxjKDEwMHZ3IC0gJHtjbGllbnRXaWR0aCArIG1hcmdpblJpZ2h0fXB4KWA7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgJ2xlZnQnOlxyXG4gICAgICAgIG1hcmdpblRvcCA9IGBjYWxjKDUwdmggLSAke2NsaWVudEhlaWdodCAvIDJ9cHgpYDtcclxuICAgICAgICBicmVhaztcclxuICAgICAgY2FzZSAnY2VudGVyJzpcclxuICAgICAgICBtYXJnaW5MZWZ0ID0gYGNhbGMoNTB2dyAtICR7Y2xpZW50V2lkdGggLyAyfXB4KWA7XHJcbiAgICAgICAgbWFyZ2luVG9wID0gYGNhbGMoNTB2aCAtICR7Y2xpZW50SGVpZ2h0IC8gMn1weClgO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICdyaWdodCc6XHJcbiAgICAgICAgbWFyZ2luTGVmdCA9IGBjYWxjKDEwMHZ3IC0gJHtjbGllbnRXaWR0aCArIG1hcmdpblJpZ2h0fXB4KWA7XHJcbiAgICAgICAgbWFyZ2luVG9wID0gYGNhbGMoNTB2aCAtICR7Y2xpZW50SGVpZ2h0IC8gMn1weClgO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICdib3R0b20tc3RhcnQnOlxyXG4gICAgICAgIG1hcmdpblRvcCA9IGBjYWxjKDEwMHZoIC0gJHtjbGllbnRIZWlnaHQgKyBtYXJnaW5Cb3R0b219cHgpYDtcclxuICAgICAgICBicmVhaztcclxuICAgICAgY2FzZSAnYm90dG9tJzpcclxuICAgICAgICBtYXJnaW5MZWZ0ID0gYGNhbGMoNTB2dyAtICR7Y2xpZW50V2lkdGggLyAyfXB4KWA7XHJcbiAgICAgICAgbWFyZ2luVG9wID0gYGNhbGMoMTAwdmggLSAke2NsaWVudEhlaWdodCArIG1hcmdpbkJvdHRvbX1weClgO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICdib3R0b20tZW5kJzpcclxuICAgICAgICBtYXJnaW5MZWZ0ID0gYGNhbGMoMTAwdncgLSAke2NsaWVudFdpZHRoICsgbWFyZ2luUmlnaHR9cHgpYDtcclxuICAgICAgICBtYXJnaW5Ub3AgPSBgY2FsYygxMDB2aCAtICR7Y2xpZW50SGVpZ2h0ICsgbWFyZ2luQm90dG9tfXB4KWA7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgbWFyZ2luTGVmdCA9IGBjYWxjKDUwdncgLSAke2NsaWVudFdpZHRoIC8gMn1weClgO1xyXG4gICAgICAgIG1hcmdpblRvcCA9IGBjYWxjKDEwMHZoIC0gJHtjbGllbnRIZWlnaHQgLyAyfXB4KWA7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICB9XHJcbiAgICBtYXJnaW5MZWZ0ICYmIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoZWxlLCAnbWFyZ2luLWxlZnQnLCBtYXJnaW5MZWZ0KTtcclxuICAgIG1hcmdpblRvcCAmJiB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKGVsZSwgJ21hcmdpbi10b3AnLCBtYXJnaW5Ub3ApO1xyXG5cclxuICAgIHJldHVybiB7XHJcbiAgICAgIG1hcmdpbkxlZnQ6IG1hcmdpbkxlZnQgfHwgY29tcHV0ZWRTdHlsZS5tYXJnaW5MZWZ0LFxyXG4gICAgICBtYXJnaW5Ub3A6IG1hcmdpblRvcCB8fCBjb21wdXRlZFN0eWxlLm1hcmdpblRvcCxcclxuICAgICAgbWFyZ2luQm90dG9tOiBjb21wdXRlZFN0eWxlLm1hcmdpbkJvdHRvbSxcclxuICAgICAgbWFyZ2luUmlnaHQ6IGNvbXB1dGVkU3R5bGUubWFyZ2luUmlnaHRcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICBzZXRDb250YWluZXJTdHlsZShwbGFjZT86IFhQbGFjZSwgLi4ub2Zmc2V0OiBzdHJpbmdbXSkge1xyXG4gICAgbGV0IFt0b3AsIHJpZ2h0LCBib3R0b20sIGxlZnRdID0gdGhpcy5nZXRPZmZzZXQob2Zmc2V0KTtcclxuICAgIHN3aXRjaCAocGxhY2UpIHtcclxuICAgICAgY2FzZSAndG9wLXN0YXJ0JzpcclxuICAgICAgICByZXR1cm4geyB0b3AsIGxlZnQgfTtcclxuICAgICAgY2FzZSAndG9wJzpcclxuICAgICAgICByZXR1cm4geyB0b3AgfTtcclxuICAgICAgY2FzZSAndG9wLWVuZCc6XHJcbiAgICAgICAgcmV0dXJuIHsgdG9wLCByaWdodCB9O1xyXG4gICAgICBjYXNlICdsZWZ0JzpcclxuICAgICAgICByZXR1cm4geyBsZWZ0IH07XHJcbiAgICAgIGNhc2UgJ2NlbnRlcic6XHJcbiAgICAgICAgcmV0dXJuIHt9O1xyXG4gICAgICBjYXNlICdyaWdodCc6XHJcbiAgICAgICAgcmV0dXJuIHsgcmlnaHQgfTtcclxuICAgICAgY2FzZSAnYm90dG9tLXN0YXJ0JzpcclxuICAgICAgICByZXR1cm4geyBib3R0b20sIGxlZnQgfTtcclxuICAgICAgY2FzZSAnYm90dG9tJzpcclxuICAgICAgICByZXR1cm4geyBib3R0b20gfTtcclxuICAgICAgY2FzZSAnYm90dG9tLWVuZCc6XHJcbiAgICAgICAgcmV0dXJuIHsgYm90dG9tLCByaWdodCB9O1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHt9O1xyXG4gIH1cclxuXHJcbiAgZ2V0T2Zmc2V0KG9mZnNldDogc3RyaW5nW10pIHtcclxuICAgIGlmIChvZmZzZXQubGVuZ3RoID09PSAwKSBvZmZzZXQgPSBBcnJheS5mcm9tKHsgbGVuZ3RoOiA0IH0pLm1hcCgoKSA9PiBgMGApO1xyXG4gICAgZWxzZSBpZiAob2Zmc2V0Lmxlbmd0aCA8IDQpIHtcclxuICAgICAgQXJyYXkuZnJvbSh7IGxlbmd0aDogNCAtIG9mZnNldC5sZW5ndGggfSkubWFwKCgpID0+IChvZmZzZXQgPSBbLi4ub2Zmc2V0LCBvZmZzZXRbb2Zmc2V0Lmxlbmd0aCAtIDFdXSkpO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIG9mZnNldDtcclxuICB9XHJcblxyXG4gIGNyZWF0ZU92ZXJsYXlSZWYob3B0aW9uOiBYUG9ydGFsUHJvcGVydHkpOiBPdmVybGF5UmVmIHtcclxuICAgIHJldHVybiB0aGlzLm92ZXJsYXkuY3JlYXRlKG9wdGlvbi5vdmVybGF5Q29uZmlnKTtcclxuICB9XHJcblxyXG4gIHNldENvbm5lY3RlZFBvc2l0aW9uKC4uLnBsYWNlbWVudDogWFBsYWNlW10gfCBYUGxhY2VtZW50W10pOiBDb25uZWN0ZWRQb3NpdGlvbltdIHtcclxuICAgIGxldCByZXN1bHQ6IENvbm5lY3RlZFBvc2l0aW9uW10gPSBbXTtcclxuICAgIHBsYWNlbWVudC5mb3JFYWNoKChwbGFjZTogWFBsYWNlIHwgWFBsYWNlbWVudCkgPT4gcmVzdWx0LnB1c2goWFBvcnRhbFBsYWNlbWVudFtwbGFjZV0pKTtcclxuICAgIHJldHVybiByZXN1bHQ7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2022/progress/progress.component.mjs

@@ -211,11 +211,11 @@ class XProgressComponent extends XProgressProperty {
     onFormat(percent) {
         return this.format && this.format(percent);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XProgressComponent, selector: "x-progress", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"x-progress\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-progress-steps]=\"stepsArray.length > 0\"\r\n  [class.x-progress-steps-flex]=\"stepFlex\"\r\n  [ngSwitch]=\"type\"\r\n>\r\n  <ng-container *ngSwitchCase=\"'circle'\">\r\n    <ng-container *ngTemplateOutlet=\"circleTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dashboard'\">\r\n    <ng-container *ngTemplateOutlet=\"dashboardTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchDefault>\r\n    <ng-container *ngTemplateOutlet=\"lineTpl\"> </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #lineTpl>\r\n  <ng-container *ngIf=\"stepsArray.length === 0\">\r\n    <ng-container *ngTemplateOutlet=\"trackTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"stepsArray.length > 0\">\r\n    <ng-container *ngTemplateOutlet=\"stepsTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"info && !inside\">\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #circleTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"circleClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dashboardTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.clip-path]=\"dashboardRailClipPath\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"dashboardClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #trackTpl>\r\n  <div class=\"x-progress-track\">\r\n    <div class=\"x-progress-rail\" [class.x-progress-mask]=\"subsection\" [style.background-image]=\"subsection ? subLinearGradient : 'none'\">\r\n      <div\r\n        class=\"x-progress-bg\"\r\n        [style.width.%]=\"percent\"\r\n        [style.background-color]=\"currentColor\"\r\n        [style.background-image]=\"linearGradient\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      >\r\n        <ng-container *ngIf=\"info && inside\">\r\n          <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <div\r\n        *ngIf=\"subsection\"\r\n        class=\"x-progress-bg-mask\"\r\n        [style.width.%]=\"maskWidth\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      ></div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #stepsTpl>\r\n  <div\r\n    *ngFor=\"let step of stepsArray\"\r\n    class=\"x-progress-step\"\r\n    [class.x-progress-step-active]=\"step\"\r\n    [style.background-color]=\"currentColor\"\r\n    [style.width]=\"stepWidth\"\r\n    [style.flex]=\"stepFlex ? 1 : 'none'\"\r\n    [style.height]=\"height\"\r\n    [style.line-height]=\"height\"\r\n  ></div>\r\n</ng-template>\r\n\r\n<ng-template #textTpl>\r\n  <span class=\"x-progress-text\" [ngSwitch]=\"status\">\r\n    <ng-container *ngSwitchCase=\"'success'\">\r\n      <x-icon type=\"fto-check-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'exception'\">\r\n      <x-icon type=\"fto-x-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'warning'\">\r\n      <x-icon type=\"fto-help-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *ngIf=\"format; else defaultTemp\">{{ onFormat(percent) }}</ng-container>\r\n      <ng-template #defaultTemp>{{ percent }}%</ng-template>\r\n    </ng-container>\r\n  </span>\r\n</ng-template>\r\n", styles: ["@keyframes x-progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}to{width:100%;opacity:0}}x-progress{display:initial}.x-progress{margin:0;padding:0;display:inline-flex;align-items:center;width:100%}.x-progress-track{width:100%;display:inline-flex;align-items:center}.x-progress-rail{position:relative;display:inline-flex;width:100%;overflow:hidden;vertical-align:middle;background-color:var(--x-border-100);border-radius:var(--x-border-radius)}.x-progress-bg{position:relative;background-color:var(--x-primary);transition:width .3s cubic-bezier(.08,.82,.17,1) 0s;border-radius:var(--x-border-radius);text-align:right;color:#fff}.x-progress-bg>span{margin:0 .325rem}.x-progress-circle,.x-progress-dashboard,.x-progress-steps:not(.x-progress-steps-flex){width:initial}.x-progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.x-progress-ring-rail{position:absolute;width:100%;height:100%;border-style:solid;border-color:var(--x-border-100);border-radius:100%}.x-progress-ring-bg{position:absolute;width:100%;height:100%;border-style:solid;border-color:var(--x-primary);border-radius:100%;transition:clip-path .3s cubic-bezier(.08,.82,.17,1) 0s}.x-progress-ring .x-progress-text{margin-left:0;justify-content:center;font-size:var(--x-font-size-large)}.x-progress-mask .x-progress-bg{background:transparent}.x-progress-bg-mask{transition:width .3s cubic-bezier(.08,.82,.17,1) 0s;background-color:var(--x-border-100);border-top-right-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-progress-step{background-color:var(--x-border-100);border-radius:var(--x-border-radius)}.x-progress-step:not(:first-child){margin-left:.125rem}.x-progress-step-active{background-color:var(--x-primary)}.x-progress-text{margin-left:.5rem;width:3.25rem;display:inline-flex;align-items:center;white-space:nowrap}.x-progress-active .x-progress-bg:before{position:absolute;inset:0;background:var(--x-background-100);border-radius:var(--x-border-radius);opacity:0;animation:x-progress-active 2s cubic-bezier(.23,1,.32,1) infinite;content:\"\"}.x-progress-exception .x-progress-text{color:var(--x-danger)}.x-progress-exception .x-progress-bg,.x-progress-exception .x-progress-step-active{background-color:var(--x-danger)}.x-progress-exception .x-progress-ring-bg{border-color:var(--x-danger)}.x-progress-success .x-progress-text{color:var(--x-success)}.x-progress-success .x-progress-bg,.x-progress-success .x-progress-step-active{background-color:var(--x-success)}.x-progress-success .x-progress-ring-bg{border-color:var(--x-success)}.x-progress-warning .x-progress-text{color:var(--x-warning)}.x-progress-warning .x-progress-bg,.x-progress-warning .x-progress-step-active{background-color:var(--x-warning)}.x-progress-warning .x-progress-ring-bg{border-color:var(--x-warning)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XProgressComponent, selector: "x-progress", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"x-progress\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-progress-steps]=\"stepsArray.length > 0\"\r\n  [class.x-progress-steps-flex]=\"stepFlex\"\r\n  [ngSwitch]=\"type\"\r\n>\r\n  <ng-container *ngSwitchCase=\"'circle'\">\r\n    <ng-container *ngTemplateOutlet=\"circleTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dashboard'\">\r\n    <ng-container *ngTemplateOutlet=\"dashboardTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchDefault>\r\n    <ng-container *ngTemplateOutlet=\"lineTpl\"> </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #lineTpl>\r\n  <ng-container *ngIf=\"stepsArray.length === 0\">\r\n    <ng-container *ngTemplateOutlet=\"trackTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"stepsArray.length > 0\">\r\n    <ng-container *ngTemplateOutlet=\"stepsTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"info && !inside\">\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #circleTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"circleClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dashboardTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.clip-path]=\"dashboardRailClipPath\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"dashboardClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #trackTpl>\r\n  <div class=\"x-progress-track\">\r\n    <div class=\"x-progress-rail\" [class.x-progress-mask]=\"subsection\" [style.background-image]=\"subsection ? subLinearGradient : 'none'\">\r\n      <div\r\n        class=\"x-progress-bg\"\r\n        [style.width.%]=\"percent\"\r\n        [style.background-color]=\"currentColor\"\r\n        [style.background-image]=\"linearGradient\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      >\r\n        <ng-container *ngIf=\"info && inside\">\r\n          <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <div\r\n        *ngIf=\"subsection\"\r\n        class=\"x-progress-bg-mask\"\r\n        [style.width.%]=\"maskWidth\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      ></div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #stepsTpl>\r\n  <div\r\n    *ngFor=\"let step of stepsArray\"\r\n    class=\"x-progress-step\"\r\n    [class.x-progress-step-active]=\"step\"\r\n    [style.background-color]=\"currentColor\"\r\n    [style.width]=\"stepWidth\"\r\n    [style.flex]=\"stepFlex ? 1 : 'none'\"\r\n    [style.height]=\"height\"\r\n    [style.line-height]=\"height\"\r\n  ></div>\r\n</ng-template>\r\n\r\n<ng-template #textTpl>\r\n  <span class=\"x-progress-text\" [ngSwitch]=\"status\">\r\n    <ng-container *ngSwitchCase=\"'success'\">\r\n      <x-icon type=\"fto-check-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'exception'\">\r\n      <x-icon type=\"fto-x-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'warning'\">\r\n      <x-icon type=\"fto-help-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *ngIf=\"format; else defaultTemp\">{{ onFormat(percent) }}</ng-container>\r\n      <ng-template #defaultTemp>{{ percent }}%</ng-template>\r\n    </ng-container>\r\n  </span>\r\n</ng-template>\r\n", styles: ["@keyframes x-progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}to{width:100%;opacity:0}}x-progress{display:initial}.x-progress{margin:0;padding:0;display:inline-flex;align-items:center;width:100%}.x-progress-track{width:100%;display:inline-flex;align-items:center}.x-progress-rail{position:relative;display:inline-flex;width:100%;overflow:hidden;vertical-align:middle;background-color:var(--x-border-100);border-radius:var(--x-border-radius)}.x-progress-bg{position:relative;background-color:var(--x-primary);transition:width .3s cubic-bezier(.08,.82,.17,1) 0s;border-radius:var(--x-border-radius);text-align:right;color:#fff}.x-progress-bg>span{margin:0 .325rem}.x-progress-circle,.x-progress-dashboard,.x-progress-steps:not(.x-progress-steps-flex){width:initial}.x-progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.x-progress-ring-rail{position:absolute;width:100%;height:100%;border-style:solid;border-color:var(--x-border-100);border-radius:100%}.x-progress-ring-bg{position:absolute;width:100%;height:100%;border-style:solid;border-color:var(--x-primary);border-radius:100%;transition:clip-path .3s cubic-bezier(.08,.82,.17,1) 0s}.x-progress-ring .x-progress-text{margin-left:0;justify-content:center;font-size:var(--x-font-size-large)}.x-progress-mask .x-progress-bg{background:transparent}.x-progress-bg-mask{transition:width .3s cubic-bezier(.08,.82,.17,1) 0s;background-color:var(--x-border-100);border-top-right-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-progress-step{background-color:var(--x-border-100);border-radius:var(--x-border-radius)}.x-progress-step:not(:first-child){margin-left:.125rem}.x-progress-step-active{background-color:var(--x-primary)}.x-progress-text{margin-left:.5rem;width:3.25rem;display:inline-flex;align-items:center;white-space:nowrap}.x-progress-active .x-progress-bg:before{position:absolute;inset:0;background:var(--x-background-100);border-radius:var(--x-border-radius);opacity:0;animation:x-progress-active 2s cubic-bezier(.23,1,.32,1) infinite;content:\"\"}.x-progress-exception .x-progress-text{color:var(--x-danger)}.x-progress-exception .x-progress-bg,.x-progress-exception .x-progress-step-active{background-color:var(--x-danger)}.x-progress-exception .x-progress-ring-bg{border-color:var(--x-danger)}.x-progress-success .x-progress-text{color:var(--x-success)}.x-progress-success .x-progress-bg,.x-progress-success .x-progress-step-active{background-color:var(--x-success)}.x-progress-success .x-progress-ring-bg{border-color:var(--x-success)}.x-progress-warning .x-progress-text{color:var(--x-warning)}.x-progress-warning .x-progress-bg,.x-progress-warning .x-progress-step-active{background-color:var(--x-warning)}.x-progress-warning .x-progress-ring-bg{border-color:var(--x-warning)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { XProgressComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XProgressPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"x-progress\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-progress-steps]=\"stepsArray.length > 0\"\r\n  [class.x-progress-steps-flex]=\"stepFlex\"\r\n  [ngSwitch]=\"type\"\r\n>\r\n  <ng-container *ngSwitchCase=\"'circle'\">\r\n    <ng-container *ngTemplateOutlet=\"circleTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dashboard'\">\r\n    <ng-container *ngTemplateOutlet=\"dashboardTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchDefault>\r\n    <ng-container *ngTemplateOutlet=\"lineTpl\"> </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #lineTpl>\r\n  <ng-container *ngIf=\"stepsArray.length === 0\">\r\n    <ng-container *ngTemplateOutlet=\"trackTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"stepsArray.length > 0\">\r\n    <ng-container *ngTemplateOutlet=\"stepsTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"info && !inside\">\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #circleTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"circleClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dashboardTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.clip-path]=\"dashboardRailClipPath\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"dashboardClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #trackTpl>\r\n  <div class=\"x-progress-track\">\r\n    <div class=\"x-progress-rail\" [class.x-progress-mask]=\"subsection\" [style.background-image]=\"subsection ? subLinearGradient : 'none'\">\r\n      <div\r\n        class=\"x-progress-bg\"\r\n        [style.width.%]=\"percent\"\r\n        [style.background-color]=\"currentColor\"\r\n        [style.background-image]=\"linearGradient\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      >\r\n        <ng-container *ngIf=\"info && inside\">\r\n          <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <div\r\n        *ngIf=\"subsection\"\r\n        class=\"x-progress-bg-mask\"\r\n        [style.width.%]=\"maskWidth\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      ></div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #stepsTpl>\r\n  <div\r\n    *ngFor=\"let step of stepsArray\"\r\n    class=\"x-progress-step\"\r\n    [class.x-progress-step-active]=\"step\"\r\n    [style.background-color]=\"currentColor\"\r\n    [style.width]=\"stepWidth\"\r\n    [style.flex]=\"stepFlex ? 1 : 'none'\"\r\n    [style.height]=\"height\"\r\n    [style.line-height]=\"height\"\r\n  ></div>\r\n</ng-template>\r\n\r\n<ng-template #textTpl>\r\n  <span class=\"x-progress-text\" [ngSwitch]=\"status\">\r\n    <ng-container *ngSwitchCase=\"'success'\">\r\n      <x-icon type=\"fto-check-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'exception'\">\r\n      <x-icon type=\"fto-x-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'warning'\">\r\n      <x-icon type=\"fto-help-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *ngIf=\"format; else defaultTemp\">{{ onFormat(percent) }}</ng-container>\r\n      <ng-template #defaultTemp>{{ percent }}%</ng-template>\r\n    </ng-container>\r\n  </span>\r\n</ng-template>\r\n", styles: ["@keyframes x-progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}to{width:100%;opacity:0}}x-progress{display:initial}.x-progress{margin:0;padding:0;display:inline-flex;align-items:center;width:100%}.x-progress-track{width:100%;display:inline-flex;align-items:center}.x-progress-rail{position:relative;display:inline-flex;width:100%;overflow:hidden;vertical-align:middle;background-color:var(--x-border-100);border-radius:var(--x-border-radius)}.x-progress-bg{position:relative;background-color:var(--x-primary);transition:width .3s cubic-bezier(.08,.82,.17,1) 0s;border-radius:var(--x-border-radius);text-align:right;color:#fff}.x-progress-bg>span{margin:0 .325rem}.x-progress-circle,.x-progress-dashboard,.x-progress-steps:not(.x-progress-steps-flex){width:initial}.x-progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.x-progress-ring-rail{position:absolute;width:100%;height:100%;border-style:solid;border-color:var(--x-border-100);border-radius:100%}.x-progress-ring-bg{position:absolute;width:100%;height:100%;border-style:solid;border-color:var(--x-primary);border-radius:100%;transition:clip-path .3s cubic-bezier(.08,.82,.17,1) 0s}.x-progress-ring .x-progress-text{margin-left:0;justify-content:center;font-size:var(--x-font-size-large)}.x-progress-mask .x-progress-bg{background:transparent}.x-progress-bg-mask{transition:width .3s cubic-bezier(.08,.82,.17,1) 0s;background-color:var(--x-border-100);border-top-right-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-progress-step{background-color:var(--x-border-100);border-radius:var(--x-border-radius)}.x-progress-step:not(:first-child){margin-left:.125rem}.x-progress-step-active{background-color:var(--x-primary)}.x-progress-text{margin-left:.5rem;width:3.25rem;display:inline-flex;align-items:center;white-space:nowrap}.x-progress-active .x-progress-bg:before{position:absolute;inset:0;background:var(--x-background-100);border-radius:var(--x-border-radius);opacity:0;animation:x-progress-active 2s cubic-bezier(.23,1,.32,1) infinite;content:\"\"}.x-progress-exception .x-progress-text{color:var(--x-danger)}.x-progress-exception .x-progress-bg,.x-progress-exception .x-progress-step-active{background-color:var(--x-danger)}.x-progress-exception .x-progress-ring-bg{border-color:var(--x-danger)}.x-progress-success .x-progress-text{color:var(--x-success)}.x-progress-success .x-progress-bg,.x-progress-success .x-progress-step-active{background-color:var(--x-success)}.x-progress-success .x-progress-ring-bg{border-color:var(--x-success)}.x-progress-warning .x-progress-text{color:var(--x-warning)}.x-progress-warning .x-progress-bg,.x-progress-warning .x-progress-step-active{background-color:var(--x-warning)}.x-progress-warning .x-progress-ring-bg{border-color:var(--x-warning)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });

package/esm2022/progress/progress.module.mjs

@@ -6,12 +6,12 @@ import { XIconModule } from '@ng-nest/ui/icon';
 import { XProgressProperty } from './progress.property';
 import * as i0 from "@angular/core";
 class XProgressModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XProgressModule, declarations: [XProgressComponent, XProgressProperty], imports: [CommonModule, FormsModule, XIconModule], exports: [XProgressComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressModule, imports: [CommonModule, FormsModule, XIconModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XProgressModule, declarations: [XProgressComponent, XProgressProperty], imports: [CommonModule, FormsModule, XIconModule], exports: [XProgressComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressModule, imports: [CommonModule, FormsModule, XIconModule] }); }
 }
 export { XProgressModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XProgressComponent, XProgressProperty],

package/esm2022/progress/progress.property.mjs

@@ -51,8 +51,8 @@ class XProgressProperty extends XProperty {
          */
         this.notchAngle = 80;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XProgressProperty, selector: "x-progress-property", inputs: { type: "type", percent: "percent", height: "height", status: "status", info: "info", inside: "inside", format: "format", color: "color", gradient: "gradient", steps: "steps", stepWidth: "stepWidth", stepFlex: "stepFlex", thickness: "thickness", size: "size", notchAngle: "notchAngle", subsection: "subsection" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XProgressProperty, selector: "x-progress-property", inputs: { type: "type", percent: "percent", height: "height", status: "status", info: "info", inside: "inside", format: "format", color: "color", gradient: "gradient", steps: "steps", stepWidth: "stepWidth", stepFlex: "stepFlex", thickness: "thickness", size: "size", notchAngle: "notchAngle", subsection: "subsection" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 __decorate([
     XInputNumber()
@@ -76,7 +76,7 @@ __decorate([
     XInputBoolean()
 ], XProgressProperty.prototype, "subsection", void 0);
 export { XProgressProperty };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XProgressPrefix}-property`, template: '' }]
         }], propDecorators: { type: [{