@ng-nest/ui 21.0.13 → 22.0.1

package/fesm2022/ng-nest-ui-button.mjs

@@ -35,7 +35,8 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.type = input(this.config?.type ?? 'initial', ...(ngDevMode ? [{ debugName: "type" }] : []));
+        this.type = input(this.config?.type ?? 'initial', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 图标
          * @en_US Icon
@@ -48,7 +49,8 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+        this.icon = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 提示
          * @en_US Title
@@ -60,7 +62,8 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.title = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 按钮中元素的布局方式
          * @en_US Button elements in the layout
@@ -75,7 +78,8 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.direction = input('row', ...(ngDevMode ? [{ debugName: "direction" }] : []));
+        this.direction = input('row', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN tab 键控制次序
          * @en_US Tab key control order
@@ -87,7 +91,7 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.tabindex = input(0, { ...(ngDevMode ? { debugName: "tabindex" } : {}), transform: XToNumber });
+        this.tabindex = input(0, { ...(ngDevMode ? { debugName: "tabindex" } : /* istanbul ignore next */ {}), transform: XToNumber });
         /**
          * @zh_CN 尺寸
          * @en_US Size
@@ -103,7 +107,8 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.size = input(this.config?.size ?? 'medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.size = input(this.config?.size ?? 'medium', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 仅显示图标
          * @en_US Icon only
@@ -116,7 +121,7 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.onlyIcon = input(false, { ...(ngDevMode ? { debugName: "onlyIcon" } : {}), transform: XToBoolean });
+        this.onlyIcon = input(false, { ...(ngDevMode ? { debugName: "onlyIcon" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 激活的按钮（样式差异）
          * @en_US Active button (style difference)
@@ -129,7 +134,7 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.activated = input(false, { ...(ngDevMode ? { debugName: "activated" } : {}), transform: XToBoolean });
+        this.activated = input(false, { ...(ngDevMode ? { debugName: "activated" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 禁用按钮
          * @en_US Disable button
@@ -142,7 +147,7 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: XToBoolean });
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 朴素按钮
          * @en_US Plain button
@@ -155,7 +160,7 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.plain = input(this.config?.plain ?? false, { ...(ngDevMode ? { debugName: "plain" } : {}), transform: XToBoolean });
+        this.plain = input(this.config?.plain ?? false, { ...(ngDevMode ? { debugName: "plain" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 平铺按钮
          * @en_US Flat button
@@ -168,7 +173,7 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.flat = input(this.config?.flat ?? false, { ...(ngDevMode ? { debugName: "flat" } : {}), transform: XToBoolean });
+        this.flat = input(this.config?.flat ?? false, { ...(ngDevMode ? { debugName: "flat" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 文字按钮
          * @en_US Text button
@@ -181,7 +186,7 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.text = input(this.config?.text ?? false, { ...(ngDevMode ? { debugName: "text" } : {}), transform: XToBoolean });
+        this.text = input(this.config?.text ?? false, { ...(ngDevMode ? { debugName: "text" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 圆角按钮
          * @en_US Round button
@@ -194,7 +199,7 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.round = input(this.config?.round ?? false, { ...(ngDevMode ? { debugName: "round" } : {}), transform: XToBoolean });
+        this.round = input(this.config?.round ?? false, { ...(ngDevMode ? { debugName: "round" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 圆型按钮（配合图标来使用）
          * @en_US Round button (use with icon)
@@ -207,7 +212,7 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.circle = input(this.config?.circle ?? false, { ...(ngDevMode ? { debugName: "circle" } : {}), transform: XToBoolean });
+        this.circle = input(this.config?.circle ?? false, { ...(ngDevMode ? { debugName: "circle" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 加载中
          * @en_US Loading
@@ -220,7 +225,7 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), transform: XToBoolean });
+        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 关闭按钮
          * @en_US Close button
@@ -233,7 +238,7 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.closable = input(false, { ...(ngDevMode ? { debugName: "closable" } : {}), transform: XToBoolean });
+        this.closable = input(false, { ...(ngDevMode ? { debugName: "closable" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 按钮类型属性 submit, button, reset
          * @en_US Button type attribute. submit, button, reset
@@ -246,12 +251,13 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
          * ```
          *
          */
-        this.attrType = input(this.config?.attrType ?? 'button', ...(ngDevMode ? [{ debugName: "attrType" }] : []));
+        this.attrType = input(this.config?.attrType ?? 'button', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "attrType" }] : /* istanbul ignore next */ []));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XButtonProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: XButtonProperty, isStandalone: true, selector: "x-button-property", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, onlyIcon: { classPropertyName: "onlyIcon", publicName: "onlyIcon", isSignal: true, isRequired: false, transformFunction: null }, activated: { classPropertyName: "activated", publicName: "activated", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, plain: { classPropertyName: "plain", publicName: "plain", isSignal: true, isRequired: false, transformFunction: null }, flat: { classPropertyName: "flat", publicName: "flat", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, round: { classPropertyName: "round", publicName: "round", isSignal: true, isRequired: false, transformFunction: null }, circle: { classPropertyName: "circle", publicName: "circle", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, attrType: { classPropertyName: "attrType", publicName: "attrType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XButtonProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: XButtonProperty, isStandalone: true, selector: "x-button-property", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, onlyIcon: { classPropertyName: "onlyIcon", publicName: "onlyIcon", isSignal: true, isRequired: false, transformFunction: null }, activated: { classPropertyName: "activated", publicName: "activated", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, plain: { classPropertyName: "plain", publicName: "plain", isSignal: true, isRequired: false, transformFunction: null }, flat: { classPropertyName: "flat", publicName: "flat", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, round: { classPropertyName: "round", publicName: "round", isSignal: true, isRequired: false, transformFunction: null }, circle: { classPropertyName: "circle", publicName: "circle", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, attrType: { classPropertyName: "attrType", publicName: "attrType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XButtonProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XButtonProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XButtonPrefix}-property`, template: '' }]
         }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], onlyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlyIcon", required: false }] }], activated: [{ type: i0.Input, args: [{ isSignal: true, alias: "activated", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], plain: [{ type: i0.Input, args: [{ isSignal: true, alias: "plain", required: false }] }], flat: [{ type: i0.Input, args: [{ isSignal: true, alias: "flat", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], round: [{ type: i0.Input, args: [{ isSignal: true, alias: "round", required: false }] }], circle: [{ type: i0.Input, args: [{ isSignal: true, alias: "circle", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], attrType: [{ type: i0.Input, args: [{ isSignal: true, alias: "attrType", required: false }] }] } });
@@ -282,7 +288,7 @@ class XButtonsProperty extends XPropertyFunction(X_BUTTONS_CONFIG_NAME) {
          * ```
          *
          */
-        this.space = input(this.config?.space ?? '', { ...(ngDevMode ? { debugName: "space" } : {}), transform: XToCssPixelValue });
+        this.space = input(this.config?.space ?? '', { ...(ngDevMode ? { debugName: "space" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
         /**
          * @zh_CN 隐藏边框
          * @en_US Hide border
@@ -296,7 +302,7 @@ class XButtonsProperty extends XPropertyFunction(X_BUTTONS_CONFIG_NAME) {
          * ```
          *
          */
-        this.hiddenBorder = input(this.config?.hiddenBorder ?? false, { ...(ngDevMode ? { debugName: "hiddenBorder" } : {}), transform: XToBoolean });
+        this.hiddenBorder = input(this.config?.hiddenBorder ?? false, { ...(ngDevMode ? { debugName: "hiddenBorder" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 显示阴影
          * @en_US show box shadow
@@ -310,7 +316,7 @@ class XButtonsProperty extends XPropertyFunction(X_BUTTONS_CONFIG_NAME) {
          * ```
          *
          */
-        this.boxShadow = input(this.config?.boxShadow ?? true, { ...(ngDevMode ? { debugName: "boxShadow" } : {}), transform: XToBoolean });
+        this.boxShadow = input(this.config?.boxShadow ?? true, { ...(ngDevMode ? { debugName: "boxShadow" } : /* istanbul ignore next */ {}), transform: XToBoolean });
         /**
          * @zh_CN 圆角按钮
          * @en_US Round button
@@ -324,12 +330,12 @@ class XButtonsProperty extends XPropertyFunction(X_BUTTONS_CONFIG_NAME) {
          * ```
          *
          */
-        this.round = input(this.config?.round ?? false, { ...(ngDevMode ? { debugName: "round" } : {}), transform: XToBoolean });
+        this.round = input(this.config?.round ?? false, { ...(ngDevMode ? { debugName: "round" } : /* istanbul ignore next */ {}), transform: XToBoolean });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XButtonsProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: XButtonsProperty, isStandalone: true, selector: "x-buttons-property", inputs: { space: { classPropertyName: "space", publicName: "space", isSignal: true, isRequired: false, transformFunction: null }, hiddenBorder: { classPropertyName: "hiddenBorder", publicName: "hiddenBorder", isSignal: true, isRequired: false, transformFunction: null }, boxShadow: { classPropertyName: "boxShadow", publicName: "boxShadow", isSignal: true, isRequired: false, transformFunction: null }, round: { classPropertyName: "round", publicName: "round", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XButtonsProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: XButtonsProperty, isStandalone: true, selector: "x-buttons-property", inputs: { space: { classPropertyName: "space", publicName: "space", isSignal: true, isRequired: false, transformFunction: null }, hiddenBorder: { classPropertyName: "hiddenBorder", publicName: "hiddenBorder", isSignal: true, isRequired: false, transformFunction: null }, boxShadow: { classPropertyName: "boxShadow", publicName: "boxShadow", isSignal: true, isRequired: false, transformFunction: null }, round: { classPropertyName: "round", publicName: "round", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XButtonsProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XButtonsProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XButtonsPrefix}-property`, template: '' }]
         }], propDecorators: { space: [{ type: i0.Input, args: [{ isSignal: true, alias: "space", required: false }] }], hiddenBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenBorder", required: false }] }], boxShadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "boxShadow", required: false }] }], round: [{ type: i0.Input, args: [{ isSignal: true, alias: "round", required: false }] }] } });
@@ -357,10 +363,10 @@ class XButtonsComponent extends XButtonsProperty {
     get getMarginRight() {
         return '-' + this.space();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XButtonsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: XButtonsComponent, isStandalone: true, selector: "x-buttons", host: { properties: { "class": "this.className", "class.x-buttons-space": "this.getSpace", "class.x-buttons-hiddenBorder": "this.getHiddenBorder", "class.x-buttons-box-shadow": "this.getBoxShadow", "class.x-buttons-round": "this.getRound", "style.marginLeft": "this.getMarginLeft", "style.marginRight": "this.getMarginRight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-buttons{margin:0;padding:0}.x-buttons{display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-radius:0;position:relative;box-shadow:none!important}.x-buttons:not(.x-buttons-space)>x-button .x-button-round{border-radius:0}.x-buttons:not(.x-buttons-space)>x-button .x-button:focus,.x-buttons:not(.x-buttons-space)>x-button .x-button-activated{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:hover{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:active{z-index:2}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius)}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button-round{border-top-left-radius:5rem;border-bottom-left-radius:5rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button-round{border-top-right-radius:5rem;border-bottom-right-radius:5rem}.x-buttons-hiddenBorder>x-button .x-button{border:none;padding:0 var(--x-padding-small);background-color:transparent;box-shadow:none!important}.x-buttons-hiddenBorder>x-button .x-button-icon>.x-icon{font-size:1.125rem}.x-buttons-hiddenBorder>x-button .x-button-icon:hover{color:var(--x-primary)}.x-buttons-box-shadow:not(.x-buttons-space){border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow)}.x-buttons-round:not(.x-buttons-space){border-radius:5rem}.x-buttons>x-button:not(:first-child)>.x-button-primary{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-success{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-warning{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-danger{border-left-color:#fff3}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XButtonsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: XButtonsComponent, isStandalone: true, selector: "x-buttons", host: { properties: { "class": "this.className", "class.x-buttons-space": "this.getSpace", "class.x-buttons-hiddenBorder": "this.getHiddenBorder", "class.x-buttons-box-shadow": "this.getBoxShadow", "class.x-buttons-round": "this.getRound", "style.marginLeft": "this.getMarginLeft", "style.marginRight": "this.getMarginRight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-buttons{margin:0;padding:0}.x-buttons{display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-radius:0;position:relative;box-shadow:none!important}.x-buttons:not(.x-buttons-space)>x-button .x-button-round{border-radius:0}.x-buttons:not(.x-buttons-space)>x-button .x-button:focus,.x-buttons:not(.x-buttons-space)>x-button .x-button-activated{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:hover{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:active{z-index:2}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius)}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button-round{border-top-left-radius:5rem;border-bottom-left-radius:5rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button-round{border-top-right-radius:5rem;border-bottom-right-radius:5rem}.x-buttons-hiddenBorder>x-button .x-button{border:none;padding:0 var(--x-padding-small);background-color:transparent;box-shadow:none!important}.x-buttons-hiddenBorder>x-button .x-button-icon>.x-icon{font-size:1.125rem}.x-buttons-hiddenBorder>x-button .x-button-icon:hover{color:var(--x-primary)}.x-buttons-box-shadow:not(.x-buttons-space){border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow)}.x-buttons-round:not(.x-buttons-space){border-radius:5rem}.x-buttons>x-button:not(:first-child)>.x-button-primary{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-success{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-warning{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-danger{border-left-color:#fff3}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XButtonsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XButtonsComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XButtonsPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-buttons{margin:0;padding:0}.x-buttons{display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-radius:0;position:relative;box-shadow:none!important}.x-buttons:not(.x-buttons-space)>x-button .x-button-round{border-radius:0}.x-buttons:not(.x-buttons-space)>x-button .x-button:focus,.x-buttons:not(.x-buttons-space)>x-button .x-button-activated{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:hover{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:active{z-index:2}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius)}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button-round{border-top-left-radius:5rem;border-bottom-left-radius:5rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button-round{border-top-right-radius:5rem;border-bottom-right-radius:5rem}.x-buttons-hiddenBorder>x-button .x-button{border:none;padding:0 var(--x-padding-small);background-color:transparent;box-shadow:none!important}.x-buttons-hiddenBorder>x-button .x-button-icon>.x-icon{font-size:1.125rem}.x-buttons-hiddenBorder>x-button .x-button-icon:hover{color:var(--x-primary)}.x-buttons-box-shadow:not(.x-buttons-space){border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow)}.x-buttons-round:not(.x-buttons-space){border-radius:5rem}.x-buttons>x-button:not(:first-child)>.x-button-primary{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-success{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-warning{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-danger{border-left-color:#fff3}\n"] }]
         }], propDecorators: { className: [{
@@ -402,8 +408,10 @@ class XButtonComponent extends XButtonProperty {
         this.contentRef = viewChild.required('content', { read: (ElementRef) });
         this.buttons = inject(XButtonsComponent, { optional: true, host: true });
         this.focusMontitor = inject(FocusMonitor);
-        this.contentIsEmpty = signal(false, ...(ngDevMode ? [{ debugName: "contentIsEmpty" }] : []));
-        this.transition = signal(false, ...(ngDevMode ? [{ debugName: "transition" }] : []));
+        this.contentIsEmpty = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contentIsEmpty" }] : /* istanbul ignore next */ []));
+        this.transition = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "transition" }] : /* istanbul ignore next */ []));
         this.classMap = computed(() => ({
             [`${XButtonPrefix}-${this.type()}`]: !XIsEmpty(this.type()) && !this.plain(),
             [`${XButtonPrefix}-${this.type()}-plain`]: !XIsEmpty(this.type()) && this.plain(),
@@ -411,13 +419,16 @@ class XButtonComponent extends XButtonProperty {
             [`${XButtonPrefix}-${this.type()}-flat`]: !XIsEmpty(this.type()) && this.flat(),
             [`x-size-${this.size()}`]: !XIsEmpty(this.size()),
             [`x-direction-${this.direction()}`]: !XIsEmpty(this.direction())
-        }), ...(ngDevMode ? [{ debugName: "classMap" }] : []));
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "classMap" }] : /* istanbul ignore next */ []));
         this.roundSignal = computed(() => {
             return this.buttons?.round() || this.round();
-        }, ...(ngDevMode ? [{ debugName: "roundSignal" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "roundSignal" }] : /* istanbul ignore next */ []));
         this.disabledComputed = computed(() => {
             return this.loading() || this.disabled();
-        }, ...(ngDevMode ? [{ debugName: "disabledComputed" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabledComputed" }] : /* istanbul ignore next */ []));
         afterEveryRender(() => {
             this.transition.set(true);
         });
@@ -431,10 +442,10 @@ class XButtonComponent extends XButtonProperty {
     ngOnDestroy() {
         this.focusMontitor.stopMonitoring(this.buttonRef());
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XButtonComponent, isStandalone: true, selector: "x-button", host: { properties: { "style.marginLeft": "this.marginLeft", "style.marginRight": "this.marginRight", "style.pointerEvents": "this.pointerEvents" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\r\n  #buttonRef\r\n  class=\"x-button\"\r\n  [tabindex]=\"tabindex()\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-button-only-icon]=\"onlyIcon()\"\r\n  [class.x-button-activated]=\"activated()\"\r\n  [class.x-button-disabled]=\"disabledComputed()\"\r\n  [class.x-button-round]=\"roundSignal()\"\r\n  [class.x-button-circle]=\"circle()\"\r\n  [class.x-button-icon]=\"icon() && !contentIsEmpty()\"\r\n  [class.x-button-icon-not-content]=\"icon() && contentIsEmpty()\"\r\n  [class.x-button-closable]=\"closable()\"\r\n  [class.x-button-transition]=\"transition()\"\r\n  [title]=\"title()\"\r\n  x-ripple\r\n  [type]=\"type()\"\r\n  [disabled]=\"disabledComputed()\"\r\n  [attr.type]=\"attrType()\"\r\n  [attr.disabled]=\"disabledComputed() || null\"\r\n>\r\n  @if (direction() === 'row' && icon() && !loading()) {\r\n    <x-icon [type]=\"icon()\"></x-icon>\r\n  }\r\n  @if (loading()) {\r\n    <span class=\"x-button-loading\">\r\n      <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n        <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n      </svg>\r\n    </span>\r\n  }\r\n  <span #content><ng-content></ng-content></span>\r\n  @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n    <x-icon [type]=\"icon()\"></x-icon>\r\n  }\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0}.x-button{position:relative;border:none;outline:none;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;box-shadow:var(--x-box-shadow);width:100%}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{will-change:color,background-color,border,box-shadow;transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out,box-shadow var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important;opacity:.6}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important}.x-button-circle.x-size-big{width:var(--x-height-big)}.x-button-circle.x-size-large{width:var(--x-height-large)}.x-button-circle.x-size-medium{width:var(--x-height-medium)}.x-button-circle.x-size-small{width:var(--x-height-small)}.x-button-circle.x-size-mini{width:var(--x-height-mini)}.x-button-circle .x-button-loading{margin-right:0;margin-left:0}.x-button-icon-not-content.x-direction-row>.x-icon{margin-right:0;margin-left:0}.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{color:var(--x-text);border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:var(--x-background-a200);border-color:transparent}.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400);box-shadow:none;background:none}.x-button-closable:hover{background:none;color:var(--x-text)}.x-button-disabled.x-button-activated.x-button-initial,.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background-100);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-initial:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled),.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a300);border-color:var(--x-primary)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial-plain.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial-text{box-shadow:none;color:var(--x-text);background-color:transparent;border-color:var(--x-border)}.x-button-initial-text .x-button-path{stroke:var(--x-text)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-text.cdk-program-focused:not(.x-button-disabled),.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-text.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-border);box-shadow:none}.x-button-initial-flat{box-shadow:none}.x-button-initial-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-flat.cdk-program-focused:not(.x-button-disabled),.x-button-initial-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial .x-ripple-element{background-color:var(--x-text-800)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-primary:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled),.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary-text{box-shadow:none;color:var(--x-primary);background-color:transparent;border-color:var(--x-primary-600)}.x-button-primary-text .x-button-path{stroke:var(--x-primary)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-text.cdk-program-focused:not(.x-button-disabled),.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-primary)}.x-button-primary-text.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-flat{box-shadow:none}.x-button-primary-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-flat.cdk-program-focused:not(.x-button-disabled),.x-button-primary-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary .x-ripple-element{background-color:var(--x-primary-500)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-success:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-plain.cdk-program-focused:not(.x-button-disabled),.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success-text{box-shadow:none;color:var(--x-success);background-color:transparent;border-color:var(--x-success-600)}.x-button-success-text .x-button-path{stroke:var(--x-success)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-text.cdk-program-focused:not(.x-button-disabled),.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-success)}.x-button-success-text.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-success-800);box-shadow:none}.x-button-success-flat{box-shadow:none}.x-button-success-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-flat.cdk-program-focused:not(.x-button-disabled),.x-button-success-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success .x-ripple-element{background-color:var(--x-success-500)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-warning:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled),.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning-text{box-shadow:none;color:var(--x-warning);background-color:transparent;border-color:var(--x-warning-600)}.x-button-warning-text .x-button-path{stroke:var(--x-warning)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-text.cdk-program-focused:not(.x-button-disabled),.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-warning)}.x-button-warning-text.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-flat{box-shadow:none}.x-button-warning-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-flat.cdk-program-focused:not(.x-button-disabled),.x-button-warning-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning .x-ripple-element{background-color:var(--x-warning-500)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-danger:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled),.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger-text{box-shadow:none;color:var(--x-danger);background-color:transparent;border-color:var(--x-danger-600)}.x-button-danger-text .x-button-path{stroke:var(--x-danger)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-text.cdk-program-focused:not(.x-button-disabled),.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-danger)}.x-button-danger-text.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-flat{box-shadow:none}.x-button-danger-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-flat.cdk-program-focused:not(.x-button-disabled),.x-button-danger-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger .x-ripple-element{background-color:var(--x-danger-500)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-info:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-plain.cdk-program-focused:not(.x-button-disabled),.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info-text{box-shadow:none;color:var(--x-info);background-color:transparent;border-color:var(--x-info-600)}.x-button-info-text .x-button-path{stroke:var(--x-info)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-text.cdk-program-focused:not(.x-button-disabled),.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-info)}.x-button-info-text.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-info-800);box-shadow:none}.x-button-info-flat{box-shadow:none}.x-button-info-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-flat.cdk-program-focused:not(.x-button-disabled),.x-button-info-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info .x-ripple-element{background-color:var(--x-info-500)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XRippleDirective, selector: "[x-ripple]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: XButtonComponent, isStandalone: true, selector: "x-button", host: { properties: { "style.marginLeft": "this.marginLeft", "style.marginRight": "this.marginRight", "style.pointerEvents": "this.pointerEvents" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\r\n  #buttonRef\r\n  class=\"x-button\"\r\n  [tabindex]=\"tabindex()\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-button-only-icon]=\"onlyIcon()\"\r\n  [class.x-button-activated]=\"activated()\"\r\n  [class.x-button-disabled]=\"disabledComputed()\"\r\n  [class.x-button-round]=\"roundSignal()\"\r\n  [class.x-button-circle]=\"circle()\"\r\n  [class.x-button-icon]=\"icon() && !contentIsEmpty()\"\r\n  [class.x-button-icon-not-content]=\"icon() && contentIsEmpty()\"\r\n  [class.x-button-closable]=\"closable()\"\r\n  [class.x-button-transition]=\"transition()\"\r\n  [title]=\"title()\"\r\n  x-ripple\r\n  [type]=\"type()\"\r\n  [disabled]=\"disabledComputed()\"\r\n  [attr.type]=\"attrType()\"\r\n  [attr.disabled]=\"disabledComputed() || null\"\r\n>\r\n  @if (direction() === 'row' && icon() && !loading()) {\r\n    <x-icon [type]=\"icon()\"></x-icon>\r\n  }\r\n  @if (loading()) {\r\n    <span class=\"x-button-loading\">\r\n      <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n        <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n      </svg>\r\n    </span>\r\n  }\r\n  <span #content><ng-content></ng-content></span>\r\n  @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n    <x-icon [type]=\"icon()\"></x-icon>\r\n  }\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0}.x-button{position:relative;border:none;outline:none;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;box-shadow:var(--x-box-shadow);width:100%}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{will-change:color,background-color,border,box-shadow;transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out,box-shadow var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important;opacity:.6}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important}.x-button-circle.x-size-big{width:var(--x-height-big)}.x-button-circle.x-size-large{width:var(--x-height-large)}.x-button-circle.x-size-medium{width:var(--x-height-medium)}.x-button-circle.x-size-small{width:var(--x-height-small)}.x-button-circle.x-size-mini{width:var(--x-height-mini)}.x-button-circle .x-button-loading{margin-right:0;margin-left:0}.x-button-icon-not-content.x-direction-row>.x-icon{margin-right:0;margin-left:0}.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{color:var(--x-text);border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:var(--x-background-a200);border-color:transparent}.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400);box-shadow:none;background:none}.x-button-closable:hover{background:none;color:var(--x-text)}.x-button-disabled.x-button-activated.x-button-initial,.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background-100);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-initial:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled),.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a300);border-color:var(--x-primary)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial-plain.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial-text{box-shadow:none;color:var(--x-text);background-color:transparent;border-color:var(--x-border)}.x-button-initial-text .x-button-path{stroke:var(--x-text)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-text.cdk-program-focused:not(.x-button-disabled),.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-text.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-border);box-shadow:none}.x-button-initial-flat{box-shadow:none}.x-button-initial-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-flat.cdk-program-focused:not(.x-button-disabled),.x-button-initial-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial .x-ripple-element{background-color:var(--x-text-800)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-primary:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled),.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary-text{box-shadow:none;color:var(--x-primary);background-color:transparent;border-color:var(--x-primary-600)}.x-button-primary-text .x-button-path{stroke:var(--x-primary)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-text.cdk-program-focused:not(.x-button-disabled),.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-primary)}.x-button-primary-text.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-flat{box-shadow:none}.x-button-primary-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-flat.cdk-program-focused:not(.x-button-disabled),.x-button-primary-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary .x-ripple-element{background-color:var(--x-primary-500)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-success:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-plain.cdk-program-focused:not(.x-button-disabled),.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success-text{box-shadow:none;color:var(--x-success);background-color:transparent;border-color:var(--x-success-600)}.x-button-success-text .x-button-path{stroke:var(--x-success)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-text.cdk-program-focused:not(.x-button-disabled),.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-success)}.x-button-success-text.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-success-800);box-shadow:none}.x-button-success-flat{box-shadow:none}.x-button-success-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-flat.cdk-program-focused:not(.x-button-disabled),.x-button-success-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success .x-ripple-element{background-color:var(--x-success-500)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-warning:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled),.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning-text{box-shadow:none;color:var(--x-warning);background-color:transparent;border-color:var(--x-warning-600)}.x-button-warning-text .x-button-path{stroke:var(--x-warning)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-text.cdk-program-focused:not(.x-button-disabled),.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-warning)}.x-button-warning-text.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-flat{box-shadow:none}.x-button-warning-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-flat.cdk-program-focused:not(.x-button-disabled),.x-button-warning-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning .x-ripple-element{background-color:var(--x-warning-500)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-danger:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled),.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger-text{box-shadow:none;color:var(--x-danger);background-color:transparent;border-color:var(--x-danger-600)}.x-button-danger-text .x-button-path{stroke:var(--x-danger)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-text.cdk-program-focused:not(.x-button-disabled),.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-danger)}.x-button-danger-text.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-flat{box-shadow:none}.x-button-danger-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-flat.cdk-program-focused:not(.x-button-disabled),.x-button-danger-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger .x-ripple-element{background-color:var(--x-danger-500)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-info:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-plain.cdk-program-focused:not(.x-button-disabled),.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info-text{box-shadow:none;color:var(--x-info);background-color:transparent;border-color:var(--x-info-600)}.x-button-info-text .x-button-path{stroke:var(--x-info)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-text.cdk-program-focused:not(.x-button-disabled),.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-info)}.x-button-info-text.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-info-800);box-shadow:none}.x-button-info-flat{box-shadow:none}.x-button-info-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-flat.cdk-program-focused:not(.x-button-disabled),.x-button-info-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info .x-ripple-element{background-color:var(--x-info-500)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XRippleDirective, selector: "[x-ripple]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XButtonPrefix}`, imports: [NgClass, XIconComponent, XRippleDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n  #buttonRef\r\n  class=\"x-button\"\r\n  [tabindex]=\"tabindex()\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-button-only-icon]=\"onlyIcon()\"\r\n  [class.x-button-activated]=\"activated()\"\r\n  [class.x-button-disabled]=\"disabledComputed()\"\r\n  [class.x-button-round]=\"roundSignal()\"\r\n  [class.x-button-circle]=\"circle()\"\r\n  [class.x-button-icon]=\"icon() && !contentIsEmpty()\"\r\n  [class.x-button-icon-not-content]=\"icon() && contentIsEmpty()\"\r\n  [class.x-button-closable]=\"closable()\"\r\n  [class.x-button-transition]=\"transition()\"\r\n  [title]=\"title()\"\r\n  x-ripple\r\n  [type]=\"type()\"\r\n  [disabled]=\"disabledComputed()\"\r\n  [attr.type]=\"attrType()\"\r\n  [attr.disabled]=\"disabledComputed() || null\"\r\n>\r\n  @if (direction() === 'row' && icon() && !loading()) {\r\n    <x-icon [type]=\"icon()\"></x-icon>\r\n  }\r\n  @if (loading()) {\r\n    <span class=\"x-button-loading\">\r\n      <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n        <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n      </svg>\r\n    </span>\r\n  }\r\n  <span #content><ng-content></ng-content></span>\r\n  @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n    <x-icon [type]=\"icon()\"></x-icon>\r\n  }\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0}.x-button{position:relative;border:none;outline:none;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;box-shadow:var(--x-box-shadow);width:100%}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{will-change:color,background-color,border,box-shadow;transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out,box-shadow var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important;opacity:.6}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important}.x-button-circle.x-size-big{width:var(--x-height-big)}.x-button-circle.x-size-large{width:var(--x-height-large)}.x-button-circle.x-size-medium{width:var(--x-height-medium)}.x-button-circle.x-size-small{width:var(--x-height-small)}.x-button-circle.x-size-mini{width:var(--x-height-mini)}.x-button-circle .x-button-loading{margin-right:0;margin-left:0}.x-button-icon-not-content.x-direction-row>.x-icon{margin-right:0;margin-left:0}.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{color:var(--x-text);border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:var(--x-background-a200);border-color:transparent}.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400);box-shadow:none;background:none}.x-button-closable:hover{background:none;color:var(--x-text)}.x-button-disabled.x-button-activated.x-button-initial,.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background-100);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-initial:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled),.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a300);border-color:var(--x-primary)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial-plain.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial-text{box-shadow:none;color:var(--x-text);background-color:transparent;border-color:var(--x-border)}.x-button-initial-text .x-button-path{stroke:var(--x-text)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-text.cdk-program-focused:not(.x-button-disabled),.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-text.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-border);box-shadow:none}.x-button-initial-flat{box-shadow:none}.x-button-initial-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-flat.cdk-program-focused:not(.x-button-disabled),.x-button-initial-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial .x-ripple-element{background-color:var(--x-text-800)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-primary:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled),.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary-text{box-shadow:none;color:var(--x-primary);background-color:transparent;border-color:var(--x-primary-600)}.x-button-primary-text .x-button-path{stroke:var(--x-primary)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-text.cdk-program-focused:not(.x-button-disabled),.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-primary)}.x-button-primary-text.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-flat{box-shadow:none}.x-button-primary-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-flat.cdk-program-focused:not(.x-button-disabled),.x-button-primary-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary .x-ripple-element{background-color:var(--x-primary-500)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-success:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-plain.cdk-program-focused:not(.x-button-disabled),.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success-text{box-shadow:none;color:var(--x-success);background-color:transparent;border-color:var(--x-success-600)}.x-button-success-text .x-button-path{stroke:var(--x-success)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-text.cdk-program-focused:not(.x-button-disabled),.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-success)}.x-button-success-text.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-success-800);box-shadow:none}.x-button-success-flat{box-shadow:none}.x-button-success-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-flat.cdk-program-focused:not(.x-button-disabled),.x-button-success-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success .x-ripple-element{background-color:var(--x-success-500)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-warning:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled),.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning-text{box-shadow:none;color:var(--x-warning);background-color:transparent;border-color:var(--x-warning-600)}.x-button-warning-text .x-button-path{stroke:var(--x-warning)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-text.cdk-program-focused:not(.x-button-disabled),.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-warning)}.x-button-warning-text.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-flat{box-shadow:none}.x-button-warning-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-flat.cdk-program-focused:not(.x-button-disabled),.x-button-warning-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning .x-ripple-element{background-color:var(--x-warning-500)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-danger:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled),.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger-text{box-shadow:none;color:var(--x-danger);background-color:transparent;border-color:var(--x-danger-600)}.x-button-danger-text .x-button-path{stroke:var(--x-danger)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-text.cdk-program-focused:not(.x-button-disabled),.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-danger)}.x-button-danger-text.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-flat{box-shadow:none}.x-button-danger-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-flat.cdk-program-focused:not(.x-button-disabled),.x-button-danger-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger .x-ripple-element{background-color:var(--x-danger-500)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-info:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-plain.cdk-program-focused:not(.x-button-disabled),.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info-text{box-shadow:none;color:var(--x-info);background-color:transparent;border-color:var(--x-info-600)}.x-button-info-text .x-button-path{stroke:var(--x-info)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-text.cdk-program-focused:not(.x-button-disabled),.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-info)}.x-button-info-text.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-info-800);box-shadow:none}.x-button-info-flat{box-shadow:none}.x-button-info-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-flat.cdk-program-focused:not(.x-button-disabled),.x-button-info-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info .x-ripple-element{background-color:var(--x-info-500)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { buttonRef: [{ type: i0.ViewChild, args: ['buttonRef', { ...{ read: (ElementRef) }, isSignal: true }] }], contentRef: [{ type: i0.ViewChild, args: ['content', { ...{ read: (ElementRef) }, isSignal: true }] }], marginLeft: [{
@@ -449,11 +460,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
             }] } });
 
 class XButtonModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: XButtonModule, imports: [XButtonComponent, XButtonsComponent], exports: [XButtonComponent, XButtonsComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XButtonModule, imports: [XButtonComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: XButtonModule, imports: [XButtonComponent, XButtonsComponent], exports: [XButtonComponent, XButtonsComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XButtonModule, imports: [XButtonComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XButtonComponent, XButtonsComponent],