@ng-nest/ui 12.0.6 → 12.0.11

package/fesm2015/ng-nest-ui-notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-notification.js","sources":["../../../../lib/ng-nest/ui/notification/notification.property.ts","../../../../lib/ng-nest/ui/notification/notification.component.ts","../../../../lib/ng-nest/ui/notification/notification.component.html","../../../../lib/ng-nest/ui/notification/notification.service.ts","../../../../lib/ng-nest/ui/notification/notification.module.ts","../../../../lib/ng-nest/ui/notification/ng-nest-ui-notification.ts"],"sourcesContent":["import { ComponentRef } from '@angular/core';\r\nimport { XStatus, XCorner } from '@ng-nest/ui/core';\r\nimport { XAlertOption } from '@ng-nest/ui/alert';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { XNotificationComponent } from './notification.component';\r\nimport { XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport { Subscription, Subject } from 'rxjs';\r\n\r\n/**\r\n * Notification\r\n * @selector x-notification\r\n * @decorator component\r\n */\r\nexport const XNotificationPrefix = 'x-notification';\r\n\r\nexport const XNotificationPortal = 'x-notification-portal';\r\n\r\n/**\r\n * Notification Option\r\n */\r\nexport interface XNotificationOption extends XAlertOption {\r\n  /**\r\n   * @zh_CN 方位\r\n   * @en_US Placement\r\n   * @default 'top-end'\r\n   */\r\n  placement?: XCorner;\r\n  /**\r\n   * @zh_CN 偏移距离\r\n   * @en_US Offset distance\r\n   * @default '0.5rem'\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?: XNotificationType;\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   * @default '20rem'\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 Delay off time\r\n   * @default 4500\r\n   */\r\n  duration?: number;\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 Delayed closing the subscribed object, used to release or cancel\r\n   */\r\n  duration$?: Subscription | null;\r\n  /**\r\n   * @zh_CN 延迟关闭订阅对象\r\n   * @en_US Delay in closing the subscription object\r\n   */\r\n  durationSub?: Subject<any>;\r\n}\r\n\r\n/**\r\n * @zh_CN 创建的消息对象\r\n * @en_US Message object created\r\n */\r\nexport interface XNotificationOverlayRef extends XPortalOverlayRef<XNotificationComponent> {}\r\n\r\n/**\r\n * @zh_CN 九宫格中的消息对象\r\n * @en_US Message object in nine grid\r\n */\r\nexport interface XNotificationPlacement {\r\n  [property: string]: XNotificationRef;\r\n}\r\n\r\nexport interface XNotificationRef {\r\n  ref?: XNotificationOverlayRef;\r\n  list?: XNotificationOption[];\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Types of\r\n */\r\nexport type XNotificationType = XStatus;\r\n","import { Component, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XMoveAnimation, XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XNotificationPrefix, XNotificationOption, XNotificationRef } from './notification.property';\r\nimport { of } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XNotificationPrefix}`,\r\n  templateUrl: './notification.component.html',\r\n  styleUrls: ['./notification.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XMoveAnimation]\r\n})\r\nexport class XNotificationComponent {\r\n  notification: XNotificationRef = { list: [] };\r\n\r\n  constructor(public renderer: Renderer2, public elementRef: ElementRef, public cdr: ChangeDetectorRef) {}\r\n\r\n  onClose(item: XNotificationOption) {\r\n    this.notification.list?.splice(this.notification.list.indexOf(item), 1);\r\n    item.duration$ && item.duration$.unsubscribe();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  moveDone($event: { toState: string }) {\r\n    if ($event.toState === 'void' && XIsEmpty(this.notification.list)) {\r\n      this.notification.ref?.overlayRef?.detach();\r\n    }\r\n  }\r\n\r\n  onEnter(item: XNotificationOption) {\r\n    item.duration$ && item.duration$.unsubscribe();\r\n  }\r\n\r\n  onLeave(item: XNotificationOption) {\r\n    if (item.duration) {\r\n      item.duration$ = of(true)\r\n        .pipe(delay(item.duration))\r\n        .subscribe(() => {\r\n          this.onClose(item);\r\n        });\r\n    }\r\n  }\r\n\r\n  trackByItem(index: number, item: XNotificationOption) {\r\n    return `${item.title}-${item.content}`;\r\n  }\r\n}\r\n","<div class=\"x-notification\">\r\n  <ng-container *ngFor=\"let item of notification.list; trackBy: trackByItem\">\r\n    <x-alert\r\n      [@x-move-animation]=\"item.placement\"\r\n      (@x-move-animation.done)=\"moveDone($event)\"\r\n      (mouseenter)=\"onEnter(item)\"\r\n      (mouseleave)=\"onLeave(item)\"\r\n      (close)=\"onClose(item)\"\r\n      [hide]=\"item.hide\"\r\n      [title]=\"item.title\"\r\n      [content]=\"item.content\"\r\n      [type]=\"item.type\"\r\n      [effect]=\"item.effect\"\r\n      [hideClose]=\"item.hideClose\"\r\n      [closeText]=\"item.closeText\"\r\n      [showIcon]=\"item.showIcon\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </ng-container>\r\n</div>\r\n","import { Injectable } from '@angular/core';\r\nimport { XTemplate, XIsXTemplate, fillDefault, XIsEmpty, XIsString } from '@ng-nest/ui/core';\r\nimport {\r\n  XNotificationOption,\r\n  XNotificationOverlayRef,\r\n  XNotificationType,\r\n  XNotificationPlacement,\r\n  XNotificationRef,\r\n  XNotificationPortal\r\n} from './notification.property';\r\nimport { XNotificationComponent } from './notification.component';\r\nimport { of } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport { XPortalService } from '@ng-nest/ui/portal';\r\n\r\n@Injectable()\r\nexport class XNotificationService {\r\n  notifications: XNotificationPlacement = {};\r\n\r\n  default: XNotificationOption = {\r\n    type: 'info',\r\n    width: '20rem',\r\n    placement: 'top-end',\r\n    offset: '0.5rem',\r\n    effect: 'white',\r\n    duration: 4500,\r\n    showIcon: true\r\n  };\r\n\r\n  constructor(public portal: XPortalService) {}\r\n\r\n  info(option: XTemplate | XNotificationOption): XNotificationRef {\r\n    return this.createNotification(option, 'info');\r\n  }\r\n\r\n  success(option: XTemplate | XNotificationOption): XNotificationRef {\r\n    return this.createNotification(option, 'success');\r\n  }\r\n\r\n  warning(option: XTemplate | XNotificationOption): XNotificationRef {\r\n    return this.createNotification(option, 'warning');\r\n  }\r\n\r\n  error(option: XTemplate | XNotificationOption): XNotificationRef {\r\n    return this.createNotification(option, 'error');\r\n  }\r\n\r\n  create(option: XNotificationOption): XNotificationOverlayRef {\r\n    const offset = XIsString(option.offset) ? [option.offset as string] : (option.offset as string[]);\r\n    return this.portal.attach({\r\n      content: XNotificationComponent,\r\n      overlayConfig: {\r\n        panelClass: XNotificationPortal,\r\n        positionStrategy: this.portal.setPlace(option.placement, option.width, option.height, ...offset)\r\n      }\r\n    });\r\n  }\r\n\r\n  private createNotification(option: XTemplate | XNotificationOption, type: XNotificationType): XNotificationRef {\r\n    let opt: XNotificationOption;\r\n    if (XIsXTemplate(option)) {\r\n      opt = { title: option as XTemplate, type: type };\r\n    } else {\r\n      opt = option as XNotificationOption;\r\n      opt.type = type;\r\n    }\r\n    fillDefault(opt, this.default);\r\n    return this.createNotificationPlacement(opt);\r\n  }\r\n\r\n  private createNotificationPlacement(option: XNotificationOption): XNotificationRef {\r\n    if (typeof option.placement === 'undefined') return {};\r\n    let msgPlacement = this.notifications[option.placement];\r\n    this.setDuration(option);\r\n    if (XIsEmpty(msgPlacement) || !msgPlacement.ref?.overlayRef?.hasAttached()) {\r\n      this.notifications[option.placement] = {\r\n        ref: this.create(option),\r\n        list: [option]\r\n      };\r\n    } else {\r\n      this.notifications[option.placement].list = [...(this.notifications[option.placement].list as XNotificationOption[]), option];\r\n    }\r\n    this.notificationChange(this.notifications[option.placement]);\r\n\r\n    return this.notifications[option.placement];\r\n  }\r\n\r\n  private notificationChange(notification: XNotificationRef) {\r\n    if (!notification.ref?.overlayRef?.hasAttached() || !notification?.ref?.componentRef?.instance) return;\r\n    notification.ref.componentRef.instance.notification = notification;\r\n    notification.ref.componentRef.instance.cdr.detectChanges();\r\n  }\r\n\r\n  private setDuration(option: XNotificationOption) {\r\n    if (option.duration) {\r\n      option.duration$ = of(true)\r\n        .pipe(delay(option.duration))\r\n        .subscribe(() => {\r\n          this.removeNotification(option);\r\n          option.duration$ && option.duration$.unsubscribe();\r\n        });\r\n    }\r\n  }\r\n\r\n  private removeNotification(option: XNotificationOption) {\r\n    if (typeof option.placement === 'undefined') return;\r\n    this.notifications[option.placement].ref?.componentRef?.instance.onClose(option);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XNotificationComponent } from './notification.component';\r\nimport { XAlertModule } from '@ng-nest/ui/alert';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XNotificationService } from './notification.service';\r\n\r\n@NgModule({\r\n  declarations: [XNotificationComponent],\r\n  exports: [XNotificationComponent],\r\n  imports: [CommonModule, XPortalModule, XAlertModule],\r\n  providers: [XNotificationService]\r\n})\r\nexport class XNotificationModule {}\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-notification.js","sources":["../../../../lib/ng-nest/ui/notification/notification.property.ts","../../../../lib/ng-nest/ui/notification/notification.component.ts","../../../../lib/ng-nest/ui/notification/notification.component.html","../../../../lib/ng-nest/ui/notification/notification.service.ts","../../../../lib/ng-nest/ui/notification/notification.module.ts","../../../../lib/ng-nest/ui/notification/ng-nest-ui-notification.ts"],"sourcesContent":["import { XStatus, XCorner } from '@ng-nest/ui/core';\r\nimport { XAlertOption } from '@ng-nest/ui/alert';\r\nimport { XNotificationComponent } from './notification.component';\r\nimport { XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport { Subscription, Subject } from 'rxjs';\r\n\r\n/**\r\n * Notification\r\n * @selector x-notification\r\n * @decorator component\r\n */\r\nexport const XNotificationPrefix = 'x-notification';\r\n\r\nexport const XNotificationPortal = 'x-notification-portal';\r\n\r\n/**\r\n * Notification Option\r\n */\r\nexport interface XNotificationOption extends XAlertOption {\r\n  /**\r\n   * @zh_CN 方位\r\n   * @en_US Placement\r\n   * @default 'top-end'\r\n   */\r\n  placement?: XCorner;\r\n  /**\r\n   * @zh_CN 偏移距离\r\n   * @en_US Offset distance\r\n   * @default '0.5rem'\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?: XNotificationType;\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   * @default '20rem'\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 Delay off time\r\n   * @default 4500\r\n   */\r\n  duration?: number;\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 Delayed closing the subscribed object, used to release or cancel\r\n   */\r\n  duration$?: Subscription | null;\r\n  /**\r\n   * @zh_CN 延迟关闭订阅对象\r\n   * @en_US Delay in closing the subscription object\r\n   */\r\n  durationSub?: Subject<any>;\r\n}\r\n\r\n/**\r\n * @zh_CN 创建的消息对象\r\n * @en_US Message object created\r\n */\r\nexport interface XNotificationOverlayRef extends XPortalOverlayRef<XNotificationComponent> {}\r\n\r\n/**\r\n * @zh_CN 九宫格中的消息对象\r\n * @en_US Message object in nine grid\r\n */\r\nexport interface XNotificationPlacement {\r\n  [property: string]: XNotificationRef;\r\n}\r\n\r\nexport interface XNotificationRef {\r\n  ref?: XNotificationOverlayRef;\r\n  list?: XNotificationOption[];\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Types of\r\n */\r\nexport type XNotificationType = XStatus;\r\n","import { Component, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XMoveAnimation, XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XNotificationPrefix, XNotificationOption, XNotificationRef } from './notification.property';\r\nimport { of } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XNotificationPrefix}`,\r\n  templateUrl: './notification.component.html',\r\n  styleUrls: ['./notification.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XMoveAnimation]\r\n})\r\nexport class XNotificationComponent {\r\n  notification: XNotificationRef = { list: [] };\r\n\r\n  constructor(public renderer: Renderer2, public elementRef: ElementRef, public cdr: ChangeDetectorRef) {}\r\n\r\n  onClose(item: XNotificationOption) {\r\n    this.notification.list?.splice(this.notification.list.indexOf(item), 1);\r\n    item.duration$ && item.duration$.unsubscribe();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  moveDone($event: { toState: string }) {\r\n    if ($event.toState === 'void' && XIsEmpty(this.notification.list)) {\r\n      this.notification.ref?.overlayRef?.detach();\r\n    }\r\n  }\r\n\r\n  onEnter(item: XNotificationOption) {\r\n    item.duration$ && item.duration$.unsubscribe();\r\n  }\r\n\r\n  onLeave(item: XNotificationOption) {\r\n    if (item.duration) {\r\n      item.duration$ = of(true)\r\n        .pipe(delay(item.duration))\r\n        .subscribe(() => {\r\n          this.onClose(item);\r\n        });\r\n    }\r\n  }\r\n\r\n  trackByItem(_index: number, item: XNotificationOption) {\r\n    return `${item.title}-${item.content}`;\r\n  }\r\n}\r\n","<div class=\"x-notification\">\r\n  <ng-container *ngFor=\"let item of notification.list; trackBy: trackByItem\">\r\n    <x-alert\r\n      [@x-move-animation]=\"item.placement\"\r\n      (@x-move-animation.done)=\"moveDone($event)\"\r\n      (mouseenter)=\"onEnter(item)\"\r\n      (mouseleave)=\"onLeave(item)\"\r\n      (close)=\"onClose(item)\"\r\n      [hide]=\"item.hide\"\r\n      [title]=\"item.title\"\r\n      [content]=\"item.content\"\r\n      [type]=\"item.type\"\r\n      [effect]=\"item.effect\"\r\n      [hideClose]=\"item.hideClose\"\r\n      [closeText]=\"item.closeText\"\r\n      [showIcon]=\"item.showIcon\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </ng-container>\r\n</div>\r\n","import { Injectable } from '@angular/core';\r\nimport { XTemplate, XIsXTemplate, fillDefault, XIsEmpty, XIsString } from '@ng-nest/ui/core';\r\nimport {\r\n  XNotificationOption,\r\n  XNotificationOverlayRef,\r\n  XNotificationType,\r\n  XNotificationPlacement,\r\n  XNotificationRef,\r\n  XNotificationPortal\r\n} from './notification.property';\r\nimport { XNotificationComponent } from './notification.component';\r\nimport { of } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport { XPortalService } from '@ng-nest/ui/portal';\r\n\r\n@Injectable()\r\nexport class XNotificationService {\r\n  notifications: XNotificationPlacement = {};\r\n\r\n  default: XNotificationOption = {\r\n    type: 'info',\r\n    width: '20rem',\r\n    placement: 'top-end',\r\n    offset: '0.5rem',\r\n    effect: 'white',\r\n    duration: 4500,\r\n    showIcon: true\r\n  };\r\n\r\n  constructor(public portal: XPortalService) {}\r\n\r\n  info(option: XTemplate | XNotificationOption): XNotificationRef {\r\n    return this.createNotification(option, 'info');\r\n  }\r\n\r\n  success(option: XTemplate | XNotificationOption): XNotificationRef {\r\n    return this.createNotification(option, 'success');\r\n  }\r\n\r\n  warning(option: XTemplate | XNotificationOption): XNotificationRef {\r\n    return this.createNotification(option, 'warning');\r\n  }\r\n\r\n  error(option: XTemplate | XNotificationOption): XNotificationRef {\r\n    return this.createNotification(option, 'error');\r\n  }\r\n\r\n  create(option: XNotificationOption): XNotificationOverlayRef {\r\n    const offset = XIsString(option.offset) ? [option.offset as string] : (option.offset as string[]);\r\n    return this.portal.attach({\r\n      content: XNotificationComponent,\r\n      overlayConfig: {\r\n        panelClass: XNotificationPortal,\r\n        positionStrategy: this.portal.setPlace(option.placement, option.width, option.height, ...offset)\r\n      }\r\n    });\r\n  }\r\n\r\n  private createNotification(option: XTemplate | XNotificationOption, type: XNotificationType): XNotificationRef {\r\n    let opt: XNotificationOption;\r\n    if (XIsXTemplate(option)) {\r\n      opt = { title: option as XTemplate, type: type };\r\n    } else {\r\n      opt = option as XNotificationOption;\r\n      opt.type = type;\r\n    }\r\n    fillDefault(opt, this.default);\r\n    return this.createNotificationPlacement(opt);\r\n  }\r\n\r\n  private createNotificationPlacement(option: XNotificationOption): XNotificationRef {\r\n    if (typeof option.placement === 'undefined') return {};\r\n    let msgPlacement = this.notifications[option.placement];\r\n    this.setDuration(option);\r\n    if (XIsEmpty(msgPlacement) || !msgPlacement.ref?.overlayRef?.hasAttached()) {\r\n      this.notifications[option.placement] = {\r\n        ref: this.create(option),\r\n        list: [option]\r\n      };\r\n    } else {\r\n      this.notifications[option.placement].list = [...(this.notifications[option.placement].list as XNotificationOption[]), option];\r\n    }\r\n    this.notificationChange(this.notifications[option.placement]);\r\n\r\n    return this.notifications[option.placement];\r\n  }\r\n\r\n  private notificationChange(notification: XNotificationRef) {\r\n    if (!notification.ref?.overlayRef?.hasAttached() || !notification?.ref?.componentRef?.instance) return;\r\n    notification.ref.componentRef.instance.notification = notification;\r\n    notification.ref.componentRef.instance.cdr.detectChanges();\r\n  }\r\n\r\n  private setDuration(option: XNotificationOption) {\r\n    if (option.duration) {\r\n      option.duration$ = of(true)\r\n        .pipe(delay(option.duration))\r\n        .subscribe(() => {\r\n          this.removeNotification(option);\r\n          option.duration$ && option.duration$.unsubscribe();\r\n        });\r\n    }\r\n  }\r\n\r\n  private removeNotification(option: XNotificationOption) {\r\n    if (typeof option.placement === 'undefined') return;\r\n    this.notifications[option.placement].ref?.componentRef?.instance.onClose(option);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XNotificationComponent } from './notification.component';\r\nimport { XAlertModule } from '@ng-nest/ui/alert';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XNotificationService } from './notification.service';\r\n\r\n@NgModule({\r\n  declarations: [XNotificationComponent],\r\n  exports: [XNotificationComponent],\r\n  imports: [CommonModule, XPortalModule, XAlertModule],\r\n  providers: [XNotificationService]\r\n})\r\nexport class XNotificationModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-outlet.js

@@ -63,9 +63,9 @@ class XOutletDirective {
         }
     }
 }
