@ng-nest/ui 16.0.3 → 16.0.5

package/esm2022/message-box/message-box.module.mjs

@@ -12,8 +12,8 @@ import { XMessageBoxService } from './message-box.service';
 import { XBaseFormModule } from '@ng-nest/ui/base-form';
 import * as i0 from "@angular/core";
 class XMessageBoxModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XMessageBoxModule, declarations: [XMessageBoxComponent], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XMessageBoxModule, declarations: [XMessageBoxComponent], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             XPortalModule,
@@ -23,7 +23,7 @@ class XMessageBoxModule {
             XAlertModule,
             XOutletModule,
             XBaseFormModule], exports: [XMessageBoxComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XMessageBoxModule, providers: [XMessageBoxService], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XMessageBoxModule, providers: [XMessageBoxService], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             XPortalModule,
@@ -35,7 +35,7 @@ class XMessageBoxModule {
             XBaseFormModule] }); }
 }
 export { XMessageBoxModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XMessageBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XMessageBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XMessageBoxComponent],

package/esm2022/message-box/message-box.service.mjs

@@ -80,11 +80,11 @@ class XMessageBoxService {
         const messageBoxLocale = this.i18n.getLocale().messageBox;
         this.default = { ...this.default, ...messageBoxLocale };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XMessageBoxService, deps: [{ token: i1.XPortalService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XMessageBoxService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XMessageBoxService, deps: [{ token: i1.XPortalService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XMessageBoxService }); }
 }
 export { XMessageBoxService };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XMessageBoxService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XMessageBoxService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.XPortalService }, { type: i2.XI18nService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS1ib3guc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL21lc3NhZ2UtYm94L21lc3NhZ2UtYm94LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFhLFlBQVksRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbkYsT0FBTyxFQUE0RCxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3JILE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7O0FBSS9ELE1BQ2Esa0JBQWtCO0lBaUI3QixZQUFtQixNQUFzQixFQUFTLElBQWtCO1FBQWpELFdBQU0sR0FBTixNQUFNLENBQWdCO1FBQVMsU0FBSSxHQUFKLElBQUksQ0FBYztRQWhCcEUsWUFBTyxHQUFzQjtZQUMzQixJQUFJLEVBQUUsTUFBTTtZQUNaLEtBQUssRUFBRSxPQUFPO1lBQ2QsU0FBUyxFQUFFLFFBQVE7WUFDbkIsTUFBTSxFQUFFLE1BQU07WUFDZCxNQUFNLEVBQUUsT0FBTztZQUNmLFFBQVEsRUFBRSxJQUFJO1lBQ2QsUUFBUSxFQUFFLEtBQUs7WUFDZixTQUFTLEVBQUUsS0FBSztZQUNoQixhQUFhLEVBQUUsS0FBSztZQUNwQixVQUFVLEVBQUUsSUFBSTtZQUNoQixXQUFXLEVBQUUsSUFBSTtZQUNqQixnQkFBZ0IsRUFBRSxFQUFFO1lBQ3BCLElBQUksRUFBRSxLQUFLO1NBQ1osQ0FBQztJQUVxRSxDQUFDO0lBRXhFLEtBQUssQ0FBQyxNQUFxQztRQUN6QyxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxD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Q0FBQztpSUE5RVUsa0JBQWtCO3FJQUFsQixrQkFBa0I7O1NBQWxCLGtCQUFrQjsyRkFBbEIsa0JBQWtCO2tCQUQ5QixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50UmVmLCBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhUZW1wbGF0ZSwgWElzWFRlbXBsYXRlLCBmaWxsRGVmYXVsdCwgWElzU3RyaW5nIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IFhNZXNzYWdlQm94T3B0aW9uLCBYTWVzc2FnZUJveE92ZXJsYXlSZWYsIFhNZXNzYWdlQm94UmVmLCBYTWVzc2FnZUJveFBvcnRhbCB9IGZyb20gJy4vbWVzc2FnZS1ib3gucHJvcGVydHknO1xyXG5pbXBvcnQgeyBYTWVzc2FnZUJveENvbXBvbmVudCB9IGZyb20gJy4vbWVzc2FnZS1ib3guY29tcG9uZW50JztcclxuaW1wb3J0IHsgWFBvcnRhbFNlcnZpY2UgfSBmcm9tICdAbmctbmVzdC91aS9wb3J0YWwnO1xyXG5pbXBvcnQgeyBYSTE4blNlcnZpY2UgfSBmcm9tICdAbmctbmVzdC91aS9pMThuJztcclxuXHJcbkBJbmplY3RhYmxlKClcclxuZXhwb3J0IGNsYXNzIFhNZXNzYWdlQm94U2VydmljZSB7XHJcbiAgZGVmYXVsdDogWE1lc3NhZ2VCb3hPcHRpb24gPSB7XHJcbiAgICB0eXBlOiAnaW5mbycsXHJcbiAgICB3aWR0aDogJzIwcmVtJyxcclxuICAgIHBsYWNlbWVudDogJ2NlbnRlcicsXHJcbiAgICBvZmZzZXQ6ICcycmVtJyxcclxuICAgIGVmZmVjdDogJ3doaXRlJyxcclxuICAgIGR1cmF0aW9uOiAzMDAwLFxyXG4gICAgc2hvd0ljb246IGZhbHNlLFxyXG4gICAgc2hvd0lucHV0OiBmYWxzZSxcclxuICAgIGJhY2tkcm9wQ2xvc2U6IGZhbHNlLFxyXG4gICAgY2FuY2VsVGV4dDogJ+WPlua2iCcsXHJcbiAgICBjb25maXJtVGV4dDogJ+ehruiupCcsXHJcbiAgICBpbnB1dFBsYWNlaG9sZGVyOiAnJyxcclxuICAgIGhpZGU6IGZhbHNlXHJcbiAgfTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIHBvcnRhbDogWFBvcnRhbFNlcnZpY2UsIHB1YmxpYyBpMThuOiBYSTE4blNlcnZpY2UpIHt9XHJcblxyXG4gIGFsZXJ0KG9wdGlvbjogWFRlbXBsYXRlIHwgWE1lc3NhZ2VCb3hPcHRpb24pOiBYTWVzc2FnZUJveFJlZiB7XHJcbiAgICByZXR1cm4gdGhpcy5jcmVhdGVNZXNzYWdlQm94KG9wdGlvbiwgeyBzaG93SWNvbjogZmFsc2UsIHNob3dDYW5jZWw6IGZhbHNlLCBzaG93SW5wdXQ6IGZhbHNlIH0pO1xyXG4gIH1cclxuXHJcbiAgY29uZmlybShvcHRpb246IFhUZW1wbGF0ZSB8IFhNZXNzYWdlQm94T3B0aW9uKTogWE1lc3NhZ2VCb3hSZWYge1xyXG4gICAgcmV0dXJuIHRoaXMuY3JlYXRlTWVzc2FnZUJveChvcHRpb24sIHsgc2hvd0ljb246IHRydWUsIHNob3dDYW5jZWw6IHRydWUsIHNob3dJbnB1dDogZmFsc2UgfSk7XHJcbiAgfVxyXG5cclxuICBwcm9tcHQob3B0aW9uOiBYVGVtcGxhdGUgfCBYTWVzc2FnZUJveE9wdGlvbik6IFhNZXNzYWdlQm94UmVmIHtcclxuICAgIHJldHVybiB0aGlzLmNyZWF0ZU1lc3NhZ2VCb3gob3B0aW9uLCB7IHNob3dJY29uOiBmYWxzZSwgc2hvd0NhbmNlbDogdHJ1ZSwgc2hvd0lucHV0OiB0cnVlIH0pO1xyXG4gIH1cclxuXHJcbiAgY3JlYXRlKG9wdGlvbjogWE1lc3NhZ2VCb3hPcHRpb24pOiBYTWVzc2FnZUJveE92ZXJsYXlSZWYge1xyXG4gICAgY29uc3Qgb2Zmc2V0ID0gWElzU3RyaW5nKG9wdGlvbi5vZmZzZXQpID8gW29wdGlvbi5vZmZzZXQgYXMgc3RyaW5nXSA6IChvcHRpb24ub2Zmc2V0IGFzIHN0cmluZ1tdKTtcclxuICAgIHJldHVybiB0aGlzLnBvcnRhbC5hdHRhY2goe1xyXG4gICAgICBjb250ZW50OiBYTWVzc2FnZUJveENvbXBvbmVudCxcclxuICAgICAgb3ZlcmxheUNvbmZpZzoge1xyXG4gICAgICAgIHBhbmVsQ2xhc3M6IFhNZXNzYWdlQm94UG9ydGFsLFxyXG4gICAgICAgIGhhc0JhY2tkcm9wOiB0cnVlLFxyXG4gICAgICAgIHdpZHRoOiBvcHRpb24ud2lkdGgsXHJcbiAgICAgICAgaGVpZ2h0OiBvcHRpb24uaGVpZ2h0LFxyXG4gICAgICAgIHBvc2l0aW9uU3RyYXRlZ3k6IHRoaXMucG9ydGFsLnNldFBsYWNlKG9wdGlvbi5wbGFjZW1lbnQsIC4uLm9mZnNldClcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGNyZWF0ZU1lc3NhZ2VCb3gob3B0aW9uOiBYVGVtcGxhdGUgfCBYTWVzc2FnZUJveE9wdGlvbiwgZGVmOiBYTWVzc2FnZUJveE9wdGlvbik6IFhNZXNzYWdlQm94UmVmIHtcclxuICAgIGxldCBvcHQ6IFhNZXNzYWdlQm94T3B0aW9uO1xyXG4gICAgaWYgKFhJc1hUZW1wbGF0ZShvcHRpb24pKSB7XHJcbiAgICAgIG9wdCA9IHsgdGl0bGU6IG9wdGlvbiBhcyBYVGVtcGxhdGUgfTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIG9wdCA9IG9wdGlvbiBhcyBYTWVzc2FnZUJveE9wdGlvbjtcclxuICAgIH1cclxuICAgIHRoaXMuc2V0TG9jYWwoKTtcclxuICAgIGZpbGxEZWZhdWx0KG9wdCwgT2JqZWN0LmFzc2lnbih0aGlzLmRlZmF1bHQsIGRlZikpO1xyXG4gICAgcmV0dXJuIHRoaXMuY3JlYXRlTWVzc2FnZUJveFBsYWNlbWVudChvcHQpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBjcmVhdGVNZXNzYWdlQm94UGxhY2VtZW50KG9wdGlvbjogWE1lc3NhZ2VCb3hPcHRpb24pOiBYTWVzc2FnZUJveFJlZiB7XHJcbiAgICBjb25zdCByZWYgPSB0aGlzLmNyZWF0ZShvcHRpb24pO1xyXG4gICAgY29uc3QgeyBvdmVybGF5UmVmLCBjb21wb25lbnRSZWYgfSA9IHJlZjtcclxuICAgIGNvbnN0IHsgaW5zdGFuY2UgfSA9IGNvbXBvbmVudFJlZiBhcyBDb21wb25lbnRSZWY8WE1lc3NhZ2VCb3hDb21wb25lbnQ+O1xyXG4gICAgY29uc3QgcmVzdWx0ID0ge1xyXG4gICAgICByZWY6IHJlZixcclxuICAgICAgaW5wdXQ6IG9wdGlvbixcclxuICAgICAgY2xvc2U6ICgpID0+IHtcclxuICAgICAgICBpbnN0YW5jZS5jbG9zZSgpO1xyXG4gICAgICB9XHJcbiAgICB9O1xyXG4gICAgaW5zdGFuY2UubWVzc2FnZUJveCA9IHJlc3VsdDtcclxuICAgIGlmIChvcHRpb24uYmFja2Ryb3BDbG9zZSAmJiBvdmVybGF5UmVmKSB7XHJcbiAgICAgIG92ZXJsYXlSZWYuYmFja2Ryb3BDbGljaygpLnN1YnNjcmliZSgoKSA9PiBpbnN0YW5jZS5vbkNsb3NlKCkpO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHJlc3VsdDtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgc2V0TG9jYWwoKSB7XHJcbiAgICBjb25zdCBtZXNzYWdlQm94TG9jYWxlID0gdGhpcy5pMThuLmdldExvY2FsZSgpLm1lc3NhZ2VCb3g7XHJcbiAgICB0aGlzLmRlZmF1bHQgPSB7IC4uLnRoaXMuZGVmYXVsdCwgLi4ubWVzc2FnZUJveExvY2FsZSB9O1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2022/notification/notification.component.mjs

@@ -38,11 +38,11 @@ class XNotificationComponent {
     trackByItem(_index, item) {
         return `${item.title}-${item.content}`;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XNotificationComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XNotificationComponent, selector: "x-notification", ngImport: i0, template: "<div class=\"x-notification\">\r\n  <ng-container *ngFor=\"let item of notification.list; trackBy: trackByItem\">\r\n    <x-alert\r\n      [@x-move-animation]=\"item.placement\"\r\n      (@x-move-animation.done)=\"moveDone($event)\"\r\n      (mouseenter)=\"onEnter(item)\"\r\n      (mouseleave)=\"onLeave(item)\"\r\n      (close)=\"onClose(item)\"\r\n      [hide]=\"item.hide\"\r\n      [title]=\"item.title\"\r\n      [content]=\"item.content\"\r\n      [type]=\"item.type\"\r\n      [effect]=\"item.effect\"\r\n      [hideClose]=\"item.hideClose\"\r\n      [closeText]=\"item.closeText\"\r\n      [showIcon]=\"item.showIcon\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </ng-container>\r\n</div>\r\n", styles: [".x-notification{margin:0;padding:0}.x-notification>x-alert{padding:.25rem}.x-notification>x-alert>.x-alert{box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-notification>x-alert .x-alert-icon.x-icon{margin-top:.125rem;font-size:1.25rem;align-self:flex-start}.x-notification-portal x-notification{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.XAlertComponent, selector: "x-alert" }], animations: [XMoveAnimation], 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: XNotificationComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XNotificationComponent, selector: "x-notification", ngImport: i0, template: "<div class=\"x-notification\">\r\n  <ng-container *ngFor=\"let item of notification.list; trackBy: trackByItem\">\r\n    <x-alert\r\n      [@x-move-animation]=\"item.placement\"\r\n      (@x-move-animation.done)=\"moveDone($event)\"\r\n      (mouseenter)=\"onEnter(item)\"\r\n      (mouseleave)=\"onLeave(item)\"\r\n      (close)=\"onClose(item)\"\r\n      [hide]=\"item.hide\"\r\n      [title]=\"item.title\"\r\n      [content]=\"item.content\"\r\n      [type]=\"item.type\"\r\n      [effect]=\"item.effect\"\r\n      [hideClose]=\"item.hideClose\"\r\n      [closeText]=\"item.closeText\"\r\n      [showIcon]=\"item.showIcon\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </ng-container>\r\n</div>\r\n", styles: [".x-notification{margin:0;padding:0}.x-notification>x-alert{padding:.25rem}.x-notification>x-alert>.x-alert{box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-notification>x-alert .x-alert-icon.x-icon{margin-top:.125rem;font-size:1.25rem;align-self:flex-start}.x-notification-portal x-notification{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.XAlertComponent, selector: "x-alert" }], animations: [XMoveAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { XNotificationComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XNotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XNotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XNotificationPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveAnimation], template: "<div class=\"x-notification\">\r\n  <ng-container *ngFor=\"let item of notification.list; trackBy: trackByItem\">\r\n    <x-alert\r\n      [@x-move-animation]=\"item.placement\"\r\n      (@x-move-animation.done)=\"moveDone($event)\"\r\n      (mouseenter)=\"onEnter(item)\"\r\n      (mouseleave)=\"onLeave(item)\"\r\n      (close)=\"onClose(item)\"\r\n      [hide]=\"item.hide\"\r\n      [title]=\"item.title\"\r\n      [content]=\"item.content\"\r\n      [type]=\"item.type\"\r\n      [effect]=\"item.effect\"\r\n      [hideClose]=\"item.hideClose\"\r\n      [closeText]=\"item.closeText\"\r\n      [showIcon]=\"item.showIcon\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </ng-container>\r\n</div>\r\n", styles: [".x-notification{margin:0;padding:0}.x-notification>x-alert{padding:.25rem}.x-notification>x-alert>.x-alert{box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-notification>x-alert .x-alert-icon.x-icon{margin-top:.125rem;font-size:1.25rem;align-self:flex-start}.x-notification-portal x-notification{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });

package/esm2022/notification/notification.module.mjs

@@ -6,12 +6,12 @@ import { XPortalModule } from '@ng-nest/ui/portal';
 import { XNotificationService } from './notification.service';
 import * as i0 from "@angular/core";
 class XNotificationModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XNotificationModule, declarations: [XNotificationComponent], imports: [CommonModule, XPortalModule, XAlertModule], exports: [XNotificationComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XNotificationModule, providers: [XNotificationService], imports: [CommonModule, XPortalModule, XAlertModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XNotificationModule, declarations: [XNotificationComponent], imports: [CommonModule, XPortalModule, XAlertModule], exports: [XNotificationComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XNotificationModule, providers: [XNotificationService], imports: [CommonModule, XPortalModule, XAlertModule] }); }
 }
 export { XNotificationModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XNotificationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XNotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XNotificationComponent],

package/esm2022/notification/notification.service.mjs

@@ -94,11 +94,11 @@ class XNotificationService {
             return;
         this.notifications[option.placement].ref?.componentRef?.instance.onClose(option);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XNotificationService, deps: [{ token: i1.XPortalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XNotificationService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XNotificationService, deps: [{ token: i1.XPortalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XNotificationService }); }
 }
 export { XNotificationService };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XNotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XNotificationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.XPortalService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQWEsWUFBWSxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0YsT0FBTyxFQU1MLG1CQUFtQixFQUNwQixNQUFNLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDMUIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFHdkMsTUFDYSxvQkFBb0I7SUFhL0IsWUFBbUIsTUFBc0I7UUFBdEIsV0FBTSxHQUFOLE1BQU0sQ0FBZ0I7UUFaekMsa0JBQWEsR0FBMkIsRUFBRSxDQUFDO1FBRTNDLFlBQU8sR0FBd0I7WUFDN0IsSUFBSSxFQUFFLE1BQU07WUFDWixLQUFLLEVBQUUsT0FBTztZQUNkLFNBQVMsRUFBRSxTQUFTO1lBQ3BCLE1BQU0sRUFBRSxRQUFRO1lBQ2hCLE1BQU0sRUFBRSxPQUFPO1lBQ2YsUUFBUSxFQUFFLElBQUk7WUFDZCxRQUFRLEVBQUUsSUFBSTtTQUNmLENBQUM7SUFFMEMsQ0FBQztJQUU3QyxJQUFJLENBQUMsTUFBdUM7UUFDMUMsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRCxPQUFPLENBQUMsTUFBdUM7UUFDN0MsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lB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QUFFLFFBQVE7WUFBRSxPQUFPO1FBQ3ZHLFlBQVksQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxZQUFZLEdBQUcsWUFBWSxDQUFDO1FBQ25FLFlBQVksQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDN0QsQ0FBQztJQUVPLFdBQVcsQ0FBQyxNQUEyQjtRQUM3QyxJQUFJLE1BQU0sQ0FBQyxRQUFRLEVBQUU7WUFDbkIsTUFBTSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDO2lCQUN4QixJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztpQkFDNUIsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ2hDLE1BQU0sQ0FBQyxTQUFTLElBQUksTUFBTSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNyRCxDQUFDLENBQUMsQ0FBQztTQUNOO0lBQ0gsQ0FBQztJQUVPLGtCQUFrQixDQUFDLE1BQTJCO1FBQ3BELElBQUksT0FBTyxNQUFNLENBQUMsU0FBUyxLQUFLLFdBQVc7WUFBRSxPQUFPO1FBQ3BELElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxZQUFZLEVBQUUsUUFBUSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuRixDQUFDO2lJQTdGVSxvQkFBb0I7cUlBQXBCLG9CQUFvQjs7U0FBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBRGhDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhUZW1wbGF0ZSwgWElzWFRlbXBsYXRlLCBmaWxsRGVmYXVsdCwgWElzRW1wdHksIFhJc1N0cmluZyB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIFhOb3RpZmljYXRpb25PcHRpb24sXHJcbiAgWE5vdGlmaWNhdGlvbk92ZXJsYXlSZWYsXHJcbiAgWE5vdGlmaWNhdGlvblR5cGUsXHJcbiAgWE5vdGlmaWNhdGlvblBsYWNlbWVudCxcclxuICBYTm90aWZpY2F0aW9uUmVmLFxyXG4gIFhOb3RpZmljYXRpb25Qb3J0YWxcclxufSBmcm9tICcuL25vdGlmaWNhdGlvbi5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IFhOb3RpZmljYXRpb25Db21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBvZiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBkZWxheSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgWFBvcnRhbFNlcnZpY2UgfSBmcm9tICdAbmctbmVzdC91aS9wb3J0YWwnO1xyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgWE5vdGlmaWNhdGlvblNlcnZpY2Uge1xyXG4gIG5vdGlmaWNhdGlvbnM6IFhOb3RpZmljYXRpb25QbGFjZW1lbnQgPSB7fTtcclxuXHJcbiAgZGVmYXVsdDogWE5vdGlmaWNhdGlvbk9wdGlvbiA9IHtcclxuICAgIHR5cGU6ICdpbmZvJyxcclxuICAgIHdpZHRoOiAnMjByZW0nLFxyXG4gICAgcGxhY2VtZW50OiAndG9wLWVuZCcsXHJcbiAgICBvZmZzZXQ6ICcwLjVyZW0nLFxyXG4gICAgZWZmZWN0OiAnd2hpdGUnLFxyXG4gICAgZHVyYXRpb246IDQ1MDAsXHJcbiAgICBzaG93SWNvbjogdHJ1ZVxyXG4gIH07XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBwb3J0YWw6IFhQb3J0YWxTZXJ2aWNlKSB7fVxyXG5cclxuICBpbmZvKG9wdGlvbjogWFRlbXBsYXRlIHwgWE5vdGlmaWNhdGlvbk9wdGlvbik6IFhOb3RpZmljYXRpb25SZWYge1xyXG4gICAgcmV0dXJuIHRoaXMuY3JlYXRlTm90aWZpY2F0aW9uKG9wdGlvbiwgJ2luZm8nKTtcclxuICB9XHJcblxyXG4gIHN1Y2Nlc3Mob3B0aW9uOiBYVGVtcGxhdGUgfCBYTm90aWZpY2F0aW9uT3B0aW9uKTogWE5vdGlmaWNhdGlvblJlZiB7XHJcbiAgICByZXR1cm4gdGhpcy5jcmVhdGVOb3RpZmljYXRpb24ob3B0aW9uLCAnc3VjY2VzcycpO1xyXG4gIH1cclxuXHJcbiAgd2FybmluZyhvcHRpb246IFhUZW1wbGF0ZSB8IFhOb3RpZmljYXRpb25PcHRpb24pOiBYTm90aWZpY2F0aW9uUmVmIHtcclxuICAgIHJldHVybiB0aGlzLmNyZWF0ZU5vdGlmaWNhdGlvbihvcHRpb24sICd3YXJuaW5nJyk7XHJcbiAgfVxyXG5cclxuICBlcnJvcihvcHRpb246IFhUZW1wbGF0ZSB8IFhOb3RpZmljYXRpb25PcHRpb24pOiBYTm90aWZpY2F0aW9uUmVmIHtcclxuICAgIHJldHVybiB0aGlzLmNyZWF0ZU5vdGlmaWNhdGlvbihvcHRpb24sICdlcnJvcicpO1xyXG4gIH1cclxuXHJcbiAgY3JlYXRlKG9wdGlvbjogWE5vdGlmaWNhdGlvbk9wdGlvbik6IFhOb3RpZmljYXRpb25PdmVybGF5UmVmIHtcclxuICAgIGNvbnN0IG9mZnNldCA9IFhJc1N0cmluZyhvcHRpb24ub2Zmc2V0KSA/IFtvcHRpb24ub2Zmc2V0IGFzIHN0cmluZ10gOiAob3B0aW9uLm9mZnNldCBhcyBzdHJpbmdbXSk7XHJcbiAgICByZXR1cm4gdGhpcy5wb3J0YWwuYXR0YWNoKHtcclxuICAgICAgY29udGVudDogWE5vdGlmaWNhdGlvbkNvbXBvbmVudCxcclxuICAgICAgb3ZlcmxheUNvbmZpZzoge1xyXG4gICAgICAgIHBhbmVsQ2xhc3M6IFhOb3RpZmljYXRpb25Qb3J0YWwsXHJcbiAgICAgICAgd2lkdGg6IG9wdGlvbi53aWR0aCxcclxuICAgICAgICBoZWlnaHQ6IG9wdGlvbi5oZWlnaHQsXHJcbiAgICAgICAgcG9zaXRpb25TdHJhdGVneTogdGhpcy5wb3J0YWwuc2V0UGxhY2Uob3B0aW9uLnBsYWNlbWVudCwgLi4ub2Zmc2V0KVxyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgY3JlYXRlTm90aWZpY2F0aW9uKG9wdGlvbjogWFRlbXBsYXRlIHwgWE5vdGlmaWNhdGlvbk9wdGlvbiwgdHlwZTogWE5vdGlmaWNhdGlvblR5cGUpOiBYTm90aWZpY2F0aW9uUmVmIHtcclxuICAgIGxldCBvcHQ6IFhOb3RpZmljYXRpb25PcHRpb247XHJcbiAgICBpZiAoWElzWFRlbXBsYXRlKG9wdGlvbikpIHtcclxuICAgICAgb3B0ID0geyB0aXRsZTogb3B0aW9uIGFzIFhUZW1wbGF0ZSwgdHlwZTogdHlwZSB9O1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgb3B0ID0gb3B0aW9uIGFzIFhOb3RpZmljYXRpb25PcHRpb247XHJcbiAgICAgIG9wdC50eXBlID0gdHlwZTtcclxuICAgIH1cclxuICAgIGZpbGxEZWZhdWx0KG9wdCwgdGhpcy5kZWZhdWx0KTtcclxuICAgIHJldHVybiB0aGlzLmNyZWF0ZU5vdGlmaWNhdGlvblBsYWNlbWVudChvcHQpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBjcmVhdGVOb3RpZmljYXRpb25QbGFjZW1lbnQob3B0aW9uOiBYTm90aWZpY2F0aW9uT3B0aW9uKTogWE5vdGlmaWNhdGlvblJlZiB7XHJcbiAgICBpZiAodHlwZW9mIG9wdGlvbi5wbGFjZW1lbnQgPT09ICd1bmRlZmluZWQnKSByZXR1cm4ge307XHJcbiAgICBsZXQgbXNnUGxhY2VtZW50ID0gdGhpcy5ub3RpZmljYXRpb25zW29wdGlvbi5wbGFjZW1lbnRdO1xyXG4gICAgdGhpcy5zZXREdXJhdGlvbihvcHRpb24pO1xyXG4gICAgaWYgKFhJc0VtcHR5KG1zZ1BsYWNlbWVudCkgfHwgIW1zZ1BsYWNlbWVudC5yZWY/Lm92ZXJsYXlSZWY/Lmhhc0F0dGFjaGVkKCkpIHtcclxuICAgICAgdGhpcy5ub3RpZmljYXRpb25zW29wdGlvbi5wbGFjZW1lbnRdID0ge1xyXG4gICAgICAgIHJlZjogdGhpcy5jcmVhdGUob3B0aW9uKSxcclxuICAgICAgICBsaXN0OiBbb3B0aW9uXVxyXG4gICAgICB9O1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5ub3RpZmljYXRpb25zW29wdGlvbi5wbGFjZW1lbnRdLmxpc3QgPSBbLi4uKHRoaXMubm90aWZpY2F0aW9uc1tvcHRpb24ucGxhY2VtZW50XS5saXN0IGFzIFhOb3RpZmljYXRpb25PcHRpb25bXSksIG9wdGlvbl07XHJcbiAgICB9XHJcbiAgICB0aGlzLm5vdGlmaWNhdGlvbkNoYW5nZSh0aGlzLm5vdGlmaWNhdGlvbnNbb3B0aW9uLnBsYWNlbWVudF0pO1xyXG5cclxuICAgIHJldHVybiB0aGlzLm5vdGlmaWNhdGlvbnNbb3B0aW9uLnBsYWNlbWVudF07XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIG5vdGlmaWNhdGlvbkNoYW5nZShub3RpZmljYXRpb246IFhOb3RpZmljYXRpb25SZWYpIHtcclxuICAgIGlmICghbm90aWZpY2F0aW9uLnJlZj8ub3ZlcmxheVJlZj8uaGFzQXR0YWNoZWQoKSB8fCAhbm90aWZpY2F0aW9uPy5yZWY/LmNvbXBvbmVudFJlZj8uaW5zdGFuY2UpIHJldHVybjtcclxuICAgIG5vdGlmaWNhdGlvbi5yZWYuY29tcG9uZW50UmVmLmluc3RhbmNlLm5vdGlmaWNhdGlvbiA9IG5vdGlmaWNhdGlvbjtcclxuICAgIG5vdGlmaWNhdGlvbi5yZWYuY29tcG9uZW50UmVmLmluc3RhbmNlLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNldER1cmF0aW9uKG9wdGlvbjogWE5vdGlmaWNhdGlvbk9wdGlvbikge1xyXG4gICAgaWYgKG9wdGlvbi5kdXJhdGlvbikge1xyXG4gICAgICBvcHRpb24uZHVyYXRpb24kID0gb2YodHJ1ZSlcclxuICAgICAgICAucGlwZShkZWxheShvcHRpb24uZHVyYXRpb24pKVxyXG4gICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5yZW1vdmVOb3RpZmljYXRpb24ob3B0aW9uKTtcclxuICAgICAgICAgIG9wdGlvbi5kdXJhdGlvbiQgJiYgb3B0aW9uLmR1cmF0aW9uJC51bnN1YnNjcmliZSgpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSByZW1vdmVOb3RpZmljYXRpb24ob3B0aW9uOiBYTm90aWZpY2F0aW9uT3B0aW9uKSB7XHJcbiAgICBpZiAodHlwZW9mIG9wdGlvbi5wbGFjZW1lbnQgPT09ICd1bmRlZmluZWQnKSByZXR1cm47XHJcbiAgICB0aGlzLm5vdGlmaWNhdGlvbnNbb3B0aW9uLnBsYWNlbWVudF0ucmVmPy5jb21wb25lbnRSZWY/Lmluc3RhbmNlLm9uQ2xvc2Uob3B0aW9uKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2022/outlet/outlet.directive.mjs

@@ -60,11 +60,11 @@ class XOutletDirective {
             }
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XOutletDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: XOutletDirective, selector: "[xOutlet]", inputs: { xOutletContext: "xOutletContext", xOutlet: "xOutlet" }, usesOnChanges: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XOutletDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: XOutletDirective, selector: "[xOutlet]", inputs: { xOutletContext: "xOutletContext", xOutlet: "xOutlet" }, usesOnChanges: true, ngImport: i0 }); }
 }
 export { XOutletDirective };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XOutletDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XOutletDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[xOutlet]' }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }]; }, propDecorators: { xOutletContext: [{

package/esm2022/outlet/outlet.module.mjs

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

package/esm2022/page-header/page-header.component.mjs

@@ -31,11 +31,11 @@ class XPageHeaderComponent extends XPageHeaderProperty {
         this._unSubject.next();
         this._unSubject.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPageHeaderComponent, deps: [{ token: i1.XConfigService }, { 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: XPageHeaderComponent, selector: "x-page-header", usesInheritance: true, ngImport: i0, template: "<div class=\"x-page-header\">\r\n  <x-button class=\"x-page-header-backIcon\" [icon]=\"backIcon\" type=\"text\" (click)=\"backClick.emit()\">{{ getBackText }}</x-button>\r\n  <span class=\"x-page-header-divided\"></span>\r\n  <span class=\"x-page-header-title\" *ngIf=\"title\">{{ title }}</span>\r\n  <span class=\"x-page-header-subTitle\" *ngIf=\"subTitle\">{{ subTitle }}</span>\r\n</div>\r\n", styles: [".x-page-header{margin:0;padding:0;display:inline-flex;align-items:center;height:var(--x-height-large)}.x-page-header-backIcon .x-button{font-size:.875rem}.x-page-header-divided{margin:0 .875rem 0 .25rem;height:1rem;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-page-header-title{font-size:1rem}.x-page-header-subTitle{font-size:.75rem;color:var(--x-text-400);margin-left:.5rem}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.XButtonComponent, selector: "x-button" }], 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: XPageHeaderComponent, deps: [{ token: i1.XConfigService }, { 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: XPageHeaderComponent, selector: "x-page-header", usesInheritance: true, ngImport: i0, template: "<div class=\"x-page-header\">\r\n  <x-button class=\"x-page-header-backIcon\" [icon]=\"backIcon\" type=\"text\" (click)=\"backClick.emit()\">{{ getBackText }}</x-button>\r\n  <span class=\"x-page-header-divided\"></span>\r\n  <span class=\"x-page-header-title\" *ngIf=\"title\">{{ title }}</span>\r\n  <span class=\"x-page-header-subTitle\" *ngIf=\"subTitle\">{{ subTitle }}</span>\r\n</div>\r\n", styles: [".x-page-header{margin:0;padding:0;display:inline-flex;align-items:center;height:var(--x-height-large)}.x-page-header-backIcon .x-button{font-size:.875rem}.x-page-header-divided{margin:0 .875rem 0 .25rem;height:1rem;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-page-header-title{font-size:1rem}.x-page-header-subTitle{font-size:.75rem;color:var(--x-text-400);margin-left:.5rem}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.XButtonComponent, selector: "x-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { XPageHeaderComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPageHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XPageHeaderPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-page-header\">\r\n  <x-button class=\"x-page-header-backIcon\" [icon]=\"backIcon\" type=\"text\" (click)=\"backClick.emit()\">{{ getBackText }}</x-button>\r\n  <span class=\"x-page-header-divided\"></span>\r\n  <span class=\"x-page-header-title\" *ngIf=\"title\">{{ title }}</span>\r\n  <span class=\"x-page-header-subTitle\" *ngIf=\"subTitle\">{{ subTitle }}</span>\r\n</div>\r\n", styles: [".x-page-header{margin:0;padding:0;display:inline-flex;align-items:center;height:var(--x-height-large)}.x-page-header-backIcon .x-button{font-size:.875rem}.x-page-header-divided{margin:0 .875rem 0 .25rem;height:1rem;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-page-header-title{font-size:1rem}.x-page-header-subTitle{font-size:.75rem;color:var(--x-text-400);margin-left:.5rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.XConfigService }, { type: i0.ChangeDetectorRef }, { type: i2.XI18nService }]; } });

package/esm2022/page-header/page-header.module.mjs

@@ -5,12 +5,12 @@ import { XButtonModule } from '@ng-nest/ui/button';
 import { XPageHeaderProperty } from './page-header.property';
 import * as i0 from "@angular/core";
 class XPageHeaderModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XPageHeaderModule, declarations: [XPageHeaderComponent, XPageHeaderProperty], imports: [CommonModule, XButtonModule], exports: [XPageHeaderComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPageHeaderModule, imports: [CommonModule, XButtonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XPageHeaderModule, declarations: [XPageHeaderComponent, XPageHeaderProperty], imports: [CommonModule, XButtonModule], exports: [XPageHeaderComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPageHeaderModule, imports: [CommonModule, XButtonModule] }); }
 }
 export { XPageHeaderModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPageHeaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPageHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XPageHeaderComponent, XPageHeaderProperty],

package/esm2022/page-header/page-header.property.mjs

@@ -20,8 +20,8 @@ class XPageHeaderProperty {
          */
         this.backClick = new EventEmitter();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPageHeaderProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XPageHeaderProperty, selector: "x-page-header-property", inputs: { backIcon: "backIcon", backText: "backText", title: "title", subTitle: "subTitle" }, outputs: { backClick: "backClick" }, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPageHeaderProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XPageHeaderProperty, selector: "x-page-header-property", inputs: { backIcon: "backIcon", backText: "backText", title: "title", subTitle: "subTitle" }, outputs: { backClick: "backClick" }, ngImport: i0, template: '', isInline: true }); }
 }
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'fto-arrow-left')
@@ -30,7 +30,7 @@ __decorate([
     XWithConfig(X_CONFIG_NAME)
 ], XPageHeaderProperty.prototype, "backText", void 0);
 export { XPageHeaderProperty };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPageHeaderProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPageHeaderProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XPageHeaderPrefix}-property`, template: '' }]
         }], propDecorators: { backIcon: [{

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],