@ng-nest/ui 17.0.11 → 18.0.0

package/esm2022/loading/loading.component.mjs

@@ -1,54 +1,56 @@
-import { Component, ViewEncapsulation, ChangeDetectorRef, ChangeDetectionStrategy, HostBinding, ViewChild, ViewContainerRef, inject } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, ViewContainerRef, inject, computed, effect, viewChild } from '@angular/core';
 import { XLoadingPrefix, XLoadingProperty } from './loading.property';
-import { XIsChange, XIsEmpty, XConfigService, XIsNumber, XClearClass } from '@ng-nest/ui/core';
+import { XIsEmpty, XIsNumber, XToNumber } from '@ng-nest/ui/core';
 import { XPortalService } from '@ng-nest/ui/portal';
 import { XIconComponent } from '@ng-nest/ui/icon';
 import { XOutletDirective } from '@ng-nest/ui/outlet';
 import { NgClass, NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 export class XLoadingComponent extends XLoadingProperty {
-    constructor() {
-        super(...arguments);
-        this.cdr = inject(ChangeDetectorRef);
-        this.portal = inject(XPortalService);
-        this.viewContainerRef = inject(ViewContainerRef);
-        this.configService = inject(XConfigService);
-    }
     get getLoading() {
-        return this.loading;
-    }
-    ngOnInit() {
-        this.setClassMap();
-    }
-    ngOnChanges(changes) {
-        const { loading, size } = changes;
-        XIsChange(loading) && this.setLoading();
-        XIsChange(size) && this.setClassMap();
-    }
-    setClassMap() {
-        XClearClass(this.classMap);
-        if (XIsNumber(this.size)) {
-            this.sizeNumber = this.size;
-        }
-        else {
-            this.classMap[`${XLoadingPrefix}-${this.size}`] = !XIsEmpty(this.size);
-        }
-        this.cdr.markForCheck();
+        return this.loading();
     }
-    setLoading() {
-        if (this.fullScreen) {
-            if (this.loading) {
-                this.createFullScreen();
+    constructor() {
+        super();
+        this.loadingTpl = viewChild.required('loadingTpl');
+        this.isRadius = computed(() => !(this.radius() instanceof Array) && Boolean(this.radius()));
+        this.sizeNumber = computed(() => {
+            const size = XToNumber(this.size());
+            if (XIsNumber(size)) {
+                return size;
+            }
+            return;
+        });
+        this.classMap = computed(() => {
+            const size = this.size();
+            if (isNaN(XToNumber(size))) {
+                return { [`${XLoadingPrefix}-${size}`]: !XIsEmpty(size) };
             }
-            else {
-                this.closeFullScreen();
+            return;
+        });
+        this.portal = inject(XPortalService);
+        this.viewContainerRef = inject(ViewContainerRef);
+        effect(() => {
+            if (this.fullScreen()) {
+                if (this.loading()) {
+                    this.createFullScreen();
+                }
+                else {
+                    this.closeFullScreen();
+                }
             }
+        }, { allowSignalWrites: true });
+    }
+    includeRadius(cover) {
+        const radius = this.radius();
+        if (!(radius instanceof Array)) {
+            return false;
         }
-        this.cdr.detectChanges();
+        return radius.includes(cover);
     }
     createFullScreen() {
         this.portalRef = this.portal.attach({
-            content: this.loadingTpl,
+            content: this.loadingTpl(),
             viewContainerRef: this.viewContainerRef,
             overlayConfig: {
                 width: '100%',
@@ -62,17 +64,14 @@ export class XLoadingComponent extends XLoadingProperty {
             this.portalRef.overlayRef.detach();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XLoadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: XLoadingComponent, isStandalone: true, selector: "x-loading, [x-loading]", host: { properties: { "class.x-loading-parent": "this.getLoading" } }, viewQueries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n@if (!fullScreen) {\r\n  <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n}\r\n\r\n<ng-template #loadingTpl>\r\n  @if (loading) {\r\n    <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" [style.zIndex]=\"zIndex\">\r\n      <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n        @if (icon) {\r\n          <div class=\"x-loading-icon\" [style.font-size.px]=\"sizeNumber\">\r\n            <x-icon [type]=\"icon\"></x-icon>\r\n          </div>\r\n        } @else {\r\n          <svg\r\n            class=\"x-loading-circular\"\r\n            [style.width.px]=\"sizeNumber\"\r\n            [style.height.px]=\"sizeNumber\"\r\n            viewBox=\"25 25 50 50\"\r\n          >\r\n            <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n          </svg>\r\n        }\r\n        <div class=\"x-loading-text\">\r\n          <ng-container *xOutlet=\"text\">{{ text }}</ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #circularTpl> </ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;inset:0;display:flex;justify-content:center;align-items:center}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XLoadingComponent, isStandalone: true, selector: "x-loading, [x-loading]", host: { properties: { "class.x-loading-parent": "this.getLoading" } }, viewQueries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n@if (!fullScreen()) {\r\n  <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n}\r\n\r\n<ng-template #loadingTpl>\r\n  @if (loading()) {\r\n    <div\r\n      #loading\r\n      class=\"x-loading\"\r\n      [ngClass]=\"classMap()\"\r\n      [style.background]=\"background()\"\r\n      [style.zIndex]=\"zIndex()\"\r\n      [class.x-loading-radius]=\"isRadius()\"\r\n      [class.x-loading-top-left-radius]=\"includeRadius('top-start')\"\r\n      [class.x-loading-top-right-radius]=\"includeRadius('top-end')\"\r\n      [class.x-loading-bottom-left-radius]=\"includeRadius('bottom-start')\"\r\n      [class.x-loading-bottom-left-radius]=\"includeRadius('bottom-end')\"\r\n    >\r\n      <div class=\"x-loading-spinner\" [style.color]=\"color()\">\r\n        @if (icon()) {\r\n          <div class=\"x-loading-icon\" [style.font-size.px]=\"sizeNumber()\">\r\n            <x-icon [type]=\"icon()\"></x-icon>\r\n          </div>\r\n        } @else {\r\n          <svg\r\n            class=\"x-loading-circular\"\r\n            [style.width.px]=\"sizeNumber()\"\r\n            [style.height.px]=\"sizeNumber()\"\r\n            viewBox=\"25 25 50 50\"\r\n          >\r\n            <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n          </svg>\r\n        }\r\n        <div class=\"x-loading-text\">\r\n          <ng-container *xOutlet=\"text()\">{{ text() }}</ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #circularTpl> </ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;inset:0;display:flex;justify-content:center;align-items:center}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-radius{border-radius:var(--x-border-radius)}.x-loading-top-left-radius{border-top-left-radius:var(--x-border-radius)}.x-loading-top-right-radius{border-top-right-radius:var(--x-border-radius)}.x-loading-bottom-left-radius{border-bottom-left-radius:var(--x-border-radius)}.x-loading-bottom-right-radius{border-bottom-right-radius:var(--x-border-radius)}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XLoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLoadingComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XLoadingPrefix}, [${XLoadingPrefix}]`, standalone: true, imports: [NgClass, NgTemplateOutlet, XIconComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n\r\n@if (!fullScreen) {\r\n  <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n}\r\n\r\n<ng-template #loadingTpl>\r\n  @if (loading) {\r\n    <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" [style.zIndex]=\"zIndex\">\r\n      <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n        @if (icon) {\r\n          <div class=\"x-loading-icon\" [style.font-size.px]=\"sizeNumber\">\r\n            <x-icon [type]=\"icon\"></x-icon>\r\n          </div>\r\n        } @else {\r\n          <svg\r\n            class=\"x-loading-circular\"\r\n            [style.width.px]=\"sizeNumber\"\r\n            [style.height.px]=\"sizeNumber\"\r\n            viewBox=\"25 25 50 50\"\r\n          >\r\n            <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n          </svg>\r\n        }\r\n        <div class=\"x-loading-text\">\r\n          <ng-container *xOutlet=\"text\">{{ text }}</ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #circularTpl> </ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;inset:0;display:flex;justify-content:center;align-items:center}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"] }]
-        }], propDecorators: { getLoading: [{
+            args: [{ selector: `${XLoadingPrefix}, [${XLoadingPrefix}]`, standalone: true, imports: [NgClass, NgTemplateOutlet, XIconComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n\r\n@if (!fullScreen()) {\r\n  <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n}\r\n\r\n<ng-template #loadingTpl>\r\n  @if (loading()) {\r\n    <div\r\n      #loading\r\n      class=\"x-loading\"\r\n      [ngClass]=\"classMap()\"\r\n      [style.background]=\"background()\"\r\n      [style.zIndex]=\"zIndex()\"\r\n      [class.x-loading-radius]=\"isRadius()\"\r\n      [class.x-loading-top-left-radius]=\"includeRadius('top-start')\"\r\n      [class.x-loading-top-right-radius]=\"includeRadius('top-end')\"\r\n      [class.x-loading-bottom-left-radius]=\"includeRadius('bottom-start')\"\r\n      [class.x-loading-bottom-left-radius]=\"includeRadius('bottom-end')\"\r\n    >\r\n      <div class=\"x-loading-spinner\" [style.color]=\"color()\">\r\n        @if (icon()) {\r\n          <div class=\"x-loading-icon\" [style.font-size.px]=\"sizeNumber()\">\r\n            <x-icon [type]=\"icon()\"></x-icon>\r\n          </div>\r\n        } @else {\r\n          <svg\r\n            class=\"x-loading-circular\"\r\n            [style.width.px]=\"sizeNumber()\"\r\n            [style.height.px]=\"sizeNumber()\"\r\n            viewBox=\"25 25 50 50\"\r\n          >\r\n            <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n          </svg>\r\n        }\r\n        <div class=\"x-loading-text\">\r\n          <ng-container *xOutlet=\"text()\">{{ text() }}</ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #circularTpl> </ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;inset:0;display:flex;justify-content:center;align-items:center}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-radius{border-radius:var(--x-border-radius)}.x-loading-top-left-radius{border-top-left-radius:var(--x-border-radius)}.x-loading-top-right-radius{border-top-right-radius:var(--x-border-radius)}.x-loading-bottom-left-radius{border-bottom-left-radius:var(--x-border-radius)}.x-loading-bottom-right-radius{border-bottom-right-radius:var(--x-border-radius)}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { getLoading: [{
                 type: HostBinding,
                 args: ['class.x-loading-parent']
-            }], loadingTpl: [{
-                type: ViewChild,
-                args: ['loadingTpl']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsaUJBQWlCLEVBQ2pCLGlCQUFpQixFQUNqQix1QkFBdUIsRUFHdkIsV0FBVyxFQUNYLFNBQVMsRUFFVCxnQkFBZ0IsRUFDaEIsTUFBTSxFQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN0RSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxjQUFjLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQy9GLE9BQU8sRUFBRSxjQUFjLEVBQXFCLE1BQU0sb0JBQW9CLENBQUM7QUFDdkUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFXNUQsTUFBTSxPQUFPLGlCQUFrQixTQUFRLGdCQUFnQjtJQVR2RDs7UUFrQlUsUUFBRyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ2hDLFdBQU0sR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDaEMscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDcEQsa0JBQWEsR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7S0FrRHhDO0lBN0RDLElBQTJDLFVBQVU7UUFDbkQsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7SUFXRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxPQUFPLENBQUM7UUFDbEMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUN4QyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxXQUFXO1FBQ1QsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMzQixJQUFJLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBYyxDQUFDO1NBQ3ZDO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsY0FBYyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN4RTtRQUNELElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO2dCQUNoQixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQzthQUN6QjtpQkFBTTtnQkFDTCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7YUFDeEI7U0FDRjtRQUNELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUM7WUFDbEMsT0FBTyxFQUFFLElBQUksQ0FBQyxVQUFVO1lBQ3hCLGdCQUFnQixFQUFFLElBQUksQ0FBQyxnQkFBZ0I7WUFDdkMsYUFBYSxFQUFFO2dCQUNiLEtBQUssRUFBRSxNQUFNO2dCQUNiLE1BQU0sRUFBRSxNQUFNO2dCQUNkLGdCQUFnQixFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFO2FBQzdDO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxFQUFFO1lBQzdDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQztpSUE3RFUsaUJBQWlCO3FIQUFqQixpQkFBaUIsK1NDOUI5Qix3bkNBaUNBLDQ2Q0RUWSxPQUFPLG9GQUFFLGdCQUFnQixvSkFBRSxjQUFjLG1EQUFFLGdCQUFnQjs7MkZBTTFELGlCQUFpQjtrQkFUN0IsU0FBUzsrQkFDRSxHQUFHLGNBQWMsTUFBTSxjQUFjLEdBQUcsY0FDdEMsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQyxpQkFHdkQsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFHSixVQUFVO3NCQUFwRCxXQUFXO3VCQUFDLHdCQUF3QjtnQkFHWixVQUFVO3NCQUFsQyxTQUFTO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBPbkluaXQsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxuICBPbkNoYW5nZXMsXHJcbiAgSG9zdEJpbmRpbmcsXHJcbiAgVmlld0NoaWxkLFxyXG4gIFRlbXBsYXRlUmVmLFxyXG4gIFZpZXdDb250YWluZXJSZWYsXHJcbiAgaW5qZWN0XHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhMb2FkaW5nUHJlZml4LCBYTG9hZGluZ1Byb3BlcnR5IH0gZnJvbSAnLi9sb2FkaW5nLnByb3BlcnR5JztcclxuaW1wb3J0IHsgWElzQ2hhbmdlLCBYSXNFbXB0eSwgWENvbmZpZ1NlcnZpY2UsIFhJc051bWJlciwgWENsZWFyQ2xhc3MgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgWFBvcnRhbFNlcnZpY2UsIFhQb3J0YWxPdmVybGF5UmVmIH0gZnJvbSAnQG5nLW5lc3QvdWkvcG9ydGFsJztcclxuaW1wb3J0IHsgWEljb25Db21wb25lbnQgfSBmcm9tICdAbmctbmVzdC91aS9pY29uJztcclxuaW1wb3J0IHsgWE91dGxldERpcmVjdGl2ZSB9IGZyb20gJ0BuZy1uZXN0L3VpL291dGxldCc7XHJcbmltcG9ydCB7IE5nQ2xhc3MsIE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IGAke1hMb2FkaW5nUHJlZml4fSwgWyR7WExvYWRpbmdQcmVmaXh9XWAsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTmdDbGFzcywgTmdUZW1wbGF0ZU91dGxldCwgWEljb25Db21wb25lbnQsIFhPdXRsZXREaXJlY3RpdmVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2FkaW5nLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9sb2FkaW5nLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgWExvYWRpbmdDb21wb25lbnQgZXh0ZW5kcyBYTG9hZGluZ1Byb3BlcnR5IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG4gIEBIb3N0QmluZGluZygnY2xhc3MueC1sb2FkaW5nLXBhcmVudCcpIGdldCBnZXRMb2FkaW5nKCkge1xyXG4gICAgcmV0dXJuIHRoaXMubG9hZGluZztcclxuICB9XHJcbiAgQFZpZXdDaGlsZCgnbG9hZGluZ1RwbCcpIGxvYWRpbmdUcGwhOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuICBwb3J0YWxSZWYhOiBYUG9ydGFsT3ZlcmxheVJlZjxhbnk+O1xyXG5cclxuICBzaXplTnVtYmVyPzogbnVtYmVyO1xyXG5cclxuICBwcml2YXRlIGNkciA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgcHJpdmF0ZSBwb3J0YWwgPSBpbmplY3QoWFBvcnRhbFNlcnZpY2UpO1xyXG4gIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZiA9IGluamVjdChWaWV3Q29udGFpbmVyUmVmKTtcclxuICBjb25maWdTZXJ2aWNlID0gaW5qZWN0KFhDb25maWdTZXJ2aWNlKTtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnNldENsYXNzTWFwKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBjb25zdCB7IGxvYWRpbmcsIHNpemUgfSA9IGNoYW5nZXM7XHJcbiAgICBYSXNDaGFuZ2UobG9hZGluZykgJiYgdGhpcy5zZXRMb2FkaW5nKCk7XHJcbiAgICBYSXNDaGFuZ2Uoc2l6ZSkgJiYgdGhpcy5zZXRDbGFzc01hcCgpO1xyXG4gIH1cclxuXHJcbiAgc2V0Q2xhc3NNYXAoKSB7XHJcbiAgICBYQ2xlYXJDbGFzcyh0aGlzLmNsYXNzTWFwKTtcclxuICAgIGlmIChYSXNOdW1iZXIodGhpcy5zaXplKSkge1xyXG4gICAgICB0aGlzLnNpemVOdW1iZXIgPSB0aGlzLnNpemUgYXMgbnVtYmVyO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5jbGFzc01hcFtgJHtYTG9hZGluZ1ByZWZpeH0tJHt0aGlzLnNpemV9YF0gPSAhWElzRW1wdHkodGhpcy5zaXplKTtcclxuICAgIH1cclxuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xyXG4gIH1cclxuXHJcbiAgc2V0TG9hZGluZygpIHtcclxuICAgIGlmICh0aGlzLmZ1bGxTY3JlZW4pIHtcclxuICAgICAgaWYgKHRoaXMubG9hZGluZykge1xyXG4gICAgICAgIHRoaXMuY3JlYXRlRnVsbFNjcmVlbigpO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuY2xvc2VGdWxsU2NyZWVuKCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG4gIGNyZWF0ZUZ1bGxTY3JlZW4oKSB7XHJcbiAgICB0aGlzLnBvcnRhbFJlZiA9IHRoaXMucG9ydGFsLmF0dGFjaCh7XHJcbiAgICAgIGNvbnRlbnQ6IHRoaXMubG9hZGluZ1RwbCxcclxuICAgICAgdmlld0NvbnRhaW5lclJlZjogdGhpcy52aWV3Q29udGFpbmVyUmVmLFxyXG4gICAgICBvdmVybGF5Q29uZmlnOiB7XHJcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICBwb3NpdGlvblN0cmF0ZWd5OiB0aGlzLnBvcnRhbC5zZXRQbGFjZW1lbnQoKVxyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIGNsb3NlRnVsbFNjcmVlbigpIHtcclxuICAgIGlmICh0aGlzLnBvcnRhbFJlZj8ub3ZlcmxheVJlZj8uaGFzQXR0YWNoZWQoKSkge1xyXG4gICAgICB0aGlzLnBvcnRhbFJlZi5vdmVybGF5UmVmLmRldGFjaCgpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcblxyXG5AaWYgKCFmdWxsU2NyZWVuKSB7XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxvYWRpbmdUcGxcIj48L25nLWNvbnRhaW5lcj5cclxufVxyXG5cclxuPG5nLXRlbXBsYXRlICNsb2FkaW5nVHBsPlxyXG4gIEBpZiAobG9hZGluZykge1xyXG4gICAgPGRpdiAjbG9hZGluZyBjbGFzcz1cIngtbG9hZGluZ1wiIFtuZ0NsYXNzXT1cImNsYXNzTWFwXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiYmFja2dyb3VuZFwiIFtzdHlsZS56SW5kZXhdPVwiekluZGV4XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ4LWxvYWRpbmctc3Bpbm5lclwiIFtzdHlsZS5jb2xvcl09XCJjb2xvclwiPlxyXG4gICAgICAgIEBpZiAoaWNvbikge1xyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cIngtbG9hZGluZy1pY29uXCIgW3N0eWxlLmZvbnQtc2l6ZS5weF09XCJzaXplTnVtYmVyXCI+XHJcbiAgICAgICAgICAgIDx4LWljb24gW3R5cGVdPVwiaWNvblwiPjwveC1pY29uPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfSBAZWxzZSB7XHJcbiAgICAgICAgICA8c3ZnXHJcbiAgICAgICAgICAgIGNsYXNzPVwieC1sb2FkaW5nLWNpcmN1bGFyXCJcclxuICAgICAgICAgICAgW3N0eWxlLndpZHRoLnB4XT1cInNpemVOdW1iZXJcIlxyXG4gICAgICAgICAgICBbc3R5bGUuaGVpZ2h0LnB4XT1cInNpemVOdW1iZXJcIlxyXG4gICAgICAgICAgICB2aWV3Qm94PVwiMjUgMjUgNTAgNTBcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8Y2lyY2xlIGNsYXNzPVwieC1sb2FkaW5nLXBhdGhcIiBjeD1cIjUwXCIgY3k9XCI1MFwiIHI9XCIyMFwiIGZpbGw9XCJub25lXCIgLz5cclxuICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgIH1cclxuICAgICAgICA8ZGl2IGNsYXNzPVwieC1sb2FkaW5nLXRleHRcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKnhPdXRsZXQ9XCJ0ZXh0XCI+e3sgdGV4dCB9fTwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIH1cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjY2lyY3VsYXJUcGw+IDwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixXQUFXLEVBRVgsZ0JBQWdCLEVBQ2hCLE1BQU0sRUFDTixRQUFRLEVBQ1IsTUFBTSxFQUNOLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQVcsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDM0UsT0FBTyxFQUFFLGNBQWMsRUFBcUIsTUFBTSxvQkFBb0IsQ0FBQztBQUN2RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVc1RCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsZ0JBQWdCO0lBQ3JELElBQTJDLFVBQVU7UUFDbkQsT0FBTyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQXlCRDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBekJWLGVBQVUsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFvQixZQUFZLENBQUMsQ0FBQztRQUdqRSxhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLFlBQVksS0FBSyxDQUFDLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFFdkYsZUFBVSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDekIsTUFBTSxJQUFJLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1lBQ3BDLElBQUksU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7Z0JBQ3BCLE9BQU8sSUFBSSxDQUFDO1lBQ2QsQ0FBQztZQUNELE9BQU87UUFDVCxDQUFDLENBQUMsQ0FBQztRQUVILGFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3ZCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUN6QixJQUFJLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUFDO2dCQUMzQixPQUFPLEVBQUUsQ0FBQyxHQUFHLGNBQWMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7WUFDNUQsQ0FBQztZQUNELE9BQU87UUFDVCxDQUFDLENBQUMsQ0FBQztRQUVLLFdBQU0sR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDaEMscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFJbEQsTUFBTSxDQUNKLEdBQUcsRUFBRTtZQUNILElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUM7Z0JBQ3RCLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUM7b0JBQ25CLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO2dCQUMxQixDQUFDO3FCQUFNLENBQUM7b0JBQ04sSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO2dCQUN6QixDQUFDO1lBQ0gsQ0FBQztRQUNILENBQUMsRUFDRCxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxDQUM1QixDQUFDO0lBQ0osQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFjO1FBQzFCLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsQ0FBQyxNQUFNLFlBQVksS0FBSyxDQUFDLEVBQUUsQ0FBQztZQUMvQixPQUFPLEtBQUssQ0FBQztRQUNmLENBQUM7UUFDRCxPQUFPLE1BQU0sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUM7WUFDbEMsT0FBTyxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDMUIsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLGdCQUFnQjtZQUN2QyxhQUFhLEVBQUU7Z0JBQ2IsS0FBSyxFQUFFLE1BQU07Z0JBQ2IsTUFBTSxFQUFFLE1BQU07Z0JBQ2QsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUU7YUFDN0M7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLEVBQUUsQ0FBQztZQUM5QyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNyQyxDQUFDO0lBQ0gsQ0FBQztpSUFwRVUsaUJBQWlCO3FIQUFqQixpQkFBaUIsMFNDNUI5Qix5aURBNENBLHV4RER0QlksT0FBTyxvRkFBRSxnQkFBZ0Isb0pBQUUsY0FBYyxtREFBRSxnQkFBZ0I7OzJGQU0xRCxpQkFBaUI7a0JBVDdCLFNBQVM7K0JBQ0UsR0FBRyxjQUFjLE1BQU0sY0FBYyxHQUFHLGNBQ3RDLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLENBQUMsaUJBR3ZELGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07d0RBR0osVUFBVTtzQkFBcEQsV0FBVzt1QkFBQyx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBIb3N0QmluZGluZyxcclxuICBUZW1wbGF0ZVJlZixcclxuICBWaWV3Q29udGFpbmVyUmVmLFxyXG4gIGluamVjdCxcclxuICBjb21wdXRlZCxcclxuICBlZmZlY3QsXHJcbiAgdmlld0NoaWxkXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhMb2FkaW5nUHJlZml4LCBYTG9hZGluZ1Byb3BlcnR5IH0gZnJvbSAnLi9sb2FkaW5nLnByb3BlcnR5JztcclxuaW1wb3J0IHsgWElzRW1wdHksIFhJc051bWJlciwgWENvcm5lciwgWFRvTnVtYmVyIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IFhQb3J0YWxTZXJ2aWNlLCBYUG9ydGFsT3ZlcmxheVJlZiB9IGZyb20gJ0BuZy1uZXN0L3VpL3BvcnRhbCc7XHJcbmltcG9ydCB7IFhJY29uQ29tcG9uZW50IH0gZnJvbSAnQG5nLW5lc3QvdWkvaWNvbic7XHJcbmltcG9ydCB7IFhPdXRsZXREaXJlY3RpdmUgfSBmcm9tICdAbmctbmVzdC91aS9vdXRsZXQnO1xyXG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBgJHtYTG9hZGluZ1ByZWZpeH0sIFske1hMb2FkaW5nUHJlZml4fV1gLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW05nQ2xhc3MsIE5nVGVtcGxhdGVPdXRsZXQsIFhJY29uQ29tcG9uZW50LCBYT3V0bGV0RGlyZWN0aXZlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGluZy5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFhMb2FkaW5nQ29tcG9uZW50IGV4dGVuZHMgWExvYWRpbmdQcm9wZXJ0eSB7XHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy54LWxvYWRpbmctcGFyZW50JykgZ2V0IGdldExvYWRpbmcoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5sb2FkaW5nKCk7XHJcbiAgfVxyXG4gIGxvYWRpbmdUcGwgPSB2aWV3Q2hpbGQucmVxdWlyZWQ8VGVtcGxhdGVSZWY8dm9pZD4+KCdsb2FkaW5nVHBsJyk7XHJcbiAgcG9ydGFsUmVmITogWFBvcnRhbE92ZXJsYXlSZWY8YW55PjtcclxuXHJcbiAgaXNSYWRpdXMgPSBjb21wdXRlZCgoKSA9PiAhKHRoaXMucmFkaXVzKCkgaW5zdGFuY2VvZiBBcnJheSkgJiYgQm9vbGVhbih0aGlzLnJhZGl1cygpKSk7XHJcblxyXG4gIHNpemVOdW1iZXIgPSBjb21wdXRlZCgoKSA9PiB7XHJcbiAgICBjb25zdCBzaXplID0gWFRvTnVtYmVyKHRoaXMuc2l6ZSgpKTtcclxuICAgIGlmIChYSXNOdW1iZXIoc2l6ZSkpIHtcclxuICAgICAgcmV0dXJuIHNpemU7XHJcbiAgICB9XHJcbiAgICByZXR1cm47XHJcbiAgfSk7XHJcblxyXG4gIGNsYXNzTWFwID0gY29tcHV0ZWQoKCkgPT4ge1xyXG4gICAgY29uc3Qgc2l6ZSA9IHRoaXMuc2l6ZSgpO1xyXG4gICAgaWYgKGlzTmFOKFhUb051bWJlcihzaXplKSkpIHtcclxuICAgICAgcmV0dXJuIHsgW2Ake1hMb2FkaW5nUHJlZml4fS0ke3NpemV9YF06ICFYSXNFbXB0eShzaXplKSB9O1xyXG4gICAgfVxyXG4gICAgcmV0dXJuO1xyXG4gIH0pO1xyXG5cclxuICBwcml2YXRlIHBvcnRhbCA9IGluamVjdChYUG9ydGFsU2VydmljZSk7XHJcbiAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmID0gaW5qZWN0KFZpZXdDb250YWluZXJSZWYpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgICBlZmZlY3QoXHJcbiAgICAgICgpID0+IHtcclxuICAgICAgICBpZiAodGhpcy5mdWxsU2NyZWVuKCkpIHtcclxuICAgICAgICAgIGlmICh0aGlzLmxvYWRpbmcoKSkge1xyXG4gICAgICAgICAgICB0aGlzLmNyZWF0ZUZ1bGxTY3JlZW4oKTtcclxuICAgICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIHRoaXMuY2xvc2VGdWxsU2NyZWVuKCk7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9LFxyXG4gICAgICB7IGFsbG93U2lnbmFsV3JpdGVzOiB0cnVlIH1cclxuICAgICk7XHJcbiAgfVxyXG5cclxuICBpbmNsdWRlUmFkaXVzKGNvdmVyOiBYQ29ybmVyKSB7XHJcbiAgICBjb25zdCByYWRpdXMgPSB0aGlzLnJhZGl1cygpO1xyXG4gICAgaWYgKCEocmFkaXVzIGluc3RhbmNlb2YgQXJyYXkpKSB7XHJcbiAgICAgIHJldHVybiBmYWxzZTtcclxuICAgIH1cclxuICAgIHJldHVybiByYWRpdXMuaW5jbHVkZXMoY292ZXIpO1xyXG4gIH1cclxuXHJcbiAgY3JlYXRlRnVsbFNjcmVlbigpIHtcclxuICAgIHRoaXMucG9ydGFsUmVmID0gdGhpcy5wb3J0YWwuYXR0YWNoKHtcclxuICAgICAgY29udGVudDogdGhpcy5sb2FkaW5nVHBsKCksXHJcbiAgICAgIHZpZXdDb250YWluZXJSZWY6IHRoaXMudmlld0NvbnRhaW5lclJlZixcclxuICAgICAgb3ZlcmxheUNvbmZpZzoge1xyXG4gICAgICAgIHdpZHRoOiAnMTAwJScsXHJcbiAgICAgICAgaGVpZ2h0OiAnMTAwJScsXHJcbiAgICAgICAgcG9zaXRpb25TdHJhdGVneTogdGhpcy5wb3J0YWwuc2V0UGxhY2VtZW50KClcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBjbG9zZUZ1bGxTY3JlZW4oKSB7XHJcbiAgICBpZiAodGhpcy5wb3J0YWxSZWY/Lm92ZXJsYXlSZWY/Lmhhc0F0dGFjaGVkKCkpIHtcclxuICAgICAgdGhpcy5wb3J0YWxSZWYub3ZlcmxheVJlZi5kZXRhY2goKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG5cclxuQGlmICghZnVsbFNjcmVlbigpKSB7XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxvYWRpbmdUcGxcIj48L25nLWNvbnRhaW5lcj5cclxufVxyXG5cclxuPG5nLXRlbXBsYXRlICNsb2FkaW5nVHBsPlxyXG4gIEBpZiAobG9hZGluZygpKSB7XHJcbiAgICA8ZGl2XHJcbiAgICAgICNsb2FkaW5nXHJcbiAgICAgIGNsYXNzPVwieC1sb2FkaW5nXCJcclxuICAgICAgW25nQ2xhc3NdPVwiY2xhc3NNYXAoKVwiXHJcbiAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImJhY2tncm91bmQoKVwiXHJcbiAgICAgIFtzdHlsZS56SW5kZXhdPVwiekluZGV4KClcIlxyXG4gICAgICBbY2xhc3MueC1sb2FkaW5nLXJhZGl1c109XCJpc1JhZGl1cygpXCJcclxuICAgICAgW2NsYXNzLngtbG9hZGluZy10b3AtbGVmdC1yYWRpdXNdPVwiaW5jbHVkZVJhZGl1cygndG9wLXN0YXJ0JylcIlxyXG4gICAgICBbY2xhc3MueC1sb2FkaW5nLXRvcC1yaWdodC1yYWRpdXNdPVwiaW5jbHVkZVJhZGl1cygndG9wLWVuZCcpXCJcclxuICAgICAgW2NsYXNzLngtbG9hZGluZy1ib3R0b20tbGVmdC1yYWRpdXNdPVwiaW5jbHVkZVJhZGl1cygnYm90dG9tLXN0YXJ0JylcIlxyXG4gICAgICBbY2xhc3MueC1sb2FkaW5nLWJvdHRvbS1sZWZ0LXJhZGl1c109XCJpbmNsdWRlUmFkaXVzKCdib3R0b20tZW5kJylcIlxyXG4gICAgPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwieC1sb2FkaW5nLXNwaW5uZXJcIiBbc3R5bGUuY29sb3JdPVwiY29sb3IoKVwiPlxyXG4gICAgICAgIEBpZiAoaWNvbigpKSB7XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwieC1sb2FkaW5nLWljb25cIiBbc3R5bGUuZm9udC1zaXplLnB4XT1cInNpemVOdW1iZXIoKVwiPlxyXG4gICAgICAgICAgICA8eC1pY29uIFt0eXBlXT1cImljb24oKVwiPjwveC1pY29uPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfSBAZWxzZSB7XHJcbiAgICAgICAgICA8c3ZnXHJcbiAgICAgICAgICAgIGNsYXNzPVwieC1sb2FkaW5nLWNpcmN1bGFyXCJcclxuICAgICAgICAgICAgW3N0eWxlLndpZHRoLnB4XT1cInNpemVOdW1iZXIoKVwiXHJcbiAgICAgICAgICAgIFtzdHlsZS5oZWlnaHQucHhdPVwic2l6ZU51bWJlcigpXCJcclxuICAgICAgICAgICAgdmlld0JveD1cIjI1IDI1IDUwIDUwXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgPGNpcmNsZSBjbGFzcz1cIngtbG9hZGluZy1wYXRoXCIgY3g9XCI1MFwiIGN5PVwiNTBcIiByPVwiMjBcIiBmaWxsPVwibm9uZVwiIC8+XHJcbiAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICB9XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIngtbG9hZGluZy10ZXh0XCI+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICp4T3V0bGV0PVwidGV4dCgpXCI+e3sgdGV4dCgpIH19PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgfVxyXG48L25nLXRlbXBsYXRlPlxyXG5cclxuPG5nLXRlbXBsYXRlICNjaXJjdWxhclRwbD4gPC9uZy10ZW1wbGF0ZT5cclxuIl19

package/esm2022/loading/loading.module.mjs

@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
 import { XLoadingComponent } from './loading.component';
 import * as i0 from "@angular/core";
 export class XLoadingModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: XLoadingModule, imports: [XLoadingComponent], exports: [XLoadingComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XLoadingModule, imports: [XLoadingComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XLoadingModule, imports: [XLoadingComponent], exports: [XLoadingComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLoadingModule, imports: [XLoadingComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XLoadingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLoadingModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XLoadingComponent],

package/esm2022/loading/loading.property.mjs

@@ -1,6 +1,5 @@
-import { __decorate } from "tslib";
-import { XProperty, XInputBoolean, XWithConfig } from '@ng-nest/ui/core';
-import { Input, Component } from '@angular/core';
+import { XPropertyFunction, XToBoolean, XToNumber } from '@ng-nest/ui/core';
+import { Component, input } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Loading
@@ -8,65 +7,64 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export const XLoadingPrefix = 'x-loading';
-const X_CONFIG_NAME = 'loading';
+const X_LOADING_CONFIG_NAME = 'loading';
 /**
  * Loading Property
  */
-export class XLoadingProperty extends XProperty {
+export class XLoadingProperty extends XPropertyFunction(X_LOADING_CONFIG_NAME) {
     constructor() {
         super(...arguments);
         /**
          * @zh_CN 显示 loading
          * @en_US Show loading
          */
-        this.loading = false;
+        this.loading = input(false, { transform: XToBoolean, alias: 'x-loading' });
+        /**
+         * @zh_CN 层级
+         * @en_US z-index
+         */
+        this.zIndex = input(this.config?.zIndex ?? 10, { transform: XToNumber });
+        /**
+         * @zh_CN 尺寸
+         * @en_US Size
+         */
+        this.size = input(this.config?.size ?? 'medium');
+        /**
+         * @zh_CN 显示文字，支持自定义模板
+         * @en_US Display text, support custom template
+         */
+        this.text = input(this.config?.text);
+        /**
+         * @zh_CN 显示的图标
+         * @en_US Icon displayed
+         */
+        this.icon = input(this.config?.icon);
+        /**
+         * @zh_CN 颜色
+         * @en_US Color
+         */
+        this.color = input(this.config?.color);
+        /**
+         * @zh_CN 全屏显示
+         * @en_US Full-screen display
+         */
+        this.fullScreen = input(false, { transform: XToBoolean });
+        /**
+         * @zh_CN 圆角覆盖显示
+         * @en_US Rounded corner coverage display
+         */
+        this.radius = input();
+        /**
+         * @zh_CN 背景样式
+         * @en_US Background style
+         */
+        this.background = input(this.config?.background);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XLoadingProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: XLoadingProperty, selector: "x-loading-property", inputs: { loading: ["x-loading", "loading"], zIndex: "zIndex", size: "size", text: "text", icon: "icon", color: "color", fullScreen: "fullScreen", background: "background" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLoadingProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XLoadingProperty, selector: "x-loading-property", inputs: { loading: { classPropertyName: "loading", publicName: "x-loading", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-__decorate([
-    XInputBoolean()
-], XLoadingProperty.prototype, "loading", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 10)
-], XLoadingProperty.prototype, "zIndex", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'medium')
-], XLoadingProperty.prototype, "size", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME)
-], XLoadingProperty.prototype, "text", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME)
-], XLoadingProperty.prototype, "icon", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME)
-], XLoadingProperty.prototype, "color", void 0);
-__decorate([
-    XInputBoolean()
-], XLoadingProperty.prototype, "fullScreen", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME)
-], XLoadingProperty.prototype, "background", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XLoadingProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLoadingProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XLoadingPrefix}-property`, template: '' }]
-        }], propDecorators: { loading: [{
-                type: Input,
-                args: ['x-loading']
-            }], zIndex: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], fullScreen: [{
-                type: Input
-            }], background: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5wcm9wZXJ0eS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL2xvYWRpbmcvbG9hZGluZy5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQThCLFdBQVcsRUFBVyxNQUFNLGtCQUFrQixDQUFDO0FBQzlHLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUVqRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLFdBQVcsQ0FBQztBQUMxQyxNQUFNLGFBQWEsR0FBRyxTQUFTLENBQUM7QUFFaEM7O0dBRUc7QUFFSCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsU0FBUztJQUQvQzs7UUFFRTs7O1dBR0c7UUFDa0MsWUFBTyxHQUFhLEtBQUssQ0FBQztLQW9DaEU7aUlBekNZLGdCQUFnQjtxSEFBaEIsZ0JBQWdCLGdRQURrQyxFQUFFOztBQU0xQjtJQUFoQixhQUFhLEVBQUU7aURBQTJCO0FBS2I7SUFBeEMsV0FBVyxDQUFVLGFBQWEsRUFBRSxFQUFFLENBQUM7Z0RBQWtCO0FBS2I7SUFBNUMsV0FBVyxDQUFRLGFBQWEsRUFBRSxRQUFRLENBQUM7OENBQXVCO0FBSzVCO0lBQXRDLFdBQVcsQ0FBWSxhQUFhLENBQUM7OENBQWtCO0FBS3BCO0lBQW5DLFdBQVcsQ0FBUyxhQUFhLENBQUM7OENBQWU7QUFLZDtJQUFuQyxXQUFXLENBQVMsYUFBYSxDQUFDOytDQUFnQjtBQUtsQztJQUFoQixhQUFhLEVBQUU7b0RBQXVCO0FBS0g7SUFBbkMsV0FBVyxDQUFTLGFBQWEsQ0FBQztvREFBcUI7MkZBeEN0RCxnQkFBZ0I7a0JBRDVCLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxjQUFjLFdBQVcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFOzhCQU01QixPQUFPO3NCQUEzQyxLQUFLO3VCQUFDLFdBQVc7Z0JBS2dDLE1BQU07c0JBQXZELEtBQUs7Z0JBS2dELElBQUk7c0JBQXpELEtBQUs7Z0JBSzBDLElBQUk7c0JBQW5ELEtBQUs7Z0JBS3VDLElBQUk7c0JBQWhELEtBQUs7Z0JBS3VDLEtBQUs7c0JBQWpELEtBQUs7Z0JBS29CLFVBQVU7c0JBQW5DLEtBQUs7Z0JBS3VDLFVBQVU7c0JBQXRELEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBYUHJvcGVydHksIFhJbnB1dEJvb2xlYW4sIFhTaXplLCBYVGVtcGxhdGUsIFhCb29sZWFuLCBYV2l0aENvbmZpZywgWE51bWJlciB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBJbnB1dCwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vKipcclxuICogTG9hZGluZ1xyXG4gKiBAc2VsZWN0b3IgeC1sb2FkaW5nXHJcbiAqIEBkZWNvcmF0b3IgY29tcG9uZW50XHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWExvYWRpbmdQcmVmaXggPSAneC1sb2FkaW5nJztcclxuY29uc3QgWF9DT05GSUdfTkFNRSA9ICdsb2FkaW5nJztcclxuXHJcbi8qKlxyXG4gKiBMb2FkaW5nIFByb3BlcnR5XHJcbiAqL1xyXG5AQ29tcG9uZW50KHsgc2VsZWN0b3I6IGAke1hMb2FkaW5nUHJlZml4fS1wcm9wZXJ0eWAsIHRlbXBsYXRlOiAnJyB9KVxyXG5leHBvcnQgY2xhc3MgWExvYWRpbmdQcm9wZXJ0eSBleHRlbmRzIFhQcm9wZXJ0eSB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuiBsb2FkaW5nXHJcbiAgICogQGVuX1VTIFNob3cgbG9hZGluZ1xyXG4gICAqL1xyXG4gIEBJbnB1dCgneC1sb2FkaW5nJykgQFhJbnB1dEJvb2xlYW4oKSBsb2FkaW5nOiBYQm9vbGVhbiA9IGZhbHNlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlsYLnuqdcclxuICAgKiBAZW5fVVMgei1pbmRleFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYV2l0aENvbmZpZzxYTnVtYmVyPihYX0NPTkZJR19OQU1FLCAxMCkgekluZGV4PzogWE51bWJlcjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5bC65a+4XHJcbiAgICogQGVuX1VTIFNpemVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WFNpemU+KFhfQ09ORklHX05BTUUsICdtZWRpdW0nKSBzaXplPzogWFNpemUgfCBudW1iZXI7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuuaWh+Wtl++8jOaUr+aMgeiHquWumuS5ieaooeadv1xyXG4gICAqIEBlbl9VUyBEaXNwbGF5IHRleHQsIHN1cHBvcnQgY3VzdG9tIHRlbXBsYXRlXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhUZW1wbGF0ZT4oWF9DT05GSUdfTkFNRSkgdGV4dD86IFhUZW1wbGF0ZTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pi+56S655qE5Zu+5qCHXHJcbiAgICogQGVuX1VTIEljb24gZGlzcGxheWVkXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPHN0cmluZz4oWF9DT05GSUdfTkFNRSkgaWNvbj86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g6aKc6ImyXHJcbiAgICogQGVuX1VTIENvbG9yXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPHN0cmluZz4oWF9DT05GSUdfTkFNRSkgY29sb3I/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWFqOWxj+aYvuekulxyXG4gICAqIEBlbl9VUyBGdWxsLXNjcmVlbiBkaXNwbGF5XHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhJbnB1dEJvb2xlYW4oKSBmdWxsU2NyZWVuPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOiDjOaZr+agt+W8j1xyXG4gICAqIEBlbl9VUyBCYWNrZ3JvdW5kIHN0eWxlXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPHN0cmluZz4oWF9DT05GSUdfTkFNRSkgYmFja2dyb3VuZD86IHN0cmluZztcclxufVxyXG4iXX0=
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5wcm9wZXJ0eS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL2xvYWRpbmcvbG9hZGluZy5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUdqRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLFdBQVcsQ0FBQztBQUMxQyxNQUFNLHFCQUFxQixHQUFHLFNBQVMsQ0FBQztBQUV4Qzs7R0FFRztBQUVILE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxpQkFBaUIsQ0FBQyxxQkFBcUIsQ0FBQztJQUQ5RTs7UUFFRTs7O1dBR0c7UUFDTSxZQUFPLEdBQUcsS0FBSyxDQUFvQixLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ2xHOzs7V0FHRztRQUNNLFdBQU0sR0FBRyxLQUFLLENBQWtCLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxJQUFJLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQzlGOzs7V0FHRztRQUNNLFNBQUksR0FBRyxLQUFLLENBQWlCLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxJQUFJLFFBQVEsQ0FBQyxDQUFDO1FBQ3JFOzs7V0FHRztRQUNNLFNBQUksR0FBRyxLQUFLLENBQVksSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFLLENBQUMsQ0FBQztRQUNyRDs7O1dBR0c7UUFDTSxTQUFJLEdBQUcsS0FBSyxDQUFTLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSyxDQUFDLENBQUM7UUFDbEQ7OztXQUdHO1FBQ00sVUFBSyxHQUFHLEtBQUssQ0FBUyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQU0sQ0FBQyxDQUFDO1FBQ3BEOzs7V0FHRztRQUNNLGVBQVUsR0FBRyxLQUFLLENBQW9CLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBQ2pGOzs7V0FHRztRQUNNLFdBQU0sR0FBRyxLQUFLLEVBQXdCLENBQUM7UUFDaEQ7OztXQUdHO1FBQ00sZUFBVSxHQUFHLEtBQUssQ0FBUyxJQUFJLENBQUMsTUFBTSxFQUFFLFVBQVcsQ0FBQyxDQUFDO0tBQy9EO2lJQTlDWSxnQkFBZ0I7cUhBQWhCLGdCQUFnQix3ckNBRGtDLEVBQUU7OzJGQUNwRCxnQkFBZ0I7a0JBRDVCLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxjQUFjLFdBQVcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgWFByb3BlcnR5RnVuY3Rpb24sIFhUb0Jvb2xlYW4sIFhUb051bWJlciB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB0eXBlIHsgWFNpemUsIFhUZW1wbGF0ZSwgWEJvb2xlYW4sIFhOdW1iZXIsIFhDb3JuZXIgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBMb2FkaW5nXHJcbiAqIEBzZWxlY3RvciB4LWxvYWRpbmdcclxuICogQGRlY29yYXRvciBjb21wb25lbnRcclxuICovXHJcbmV4cG9ydCBjb25zdCBYTG9hZGluZ1ByZWZpeCA9ICd4LWxvYWRpbmcnO1xyXG5jb25zdCBYX0xPQURJTkdfQ09ORklHX05BTUUgPSAnbG9hZGluZyc7XHJcblxyXG4vKipcclxuICogTG9hZGluZyBQcm9wZXJ0eVxyXG4gKi9cclxuQENvbXBvbmVudCh7IHNlbGVjdG9yOiBgJHtYTG9hZGluZ1ByZWZpeH0tcHJvcGVydHlgLCB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhMb2FkaW5nUHJvcGVydHkgZXh0ZW5kcyBYUHJvcGVydHlGdW5jdGlvbihYX0xPQURJTkdfQ09ORklHX05BTUUpIHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pi+56S6IGxvYWRpbmdcclxuICAgKiBAZW5fVVMgU2hvdyBsb2FkaW5nXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgbG9hZGluZyA9IGlucHV0PGJvb2xlYW4sIFhCb29sZWFuPihmYWxzZSwgeyB0cmFuc2Zvcm06IFhUb0Jvb2xlYW4sIGFsaWFzOiAneC1sb2FkaW5nJyB9KTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5bGC57qnXHJcbiAgICogQGVuX1VTIHotaW5kZXhcclxuICAgKi9cclxuICByZWFkb25seSB6SW5kZXggPSBpbnB1dDxudW1iZXIsIFhOdW1iZXI+KHRoaXMuY29uZmlnPy56SW5kZXggPz8gMTAsIHsgdHJhbnNmb3JtOiBYVG9OdW1iZXIgfSk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWwuuWvuFxyXG4gICAqIEBlbl9VUyBTaXplXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgc2l6ZSA9IGlucHV0PFhTaXplIHwgbnVtYmVyPih0aGlzLmNvbmZpZz8uc2l6ZSA/PyAnbWVkaXVtJyk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuuaWh+Wtl++8jOaUr+aMgeiHquWumuS5ieaooeadv1xyXG4gICAqIEBlbl9VUyBEaXNwbGF5IHRleHQsIHN1cHBvcnQgY3VzdG9tIHRlbXBsYXRlXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgdGV4dCA9IGlucHV0PFhUZW1wbGF0ZT4odGhpcy5jb25maWc/LnRleHQhKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pi+56S655qE5Zu+5qCHXHJcbiAgICogQGVuX1VTIEljb24gZGlzcGxheWVkXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgaWNvbiA9IGlucHV0PHN0cmluZz4odGhpcy5jb25maWc/Lmljb24hKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g6aKc6ImyXHJcbiAgICogQGVuX1VTIENvbG9yXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgY29sb3IgPSBpbnB1dDxzdHJpbmc+KHRoaXMuY29uZmlnPy5jb2xvciEpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlhajlsY/mmL7npLpcclxuICAgKiBAZW5fVVMgRnVsbC1zY3JlZW4gZGlzcGxheVxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IGZ1bGxTY3JlZW4gPSBpbnB1dDxib29sZWFuLCBYQm9vbGVhbj4oZmFsc2UsIHsgdHJhbnNmb3JtOiBYVG9Cb29sZWFuIH0pO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlnIbop5Lopobnm5bmmL7npLpcclxuICAgKiBAZW5fVVMgUm91bmRlZCBjb3JuZXIgY292ZXJhZ2UgZGlzcGxheVxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IHJhZGl1cyA9IGlucHV0PFhCb29sZWFuIHwgWENvcm5lcltdPigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDog4zmma/moLflvI9cclxuICAgKiBAZW5fVVMgQmFja2dyb3VuZCBzdHlsZVxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IGJhY2tncm91bmQgPSBpbnB1dDxzdHJpbmc+KHRoaXMuY29uZmlnPy5iYWNrZ3JvdW5kISk7XHJcbn1cclxuIl19

package/esm2022/menu/menu-node.component.mjs

@@ -1,33 +1,33 @@
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, Input, inject } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, ElementRef, inject, input, effect } from '@angular/core';
 import { XMenuNodeProperty, XMenuNodePrefix } from './menu.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import { XIconComponent } from '@ng-nest/ui/icon';
 import { RouterModule } from '@angular/router';
 import { NgTemplateOutlet } from '@angular/common';
+import { XMenuComponent } from './menu.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/router";
 export class XMenuNodeComponent extends XMenuNodeProperty {
     constructor() {
-        super(...arguments);
-        this.cdr = inject(ChangeDetectorRef);
+        super();
+        this.menu = inject(XMenuComponent, { optional: true });
+        this.routerLink = input();
+        this.leaf = input();
+        this.icon = input();
+        this.label = input();
+        this.open = input();
+        this.id = input();
         this.elementRef = inject(ElementRef);
-        this.configService = inject(XConfigService);
+        effect(() => {
+            if (this.menu.activatedId() === this.id()) {
+                this.menu.activatedElementRef.set(this.elementRef);
+            }
+        }, { allowSignalWrites: true });
     }
-    ngOnInit() {
-        if (this.menu?.activatedId == this.node.id) {
-            this.menu.activatedElementRef = this.elementRef;
-        }
-        this.node.change = () => {
-            this.cdr.detectChanges();
-        };
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XMenuNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: XMenuNodeComponent, isStandalone: true, selector: "x-menu-node", inputs: { menu: "menu" }, usesInheritance: true, ngImport: i0, template: "@if (node.routerLink && !node.leaf) {\r\n  <a [routerLink]=\"node.routerLink\">\r\n    <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n  </a>\r\n} @else {\r\n  <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n}\r\n\r\n<ng-template #menuTpl>\r\n  @if (node.icon) {\r\n    <x-icon class=\"x-menu-icon\" [type]=\"node.icon\"></x-icon>\r\n  }\r\n  @if (node.label) {\r\n    <span class=\"x-menu-text\">{{ node.label }}</span>\r\n  }\r\n  @if (node.leaf) {\r\n    <x-icon class=\"x-menu-arrow\" [class.is-open]=\"node.open\" type=\"fto-chevron-down\"></x-icon>\r\n  }\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XMenuNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XMenuNodeComponent, isStandalone: true, selector: "x-menu-node", inputs: { routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, leaf: { classPropertyName: "leaf", publicName: "leaf", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@if (routerLink() && !leaf()) {\r\n  <a [routerLink]=\"routerLink()\">\r\n    <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n  </a>\r\n} @else {\r\n  <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n}\r\n\r\n<ng-template #menuTpl>\r\n  @if (icon()) {\r\n    <x-icon class=\"x-menu-icon\" [type]=\"icon()\"></x-icon>\r\n  }\r\n  @if (label()) {\r\n    <span class=\"x-menu-text\">{{ label() }}</span>\r\n  }\r\n  @if (leaf()) {\r\n    <x-icon class=\"x-menu-arrow\" [class.is-open]=\"open()\" type=\"fto-chevron-down\"></x-icon>\r\n  }\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XMenuNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XMenuNodeComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XMenuNodePrefix}`, standalone: true, imports: [NgTemplateOutlet, XIconComponent, RouterModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (node.routerLink && !node.leaf) {\r\n  <a [routerLink]=\"node.routerLink\">\r\n    <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n  </a>\r\n} @else {\r\n  <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n}\r\n\r\n<ng-template #menuTpl>\r\n  @if (node.icon) {\r\n    <x-icon class=\"x-menu-icon\" [type]=\"node.icon\"></x-icon>\r\n  }\r\n  @if (node.label) {\r\n    <span class=\"x-menu-text\">{{ node.label }}</span>\r\n  }\r\n  @if (node.leaf) {\r\n    <x-icon class=\"x-menu-arrow\" [class.is-open]=\"node.open\" type=\"fto-chevron-down\"></x-icon>\r\n  }\r\n</ng-template>\r\n" }]
-        }], propDecorators: { menu: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1ub2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL21lbnUvbWVudS1ub2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL21lbnUvbWVudS1ub2RlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGVBQWUsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFVbkQsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGlCQUFpQjtJQVJ6RDs7UUFVVSxRQUFHLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDaEMsZUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN4QyxrQkFBYSxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztLQVV4QztJQVJDLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsV0FBVyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFO1lBQzFDLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztTQUNqRDtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsRUFBRTtZQUN0QixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzNCLENBQUMsQ0FBQztJQUNKLENBQUM7aUlBYlUsa0JBQWtCO3FIQUFsQixrQkFBa0Isd0hDeEIvQix1bUJBbUJBLDRDREFZLGdCQUFnQixvSkFBRSxjQUFjLGtEQUFFLFlBQVk7OzJGQUs3QyxrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0UsR0FBRyxlQUFlLEVBQUUsY0FDbEIsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLEVBQUUsY0FBYyxFQUFFLFlBQVksQ0FBQyxpQkFFMUMsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgRWxlbWVudFJlZixcclxuICBJbnB1dCxcclxuICBpbmplY3QsXHJcbiAgT25Jbml0XHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhNZW51Tm9kZVByb3BlcnR5LCBYTWVudU5vZGVQcmVmaXggfSBmcm9tICcuL21lbnUucHJvcGVydHknO1xyXG5pbXBvcnQgeyBYQ29uZmlnU2VydmljZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBYSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BuZy1uZXN0L3VpL2ljb24nO1xyXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBgJHtYTWVudU5vZGVQcmVmaXh9YCxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0LCBYSWNvbkNvbXBvbmVudCwgUm91dGVyTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS1ub2RlLmNvbXBvbmVudC5odG1sJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYTWVudU5vZGVDb21wb25lbnQgZXh0ZW5kcyBYTWVudU5vZGVQcm9wZXJ0eSBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgbWVudTogYW55O1xyXG4gIHByaXZhdGUgY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcclxuICBwcml2YXRlIGVsZW1lbnRSZWYgPSBpbmplY3QoRWxlbWVudFJlZik7XHJcbiAgY29uZmlnU2VydmljZSA9IGluamVjdChYQ29uZmlnU2VydmljZSk7XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKHRoaXMubWVudT8uYWN0aXZhdGVkSWQgPT0gdGhpcy5ub2RlLmlkKSB7XHJcbiAgICAgIHRoaXMubWVudS5hY3RpdmF0ZWRFbGVtZW50UmVmID0gdGhpcy5lbGVtZW50UmVmO1xyXG4gICAgfVxyXG4gICAgdGhpcy5ub2RlLmNoYW5nZSA9ICgpID0+IHtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIiwiQGlmIChub2RlLnJvdXRlckxpbmsgJiYgIW5vZGUubGVhZikge1xyXG4gIDxhIFtyb3V0ZXJMaW5rXT1cIm5vZGUucm91dGVyTGlua1wiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIm1lbnVUcGxcIj48L25nLWNvbnRhaW5lcj5cclxuICA8L2E+XHJcbn0gQGVsc2Uge1xyXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJtZW51VHBsXCI+PC9uZy1jb250YWluZXI+XHJcbn1cclxuXHJcbjxuZy10ZW1wbGF0ZSAjbWVudVRwbD5cclxuICBAaWYgKG5vZGUuaWNvbikge1xyXG4gICAgPHgtaWNvbiBjbGFzcz1cIngtbWVudS1pY29uXCIgW3R5cGVdPVwibm9kZS5pY29uXCI+PC94LWljb24+XHJcbiAgfVxyXG4gIEBpZiAobm9kZS5sYWJlbCkge1xyXG4gICAgPHNwYW4gY2xhc3M9XCJ4LW1lbnUtdGV4dFwiPnt7IG5vZGUubGFiZWwgfX08L3NwYW4+XHJcbiAgfVxyXG4gIEBpZiAobm9kZS5sZWFmKSB7XHJcbiAgICA8eC1pY29uIGNsYXNzPVwieC1tZW51LWFycm93XCIgW2NsYXNzLmlzLW9wZW5dPVwibm9kZS5vcGVuXCIgdHlwZT1cImZ0by1jaGV2cm9uLWRvd25cIj48L3gtaWNvbj5cclxuICB9XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
+            args: [{ selector: `${XMenuNodePrefix}`, standalone: true, imports: [NgTemplateOutlet, XIconComponent, RouterModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (routerLink() && !leaf()) {\r\n  <a [routerLink]=\"routerLink()\">\r\n    <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n  </a>\r\n} @else {\r\n  <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n}\r\n\r\n<ng-template #menuTpl>\r\n  @if (icon()) {\r\n    <x-icon class=\"x-menu-icon\" [type]=\"icon()\"></x-icon>\r\n  }\r\n  @if (label()) {\r\n    <span class=\"x-menu-text\">{{ label() }}</span>\r\n  }\r\n  @if (leaf()) {\r\n    <x-icon class=\"x-menu-arrow\" [class.is-open]=\"open()\" type=\"fto-chevron-down\"></x-icon>\r\n  }\r\n</ng-template>\r\n" }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1ub2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL21lbnUvbWVudS1ub2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL21lbnUvbWVudS1ub2RlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixVQUFVLEVBQ1YsTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEVBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGVBQWUsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFVbEQsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGlCQUFpQjtJQVd2RDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBWFYsU0FBSSxHQUFHLE1BQU0sQ0FBQyxjQUFjLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUUsQ0FBQztRQUNuRCxlQUFVLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDN0IsU0FBSSxHQUFHLEtBQUssRUFBVyxDQUFDO1FBQ3hCLFNBQUksR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUN2QixVQUFLLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDeEIsU0FBSSxHQUFHLEtBQUssRUFBVyxDQUFDO1FBQ3hCLE9BQUUsR0FBRyxLQUFLLEVBQU8sQ0FBQztRQUVWLGVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFJdEMsTUFBTSxDQUNKLEdBQUcsRUFBRTtZQUNILElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsS0FBSyxJQUFJLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQztnQkFDMUMsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQ3JELENBQUM7UUFDSCxDQUFDLEVBQ0QsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsQ0FDNUIsQ0FBQztJQUNKLENBQUM7aUlBckJVLGtCQUFrQjtxSEFBbEIsa0JBQWtCLHV6QkN2Qi9CLDRrQkFtQkEsNENERFksZ0JBQWdCLG9KQUFFLGNBQWMsa0RBQUUsWUFBWTs7MkZBSzdDLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxHQUFHLGVBQWUsRUFBRSxjQUNsQixJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsRUFBRSxjQUFjLEVBQUUsWUFBWSxDQUFDLGlCQUUxQyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgRWxlbWVudFJlZixcclxuICBpbmplY3QsXHJcbiAgaW5wdXQsXHJcbiAgZWZmZWN0XHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhNZW51Tm9kZVByb3BlcnR5LCBYTWVudU5vZGVQcmVmaXggfSBmcm9tICcuL21lbnUucHJvcGVydHknO1xyXG5pbXBvcnQgeyBYSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BuZy1uZXN0L3VpL2ljb24nO1xyXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgWE1lbnVDb21wb25lbnQgfSBmcm9tICcuL21lbnUuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBgJHtYTWVudU5vZGVQcmVmaXh9YCxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0LCBYSWNvbkNvbXBvbmVudCwgUm91dGVyTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS1ub2RlLmNvbXBvbmVudC5odG1sJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYTWVudU5vZGVDb21wb25lbnQgZXh0ZW5kcyBYTWVudU5vZGVQcm9wZXJ0eSB7XHJcbiAgbWVudSA9IGluamVjdChYTWVudUNvbXBvbmVudCwgeyBvcHRpb25hbDogdHJ1ZSB9KSE7XHJcbiAgcm91dGVyTGluayA9IGlucHV0PHN0cmluZz4oKTtcclxuICBsZWFmID0gaW5wdXQ8Ym9vbGVhbj4oKTtcclxuICBpY29uID0gaW5wdXQ8c3RyaW5nPigpO1xyXG4gIGxhYmVsID0gaW5wdXQ8c3RyaW5nPigpO1xyXG4gIG9wZW4gPSBpbnB1dDxib29sZWFuPigpO1xyXG4gIGlkID0gaW5wdXQ8YW55PigpO1xyXG5cclxuICBwcml2YXRlIGVsZW1lbnRSZWYgPSBpbmplY3QoRWxlbWVudFJlZik7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgc3VwZXIoKTtcclxuICAgIGVmZmVjdChcclxuICAgICAgKCkgPT4ge1xyXG4gICAgICAgIGlmICh0aGlzLm1lbnUuYWN0aXZhdGVkSWQoKSA9PT0gdGhpcy5pZCgpKSB7XHJcbiAgICAgICAgICB0aGlzLm1lbnUuYWN0aXZhdGVkRWxlbWVudFJlZi5zZXQodGhpcy5lbGVtZW50UmVmKTtcclxuICAgICAgICB9XHJcbiAgICAgIH0sXHJcbiAgICAgIHsgYWxsb3dTaWduYWxXcml0ZXM6IHRydWUgfVxyXG4gICAgKTtcclxuICB9XHJcbn1cclxuIiwiQGlmIChyb3V0ZXJMaW5rKCkgJiYgIWxlYWYoKSkge1xyXG4gIDxhIFtyb3V0ZXJMaW5rXT1cInJvdXRlckxpbmsoKVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIm1lbnVUcGxcIj48L25nLWNvbnRhaW5lcj5cclxuICA8L2E+XHJcbn0gQGVsc2Uge1xyXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJtZW51VHBsXCI+PC9uZy1jb250YWluZXI+XHJcbn1cclxuXHJcbjxuZy10ZW1wbGF0ZSAjbWVudVRwbD5cclxuICBAaWYgKGljb24oKSkge1xyXG4gICAgPHgtaWNvbiBjbGFzcz1cIngtbWVudS1pY29uXCIgW3R5cGVdPVwiaWNvbigpXCI+PC94LWljb24+XHJcbiAgfVxyXG4gIEBpZiAobGFiZWwoKSkge1xyXG4gICAgPHNwYW4gY2xhc3M9XCJ4LW1lbnUtdGV4dFwiPnt7IGxhYmVsKCkgfX08L3NwYW4+XHJcbiAgfVxyXG4gIEBpZiAobGVhZigpKSB7XHJcbiAgICA8eC1pY29uIGNsYXNzPVwieC1tZW51LWFycm93XCIgW2NsYXNzLmlzLW9wZW5dPVwib3BlbigpXCIgdHlwZT1cImZ0by1jaGV2cm9uLWRvd25cIj48L3gtaWNvbj5cclxuICB9XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==