npm - @ng-nest/ui - Versions diffs - 20.2.0 → 20.2.1 - Mend

@ng-nest/ui 20.2.0 → 20.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/checkbox/index.d.ts +1 -1
package/core/index.d.ts +2 -25
package/dialog/index.d.ts +19 -1
package/fesm2022/ng-nest-ui-core.mjs +1 -201
package/fesm2022/ng-nest-ui-core.mjs.map +1 -1
package/fesm2022/ng-nest-ui-dialog.mjs +58 -10
package/fesm2022/ng-nest-ui-dialog.mjs.map +1 -1
package/fesm2022/ng-nest-ui-message-box.mjs +24 -11
package/fesm2022/ng-nest-ui-message-box.mjs.map +1 -1
package/fesm2022/ng-nest-ui-message.mjs +4 -4
package/fesm2022/ng-nest-ui-message.mjs.map +1 -1
package/fesm2022/ng-nest-ui-notification.mjs +4 -4
package/fesm2022/ng-nest-ui-notification.mjs.map +1 -1
package/fesm2022/ng-nest-ui-table.mjs +4 -4
package/fesm2022/ng-nest-ui-table.mjs.map +1 -1
package/fesm2022/ng-nest-ui-tag.mjs +10 -4
package/fesm2022/ng-nest-ui-tag.mjs.map +1 -1
package/message/index.d.ts +1 -3
package/message-box/index.d.ts +4 -3
package/notification/index.d.ts +1 -3
package/package.json +31 -31
package/radio/index.d.ts +1 -1
package/tag/index.d.ts +4 -0

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

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

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, ChangeDetectorRef, ChangeDetectionStrategy, ViewEncapsulation, Component, Injectable, NgModule } from '@angular/core';
-import { XIsEmpty, XMoveAnimation, XConfigService, XIsXTemplate, XFillDefault, XIsUndefined, XIsString } from '@ng-nest/ui/core';
+import { XIsEmpty, XConfigService, XIsXTemplate, XFillDefault, XIsUndefined, XIsString } from '@ng-nest/ui/core';
 import { of } from 'rxjs';
 import { delay } from 'rxjs/operators';
 import { XAlertComponent } from '@ng-nest/ui/alert';
