@ng-nest/ui 12.0.5 → 12.0.10

package/fesm2015/ng-nest-ui-layout.js

@@ -15,12 +15,12 @@ const XRowPrefix = 'x-row';
  */
 class XRowProperty extends XProperty {
 }
-/** @nocollapse */ XRowProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XRowProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XRowProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XRowProperty, selector: "ng-component", inputs: { space: "space", justify: "justify", align: "align" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XRowProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XRowProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XRowProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XRowProperty, selector: "ng-component", inputs: { space: "space", justify: "justify", align: "align" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputNumber()
 ], XRowProperty.prototype, "space", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XRowProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XRowProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { space: [{
@@ -41,8 +41,8 @@ const XColPrefix = 'x-col';
  */
 class XColProperty extends XProperty {
 }
-/** @nocollapse */ XColProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XColProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XColProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XColProperty, selector: "ng-component", inputs: { span: "span", offset: "offset", xs: "xs", sm: "sm", md: "md", lg: "lg", xl: "xl", inherit: "inherit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XColProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XColProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XColProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XColProperty, selector: "ng-component", inputs: { span: "span", offset: "offset", xs: "xs", sm: "sm", md: "md", lg: "lg", xl: "xl", inherit: "inherit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputNumber()
 ], XColProperty.prototype, "span", void 0);
@@ -67,7 +67,7 @@ __decorate([
 __decorate([
     XInputBoolean()
 ], XColProperty.prototype, "inherit", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XColProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XColProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { span: [{
@@ -120,9 +120,9 @@ class XRowComponent extends XRowProperty {
         this.renderer.addClass(this.elementRef.nativeElement, `x-align-${this.align}`);
     }
 }
-/** @nocollapse */ XRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XRowComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XRowComponent, selector: "x-row", host: { properties: { "class.x-flex": "this.getFlex" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-row{display:block;position:relative;height:auto}.x-row:after,.x-row:before{content:\"\";display:table;clear:both}.x-row.x-flex{display:flex}.x-row.x-justify-start{justify-content:flex-start}.x-row.x-justify-center{justify-content:center}.x-row.x-justify-end{justify-content:flex-end}.x-row.x-justify-space-between{justify-content:space-between}.x-row.x-justify-space-around{justify-content:space-around}.x-row.x-align-start{align-items:flex-start}.x-row.x-align-center{align-items:center}.x-row.x-align-end{align-items:flex-end}.x-row.x-direction-column{flex-direction:column}.x-row.x-direction-column-reverse{flex-direction:column-reverse}.x-row.x-direction-row{flex-direction:row}.x-row.x-direction-row-reverse{flex-direction:row-reverse}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XRowComponent, decorators: [{
+/** @nocollapse */ XRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XRowComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XRowComponent, selector: "x-row", host: { properties: { "class.x-flex": "this.getFlex" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-row{display:block;position:relative;height:auto}.x-row:before,.x-row:after{content:\"\";display:table;clear:both}.x-row.x-flex{display:flex}.x-row.x-justify-start{justify-content:flex-start}.x-row.x-justify-center{justify-content:center}.x-row.x-justify-end{justify-content:flex-end}.x-row.x-justify-space-between{justify-content:space-between}.x-row.x-justify-space-around{justify-content:space-around}.x-row.x-align-start{align-items:flex-start}.x-row.x-align-center{align-items:center}.x-row.x-align-end{align-items:flex-end}.x-row.x-direction-column{flex-direction:column}.x-row.x-direction-column-reverse{flex-direction:column-reverse}.x-row.x-direction-row{flex-direction:row}.x-row.x-direction-row-reverse{flex-direction:row-reverse}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XRowPrefix}`,
@@ -194,9 +194,9 @@ class XColComponent extends XColProperty {
         this.renderer.addClass(this.elementRef.nativeElement, `${XColPrefix}-inherit`);
     }
 }
-/** @nocollapse */ XColComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XColComponent, deps: [{ token: XRowComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XColComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XColComponent, selector: "x-col", host: { properties: { "class.x-col-24": "this.getFlex" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-col{position:relative;float:left;display:block;box-sizing:border-box}.x-col,.x-col-24{width:100%}.x-col-offset-24{margin-left:100%}.x-col-23{width:95.8333333333%}.x-col-offset-23{margin-left:95.8333333333%}.x-col-22{width:91.6666666667%}.x-col-offset-22{margin-left:91.6666666667%}.x-col-21{width:87.5%}.x-col-offset-21{margin-left:87.5%}.x-col-20{width:83.3333333333%}.x-col-offset-20{margin-left:83.3333333333%}.x-col-19{width:79.1666666667%}.x-col-offset-19{margin-left:79.1666666667%}.x-col-18{width:75%}.x-col-offset-18{margin-left:75%}.x-col-17{width:70.8333333333%}.x-col-offset-17{margin-left:70.8333333333%}.x-col-16{width:66.6666666667%}.x-col-offset-16{margin-left:66.6666666667%}.x-col-15{width:62.5%}.x-col-offset-15{margin-left:62.5%}.x-col-14{width:58.3333333333%}.x-col-offset-14{margin-left:58.3333333333%}.x-col-13{width:54.1666666667%}.x-col-offset-13{margin-left:54.1666666667%}.x-col-12{width:50%}.x-col-offset-12{margin-left:50%}.x-col-11{width:45.8333333333%}.x-col-offset-11{margin-left:45.8333333333%}.x-col-10{width:41.6666666667%}.x-col-offset-10{margin-left:41.6666666667%}.x-col-9{width:37.5%}.x-col-offset-9{margin-left:37.5%}.x-col-8{width:33.3333333333%}.x-col-offset-8{margin-left:33.3333333333%}.x-col-7{width:29.1666666667%}.x-col-offset-7{margin-left:29.1666666667%}.x-col-6{width:25%}.x-col-offset-6{margin-left:25%}.x-col-5{width:20.8333333333%}.x-col-offset-5{margin-left:20.8333333333%}.x-col-4{width:16.6666666667%}.x-col-offset-4{margin-left:16.6666666667%}.x-col-3{width:12.5%}.x-col-offset-3{margin-left:12.5%}.x-col-2{width:8.3333333333%}.x-col-offset-2{margin-left:8.3333333333%}.x-col-1{width:4.1666666667%}.x-col-offset-1{margin-left:4.1666666667%}@media only screen and (max-width:767px){.x-col-xs-24{width:100%}.x-col-xs-23{width:95.8333333333%}.x-col-xs-22{width:91.6666666667%}.x-col-xs-21{width:87.5%}.x-col-xs-20{width:83.3333333333%}.x-col-xs-19{width:79.1666666667%}.x-col-xs-18{width:75%}.x-col-xs-17{width:70.8333333333%}.x-col-xs-16{width:66.6666666667%}.x-col-xs-15{width:62.5%}.x-col-xs-14{width:58.3333333333%}.x-col-xs-13{width:54.1666666667%}.x-col-xs-12{width:50%}.x-col-xs-11{width:45.8333333333%}.x-col-xs-10{width:41.6666666667%}.x-col-xs-9{width:37.5%}.x-col-xs-8{width:33.3333333333%}.x-col-xs-7{width:29.1666666667%}.x-col-xs-6{width:25%}.x-col-xs-5{width:20.8333333333%}.x-col-xs-4{width:16.6666666667%}.x-col-xs-3{width:12.5%}.x-col-xs-2{width:8.3333333333%}.x-col-xs-1{width:4.1666666667%}}@media only screen and (min-width:768px){.x-col-sm-24{width:100%}.x-col-sm-23{width:95.8333333333%}.x-col-sm-22{width:91.6666666667%}.x-col-sm-21{width:87.5%}.x-col-sm-20{width:83.3333333333%}.x-col-sm-19{width:79.1666666667%}.x-col-sm-18{width:75%}.x-col-sm-17{width:70.8333333333%}.x-col-sm-16{width:66.6666666667%}.x-col-sm-15{width:62.5%}.x-col-sm-14{width:58.3333333333%}.x-col-sm-13{width:54.1666666667%}.x-col-sm-12{width:50%}.x-col-sm-11{width:45.8333333333%}.x-col-sm-10{width:41.6666666667%}.x-col-sm-9{width:37.5%}.x-col-sm-8{width:33.3333333333%}.x-col-sm-7{width:29.1666666667%}.x-col-sm-6{width:25%}.x-col-sm-5{width:20.8333333333%}.x-col-sm-4{width:16.6666666667%}.x-col-sm-3{width:12.5%}.x-col-sm-2{width:8.3333333333%}.x-col-sm-1{width:4.1666666667%}}@media only screen and (min-width:992px){.x-col-md-24{width:100%}.x-col-md-23{width:95.8333333333%}.x-col-md-22{width:91.6666666667%}.x-col-md-21{width:87.5%}.x-col-md-20{width:83.3333333333%}.x-col-md-19{width:79.1666666667%}.x-col-md-18{width:75%}.x-col-md-17{width:70.8333333333%}.x-col-md-16{width:66.6666666667%}.x-col-md-15{width:62.5%}.x-col-md-14{width:58.3333333333%}.x-col-md-13{width:54.1666666667%}.x-col-md-12{width:50%}.x-col-md-11{width:45.8333333333%}.x-col-md-10{width:41.6666666667%}.x-col-md-9{width:37.5%}.x-col-md-8{width:33.3333333333%}.x-col-md-7{width:29.1666666667%}.x-col-md-6{width:25%}.x-col-md-5{width:20.8333333333%}.x-col-md-4{width:16.6666666667%}.x-col-md-3{width:12.5%}.x-col-md-2{width:8.3333333333%}.x-col-md-1{width:4.1666666667%}}@media only screen and (min-width:1200px){.x-col-lg-24{width:100%}.x-col-lg-23{width:95.8333333333%}.x-col-lg-22{width:91.6666666667%}.x-col-lg-21{width:87.5%}.x-col-lg-20{width:83.3333333333%}.x-col-lg-19{width:79.1666666667%}.x-col-lg-18{width:75%}.x-col-lg-17{width:70.8333333333%}.x-col-lg-16{width:66.6666666667%}.x-col-lg-15{width:62.5%}.x-col-lg-14{width:58.3333333333%}.x-col-lg-13{width:54.1666666667%}.x-col-lg-12{width:50%}.x-col-lg-11{width:45.8333333333%}.x-col-lg-10{width:41.6666666667%}.x-col-lg-9{width:37.5%}.x-col-lg-8{width:33.3333333333%}.x-col-lg-7{width:29.1666666667%}.x-col-lg-6{width:25%}.x-col-lg-5{width:20.8333333333%}.x-col-lg-4{width:16.6666666667%}.x-col-lg-3{width:12.5%}.x-col-lg-2{width:8.3333333333%}.x-col-lg-1{width:4.1666666667%}}@media only screen and (min-width:1920px){.x-col-xl-24{width:100%}.x-col-xl-23{width:95.8333333333%}.x-col-xl-22{width:91.6666666667%}.x-col-xl-21{width:87.5%}.x-col-xl-20{width:83.3333333333%}.x-col-xl-19{width:79.1666666667%}.x-col-xl-18{width:75%}.x-col-xl-17{width:70.8333333333%}.x-col-xl-16{width:66.6666666667%}.x-col-xl-15{width:62.5%}.x-col-xl-14{width:58.3333333333%}.x-col-xl-13{width:54.1666666667%}.x-col-xl-12{width:50%}.x-col-xl-11{width:45.8333333333%}.x-col-xl-10{width:41.6666666667%}.x-col-xl-9{width:37.5%}.x-col-xl-8{width:33.3333333333%}.x-col-xl-7{width:29.1666666667%}.x-col-xl-6{width:25%}.x-col-xl-5{width:20.8333333333%}.x-col-xl-4{width:16.6666666667%}.x-col-xl-3{width:12.5%}.x-col-xl-2{width:8.3333333333%}.x-col-xl-1{width:4.1666666667%}}.x-col-inherit{width:inherit}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XColComponent, decorators: [{
+/** @nocollapse */ XColComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XColComponent, deps: [{ token: XRowComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XColComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XColComponent, selector: "x-col", host: { properties: { "class.x-col-24": "this.getFlex" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-col{position:relative;float:left;display:block;width:100%;box-sizing:border-box}.x-col-24{width:100%}.x-col-offset-24{margin-left:100%}.x-col-23{width:95.8333333333%}.x-col-offset-23{margin-left:95.8333333333%}.x-col-22{width:91.6666666667%}.x-col-offset-22{margin-left:91.6666666667%}.x-col-21{width:87.5%}.x-col-offset-21{margin-left:87.5%}.x-col-20{width:83.3333333333%}.x-col-offset-20{margin-left:83.3333333333%}.x-col-19{width:79.1666666667%}.x-col-offset-19{margin-left:79.1666666667%}.x-col-18{width:75%}.x-col-offset-18{margin-left:75%}.x-col-17{width:70.8333333333%}.x-col-offset-17{margin-left:70.8333333333%}.x-col-16{width:66.6666666667%}.x-col-offset-16{margin-left:66.6666666667%}.x-col-15{width:62.5%}.x-col-offset-15{margin-left:62.5%}.x-col-14{width:58.3333333333%}.x-col-offset-14{margin-left:58.3333333333%}.x-col-13{width:54.1666666667%}.x-col-offset-13{margin-left:54.1666666667%}.x-col-12{width:50%}.x-col-offset-12{margin-left:50%}.x-col-11{width:45.8333333333%}.x-col-offset-11{margin-left:45.8333333333%}.x-col-10{width:41.6666666667%}.x-col-offset-10{margin-left:41.6666666667%}.x-col-9{width:37.5%}.x-col-offset-9{margin-left:37.5%}.x-col-8{width:33.3333333333%}.x-col-offset-8{margin-left:33.3333333333%}.x-col-7{width:29.1666666667%}.x-col-offset-7{margin-left:29.1666666667%}.x-col-6{width:25%}.x-col-offset-6{margin-left:25%}.x-col-5{width:20.8333333333%}.x-col-offset-5{margin-left:20.8333333333%}.x-col-4{width:16.6666666667%}.x-col-offset-4{margin-left:16.6666666667%}.x-col-3{width:12.5%}.x-col-offset-3{margin-left:12.5%}.x-col-2{width:8.3333333333%}.x-col-offset-2{margin-left:8.3333333333%}.x-col-1{width:4.1666666667%}.x-col-offset-1{margin-left:4.1666666667%}@media only screen and (max-width: 767px){.x-col-xs-24{width:100%}}@media only screen and (max-width: 767px){.x-col-xs-23{width:95.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-22{width:91.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-21{width:87.5%}}@media only screen and (max-width: 767px){.x-col-xs-20{width:83.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-19{width:79.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-18{width:75%}}@media only screen and (max-width: 767px){.x-col-xs-17{width:70.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-16{width:66.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-15{width:62.5%}}@media only screen and (max-width: 767px){.x-col-xs-14{width:58.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-13{width:54.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-12{width:50%}}@media only screen and (max-width: 767px){.x-col-xs-11{width:45.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-10{width:41.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-9{width:37.5%}}@media only screen and (max-width: 767px){.x-col-xs-8{width:33.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-7{width:29.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-6{width:25%}}@media only screen and (max-width: 767px){.x-col-xs-5{width:20.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-4{width:16.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-3{width:12.5%}}@media only screen and (max-width: 767px){.x-col-xs-2{width:8.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-1{width:4.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-24{width:100%}}@media only screen and (min-width: 768px){.x-col-sm-23{width:95.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-22{width:91.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-21{width:87.5%}}@media only screen and (min-width: 768px){.x-col-sm-20{width:83.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-19{width:79.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-18{width:75%}}@media only screen and (min-width: 768px){.x-col-sm-17{width:70.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-16{width:66.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-15{width:62.5%}}@media only screen and (min-width: 768px){.x-col-sm-14{width:58.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-13{width:54.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-12{width:50%}}@media only screen and (min-width: 768px){.x-col-sm-11{width:45.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-10{width:41.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-9{width:37.5%}}@media only screen and (min-width: 768px){.x-col-sm-8{width:33.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-7{width:29.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-6{width:25%}}@media only screen and (min-width: 768px){.x-col-sm-5{width:20.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-4{width:16.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-3{width:12.5%}}@media only screen and (min-width: 768px){.x-col-sm-2{width:8.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-1{width:4.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-24{width:100%}}@media only screen and (min-width: 992px){.x-col-md-23{width:95.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-22{width:91.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-21{width:87.5%}}@media only screen and (min-width: 992px){.x-col-md-20{width:83.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-19{width:79.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-18{width:75%}}@media only screen and (min-width: 992px){.x-col-md-17{width:70.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-16{width:66.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-15{width:62.5%}}@media only screen and (min-width: 992px){.x-col-md-14{width:58.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-13{width:54.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-12{width:50%}}@media only screen and (min-width: 992px){.x-col-md-11{width:45.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-10{width:41.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-9{width:37.5%}}@media only screen and (min-width: 992px){.x-col-md-8{width:33.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-7{width:29.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-6{width:25%}}@media only screen and (min-width: 992px){.x-col-md-5{width:20.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-4{width:16.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-3{width:12.5%}}@media only screen and (min-width: 992px){.x-col-md-2{width:8.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-1{width:4.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-24{width:100%}}@media only screen and (min-width: 1200px){.x-col-lg-23{width:95.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-22{width:91.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-21{width:87.5%}}@media only screen and (min-width: 1200px){.x-col-lg-20{width:83.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-19{width:79.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-18{width:75%}}@media only screen and (min-width: 1200px){.x-col-lg-17{width:70.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-16{width:66.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-15{width:62.5%}}@media only screen and (min-width: 1200px){.x-col-lg-14{width:58.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-13{width:54.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-12{width:50%}}@media only screen and (min-width: 1200px){.x-col-lg-11{width:45.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-10{width:41.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-9{width:37.5%}}@media only screen and (min-width: 1200px){.x-col-lg-8{width:33.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-7{width:29.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-6{width:25%}}@media only screen and (min-width: 1200px){.x-col-lg-5{width:20.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-4{width:16.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-3{width:12.5%}}@media only screen and (min-width: 1200px){.x-col-lg-2{width:8.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-1{width:4.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-24{width:100%}}@media only screen and (min-width: 1920px){.x-col-xl-23{width:95.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-22{width:91.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-21{width:87.5%}}@media only screen and (min-width: 1920px){.x-col-xl-20{width:83.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-19{width:79.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-18{width:75%}}@media only screen and (min-width: 1920px){.x-col-xl-17{width:70.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-16{width:66.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-15{width:62.5%}}@media only screen and (min-width: 1920px){.x-col-xl-14{width:58.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-13{width:54.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-12{width:50%}}@media only screen and (min-width: 1920px){.x-col-xl-11{width:45.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-10{width:41.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-9{width:37.5%}}@media only screen and (min-width: 1920px){.x-col-xl-8{width:33.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-7{width:29.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-6{width:25%}}@media only screen and (min-width: 1920px){.x-col-xl-5{width:20.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-4{width:16.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-3{width:12.5%}}@media only screen and (min-width: 1920px){.x-col-xl-2{width:8.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-1{width:4.1666666667%}}.x-col-inherit{width:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XColComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XColPrefix}`,
@@ -216,10 +216,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XLayoutModule {
 }
-/** @nocollapse */ XLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLayoutModule, declarations: [XRowComponent, XColComponent, XRowProperty, XColProperty], imports: [CommonModule], exports: [XRowComponent, XColComponent] });
-/** @nocollapse */ XLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLayoutModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLayoutModule, decorators: [{
+/** @nocollapse */ XLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLayoutModule, declarations: [XRowComponent, XColComponent, XRowProperty, XColProperty], imports: [CommonModule], exports: [XRowComponent, XColComponent] });
+/** @nocollapse */ XLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLayoutModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XRowComponent, XColComponent, XRowProperty, XColProperty],

package/fesm2015/ng-nest-ui-link.js

@@ -22,8 +22,8 @@ const X_CONFIG_NAME = 'link';
  */
 class XLinkProperty extends XProperty {
 }
-/** @nocollapse */ XLinkProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLinkProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XLinkProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XLinkProperty, selector: "ng-component", inputs: { href: "href", icon: "icon", underline: "underline", disabled: "disabled", iconRight: "iconRight", type: "type", target: "target" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XLinkProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLinkProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XLinkProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XLinkProperty, selector: "ng-component", inputs: { href: "href", icon: "icon", underline: "underline", disabled: "disabled", iconRight: "iconRight", type: "type", target: "target" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME),
     XInputBoolean()
@@ -35,7 +35,7 @@ __decorate([
     XWithConfig(X_CONFIG_NAME),
     XInputBoolean()
 ], XLinkProperty.prototype, "iconRight", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLinkProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLinkProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { href: [{
@@ -78,9 +78,9 @@ class XLinkComponent extends XLinkProperty {
         this.classMap[`${XLinkPrefix}-${this.type}`] = this.type ? true : false;
     }
 }
-/** @nocollapse */ XLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLinkComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XLinkComponent, selector: "x-link", host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" } }, usesInheritance: true, ngImport: i0, template: "<a\r\n  class=\"x-link\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-link-disabled]=\"disabled\"\r\n  [class.x-link-underline]=\"underline && !disabled\"\r\n  [class.x-link-icon-right]=\"iconRight\"\r\n  [class.x-link-only-icon]=\"icon && !content.innerHTML.trim()\"\r\n  [attr.href]=\"href\"\r\n  [attr.target]=\"target\"\r\n>\r\n  <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n  <span #content><ng-content></ng-content></span>\r\n</a>\r\n", styles: [".x-link,x-link{display:inline-flex}.x-link{margin:0;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:none;cursor:pointer;padding:0;transition:all var(--x-animation-duration-base) ease-in-out}.x-link>x-icon{margin-right:.125rem}.x-link-underline:hover:after{content:\"\";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:.0625rem solid var(--x-primary)}.x-link-icon-right{flex-direction:row-reverse}.x-link-icon-right>x-icon{margin-right:0;margin-left:.125rem}.x-link-only-icon>x-icon{margin-right:0;margin-left:0}.x-link{color:inherit}.x-link:hover{color:var(--x-primary)}.x-link:hover:after{border-color:var(--x-primary)}.x-link:active{color:var(--x-primary-a100)}.x-link.x-link-disabled{color:var(--x-text-400);cursor:not-allowed}.x-link.x-link-disabled:active{transform:none}.x-link.x-link-disabled:hover:after{border-color:#0000}.x-link-primary{color:var(--x-primary)}.x-link-primary:hover{color:var(--x-primary-100)}.x-link-primary:hover:after{border-color:var(--x-primary-100)}.x-link-primary:active{color:var(--x-primary-300)}.x-link-primary.x-link-disabled{color:var(--x-primary-400);cursor:not-allowed}.x-link-primary.x-link-disabled:active{transform:none}.x-link-primary.x-link-disabled:hover:after{border-color:#0000}.x-link-success{color:var(--x-success)}.x-link-success:hover{color:var(--x-success-100)}.x-link-success:hover:after{border-color:var(--x-success-100)}.x-link-success:active{color:var(--x-success-300)}.x-link-success.x-link-disabled{color:var(--x-success-400);cursor:not-allowed}.x-link-success.x-link-disabled:active{transform:none}.x-link-success.x-link-disabled:hover:after{border-color:#0000}.x-link-warning{color:var(--x-warning)}.x-link-warning:hover{color:var(--x-warning-100)}.x-link-warning:hover:after{border-color:var(--x-warning-100)}.x-link-warning:active{color:var(--x-warning-300)}.x-link-warning.x-link-disabled{color:var(--x-warning-400);cursor:not-allowed}.x-link-warning.x-link-disabled:active{transform:none}.x-link-warning.x-link-disabled:hover:after{border-color:#0000}.x-link-danger{color:var(--x-danger)}.x-link-danger:hover{color:var(--x-danger-100)}.x-link-danger:hover:after{border-color:var(--x-danger-100)}.x-link-danger:active{color:var(--x-danger-300)}.x-link-danger.x-link-disabled{color:var(--x-danger-400);cursor:not-allowed}.x-link-danger.x-link-disabled:active{transform:none}.x-link-danger.x-link-disabled:hover:after{border-color:#0000}.x-link-info{color:var(--x-info)}.x-link-info:hover{color:var(--x-info-100)}.x-link-info:hover:after{border-color:var(--x-info-100)}.x-link-info:active{color:var(--x-info-300)}.x-link-info.x-link-disabled{color:var(--x-info-400);cursor:not-allowed}.x-link-info.x-link-disabled:active{transform:none}.x-link-info.x-link-disabled:hover:after{border-color:#0000}"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLinkComponent, decorators: [{
+/** @nocollapse */ XLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLinkComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XLinkComponent, selector: "x-link", host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" } }, usesInheritance: true, ngImport: i0, template: "<a\r\n  class=\"x-link\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-link-disabled]=\"disabled\"\r\n  [class.x-link-underline]=\"underline && !disabled\"\r\n  [class.x-link-icon-right]=\"iconRight\"\r\n  [class.x-link-only-icon]=\"icon && !content.innerHTML.trim()\"\r\n  [attr.href]=\"href\"\r\n  [attr.target]=\"target\"\r\n>\r\n  <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n  <span #content><ng-content></ng-content></span>\r\n</a>\r\n", styles: ["x-link{display:inline-flex}.x-link{margin:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:none;cursor:pointer;padding:0;transition:all var(--x-animation-duration-base) ease-in-out}.x-link>x-icon{margin-right:.125rem}.x-link-underline:hover:after{content:\"\";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:.0625rem solid var(--x-primary)}.x-link-icon-right{flex-direction:row-reverse}.x-link-icon-right>x-icon{margin-right:0;margin-left:.125rem}.x-link-only-icon>x-icon{margin-right:0;margin-left:0}.x-link{color:inherit}.x-link:hover{color:var(--x-primary)}.x-link:hover:after{border-color:var(--x-primary)}.x-link:active{color:var(--x-primary-a100)}.x-link.x-link-disabled{color:var(--x-text-400);cursor:not-allowed}.x-link.x-link-disabled:active{transform:none}.x-link.x-link-disabled:hover:after{border-color:transparent}.x-link-primary{color:var(--x-primary)}.x-link-primary:hover{color:var(--x-primary-100)}.x-link-primary:hover:after{border-color:var(--x-primary-100)}.x-link-primary:active{color:var(--x-primary-300)}.x-link-primary.x-link-disabled{color:var(--x-primary-400);cursor:not-allowed}.x-link-primary.x-link-disabled:active{transform:none}.x-link-primary.x-link-disabled:hover:after{border-color:transparent}.x-link-success{color:var(--x-success)}.x-link-success:hover{color:var(--x-success-100)}.x-link-success:hover:after{border-color:var(--x-success-100)}.x-link-success:active{color:var(--x-success-300)}.x-link-success.x-link-disabled{color:var(--x-success-400);cursor:not-allowed}.x-link-success.x-link-disabled:active{transform:none}.x-link-success.x-link-disabled:hover:after{border-color:transparent}.x-link-warning{color:var(--x-warning)}.x-link-warning:hover{color:var(--x-warning-100)}.x-link-warning:hover:after{border-color:var(--x-warning-100)}.x-link-warning:active{color:var(--x-warning-300)}.x-link-warning.x-link-disabled{color:var(--x-warning-400);cursor:not-allowed}.x-link-warning.x-link-disabled:active{transform:none}.x-link-warning.x-link-disabled:hover:after{border-color:transparent}.x-link-danger{color:var(--x-danger)}.x-link-danger:hover{color:var(--x-danger-100)}.x-link-danger:hover:after{border-color:var(--x-danger-100)}.x-link-danger:active{color:var(--x-danger-300)}.x-link-danger.x-link-disabled{color:var(--x-danger-400);cursor:not-allowed}.x-link-danger.x-link-disabled:active{transform:none}.x-link-danger.x-link-disabled:hover:after{border-color:transparent}.x-link-info{color:var(--x-info)}.x-link-info:hover{color:var(--x-info-100)}.x-link-info:hover:after{border-color:var(--x-info-100)}.x-link-info:active{color:var(--x-info-300)}.x-link-info.x-link-disabled{color:var(--x-info-400);cursor:not-allowed}.x-link-info.x-link-disabled:active{transform:none}.x-link-info.x-link-disabled:hover:after{border-color:transparent}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLinkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XLinkPrefix}`,
@@ -99,10 +99,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XLinkModule {
 }
-/** @nocollapse */ XLinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLinkModule, declarations: [XLinkComponent, XLinkProperty], imports: [CommonModule, XIconModule, XOutletModule, XRippleModule], exports: [XLinkComponent] });
-/** @nocollapse */ XLinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLinkModule, imports: [[CommonModule, XIconModule, XOutletModule, XRippleModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLinkModule, decorators: [{
+/** @nocollapse */ XLinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLinkModule, declarations: [XLinkComponent, XLinkProperty], imports: [CommonModule, XIconModule, XOutletModule, XRippleModule], exports: [XLinkComponent] });
+/** @nocollapse */ XLinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLinkModule, imports: [[CommonModule, XIconModule, XOutletModule, XRippleModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLinkModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XLinkComponent, XLinkProperty],

package/fesm2015/ng-nest-ui-list.js

@@ -67,8 +67,8 @@ class XListProperty extends XControlValueAccessor {
         this.keyManagerChange = new EventEmitter();
     }
 }
-/** @nocollapse */ XListProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XListProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XListProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XListProperty, selector: "ng-component", inputs: { data: "data", multiple: "multiple", checked: "checked", drag: "drag", objectArray: "objectArray", nodeTpl: "nodeTpl", scrollElement: "scrollElement" }, outputs: { nodeMouseenter: "nodeMouseenter", nodeMouseleave: "nodeMouseleave", nodeClick: "nodeClick", keyManagerTabOut: "keyManagerTabOut", keyManagerChange: "keyManagerChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XListProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XListProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XListProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XListProperty, selector: "ng-component", inputs: { data: "data", multiple: "multiple", checked: "checked", drag: "drag", objectArray: "objectArray", nodeTpl: "nodeTpl", scrollElement: "scrollElement" }, outputs: { nodeMouseenter: "nodeMouseenter", nodeMouseleave: "nodeMouseleave", nodeClick: "nodeClick", keyManagerTabOut: "keyManagerTabOut", keyManagerChange: "keyManagerChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XDataConvert()
 ], XListProperty.prototype, "data", void 0);
@@ -84,7 +84,7 @@ __decorate([
 __decorate([
     XInputBoolean()
 ], XListProperty.prototype, "objectArray", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XListProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XListProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { data: [{
@@ -130,8 +130,8 @@ class XListOptionProperty {
         this.activeChange = new EventEmitter();
     }
 }
-/** @nocollapse */ XListOptionProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XListOptionProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XListOptionProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XListOptionProperty, selector: "ng-component", inputs: { node: "node", checked: "checked", nodeTpl: "nodeTpl", selected: "selected", disabled: "disabled", active: "active", icon: "icon", divided: "divided", label: "label", leaf: "leaf" }, outputs: { activeChange: "activeChange" }, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XListOptionProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XListOptionProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XListOptionProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XListOptionProperty, selector: "ng-component", inputs: { node: "node", checked: "checked", nodeTpl: "nodeTpl", selected: "selected", disabled: "disabled", active: "active", icon: "icon", divided: "divided", label: "label", leaf: "leaf" }, outputs: { activeChange: "activeChange" }, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputBoolean()
 ], XListOptionProperty.prototype, "checked", void 0);
@@ -147,7 +147,7 @@ __decorate([
 __decorate([
     XInputBoolean()
 ], XListOptionProperty.prototype, "leaf", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XListOptionProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XListOptionProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { node: [{
@@ -195,9 +195,9 @@ class XListOptionComponent extends XListOptionProperty {
         return this.label;
     }
 }
-/** @nocollapse */ XListOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XListOptionComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XListOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XListOptionComponent, selector: "x-list-option", host: { properties: { "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"x-list-option\"\r\n  [class.x-selected]=\"selected\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-active]=\"active\"\r\n  [class.x-list-icon]=\"icon\"\r\n  [class.x-list-divided]=\"divided\"\r\n>\r\n  <span>\r\n    <ng-container *ngIf=\"!nodeTpl\"\r\n      ><x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon> {{ label }}</ng-container\r\n    >\r\n    <ng-container *ngIf=\"nodeTpl\">\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n    </ng-container>\r\n  </span>\r\n  <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\" *ngIf=\"leaf\"></x-icon>\r\n  <x-icon class=\"x-list-checked\" type=\"fto-check\" *ngIf=\"checked && !leaf && selected\"></x-icon>\r\n</div>\r\n", styles: ["x-list-option{display:block}.x-list-option{padding:0 .4rem;height:calc(var(--x-font-size) + 1rem);line-height:calc(var(--x-font-size) + 1rem);border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed #0000;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-list-option>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option.x-active,.x-list-option:hover{background-color:var(--x-background-a300)}.x-list-option.x-list-divided{margin-top:.8125rem}.x-list-option.x-list-divided:before{content:\" \";position:absolute;top:0;left:0;width:100%;margin-top:-.5rem;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-list-option.x-selected{background-color:var(--x-background-a300);color:var(--x-primary)}.x-list-option.x-selected>x-icon{color:var(--x-primary)}.x-list-option.x-disabled{color:var(--x-text-500);cursor:not-allowed}.x-list-option.x-disabled:hover{background-color:inherit}.x-list-option.x-disabled>span x-icon{color:var(--x-text-500)}body>x-list-option{display:block}body>x-list-option.cdk-drag-preview .x-list-option{padding:0 .4rem;height:calc(var(--x-font-size) + 1rem);line-height:calc(var(--x-font-size) + 1rem);border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed #0000;border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}body>x-list-option.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}"], components: [{ type: i1.XIconComponent, selector: "x-icon" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XListOptionComponent, decorators: [{
+/** @nocollapse */ XListOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XListOptionComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XListOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XListOptionComponent, selector: "x-list-option", host: { properties: { "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"x-list-option\"\r\n  [class.x-selected]=\"selected\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-active]=\"active\"\r\n  [class.x-list-icon]=\"icon\"\r\n  [class.x-list-divided]=\"divided\"\r\n>\r\n  <span>\r\n    <ng-container *ngIf=\"!nodeTpl\"\r\n      ><x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon> {{ label }}</ng-container\r\n    >\r\n    <ng-container *ngIf=\"nodeTpl\">\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n    </ng-container>\r\n  </span>\r\n  <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\" *ngIf=\"leaf\"></x-icon>\r\n  <x-icon class=\"x-list-checked\" type=\"fto-check\" *ngIf=\"checked && !leaf && selected\"></x-icon>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list-option{display:block}.x-list-option{padding:0 .4rem;height:calc(var(--x-font-size) + 1rem);line-height:calc(var(--x-font-size) + 1rem);border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-list-option>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover,.x-list-option.x-active{background-color:var(--x-background-a300)}.x-list-option.x-list-divided{margin-top:.8125rem}.x-list-option.x-list-divided:before{content:\" \";position:absolute;top:0;left:0;width:100%;margin-top:-.5rem;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-list-option.x-selected{background-color:var(--x-background-a300);color:var(--x-primary)}.x-list-option.x-selected>x-icon{color:var(--x-primary)}.x-list-option.x-disabled{color:var(--x-text-500);cursor:not-allowed}.x-list-option.x-disabled:hover{background-color:inherit}.x-list-option.x-disabled>span x-icon{color:var(--x-text-500)}body>x-list-option{display:block}body>x-list-option.cdk-drag-preview .x-list-option{padding:0 .4rem;height:calc(var(--x-font-size) + 1rem);line-height:calc(var(--x-font-size) + 1rem);border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}body>x-list-option.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"], components: [{ type: i1.XIconComponent, selector: "x-icon" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XListOptionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XListOptionPrefix}`,
@@ -243,7 +243,8 @@ class XListComponent extends XListProperty {
     }
     ngOnInit() { }
     ngOnChanges(changes) {
-        XIsChange(changes.data) && this.setData();
+        const { data } = changes;
+        XIsChange(data) && this.setData();
     }
     ngAfterViewInit() {
         this.initKeyManager();
@@ -272,7 +273,7 @@ class XListComponent extends XListProperty {
             this.keyManagerChange.emit(num);
         });
     }
-    setScorllTop(num) {
+    setScorllTop(_num) {
         if (!this.scrollElement)
             return;
         let ele = this.keyManager.activeItem.elementRef.nativeElement;
@@ -404,7 +405,7 @@ class XListComponent extends XListProperty {
         moveItemInArray(this.nodes, event.previousIndex, event.currentIndex);
         this.cdr.detectChanges();
     }
-    trackByNode(index, item) {
+    trackByNode(_index, item) {
         return item.id;
     }
     setUnActive(num) {
@@ -412,9 +413,9 @@ class XListComponent extends XListProperty {
             this.nodes[num].active = false;
     }
 }
-/** @nocollapse */ XListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XListComponent, selector: "x-list", host: { listeners: { "keydown": "keydown($event)" }, properties: { "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, providers: [XValueAccessor(XListComponent)], viewQueries: [{ propertyName: "listItems", first: true, predicate: ["listItems"], descendants: true }, { propertyName: "options", predicate: XListOptionComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"x-list\"\r\n  cdkDropList\r\n  (cdkDropListDropped)=\"dropCdk($event)\"\r\n  [cdkDropListDisabled]=\"!drag\"\r\n  [hidden]=\"isEmpty\"\r\n>\r\n  <x-list-option\r\n    cdkDrag\r\n    *ngFor=\"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    [disabled]=\"node.disabled\"\r\n    [(active)]=\"node.active\"\r\n    [icon]=\"node.icon\"\r\n    [label]=\"node.label\"\r\n    [leaf]=\"node.leaf\"\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</div>\r\n<x-empty *ngIf=\"isEmpty\"></x-empty>\r\n", styles: ["x-list{width:100%}x-list:focus{outline:none}x-list>x-empty{margin:1rem}.x-list{margin:0;padding:0;width:100%;cursor:pointer}.x-list:focus{outline:none}.x-list.cdk-drop-list-dragging>x-list-option:hover{background-color:initial}.x-list.cdk-drop-list-dragging>x-list-option.cdk-drag-placeholder{border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}.x-list.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-checked,.x-list-leaf{right:0;margin-left:.4rem;color:var(--x-text-400)}.x-list-icon>span x-icon{color:var(--x-text-300);margin-right:.25rem}"], components: [{ type: XListOptionComponent, selector: "x-list-option" }, { type: i3.XEmptyComponent, selector: "x-empty" }], directives: [{ type: i4.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XListComponent, decorators: [{
+/** @nocollapse */ XListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XListComponent, selector: "x-list", host: { listeners: { "keydown": "keydown($event)" }, properties: { "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, providers: [XValueAccessor(XListComponent)], viewQueries: [{ propertyName: "listItems", first: true, predicate: ["listItems"], descendants: true }, { propertyName: "options", predicate: XListOptionComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"x-list\"\r\n  cdkDropList\r\n  (cdkDropListDropped)=\"dropCdk($event)\"\r\n  [cdkDropListDisabled]=\"!drag\"\r\n  [hidden]=\"isEmpty\"\r\n>\r\n  <x-list-option\r\n    cdkDrag\r\n    *ngFor=\"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    [disabled]=\"node.disabled\"\r\n    [(active)]=\"node.active\"\r\n    [icon]=\"node.icon\"\r\n    [label]=\"node.label\"\r\n    [leaf]=\"node.leaf\"\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</div>\r\n<x-empty *ngIf=\"isEmpty\"></x-empty>\r\n", styles: ["@charset \"UTF-8\";x-list{width:100%}x-list:focus{outline:none}x-list>x-empty{margin:1rem}.x-list{margin:0;padding:0;width:100%;cursor:pointer}.x-list:focus{outline:none}.x-list.cdk-drop-list-dragging>x-list-option:hover{background-color:transparent}.x-list.cdk-drop-list-dragging>x-list-option.cdk-drag-placeholder{border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}.x-list.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-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}\n"], components: [{ type: XListOptionComponent, selector: "x-list-option" }, { type: i3.XEmptyComponent, selector: "x-empty" }], directives: [{ type: i4.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XListPrefix}`,
@@ -443,8 +444,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XListModule {
 }
-/** @nocollapse */ XListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XListModule, declarations: [XListComponent, XListOptionComponent, XListProperty, XListOptionProperty], imports: [CommonModule,
+/** @nocollapse */ XListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XListModule, declarations: [XListComponent, XListOptionComponent, XListProperty, XListOptionProperty], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         DragDropModule,
@@ -452,7 +453,7 @@ class XListModule {
         XIconModule,
         XEmptyModule,
         XBaseFormModule], exports: [XListComponent, XListOptionComponent] });
-/** @nocollapse */ XListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XListModule, imports: [[
+/** @nocollapse */ XListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XListModule, imports: [[
             CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -462,7 +463,7 @@ class XListModule {
             XEmptyModule,
             XBaseFormModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XListComponent, XListOptionComponent, XListProperty, XListOptionProperty],

package/fesm2015/ng-nest-ui-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-list.js","sources":["../../../../lib/ng-nest/ui/list/list.property.ts","../../../../lib/ng-nest/ui/list/list-option.component.ts","../../../../lib/ng-nest/ui/list/list-option.component.html","../../../../lib/ng-nest/ui/list/list.component.ts","../../../../lib/ng-nest/ui/list/list.component.html","../../../../lib/ng-nest/ui/list/list.module.ts","../../../../lib/ng-nest/ui/list/ng-nest-ui-list.ts"],"sourcesContent":["import { XData, XParentIdentityProperty, XDataConvert, XInputNumber, XInputBoolean, XNumber, XBoolean } from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component, TemplateRef, ElementRef } from '@angular/core';\r\nimport { XControlValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * List\r\n * @selector x-list\r\n * @decorator component\r\n */\r\nexport const XListPrefix = 'x-list';\r\n\r\n/**\r\n * List Property\r\n */\r\n@Component({ template: '' })\r\nexport class XListProperty extends XControlValueAccessor<any> {\r\n  /**\r\n   * @zh_CN 列表数据\r\n   * @en_US List data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XListNode> = [];\r\n  /**\r\n   * @zh_CN 多选个数\r\n   * @en_US Multiple choice\r\n   */\r\n  @Input() @XInputNumber() multiple: XNumber = 1;\r\n  /**\r\n   * @zh_CN 选中\r\n   * @en_US Selected\r\n   */\r\n  @Input() @XInputBoolean() checked?: XBoolean;\r\n  /**\r\n   * @zh_CN 拖动\r\n   * @en_US Drag\r\n   */\r\n  @Input() @XInputBoolean() drag?: XBoolean;\r\n  /**\r\n   * @zh_CN 当开启多选的时候，ngModel 的值为对象数组\r\n   * @en_US When multiple selection is enabled, the value of ngmodel is an array of objects\r\n   */\r\n  @Input() @XInputBoolean() objectArray?: XBoolean;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 滚动区域元素\r\n   * @en_US Rolling area element\r\n   */\r\n  @Input() scrollElement?: HTMLElement;\r\n  /**\r\n   * @zh_CN 节点 mouseenter 事件\r\n   * @en_US Node mouseenter event\r\n   */\r\n  @Output() nodeMouseenter = new EventEmitter<XListNode>();\r\n  /**\r\n   * @zh_CN 节点 mouseleave 事件\r\n   * @en_US Node mouseleave event\r\n   */\r\n  @Output() nodeMouseleave = new EventEmitter<XListNode>();\r\n  /**\r\n   * @zh_CN 节点点击事件\r\n   * @en_US Node click event\r\n   */\r\n  @Output() nodeClick = new EventEmitter<XListNode>();\r\n  /**\r\n   * @zh_CN Tab out 事件\r\n   * @en_US Tab Out event\r\n   */\r\n  @Output() keyManagerTabOut = new EventEmitter<void>();\r\n  /**\r\n   * @zh_CN Tab out 事件\r\n   * @en_US Tab Out event\r\n   */\r\n  @Output() keyManagerChange = new EventEmitter<number>();\r\n}\r\n\r\n/**\r\n * @zh_CN List 数据对象\r\n * @en_US List data object\r\n */\r\nexport interface XListNode extends XParentIdentityProperty<any> {\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Iicon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 分割线\r\n   * @en_US Split line\r\n   */\r\n  divided?: boolean;\r\n  /**\r\n   * @zh_CN 事件\r\n   * @en_US Event\r\n   */\r\n  event?: Event;\r\n  /**\r\n   * @zh_CN 悬停\r\n   * @en_US Hover\r\n   */\r\n  hover?: boolean;\r\n  /**\r\n   * @zh_CN 激活\r\n   * @en_US Active\r\n   */\r\n  active?: boolean;\r\n}\r\n\r\n/**\r\n * List Option\r\n * @selector x-list-option\r\n * @decorator component\r\n */\r\nexport const XListOptionPrefix = 'x-list-option';\r\n\r\n/**\r\n * List Option Property\r\n */\r\n@Component({ template: '' })\r\nexport class XListOptionProperty {\r\n  /**\r\n   * @zh_CN 节点参数\r\n   * @en_US Node param\r\n   */\r\n  @Input() node?: XListNode;\r\n  /**\r\n   * @zh_CN 选中\r\n   * @en_US Selected\r\n   */\r\n  @Input() @XInputBoolean() checked?: XBoolean;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 选中\r\n   * @en_US selected\r\n   */\r\n  @Input() @XInputBoolean() selected?: boolean;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US disabled\r\n   */\r\n  @Input() @XInputBoolean() disabled?: boolean;\r\n  /**\r\n   * @zh_CN 激活\r\n   * @en_US active\r\n   */\r\n  @Input() @XInputBoolean() active?: boolean;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US icon\r\n   */\r\n  @Input() icon?: string;\r\n  /**\r\n   * @zh_CN 分割线\r\n   * @en_US Split line\r\n   */\r\n  @Input() divided?: boolean;\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US label\r\n   */\r\n  @Input() label?: string;\r\n  /**\r\n   * @zh_CN 有子节点\r\n   * @en_US leaf\r\n   */\r\n  @Input() @XInputBoolean() leaf?: boolean;\r\n  /**\r\n   * @zh_CN 有子节点\r\n   * @en_US leaf\r\n   */\r\n  @Output() activeChange = new EventEmitter<boolean>();\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  HostBinding,\r\n  ViewEncapsulation\r\n} from '@angular/core';\r\nimport { XListOptionPrefix, XListOptionProperty } from './list.property';\r\nimport { Highlightable } from '@angular/cdk/a11y';\r\n\r\n@Component({\r\n  selector: `${XListOptionPrefix}`,\r\n  templateUrl: './list-option.component.html',\r\n  styleUrls: ['./list-option.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XListOptionComponent extends XListOptionProperty implements Highlightable {\r\n  @HostBinding('attr.role') role = 'option';\r\n  constructor(public elementRef: ElementRef, private cdr: ChangeDetectorRef) {\r\n    super();\r\n  }\r\n  setActiveStyles(): void {\r\n    this.active = true;\r\n    this.activeChange.emit(this.active);\r\n    this.cdr.detectChanges();\r\n  }\r\n  setInactiveStyles(): void {\r\n    this.active = false;\r\n    this.activeChange.emit(this.active);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  getLabel() {\r\n    return this.label as string;\r\n  }\r\n}\r\n","<div\r\n  class=\"x-list-option\"\r\n  [class.x-selected]=\"selected\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-active]=\"active\"\r\n  [class.x-list-icon]=\"icon\"\r\n  [class.x-list-divided]=\"divided\"\r\n>\r\n  <span>\r\n    <ng-container *ngIf=\"!nodeTpl\"\r\n      ><x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon> {{ label }}</ng-container\r\n    >\r\n    <ng-container *ngIf=\"nodeTpl\">\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n    </ng-container>\r\n  </span>\r\n  <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\" *ngIf=\"leaf\"></x-icon>\r\n  <x-icon class=\"x-list-checked\" type=\"fto-check\" *ngIf=\"checked && !leaf && selected\"></x-icon>\r\n</div>\r\n","import { Subject } from 'rxjs';\r\nimport {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Renderer2,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  QueryList,\r\n  ElementRef,\r\n  ViewChild,\r\n  HostBinding,\r\n  HostListener,\r\n  ViewChildren\r\n} from '@angular/core';\r\nimport { XListPrefix, XListNode, XListProperty } from './list.property';\r\nimport {\r\n  XIsChange,\r\n  XSetData,\r\n  XConfigService,\r\n  XIsEmpty,\r\n  XIsUndefined,\r\n  XIsNull\r\n} from '@ng-nest/ui/core';\r\nimport { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { XListOptionComponent } from './list-option.component';\r\nimport { ActiveDescendantKeyManager, FocusKeyManager } from '@angular/cdk/a11y';\r\nimport { ENTER } from '@angular/cdk/keycodes';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XListPrefix}`,\r\n  templateUrl: './list.component.html',\r\n  styleUrls: ['./list.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XListComponent)]\r\n})\r\nexport class XListComponent extends XListProperty implements OnInit, OnChanges {\r\n  nodes: XListNode[] = [];\r\n  selectedNodes: XListNode[] = [];\r\n  @ViewChild('listItems') listItems!: ElementRef;\r\n  @ViewChildren(XListOptionComponent)\r\n  options!: QueryList<XListOptionComponent>;\r\n  keyManager!: ActiveDescendantKeyManager<XListOptionComponent>;\r\n\r\n  @HostBinding('attr.role') role = 'listbox';\r\n  @HostBinding('attr.tabindex') tabindex = -1;\r\n\r\n  @HostListener('keydown', ['$event']) keydown($event: KeyboardEvent) {\r\n    this.keyManager.onKeydown($event);\r\n    const activeIndex = this.keyManager.activeItemIndex as number;\r\n    if ($event.keyCode === ENTER && !XIsUndefined(activeIndex)) {\r\n      this.setUnActive(activeIndex);\r\n      this.onNodeClick($event, this.nodes[activeIndex]);\r\n    }\r\n  }\r\n\r\n  get isEmpty() {\r\n    return XIsEmpty(this.nodes);\r\n  }\r\n\r\n  writeValue(value: any): void {\r\n    this.value = value;\r\n    this.setSelected();\r\n    this.setKeyManager();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public cdr: ChangeDetectorRef,\r\n    public elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {}\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    XIsChange(changes.data) && this.setData();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.initKeyManager();\r\n  }\r\n\r\n  ngAfterViewChecked() {}\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XListNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.nodes = x;\r\n      this.setSelected();\r\n      this.setKeyManager();\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n\r\n  private initKeyManager() {\r\n    this.keyManager = new ActiveDescendantKeyManager<XListOptionComponent>(this.options).withWrap();\r\n\r\n    this.keyManager.tabOut.pipe(takeUntil(this._unSubject)).subscribe(() => {\r\n      this.setUnActive(this.keyManager.activeItemIndex as number);\r\n      this.keyManagerTabOut.emit();\r\n    });\r\n\r\n    this.keyManager.change.pipe(takeUntil(this._unSubject)).subscribe((num: number) => {\r\n      this.setScorllTop(num);\r\n      this.keyManagerChange.emit(num);\r\n    });\r\n  }\r\n\r\n  setScorllTop(num: number) {\r\n    if (!this.scrollElement) return;\r\n    let ele = this.keyManager.activeItem!.elementRef.nativeElement as HTMLElement;\r\n    let list = this.scrollElement;\r\n    let min = list.scrollTop;\r\n    let max = list.scrollTop + list.clientHeight;\r\n    if (ele.offsetTop + ele.clientHeight > max) {\r\n      let scrollTop = ele.offsetTop + ele.clientHeight - list.clientHeight;\r\n      list.scrollTop = scrollTop;\r\n    }\r\n    if (ele.offsetTop < min) {\r\n      list.scrollTop = ele.offsetTop;\r\n    }\r\n  }\r\n\r\n  setSelected() {\r\n    if (this.nodes.length > 0) {\r\n      this.nodes\r\n        .filter((x) => x.selected)\r\n        .map((x) => {\r\n          x.selected = false;\r\n        });\r\n      let valArry: any[] = [];\r\n      if (this.value instanceof Array) {\r\n        valArry = this.value;\r\n      } else {\r\n        valArry = [this.value];\r\n      }\r\n      if (this.objectArray) {\r\n        this.selectedNodes = this.nodes\r\n          .filter(\r\n            (x) => !XIsEmpty(valArry.find((y) => !XIsUndefined(y) && !XIsNull(y) && y.id === x.id))\r\n          )\r\n          .map((x) => {\r\n            x.selected = true;\r\n            return x;\r\n          });\r\n      } else {\r\n        this.selectedNodes = this.nodes\r\n          .filter((x) => valArry.indexOf(x.id) > -1)\r\n          .map((x) => {\r\n            x.selected = true;\r\n            return x;\r\n          });\r\n      }\r\n    }\r\n  }\r\n\r\n  setKeyManager() {\r\n    if (XIsUndefined(this.keyManager) || XIsUndefined(this.nodes) || this.nodes.length === 0)\r\n      return;\r\n    let activeIndex = 0;\r\n    if (XIsUndefined(this.value) || this.value.length === 0) {\r\n      this.keyManager.updateActiveItem(activeIndex);\r\n      return;\r\n    }\r\n    let valArry: any[] = [];\r\n    if (this.value instanceof Array) {\r\n      valArry = this.value;\r\n    } else {\r\n      valArry = [this.value];\r\n    }\r\n    const last = valArry[valArry.length - 1];\r\n    if (this.objectArray) {\r\n      activeIndex = this.nodes.findIndex((x) => x.id === last.id);\r\n    } else {\r\n      activeIndex = this.nodes.findIndex((x) => x.id === last);\r\n    }\r\n    this.keyManager.updateActiveItem(activeIndex);\r\n    this.setScorllTop(activeIndex);\r\n  }\r\n\r\n  onNodeClick(event: Event, node: XListNode) {\r\n    if (XIsUndefined(node) || node.disabled) {\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n    if (node.disabled || (node.selected && this.multiple === 1)) return;\r\n    const selected = !node.selected;\r\n    if (selected) {\r\n      if (this.selectedNodes.length < this.multiple || this.multiple === 0) {\r\n        node.selected = selected;\r\n        this.selectedNodes = [...this.selectedNodes, node];\r\n        this.cdr.detectChanges();\r\n      } else if (this.multiple === 1 && this.selectedNodes.length === 1) {\r\n        node.selected = selected;\r\n        this.selectedNodes[0].selected = false;\r\n        this.selectedNodes[0] = node;\r\n        this.cdr.detectChanges();\r\n      } else {\r\n        return;\r\n      }\r\n    } else {\r\n      node.selected = selected;\r\n      this.selectedNodes.splice(\r\n        this.selectedNodes.findIndex((x) => x.id == node.id),\r\n        1\r\n      );\r\n    }\r\n    if (this.multiple === 1 && this.selectedNodes.length === 1) {\r\n      this.value = this.objectArray ? this.selectedNodes[0] : this.selectedNodes[0].id;\r\n    } else {\r\n      this.value = this.objectArray ? this.selectedNodes : this.selectedNodes.map((x) => x.id);\r\n    }\r\n    if (this.onChange) this.onChange(this.value);\r\n    this.cdr.detectChanges();\r\n    node.event = event;\r\n    this.nodeClick.emit(node);\r\n  }\r\n\r\n  onMouseenter(event: Event, node: XListNode) {\r\n    if (node.disabled) {\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n    node.event = event;\r\n    this.nodeMouseenter.emit(node);\r\n  }\r\n\r\n  onMouseleave(event: Event, node: XListNode) {\r\n    if (node.disabled) {\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n    node.event = event;\r\n    this.nodeMouseleave.emit(node);\r\n  }\r\n\r\n  dropCdk(event: CdkDragDrop<XListNode[]>) {\r\n    moveItemInArray(this.nodes, event.previousIndex, event.currentIndex);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  trackByNode(index: number, item: XListNode) {\r\n    return item.id;\r\n  }\r\n\r\n  setUnActive(num: number) {\r\n    if (num > -1) this.nodes[num].active = false;\r\n  }\r\n}\r\n","<div\r\n  class=\"x-list\"\r\n  cdkDropList\r\n  (cdkDropListDropped)=\"dropCdk($event)\"\r\n  [cdkDropListDisabled]=\"!drag\"\r\n  [hidden]=\"isEmpty\"\r\n>\r\n  <x-list-option\r\n    cdkDrag\r\n    *ngFor=\"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    [disabled]=\"node.disabled\"\r\n    [(active)]=\"node.active\"\r\n    [icon]=\"node.icon\"\r\n    [label]=\"node.label\"\r\n    [leaf]=\"node.leaf\"\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</div>\r\n<x-empty *ngIf=\"isEmpty\"></x-empty>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XListComponent } from './list.component';\r\nimport { XListOptionComponent } from './list-option.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { XListOptionProperty, XListProperty } from './list.property';\r\nimport { XEmptyModule } from '@ng-nest/ui/empty';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\n\r\n@NgModule({\r\n  declarations: [XListComponent, XListOptionComponent, XListProperty, XListOptionProperty],\r\n  exports: [XListComponent, XListOptionComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    DragDropModule,\r\n    A11yModule,\r\n    XIconModule,\r\n    XEmptyModule,\r\n    XBaseFormModule\r\n  ]\r\n})\r\nexport class XListModule {}\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-list.js","sources":["../../../../lib/ng-nest/ui/list/list.property.ts","../../../../lib/ng-nest/ui/list/list-option.component.ts","../../../../lib/ng-nest/ui/list/list-option.component.html","../../../../lib/ng-nest/ui/list/list.component.ts","../../../../lib/ng-nest/ui/list/list.component.html","../../../../lib/ng-nest/ui/list/list.module.ts","../../../../lib/ng-nest/ui/list/ng-nest-ui-list.ts"],"sourcesContent":["import { XData, XParentIdentityProperty, XDataConvert, XInputNumber, XInputBoolean, XNumber, XBoolean } from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component, TemplateRef } from '@angular/core';\r\nimport { XControlValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * List\r\n * @selector x-list\r\n * @decorator component\r\n */\r\nexport const XListPrefix = 'x-list';\r\n\r\n/**\r\n * List Property\r\n */\r\n@Component({ template: '' })\r\nexport class XListProperty extends XControlValueAccessor<any> {\r\n  /**\r\n   * @zh_CN 列表数据\r\n   * @en_US List data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XListNode> = [];\r\n  /**\r\n   * @zh_CN 多选个数\r\n   * @en_US Multiple choice\r\n   */\r\n  @Input() @XInputNumber() multiple: XNumber = 1;\r\n  /**\r\n   * @zh_CN 选中\r\n   * @en_US Selected\r\n   */\r\n  @Input() @XInputBoolean() checked?: XBoolean;\r\n  /**\r\n   * @zh_CN 拖动\r\n   * @en_US Drag\r\n   */\r\n  @Input() @XInputBoolean() drag?: XBoolean;\r\n  /**\r\n   * @zh_CN 当开启多选的时候，ngModel 的值为对象数组\r\n   * @en_US When multiple selection is enabled, the value of ngmodel is an array of objects\r\n   */\r\n  @Input() @XInputBoolean() objectArray?: XBoolean;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 滚动区域元素\r\n   * @en_US Rolling area element\r\n   */\r\n  @Input() scrollElement?: HTMLElement;\r\n  /**\r\n   * @zh_CN 节点 mouseenter 事件\r\n   * @en_US Node mouseenter event\r\n   */\r\n  @Output() nodeMouseenter = new EventEmitter<XListNode>();\r\n  /**\r\n   * @zh_CN 节点 mouseleave 事件\r\n   * @en_US Node mouseleave event\r\n   */\r\n  @Output() nodeMouseleave = new EventEmitter<XListNode>();\r\n  /**\r\n   * @zh_CN 节点点击事件\r\n   * @en_US Node click event\r\n   */\r\n  @Output() nodeClick = new EventEmitter<XListNode>();\r\n  /**\r\n   * @zh_CN Tab out 事件\r\n   * @en_US Tab Out event\r\n   */\r\n  @Output() keyManagerTabOut = new EventEmitter<void>();\r\n  /**\r\n   * @zh_CN Tab out 事件\r\n   * @en_US Tab Out event\r\n   */\r\n  @Output() keyManagerChange = new EventEmitter<number>();\r\n}\r\n\r\n/**\r\n * @zh_CN List 数据对象\r\n * @en_US List data object\r\n */\r\nexport interface XListNode extends XParentIdentityProperty<any> {\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Iicon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 分割线\r\n   * @en_US Split line\r\n   */\r\n  divided?: boolean;\r\n  /**\r\n   * @zh_CN 事件\r\n   * @en_US Event\r\n   */\r\n  event?: Event;\r\n  /**\r\n   * @zh_CN 悬停\r\n   * @en_US Hover\r\n   */\r\n  hover?: boolean;\r\n  /**\r\n   * @zh_CN 激活\r\n   * @en_US Active\r\n   */\r\n  active?: boolean;\r\n}\r\n\r\n/**\r\n * List Option\r\n * @selector x-list-option\r\n * @decorator component\r\n */\r\nexport const XListOptionPrefix = 'x-list-option';\r\n\r\n/**\r\n * List Option Property\r\n */\r\n@Component({ template: '' })\r\nexport class XListOptionProperty {\r\n  /**\r\n   * @zh_CN 节点参数\r\n   * @en_US Node param\r\n   */\r\n  @Input() node?: XListNode;\r\n  /**\r\n   * @zh_CN 选中\r\n   * @en_US Selected\r\n   */\r\n  @Input() @XInputBoolean() checked?: XBoolean;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 选中\r\n   * @en_US selected\r\n   */\r\n  @Input() @XInputBoolean() selected?: boolean;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US disabled\r\n   */\r\n  @Input() @XInputBoolean() disabled?: boolean;\r\n  /**\r\n   * @zh_CN 激活\r\n   * @en_US active\r\n   */\r\n  @Input() @XInputBoolean() active?: boolean;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US icon\r\n   */\r\n  @Input() icon?: string;\r\n  /**\r\n   * @zh_CN 分割线\r\n   * @en_US Split line\r\n   */\r\n  @Input() divided?: boolean;\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US label\r\n   */\r\n  @Input() label?: string;\r\n  /**\r\n   * @zh_CN 有子节点\r\n   * @en_US leaf\r\n   */\r\n  @Input() @XInputBoolean() leaf?: boolean;\r\n  /**\r\n   * @zh_CN 有子节点\r\n   * @en_US leaf\r\n   */\r\n  @Output() activeChange = new EventEmitter<boolean>();\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  HostBinding,\r\n  ViewEncapsulation\r\n} from '@angular/core';\r\nimport { XListOptionPrefix, XListOptionProperty } from './list.property';\r\nimport { Highlightable } from '@angular/cdk/a11y';\r\n\r\n@Component({\r\n  selector: `${XListOptionPrefix}`,\r\n  templateUrl: './list-option.component.html',\r\n  styleUrls: ['./list-option.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XListOptionComponent extends XListOptionProperty implements Highlightable {\r\n  @HostBinding('attr.role') role = 'option';\r\n  constructor(public elementRef: ElementRef, private cdr: ChangeDetectorRef) {\r\n    super();\r\n  }\r\n  setActiveStyles(): void {\r\n    this.active = true;\r\n    this.activeChange.emit(this.active);\r\n    this.cdr.detectChanges();\r\n  }\r\n  setInactiveStyles(): void {\r\n    this.active = false;\r\n    this.activeChange.emit(this.active);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  getLabel() {\r\n    return this.label as string;\r\n  }\r\n}\r\n","<div\r\n  class=\"x-list-option\"\r\n  [class.x-selected]=\"selected\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-active]=\"active\"\r\n  [class.x-list-icon]=\"icon\"\r\n  [class.x-list-divided]=\"divided\"\r\n>\r\n  <span>\r\n    <ng-container *ngIf=\"!nodeTpl\"\r\n      ><x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon> {{ label }}</ng-container\r\n    >\r\n    <ng-container *ngIf=\"nodeTpl\">\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n    </ng-container>\r\n  </span>\r\n  <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\" *ngIf=\"leaf\"></x-icon>\r\n  <x-icon class=\"x-list-checked\" type=\"fto-check\" *ngIf=\"checked && !leaf && selected\"></x-icon>\r\n</div>\r\n","import { Subject } from 'rxjs';\r\nimport {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Renderer2,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  QueryList,\r\n  ElementRef,\r\n  ViewChild,\r\n  HostBinding,\r\n  HostListener,\r\n  ViewChildren\r\n} from '@angular/core';\r\nimport { XListPrefix, XListNode, XListProperty } from './list.property';\r\nimport { XIsChange, XSetData, XConfigService, XIsEmpty, XIsUndefined, XIsNull } from '@ng-nest/ui/core';\r\nimport { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { XListOptionComponent } from './list-option.component';\r\nimport { ActiveDescendantKeyManager } from '@angular/cdk/a11y';\r\nimport { ENTER } from '@angular/cdk/keycodes';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XListPrefix}`,\r\n  templateUrl: './list.component.html',\r\n  styleUrls: ['./list.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XListComponent)]\r\n})\r\nexport class XListComponent extends XListProperty implements OnInit, OnChanges {\r\n  nodes: XListNode[] = [];\r\n  selectedNodes: XListNode[] = [];\r\n  @ViewChild('listItems') listItems!: ElementRef;\r\n  @ViewChildren(XListOptionComponent)\r\n  options!: QueryList<XListOptionComponent>;\r\n  keyManager!: ActiveDescendantKeyManager<XListOptionComponent>;\r\n\r\n  @HostBinding('attr.role') role = 'listbox';\r\n  @HostBinding('attr.tabindex') tabindex = -1;\r\n\r\n  @HostListener('keydown', ['$event']) keydown($event: KeyboardEvent) {\r\n    this.keyManager.onKeydown($event);\r\n    const activeIndex = this.keyManager.activeItemIndex as number;\r\n    if ($event.keyCode === ENTER && !XIsUndefined(activeIndex)) {\r\n      this.setUnActive(activeIndex);\r\n      this.onNodeClick($event, this.nodes[activeIndex]);\r\n    }\r\n  }\r\n\r\n  get isEmpty() {\r\n    return XIsEmpty(this.nodes);\r\n  }\r\n\r\n  writeValue(value: any): void {\r\n    this.value = value;\r\n    this.setSelected();\r\n    this.setKeyManager();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public cdr: ChangeDetectorRef,\r\n    public elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {}\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data } = changes;\r\n    XIsChange(data) && this.setData();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.initKeyManager();\r\n  }\r\n\r\n  ngAfterViewChecked() {}\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XListNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.nodes = x;\r\n      this.setSelected();\r\n      this.setKeyManager();\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n\r\n  private initKeyManager() {\r\n    this.keyManager = new ActiveDescendantKeyManager<XListOptionComponent>(this.options).withWrap();\r\n\r\n    this.keyManager.tabOut.pipe(takeUntil(this._unSubject)).subscribe(() => {\r\n      this.setUnActive(this.keyManager.activeItemIndex as number);\r\n      this.keyManagerTabOut.emit();\r\n    });\r\n\r\n    this.keyManager.change.pipe(takeUntil(this._unSubject)).subscribe((num: number) => {\r\n      this.setScorllTop(num);\r\n      this.keyManagerChange.emit(num);\r\n    });\r\n  }\r\n\r\n  setScorllTop(_num: number) {\r\n    if (!this.scrollElement) return;\r\n    let ele = this.keyManager.activeItem!.elementRef.nativeElement as HTMLElement;\r\n    let list = this.scrollElement;\r\n    let min = list.scrollTop;\r\n    let max = list.scrollTop + list.clientHeight;\r\n    if (ele.offsetTop + ele.clientHeight > max) {\r\n      let scrollTop = ele.offsetTop + ele.clientHeight - list.clientHeight;\r\n      list.scrollTop = scrollTop;\r\n    }\r\n    if (ele.offsetTop < min) {\r\n      list.scrollTop = ele.offsetTop;\r\n    }\r\n  }\r\n\r\n  setSelected() {\r\n    if (this.nodes.length > 0) {\r\n      this.nodes\r\n        .filter((x) => x.selected)\r\n        .map((x) => {\r\n          x.selected = false;\r\n        });\r\n      let valArry: any[] = [];\r\n      if (this.value instanceof Array) {\r\n        valArry = this.value;\r\n      } else {\r\n        valArry = [this.value];\r\n      }\r\n      if (this.objectArray) {\r\n        this.selectedNodes = this.nodes\r\n          .filter((x) => !XIsEmpty(valArry.find((y) => !XIsUndefined(y) && !XIsNull(y) && y.id === x.id)))\r\n          .map((x) => {\r\n            x.selected = true;\r\n            return x;\r\n          });\r\n      } else {\r\n        this.selectedNodes = this.nodes\r\n          .filter((x) => valArry.indexOf(x.id) > -1)\r\n          .map((x) => {\r\n            x.selected = true;\r\n            return x;\r\n          });\r\n      }\r\n    }\r\n  }\r\n\r\n  setKeyManager() {\r\n    if (XIsUndefined(this.keyManager) || XIsUndefined(this.nodes) || this.nodes.length === 0) return;\r\n    let activeIndex = 0;\r\n    if (XIsUndefined(this.value) || this.value.length === 0) {\r\n      this.keyManager.updateActiveItem(activeIndex);\r\n      return;\r\n    }\r\n    let valArry: any[] = [];\r\n    if (this.value instanceof Array) {\r\n      valArry = this.value;\r\n    } else {\r\n      valArry = [this.value];\r\n    }\r\n    const last = valArry[valArry.length - 1];\r\n    if (this.objectArray) {\r\n      activeIndex = this.nodes.findIndex((x) => x.id === last.id);\r\n    } else {\r\n      activeIndex = this.nodes.findIndex((x) => x.id === last);\r\n    }\r\n    this.keyManager.updateActiveItem(activeIndex);\r\n    this.setScorllTop(activeIndex);\r\n  }\r\n\r\n  onNodeClick(event: Event, node: XListNode) {\r\n    if (XIsUndefined(node) || node.disabled) {\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n    if (node.disabled || (node.selected && this.multiple === 1)) return;\r\n    const selected = !node.selected;\r\n    if (selected) {\r\n      if (this.selectedNodes.length < this.multiple || this.multiple === 0) {\r\n        node.selected = selected;\r\n        this.selectedNodes = [...this.selectedNodes, node];\r\n        this.cdr.detectChanges();\r\n      } else if (this.multiple === 1 && this.selectedNodes.length === 1) {\r\n        node.selected = selected;\r\n        this.selectedNodes[0].selected = false;\r\n        this.selectedNodes[0] = node;\r\n        this.cdr.detectChanges();\r\n      } else {\r\n        return;\r\n      }\r\n    } else {\r\n      node.selected = selected;\r\n      this.selectedNodes.splice(\r\n        this.selectedNodes.findIndex((x) => x.id == node.id),\r\n        1\r\n      );\r\n    }\r\n    if (this.multiple === 1 && this.selectedNodes.length === 1) {\r\n      this.value = this.objectArray ? this.selectedNodes[0] : this.selectedNodes[0].id;\r\n    } else {\r\n      this.value = this.objectArray ? this.selectedNodes : this.selectedNodes.map((x) => x.id);\r\n    }\r\n    if (this.onChange) this.onChange(this.value);\r\n    this.cdr.detectChanges();\r\n    node.event = event;\r\n    this.nodeClick.emit(node);\r\n  }\r\n\r\n  onMouseenter(event: Event, node: XListNode) {\r\n    if (node.disabled) {\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n    node.event = event;\r\n    this.nodeMouseenter.emit(node);\r\n  }\r\n\r\n  onMouseleave(event: Event, node: XListNode) {\r\n    if (node.disabled) {\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n    node.event = event;\r\n    this.nodeMouseleave.emit(node);\r\n  }\r\n\r\n  dropCdk(event: CdkDragDrop<XListNode[]>) {\r\n    moveItemInArray(this.nodes, event.previousIndex, event.currentIndex);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  trackByNode(_index: number, item: XListNode) {\r\n    return item.id;\r\n  }\r\n\r\n  setUnActive(num: number) {\r\n    if (num > -1) this.nodes[num].active = false;\r\n  }\r\n}\r\n","<div\r\n  class=\"x-list\"\r\n  cdkDropList\r\n  (cdkDropListDropped)=\"dropCdk($event)\"\r\n  [cdkDropListDisabled]=\"!drag\"\r\n  [hidden]=\"isEmpty\"\r\n>\r\n  <x-list-option\r\n    cdkDrag\r\n    *ngFor=\"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    [disabled]=\"node.disabled\"\r\n    [(active)]=\"node.active\"\r\n    [icon]=\"node.icon\"\r\n    [label]=\"node.label\"\r\n    [leaf]=\"node.leaf\"\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</div>\r\n<x-empty *ngIf=\"isEmpty\"></x-empty>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XListComponent } from './list.component';\r\nimport { XListOptionComponent } from './list-option.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { XListOptionProperty, XListProperty } from './list.property';\r\nimport { XEmptyModule } from '@ng-nest/ui/empty';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\n\r\n@NgModule({\r\n  declarations: [XListComponent, XListOptionComponent, XListProperty, XListOptionProperty],\r\n  exports: [XListComponent, XListOptionComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    DragDropModule,\r\n    A11yModule,\r\n    XIconModule,\r\n    XEmptyModule,\r\n    XBaseFormModule\r\n  ]\r\n})\r\nexport class XListModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-loading.js

@@ -32,8 +32,8 @@ class XLoadingProperty extends XProperty {
         this.loading = false;
     }
 }
-/** @nocollapse */ XLoadingProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLoadingProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XLoadingProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XLoadingProperty, selector: "ng-component", inputs: { loading: ["x-loading", "loading"], size: "size", text: "text", icon: "icon", color: "color", fullScreen: "fullScreen", background: "background" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XLoadingProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XLoadingProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XLoadingProperty, selector: "ng-component", inputs: { loading: ["x-loading", "loading"], size: "size", text: "text", icon: "icon", color: "color", fullScreen: "fullScreen", background: "background" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputBoolean()
 ], XLoadingProperty.prototype, "loading", void 0);
@@ -55,7 +55,7 @@ __decorate([
 __decorate([
     XWithConfig(X_CONFIG_NAME)
 ], XLoadingProperty.prototype, "background", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLoadingProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { loading: [{
@@ -92,7 +92,8 @@ class XLoadingComponent extends XLoadingProperty {
         this.setClassMap();
     }
     ngOnChanges(changes) {
-        XIsChange(changes.loading) && this.setLoading();
+        const { loading } = changes;
+        XIsChange(loading) && this.setLoading();
     }
     setClassMap() {
         this.classMap[`${XLoadingPrefix}-${this.size}`] = !XIsEmpty(this.size);
@@ -127,9 +128,9 @@ class XLoadingComponent extends XLoadingProperty {
         }
     }
 }
-/** @nocollapse */ XLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLoadingComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XLoadingComponent, 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<ng-container *ngIf=\"!fullScreen\">\r\n  <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #loadingTpl>\r\n  <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" *ngIf=\"loading\">\r\n    <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n      <ng-container *ngIf=\"icon; else circularTpl\">\r\n        <div class=\"x-loading-icon\">\r\n          <x-icon [type]=\"icon\"></x-icon>\r\n        </div>\r\n      </ng-container>\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</ng-template>\r\n\r\n<ng-template #circularTpl>\r\n  <svg class=\"x-loading-circular\" viewBox=\"25 25 50 50\">\r\n    <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n  </svg>\r\n</ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(1turn)}}@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;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular,.x-loading-icon{animation:loading-rotate 2s linear infinite}.x-loading-icon{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}"], components: [{ type: i3.XIconComponent, selector: "x-icon" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLoadingComponent, decorators: [{
+/** @nocollapse */ XLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XLoadingComponent, 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<ng-container *ngIf=\"!fullScreen\">\r\n  <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #loadingTpl>\r\n  <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" *ngIf=\"loading\">\r\n    <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n      <ng-container *ngIf=\"icon; else circularTpl\">\r\n        <div class=\"x-loading-icon\">\r\n          <x-icon [type]=\"icon\"></x-icon>\r\n        </div>\r\n      </ng-container>\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</ng-template>\r\n\r\n<ng-template #circularTpl>\r\n  <svg class=\"x-loading-circular\" viewBox=\"25 25 50 50\">\r\n    <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n  </svg>\r\n</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;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10}.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"], components: [{ type: i3.XIconComponent, selector: "x-icon" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XLoadingPrefix}, [${XLoadingPrefix}]`,
@@ -148,10 +149,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XLoadingModule {
 }
-/** @nocollapse */ XLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLoadingModule, declarations: [XLoadingComponent, XLoadingProperty], imports: [CommonModule, XIconModule, XOutletModule, XPortalModule], exports: [XLoadingComponent] });
-/** @nocollapse */ XLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLoadingModule, imports: [[CommonModule, XIconModule, XOutletModule, XPortalModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XLoadingModule, decorators: [{
+/** @nocollapse */ XLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingModule, declarations: [XLoadingComponent, XLoadingProperty], imports: [CommonModule, XIconModule, XOutletModule, XPortalModule], exports: [XLoadingComponent] });
+/** @nocollapse */ XLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingModule, imports: [[CommonModule, XIconModule, XOutletModule, XPortalModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XLoadingComponent, XLoadingProperty],