@ng-nest/ui 21.0.9 → 21.0.11

package/fesm2022/ng-nest-ui-message-box.mjs

@@ -114,10 +114,10 @@ class XMessageBoxComponent {
             XFormInputValidator(this.msgInput.inputValidator)
         ]));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageBoxComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: XMessageBoxComponent, isStandalone: true, selector: "x-message-box", host: { listeners: { "animationend": "animationend($event)" }, properties: { "animate.enter": "this.animateEnter", "animate.leave": "this.animateLeave" } }, ngImport: i0, template: "<div class=\"x-message-box\">\r\n  <x-alert\r\n    (close)=\"onClose()\"\r\n    [title]=\"msgInput.title\"\r\n    [content]=\"contentTpl\"\r\n    [type]=\"msgInput.type!\"\r\n    [effect]=\"msgInput.effect!\"\r\n    [hideClose]=\"msgInput.hideClose!\"\r\n    [closeText]=\"msgInput.closeText\"\r\n    [showIcon]=\"false\"\r\n    [duration]=\"0\"\r\n    manual\r\n    disabledAnimation\r\n  ></x-alert>\r\n  <ng-template #contentTpl let-iconTpl=\"$iconTpl\">\r\n    <div class=\"x-message-box-inner\">\r\n      <div class=\"x-message-box-content\">\r\n        @if (msgInput.showInput) {\r\n          <form [formGroup]=\"formGroup\">\r\n            <x-input\r\n              formControlName=\"inputValue\"\r\n              [type]=\"msgInput.inputType!\"\r\n              [label]=\"getLabel\"\r\n              [placeholder]=\"msgInput.inputPlaceholder!\"\r\n              [pattern]=\"getPattern\"\r\n              [message]=\"msgInput.inputInvalidMessage!\"\r\n              [inputValidator]=\"msgInput.inputValidator!\"\r\n            ></x-input>\r\n          </form>\r\n        } @else if (msgInput.showTextarea) {\r\n          <form [formGroup]=\"formGroup\">\r\n            <x-textarea\r\n              formControlName=\"inputValue\"\r\n              [placeholder]=\"msgInput.inputPlaceholder!\"\r\n              [label]=\"getLabel\"\r\n              [pattern]=\"getPattern\"\r\n              [message]=\"msgInput.inputInvalidMessage!\"\r\n              [inputValidator]=\"msgInput.inputValidator!\"\r\n              [maxlength]=\"msgInput.textareaMaxlength!\"\r\n              [height]=\"msgInput.textareaHeight!\"\r\n            ></x-textarea>\r\n          </form>\r\n        } @else {\r\n          @if (msgInput.showIcon) {\r\n            <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n          }\r\n          <ng-container *xOutlet=\"msgInput.content\">\r\n            {{ msgInput.content }}\r\n          </ng-container>\r\n        }\r\n      </div>\r\n      <x-buttons space=\"0.5rem\">\r\n        @if (msgInput.showCancel) {\r\n          <x-button (click)=\"onCancel()\" flat plain>{{ msgInput.cancelText }}</x-button>\r\n        }\r\n        <x-button type=\"primary\" flat (click)=\"onConfirm()\" [disabled]=\"formGroup!.invalid\" [loading]=\"loading\">{{\r\n          msgInput.confirmText\r\n        }}</x-button>\r\n      </x-buttons>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n", styles: [".x-message-box{margin:0;padding:0}.x-message-box-inner{display:flex;flex-direction:column;margin:.5rem 0}.x-message-box-inner>x-buttons{margin-top:1rem;align-self:flex-end}.x-message-box-content{display:inline-flex}.x-message-box-content>form{width:100%;margin-bottom:1rem}.x-message-box-content>form>x-input{width:100%}.x-message-box-content>form>x-textarea{width:100%}.x-message-box-portal x-message-box{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: XInputComponent, selector: "x-input" }, { kind: "component", type: XTextareaComponent, selector: "x-textarea" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: XAlertComponent, selector: "x-alert" }, { kind: "directive", type: 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: "21.1.1", ngImport: i0, type: XMessageBoxComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XMessageBoxComponent, isStandalone: true, selector: "x-message-box", host: { listeners: { "animationend": "animationend($event)" }, properties: { "animate.enter": "this.animateEnter", "animate.leave": "this.animateLeave" } }, ngImport: i0, template: "<div class=\"x-message-box\">\r\n  <x-alert\r\n    (close)=\"onClose()\"\r\n    [title]=\"msgInput.title\"\r\n    [content]=\"contentTpl\"\r\n    [type]=\"msgInput.type!\"\r\n    [effect]=\"msgInput.effect!\"\r\n    [hideClose]=\"msgInput.hideClose!\"\r\n    [closeText]=\"msgInput.closeText\"\r\n    [showIcon]=\"false\"\r\n    [duration]=\"0\"\r\n    manual\r\n    disabledAnimation\r\n  ></x-alert>\r\n  <ng-template #contentTpl let-iconTpl=\"$iconTpl\">\r\n    <div class=\"x-message-box-inner\">\r\n      <div class=\"x-message-box-content\">\r\n        @if (msgInput.showInput) {\r\n          <form [formGroup]=\"formGroup\">\r\n            <x-input\r\n              formControlName=\"inputValue\"\r\n              [type]=\"msgInput.inputType!\"\r\n              [label]=\"getLabel\"\r\n              [placeholder]=\"msgInput.inputPlaceholder!\"\r\n              [pattern]=\"getPattern\"\r\n              [message]=\"msgInput.inputInvalidMessage!\"\r\n              [inputValidator]=\"msgInput.inputValidator!\"\r\n            ></x-input>\r\n          </form>\r\n        } @else if (msgInput.showTextarea) {\r\n          <form [formGroup]=\"formGroup\">\r\n            <x-textarea\r\n              formControlName=\"inputValue\"\r\n              [placeholder]=\"msgInput.inputPlaceholder!\"\r\n              [label]=\"getLabel\"\r\n              [pattern]=\"getPattern\"\r\n              [message]=\"msgInput.inputInvalidMessage!\"\r\n              [inputValidator]=\"msgInput.inputValidator!\"\r\n              [maxlength]=\"msgInput.textareaMaxlength!\"\r\n              [height]=\"msgInput.textareaHeight!\"\r\n            ></x-textarea>\r\n          </form>\r\n        } @else {\r\n          @if (msgInput.showIcon) {\r\n            <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n          }\r\n          <ng-container *xOutlet=\"msgInput.content\">\r\n            {{ msgInput.content }}\r\n          </ng-container>\r\n        }\r\n      </div>\r\n      <x-buttons space=\"0.5rem\">\r\n        @if (msgInput.showCancel) {\r\n          <x-button (click)=\"onCancel()\" flat plain>{{ msgInput.cancelText }}</x-button>\r\n        }\r\n        <x-button type=\"primary\" flat (click)=\"onConfirm()\" [disabled]=\"formGroup!.invalid\" [loading]=\"loading\">{{\r\n          msgInput.confirmText\r\n        }}</x-button>\r\n      </x-buttons>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n", styles: [".x-message-box{margin:0;padding:0}.x-message-box-inner{display:flex;flex-direction:column;margin:.5rem 0}.x-message-box-inner>x-buttons{margin-top:1rem;align-self:flex-end}.x-message-box-content{display:inline-flex}.x-message-box-content>form{width:100%;margin-bottom:1rem}.x-message-box-content>form>x-input{width:100%}.x-message-box-content>form>x-textarea{width:100%}.x-message-box-portal x-message-box{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: XInputComponent, selector: "x-input" }, { kind: "component", type: XTextareaComponent, selector: "x-textarea" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: XAlertComponent, selector: "x-alert" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XMessageBoxPrefix}`, imports: [
                         NgTemplateOutlet,
@@ -222,20 +222,20 @@ class XMessageBoxService {
         const messageBoxLocale = this.i18n.getLocale().messageBox;
         this.default = { ...this.default, ...messageBoxLocale };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageBoxService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageBoxService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageBoxService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageBoxService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageBoxService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageBoxService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
 class XMessageBoxModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: XMessageBoxModule }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageBoxModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: XMessageBoxModule }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageBoxModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [],

package/fesm2022/ng-nest-ui-message-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-message-box.mjs","sources":["../../../../lib/ng-nest/ui/message-box/message-box.property.ts","../../../../lib/ng-nest/ui/message-box/message-box.component.ts","../../../../lib/ng-nest/ui/message-box/message-box.component.html","../../../../lib/ng-nest/ui/message-box/message-box.service.ts","../../../../lib/ng-nest/ui/message-box/message-box.module.ts","../../../../lib/ng-nest/ui/message-box/ng-nest-ui-message-box.ts"],"sourcesContent":["import type { XStatus, XPlace } from '@ng-nest/ui/core';\r\nimport type { XAlertOption } from '@ng-nest/ui/alert';\r\nimport type { XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport type { XInputType } from '@ng-nest/ui/input';\r\nimport { Observable } from 'rxjs';\r\n\r\n/**\r\n * MessageBox\r\n * @selector x-message-box\r\n * @decorator component\r\n */\r\nexport const XMessageBoxPrefix = 'x-message-box';\r\n\r\nexport const XMessageBoxPortal = 'x-message-box-portal';\r\n\r\n/**\r\n * MessageBox Option\r\n */\r\nexport interface XMessageBoxOption extends XAlertOption {\r\n  /**\r\n   * @zh_CN 方位，九宫格\r\n   * @en_US Direction, nine grid\r\n   * @default 'top'\r\n   */\r\n  placement?: XPlace;\r\n  /**\r\n   * @zh_CN 偏移距离\r\n   * @en_US Offset distance\r\n   * @default '2rem'\r\n   */\r\n  offset?: string | string[];\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   * @default 'info'\r\n   */\r\n  type?: XMessageBoxType;\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   * @default '16rem'\r\n   */\r\n  width?: string;\r\n  /**\r\n   * @zh_CN 高度\r\n   * @en_US Height\r\n   */\r\n  height?: string;\r\n  /**\r\n   * @zh_CN 隐藏关闭按钮\r\n   * @en_US Hide close button\r\n   * @default true\r\n   */\r\n  hideClose?: boolean;\r\n  /**\r\n   * @zh_CN 显示图标\r\n   * @en_US Show icon\r\n   * @default true\r\n   */\r\n  showIcon?: boolean;\r\n  /**\r\n   * @zh_CN 显示取消按钮\r\n   * @en_US Show cancel button\r\n   */\r\n  showCancel?: boolean;\r\n  /**\r\n   * @zh_CN 关闭事件\r\n   * @en_US Close event\r\n   */\r\n  callback?: XMessageBoxCallback;\r\n  /**\r\n   * @zh_CN 点击遮罩关闭\r\n   * @en_US Click the mask to close\r\n   * @default false\r\n   */\r\n  backdropClose?: boolean;\r\n  /**\r\n   * @zh_CN 确认按钮文字\r\n   * @en_US Confirm button text\r\n   * @default '确定'\r\n   */\r\n  confirmText?: string;\r\n  /**\r\n   * @zh_CN 取消按钮文字\r\n   * @en_US Cancel button text\r\n   * @default '取消'\r\n   */\r\n  cancelText?: string;\r\n  /**\r\n   * @zh_CN 是否显示输入框，显示单行文本框后，将不能显示多行文本框\r\n   * @en_US Do not display input box. After displaying a single line text box, multi line text boxes cannot be displayed\r\n   */\r\n  showInput?: boolean;\r\n  /**\r\n   * @zh_CN 匹配规则\r\n   * @en_US Matching rules\r\n   */\r\n  inputPattern?: RegExp | RegExp[];\r\n  /**\r\n   * @zh_CN 匹配失败的信息提示\r\n   * @en_US Information prompt for matching failure\r\n   */\r\n  inputInvalidMessage?: string | string[];\r\n  /**\r\n   * @zh_CN 输入框的占位符\r\n   * @en_US Placeholder for input box\r\n   */\r\n  inputPlaceholder?: string;\r\n  /**\r\n   * @zh_CN 输入框的类型\r\n   * @en_US Type of input box\r\n   */\r\n  inputType?: XInputType;\r\n  /**\r\n   * @zh_CN 输入框的值\r\n   * @en_US Value of input box\r\n   */\r\n  inputValue?: string;\r\n  /**\r\n   * @zh_CN 输入框的验证函数\r\n   * @en_US Validation function of input box\r\n   */\r\n  inputValidator?: (value: any) => boolean;\r\n  /**\r\n   * @zh_CN 关闭前处理函数\r\n   * @en_US Processing function before closing\r\n   */\r\n  beforeClose?: XMessageBoxCallback;\r\n  /**\r\n   * @zh_CN 确认加载\r\n   * @en_US confirm Loading\r\n   */\r\n  confirmLoading?: XMessageBoxConfirmLoading;\r\n  /**\r\n   * @zh_CN 是否显示多行文本框\r\n   * @en_US Whether to show the input box\r\n   */\r\n  showTextarea?: boolean;\r\n  /**\r\n   * @zh_CN 输入最大长度\r\n   * @en_US Enter the maximum length\r\n   */\r\n  textareaMaxlength?: number;\r\n  /**\r\n   * @zh_CN 高度\r\n   * @en_US height\r\n   */\r\n  textareaHeight?: string;\r\n}\r\n\r\n/**\r\n * @zh_CN 关闭的回调函数类型\r\n * @en_US Closed callback function type\r\n */\r\nexport interface XMessageBoxCallback {\r\n  (action: XMessageBoxAction, message?: string): void;\r\n}\r\n\r\n/**\r\n * @zh_CN 确认加载\r\n * @en_US confirm Loading\r\n */\r\nexport type XMessageBoxConfirmLoading = () => Observable<boolean>;\r\n\r\n/**\r\n * @zh_CN 触发关闭的类型\r\n * @en_US Type of trigger closure\r\n */\r\nexport type XMessageBoxAction = 'confirm' | 'cancel' | 'close';\r\n\r\n/**\r\n * @zh_CN 创建的消息对象\r\n * @en_US Message object created\r\n */\r\nexport interface XMessageBoxOverlayRef extends XPortalOverlayRef<XMessageBoxHandle> {}\r\n\r\n/**\r\n * @zh_CN 创建的消息组件定义\r\n * @en_US Message object created\r\n */\r\nexport interface XMessageBoxHandle {\r\n  messageBox: XMessageBoxRef;\r\n  onClose(): void;\r\n  onCancel(): void;\r\n  hideBox(): void;\r\n  onConfirm(): void;\r\n  moveDone($event: AnimationEvent): void;\r\n  getInputValue(): any;\r\n}\r\n\r\nexport interface XMessageBoxRef {\r\n  ref: XMessageBoxOverlayRef;\r\n  input: XMessageBoxOption;\r\n  close: () => void;\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Types of\r\n */\r\nexport type XMessageBoxType = XStatus;\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  OnInit,\r\n  HostListener,\r\n  HostBinding\r\n} from '@angular/core';\r\nimport { XIsFunction } from '@ng-nest/ui/core';\r\nimport { XMessageBoxPrefix, XMessageBoxRef, XMessageBoxAction, XMessageBoxHandle } from './message-box.property';\r\nimport { UntypedFormGroup, UntypedFormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XFormInputValidator } from '@ng-nest/ui/base-form';\r\nimport { XAlertComponent } from '@ng-nest/ui/alert';\r\nimport { XButtonComponent, XButtonsComponent } from '@ng-nest/ui/button';\r\nimport { XInputComponent } from '@ng-nest/ui/input';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { XTextareaComponent } from '@ng-nest/ui/textarea';\r\n\r\n@Component({\r\n  selector: `${XMessageBoxPrefix}`,\r\n  imports: [\r\n    NgTemplateOutlet,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    XInputComponent,\r\n    XTextareaComponent,\r\n    XButtonComponent,\r\n    XButtonsComponent,\r\n    XAlertComponent,\r\n    XOutletDirective\r\n  ],\r\n  templateUrl: './message-box.component.html',\r\n  styleUrls: ['./message-box.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XMessageBoxComponent implements OnInit, XMessageBoxHandle {\r\n  messageBox!: XMessageBoxRef;\r\n  action: XMessageBoxAction = 'close';\r\n  formGroup: UntypedFormGroup = new UntypedFormGroup({});\r\n  loading = false;\r\n\r\n  @HostBinding('animate.enter') get animateEnter() {\r\n    return `x-move-${this.msgInput.placement}-enter`;\r\n  }\r\n  @HostBinding('animate.leave') get animateLeave() {\r\n    return `x-move-${this.msgInput.placement}-leave`;\r\n  }\r\n\r\n  @HostListener('animationend', ['$event']) animationend($event: AnimationEvent) {\r\n    this.moveDone($event);\r\n  }\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef<HTMLElement>,\r\n    public cdr: ChangeDetectorRef\r\n  ) {}\r\n\r\n  get msgInput() {\r\n    return this.messageBox.input!;\r\n  }\r\n\r\n  get msgOverlayRef() {\r\n    return this.messageBox.ref!;\r\n  }\r\n\r\n  get getLabel() {\r\n    return this.msgInput.content as string;\r\n  }\r\n\r\n  get getPattern() {\r\n    return this.msgInput.inputPattern as RegExp;\r\n  }\r\n\r\n  ngOnInit() {\r\n    (this.msgInput.showInput || this.msgInput.showTextarea) && this.createFormGroup();\r\n  }\r\n\r\n  onClose() {\r\n    this.action = 'close';\r\n    this.hideBox();\r\n  }\r\n\r\n  onCancel() {\r\n    this.action = 'cancel';\r\n    this.hideBox();\r\n  }\r\n\r\n  hideBox() {\r\n    if (XIsFunction(this.msgInput.beforeClose)) {\r\n      this.msgInput.beforeClose!(this.action, this.getInputValue());\r\n    } else {\r\n      this.close();\r\n    }\r\n  }\r\n\r\n  close() {\r\n    this.msgOverlayRef?.overlayRef?.detach();\r\n  }\r\n\r\n  onConfirm() {\r\n    const hide = () => {\r\n      if (!this.msgInput.showInput || (this.msgInput.showInput && this.formGroup.valid)) {\r\n        this.action = 'confirm';\r\n        this.hideBox();\r\n      } else if (!this.msgInput.showTextarea || (this.msgInput.showTextarea && this.formGroup.valid)) {\r\n        this.action = 'confirm';\r\n        this.hideBox();\r\n      }\r\n    };\r\n    if (this.msgInput.confirmLoading && XIsFunction(this.msgInput.confirmLoading)) {\r\n      this.loading = true;\r\n      this.msgInput.confirmLoading().subscribe((x) => {\r\n        this.loading = false;\r\n        this.cdr.markForCheck();\r\n        if (!x) return;\r\n        this.action = 'confirm';\r\n        hide();\r\n      });\r\n    } else {\r\n      hide();\r\n    }\r\n  }\r\n\r\n  moveDone($event: AnimationEvent) {\r\n    if ($event.animationName.endsWith('-leave')) {\r\n      XIsFunction(this.msgInput.callback) && this.msgInput.callback!(this.action, this.getInputValue());\r\n      this.msgOverlayRef.overlayRef?.dispose();\r\n    }\r\n  }\r\n\r\n  getInputValue() {\r\n    return this.formGroup.controls['inputValue']?.value;\r\n  }\r\n\r\n  createFormGroup() {\r\n    this.formGroup.addControl(\r\n      'inputValue',\r\n      new UntypedFormControl(this.msgInput.inputValue, [\r\n        Validators.pattern(this.msgInput.inputPattern as RegExp),\r\n        XFormInputValidator(this.msgInput.inputValidator!)\r\n      ])\r\n    );\r\n  }\r\n}\r\n","<div class=\"x-message-box\">\r\n  <x-alert\r\n    (close)=\"onClose()\"\r\n    [title]=\"msgInput.title\"\r\n    [content]=\"contentTpl\"\r\n    [type]=\"msgInput.type!\"\r\n    [effect]=\"msgInput.effect!\"\r\n    [hideClose]=\"msgInput.hideClose!\"\r\n    [closeText]=\"msgInput.closeText\"\r\n    [showIcon]=\"false\"\r\n    [duration]=\"0\"\r\n    manual\r\n    disabledAnimation\r\n  ></x-alert>\r\n  <ng-template #contentTpl let-iconTpl=\"$iconTpl\">\r\n    <div class=\"x-message-box-inner\">\r\n      <div class=\"x-message-box-content\">\r\n        @if (msgInput.showInput) {\r\n          <form [formGroup]=\"formGroup\">\r\n            <x-input\r\n              formControlName=\"inputValue\"\r\n              [type]=\"msgInput.inputType!\"\r\n              [label]=\"getLabel\"\r\n              [placeholder]=\"msgInput.inputPlaceholder!\"\r\n              [pattern]=\"getPattern\"\r\n              [message]=\"msgInput.inputInvalidMessage!\"\r\n              [inputValidator]=\"msgInput.inputValidator!\"\r\n            ></x-input>\r\n          </form>\r\n        } @else if (msgInput.showTextarea) {\r\n          <form [formGroup]=\"formGroup\">\r\n            <x-textarea\r\n              formControlName=\"inputValue\"\r\n              [placeholder]=\"msgInput.inputPlaceholder!\"\r\n              [label]=\"getLabel\"\r\n              [pattern]=\"getPattern\"\r\n              [message]=\"msgInput.inputInvalidMessage!\"\r\n              [inputValidator]=\"msgInput.inputValidator!\"\r\n              [maxlength]=\"msgInput.textareaMaxlength!\"\r\n              [height]=\"msgInput.textareaHeight!\"\r\n            ></x-textarea>\r\n          </form>\r\n        } @else {\r\n          @if (msgInput.showIcon) {\r\n            <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n          }\r\n          <ng-container *xOutlet=\"msgInput.content\">\r\n            {{ msgInput.content }}\r\n          </ng-container>\r\n        }\r\n      </div>\r\n      <x-buttons space=\"0.5rem\">\r\n        @if (msgInput.showCancel) {\r\n          <x-button (click)=\"onCancel()\" flat plain>{{ msgInput.cancelText }}</x-button>\r\n        }\r\n        <x-button type=\"primary\" flat (click)=\"onConfirm()\" [disabled]=\"formGroup!.invalid\" [loading]=\"loading\">{{\r\n          msgInput.confirmText\r\n        }}</x-button>\r\n      </x-buttons>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n","import { ComponentRef, Injectable, inject } from '@angular/core';\r\nimport { XTemplate, XIsXTemplate, XFillDefault, XIsString } from '@ng-nest/ui/core';\r\nimport { XMessageBoxOption, XMessageBoxOverlayRef, XMessageBoxRef, XMessageBoxPortal } from './message-box.property';\r\nimport { XMessageBoxComponent } from './message-box.component';\r\nimport { XPortalService } from '@ng-nest/ui/portal';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class XMessageBoxService {\r\n  default: XMessageBoxOption = {\r\n    type: 'info',\r\n    width: '20rem',\r\n    placement: 'center',\r\n    offset: '2rem',\r\n    effect: 'white',\r\n    duration: 3000,\r\n    showIcon: false,\r\n    showInput: false,\r\n    showTextarea: false,\r\n    backdropClose: false,\r\n    cancelText: '取消',\r\n    confirmText: '确认',\r\n    inputPlaceholder: '',\r\n    textareaHeight: '6rem'\r\n  };\r\n\r\n  private portal = inject(XPortalService);\r\n  private i18n = inject(XI18nService);\r\n\r\n  alert(option: XTemplate | XMessageBoxOption): XMessageBoxRef {\r\n    return this.createMessageBox(option, { showIcon: false, showCancel: false, showInput: false });\r\n  }\r\n\r\n  confirm(option: XTemplate | XMessageBoxOption): XMessageBoxRef {\r\n    return this.createMessageBox(option, { showIcon: true, showCancel: true, showInput: false });\r\n  }\r\n\r\n  prompt(option: XTemplate | XMessageBoxOption): XMessageBoxRef {\r\n    const opt = option as XMessageBoxOption;\r\n    let def: XMessageBoxOption = { showIcon: false, showCancel: true, showInput: true };\r\n    if (!opt.showInput && opt.showTextarea) {\r\n      def = { showIcon: false, showCancel: true, showTextarea: true };\r\n    }\r\n    return this.createMessageBox(option, def);\r\n  }\r\n\r\n  create(option: XMessageBoxOption): XMessageBoxOverlayRef {\r\n    const offset = XIsString(option.offset) ? [option.offset as string] : (option.offset as string[]);\r\n    return this.portal.attach({\r\n      content: XMessageBoxComponent,\r\n      overlayConfig: {\r\n        panelClass: XMessageBoxPortal,\r\n        hasBackdrop: true,\r\n        width: option.width,\r\n        height: option.height,\r\n        positionStrategy: this.portal.setPlace(option.placement, ...offset)\r\n      }\r\n    });\r\n  }\r\n\r\n  private createMessageBox(option: XTemplate | XMessageBoxOption, def: XMessageBoxOption): XMessageBoxRef {\r\n    let opt: XMessageBoxOption;\r\n    if (XIsXTemplate(option)) {\r\n      opt = { title: option as XTemplate };\r\n    } else {\r\n      opt = option as XMessageBoxOption;\r\n    }\r\n    this.setLocal();\r\n    XFillDefault(opt, Object.assign({ ...this.default }, def));\r\n    return this.createMessageBoxPlacement(opt);\r\n  }\r\n\r\n  private createMessageBoxPlacement(option: XMessageBoxOption): XMessageBoxRef {\r\n    const ref = this.create(option);\r\n    const { overlayRef, componentRef } = ref;\r\n    const { instance } = componentRef as ComponentRef<XMessageBoxComponent>;\r\n    const result = {\r\n      ref: ref,\r\n      input: option,\r\n      close: () => {\r\n        instance.close();\r\n      }\r\n    };\r\n    instance.messageBox = result;\r\n    if (option.backdropClose && overlayRef) {\r\n      overlayRef.backdropClick().subscribe(() => instance.onClose());\r\n    }\r\n    return result;\r\n  }\r\n\r\n  private setLocal() {\r\n    const messageBoxLocale = this.i18n.getLocale().messageBox;\r\n    this.default = { ...this.default, ...messageBoxLocale };\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\n@NgModule({\r\n  exports: [],\r\n  imports: []\r\n})\r\nexport class XMessageBoxModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-message-box.mjs","sources":["../../../../lib/ng-nest/ui/message-box/message-box.property.ts","../../../../lib/ng-nest/ui/message-box/message-box.component.ts","../../../../lib/ng-nest/ui/message-box/message-box.component.html","../../../../lib/ng-nest/ui/message-box/message-box.service.ts","../../../../lib/ng-nest/ui/message-box/message-box.module.ts","../../../../lib/ng-nest/ui/message-box/ng-nest-ui-message-box.ts"],"sourcesContent":["import type { XStatus, XPlace } from '@ng-nest/ui/core';\r\nimport type { XAlertOption } from '@ng-nest/ui/alert';\r\nimport type { XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport type { XInputType } from '@ng-nest/ui/input';\r\nimport { Observable } from 'rxjs';\r\n\r\n/**\r\n * MessageBox\r\n * @selector x-message-box\r\n * @decorator component\r\n */\r\nexport const XMessageBoxPrefix = 'x-message-box';\r\n\r\nexport const XMessageBoxPortal = 'x-message-box-portal';\r\n\r\n/**\r\n * MessageBox Option\r\n */\r\nexport interface XMessageBoxOption extends XAlertOption {\r\n  /**\r\n   * @zh_CN 方位，九宫格\r\n   * @en_US Direction, nine grid\r\n   * @default 'top'\r\n   */\r\n  placement?: XPlace;\r\n  /**\r\n   * @zh_CN 偏移距离\r\n   * @en_US Offset distance\r\n   * @default '2rem'\r\n   */\r\n  offset?: string | string[];\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   * @default 'info'\r\n   */\r\n  type?: XMessageBoxType;\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   * @default '16rem'\r\n   */\r\n  width?: string;\r\n  /**\r\n   * @zh_CN 高度\r\n   * @en_US Height\r\n   */\r\n  height?: string;\r\n  /**\r\n   * @zh_CN 隐藏关闭按钮\r\n   * @en_US Hide close button\r\n   * @default true\r\n   */\r\n  hideClose?: boolean;\r\n  /**\r\n   * @zh_CN 显示图标\r\n   * @en_US Show icon\r\n   * @default true\r\n   */\r\n  showIcon?: boolean;\r\n  /**\r\n   * @zh_CN 显示取消按钮\r\n   * @en_US Show cancel button\r\n   */\r\n  showCancel?: boolean;\r\n  /**\r\n   * @zh_CN 关闭事件\r\n   * @en_US Close event\r\n   */\r\n  callback?: XMessageBoxCallback;\r\n  /**\r\n   * @zh_CN 点击遮罩关闭\r\n   * @en_US Click the mask to close\r\n   * @default false\r\n   */\r\n  backdropClose?: boolean;\r\n  /**\r\n   * @zh_CN 确认按钮文字\r\n   * @en_US Confirm button text\r\n   * @default '确定'\r\n   */\r\n  confirmText?: string;\r\n  /**\r\n   * @zh_CN 取消按钮文字\r\n   * @en_US Cancel button text\r\n   * @default '取消'\r\n   */\r\n  cancelText?: string;\r\n  /**\r\n   * @zh_CN 是否显示输入框，显示单行文本框后，将不能显示多行文本框\r\n   * @en_US Do not display input box. After displaying a single line text box, multi line text boxes cannot be displayed\r\n   */\r\n  showInput?: boolean;\r\n  /**\r\n   * @zh_CN 匹配规则\r\n   * @en_US Matching rules\r\n   */\r\n  inputPattern?: RegExp;\r\n  /**\r\n   * @zh_CN 匹配失败的信息提示\r\n   * @en_US Information prompt for matching failure\r\n   */\r\n  inputInvalidMessage?: string;\r\n  /**\r\n   * @zh_CN 输入框的占位符\r\n   * @en_US Placeholder for input box\r\n   */\r\n  inputPlaceholder?: string;\r\n  /**\r\n   * @zh_CN 输入框的类型\r\n   * @en_US Type of input box\r\n   */\r\n  inputType?: XInputType;\r\n  /**\r\n   * @zh_CN 输入框的值\r\n   * @en_US Value of input box\r\n   */\r\n  inputValue?: string;\r\n  /**\r\n   * @zh_CN 输入框的验证函数\r\n   * @en_US Validation function of input box\r\n   */\r\n  inputValidator?: (value: any) => boolean;\r\n  /**\r\n   * @zh_CN 关闭前处理函数\r\n   * @en_US Processing function before closing\r\n   */\r\n  beforeClose?: XMessageBoxCallback;\r\n  /**\r\n   * @zh_CN 确认加载\r\n   * @en_US confirm Loading\r\n   */\r\n  confirmLoading?: XMessageBoxConfirmLoading;\r\n  /**\r\n   * @zh_CN 是否显示多行文本框\r\n   * @en_US Whether to show the input box\r\n   */\r\n  showTextarea?: boolean;\r\n  /**\r\n   * @zh_CN 输入最大长度\r\n   * @en_US Enter the maximum length\r\n   */\r\n  textareaMaxlength?: number;\r\n  /**\r\n   * @zh_CN 高度\r\n   * @en_US height\r\n   */\r\n  textareaHeight?: string;\r\n}\r\n\r\n/**\r\n * @zh_CN 关闭的回调函数类型\r\n * @en_US Closed callback function type\r\n */\r\nexport interface XMessageBoxCallback {\r\n  (action: XMessageBoxAction, message?: string): void;\r\n}\r\n\r\n/**\r\n * @zh_CN 确认加载\r\n * @en_US confirm Loading\r\n */\r\nexport type XMessageBoxConfirmLoading = () => Observable<boolean>;\r\n\r\n/**\r\n * @zh_CN 触发关闭的类型\r\n * @en_US Type of trigger closure\r\n */\r\nexport type XMessageBoxAction = 'confirm' | 'cancel' | 'close';\r\n\r\n/**\r\n * @zh_CN 创建的消息对象\r\n * @en_US Message object created\r\n */\r\nexport interface XMessageBoxOverlayRef extends XPortalOverlayRef<XMessageBoxHandle> {}\r\n\r\n/**\r\n * @zh_CN 创建的消息组件定义\r\n * @en_US Message object created\r\n */\r\nexport interface XMessageBoxHandle {\r\n  messageBox: XMessageBoxRef;\r\n  onClose(): void;\r\n  onCancel(): void;\r\n  hideBox(): void;\r\n  onConfirm(): void;\r\n  moveDone($event: AnimationEvent): void;\r\n  getInputValue(): any;\r\n}\r\n\r\nexport interface XMessageBoxRef {\r\n  ref: XMessageBoxOverlayRef;\r\n  input: XMessageBoxOption;\r\n  close: () => void;\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Types of\r\n */\r\nexport type XMessageBoxType = XStatus;\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  OnInit,\r\n  HostListener,\r\n  HostBinding\r\n} from '@angular/core';\r\nimport { XIsFunction } from '@ng-nest/ui/core';\r\nimport { XMessageBoxPrefix, XMessageBoxRef, XMessageBoxAction, XMessageBoxHandle } from './message-box.property';\r\nimport { UntypedFormGroup, UntypedFormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XFormInputValidator } from '@ng-nest/ui/base-form';\r\nimport { XAlertComponent } from '@ng-nest/ui/alert';\r\nimport { XButtonComponent, XButtonsComponent } from '@ng-nest/ui/button';\r\nimport { XInputComponent } from '@ng-nest/ui/input';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { XTextareaComponent } from '@ng-nest/ui/textarea';\r\n\r\n@Component({\r\n  selector: `${XMessageBoxPrefix}`,\r\n  imports: [\r\n    NgTemplateOutlet,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    XInputComponent,\r\n    XTextareaComponent,\r\n    XButtonComponent,\r\n    XButtonsComponent,\r\n    XAlertComponent,\r\n    XOutletDirective\r\n  ],\r\n  templateUrl: './message-box.component.html',\r\n  styleUrls: ['./message-box.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XMessageBoxComponent implements OnInit, XMessageBoxHandle {\r\n  messageBox!: XMessageBoxRef;\r\n  action: XMessageBoxAction = 'close';\r\n  formGroup: UntypedFormGroup = new UntypedFormGroup({});\r\n  loading = false;\r\n\r\n  @HostBinding('animate.enter') get animateEnter() {\r\n    return `x-move-${this.msgInput.placement}-enter`;\r\n  }\r\n  @HostBinding('animate.leave') get animateLeave() {\r\n    return `x-move-${this.msgInput.placement}-leave`;\r\n  }\r\n\r\n  @HostListener('animationend', ['$event']) animationend($event: AnimationEvent) {\r\n    this.moveDone($event);\r\n  }\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef<HTMLElement>,\r\n    public cdr: ChangeDetectorRef\r\n  ) {}\r\n\r\n  get msgInput() {\r\n    return this.messageBox.input!;\r\n  }\r\n\r\n  get msgOverlayRef() {\r\n    return this.messageBox.ref!;\r\n  }\r\n\r\n  get getLabel() {\r\n    return this.msgInput.content as string;\r\n  }\r\n\r\n  get getPattern() {\r\n    return this.msgInput.inputPattern as RegExp;\r\n  }\r\n\r\n  ngOnInit() {\r\n    (this.msgInput.showInput || this.msgInput.showTextarea) && this.createFormGroup();\r\n  }\r\n\r\n  onClose() {\r\n    this.action = 'close';\r\n    this.hideBox();\r\n  }\r\n\r\n  onCancel() {\r\n    this.action = 'cancel';\r\n    this.hideBox();\r\n  }\r\n\r\n  hideBox() {\r\n    if (XIsFunction(this.msgInput.beforeClose)) {\r\n      this.msgInput.beforeClose!(this.action, this.getInputValue());\r\n    } else {\r\n      this.close();\r\n    }\r\n  }\r\n\r\n  close() {\r\n    this.msgOverlayRef?.overlayRef?.detach();\r\n  }\r\n\r\n  onConfirm() {\r\n    const hide = () => {\r\n      if (!this.msgInput.showInput || (this.msgInput.showInput && this.formGroup.valid)) {\r\n        this.action = 'confirm';\r\n        this.hideBox();\r\n      } else if (!this.msgInput.showTextarea || (this.msgInput.showTextarea && this.formGroup.valid)) {\r\n        this.action = 'confirm';\r\n        this.hideBox();\r\n      }\r\n    };\r\n    if (this.msgInput.confirmLoading && XIsFunction(this.msgInput.confirmLoading)) {\r\n      this.loading = true;\r\n      this.msgInput.confirmLoading().subscribe((x) => {\r\n        this.loading = false;\r\n        this.cdr.markForCheck();\r\n        if (!x) return;\r\n        this.action = 'confirm';\r\n        hide();\r\n      });\r\n    } else {\r\n      hide();\r\n    }\r\n  }\r\n\r\n  moveDone($event: AnimationEvent) {\r\n    if ($event.animationName.endsWith('-leave')) {\r\n      XIsFunction(this.msgInput.callback) && this.msgInput.callback!(this.action, this.getInputValue());\r\n      this.msgOverlayRef.overlayRef?.dispose();\r\n    }\r\n  }\r\n\r\n  getInputValue() {\r\n    return this.formGroup.controls['inputValue']?.value;\r\n  }\r\n\r\n  createFormGroup() {\r\n    this.formGroup.addControl(\r\n      'inputValue',\r\n      new UntypedFormControl(this.msgInput.inputValue, [\r\n        Validators.pattern(this.msgInput.inputPattern as RegExp),\r\n        XFormInputValidator(this.msgInput.inputValidator!)\r\n      ])\r\n    );\r\n  }\r\n}\r\n","<div class=\"x-message-box\">\r\n  <x-alert\r\n    (close)=\"onClose()\"\r\n    [title]=\"msgInput.title\"\r\n    [content]=\"contentTpl\"\r\n    [type]=\"msgInput.type!\"\r\n    [effect]=\"msgInput.effect!\"\r\n    [hideClose]=\"msgInput.hideClose!\"\r\n    [closeText]=\"msgInput.closeText\"\r\n    [showIcon]=\"false\"\r\n    [duration]=\"0\"\r\n    manual\r\n    disabledAnimation\r\n  ></x-alert>\r\n  <ng-template #contentTpl let-iconTpl=\"$iconTpl\">\r\n    <div class=\"x-message-box-inner\">\r\n      <div class=\"x-message-box-content\">\r\n        @if (msgInput.showInput) {\r\n          <form [formGroup]=\"formGroup\">\r\n            <x-input\r\n              formControlName=\"inputValue\"\r\n              [type]=\"msgInput.inputType!\"\r\n              [label]=\"getLabel\"\r\n              [placeholder]=\"msgInput.inputPlaceholder!\"\r\n              [pattern]=\"getPattern\"\r\n              [message]=\"msgInput.inputInvalidMessage!\"\r\n              [inputValidator]=\"msgInput.inputValidator!\"\r\n            ></x-input>\r\n          </form>\r\n        } @else if (msgInput.showTextarea) {\r\n          <form [formGroup]=\"formGroup\">\r\n            <x-textarea\r\n              formControlName=\"inputValue\"\r\n              [placeholder]=\"msgInput.inputPlaceholder!\"\r\n              [label]=\"getLabel\"\r\n              [pattern]=\"getPattern\"\r\n              [message]=\"msgInput.inputInvalidMessage!\"\r\n              [inputValidator]=\"msgInput.inputValidator!\"\r\n              [maxlength]=\"msgInput.textareaMaxlength!\"\r\n              [height]=\"msgInput.textareaHeight!\"\r\n            ></x-textarea>\r\n          </form>\r\n        } @else {\r\n          @if (msgInput.showIcon) {\r\n            <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n          }\r\n          <ng-container *xOutlet=\"msgInput.content\">\r\n            {{ msgInput.content }}\r\n          </ng-container>\r\n        }\r\n      </div>\r\n      <x-buttons space=\"0.5rem\">\r\n        @if (msgInput.showCancel) {\r\n          <x-button (click)=\"onCancel()\" flat plain>{{ msgInput.cancelText }}</x-button>\r\n        }\r\n        <x-button type=\"primary\" flat (click)=\"onConfirm()\" [disabled]=\"formGroup!.invalid\" [loading]=\"loading\">{{\r\n          msgInput.confirmText\r\n        }}</x-button>\r\n      </x-buttons>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n","import { ComponentRef, Injectable, inject } from '@angular/core';\r\nimport { XTemplate, XIsXTemplate, XFillDefault, XIsString } from '@ng-nest/ui/core';\r\nimport { XMessageBoxOption, XMessageBoxOverlayRef, XMessageBoxRef, XMessageBoxPortal } from './message-box.property';\r\nimport { XMessageBoxComponent } from './message-box.component';\r\nimport { XPortalService } from '@ng-nest/ui/portal';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class XMessageBoxService {\r\n  default: XMessageBoxOption = {\r\n    type: 'info',\r\n    width: '20rem',\r\n    placement: 'center',\r\n    offset: '2rem',\r\n    effect: 'white',\r\n    duration: 3000,\r\n    showIcon: false,\r\n    showInput: false,\r\n    showTextarea: false,\r\n    backdropClose: false,\r\n    cancelText: '取消',\r\n    confirmText: '确认',\r\n    inputPlaceholder: '',\r\n    textareaHeight: '6rem'\r\n  };\r\n\r\n  private portal = inject(XPortalService);\r\n  private i18n = inject(XI18nService);\r\n\r\n  alert(option: XTemplate | XMessageBoxOption): XMessageBoxRef {\r\n    return this.createMessageBox(option, { showIcon: false, showCancel: false, showInput: false });\r\n  }\r\n\r\n  confirm(option: XTemplate | XMessageBoxOption): XMessageBoxRef {\r\n    return this.createMessageBox(option, { showIcon: true, showCancel: true, showInput: false });\r\n  }\r\n\r\n  prompt(option: XTemplate | XMessageBoxOption): XMessageBoxRef {\r\n    const opt = option as XMessageBoxOption;\r\n    let def: XMessageBoxOption = { showIcon: false, showCancel: true, showInput: true };\r\n    if (!opt.showInput && opt.showTextarea) {\r\n      def = { showIcon: false, showCancel: true, showTextarea: true };\r\n    }\r\n    return this.createMessageBox(option, def);\r\n  }\r\n\r\n  create(option: XMessageBoxOption): XMessageBoxOverlayRef {\r\n    const offset = XIsString(option.offset) ? [option.offset as string] : (option.offset as string[]);\r\n    return this.portal.attach({\r\n      content: XMessageBoxComponent,\r\n      overlayConfig: {\r\n        panelClass: XMessageBoxPortal,\r\n        hasBackdrop: true,\r\n        width: option.width,\r\n        height: option.height,\r\n        positionStrategy: this.portal.setPlace(option.placement, ...offset)\r\n      }\r\n    });\r\n  }\r\n\r\n  private createMessageBox(option: XTemplate | XMessageBoxOption, def: XMessageBoxOption): XMessageBoxRef {\r\n    let opt: XMessageBoxOption;\r\n    if (XIsXTemplate(option)) {\r\n      opt = { title: option as XTemplate };\r\n    } else {\r\n      opt = option as XMessageBoxOption;\r\n    }\r\n    this.setLocal();\r\n    XFillDefault(opt, Object.assign({ ...this.default }, def));\r\n    return this.createMessageBoxPlacement(opt);\r\n  }\r\n\r\n  private createMessageBoxPlacement(option: XMessageBoxOption): XMessageBoxRef {\r\n    const ref = this.create(option);\r\n    const { overlayRef, componentRef } = ref;\r\n    const { instance } = componentRef as ComponentRef<XMessageBoxComponent>;\r\n    const result = {\r\n      ref: ref,\r\n      input: option,\r\n      close: () => {\r\n        instance.close();\r\n      }\r\n    };\r\n    instance.messageBox = result;\r\n    if (option.backdropClose && overlayRef) {\r\n      overlayRef.backdropClick().subscribe(() => instance.onClose());\r\n    }\r\n    return result;\r\n  }\r\n\r\n  private setLocal() {\r\n    const messageBoxLocale = this.i18n.getLocale().messageBox;\r\n    this.default = { ...this.default, ...messageBoxLocale };\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\n@NgModule({\r\n  exports: [],\r\n  imports: []\r\n})\r\nexport class XMessageBoxModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-nest-ui-message.mjs

@@ -40,10 +40,10 @@ class XMessageComponent {
                 .subscribe(() => this.onClose(item));
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: XMessageComponent, isStandalone: true, selector: "x-message", ngImport: i0, template: "<div class=\"x-message\">\r\n  <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n  <x-alert [style.display]=\"'none'\"></x-alert>\r\n  @for (item of message.list; track item.id) {\r\n    <x-alert\r\n      [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n      [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n      (animationend)=\"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  }\r\n</div>\r\n", styles: [".x-message{margin:0;padding:0}.x-message>x-alert{padding:.25rem 0}.x-message>x-alert>.x-alert{box-shadow:var(--x-box-shadow)}.x-message-portal x-message{width:100%}\n"], dependencies: [{ kind: "component", type: XAlertComponent, selector: "x-alert" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XMessageComponent, isStandalone: true, selector: "x-message", ngImport: i0, template: "<div class=\"x-message\">\r\n  <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n  <x-alert [style.display]=\"'none'\"></x-alert>\r\n  @for (item of message.list; track item.id) {\r\n    <x-alert\r\n      [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n      [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n      (animationend)=\"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  }\r\n</div>\r\n", styles: [".x-message{margin:0;padding:0}.x-message>x-alert{padding:.25rem 0}.x-message>x-alert>.x-alert{box-shadow:var(--x-box-shadow)}.x-message-portal x-message{width:100%}\n"], dependencies: [{ kind: "component", type: XAlertComponent, selector: "x-alert" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XMessagePrefix}`, imports: [XAlertComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-message\">\r\n  <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n  <x-alert [style.display]=\"'none'\"></x-alert>\r\n  @for (item of message.list; track item.id) {\r\n    <x-alert\r\n      [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n      [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n      (animationend)=\"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  }\r\n</div>\r\n", styles: [".x-message{margin:0;padding:0}.x-message>x-alert{padding:.25rem 0}.x-message>x-alert>.x-alert{box-shadow:var(--x-box-shadow)}.x-message-portal x-message{width:100%}\n"] }]
         }] });
@@ -190,20 +190,20 @@ class XMessageService {
             refs.ref.componentRef?.instance.cdr.detectChanges();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
 class XMessageModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: XMessageModule }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: XMessageModule }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XMessageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [],

package/fesm2022/ng-nest-ui-notification.mjs

@@ -41,10 +41,10 @@ class XNotificationComponent {
             });
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: XNotificationComponent, isStandalone: true, selector: "x-notification", ngImport: i0, template: "<div class=\"x-notification\">\r\n  <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n  <x-alert [style.display]=\"'none'\"></x-alert>\r\n  @for (item of notification.list; track item) {\r\n    <x-alert\r\n      [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n      [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n      (animationend)=\"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  }\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)}.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: "component", type: XAlertComponent, selector: "x-alert" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XNotificationComponent, isStandalone: true, selector: "x-notification", ngImport: i0, template: "<div class=\"x-notification\">\r\n  <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n  <x-alert [style.display]=\"'none'\"></x-alert>\r\n  @for (item of notification.list; track item) {\r\n    <x-alert\r\n      [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n      [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n      (animationend)=\"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  }\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)}.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: "component", type: XAlertComponent, selector: "x-alert" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XNotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XNotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XNotificationPrefix}`, imports: [XAlertComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-notification\">\r\n  <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n  <x-alert [style.display]=\"'none'\"></x-alert>\r\n  @for (item of notification.list; track item) {\r\n    <x-alert\r\n      [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n      [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n      (animationend)=\"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  }\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)}.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"] }]
         }] });
@@ -140,20 +140,20 @@ class XNotificationService {
             return;
         this.notifications[option.placement].ref?.componentRef?.instance.onClose(option);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XNotificationService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XNotificationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XNotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XNotificationService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
 class XNotificationModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: XNotificationModule }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XNotificationModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: XNotificationModule }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XNotificationModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XNotificationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XNotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [],

package/fesm2022/ng-nest-ui-outlet.mjs

@@ -63,20 +63,20 @@ class XOutletDirective {
             }
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.6", type: XOutletDirective, isStandalone: true, selector: "[xOutlet]", inputs: { xOutletContext: { classPropertyName: "xOutletContext", publicName: "xOutletContext", isSignal: true, isRequired: false, transformFunction: null }, xOutlet: { classPropertyName: "xOutlet", publicName: "xOutlet", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: XOutletDirective, isStandalone: true, selector: "[xOutlet]", inputs: { xOutletContext: { classPropertyName: "xOutletContext", publicName: "xOutletContext", isSignal: true, isRequired: false, transformFunction: null }, xOutlet: { classPropertyName: "xOutlet", publicName: "xOutlet", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XOutletDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XOutletDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[xOutlet]' }]
         }], propDecorators: { xOutletContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "xOutletContext", required: false }] }], xOutlet: [{ type: i0.Input, args: [{ isSignal: true, alias: "xOutlet", required: false }] }] } });
 
 class XOutletModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XOutletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: XOutletModule, imports: [XOutletDirective], exports: [XOutletDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XOutletModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XOutletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: XOutletModule, imports: [XOutletDirective], exports: [XOutletDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XOutletModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XOutletModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XOutletModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XOutletDirective],

package/fesm2022/ng-nest-ui-page-header.mjs

@@ -45,10 +45,10 @@ class XPageHeaderProperty extends XPropertyFunction(X_PAGE_HEADER_CONFIG_NAME) {
          */
         this.backClick = output();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPageHeaderProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: XPageHeaderProperty, isStandalone: true, selector: "x-page-header-property", inputs: { backIcon: { classPropertyName: "backIcon", publicName: "backIcon", isSignal: true, isRequired: false, transformFunction: null }, backText: { classPropertyName: "backText", publicName: "backText", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backClick: "backClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPageHeaderProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: XPageHeaderProperty, isStandalone: true, selector: "x-page-header-property", inputs: { backIcon: { classPropertyName: "backIcon", publicName: "backIcon", isSignal: true, isRequired: false, transformFunction: null }, backText: { classPropertyName: "backText", publicName: "backText", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backClick: "backClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPageHeaderProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPageHeaderProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XPageHeaderPrefix}-property`, template: '' }]
         }], propDecorators: { backIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "backIcon", required: false }] }], backText: [{ type: i0.Input, args: [{ isSignal: true, alias: "backText", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: false }] }], backClick: [{ type: i0.Output, args: ["backClick"] }] } });
@@ -62,20 +62,20 @@ class XPageHeaderComponent extends XPageHeaderProperty {
         });
         this.backTextSignal = computed(() => this.backText() || this.locale().back, ...(ngDevMode ? [{ debugName: "backTextSignal" }] : []));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: XPageHeaderComponent, isStandalone: true, 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($event)\">{{\r\n    backTextSignal()\r\n  }}</x-button>\r\n  <span class=\"x-page-header-divided\"></span>\r\n  @if (title()) {\r\n    <span class=\"x-page-header-title\">{{ title() }}</span>\r\n  }\r\n  @if (subTitle()) {\r\n    <span class=\"x-page-header-subTitle\">{{ subTitle() }}</span>\r\n  }\r\n</div>\r\n", styles: [".x-page-header{margin:0;padding:0}.x-page-header{display:inline-flex;align-items:center;height:var(--x-height-large)}.x-page-header-backIcon .x-button{font-size:var(--x-font-size)}.x-page-header-divided{margin:0 var(--x-font-size) 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:var(--x-font-size);color:var(--x-text-400);margin-left:.5rem}\n"], dependencies: [{ kind: "component", type: XButtonComponent, selector: "x-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XPageHeaderComponent, isStandalone: true, 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($event)\">{{\r\n    backTextSignal()\r\n  }}</x-button>\r\n  <span class=\"x-page-header-divided\"></span>\r\n  @if (title()) {\r\n    <span class=\"x-page-header-title\">{{ title() }}</span>\r\n  }\r\n  @if (subTitle()) {\r\n    <span class=\"x-page-header-subTitle\">{{ subTitle() }}</span>\r\n  }\r\n</div>\r\n", styles: [".x-page-header{margin:0;padding:0}.x-page-header{display:inline-flex;align-items:center;height:var(--x-height-large)}.x-page-header-backIcon .x-button{font-size:var(--x-font-size)}.x-page-header-divided{margin:0 var(--x-font-size) 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:var(--x-font-size);color:var(--x-text-400);margin-left:.5rem}\n"], dependencies: [{ kind: "component", type: XButtonComponent, selector: "x-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPageHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XPageHeaderPrefix}`, imports: [XButtonComponent], 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($event)\">{{\r\n    backTextSignal()\r\n  }}</x-button>\r\n  <span class=\"x-page-header-divided\"></span>\r\n  @if (title()) {\r\n    <span class=\"x-page-header-title\">{{ title() }}</span>\r\n  }\r\n  @if (subTitle()) {\r\n    <span class=\"x-page-header-subTitle\">{{ subTitle() }}</span>\r\n  }\r\n</div>\r\n", styles: [".x-page-header{margin:0;padding:0}.x-page-header{display:inline-flex;align-items:center;height:var(--x-height-large)}.x-page-header-backIcon .x-button{font-size:var(--x-font-size)}.x-page-header-divided{margin:0 var(--x-font-size) 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:var(--x-font-size);color:var(--x-text-400);margin-left:.5rem}\n"] }]
         }] });
 
 class XPageHeaderModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: XPageHeaderModule, imports: [XPageHeaderComponent], exports: [XPageHeaderComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPageHeaderModule, imports: [XPageHeaderComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: XPageHeaderModule, imports: [XPageHeaderComponent], exports: [XPageHeaderComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPageHeaderModule, imports: [XPageHeaderComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPageHeaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPageHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XPageHeaderComponent],

package/fesm2022/ng-nest-ui-pagination.mjs

@@ -158,10 +158,10 @@ class XPaginationProperty extends XPropertyFunction(X_PAGINATION_CONFIG_NAME) {
          */
         this.inputIndexSizeSureType = input(this.config?.inputIndexSizeSureType ?? 'enter', ...(ngDevMode ? [{ debugName: "inputIndexSizeSureType" }] : []));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPaginationProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: XPaginationProperty, isStandalone: true, selector: "x-pagination-property", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, pageLinkSize: { classPropertyName: "pageLinkSize", publicName: "pageLinkSize", isSignal: true, isRequired: false, transformFunction: null }, showEllipsis: { classPropertyName: "showEllipsis", publicName: "showEllipsis", isSignal: true, isRequired: false, transformFunction: null }, showTotal: { classPropertyName: "showTotal", publicName: "showTotal", isSignal: true, isRequired: false, transformFunction: null }, space: { classPropertyName: "space", publicName: "space", isSignal: true, isRequired: false, transformFunction: null }, showBackground: { classPropertyName: "showBackground", publicName: "showBackground", isSignal: true, isRequired: false, transformFunction: null }, showSize: { classPropertyName: "showSize", publicName: "showSize", isSignal: true, isRequired: false, transformFunction: null }, sizeWidth: { classPropertyName: "sizeWidth", publicName: "sizeWidth", isSignal: true, isRequired: false, transformFunction: null }, showInputSize: { classPropertyName: "showInputSize", publicName: "showInputSize", isSignal: true, isRequired: false, transformFunction: null }, showInputSizeTooltipText: { classPropertyName: "showInputSizeTooltipText", publicName: "showInputSizeTooltipText", isSignal: true, isRequired: false, transformFunction: null }, inputSizeTooltipText: { classPropertyName: "inputSizeTooltipText", publicName: "inputSizeTooltipText", isSignal: true, isRequired: false, transformFunction: null }, inputSizeWidth: { classPropertyName: "inputSizeWidth", publicName: "inputSizeWidth", isSignal: true, isRequired: false, transformFunction: null }, sizeData: { classPropertyName: "sizeData", publicName: "sizeData", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showJump: { classPropertyName: "showJump", publicName: "showJump", isSignal: true, isRequired: false, transformFunction: null }, showJumpTooltipText: { classPropertyName: "showJumpTooltipText", publicName: "showJumpTooltipText", isSignal: true, isRequired: false, transformFunction: null }, jumpTooltipText: { classPropertyName: "jumpTooltipText", publicName: "jumpTooltipText", isSignal: true, isRequired: false, transformFunction: null }, jumpWidth: { classPropertyName: "jumpWidth", publicName: "jumpWidth", isSignal: true, isRequired: false, transformFunction: null }, totalTpl: { classPropertyName: "totalTpl", publicName: "totalTpl", isSignal: true, isRequired: false, transformFunction: null }, simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null }, simpleIndexWidth: { classPropertyName: "simpleIndexWidth", publicName: "simpleIndexWidth", isSignal: true, isRequired: false, transformFunction: null }, inputIndexSizeSureType: { classPropertyName: "inputIndexSizeSureType", publicName: "inputIndexSizeSureType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { index: "indexChange", size: "sizeChange", query: "queryChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPaginationProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: XPaginationProperty, isStandalone: true, selector: "x-pagination-property", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, pageLinkSize: { classPropertyName: "pageLinkSize", publicName: "pageLinkSize", isSignal: true, isRequired: false, transformFunction: null }, showEllipsis: { classPropertyName: "showEllipsis", publicName: "showEllipsis", isSignal: true, isRequired: false, transformFunction: null }, showTotal: { classPropertyName: "showTotal", publicName: "showTotal", isSignal: true, isRequired: false, transformFunction: null }, space: { classPropertyName: "space", publicName: "space", isSignal: true, isRequired: false, transformFunction: null }, showBackground: { classPropertyName: "showBackground", publicName: "showBackground", isSignal: true, isRequired: false, transformFunction: null }, showSize: { classPropertyName: "showSize", publicName: "showSize", isSignal: true, isRequired: false, transformFunction: null }, sizeWidth: { classPropertyName: "sizeWidth", publicName: "sizeWidth", isSignal: true, isRequired: false, transformFunction: null }, showInputSize: { classPropertyName: "showInputSize", publicName: "showInputSize", isSignal: true, isRequired: false, transformFunction: null }, showInputSizeTooltipText: { classPropertyName: "showInputSizeTooltipText", publicName: "showInputSizeTooltipText", isSignal: true, isRequired: false, transformFunction: null }, inputSizeTooltipText: { classPropertyName: "inputSizeTooltipText", publicName: "inputSizeTooltipText", isSignal: true, isRequired: false, transformFunction: null }, inputSizeWidth: { classPropertyName: "inputSizeWidth", publicName: "inputSizeWidth", isSignal: true, isRequired: false, transformFunction: null }, sizeData: { classPropertyName: "sizeData", publicName: "sizeData", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showJump: { classPropertyName: "showJump", publicName: "showJump", isSignal: true, isRequired: false, transformFunction: null }, showJumpTooltipText: { classPropertyName: "showJumpTooltipText", publicName: "showJumpTooltipText", isSignal: true, isRequired: false, transformFunction: null }, jumpTooltipText: { classPropertyName: "jumpTooltipText", publicName: "jumpTooltipText", isSignal: true, isRequired: false, transformFunction: null }, jumpWidth: { classPropertyName: "jumpWidth", publicName: "jumpWidth", isSignal: true, isRequired: false, transformFunction: null }, totalTpl: { classPropertyName: "totalTpl", publicName: "totalTpl", isSignal: true, isRequired: false, transformFunction: null }, simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null }, simpleIndexWidth: { classPropertyName: "simpleIndexWidth", publicName: "simpleIndexWidth", isSignal: true, isRequired: false, transformFunction: null }, inputIndexSizeSureType: { classPropertyName: "inputIndexSizeSureType", publicName: "inputIndexSizeSureType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { index: "indexChange", size: "sizeChange", query: "queryChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPaginationProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPaginationProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XPaginationPrefix}-property`, template: '' }]
         }], propDecorators: { index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: false }] }, { type: i0.Output, args: ["indexChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }, { type: i0.Output, args: ["sizeChange"] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], pageLinkSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageLinkSize", required: false }] }], showEllipsis: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEllipsis", required: false }] }], showTotal: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTotal", required: false }] }], space: [{ type: i0.Input, args: [{ isSignal: true, alias: "space", required: false }] }], showBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBackground", required: false }] }], showSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSize", required: false }] }], sizeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeWidth", required: false }] }], showInputSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInputSize", required: false }] }], showInputSizeTooltipText: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInputSizeTooltipText", required: false }] }], inputSizeTooltipText: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputSizeTooltipText", required: false }] }], inputSizeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputSizeWidth", required: false }] }], sizeData: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeData", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], showJump: [{ type: i0.Input, args: [{ isSignal: true, alias: "showJump", required: false }] }], showJumpTooltipText: [{ type: i0.Input, args: [{ isSignal: true, alias: "showJumpTooltipText", required: false }] }], jumpTooltipText: [{ type: i0.Input, args: [{ isSignal: true, alias: "jumpTooltipText", required: false }] }], jumpWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "jumpWidth", required: false }] }], totalTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalTpl", required: false }] }], simple: [{ type: i0.Input, args: [{ isSignal: true, alias: "simple", required: false }] }], simpleIndexWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "simpleIndexWidth", required: false }] }], inputIndexSizeSureType: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputIndexSizeSureType", required: false }] }] } });
@@ -342,10 +342,10 @@ class XPaginationComponent extends XPaginationProperty {
     getActivated(index) {
         return this.index() === index;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: XPaginationComponent, isStandalone: true, selector: "x-pagination", host: { properties: { "class": "this.className" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (simple()) {\r\n  <div class=\"x-pagination-simple\">\r\n    @if (showJumpTooltipText()) {\r\n      <x-input-group compact>\r\n        <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n        <x-input\r\n          x-tooltip\r\n          [content]=\"jumpTooltip()\"\r\n          \r\n          [style.width]=\"simpleIndexWidth()\"\r\n          [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n          [(ngModel)]=\"jumpPage\"\r\n          (xBlur)=\"onJumpBlur($event, true)\"\r\n          (xKeydown)=\"onJumpKeydown($event, true)\"\r\n          [type]=\"'number'\"\r\n          [min]=\"1\"\r\n          [max]=\"lastIndex()\"\r\n        ></x-input>\r\n        <ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n      </x-input-group>\r\n    } @else {\r\n      <x-input-group compact>\r\n        <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n        <x-input\r\n          [before]=\"previousTpl\"\r\n          [after]=\"nextTpl\"\r\n          [style.width]=\"simpleIndexWidth()\"\r\n          [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n          [(ngModel)]=\"jumpPage\"\r\n          (xBlur)=\"onJumpBlur($event, true)\"\r\n          (xKeydown)=\"onJumpKeydown($event, true)\"\r\n          [type]=\"'number'\"\r\n          [min]=\"1\"\r\n          [max]=\"lastIndex()\"\r\n        ></x-input\r\n        ><ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n      </x-input-group>\r\n    }\r\n    <span>/</span>\r\n    <span>{{ lastIndex() }}</span>\r\n  </div>\r\n} @else {\r\n  <x-buttons class=\"x-pagination-group\" [space]=\"space()\" [hiddenBorder]=\"!showBackground()\" [boxShadow]=\"false\">\r\n    @if (showEllipsis()) {\r\n      <x-button\r\n        class=\"x-pagination-first\"\r\n        [icon]=\"'fto-chevrons-left'\"\r\n        [title]=\"'pagination.first' | xI18n\"\r\n        [disabled]=\"disabled() || firstActivated()\"\r\n        (click)=\"jump(1)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    }\r\n    <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n    @for (item of indexes(); track item) {\r\n      <x-button\r\n        class=\"x-pagination-link\"\r\n        [disabled]=\"disabled()\"\r\n        plain\r\n        flat\r\n        [activated]=\"getActivated(item)\"\r\n        (click)=\"jump(item)\"\r\n        >{{ item }}</x-button\r\n      >\r\n    }\r\n    <ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n    @if (showEllipsis() && !simple()) {\r\n      <x-button\r\n        class=\"x-pagination-last\"\r\n        [icon]=\"'fto-chevrons-right'\"\r\n        [title]=\"'pagination.last' | xI18n\"\r\n        [disabled]=\"disabled() || lastActivated()\"\r\n        (click)=\"jump(lastIndex())\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    }\r\n  </x-buttons>\r\n}\r\n@if (showSize() && !showInputSize()) {\r\n  <x-select\r\n    [style.width]=\"sizeWidth()\"\r\n    class=\"x-pagination-size\"\r\n    [data]=\"sizeDataSignal()\"\r\n    [clearable]=\"false\"\r\n    [disabled]=\"disabled()\"\r\n    [nodeTpl]=\"nodeTpl\"\r\n    [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n    [(ngModel)]=\"size\"\r\n    (ngModelChange)=\"sizeChanged()\"\r\n  ></x-select>\r\n}\r\n@if (showInputSize()) {\r\n  <div class=\"x-pagination-input-size\">\r\n    @if (showInputSizeTooltipText()) {\r\n      <x-input\r\n        x-tooltip\r\n        [content]=\"inputSizeTooltip()\"\r\n        [style.width]=\"inputSizeWidth()\"\r\n        [disabled]=\"disabled()\"\r\n        [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n        [(ngModel)]=\"inputSize\"\r\n        (xBlur)=\"onInputSizeBlur($event)\"\r\n        (xKeydown)=\"onInputSizeKeydown($event)\"\r\n      ></x-input>\r\n    } @else {\r\n      <x-input\r\n        [style.width]=\"inputSizeWidth()\"\r\n        [disabled]=\"disabled()\"\r\n        [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n        [(ngModel)]=\"inputSize\"\r\n        (xBlur)=\"onInputSizeBlur($event)\"\r\n        (xKeydown)=\"onInputSizeKeydown($event)\"\r\n      ></x-input>\r\n    }\r\n    <span> {{ 'pagination.sizePage' | xI18n }} </span>\r\n  </div>\r\n}\r\n@if (showJump() && !simple()) {\r\n  <div class=\"x-pagination-jump\">\r\n    <span>{{ 'pagination.jump' | xI18n }}</span>\r\n    @if (showJumpTooltipText()) {\r\n      <x-input\r\n        x-tooltip\r\n        [content]=\"jumpTooltip()\"\r\n        [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n        [style.width]=\"jumpWidth()\"\r\n        [(ngModel)]=\"jumpPage\"\r\n        (xBlur)=\"onJumpBlur($event)\"\r\n        (xKeydown)=\"onJumpKeydown($event)\"\r\n        [type]=\"'number'\"\r\n        [min]=\"1\"\r\n        [max]=\"lastIndex()\"\r\n      ></x-input>\r\n    } @else {\r\n      <x-input\r\n        [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n        [style.width]=\"jumpWidth()\"\r\n        [(ngModel)]=\"jumpPage\"\r\n        (xBlur)=\"onJumpBlur($event)\"\r\n        (xKeydown)=\"onJumpKeydown($event)\"\r\n        [type]=\"'number'\"\r\n        [min]=\"1\"\r\n        [max]=\"lastIndex()\"\r\n      ></x-input>\r\n    }\r\n  </div>\r\n}\r\n@if (showTotal()) {\r\n  <x-button [disabled]=\"disabled()\" plain flat class=\"x-pagination-total\">\r\n    <ng-container *xOutlet=\"totalTpl(); context: { $total: total() }\">\r\n      {{ 'pagination.total' | xI18n }} {{ total() }} {{ 'pagination.item' | xI18n }}\r\n    </ng-container>\r\n  </x-button>\r\n}\r\n<ng-template #previousTpl>\r\n  <x-button\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    plain\r\n    flat\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nextTpl>\r\n  <x-button\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    plain\r\n    flat\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  @if (node) {\r\n    {{ node?.label }} {{ 'pagination.sizePage' | xI18n }}\r\n  }\r\n</ng-template>\r\n", styles: [".x-pagination{margin:0;padding:0}.x-pagination{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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: XSelectComponent, selector: "x-select" }, { kind: "component", type: XInputComponent, selector: "x-input" }, { kind: "ngmodule", type: XTooltipModule }, { kind: "directive", type: i2.XTooltipDirective, selector: "[x-tooltip], x-tooltip" }, { kind: "component", type: XInputGroupComponent, selector: "x-input-group" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "pipe", type: XI18nPipe, name: "xI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XPaginationComponent, isStandalone: true, selector: "x-pagination", host: { properties: { "class": "this.className" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (simple()) {\r\n  <div class=\"x-pagination-simple\">\r\n    @if (showJumpTooltipText()) {\r\n      <x-input-group compact>\r\n        <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n        <x-input\r\n          x-tooltip\r\n          [content]=\"jumpTooltip()\"\r\n          \r\n          [style.width]=\"simpleIndexWidth()\"\r\n          [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n          [(ngModel)]=\"jumpPage\"\r\n          (xBlur)=\"onJumpBlur($event, true)\"\r\n          (xKeydown)=\"onJumpKeydown($event, true)\"\r\n          [type]=\"'number'\"\r\n          [min]=\"1\"\r\n          [max]=\"lastIndex()\"\r\n        ></x-input>\r\n        <ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n      </x-input-group>\r\n    } @else {\r\n      <x-input-group compact>\r\n        <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n        <x-input\r\n          [before]=\"previousTpl\"\r\n          [after]=\"nextTpl\"\r\n          [style.width]=\"simpleIndexWidth()\"\r\n          [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n          [(ngModel)]=\"jumpPage\"\r\n          (xBlur)=\"onJumpBlur($event, true)\"\r\n          (xKeydown)=\"onJumpKeydown($event, true)\"\r\n          [type]=\"'number'\"\r\n          [min]=\"1\"\r\n          [max]=\"lastIndex()\"\r\n        ></x-input\r\n        ><ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n      </x-input-group>\r\n    }\r\n    <span>/</span>\r\n    <span>{{ lastIndex() }}</span>\r\n  </div>\r\n} @else {\r\n  <x-buttons class=\"x-pagination-group\" [space]=\"space()\" [hiddenBorder]=\"!showBackground()\" [boxShadow]=\"false\">\r\n    @if (showEllipsis()) {\r\n      <x-button\r\n        class=\"x-pagination-first\"\r\n        [icon]=\"'fto-chevrons-left'\"\r\n        [title]=\"'pagination.first' | xI18n\"\r\n        [disabled]=\"disabled() || firstActivated()\"\r\n        (click)=\"jump(1)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    }\r\n    <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n    @for (item of indexes(); track item) {\r\n      <x-button\r\n        class=\"x-pagination-link\"\r\n        [disabled]=\"disabled()\"\r\n        plain\r\n        flat\r\n        [activated]=\"getActivated(item)\"\r\n        (click)=\"jump(item)\"\r\n        >{{ item }}</x-button\r\n      >\r\n    }\r\n    <ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n    @if (showEllipsis() && !simple()) {\r\n      <x-button\r\n        class=\"x-pagination-last\"\r\n        [icon]=\"'fto-chevrons-right'\"\r\n        [title]=\"'pagination.last' | xI18n\"\r\n        [disabled]=\"disabled() || lastActivated()\"\r\n        (click)=\"jump(lastIndex())\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    }\r\n  </x-buttons>\r\n}\r\n@if (showSize() && !showInputSize()) {\r\n  <x-select\r\n    [style.width]=\"sizeWidth()\"\r\n    class=\"x-pagination-size\"\r\n    [data]=\"sizeDataSignal()\"\r\n    [clearable]=\"false\"\r\n    [disabled]=\"disabled()\"\r\n    [nodeTpl]=\"nodeTpl\"\r\n    [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n    [(ngModel)]=\"size\"\r\n    (ngModelChange)=\"sizeChanged()\"\r\n  ></x-select>\r\n}\r\n@if (showInputSize()) {\r\n  <div class=\"x-pagination-input-size\">\r\n    @if (showInputSizeTooltipText()) {\r\n      <x-input\r\n        x-tooltip\r\n        [content]=\"inputSizeTooltip()\"\r\n        [style.width]=\"inputSizeWidth()\"\r\n        [disabled]=\"disabled()\"\r\n        [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n        [(ngModel)]=\"inputSize\"\r\n        (xBlur)=\"onInputSizeBlur($event)\"\r\n        (xKeydown)=\"onInputSizeKeydown($event)\"\r\n      ></x-input>\r\n    } @else {\r\n      <x-input\r\n        [style.width]=\"inputSizeWidth()\"\r\n        [disabled]=\"disabled()\"\r\n        [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n        [(ngModel)]=\"inputSize\"\r\n        (xBlur)=\"onInputSizeBlur($event)\"\r\n        (xKeydown)=\"onInputSizeKeydown($event)\"\r\n      ></x-input>\r\n    }\r\n    <span> {{ 'pagination.sizePage' | xI18n }} </span>\r\n  </div>\r\n}\r\n@if (showJump() && !simple()) {\r\n  <div class=\"x-pagination-jump\">\r\n    <span>{{ 'pagination.jump' | xI18n }}</span>\r\n    @if (showJumpTooltipText()) {\r\n      <x-input\r\n        x-tooltip\r\n        [content]=\"jumpTooltip()\"\r\n        [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n        [style.width]=\"jumpWidth()\"\r\n        [(ngModel)]=\"jumpPage\"\r\n        (xBlur)=\"onJumpBlur($event)\"\r\n        (xKeydown)=\"onJumpKeydown($event)\"\r\n        [type]=\"'number'\"\r\n        [min]=\"1\"\r\n        [max]=\"lastIndex()\"\r\n      ></x-input>\r\n    } @else {\r\n      <x-input\r\n        [variant]=\"showBackground() ? 'filled' : 'outlined'\"\r\n        [style.width]=\"jumpWidth()\"\r\n        [(ngModel)]=\"jumpPage\"\r\n        (xBlur)=\"onJumpBlur($event)\"\r\n        (xKeydown)=\"onJumpKeydown($event)\"\r\n        [type]=\"'number'\"\r\n        [min]=\"1\"\r\n        [max]=\"lastIndex()\"\r\n      ></x-input>\r\n    }\r\n  </div>\r\n}\r\n@if (showTotal()) {\r\n  <x-button [disabled]=\"disabled()\" plain flat class=\"x-pagination-total\">\r\n    <ng-container *xOutlet=\"totalTpl(); context: { $total: total() }\">\r\n      {{ 'pagination.total' | xI18n }} {{ total() }} {{ 'pagination.item' | xI18n }}\r\n    </ng-container>\r\n  </x-button>\r\n}\r\n<ng-template #previousTpl>\r\n  <x-button\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    plain\r\n    flat\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nextTpl>\r\n  <x-button\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    plain\r\n    flat\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  @if (node) {\r\n    {{ node?.label }} {{ 'pagination.sizePage' | xI18n }}\r\n  }\r\n</ng-template>\r\n", styles: [".x-pagination{margin:0;padding:0}.x-pagination{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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: XSelectComponent, selector: "x-select" }, { kind: "component", type: XInputComponent, selector: "x-input" }, { kind: "ngmodule", type: XTooltipModule }, { kind: "directive", type: i2.XTooltipDirective, selector: "[x-tooltip], x-tooltip" }, { kind: "component", type: XInputGroupComponent, selector: "x-input-group" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "pipe", type: XI18nPipe, name: "xI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XPaginationPrefix}`, imports: [
                         FormsModule,
@@ -364,11 +364,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
             }] } });
 
 class XPaginationModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: XPaginationModule, imports: [XPaginationComponent], exports: [XPaginationComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPaginationModule, imports: [XPaginationComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: XPaginationModule, imports: [XPaginationComponent], exports: [XPaginationComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPaginationModule, imports: [XPaginationComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPaginationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPaginationModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XPaginationComponent],

package/fesm2022/ng-nest-ui-pattern.mjs

@@ -12,10 +12,10 @@ class XPatternComponent {
     constructor() {
         this.className = XPatternPrefix;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPatternComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: XPatternComponent, isStandalone: true, selector: "x-pattern", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-pattern{margin:0;padding:0}.x-pattern{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: "21.1.1", ngImport: i0, type: XPatternComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: XPatternComponent, isStandalone: true, selector: "x-pattern", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-pattern{margin:0;padding:0}.x-pattern{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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPatternComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPatternComponent, decorators: [{
             type: Component,
             args: [{ selector: XPatternPrefix, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n", styles: [".x-pattern{margin:0;padding:0}.x-pattern{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"] }]
         }], propDecorators: { className: [{
@@ -24,11 +24,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
             }] } });
 
 class XPatternModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPatternModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: XPatternModule, imports: [XPatternComponent], exports: [XPatternComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPatternModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPatternModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: XPatternModule, imports: [XPatternComponent], exports: [XPatternComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPatternModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: XPatternModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XPatternModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XPatternComponent],