-/** @nocollapse */ XOutletDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XOutletDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ XOutletDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.3", type: XOutletDirective, selector: "[xOutlet]", inputs: { xOutletContext: "xOutletContext", xOutlet: "xOutlet" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XOutletDirective, decorators: [{
+/** @nocollapse */ XOutletDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XOutletDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ XOutletDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.5", type: XOutletDirective, selector: "[xOutlet]", inputs: { xOutletContext: "xOutletContext", xOutlet: "xOutlet" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XOutletDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[xOutlet]' }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }]; }, propDecorators: { xOutletContext: [{
@@ -76,10 +76,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XOutletModule {
 }
-/** @nocollapse */ XOutletModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XOutletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XOutletModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XOutletModule, declarations: [XOutletDirective], imports: [CommonModule], exports: [XOutletDirective] });
-/** @nocollapse */ XOutletModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XOutletModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XOutletModule, decorators: [{
+/** @nocollapse */ XOutletModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XOutletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XOutletModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XOutletModule, declarations: [XOutletDirective], imports: [CommonModule], exports: [XOutletDirective] });
+/** @nocollapse */ XOutletModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XOutletModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XOutletModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XOutletDirective],

package/fesm2015/ng-nest-ui-page-header.js

@@ -30,15 +30,15 @@ class XPageHeaderProperty {
         this.backClick = new EventEmitter();
     }
 }
