@ng-nest/ui 13.0.4 → 13.0.5

package/esm2020/tabs/tab-content.component.mjs

@@ -9,9 +9,9 @@ export class XTabContentComponent {
         this.renderer.addClass(this.elementRef.nativeElement, 'x-tab-content');
     }
 }
-/** @nocollapse */ /** @nocollapse */ XTabContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XTabContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTabContentComponent, selector: "x-tab-content", inputs: { content: "content", active: "active" }, ngImport: i0, template: "<ng-container>\r\n  <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\r\n</ng-container>\r\n", directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabContentComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XTabContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XTabContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTabContentComponent, selector: "x-tab-content", inputs: { content: "content", active: "active" }, ngImport: i0, template: "<ng-container>\r\n  <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\r\n</ng-container>\r\n", directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-tab-content', preserveWhitespaces: false, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\r\n  <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\r\n</ng-container>\r\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { content: [{

package/esm2020/tabs/tab.component.mjs

@@ -8,9 +8,9 @@ export class XTabComponent extends XTabProperty {
         this.configService = configService;
     }
 }
-/** @nocollapse */ /** @nocollapse */ XTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabComponent, deps: [{ token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTabComponent, selector: "x-tab", viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabComponent, deps: [{ token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTabComponent, selector: "x-tab", viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XTabPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1.XConfigService }]; }, propDecorators: { content: [{

package/esm2020/tabs/tabs.component.mjs

@@ -103,9 +103,9 @@ export class XTabsComponent extends XTabsProperty {
         this.classMap[`${XTabsPrefix}-is-last`] = this.activatedIndex === this.tabs?.length - 1;
     }
 }
-/** @nocollapse */ /** @nocollapse */ XTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTabsComponent, selector: "x-tabs", queries: [{ propertyName: "listTabs", predicate: XTabComponent }], viewQueries: [{ propertyName: "slider", first: true, predicate: XSliderComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-tabs\" [ngClass]=\"classMap\">\r\n  <div #list class=\"x-tabs-list\" *ngIf=\"!sliderHidden\">\r\n    <x-slider\r\n      #slider\r\n      [animated]=\"animated && type !== 'tag'\"\r\n      [justify]=\"justify\"\r\n      [nodeJustify]=\"nodeJustify\"\r\n      [data]=\"sliderOption.data\"\r\n      [layout]=\"sliderOption.layout\"\r\n      [size]=\"size\"\r\n      [nodeTpl]=\"nodeTpl\"\r\n      [activatedIndex]=\"sliderOption.activatedIndex\"\r\n      (indexChange)=\"activatedChange($event)\"\r\n    ></x-slider>\r\n  </div>\r\n  <div #content class=\"x-tabs-contents\" [class.x-tabs-contents-animated]=\"animated && (layout === 'top' || layout === 'bottom')\">\r\n    <x-tab-content\r\n      *ngFor=\"let tab of listTabs; index as i\"\r\n      [active]=\"activeIndex == i\"\r\n      [content]=\"tab.content\"\r\n      [class.x-tab-content-unactivated]=\"activeIndex != i\"\r\n      [style.transform]=\"'translate(' + (-activeIndex || 0) * 100 + '%, 0px)'\"\r\n    >\r\n    </x-tab-content>\r\n  </div>\r\n</div>\r\n", styles: [".x-tabs{margin:0;padding:0;display:flex;overflow:hidden}.x-tabs-contents{flex:1;display:flex;overflow:hidden;flex-direction:row}.x-tabs-contents>.x-tab-content{flex-shrink:0;width:100%;opacity:1;height:-moz-fit-content;height:fit-content}.x-tabs-contents>.x-tab-content.x-tab-content-unactivated{transition:height 0s,opacity 0s;height:0;opacity:0}.x-tabs-contents-animated>.x-tab-content{transition:transform var(--x-animation-duration-slow) cubic-bezier(.645,.045,.355,1),height 0s,opacity var(--x-animation-duration-slow)}.x-tabs-contents-animated>.x-tab-content.x-tab-content-unactivated{display:inherit}.x-tabs-list{display:flex}.x-tabs-top{flex-direction:column}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom{flex-direction:column-reverse}.x-tabs-left{flex-direction:row}.x-tabs-block.x-tabs-top>.x-tabs-list{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.x-tabs-block.x-tabs-right>.x-tabs-list{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.x-tabs-block.x-tabs-bottom>.x-tabs-list{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.x-tabs-block.x-tabs-left>.x-tabs-list{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.x-tabs-tag.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;bottom:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;left:0;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;top:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;right:0;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-top{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-right{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-left-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}.x-tabs-card.x-tabs-bottom{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-bottom .x-tabs-list{border-top:none}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}\n"], components: [{ type: i2.XSliderComponent, selector: "x-slider" }, { type: i3.XTabContentComponent, selector: "x-tab-content", inputs: ["content", "active"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTabsComponent, selector: "x-tabs", queries: [{ propertyName: "listTabs", predicate: XTabComponent }], viewQueries: [{ propertyName: "slider", first: true, predicate: XSliderComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-tabs\" [ngClass]=\"classMap\">\r\n  <div #list class=\"x-tabs-list\" *ngIf=\"!sliderHidden\">\r\n    <x-slider\r\n      #slider\r\n      [animated]=\"animated && type !== 'tag'\"\r\n      [justify]=\"justify\"\r\n      [nodeJustify]=\"nodeJustify\"\r\n      [data]=\"sliderOption.data\"\r\n      [layout]=\"sliderOption.layout\"\r\n      [size]=\"size\"\r\n      [nodeTpl]=\"nodeTpl\"\r\n      [activatedIndex]=\"sliderOption.activatedIndex\"\r\n      (indexChange)=\"activatedChange($event)\"\r\n    ></x-slider>\r\n  </div>\r\n  <div #content class=\"x-tabs-contents\" [class.x-tabs-contents-animated]=\"animated && (layout === 'top' || layout === 'bottom')\">\r\n    <x-tab-content\r\n      *ngFor=\"let tab of listTabs; index as i\"\r\n      [active]=\"activeIndex == i\"\r\n      [content]=\"tab.content\"\r\n      [class.x-tab-content-unactivated]=\"activeIndex != i\"\r\n      [style.transform]=\"'translate(' + (-activeIndex || 0) * 100 + '%, 0px)'\"\r\n    >\r\n    </x-tab-content>\r\n  </div>\r\n</div>\r\n", styles: [".x-tabs{margin:0;padding:0;display:flex;overflow:hidden}.x-tabs-contents{flex:1;display:flex;overflow:hidden;flex-direction:row}.x-tabs-contents>.x-tab-content{flex-shrink:0;width:100%;opacity:1;height:-moz-fit-content;height:fit-content}.x-tabs-contents>.x-tab-content.x-tab-content-unactivated{transition:height 0s,opacity 0s;height:0;opacity:0}.x-tabs-contents-animated>.x-tab-content{transition:transform var(--x-animation-duration-slow) cubic-bezier(.645,.045,.355,1),height 0s,opacity var(--x-animation-duration-slow)}.x-tabs-contents-animated>.x-tab-content.x-tab-content-unactivated{display:inherit}.x-tabs-list{display:flex}.x-tabs-top{flex-direction:column}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom{flex-direction:column-reverse}.x-tabs-left{flex-direction:row}.x-tabs-block.x-tabs-top>.x-tabs-list{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.x-tabs-block.x-tabs-right>.x-tabs-list{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.x-tabs-block.x-tabs-bottom>.x-tabs-list{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.x-tabs-block.x-tabs-left>.x-tabs-list{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.x-tabs-tag.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;bottom:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;left:0;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;top:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;right:0;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-top{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-right{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-left-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}.x-tabs-card.x-tabs-bottom{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-bottom .x-tabs-list{border-top:none}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}\n"], components: [{ type: i2.XSliderComponent, selector: "x-slider" }, { type: i3.XTabContentComponent, selector: "x-tab-content", inputs: ["content", "active"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XTabsPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-tabs\" [ngClass]=\"classMap\">\r\n  <div #list class=\"x-tabs-list\" *ngIf=\"!sliderHidden\">\r\n    <x-slider\r\n      #slider\r\n      [animated]=\"animated && type !== 'tag'\"\r\n      [justify]=\"justify\"\r\n      [nodeJustify]=\"nodeJustify\"\r\n      [data]=\"sliderOption.data\"\r\n      [layout]=\"sliderOption.layout\"\r\n      [size]=\"size\"\r\n      [nodeTpl]=\"nodeTpl\"\r\n      [activatedIndex]=\"sliderOption.activatedIndex\"\r\n      (indexChange)=\"activatedChange($event)\"\r\n    ></x-slider>\r\n  </div>\r\n  <div #content class=\"x-tabs-contents\" [class.x-tabs-contents-animated]=\"animated && (layout === 'top' || layout === 'bottom')\">\r\n    <x-tab-content\r\n      *ngFor=\"let tab of listTabs; index as i\"\r\n      [active]=\"activeIndex == i\"\r\n      [content]=\"tab.content\"\r\n      [class.x-tab-content-unactivated]=\"activeIndex != i\"\r\n      [style.transform]=\"'translate(' + (-activeIndex || 0) * 100 + '%, 0px)'\"\r\n    >\r\n    </x-tab-content>\r\n  </div>\r\n</div>\r\n", styles: [".x-tabs{margin:0;padding:0;display:flex;overflow:hidden}.x-tabs-contents{flex:1;display:flex;overflow:hidden;flex-direction:row}.x-tabs-contents>.x-tab-content{flex-shrink:0;width:100%;opacity:1;height:-moz-fit-content;height:fit-content}.x-tabs-contents>.x-tab-content.x-tab-content-unactivated{transition:height 0s,opacity 0s;height:0;opacity:0}.x-tabs-contents-animated>.x-tab-content{transition:transform var(--x-animation-duration-slow) cubic-bezier(.645,.045,.355,1),height 0s,opacity var(--x-animation-duration-slow)}.x-tabs-contents-animated>.x-tab-content.x-tab-content-unactivated{display:inherit}.x-tabs-list{display:flex}.x-tabs-top{flex-direction:column}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom{flex-direction:column-reverse}.x-tabs-left{flex-direction:row}.x-tabs-block.x-tabs-top>.x-tabs-list{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.x-tabs-block.x-tabs-right>.x-tabs-list{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.x-tabs-block.x-tabs-bottom>.x-tabs-list{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.x-tabs-block.x-tabs-left>.x-tabs-list{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.x-tabs-tag.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;bottom:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;left:0;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;top:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;right:0;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-top{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-right{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-left-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}.x-tabs-card.x-tabs-bottom{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-bottom .x-tabs-list{border-top:none}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { listTabs: [{

package/esm2020/tabs/tabs.module.mjs

@@ -9,10 +9,10 @@ import { XTabsProperty, XTabProperty } from './tabs.property';
 import * as i0 from "@angular/core";
 export class XTabsModule {
 }
-/** @nocollapse */ /** @nocollapse */ XTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsModule, declarations: [XTabsComponent, XTabContentComponent, XTabComponent, XTabsProperty, XTabProperty], imports: [CommonModule, XSliderModule, XIconModule], exports: [XTabsComponent, XTabContentComponent, XTabComponent] });
-/** @nocollapse */ /** @nocollapse */ XTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsModule, imports: [[CommonModule, XSliderModule, XIconModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsModule, declarations: [XTabsComponent, XTabContentComponent, XTabComponent, XTabsProperty, XTabProperty], imports: [CommonModule, XSliderModule, XIconModule], exports: [XTabsComponent, XTabContentComponent, XTabComponent] });
+/** @nocollapse */ /** @nocollapse */ XTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsModule, imports: [[CommonModule, XSliderModule, XIconModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XTabsComponent, XTabContentComponent, XTabComponent, XTabsProperty, XTabProperty],

package/esm2020/tabs/tabs.property.mjs

@@ -52,8 +52,8 @@ export class XTabsProperty extends XProperty {
         this.indexChange = new EventEmitter();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XTabsProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XTabsProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTabsProperty, selector: "ng-component", inputs: { data: "data", justify: "justify", type: "type", layout: "layout", activatedIndex: "activatedIndex", animated: "animated", nodeTpl: "nodeTpl", size: "size", nodeJustify: "nodeJustify", sliderHidden: "sliderHidden" }, outputs: { indexChange: "indexChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XTabsProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XTabsProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTabsProperty, selector: "ng-component", inputs: { data: "data", justify: "justify", type: "type", layout: "layout", activatedIndex: "activatedIndex", animated: "animated", nodeTpl: "nodeTpl", size: "size", nodeJustify: "nodeJustify", sliderHidden: "sliderHidden" }, outputs: { indexChange: "indexChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputNumber()
 ], XTabsProperty.prototype, "activatedIndex", void 0);
@@ -66,7 +66,7 @@ __decorate([
 __decorate([
     XInputBoolean()
 ], XTabsProperty.prototype, "sliderHidden", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { data: [{
@@ -103,9 +103,9 @@ export const XTabPrefix = 'x-tab';
  */
 export class XTabProperty {
 }
-/** @nocollapse */ /** @nocollapse */ XTabProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XTabProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTabProperty, selector: "ng-component", inputs: { label: "label" }, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabProperty, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XTabProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XTabProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTabProperty, selector: "ng-component", inputs: { label: "label" }, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { label: [{

package/esm2020/tag/tag.component.mjs

@@ -34,9 +34,9 @@ export class XTagComponent extends XTagProperty {
         this.close.emit();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTagComponent, selector: "x-tag", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #tag class=\"x-tag\" [ngClass]=\"classMap\" [class.x-disabled]=\"disabled\" [class.x-tag-bordered]=\"bordered\">\r\n  <ng-content></ng-content>\r\n  <x-icon type=\"fto-x\" *ngIf=\"closable\" (click)=\"onClose()\"></x-icon>\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;padding:0;display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-big>.x-icon{right:-var(--x-padding-big)/2}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-large>.x-icon{right:-var(--x-padding-large)/2}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-medium>.x-icon{right:-var(--x-padding-medium)/2}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-small>.x-icon{right:-var(--x-padding-small)/2}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-mini>.x-icon{right:-var(--x-padding-mini)/2}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTagComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTagComponent, selector: "x-tag", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #tag class=\"x-tag\" [ngClass]=\"classMap\" [class.x-disabled]=\"disabled\" [class.x-tag-bordered]=\"bordered\">\r\n  <ng-content></ng-content>\r\n  <x-icon type=\"fto-x\" *ngIf=\"closable\" (click)=\"onClose()\"></x-icon>\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;padding:0;display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-big>.x-icon{right:-var(--x-padding-big)/2}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-large>.x-icon{right:-var(--x-padding-large)/2}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-medium>.x-icon{right:-var(--x-padding-medium)/2}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-small>.x-icon{right:-var(--x-padding-small)/2}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-mini>.x-icon{right:-var(--x-padding-mini)/2}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTagComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XTagPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #tag class=\"x-tag\" [ngClass]=\"classMap\" [class.x-disabled]=\"disabled\" [class.x-tag-bordered]=\"bordered\">\r\n  <ng-content></ng-content>\r\n  <x-icon type=\"fto-x\" *ngIf=\"closable\" (click)=\"onClose()\"></x-icon>\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;padding:0;display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-big>.x-icon{right:-var(--x-padding-big)/2}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-large>.x-icon{right:-var(--x-padding-large)/2}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-medium>.x-icon{right:-var(--x-padding-medium)/2}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-small>.x-icon{right:-var(--x-padding-small)/2}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-mini>.x-icon{right:-var(--x-padding-mini)/2}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });

package/esm2020/tag/tag.module.mjs

@@ -7,10 +7,10 @@ import { XTagProperty } from './tag.property';
 import * as i0 from "@angular/core";
 export class XTagModule {
 }
-/** @nocollapse */ /** @nocollapse */ XTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagModule, declarations: [XTagComponent, XTagProperty], imports: [CommonModule, XIconModule, XOutletModule], exports: [XTagComponent] });
-/** @nocollapse */ /** @nocollapse */ XTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagModule, imports: [[CommonModule, XIconModule, XOutletModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTagModule, declarations: [XTagComponent, XTagProperty], imports: [CommonModule, XIconModule, XOutletModule], exports: [XTagComponent] });
+/** @nocollapse */ /** @nocollapse */ XTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTagModule, imports: [[CommonModule, XIconModule, XOutletModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTagModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XTagComponent, XTagProperty],

package/esm2020/tag/tag.property.mjs

@@ -27,8 +27,8 @@ export class XTagProperty extends XProperty {
         this.close = new EventEmitter();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XTagProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XTagProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTagProperty, selector: "ng-component", inputs: { type: "type", size: "size", bordered: "bordered", closable: "closable", dark: "dark", disabled: "disabled" }, outputs: { close: "close" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XTagProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTagProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XTagProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTagProperty, selector: "ng-component", inputs: { type: "type", size: "size", bordered: "bordered", closable: "closable", dark: "dark", disabled: "disabled" }, outputs: { close: "close" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'medium')
 ], XTagProperty.prototype, "size", void 0);
@@ -47,7 +47,7 @@ __decorate([
 __decorate([
     XInputBoolean()
 ], XTagProperty.prototype, "disabled", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTagProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { type: [{

package/esm2020/text-retract/text-retract.component.mjs

@@ -53,9 +53,9 @@ export class XTextRetractComponent extends XTextRetractProperty {
         this.cdr.detectChanges();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XTextRetractComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTextRetractComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XTextRetractComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTextRetractComponent, selector: "x-text-retract", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-text-retract\">\r\n  {{ displayValue }}\r\n  <ng-container *ngIf=\"retract\">\r\n    <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"unfold\">...{{ 'textRetract.unfold' | xI18n }}</x-link>\r\n    <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"!unfold\">{{ 'textRetract.packUp' | xI18n }}</x-link>\r\n  </ng-container>\r\n</div>\r\n", styles: [".x-text-retract{margin:0;padding:0;font-size:var(--x-font-size);display:inline}\n"], components: [{ type: i3.XLinkComponent, selector: "x-link" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "xI18n": i2.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTextRetractComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XTextRetractComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTextRetractComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XTextRetractComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTextRetractComponent, selector: "x-text-retract", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-text-retract\">\r\n  {{ displayValue }}\r\n  <ng-container *ngIf=\"retract\">\r\n    <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"unfold\">...{{ 'textRetract.unfold' | xI18n }}</x-link>\r\n    <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"!unfold\">{{ 'textRetract.packUp' | xI18n }}</x-link>\r\n  </ng-container>\r\n</div>\r\n", styles: [".x-text-retract{margin:0;padding:0;font-size:var(--x-font-size);display:inline}\n"], components: [{ type: i3.XLinkComponent, selector: "x-link" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "xI18n": i2.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTextRetractComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XTextRetractPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-text-retract\">\r\n  {{ displayValue }}\r\n  <ng-container *ngIf=\"retract\">\r\n    <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"unfold\">...{{ 'textRetract.unfold' | xI18n }}</x-link>\r\n    <x-link type=\"primary\" (click)=\"toggle()\" *ngIf=\"!unfold\">{{ 'textRetract.packUp' | xI18n }}</x-link>\r\n  </ng-container>\r\n</div>\r\n", styles: [".x-text-retract{margin:0;padding:0;font-size:var(--x-font-size);display:inline}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }, { type: i2.XI18nService }]; } });

package/esm2020/text-retract/text-retract.module.mjs

@@ -8,10 +8,10 @@ import { XI18nModule } from '@ng-nest/ui/i18n';
 import * as i0 from "@angular/core";
 export class XTextRetractModule {
 }
-/** @nocollapse */ /** @nocollapse */ XTextRetractModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTextRetractModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XTextRetractModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTextRetractModule, declarations: [XTextRetractComponent, XTextRetractProperty], imports: [CommonModule, FormsModule, XLinkModule, XI18nModule], exports: [XTextRetractComponent] });
-/** @nocollapse */ /** @nocollapse */ XTextRetractModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTextRetractModule, imports: [[CommonModule, FormsModule, XLinkModule, XI18nModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTextRetractModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XTextRetractModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTextRetractModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XTextRetractModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTextRetractModule, declarations: [XTextRetractComponent, XTextRetractProperty], imports: [CommonModule, FormsModule, XLinkModule, XI18nModule], exports: [XTextRetractComponent] });
+/** @nocollapse */ /** @nocollapse */ XTextRetractModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTextRetractModule, imports: [[CommonModule, FormsModule, XLinkModule, XI18nModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTextRetractModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XTextRetractComponent, XTextRetractProperty],

package/esm2020/text-retract/text-retract.property.mjs

@@ -14,13 +14,13 @@ const X_CONFIG_NAME = 'textRetract';
  */
 export class XTextRetractProperty {
 }
-/** @nocollapse */ /** @nocollapse */ XTextRetractProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTextRetractProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XTextRetractProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTextRetractProperty, selector: "ng-component", inputs: { content: "content", max: "max" }, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XTextRetractProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTextRetractProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XTextRetractProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTextRetractProperty, selector: "ng-component", inputs: { content: "content", max: "max" }, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, 256),
     XInputNumber()
 ], XTextRetractProperty.prototype, "max", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTextRetractProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTextRetractProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { content: [{

package/esm2020/textarea/textarea.component.mjs

@@ -88,9 +88,9 @@ export class XTextareaComponent extends XTextareaProperty {
         this.cdr.detectChanges();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTextareaComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTextareaComponent, selector: "x-textarea", providers: [XValueAccessor(XTextareaComponent)], viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }, { propertyName: "textareaRef", first: true, predicate: ["textareaRef"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #textarea\r\n  class=\"x-textarea\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n  [class.x-clearable]=\"clearable\"\r\n  [class.x-clear-show]=\"clearShow\"\r\n  [class.x-textarea-icon]=\"getIcon\"\r\n  [class.x-textarea-icon-left]=\"getIconLayoutLeft\"\r\n  [class.x-textarea-icon-right]=\"getIconLayoutRight\"\r\n  [ngClass]=\"classMap\"\r\n>\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-textarea-row\">\r\n    <textarea\r\n      #textareaRef\r\n      [placeholder]=\"placeholder\"\r\n      [required]=\"required\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [maxlength]=\"maxlength\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [style.height]=\"height\"\r\n      [style.padding-left.rem]=\"paddingLeft\"\r\n      [style.padding-right.rem]=\"paddingRight\"\r\n    ></textarea>\r\n    <x-icon *ngIf=\"clearShow\" class=\"x-textarea-clear\" type=\"fto-x\" (click)=\"onClear()\"></x-icon>\r\n    <x-icon *ngIf=\"icon && ((!clearShow && getIconLayoutRight) || getIconLayoutLeft)\" [type]=\"icon\" [spin]=\"iconSpin\"></x-icon>\r\n    <span class=\"x-textarea-max-length\" *ngIf=\"maxlength\">{{ lengthTotal }}</span>\r\n    <span class=\"x-textarea-error-message\" *ngIf=\"invalid\">{{ invalidMessage }}</span>\r\n    <ng-container *ngIf=\"requiredIsEmpty || 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-textarea{display:inline-block;width:100%}.x-textarea{width:100%;margin:0;padding:0}.x-textarea.x-flex{display:flex}.x-textarea.x-justify-start{justify-content:flex-start}.x-textarea.x-justify-center{justify-content:center}.x-textarea.x-justify-end{justify-content:flex-end}.x-textarea.x-justify-space-between{justify-content:space-between}.x-textarea.x-justify-space-around{justify-content:space-around}.x-textarea.x-align-start{align-items:flex-start}.x-textarea.x-align-center{align-items:center}.x-textarea.x-align-end{align-items:flex-end}.x-textarea.x-direction-column{flex-direction:column}.x-textarea.x-direction-column-reverse{flex-direction:column-reverse}.x-textarea.x-direction-row{flex-direction:row}.x-textarea.x-direction-row-reverse{flex-direction:row-reverse}.x-textarea>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-textarea>label.x-text-align-start{text-align:start}.x-textarea>label.x-text-align-center{text-align:center}.x-textarea>label.x-text-align-end{text-align:end}.x-textarea>.x-textarea-row{flex:1;display:flex;align-items:center;position:relative}.x-textarea>.x-textarea-row>textarea{flex:1;width:100%;font-size:var(--x-font-size);background-color:var(--x-background);background-image:none;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) transparent;transition:all var(--x-animation-duration-slow);line-height:calc(var(--x-font-size) + .325rem);padding:.4rem}.x-textarea>.x-textarea-row>textarea::-moz-placeholder{color:var(--x-text-700);opacity:1}.x-textarea>.x-textarea-row>textarea:-ms-input-placeholder{color:var(--x-text-700)}.x-textarea>.x-textarea-row>textarea::-webkit-input-placeholder{color:var(--x-text-700)}.x-textarea>.x-textarea-row>textarea:hover{border-color:var(--x-primary-300)}.x-textarea>.x-textarea-row>textarea:focus{border-color:var(--x-primary);outline:0}.x-textarea>.x-textarea-row>textarea[disabled]{color:var(--x-text-500)}.x-textarea>.x-textarea-row>x-icon{color:var(--x-text-400);transition:all var(--x-animation-duration-base)}.x-textarea-error-message{position:absolute;bottom:0;left:0;font-size:var(--x-font-size)-.125rem;color:var(--x-danger);margin-bottom:calc((var(--x-font-size) + .45rem) * -1);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-textarea.x-invalid>label,.x-textarea.x-required>label{color:var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row>x-icon,.x-textarea.x-required>.x-textarea-row>x-icon{color:var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error,.x-textarea.x-required>.x-textarea-row .x-border-error{position:absolute;height:.5rem;width:.5rem;z-index:10}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-top-left,.x-textarea.x-required>.x-textarea-row .x-border-error.x-top-left{border-top-left-radius:var(--x-border-radius);top:0;left:0;border-top:var(--x-border-width) solid var(--x-danger);border-left:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-top-right,.x-textarea.x-required>.x-textarea-row .x-border-error.x-top-right{border-top-right-radius:var(--x-border-radius);top:0;right:0;border-top:var(--x-border-width) solid var(--x-danger);border-right:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-bottom-left,.x-textarea.x-required>.x-textarea-row .x-border-error.x-bottom-left{border-bottom-left-radius:var(--x-border-radius);bottom:0;left:0;border-bottom:var(--x-border-width) solid var(--x-danger);border-left:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-bottom-right,.x-textarea.x-required>.x-textarea-row .x-border-error.x-bottom-right{border-bottom-right-radius:var(--x-border-radius);bottom:0;right:0;border-bottom:var(--x-border-width) solid var(--x-danger);border-right:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-disabled>.x-textarea-row>x-icon{color:var(--x-text-400)}.x-textarea.x-disabled>.x-textarea-row>textarea{color:var(--x-text-400);cursor:not-allowed;border-color:var(--x-border-100);background-color:var(--x-background-a100)}.x-textarea.x-clearable>.x-textarea-row>.x-textarea-clear{position:absolute;color:var(--x-text-400);font-size:var(--x-font-size-medium);padding:.4rem;top:0;right:0;left:inherit;opacity:0;cursor:pointer}.x-textarea.x-clearable>.x-textarea-row>.x-textarea-clear:hover{color:var(--x-text-300)}.x-textarea.x-clearable>.x-textarea-row>textarea:hover+.x-textarea-clear,.x-textarea.x-clearable>.x-textarea-row>textarea:focus+.x-textarea-clear{opacity:1}.x-textarea.x-clearable.x-clear-show>.x-textarea-row>.x-textarea-clear{opacity:1}.x-textarea.x-clearable.x-clear-show>.x-textarea-row>textarea{padding-right:var(--x-font-size-medium).8rem!important}.x-textarea-max-length{position:absolute;font-size:var(--x-font-size-small);color:var(--x-text-400);padding:0 .4rem;right:.25rem;bottom:.25rem}.x-textarea.x-direction-row>label{padding:0 .5rem 0 0}.x-textarea.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-textarea.x-direction-column,.x-textarea.x-direction-column-reverse{align-items:inherit}.x-textarea-icon>.x-textarea-row>x-icon{position:absolute;font-size:var(--x-font-size-medium);padding:.4rem}.x-textarea-icon-left>.x-textarea-row>textarea{padding-left:var(--x-font-size-medium).8rem}.x-textarea-icon-left>.x-textarea-row>x-icon{left:0;top:0}.x-textarea-icon-right>.x-textarea-row>textarea{padding-right:var(--x-font-size-medium).8rem}.x-textarea-icon-right>.x-textarea-row>x-icon{right:0;top:0}.x-textarea-icon-right>.x-textarea-row>.x-textarea-max-length{right:inherit;left:0;bottom:0}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTextareaComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTextareaComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTextareaComponent, selector: "x-textarea", providers: [XValueAccessor(XTextareaComponent)], viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }, { propertyName: "textareaRef", first: true, predicate: ["textareaRef"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #textarea\r\n  class=\"x-textarea\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n  [class.x-clearable]=\"clearable\"\r\n  [class.x-clear-show]=\"clearShow\"\r\n  [class.x-textarea-icon]=\"getIcon\"\r\n  [class.x-textarea-icon-left]=\"getIconLayoutLeft\"\r\n  [class.x-textarea-icon-right]=\"getIconLayoutRight\"\r\n  [ngClass]=\"classMap\"\r\n>\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-textarea-row\">\r\n    <textarea\r\n      #textareaRef\r\n      [placeholder]=\"placeholder\"\r\n      [required]=\"required\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [maxlength]=\"maxlength\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [style.height]=\"height\"\r\n      [style.padding-left.rem]=\"paddingLeft\"\r\n      [style.padding-right.rem]=\"paddingRight\"\r\n    ></textarea>\r\n    <x-icon *ngIf=\"clearShow\" class=\"x-textarea-clear\" type=\"fto-x\" (click)=\"onClear()\"></x-icon>\r\n    <x-icon *ngIf=\"icon && ((!clearShow && getIconLayoutRight) || getIconLayoutLeft)\" [type]=\"icon\" [spin]=\"iconSpin\"></x-icon>\r\n    <span class=\"x-textarea-max-length\" *ngIf=\"maxlength\">{{ lengthTotal }}</span>\r\n    <span class=\"x-textarea-error-message\" *ngIf=\"invalid\">{{ invalidMessage }}</span>\r\n    <ng-container *ngIf=\"requiredIsEmpty || 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-textarea{display:inline-block;width:100%}.x-textarea{width:100%;margin:0;padding:0}.x-textarea.x-flex{display:flex}.x-textarea.x-justify-start{justify-content:flex-start}.x-textarea.x-justify-center{justify-content:center}.x-textarea.x-justify-end{justify-content:flex-end}.x-textarea.x-justify-space-between{justify-content:space-between}.x-textarea.x-justify-space-around{justify-content:space-around}.x-textarea.x-align-start{align-items:flex-start}.x-textarea.x-align-center{align-items:center}.x-textarea.x-align-end{align-items:flex-end}.x-textarea.x-direction-column{flex-direction:column}.x-textarea.x-direction-column-reverse{flex-direction:column-reverse}.x-textarea.x-direction-row{flex-direction:row}.x-textarea.x-direction-row-reverse{flex-direction:row-reverse}.x-textarea>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-textarea>label.x-text-align-start{text-align:start}.x-textarea>label.x-text-align-center{text-align:center}.x-textarea>label.x-text-align-end{text-align:end}.x-textarea>.x-textarea-row{flex:1;display:flex;align-items:center;position:relative}.x-textarea>.x-textarea-row>textarea{flex:1;width:100%;font-size:var(--x-font-size);background-color:var(--x-background);background-image:none;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) transparent;transition:all var(--x-animation-duration-slow);line-height:calc(var(--x-font-size) + .325rem);padding:.4rem}.x-textarea>.x-textarea-row>textarea::-moz-placeholder{color:var(--x-text-700);opacity:1}.x-textarea>.x-textarea-row>textarea:-ms-input-placeholder{color:var(--x-text-700)}.x-textarea>.x-textarea-row>textarea::-webkit-input-placeholder{color:var(--x-text-700)}.x-textarea>.x-textarea-row>textarea:hover{border-color:var(--x-primary-300)}.x-textarea>.x-textarea-row>textarea:focus{border-color:var(--x-primary);outline:0}.x-textarea>.x-textarea-row>textarea[disabled]{color:var(--x-text-500)}.x-textarea>.x-textarea-row>x-icon{color:var(--x-text-400);transition:all var(--x-animation-duration-base)}.x-textarea-error-message{position:absolute;bottom:0;left:0;font-size:var(--x-font-size)-.125rem;color:var(--x-danger);margin-bottom:calc((var(--x-font-size) + .45rem) * -1);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-textarea.x-invalid>label,.x-textarea.x-required>label{color:var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row>x-icon,.x-textarea.x-required>.x-textarea-row>x-icon{color:var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error,.x-textarea.x-required>.x-textarea-row .x-border-error{position:absolute;height:.5rem;width:.5rem;z-index:10}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-top-left,.x-textarea.x-required>.x-textarea-row .x-border-error.x-top-left{border-top-left-radius:var(--x-border-radius);top:0;left:0;border-top:var(--x-border-width) solid var(--x-danger);border-left:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-top-right,.x-textarea.x-required>.x-textarea-row .x-border-error.x-top-right{border-top-right-radius:var(--x-border-radius);top:0;right:0;border-top:var(--x-border-width) solid var(--x-danger);border-right:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-bottom-left,.x-textarea.x-required>.x-textarea-row .x-border-error.x-bottom-left{border-bottom-left-radius:var(--x-border-radius);bottom:0;left:0;border-bottom:var(--x-border-width) solid var(--x-danger);border-left:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-bottom-right,.x-textarea.x-required>.x-textarea-row .x-border-error.x-bottom-right{border-bottom-right-radius:var(--x-border-radius);bottom:0;right:0;border-bottom:var(--x-border-width) solid var(--x-danger);border-right:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-disabled>.x-textarea-row>x-icon{color:var(--x-text-400)}.x-textarea.x-disabled>.x-textarea-row>textarea{color:var(--x-text-400);cursor:not-allowed;border-color:var(--x-border-100);background-color:var(--x-background-a100)}.x-textarea.x-clearable>.x-textarea-row>.x-textarea-clear{position:absolute;color:var(--x-text-400);font-size:var(--x-font-size-medium);padding:.4rem;top:0;right:0;left:inherit;opacity:0;cursor:pointer}.x-textarea.x-clearable>.x-textarea-row>.x-textarea-clear:hover{color:var(--x-text-300)}.x-textarea.x-clearable>.x-textarea-row>textarea:hover+.x-textarea-clear,.x-textarea.x-clearable>.x-textarea-row>textarea:focus+.x-textarea-clear{opacity:1}.x-textarea.x-clearable.x-clear-show>.x-textarea-row>.x-textarea-clear{opacity:1}.x-textarea.x-clearable.x-clear-show>.x-textarea-row>textarea{padding-right:var(--x-font-size-medium).8rem!important}.x-textarea-max-length{position:absolute;font-size:var(--x-font-size-small);color:var(--x-text-400);padding:0 .4rem;right:.25rem;bottom:.25rem}.x-textarea.x-direction-row>label{padding:0 .5rem 0 0}.x-textarea.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-textarea.x-direction-column,.x-textarea.x-direction-column-reverse{align-items:inherit}.x-textarea-icon>.x-textarea-row>x-icon{position:absolute;font-size:var(--x-font-size-medium);padding:.4rem}.x-textarea-icon-left>.x-textarea-row>textarea{padding-left:var(--x-font-size-medium).8rem}.x-textarea-icon-left>.x-textarea-row>x-icon{left:0;top:0}.x-textarea-icon-right>.x-textarea-row>textarea{padding-right:var(--x-font-size-medium).8rem}.x-textarea-icon-right>.x-textarea-row>x-icon{right:0;top:0}.x-textarea-icon-right>.x-textarea-row>.x-textarea-max-length{right:inherit;left:0;bottom:0}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XTextareaPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XTextareaComponent)], template: "<div\r\n  #textarea\r\n  class=\"x-textarea\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n  [class.x-clearable]=\"clearable\"\r\n  [class.x-clear-show]=\"clearShow\"\r\n  [class.x-textarea-icon]=\"getIcon\"\r\n  [class.x-textarea-icon-left]=\"getIconLayoutLeft\"\r\n  [class.x-textarea-icon-right]=\"getIconLayoutRight\"\r\n  [ngClass]=\"classMap\"\r\n>\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-textarea-row\">\r\n    <textarea\r\n      #textareaRef\r\n      [placeholder]=\"placeholder\"\r\n      [required]=\"required\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [maxlength]=\"maxlength\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"change($event)\"\r\n      [style.height]=\"height\"\r\n      [style.padding-left.rem]=\"paddingLeft\"\r\n      [style.padding-right.rem]=\"paddingRight\"\r\n    ></textarea>\r\n    <x-icon *ngIf=\"clearShow\" class=\"x-textarea-clear\" type=\"fto-x\" (click)=\"onClear()\"></x-icon>\r\n    <x-icon *ngIf=\"icon && ((!clearShow && getIconLayoutRight) || getIconLayoutLeft)\" [type]=\"icon\" [spin]=\"iconSpin\"></x-icon>\r\n    <span class=\"x-textarea-max-length\" *ngIf=\"maxlength\">{{ lengthTotal }}</span>\r\n    <span class=\"x-textarea-error-message\" *ngIf=\"invalid\">{{ invalidMessage }}</span>\r\n    <ng-container *ngIf=\"requiredIsEmpty || 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-textarea{display:inline-block;width:100%}.x-textarea{width:100%;margin:0;padding:0}.x-textarea.x-flex{display:flex}.x-textarea.x-justify-start{justify-content:flex-start}.x-textarea.x-justify-center{justify-content:center}.x-textarea.x-justify-end{justify-content:flex-end}.x-textarea.x-justify-space-between{justify-content:space-between}.x-textarea.x-justify-space-around{justify-content:space-around}.x-textarea.x-align-start{align-items:flex-start}.x-textarea.x-align-center{align-items:center}.x-textarea.x-align-end{align-items:flex-end}.x-textarea.x-direction-column{flex-direction:column}.x-textarea.x-direction-column-reverse{flex-direction:column-reverse}.x-textarea.x-direction-row{flex-direction:row}.x-textarea.x-direction-row-reverse{flex-direction:row-reverse}.x-textarea>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-textarea>label.x-text-align-start{text-align:start}.x-textarea>label.x-text-align-center{text-align:center}.x-textarea>label.x-text-align-end{text-align:end}.x-textarea>.x-textarea-row{flex:1;display:flex;align-items:center;position:relative}.x-textarea>.x-textarea-row>textarea{flex:1;width:100%;font-size:var(--x-font-size);background-color:var(--x-background);background-image:none;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) transparent;transition:all var(--x-animation-duration-slow);line-height:calc(var(--x-font-size) + .325rem);padding:.4rem}.x-textarea>.x-textarea-row>textarea::-moz-placeholder{color:var(--x-text-700);opacity:1}.x-textarea>.x-textarea-row>textarea:-ms-input-placeholder{color:var(--x-text-700)}.x-textarea>.x-textarea-row>textarea::-webkit-input-placeholder{color:var(--x-text-700)}.x-textarea>.x-textarea-row>textarea:hover{border-color:var(--x-primary-300)}.x-textarea>.x-textarea-row>textarea:focus{border-color:var(--x-primary);outline:0}.x-textarea>.x-textarea-row>textarea[disabled]{color:var(--x-text-500)}.x-textarea>.x-textarea-row>x-icon{color:var(--x-text-400);transition:all var(--x-animation-duration-base)}.x-textarea-error-message{position:absolute;bottom:0;left:0;font-size:var(--x-font-size)-.125rem;color:var(--x-danger);margin-bottom:calc((var(--x-font-size) + .45rem) * -1);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-textarea.x-invalid>label,.x-textarea.x-required>label{color:var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row>x-icon,.x-textarea.x-required>.x-textarea-row>x-icon{color:var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error,.x-textarea.x-required>.x-textarea-row .x-border-error{position:absolute;height:.5rem;width:.5rem;z-index:10}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-top-left,.x-textarea.x-required>.x-textarea-row .x-border-error.x-top-left{border-top-left-radius:var(--x-border-radius);top:0;left:0;border-top:var(--x-border-width) solid var(--x-danger);border-left:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-top-right,.x-textarea.x-required>.x-textarea-row .x-border-error.x-top-right{border-top-right-radius:var(--x-border-radius);top:0;right:0;border-top:var(--x-border-width) solid var(--x-danger);border-right:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-bottom-left,.x-textarea.x-required>.x-textarea-row .x-border-error.x-bottom-left{border-bottom-left-radius:var(--x-border-radius);bottom:0;left:0;border-bottom:var(--x-border-width) solid var(--x-danger);border-left:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-invalid>.x-textarea-row .x-border-error.x-bottom-right,.x-textarea.x-required>.x-textarea-row .x-border-error.x-bottom-right{border-bottom-right-radius:var(--x-border-radius);bottom:0;right:0;border-bottom:var(--x-border-width) solid var(--x-danger);border-right:var(--x-border-width) solid var(--x-danger)}.x-textarea.x-disabled>.x-textarea-row>x-icon{color:var(--x-text-400)}.x-textarea.x-disabled>.x-textarea-row>textarea{color:var(--x-text-400);cursor:not-allowed;border-color:var(--x-border-100);background-color:var(--x-background-a100)}.x-textarea.x-clearable>.x-textarea-row>.x-textarea-clear{position:absolute;color:var(--x-text-400);font-size:var(--x-font-size-medium);padding:.4rem;top:0;right:0;left:inherit;opacity:0;cursor:pointer}.x-textarea.x-clearable>.x-textarea-row>.x-textarea-clear:hover{color:var(--x-text-300)}.x-textarea.x-clearable>.x-textarea-row>textarea:hover+.x-textarea-clear,.x-textarea.x-clearable>.x-textarea-row>textarea:focus+.x-textarea-clear{opacity:1}.x-textarea.x-clearable.x-clear-show>.x-textarea-row>.x-textarea-clear{opacity:1}.x-textarea.x-clearable.x-clear-show>.x-textarea-row>textarea{padding-right:var(--x-font-size-medium).8rem!important}.x-textarea-max-length{position:absolute;font-size:var(--x-font-size-small);color:var(--x-text-400);padding:0 .4rem;right:.25rem;bottom:.25rem}.x-textarea.x-direction-row>label{padding:0 .5rem 0 0}.x-textarea.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-textarea.x-direction-column,.x-textarea.x-direction-column-reverse{align-items:inherit}.x-textarea-icon>.x-textarea-row>x-icon{position:absolute;font-size:var(--x-font-size-medium);padding:.4rem}.x-textarea-icon-left>.x-textarea-row>textarea{padding-left:var(--x-font-size-medium).8rem}.x-textarea-icon-left>.x-textarea-row>x-icon{left:0;top:0}.x-textarea-icon-right>.x-textarea-row>textarea{padding-right:var(--x-font-size-medium).8rem}.x-textarea-icon-right>.x-textarea-row>x-icon{right:0;top:0}.x-textarea-icon-right>.x-textarea-row>.x-textarea-max-length{right:inherit;left:0;bottom:0}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { textarea: [{