@ng-nest/ui 18.0.10 → 18.0.12

package/esm2022/tooltip/tooltip-portal.component.mjs

@@ -1,4 +1,4 @@
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, ElementRef, Renderer2, HostListener, HostBinding, inject, input, computed, viewChild, signal, output } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, ElementRef, Renderer2, HostListener, HostBinding, inject, input, computed, viewChild, signal, output, DestroyRef } from '@angular/core';
 import { XTooltipPortalPrefix } from './tooltip.property';
 import { XFadeAnimation, XIsEmpty } from '@ng-nest/ui/core';
 import { XOutletDirective } from '@ng-nest/ui/outlet';
@@ -13,6 +13,8 @@ export class XTooltipPortalComponent {
         this.backgroundColor = input();
         this.hoverChanged = output();
         this.arrowHidden = signal(true);
+        this.destroy = signal(false);
+        this.destroyRef = inject(DestroyRef);
         this.animation = true;
         this.tooltipPortal = viewChild.required('tooltipPortal', { read: (ElementRef) });
         this.tooltipArrow = viewChild.required('tooltipArrow', { read: (ElementRef) });
@@ -23,14 +25,23 @@ export class XTooltipPortalComponent {
         this.portalBox = computed(() => this.tooltipPortal().nativeElement.getBoundingClientRect());
         this.arrowBox = computed(() => this.tooltipArrow().nativeElement.getBoundingClientRect());
         this.renderer = inject(Renderer2);
+        this.destroyRef.onDestroy(() => {
+            this.destroy.set(true);
+        });
     }
     mouseenter() {
+        if (this.destroy())
+            return;
         this.hoverChanged.emit(true);
     }
     mouseleave() {
+        if (this.destroy())
+            return;
         this.hoverChanged.emit(false);
     }
     done(event) {
+        if (this.destroy())
+            return;
         if (event.toState === true) {
             this.setArrow();
             this.arrowHidden.set(false);
@@ -76,7 +87,7 @@ export class XTooltipPortalComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XTooltipPortalComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XTooltipPortalPrefix}`, standalone: true, imports: [NgClass, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XFadeAnimation], template: "<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", styles: [".x-tooltip-portal{margin:0;padding:0}.x-tooltip-portal{display:inline-flex;position:relative;justify-content:center;align-items:center}.x-tooltip-portal .x-tooltip-portal-arrow-hidden{visibility:hidden}.x-tooltip-portal>.x-tooltip-portal-inner{font-size:var(--x-font-size);background-color:var(--x-text);color:var(--x-text-700);padding:.325rem .5rem;max-width:10rem;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow)}.x-tooltip-portal .x-tooltip-portal-arrow,.x-tooltip-portal .x-tooltip-portal-arrow-after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.x-tooltip-portal .x-tooltip-portal-arrow{border-width:.375rem;filter:drop-shadow(0 .125rem .75rem rgba(0,0,0,.03))}.x-tooltip-portal .x-tooltip-portal-arrow-after{border-width:.375rem}.x-tooltip-portal-top,.x-tooltip-portal-top-start,.x-tooltip-portal-top-end{padding-bottom:.525rem}.x-tooltip-portal-top>.x-tooltip-portal-arrow,.x-tooltip-portal-top-start>.x-tooltip-portal-arrow,.x-tooltip-portal-top-end>.x-tooltip-portal-arrow{bottom:.3rem;border-bottom-width:0;border-top-color:var(--x-text)}.x-tooltip-portal-top .x-tooltip-portal-arrow-after,.x-tooltip-portal-top-start .x-tooltip-portal-arrow-after,.x-tooltip-portal-top-end .x-tooltip-portal-arrow-after{bottom:.1rem;margin-left:-.375rem;border-bottom-width:0;border-top-color:var(--x-text)}.x-tooltip-portal-left,.x-tooltip-portal-left-start,.x-tooltip-portal-left-end{padding-right:.525rem}.x-tooltip-portal-left>.x-tooltip-portal-arrow,.x-tooltip-portal-left-start>.x-tooltip-portal-arrow,.x-tooltip-portal-left-end>.x-tooltip-portal-arrow{right:.3rem;border-right-width:0;border-left-color:var(--x-text)}.x-tooltip-portal-left .x-tooltip-portal-arrow-after,.x-tooltip-portal-left-start .x-tooltip-portal-arrow-after,.x-tooltip-portal-left-end .x-tooltip-portal-arrow-after{right:.1rem;margin-top:-.375rem;border-right-width:0;border-left-color:var(--x-text)}.x-tooltip-portal-right,.x-tooltip-portal-right-start,.x-tooltip-portal-right-end{padding-left:.525rem}.x-tooltip-portal-right>.x-tooltip-portal-arrow,.x-tooltip-portal-right-start>.x-tooltip-portal-arrow,.x-tooltip-portal-right-end>.x-tooltip-portal-arrow{left:.3rem;border-left-width:0;border-right-color:var(--x-text)}.x-tooltip-portal-right .x-tooltip-portal-arrow-after,.x-tooltip-portal-right-start .x-tooltip-portal-arrow-after,.x-tooltip-portal-right-end .x-tooltip-portal-arrow-after{left:.1rem;margin-top:-.375rem;border-left-width:0;border-right-color:var(--x-text)}.x-tooltip-portal-bottom,.x-tooltip-portal-bottom-start,.x-tooltip-portal-bottom-end{padding-top:.525rem}.x-tooltip-portal-bottom .x-tooltip-portal-arrow,.x-tooltip-portal-bottom-start .x-tooltip-portal-arrow,.x-tooltip-portal-bottom-end .x-tooltip-portal-arrow{top:.3rem;border-top-width:0;border-bottom-color:var(--x-text)}.x-tooltip-portal-bottom .x-tooltip-portal-arrow-after,.x-tooltip-portal-bottom-start .x-tooltip-portal-arrow-after,.x-tooltip-portal-bottom-end .x-tooltip-portal-arrow-after{top:.1rem;margin-left:-.375rem;border-top-width:0;border-bottom-color:var(--x-text)}\n"] }]
-        }], propDecorators: { mouseenter: [{
+        }], ctorParameters: () => [], propDecorators: { mouseenter: [{
                 type: HostListener,
                 args: ['mouseenter']
             }], mouseleave: [{
@@ -89,4 +100,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                 type: HostListener,
                 args: ['@x-fade-animation.done', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1wb3J0YWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdG9vbHRpcC90b29sdGlwLXBvcnRhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS90b29sdGlwL3Rvb2x0aXAtcG9ydGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixVQUFVLEVBQ1YsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixNQUFNLEVBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDMUQsT0FBTyxFQUFjLGNBQWMsRUFBYSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNuRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBWTFDLE1BQU0sT0FBTyx1QkFBdUI7SUFWcEM7UUFXRSxjQUFTLEdBQUcsS0FBSyxFQUFjLENBQUM7UUFDaEMsWUFBTyxHQUFHLEtBQUssRUFBYSxDQUFDO1FBQzdCLFFBQUcsR0FBRyxLQUFLLEVBQVcsQ0FBQztRQUN2QixVQUFLLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDeEIsb0JBQWUsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUNsQyxpQkFBWSxHQUFHLE1BQU0sRUFBVyxDQUFDO1FBQ2pDLGdCQUFXLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBU08sY0FBUyxHQUFHLElBQUksQ0FBQztRQVFuRCxrQkFBYSxHQUFHLFNBQVMsQ0FB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LENBQUM7SUFFRCxRQUFRLENBQUMsS0FBYTtRQUNwQixPQUFPLElBQUksQ0FBQyxTQUFTLEVBQUcsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9DLENBQUM7aUlBbEVVLHVCQUF1QjtxSEFBdkIsdUJBQXVCLHNoQ0F3QjBCLFVBQVUsdUhBQ1osVUFBVSxpSUFDQSxVQUFVLDZDQ3hEaEYsb2dCQVFBLHdsR0RlWSxPQUFPLG9GQUFFLGdCQUFnQiwrRUFLdkIsQ0FBQyxjQUFjLENBQUM7OzJGQUVqQix1QkFBdUI7a0JBVm5DLFNBQVM7K0JBQ0UsR0FBRyxvQkFBb0IsRUFBRSxjQUN2QixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsZ0JBQWdCLENBQUMsaUJBR3JCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsQ0FBQyxjQUFjLENBQUM7OEJBV0EsVUFBVTtzQkFBckMsWUFBWTt1QkFBQyxZQUFZO2dCQUdFLFVBQVU7c0JBQXJDLFlBQVk7dUJBQUMsWUFBWTtnQkFJUSxTQUFTO3NCQUExQyxXQUFXO3VCQUFDLG1CQUFtQjtnQkFDb0IsSUFBSTtzQkFBdkQsWUFBWTt1QkFBQyx3QkFBd0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgUmVuZGVyZXIyLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBIb3N0QmluZGluZyxcclxuICBpbmplY3QsXHJcbiAgaW5wdXQsXHJcbiAgY29tcHV0ZWQsXHJcbiAgdmlld0NoaWxkLFxyXG4gIHNpZ25hbCxcclxuICBvdXRwdXRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgWFRvb2x0aXBQb3J0YWxQcmVmaXggfSBmcm9tICcuL3Rvb2x0aXAucHJvcGVydHknO1xyXG5pbXBvcnQgeyBYUGxhY2VtZW50LCBYRmFkZUFuaW1hdGlvbiwgWFRlbXBsYXRlLCBYSXNFbXB0eSB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBYT3V0bGV0RGlyZWN0aXZlIH0gZnJvbSAnQG5nLW5lc3QvdWkvb3V0bGV0JztcclxuaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogYCR7WFRvb2x0aXBQb3J0YWxQcmVmaXh9YCxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBYT3V0bGV0RGlyZWN0aXZlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vdG9vbHRpcC1wb3J0YWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3Rvb2x0aXAtcG9ydGFsLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBhbmltYXRpb25zOiBbWEZhZGVBbmltYXRpb25dXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYVG9vbHRpcFBvcnRhbENvbXBvbmVudCB7XHJcbiAgcGxhY2VtZW50ID0gaW5wdXQ8WFBsYWNlbWVudD4oKTtcclxuICBjb250ZW50ID0gaW5wdXQ8WFRlbXBsYXRlPigpO1xyXG4gIGJveCA9IGlucHV0PERPTVJlY3Q+KCk7XHJcbiAgY29sb3IgPSBpbnB1dDxzdHJpbmc+KCk7XHJcbiAgYmFja2dyb3VuZENvbG9yID0gaW5wdXQ8c3RyaW5nPigpO1xyXG4gIGhvdmVyQ2hhbmdlZCA9IG91dHB1dDxib29sZWFuPigpO1xyXG4gIGFycm93SGlkZGVuID0gc2lnbmFsKHRydWUpO1xyXG5cclxuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJykgbW91c2VlbnRlcigpIHtcclxuICAgIHRoaXMuaG92ZXJDaGFuZ2VkLmVtaXQodHJ1ZSk7XHJcbiAgfVxyXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKSBtb3VzZWxlYXZlKCkge1xyXG4gICAgdGhpcy5ob3ZlckNoYW5nZWQuZW1pdChmYWxzZSk7XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ0B4LWZhZGUtYW5pbWF0aW9uJykgYW5pbWF0aW9uID0gdHJ1ZTtcclxuICBASG9zdExpc3RlbmVyKCdAeC1mYWRlLWFuaW1hdGlvbi5kb25lJywgWyckZXZlbnQnXSkgZG9uZShldmVudDogeyB0b1N0YXRlOiBhbnkgfSkge1xyXG4gICAgaWYgKGV2ZW50LnRvU3RhdGUgPT09IHRydWUpIHtcclxuICAgICAgdGhpcy5zZXRBcnJvdygpO1xyXG4gICAgICB0aGlzLmFycm93SGlkZGVuLnNldChmYWxzZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICB0b29sdGlwUG9ydGFsID0gdmlld0NoaWxkLnJlcXVpcmVkKCd0b29sdGlwUG9ydGFsJywgeyByZWFkOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiB9KTtcclxuICB0b29sdGlwQXJyb3cgPSB2aWV3Q2hpbGQucmVxdWlyZWQoJ3Rvb2x0aXBBcnJvdycsIHsgcmVhZDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4gfSk7XHJcbiAgdG9vbHRpcEFycm93QWZ0ZXIgPSB2aWV3Q2hpbGQucmVxdWlyZWQoJ3Rvb2x0aXBBcnJvd0FmdGVyJywgeyByZWFkOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiB9KTtcclxuXHJcbiAgY2xhc3NNYXAgPSBjb21wdXRlZCgoKSA9PiAoe1xyXG4gICAgW2Ake1hUb29sdGlwUG9ydGFsUHJlZml4fS0ke3RoaXMucGxhY2VtZW50KCl9YF06ICFYSXNFbXB0eSh0aGlzLnBsYWNlbWVudCgpKVxyXG4gIH0pKTtcclxuXHJcbiAgcG9ydGFsQm94ID0gY29tcHV0ZWQoKCkgPT4gdGhpcy50b29sdGlwUG9ydGFsKCkubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKSk7XHJcbiAgYXJyb3dCb3ggPSBjb21wdXRlZCgoKSA9PiB0aGlzLnRvb2x0aXBBcnJvdygpLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkpO1xyXG4gIHByaXZhdGUgcmVuZGVyZXIgPSBpbmplY3QoUmVuZGVyZXIyKTtcclxuXHJcbiAgc2V0QXJyb3coKSB7XHJcbiAgICBjb25zdCBhcnJvd0JveCA9IHRoaXMuYXJyb3dCb3goKTtcclxuICAgIGNvbnN0IHBvcnRhbEJveCA9IHRoaXMucG9ydGFsQm94KCk7XHJcbiAgICBjb25zdCB0b29sdGlwQXJyb3cgPSB0aGlzLnRvb2x0aXBBcnJvdygpLm5hdGl2ZUVsZW1lbnQ7XHJcbiAgICBjb25zdCB0b29sdGlwQXJyb3dBZnRlciA9IHRoaXMudG9vbHRpcEFycm93QWZ0ZXIoKS5uYXRpdmVFbGVtZW50O1xyXG4gICAgY29uc3QgYm94ID0gdGhpcy5ib3goKSE7XHJcbiAgICBsZXQgb2Zmc2V0ID0gYXJyb3dCb3guaGVpZ2h0IC8gMjtcclxuICAgIGlmIChwb3J0YWxCb3guaGVpZ2h0ID4gYm94LmhlaWdodCAmJiAodGhpcy5pbmNsdWRlcygncmlnaHQtJykgfHwgdGhpcy5pbmNsdWRlcygnbGVmdC0nKSkpIHtcclxuICAgICAgaWYgKHRoaXMuaW5jbHVkZXMoJy1zdGFydCcpKSB7XHJcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwQXJyb3csICd0b3AnLCBgJHtib3guaGVpZ2h0IC8gMiAtIG9mZnNldH1weGApO1xyXG4gICAgICB9IGVsc2UgaWYgKHRoaXMuaW5jbHVkZXMoJy1lbmQnKSkge1xyXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcEFycm93LCAnYm90dG9tJywgYCR7Ym94LmhlaWdodCAvIDIgLSBvZmZzZXR9cHhgKTtcclxuICAgICAgfVxyXG4gICAgfSBlbHNlIGlmIChwb3J0YWxCb3gud2lkdGggPiBib3gud2lkdGggJiYgKHRoaXMuaW5jbHVkZXMoJ3RvcC0nKSB8fCB0aGlzLmluY2x1ZGVzKCdib3R0b20tJykpKSB7XHJcbiAgICAgIGlmICh0aGlzLmluY2x1ZGVzKCctc3RhcnQnKSkge1xyXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcEFycm93LCAnbGVmdCcsIGAke2JveC53aWR0aCAvIDIgLSBvZmZzZXR9cHhgKTtcclxuICAgICAgfSBlbHNlIGlmICh0aGlzLmluY2x1ZGVzKCctZW5kJykpIHtcclxuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRvb2x0aXBBcnJvdywgJ3JpZ2h0JywgYCR7Ym94LndpZHRoIC8gMiAtIG9mZnNldH1weGApO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBpZiAoIXRoaXMuYmFja2dyb3VuZENvbG9yKCkpIHJldHVybjtcclxuICAgIGNvbnN0IHB0U3BsaXQgPSB0aGlzLnBsYWNlbWVudCgpPy5zcGxpdCgnLScpO1xyXG4gICAgaWYgKHB0U3BsaXQgJiYgcHRTcGxpdC5sZW5ndGggPiAwKSB7XHJcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcEFycm93LCBgYm9yZGVyLSR7cHRTcGxpdFswXX0tY29sb3JgLCB0aGlzLmJhY2tncm91bmRDb2xvcigpKTtcclxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwQXJyb3dBZnRlciwgYGJvcmRlci0ke3B0U3BsaXRbMF19LWNvbG9yYCwgdGhpcy5iYWNrZ3JvdW5kQ29sb3IoKSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBpbmNsdWRlcyhhcnJvdzogc3RyaW5nKSB7XHJcbiAgICByZXR1cm4gdGhpcy5wbGFjZW1lbnQoKSEuaW5kZXhPZihhcnJvdykgPj0gMDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiAjdG9vbHRpcFBvcnRhbCBjbGFzcz1cIngtdG9vbHRpcC1wb3J0YWxcIiBbbmdDbGFzc109XCJjbGFzc01hcCgpXCI+XHJcbiAgPGRpdiBjbGFzcz1cIngtdG9vbHRpcC1wb3J0YWwtaW5uZXJcIiBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImJhY2tncm91bmRDb2xvcigpXCIgW3N0eWxlLmNvbG9yXT1cImNvbG9yKClcIj5cclxuICAgIDxuZy1jb250YWluZXIgKnhPdXRsZXQ9XCJjb250ZW50KClcIj48ZGl2IFtpbm5lckhUTUxdPVwiY29udGVudCgpXCI+PC9kaXY+PC9uZy1jb250YWluZXI+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiAjdG9vbHRpcEFycm93IGNsYXNzPVwieC10b29sdGlwLXBvcnRhbC1hcnJvd1wiIFtjbGFzcy54LXRvb2x0aXAtcG9ydGFsLWFycm93LWhpZGRlbl09XCJhcnJvd0hpZGRlbigpXCI+XHJcbiAgICA8ZGl2ICN0b29sdGlwQXJyb3dBZnRlciBjbGFzcz1cIngtdG9vbHRpcC1wb3J0YWwtYXJyb3ctYWZ0ZXJcIj48L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1wb3J0YWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdG9vbHRpcC90b29sdGlwLXBvcnRhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS90b29sdGlwL3Rvb2x0aXAtcG9ydGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixVQUFVLEVBQ1YsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixNQUFNLEVBQ04sVUFBVSxFQUNYLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQzFELE9BQU8sRUFBYyxjQUFjLEVBQWEsUUFBUSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbkYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVkxQyxNQUFNLE9BQU8sdUJBQXVCO0lBV2xDO1FBVkEsY0FBUyxHQUFHLEtBQUssRUFBYyxDQUFDO1FBQ2hDLFlBQU8sR0FBRyxLQUFLLEVBQWEsQ0FBQztRQUM3QixRQUFHLEdBQUcsS0FBSyxFQUFXLENBQUM7UUFDdkIsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3hCLG9CQUFlLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDbEMsaUJBQVksR0FBRyxNQUFNLEVBQVcsQ0FBQztRQUNqQyxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMzQixZQUFPLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFD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dXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgUmVuZGVyZXIyLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBIb3N0QmluZGluZyxcclxuICBpbmplY3QsXHJcbiAgaW5wdXQsXHJcbiAgY29tcHV0ZWQsXHJcbiAgdmlld0NoaWxkLFxyXG4gIHNpZ25hbCxcclxuICBvdXRwdXQsXHJcbiAgRGVzdHJveVJlZlxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYVG9vbHRpcFBvcnRhbFByZWZpeCB9IGZyb20gJy4vdG9vbHRpcC5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IFhQbGFjZW1lbnQsIFhGYWRlQW5pbWF0aW9uLCBYVGVtcGxhdGUsIFhJc0VtcHR5IH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IFhPdXRsZXREaXJlY3RpdmUgfSBmcm9tICdAbmctbmVzdC91aS9vdXRsZXQnO1xyXG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBgJHtYVG9vbHRpcFBvcnRhbFByZWZpeH1gLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW05nQ2xhc3MsIFhPdXRsZXREaXJlY3RpdmVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sdGlwLXBvcnRhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdG9vbHRpcC1wb3J0YWwuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGFuaW1hdGlvbnM6IFtYRmFkZUFuaW1hdGlvbl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFhUb29sdGlwUG9ydGFsQ29tcG9uZW50IHtcclxuICBwbGFjZW1lbnQgPSBpbnB1dDxYUGxhY2VtZW50PigpO1xyXG4gIGNvbnRlbnQgPSBpbnB1dDxYVGVtcGxhdGU+KCk7XHJcbiAgYm94ID0gaW5wdXQ8RE9NUmVjdD4oKTtcclxuICBjb2xvciA9IGlucHV0PHN0cmluZz4oKTtcclxuICBiYWNrZ3JvdW5kQ29sb3IgPSBpbnB1dDxzdHJpbmc+KCk7XHJcbiAgaG92ZXJDaGFuZ2VkID0gb3V0cHV0PGJvb2xlYW4+KCk7XHJcbiAgYXJyb3dIaWRkZW4gPSBzaWduYWwodHJ1ZSk7XHJcbiAgZGVzdHJveSA9IHNpZ25hbChmYWxzZSk7XHJcbiAgcHJpdmF0ZSBkZXN0cm95UmVmID0gaW5qZWN0KERlc3Ryb3lSZWYpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIHRoaXMuZGVzdHJveVJlZi5vbkRlc3Ryb3koKCkgPT4ge1xyXG4gICAgICB0aGlzLmRlc3Ryb3kuc2V0KHRydWUpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJykgbW91c2VlbnRlcigpIHtcclxuICAgIGlmICh0aGlzLmRlc3Ryb3koKSkgcmV0dXJuO1xyXG4gICAgdGhpcy5ob3ZlckNoYW5nZWQuZW1pdCh0cnVlKTtcclxuICB9XHJcbiAgQEhvc3RMaXN0ZW5lcignbW91c2VsZWF2ZScpIG1vdXNlbGVhdmUoKSB7XHJcbiAgICBpZiAodGhpcy5kZXN0cm95KCkpIHJldHVybjtcclxuICAgIHRoaXMuaG92ZXJDaGFuZ2VkLmVtaXQoZmFsc2UpO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdAeC1mYWRlLWFuaW1hdGlvbicpIGFuaW1hdGlvbiA9IHRydWU7XHJcbiAgQEhvc3RMaXN0ZW5lcignQHgtZmFkZS1hbmltYXRpb24uZG9uZScsIFsnJGV2ZW50J10pIGRvbmUoZXZlbnQ6IHsgdG9TdGF0ZTogYW55IH0pIHtcclxuICAgIGlmICh0aGlzLmRlc3Ryb3koKSkgcmV0dXJuO1xyXG4gICAgaWYgKGV2ZW50LnRvU3RhdGUgPT09IHRydWUpIHtcclxuICAgICAgdGhpcy5zZXRBcnJvdygpO1xyXG4gICAgICB0aGlzLmFycm93SGlkZGVuLnNldChmYWxzZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICB0b29sdGlwUG9ydGFsID0gdmlld0NoaWxkLnJlcXVpcmVkKCd0b29sdGlwUG9ydGFsJywgeyByZWFkOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiB9KTtcclxuICB0b29sdGlwQXJyb3cgPSB2aWV3Q2hpbGQucmVxdWlyZWQoJ3Rvb2x0aXBBcnJvdycsIHsgcmVhZDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4gfSk7XHJcbiAgdG9vbHRpcEFycm93QWZ0ZXIgPSB2aWV3Q2hpbGQucmVxdWlyZWQoJ3Rvb2x0aXBBcnJvd0FmdGVyJywgeyByZWFkOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiB9KTtcclxuXHJcbiAgY2xhc3NNYXAgPSBjb21wdXRlZCgoKSA9PiAoe1xyXG4gICAgW2Ake1hUb29sdGlwUG9ydGFsUHJlZml4fS0ke3RoaXMucGxhY2VtZW50KCl9YF06ICFYSXNFbXB0eSh0aGlzLnBsYWNlbWVudCgpKVxyXG4gIH0pKTtcclxuXHJcbiAgcG9ydGFsQm94ID0gY29tcHV0ZWQoKCkgPT4gdGhpcy50b29sdGlwUG9ydGFsKCkubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKSk7XHJcbiAgYXJyb3dCb3ggPSBjb21wdXRlZCgoKSA9PiB0aGlzLnRvb2x0aXBBcnJvdygpLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkpO1xyXG4gIHByaXZhdGUgcmVuZGVyZXIgPSBpbmplY3QoUmVuZGVyZXIyKTtcclxuXHJcbiAgc2V0QXJyb3coKSB7XHJcbiAgICBjb25zdCBhcnJvd0JveCA9IHRoaXMuYXJyb3dCb3goKTtcclxuICAgIGNvbnN0IHBvcnRhbEJveCA9IHRoaXMucG9ydGFsQm94KCk7XHJcbiAgICBjb25zdCB0b29sdGlwQXJyb3cgPSB0aGlzLnRvb2x0aXBBcnJvdygpLm5hdGl2ZUVsZW1lbnQ7XHJcbiAgICBjb25zdCB0b29sdGlwQXJyb3dBZnRlciA9IHRoaXMudG9vbHRpcEFycm93QWZ0ZXIoKS5uYXRpdmVFbGVtZW50O1xyXG4gICAgY29uc3QgYm94ID0gdGhpcy5ib3goKSE7XHJcbiAgICBsZXQgb2Zmc2V0ID0gYXJyb3dCb3guaGVpZ2h0IC8gMjtcclxuICAgIGlmIChwb3J0YWxCb3guaGVpZ2h0ID4gYm94LmhlaWdodCAmJiAodGhpcy5pbmNsdWRlcygncmlnaHQtJykgfHwgdGhpcy5pbmNsdWRlcygnbGVmdC0nKSkpIHtcclxuICAgICAgaWYgKHRoaXMuaW5jbHVkZXMoJy1zdGFydCcpKSB7XHJcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwQXJyb3csICd0b3AnLCBgJHtib3guaGVpZ2h0IC8gMiAtIG9mZnNldH1weGApO1xyXG4gICAgICB9IGVsc2UgaWYgKHRoaXMuaW5jbHVkZXMoJy1lbmQnKSkge1xyXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcEFycm93LCAnYm90dG9tJywgYCR7Ym94LmhlaWdodCAvIDIgLSBvZmZzZXR9cHhgKTtcclxuICAgICAgfVxyXG4gICAgfSBlbHNlIGlmIChwb3J0YWxCb3gud2lkdGggPiBib3gud2lkdGggJiYgKHRoaXMuaW5jbHVkZXMoJ3RvcC0nKSB8fCB0aGlzLmluY2x1ZGVzKCdib3R0b20tJykpKSB7XHJcbiAgICAgIGlmICh0aGlzLmluY2x1ZGVzKCctc3RhcnQnKSkge1xyXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcEFycm93LCAnbGVmdCcsIGAke2JveC53aWR0aCAvIDIgLSBvZmZzZXR9cHhgKTtcclxuICAgICAgfSBlbHNlIGlmICh0aGlzLmluY2x1ZGVzKCctZW5kJykpIHtcclxuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRvb2x0aXBBcnJvdywgJ3JpZ2h0JywgYCR7Ym94LndpZHRoIC8gMiAtIG9mZnNldH1weGApO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBpZiAoIXRoaXMuYmFja2dyb3VuZENvbG9yKCkpIHJldHVybjtcclxuICAgIGNvbnN0IHB0U3BsaXQgPSB0aGlzLnBsYWNlbWVudCgpPy5zcGxpdCgnLScpO1xyXG4gICAgaWYgKHB0U3BsaXQgJiYgcHRTcGxpdC5sZW5ndGggPiAwKSB7XHJcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcEFycm93LCBgYm9yZGVyLSR7cHRTcGxpdFswXX0tY29sb3JgLCB0aGlzLmJhY2tncm91bmRDb2xvcigpKTtcclxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwQXJyb3dBZnRlciwgYGJvcmRlci0ke3B0U3BsaXRbMF19LWNvbG9yYCwgdGhpcy5iYWNrZ3JvdW5kQ29sb3IoKSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBpbmNsdWRlcyhhcnJvdzogc3RyaW5nKSB7XHJcbiAgICByZXR1cm4gdGhpcy5wbGFjZW1lbnQoKSEuaW5kZXhPZihhcnJvdykgPj0gMDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiAjdG9vbHRpcFBvcnRhbCBjbGFzcz1cIngtdG9vbHRpcC1wb3J0YWxcIiBbbmdDbGFzc109XCJjbGFzc01hcCgpXCI+XHJcbiAgPGRpdiBjbGFzcz1cIngtdG9vbHRpcC1wb3J0YWwtaW5uZXJcIiBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImJhY2tncm91bmRDb2xvcigpXCIgW3N0eWxlLmNvbG9yXT1cImNvbG9yKClcIj5cclxuICAgIDxuZy1jb250YWluZXIgKnhPdXRsZXQ9XCJjb250ZW50KClcIj48ZGl2IFtpbm5lckhUTUxdPVwiY29udGVudCgpXCI+PC9kaXY+PC9uZy1jb250YWluZXI+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiAjdG9vbHRpcEFycm93IGNsYXNzPVwieC10b29sdGlwLXBvcnRhbC1hcnJvd1wiIFtjbGFzcy54LXRvb2x0aXAtcG9ydGFsLWFycm93LWhpZGRlbl09XCJhcnJvd0hpZGRlbigpXCI+XHJcbiAgICA8ZGl2ICN0b29sdGlwQXJyb3dBZnRlciBjbGFzcz1cIngtdG9vbHRpcC1wb3J0YWwtYXJyb3ctYWZ0ZXJcIj48L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/fesm2022/ng-nest-ui-input-number.mjs

@@ -264,11 +264,11 @@ class XInputNumberComponent extends XInputNumberProperty {
         this.valueChange.next(this.value());
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XInputNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: XInputNumberComponent, isStandalone: true, selector: "x-input-number", providers: [XValueAccessor(XInputNumberComponent)], viewQueries: [{ propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true, isSignal: true }, { propertyName: "inputEleRef", first: true, predicate: ["inputEleRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div #inputNumber class=\"x-input-number\" [class.x-input-number-hidden-button]=\"hiddenButton()\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || minDisabled()\"\r\n        (click)=\"!minDisabled() && plus($event, step(), false); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!minDisabled() && down($event, step(), false)\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\r\n      [label]=\"label()\"\r\n      [labelWidth]=\"labelWidth()\"\r\n      [labelAlign]=\"labelAlign()\"\r\n      [justify]=\"justify()\"\r\n      [align]=\"align()\"\r\n      [direction]=\"direction()\"\r\n      [disabled]=\"disabledComputed()\"\r\n      [required]=\"requiredComputed()\"\r\n      [validator]=\"validatorComputed()\"\r\n      [inputValidator]=\"inputValidator()\"\r\n      [icon]=\"icon()\"\r\n      [iconSpin]=\"iconSpin()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [readonly]=\"readonly()\"\r\n      [clearable]=\"clearable()\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [valueTpl]=\"valueTpl() ? valueTpl() : valueTemplate\"\r\n      [valueTplContext]=\"valueTplContext()\"\r\n      [size]=\"size()\"\r\n      [bordered]=\"bordered()\"\r\n      [before]=\"hiddenButton() ? '' : beforeButtonTpl\"\r\n      [after]=\"hiddenButton() ? '' : afterButtonTpl\"\r\n      [pattern]=\"patternComputed()\"\r\n      [message]=\"messageComputed()\"\r\n      (xInput)=\"onInput($event); formControlValidator()\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || maxDisabled()\"\r\n        (click)=\"!maxDisabled() && plus($event, step()); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!maxDisabled() && down($event, step())\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    </ng-template>\r\n    <ng-template #valueTemplate>{{ displayValue() }}</ng-template>\r\n    @if (invalid()) {\r\n      <div class=\"x-border-error x-top-left\"></div>\r\n      <div class=\"x-border-error x-top-right\"></div>\r\n      <div class=\"x-border-error x-bottom-left\"></div>\r\n      <div class=\"x-border-error x-bottom-right\"></div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-input-number{display:inline-block;width:12rem}.x-input-number{margin:0;padding:0}.x-input-number,.x-input-number-input{width:100%}.x-input-number-input input{text-align:center}.x-input-number-hidden-button .x-input-number-input input{text-align:left}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: XInputComponent, selector: "x-input" }, { kind: "component", type: XButtonComponent, selector: "x-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: XInputNumberComponent, isStandalone: true, selector: "x-input-number", providers: [XValueAccessor(XInputNumberComponent)], viewQueries: [{ propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true, isSignal: true }, { propertyName: "inputEleRef", first: true, predicate: ["inputEleRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div #inputNumber class=\"x-input-number\" [class.x-input-number-hidden-button]=\"hiddenButton()\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || minDisabled()\"\r\n        (click)=\"!minDisabled() && plus($event, step(), false); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!minDisabled() && down($event, step(), false)\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\r\n      [label]=\"label()\"\r\n      [labelWidth]=\"labelWidth()\"\r\n      [labelAlign]=\"labelAlign()\"\r\n      [justify]=\"justify()\"\r\n      [align]=\"align()\"\r\n      [direction]=\"direction()\"\r\n      [disabled]=\"disabledComputed()\"\r\n      [required]=\"requiredComputed()\"\r\n      [validator]=\"validatorComputed()\"\r\n      [inputValidator]=\"inputValidator()\"\r\n      [icon]=\"icon()\"\r\n      [iconSpin]=\"iconSpin()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [readonly]=\"readonly()\"\r\n      [clearable]=\"clearable()\"\r\n      [ngModel]=\"displayValue()\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [valueTpl]=\"valueTpl()\"\r\n      [valueTplContext]=\"valueTplContext()\"\r\n      [size]=\"size()\"\r\n      [min]=\"min()\"\r\n      [max]=\"max()\"\r\n      [bordered]=\"bordered()\"\r\n      [before]=\"hiddenButton() ? '' : beforeButtonTpl\"\r\n      [after]=\"hiddenButton() ? '' : afterButtonTpl\"\r\n      [pattern]=\"patternComputed()\"\r\n      [message]=\"messageComputed()\"\r\n      (xInput)=\"onInput($event); formControlValidator()\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || maxDisabled()\"\r\n        (click)=\"!maxDisabled() && plus($event, step()); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!maxDisabled() && down($event, step())\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    </ng-template>\r\n    @if (invalid()) {\r\n      <div class=\"x-border-error x-top-left\"></div>\r\n      <div class=\"x-border-error x-top-right\"></div>\r\n      <div class=\"x-border-error x-bottom-left\"></div>\r\n      <div class=\"x-border-error x-bottom-right\"></div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-input-number{display:inline-block;width:12rem}.x-input-number{margin:0;padding:0}.x-input-number,.x-input-number-input{width:100%}.x-input-number-input input{text-align:center}.x-input-number-hidden-button .x-input-number-input input{text-align:left}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: XInputComponent, selector: "x-input" }, { kind: "component", type: XButtonComponent, selector: "x-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XInputNumberComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XInputNumberPrefix}`, standalone: true, imports: [FormsModule, ReactiveFormsModule, XInputComponent, XButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XInputNumberComponent)], template: "<div #inputNumber class=\"x-input-number\" [class.x-input-number-hidden-button]=\"hiddenButton()\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || minDisabled()\"\r\n        (click)=\"!minDisabled() && plus($event, step(), false); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!minDisabled() && down($event, step(), false)\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\r\n      [label]=\"label()\"\r\n      [labelWidth]=\"labelWidth()\"\r\n      [labelAlign]=\"labelAlign()\"\r\n      [justify]=\"justify()\"\r\n      [align]=\"align()\"\r\n      [direction]=\"direction()\"\r\n      [disabled]=\"disabledComputed()\"\r\n      [required]=\"requiredComputed()\"\r\n      [validator]=\"validatorComputed()\"\r\n      [inputValidator]=\"inputValidator()\"\r\n      [icon]=\"icon()\"\r\n      [iconSpin]=\"iconSpin()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [readonly]=\"readonly()\"\r\n      [clearable]=\"clearable()\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [valueTpl]=\"valueTpl() ? valueTpl() : valueTemplate\"\r\n      [valueTplContext]=\"valueTplContext()\"\r\n      [size]=\"size()\"\r\n      [bordered]=\"bordered()\"\r\n      [before]=\"hiddenButton() ? '' : beforeButtonTpl\"\r\n      [after]=\"hiddenButton() ? '' : afterButtonTpl\"\r\n      [pattern]=\"patternComputed()\"\r\n      [message]=\"messageComputed()\"\r\n      (xInput)=\"onInput($event); formControlValidator()\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || maxDisabled()\"\r\n        (click)=\"!maxDisabled() && plus($event, step()); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!maxDisabled() && down($event, step())\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    </ng-template>\r\n    <ng-template #valueTemplate>{{ displayValue() }}</ng-template>\r\n    @if (invalid()) {\r\n      <div class=\"x-border-error x-top-left\"></div>\r\n      <div class=\"x-border-error x-top-right\"></div>\r\n      <div class=\"x-border-error x-bottom-left\"></div>\r\n      <div class=\"x-border-error x-bottom-right\"></div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-input-number{display:inline-block;width:12rem}.x-input-number{margin:0;padding:0}.x-input-number,.x-input-number-input{width:100%}.x-input-number-input input{text-align:center}.x-input-number-hidden-button .x-input-number-input input{text-align:left}\n"] }]
+            args: [{ selector: `${XInputNumberPrefix}`, standalone: true, imports: [FormsModule, ReactiveFormsModule, XInputComponent, XButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XInputNumberComponent)], template: "<div #inputNumber class=\"x-input-number\" [class.x-input-number-hidden-button]=\"hiddenButton()\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || minDisabled()\"\r\n        (click)=\"!minDisabled() && plus($event, step(), false); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!minDisabled() && down($event, step(), false)\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\r\n      [label]=\"label()\"\r\n      [labelWidth]=\"labelWidth()\"\r\n      [labelAlign]=\"labelAlign()\"\r\n      [justify]=\"justify()\"\r\n      [align]=\"align()\"\r\n      [direction]=\"direction()\"\r\n      [disabled]=\"disabledComputed()\"\r\n      [required]=\"requiredComputed()\"\r\n      [validator]=\"validatorComputed()\"\r\n      [inputValidator]=\"inputValidator()\"\r\n      [icon]=\"icon()\"\r\n      [iconSpin]=\"iconSpin()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [readonly]=\"readonly()\"\r\n      [clearable]=\"clearable()\"\r\n      [ngModel]=\"displayValue()\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [valueTpl]=\"valueTpl()\"\r\n      [valueTplContext]=\"valueTplContext()\"\r\n      [size]=\"size()\"\r\n      [min]=\"min()\"\r\n      [max]=\"max()\"\r\n      [bordered]=\"bordered()\"\r\n      [before]=\"hiddenButton() ? '' : beforeButtonTpl\"\r\n      [after]=\"hiddenButton() ? '' : afterButtonTpl\"\r\n      [pattern]=\"patternComputed()\"\r\n      [message]=\"messageComputed()\"\r\n      (xInput)=\"onInput($event); formControlValidator()\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || maxDisabled()\"\r\n        (click)=\"!maxDisabled() && plus($event, step()); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!maxDisabled() && down($event, step())\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    </ng-template>\r\n    @if (invalid()) {\r\n      <div class=\"x-border-error x-top-left\"></div>\r\n      <div class=\"x-border-error x-top-right\"></div>\r\n      <div class=\"x-border-error x-bottom-left\"></div>\r\n      <div class=\"x-border-error x-bottom-right\"></div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-input-number{display:inline-block;width:12rem}.x-input-number{margin:0;padding:0}.x-input-number,.x-input-number-input{width:100%}.x-input-number-input input{text-align:center}.x-input-number-hidden-button .x-input-number-input input{text-align:left}\n"] }]
         }], ctorParameters: () => [] });
 
 class XInputNumberModule {

package/fesm2022/ng-nest-ui-input-number.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-input-number.mjs","sources":["../../../../lib/ng-nest/ui/input-number/input-number.property.ts","../../../../lib/ng-nest/ui/input-number/input-number.component.ts","../../../../lib/ng-nest/ui/input-number/input-number.component.html","../../../../lib/ng-nest/ui/input-number/input-number.module.ts","../../../../lib/ng-nest/ui/input-number/ng-nest-ui-input-number.ts"],"sourcesContent":["import {\r\n  XAlign,\r\n  XBoolean,\r\n  XDirection,\r\n  XJustify,\r\n  XNumber,\r\n  XSize,\r\n  XToBoolean,\r\n  XToCssPixelValue,\r\n  XToNumber\r\n} from '@ng-nest/ui/core';\r\nimport { Component, TemplateRef, input } from '@angular/core';\r\nimport { XFormControlFunction, XFormOption } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * InputNumber\r\n * @selector x-input-number\r\n * @decorator component\r\n */\r\nexport const XInputNumberPrefix = 'x-input-number';\r\nconst X_INPUT_NUMBER_CONFIG_NAME = 'inputNumber';\r\n\r\n/**\r\n * InputNumber Property\r\n */\r\n@Component({ selector: `${XInputNumberPrefix}-property`, template: '' })\r\nexport class XInputNumberProperty extends XFormControlFunction(X_INPUT_NUMBER_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 最小值\r\n   * @en_US Minimum\r\n   */\r\n  readonly min = input<number, XNumber>(Number.MIN_SAFE_INTEGER, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 最大值\r\n   * @en_US Max\r\n   */\r\n  readonly max = input<number, XNumber>(Number.MAX_SAFE_INTEGER, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 步数\r\n   * @en_US Step count\r\n   */\r\n  readonly step = input<number, XNumber>(1, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 按住后步进速度\r\n   * @en_US Stepping speed after pressing\r\n   */\r\n  readonly debounce = input<number, XNumber>(40, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 精度\r\n   * @en_US Precision\r\n   */\r\n  readonly precision = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  readonly bordered = input<boolean, XBoolean>(this.config?.bordered ?? true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 数字格式化\r\n   * @en_US Display Formatter\r\n   */\r\n  readonly formatter = input<(value: number) => XNumber>();\r\n  /**\r\n   * @zh_CN 隐藏步进按钮\r\n   * @en_US Hide step button\r\n   */\r\n  readonly hiddenButton = input<boolean, XBoolean>(this.config?.hiddenButton ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  override readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US Label\r\n   */\r\n  override readonly label = input<string>('');\r\n  /**\r\n   * @zh_CN 标签宽度\r\n   * @en_US Label width\r\n   */\r\n  override readonly labelWidth = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 标签文字对齐方式\r\n   * @en_US Label text alignment method\r\n   */\r\n  override readonly labelAlign = input<XAlign>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US The level of sub-element level arrangement under flex layout\r\n   */\r\n  override readonly justify = input<XJustify>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US sub-element vertical arrangement method under flex layout\r\n   */\r\n  override readonly align = input<XAlign>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US The direction of the sub-element arrangement under flex layout\r\n   */\r\n  override readonly direction = input<XDirection>('column');\r\n  /**\r\n   * @zh_CN 输入提示信息\r\n   * @en_US Enter prompt information\r\n   */\r\n  override readonly placeholder = input<string | string[]>('');\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  override readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  override readonly required = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Readonly\r\n   */\r\n  override readonly readonly = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  override readonly valueTpl = input<TemplateRef<any>>();\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  override readonly valueTplContext = input();\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular verification rules\r\n   */\r\n  override readonly pattern = input<RegExp | RegExp[] | any>(null);\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verify not pass the prompt text\r\n   */\r\n  override readonly message = input<string | string[]>([]);\r\n  /**\r\n   * @zh_CN 输入验证函数\r\n   * @en_US Enter the verification function\r\n   */\r\n  override readonly inputValidator = input<(value: any) => boolean>();\r\n}\r\n\r\n/**\r\n * InputNumber Option\r\n */\r\nexport interface XInputNumberOption extends XFormOption {\r\n  /**\r\n   * @zh_CN 最小值\r\n   * @en_US Minimum\r\n   */\r\n  min?: number;\r\n  /**\r\n   * @zh_CN 最大值\r\n   * @en_US Max\r\n   */\r\n  max?: number;\r\n  /**\r\n   * @zh_CN 步数\r\n   * @en_US Step count\r\n   */\r\n  step?: number;\r\n  /**\r\n   * @zh_CN 按住后步进速度\r\n   * @en_US Stepping speed after pressing\r\n   */\r\n  debounce?: number;\r\n  /**\r\n   * @zh_CN 精度\r\n   * @en_US Precision\r\n   */\r\n  precision?: number;\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  bordered?: boolean;\r\n  /**\r\n   * @zh_CN 数字格式化\r\n   * @en_US Display Formatter\r\n   */\r\n  formatter?: (value: number) => XNumber;\r\n  /**\r\n   * @zh_CN 隐藏步进按钮\r\n   * @en_US Hide step button\r\n   */\r\n  hiddenButton?: boolean;\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 Label\r\n   */\r\n  label?: string;\r\n  /**\r\n   * @zh_CN 标签宽度\r\n   * @en_US Label width\r\n   */\r\n  labelWidth?: string;\r\n  /**\r\n   * @zh_CN 标签文字对齐方式\r\n   * @en_US Label text alignment method\r\n   */\r\n  labelAlign?: XAlign;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US The level of sub-element level arrangement under flex layout\r\n   */\r\n  justify?: XJustify;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US sub-element vertical arrangement method under flex layout\r\n   */\r\n  align?: XAlign;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US The direction of the sub-element arrangement under flex layout\r\n   */\r\n  direction?: XDirection;\r\n  /**\r\n   * @zh_CN 输入提示信息\r\n   * @en_US Enter prompt information\r\n   */\r\n  placeholder?: string;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  required?: boolean;\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Readonly\r\n   */\r\n  readonly?: boolean;\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  valueTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  valueTplContext?: any;\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular verification rules\r\n   */\r\n  pattern?: RegExp | RegExp[];\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verify not pass the prompt text\r\n   */\r\n  message?: string | string[];\r\n  /**\r\n   * @zh_CN 输入验证函数\r\n   * @en_US Enter the verification function\r\n   */\r\n  inputValidator?: (value: any) => boolean;\r\n}\r\n","import { Subject, Subscription, distinctUntilChanged, fromEvent, interval, takeUntil } from 'rxjs';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  inject,\r\n  viewChild,\r\n  signal,\r\n  computed\r\n} from '@angular/core';\r\nimport { XIsEmpty, XNumber, XIsNotNil, XIsFunction, XIsString } from '@ng-nest/ui/core';\r\nimport { XInputNumberPrefix, XInputNumberProperty } from './input-number.property';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\nimport { XInputComponent } from '@ng-nest/ui/input';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XInputNumberPrefix}`,\r\n  standalone: true,\r\n  imports: [FormsModule, ReactiveFormsModule, XInputComponent, XButtonComponent],\r\n  templateUrl: './input-number.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XInputNumberComponent)]\r\n})\r\nexport class XInputNumberComponent extends XInputNumberProperty {\r\n  inputNumber = viewChild.required<ElementRef<HTMLElement>>('inputNumber');\r\n  inputEleRef = viewChild.required<XInputComponent>('inputEleRef');\r\n\r\n  displayValue = computed(() => {\r\n    const value = this.value();\r\n    const formatter = this.formatter();\r\n    if (!XIsEmpty(value) && !formatter) {\r\n      return Number(value).toFixed(this.precision());\r\n    } else if (formatter) {\r\n      const valueFormatter = formatter(Number(this.value()));\r\n      const displayValue = XIsNotNil(valueFormatter) ? valueFormatter : '';\r\n      if (XIsNotNil(displayValue)) {\r\n        return displayValue;\r\n      } else {\r\n        return '';\r\n      }\r\n    }\r\n    return '';\r\n  });\r\n  minDisabled = signal(false);\r\n  maxDisabled = signal(false);\r\n  mousedown$!: Subscription;\r\n  mouseup$!: Subscription;\r\n  timer: any;\r\n  icon = signal('');\r\n  iconSpin = signal(false);\r\n  clearable = signal(false);\r\n  isDown = signal(false);\r\n  valueChange = new Subject<any>();\r\n\r\n  document = inject(DOCUMENT);\r\n  private unSubject = new Subject<void>();\r\n\r\n  constructor() {\r\n    super();\r\n    this.valueChange.pipe(distinctUntilChanged(), takeUntil(this.unSubject)).subscribe((x) => {\r\n      this.onChange && this.onChange(x);\r\n    });\r\n  }\r\n\r\n  change(value: any) {\r\n    this.verify(value);\r\n    this.valueChange.next(this.value());\r\n  }\r\n\r\n  down(event: Event, limit: XNumber, increase: boolean = true): void {\r\n    if (this.disabledComputed()) return;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.isDown.set(true);\r\n    this.timer = setTimeout(() => {\r\n      this.mousedown$ = interval(Number(this.debounce()))\r\n        .pipe(takeUntil(this.unSubject))\r\n        .subscribe(() => {\r\n          this.plus(event, limit, increase);\r\n        });\r\n      this.mouseup$ = fromEvent(this.document.documentElement, 'mouseup')\r\n        .pipe(takeUntil(this.unSubject))\r\n        .subscribe((event: Event) => {\r\n          this.up(event);\r\n        });\r\n    }, 150);\r\n  }\r\n\r\n  up(event: Event) {\r\n    if (this.disabledComputed()) return;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.isDown.set(false);\r\n    if (this.mousedown$) this.mousedown$.unsubscribe();\r\n    if (this.mouseup$) this.mouseup$.unsubscribe();\r\n  }\r\n\r\n  plus(event: Event, limit: XNumber, increase: boolean = true) {\r\n    if (this.disabledComputed()) return;\r\n    limit = Number(limit);\r\n    if (!increase) limit = -limit;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    if (this.timer) clearTimeout(this.timer);\r\n    if (Number.isNaN(+this.value())) this.value.set(0);\r\n    let value = Number(this.value()) + limit;\r\n    this.verify(value);\r\n    this.valueChange.next(this.value());\r\n  }\r\n\r\n  verify(value: string | number) {\r\n    if (XIsString(value) && Number(value).toString() !== value) {\r\n      return;\r\n    }\r\n    value = Number(Number(value).toFixed(Number(this.precision())));\r\n    const oldValue: number = this.value();\r\n    this.value.set(value);\r\n    if (Number.isNaN(+this.value())) {\r\n      this.value.set(oldValue);\r\n    } else {\r\n      this.maxDisabled.set(value >= this.max());\r\n      this.minDisabled.set(value <= this.min());\r\n      this.value.set(this.maxDisabled() ? this.max() : this.minDisabled() ? this.min() : value);\r\n    }\r\n  }\r\n\r\n  onInput(x: Event) {\r\n    const input = x.target as HTMLInputElement;\r\n    let value = input.value;\r\n    if (XIsFunction(this.formatter)) {\r\n      value = value.replace(/[^0-9]/g, '');\r\n    }\r\n    this.verify(value);\r\n    this.inputEleRef().inputRef().nativeElement.value = this.displayValue();\r\n    this.valueChange.next(this.value());\r\n  }\r\n}\r\n","<div #inputNumber class=\"x-input-number\" [class.x-input-number-hidden-button]=\"hiddenButton()\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || minDisabled()\"\r\n        (click)=\"!minDisabled() && plus($event, step(), false); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!minDisabled() && down($event, step(), false)\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\r\n      [label]=\"label()\"\r\n      [labelWidth]=\"labelWidth()\"\r\n      [labelAlign]=\"labelAlign()\"\r\n      [justify]=\"justify()\"\r\n      [align]=\"align()\"\r\n      [direction]=\"direction()\"\r\n      [disabled]=\"disabledComputed()\"\r\n      [required]=\"requiredComputed()\"\r\n      [validator]=\"validatorComputed()\"\r\n      [inputValidator]=\"inputValidator()\"\r\n      [icon]=\"icon()\"\r\n      [iconSpin]=\"iconSpin()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [readonly]=\"readonly()\"\r\n      [clearable]=\"clearable()\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [valueTpl]=\"valueTpl() ? valueTpl() : valueTemplate\"\r\n      [valueTplContext]=\"valueTplContext()\"\r\n      [size]=\"size()\"\r\n      [bordered]=\"bordered()\"\r\n      [before]=\"hiddenButton() ? '' : beforeButtonTpl\"\r\n      [after]=\"hiddenButton() ? '' : afterButtonTpl\"\r\n      [pattern]=\"patternComputed()\"\r\n      [message]=\"messageComputed()\"\r\n      (xInput)=\"onInput($event); formControlValidator()\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || maxDisabled()\"\r\n        (click)=\"!maxDisabled() && plus($event, step()); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!maxDisabled() && down($event, step())\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    </ng-template>\r\n    <ng-template #valueTemplate>{{ displayValue() }}</ng-template>\r\n    @if (invalid()) {\r\n      <div class=\"x-border-error x-top-left\"></div>\r\n      <div class=\"x-border-error x-top-right\"></div>\r\n      <div class=\"x-border-error x-bottom-left\"></div>\r\n      <div class=\"x-border-error x-bottom-right\"></div>\r\n    }\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XInputNumberComponent } from './input-number.component';\r\n\r\n@NgModule({\r\n  exports: [XInputNumberComponent],\r\n  imports: [XInputNumberComponent]\r\n})\r\nexport class XInputNumberModule {}\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-input-number.mjs","sources":["../../../../lib/ng-nest/ui/input-number/input-number.property.ts","../../../../lib/ng-nest/ui/input-number/input-number.component.ts","../../../../lib/ng-nest/ui/input-number/input-number.component.html","../../../../lib/ng-nest/ui/input-number/input-number.module.ts","../../../../lib/ng-nest/ui/input-number/ng-nest-ui-input-number.ts"],"sourcesContent":["import {\r\n  XAlign,\r\n  XBoolean,\r\n  XDirection,\r\n  XJustify,\r\n  XNumber,\r\n  XSize,\r\n  XToBoolean,\r\n  XToCssPixelValue,\r\n  XToNumber\r\n} from '@ng-nest/ui/core';\r\nimport { Component, TemplateRef, input } from '@angular/core';\r\nimport { XFormControlFunction, XFormOption } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * InputNumber\r\n * @selector x-input-number\r\n * @decorator component\r\n */\r\nexport const XInputNumberPrefix = 'x-input-number';\r\nconst X_INPUT_NUMBER_CONFIG_NAME = 'inputNumber';\r\n\r\n/**\r\n * InputNumber Property\r\n */\r\n@Component({ selector: `${XInputNumberPrefix}-property`, template: '' })\r\nexport class XInputNumberProperty extends XFormControlFunction(X_INPUT_NUMBER_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 最小值\r\n   * @en_US Minimum\r\n   */\r\n  readonly min = input<number, XNumber>(Number.MIN_SAFE_INTEGER, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 最大值\r\n   * @en_US Max\r\n   */\r\n  readonly max = input<number, XNumber>(Number.MAX_SAFE_INTEGER, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 步数\r\n   * @en_US Step count\r\n   */\r\n  readonly step = input<number, XNumber>(1, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 按住后步进速度\r\n   * @en_US Stepping speed after pressing\r\n   */\r\n  readonly debounce = input<number, XNumber>(40, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 精度\r\n   * @en_US Precision\r\n   */\r\n  readonly precision = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  readonly bordered = input<boolean, XBoolean>(this.config?.bordered ?? true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 数字格式化\r\n   * @en_US Display Formatter\r\n   */\r\n  readonly formatter = input<(value: number) => XNumber>();\r\n  /**\r\n   * @zh_CN 隐藏步进按钮\r\n   * @en_US Hide step button\r\n   */\r\n  readonly hiddenButton = input<boolean, XBoolean>(this.config?.hiddenButton ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  override readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US Label\r\n   */\r\n  override readonly label = input<string>('');\r\n  /**\r\n   * @zh_CN 标签宽度\r\n   * @en_US Label width\r\n   */\r\n  override readonly labelWidth = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 标签文字对齐方式\r\n   * @en_US Label text alignment method\r\n   */\r\n  override readonly labelAlign = input<XAlign>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US The level of sub-element level arrangement under flex layout\r\n   */\r\n  override readonly justify = input<XJustify>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US sub-element vertical arrangement method under flex layout\r\n   */\r\n  override readonly align = input<XAlign>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US The direction of the sub-element arrangement under flex layout\r\n   */\r\n  override readonly direction = input<XDirection>('column');\r\n  /**\r\n   * @zh_CN 输入提示信息\r\n   * @en_US Enter prompt information\r\n   */\r\n  override readonly placeholder = input<string | string[]>('');\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  override readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  override readonly required = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Readonly\r\n   */\r\n  override readonly readonly = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  override readonly valueTpl = input<TemplateRef<any>>();\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  override readonly valueTplContext = input();\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular verification rules\r\n   */\r\n  override readonly pattern = input<RegExp | RegExp[] | any>(null);\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verify not pass the prompt text\r\n   */\r\n  override readonly message = input<string | string[]>([]);\r\n  /**\r\n   * @zh_CN 输入验证函数\r\n   * @en_US Enter the verification function\r\n   */\r\n  override readonly inputValidator = input<(value: any) => boolean>();\r\n}\r\n\r\n/**\r\n * InputNumber Option\r\n */\r\nexport interface XInputNumberOption extends XFormOption {\r\n  /**\r\n   * @zh_CN 最小值\r\n   * @en_US Minimum\r\n   */\r\n  min?: number;\r\n  /**\r\n   * @zh_CN 最大值\r\n   * @en_US Max\r\n   */\r\n  max?: number;\r\n  /**\r\n   * @zh_CN 步数\r\n   * @en_US Step count\r\n   */\r\n  step?: number;\r\n  /**\r\n   * @zh_CN 按住后步进速度\r\n   * @en_US Stepping speed after pressing\r\n   */\r\n  debounce?: number;\r\n  /**\r\n   * @zh_CN 精度\r\n   * @en_US Precision\r\n   */\r\n  precision?: number;\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  bordered?: boolean;\r\n  /**\r\n   * @zh_CN 数字格式化\r\n   * @en_US Display Formatter\r\n   */\r\n  formatter?: (value: number) => XNumber;\r\n  /**\r\n   * @zh_CN 隐藏步进按钮\r\n   * @en_US Hide step button\r\n   */\r\n  hiddenButton?: boolean;\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 Label\r\n   */\r\n  label?: string;\r\n  /**\r\n   * @zh_CN 标签宽度\r\n   * @en_US Label width\r\n   */\r\n  labelWidth?: string;\r\n  /**\r\n   * @zh_CN 标签文字对齐方式\r\n   * @en_US Label text alignment method\r\n   */\r\n  labelAlign?: XAlign;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US The level of sub-element level arrangement under flex layout\r\n   */\r\n  justify?: XJustify;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US sub-element vertical arrangement method under flex layout\r\n   */\r\n  align?: XAlign;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US The direction of the sub-element arrangement under flex layout\r\n   */\r\n  direction?: XDirection;\r\n  /**\r\n   * @zh_CN 输入提示信息\r\n   * @en_US Enter prompt information\r\n   */\r\n  placeholder?: string;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  required?: boolean;\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Readonly\r\n   */\r\n  readonly?: boolean;\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  valueTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  valueTplContext?: any;\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular verification rules\r\n   */\r\n  pattern?: RegExp | RegExp[];\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verify not pass the prompt text\r\n   */\r\n  message?: string | string[];\r\n  /**\r\n   * @zh_CN 输入验证函数\r\n   * @en_US Enter the verification function\r\n   */\r\n  inputValidator?: (value: any) => boolean;\r\n}\r\n","import { Subject, Subscription, distinctUntilChanged, fromEvent, interval, takeUntil } from 'rxjs';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  inject,\r\n  viewChild,\r\n  signal,\r\n  computed\r\n} from '@angular/core';\r\nimport { XIsEmpty, XNumber, XIsNotNil, XIsFunction, XIsString } from '@ng-nest/ui/core';\r\nimport { XInputNumberPrefix, XInputNumberProperty } from './input-number.property';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\nimport { XInputComponent } from '@ng-nest/ui/input';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XInputNumberPrefix}`,\r\n  standalone: true,\r\n  imports: [FormsModule, ReactiveFormsModule, XInputComponent, XButtonComponent],\r\n  templateUrl: './input-number.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XInputNumberComponent)]\r\n})\r\nexport class XInputNumberComponent extends XInputNumberProperty {\r\n  inputNumber = viewChild.required<ElementRef<HTMLElement>>('inputNumber');\r\n  inputEleRef = viewChild.required<XInputComponent>('inputEleRef');\r\n\r\n  displayValue = computed(() => {\r\n    const value = this.value();\r\n    const formatter = this.formatter();\r\n    if (!XIsEmpty(value) && !formatter) {\r\n      return Number(value).toFixed(this.precision());\r\n    } else if (formatter) {\r\n      const valueFormatter = formatter(Number(this.value()));\r\n      const displayValue = XIsNotNil(valueFormatter) ? valueFormatter : '';\r\n      if (XIsNotNil(displayValue)) {\r\n        return displayValue;\r\n      } else {\r\n        return '';\r\n      }\r\n    }\r\n    return '';\r\n  });\r\n  minDisabled = signal(false);\r\n  maxDisabled = signal(false);\r\n  mousedown$!: Subscription;\r\n  mouseup$!: Subscription;\r\n  timer: any;\r\n  icon = signal('');\r\n  iconSpin = signal(false);\r\n  clearable = signal(false);\r\n  isDown = signal(false);\r\n  valueChange = new Subject<any>();\r\n\r\n  document = inject(DOCUMENT);\r\n  private unSubject = new Subject<void>();\r\n\r\n  constructor() {\r\n    super();\r\n    this.valueChange.pipe(distinctUntilChanged(), takeUntil(this.unSubject)).subscribe((x) => {\r\n      this.onChange && this.onChange(x);\r\n    });\r\n  }\r\n\r\n  change(value: any) {\r\n    this.verify(value);\r\n    this.valueChange.next(this.value());\r\n  }\r\n\r\n  down(event: Event, limit: XNumber, increase: boolean = true): void {\r\n    if (this.disabledComputed()) return;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.isDown.set(true);\r\n    this.timer = setTimeout(() => {\r\n      this.mousedown$ = interval(Number(this.debounce()))\r\n        .pipe(takeUntil(this.unSubject))\r\n        .subscribe(() => {\r\n          this.plus(event, limit, increase);\r\n        });\r\n      this.mouseup$ = fromEvent(this.document.documentElement, 'mouseup')\r\n        .pipe(takeUntil(this.unSubject))\r\n        .subscribe((event: Event) => {\r\n          this.up(event);\r\n        });\r\n    }, 150);\r\n  }\r\n\r\n  up(event: Event) {\r\n    if (this.disabledComputed()) return;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.isDown.set(false);\r\n    if (this.mousedown$) this.mousedown$.unsubscribe();\r\n    if (this.mouseup$) this.mouseup$.unsubscribe();\r\n  }\r\n\r\n  plus(event: Event, limit: XNumber, increase: boolean = true) {\r\n    if (this.disabledComputed()) return;\r\n    limit = Number(limit);\r\n    if (!increase) limit = -limit;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    if (this.timer) clearTimeout(this.timer);\r\n    if (Number.isNaN(+this.value())) this.value.set(0);\r\n    let value = Number(this.value()) + limit;\r\n    this.verify(value);\r\n    this.valueChange.next(this.value());\r\n  }\r\n\r\n  verify(value: string | number) {\r\n    if (XIsString(value) && Number(value).toString() !== value) {\r\n      return;\r\n    }\r\n    value = Number(Number(value).toFixed(Number(this.precision())));\r\n    const oldValue: number = this.value();\r\n    this.value.set(value);\r\n    if (Number.isNaN(+this.value())) {\r\n      this.value.set(oldValue);\r\n    } else {\r\n      this.maxDisabled.set(value >= this.max());\r\n      this.minDisabled.set(value <= this.min());\r\n      this.value.set(this.maxDisabled() ? this.max() : this.minDisabled() ? this.min() : value);\r\n    }\r\n  }\r\n\r\n  onInput(x: Event) {\r\n    const input = x.target as HTMLInputElement;\r\n    let value = input.value;\r\n    if (XIsFunction(this.formatter)) {\r\n      value = value.replace(/[^0-9]/g, '');\r\n    }\r\n    this.verify(value);\r\n    this.inputEleRef().inputRef().nativeElement.value = this.displayValue();\r\n    this.valueChange.next(this.value());\r\n  }\r\n}\r\n","<div #inputNumber class=\"x-input-number\" [class.x-input-number-hidden-button]=\"hiddenButton()\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || minDisabled()\"\r\n        (click)=\"!minDisabled() && plus($event, step(), false); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!minDisabled() && down($event, step(), false)\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\r\n      [label]=\"label()\"\r\n      [labelWidth]=\"labelWidth()\"\r\n      [labelAlign]=\"labelAlign()\"\r\n      [justify]=\"justify()\"\r\n      [align]=\"align()\"\r\n      [direction]=\"direction()\"\r\n      [disabled]=\"disabledComputed()\"\r\n      [required]=\"requiredComputed()\"\r\n      [validator]=\"validatorComputed()\"\r\n      [inputValidator]=\"inputValidator()\"\r\n      [icon]=\"icon()\"\r\n      [iconSpin]=\"iconSpin()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [readonly]=\"readonly()\"\r\n      [clearable]=\"clearable()\"\r\n      [ngModel]=\"displayValue()\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [valueTpl]=\"valueTpl()\"\r\n      [valueTplContext]=\"valueTplContext()\"\r\n      [size]=\"size()\"\r\n      [min]=\"min()\"\r\n      [max]=\"max()\"\r\n      [bordered]=\"bordered()\"\r\n      [before]=\"hiddenButton() ? '' : beforeButtonTpl\"\r\n      [after]=\"hiddenButton() ? '' : afterButtonTpl\"\r\n      [pattern]=\"patternComputed()\"\r\n      [message]=\"messageComputed()\"\r\n      (xInput)=\"onInput($event); formControlValidator()\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || maxDisabled()\"\r\n        (click)=\"!maxDisabled() && plus($event, step()); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!maxDisabled() && down($event, step())\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n      ></x-button>\r\n    </ng-template>\r\n    @if (invalid()) {\r\n      <div class=\"x-border-error x-top-left\"></div>\r\n      <div class=\"x-border-error x-top-right\"></div>\r\n      <div class=\"x-border-error x-bottom-left\"></div>\r\n      <div class=\"x-border-error x-bottom-right\"></div>\r\n    }\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XInputNumberComponent } from './input-number.component';\r\n\r\n@NgModule({\r\n  exports: [XInputNumberComponent],\r\n  imports: [XInputNumberComponent]\r\n})\r\nexport class XInputNumberModule {}\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-keyword.mjs

@@ -73,6 +73,9 @@ class XKeywordDirective extends XKeywordProperty {
             for (let tx of texts) {
                 const reg = new RegExp(tx, flags);
                 textContent = textContent.replace(reg, (p1) => {
+                    if (this.color()) {
+                        return `<span class="x-keyword-text" style="color:${this.color()}">${p1}</span>`;
+                    }
                     return `<span class="x-keyword-text">${p1}</span>`;
                 });
             }

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-keyword.mjs","sources":["../../../../lib/ng-nest/ui/keyword/keyword.property.ts","../../../../lib/ng-nest/ui/keyword/keyword.directive.ts","../../../../lib/ng-nest/ui/keyword/keyword.module.ts","../../../../lib/ng-nest/ui/keyword/ng-nest-ui-keyword.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean } from '@ng-nest/ui/core';\r\nimport { Directive, input } from '@angular/core';\r\nimport type { XBoolean, XType } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Keyword\r\n * @selector x-keyword\r\n * @decorator directive\r\n */\r\nexport const XKeywordPrefix = 'x-keyword';\r\nconst X_KEYWORD_CONFIG_NAME = 'keyword';\r\n\r\n/**\r\n * Keyword Property\r\n */\r\n@Directive({ selector: '[x-keyword]', standalone: true })\r\nexport class XKeywordProperty extends XPropertyFunction(X_KEYWORD_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   */\r\n  readonly type = input<XKeywordType>(this.config?.type ?? 'primary');\r\n  /**\r\n   * @zh_CN 匹配关键字区分大小写\r\n   * @en_US Case-sensitive\r\n   */\r\n  readonly caseSensitive = input<boolean, XBoolean>(this.config?.caseSensitive ?? true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US color\r\n   */\r\n  readonly color = input<string>(this.config?.color ?? '');\r\n  /**\r\n   * @zh_CN 文字\r\n   * @en_US text\r\n   */\r\n  readonly text = input<string | string[]>();\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Keyword type\r\n */\r\nexport type XKeywordType = XType;\r\n","import { ElementRef, Directive, inject, effect, HostBinding, computed } from '@angular/core';\r\nimport { XIsArray, XIsString, XIsUndefined } from '@ng-nest/ui/core';\r\nimport { XKeywordPrefix, XKeywordProperty } from './keyword.property';\r\n\r\n@Directive({\r\n  selector: `[${XKeywordPrefix}]`,\r\n  standalone: true\r\n})\r\nexport class XKeywordDirective extends XKeywordProperty {\r\n  private elementRef = inject(ElementRef);\r\n  @HostBinding('class') get cls() {\r\n    if (!this.color()) {\r\n      return `${XKeywordPrefix}-${this.type()}`;\r\n    }\r\n    return '';\r\n  }\r\n  textContent = computed(() => {\r\n    const text = this.text();\r\n    if (XIsUndefined(this.text())) return;\r\n    const hele = this.elementRef.nativeElement as HTMLElement;\r\n    let textContent = hele.textContent;\r\n    if (!textContent) return;\r\n    let texts: string[] = [];\r\n    if (XIsArray(text)) {\r\n      texts = text;\r\n    } else if (XIsString(text)) {\r\n      texts = [text];\r\n    }\r\n    const flags = this.caseSensitive() ? 'g' : 'gi';\r\n    for (let tx of texts) {\r\n      const reg = new RegExp(tx, flags);\r\n      textContent = textContent.replace(reg, (p1) => {\r\n        return `<span class=\"x-keyword-text\">${p1}</span>`;\r\n      });\r\n    }\r\n    return textContent;\r\n  });\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => {\r\n      if (!XIsUndefined(this.text())) {\r\n        this.elementRef.nativeElement.innerHTML = this.textContent();\r\n      }\r\n    });\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XKeywordDirective } from './keyword.directive';\r\n\r\n@NgModule({\r\n  exports: [XKeywordDirective],\r\n  imports: [XKeywordDirective]\r\n})\r\nexport class XKeywordModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAIA;;;;AAIG;AACI,MAAM,cAAc,GAAG,YAAY;AAC1C,MAAM,qBAAqB,GAAG,SAAS,CAAC;AAExC;;AAEG;MAEU,gBAAiB,SAAQ,iBAAiB,CAAC,qBAAqB,CAAC,CAAA;AAD9E,IAAA,WAAA,GAAA;;AAEE;;;AAGG;QACM,IAAI,CAAA,IAAA,GAAG,KAAK,CAAe,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,SAAS,CAAC,CAAC;AACpE;;;AAGG;AACM,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAoB,IAAI,CAAC,MAAM,EAAE,aAAa,IAAI,IAAI,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;AACjH;;;AAGG;QACM,IAAK,CAAA,KAAA,GAAG,KAAK,CAAS,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;AACzD;;;AAGG;QACM,IAAI,CAAA,IAAA,GAAG,KAAK,EAAqB,CAAC;AAC5C,KAAA;iIArBY,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAE,CAAA;;;ACPlD,MAAO,iBAAkB,SAAQ,gBAAgB,CAAA;AAErD,IAAA,IAA0B,GAAG,GAAA;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE;YACjB,OAAO,CAAA,EAAG,cAAc,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;SAC3C;AACD,QAAA,OAAO,EAAE,CAAC;KACX;AAuBD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;AA9BF,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAOxC,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC1B,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;AACzB,YAAA,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;gBAAE,OAAO;AACtC,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAA4B,CAAC;AAC1D,YAAA,IAAI,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;AACnC,YAAA,IAAI,CAAC,WAAW;gBAAE,OAAO;YACzB,IAAI,KAAK,GAAa,EAAE,CAAC;AACzB,YAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE;gBAClB,KAAK,GAAG,IAAI,CAAC;aACd;AAAM,iBAAA,IAAI,SAAS,CAAC,IAAI,CAAC,EAAE;AAC1B,gBAAA,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC;aAChB;AACD,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,GAAG,GAAG,IAAI,CAAC;AAChD,YAAA,KAAK,IAAI,EAAE,IAAI,KAAK,EAAE;gBACpB,MAAM,GAAG,GAAG,IAAI,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;gBAClC,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,KAAI;oBAC5C,OAAO,CAAA,6BAAA,EAAgC,EAAE,CAAA,OAAA,CAAS,CAAC;AACrD,iBAAC,CAAC,CAAC;aACJ;AACD,YAAA,OAAO,WAAW,CAAC;AACrB,SAAC,CAAC,CAAC;QAID,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE;gBAC9B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;aAC9D;AACH,SAAC,CAAC,CAAC;KACJ;iIArCU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,UAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,QAAQ,EAAE,CAAI,CAAA,EAAA,cAAc,CAAG,CAAA,CAAA;AAC/B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;wDAG2B,GAAG,EAAA,CAAA;sBAA5B,WAAW;uBAAC,OAAO,CAAA;;;MCHT,cAAc,CAAA;iIAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;kIAAd,cAAc,EAAA,OAAA,EAAA,CAFf,iBAAiB,CAAA,EAAA,OAAA,EAAA,CADjB,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;kIAGhB,cAAc,EAAA,CAAA,CAAA,EAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC7B,iBAAA,CAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"ng-nest-ui-keyword.mjs","sources":["../../../../lib/ng-nest/ui/keyword/keyword.property.ts","../../../../lib/ng-nest/ui/keyword/keyword.directive.ts","../../../../lib/ng-nest/ui/keyword/keyword.module.ts","../../../../lib/ng-nest/ui/keyword/ng-nest-ui-keyword.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean } from '@ng-nest/ui/core';\r\nimport { Directive, input } from '@angular/core';\r\nimport type { XBoolean, XType } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Keyword\r\n * @selector x-keyword\r\n * @decorator directive\r\n */\r\nexport const XKeywordPrefix = 'x-keyword';\r\nconst X_KEYWORD_CONFIG_NAME = 'keyword';\r\n\r\n/**\r\n * Keyword Property\r\n */\r\n@Directive({ selector: '[x-keyword]', standalone: true })\r\nexport class XKeywordProperty extends XPropertyFunction(X_KEYWORD_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   */\r\n  readonly type = input<XKeywordType>(this.config?.type ?? 'primary');\r\n  /**\r\n   * @zh_CN 匹配关键字区分大小写\r\n   * @en_US Case-sensitive\r\n   */\r\n  readonly caseSensitive = input<boolean, XBoolean>(this.config?.caseSensitive ?? true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US color\r\n   */\r\n  readonly color = input<string>(this.config?.color ?? '');\r\n  /**\r\n   * @zh_CN 文字\r\n   * @en_US text\r\n   */\r\n  readonly text = input<string | string[]>();\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Keyword type\r\n */\r\nexport type XKeywordType = XType;\r\n","import { ElementRef, Directive, inject, effect, HostBinding, computed } from '@angular/core';\r\nimport { XIsArray, XIsString, XIsUndefined } from '@ng-nest/ui/core';\r\nimport { XKeywordPrefix, XKeywordProperty } from './keyword.property';\r\n\r\n@Directive({\r\n  selector: `[${XKeywordPrefix}]`,\r\n  standalone: true\r\n})\r\nexport class XKeywordDirective extends XKeywordProperty {\r\n  private elementRef = inject(ElementRef);\r\n  @HostBinding('class') get cls() {\r\n    if (!this.color()) {\r\n      return `${XKeywordPrefix}-${this.type()}`;\r\n    }\r\n    return '';\r\n  }\r\n  textContent = computed(() => {\r\n    const text = this.text();\r\n    if (XIsUndefined(this.text())) return;\r\n    const hele = this.elementRef.nativeElement as HTMLElement;\r\n    let textContent = hele.textContent;\r\n    if (!textContent) return;\r\n    let texts: string[] = [];\r\n    if (XIsArray(text)) {\r\n      texts = text;\r\n    } else if (XIsString(text)) {\r\n      texts = [text];\r\n    }\r\n    const flags = this.caseSensitive() ? 'g' : 'gi';\r\n    for (let tx of texts) {\r\n      const reg = new RegExp(tx, flags);\r\n      textContent = textContent.replace(reg, (p1) => {\r\n        if (this.color()) {\r\n          return `<span class=\"x-keyword-text\" style=\"color:${this.color()}\">${p1}</span>`;\r\n        }\r\n        return `<span class=\"x-keyword-text\">${p1}</span>`;\r\n      });\r\n    }\r\n    return textContent;\r\n  });\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => {\r\n      if (!XIsUndefined(this.text())) {\r\n        this.elementRef.nativeElement.innerHTML = this.textContent();\r\n      }\r\n    });\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XKeywordDirective } from './keyword.directive';\r\n\r\n@NgModule({\r\n  exports: [XKeywordDirective],\r\n  imports: [XKeywordDirective]\r\n})\r\nexport class XKeywordModule {}\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-list.mjs

@@ -402,6 +402,7 @@ class XListComponent extends XListProperty {
         this.classMap = computed(() => ({
             [`${XListPrefix}-${this.size()}`]: this.size() ? true : false
         }));
+        this.sizeChange = null;
         this.role = 'listbox';
         this.tabindex = -1;
         this.itemSizeMap = {
@@ -432,26 +433,27 @@ class XListComponent extends XListProperty {
                 return this.maxBufferPx();
             }
         });
-        afterRender({ mixedReadWrite: () => {
+        afterRender({
+            mixedReadWrite: () => {
                 if (this.virtualScroll() && this.scrollHeight()) {
                     this.virtualBody()?.checkViewportSize();
                 }
-            } });
+            }
+        });
     }
     ngOnChanges(changes) {
-        const { data } = changes;
+        const { data, scrollHeight, heightAdaption } = changes;
         XIsChange(data) && this.setData();
+        XIsChange(scrollHeight) &&
+            this.virtualScroll() &&
+            !this.heightAdaption() &&
+            this.scrollHeightSignal.set(this.scrollHeight());
+        XIsChange(heightAdaption) && this.virtualScroll() && this.setHeightAdaption();
     }
     ngAfterViewInit() {
         this.initKeyManager();
         if (this.virtualScroll() && this.heightAdaption()) {
-            this.setVirtualScrollHeight();
-            XResize(this.heightAdaption())
-                .pipe(debounceTime(30), takeUntil(this.unSubject))
-                .subscribe((x) => {
-                this.resizeObserver = x.resizeObserver;
-                this.setVirtualScrollHeight();
-            });
+            this.setHeightAdaption();
         }
         else {
             this.scrollHeightSignal.set(this.scrollHeight());
@@ -461,6 +463,17 @@ class XListComponent extends XListProperty {
             this.group.setConnectedTo();
         }
     }
+    setHeightAdaption() {
+        this.setVirtualScrollHeight();
+        if (this.sizeChange)
+            this.sizeChange.unsubscribe();
+        this.sizeChange = XResize(this.heightAdaption())
+            .pipe(debounceTime(30), takeUntil(this.unSubject))
+            .subscribe((x) => {
+            this.resizeObserver = x.resizeObserver;
+            this.setVirtualScrollHeight();
+        });
+    }
     ngOnDestroy() {
         this.unSubject.next();
         this.unSubject.complete();
@@ -469,6 +482,8 @@ class XListComponent extends XListProperty {
     }
     setVirtualScrollHeight() {
         this.scrollHeightSignal.set(this.heightAdaption().clientHeight);
+        if (!this.virtualBody())
+            return;
         this.virtualBody()['_scrollStrategy']['_minBufferPx'] = this.minBufferPxSignal();
         this.virtualBody()['_scrollStrategy']['_maxBufferPx'] = this.maxBufferPxSignal();
     }
@@ -697,7 +712,7 @@ class XListComponent extends XListProperty {
             this.nodes()[num].active = false;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: XListComponent, isStandalone: true, selector: "x-list", host: { listeners: { "keydown": "keydown($event)" }, properties: { "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, providers: [XValueAccessor(XListComponent)], viewQueries: [{ propertyName: "headerRef", first: true, predicate: ["headerRef"], descendants: true, isSignal: true }, { propertyName: "footerRef", first: true, predicate: ["footerRef"], descendants: true, isSignal: true }, { propertyName: "selectAllRef", first: true, predicate: ["selectAllRef"], descendants: true, isSignal: true }, { propertyName: "loadMoreRef", first: true, predicate: ["loadMoreRef"], descendants: true, isSignal: true }, { propertyName: "virtualBody", first: true, predicate: ["virtualBody"], descendants: true, isSignal: true }, { propertyName: "dropList", first: true, predicate: CdkDropList, descendants: true, isSignal: true }, { propertyName: "options", predicate: XListOptionComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-list\" [class.x-list-portal]=\"inPortal()\" [ngClass]=\"classMap()\">\r\n  @if (header()) {\r\n    <div #headerRef class=\"x-list-header\" *xOutlet=\"header()\">{{ header() }}</div>\r\n  }\r\n  @if (selectAll() && multiple() === 0) {\r\n    <div #selectAllRef class=\"x-list-select-all\">\r\n      <x-list-option\r\n        [size]=\"size()\"\r\n        [label]=\"getSelectAllText()\"\r\n        [checked]=\"true\"\r\n        [selected]=\"isSelectAll()\"\r\n        (click)=\"onSelectAllNodes()\"\r\n      ></x-list-option>\r\n    </div>\r\n  }\r\n  @if (virtualScroll()) {\r\n    <cdk-virtual-scroll-viewport\r\n      #virtualBody\r\n      [itemSize]=\"itemSize()\"\r\n      [minBufferPx]=\"minBufferPxSignal()\"\r\n      [maxBufferPx]=\"maxBufferPxSignal()\"\r\n      class=\"x-list-content\"\r\n      [style.height.px]=\"getVirtualScrollHeight()\"\r\n      [hidden]=\"isEmpty()\"\r\n    >\r\n      <x-list-option\r\n        *cdkVirtualFor=\"let node of nodes(); trackBy: trackByNode\"\r\n        [node]=\"node\"\r\n        [checked]=\"checked()\"\r\n        [nodeTpl]=\"nodeTpl()\"\r\n        [selected]=\"node.selected!\"\r\n        [forbidden]=\"node.disabled!\"\r\n        [active]=\"node.active!\"\r\n        (activeChange)=\"node.active = $event\"\r\n        [openPortal]=\"node.openPortal!\"\r\n        [icon]=\"node.icon\"\r\n        [label]=\"node.label\"\r\n        [leaf]=\"node.leaf!\"\r\n        [size]=\"size()\"\r\n        [keywordText]=\"keywordText()\"\r\n        [caseSensitive]=\"caseSensitive()\"\r\n        (click)=\"onNodeClick($event, node)\"\r\n        (mouseenter)=\"onMouseenter($event, node)\"\r\n        (mouseleave)=\"onMouseleave($event, node)\"\r\n      ></x-list-option>\r\n    </cdk-virtual-scroll-viewport>\r\n  } @else {\r\n    <div\r\n      class=\"x-list-content\"\r\n      cdkDropList\r\n      (cdkDropListDropped)=\"dropCdk($event)\"\r\n      [cdkDropListDisabled]=\"!drag()\"\r\n      [hidden]=\"isEmpty()\"\r\n      [cdkDropListData]=\"nodes()\"\r\n      [cdkDropListEnterPredicate]=\"predicate\"\r\n    >\r\n      @for (node of nodes(); track node.id) {\r\n        <x-list-option\r\n          cdkDrag\r\n          [cdkDragDisabled]=\"node.disabled\"\r\n          [node]=\"node\"\r\n          [checked]=\"checked()\"\r\n          [nodeTpl]=\"nodeTpl()\"\r\n          [selected]=\"node.selected!\"\r\n          [forbidden]=\"node.disabled!\"\r\n          [active]=\"node.active!\"\r\n          (activeChange)=\"node.active = $event\"\r\n          [openPortal]=\"node.openPortal!\"\r\n          [icon]=\"node.icon\"\r\n          [label]=\"node.label\"\r\n          [leaf]=\"node.leaf!\"\r\n          [size]=\"size()\"\r\n          [keywordText]=\"keywordText()\"\r\n          [caseSensitive]=\"caseSensitive()\"\r\n          (click)=\"onNodeClick($event, node)\"\r\n          (mouseenter)=\"onMouseenter($event, node)\"\r\n          (mouseleave)=\"onMouseleave($event, node)\"\r\n        ></x-list-option>\r\n      }\r\n    </div>\r\n  }\r\n  @if (loadMore() && !isEmpty()) {\r\n    <div #loadMoreRef class=\"x-list-load-more\">\r\n      <x-list-option [size]=\"size()\" [nodeTpl]=\"loadMoreTpl\" (click)=\"onLoadMore()\"></x-list-option>\r\n    </div>\r\n    <ng-template #loadMoreTpl>\r\n      @if (icon() && iconSpin()) {\r\n        <x-icon [type]=\"icon()\" [spin]=\"iconSpin()\"></x-icon>\r\n      }\r\n      {{ icon() && iconSpin() ? getLoadingMoreText() : getLoadMoreText() }}\r\n    </ng-template>\r\n  }\r\n  @if (isEmpty()) {\r\n    <x-empty></x-empty>\r\n  }\r\n  @if (footer()) {\r\n    <div #footerRef class=\"x-list-footer\" *xOutlet=\"footer()\">{{ footer() }}</div>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list{width:100%}x-list:focus{outline:none}.x-list{margin:0;padding:0}.x-list{width:100%}.x-list:focus{outline:none}.x-list-select-all{cursor:pointer;font-weight:700}.x-list-load-more,.x-list-content{cursor:pointer}.x-list-content.cdk-drop-list-dragging x-list-option.cdk-drag-placeholder .x-list-option{border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}.x-list-content.cdk-drop-list-dragging x-list-option:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-list-header,.x-list-footer{font-weight:700}.x-list-portal{padding:.125rem .25rem}.x-list-portal x-list-option .x-list-option{padding:0 calc(var(--x-padding-medium) - .5rem);margin:.125rem 0;border-radius:var(--x-border-small-radius)}.x-list-leaf,.x-list-checked{right:0;margin-left:.4rem;color:var(--x-text-400)}.x-list-icon>span x-icon{color:var(--x-text-300);margin-right:.25rem}.x-list>x-empty{margin:1rem;display:block}.x-list-big .x-list-header,.x-list-big .x-list-footer{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-large .x-list-header,.x-list-large .x-list-footer{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-medium .x-list-header,.x-list-medium .x-list-footer{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-small .x-list-header,.x-list-small .x-list-footer{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-mini .x-list-header,.x-list-mini .x-list-footer{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: 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: 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: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "component", type: XEmptyComponent, selector: "x-empty" }, { kind: "component", type: XListOptionComponent, selector: "x-list-option" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: XListComponent, isStandalone: true, selector: "x-list", host: { listeners: { "keydown": "keydown($event)" }, properties: { "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, providers: [XValueAccessor(XListComponent)], viewQueries: [{ propertyName: "headerRef", first: true, predicate: ["headerRef"], descendants: true, isSignal: true }, { propertyName: "footerRef", first: true, predicate: ["footerRef"], descendants: true, isSignal: true }, { propertyName: "selectAllRef", first: true, predicate: ["selectAllRef"], descendants: true, isSignal: true }, { propertyName: "loadMoreRef", first: true, predicate: ["loadMoreRef"], descendants: true, isSignal: true }, { propertyName: "virtualBody", first: true, predicate: ["virtualBody"], descendants: true, isSignal: true }, { propertyName: "dropList", first: true, predicate: CdkDropList, descendants: true, isSignal: true }, { propertyName: "options", predicate: XListOptionComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-list\" [class.x-list-portal]=\"inPortal()\" [ngClass]=\"classMap()\">\r\n  @if (header()) {\r\n    <div #headerRef class=\"x-list-header\" *xOutlet=\"header()\">{{ header() }}</div>\r\n  }\r\n  @if (selectAll() && multiple() === 0) {\r\n    <div #selectAllRef class=\"x-list-select-all\">\r\n      <x-list-option\r\n        [size]=\"size()\"\r\n        [label]=\"getSelectAllText()\"\r\n        [checked]=\"true\"\r\n        [selected]=\"isSelectAll()\"\r\n        (click)=\"onSelectAllNodes()\"\r\n      ></x-list-option>\r\n    </div>\r\n  }\r\n  @if (virtualScroll()) {\r\n    <cdk-virtual-scroll-viewport\r\n      #virtualBody\r\n      [itemSize]=\"itemSize()\"\r\n      [minBufferPx]=\"minBufferPxSignal()\"\r\n      [maxBufferPx]=\"maxBufferPxSignal()\"\r\n      class=\"x-list-content\"\r\n      [style.height.px]=\"getVirtualScrollHeight()\"\r\n      [hidden]=\"isEmpty()\"\r\n    >\r\n      <x-list-option\r\n        *cdkVirtualFor=\"let node of nodes(); trackBy: trackByNode\"\r\n        [node]=\"node\"\r\n        [checked]=\"checked()\"\r\n        [nodeTpl]=\"nodeTpl()\"\r\n        [selected]=\"node.selected!\"\r\n        [forbidden]=\"node.disabled!\"\r\n        [active]=\"node.active!\"\r\n        (activeChange)=\"node.active = $event\"\r\n        [openPortal]=\"node.openPortal!\"\r\n        [icon]=\"node.icon\"\r\n        [label]=\"node.label\"\r\n        [leaf]=\"node.leaf!\"\r\n        [size]=\"size()\"\r\n        [keywordText]=\"keywordText()\"\r\n        [caseSensitive]=\"caseSensitive()\"\r\n        (click)=\"onNodeClick($event, node)\"\r\n        (mouseenter)=\"onMouseenter($event, node)\"\r\n        (mouseleave)=\"onMouseleave($event, node)\"\r\n      ></x-list-option>\r\n    </cdk-virtual-scroll-viewport>\r\n  } @else {\r\n    <div\r\n      class=\"x-list-content\"\r\n      cdkDropList\r\n      (cdkDropListDropped)=\"dropCdk($event)\"\r\n      [cdkDropListDisabled]=\"!drag()\"\r\n      [hidden]=\"isEmpty()\"\r\n      [cdkDropListData]=\"nodes()\"\r\n      [cdkDropListEnterPredicate]=\"predicate\"\r\n    >\r\n      @for (node of nodes(); track node.id) {\r\n        <x-list-option\r\n          cdkDrag\r\n          [cdkDragDisabled]=\"node.disabled\"\r\n          [node]=\"node\"\r\n          [checked]=\"checked()\"\r\n          [nodeTpl]=\"nodeTpl()\"\r\n          [selected]=\"node.selected!\"\r\n          [forbidden]=\"node.disabled!\"\r\n          [active]=\"node.active!\"\r\n          (activeChange)=\"node.active = $event\"\r\n          [openPortal]=\"node.openPortal!\"\r\n          [icon]=\"node.icon\"\r\n          [label]=\"node.label\"\r\n          [leaf]=\"node.leaf!\"\r\n          [size]=\"size()\"\r\n          [keywordText]=\"keywordText()\"\r\n          [caseSensitive]=\"caseSensitive()\"\r\n          (click)=\"onNodeClick($event, node)\"\r\n          (mouseenter)=\"onMouseenter($event, node)\"\r\n          (mouseleave)=\"onMouseleave($event, node)\"\r\n        ></x-list-option>\r\n      }\r\n    </div>\r\n  }\r\n  @if (loadMore() && !isEmpty()) {\r\n    <div #loadMoreRef class=\"x-list-load-more\">\r\n      <x-list-option [size]=\"size()\" [nodeTpl]=\"loadMoreTpl\" (click)=\"onLoadMore()\"></x-list-option>\r\n    </div>\r\n    <ng-template #loadMoreTpl>\r\n      @if (icon() && iconSpin()) {\r\n        <x-icon [type]=\"icon()\" [spin]=\"iconSpin()\"></x-icon>\r\n      }\r\n      {{ icon() && iconSpin() ? getLoadingMoreText() : getLoadMoreText() }}</ng-template\r\n    >\r\n  }\r\n  @if (isEmpty()) {\r\n    <x-empty></x-empty>\r\n  }\r\n  @if (footer()) {\r\n    <div #footerRef class=\"x-list-footer\" *xOutlet=\"footer()\">{{ footer() }}</div>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list{width:100%}x-list:focus{outline:none}.x-list{margin:0;padding:0}.x-list{width:100%}.x-list:focus{outline:none}.x-list-select-all{cursor:pointer;font-weight:700}.x-list-load-more,.x-list-content{cursor:pointer}.x-list-content.cdk-drop-list-dragging x-list-option.cdk-drag-placeholder .x-list-option{border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}.x-list-content.cdk-drop-list-dragging x-list-option:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-list-header,.x-list-footer{font-weight:700}.x-list-portal{padding:.125rem .25rem}.x-list-portal x-list-option .x-list-option{padding:0 calc(var(--x-padding-medium) - .5rem);margin:.125rem 0;border-radius:var(--x-border-small-radius)}.x-list-leaf,.x-list-checked{right:0;margin-left:.4rem;color:var(--x-text-400)}.x-list-icon>span x-icon{color:var(--x-text-300);margin-right:.25rem}.x-list>x-empty{margin:1rem;display:block}.x-list-big .x-list-header,.x-list-big .x-list-footer{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-large .x-list-header,.x-list-large .x-list-footer{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-medium .x-list-header,.x-list-medium .x-list-footer{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-small .x-list-header,.x-list-small .x-list-footer{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-mini .x-list-header,.x-list-mini .x-list-footer{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: 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: 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: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "component", type: XEmptyComponent, selector: "x-empty" }, { kind: "component", type: XListOptionComponent, selector: "x-list-option" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XListComponent, decorators: [{
             type: Component,
@@ -712,7 +727,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                         XEmptyComponent,
                         XListOptionComponent,
                         XOutletDirective
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XListComponent)], template: "<div class=\"x-list\" [class.x-list-portal]=\"inPortal()\" [ngClass]=\"classMap()\">\r\n  @if (header()) {\r\n    <div #headerRef class=\"x-list-header\" *xOutlet=\"header()\">{{ header() }}</div>\r\n  }\r\n  @if (selectAll() && multiple() === 0) {\r\n    <div #selectAllRef class=\"x-list-select-all\">\r\n      <x-list-option\r\n        [size]=\"size()\"\r\n        [label]=\"getSelectAllText()\"\r\n        [checked]=\"true\"\r\n        [selected]=\"isSelectAll()\"\r\n        (click)=\"onSelectAllNodes()\"\r\n      ></x-list-option>\r\n    </div>\r\n  }\r\n  @if (virtualScroll()) {\r\n    <cdk-virtual-scroll-viewport\r\n      #virtualBody\r\n      [itemSize]=\"itemSize()\"\r\n      [minBufferPx]=\"minBufferPxSignal()\"\r\n      [maxBufferPx]=\"maxBufferPxSignal()\"\r\n      class=\"x-list-content\"\r\n      [style.height.px]=\"getVirtualScrollHeight()\"\r\n      [hidden]=\"isEmpty()\"\r\n    >\r\n      <x-list-option\r\n        *cdkVirtualFor=\"let node of nodes(); trackBy: trackByNode\"\r\n        [node]=\"node\"\r\n        [checked]=\"checked()\"\r\n        [nodeTpl]=\"nodeTpl()\"\r\n        [selected]=\"node.selected!\"\r\n        [forbidden]=\"node.disabled!\"\r\n        [active]=\"node.active!\"\r\n        (activeChange)=\"node.active = $event\"\r\n        [openPortal]=\"node.openPortal!\"\r\n        [icon]=\"node.icon\"\r\n        [label]=\"node.label\"\r\n        [leaf]=\"node.leaf!\"\r\n        [size]=\"size()\"\r\n        [keywordText]=\"keywordText()\"\r\n        [caseSensitive]=\"caseSensitive()\"\r\n        (click)=\"onNodeClick($event, node)\"\r\n        (mouseenter)=\"onMouseenter($event, node)\"\r\n        (mouseleave)=\"onMouseleave($event, node)\"\r\n      ></x-list-option>\r\n    </cdk-virtual-scroll-viewport>\r\n  } @else {\r\n    <div\r\n      class=\"x-list-content\"\r\n      cdkDropList\r\n      (cdkDropListDropped)=\"dropCdk($event)\"\r\n      [cdkDropListDisabled]=\"!drag()\"\r\n      [hidden]=\"isEmpty()\"\r\n      [cdkDropListData]=\"nodes()\"\r\n      [cdkDropListEnterPredicate]=\"predicate\"\r\n    >\r\n      @for (node of nodes(); track node.id) {\r\n        <x-list-option\r\n          cdkDrag\r\n          [cdkDragDisabled]=\"node.disabled\"\r\n          [node]=\"node\"\r\n          [checked]=\"checked()\"\r\n          [nodeTpl]=\"nodeTpl()\"\r\n          [selected]=\"node.selected!\"\r\n          [forbidden]=\"node.disabled!\"\r\n          [active]=\"node.active!\"\r\n          (activeChange)=\"node.active = $event\"\r\n          [openPortal]=\"node.openPortal!\"\r\n          [icon]=\"node.icon\"\r\n          [label]=\"node.label\"\r\n          [leaf]=\"node.leaf!\"\r\n          [size]=\"size()\"\r\n          [keywordText]=\"keywordText()\"\r\n          [caseSensitive]=\"caseSensitive()\"\r\n          (click)=\"onNodeClick($event, node)\"\r\n          (mouseenter)=\"onMouseenter($event, node)\"\r\n          (mouseleave)=\"onMouseleave($event, node)\"\r\n        ></x-list-option>\r\n      }\r\n    </div>\r\n  }\r\n  @if (loadMore() && !isEmpty()) {\r\n    <div #loadMoreRef class=\"x-list-load-more\">\r\n      <x-list-option [size]=\"size()\" [nodeTpl]=\"loadMoreTpl\" (click)=\"onLoadMore()\"></x-list-option>\r\n    </div>\r\n    <ng-template #loadMoreTpl>\r\n      @if (icon() && iconSpin()) {\r\n        <x-icon [type]=\"icon()\" [spin]=\"iconSpin()\"></x-icon>\r\n      }\r\n      {{ icon() && iconSpin() ? getLoadingMoreText() : getLoadMoreText() }}\r\n    </ng-template>\r\n  }\r\n  @if (isEmpty()) {\r\n    <x-empty></x-empty>\r\n  }\r\n  @if (footer()) {\r\n    <div #footerRef class=\"x-list-footer\" *xOutlet=\"footer()\">{{ footer() }}</div>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list{width:100%}x-list:focus{outline:none}.x-list{margin:0;padding:0}.x-list{width:100%}.x-list:focus{outline:none}.x-list-select-all{cursor:pointer;font-weight:700}.x-list-load-more,.x-list-content{cursor:pointer}.x-list-content.cdk-drop-list-dragging x-list-option.cdk-drag-placeholder .x-list-option{border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}.x-list-content.cdk-drop-list-dragging x-list-option:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-list-header,.x-list-footer{font-weight:700}.x-list-portal{padding:.125rem .25rem}.x-list-portal x-list-option .x-list-option{padding:0 calc(var(--x-padding-medium) - .5rem);margin:.125rem 0;border-radius:var(--x-border-small-radius)}.x-list-leaf,.x-list-checked{right:0;margin-left:.4rem;color:var(--x-text-400)}.x-list-icon>span x-icon{color:var(--x-text-300);margin-right:.25rem}.x-list>x-empty{margin:1rem;display:block}.x-list-big .x-list-header,.x-list-big .x-list-footer{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-large .x-list-header,.x-list-large .x-list-footer{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-medium .x-list-header,.x-list-medium .x-list-footer{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-small .x-list-header,.x-list-small .x-list-footer{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-mini .x-list-header,.x-list-mini .x-list-footer{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XListComponent)], template: "<div class=\"x-list\" [class.x-list-portal]=\"inPortal()\" [ngClass]=\"classMap()\">\r\n  @if (header()) {\r\n    <div #headerRef class=\"x-list-header\" *xOutlet=\"header()\">{{ header() }}</div>\r\n  }\r\n  @if (selectAll() && multiple() === 0) {\r\n    <div #selectAllRef class=\"x-list-select-all\">\r\n      <x-list-option\r\n        [size]=\"size()\"\r\n        [label]=\"getSelectAllText()\"\r\n        [checked]=\"true\"\r\n        [selected]=\"isSelectAll()\"\r\n        (click)=\"onSelectAllNodes()\"\r\n      ></x-list-option>\r\n    </div>\r\n  }\r\n  @if (virtualScroll()) {\r\n    <cdk-virtual-scroll-viewport\r\n      #virtualBody\r\n      [itemSize]=\"itemSize()\"\r\n      [minBufferPx]=\"minBufferPxSignal()\"\r\n      [maxBufferPx]=\"maxBufferPxSignal()\"\r\n      class=\"x-list-content\"\r\n      [style.height.px]=\"getVirtualScrollHeight()\"\r\n      [hidden]=\"isEmpty()\"\r\n    >\r\n      <x-list-option\r\n        *cdkVirtualFor=\"let node of nodes(); trackBy: trackByNode\"\r\n        [node]=\"node\"\r\n        [checked]=\"checked()\"\r\n        [nodeTpl]=\"nodeTpl()\"\r\n        [selected]=\"node.selected!\"\r\n        [forbidden]=\"node.disabled!\"\r\n        [active]=\"node.active!\"\r\n        (activeChange)=\"node.active = $event\"\r\n        [openPortal]=\"node.openPortal!\"\r\n        [icon]=\"node.icon\"\r\n        [label]=\"node.label\"\r\n        [leaf]=\"node.leaf!\"\r\n        [size]=\"size()\"\r\n        [keywordText]=\"keywordText()\"\r\n        [caseSensitive]=\"caseSensitive()\"\r\n        (click)=\"onNodeClick($event, node)\"\r\n        (mouseenter)=\"onMouseenter($event, node)\"\r\n        (mouseleave)=\"onMouseleave($event, node)\"\r\n      ></x-list-option>\r\n    </cdk-virtual-scroll-viewport>\r\n  } @else {\r\n    <div\r\n      class=\"x-list-content\"\r\n      cdkDropList\r\n      (cdkDropListDropped)=\"dropCdk($event)\"\r\n      [cdkDropListDisabled]=\"!drag()\"\r\n      [hidden]=\"isEmpty()\"\r\n      [cdkDropListData]=\"nodes()\"\r\n      [cdkDropListEnterPredicate]=\"predicate\"\r\n    >\r\n      @for (node of nodes(); track node.id) {\r\n        <x-list-option\r\n          cdkDrag\r\n          [cdkDragDisabled]=\"node.disabled\"\r\n          [node]=\"node\"\r\n          [checked]=\"checked()\"\r\n          [nodeTpl]=\"nodeTpl()\"\r\n          [selected]=\"node.selected!\"\r\n          [forbidden]=\"node.disabled!\"\r\n          [active]=\"node.active!\"\r\n          (activeChange)=\"node.active = $event\"\r\n          [openPortal]=\"node.openPortal!\"\r\n          [icon]=\"node.icon\"\r\n          [label]=\"node.label\"\r\n          [leaf]=\"node.leaf!\"\r\n          [size]=\"size()\"\r\n          [keywordText]=\"keywordText()\"\r\n          [caseSensitive]=\"caseSensitive()\"\r\n          (click)=\"onNodeClick($event, node)\"\r\n          (mouseenter)=\"onMouseenter($event, node)\"\r\n          (mouseleave)=\"onMouseleave($event, node)\"\r\n        ></x-list-option>\r\n      }\r\n    </div>\r\n  }\r\n  @if (loadMore() && !isEmpty()) {\r\n    <div #loadMoreRef class=\"x-list-load-more\">\r\n      <x-list-option [size]=\"size()\" [nodeTpl]=\"loadMoreTpl\" (click)=\"onLoadMore()\"></x-list-option>\r\n    </div>\r\n    <ng-template #loadMoreTpl>\r\n      @if (icon() && iconSpin()) {\r\n        <x-icon [type]=\"icon()\" [spin]=\"iconSpin()\"></x-icon>\r\n      }\r\n      {{ icon() && iconSpin() ? getLoadingMoreText() : getLoadMoreText() }}</ng-template\r\n    >\r\n  }\r\n  @if (isEmpty()) {\r\n    <x-empty></x-empty>\r\n  }\r\n  @if (footer()) {\r\n    <div #footerRef class=\"x-list-footer\" *xOutlet=\"footer()\">{{ footer() }}</div>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list{width:100%}x-list:focus{outline:none}.x-list{margin:0;padding:0}.x-list{width:100%}.x-list:focus{outline:none}.x-list-select-all{cursor:pointer;font-weight:700}.x-list-load-more,.x-list-content{cursor:pointer}.x-list-content.cdk-drop-list-dragging x-list-option.cdk-drag-placeholder .x-list-option{border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}.x-list-content.cdk-drop-list-dragging x-list-option:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-list-header,.x-list-footer{font-weight:700}.x-list-portal{padding:.125rem .25rem}.x-list-portal x-list-option .x-list-option{padding:0 calc(var(--x-padding-medium) - .5rem);margin:.125rem 0;border-radius:var(--x-border-small-radius)}.x-list-leaf,.x-list-checked{right:0;margin-left:.4rem;color:var(--x-text-400)}.x-list-icon>span x-icon{color:var(--x-text-300);margin-right:.25rem}.x-list>x-empty{margin:1rem;display:block}.x-list-big .x-list-header,.x-list-big .x-list-footer{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-large .x-list-header,.x-list-large .x-list-footer{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-medium .x-list-header,.x-list-medium .x-list-footer{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-small .x-list-header,.x-list-small .x-list-footer{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-mini .x-list-header,.x-list-mini .x-list-footer{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { options: [{
                 type: ViewChildren,
                 args: [XListOptionComponent]