@ng-nest/ui 19.0.0 → 19.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-timeline.mjs","sources":["../../../../lib/ng-nest/ui/timeline/timeline.property.ts","../../../../lib/ng-nest/ui/timeline/timeline.component.ts","../../../../lib/ng-nest/ui/timeline/timeline.component.html","../../../../lib/ng-nest/ui/timeline/timeline.module.ts","../../../../lib/ng-nest/ui/timeline/ng-nest-ui-timeline.ts"],"sourcesContent":["import { XPropertyFunction, XToDataArray } from '@ng-nest/ui/core';\r\nimport { Component, input } from '@angular/core';\r\nimport type { XType, XSize, XTemplate, XIdentityProperty, XDate, XDataArray } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Timeline\r\n * @selector x-timeline\r\n * @decorator component\r\n */\r\nexport const XTimelinePrefix = 'x-timeline';\r\nconst X_TIMELINE_CONFIG_NAME = 'timeline';\r\n\r\n/**\r\n * Timeline Property\r\n */\r\n@Component({ selector: `${XTimelinePrefix}-property`, template: '' })\r\nexport class XTimelineProperty extends XPropertyFunction(X_TIMELINE_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 数据\r\n   * @en_US Date\r\n   */\r\n  readonly data = input<XTimelineNode[], XDataArray<XTimelineNode>>([], { transform: XToDataArray });\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Type\r\n   */\r\n  readonly type = input<XType>();\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n  /**\r\n   * @zh_CN 内容模板\r\n   * @en_US Content template\r\n   */\r\n  readonly wrapper = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 时间轴的相对位置\r\n   * @en_US Content and timeline relative position\r\n   */\r\n  readonly mode = input<XTimelineMode>(this.config?.mode ?? 'left');\r\n}\r\n\r\n/**\r\n * @zh_CN Timeline 数据对象\r\n * @en_US Timeline node data\r\n */\r\nexport interface XTimelineNode extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 时间\r\n   * @en_US Time\r\n   */\r\n  time?: XDate;\r\n  /**\r\n   * @zh_CN 内容\r\n   * @en_US Content\r\n   */\r\n  content?: string;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Type\r\n   */\r\n  type?: XType;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US Color\r\n   */\r\n  color?: string;\r\n  /**\r\n   * @zh_CN 加载中\r\n   * @en_US Loading\r\n   */\r\n  loading?: boolean;\r\n  /**\r\n   * @zh_CN 连接线显示虚线，针对下一个节点，下一个节点为 loading 状态也会显示虚线\r\n   * @en_US The connecting line displays a dotted line. For the next node, the dotted line will also be displayed when the next node is in loading status\r\n   */\r\n  dashed?: boolean;\r\n  /**\r\n   * @zh_CN 其它自定义属性\r\n   * @en_US Other property\r\n   */\r\n  [property: string]: any;\r\n}\r\n\r\n/**\r\n * @zh_CN 时间轴的相对位置\r\n * @en_US Content and timeline relative position\r\n */\r\nexport type XTimelineMode = 'left' | 'right' | 'alternate';\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, computed } from '@angular/core';\r\nimport { XTimelinePrefix, XTimelineNode, XTimelineProperty } from './timeline.property';\r\nimport { XIsEmpty } from '@ng-nest/ui/core';\r\nimport { DatePipe, NgClass } from '@angular/common';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XTimeAgoPipe } from '@ng-nest/ui/time-ago';\r\nimport { XLinkComponent } from '@ng-nest/ui/link';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\n\r\n@Component({\r\n  selector: `${XTimelinePrefix}`,\r\n  imports: [NgClass, DatePipe, XIconComponent, XTimeAgoPipe, XLinkComponent, XOutletDirective],\r\n  templateUrl: './timeline.component.html',\r\n  styleUrls: ['./timeline.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTimelineComponent extends XTimelineProperty {\r\n  classMap = computed(() => ({\r\n    [`${XTimelinePrefix}-${this.mode()}`]: !XIsEmpty(this.mode())\r\n  }));\r\n\r\n  nodes = computed(() => {\r\n    const data = this.data();\r\n    this.setDashed(data);\r\n    return data;\r\n  });\r\n\r\n  private setDashed(nodes: XTimelineNode[]) {\r\n    const len = nodes.length;\r\n    if (len <= 1) return;\r\n    for (let i = 0; i < nodes.length; i++) {\r\n      let node = nodes[i];\r\n      if (!node.loading) continue;\r\n      if (i === 0) {\r\n        node.dashed = true;\r\n      } else if (i > 0) {\r\n        nodes[i - 1].dashed = true;\r\n      }\r\n    }\r\n  }\r\n}\r\n","<div #timeline class=\"x-timeline\" [ngClass]=\"classMap()\">\r\n  <ul>\r\n    @for (node of nodes(); track node.id) {\r\n      <li [class.x-timeline-loading]=\"node.loading\">\r\n        <div class=\"x-timeline-tail\" [class.x-timeline-tail-dashed]=\"node.dashed\"></div>\r\n        <div\r\n          class=\"x-timeline-icon {{ node.type ? 'x-timeline-' + node.type : '' }} {{\r\n            node.size ? 'x-timeline-' + node.size : ''\r\n          }}\"\r\n          [style.background-color]=\"node.color\"\r\n        >\r\n          @if (node.icon && !node.loading) {\r\n            <x-icon [type]=\"node.icon\"></x-icon>\r\n          }\r\n          @if (node.loading) {\r\n            <x-icon type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n          }\r\n        </div>\r\n        <div class=\"x-timeline-wrapper\">\r\n          <ng-container *xOutlet=\"wrapper(); context: { $node: node }\">\r\n            <div class=\"x-timeline-label\">\r\n              @if (node.label) {\r\n                <x-link>{{ node.label }}</x-link>\r\n              }\r\n              <span class=\"x-timeline-time\" [title]=\"node.time | date: 'yyyy-MM-dd HH:mm:ss'\">{{\r\n                node.time | xTimeAgo\r\n              }}</span>\r\n            </div>\r\n            <div class=\"x-timeline-content\">{{ node.content }}</div>\r\n          </ng-container>\r\n        </div>\r\n      </li>\r\n    }\r\n  </ul>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XTimelineComponent } from './timeline.component';\r\n\r\n@NgModule({\r\n  exports: [XTimelineComponent],\r\n  imports: [XTimelineComponent]\r\n})\r\nexport class XTimelineModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-timeline.mjs","sources":["../../../../lib/ng-nest/ui/timeline/timeline.property.ts","../../../../lib/ng-nest/ui/timeline/timeline.component.ts","../../../../lib/ng-nest/ui/timeline/timeline.component.html","../../../../lib/ng-nest/ui/timeline/timeline.module.ts","../../../../lib/ng-nest/ui/timeline/ng-nest-ui-timeline.ts"],"sourcesContent":["import { XPropertyFunction, XToDataArray } from '@ng-nest/ui/core';\r\nimport { Component, input } from '@angular/core';\r\nimport type { XType, XSize, XTemplate, XIdentityProperty, XDate, XDataArray } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Timeline\r\n * @selector x-timeline\r\n * @decorator component\r\n */\r\nexport const XTimelinePrefix = 'x-timeline';\r\nconst X_TIMELINE_CONFIG_NAME = 'timeline';\r\n\r\n/**\r\n * Timeline Property\r\n */\r\n@Component({ selector: `${XTimelinePrefix}-property`, template: '' })\r\nexport class XTimelineProperty extends XPropertyFunction(X_TIMELINE_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 数据\r\n   * @en_US Date\r\n   */\r\n  readonly data = input<XTimelineNode[], XDataArray<XTimelineNode>>([], { transform: XToDataArray });\r\n  /**\r\n   * @zh_CN 内容模板\r\n   * @en_US Content template\r\n   */\r\n  readonly wrapper = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 时间轴的相对位置\r\n   * @en_US Content and timeline relative position\r\n   */\r\n  readonly mode = input<XTimelineMode>(this.config?.mode ?? 'left');\r\n}\r\n\r\n/**\r\n * @zh_CN Timeline 数据对象\r\n * @en_US Timeline node data\r\n */\r\nexport interface XTimelineNode extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 时间\r\n   * @en_US Time\r\n   */\r\n  time?: XDate;\r\n  /**\r\n   * @zh_CN 内容\r\n   * @en_US Content\r\n   */\r\n  content?: string;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Type\r\n   */\r\n  type?: XType;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US Color\r\n   */\r\n  color?: string;\r\n  /**\r\n   * @zh_CN 加载中\r\n   * @en_US Loading\r\n   */\r\n  loading?: boolean;\r\n  /**\r\n   * @zh_CN 连接线显示虚线，针对下一个节点，下一个节点为 loading 状态也会显示虚线\r\n   * @en_US The connecting line displays a dotted line. For the next node, the dotted line will also be displayed when the next node is in loading status\r\n   */\r\n  dashed?: boolean;\r\n  /**\r\n   * @zh_CN 其它自定义属性\r\n   * @en_US Other property\r\n   */\r\n  [property: string]: any;\r\n}\r\n\r\n/**\r\n * @zh_CN 时间轴的相对位置\r\n * @en_US Content and timeline relative position\r\n */\r\nexport type XTimelineMode = 'left' | 'right' | 'alternate';\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, computed } from '@angular/core';\r\nimport { XTimelinePrefix, XTimelineNode, XTimelineProperty } from './timeline.property';\r\nimport { XIsEmpty } from '@ng-nest/ui/core';\r\nimport { DatePipe, NgClass } from '@angular/common';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XTimeAgoPipe } from '@ng-nest/ui/time-ago';\r\nimport { XLinkComponent } from '@ng-nest/ui/link';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\n\r\n@Component({\r\n  selector: `${XTimelinePrefix}`,\r\n  imports: [NgClass, DatePipe, XIconComponent, XTimeAgoPipe, XLinkComponent, XOutletDirective],\r\n  templateUrl: './timeline.component.html',\r\n  styleUrls: ['./timeline.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTimelineComponent extends XTimelineProperty {\r\n  classMap = computed(() => ({\r\n    [`${XTimelinePrefix}-${this.mode()}`]: !XIsEmpty(this.mode())\r\n  }));\r\n\r\n  nodes = computed(() => {\r\n    const data = this.data();\r\n    this.setDashed(data);\r\n    return data;\r\n  });\r\n\r\n  private setDashed(nodes: XTimelineNode[]) {\r\n    const len = nodes.length;\r\n    if (len <= 1) return;\r\n    for (let i = 0; i < nodes.length; i++) {\r\n      let node = nodes[i];\r\n      if (!node.loading) continue;\r\n      if (i === 0) {\r\n        node.dashed = true;\r\n      } else if (i > 0) {\r\n        nodes[i - 1].dashed = true;\r\n      }\r\n    }\r\n  }\r\n}\r\n","<div #timeline class=\"x-timeline\" [ngClass]=\"classMap()\">\r\n  <ul>\r\n    @for (node of nodes(); track node.id) {\r\n      <li [class.x-timeline-loading]=\"node.loading\">\r\n        <div class=\"x-timeline-tail\" [class.x-timeline-tail-dashed]=\"node.dashed\"></div>\r\n        <div\r\n          class=\"x-timeline-icon {{ node.type ? 'x-timeline-' + node.type : '' }} {{\r\n            node.size ? 'x-timeline-' + node.size : ''\r\n          }}\"\r\n          [style.background-color]=\"node.color\"\r\n        >\r\n          @if (node.icon && !node.loading) {\r\n            <x-icon [type]=\"node.icon\"></x-icon>\r\n          }\r\n          @if (node.loading) {\r\n            <x-icon type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n          }\r\n        </div>\r\n        <div class=\"x-timeline-wrapper\">\r\n          <ng-container *xOutlet=\"wrapper(); context: { $node: node }\">\r\n            <div class=\"x-timeline-label\">\r\n              @if (node.label) {\r\n                <x-link>{{ node.label }}</x-link>\r\n              }\r\n              <span class=\"x-timeline-time\" [title]=\"node.time | date: 'yyyy-MM-dd HH:mm:ss'\">{{\r\n                node.time | xTimeAgo\r\n              }}</span>\r\n            </div>\r\n            <div class=\"x-timeline-content\">{{ node.content }}</div>\r\n          </ng-container>\r\n        </div>\r\n      </li>\r\n    }\r\n  </ul>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XTimelineComponent } from './timeline.component';\r\n\r\n@NgModule({\r\n  exports: [XTimelineComponent],\r\n  imports: [XTimelineComponent]\r\n})\r\nexport class XTimelineModule {}\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-tooltip.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { input, model, Directive, output, signal, inject, DestroyRef, viewChild, ElementRef, computed, Renderer2, Component, ViewEncapsulation, ChangeDetectionStrategy, HostListener, HostBinding, ViewContainerRef, effect, NgModule } from '@angular/core';
 import { XPortalService, XPortalConnectedPosition } from '@ng-nest/ui/portal';
-import { XPropertyFunction, XToBoolean, XToNumber, XIsEmpty, XFadeAnimation } from '@ng-nest/ui/core';
+import { XPropertyFunction, XToBoolean, XToNumber, XIsEmpty, XFadeAnimation, XIsChange } from '@ng-nest/ui/core';
 import { XOutletDirective } from '@ng-nest/ui/outlet';
 import { NgClass } from '@angular/common';
 import { Subject } from 'rxjs';
@@ -218,39 +218,50 @@ class XTooltipDirective extends XTooltipProperty {
         effect(() => this.portalComponent()?.setInput('color', this.color()));
         effect(() => this.portalComponent()?.setInput('backgroundColor', this.backgroundColor()));
         effect(() => this.portalComponent()?.setInput('placement', this.realPlacement()));
-        this.visibleChanged.subscribe((x) => {
-            if (x)
-                this.show();
-            else
-                this.hide();
-        });
     }
     ngOnDestroy() {
         this.unSubject.next();
         this.unSubject.complete();
     }
-    show() {
+    ngOnChanges(changes) {
+        const { visible } = changes;
+        XIsChange(visible) && this.setVisible();
+    }
+    setVisible() {
+        if (this.visible()) {
+            this.show(false);
+        }
+        else {
+            this.hide(false);
+        }
+    }
+    show(event = true) {
         if (this.timeoutHide)
             clearTimeout(this.timeoutHide);
         if (this.timeoutShow)
             clearTimeout(this.timeoutShow);
-        if ((!this.portal || (this.portal && !this.portal.overlayRef?.hasAttached())) && this.mouseover()) {
-            this.timeoutShow = setTimeout(() => {
-                this.createPortal();
-                this.visible.set(true);
-            }, this.mouseEnterDelay());
+        if (!this.portal || (this.portal && !this.portal.overlayRef?.hasAttached())) {
+            if ((event && this.mouseover()) || !event) {
+                this.timeoutShow = setTimeout(() => {
+                    console.log(111);
+                    this.createPortal();
+                    this.visible.set(true);
+                }, this.mouseEnterDelay());
+            }
         }
     }
-    hide() {
+    hide(event = true) {
         if (this.timeoutHide)
             clearTimeout(this.timeoutHide);
         if (this.timeoutShow)
             clearTimeout(this.timeoutShow);
         if (this.portal?.overlayRef?.hasAttached() && !this.mouseover()) {
-            this.timeoutHide = setTimeout(() => {
-                this.portal.overlayRef?.dispose();
-                this.visible.set(false);
-            }, this.mouseLeaveDelay());
+            if ((event && !this.mouseover()) || !event) {
+                this.timeoutHide = setTimeout(() => {
+                    this.portal.overlayRef?.dispose();
+                    this.visible.set(false);
+                }, this.mouseLeaveDelay());
+            }
         }
     }
     createPortal() {
@@ -307,7 +318,7 @@ class XTooltipDirective extends XTooltipProperty {
         this.portal.overlayRef?.updatePosition();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: XTooltipDirective, isStandalone: true, selector: "[x-tooltip], x-tooltip", host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, properties: { "class.x-tooltip-show": "this._show" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: XTooltipDirective, isStandalone: true, selector: "[x-tooltip], x-tooltip", host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, properties: { "class.x-tooltip-show": "this._show" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XTooltipDirective, decorators: [{
             type: Directive,

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-tooltip.mjs","sources":["../../../../lib/ng-nest/ui/tooltip/tooltip.property.ts","../../../../lib/ng-nest/ui/tooltip/tooltip-portal.component.ts","../../../../lib/ng-nest/ui/tooltip/tooltip-portal.component.html","../../../../lib/ng-nest/ui/tooltip/tooltip.directive.ts","../../../../lib/ng-nest/ui/tooltip/tooltip.module.ts","../../../../lib/ng-nest/ui/tooltip/ng-nest-ui-tooltip.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean, XToNumber } from '@ng-nest/ui/core';\r\nimport { Directive, ElementRef, input, model } from '@angular/core';\r\nimport type { XPlacement, XBoolean, XTemplate, XNumber } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Tooltip\r\n * @selector x-tooltip\r\n * @decorator directive\r\n */\r\nexport const XTooltipPrefix = 'x-tooltip';\r\nconst X_TOOLTIP_CONFIG_NAME = 'tooltip';\r\n\r\n/**\r\n * Tooltip Property\r\n */\r\n@Directive({ selector: `[${XTooltipPrefix}], ${XTooltipPrefix}` })\r\nexport class XTooltipProperty extends XPropertyFunction(X_TOOLTIP_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 内容\r\n   * @en_US Content\r\n   */\r\n  readonly content = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 显示位置\r\n   * @en_US Display position\r\n   */\r\n  readonly placement = input<XPlacement>(this.config?.placement ?? 'top');\r\n  /**\r\n   * @zh_CN 显示/隐藏\r\n   * @en_US Show/hide\r\n   */\r\n  readonly visible = model<boolean>(false);\r\n  /**\r\n   * @zh_CN 内部样式\r\n   * @en_US panel class\r\n   */\r\n  readonly panelClass = input<string | string[]>();\r\n  /**\r\n   * @zh_CN 指定参考对象\r\n   * @en_US specify reference object\r\n   */\r\n  readonly connectTo = input<ElementRef<HTMLElement> | HTMLElement>();\r\n  /**\r\n   * @zh_CN 背景颜色\r\n   * @en_US Background color\r\n   */\r\n  readonly backgroundColor = input<string>();\r\n  /**\r\n   * @zh_CN 文字颜色\r\n   * @en_US Text color\r\n   */\r\n  readonly color = input<string>();\r\n  /**\r\n   * @zh_CN 手动处理关闭事件\r\n   * @en_US Manually handle the shutdown event\r\n   */\r\n  readonly manual = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 鼠标移入后延时多少才显示\r\n   * @en_US How much is the mouse transfer after transfer\r\n   */\r\n  readonly mouseEnterDelay = input<number, XNumber>(150, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 鼠标移出后延时多少才隐藏\r\n   * @en_US How much hidden is hidden after the mouse is removed\r\n   */\r\n  readonly mouseLeaveDelay = input<number, XNumber>(100, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 禁用显示\r\n   * @en_US Disable display\r\n   */\r\n  readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n}\r\n\r\n/**\r\n * Tooltip Portal\r\n * @selector x-tooltip-portal\r\n * @decorator component\r\n */\r\nexport const XTooltipPortalPrefix = 'x-tooltip-portal';\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  Renderer2,\r\n  HostListener,\r\n  HostBinding,\r\n  inject,\r\n  input,\r\n  computed,\r\n  viewChild,\r\n  signal,\r\n  output,\r\n  DestroyRef\r\n} from '@angular/core';\r\nimport { XTooltipPortalPrefix } from './tooltip.property';\r\nimport { XPlacement, XFadeAnimation, XTemplate, XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { NgClass } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XTooltipPortalPrefix}`,\r\n  imports: [NgClass, XOutletDirective],\r\n  templateUrl: './tooltip-portal.component.html',\r\n  styleUrls: ['./tooltip-portal.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XFadeAnimation]\r\n})\r\nexport class XTooltipPortalComponent {\r\n  placement = input<XPlacement>();\r\n  content = input<XTemplate>();\r\n  box = input<DOMRect>();\r\n  color = input<string>();\r\n  backgroundColor = input<string>();\r\n  hoverChanged = output<boolean>();\r\n  arrowHidden = signal(true);\r\n  destroy = signal(false);\r\n  private destroyRef = inject(DestroyRef);\r\n\r\n  constructor() {\r\n    this.destroyRef.onDestroy(() => {\r\n      this.destroy.set(true);\r\n    });\r\n  }\r\n\r\n  @HostListener('mouseenter') mouseenter() {\r\n    if (this.destroy()) return;\r\n    this.hoverChanged.emit(true);\r\n  }\r\n  @HostListener('mouseleave') mouseleave() {\r\n    if (this.destroy()) return;\r\n    this.hoverChanged.emit(false);\r\n  }\r\n\r\n  @HostBinding('@x-fade-animation') animation = true;\r\n  @HostListener('@x-fade-animation.done', ['$event']) done(event: { toState: any }) {\r\n    if (this.destroy()) return;\r\n    if (event.toState === true) {\r\n      this.setArrow();\r\n      this.arrowHidden.set(false);\r\n    }\r\n  }\r\n\r\n  tooltipPortal = viewChild.required('tooltipPortal', { read: ElementRef<HTMLElement> });\r\n  tooltipArrow = viewChild.required('tooltipArrow', { read: ElementRef<HTMLElement> });\r\n  tooltipArrowAfter = viewChild.required('tooltipArrowAfter', { read: ElementRef<HTMLElement> });\r\n\r\n  classMap = computed(() => ({\r\n    [`${XTooltipPortalPrefix}-${this.placement()}`]: !XIsEmpty(this.placement())\r\n  }));\r\n\r\n  portalBox = computed(() => this.tooltipPortal().nativeElement.getBoundingClientRect());\r\n  arrowBox = computed(() => this.tooltipArrow().nativeElement.getBoundingClientRect());\r\n  private renderer = inject(Renderer2);\r\n\r\n  setArrow() {\r\n    const arrowBox = this.arrowBox();\r\n    const portalBox = this.portalBox();\r\n    const tooltipArrow = this.tooltipArrow().nativeElement;\r\n    const tooltipArrowAfter = this.tooltipArrowAfter().nativeElement;\r\n    const box = this.box()!;\r\n    let offset = arrowBox.height / 2;\r\n    if (portalBox.height > box.height && (this.includes('right-') || this.includes('left-'))) {\r\n      if (this.includes('-start')) {\r\n        this.renderer.setStyle(tooltipArrow, 'top', `${box.height / 2 - offset}px`);\r\n      } else if (this.includes('-end')) {\r\n        this.renderer.setStyle(tooltipArrow, 'bottom', `${box.height / 2 - offset}px`);\r\n      }\r\n    } else if (portalBox.width > box.width && (this.includes('top-') || this.includes('bottom-'))) {\r\n      if (this.includes('-start')) {\r\n        this.renderer.setStyle(tooltipArrow, 'left', `${box.width / 2 - offset}px`);\r\n      } else if (this.includes('-end')) {\r\n        this.renderer.setStyle(tooltipArrow, 'right', `${box.width / 2 - offset}px`);\r\n      }\r\n    }\r\n    if (!this.backgroundColor()) return;\r\n    const ptSplit = this.placement()?.split('-');\r\n    if (ptSplit && ptSplit.length > 0) {\r\n      this.renderer.setStyle(tooltipArrow, `border-${ptSplit[0]}-color`, this.backgroundColor());\r\n      this.renderer.setStyle(tooltipArrowAfter, `border-${ptSplit[0]}-color`, this.backgroundColor());\r\n    }\r\n  }\r\n\r\n  includes(arrow: string) {\r\n    return this.placement()!.indexOf(arrow) >= 0;\r\n  }\r\n}\r\n","<div #tooltipPortal class=\"x-tooltip-portal\" [ngClass]=\"classMap()\">\r\n  <div class=\"x-tooltip-portal-inner\" [style.backgroundColor]=\"backgroundColor()\" [style.color]=\"color()\">\r\n    <ng-container *xOutlet=\"content()\"><div [innerHTML]=\"content()\"></div></ng-container>\r\n  </div>\r\n  <div #tooltipArrow class=\"x-tooltip-portal-arrow\" [class.x-tooltip-portal-arrow-hidden]=\"arrowHidden()\">\r\n    <div #tooltipArrowAfter class=\"x-tooltip-portal-arrow-after\"></div>\r\n  </div>\r\n</div>\r\n","import {\r\n  ElementRef,\r\n  ViewContainerRef,\r\n  Directive,\r\n  HostListener,\r\n  OnDestroy,\r\n  HostBinding,\r\n  inject,\r\n  signal,\r\n  ComponentRef,\r\n  effect\r\n} from '@angular/core';\r\nimport { XPortalService, XPortalOverlayRef, XPortalConnectedPosition } from '@ng-nest/ui/portal';\r\nimport { XTooltipPortalComponent } from './tooltip-portal.component';\r\nimport { XTooltipPrefix, XTooltipProperty } from './tooltip.property';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport {\r\n  OverlayConfig,\r\n  FlexibleConnectedPositionStrategy,\r\n  ConnectedOverlayPositionChange,\r\n  Overlay\r\n} from '@angular/cdk/overlay';\r\nimport type { XPlacement } from '@ng-nest/ui/core';\r\nimport { toObservable } from '@angular/core/rxjs-interop';\r\n\r\n@Directive({ selector: `[${XTooltipPrefix}], ${XTooltipPrefix}` })\r\nexport class XTooltipDirective extends XTooltipProperty implements OnDestroy {\r\n  portal!: XPortalOverlayRef<XTooltipPortalComponent>;\r\n  box = signal<DOMRect | null>(null);\r\n  timeoutHide: any;\r\n  timeoutShow: any;\r\n  mouseover = signal(false);\r\n  private unSubject = new Subject<void>();\r\n  private realPlacement = signal<XPlacement | null>(null);\r\n  private elementRef = inject(ElementRef);\r\n  private portalService = inject(XPortalService);\r\n  private viewContainerRef = inject(ViewContainerRef);\r\n  private overlay = inject(Overlay);\r\n\r\n  @HostBinding('class.x-tooltip-show') get _show() {\r\n    return this.visible();\r\n  }\r\n\r\n  @HostListener('mouseenter') mouseenter() {\r\n    this.mouseover.set(true);\r\n    !this.disabled() && !this.manual() && this.show();\r\n  }\r\n\r\n  @HostListener('mouseleave') mouseleave() {\r\n    this.mouseover.set(false);\r\n    !this.disabled() && !this.manual() && this.hide();\r\n  }\r\n\r\n  portalComponent = signal<ComponentRef<XTooltipPortalComponent> | null>(null);\r\n  visibleChanged = toObservable(this.visible);\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => this.portalComponent()?.setInput('content', this.content()));\r\n    effect(() => this.portalComponent()?.setInput('box', this.box()));\r\n    effect(() => this.portalComponent()?.setInput('color', this.color()));\r\n    effect(() => this.portalComponent()?.setInput('backgroundColor', this.backgroundColor()));\r\n    effect(() => this.portalComponent()?.setInput('placement', this.realPlacement()));\r\n    this.visibleChanged.subscribe((x) => {\r\n      if (x) this.show();\r\n      else this.hide();\r\n    });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.unSubject.next();\r\n    this.unSubject.complete();\r\n  }\r\n\r\n  show() {\r\n    if (this.timeoutHide) clearTimeout(this.timeoutHide);\r\n    if (this.timeoutShow) clearTimeout(this.timeoutShow);\r\n    if ((!this.portal || (this.portal && !this.portal.overlayRef?.hasAttached())) && this.mouseover()) {\r\n      this.timeoutShow = setTimeout(() => {\r\n        this.createPortal();\r\n        this.visible.set(true);\r\n      }, this.mouseEnterDelay());\r\n    }\r\n  }\r\n\r\n  hide() {\r\n    if (this.timeoutHide) clearTimeout(this.timeoutHide);\r\n    if (this.timeoutShow) clearTimeout(this.timeoutShow);\r\n    if (this.portal?.overlayRef?.hasAttached() && !this.mouseover()) {\r\n      this.timeoutHide = setTimeout(() => {\r\n        this.portal.overlayRef?.dispose();\r\n        this.visible.set(false);\r\n      }, this.mouseLeaveDelay());\r\n    }\r\n  }\r\n\r\n  createPortal() {\r\n    const connectTo = this.connectTo();\r\n    const config: OverlayConfig = {\r\n      panelClass: this.panelClass(),\r\n      backdropClass: '',\r\n      positionStrategy: this.portalService.setPlacement({\r\n        elementRef: connectTo\r\n          ? connectTo instanceof ElementRef\r\n            ? connectTo\r\n            : new ElementRef(connectTo)\r\n          : this.elementRef,\r\n        placement: [this.placement(), 'top', 'bottom', 'left', 'right']\r\n      }),\r\n      scrollStrategy: this.overlay.scrollStrategies.reposition()\r\n    };\r\n    this.setPosition(config);\r\n    this.portal = this.portalService.attach({\r\n      content: XTooltipPortalComponent,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: config\r\n    });\r\n    this.setInstance();\r\n  }\r\n\r\n  setPosition(config: OverlayConfig) {\r\n    let position = config.positionStrategy as FlexibleConnectedPositionStrategy;\r\n    position.positionChanges.pipe(takeUntil(this.unSubject)).subscribe((pos: ConnectedOverlayPositionChange) => {\r\n      const place = XPortalConnectedPosition.get(pos.connectionPair) as XPlacement;\r\n      if (place !== this.realPlacement()) {\r\n        this.realPlacement.set(place);\r\n        this.portal.overlayRef?.updatePosition();\r\n      }\r\n    });\r\n  }\r\n\r\n  setInstance() {\r\n    let componentRef = this.portal?.componentRef;\r\n    if (!componentRef) return;\r\n    this.portalComponent.set(componentRef);\r\n    this.realPlacement.set(this.placement());\r\n    this.box.set(this.elementRef.nativeElement.getBoundingClientRect());\r\n    const { hoverChanged } = componentRef.instance;\r\n    hoverChanged.subscribe((hover: boolean) => {\r\n      if (this.timeoutHide && hover) {\r\n        clearTimeout(this.timeoutHide);\r\n      } else {\r\n        this.hide();\r\n      }\r\n    });\r\n  }\r\n\r\n  updatePortal() {\r\n    this.portal.overlayRef?.updatePosition();\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XTooltipDirective } from './tooltip.directive';\r\n\r\n@NgModule({\r\n  exports: [XTooltipDirective],\r\n  imports: [XTooltipDirective]\r\n})\r\nexport class XTooltipModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-tooltip.mjs","sources":["../../../../lib/ng-nest/ui/tooltip/tooltip.property.ts","../../../../lib/ng-nest/ui/tooltip/tooltip-portal.component.ts","../../../../lib/ng-nest/ui/tooltip/tooltip-portal.component.html","../../../../lib/ng-nest/ui/tooltip/tooltip.directive.ts","../../../../lib/ng-nest/ui/tooltip/tooltip.module.ts","../../../../lib/ng-nest/ui/tooltip/ng-nest-ui-tooltip.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean, XToNumber } from '@ng-nest/ui/core';\r\nimport { Directive, ElementRef, input, model } from '@angular/core';\r\nimport type { XPlacement, XBoolean, XTemplate, XNumber } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Tooltip\r\n * @selector x-tooltip\r\n * @decorator directive\r\n */\r\nexport const XTooltipPrefix = 'x-tooltip';\r\nconst X_TOOLTIP_CONFIG_NAME = 'tooltip';\r\n\r\n/**\r\n * Tooltip Property\r\n */\r\n@Directive({ selector: `[${XTooltipPrefix}], ${XTooltipPrefix}` })\r\nexport class XTooltipProperty extends XPropertyFunction(X_TOOLTIP_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 内容\r\n   * @en_US Content\r\n   */\r\n  readonly content = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 显示位置\r\n   * @en_US Display position\r\n   */\r\n  readonly placement = input<XPlacement>(this.config?.placement ?? 'top');\r\n  /**\r\n   * @zh_CN 显示/隐藏\r\n   * @en_US Show/hide\r\n   */\r\n  readonly visible = model<boolean>(false);\r\n  /**\r\n   * @zh_CN 内部样式\r\n   * @en_US panel class\r\n   */\r\n  readonly panelClass = input<string | string[]>();\r\n  /**\r\n   * @zh_CN 指定参考对象\r\n   * @en_US specify reference object\r\n   */\r\n  readonly connectTo = input<ElementRef<HTMLElement> | HTMLElement>();\r\n  /**\r\n   * @zh_CN 背景颜色\r\n   * @en_US Background color\r\n   */\r\n  readonly backgroundColor = input<string>();\r\n  /**\r\n   * @zh_CN 文字颜色\r\n   * @en_US Text color\r\n   */\r\n  readonly color = input<string>();\r\n  /**\r\n   * @zh_CN 手动处理关闭事件\r\n   * @en_US Manually handle the shutdown event\r\n   */\r\n  readonly manual = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 鼠标移入后延时多少才显示\r\n   * @en_US How much is the mouse transfer after transfer\r\n   */\r\n  readonly mouseEnterDelay = input<number, XNumber>(150, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 鼠标移出后延时多少才隐藏\r\n   * @en_US How much hidden is hidden after the mouse is removed\r\n   */\r\n  readonly mouseLeaveDelay = input<number, XNumber>(100, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 禁用显示\r\n   * @en_US Disable display\r\n   */\r\n  readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n}\r\n\r\n/**\r\n * Tooltip Portal\r\n * @selector x-tooltip-portal\r\n * @decorator component\r\n */\r\nexport const XTooltipPortalPrefix = 'x-tooltip-portal';\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  Renderer2,\r\n  HostListener,\r\n  HostBinding,\r\n  inject,\r\n  input,\r\n  computed,\r\n  viewChild,\r\n  signal,\r\n  output,\r\n  DestroyRef\r\n} from '@angular/core';\r\nimport { XTooltipPortalPrefix } from './tooltip.property';\r\nimport { XPlacement, XFadeAnimation, XTemplate, XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { NgClass } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XTooltipPortalPrefix}`,\r\n  imports: [NgClass, XOutletDirective],\r\n  templateUrl: './tooltip-portal.component.html',\r\n  styleUrls: ['./tooltip-portal.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XFadeAnimation]\r\n})\r\nexport class XTooltipPortalComponent {\r\n  placement = input<XPlacement>();\r\n  content = input<XTemplate>();\r\n  box = input<DOMRect>();\r\n  color = input<string>();\r\n  backgroundColor = input<string>();\r\n  hoverChanged = output<boolean>();\r\n  arrowHidden = signal(true);\r\n  destroy = signal(false);\r\n  private destroyRef = inject(DestroyRef);\r\n\r\n  constructor() {\r\n    this.destroyRef.onDestroy(() => {\r\n      this.destroy.set(true);\r\n    });\r\n  }\r\n\r\n  @HostListener('mouseenter') mouseenter() {\r\n    if (this.destroy()) return;\r\n    this.hoverChanged.emit(true);\r\n  }\r\n  @HostListener('mouseleave') mouseleave() {\r\n    if (this.destroy()) return;\r\n    this.hoverChanged.emit(false);\r\n  }\r\n\r\n  @HostBinding('@x-fade-animation') animation = true;\r\n  @HostListener('@x-fade-animation.done', ['$event']) done(event: { toState: any }) {\r\n    if (this.destroy()) return;\r\n    if (event.toState === true) {\r\n      this.setArrow();\r\n      this.arrowHidden.set(false);\r\n    }\r\n  }\r\n\r\n  tooltipPortal = viewChild.required('tooltipPortal', { read: ElementRef<HTMLElement> });\r\n  tooltipArrow = viewChild.required('tooltipArrow', { read: ElementRef<HTMLElement> });\r\n  tooltipArrowAfter = viewChild.required('tooltipArrowAfter', { read: ElementRef<HTMLElement> });\r\n\r\n  classMap = computed(() => ({\r\n    [`${XTooltipPortalPrefix}-${this.placement()}`]: !XIsEmpty(this.placement())\r\n  }));\r\n\r\n  portalBox = computed(() => this.tooltipPortal().nativeElement.getBoundingClientRect());\r\n  arrowBox = computed(() => this.tooltipArrow().nativeElement.getBoundingClientRect());\r\n  private renderer = inject(Renderer2);\r\n\r\n  setArrow() {\r\n    const arrowBox = this.arrowBox();\r\n    const portalBox = this.portalBox();\r\n    const tooltipArrow = this.tooltipArrow().nativeElement;\r\n    const tooltipArrowAfter = this.tooltipArrowAfter().nativeElement;\r\n    const box = this.box()!;\r\n    let offset = arrowBox.height / 2;\r\n    if (portalBox.height > box.height && (this.includes('right-') || this.includes('left-'))) {\r\n      if (this.includes('-start')) {\r\n        this.renderer.setStyle(tooltipArrow, 'top', `${box.height / 2 - offset}px`);\r\n      } else if (this.includes('-end')) {\r\n        this.renderer.setStyle(tooltipArrow, 'bottom', `${box.height / 2 - offset}px`);\r\n      }\r\n    } else if (portalBox.width > box.width && (this.includes('top-') || this.includes('bottom-'))) {\r\n      if (this.includes('-start')) {\r\n        this.renderer.setStyle(tooltipArrow, 'left', `${box.width / 2 - offset}px`);\r\n      } else if (this.includes('-end')) {\r\n        this.renderer.setStyle(tooltipArrow, 'right', `${box.width / 2 - offset}px`);\r\n      }\r\n    }\r\n    if (!this.backgroundColor()) return;\r\n    const ptSplit = this.placement()?.split('-');\r\n    if (ptSplit && ptSplit.length > 0) {\r\n      this.renderer.setStyle(tooltipArrow, `border-${ptSplit[0]}-color`, this.backgroundColor());\r\n      this.renderer.setStyle(tooltipArrowAfter, `border-${ptSplit[0]}-color`, this.backgroundColor());\r\n    }\r\n  }\r\n\r\n  includes(arrow: string) {\r\n    return this.placement()!.indexOf(arrow) >= 0;\r\n  }\r\n}\r\n","<div #tooltipPortal class=\"x-tooltip-portal\" [ngClass]=\"classMap()\">\r\n  <div class=\"x-tooltip-portal-inner\" [style.backgroundColor]=\"backgroundColor()\" [style.color]=\"color()\">\r\n    <ng-container *xOutlet=\"content()\"><div [innerHTML]=\"content()\"></div></ng-container>\r\n  </div>\r\n  <div #tooltipArrow class=\"x-tooltip-portal-arrow\" [class.x-tooltip-portal-arrow-hidden]=\"arrowHidden()\">\r\n    <div #tooltipArrowAfter class=\"x-tooltip-portal-arrow-after\"></div>\r\n  </div>\r\n</div>\r\n","import {\r\n  ElementRef,\r\n  ViewContainerRef,\r\n  Directive,\r\n  HostListener,\r\n  OnDestroy,\r\n  HostBinding,\r\n  inject,\r\n  signal,\r\n  ComponentRef,\r\n  effect,\r\n  SimpleChanges\r\n} from '@angular/core';\r\nimport { XPortalService, XPortalOverlayRef, XPortalConnectedPosition } from '@ng-nest/ui/portal';\r\nimport { XTooltipPortalComponent } from './tooltip-portal.component';\r\nimport { XTooltipPrefix, XTooltipProperty } from './tooltip.property';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport {\r\n  OverlayConfig,\r\n  FlexibleConnectedPositionStrategy,\r\n  ConnectedOverlayPositionChange,\r\n  Overlay\r\n} from '@angular/cdk/overlay';\r\nimport { XIsChange, type XPlacement } from '@ng-nest/ui/core';\r\nimport { toObservable } from '@angular/core/rxjs-interop';\r\n\r\n@Directive({ selector: `[${XTooltipPrefix}], ${XTooltipPrefix}` })\r\nexport class XTooltipDirective extends XTooltipProperty implements OnDestroy {\r\n  portal!: XPortalOverlayRef<XTooltipPortalComponent>;\r\n  box = signal<DOMRect | null>(null);\r\n  timeoutHide: any;\r\n  timeoutShow: any;\r\n  mouseover = signal(false);\r\n  private unSubject = new Subject<void>();\r\n  private realPlacement = signal<XPlacement | null>(null);\r\n  private elementRef = inject(ElementRef);\r\n  private portalService = inject(XPortalService);\r\n  private viewContainerRef = inject(ViewContainerRef);\r\n  private overlay = inject(Overlay);\r\n\r\n  @HostBinding('class.x-tooltip-show') get _show() {\r\n    return this.visible();\r\n  }\r\n\r\n  @HostListener('mouseenter') mouseenter() {\r\n    this.mouseover.set(true);\r\n    !this.disabled() && !this.manual() && this.show();\r\n  }\r\n\r\n  @HostListener('mouseleave') mouseleave() {\r\n    this.mouseover.set(false);\r\n    !this.disabled() && !this.manual() && this.hide();\r\n  }\r\n\r\n  portalComponent = signal<ComponentRef<XTooltipPortalComponent> | null>(null);\r\n  visibleChanged = toObservable(this.visible);\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => this.portalComponent()?.setInput('content', this.content()));\r\n    effect(() => this.portalComponent()?.setInput('box', this.box()));\r\n    effect(() => this.portalComponent()?.setInput('color', this.color()));\r\n    effect(() => this.portalComponent()?.setInput('backgroundColor', this.backgroundColor()));\r\n    effect(() => this.portalComponent()?.setInput('placement', this.realPlacement()));\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.unSubject.next();\r\n    this.unSubject.complete();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    const { visible } = changes;\r\n    XIsChange(visible) && this.setVisible();\r\n  }\r\n\r\n  setVisible() {\r\n    if (this.visible()) {\r\n      this.show(false);\r\n    } else {\r\n      this.hide(false);\r\n    }\r\n  }\r\n\r\n  show(event = true) {\r\n    if (this.timeoutHide) clearTimeout(this.timeoutHide);\r\n    if (this.timeoutShow) clearTimeout(this.timeoutShow);\r\n    if (!this.portal || (this.portal && !this.portal.overlayRef?.hasAttached())) {\r\n      if ((event && this.mouseover()) || !event) {\r\n        this.timeoutShow = setTimeout(() => {\r\n          console.log(111);\r\n          this.createPortal();\r\n          this.visible.set(true);\r\n        }, this.mouseEnterDelay());\r\n      }\r\n    }\r\n  }\r\n\r\n  hide(event = true) {\r\n    if (this.timeoutHide) clearTimeout(this.timeoutHide);\r\n    if (this.timeoutShow) clearTimeout(this.timeoutShow);\r\n    if (this.portal?.overlayRef?.hasAttached() && !this.mouseover()) {\r\n      if ((event && !this.mouseover()) || !event) {\r\n        this.timeoutHide = setTimeout(() => {\r\n          this.portal.overlayRef?.dispose();\r\n          this.visible.set(false);\r\n        }, this.mouseLeaveDelay());\r\n      }\r\n    }\r\n  }\r\n\r\n  createPortal() {\r\n    const connectTo = this.connectTo();\r\n    const config: OverlayConfig = {\r\n      panelClass: this.panelClass(),\r\n      backdropClass: '',\r\n      positionStrategy: this.portalService.setPlacement({\r\n        elementRef: connectTo\r\n          ? connectTo instanceof ElementRef\r\n            ? connectTo\r\n            : new ElementRef(connectTo)\r\n          : this.elementRef,\r\n        placement: [this.placement(), 'top', 'bottom', 'left', 'right']\r\n      }),\r\n      scrollStrategy: this.overlay.scrollStrategies.reposition()\r\n    };\r\n    this.setPosition(config);\r\n    this.portal = this.portalService.attach({\r\n      content: XTooltipPortalComponent,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: config\r\n    });\r\n    this.setInstance();\r\n  }\r\n\r\n  setPosition(config: OverlayConfig) {\r\n    let position = config.positionStrategy as FlexibleConnectedPositionStrategy;\r\n    position.positionChanges.pipe(takeUntil(this.unSubject)).subscribe((pos: ConnectedOverlayPositionChange) => {\r\n      const place = XPortalConnectedPosition.get(pos.connectionPair) as XPlacement;\r\n      if (place !== this.realPlacement()) {\r\n        this.realPlacement.set(place);\r\n        this.portal.overlayRef?.updatePosition();\r\n      }\r\n    });\r\n  }\r\n\r\n  setInstance() {\r\n    let componentRef = this.portal?.componentRef;\r\n    if (!componentRef) return;\r\n    this.portalComponent.set(componentRef);\r\n    this.realPlacement.set(this.placement());\r\n    this.box.set(this.elementRef.nativeElement.getBoundingClientRect());\r\n    const { hoverChanged } = componentRef.instance;\r\n    hoverChanged.subscribe((hover: boolean) => {\r\n      if (this.timeoutHide && hover) {\r\n        clearTimeout(this.timeoutHide);\r\n      } else {\r\n        this.hide();\r\n      }\r\n    });\r\n  }\r\n\r\n  updatePortal() {\r\n    this.portal.overlayRef?.updatePosition();\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XTooltipDirective } from './tooltip.directive';\r\n\r\n@NgModule({\r\n  exports: [XTooltipDirective],\r\n  imports: [XTooltipDirective]\r\n})\r\nexport class XTooltipModule {}\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-transfer.mjs

@@ -207,8 +207,13 @@ class XTransferComponent extends XTransferProperty {
         });
     }
     ngOnChanges(changes) {
-        const { data } = changes;
+        const { data, titles, listStyle, hiddenCheckAll, tableHeadSearchTpl, footerTpl } = changes;
         XIsChange(data) && this.setData();
+        XIsChange(titles) && this.setTitles();
+        XIsChange(listStyle) && this.setListStyle();
+        XIsChange(hiddenCheckAll) && this.setHiddenCheckAll();
+        XIsChange(footerTpl) && this.setFooterTpl();
+        XIsChange(tableHeadSearchTpl) && this.setTableHeadSearchTpl();
     }
     ngOnDestroy() {
         this.unSubject.next();
@@ -743,7 +748,7 @@ class XTransferComponent extends XTransferProperty {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XTransferComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: XTransferComponent, isStandalone: true, selector: "x-transfer", providers: [XValueAccessor(XTransferComponent)], viewQueries: [{ propertyName: "leftTableCom", first: true, predicate: XTableComponent, descendants: true, isSignal: true }, { propertyName: "rightTableCom", first: true, predicate: XTableComponent, descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #transfer class=\"x-transfer\" cdkDropListGroup>\r\n  <div class=\"x-transfer-box\" [class.x-transfer-has-footer]=\"left().footerTpl\">\r\n    <ng-container *ngTemplateOutlet=\"sourceTitleTpl; context: { source: left() }\"></ng-container>\r\n    <div [ngStyle]=\"left().listStyle!\" class=\"x-transfer-list x-transfer-{{ type() }}\">\r\n      @switch (type()) {\r\n        @case ('list') {\r\n          <ul\r\n            cdkDropList\r\n            (cdkDropListDropped)=\"dropCdk($event)\"\r\n            [cdkDropListData]=\"left().list\"\r\n            [cdkDropListDisabled]=\"!drag() && type() === 'list'\"\r\n            [cdkDropListEnterPredicate]=\"predicate\"\r\n            class=\"x-transfer-droplist\"\r\n          >\r\n            @for (node of left().list; track node.id) {\r\n              <li class=\"x-transfer-item\" cdkDrag [cdkDragData]=\"node\">\r\n                <ng-container *ngTemplateOutlet=\"sourceNodeTpl; context: { node: node, source: left() }\"></ng-container>\r\n              </li>\r\n            }\r\n          </ul>\r\n        }\r\n        @case ('tree') {\r\n          <x-tree\r\n            [data]=\"left().list!\"\r\n            multiple\r\n            allowManyActivated\r\n            [(activatedId)]=\"treeActivatedId\"\r\n            (nodeClick)=\"onTreeNodeClick($event)\"\r\n            [labelTpl]=\"treeLabelTpl\"\r\n          ></x-tree>\r\n          <ng-template #treeLabelTpl let-node=\"$node\">\r\n            <span class=\"x-transfer-tree-label\" x-keyword [text]=\"left().searchInput!\">{{ node.label }}</span>\r\n          </ng-template>\r\n        }\r\n        @case ('table') {\r\n          <x-table\r\n            #leftTableCom\r\n            [data]=\"tableData()\"\r\n            [columns]=\"tableColumns()!\"\r\n            [(size)]=\"tableSize\"\r\n            [(index)]=\"tableIndex\"\r\n            (indexChange)=\"getTableData()\"\r\n            [query]=\"tableQuery()\"\r\n            [total]=\"tableTotal()\"\r\n            (activatedRowChange)=\"onTableCheckedRow($event!, left())\"\r\n            (headCheckboxChange)=\"onTableCheckedAll($event, left())\"\r\n            hiddenWrapBorder\r\n            hiddenPaginationBorder\r\n            showEllipsis=\"false\"\r\n            showTotal=\"false\"\r\n            paginationPosition=\"bottom-center\"\r\n            allowSelectRow=\"false\"\r\n            [headSearchTpl]=\"left().tableHeadSearchTpl\"\r\n          ></x-table>\r\n        }\r\n      }\r\n    </div>\r\n    @if (left().footerTpl) {\r\n      <div class=\"x-transfer-footer\">\r\n        <ng-container *ngTemplateOutlet=\"left().footerTpl!; context: { $source: left() }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n  <div class=\"x-transfer-buttons\">\r\n    <x-button\r\n      type=\"primary\"\r\n      icon=\"fto-chevron-right\"\r\n      [disabled]=\"left().disabledButton!\"\r\n      (click)=\"move(left(), right())\"\r\n      flat\r\n    ></x-button>\r\n    <x-button\r\n      type=\"primary\"\r\n      icon=\"fto-chevron-left\"\r\n      [disabled]=\"right().disabledButton!\"\r\n      (click)=\"move(right(), left())\"\r\n      flat\r\n    ></x-button>\r\n  </div>\r\n  <div class=\"x-transfer-box\" [class.x-transfer-has-footer]=\"right().footerTpl\">\r\n    <ng-container *ngTemplateOutlet=\"sourceTitleTpl; context: { source: right() }\"></ng-container>\r\n\r\n    <div [ngStyle]=\"right().listStyle!\" class=\"x-transfer-list\">\r\n      @switch (type()) {\r\n        @case ('table') {\r\n          <x-table\r\n            #rightTableCom\r\n            [data]=\"right().list!\"\r\n            [columns]=\"tableColumns()!\"\r\n            (activatedRowChange)=\"onTableCheckedRow($event!, right())\"\r\n            (headCheckboxChange)=\"onTableCheckedAll($event, right())\"\r\n            hiddenWrapBorder\r\n            hiddenPaginationBorder\r\n            showPagination=\"false\"\r\n            showEllipsis=\"false\"\r\n            showTotal=\"false\"\r\n            paginationPosition=\"bottom-center\"\r\n            allowSelectRow=\"false\"\r\n            [headSearchTpl]=\"right().tableHeadSearchTpl\"\r\n          ></x-table>\r\n        }\r\n        @default {\r\n          <ul\r\n            cdkDropList\r\n            (cdkDropListDropped)=\"dropCdk($event)\"\r\n            [cdkDropListData]=\"right().list\"\r\n            [cdkDropListDisabled]=\"!drag() || (drag() && type() !== 'list')\"\r\n            [cdkDropListEnterPredicate]=\"predicate\"\r\n            class=\"x-transfer-droplist\"\r\n          >\r\n            @for (node of right().list; track node.id) {\r\n              <li class=\"x-transfer-item\" cdkDrag [cdkDragData]=\"node\">\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"sourceNodeTpl; context: { node: node, source: right() }\"\r\n                ></ng-container>\r\n              </li>\r\n            }\r\n          </ul>\r\n        }\r\n      }\r\n    </div>\r\n    @if (right().footerTpl) {\r\n      <div class=\"x-transfer-footer\">\r\n        <ng-container *ngTemplateOutlet=\"right().footerTpl!; context: { $source: right() }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #sourceTitleTpl let-source=\"source\">\r\n  <div class=\"x-transfer-title\">\r\n    <div class=\"x-transfer-title-left\">\r\n      @if (source.title && !source.hiddenCheckAll) {\r\n        <x-checkbox\r\n          [data]=\"[titleTpl() ? '' : source.title]\"\r\n          [(ngModel)]=\"source.checkedAll\"\r\n          (ngModelChange)=\"checkedAllChange($event, source)\"\r\n          [indeterminate]=\"source.indeterminate\"\r\n          single\r\n        ></x-checkbox>\r\n      }\r\n      @if (source.title && source.hiddenCheckAll) {\r\n        <span>{{ source.title }}</span>\r\n      }\r\n      @if (inverse() && type() === 'list') {\r\n        <x-link class=\"x-transfer-inverse\" type=\"primary\" (click)=\"onInverse(source)\">{{\r\n          'transfer.inverse' | xI18n\r\n        }}</x-link>\r\n      }\r\n    </div>\r\n    <ng-container\r\n      *xOutlet=\"titleTpl; context: { $title: source.title, $checkedCount: source.checkedCount, $count: source.count }\"\r\n      ><span class=\"x-transfer-total\">{{ source.checkedCount }} / {{ source.count }}</span></ng-container\r\n    >\r\n  </div>\r\n  @if (search() && type() !== 'table') {\r\n    <div class=\"x-transfer-search\">\r\n      <x-input\r\n        icon=\"fto-search\"\r\n        [(ngModel)]=\"source.searchInput\"\r\n        (ngModelChange)=\"onSearchInputChange(source)\"\r\n        clearable\r\n      ></x-input>\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #sourceNodeTpl let-node=\"node\" let-source=\"source\">\r\n  <x-checkbox\r\n    [data]=\"[{ id: node.id, label: nodeTpl() ? nodeTpl() : labelTpl, node: node }]\"\r\n    [disabled]=\"node.disabled\"\r\n    [(ngModel)]=\"node.checked\"\r\n    (ngModelChange)=\"checkedChange($event, source)\"\r\n    single\r\n  ></x-checkbox>\r\n  <ng-template #labelTpl>\r\n    <span x-keyword [text]=\"source.searchInput!\">{{ node.label }}</span>\r\n  </ng-template>\r\n</ng-template>\r\n", styles: [".x-transfer{margin:0;padding:0}.x-transfer{display:inline-flex;align-items:center}.x-transfer-title{padding:.25rem .5625rem;display:flex;align-items:center;justify-content:space-between;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-left-radius:var(--x-border-radius);border-top-right-radius:var(--x-border-radius);background-color:var(--x-background);color:var(--x-text-300)}.x-transfer-title-left{display:inline-flex;align-items:center}.x-transfer-inverse{margin:0 .5rem}.x-transfer-total{margin-left:.325rem}.x-transfer-box{min-width:12rem}.x-transfer-list{display:flex;flex-direction:column;height:18rem;width:100%;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;border-bottom-left-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius);overflow:auto}.x-transfer-tree{padding:0 .125rem}.x-transfer-item{margin:0;padding:.125rem .25rem;border-radius:var(--x-border-radius);display:flex;align-items:center;border:.0625rem dashed transparent;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-transfer-droplist{margin:0;height:100%;padding:.25rem;list-style:none}.x-transfer-droplist.cdk-drop-list-dragging .x-transfer-item:hover{background-color:transparent}.x-transfer-droplist.cdk-drop-list-dragging .x-transfer-item.cdk-drag-placeholder{border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}.x-transfer-droplist.cdk-drop-list-dragging .x-transfer-item:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-transfer-buttons{margin:0 1rem;display:flex;flex-direction:column}.x-transfer-buttons>x-button:not(:first-child){margin-top:.5rem}.x-transfer-search{padding:.5rem;border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-transfer-search x-input{width:100%}.x-transfer-tree-label{flex:1}.x-transfer-footer{padding:.25rem .5625rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-left-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-transfer-has-footer .x-transfer-list{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}body>li.x-transfer-item.cdk-drag-preview{margin:0;padding:.125rem .25rem;border-radius:var(--x-border-radius);display:flex;align-items:center;border:.0625rem dashed transparent;border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}body>li.x-transfer-item.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: "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"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { 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: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XCheckboxComponent, selector: "x-checkbox" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XInputComponent, selector: "x-input" }, { kind: "component", type: XTreeComponent, selector: "x-tree" }, { kind: "component", type: XTableComponent, selector: "x-table" }, { kind: "directive", type: XKeywordDirective, selector: "[x-keyword]" }, { kind: "component", type: XLinkComponent, selector: "x-link" }, { kind: "pipe", type: XI18nPipe, name: "xI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: XTransferComponent, isStandalone: true, selector: "x-transfer", providers: [XValueAccessor(XTransferComponent)], viewQueries: [{ propertyName: "leftTableCom", first: true, predicate: XTableComponent, descendants: true, isSignal: true }, { propertyName: "rightTableCom", first: true, predicate: XTableComponent, descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #transfer class=\"x-transfer\" cdkDropListGroup>\r\n  <div class=\"x-transfer-box\" [class.x-transfer-has-footer]=\"left().footerTpl\">\r\n    <ng-container *ngTemplateOutlet=\"sourceTitleTpl; context: { source: left() }\"></ng-container>\r\n    <div [ngStyle]=\"left().listStyle!\" class=\"x-transfer-list x-transfer-{{ type() }}\">\r\n      @switch (type()) {\r\n        @case ('list') {\r\n          <ul\r\n            cdkDropList\r\n            (cdkDropListDropped)=\"dropCdk($event)\"\r\n            [cdkDropListData]=\"left().list\"\r\n            [cdkDropListDisabled]=\"!drag() && type() === 'list'\"\r\n            [cdkDropListEnterPredicate]=\"predicate\"\r\n            class=\"x-transfer-droplist\"\r\n          >\r\n            @for (node of left().list; track node.id) {\r\n              <li class=\"x-transfer-item\" cdkDrag [cdkDragData]=\"node\">\r\n                <ng-container *ngTemplateOutlet=\"sourceNodeTpl; context: { node: node, source: left() }\"></ng-container>\r\n              </li>\r\n            }\r\n          </ul>\r\n        }\r\n        @case ('tree') {\r\n          <x-tree\r\n            [data]=\"left().list!\"\r\n            multiple\r\n            allowManyActivated\r\n            [(activatedId)]=\"treeActivatedId\"\r\n            (nodeClick)=\"onTreeNodeClick($event)\"\r\n            [labelTpl]=\"treeLabelTpl\"\r\n          ></x-tree>\r\n          <ng-template #treeLabelTpl let-node=\"$node\">\r\n            <span class=\"x-transfer-tree-label\" x-keyword [text]=\"left().searchInput!\">{{ node.label }}</span>\r\n          </ng-template>\r\n        }\r\n        @case ('table') {\r\n          <x-table\r\n            #leftTableCom\r\n            [data]=\"tableData()\"\r\n            [columns]=\"tableColumns()!\"\r\n            [(size)]=\"tableSize\"\r\n            [(index)]=\"tableIndex\"\r\n            (indexChange)=\"getTableData()\"\r\n            [query]=\"tableQuery()\"\r\n            [total]=\"tableTotal()\"\r\n            (activatedRowChange)=\"onTableCheckedRow($event!, left())\"\r\n            (headCheckboxChange)=\"onTableCheckedAll($event, left())\"\r\n            hiddenWrapBorder\r\n            hiddenPaginationBorder\r\n            showEllipsis=\"false\"\r\n            showTotal=\"false\"\r\n            paginationPosition=\"bottom-center\"\r\n            allowSelectRow=\"false\"\r\n            [headSearchTpl]=\"left().tableHeadSearchTpl\"\r\n          ></x-table>\r\n        }\r\n      }\r\n    </div>\r\n    @if (left().footerTpl) {\r\n      <div class=\"x-transfer-footer\">\r\n        <ng-container *ngTemplateOutlet=\"left().footerTpl!; context: { $source: left() }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n  <div class=\"x-transfer-buttons\">\r\n    <x-button\r\n      type=\"primary\"\r\n      icon=\"fto-chevron-right\"\r\n      [disabled]=\"left().disabledButton!\"\r\n      (click)=\"move(left(), right())\"\r\n      flat\r\n    ></x-button>\r\n    <x-button\r\n      type=\"primary\"\r\n      icon=\"fto-chevron-left\"\r\n      [disabled]=\"right().disabledButton!\"\r\n      (click)=\"move(right(), left())\"\r\n      flat\r\n    ></x-button>\r\n  </div>\r\n  <div class=\"x-transfer-box\" [class.x-transfer-has-footer]=\"right().footerTpl\">\r\n    <ng-container *ngTemplateOutlet=\"sourceTitleTpl; context: { source: right() }\"></ng-container>\r\n\r\n    <div [ngStyle]=\"right().listStyle!\" class=\"x-transfer-list\">\r\n      @switch (type()) {\r\n        @case ('table') {\r\n          <x-table\r\n            #rightTableCom\r\n            [data]=\"right().list!\"\r\n            [columns]=\"tableColumns()!\"\r\n            (activatedRowChange)=\"onTableCheckedRow($event!, right())\"\r\n            (headCheckboxChange)=\"onTableCheckedAll($event, right())\"\r\n            hiddenWrapBorder\r\n            hiddenPaginationBorder\r\n            showPagination=\"false\"\r\n            showEllipsis=\"false\"\r\n            showTotal=\"false\"\r\n            paginationPosition=\"bottom-center\"\r\n            allowSelectRow=\"false\"\r\n            [headSearchTpl]=\"right().tableHeadSearchTpl\"\r\n          ></x-table>\r\n        }\r\n        @default {\r\n          <ul\r\n            cdkDropList\r\n            (cdkDropListDropped)=\"dropCdk($event)\"\r\n            [cdkDropListData]=\"right().list\"\r\n            [cdkDropListDisabled]=\"!drag() || (drag() && type() !== 'list')\"\r\n            [cdkDropListEnterPredicate]=\"predicate\"\r\n            class=\"x-transfer-droplist\"\r\n          >\r\n            @for (node of right().list; track node.id) {\r\n              <li class=\"x-transfer-item\" cdkDrag [cdkDragData]=\"node\">\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"sourceNodeTpl; context: { node: node, source: right() }\"\r\n                ></ng-container>\r\n              </li>\r\n            }\r\n          </ul>\r\n        }\r\n      }\r\n    </div>\r\n    @if (right().footerTpl) {\r\n      <div class=\"x-transfer-footer\">\r\n        <ng-container *ngTemplateOutlet=\"right().footerTpl!; context: { $source: right() }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #sourceTitleTpl let-source=\"source\">\r\n  <div class=\"x-transfer-title\">\r\n    <div class=\"x-transfer-title-left\">\r\n      @if (source.title && !source.hiddenCheckAll) {\r\n        <x-checkbox\r\n          class=\"x-transfer-check-all\"\r\n          [data]=\"[titleTpl() ? '' : source.title]\"\r\n          [(ngModel)]=\"source.checkedAll\"\r\n          (ngModelChange)=\"checkedAllChange($event, source)\"\r\n          [indeterminate]=\"source.indeterminate\"\r\n          single\r\n        ></x-checkbox>\r\n      }\r\n      @if (source.title && source.hiddenCheckAll) {\r\n        <span>{{ source.title }}</span>\r\n      }\r\n      @if (inverse() && type() === 'list') {\r\n        <x-link class=\"x-transfer-inverse\" type=\"primary\" (click)=\"onInverse(source)\">{{\r\n          'transfer.inverse' | xI18n\r\n        }}</x-link>\r\n      }\r\n    </div>\r\n    <ng-container\r\n      *xOutlet=\"titleTpl(); context: { $title: source.title, $checkedCount: source.checkedCount, $count: source.count }\"\r\n      ><span class=\"x-transfer-total\">{{ source.checkedCount }} / {{ source.count }}</span></ng-container\r\n    >\r\n  </div>\r\n  @if (search() && type() !== 'table') {\r\n    <div class=\"x-transfer-search\">\r\n      <x-input\r\n        icon=\"fto-search\"\r\n        [(ngModel)]=\"source.searchInput\"\r\n        (ngModelChange)=\"onSearchInputChange(source)\"\r\n        clearable\r\n      ></x-input>\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #sourceNodeTpl let-node=\"node\" let-source=\"source\">\r\n  <x-checkbox\r\n    [data]=\"[{ id: node.id, label: nodeTpl() ? nodeTpl() : labelTpl, node: node }]\"\r\n    [disabled]=\"node.disabled\"\r\n    [(ngModel)]=\"node.checked\"\r\n    (ngModelChange)=\"checkedChange($event, source)\"\r\n    single\r\n  ></x-checkbox>\r\n  <ng-template #labelTpl>\r\n    <span x-keyword [text]=\"source.searchInput!\">{{ node.label }}</span>\r\n  </ng-template>\r\n</ng-template>\r\n", styles: [".x-transfer{margin:0;padding:0}.x-transfer{display:inline-flex;align-items:center}.x-transfer-title{padding:.25rem .5625rem;display:flex;align-items:center;justify-content:space-between;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-left-radius:var(--x-border-radius);border-top-right-radius:var(--x-border-radius);background-color:var(--x-background);color:var(--x-text-300)}.x-transfer-title-left{display:inline-flex;align-items:center}.x-transfer-inverse{margin:0 .5rem}.x-transfer-total{margin-left:.325rem}.x-transfer-box{min-width:12rem}.x-transfer-list{display:flex;flex-direction:column;height:18rem;width:100%;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;border-bottom-left-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius);overflow:auto}.x-transfer-tree{padding:0 .125rem}.x-transfer-item{margin:0;padding:.125rem .25rem;border-radius:var(--x-border-radius);display:flex;align-items:center;border:.0625rem dashed transparent;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-transfer-droplist{margin:0;height:100%;padding:.25rem;list-style:none}.x-transfer-droplist.cdk-drop-list-dragging .x-transfer-item:hover{background-color:transparent}.x-transfer-droplist.cdk-drop-list-dragging .x-transfer-item.cdk-drag-placeholder{border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}.x-transfer-droplist.cdk-drop-list-dragging .x-transfer-item:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-transfer-buttons{margin:0 1rem;display:flex;flex-direction:column}.x-transfer-buttons>x-button:not(:first-child){margin-top:.5rem}.x-transfer-search{padding:.5rem;border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-transfer-search x-input{width:100%}.x-transfer-tree-label{flex:1}.x-transfer-footer{padding:.25rem .5625rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-left-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-transfer-has-footer .x-transfer-list{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}body>li.x-transfer-item.cdk-drag-preview{margin:0;padding:.125rem .25rem;border-radius:var(--x-border-radius);display:flex;align-items:center;border:.0625rem dashed transparent;border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}body>li.x-transfer-item.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: "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"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { 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: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XCheckboxComponent, selector: "x-checkbox" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XInputComponent, selector: "x-input" }, { kind: "component", type: XTreeComponent, selector: "x-tree" }, { kind: "component", type: XTableComponent, selector: "x-table" }, { kind: "directive", type: XKeywordDirective, selector: "[x-keyword]" }, { kind: "component", type: XLinkComponent, selector: "x-link" }, { kind: "pipe", type: XI18nPipe, name: "xI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XTransferComponent, decorators: [{
             type: Component,
@@ -761,7 +766,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                         XKeywordDirective,
                         XLinkComponent,
                         XI18nPipe
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XTransferComponent)], template: "<div #transfer class=\"x-transfer\" cdkDropListGroup>\r\n  <div class=\"x-transfer-box\" [class.x-transfer-has-footer]=\"left().footerTpl\">\r\n    <ng-container *ngTemplateOutlet=\"sourceTitleTpl; context: { source: left() }\"></ng-container>\r\n    <div [ngStyle]=\"left().listStyle!\" class=\"x-transfer-list x-transfer-{{ type() }}\">\r\n      @switch (type()) {\r\n        @case ('list') {\r\n          <ul\r\n            cdkDropList\r\n            (cdkDropListDropped)=\"dropCdk($event)\"\r\n            [cdkDropListData]=\"left().list\"\r\n            [cdkDropListDisabled]=\"!drag() && type() === 'list'\"\r\n            [cdkDropListEnterPredicate]=\"predicate\"\r\n            class=\"x-transfer-droplist\"\r\n          >\r\n            @for (node of left().list; track node.id) {\r\n              <li class=\"x-transfer-item\" cdkDrag [cdkDragData]=\"node\">\r\n                <ng-container *ngTemplateOutlet=\"sourceNodeTpl; context: { node: node, source: left() }\"></ng-container>\r\n              </li>\r\n            }\r\n          </ul>\r\n        }\r\n        @case ('tree') {\r\n          <x-tree\r\n            [data]=\"left().list!\"\r\n            multiple\r\n            allowManyActivated\r\n            [(activatedId)]=\"treeActivatedId\"\r\n            (nodeClick)=\"onTreeNodeClick($event)\"\r\n            [labelTpl]=\"treeLabelTpl\"\r\n          ></x-tree>\r\n          <ng-template #treeLabelTpl let-node=\"$node\">\r\n            <span class=\"x-transfer-tree-label\" x-keyword [text]=\"left().searchInput!\">{{ node.label }}</span>\r\n          </ng-template>\r\n        }\r\n        @case ('table') {\r\n          <x-table\r\n            #leftTableCom\r\n            [data]=\"tableData()\"\r\n            [columns]=\"tableColumns()!\"\r\n            [(size)]=\"tableSize\"\r\n            [(index)]=\"tableIndex\"\r\n            (indexChange)=\"getTableData()\"\r\n            [query]=\"tableQuery()\"\r\n            [total]=\"tableTotal()\"\r\n            (activatedRowChange)=\"onTableCheckedRow($event!, left())\"\r\n            (headCheckboxChange)=\"onTableCheckedAll($event, left())\"\r\n            hiddenWrapBorder\r\n            hiddenPaginationBorder\r\n            showEllipsis=\"false\"\r\n            showTotal=\"false\"\r\n            paginationPosition=\"bottom-center\"\r\n            allowSelectRow=\"false\"\r\n            [headSearchTpl]=\"left().tableHeadSearchTpl\"\r\n          ></x-table>\r\n        }\r\n      }\r\n    </div>\r\n    @if (left().footerTpl) {\r\n      <div class=\"x-transfer-footer\">\r\n        <ng-container *ngTemplateOutlet=\"left().footerTpl!; context: { $source: left() }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n  <div class=\"x-transfer-buttons\">\r\n    <x-button\r\n      type=\"primary\"\r\n      icon=\"fto-chevron-right\"\r\n      [disabled]=\"left().disabledButton!\"\r\n      (click)=\"move(left(), right())\"\r\n      flat\r\n    ></x-button>\r\n    <x-button\r\n      type=\"primary\"\r\n      icon=\"fto-chevron-left\"\r\n      [disabled]=\"right().disabledButton!\"\r\n      (click)=\"move(right(), left())\"\r\n      flat\r\n    ></x-button>\r\n  </div>\r\n  <div class=\"x-transfer-box\" [class.x-transfer-has-footer]=\"right().footerTpl\">\r\n    <ng-container *ngTemplateOutlet=\"sourceTitleTpl; context: { source: right() }\"></ng-container>\r\n\r\n    <div [ngStyle]=\"right().listStyle!\" class=\"x-transfer-list\">\r\n      @switch (type()) {\r\n        @case ('table') {\r\n          <x-table\r\n            #rightTableCom\r\n            [data]=\"right().list!\"\r\n            [columns]=\"tableColumns()!\"\r\n            (activatedRowChange)=\"onTableCheckedRow($event!, right())\"\r\n            (headCheckboxChange)=\"onTableCheckedAll($event, right())\"\r\n            hiddenWrapBorder\r\n            hiddenPaginationBorder\r\n            showPagination=\"false\"\r\n            showEllipsis=\"false\"\r\n            showTotal=\"false\"\r\n            paginationPosition=\"bottom-center\"\r\n            allowSelectRow=\"false\"\r\n            [headSearchTpl]=\"right().tableHeadSearchTpl\"\r\n          ></x-table>\r\n        }\r\n        @default {\r\n          <ul\r\n            cdkDropList\r\n            (cdkDropListDropped)=\"dropCdk($event)\"\r\n            [cdkDropListData]=\"right().list\"\r\n            [cdkDropListDisabled]=\"!drag() || (drag() && type() !== 'list')\"\r\n            [cdkDropListEnterPredicate]=\"predicate\"\r\n            class=\"x-transfer-droplist\"\r\n          >\r\n            @for (node of right().list; track node.id) {\r\n              <li class=\"x-transfer-item\" cdkDrag [cdkDragData]=\"node\">\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"sourceNodeTpl; context: { node: node, source: right() }\"\r\n                ></ng-container>\r\n              </li>\r\n            }\r\n          </ul>\r\n        }\r\n      }\r\n    </div>\r\n    @if (right().footerTpl) {\r\n      <div class=\"x-transfer-footer\">\r\n        <ng-container *ngTemplateOutlet=\"right().footerTpl!; context: { $source: right() }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #sourceTitleTpl let-source=\"source\">\r\n  <div class=\"x-transfer-title\">\r\n    <div class=\"x-transfer-title-left\">\r\n      @if (source.title && !source.hiddenCheckAll) {\r\n        <x-checkbox\r\n          [data]=\"[titleTpl() ? '' : source.title]\"\r\n          [(ngModel)]=\"source.checkedAll\"\r\n          (ngModelChange)=\"checkedAllChange($event, source)\"\r\n          [indeterminate]=\"source.indeterminate\"\r\n          single\r\n        ></x-checkbox>\r\n      }\r\n      @if (source.title && source.hiddenCheckAll) {\r\n        <span>{{ source.title }}</span>\r\n      }\r\n      @if (inverse() && type() === 'list') {\r\n        <x-link class=\"x-transfer-inverse\" type=\"primary\" (click)=\"onInverse(source)\">{{\r\n          'transfer.inverse' | xI18n\r\n        }}</x-link>\r\n      }\r\n    </div>\r\n    <ng-container\r\n      *xOutlet=\"titleTpl; context: { $title: source.title, $checkedCount: source.checkedCount, $count: source.count }\"\r\n      ><span class=\"x-transfer-total\">{{ source.checkedCount }} / {{ source.count }}</span></ng-container\r\n    >\r\n  </div>\r\n  @if (search() && type() !== 'table') {\r\n    <div class=\"x-transfer-search\">\r\n      <x-input\r\n        icon=\"fto-search\"\r\n        [(ngModel)]=\"source.searchInput\"\r\n        (ngModelChange)=\"onSearchInputChange(source)\"\r\n        clearable\r\n      ></x-input>\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #sourceNodeTpl let-node=\"node\" let-source=\"source\">\r\n  <x-checkbox\r\n    [data]=\"[{ id: node.id, label: nodeTpl() ? nodeTpl() : labelTpl, node: node }]\"\r\n    [disabled]=\"node.disabled\"\r\n    [(ngModel)]=\"node.checked\"\r\n    (ngModelChange)=\"checkedChange($event, source)\"\r\n    single\r\n  ></x-checkbox>\r\n  <ng-template #labelTpl>\r\n    <span x-keyword [text]=\"source.searchInput!\">{{ node.label }}</span>\r\n  </ng-template>\r\n</ng-template>\r\n", styles: [".x-transfer{margin:0;padding:0}.x-transfer{display:inline-flex;align-items:center}.x-transfer-title{padding:.25rem .5625rem;display:flex;align-items:center;justify-content:space-between;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-left-radius:var(--x-border-radius);border-top-right-radius:var(--x-border-radius);background-color:var(--x-background);color:var(--x-text-300)}.x-transfer-title-left{display:inline-flex;align-items:center}.x-transfer-inverse{margin:0 .5rem}.x-transfer-total{margin-left:.325rem}.x-transfer-box{min-width:12rem}.x-transfer-list{display:flex;flex-direction:column;height:18rem;width:100%;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;border-bottom-left-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius);overflow:auto}.x-transfer-tree{padding:0 .125rem}.x-transfer-item{margin:0;padding:.125rem .25rem;border-radius:var(--x-border-radius);display:flex;align-items:center;border:.0625rem dashed transparent;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-transfer-droplist{margin:0;height:100%;padding:.25rem;list-style:none}.x-transfer-droplist.cdk-drop-list-dragging .x-transfer-item:hover{background-color:transparent}.x-transfer-droplist.cdk-drop-list-dragging .x-transfer-item.cdk-drag-placeholder{border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}.x-transfer-droplist.cdk-drop-list-dragging .x-transfer-item:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-transfer-buttons{margin:0 1rem;display:flex;flex-direction:column}.x-transfer-buttons>x-button:not(:first-child){margin-top:.5rem}.x-transfer-search{padding:.5rem;border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-transfer-search x-input{width:100%}.x-transfer-tree-label{flex:1}.x-transfer-footer{padding:.25rem .5625rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-left-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-transfer-has-footer .x-transfer-list{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}body>li.x-transfer-item.cdk-drag-preview{margin:0;padding:.125rem .25rem;border-radius:var(--x-border-radius);display:flex;align-items:center;border:.0625rem dashed transparent;border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}body>li.x-transfer-item.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XTransferComponent)], template: "<div #transfer class=\"x-transfer\" cdkDropListGroup>\r\n  <div class=\"x-transfer-box\" [class.x-transfer-has-footer]=\"left().footerTpl\">\r\n    <ng-container *ngTemplateOutlet=\"sourceTitleTpl; context: { source: left() }\"></ng-container>\r\n    <div [ngStyle]=\"left().listStyle!\" class=\"x-transfer-list x-transfer-{{ type() }}\">\r\n      @switch (type()) {\r\n        @case ('list') {\r\n          <ul\r\n            cdkDropList\r\n            (cdkDropListDropped)=\"dropCdk($event)\"\r\n            [cdkDropListData]=\"left().list\"\r\n            [cdkDropListDisabled]=\"!drag() && type() === 'list'\"\r\n            [cdkDropListEnterPredicate]=\"predicate\"\r\n            class=\"x-transfer-droplist\"\r\n          >\r\n            @for (node of left().list; track node.id) {\r\n              <li class=\"x-transfer-item\" cdkDrag [cdkDragData]=\"node\">\r\n                <ng-container *ngTemplateOutlet=\"sourceNodeTpl; context: { node: node, source: left() }\"></ng-container>\r\n              </li>\r\n            }\r\n          </ul>\r\n        }\r\n        @case ('tree') {\r\n          <x-tree\r\n            [data]=\"left().list!\"\r\n            multiple\r\n            allowManyActivated\r\n            [(activatedId)]=\"treeActivatedId\"\r\n            (nodeClick)=\"onTreeNodeClick($event)\"\r\n            [labelTpl]=\"treeLabelTpl\"\r\n          ></x-tree>\r\n          <ng-template #treeLabelTpl let-node=\"$node\">\r\n            <span class=\"x-transfer-tree-label\" x-keyword [text]=\"left().searchInput!\">{{ node.label }}</span>\r\n          </ng-template>\r\n        }\r\n        @case ('table') {\r\n          <x-table\r\n            #leftTableCom\r\n            [data]=\"tableData()\"\r\n            [columns]=\"tableColumns()!\"\r\n            [(size)]=\"tableSize\"\r\n            [(index)]=\"tableIndex\"\r\n            (indexChange)=\"getTableData()\"\r\n            [query]=\"tableQuery()\"\r\n            [total]=\"tableTotal()\"\r\n            (activatedRowChange)=\"onTableCheckedRow($event!, left())\"\r\n            (headCheckboxChange)=\"onTableCheckedAll($event, left())\"\r\n            hiddenWrapBorder\r\n            hiddenPaginationBorder\r\n            showEllipsis=\"false\"\r\n            showTotal=\"false\"\r\n            paginationPosition=\"bottom-center\"\r\n            allowSelectRow=\"false\"\r\n            [headSearchTpl]=\"left().tableHeadSearchTpl\"\r\n          ></x-table>\r\n        }\r\n      }\r\n    </div>\r\n    @if (left().footerTpl) {\r\n      <div class=\"x-transfer-footer\">\r\n        <ng-container *ngTemplateOutlet=\"left().footerTpl!; context: { $source: left() }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n  <div class=\"x-transfer-buttons\">\r\n    <x-button\r\n      type=\"primary\"\r\n      icon=\"fto-chevron-right\"\r\n      [disabled]=\"left().disabledButton!\"\r\n      (click)=\"move(left(), right())\"\r\n      flat\r\n    ></x-button>\r\n    <x-button\r\n      type=\"primary\"\r\n      icon=\"fto-chevron-left\"\r\n      [disabled]=\"right().disabledButton!\"\r\n      (click)=\"move(right(), left())\"\r\n      flat\r\n    ></x-button>\r\n  </div>\r\n  <div class=\"x-transfer-box\" [class.x-transfer-has-footer]=\"right().footerTpl\">\r\n    <ng-container *ngTemplateOutlet=\"sourceTitleTpl; context: { source: right() }\"></ng-container>\r\n\r\n    <div [ngStyle]=\"right().listStyle!\" class=\"x-transfer-list\">\r\n      @switch (type()) {\r\n        @case ('table') {\r\n          <x-table\r\n            #rightTableCom\r\n            [data]=\"right().list!\"\r\n            [columns]=\"tableColumns()!\"\r\n            (activatedRowChange)=\"onTableCheckedRow($event!, right())\"\r\n            (headCheckboxChange)=\"onTableCheckedAll($event, right())\"\r\n            hiddenWrapBorder\r\n            hiddenPaginationBorder\r\n            showPagination=\"false\"\r\n            showEllipsis=\"false\"\r\n            showTotal=\"false\"\r\n            paginationPosition=\"bottom-center\"\r\n            allowSelectRow=\"false\"\r\n            [headSearchTpl]=\"right().tableHeadSearchTpl\"\r\n          ></x-table>\r\n        }\r\n        @default {\r\n          <ul\r\n            cdkDropList\r\n            (cdkDropListDropped)=\"dropCdk($event)\"\r\n            [cdkDropListData]=\"right().list\"\r\n            [cdkDropListDisabled]=\"!drag() || (drag() && type() !== 'list')\"\r\n            [cdkDropListEnterPredicate]=\"predicate\"\r\n            class=\"x-transfer-droplist\"\r\n          >\r\n            @for (node of right().list; track node.id) {\r\n              <li class=\"x-transfer-item\" cdkDrag [cdkDragData]=\"node\">\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"sourceNodeTpl; context: { node: node, source: right() }\"\r\n                ></ng-container>\r\n              </li>\r\n            }\r\n          </ul>\r\n        }\r\n      }\r\n    </div>\r\n    @if (right().footerTpl) {\r\n      <div class=\"x-transfer-footer\">\r\n        <ng-container *ngTemplateOutlet=\"right().footerTpl!; context: { $source: right() }\"></ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #sourceTitleTpl let-source=\"source\">\r\n  <div class=\"x-transfer-title\">\r\n    <div class=\"x-transfer-title-left\">\r\n      @if (source.title && !source.hiddenCheckAll) {\r\n        <x-checkbox\r\n          class=\"x-transfer-check-all\"\r\n          [data]=\"[titleTpl() ? '' : source.title]\"\r\n          [(ngModel)]=\"source.checkedAll\"\r\n          (ngModelChange)=\"checkedAllChange($event, source)\"\r\n          [indeterminate]=\"source.indeterminate\"\r\n          single\r\n        ></x-checkbox>\r\n      }\r\n      @if (source.title && source.hiddenCheckAll) {\r\n        <span>{{ source.title }}</span>\r\n      }\r\n      @if (inverse() && type() === 'list') {\r\n        <x-link class=\"x-transfer-inverse\" type=\"primary\" (click)=\"onInverse(source)\">{{\r\n          'transfer.inverse' | xI18n\r\n        }}</x-link>\r\n      }\r\n    </div>\r\n    <ng-container\r\n      *xOutlet=\"titleTpl(); context: { $title: source.title, $checkedCount: source.checkedCount, $count: source.count }\"\r\n      ><span class=\"x-transfer-total\">{{ source.checkedCount }} / {{ source.count }}</span></ng-container\r\n    >\r\n  </div>\r\n  @if (search() && type() !== 'table') {\r\n    <div class=\"x-transfer-search\">\r\n      <x-input\r\n        icon=\"fto-search\"\r\n        [(ngModel)]=\"source.searchInput\"\r\n        (ngModelChange)=\"onSearchInputChange(source)\"\r\n        clearable\r\n      ></x-input>\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #sourceNodeTpl let-node=\"node\" let-source=\"source\">\r\n  <x-checkbox\r\n    [data]=\"[{ id: node.id, label: nodeTpl() ? nodeTpl() : labelTpl, node: node }]\"\r\n    [disabled]=\"node.disabled\"\r\n    [(ngModel)]=\"node.checked\"\r\n    (ngModelChange)=\"checkedChange($event, source)\"\r\n    single\r\n  ></x-checkbox>\r\n  <ng-template #labelTpl>\r\n    <span x-keyword [text]=\"source.searchInput!\">{{ node.label }}</span>\r\n  </ng-template>\r\n</ng-template>\r\n", styles: [".x-transfer{margin:0;padding:0}.x-transfer{display:inline-flex;align-items:center}.x-transfer-title{padding:.25rem .5625rem;display:flex;align-items:center;justify-content:space-between;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-left-radius:var(--x-border-radius);border-top-right-radius:var(--x-border-radius);background-color:var(--x-background);color:var(--x-text-300)}.x-transfer-title-left{display:inline-flex;align-items:center}.x-transfer-inverse{margin:0 .5rem}.x-transfer-total{margin-left:.325rem}.x-transfer-box{min-width:12rem}.x-transfer-list{display:flex;flex-direction:column;height:18rem;width:100%;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;border-bottom-left-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius);overflow:auto}.x-transfer-tree{padding:0 .125rem}.x-transfer-item{margin:0;padding:.125rem .25rem;border-radius:var(--x-border-radius);display:flex;align-items:center;border:.0625rem dashed transparent;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-transfer-droplist{margin:0;height:100%;padding:.25rem;list-style:none}.x-transfer-droplist.cdk-drop-list-dragging .x-transfer-item:hover{background-color:transparent}.x-transfer-droplist.cdk-drop-list-dragging .x-transfer-item.cdk-drag-placeholder{border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}.x-transfer-droplist.cdk-drop-list-dragging .x-transfer-item:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-transfer-buttons{margin:0 1rem;display:flex;flex-direction:column}.x-transfer-buttons>x-button:not(:first-child){margin-top:.5rem}.x-transfer-search{padding:.5rem;border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-transfer-search x-input{width:100%}.x-transfer-tree-label{flex:1}.x-transfer-footer{padding:.25rem .5625rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-left-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-transfer-has-footer .x-transfer-list{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}body>li.x-transfer-item.cdk-drag-preview{margin:0;padding:.125rem .25rem;border-radius:var(--x-border-radius);display:flex;align-items:center;border:.0625rem dashed transparent;border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}body>li.x-transfer-item.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"] }]
         }] });
 
 class XTransferModule {