@ng-nest/ui 15.0.17 → 15.0.19

package/esm2020/input-number/input-number.component.mjs

@@ -108,9 +108,9 @@ export class XInputNumberComponent extends XInputNumberProperty {
         this.cdr.detectChanges();
     }
 }
-/** @nocollapse */ XInputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XInputNumberComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XInputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XInputNumberComponent, selector: "x-input-number", host: { listeners: { "document:mouseup": "onMouseup($event)" } }, providers: [XValueAccessor(XInputNumberComponent)], viewQueries: [{ propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #inputNumber class=\"x-input-number\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size\"\r\n        [onlyIcon]=\"!bordered\"\r\n        [disabled]=\"disabled || minDisabled\"\r\n        (click)=\"!minDisabled && plus($event, step, false); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!minDisabled && down($event, step, false)\"\r\n        (mouseup)=\"up($event)\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\r\n      [label]=\"label\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [justify]=\"justify\"\r\n      [align]=\"align\"\r\n      [direction]=\"direction\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"required\"\r\n      [validator]=\"validator\"\r\n      [icon]=\"icon\"\r\n      [iconSpin]=\"iconSpin\"\r\n      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [(ngModel)]=\"displayValue\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [valueTpl]=\"valueTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"beforeButtonTpl\"\r\n      [after]=\"afterButtonTpl\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n      (xInput)=\"formControlValidator()\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size\"\r\n        [onlyIcon]=\"!bordered\"\r\n        [disabled]=\"disabled || maxDisabled\"\r\n        (click)=\"!maxDisabled && plus($event, step); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!maxDisabled && down($event, step)\"\r\n        (mouseup)=\"up($event)\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <ng-container *ngIf=\"invalid\">\r\n      <div class=\"x-border-error x-top-left\"></div>\r\n      <div class=\"x-border-error x-top-right\"></div>\r\n      <div class=\"x-border-error x-bottom-left\"></div>\r\n      <div class=\"x-border-error x-bottom-right\"></div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-input-number{display:inline-block;width:12rem}.x-input-number{margin:0;padding:0;width:100%}.x-input-number-input{width:100%}.x-input-number-input input{text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.XInputComponent, selector: "x-input" }, { kind: "component", type: i5.XButtonComponent, selector: "x-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XInputNumberComponent, decorators: [{
+/** @nocollapse */ XInputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XInputNumberComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XInputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XInputNumberComponent, selector: "x-input-number", host: { listeners: { "document:mouseup": "onMouseup($event)" } }, providers: [XValueAccessor(XInputNumberComponent)], viewQueries: [{ propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #inputNumber class=\"x-input-number\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size\"\r\n        [onlyIcon]=\"!bordered\"\r\n        [disabled]=\"disabled || minDisabled\"\r\n        (click)=\"!minDisabled && plus($event, step, false); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!minDisabled && down($event, step, false)\"\r\n        (mouseup)=\"up($event)\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\r\n      [label]=\"label\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [justify]=\"justify\"\r\n      [align]=\"align\"\r\n      [direction]=\"direction\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"required\"\r\n      [validator]=\"validator\"\r\n      [icon]=\"icon\"\r\n      [iconSpin]=\"iconSpin\"\r\n      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [(ngModel)]=\"displayValue\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [valueTpl]=\"valueTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"beforeButtonTpl\"\r\n      [after]=\"afterButtonTpl\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n      (xInput)=\"formControlValidator()\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size\"\r\n        [onlyIcon]=\"!bordered\"\r\n        [disabled]=\"disabled || maxDisabled\"\r\n        (click)=\"!maxDisabled && plus($event, step); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!maxDisabled && down($event, step)\"\r\n        (mouseup)=\"up($event)\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <ng-container *ngIf=\"invalid\">\r\n      <div class=\"x-border-error x-top-left\"></div>\r\n      <div class=\"x-border-error x-top-right\"></div>\r\n      <div class=\"x-border-error x-bottom-left\"></div>\r\n      <div class=\"x-border-error x-bottom-right\"></div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-input-number{display:inline-block;width:12rem}.x-input-number{margin:0;padding:0;width:100%}.x-input-number-input{width:100%}.x-input-number-input input{text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.XInputComponent, selector: "x-input" }, { kind: "component", type: i5.XButtonComponent, selector: "x-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XInputNumberComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XInputNumberPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XInputNumberComponent)], template: "<div #inputNumber class=\"x-input-number\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size\"\r\n        [onlyIcon]=\"!bordered\"\r\n        [disabled]=\"disabled || minDisabled\"\r\n        (click)=\"!minDisabled && plus($event, step, false); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!minDisabled && down($event, step, false)\"\r\n        (mouseup)=\"up($event)\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\r\n      [label]=\"label\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [justify]=\"justify\"\r\n      [align]=\"align\"\r\n      [direction]=\"direction\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"required\"\r\n      [validator]=\"validator\"\r\n      [icon]=\"icon\"\r\n      [iconSpin]=\"iconSpin\"\r\n      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [(ngModel)]=\"displayValue\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [valueTpl]=\"valueTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"beforeButtonTpl\"\r\n      [after]=\"afterButtonTpl\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n      (xInput)=\"formControlValidator()\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size\"\r\n        [onlyIcon]=\"!bordered\"\r\n        [disabled]=\"disabled || maxDisabled\"\r\n        (click)=\"!maxDisabled && plus($event, step); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!maxDisabled && down($event, step)\"\r\n        (mouseup)=\"up($event)\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <ng-container *ngIf=\"invalid\">\r\n      <div class=\"x-border-error x-top-left\"></div>\r\n      <div class=\"x-border-error x-top-right\"></div>\r\n      <div class=\"x-border-error x-bottom-left\"></div>\r\n      <div class=\"x-border-error x-bottom-right\"></div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-input-number{display:inline-block;width:12rem}.x-input-number{margin:0;padding:0;width:100%}.x-input-number-input{width:100%}.x-input-number-input input{text-align:center}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { inputNumber: [{

package/esm2020/input-number/input-number.module.mjs

@@ -9,10 +9,10 @@ import { XInputModule } from '@ng-nest/ui/input';
 import * as i0 from "@angular/core";
 export class XInputNumberModule {
 }
-/** @nocollapse */ XInputNumberModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XInputNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XInputNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: XInputNumberModule, declarations: [XInputNumberComponent, XInputNumberProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XInputModule, XButtonModule, XBaseFormModule], exports: [XInputNumberComponent] });
-/** @nocollapse */ XInputNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XInputNumberModule, imports: [CommonModule, FormsModule, ReactiveFormsModule, XInputModule, XButtonModule, XBaseFormModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XInputNumberModule, decorators: [{
+/** @nocollapse */ XInputNumberModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XInputNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XInputNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: XInputNumberModule, declarations: [XInputNumberComponent, XInputNumberProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XInputModule, XButtonModule, XBaseFormModule], exports: [XInputNumberComponent] });
+/** @nocollapse */ XInputNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XInputNumberModule, imports: [CommonModule, FormsModule, ReactiveFormsModule, XInputModule, XButtonModule, XBaseFormModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XInputNumberModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XInputNumberComponent, XInputNumberProperty],

package/esm2020/input-number/input-number.property.mjs

@@ -43,8 +43,8 @@ export class XInputNumberProperty extends XControlValueAccessor {
         this.precision = 0;
     }
 }
-/** @nocollapse */ XInputNumberProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XInputNumberProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XInputNumberProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XInputNumberProperty, selector: "ng-component", inputs: { min: "min", max: "max", step: "step", debounce: "debounce", precision: "precision", size: "size", bordered: "bordered", formatter: "formatter" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XInputNumberProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XInputNumberProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XInputNumberProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XInputNumberProperty, selector: "ng-component", inputs: { min: "min", max: "max", step: "step", debounce: "debounce", precision: "precision", size: "size", bordered: "bordered", formatter: "formatter" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputNumber()
 ], XInputNumberProperty.prototype, "min", void 0);
@@ -67,7 +67,7 @@ __decorate([
     XInputBoolean(),
     XWithConfig(X_CONFIG_NAME, true)
 ], XInputNumberProperty.prototype, "bordered", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XInputNumberProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XInputNumberProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { min: [{

package/esm2020/keyword/keyword.directive.mjs

@@ -55,9 +55,9 @@ export class XKeywordDirective extends XKeywordProperty {
         }
     }
 }
-/** @nocollapse */ XKeywordDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XKeywordDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ XKeywordDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: XKeywordDirective, selector: "[x-keyword]", usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XKeywordDirective, decorators: [{
+/** @nocollapse */ XKeywordDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XKeywordDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ XKeywordDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: XKeywordDirective, selector: "[x-keyword]", usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XKeywordDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[${XKeywordPrefix}]`

package/esm2020/keyword/keyword.module.mjs

@@ -5,10 +5,10 @@ import { XKeywordProperty } from './keyword.property';
 import * as i0 from "@angular/core";
 export class XKeywordModule {
 }
-/** @nocollapse */ XKeywordModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XKeywordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XKeywordModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: XKeywordModule, declarations: [XKeywordDirective, XKeywordProperty], imports: [CommonModule], exports: [XKeywordDirective] });
-/** @nocollapse */ XKeywordModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XKeywordModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XKeywordModule, decorators: [{
+/** @nocollapse */ XKeywordModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XKeywordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XKeywordModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: XKeywordModule, declarations: [XKeywordDirective, XKeywordProperty], imports: [CommonModule], exports: [XKeywordDirective] });
+/** @nocollapse */ XKeywordModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XKeywordModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XKeywordModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XKeywordDirective, XKeywordProperty],

package/esm2020/keyword/keyword.property.mjs

@@ -14,8 +14,8 @@ const X_CONFIG_NAME = 'keyword';
  */
 export class XKeywordProperty extends XProperty {
 }
-/** @nocollapse */ XKeywordProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XKeywordProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ XKeywordProperty.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: XKeywordProperty, selector: "[x-keyword]", inputs: { type: "type", caseSensitive: "caseSensitive", color: "color", text: "text" }, usesInheritance: true, ngImport: i0 });
+/** @nocollapse */ XKeywordProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XKeywordProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ XKeywordProperty.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: XKeywordProperty, selector: "[x-keyword]", inputs: { type: "type", caseSensitive: "caseSensitive", color: "color", text: "text" }, usesInheritance: true, ngImport: i0 });
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'primary')
 ], XKeywordProperty.prototype, "type", void 0);
@@ -26,7 +26,7 @@ __decorate([
 __decorate([
     XWithConfig(X_CONFIG_NAME)
 ], XKeywordProperty.prototype, "color", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XKeywordProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XKeywordProperty, decorators: [{
             type: Directive,
             args: [{ selector: '[x-keyword]' }]
         }], propDecorators: { type: [{

package/esm2020/layout/col.component.mjs

@@ -59,9 +59,9 @@ export class XColComponent extends XColProperty {
         this.renderer.addClass(this.elementRef.nativeElement, `${XColPrefix}-inherit`);
     }
 }
-/** @nocollapse */ XColComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XColComponent, deps: [{ token: i1.XRowComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XColComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;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: "15.2.3", ngImport: i0, type: XColComponent, decorators: [{
+/** @nocollapse */ XColComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XColComponent, deps: [{ token: i1.XRowComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XColComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", 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: "15.2.7", ngImport: i0, type: XColComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XColPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
         }], ctorParameters: function () { return [{ type: i1.XRowComponent, decorators: [{

package/esm2020/layout/layout.module.mjs

@@ -6,10 +6,10 @@ import { XRowProperty, XColProperty } from './layout.property';
 import * as i0 from "@angular/core";
 export class XLayoutModule {
 }
-/** @nocollapse */ XLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.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: "15.2.3", ngImport: i0, type: XLayoutModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XLayoutModule, decorators: [{
+/** @nocollapse */ XLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: XLayoutModule, declarations: [XRowComponent, XColComponent, XRowProperty, XColProperty], imports: [CommonModule], exports: [XRowComponent, XColComponent] });
+/** @nocollapse */ XLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XLayoutModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XRowComponent, XColComponent, XRowProperty, XColProperty],

package/esm2020/layout/layout.property.mjs

@@ -13,12 +13,12 @@ export const XRowPrefix = 'x-row';
  */
 export class XRowProperty extends XProperty {
 }
-/** @nocollapse */ XRowProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XRowProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XRowProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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: "15.2.7", ngImport: i0, type: XRowProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XRowProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", 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: "15.2.3", ngImport: i0, type: XRowProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XRowProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { space: [{
@@ -39,8 +39,8 @@ export const XColPrefix = 'x-col';
  */
 export class XColProperty extends XProperty {
 }
-/** @nocollapse */ XColProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XColProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XColProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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: "15.2.7", ngImport: i0, type: XColProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XColProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", 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);
@@ -65,7 +65,7 @@ __decorate([
 __decorate([
     XInputBoolean()
 ], XColProperty.prototype, "inherit", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XColProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XColProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { span: [{

package/esm2020/layout/row.component.mjs

@@ -33,9 +33,9 @@ export class XRowComponent extends XRowProperty {
         this.renderer.addClass(this.elementRef.nativeElement, `x-align-${this.align}`);
     }
 }
-/** @nocollapse */ XRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XRowComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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: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: "15.2.3", ngImport: i0, type: XRowComponent, decorators: [{
+/** @nocollapse */ XRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XRowComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", 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: "15.2.7", ngImport: i0, type: XRowComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XRowPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { getFlex: [{

package/esm2020/link/link.component.mjs

@@ -39,9 +39,9 @@ export class XLinkComponent extends XLinkProperty {
         this.classMap[`${XLinkPrefix}-${this.type}`] = this.type ? true : false;
     }
 }
-/** @nocollapse */ XLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.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: "14.0.0", version: "15.2.3", type: XLinkComponent, selector: "x-link", host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" } }, viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<a\r\n  #link\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"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XLinkComponent, decorators: [{
+/** @nocollapse */ XLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", 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: "14.0.0", version: "15.2.7", type: XLinkComponent, selector: "x-link", host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" } }, viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<a\r\n  #link\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"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XLinkPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\r\n  #link\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"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { link: [{

package/esm2020/link/link.module.mjs

@@ -8,10 +8,10 @@ import { XRippleModule } from '@ng-nest/ui/ripple';
 import * as i0 from "@angular/core";
 export class XLinkModule {
 }
-/** @nocollapse */ XLinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.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: "15.2.3", ngImport: i0, type: XLinkModule, imports: [CommonModule, XIconModule, XOutletModule, XRippleModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XLinkModule, decorators: [{
+/** @nocollapse */ XLinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: XLinkModule, declarations: [XLinkComponent, XLinkProperty], imports: [CommonModule, XIconModule, XOutletModule, XRippleModule], exports: [XLinkComponent] });
+/** @nocollapse */ XLinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XLinkModule, imports: [CommonModule, XIconModule, XOutletModule, XRippleModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XLinkModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XLinkComponent, XLinkProperty],

package/esm2020/link/link.property.mjs

@@ -14,8 +14,8 @@ const X_CONFIG_NAME = 'link';
  */
 export class XLinkProperty extends XProperty {
 }
-/** @nocollapse */ XLinkProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XLinkProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XLinkProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XLinkProperty, selector: "ng-component", inputs: { href: "href", icon: "icon", underline: "underline", disabled: "disabled", iconRight: "iconRight", preventDefault: "preventDefault", type: "type", target: "target" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XLinkProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XLinkProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XLinkProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XLinkProperty, selector: "ng-component", inputs: { href: "href", icon: "icon", underline: "underline", disabled: "disabled", iconRight: "iconRight", preventDefault: "preventDefault", type: "type", target: "target" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, false),
     XInputBoolean()
@@ -31,7 +31,7 @@ __decorate([
     XWithConfig(X_CONFIG_NAME, false),
     XInputBoolean()
 ], XLinkProperty.prototype, "preventDefault", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XLinkProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XLinkProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { href: [{

package/esm2020/list/list-drop-group.directive.mjs

@@ -32,9 +32,9 @@ export class XListDropGroup {
         this.dropLists.clear();
     }
 }
-/** @nocollapse */ XListDropGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XListDropGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ XListDropGroup.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: XListDropGroup, selector: "[xListDropGroup]", inputs: { disabled: ["xListDropGroupDisabled", "disabled"] }, providers: [{ provide: X_LIST_DROP_GROUP, useExisting: XListDropGroup }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XListDropGroup, decorators: [{
+/** @nocollapse */ XListDropGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListDropGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ XListDropGroup.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: XListDropGroup, selector: "[xListDropGroup]", inputs: { disabled: ["xListDropGroupDisabled", "disabled"] }, providers: [{ provide: X_LIST_DROP_GROUP, useExisting: XListDropGroup }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListDropGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[xListDropGroup]',

package/esm2020/list/list-option.component.mjs

@@ -37,9 +37,9 @@ export class XListOptionComponent extends XListOptionProperty {
         return this.label;
     }
 }
-/** @nocollapse */ XListOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XListOptionComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XListOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XListOptionComponent, selector: "x-list-option", host: { properties: { "attr.role": "this.role" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"x-list-option\"\r\n  [ngClass]=\"classMap\"\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  <div class=\"x-list-option-content\">\r\n    <ng-container *ngIf=\"!nodeTpl\">\r\n      <x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon>\r\n      <span x-keyword [text]=\"keywordText\" [caseSensitive]=\"caseSensitive\">{{ label }}</span>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"nodeTpl\">\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n    </ng-container>\r\n  </div>\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{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-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-block}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover:not(.x-disabled),.x-list-option.x-active:not(.x-disabled){background-color:var(--x-background-a200)}.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:not(.x-disabled){background-color:var(--x-background-a400);color:var(--x-primary)}.x-list-option.x-selected:not(.x-disabled)>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)}.x-list-option-big{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-option-large{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-option-medium{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-option-small{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-option-mini{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}body>x-list-option{display:block}body>x-list-option.cdk-drag-preview .x-list-option{border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}body>x-list-option.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i4.XKeywordDirective, selector: "[x-keyword]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XListOptionComponent, decorators: [{
+/** @nocollapse */ XListOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListOptionComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XListOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XListOptionComponent, selector: "x-list-option", host: { properties: { "attr.role": "this.role" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"x-list-option\"\r\n  [ngClass]=\"classMap\"\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  <div class=\"x-list-option-content\">\r\n    <ng-container *ngIf=\"!nodeTpl\">\r\n      <x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon>\r\n      <span x-keyword [text]=\"keywordText\" [caseSensitive]=\"caseSensitive\">{{ label }}</span>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"nodeTpl\">\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n    </ng-container>\r\n  </div>\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{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-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-block}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover:not(.x-disabled),.x-list-option.x-active:not(.x-disabled){background-color:var(--x-background-a200)}.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:not(.x-disabled){background-color:var(--x-background-a400);color:var(--x-primary)}.x-list-option.x-selected:not(.x-disabled)>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)}.x-list-option-big{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-option-large{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-option-medium{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-option-small{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-option-mini{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}body>x-list-option{display:block}body>x-list-option.cdk-drag-preview .x-list-option{border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}body>x-list-option.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i4.XKeywordDirective, selector: "[x-keyword]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XListOptionComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XListOptionPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"x-list-option\"\r\n  [ngClass]=\"classMap\"\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  <div class=\"x-list-option-content\">\r\n    <ng-container *ngIf=\"!nodeTpl\">\r\n      <x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon>\r\n      <span x-keyword [text]=\"keywordText\" [caseSensitive]=\"caseSensitive\">{{ label }}</span>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"nodeTpl\">\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n    </ng-container>\r\n  </div>\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{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-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-block}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover:not(.x-disabled),.x-list-option.x-active:not(.x-disabled){background-color:var(--x-background-a200)}.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:not(.x-disabled){background-color:var(--x-background-a400);color:var(--x-primary)}.x-list-option.x-selected:not(.x-disabled)>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)}.x-list-option-big{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-option-large{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-option-medium{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-option-small{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-option-mini{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}body>x-list-option{display:block}body>x-list-option.cdk-drag-preview .x-list-option{border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}body>x-list-option.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { role: [{