-/** @nocollapse */ XPageHeaderProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPageHeaderProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XPageHeaderProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XPageHeaderProperty, selector: "ng-component", inputs: { backIcon: "backIcon", backText: "backText", title: "title", subTitle: "subTitle" }, outputs: { backClick: "backClick" }, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XPageHeaderProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPageHeaderProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XPageHeaderProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XPageHeaderProperty, selector: "ng-component", inputs: { backIcon: "backIcon", backText: "backText", title: "title", subTitle: "subTitle" }, outputs: { backClick: "backClick" }, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'fto-arrow-left')
 ], XPageHeaderProperty.prototype, "backIcon", void 0);
 __decorate([
     XWithConfig(X_CONFIG_NAME)
 ], XPageHeaderProperty.prototype, "backText", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPageHeaderProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPageHeaderProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { backIcon: [{
@@ -78,9 +78,9 @@ class XPageHeaderComponent extends XPageHeaderProperty {
         this._unSubject.unsubscribe();
     }
 }
-/** @nocollapse */ XPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPageHeaderComponent, deps: [{ token: i1.XConfigService }, { token: i0.ChangeDetectorRef }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XPageHeaderComponent, selector: "x-page-header", usesInheritance: true, ngImport: i0, template: "<div class=\"x-page-header\">\r\n  <x-button class=\"x-page-header-backIcon\" [icon]=\"backIcon\" type=\"text\" (click)=\"backClick.emit()\">{{ getBackText }}</x-button>\r\n  <span class=\"x-page-header-divided\"></span>\r\n  <span class=\"x-page-header-title\" *ngIf=\"title\">{{ title }}</span>\r\n  <span class=\"x-page-header-subTitle\" *ngIf=\"subTitle\">{{ subTitle }}</span>\r\n</div>\r\n", styles: [".x-page-header{margin:0;padding:0;display:inline-flex;align-items:center;height:var(--x-height-large)}.x-page-header-backIcon .x-button{font-size:.875rem}.x-page-header-divided{margin:0 .875rem 0 .25rem;height:1rem;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-page-header-title{font-size:1rem}.x-page-header-subTitle{font-size:.75rem;color:var(--x-text-400);margin-left:.5rem}"], components: [{ type: i3.XButtonComponent, selector: "x-button" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPageHeaderComponent, decorators: [{
+/** @nocollapse */ XPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPageHeaderComponent, deps: [{ token: i1.XConfigService }, { token: i0.ChangeDetectorRef }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XPageHeaderComponent, selector: "x-page-header", usesInheritance: true, ngImport: i0, template: "<div class=\"x-page-header\">\r\n  <x-button class=\"x-page-header-backIcon\" [icon]=\"backIcon\" type=\"text\" (click)=\"backClick.emit()\">{{ getBackText }}</x-button>\r\n  <span class=\"x-page-header-divided\"></span>\r\n  <span class=\"x-page-header-title\" *ngIf=\"title\">{{ title }}</span>\r\n  <span class=\"x-page-header-subTitle\" *ngIf=\"subTitle\">{{ subTitle }}</span>\r\n</div>\r\n", styles: [".x-page-header{margin:0;padding:0;display:inline-flex;align-items:center;height:var(--x-height-large)}.x-page-header-backIcon .x-button{font-size:.875rem}.x-page-header-divided{margin:0 .875rem 0 .25rem;height:1rem;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-page-header-title{font-size:1rem}.x-page-header-subTitle{font-size:.75rem;color:var(--x-text-400);margin-left:.5rem}\n"], components: [{ type: i3.XButtonComponent, selector: "x-button" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPageHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XPageHeaderPrefix}`,
@@ -93,10 +93,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XPageHeaderModule {
 }
-/** @nocollapse */ XPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPageHeaderModule, declarations: [XPageHeaderComponent, XPageHeaderProperty], imports: [CommonModule, XButtonModule], exports: [XPageHeaderComponent] });
-/** @nocollapse */ XPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPageHeaderModule, imports: [[CommonModule, XButtonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPageHeaderModule, decorators: [{
+/** @nocollapse */ XPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPageHeaderModule, declarations: [XPageHeaderComponent, XPageHeaderProperty], imports: [CommonModule, XButtonModule], exports: [XPageHeaderComponent] });
+/** @nocollapse */ XPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPageHeaderModule, imports: [[CommonModule, XButtonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPageHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XPageHeaderComponent, XPageHeaderProperty],

package/fesm2015/ng-nest-ui-pagination.js

@@ -5,12 +5,21 @@ import * as i1 from '@ng-nest/ui/core';
 import { XProperty, XWithConfig, XInputNumber, XInputBoolean, XIsChange } from '@ng-nest/ui/core';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
+import { ENTER } from '@angular/cdk/keycodes';
 import * as i2 from '@ng-nest/ui/i18n';
 import { XI18nModule } from '@ng-nest/ui/i18n';
 import * as i3 from '@ng-nest/ui/button';
 import { XButtonModule } from '@ng-nest/ui/button';
-import * as i4 from '@angular/common';
+import * as i4 from '@ng-nest/ui/input';
+import { XInputModule } from '@ng-nest/ui/input';
+import * as i5 from '@ng-nest/ui/select';
+import { XSelectModule } from '@ng-nest/ui/select';
+import * as i6 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i7 from '@ng-nest/ui/outlet';
+import { XOutletModule } from '@ng-nest/ui/outlet';
+import * as i8 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
 
 /**
  * Pagination
@@ -52,8 +61,8 @@ class XPaginationProperty extends XProperty {
         this.sizeChange = new EventEmitter();
     }
 }
-/** @nocollapse */ XPaginationProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPaginationProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XPaginationProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XPaginationProperty, selector: "ng-component", inputs: { index: "index", size: "size", total: "total", query: "query", pageLinkSize: "pageLinkSize", showEllipsis: "showEllipsis", showTotal: "showTotal", space: "space", hiddenBorder: "hiddenBorder" }, outputs: { queryChange: "queryChange", indexChange: "indexChange", sizeChange: "sizeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XPaginationProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPaginationProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XPaginationProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XPaginationProperty, selector: "ng-component", inputs: { index: "index", size: "size", total: "total", query: "query", pageLinkSize: "pageLinkSize", showEllipsis: "showEllipsis", showTotal: "showTotal", space: "space", hiddenBorder: "hiddenBorder", showSize: "showSize", sizeWidth: "sizeWidth", sizeData: "sizeData", disabled: "disabled", showJump: "showJump", jumpWidth: "jumpWidth", totalTpl: "totalTpl", simple: "simple", simpleIndexWidth: "simpleIndexWidth" }, outputs: { queryChange: "queryChange", indexChange: "indexChange", sizeChange: "sizeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, 1),
     XInputNumber()
@@ -85,7 +94,37 @@ __decorate([
     XWithConfig(X_CONFIG_NAME, false),
     XInputBoolean()
 ], XPaginationProperty.prototype, "hiddenBorder", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPaginationProperty, decorators: [{
+__decorate([
+    XWithConfig(X_CONFIG_NAME, false),
+    XInputBoolean()
+], XPaginationProperty.prototype, "showSize", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 100),
+    XInputNumber()
+], XPaginationProperty.prototype, "sizeWidth", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, [10, 20, 50, 100])
+], XPaginationProperty.prototype, "sizeData", void 0);
+__decorate([
+    XInputBoolean()
+], XPaginationProperty.prototype, "disabled", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, false),
+    XInputBoolean()
+], XPaginationProperty.prototype, "showJump", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 50),
+    XInputNumber()
+], XPaginationProperty.prototype, "jumpWidth", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, false),
+    XInputBoolean()
+], XPaginationProperty.prototype, "simple", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 130),
+    XInputNumber()
+], XPaginationProperty.prototype, "simpleIndexWidth", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPaginationProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { index: [{
@@ -106,6 +145,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
                 type: Input
             }], hiddenBorder: [{
                 type: Input
+            }], showSize: [{
+                type: Input
+            }], sizeWidth: [{
+                type: Input
+            }], sizeData: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], showJump: [{
+                type: Input
+            }], jumpWidth: [{
+                type: Input
+            }], totalTpl: [{
+                type: Input
+            }], simple: [{
+                type: Input
+            }], simpleIndexWidth: [{
+                type: Input
             }], queryChange: [{
                 type: Output
             }], indexChange: [{
@@ -125,6 +182,7 @@ class XPaginationComponent extends XPaginationProperty {
         this.indexes = [];
         this.indexFirst = 1;
         this.indexLast = 1;
+        this.jumpPage = null;
         this._unSubject = new Subject();
         this.renderer.addClass(this.elementRef.nativeElement, XPaginationPrefix);
     }
@@ -144,12 +202,17 @@ class XPaginationComponent extends XPaginationProperty {
         this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => this.cdr.markForCheck());
     }
     ngOnChanges(changes) {
-        XIsChange(changes.total, changes.size, changes.index) && this.setIndexes();
+        const { total, size, index } = changes;
+        XIsChange(total, size, index) && this.setIndexes();
     }
     ngOnDestory() {
         this._unSubject.next();
         this._unSubject.unsubscribe();
     }
+    sizeChanged() {
+        this.setIndexes();
+        this.sizeChange.emit(this.size);
+    }
     setIndexes() {
         this.lastIndex = Math.ceil(Number(this.total) / Number(this.size)) || 1;
         const indexes = [];
@@ -173,6 +236,33 @@ class XPaginationComponent extends XPaginationProperty {
             this.indexChange.emit(this.index);
         }
     }
+    onKeydown(event) {
+        if (this.jumpPage !== null && event.keyCode === ENTER) {
+            if (this.jumpPage <= this.indexFirst) {
+                this.jump(this.indexFirst);
+            }
+            else if (this.jumpPage >= this.lastIndex) {
+                this.jump(this.lastIndex);
+            }
+            else {
+                this.jump(this.jumpPage);
+            }
+            this.jumpPage = null;
+            this.cdr.detectChanges();
+        }
+    }
+    onSimpleKeydown(event) {
+        if (this.index !== null && event.keyCode === ENTER) {
+            if (this.index <= this.indexFirst) {
+                this.index = this.indexFirst;
+            }
+            else if (this.index >= this.lastIndex) {
+                this.index = this.lastIndex;
+            }
+            this.jump(this.index);
+            this.cdr.detectChanges();
+        }
+    }
     validateIndex(value) {
         if (value > this.lastIndex) {
             return this.lastIndex;
@@ -187,13 +277,13 @@ class XPaginationComponent extends XPaginationProperty {
     getActivated(index) {
         return Number(this.index) === index;
     }
-    trackByItem(index, item) {
+    trackByItem(_index, item) {
         return item;
     }
 }
-/** @nocollapse */ XPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPaginationComponent, deps: [{ token: i1.XConfigService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XPaginationComponent, selector: "x-pagination", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<x-buttons [space]=\"space\" [hiddenBorder]=\"hiddenBorder\">\r\n  <x-button *ngIf=\"showEllipsis\" [icon]=\"'fto-chevrons-left'\" [disabled]=\"firstActivated\" (click)=\"jump(1)\"></x-button>\r\n  <x-button\r\n    [icon]=\"'fto-chevron-left'\"\r\n    [title]=\"'pagination.previous' | xI18n\"\r\n    [disabled]=\"leftDisabled\"\r\n    (click)=\"jump(-1, true)\"\r\n  ></x-button>\r\n  <x-button *ngFor=\"let item of indexes; trackBy: trackByItem\" [activated]=\"getActivated(item)\" (click)=\"jump(item)\">{{ item }}</x-button>\r\n  <x-button [icon]=\"'fto-chevron-right'\" [title]=\"'pagination.next' | xI18n\" [disabled]=\"rightDisabled\" (click)=\"jump(1, true)\"></x-button>\r\n  <x-button *ngIf=\"showEllipsis\" [icon]=\"'fto-chevrons-right'\" [disabled]=\"lastActivated\" (click)=\"jump(lastIndex)\"></x-button>\r\n</x-buttons>\r\n<x-button *ngIf=\"showTotal\" class=\"x-pagination-total\" [type]=\"hiddenBorder === true ? 'text' : 'initial'\"\r\n  >{{ 'pagination.total' | xI18n }} {{ total }} {{ 'pagination.item' | xI18n }}</x-button\r\n>\r\n", styles: [".x-pagination{margin:0;padding:0;display:inline-flex}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button{min-width:1.75rem}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button-activated{background-color:#0000000d}.x-pagination-total{margin-left:.5rem}"], components: [{ type: i3.XButtonsComponent, selector: "x-buttons" }, { type: i3.XButtonComponent, selector: "x-button" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "xI18n": i2.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPaginationComponent, decorators: [{
+/** @nocollapse */ XPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPaginationComponent, deps: [{ token: i1.XConfigService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XPaginationComponent, selector: "x-pagination", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<x-buttons *ngIf=\"!simple; else simpleTpl\" [space]=\"space\" [hiddenBorder]=\"hiddenBorder\">\r\n  <x-button\r\n    *ngIf=\"showEllipsis\"\r\n    [icon]=\"'fto-chevrons-left'\"\r\n    [title]=\"'pagination.first' | xI18n\"\r\n    [disabled]=\"disabled || firstActivated\"\r\n    (click)=\"jump(1)\"\r\n  ></x-button>\r\n  <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n  <x-button\r\n    *ngFor=\"let item of indexes; trackBy: trackByItem\"\r\n    [disabled]=\"disabled\"\r\n    [activated]=\"getActivated(item)\"\r\n    (click)=\"jump(item)\"\r\n    >{{ item }}</x-button\r\n  >\r\n  <ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n  <x-button\r\n    *ngIf=\"showEllipsis && !simple\"\r\n    [icon]=\"'fto-chevrons-right'\"\r\n    [title]=\"'pagination.last' | xI18n\"\r\n    [disabled]=\"disabled || lastActivated\"\r\n    (click)=\"jump(lastIndex)\"\r\n  ></x-button>\r\n</x-buttons>\r\n<ng-template #simpleTpl>\r\n  <div class=\"x-pagination-simple\">\r\n    <x-input\r\n      [bordered]=\"!hiddenBorder\"\r\n      [before]=\"previousTpl\"\r\n      [after]=\"nextTpl\"\r\n      [style.width.px]=\"simpleIndexWidth\"\r\n      [(ngModel)]=\"index\"\r\n      (xKeydown)=\"onSimpleKeydown($event)\"\r\n    ></x-input>\r\n    <span>/</span>\r\n    <span>{{ lastIndex }}</span>\r\n  </div>\r\n</ng-template>\r\n<x-select\r\n  *ngIf=\"showSize\"\r\n  [style.width.px]=\"sizeWidth\"\r\n  class=\"x-pagination-size\"\r\n  [data]=\"sizeData\"\r\n  clearable=\"false\"\r\n  [disabled]=\"disabled\"\r\n  [bordered]=\"!hiddenBorder\"\r\n  [nodeTpl]=\"nodeTpl\"\r\n  [(ngModel)]=\"size\"\r\n  (ngModelChange)=\"sizeChanged()\"\r\n></x-select>\r\n<div *ngIf=\"showJump && !simple\" class=\"x-pagination-jump\">\r\n  <span>{{ 'pagination.jump' | xI18n }}</span>\r\n  <x-input [bordered]=\"!hiddenBorder\" [style.width.px]=\"jumpWidth\" [(ngModel)]=\"jumpPage\" (xKeydown)=\"onKeydown($event)\"></x-input>\r\n</div>\r\n<x-button *ngIf=\"showTotal\" [disabled]=\"disabled\" class=\"x-pagination-total\" [type]=\"hiddenBorder === true ? 'text' : 'initial'\"\r\n  ><ng-container *xOutlet=\"totalTpl; context: { $total: total }\"\r\n    >{{ 'pagination.total' | xI18n }} {{ total }} {{ 'pagination.item' | xI18n }}</ng-container\r\n  ></x-button\r\n>\r\n\r\n<ng-template #previousTpl>\r\n  <x-button\r\n    [icon]=\"'fto-chevron-left'\"\r\n    [title]=\"'pagination.previous' | xI18n\"\r\n    [disabled]=\"disabled || leftDisabled\"\r\n    (click)=\"jump(-1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nextTpl>\r\n  <x-button\r\n    [icon]=\"'fto-chevron-right'\"\r\n    [title]=\"'pagination.next' | xI18n\"\r\n    [disabled]=\"disabled || rightDisabled\"\r\n    (click)=\"jump(1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <ng-container *ngIf=\"node\"> {{ node?.label }} {{ 'pagination.sizePage' | xI18n }} </ng-container>\r\n</ng-template>\r\n", styles: [".x-pagination{margin:0;padding:0;display:inline-flex}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button{min-width:1.75rem}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button-activated{background-color:#0000000d}.x-pagination-size{margin-left:.5rem}.x-pagination-total{margin-left:.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:0 .5rem;display:inline-flex;align-items:center}.x-pagination-simple>x-input input{text-align:center}.x-pagination-simple>span{margin-left:.5rem}\n"], components: [{ type: i3.XButtonsComponent, selector: "x-buttons" }, { type: i3.XButtonComponent, selector: "x-button" }, { type: i4.XInputComponent, selector: "x-input" }, { type: i5.XSelectComponent, selector: "x-select" }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "xI18n": i2.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPaginationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XPaginationPrefix}`,
@@ -206,15 +296,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XPaginationModule {
 }
-/** @nocollapse */ XPaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XPaginationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPaginationModule, declarations: [XPaginationComponent, XPaginationProperty], imports: [CommonModule, XButtonModule, XI18nModule], exports: [XPaginationComponent] });
-/** @nocollapse */ XPaginationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPaginationModule, imports: [[CommonModule, XButtonModule, XI18nModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPaginationModule, decorators: [{
+/** @nocollapse */ XPaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XPaginationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPaginationModule, declarations: [XPaginationComponent, XPaginationProperty], imports: [CommonModule, FormsModule, XButtonModule, XI18nModule, XSelectModule, XInputModule, XOutletModule], exports: [XPaginationComponent] });
+/** @nocollapse */ XPaginationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPaginationModule, imports: [[CommonModule, FormsModule, XButtonModule, XI18nModule, XSelectModule, XInputModule, XOutletModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPaginationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XPaginationComponent, XPaginationProperty],
                     exports: [XPaginationComponent],
-                    imports: [CommonModule, XButtonModule, XI18nModule]
+                    imports: [CommonModule, FormsModule, XButtonModule, XI18nModule, XSelectModule, XInputModule, XOutletModule]
                 }]
         }] });
 

package/fesm2015/ng-nest-ui-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-pagination.js","sources":["../../../../lib/ng-nest/ui/pagination/pagination.property.ts","../../../../lib/ng-nest/ui/pagination/pagination.component.ts","../../../../lib/ng-nest/ui/pagination/pagination.component.html","../../../../lib/ng-nest/ui/pagination/pagination.module.ts","../../../../lib/ng-nest/ui/pagination/ng-nest-ui-pagination.ts"],"sourcesContent":["import { XProperty, XInputNumber, XNumber, XQuery, XWithConfig, XBoolean, XInputBoolean } from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component } from '@angular/core';\r\n\r\n/**\r\n * Pagination\r\n * @selector x-pagination\r\n * @decorator component\r\n */\r\nexport const XPaginationPrefix = 'x-pagination';\r\nconst X_CONFIG_NAME = 'pagination';\r\n\r\n/**\r\n * Pagination Property\r\n */\r\n@Component({ template: '' })\r\nexport class XPaginationProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 当前页码\r\n   * @en_US Current page number\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 1) @XInputNumber() index!: XNumber;\r\n  /**\r\n   * @zh_CN 每页显示条数\r\n   * @en_US Number of items displayed per page\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 10) @XInputNumber() size!: XNumber;\r\n  /**\r\n   * @zh_CN 总数\r\n   * @en_US Total\r\n   */\r\n  @Input() @XInputNumber() total: XNumber = 0;\r\n  /**\r\n   * @zh_CN 查询条件\r\n   * @en_US Query conditions\r\n   */\r\n  @Input() query: XQuery = {};\r\n  /**\r\n   * @zh_CN 最多显示的分页数量\r\n   * @en_US The largest number of pages display\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 5) @XInputNumber() pageLinkSize!: XNumber;\r\n  /**\r\n   * @zh_CN 显示首尾页跳转\r\n   * @en_US Display the first and last page\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) @XInputBoolean() showEllipsis!: XBoolean;\r\n  /**\r\n   * @zh_CN 显示总条数\r\n   * @en_US Display the total\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) @XInputBoolean() showTotal!: XBoolean;\r\n  /**\r\n   * @zh_CN 按钮间距，单位 rem （按 1rem = 16px 比例来计算）\r\n   * @en_US Button spacing, unit rem (calculated according to the ratio of 1rem = 16px)\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 0) @XInputNumber() space!: XNumber;\r\n  /**\r\n   * @zh_CN 隐藏边框\r\n   * @en_US Hide border\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() hiddenBorder?: XBoolean;\r\n  /**\r\n   * @zh_CN 页码变化的事件\r\n   * @en_US Page number change event\r\n   */\r\n  @Output() queryChange = new EventEmitter<XQuery>();\r\n  /**\r\n   * @zh_CN 页码变化的事件\r\n   * @en_US Page number change event\r\n   */\r\n  @Output() indexChange = new EventEmitter<number>();\r\n  /**\r\n   * @zh_CN 每页显示条数变化的事件\r\n   * @en_US Show the number of events on each page\r\n   */\r\n  @Output() sizeChange = new EventEmitter<number>();\r\n}\r\n\r\n/**\r\n * PaginationOption\r\n */\r\nexport interface XPaginationOption {\r\n  /**\r\n   * @zh_CN 当前页码\r\n   * @en_US Current page number\r\n   */\r\n  index?: XNumber;\r\n  /**\r\n   * @zh_CN 每页显示条数\r\n   * @en_US Number of items displayed per page\r\n   */\r\n  size?: XNumber;\r\n  /**\r\n   * @zh_CN 总数\r\n   * @en_US total\r\n   */\r\n  total?: XNumber;\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ElementRef,\r\n  Renderer2,\r\n  ChangeDetectorRef\r\n} from '@angular/core';\r\nimport { XPaginationPrefix, XPaginationProperty } from './pagination.property';\r\nimport { XIsChange, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\nimport { takeUntil } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XPaginationPrefix}`,\r\n  templateUrl: './pagination.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XPaginationComponent extends XPaginationProperty implements OnChanges {\r\n  lastIndex!: number;\r\n  indexes: number[] = [];\r\n  indexFirst: number = 1;\r\n  indexLast: number = 1;\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  get leftDisabled() {\r\n    return Number(this.index) === 1 || Number(this.total) === 0;\r\n  }\r\n\r\n  get rightDisabled() {\r\n    return Number(this.index) === this.lastIndex || Number(this.total) === 0;\r\n  }\r\n\r\n  get firstActivated() {\r\n    return Number(this.index) === 1;\r\n  }\r\n\r\n  get lastActivated() {\r\n    return Number(this.index) === this.lastIndex;\r\n  }\r\n\r\n  constructor(\r\n    public configService: XConfigService,\r\n    public elementRef: ElementRef,\r\n    public renderer: Renderer2,\r\n    public cdr: ChangeDetectorRef,\r\n    public i18n: XI18nService\r\n  ) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XPaginationPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => this.cdr.markForCheck());\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    XIsChange(changes.total, changes.size, changes.index) && this.setIndexes();\r\n  }\r\n\r\n  ngOnDestory() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  setIndexes() {\r\n    this.lastIndex = Math.ceil(Number(this.total) / Number(this.size)) || 1;\r\n    const indexes: number[] = [];\r\n    const current = Number(this.index) - 1;\r\n    const maxSize = Number(this.pageLinkSize);\r\n    const pages = Math.min(maxSize, this.lastIndex);\r\n    let start = Math.max(0, Math.ceil(current - pages / 2)),\r\n      end = Math.min(this.lastIndex - 1, start + pages - 1);\r\n    var delta = maxSize - (end - start + 1);\r\n    start = Math.max(0, start - delta);\r\n\r\n    for (let i = start; i <= end; i++) {\r\n      indexes.push(i + 1);\r\n    }\r\n    this.indexes = indexes;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  jump(index: number, isDiff = false) {\r\n    const ix = this.validateIndex(isDiff ? Number(this.index) + index : index);\r\n    if (ix !== this.index) {\r\n      this.index = ix;\r\n      this.setIndexes();\r\n      this.indexChange.emit(this.index);\r\n    }\r\n  }\r\n\r\n  validateIndex(value: number): number {\r\n    if (value > this.lastIndex) {\r\n      return this.lastIndex;\r\n    } else if (value < 1) {\r\n      return 1;\r\n    } else {\r\n      return value;\r\n    }\r\n  }\r\n\r\n  getActivated(index: number) {\r\n    return Number(this.index) === index;\r\n  }\r\n\r\n  trackByItem(index: number, item: number) {\r\n    return item;\r\n  }\r\n}\r\n","<x-buttons [space]=\"space\" [hiddenBorder]=\"hiddenBorder\">\r\n  <x-button *ngIf=\"showEllipsis\" [icon]=\"'fto-chevrons-left'\" [disabled]=\"firstActivated\" (click)=\"jump(1)\"></x-button>\r\n  <x-button\r\n    [icon]=\"'fto-chevron-left'\"\r\n    [title]=\"'pagination.previous' | xI18n\"\r\n    [disabled]=\"leftDisabled\"\r\n    (click)=\"jump(-1, true)\"\r\n  ></x-button>\r\n  <x-button *ngFor=\"let item of indexes; trackBy: trackByItem\" [activated]=\"getActivated(item)\" (click)=\"jump(item)\">{{ item }}</x-button>\r\n  <x-button [icon]=\"'fto-chevron-right'\" [title]=\"'pagination.next' | xI18n\" [disabled]=\"rightDisabled\" (click)=\"jump(1, true)\"></x-button>\r\n  <x-button *ngIf=\"showEllipsis\" [icon]=\"'fto-chevrons-right'\" [disabled]=\"lastActivated\" (click)=\"jump(lastIndex)\"></x-button>\r\n</x-buttons>\r\n<x-button *ngIf=\"showTotal\" class=\"x-pagination-total\" [type]=\"hiddenBorder === true ? 'text' : 'initial'\"\r\n  >{{ 'pagination.total' | xI18n }} {{ total }} {{ 'pagination.item' | xI18n }}</x-button\r\n>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XPaginationComponent } from './pagination.component';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XPaginationProperty } from './pagination.property';\r\nimport { XI18nModule } from '@ng-nest/ui/i18n';\r\n\r\n@NgModule({\r\n  declarations: [XPaginationComponent, XPaginationProperty],\r\n  exports: [XPaginationComponent],\r\n  imports: [CommonModule, XButtonModule, XI18nModule]\r\n})\r\nexport class XPaginationModule {}\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-pagination.js","sources":["../../../../lib/ng-nest/ui/pagination/pagination.property.ts","../../../../lib/ng-nest/ui/pagination/pagination.component.ts","../../../../lib/ng-nest/ui/pagination/pagination.component.html","../../../../lib/ng-nest/ui/pagination/pagination.module.ts","../../../../lib/ng-nest/ui/pagination/ng-nest-ui-pagination.ts"],"sourcesContent":["import { XProperty, XInputNumber, XNumber, XQuery, XWithConfig, XBoolean, XInputBoolean, XData, XTemplate } from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component } from '@angular/core';\r\nimport { XSelectNode } from '@ng-nest/ui/select';\r\n\r\n/**\r\n * Pagination\r\n * @selector x-pagination\r\n * @decorator component\r\n */\r\nexport const XPaginationPrefix = 'x-pagination';\r\nconst X_CONFIG_NAME = 'pagination';\r\n\r\n/**\r\n * Pagination Property\r\n */\r\n@Component({ template: '' })\r\nexport class XPaginationProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 当前页码\r\n   * @en_US Current page number\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 1) @XInputNumber() index!: XNumber;\r\n  /**\r\n   * @zh_CN 每页显示条数\r\n   * @en_US Number of items displayed per page\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 10) @XInputNumber() size!: XNumber;\r\n  /**\r\n   * @zh_CN 总数\r\n   * @en_US Total\r\n   */\r\n  @Input() @XInputNumber() total: XNumber = 0;\r\n  /**\r\n   * @zh_CN 查询条件\r\n   * @en_US Query conditions\r\n   */\r\n  @Input() query: XQuery = {};\r\n  /**\r\n   * @zh_CN 最多显示的分页数量\r\n   * @en_US The largest number of pages display\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 5) @XInputNumber() pageLinkSize!: XNumber;\r\n  /**\r\n   * @zh_CN 显示首尾页跳转\r\n   * @en_US Display the first and last page\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) @XInputBoolean() showEllipsis!: XBoolean;\r\n  /**\r\n   * @zh_CN 显示总条数\r\n   * @en_US Display the total\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) @XInputBoolean() showTotal!: XBoolean;\r\n  /**\r\n   * @zh_CN 按钮间距，单位 rem （按 1rem = 16px 比例来计算）\r\n   * @en_US Button spacing, unit rem (calculated according to the ratio of 1rem = 16px)\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 0) @XInputNumber() space!: XNumber;\r\n  /**\r\n   * @zh_CN 隐藏边框\r\n   * @en_US Hide border\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() hiddenBorder!: XBoolean;\r\n  /**\r\n   * @zh_CN 显示分页条数\r\n   * @en_US Show size\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() showSize!: XBoolean;\r\n  /**\r\n   * @zh_CN 分页条数的宽度\r\n   * @en_US size with\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 100) @XInputNumber() sizeWidth!: XNumber;\r\n  /**\r\n   * @zh_CN 分页条数的宽度\r\n   * @en_US size with\r\n   */\r\n  @Input() @XWithConfig<XData<XSelectNode>>(X_CONFIG_NAME, [10, 20, 50, 100]) sizeData!: XData<XSelectNode>;\r\n  /**\r\n   * @zh_CN 禁用整个分页\r\n   * @en_US disabled\r\n   */\r\n  @Input() @XInputBoolean() disabled!: XBoolean;\r\n  /**\r\n   * @zh_CN 显示跳转输入框\r\n   * @en_US Show size\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() showJump!: XBoolean;\r\n  /**\r\n   * @zh_CN 跳转页的宽度\r\n   * @en_US size with\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 50) @XInputNumber() jumpWidth!: XNumber;\r\n  /**\r\n   * @zh_CN 总数自定义模板\r\n   * @en_US Total template\r\n   */\r\n  @Input() totalTpl?: XTemplate;\r\n  /**\r\n   * @zh_CN 简单分页\r\n   * @en_US Simple\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() simple!: XBoolean;\r\n  /**\r\n   * @zh_CN 简单分页输入框宽度\r\n   * @en_US Simple index with\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 130) @XInputNumber() simpleIndexWidth!: XNumber;\r\n  /**\r\n   * @zh_CN 页码变化的事件\r\n   * @en_US Page number change event\r\n   */\r\n  @Output() queryChange = new EventEmitter<XQuery>();\r\n  /**\r\n   * @zh_CN 页码变化的事件\r\n   * @en_US Page number change event\r\n   */\r\n  @Output() indexChange = new EventEmitter<number>();\r\n  /**\r\n   * @zh_CN 每页显示条数变化的事件\r\n   * @en_US Show the number of events on each page\r\n   */\r\n  @Output() sizeChange = new EventEmitter<number>();\r\n}\r\n\r\n/**\r\n * PaginationOption\r\n */\r\nexport interface XPaginationOption {\r\n  /**\r\n   * @zh_CN 当前页码\r\n   * @en_US Current page number\r\n   */\r\n  index?: XNumber;\r\n  /**\r\n   * @zh_CN 每页显示条数\r\n   * @en_US Number of items displayed per page\r\n   */\r\n  size?: XNumber;\r\n  /**\r\n   * @zh_CN 总数\r\n   * @en_US total\r\n   */\r\n  total?: XNumber;\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ElementRef,\r\n  Renderer2,\r\n  ChangeDetectorRef\r\n} from '@angular/core';\r\nimport { XPaginationPrefix, XPaginationProperty } from './pagination.property';\r\nimport { XIsChange, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { ENTER } from '@angular/cdk/keycodes';\r\n\r\n@Component({\r\n  selector: `${XPaginationPrefix}`,\r\n  templateUrl: './pagination.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XPaginationComponent extends XPaginationProperty implements OnChanges {\r\n  lastIndex!: number;\r\n  indexes: number[] = [];\r\n  indexFirst: number = 1;\r\n  indexLast: number = 1;\r\n  jumpPage: number | null = null;\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  get leftDisabled() {\r\n    return Number(this.index) === 1 || Number(this.total) === 0;\r\n  }\r\n\r\n  get rightDisabled() {\r\n    return Number(this.index) === this.lastIndex || Number(this.total) === 0;\r\n  }\r\n\r\n  get firstActivated() {\r\n    return Number(this.index) === 1;\r\n  }\r\n\r\n  get lastActivated() {\r\n    return Number(this.index) === this.lastIndex;\r\n  }\r\n\r\n  constructor(\r\n    public configService: XConfigService,\r\n    public elementRef: ElementRef,\r\n    public renderer: Renderer2,\r\n    public cdr: ChangeDetectorRef,\r\n    public i18n: XI18nService\r\n  ) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XPaginationPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => this.cdr.markForCheck());\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { total, size, index } = changes;\r\n    XIsChange(total, size, index) && this.setIndexes();\r\n  }\r\n\r\n  ngOnDestory() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  sizeChanged() {\r\n    this.setIndexes();\r\n    this.sizeChange.emit(this.size as number);\r\n  }\r\n\r\n  setIndexes() {\r\n    this.lastIndex = Math.ceil(Number(this.total) / Number(this.size)) || 1;\r\n    const indexes: number[] = [];\r\n    const current = Number(this.index) - 1;\r\n    const maxSize = Number(this.pageLinkSize);\r\n    const pages = Math.min(maxSize, this.lastIndex);\r\n    let start = Math.max(0, Math.ceil(current - pages / 2)),\r\n      end = Math.min(this.lastIndex - 1, start + pages - 1);\r\n    var delta = maxSize - (end - start + 1);\r\n    start = Math.max(0, start - delta);\r\n\r\n    for (let i = start; i <= end; i++) {\r\n      indexes.push(i + 1);\r\n    }\r\n    this.indexes = indexes;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  jump(index: number, isDiff = false) {\r\n    const ix = this.validateIndex(isDiff ? Number(this.index) + index : index);\r\n    if (ix !== this.index) {\r\n      this.index = ix;\r\n      this.setIndexes();\r\n      this.indexChange.emit(this.index);\r\n    }\r\n  }\r\n\r\n  onKeydown(event: KeyboardEvent) {\r\n    if (this.jumpPage !== null && event.keyCode === ENTER) {\r\n      if (this.jumpPage <= this.indexFirst) {\r\n        this.jump(this.indexFirst);\r\n      } else if (this.jumpPage >= this.lastIndex) {\r\n        this.jump(this.lastIndex);\r\n      } else {\r\n        this.jump(this.jumpPage);\r\n      }\r\n      this.jumpPage = null;\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  onSimpleKeydown(event: KeyboardEvent) {\r\n    if (this.index !== null && event.keyCode === ENTER) {\r\n      if (this.index <= this.indexFirst) {\r\n        this.index = this.indexFirst;\r\n      } else if (this.index >= this.lastIndex) {\r\n        this.index = this.lastIndex;\r\n      }\r\n      this.jump(this.index as number);\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  validateIndex(value: number): number {\r\n    if (value > this.lastIndex) {\r\n      return this.lastIndex;\r\n    } else if (value < 1) {\r\n      return 1;\r\n    } else {\r\n      return value;\r\n    }\r\n  }\r\n\r\n  getActivated(index: number) {\r\n    return Number(this.index) === index;\r\n  }\r\n\r\n  trackByItem(_index: number, item: number) {\r\n    return item;\r\n  }\r\n}\r\n","<x-buttons *ngIf=\"!simple; else simpleTpl\" [space]=\"space\" [hiddenBorder]=\"hiddenBorder\">\r\n  <x-button\r\n    *ngIf=\"showEllipsis\"\r\n    [icon]=\"'fto-chevrons-left'\"\r\n    [title]=\"'pagination.first' | xI18n\"\r\n    [disabled]=\"disabled || firstActivated\"\r\n    (click)=\"jump(1)\"\r\n  ></x-button>\r\n  <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n  <x-button\r\n    *ngFor=\"let item of indexes; trackBy: trackByItem\"\r\n    [disabled]=\"disabled\"\r\n    [activated]=\"getActivated(item)\"\r\n    (click)=\"jump(item)\"\r\n    >{{ item }}</x-button\r\n  >\r\n  <ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n  <x-button\r\n    *ngIf=\"showEllipsis && !simple\"\r\n    [icon]=\"'fto-chevrons-right'\"\r\n    [title]=\"'pagination.last' | xI18n\"\r\n    [disabled]=\"disabled || lastActivated\"\r\n    (click)=\"jump(lastIndex)\"\r\n  ></x-button>\r\n</x-buttons>\r\n<ng-template #simpleTpl>\r\n  <div class=\"x-pagination-simple\">\r\n    <x-input\r\n      [bordered]=\"!hiddenBorder\"\r\n      [before]=\"previousTpl\"\r\n      [after]=\"nextTpl\"\r\n      [style.width.px]=\"simpleIndexWidth\"\r\n      [(ngModel)]=\"index\"\r\n      (xKeydown)=\"onSimpleKeydown($event)\"\r\n    ></x-input>\r\n    <span>/</span>\r\n    <span>{{ lastIndex }}</span>\r\n  </div>\r\n</ng-template>\r\n<x-select\r\n  *ngIf=\"showSize\"\r\n  [style.width.px]=\"sizeWidth\"\r\n  class=\"x-pagination-size\"\r\n  [data]=\"sizeData\"\r\n  clearable=\"false\"\r\n  [disabled]=\"disabled\"\r\n  [bordered]=\"!hiddenBorder\"\r\n  [nodeTpl]=\"nodeTpl\"\r\n  [(ngModel)]=\"size\"\r\n  (ngModelChange)=\"sizeChanged()\"\r\n></x-select>\r\n<div *ngIf=\"showJump && !simple\" class=\"x-pagination-jump\">\r\n  <span>{{ 'pagination.jump' | xI18n }}</span>\r\n  <x-input [bordered]=\"!hiddenBorder\" [style.width.px]=\"jumpWidth\" [(ngModel)]=\"jumpPage\" (xKeydown)=\"onKeydown($event)\"></x-input>\r\n</div>\r\n<x-button *ngIf=\"showTotal\" [disabled]=\"disabled\" class=\"x-pagination-total\" [type]=\"hiddenBorder === true ? 'text' : 'initial'\"\r\n  ><ng-container *xOutlet=\"totalTpl; context: { $total: total }\"\r\n    >{{ 'pagination.total' | xI18n }} {{ total }} {{ 'pagination.item' | xI18n }}</ng-container\r\n  ></x-button\r\n>\r\n\r\n<ng-template #previousTpl>\r\n  <x-button\r\n    [icon]=\"'fto-chevron-left'\"\r\n    [title]=\"'pagination.previous' | xI18n\"\r\n    [disabled]=\"disabled || leftDisabled\"\r\n    (click)=\"jump(-1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nextTpl>\r\n  <x-button\r\n    [icon]=\"'fto-chevron-right'\"\r\n    [title]=\"'pagination.next' | xI18n\"\r\n    [disabled]=\"disabled || rightDisabled\"\r\n    (click)=\"jump(1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <ng-container *ngIf=\"node\"> {{ node?.label }} {{ 'pagination.sizePage' | xI18n }} </ng-container>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XPaginationComponent } from './pagination.component';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XPaginationProperty } from './pagination.property';\r\nimport { XI18nModule } from '@ng-nest/ui/i18n';\r\nimport { XSelectModule } from '@ng-nest/ui/select';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\n\r\n@NgModule({\r\n  declarations: [XPaginationComponent, XPaginationProperty],\r\n  exports: [XPaginationComponent],\r\n  imports: [CommonModule, FormsModule, XButtonModule, XI18nModule, XSelectModule, XInputModule, XOutletModule]\r\n})\r\nexport class XPaginationModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-pattern.js

@@ -16,9 +16,9 @@ class XPatternComponent {
         this.renderer.addClass(this.elementRef.nativeElement, PatternPrefix);
     }
 }
-/** @nocollapse */ XPatternComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPatternComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XPatternComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XPatternComponent, selector: "x-pattern", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-pattern{margin:0;padding:0;display:block}.x-pattern>table>tr>td:first-child{color:navy;width:25%}.x-pattern>table>tr>td:nth-child(3){color:#d14}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPatternComponent, decorators: [{
+/** @nocollapse */ XPatternComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPatternComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XPatternComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XPatternComponent, selector: "x-pattern", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-pattern{margin:0;padding:0;display:block}.x-pattern>table>tr>td:nth-child(1){color:navy;width:25%}.x-pattern>table>tr>td:nth-child(3){color:#d14}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPatternComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'x-pattern',
@@ -31,10 +31,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XPatternModule {
 }
-/** @nocollapse */ XPatternModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPatternModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XPatternModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPatternModule, declarations: [XPatternComponent], imports: [CommonModule], exports: [XPatternComponent] });
-/** @nocollapse */ XPatternModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPatternModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPatternModule, decorators: [{
+/** @nocollapse */ XPatternModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPatternModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XPatternModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPatternModule, declarations: [XPatternComponent], imports: [CommonModule], exports: [XPatternComponent] });
+/** @nocollapse */ XPatternModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPatternModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPatternModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XPatternComponent],

package/fesm2015/ng-nest-ui-popconfirm.js

@@ -42,8 +42,8 @@ class XPopconfirmProperty extends XProperty {
         this.confirm = new EventEmitter();
     }
 }
-/** @nocollapse */ XPopconfirmProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPopconfirmProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XPopconfirmProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XPopconfirmProperty, selector: "ng-component", inputs: { title: "title", content: "content", placement: "placement", trigger: "trigger", width: "width", icon: "icon", iconColor: "iconColor", cancelText: "cancelText", confirmText: "confirmText" }, outputs: { cancel: "cancel", confirm: "confirm" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XPopconfirmProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPopconfirmProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XPopconfirmProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XPopconfirmProperty, selector: "ng-component", inputs: { title: "title", content: "content", placement: "placement", trigger: "trigger", width: "width", icon: "icon", iconColor: "iconColor", cancelText: "cancelText", confirmText: "confirmText" }, outputs: { cancel: "cancel", confirm: "confirm" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'bottom')
 ], XPopconfirmProperty.prototype, "placement", void 0);
@@ -65,7 +65,7 @@ __decorate([
 __decorate([
     XWithConfig(X_CONFIG_NAME)
 ], XPopconfirmProperty.prototype, "confirmText", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPopconfirmProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPopconfirmProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { title: [{
@@ -126,9 +126,9 @@ class XPopconfirmComponent extends XPopconfirmProperty {
         this.confirm.emit();
     }
 }
-/** @nocollapse */ XPopconfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPopconfirmComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XPopconfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XPopconfirmComponent, selector: "x-popconfirm", usesInheritance: true, ngImport: i0, template: "<div\r\n  #popconfirm\r\n  class=\"x-popconfirm\"\r\n  x-popover\r\n  [title]=\"titleTpl\"\r\n  [content]=\"content\"\r\n  [footer]=\"footerTpl\"\r\n  [placement]=\"placement\"\r\n  [trigger]=\"trigger\"\r\n  [width]=\"width\"\r\n  [(visible)]=\"visible\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #titleTpl>\r\n  <div class=\"x-popconfirm-title\">\r\n    <ng-container *xOutlet=\"title\">\r\n      <x-icon *ngIf=\"icon\" [style.color]=\"iconColor\" [type]=\"icon\"></x-icon>\r\n      <span>{{ title }}</span>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #footerTpl>\r\n  <div class=\"x-popconfirm-buttons\">\r\n    <x-button (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n    <x-button type=\"primary\" (click)=\"onConfirm()\">{{ getConfirmText }}</x-button>\r\n  </div>\r\n</ng-template>\r\n", styles: [".x-popconfirm{margin:0;padding:0;display:inline-block}.x-popconfirm-buttons{display:flex;justify-content:flex-end}.x-popconfirm-buttons>x-button:not(:first-child){margin-left:.5rem}.x-popconfirm-title{display:flex;align-items:center}.x-popconfirm-title>.x-icon{margin-right:.325rem;font-size:1rem}"], components: [{ type: i3.XIconComponent, selector: "x-icon" }, { type: i4.XButtonComponent, selector: "x-button" }], directives: [{ type: i5.XPopoverDirective, selector: "[x-popover], x-popover" }, { type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPopconfirmComponent, decorators: [{
+/** @nocollapse */ XPopconfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPopconfirmComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XPopconfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XPopconfirmComponent, selector: "x-popconfirm", usesInheritance: true, ngImport: i0, template: "<div\r\n  #popconfirm\r\n  class=\"x-popconfirm\"\r\n  x-popover\r\n  [title]=\"titleTpl\"\r\n  [content]=\"content\"\r\n  [footer]=\"footerTpl\"\r\n  [placement]=\"placement\"\r\n  [trigger]=\"trigger\"\r\n  [width]=\"width\"\r\n  [(visible)]=\"visible\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #titleTpl>\r\n  <div class=\"x-popconfirm-title\">\r\n    <ng-container *xOutlet=\"title\">\r\n      <x-icon *ngIf=\"icon\" [style.color]=\"iconColor\" [type]=\"icon\"></x-icon>\r\n      <span>{{ title }}</span>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #footerTpl>\r\n  <div class=\"x-popconfirm-buttons\">\r\n    <x-button (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n    <x-button type=\"primary\" (click)=\"onConfirm()\">{{ getConfirmText }}</x-button>\r\n  </div>\r\n</ng-template>\r\n", styles: [".x-popconfirm{margin:0;padding:0;display:inline-block}.x-popconfirm-buttons{display:flex;justify-content:flex-end}.x-popconfirm-buttons>x-button:not(:first-child){margin-left:.5rem}.x-popconfirm-title{display:flex;align-items:center}.x-popconfirm-title>.x-icon{margin-right:.325rem;font-size:1rem}\n"], components: [{ type: i3.XIconComponent, selector: "x-icon" }, { type: i4.XButtonComponent, selector: "x-button" }], directives: [{ type: i5.XPopoverDirective, selector: "[x-popover], x-popover" }, { type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPopconfirmComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XPopconfirmPrefix}`,
@@ -141,10 +141,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XPopconfirmModule {
 }
-/** @nocollapse */ XPopconfirmModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPopconfirmModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XPopconfirmModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPopconfirmModule, declarations: [XPopconfirmComponent, XPopconfirmProperty], imports: [CommonModule, XPopoverModule, XButtonModule, XIconModule, XOutletModule], exports: [XPopconfirmComponent] });
-/** @nocollapse */ XPopconfirmModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPopconfirmModule, imports: [[CommonModule, XPopoverModule, XButtonModule, XIconModule, XOutletModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XPopconfirmModule, decorators: [{
+/** @nocollapse */ XPopconfirmModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPopconfirmModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XPopconfirmModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPopconfirmModule, declarations: [XPopconfirmComponent, XPopconfirmProperty], imports: [CommonModule, XPopoverModule, XButtonModule, XIconModule, XOutletModule], exports: [XPopconfirmComponent] });
+/** @nocollapse */ XPopconfirmModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPopconfirmModule, imports: [[CommonModule, XPopoverModule, XButtonModule, XIconModule, XOutletModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XPopconfirmModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XPopconfirmComponent, XPopconfirmProperty],