@@ -26,7 +26,7 @@ class XMessageComponent {
         this.cdr.detectChanges();
     }
     moveDone($event) {
-        if ($event.toState === 'void' && XIsEmpty(this.message.list)) {
+        if ($event.animationName.endsWith('-leave') && XIsEmpty(this.message.list)) {
             this.message.ref?.overlayRef?.detach();
         }
     }
@@ -41,11 +41,11 @@ class XMessageComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: XMessageComponent, isStandalone: true, selector: "x-message", ngImport: i0, template: "<div class=\"x-message\">\r\n  @for (item of message.list; track item.id) {\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-message{margin:0;padding:0}.x-message>x-alert{padding:.25rem 0}.x-message>x-alert>.x-alert{box-shadow:var(--x-box-shadow)}.x-message-portal x-message{width:100%}\n"], dependencies: [{ kind: "component", type: XAlertComponent, selector: "x-alert" }], animations: [XMoveAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: XMessageComponent, isStandalone: true, selector: "x-message", ngImport: i0, template: "<div class=\"x-message\">\r\n  <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n  <x-alert [style.display]=\"'none'\"></x-alert>\r\n  @for (item of message.list; track item.id) {\r\n    <x-alert\r\n      [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n      [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n      (animationend)=\"moveDone($event)\"\r\n      (mouseenter)=\"onEnter(item)\"\r\n      (mouseleave)=\"onLeave(item)\"\r\n      (close)=\"onClose(item)\"\r\n      [hide]=\"item.hide!\"\r\n      [title]=\"item.title\"\r\n      [content]=\"item.content\"\r\n      [type]=\"item.type!\"\r\n      [effect]=\"item.effect!\"\r\n      [hideClose]=\"item.hideClose!\"\r\n      [closeText]=\"item.closeText!\"\r\n      [showIcon]=\"item.showIcon!\"\r\n      [duration]=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  }\r\n</div>\r\n", styles: [".x-message{margin:0;padding:0}.x-message>x-alert{padding:.25rem 0}.x-message>x-alert>.x-alert{box-shadow:var(--x-box-shadow)}.x-message-portal x-message{width:100%}\n"], dependencies: [{ kind: "component", type: XAlertComponent, selector: "x-alert" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XMessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XMessagePrefix}`, imports: [XAlertComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveAnimation], template: "<div class=\"x-message\">\r\n  @for (item of message.list; track item.id) {\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-message{margin:0;padding:0}.x-message>x-alert{padding:.25rem 0}.x-message>x-alert>.x-alert{box-shadow:var(--x-box-shadow)}.x-message-portal x-message{width:100%}\n"] }]
+            args: [{ selector: `${XMessagePrefix}`, imports: [XAlertComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-message\">\r\n  <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n  <x-alert [style.display]=\"'none'\"></x-alert>\r\n  @for (item of message.list; track item.id) {\r\n    <x-alert\r\n      [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n      [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n      (animationend)=\"moveDone($event)\"\r\n      (mouseenter)=\"onEnter(item)\"\r\n      (mouseleave)=\"onLeave(item)\"\r\n      (close)=\"onClose(item)\"\r\n      [hide]=\"item.hide!\"\r\n      [title]=\"item.title\"\r\n      [content]=\"item.content\"\r\n      [type]=\"item.type!\"\r\n      [effect]=\"item.effect!\"\r\n      [hideClose]=\"item.hideClose!\"\r\n      [closeText]=\"item.closeText!\"\r\n      [showIcon]=\"item.showIcon!\"\r\n      [duration]=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  }\r\n</div>\r\n", styles: [".x-message{margin:0;padding:0}.x-message>x-alert{padding:.25rem 0}.x-message>x-alert>.x-alert{box-shadow:var(--x-box-shadow)}.x-message-portal x-message{width:100%}\n"] }]
         }] });
 // TODO: add more function

package/fesm2022/ng-nest-ui-message.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-nest-ui-message.mjs","sources":["../../../../lib/ng-nest/ui/message/message.property.ts","../../../../lib/ng-nest/ui/message/message.component.ts","../../../../lib/ng-nest/ui/message/message.component.html","../../../../lib/ng-nest/ui/message/message-ref.ts","../../../../lib/ng-nest/ui/message/message.service.ts","../../../../lib/ng-nest/ui/message/message.module.ts","../../../../lib/ng-nest/ui/message/ng-nest-ui-message.ts"],"sourcesContent":["import { XStatus, XPlace } from '@ng-nest/ui/core';\r\nimport { XAlertOption } from '@ng-nest/ui/alert';\r\nimport { Subscription, Subject } from 'rxjs';\r\nimport { XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport { XMessageComponent } from './message.component';\r\n\r\n/*\r\n Message\r\n * @selector x-message\r\n * @decorator component\r\n /\r\nexport const XMessagePrefix = 'x-message';\r\nexport const XMessagePortal = 'x-message-portal';\r\nexport const X_MESSAGE_CONFIG_NAME = 'message';\r\n\r\n/\r\n Message Option\r\n /\r\nexport interface XMessageOption extends XAlertOption {\r\n /\r\n @zh_CN 消息框的 id\r\n * @en_US Message id\r\n /\r\n id?: string;\r\n /\r\n @zh_CN 方位，九宫格\r\n * @en_US Direction, nine grid\r\n * @default 'top'\r\n * @withConfig true\r\n /\r\n placement?: XPlace;\r\n /\r\n @zh_CN 偏移距离\r\n * @en_US Offset distance\r\n * @default '2rem'\r\n * @withConfig true\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 * @withConfig true\r\n /\r\n type?: XMessageType;\r\n /\r\n @zh_CN 多个消息的时候，显示类型\r\n * @en_US When multiple messages, the display type\r\n * @default 'list'\r\n * @withConfig true\r\n /\r\n displayType?: XMessageDisplayType;\r\n /\r\n @zh_CN 宽度\r\n * @en_US Width\r\n * @withConfig true\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 3000\r\n * @withConfig true\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 * @withConfig 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 * @withConfig 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 XMessageOverlayRef extends XPortalOverlayRef<XMessageComponent> {}\r\n\r\n/\r\n @zh_CN 九宫格中的消息对象\r\n * @en_US Message object in Jiugongge\r\n /\r\nexport interface XMessagePlacement {\r\n [property: string]: XMessagePlacementRef;\r\n}\r\n\r\n/\r\n @zh_CN 九宫格中的消息对象\r\n * @en_US Message object in Jiugongge\r\n /\r\nexport interface XMessagePlacementRef {\r\n /\r\n @zh_CN 方位对应的 overlayRef\r\n * @en_US Placement overlayRef\r\n /\r\n ref: XMessageOverlayRef;\r\n /\r\n @zh_CN 对应的消息 list 数据\r\n * @en_US Corresponding message list data\r\n /\r\n list: XMessageOption[];\r\n /\r\n @zh_CN 关闭所有数据\r\n * @en_US Close all data\r\n /\r\n closeAll: () => void;\r\n}\r\n\r\n/\r\n @zh_CN 类型\r\n * @en_US Types of\r\n /\r\nexport type XMessageType = XStatus;\r\n\r\n/\r\n @zh_CN 多个消息的时候，显示类型\r\n * @en_US When multiple messages, the display type\r\n /\r\nexport type XMessageDisplayType = 'list' \| 'single';\r\n","import { Component, ViewEncapsulation, ChangeDetectorRef, ChangeDetectionStrategy, inject } from '@angular/core';\r\nimport { XMoveAnimation, XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XMessagePrefix, XMessageOption, XMessagePlacementRef } from './message.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: `${XMessagePrefix}`,\r\n imports: [XAlertComponent],\r\n templateUrl: './message.component.html',\r\n styleUrls: ['./message.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n animations: [XMoveAnimation]\r\n})\r\nexport class XMessageComponent {\r\n message: XMessagePlacementRef = { ref: {}, list: [], closeAll: () => {} };\r\n cdr = inject(ChangeDetectorRef);\r\n\r\n onClose(item: XMessageOption) {\r\n this.message.list?.splice(this.message.list.indexOf(item), 1);\r\n 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.message.list)) {\r\n this.message.ref?.overlayRef?.detach();\r\n }\r\n }\r\n\r\n onEnter(item: XMessageOption) {\r\n item.durationSubscription?.unsubscribe();\r\n }\r\n\r\n onLeave(item: XMessageOption) {\r\n if (item.duration) {\r\n item.durationSubscription = of(true)\r\n .pipe(delay(item.duration))\r\n .subscribe(() => this.onClose(item));\r\n }\r\n }\r\n}\r\n","<div class=\"x-message\">\r\n @for (item of message.list; track item.id) {\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 { XMessageOption } from './message.property';\r\n\r\n// TODO: add more function\r\nexport class XMessageRef {\r\n option: XMessageOption;\r\n constructor(option: XMessageOption) {\r\n if (!option.id) option.id = `${new Date().getTime()}`;\r\n this.option = option;\r\n }\r\n close = () => {};\r\n opened = () => {};\r\n closeAll = () => {};\r\n update = (_option: XMessageOption) => {};\r\n}\r\n","import { Injectable, inject } from '@angular/core';\r\nimport {\r\n XTemplate,\r\n XIsXTemplate,\r\n XIsEmpty,\r\n XFillDefault,\r\n XIsString,\r\n XConfigService,\r\n XMessageConfig,\r\n XIsUndefined\r\n} from '@ng-nest/ui/core';\r\nimport {\r\n XMessageOverlayRef,\r\n XMessageType,\r\n XMessagePlacement,\r\n XMessagePortal,\r\n XMessageOption,\r\n X_MESSAGE_CONFIG_NAME,\r\n XMessagePlacementRef\r\n} from './message.property';\r\nimport { XMessageComponent } from './message.component';\r\nimport { of } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport { XPortalService } from '@ng-nest/ui/portal';\r\nimport { XMessageRef } from './message-ref';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class XMessageService {\r\n messages: XMessagePlacement = {};\r\n\r\n default: XMessageOption = {\r\n type: 'info',\r\n placement: 'top',\r\n offset: '2rem',\r\n effect: 'white',\r\n displayType: 'list',\r\n duration: 3000,\r\n hideClose: true,\r\n showIcon: true,\r\n hide: false\r\n };\r\n\r\n private portal = inject(XPortalService);\r\n private configService = inject(XConfigService);\r\n configDefault?: XMessageConfig = this.configService.getConfigForComponent(X_MESSAGE_CONFIG_NAME);\r\n\r\n constructor() {\r\n Object.assign(this.default, this.configDefault);\r\n }\r\n\r\n info(option: XTemplate \| XMessageOption): XMessageRef {\r\n return this.create(option, 'info');\r\n }\r\n\r\n success(option: XTemplate \| XMessageOption): XMessageRef {\r\n return this.create(option, 'success');\r\n }\r\n\r\n warning(option: XTemplate \| XMessageOption): XMessageRef {\r\n return this.create(option, 'warning');\r\n }\r\n\r\n error(option: XTemplate \| XMessageOption): XMessageRef {\r\n return this.create(option, 'error');\r\n }\r\n\r\n loading(option: XTemplate \| XMessageOption): XMessageRef {\r\n return this.create(option, 'loading');\r\n }\r\n\r\n create(option: XTemplate \| XMessageOption, type: XMessageType): XMessageRef {\r\n let opt: XMessageOption;\r\n if (XIsXTemplate(option)) {\r\n opt = { title: option as XTemplate, type: type };\r\n } else {\r\n opt = option as XMessageOption;\r\n opt.type = type;\r\n }\r\n XFillDefault(opt, this.default);\r\n const ref = new XMessageRef(opt);\r\n if (XIsUndefined(opt.placement)) {\r\n return ref;\r\n }\r\n ref.close = () => {\r\n this.removeMessage(opt);\r\n };\r\n ref.closeAll = () => {\r\n this.closeAll();\r\n };\r\n ref.update = (_opt) => {\r\n this.updateMessage(_opt, opt);\r\n };\r\n ref.opened = () => {\r\n return this.messages[opt.placement!].list.includes(opt);\r\n };\r\n this.setDuration(opt);\r\n this.createMessagePlacement(opt);\r\n\r\n return ref;\r\n }\r\n\r\n private createMessage(option: XMessageOption): XMessageOverlayRef {\r\n const offset = XIsString(option.offset) ? [option.offset as string] : (option.offset as string[]);\r\n return this.portal.attach({\r\n content: XMessageComponent,\r\n overlayConfig: {\r\n panelClass: XMessagePortal,\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 closeAll(excludeOption?: XMessageOption) {\r\n for (let key in this.messages) {\r\n for (let option of this.messages[key].list) {\r\n option !== excludeOption && this.removeMessage(option);\r\n }\r\n }\r\n }\r\n\r\n private createMessagePlacement(option: XMessageOption) {\r\n let msgPlacement = this.messages[option.placement!];\r\n if (XIsEmpty(msgPlacement) \|\| !msgPlacement.ref?.overlayRef?.hasAttached()) {\r\n this.messages[option.placement!] = {\r\n ref: this.createMessage(option),\r\n list: [option],\r\n closeAll: () => {\r\n this.closeAll();\r\n }\r\n };\r\n msgPlacement = this.messages[option.placement!];\r\n } else {\r\n msgPlacement.list = [...(this.messages[option.placement!].list as XMessageOption[]), option];\r\n }\r\n this.messageChange(msgPlacement);\r\n\r\n option.displayType === 'single' && this.closeAll(option);\r\n }\r\n\r\n private messageChange(message: XMessagePlacementRef) {\r\n if (!message.ref?.overlayRef?.hasAttached() \|\| !message?.ref?.componentRef?.instance) return;\r\n message.ref.componentRef.instance.message = message;\r\n message.ref.componentRef.instance.cdr.detectChanges();\r\n }\r\n\r\n private setDuration(option: XMessageOption) {\r\n if (option.duration && option.type !== 'loading') {\r\n option.durationSubscription = of(true)\r\n .pipe(delay(option.duration))\r\n .subscribe(() => {\r\n this.removeMessage(option);\r\n });\r\n }\r\n }\r\n\r\n private removeMessage(option: XMessageOption) {\r\n if (typeof option.placement === 'undefined') return;\r\n this.messages[option.placement].ref?.componentRef?.instance.onClose(option);\r\n }\r\n\r\n private updateMessage(newOption: XMessageOption, oldOption: XMessageOption) {\r\n Object.assign(oldOption, newOption);\r\n this.setDuration(oldOption);\r\n const refs = this.messages[oldOption.placement!];\r\n if (refs) {\r\n refs.ref.componentRef?.instance.cdr.detectChanges();\r\n }\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 XMessageModule {}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAMA;;;;AAIG;AACI,MAAM,cAAc,GAAG;AACvB,MAAM,cAAc,GAAG;AACvB,MAAM,qBAAqB,GAAG;;MCGxB,iBAAiB,CAAA;AAT9B,IAAA,WAAA,GAAA;AAUE,QAAA,IAAA,CAAA,OAAO,GAAyB,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAK,EAAE,CAAC,EAAE;AACzE,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAyBhC,IAAA;AAvBC,IAAA,OAAO,CAAC,IAAoB,EAAA;QAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7D,QAAA,IAAI,CAAC,oBAAoB,EAAE,WAAW,EAAE;AACxC,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE;IAC1B;AAEA,IAAA,QAAQ,CAAC,MAA2B,EAAA;AAClC,QAAA,IAAI,MAAM,CAAC,OAAO,KAAK,MAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC5D,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE;QACxC;IACF;AAEA,IAAA,OAAO,CAAC,IAAoB,EAAA;AAC1B,QAAA,IAAI,CAAC,oBAAoB,EAAE,WAAW,EAAE;IAC1C;AAEA,IAAA,OAAO,CAAC,IAAoB,EAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC,IAAI;AAChC,iBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;iBACzB,SAAS,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACxC;IACF;iIA1BW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,qEChB9B,ksBAsBA,EAAA,MAAA,EAAA,CAAA,wKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDbY,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,CAAA,EAAA,UAAA,EAKb,CAAC,cAAc,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAEjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAG,cAAc,CAAA,CAAE,EAAA,OAAA,EACpB,CAAC,eAAe,CAAC,EAAA,aAAA,EAGX,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,CAAC,cAAc,CAAC,EAAA,QAAA,EAAA,ksBAAA,EAAA,MAAA,EAAA,CAAA,wKAAA,CAAA,EAAA;;;AEZ9B;MACa,WAAW,CAAA;AAEtB,IAAA,WAAA,CAAY,MAAsB,EAAA;AAIlC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAK,EAAE,CAAC;AAChB,QAAA,IAAA,CAAA,MAAM,GAAG,MAAK,EAAE,CAAC;AACjB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAK,EAAE,CAAC;AACnB,QAAA,IAAA,CAAA,MAAM,GAAG,CAAC,OAAuB,KAAI,EAAE,CAAC;QANtC,IAAI,CAAC,MAAM,CAAC,EAAE;YAAE,MAAM,CAAC,EAAE,GAAG,CAAA,EAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAA,CAAE;AACrD,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;IACtB;AAKD;;MCcY,eAAe,CAAA;AAmB1B,IAAA,WAAA,GAAA;QAlBA,IAAA,CAAA,QAAQ,GAAsB,EAAE;AAEhC,QAAA,IAAA,CAAA,OAAO,GAAmB;AACxB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,MAAM,EAAE,OAAO;AACf,YAAA,WAAW,EAAE,MAAM;AACnB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,IAAI,EAAE;SACP;AAEO,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC;AAC/B,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC;QAC9C,IAAA,CAAA,aAAa,GAAoB,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,qBAAqB,CAAC;QAG9F,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC;IACjD;AAEA,IAAA,IAAI,CAAC,MAAkC,EAAA;QACrC,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IACpC;AAEA,IAAA,OAAO,CAAC,MAAkC,EAAA;QACxC,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;IACvC;AAEA,IAAA,OAAO,CAAC,MAAkC,EAAA;QACxC,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;IACvC;AAEA,IAAA,KAAK,CAAC,MAAkC,EAAA;QACtC,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACrC;AAEA,IAAA,OAAO,CAAC,MAAkC,EAAA;QACxC,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;IACvC;IAEA,MAAM,CAAC,MAAkC,EAAE,IAAkB,EAAA;AAC3D,QAAA,IAAI,GAAmB;AACvB,QAAA,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE;YACxB,GAAG,GAAG,EAAE,KAAK,EAAE,MAAmB,EAAE,IAAI,EAAE,IAAI,EAAE;QAClD;aAAO;YACL,GAAG,GAAG,MAAwB;AAC9B,YAAA,GAAG,CAAC,IAAI,GAAG,IAAI;QACjB;AACA,QAAA,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC;AAC/B,QAAA,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC,GAAG,CAAC;AAChC,QAAA,IAAI,YAAY,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AAC/B,YAAA,OAAO,GAAG;QACZ;AACA,QAAA,GAAG,CAAC,KAAK,GAAG,MAAK;AACf,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AACzB,QAAA,CAAC;AACD,QAAA,GAAG,CAAC,QAAQ,GAAG,MAAK;YAClB,IAAI,CAAC,QAAQ,EAAE;AACjB,QAAA,CAAC;AACD,QAAA,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,KAAI;AACpB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,GAAG,CAAC;AAC/B,QAAA,CAAC;AACD,QAAA,GAAG,CAAC,MAAM,GAAG,MAAK;AAChB,YAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAU,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;AACzD,QAAA,CAAC;AACD,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;AACrB,QAAA,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC;AAEhC,QAAA,OAAO,GAAG;IACZ;AAEQ,IAAA,aAAa,CAAC,MAAsB,EAAA;QAC1C,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,MAAgB,CAAC,GAAI,MAAM,CAAC,MAAmB;AACjG,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;AACxB,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,aAAa,EAAE;AACb,gBAAA,UAAU,EAAE,cAAc;gBAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,MAAM,EAAE,MAAM,CAAC,MAAM;AACrB,gBAAA,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,MAAM;AACnE;AACF,SAAA,CAAC;IACJ;AAEQ,IAAA,QAAQ,CAAC,aAA8B,EAAA;AAC7C,QAAA,KAAK,IAAI,GAAG,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC7B,YAAA,KAAK,IAAI,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;gBAC1C,MAAM,KAAK,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;YACxD;QACF;IACF;AAEQ,IAAA,sBAAsB,CAAC,MAAsB,EAAA;QACnD,IAAI,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAU,CAAC;AACnD,QAAA,IAAI,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE;AAC1E,YAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAU,CAAC,GAAG;AACjC,gBAAA,GAAG,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;gBAC/B,IAAI,EAAE,CAAC,MAAM,CAAC;gBACd,QAAQ,EAAE,MAAK;oBACb,IAAI,CAAC,QAAQ,EAAE;gBACjB;aACD;YACD,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAU,CAAC;QACjD;aAAO;AACL,YAAA,YAAY,CAAC,IAAI,GAAG,CAAC,GAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAU,CAAC,CAAC,IAAyB,EAAE,MAAM,CAAC;QAC9F;AACA,QAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC;QAEhC,MAAM,CAAC,WAAW,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;IAC1D;AAEQ,IAAA,aAAa,CAAC,OAA6B,EAAA;AACjD,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ;YAAE;QACtF,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO,GAAG,OAAO;QACnD,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,EAAE;IACvD;AAEQ,IAAA,WAAW,CAAC,MAAsB,EAAA;QACxC,IAAI,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS,EAAE;AAChD,YAAA,MAAM,CAAC,oBAAoB,GAAG,EAAE,CAAC,IAAI;AAClC,iBAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;iBAC3B,SAAS,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;AAC5B,YAAA,CAAC,CAAC;QACN;IACF;AAEQ,IAAA,aAAa,CAAC,MAAsB,EAAA;AAC1C,QAAA,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,WAAW;YAAE;AAC7C,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,YAAY,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC;IAC7E;IAEQ,aAAa,CAAC,SAAyB,EAAE,SAAyB,EAAA;AACxE,QAAA,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC;AACnC,QAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;QAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAU,CAAC;QAChD,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,EAAE;QACrD;IACF;iIA9IW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAf,uBAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,cADF,MAAM,EAAA,CAAA,CAAA;;2FACnB,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;MCpBrB,cAAc,CAAA;iIAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kIAAd,cAAc,EAAA,CAAA,CAAA;kIAAd,cAAc,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,OAAO,EAAE;AACV,iBAAA;;;ACLD;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-nest-ui-message.mjs","sources":["../../../../lib/ng-nest/ui/message/message.property.ts","../../../../lib/ng-nest/ui/message/message.component.ts","../../../../lib/ng-nest/ui/message/message.component.html","../../../../lib/ng-nest/ui/message/message-ref.ts","../../../../lib/ng-nest/ui/message/message.service.ts","../../../../lib/ng-nest/ui/message/message.module.ts","../../../../lib/ng-nest/ui/message/ng-nest-ui-message.ts"],"sourcesContent":["import { XStatus, XPlace } from '@ng-nest/ui/core';\r\nimport { XAlertOption } from '@ng-nest/ui/alert';\r\nimport { Subscription, Subject } from 'rxjs';\r\nimport { XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport { XMessageComponent } from './message.component';\r\n\r\n/*\r\n Message\r\n * @selector x-message\r\n * @decorator component\r\n /\r\nexport const XMessagePrefix = 'x-message';\r\nexport const XMessagePortal = 'x-message-portal';\r\nexport const X_MESSAGE_CONFIG_NAME = 'message';\r\n\r\n/\r\n Message Option\r\n /\r\nexport interface XMessageOption extends XAlertOption {\r\n /\r\n @zh_CN 消息框的 id\r\n * @en_US Message id\r\n /\r\n id?: string;\r\n /\r\n @zh_CN 方位，九宫格\r\n * @en_US Direction, nine grid\r\n * @default 'top'\r\n * @withConfig true\r\n /\r\n placement?: XPlace;\r\n /\r\n @zh_CN 偏移距离\r\n * @en_US Offset distance\r\n * @default '2rem'\r\n * @withConfig true\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 * @withConfig true\r\n /\r\n type?: XMessageType;\r\n /\r\n @zh_CN 多个消息的时候，显示类型\r\n * @en_US When multiple messages, the display type\r\n * @default 'list'\r\n * @withConfig true\r\n /\r\n displayType?: XMessageDisplayType;\r\n /\r\n @zh_CN 宽度\r\n * @en_US Width\r\n * @withConfig true\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 3000\r\n * @withConfig true\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 * @withConfig 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 * @withConfig 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 XMessageOverlayRef extends XPortalOverlayRef<XMessageComponent> {}\r\n\r\n/\r\n @zh_CN 九宫格中的消息对象\r\n * @en_US Message object in Jiugongge\r\n /\r\nexport interface XMessagePlacement {\r\n [property: string]: XMessagePlacementRef;\r\n}\r\n\r\n/\r\n @zh_CN 九宫格中的消息对象\r\n * @en_US Message object in Jiugongge\r\n /\r\nexport interface XMessagePlacementRef {\r\n /\r\n @zh_CN 方位对应的 overlayRef\r\n * @en_US Placement overlayRef\r\n /\r\n ref: XMessageOverlayRef;\r\n /\r\n @zh_CN 对应的消息 list 数据\r\n * @en_US Corresponding message list data\r\n /\r\n list: XMessageOption[];\r\n /\r\n @zh_CN 关闭所有数据\r\n * @en_US Close all data\r\n /\r\n closeAll: () => void;\r\n}\r\n\r\n/\r\n @zh_CN 类型\r\n * @en_US Types of\r\n /\r\nexport type XMessageType = XStatus;\r\n\r\n/\r\n @zh_CN 多个消息的时候，显示类型\r\n * @en_US When multiple messages, the display type\r\n /\r\nexport type XMessageDisplayType = 'list' \| 'single';\r\n","import { Component, ViewEncapsulation, ChangeDetectorRef, ChangeDetectionStrategy, inject } from '@angular/core';\r\nimport { XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XMessagePrefix, XMessageOption, XMessagePlacementRef } from './message.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: `${XMessagePrefix}`,\r\n imports: [XAlertComponent],\r\n templateUrl: './message.component.html',\r\n styleUrls: ['./message.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XMessageComponent {\r\n message: XMessagePlacementRef = { ref: {}, list: [], closeAll: () => {} };\r\n cdr = inject(ChangeDetectorRef);\r\n\r\n onClose(item: XMessageOption) {\r\n this.message.list?.splice(this.message.list.indexOf(item), 1);\r\n item.durationSubscription?.unsubscribe();\r\n this.cdr.detectChanges();\r\n }\r\n moveDone($event: AnimationEvent) {\r\n if ($event.animationName.endsWith('-leave') && XIsEmpty(this.message.list)) {\r\n this.message.ref?.overlayRef?.detach();\r\n }\r\n }\r\n\r\n onEnter(item: XMessageOption) {\r\n item.durationSubscription?.unsubscribe();\r\n }\r\n\r\n onLeave(item: XMessageOption) {\r\n if (item.duration) {\r\n item.durationSubscription = of(true)\r\n .pipe(delay(item.duration))\r\n .subscribe(() => this.onClose(item));\r\n }\r\n }\r\n}\r\n","<div class=\"x-message\">\r\n <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n <x-alert [style.display]=\"'none'\"></x-alert>\r\n @for (item of message.list; track item.id) {\r\n <x-alert\r\n [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n (animationend)=\"moveDone($event)\"\r\n (mouseenter)=\"onEnter(item)\"\r\n (mouseleave)=\"onLeave(item)\"\r\n (close)=\"onClose(item)\"\r\n [hide]=\"item.hide!\"\r\n [title]=\"item.title\"\r\n [content]=\"item.content\"\r\n [type]=\"item.type!\"\r\n [effect]=\"item.effect!\"\r\n [hideClose]=\"item.hideClose!\"\r\n [closeText]=\"item.closeText!\"\r\n [showIcon]=\"item.showIcon!\"\r\n [duration]=\"0\"\r\n manual\r\n disabledAnimation\r\n ></x-alert>\r\n }\r\n</div>\r\n","import { XMessageOption } from './message.property';\r\n\r\n// TODO: add more function\r\nexport class XMessageRef {\r\n option: XMessageOption;\r\n constructor(option: XMessageOption) {\r\n if (!option.id) option.id = `${new Date().getTime()}`;\r\n this.option = option;\r\n }\r\n close = () => {};\r\n opened = () => {};\r\n closeAll = () => {};\r\n update = (_option: XMessageOption) => {};\r\n}\r\n","import { Injectable, inject } from '@angular/core';\r\nimport {\r\n XTemplate,\r\n XIsXTemplate,\r\n XIsEmpty,\r\n XFillDefault,\r\n XIsString,\r\n XConfigService,\r\n XMessageConfig,\r\n XIsUndefined\r\n} from '@ng-nest/ui/core';\r\nimport {\r\n XMessageOverlayRef,\r\n XMessageType,\r\n XMessagePlacement,\r\n XMessagePortal,\r\n XMessageOption,\r\n X_MESSAGE_CONFIG_NAME,\r\n XMessagePlacementRef\r\n} from './message.property';\r\nimport { XMessageComponent } from './message.component';\r\nimport { of } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport { XPortalService } from '@ng-nest/ui/portal';\r\nimport { XMessageRef } from './message-ref';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class XMessageService {\r\n messages: XMessagePlacement = {};\r\n\r\n default: XMessageOption = {\r\n type: 'info',\r\n placement: 'top',\r\n offset: '2rem',\r\n effect: 'white',\r\n displayType: 'list',\r\n duration: 3000,\r\n hideClose: true,\r\n showIcon: true,\r\n hide: false\r\n };\r\n\r\n private portal = inject(XPortalService);\r\n private configService = inject(XConfigService);\r\n configDefault?: XMessageConfig = this.configService.getConfigForComponent(X_MESSAGE_CONFIG_NAME);\r\n\r\n constructor() {\r\n Object.assign(this.default, this.configDefault);\r\n }\r\n\r\n info(option: XTemplate \| XMessageOption): XMessageRef {\r\n return this.create(option, 'info');\r\n }\r\n\r\n success(option: XTemplate \| XMessageOption): XMessageRef {\r\n return this.create(option, 'success');\r\n }\r\n\r\n warning(option: XTemplate \| XMessageOption): XMessageRef {\r\n return this.create(option, 'warning');\r\n }\r\n\r\n error(option: XTemplate \| XMessageOption): XMessageRef {\r\n return this.create(option, 'error');\r\n }\r\n\r\n loading(option: XTemplate \| XMessageOption): XMessageRef {\r\n return this.create(option, 'loading');\r\n }\r\n\r\n create(option: XTemplate \| XMessageOption, type: XMessageType): XMessageRef {\r\n let opt: XMessageOption;\r\n if (XIsXTemplate(option)) {\r\n opt = { title: option as XTemplate, type: type };\r\n } else {\r\n opt = option as XMessageOption;\r\n opt.type = type;\r\n }\r\n XFillDefault(opt, this.default);\r\n const ref = new XMessageRef(opt);\r\n if (XIsUndefined(opt.placement)) {\r\n return ref;\r\n }\r\n ref.close = () => {\r\n this.removeMessage(opt);\r\n };\r\n ref.closeAll = () => {\r\n this.closeAll();\r\n };\r\n ref.update = (_opt) => {\r\n this.updateMessage(_opt, opt);\r\n };\r\n ref.opened = () => {\r\n return this.messages[opt.placement!].list.includes(opt);\r\n };\r\n this.setDuration(opt);\r\n this.createMessagePlacement(opt);\r\n\r\n return ref;\r\n }\r\n\r\n private createMessage(option: XMessageOption): XMessageOverlayRef {\r\n const offset = XIsString(option.offset) ? [option.offset as string] : (option.offset as string[]);\r\n return this.portal.attach({\r\n content: XMessageComponent,\r\n overlayConfig: {\r\n panelClass: XMessagePortal,\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 closeAll(excludeOption?: XMessageOption) {\r\n for (let key in this.messages) {\r\n for (let option of this.messages[key].list) {\r\n option !== excludeOption && this.removeMessage(option);\r\n }\r\n }\r\n }\r\n\r\n private createMessagePlacement(option: XMessageOption) {\r\n let msgPlacement = this.messages[option.placement!];\r\n if (XIsEmpty(msgPlacement) \|\| !msgPlacement.ref?.overlayRef?.hasAttached()) {\r\n this.messages[option.placement!] = {\r\n ref: this.createMessage(option),\r\n list: [option],\r\n closeAll: () => {\r\n this.closeAll();\r\n }\r\n };\r\n msgPlacement = this.messages[option.placement!];\r\n } else {\r\n msgPlacement.list = [...(this.messages[option.placement!].list as XMessageOption[]), option];\r\n }\r\n this.messageChange(msgPlacement);\r\n\r\n option.displayType === 'single' && this.closeAll(option);\r\n }\r\n\r\n private messageChange(message: XMessagePlacementRef) {\r\n if (!message.ref?.overlayRef?.hasAttached() \|\| !message?.ref?.componentRef?.instance) return;\r\n message.ref.componentRef.instance.message = message;\r\n message.ref.componentRef.instance.cdr.detectChanges();\r\n }\r\n\r\n private setDuration(option: XMessageOption) {\r\n if (option.duration && option.type !== 'loading') {\r\n option.durationSubscription = of(true)\r\n .pipe(delay(option.duration))\r\n .subscribe(() => {\r\n this.removeMessage(option);\r\n });\r\n }\r\n }\r\n\r\n private removeMessage(option: XMessageOption) {\r\n if (typeof option.placement === 'undefined') return;\r\n this.messages[option.placement].ref?.componentRef?.instance.onClose(option);\r\n }\r\n\r\n private updateMessage(newOption: XMessageOption, oldOption: XMessageOption) {\r\n Object.assign(oldOption, newOption);\r\n this.setDuration(oldOption);\r\n const refs = this.messages[oldOption.placement!];\r\n if (refs) {\r\n refs.ref.componentRef?.instance.cdr.detectChanges();\r\n }\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 XMessageModule {}\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-notification.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, ChangeDetectorRef, ChangeDetectionStrategy, ViewEncapsulation, Component, Injectable, NgModule } from '@angular/core';
-import { XIsEmpty, XMoveAnimation, XIsString, XIsXTemplate, XFillDefault } from '@ng-nest/ui/core';
+import { XIsEmpty, XIsString, XIsXTemplate, XFillDefault } from '@ng-nest/ui/core';
 import { of } from 'rxjs';
 import { delay } from 'rxjs/operators';
 import { XAlertComponent } from '@ng-nest/ui/alert';
@@ -25,7 +25,7 @@ class XNotificationComponent {
         this.cdr.detectChanges();
     }
     moveDone($event) {
-        if ($event.toState === 'void' && XIsEmpty(this.notification.list)) {
+        if ($event.animationName.endsWith('-leave') && XIsEmpty(this.notification.list)) {
             this.notification.ref?.overlayRef?.detach();
         }
     }
@@ -42,11 +42,11 @@ class XNotificationComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", 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 }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: XNotificationComponent, isStandalone: true, selector: "x-notification", ngImport: i0, template: "<div class=\"x-notification\">\r\n  <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n  <x-alert [style.display]=\"'none'\"></x-alert>\r\n  @for (item of notification.list; track item) {\r\n    <x-alert\r\n      [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n      [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n      (animationend)=\"moveDone($event)\"\r\n      (mouseenter)=\"onEnter(item)\"\r\n      (mouseleave)=\"onLeave(item)\"\r\n      (close)=\"onClose(item)\"\r\n      [hide]=\"item.hide!\"\r\n      [title]=\"item.title\"\r\n      [content]=\"item.content\"\r\n      [type]=\"item.type!\"\r\n      [effect]=\"item.effect!\"\r\n      [hideClose]=\"item.hideClose!\"\r\n      [closeText]=\"item.closeText\"\r\n      [showIcon]=\"item.showIcon!\"\r\n      [duration]=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  }\r\n</div>\r\n", styles: [".x-notification{margin:0;padding:0}.x-notification>x-alert{padding:.25rem}.x-notification>x-alert>.x-alert{box-shadow:var(--x-box-shadow)}.x-notification>x-alert .x-alert-icon.x-icon{margin-top:.125rem;font-size:1.25rem;align-self:flex-start}.x-notification-portal x-notification{width:100%}\n"], dependencies: [{ kind: "component", type: XAlertComponent, selector: "x-alert" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XNotificationPrefix}`, 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"] }]
+            args: [{ selector: `${XNotificationPrefix}`, imports: [XAlertComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-notification\">\r\n  <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n  <x-alert [style.display]=\"'none'\"></x-alert>\r\n  @for (item of notification.list; track item) {\r\n    <x-alert\r\n      [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n      [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n      (animationend)=\"moveDone($event)\"\r\n      (mouseenter)=\"onEnter(item)\"\r\n      (mouseleave)=\"onLeave(item)\"\r\n      (close)=\"onClose(item)\"\r\n      [hide]=\"item.hide!\"\r\n      [title]=\"item.title\"\r\n      [content]=\"item.content\"\r\n      [type]=\"item.type!\"\r\n      [effect]=\"item.effect!\"\r\n      [hideClose]=\"item.hideClose!\"\r\n      [closeText]=\"item.closeText\"\r\n      [showIcon]=\"item.showIcon!\"\r\n      [duration]=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  }\r\n</div>\r\n", styles: [".x-notification{margin:0;padding:0}.x-notification>x-alert{padding:.25rem}.x-notification>x-alert>.x-alert{box-shadow:var(--x-box-shadow)}.x-notification>x-alert .x-alert-icon.x-icon{margin-top:.125rem;font-size:1.25rem;align-self:flex-start}.x-notification-portal x-notification{width:100%}\n"] }]
         }] });
 class XNotificationService {

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

	@@ -1 +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 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 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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"}
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 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 { 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 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})\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: AnimationEvent) {\r\n if ($event.animationName.endsWith('-leave') && 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 <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n <x-alert [style.display]=\"'none'\"></x-alert>\r\n @for (item of notification.list; track item) {\r\n <x-alert\r\n [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n (animationend)=\"moveDone($event)\"\r\n (mouseenter)=\"onEnter(item)\"\r\n (mouseleave)=\"onLeave(item)\"\r\n (close)=\"onClose(item)\"\r\n [hide]=\"item.hide!\"\r\n [title]=\"item.title\"\r\n [content]=\"item.content\"\r\n [type]=\"item.type!\"\r\n [effect]=\"item.effect!\"\r\n [hideClose]=\"item.hideClose!\"\r\n [closeText]=\"item.closeText\"\r\n [showIcon]=\"item.showIcon!\"\r\n [duration]=\"0\"\r\n manual\r\n disabledAnimation\r\n ></x-alert>\r\n }\r\n</div>\r\n","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":";;;;;;;;AAMA;;;;AAIG;AACI,MAAM,mBAAmB,GAAG;AAE5B,MAAM,mBAAmB,GAAG;;MCEtB,sBAAsB,CAAA;AARnC,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,YAAY,GAAqB,EAAE,IAAI,EAAE,EAAE,EAAE;AAE7C,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AA2BhC,IAAA;AAzBC,IAAA,OAAO,CAAC,IAAyB,EAAA;QAC/B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACvE,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,oBAAoB,CAAC,WAAW,EAAE;AACpE,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE;IAC1B;AAEA,IAAA,QAAQ,CAAC,MAAsB,EAAA;AAC7B,QAAA,IAAI,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;YAC/E,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE;QAC7C;IACF;AAEA,IAAA,OAAO,CAAC,IAAyB,EAAA;QAC/B,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,oBAAoB,CAAC,WAAW,EAAE;IACtE;AAEA,IAAA,OAAO,CAAC,IAAyB,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC,IAAI;AAChC,iBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;iBACzB,SAAS,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AACpB,YAAA,CAAC,CAAC;QACN;IACF;iIA7BW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfnC,68BAyBA,EAAA,MAAA,EAAA,CAAA,uSAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDhBY,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMd,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAG,mBAAmB,CAAA,CAAE,EAAA,OAAA,EACzB,CAAC,eAAe,CAAC,EAAA,aAAA,EAGX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,68BAAA,EAAA,MAAA,EAAA,CAAA,uSAAA,CAAA,EAAA;;;MEGpC,oBAAoB,CAAA;AADjC,IAAA,WAAA,GAAA;QAEE,IAAA,CAAA,aAAa,GAA2B,EAAE;AAE1C,QAAA,IAAA,CAAA,OAAO,GAAwB;AAC7B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,SAAS,EAAE,SAAS;AACpB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,MAAM,EAAE,OAAO;AACf,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,QAAQ,EAAE;SACX;AAEO,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC;AAoFxC,IAAA;AAlFC,IAAA,IAAI,CAAC,MAAuC,EAAA;QAC1C,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC;IAChD;AAEA,IAAA,OAAO,CAAC,MAAuC,EAAA;QAC7C,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,SAAS,CAAC;IACnD;AAEA,IAAA,OAAO,CAAC,MAAuC,EAAA;QAC7C,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,SAAS,CAAC;IACnD;AAEA,IAAA,KAAK,CAAC,MAAuC,EAAA;QAC3C,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC;IACjD;AAEA,IAAA,MAAM,CAAC,MAA2B,EAAA;QAChC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,MAAgB,CAAC,GAAI,MAAM,CAAC,MAAmB;AACjG,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;AACxB,YAAA,OAAO,EAAE,sBAAsB;AAC/B,YAAA,aAAa,EAAE;AACb,gBAAA,UAAU,EAAE,mBAAmB;gBAC/B,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,MAAM,EAAE,MAAM,CAAC,MAAM;AACrB,gBAAA,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,MAAM;AACnE;AACF,SAAA,CAAC;IACJ;IAEQ,kBAAkB,CAAC,MAAuC,EAAE,IAAuB,EAAA;AACzF,QAAA,IAAI,GAAwB;AAC5B,QAAA,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE;YACxB,GAAG,GAAG,EAAE,KAAK,EAAE,MAAmB,EAAE,IAAI,EAAE,IAAI,EAAE;QAClD;aAAO;YACL,GAAG,GAAG,MAA6B;AACnC,YAAA,GAAG,CAAC,IAAI,GAAG,IAAI;QACjB;AACA,QAAA,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC;AAC/B,QAAA,OAAO,IAAI,CAAC,2BAA2B,CAAC,GAAG,CAAC;IAC9C;AAEQ,IAAA,2BAA2B,CAAC,MAA2B,EAAA;AAC7D,QAAA,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,WAAW;AAAE,YAAA,OAAO,EAAE;QACtD,IAAI,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC;AACvD,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;AACxB,QAAA,IAAI,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE;AAC1E,YAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG;AACrC,gBAAA,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;gBACxB,IAAI,EAAE,CAAC,MAAM;aACd;QACH;aAAO;YACL,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,GAAG;gBAC1C,GAAI,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAA8B;gBACvE;aACD;QACH;AACA,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAE7D,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC;IAC7C;AAEQ,IAAA,kBAAkB,CAAC,YAA8B,EAAA;AACvD,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ;YAAE;QAChG,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,YAAY,GAAG,YAAY;QAClE,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,EAAE;IAC5D;AAEQ,IAAA,WAAW,CAAC,MAA2B,EAAA;AAC7C,QAAA,IAAI,MAAM,CAAC,QAAQ,EAAE;AACnB,YAAA,MAAM,CAAC,oBAAoB,GAAG,EAAE,CAAC,IAAI;AAClC,iBAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;iBAC3B,SAAS,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC;gBAC/B,MAAM,CAAC,oBAAoB,IAAI,MAAM,CAAC,oBAAoB,CAAC,WAAW,EAAE;AAC1E,YAAA,CAAC,CAAC;QACN;IACF;AAEQ,IAAA,kBAAkB,CAAC,MAA2B,EAAA;AACpD,QAAA,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,WAAW;YAAE;AAC7C,QAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,YAAY,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC;IAClF;iIAhGW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAApB,uBAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,cADP,MAAM,EAAA,CAAA,CAAA;;2FACnB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;MCTrB,mBAAmB,CAAA;iIAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kIAAnB,mBAAmB,EAAA,CAAA,CAAA;kIAAnB,mBAAmB,EAAA,CAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,OAAO,EAAE;AACV,iBAAA;;;ACLD;;AAEG;;;;"}

package/fesm2022/ng-nest-ui-table.mjs CHANGED Viewed

@@ -684,7 +684,7 @@ class XTableHeadComponent extends XTableHeadProperty {
         this.sort = signal([], ...(ngDevMode ? [{ debugName: "sort" }] : []));
         this.sortStr = signal('', ...(ngDevMode ? [{ debugName: "sortStr" }] : []));
         this.theadStyle = computed(() => {
-            let height = this.rowHeight() === 0 ? '' : this.rowHeight();
+            let height = this.getHeaderHeight();
             if (this.cellConfig() && this.cellConfig().cells) {
                 const spt = this.cellConfig().cells?.map((x) => {
                     const gridAreaSpt = x.gridArea?.split('/');
@@ -693,7 +693,7 @@ class XTableHeadComponent extends XTableHeadProperty {
                 height = ((Math.max(...spt) - 1) * height);
             }
             return {
-                ['min-height']: `${this.getRowHeight()}px`
+                ['min-height']: `${height}px`
             };
         }, ...(ngDevMode ? [{ debugName: "theadStyle" }] : []));
         this.thClassMap = computed(() => ({
@@ -814,7 +814,7 @@ class XTableHeadComponent extends XTableHeadProperty {
         this.table.columnDragEnded.emit(column);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XTableHeadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: XTableHeadComponent, isStandalone: true, selector: "x-table-head", viewQueries: [{ propertyName: "thead", first: true, predicate: ["thead"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<thead\r\n  #thead\r\n  [ngStyle]=\"theadStyle()\"\r\n  [class.x-table-head-top]=\"position() === 'top'\"\r\n  [class.x-table-head-bottom]=\"position() === 'bottom'\"\r\n>\r\n  @if (cellConfig()) {\r\n    <tr [style.gridTemplateColumns]=\"cellConfig()!.gridTemplateColumns\" [style.min-height.px]=\"getRowHeight()\">\r\n      @for (column of cellConfig()!.cells; track column.id) {\r\n        <th\r\n          [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n          [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n          [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n          [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n          [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n          [class.x-table-width-drag]=\"column.dragWidth\"\r\n          [style.grid-area]=\"column.gridArea\"\r\n          [style.left.px]=\"column.left\"\r\n          [style.right.px]=\"column.right\"\r\n          [style.min-height.px]=\"getHeaderHeight()\"\r\n          [title]=\"column?.label\"\r\n        >\r\n          <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n          @if (column.dragWidth) {\r\n            <div\r\n              class=\"x-table-drag-width\"\r\n              x-drag\r\n              (dragMoved)=\"dragWidthMoved($event, column)\"\r\n              (dragStarted)=\"dragWidthStarted($event, column)\"\r\n              (dragEnded)=\"dragWidthEnded($event, column)\"\r\n            ></div>\r\n          }\r\n        </th>\r\n      }\r\n    </tr>\r\n  } @else {\r\n    <ng-container *ngTemplateOutlet=\"columnsTpl\"></ng-container>\r\n  }\r\n  @if (table.headSearchTpl()) {\r\n    <ng-container *ngTemplateOutlet=\"columnsTpl; context: { case: 'search' }\"></ng-container>\r\n  }\r\n</thead>\r\n\r\n<ng-template #columnsTpl let-case=\"case\">\r\n  <tr\r\n    cdkDropList\r\n    cdkDropListOrientation=\"horizontal\"\r\n    (cdkDropListSorted)=\"dropListSorted($event)\"\r\n    (cdkDropListDropped)=\"dropListDropped($event)\"\r\n    [style.height.px]=\"getHeaderHeight()\"\r\n    [style.min-height.px]=\"getHeaderHeight()\"\r\n    [style.padding-right.px]=\"scrollYWidth()\"\r\n    [style.min-width.px]=\"scrollXWidth()\"\r\n    [class.x-table-search]=\"case === 'search'\"\r\n  >\r\n    @for (column of initColumns(); track column.id) {\r\n      <th\r\n        cdkDrag\r\n        [cdkDragDisabled]=\"column.draggingWidth || !column.dragColumn\"\r\n        (cdkDragStarted)=\"dragStarted($event, column)\"\r\n        (cdkDragEnded)=\"dragEnded(column)\"\r\n        [ngClass]=\"thClassMap()\"\r\n        [class.x-table-th]=\"true\"\r\n        [class.x-table-sticky]=\"table.getSticky(column)\"\r\n        [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n        [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n        [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n        [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n        [style.min-height.px]=\"getHeaderHeight()\"\r\n        [style.width.px]=\"getColumnWidth(column)\"\r\n        [style.left.px]=\"column.left\"\r\n        [style.right.px]=\"getColumnRight(column.right)\"\r\n        [style.flex]=\"getFlex(column)\"\r\n      >\r\n        @switch (case) {\r\n          @case ('search') {\r\n            <ng-container *xOutlet=\"table.headSearchTpl()!; context: { $column: column }\"></ng-container>\r\n          }\r\n          @default {\r\n            <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n            @if (column.dragWidth) {\r\n              <div\r\n                class=\"x-table-drag-width\"\r\n                x-drag\r\n                (dragMoved)=\"dragWidthMoved($event, column)\"\r\n                (dragStarted)=\"dragWidthStarted($event, column);\"\r\n                (dragEnded)=\"dragWidthEnded($event, column)\"\r\n              ></div>\r\n            }\r\n          }\r\n        }\r\n      </th>\r\n    }\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #columnBaseTpl let-column=\"column\">\r\n  @switch (column.type) {\r\n    @case ('checkbox') {\r\n      @if (column.headChecked) {\r\n        <x-checkbox\r\n          [data]=\"[{ id: true, label: column.label }]\"\r\n          [(ngModel)]=\"table.checkedValues()[column.id]\"\r\n          (ngModelChange)=\"table.headChecked($event, column)\"\r\n          [indeterminate]=\"table.checkedValues()[column.id + table.indeterminate()]\"\r\n          single\r\n        ></x-checkbox>\r\n      }\r\n      @if (!column.headChecked) {\r\n        <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n      }\r\n    }\r\n    @case ('index') {\r\n      <a\r\n        ><ng-container *xOutlet=\"columnTpl()[column.id]; context: { $column: column }\">\r\n          <ng-container *xOutlet=\"table.headThTpl(); context: { $column: column }\">\r\n            {{ column.label }}\r\n          </ng-container>\r\n        </ng-container></a\r\n      >\r\n    }\r\n    @default {\r\n      <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #cloumnDefaultTpl let-column=\"column\">\r\n  <a [class.x-table-sort]=\"column.sort\" (click)=\"onSort(column)\" [style.text-align]=\"column.textAlign\">\r\n    <ng-container *xOutlet=\"columnTpl()[column.id]; context: { $column: column }\">\r\n      <ng-container *xOutlet=\"table.headThTpl(); context: { $column: column }\">\r\n        {{ column.label }}\r\n      </ng-container>\r\n    </ng-container>\r\n    @if (column.sort) {\r\n      <x-icon\r\n        type=\"fto-bar-chart\"\r\n        class=\"x-table-sort-icon\"\r\n        [class.x-table-icon-up]=\"sortStr() === column.id + ' desc'\"\r\n        [class.x-table-icon-down]=\"sortStr() === column.id + ' asc'\"\r\n      ></x-icon>\r\n    }\r\n  </a>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: XDragDirective, selector: "[x-drag]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: XCheckboxComponent, selector: "x-checkbox" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: XTableHeadComponent, isStandalone: true, selector: "x-table-head", viewQueries: [{ propertyName: "thead", first: true, predicate: ["thead"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<thead\r\n  #thead\r\n  [ngStyle]=\"theadStyle()\"\r\n  [class.x-table-head-top]=\"position() === 'top'\"\r\n  [class.x-table-head-bottom]=\"position() === 'bottom'\"\r\n>\r\n  @if (cellConfig()) {\r\n    <tr [style.gridTemplateColumns]=\"cellConfig()!.gridTemplateColumns\" [style.min-height.px]=\"getHeaderHeight()\">\r\n      @for (column of cellConfig()!.cells; track column.id) {\r\n        <th\r\n          [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n          [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n          [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n          [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n          [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n          [class.x-table-width-drag]=\"column.dragWidth\"\r\n          [style.grid-area]=\"column.gridArea\"\r\n          [style.left.px]=\"column.left\"\r\n          [style.right.px]=\"column.right\"\r\n          [style.min-height.px]=\"getHeaderHeight()\"\r\n          [title]=\"column?.label\"\r\n        >\r\n          <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n          @if (column.dragWidth) {\r\n            <div\r\n              class=\"x-table-drag-width\"\r\n              x-drag\r\n              (dragMoved)=\"dragWidthMoved($event, column)\"\r\n              (dragStarted)=\"dragWidthStarted($event, column)\"\r\n              (dragEnded)=\"dragWidthEnded($event, column)\"\r\n            ></div>\r\n          }\r\n        </th>\r\n      }\r\n    </tr>\r\n  } @else {\r\n    <ng-container *ngTemplateOutlet=\"columnsTpl\"></ng-container>\r\n  }\r\n  @if (table.headSearchTpl()) {\r\n    <ng-container *ngTemplateOutlet=\"columnsTpl; context: { case: 'search' }\"></ng-container>\r\n  }\r\n</thead>\r\n\r\n<ng-template #columnsTpl let-case=\"case\">\r\n  <tr\r\n    cdkDropList\r\n    cdkDropListOrientation=\"horizontal\"\r\n    (cdkDropListSorted)=\"dropListSorted($event)\"\r\n    (cdkDropListDropped)=\"dropListDropped($event)\"\r\n    [style.height.px]=\"getHeaderHeight()\"\r\n    [style.min-height.px]=\"getHeaderHeight()\"\r\n    [style.padding-right.px]=\"scrollYWidth()\"\r\n    [style.min-width.px]=\"scrollXWidth()\"\r\n    [class.x-table-search]=\"case === 'search'\"\r\n  >\r\n    @for (column of initColumns(); track column.id) {\r\n      <th\r\n        cdkDrag\r\n        [cdkDragDisabled]=\"column.draggingWidth || !column.dragColumn\"\r\n        (cdkDragStarted)=\"dragStarted($event, column)\"\r\n        (cdkDragEnded)=\"dragEnded(column)\"\r\n        [ngClass]=\"thClassMap()\"\r\n        [class.x-table-th]=\"true\"\r\n        [class.x-table-sticky]=\"table.getSticky(column)\"\r\n        [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n        [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n        [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n        [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n        [style.min-height.px]=\"getHeaderHeight()\"\r\n        [style.width.px]=\"getColumnWidth(column)\"\r\n        [style.left.px]=\"column.left\"\r\n        [style.right.px]=\"getColumnRight(column.right)\"\r\n        [style.flex]=\"getFlex(column)\"\r\n      >\r\n        @switch (case) {\r\n          @case ('search') {\r\n            <ng-container *xOutlet=\"table.headSearchTpl()!; context: { $column: column }\"></ng-container>\r\n          }\r\n          @default {\r\n            <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n            @if (column.dragWidth) {\r\n              <div\r\n                class=\"x-table-drag-width\"\r\n                x-drag\r\n                (dragMoved)=\"dragWidthMoved($event, column)\"\r\n                (dragStarted)=\"dragWidthStarted($event, column);\"\r\n                (dragEnded)=\"dragWidthEnded($event, column)\"\r\n              ></div>\r\n            }\r\n          }\r\n        }\r\n      </th>\r\n    }\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #columnBaseTpl let-column=\"column\">\r\n  @switch (column.type) {\r\n    @case ('checkbox') {\r\n      @if (column.headChecked) {\r\n        <x-checkbox\r\n          [data]=\"[{ id: true, label: column.label }]\"\r\n          [(ngModel)]=\"table.checkedValues()[column.id]\"\r\n          (ngModelChange)=\"table.headChecked($event, column)\"\r\n          [indeterminate]=\"table.checkedValues()[column.id + table.indeterminate()]\"\r\n          single\r\n        ></x-checkbox>\r\n      }\r\n      @if (!column.headChecked) {\r\n        <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n      }\r\n    }\r\n    @case ('index') {\r\n      <a\r\n        ><ng-container *xOutlet=\"columnTpl()[column.id]; context: { $column: column }\">\r\n          <ng-container *xOutlet=\"table.headThTpl(); context: { $column: column }\">\r\n            {{ column.label }}\r\n          </ng-container>\r\n        </ng-container></a\r\n      >\r\n    }\r\n    @default {\r\n      <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #cloumnDefaultTpl let-column=\"column\">\r\n  <a [class.x-table-sort]=\"column.sort\" (click)=\"onSort(column)\" [style.text-align]=\"column.textAlign\">\r\n    <ng-container *xOutlet=\"columnTpl()[column.id]; context: { $column: column }\">\r\n      <ng-container *xOutlet=\"table.headThTpl(); context: { $column: column }\">\r\n        {{ column.label }}\r\n      </ng-container>\r\n    </ng-container>\r\n    @if (column.sort) {\r\n      <x-icon\r\n        type=\"fto-bar-chart\"\r\n        class=\"x-table-sort-icon\"\r\n        [class.x-table-icon-up]=\"sortStr() === column.id + ' desc'\"\r\n        [class.x-table-icon-down]=\"sortStr() === column.id + ' asc'\"\r\n      ></x-icon>\r\n    }\r\n  </a>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: XDragDirective, selector: "[x-drag]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: XCheckboxComponent, selector: "x-checkbox" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XTableHeadComponent, decorators: [{
             type: Component,
@@ -828,7 +828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImpor
                         XCheckboxComponent,
                         XOutletDirective,
                         XIconComponent
-                    ], encapsulation: ViewEncapsulation.None, template: "<thead\r\n  #thead\r\n  [ngStyle]=\"theadStyle()\"\r\n  [class.x-table-head-top]=\"position() === 'top'\"\r\n  [class.x-table-head-bottom]=\"position() === 'bottom'\"\r\n>\r\n  @if (cellConfig()) {\r\n    <tr [style.gridTemplateColumns]=\"cellConfig()!.gridTemplateColumns\" [style.min-height.px]=\"getRowHeight()\">\r\n      @for (column of cellConfig()!.cells; track column.id) {\r\n        <th\r\n          [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n          [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n          [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n          [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n          [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n          [class.x-table-width-drag]=\"column.dragWidth\"\r\n          [style.grid-area]=\"column.gridArea\"\r\n          [style.left.px]=\"column.left\"\r\n          [style.right.px]=\"column.right\"\r\n          [style.min-height.px]=\"getHeaderHeight()\"\r\n          [title]=\"column?.label\"\r\n        >\r\n          <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n          @if (column.dragWidth) {\r\n            <div\r\n              class=\"x-table-drag-width\"\r\n              x-drag\r\n              (dragMoved)=\"dragWidthMoved($event, column)\"\r\n              (dragStarted)=\"dragWidthStarted($event, column)\"\r\n              (dragEnded)=\"dragWidthEnded($event, column)\"\r\n            ></div>\r\n          }\r\n        </th>\r\n      }\r\n    </tr>\r\n  } @else {\r\n    <ng-container *ngTemplateOutlet=\"columnsTpl\"></ng-container>\r\n  }\r\n  @if (table.headSearchTpl()) {\r\n    <ng-container *ngTemplateOutlet=\"columnsTpl; context: { case: 'search' }\"></ng-container>\r\n  }\r\n</thead>\r\n\r\n<ng-template #columnsTpl let-case=\"case\">\r\n  <tr\r\n    cdkDropList\r\n    cdkDropListOrientation=\"horizontal\"\r\n    (cdkDropListSorted)=\"dropListSorted($event)\"\r\n    (cdkDropListDropped)=\"dropListDropped($event)\"\r\n    [style.height.px]=\"getHeaderHeight()\"\r\n    [style.min-height.px]=\"getHeaderHeight()\"\r\n    [style.padding-right.px]=\"scrollYWidth()\"\r\n    [style.min-width.px]=\"scrollXWidth()\"\r\n    [class.x-table-search]=\"case === 'search'\"\r\n  >\r\n    @for (column of initColumns(); track column.id) {\r\n      <th\r\n        cdkDrag\r\n        [cdkDragDisabled]=\"column.draggingWidth || !column.dragColumn\"\r\n        (cdkDragStarted)=\"dragStarted($event, column)\"\r\n        (cdkDragEnded)=\"dragEnded(column)\"\r\n        [ngClass]=\"thClassMap()\"\r\n        [class.x-table-th]=\"true\"\r\n        [class.x-table-sticky]=\"table.getSticky(column)\"\r\n        [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n        [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n        [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n        [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n        [style.min-height.px]=\"getHeaderHeight()\"\r\n        [style.width.px]=\"getColumnWidth(column)\"\r\n        [style.left.px]=\"column.left\"\r\n        [style.right.px]=\"getColumnRight(column.right)\"\r\n        [style.flex]=\"getFlex(column)\"\r\n      >\r\n        @switch (case) {\r\n          @case ('search') {\r\n            <ng-container *xOutlet=\"table.headSearchTpl()!; context: { $column: column }\"></ng-container>\r\n          }\r\n          @default {\r\n            <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n            @if (column.dragWidth) {\r\n              <div\r\n                class=\"x-table-drag-width\"\r\n                x-drag\r\n                (dragMoved)=\"dragWidthMoved($event, column)\"\r\n                (dragStarted)=\"dragWidthStarted($event, column);\"\r\n                (dragEnded)=\"dragWidthEnded($event, column)\"\r\n              ></div>\r\n            }\r\n          }\r\n        }\r\n      </th>\r\n    }\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #columnBaseTpl let-column=\"column\">\r\n  @switch (column.type) {\r\n    @case ('checkbox') {\r\n      @if (column.headChecked) {\r\n        <x-checkbox\r\n          [data]=\"[{ id: true, label: column.label }]\"\r\n          [(ngModel)]=\"table.checkedValues()[column.id]\"\r\n          (ngModelChange)=\"table.headChecked($event, column)\"\r\n          [indeterminate]=\"table.checkedValues()[column.id + table.indeterminate()]\"\r\n          single\r\n        ></x-checkbox>\r\n      }\r\n      @if (!column.headChecked) {\r\n        <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n      }\r\n    }\r\n    @case ('index') {\r\n      <a\r\n        ><ng-container *xOutlet=\"columnTpl()[column.id]; context: { $column: column }\">\r\n          <ng-container *xOutlet=\"table.headThTpl(); context: { $column: column }\">\r\n            {{ column.label }}\r\n          </ng-container>\r\n        </ng-container></a\r\n      >\r\n    }\r\n    @default {\r\n      <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #cloumnDefaultTpl let-column=\"column\">\r\n  <a [class.x-table-sort]=\"column.sort\" (click)=\"onSort(column)\" [style.text-align]=\"column.textAlign\">\r\n    <ng-container *xOutlet=\"columnTpl()[column.id]; context: { $column: column }\">\r\n      <ng-container *xOutlet=\"table.headThTpl(); context: { $column: column }\">\r\n        {{ column.label }}\r\n      </ng-container>\r\n    </ng-container>\r\n    @if (column.sort) {\r\n      <x-icon\r\n        type=\"fto-bar-chart\"\r\n        class=\"x-table-sort-icon\"\r\n        [class.x-table-icon-up]=\"sortStr() === column.id + ' desc'\"\r\n        [class.x-table-icon-down]=\"sortStr() === column.id + ' asc'\"\r\n      ></x-icon>\r\n    }\r\n  </a>\r\n</ng-template>\r\n" }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<thead\r\n  #thead\r\n  [ngStyle]=\"theadStyle()\"\r\n  [class.x-table-head-top]=\"position() === 'top'\"\r\n  [class.x-table-head-bottom]=\"position() === 'bottom'\"\r\n>\r\n  @if (cellConfig()) {\r\n    <tr [style.gridTemplateColumns]=\"cellConfig()!.gridTemplateColumns\" [style.min-height.px]=\"getHeaderHeight()\">\r\n      @for (column of cellConfig()!.cells; track column.id) {\r\n        <th\r\n          [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n          [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n          [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n          [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n          [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n          [class.x-table-width-drag]=\"column.dragWidth\"\r\n          [style.grid-area]=\"column.gridArea\"\r\n          [style.left.px]=\"column.left\"\r\n          [style.right.px]=\"column.right\"\r\n          [style.min-height.px]=\"getHeaderHeight()\"\r\n          [title]=\"column?.label\"\r\n        >\r\n          <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n          @if (column.dragWidth) {\r\n            <div\r\n              class=\"x-table-drag-width\"\r\n              x-drag\r\n              (dragMoved)=\"dragWidthMoved($event, column)\"\r\n              (dragStarted)=\"dragWidthStarted($event, column)\"\r\n              (dragEnded)=\"dragWidthEnded($event, column)\"\r\n            ></div>\r\n          }\r\n        </th>\r\n      }\r\n    </tr>\r\n  } @else {\r\n    <ng-container *ngTemplateOutlet=\"columnsTpl\"></ng-container>\r\n  }\r\n  @if (table.headSearchTpl()) {\r\n    <ng-container *ngTemplateOutlet=\"columnsTpl; context: { case: 'search' }\"></ng-container>\r\n  }\r\n</thead>\r\n\r\n<ng-template #columnsTpl let-case=\"case\">\r\n  <tr\r\n    cdkDropList\r\n    cdkDropListOrientation=\"horizontal\"\r\n    (cdkDropListSorted)=\"dropListSorted($event)\"\r\n    (cdkDropListDropped)=\"dropListDropped($event)\"\r\n    [style.height.px]=\"getHeaderHeight()\"\r\n    [style.min-height.px]=\"getHeaderHeight()\"\r\n    [style.padding-right.px]=\"scrollYWidth()\"\r\n    [style.min-width.px]=\"scrollXWidth()\"\r\n    [class.x-table-search]=\"case === 'search'\"\r\n  >\r\n    @for (column of initColumns(); track column.id) {\r\n      <th\r\n        cdkDrag\r\n        [cdkDragDisabled]=\"column.draggingWidth || !column.dragColumn\"\r\n        (cdkDragStarted)=\"dragStarted($event, column)\"\r\n        (cdkDragEnded)=\"dragEnded(column)\"\r\n        [ngClass]=\"thClassMap()\"\r\n        [class.x-table-th]=\"true\"\r\n        [class.x-table-sticky]=\"table.getSticky(column)\"\r\n        [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n        [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n        [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n        [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n        [style.min-height.px]=\"getHeaderHeight()\"\r\n        [style.width.px]=\"getColumnWidth(column)\"\r\n        [style.left.px]=\"column.left\"\r\n        [style.right.px]=\"getColumnRight(column.right)\"\r\n        [style.flex]=\"getFlex(column)\"\r\n      >\r\n        @switch (case) {\r\n          @case ('search') {\r\n            <ng-container *xOutlet=\"table.headSearchTpl()!; context: { $column: column }\"></ng-container>\r\n          }\r\n          @default {\r\n            <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n            @if (column.dragWidth) {\r\n              <div\r\n                class=\"x-table-drag-width\"\r\n                x-drag\r\n                (dragMoved)=\"dragWidthMoved($event, column)\"\r\n                (dragStarted)=\"dragWidthStarted($event, column);\"\r\n                (dragEnded)=\"dragWidthEnded($event, column)\"\r\n              ></div>\r\n            }\r\n          }\r\n        }\r\n      </th>\r\n    }\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #columnBaseTpl let-column=\"column\">\r\n  @switch (column.type) {\r\n    @case ('checkbox') {\r\n      @if (column.headChecked) {\r\n        <x-checkbox\r\n          [data]=\"[{ id: true, label: column.label }]\"\r\n          [(ngModel)]=\"table.checkedValues()[column.id]\"\r\n          (ngModelChange)=\"table.headChecked($event, column)\"\r\n          [indeterminate]=\"table.checkedValues()[column.id + table.indeterminate()]\"\r\n          single\r\n        ></x-checkbox>\r\n      }\r\n      @if (!column.headChecked) {\r\n        <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n      }\r\n    }\r\n    @case ('index') {\r\n      <a\r\n        ><ng-container *xOutlet=\"columnTpl()[column.id]; context: { $column: column }\">\r\n          <ng-container *xOutlet=\"table.headThTpl(); context: { $column: column }\">\r\n            {{ column.label }}\r\n          </ng-container>\r\n        </ng-container></a\r\n      >\r\n    }\r\n    @default {\r\n      <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #cloumnDefaultTpl let-column=\"column\">\r\n  <a [class.x-table-sort]=\"column.sort\" (click)=\"onSort(column)\" [style.text-align]=\"column.textAlign\">\r\n    <ng-container *xOutlet=\"columnTpl()[column.id]; context: { $column: column }\">\r\n      <ng-container *xOutlet=\"table.headThTpl(); context: { $column: column }\">\r\n        {{ column.label }}\r\n      </ng-container>\r\n    </ng-container>\r\n    @if (column.sort) {\r\n      <x-icon\r\n        type=\"fto-bar-chart\"\r\n        class=\"x-table-sort-icon\"\r\n        [class.x-table-icon-up]=\"sortStr() === column.id + ' desc'\"\r\n        [class.x-table-icon-down]=\"sortStr() === column.id + ' asc'\"\r\n      ></x-icon>\r\n    }\r\n  </a>\r\n</ng-template>\r\n" }]
         }], propDecorators: { thead: [{ type: i0.ViewChild, args: ['thead', { isSignal: true }] }] } });
 class XTableFootComponent extends XTableFootProperty {