@ng-nest/ui 17.0.11 → 18.0.0

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, ChangeDetectorRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Injectable, NgModule } from '@angular/core';
-import { XIsEmpty, XMoveAnimation, XIsString, XIsXTemplate, fillDefault } from '@ng-nest/ui/core';
+import { XIsEmpty, XMoveAnimation, XIsString, XIsXTemplate, XFillDefault } from '@ng-nest/ui/core';
 import { of } from 'rxjs';
 import { delay } from 'rxjs/operators';
 import { XAlertComponent } from '@ng-nest/ui/alert';
@@ -21,7 +21,7 @@ class XNotificationComponent {
     }
     onClose(item) {
         this.notification.list?.splice(this.notification.list.indexOf(item), 1);
-        item.duration$ && item.duration$.unsubscribe();
+        item.durationSubscription && item.durationSubscription.unsubscribe();
         this.cdr.detectChanges();
     }
     moveDone($event) {
@@ -30,23 +30,23 @@ class XNotificationComponent {
         }
     }
     onEnter(item) {
-        item.duration$ && item.duration$.unsubscribe();
+        item.durationSubscription && item.durationSubscription.unsubscribe();
     }
     onLeave(item) {
         if (item.duration) {
-            item.duration$ = of(true)
+            item.durationSubscription = of(true)
                 .pipe(delay(item.duration))
                 .subscribe(() => {
                 this.onClose(item);
             });
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: XNotificationComponent, isStandalone: true, selector: "x-notification", ngImport: i0, template: "<div class=\"x-notification\">\r\n  @for (item of notification.list; track item) {\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  }\r\n</div>\r\n", styles: [".x-notification{margin:0;padding:0}.x-notification>x-alert{padding:.25rem}.x-notification>x-alert>.x-alert{box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-notification>x-alert .x-alert-icon.x-icon{margin-top:.125rem;font-size:1.25rem;align-self:flex-start}.x-notification-portal x-notification{width:100%}\n"], dependencies: [{ kind: "component", type: XAlertComponent, selector: "x-alert" }], animations: [XMoveAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XNotificationComponent, isStandalone: true, selector: "x-notification", ngImport: i0, template: "<div class=\"x-notification\">\r\n  @for (item of notification.list; track item) {\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  }\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" }], animations: [XMoveAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XNotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XNotificationPrefix}`, standalone: true, imports: [XAlertComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveAnimation], template: "<div class=\"x-notification\">\r\n  @for (item of notification.list; track item) {\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  }\r\n</div>\r\n", styles: [".x-notification{margin:0;padding:0}.x-notification>x-alert{padding:.25rem}.x-notification>x-alert>.x-alert{box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-notification>x-alert .x-alert-icon.x-icon{margin-top:.125rem;font-size:1.25rem;align-self:flex-start}.x-notification-portal x-notification{width:100%}\n"] }]
+            args: [{ selector: `${XNotificationPrefix}`, standalone: true, imports: [XAlertComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveAnimation], template: "<div class=\"x-notification\">\r\n  @for (item of notification.list; track item) {\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  }\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"] }]
         }] });
 
 class XNotificationService {
@@ -96,7 +96,7 @@ class XNotificationService {
             opt = option;
             opt.type = type;
         }
-        fillDefault(opt, this.default);
+        XFillDefault(opt, this.default);
         return this.createNotificationPlacement(opt);
     }
     createNotificationPlacement(option) {
@@ -127,11 +127,11 @@ class XNotificationService {
     }
     setDuration(option) {
         if (option.duration) {
-            option.duration$ = of(true)
+            option.durationSubscription = of(true)
                 .pipe(delay(option.duration))
                 .subscribe(() => {
                 this.removeNotification(option);
-                option.duration$ && option.duration$.unsubscribe();
+                option.durationSubscription && option.durationSubscription.unsubscribe();
             });
         }
     }
@@ -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: "17.3.0", ngImport: i0, type: XNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XNotificationService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XNotificationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XNotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XNotificationService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
 class XNotificationModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: XNotificationModule }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XNotificationModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XNotificationModule }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XNotificationModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XNotificationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XNotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [],

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-notification.mjs","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, ChangeDetectorRef, ChangeDetectionStrategy, inject } 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\nimport { XAlertComponent } from '@ng-nest/ui/alert';\r\n\r\n@Component({\r\n  selector: `${XNotificationPrefix}`,\r\n  standalone: true,\r\n  imports: [XAlertComponent],\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  cdr = inject(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","<div class=\"x-notification\">\r\n  @for (item of notification.list; track item) {\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  }\r\n</div>\r\n","import { Injectable, inject } 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({ providedIn: 'root' })\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  private portal = inject(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        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 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 = [\r\n        ...(this.notifications[option.placement].list as XNotificationOption[]),\r\n        option\r\n      ];\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\n\r\n@NgModule({\r\n  exports: [],\r\n  imports: []\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.mjs","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  durationSubscription?: 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, ChangeDetectorRef, ChangeDetectionStrategy, inject } 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\nimport { XAlertComponent } from '@ng-nest/ui/alert';\r\n\r\n@Component({\r\n  selector: `${XNotificationPrefix}`,\r\n  standalone: true,\r\n  imports: [XAlertComponent],\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  cdr = inject(ChangeDetectorRef);\r\n\r\n  onClose(item: XNotificationOption) {\r\n    this.notification.list?.splice(this.notification.list.indexOf(item), 1);\r\n    item.durationSubscription && item.durationSubscription.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.durationSubscription && item.durationSubscription.unsubscribe();\r\n  }\r\n\r\n  onLeave(item: XNotificationOption) {\r\n    if (item.duration) {\r\n      item.durationSubscription = 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","<div class=\"x-notification\">\r\n  @for (item of notification.list; track item) {\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  }\r\n</div>\r\n","import { Injectable, inject } from '@angular/core';\r\nimport { XTemplate, XIsXTemplate, XFillDefault, 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({ providedIn: 'root' })\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  private portal = inject(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        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 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    XFillDefault(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 = [\r\n        ...(this.notifications[option.placement].list as XNotificationOption[]),\r\n        option\r\n      ];\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.durationSubscription = of(true)\r\n        .pipe(delay(option.duration))\r\n        .subscribe(() => {\r\n          this.removeNotification(option);\r\n          option.durationSubscription && option.durationSubscription.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\n\r\n@NgModule({\r\n  exports: [],\r\n  imports: []\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/fesm2022/ng-nest-ui-outlet.mjs

@@ -1,8 +1,10 @@
 import * as i0 from '@angular/core';
-import { inject, ViewContainerRef, TemplateRef, Directive, Input, NgModule } from '@angular/core';
+import { input, inject, ViewContainerRef, TemplateRef, Directive, NgModule } from '@angular/core';
 
 class XOutletDirective {
     constructor() {
+        this.xOutletContext = input();
+        this.xOutlet = input();
         this.viewContainer = inject(ViewContainerRef);
         this.templateRef = inject((TemplateRef));
     }
@@ -48,12 +50,12 @@ class XOutletDirective {
     }
     recreateView() {
         this.viewContainer.clear();
-        const isTemplateRef = this.xOutlet instanceof TemplateRef;
-        const templateRef = isTemplateRef ? this.xOutlet : this.templateRef;
-        this.embeddedViewRef = this.viewContainer.createEmbeddedView(templateRef, this.xOutletContext);
+        const isTemplateRef = this.xOutlet() instanceof TemplateRef;
+        const templateRef = isTemplateRef ? this.xOutlet() : this.templateRef;
+        this.embeddedViewRef = this.viewContainer.createEmbeddedView(templateRef, this.xOutletContext());
     }
     updateContext() {
-        const newCtx = this.xOutletContext;
+        const newCtx = this.xOutletContext();
         const oldCtx = this.embeddedViewRef.context;
         if (newCtx) {
             for (const propName of Object.keys(newCtx)) {
@@ -61,24 +63,20 @@ class XOutletDirective {
             }
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XOutletDirective, isStandalone: true, selector: "[xOutlet]", inputs: { xOutletContext: "xOutletContext", xOutlet: "xOutlet" }, usesOnChanges: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.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: "17.3.0", ngImport: i0, type: XOutletDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XOutletDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[xOutlet]', standalone: true }]
-        }], propDecorators: { xOutletContext: [{
-                type: Input
-            }], xOutlet: [{
-                type: Input
-            }] } });
+        }] });
 
 class XOutletModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XOutletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: XOutletModule, imports: [XOutletDirective], exports: [XOutletDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XOutletModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XOutletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XOutletModule, imports: [XOutletDirective], exports: [XOutletDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XOutletModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XOutletModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XOutletModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XOutletDirective],
@@ -89,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
 /**
  * Outlet 指令名称
  * @selector x-outlet
- * @decorator Directive
+ * @decorator directive
  */
 const XOutletPrefix = 'x-outlet';
 

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-outlet.mjs","sources":["../../../../lib/ng-nest/ui/outlet/outlet.directive.ts","../../../../lib/ng-nest/ui/outlet/outlet.module.ts","../../../../lib/ng-nest/ui/outlet/outlet.property.ts","../../../../lib/ng-nest/ui/outlet/ng-nest-ui-outlet.ts"],"sourcesContent":["import {\r\n  Directive,\r\n  TemplateRef,\r\n  Input,\r\n  ViewContainerRef,\r\n  SimpleChanges,\r\n  EmbeddedViewRef,\r\n  OnChanges,\r\n  SimpleChange,\r\n  inject\r\n} from '@angular/core';\r\n\r\n@Directive({ selector: '[xOutlet]', standalone: true })\r\nexport class XOutletDirective implements OnChanges {\r\n  @Input() xOutletContext: any;\r\n  @Input() xOutlet: any | TemplateRef<any>;\r\n  private embeddedViewRef!: EmbeddedViewRef<any>;\r\n  private viewContainer = inject(ViewContainerRef);\r\n  private templateRef = inject(TemplateRef<any>);\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const shouldRecreateView = (ctxChanges: SimpleChanges): boolean => {\r\n      const { xOutletContext, xOutlet } = ctxChanges;\r\n      let shouldOutletRecreate = false;\r\n      if (xOutlet) {\r\n        if (xOutlet.firstChange) {\r\n          shouldOutletRecreate = true;\r\n        } else {\r\n          const isPreviousOutlet = xOutlet.previousValue instanceof TemplateRef;\r\n          const isCurrentOutlet = xOutlet.currentValue instanceof TemplateRef;\r\n          shouldOutletRecreate = isPreviousOutlet || isCurrentOutlet;\r\n        }\r\n      }\r\n      const hasContextShapeChanged = (ctxChange: SimpleChange): boolean => {\r\n        const prevCtxKeys = Object.keys(ctxChange.previousValue || {});\r\n        const currCtxKeys = Object.keys(ctxChange.currentValue || {});\r\n        if (prevCtxKeys.length === currCtxKeys.length) {\r\n          for (const propName of currCtxKeys) {\r\n            if (prevCtxKeys.indexOf(propName) === -1) {\r\n              return true;\r\n            }\r\n          }\r\n          return false;\r\n        } else {\r\n          return true;\r\n        }\r\n      };\r\n      const shouldContextRecreate = xOutletContext && hasContextShapeChanged(xOutletContext);\r\n      return shouldContextRecreate || shouldOutletRecreate;\r\n    };\r\n    const recreateView = shouldRecreateView(changes);\r\n    if (recreateView) {\r\n      this.recreateView();\r\n    } else {\r\n      this.updateContext();\r\n    }\r\n  }\r\n\r\n  private recreateView(): void {\r\n    this.viewContainer.clear();\r\n    const isTemplateRef = this.xOutlet instanceof TemplateRef;\r\n    const templateRef = isTemplateRef ? this.xOutlet : this.templateRef;\r\n    this.embeddedViewRef = this.viewContainer.createEmbeddedView(templateRef, this.xOutletContext);\r\n  }\r\n\r\n  private updateContext(): void {\r\n    const newCtx = this.xOutletContext;\r\n    const oldCtx = this.embeddedViewRef!.context;\r\n    if (newCtx) {\r\n      for (const propName of Object.keys(newCtx)) {\r\n        oldCtx[propName] = newCtx[propName];\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XOutletDirective } from './outlet.directive';\r\n\r\n@NgModule({\r\n  exports: [XOutletDirective],\r\n  imports: [XOutletDirective]\r\n})\r\nexport class XOutletModule {}\r\n","/**\r\n * Outlet 指令名称\r\n * @selector x-outlet\r\n * @decorator Directive\r\n */\r\nexport const XOutletPrefix = 'x-outlet';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAaa,gBAAgB,CAAA;AAD7B,IAAA,WAAA,GAAA;AAKU,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;AACzC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,EAAC,WAAgB,EAAC,CAAC;AAwDhD,KAAA;AAtDC,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,MAAM,kBAAkB,GAAG,CAAC,UAAyB,KAAa;AAChE,YAAA,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;YAC/C,IAAI,oBAAoB,GAAG,KAAK,CAAC;AACjC,YAAA,IAAI,OAAO,EAAE;gBACX,IAAI,OAAO,CAAC,WAAW,EAAE;oBACvB,oBAAoB,GAAG,IAAI,CAAC;AAC7B,iBAAA;AAAM,qBAAA;AACL,oBAAA,MAAM,gBAAgB,GAAG,OAAO,CAAC,aAAa,YAAY,WAAW,CAAC;AACtE,oBAAA,MAAM,eAAe,GAAG,OAAO,CAAC,YAAY,YAAY,WAAW,CAAC;AACpE,oBAAA,oBAAoB,GAAG,gBAAgB,IAAI,eAAe,CAAC;AAC5D,iBAAA;AACF,aAAA;AACD,YAAA,MAAM,sBAAsB,GAAG,CAAC,SAAuB,KAAa;AAClE,gBAAA,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC;AAC/D,gBAAA,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;AAC9D,gBAAA,IAAI,WAAW,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM,EAAE;AAC7C,oBAAA,KAAK,MAAM,QAAQ,IAAI,WAAW,EAAE;wBAClC,IAAI,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE;AACxC,4BAAA,OAAO,IAAI,CAAC;AACb,yBAAA;AACF,qBAAA;AACD,oBAAA,OAAO,KAAK,CAAC;AACd,iBAAA;AAAM,qBAAA;AACL,oBAAA,OAAO,IAAI,CAAC;AACb,iBAAA;AACH,aAAC,CAAC;YACF,MAAM,qBAAqB,GAAG,cAAc,IAAI,sBAAsB,CAAC,cAAc,CAAC,CAAC;YACvF,OAAO,qBAAqB,IAAI,oBAAoB,CAAC;AACvD,SAAC,CAAC;AACF,QAAA,MAAM,YAAY,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;AACjD,QAAA,IAAI,YAAY,EAAE;YAChB,IAAI,CAAC,YAAY,EAAE,CAAC;AACrB,SAAA;AAAM,aAAA;YACL,IAAI,CAAC,aAAa,EAAE,CAAC;AACtB,SAAA;KACF;IAEO,YAAY,GAAA;AAClB,QAAA,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;AAC3B,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,YAAY,WAAW,CAAC;AAC1D,QAAA,MAAM,WAAW,GAAG,aAAa,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;AACpE,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;KAChG;IAEO,aAAa,GAAA;AACnB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC;AACnC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,eAAgB,CAAC,OAAO,CAAC;AAC7C,QAAA,IAAI,MAAM,EAAE;YACV,KAAK,MAAM,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;gBAC1C,MAAM,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AACrC,aAAA;AACF,SAAA;KACF;iIA5DU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,CAAA;8BAE3C,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;;;MCRK,aAAa,CAAA;iIAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;kIAAb,aAAa,EAAA,OAAA,EAAA,CAFd,gBAAgB,CAAA,EAAA,OAAA,EAAA,CADhB,gBAAgB,CAAA,EAAA,CAAA,CAAA,EAAA;kIAGf,aAAa,EAAA,CAAA,CAAA,EAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC5B,iBAAA,CAAA;;;ACND;;;;AAIG;AACI,MAAM,aAAa,GAAG;;ACL7B;;AAEG;;;;"}
+{"version":3,"file":"ng-nest-ui-outlet.mjs","sources":["../../../../lib/ng-nest/ui/outlet/outlet.directive.ts","../../../../lib/ng-nest/ui/outlet/outlet.module.ts","../../../../lib/ng-nest/ui/outlet/outlet.property.ts","../../../../lib/ng-nest/ui/outlet/ng-nest-ui-outlet.ts"],"sourcesContent":["import {\r\n  Directive,\r\n  TemplateRef,\r\n  ViewContainerRef,\r\n  SimpleChanges,\r\n  EmbeddedViewRef,\r\n  OnChanges,\r\n  SimpleChange,\r\n  inject,\r\n  input\r\n} from '@angular/core';\r\n\r\n@Directive({ selector: '[xOutlet]', standalone: true })\r\nexport class XOutletDirective implements OnChanges {\r\n  xOutletContext = input<any>();\r\n  xOutlet = input<TemplateRef<any> | any>();\r\n  private embeddedViewRef!: EmbeddedViewRef<any>;\r\n  private viewContainer = inject(ViewContainerRef);\r\n  private templateRef = inject(TemplateRef<any>);\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const shouldRecreateView = (ctxChanges: SimpleChanges): boolean => {\r\n      const { xOutletContext, xOutlet } = ctxChanges;\r\n      let shouldOutletRecreate = false;\r\n      if (xOutlet) {\r\n        if (xOutlet.firstChange) {\r\n          shouldOutletRecreate = true;\r\n        } else {\r\n          const isPreviousOutlet = xOutlet.previousValue instanceof TemplateRef;\r\n          const isCurrentOutlet = xOutlet.currentValue instanceof TemplateRef;\r\n          shouldOutletRecreate = isPreviousOutlet || isCurrentOutlet;\r\n        }\r\n      }\r\n      const hasContextShapeChanged = (ctxChange: SimpleChange): boolean => {\r\n        const prevCtxKeys = Object.keys(ctxChange.previousValue || {});\r\n        const currCtxKeys = Object.keys(ctxChange.currentValue || {});\r\n        if (prevCtxKeys.length === currCtxKeys.length) {\r\n          for (const propName of currCtxKeys) {\r\n            if (prevCtxKeys.indexOf(propName) === -1) {\r\n              return true;\r\n            }\r\n          }\r\n          return false;\r\n        } else {\r\n          return true;\r\n        }\r\n      };\r\n      const shouldContextRecreate = xOutletContext && hasContextShapeChanged(xOutletContext);\r\n      return shouldContextRecreate || shouldOutletRecreate;\r\n    };\r\n    const recreateView = shouldRecreateView(changes);\r\n    if (recreateView) {\r\n      this.recreateView();\r\n    } else {\r\n      this.updateContext();\r\n    }\r\n  }\r\n\r\n  private recreateView(): void {\r\n    this.viewContainer.clear();\r\n    const isTemplateRef = this.xOutlet() instanceof TemplateRef;\r\n    const templateRef = isTemplateRef ? this.xOutlet() : this.templateRef;\r\n    this.embeddedViewRef = this.viewContainer.createEmbeddedView(templateRef, this.xOutletContext());\r\n  }\r\n\r\n  private updateContext(): void {\r\n    const newCtx = this.xOutletContext();\r\n    const oldCtx = this.embeddedViewRef!.context;\r\n    if (newCtx) {\r\n      for (const propName of Object.keys(newCtx)) {\r\n        oldCtx[propName] = newCtx[propName];\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XOutletDirective } from './outlet.directive';\r\n\r\n@NgModule({\r\n  exports: [XOutletDirective],\r\n  imports: [XOutletDirective]\r\n})\r\nexport class XOutletModule {}\r\n","/**\r\n * Outlet 指令名称\r\n * @selector x-outlet\r\n * @decorator directive\r\n */\r\nexport const XOutletPrefix = 'x-outlet';\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-page-header.mjs

@@ -1,11 +1,10 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, inject, ChangeDetectorRef, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import { XWithConfig, XConfigService } from '@ng-nest/ui/core';
-import { XI18nService } from '@ng-nest/ui/i18n';
-import { Subject } from 'rxjs';
-import { map, takeUntil } from 'rxjs/operators';
+import { input, output, Component, inject, computed, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { XPropertyFunction } from '@ng-nest/ui/core';
+import { XI18nService, zh_CN } from '@ng-nest/ui/i18n';
+import { map } from 'rxjs/operators';
 import { XButtonComponent } from '@ng-nest/ui/button';
+import { toSignal } from '@angular/core/rxjs-interop';
 
 /**
  * PageHeader
@@ -13,80 +12,70 @@ import { XButtonComponent } from '@ng-nest/ui/button';
  * @decorator component
  */
 const XPageHeaderPrefix = 'x-page-header';
-const X_CONFIG_NAME = 'header';
+const X_PAGE_HEADER_CONFIG_NAME = 'pageHeader';
 /**
  * PageHeader Property
  */
-class XPageHeaderProperty {
+class XPageHeaderProperty extends XPropertyFunction(X_PAGE_HEADER_CONFIG_NAME) {
     constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 返回图标
+         * @en_US Back icon
+         */
+        this.backIcon = input(this.config?.backIcon ?? 'fto-arrow-left');
+        /**
+         * @zh_CN 返回文字
+         * @en_US Return text
+         */
+        this.backText = input(this.config?.backText ?? '');
+        /**
+         * @zh_CN 标题
+         * @en_US Title
+         */
+        this.title = input('');
+        /**
+         * @zh_CN 副标题
+         * @en_US Subtitle
+         */
+        this.subTitle = input('');
         /**
          * @zh_CN 点击返回的事件
          * @en_US Click to return event
          */
-        this.backClick = new EventEmitter();
+        this.backClick = output();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XPageHeaderProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: XPageHeaderProperty, selector: "x-page-header-property", inputs: { backIcon: "backIcon", backText: "backText", title: "title", subTitle: "subTitle" }, outputs: { backClick: "backClick" }, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XPageHeaderProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XPageHeaderProperty, 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 }); }
 }
-__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: "17.3.0", ngImport: i0, type: XPageHeaderProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XPageHeaderProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XPageHeaderPrefix}-property`, template: '' }]
-        }], propDecorators: { backIcon: [{
-                type: Input
-            }], backText: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], subTitle: [{
-                type: Input
-            }], backClick: [{
-                type: Output
-            }] } });
+        }] });
 
 class XPageHeaderComponent extends XPageHeaderProperty {
     constructor() {
         super(...arguments);
-        this.locale = {};
-        this._unSubject = new Subject();
-        this.cdr = inject(ChangeDetectorRef);
         this.i18n = inject(XI18nService);
-        this.configService = inject(XConfigService);
-    }
-    get getBackText() {
-        return this.backText || this.locale.back;
-    }
-    ngOnInit() {
-        this.i18n.localeChange
-            .pipe(map((x) => x.pageHeader), takeUntil(this._unSubject))
-            .subscribe((x) => {
-            this.locale = x;
-            this.cdr.markForCheck();
+        this.locale = toSignal(this.i18n.localeChange.pipe(map((x) => x.pageHeader)), {
+            initialValue: zh_CN.pageHeader
         });
+        this.backTextSignal = computed(() => this.backText() || this.locale().back);
     }
-    ngOnDestroy() {
-        this._unSubject.next();
-        this._unSubject.unsubscribe();
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XPageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", 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()\">{{\r\n    getBackText\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;display:inline-flex;align-items:center;height:var(--x-height-large)}.x-page-header-backIcon .x-button{font-size:.875rem}.x-page-header-divided{margin:0 .875rem 0 .25rem;height:1rem;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-page-header-title{font-size:1rem}.x-page-header-subTitle{font-size:.75rem;color:var(--x-text-400);margin-left:.5rem}\n"], dependencies: [{ kind: "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: "18.0.1", ngImport: i0, type: XPageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.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;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: "17.3.0", ngImport: i0, type: XPageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XPageHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XPageHeaderPrefix}`, standalone: true, 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()\">{{\r\n    getBackText\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;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"] }]
+            args: [{ selector: `${XPageHeaderPrefix}`, standalone: true, 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;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: "17.3.0", ngImport: i0, type: XPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: XPageHeaderModule, imports: [XPageHeaderComponent], exports: [XPageHeaderComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XPageHeaderModule, imports: [XPageHeaderComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XPageHeaderModule, imports: [XPageHeaderComponent], exports: [XPageHeaderComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XPageHeaderModule, imports: [XPageHeaderComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XPageHeaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XPageHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XPageHeaderComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-page-header.mjs","sources":["../../../../lib/ng-nest/ui/page-header/page-header.property.ts","../../../../lib/ng-nest/ui/page-header/page-header.component.ts","../../../../lib/ng-nest/ui/page-header/page-header.component.html","../../../../lib/ng-nest/ui/page-header/page-header.module.ts","../../../../lib/ng-nest/ui/page-header/ng-nest-ui-page-header.ts"],"sourcesContent":["import { Input, Output, EventEmitter, Component } from '@angular/core';\r\nimport { XWithConfig } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * PageHeader\r\n * @selector x-page-header\r\n * @decorator component\r\n */\r\nexport const XPageHeaderPrefix = 'x-page-header';\r\nconst X_CONFIG_NAME = 'header';\r\n\r\n/**\r\n * PageHeader Property\r\n */\r\n@Component({ selector: `${XPageHeaderPrefix}-property`, template: '' })\r\nexport class XPageHeaderProperty {\r\n  /**\r\n   * @zh_CN 返回图标\r\n   * @en_US Back icon\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, 'fto-arrow-left') backIcon?: string;\r\n  /**\r\n   * @zh_CN 返回文字\r\n   * @en_US Return text\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) backText?: string;\r\n  /**\r\n   * @zh_CN 标题\r\n   * @en_US Title\r\n   */\r\n  @Input() title?: string;\r\n  /**\r\n   * @zh_CN 副标题\r\n   * @en_US Subtitle\r\n   */\r\n  @Input() subTitle?: string;\r\n  /**\r\n   * @zh_CN 点击返回的事件\r\n   * @en_US Click to return event\r\n   */\r\n  @Output() backClick = new EventEmitter();\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef, inject } from '@angular/core';\r\nimport { XPageHeaderPrefix, XPageHeaderProperty } from './page-header.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\nimport { XI18nService, XI18nPageHeader } from '@ng-nest/ui/i18n';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil, map } from 'rxjs/operators';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\n\r\n@Component({\r\n  selector: `${XPageHeaderPrefix}`,\r\n  standalone: true,\r\n  imports: [XButtonComponent],\r\n  templateUrl: './page-header.component.html',\r\n  styleUrls: ['./page-header.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XPageHeaderComponent extends XPageHeaderProperty {\r\n  locale: XI18nPageHeader = {};\r\n  private _unSubject = new Subject<void>();\r\n\r\n  get getBackText() {\r\n    return this.backText || this.locale.back;\r\n  }\r\n\r\n  private cdr = inject(ChangeDetectorRef);\r\n  private i18n = inject(XI18nService);\r\n  configService = inject(XConfigService);\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange\r\n      .pipe(\r\n        map((x) => x.pageHeader as XI18nPageHeader),\r\n        takeUntil(this._unSubject)\r\n      )\r\n      .subscribe((x) => {\r\n        this.locale = x;\r\n        this.cdr.markForCheck();\r\n      });\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n}\r\n","<div class=\"x-page-header\">\r\n  <x-button class=\"x-page-header-backIcon\" [icon]=\"backIcon\" type=\"text\" (click)=\"backClick.emit()\">{{\r\n    getBackText\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","import { NgModule } from '@angular/core';\r\nimport { XPageHeaderComponent } from './page-header.component';\r\n\r\n@NgModule({\r\n  exports: [XPageHeaderComponent],\r\n  imports: [XPageHeaderComponent]\r\n})\r\nexport class XPageHeaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AAGA;;;;AAIG;AACI,MAAM,iBAAiB,GAAG,gBAAgB;AACjD,MAAM,aAAa,GAAG,QAAQ,CAAC;AAE/B;;AAEG;MAEU,mBAAmB,CAAA;AADhC,IAAA,WAAA,GAAA;AAsBE;;;AAGG;AACO,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,YAAY,EAAE,CAAC;AAC1C,KAAA;iIA1BY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,iMADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;AAMH,UAAA,CAAA;AAArD,IAAA,WAAW,CAAS,aAAa,EAAE,gBAAgB,CAAC;AAAmB,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKpC,UAAA,CAAA;IAAnC,WAAW,CAAS,aAAa,CAAC;AAAmB,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;2FAVpD,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAG,EAAA,iBAAiB,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;8BAML,QAAQ,EAAA,CAAA;sBAAtE,KAAK;gBAKuC,QAAQ,EAAA,CAAA;sBAApD,KAAK;gBAKG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAKG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAKI,SAAS,EAAA,CAAA;sBAAlB,MAAM;;;ACvBH,MAAO,oBAAqB,SAAQ,mBAAmB,CAAA;AAT7D,IAAA,WAAA,GAAA;;QAUE,IAAM,CAAA,MAAA,GAAoB,EAAE,CAAC;AACrB,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,OAAO,EAAQ,CAAC;AAMjC,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAChC,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AACpC,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AAkBxC,KAAA;AAxBC,IAAA,IAAI,WAAW,GAAA;QACb,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;KAC1C;IAMD,QAAQ,GAAA;QACN,IAAI,CAAC,IAAI,CAAC,YAAY;AACnB,aAAA,IAAI,CACH,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAA6B,CAAC,EAC3C,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAC3B;AACA,aAAA,SAAS,CAAC,CAAC,CAAC,KAAI;AACf,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;AAChB,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;AAC1B,SAAC,CAAC,CAAC;KACN;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;KAC/B;iIA3BU,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBjC,ibAYA,EAAA,MAAA,EAAA,CAAA,2ZAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDDY,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAMf,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAThC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAG,iBAAiB,CAAA,CAAE,EACpB,UAAA,EAAA,IAAI,WACP,CAAC,gBAAgB,CAAC,EAAA,aAAA,EAGZ,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ibAAA,EAAA,MAAA,EAAA,CAAA,2ZAAA,CAAA,EAAA,CAAA;;;MERpC,iBAAiB,CAAA;iIAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;kIAAjB,iBAAiB,EAAA,OAAA,EAAA,CAFlB,oBAAoB,CAAA,EAAA,OAAA,EAAA,CADpB,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAFlB,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAEnB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,OAAO,EAAE,CAAC,oBAAoB,CAAC;AAChC,iBAAA,CAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"ng-nest-ui-page-header.mjs","sources":["../../../../lib/ng-nest/ui/page-header/page-header.property.ts","../../../../lib/ng-nest/ui/page-header/page-header.component.ts","../../../../lib/ng-nest/ui/page-header/page-header.component.html","../../../../lib/ng-nest/ui/page-header/page-header.module.ts","../../../../lib/ng-nest/ui/page-header/ng-nest-ui-page-header.ts"],"sourcesContent":["import { Component, input, output } from '@angular/core';\r\nimport { XPropertyFunction } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * PageHeader\r\n * @selector x-page-header\r\n * @decorator component\r\n */\r\nexport const XPageHeaderPrefix = 'x-page-header';\r\nconst X_PAGE_HEADER_CONFIG_NAME = 'pageHeader';\r\n\r\n/**\r\n * PageHeader Property\r\n */\r\n@Component({ selector: `${XPageHeaderPrefix}-property`, template: '' })\r\nexport class XPageHeaderProperty extends XPropertyFunction(X_PAGE_HEADER_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 返回图标\r\n   * @en_US Back icon\r\n   */\r\n  readonly backIcon = input<string>(this.config?.backIcon ?? 'fto-arrow-left');\r\n  /**\r\n   * @zh_CN 返回文字\r\n   * @en_US Return text\r\n   */\r\n  readonly backText = input<string>(this.config?.backText ?? '');\r\n  /**\r\n   * @zh_CN 标题\r\n   * @en_US Title\r\n   */\r\n  readonly title = input<string>('');\r\n  /**\r\n   * @zh_CN 副标题\r\n   * @en_US Subtitle\r\n   */\r\n  readonly subTitle = input<string>('');\r\n  /**\r\n   * @zh_CN 点击返回的事件\r\n   * @en_US Click to return event\r\n   */\r\n  readonly backClick = output<Event>();\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, inject, computed } from '@angular/core';\r\nimport { XPageHeaderPrefix, XPageHeaderProperty } from './page-header.property';\r\nimport { XI18nService, XI18nPageHeader, zh_CN } from '@ng-nest/ui/i18n';\r\nimport { map } from 'rxjs/operators';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\n\r\n@Component({\r\n  selector: `${XPageHeaderPrefix}`,\r\n  standalone: true,\r\n  imports: [XButtonComponent],\r\n  templateUrl: './page-header.component.html',\r\n  styleUrls: ['./page-header.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XPageHeaderComponent extends XPageHeaderProperty {\r\n  private i18n = inject(XI18nService);\r\n  locale = toSignal(this.i18n.localeChange.pipe(map((x) => x.pageHeader as XI18nPageHeader)), {\r\n    initialValue: zh_CN.pageHeader\r\n  });\r\n\r\n  backTextSignal = computed(() => this.backText() || this.locale().back);\r\n}\r\n","<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","import { NgModule } from '@angular/core';\r\nimport { XPageHeaderComponent } from './page-header.component';\r\n\r\n@NgModule({\r\n  exports: [XPageHeaderComponent],\r\n  imports: [XPageHeaderComponent]\r\n})\r\nexport class XPageHeaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}