@ng-nest/ui 16.0.6 → 16.0.8

package/fesm2022/ng-nest-ui-back-top.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Component, Input, inject, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
 import * as i2 from '@ng-nest/ui/core';
-import { XProperty, XWithConfig, XIsChange, reqAnimFrame } from '@ng-nest/ui/core';
+import { XProperty, XWithConfig, XIsChange, reqAnimFrame, XIsNumber } from '@ng-nest/ui/core';
 import * as i4 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { Subject, fromEvent } from 'rxjs';
@@ -140,7 +140,10 @@ class XBackTopComponent extends XBackTopProperty {
         const difference = to - this.scrollTop;
         const perTick = (difference / duration) * 10;
         reqAnimFrame(() => {
-            this.scrollTop = this.scrollTop + perTick;
+            const num = this.scrollTop + perTick;
+            if (XIsNumber(num) && num !== Infinity) {
+                this.scrollTop = num;
+            }
             if (this.scrollTop === to || duration <= 0) {
                 return;
             }

package/fesm2022/ng-nest-ui-back-top.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-back-top.mjs","sources":["../../../../lib/ng-nest/ui/back-top/back-top.property.ts","../../../../lib/ng-nest/ui/back-top/back-top.component.ts","../../../../lib/ng-nest/ui/back-top/back-top.component.html","../../../../lib/ng-nest/ui/back-top/back-top.module.ts","../../../../lib/ng-nest/ui/back-top/ng-nest-ui-back-top.ts"],"sourcesContent":["import { XProperty, XNumber, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, TemplateRef, Component } from '@angular/core';\r\n\r\n/**\r\n * BackTop\r\n * @selector x-back-top\r\n * @decorator component\r\n */\r\nexport const XBackTopPrefix = 'x-back-top';\r\nconst X_CONFIG_NAME = 'backTop';\r\n\r\n/**\r\n * BackTop Property\r\n */\r\n@Component({ selector: `${XBackTopPrefix}-property`, template: '' })\r\nexport class XBackTopProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 距离右边的距离\r\n   * @en_US Distance to the right\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '2.5rem') right?: string;\r\n  /**\r\n   * @zh_CN 距离底部的距离\r\n   * @en_US Distance from bottom\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '2.5rem') bottom?: string;\r\n  /**\r\n   * @zh_CN 滚动多少高度后显示\r\n   * @en_US Display after scrolling how much height\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 200) visibilityHeight?: XNumber;\r\n  /**\r\n   * @zh_CN 内容模板\r\n   * @en_US Content template\r\n   */\r\n  @Input() template!: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 滚动的元素\r\n   * @en_US Scroll element\r\n   */\r\n  @Input() target?: string | HTMLElement;\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  OnDestroy,\r\n  ViewChild,\r\n  TemplateRef,\r\n  ViewContainerRef,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  inject\r\n} from '@angular/core';\r\nimport { XBackTopPrefix, XBackTopProperty } from './back-top.property';\r\nimport { reqAnimFrame, XConfigService, XIsChange } from '@ng-nest/ui/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { fromEvent, Subject } from 'rxjs';\r\nimport { throttleTime, takeUntil } from 'rxjs/operators';\r\nimport { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport { Platform } from '@angular/cdk/platform';\r\n\r\n@Component({\r\n  selector: `${XBackTopPrefix}`,\r\n  templateUrl: './back-top.component.html',\r\n  styleUrls: ['./back-top.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XBackTopComponent extends XBackTopProperty implements OnInit, OnChanges, OnDestroy {\r\n  @ViewChild('backTopTpl') backTopTpl!: TemplateRef<void>;\r\n\r\n  get scroll(): HTMLElement | Window | null {\r\n    return this._target || this.doc.defaultView;\r\n  }\r\n\r\n  get scrollTop(): number {\r\n    if (this.scroll === this.doc.defaultView) {\r\n      return this.doc.documentElement!.scrollTop;\r\n    } else {\r\n      return (this.scroll as HTMLElement).scrollTop;\r\n    }\r\n  }\r\n\r\n  set scrollTop(top: number) {\r\n    if (this.scroll === this.doc.defaultView) {\r\n      this.doc.documentElement!.scrollTop = top!;\r\n    } else {\r\n      (this.scroll as HTMLElement).scrollTop = top!;\r\n    }\r\n  }\r\n\r\n  visiable = false;\r\n  scrolling = false;\r\n  portalRef!: XPortalOverlayRef<any>;\r\n  private doc = inject(DOCUMENT);\r\n  private _unSubject = new Subject<void>();\r\n  private _target: HTMLElement | null = null;\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef<HTMLElement>,\r\n    public cdr: ChangeDetectorRef,\r\n    public portal: XPortalService,\r\n    public viewContainerRef: ViewContainerRef,\r\n    public configService: XConfigService,\r\n    public platform: Platform\r\n  ) {\r\n    super();\r\n  }\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { target } = changes;\r\n    if (XIsChange(target)) {\r\n      this._target = typeof this.target === 'string' ? this.doc.querySelector(this.target) : this.target!;\r\n      this.setScrollEvent();\r\n    }\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setScrollEvent();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  onBackTop() {\r\n    this.scrolling = true;\r\n    this.scrollTo(0, 200);\r\n  }\r\n\r\n  private setScrollEvent() {\r\n    this._unSubject.next();\r\n    if (!this.scroll) return;\r\n    fromEvent(this.scroll, 'scroll')\r\n      .pipe(throttleTime(20), takeUntil(this._unSubject))\r\n      .subscribe(() => {\r\n        this.setScrolling();\r\n      });\r\n  }\r\n\r\n  private setScrolling() {\r\n    const scrollTop = this.scrollTop;\r\n    const visible = scrollTop >= (this.visibilityHeight as number);\r\n    if (this.visiable !== visible) {\r\n      this.visiable = visible;\r\n      if (this.visiable) {\r\n        this.portalRef = this.portal.attach({\r\n          content: this.backTopTpl,\r\n          viewContainerRef: this.viewContainerRef,\r\n          overlayConfig: {\r\n            width: '2.5rem',\r\n            height: '2.5rem',\r\n            positionStrategy: this.portal.setPlace('bottom-end', ...['0', this.right as string, this.bottom as string, '0'])\r\n          }\r\n        });\r\n      } else {\r\n        this.portalRef?.overlayRef?.hasAttached() && this.portalRef.overlayRef.detach();\r\n      }\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  private scrollTo(to: number, duration: number) {\r\n    const difference = to - this.scrollTop;\r\n    const perTick = (difference / duration) * 10;\r\n    reqAnimFrame(() => {\r\n      this.scrollTop = this.scrollTop + perTick;\r\n      if (this.scrollTop === to || duration <= 0) {\r\n        return;\r\n      } else {\r\n        this.scrollTo(to, duration - 10);\r\n      }\r\n    });\r\n  }\r\n}\r\n","<ng-template #backTopTpl>\r\n  <div class=\"x-back-top\" [ngClass]=\"classMap\" (click)=\"onBackTop()\">\r\n    <x-link *ngIf=\"!template\" icon=\"fto-arrow-up\"> </x-link>\r\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XBackTopComponent } from './back-top.component';\r\nimport { XLinkModule } from '@ng-nest/ui/link';\r\nimport { XBackTopProperty } from './back-top.property';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\n\r\n@NgModule({\r\n  declarations: [XBackTopComponent, XBackTopProperty],\r\n  exports: [XBackTopComponent],\r\n  imports: [CommonModule, XLinkModule, XPortalModule]\r\n})\r\nexport class XBackTopModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-back-top.mjs","sources":["../../../../lib/ng-nest/ui/back-top/back-top.property.ts","../../../../lib/ng-nest/ui/back-top/back-top.component.ts","../../../../lib/ng-nest/ui/back-top/back-top.component.html","../../../../lib/ng-nest/ui/back-top/back-top.module.ts","../../../../lib/ng-nest/ui/back-top/ng-nest-ui-back-top.ts"],"sourcesContent":["import { XProperty, XNumber, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, TemplateRef, Component } from '@angular/core';\r\n\r\n/**\r\n * BackTop\r\n * @selector x-back-top\r\n * @decorator component\r\n */\r\nexport const XBackTopPrefix = 'x-back-top';\r\nconst X_CONFIG_NAME = 'backTop';\r\n\r\n/**\r\n * BackTop Property\r\n */\r\n@Component({ selector: `${XBackTopPrefix}-property`, template: '' })\r\nexport class XBackTopProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 距离右边的距离\r\n   * @en_US Distance to the right\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '2.5rem') right?: string;\r\n  /**\r\n   * @zh_CN 距离底部的距离\r\n   * @en_US Distance from bottom\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '2.5rem') bottom?: string;\r\n  /**\r\n   * @zh_CN 滚动多少高度后显示\r\n   * @en_US Display after scrolling how much height\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 200) visibilityHeight?: XNumber;\r\n  /**\r\n   * @zh_CN 内容模板\r\n   * @en_US Content template\r\n   */\r\n  @Input() template!: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 滚动的元素\r\n   * @en_US Scroll element\r\n   */\r\n  @Input() target?: string | HTMLElement;\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  OnDestroy,\r\n  ViewChild,\r\n  TemplateRef,\r\n  ViewContainerRef,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  inject\r\n} from '@angular/core';\r\nimport { XBackTopPrefix, XBackTopProperty } from './back-top.property';\r\nimport { reqAnimFrame, XConfigService, XIsChange, XIsNumber } from '@ng-nest/ui/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { fromEvent, Subject } from 'rxjs';\r\nimport { throttleTime, takeUntil } from 'rxjs/operators';\r\nimport { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport { Platform } from '@angular/cdk/platform';\r\n\r\n@Component({\r\n  selector: `${XBackTopPrefix}`,\r\n  templateUrl: './back-top.component.html',\r\n  styleUrls: ['./back-top.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XBackTopComponent extends XBackTopProperty implements OnInit, OnChanges, OnDestroy {\r\n  @ViewChild('backTopTpl') backTopTpl!: TemplateRef<void>;\r\n\r\n  get scroll(): HTMLElement | Window | null {\r\n    return this._target || this.doc.defaultView;\r\n  }\r\n\r\n  get scrollTop(): number {\r\n    if (this.scroll === this.doc.defaultView) {\r\n      return this.doc.documentElement!.scrollTop;\r\n    } else {\r\n      return (this.scroll as HTMLElement).scrollTop;\r\n    }\r\n  }\r\n\r\n  set scrollTop(top: number) {\r\n    if (this.scroll === this.doc.defaultView) {\r\n      this.doc.documentElement!.scrollTop = top!;\r\n    } else {\r\n      (this.scroll as HTMLElement).scrollTop = top!;\r\n    }\r\n  }\r\n\r\n  visiable = false;\r\n  scrolling = false;\r\n  portalRef!: XPortalOverlayRef<any>;\r\n  private doc = inject(DOCUMENT);\r\n  private _unSubject = new Subject<void>();\r\n  private _target: HTMLElement | null = null;\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef<HTMLElement>,\r\n    public cdr: ChangeDetectorRef,\r\n    public portal: XPortalService,\r\n    public viewContainerRef: ViewContainerRef,\r\n    public configService: XConfigService,\r\n    public platform: Platform\r\n  ) {\r\n    super();\r\n  }\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { target } = changes;\r\n    if (XIsChange(target)) {\r\n      this._target = typeof this.target === 'string' ? this.doc.querySelector(this.target) : this.target!;\r\n      this.setScrollEvent();\r\n    }\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setScrollEvent();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  onBackTop() {\r\n    this.scrolling = true;\r\n    this.scrollTo(0, 200);\r\n  }\r\n\r\n  private setScrollEvent() {\r\n    this._unSubject.next();\r\n    if (!this.scroll) return;\r\n    fromEvent(this.scroll, 'scroll')\r\n      .pipe(throttleTime(20), takeUntil(this._unSubject))\r\n      .subscribe(() => {\r\n        this.setScrolling();\r\n      });\r\n  }\r\n\r\n  private setScrolling() {\r\n    const scrollTop = this.scrollTop;\r\n    const visible = scrollTop >= (this.visibilityHeight as number);\r\n    if (this.visiable !== visible) {\r\n      this.visiable = visible;\r\n      if (this.visiable) {\r\n        this.portalRef = this.portal.attach({\r\n          content: this.backTopTpl,\r\n          viewContainerRef: this.viewContainerRef,\r\n          overlayConfig: {\r\n            width: '2.5rem',\r\n            height: '2.5rem',\r\n            positionStrategy: this.portal.setPlace('bottom-end', ...['0', this.right as string, this.bottom as string, '0'])\r\n          }\r\n        });\r\n      } else {\r\n        this.portalRef?.overlayRef?.hasAttached() && this.portalRef.overlayRef.detach();\r\n      }\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  private scrollTo(to: number, duration: number) {\r\n    const difference = to - this.scrollTop;\r\n    const perTick = (difference / duration) * 10;\r\n    reqAnimFrame(() => {\r\n      const num = this.scrollTop + perTick;\r\n      if (XIsNumber(num) && num !== Infinity) {\r\n        this.scrollTop = num;\r\n      }\r\n      if (this.scrollTop === to || duration <= 0) {\r\n        return;\r\n      } else {\r\n        this.scrollTo(to, duration - 10);\r\n      }\r\n    });\r\n  }\r\n}\r\n","<ng-template #backTopTpl>\r\n  <div class=\"x-back-top\" [ngClass]=\"classMap\" (click)=\"onBackTop()\">\r\n    <x-link *ngIf=\"!template\" icon=\"fto-arrow-up\"> </x-link>\r\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XBackTopComponent } from './back-top.component';\r\nimport { XLinkModule } from '@ng-nest/ui/link';\r\nimport { XBackTopProperty } from './back-top.property';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\n\r\n@NgModule({\r\n  declarations: [XBackTopComponent, XBackTopProperty],\r\n  exports: [XBackTopComponent],\r\n  imports: [CommonModule, XLinkModule, XPortalModule]\r\n})\r\nexport class XBackTopModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-nest-ui-base-form.mjs

@@ -1,6 +1,6 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, forwardRef, NgModule } from '@angular/core';
+import { EventEmitter, Component, Input, Output, inject, ChangeDetectorRef, forwardRef, NgModule } from '@angular/core';
 import { XProperty, XInputBoolean, XIsEmpty, XIsUndefined, XSetFlex, XIsFunction } from '@ng-nest/ui/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
@@ -135,6 +135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImpor
 class XControlValueAccessor extends XFormProp {
     constructor() {
         super(...arguments);
+        this.cdr = inject(ChangeDetectorRef);
         this.invalidIndex = 0;
         this.labelMap = {};
         this.validator = false;
@@ -187,6 +188,7 @@ class XControlValueAccessor extends XFormProp {
     }
     setDisabledState(disabled) {
         this.disabled = disabled;
+        this.cdr.markForCheck();
     }
     setFlex(ele, renderer, justify, align, direction) {
         return XSetFlex(ele, renderer, justify, align, direction);

package/fesm2022/ng-nest-ui-base-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-base-form.mjs","sources":["../../../../lib/ng-nest/ui/base-form/base-form.property.ts","../../../../lib/ng-nest/ui/base-form/base-form.component.ts","../../../../lib/ng-nest/ui/base-form/base-form.module.ts","../../../../lib/ng-nest/ui/base-form/ng-nest-ui-base-form.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, TemplateRef } from '@angular/core';\r\nimport { XAlign, XBoolean, XDirection, XInputBoolean, XJustify, XProperty, XSize, XTemplate } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * 表单对象共有的参数\r\n */\r\n@Component({ selector: 'x-form-prop', template: '' })\r\nexport class XFormProp extends XProperty {\r\n  /**\r\n   * 标签\r\n   */\r\n  @Input() label?: string = '';\r\n  /**\r\n   * 标签宽度\r\n   */\r\n  @Input() labelWidth?: string = '';\r\n  /**\r\n   * 标签文字对齐方式\r\n   */\r\n  @Input() labelAlign?: XAlign = 'start';\r\n  /**\r\n   * flex 布局下的子元素水平排列方式\r\n   */\r\n  @Input() justify?: XJustify = 'start';\r\n  /**\r\n   * flex 布局下的子元素垂直排列方式\r\n   */\r\n  @Input() align?: XAlign = 'start';\r\n  /**\r\n   * flex 布局下的子元素排列方向\r\n   */\r\n  @Input() direction?: XDirection = 'column';\r\n  /**\r\n   * 尺寸\r\n   */\r\n  @Input() size?: XSize = 'medium';\r\n  /**\r\n   * 输入提示信息\r\n   */\r\n  @Input() placeholder?: string | string[] = '';\r\n  /**\r\n   * 禁用\r\n   */\r\n  @Input() @XInputBoolean() disabled: XBoolean = false;\r\n  /**\r\n   * 必填\r\n   */\r\n  @Input() @XInputBoolean() required: XBoolean = false;\r\n  /**\r\n   * 只读\r\n   */\r\n  @Input() @XInputBoolean() readonly: XBoolean = false;\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() valueTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  @Input() valueTplContext: any;\r\n  /**\r\n   * @zh_CN 前置标签\r\n   * @en_US Before label\r\n   */\r\n  @Input() before!: XTemplate;\r\n  /**\r\n   * @zh_CN 后置标签\r\n   * @en_US After label\r\n   */\r\n  @Input() after!: XTemplate;\r\n  /**\r\n   * 正则验证规则\r\n   */\r\n  @Input() pattern?: any;\r\n  /**\r\n   * 验证不通过提示文字\r\n   */\r\n  @Input() message?: string | string[];\r\n  /**\r\n   * 激活状态\r\n   */\r\n  @Input() @XInputBoolean() active: XBoolean = false;\r\n  /**\r\n   * 输入框点击样式\r\n   */\r\n  @Input() @XInputBoolean() pointer: XBoolean = false;\r\n  /**\r\n   * 输入验证函数\r\n   */\r\n  @Input() inputValidator!: (value: any) => boolean;\r\n  /**\r\n   * 激活状态\r\n   */\r\n  @Output() activeChange = new EventEmitter<XBoolean>();\r\n}\r\n\r\nexport interface XFormOption {\r\n  /**\r\n   * 标签\r\n   */\r\n  label?: any;\r\n  /**\r\n   * 标签宽度\r\n   */\r\n  labelWidth?: string;\r\n  /**\r\n   * 标签文字对齐方式\r\n   */\r\n  labelAlign?: XAlign;\r\n  /**\r\n   * flex 布局下的子元素水平排列方式\r\n   */\r\n  justify?: XJustify;\r\n  /**\r\n   * flex 布局下的子元素垂直排列方式\r\n   */\r\n  align?: XAlign;\r\n  /**\r\n   * flex 布局下的子元素排列方向\r\n   */\r\n  direction?: XDirection;\r\n  /**\r\n   * 尺寸\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * 输入提示信息\r\n   */\r\n  placeholder?: string | string[];\r\n  /**\r\n   * 禁用\r\n   */\r\n  disabled?: XBoolean;\r\n  /**\r\n   * 必填\r\n   */\r\n  required?: XBoolean;\r\n  /**\r\n   * 正则验证规则\r\n   */\r\n  pattern?: RegExp | RegExp[];\r\n  /**\r\n   * 验证不通过提示文字\r\n   */\r\n  message?: string | string[];\r\n  /**\r\n   * 激活状态\r\n   */\r\n  active?: XBoolean;\r\n  /**\r\n   * 输入框点击样式\r\n   */\r\n  pointer?: XBoolean;\r\n  /**\r\n   * 输入验证函数\r\n   */\r\n  inputValidator?: (value: any) => boolean;\r\n}\r\n","import { AbstractControl, ControlValueAccessor, NG_VALUE_ACCESSOR, ValidationErrors, ValidatorFn } from '@angular/forms';\r\nimport { ChangeDetectorRef, Component, forwardRef, Renderer2, Type } from '@angular/core';\r\nimport { XJustify, XAlign, XDirection, XIsEmpty, XClassMap, XSetFlex, XBoolean, XIsUndefined, XIsFunction } from '@ng-nest/ui/core';\r\nimport { XFormProp } from './base-form.property';\r\n\r\n@Component({ selector: 'x-control-value-accessor', template: '' })\r\nexport class XControlValueAccessor<T> extends XFormProp implements ControlValueAccessor {\r\n  get invalid() {\r\n    return this.validator && ((!XIsEmpty(this.value) && this.invalidPattern) || this.invalidInputValidator);\r\n  }\r\n  get invalidPattern(): boolean {\r\n    if (!this.validator || XIsUndefined(this.pattern)) return false;\r\n    let result = false;\r\n    let index = 0;\r\n    if (Array.isArray(this.pattern)) {\r\n      for (const pt of this.pattern) {\r\n        result = !new RegExp(pt).test(this.value as any);\r\n        if (result) {\r\n          this.invalidIndex = index;\r\n          break;\r\n        }\r\n        index++;\r\n      }\r\n    } else {\r\n      result = !new RegExp(this.pattern as RegExp).test(this.value as any);\r\n    }\r\n    return result;\r\n  }\r\n  get requiredIsEmpty() {\r\n    return this.validator && this.required && XIsEmpty(this.value);\r\n  }\r\n  get invalidMessage(): string {\r\n    if (!this.validator) return '';\r\n    if (Array.isArray(this.message)) {\r\n      return this.message.length > this.invalidIndex ? this.message[this.invalidIndex] : '';\r\n    } else {\r\n      return this.message as string;\r\n    }\r\n  }\r\n  cdr!: ChangeDetectorRef;\r\n  invalidIndex: number = 0;\r\n  labelMap: XClassMap = {};\r\n  value!: T;\r\n  validator: XBoolean = false;\r\n  invalidInputValidator = false;\r\n  onChange!: (value: T) => void;\r\n  onTouched!: () => void;\r\n  writeValue(value: T): void {\r\n    this.value = value;\r\n  }\r\n  registerOnChange(fn: (value: T) => void): void {\r\n    this.onChange = fn;\r\n  }\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouched = fn;\r\n  }\r\n  setDisabledState(disabled: boolean) {\r\n    this.disabled = disabled;\r\n  }\r\n  setFlex(ele: Element, renderer: Renderer2, justify?: XJustify, align?: XAlign, direction?: XDirection) {\r\n    return XSetFlex(ele, renderer, justify, align, direction);\r\n  }\r\n  formControlValidator() {\r\n    this.validator = true;\r\n  }\r\n}\r\n\r\nexport function XValueAccessor<T>(component: Type<T>) {\r\n  return { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => component), multi: true };\r\n}\r\n\r\nexport function XFormInputValidator(func: (value: any) => boolean): ValidatorFn {\r\n  return (control: AbstractControl): ValidationErrors | null => {\r\n    if (!XIsFunction(func)) return null;\r\n    const invalid = !func(control.value);\r\n    return invalid ? { inputValidator: true } : null;\r\n  };\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XControlValueAccessor } from './base-form.component';\r\nimport { XFormProp } from './base-form.property';\r\n\r\n@NgModule({\r\n  declarations: [XControlValueAccessor, XFormProp],\r\n  exports: [XControlValueAccessor, XFormProp]\r\n})\r\nexport class XBaseFormModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-base-form.mjs","sources":["../../../../lib/ng-nest/ui/base-form/base-form.property.ts","../../../../lib/ng-nest/ui/base-form/base-form.component.ts","../../../../lib/ng-nest/ui/base-form/base-form.module.ts","../../../../lib/ng-nest/ui/base-form/ng-nest-ui-base-form.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, TemplateRef } from '@angular/core';\r\nimport { XAlign, XBoolean, XDirection, XInputBoolean, XJustify, XProperty, XSize, XTemplate } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * 表单对象共有的参数\r\n */\r\n@Component({ selector: 'x-form-prop', template: '' })\r\nexport class XFormProp extends XProperty {\r\n  /**\r\n   * 标签\r\n   */\r\n  @Input() label?: string = '';\r\n  /**\r\n   * 标签宽度\r\n   */\r\n  @Input() labelWidth?: string = '';\r\n  /**\r\n   * 标签文字对齐方式\r\n   */\r\n  @Input() labelAlign?: XAlign = 'start';\r\n  /**\r\n   * flex 布局下的子元素水平排列方式\r\n   */\r\n  @Input() justify?: XJustify = 'start';\r\n  /**\r\n   * flex 布局下的子元素垂直排列方式\r\n   */\r\n  @Input() align?: XAlign = 'start';\r\n  /**\r\n   * flex 布局下的子元素排列方向\r\n   */\r\n  @Input() direction?: XDirection = 'column';\r\n  /**\r\n   * 尺寸\r\n   */\r\n  @Input() size?: XSize = 'medium';\r\n  /**\r\n   * 输入提示信息\r\n   */\r\n  @Input() placeholder?: string | string[] = '';\r\n  /**\r\n   * 禁用\r\n   */\r\n  @Input() @XInputBoolean() disabled: XBoolean = false;\r\n  /**\r\n   * 必填\r\n   */\r\n  @Input() @XInputBoolean() required: XBoolean = false;\r\n  /**\r\n   * 只读\r\n   */\r\n  @Input() @XInputBoolean() readonly: XBoolean = false;\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() valueTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  @Input() valueTplContext: any;\r\n  /**\r\n   * @zh_CN 前置标签\r\n   * @en_US Before label\r\n   */\r\n  @Input() before!: XTemplate;\r\n  /**\r\n   * @zh_CN 后置标签\r\n   * @en_US After label\r\n   */\r\n  @Input() after!: XTemplate;\r\n  /**\r\n   * 正则验证规则\r\n   */\r\n  @Input() pattern?: any;\r\n  /**\r\n   * 验证不通过提示文字\r\n   */\r\n  @Input() message?: string | string[];\r\n  /**\r\n   * 激活状态\r\n   */\r\n  @Input() @XInputBoolean() active: XBoolean = false;\r\n  /**\r\n   * 输入框点击样式\r\n   */\r\n  @Input() @XInputBoolean() pointer: XBoolean = false;\r\n  /**\r\n   * 输入验证函数\r\n   */\r\n  @Input() inputValidator!: (value: any) => boolean;\r\n  /**\r\n   * 激活状态\r\n   */\r\n  @Output() activeChange = new EventEmitter<XBoolean>();\r\n}\r\n\r\nexport interface XFormOption {\r\n  /**\r\n   * 标签\r\n   */\r\n  label?: any;\r\n  /**\r\n   * 标签宽度\r\n   */\r\n  labelWidth?: string;\r\n  /**\r\n   * 标签文字对齐方式\r\n   */\r\n  labelAlign?: XAlign;\r\n  /**\r\n   * flex 布局下的子元素水平排列方式\r\n   */\r\n  justify?: XJustify;\r\n  /**\r\n   * flex 布局下的子元素垂直排列方式\r\n   */\r\n  align?: XAlign;\r\n  /**\r\n   * flex 布局下的子元素排列方向\r\n   */\r\n  direction?: XDirection;\r\n  /**\r\n   * 尺寸\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * 输入提示信息\r\n   */\r\n  placeholder?: string | string[];\r\n  /**\r\n   * 禁用\r\n   */\r\n  disabled?: XBoolean;\r\n  /**\r\n   * 必填\r\n   */\r\n  required?: XBoolean;\r\n  /**\r\n   * 正则验证规则\r\n   */\r\n  pattern?: RegExp | RegExp[];\r\n  /**\r\n   * 验证不通过提示文字\r\n   */\r\n  message?: string | string[];\r\n  /**\r\n   * 激活状态\r\n   */\r\n  active?: XBoolean;\r\n  /**\r\n   * 输入框点击样式\r\n   */\r\n  pointer?: XBoolean;\r\n  /**\r\n   * 输入验证函数\r\n   */\r\n  inputValidator?: (value: any) => boolean;\r\n}\r\n","import { AbstractControl, ControlValueAccessor, NG_VALUE_ACCESSOR, ValidationErrors, ValidatorFn } from '@angular/forms';\r\nimport { ChangeDetectorRef, Component, forwardRef, inject, Renderer2, Type } from '@angular/core';\r\nimport { XJustify, XAlign, XDirection, XIsEmpty, XClassMap, XSetFlex, XBoolean, XIsUndefined, XIsFunction } from '@ng-nest/ui/core';\r\nimport { XFormProp } from './base-form.property';\r\n\r\n@Component({ selector: 'x-control-value-accessor', template: '' })\r\nexport class XControlValueAccessor<T> extends XFormProp implements ControlValueAccessor {\r\n  cdr = inject(ChangeDetectorRef);\r\n  get invalid() {\r\n    return this.validator && ((!XIsEmpty(this.value) && this.invalidPattern) || this.invalidInputValidator);\r\n  }\r\n  get invalidPattern(): boolean {\r\n    if (!this.validator || XIsUndefined(this.pattern)) return false;\r\n    let result = false;\r\n    let index = 0;\r\n    if (Array.isArray(this.pattern)) {\r\n      for (const pt of this.pattern) {\r\n        result = !new RegExp(pt).test(this.value as any);\r\n        if (result) {\r\n          this.invalidIndex = index;\r\n          break;\r\n        }\r\n        index++;\r\n      }\r\n    } else {\r\n      result = !new RegExp(this.pattern as RegExp).test(this.value as any);\r\n    }\r\n    return result;\r\n  }\r\n  get requiredIsEmpty() {\r\n    return this.validator && this.required && XIsEmpty(this.value);\r\n  }\r\n  get invalidMessage(): string {\r\n    if (!this.validator) return '';\r\n    if (Array.isArray(this.message)) {\r\n      return this.message.length > this.invalidIndex ? this.message[this.invalidIndex] : '';\r\n    } else {\r\n      return this.message as string;\r\n    }\r\n  }\r\n  invalidIndex: number = 0;\r\n  labelMap: XClassMap = {};\r\n  value!: T;\r\n  validator: XBoolean = false;\r\n  invalidInputValidator = false;\r\n  onChange!: (value: T) => void;\r\n  onTouched!: () => void;\r\n  writeValue(value: T): void {\r\n    this.value = value;\r\n  }\r\n  registerOnChange(fn: (value: T) => void): void {\r\n    this.onChange = fn;\r\n  }\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouched = fn;\r\n  }\r\n  setDisabledState(disabled: boolean) {\r\n    this.disabled = disabled;\r\n    this.cdr.markForCheck();\r\n  }\r\n  setFlex(ele: Element, renderer: Renderer2, justify?: XJustify, align?: XAlign, direction?: XDirection) {\r\n    return XSetFlex(ele, renderer, justify, align, direction);\r\n  }\r\n  formControlValidator() {\r\n    this.validator = true;\r\n  }\r\n}\r\n\r\nexport function XValueAccessor<T>(component: Type<T>) {\r\n  return { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => component), multi: true };\r\n}\r\n\r\nexport function XFormInputValidator(func: (value: any) => boolean): ValidatorFn {\r\n  return (control: AbstractControl): ValidationErrors | null => {\r\n    if (!XIsFunction(func)) return null;\r\n    const invalid = !func(control.value);\r\n    return invalid ? { inputValidator: true } : null;\r\n  };\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XControlValueAccessor } from './base-form.component';\r\nimport { XFormProp } from './base-form.property';\r\n\r\n@NgModule({\r\n  declarations: [XControlValueAccessor, XFormProp],\r\n  exports: [XControlValueAccessor, XFormProp]\r\n})\r\nexport class XBaseFormModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -76,7 +76,7 @@ __decorate([
     XInputBoolean()
 ], XButtonProperty.prototype, "closable", void 0);
 __decorate([
-    XWithConfig(X_CONFIG_NAME, 'submit')
+    XWithConfig(X_CONFIG_NAME, 'button')
 ], XButtonProperty.prototype, "attrType", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XButtonProperty, decorators: [{
             type: Component,
@@ -167,11 +167,11 @@ class XButtonsComponent extends XButtonsProperty {
         this.renderer.setStyle(this.elementRef.nativeElement, 'margin-right', `-${Number(this.space) / 2}rem`);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XButtonsComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XButtonsComponent, selector: "x-buttons", host: { properties: { "class.x-buttons-space": "this.getSpace", "class.x-buttons-hiddenBorder": "this.getHiddenBorder" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-buttons{margin:0;padding:0;display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-left-width:var(--x-border-width);border-right-width:var(--x-border-width);border-radius:0;position:relative}.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:not(:first-child) .x-button{margin-left:-1px}.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:.125rem;border-bottom-left-radius:.125rem}.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:.125rem;border-bottom-right-radius:.125rem}.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:0;padding:0 .4rem;background-color:transparent}.x-buttons-hiddenBorder>x-button .x-button-icon{padding:0 .2rem}.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>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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XButtonsComponent, selector: "x-buttons", host: { properties: { "class.x-buttons-space": "this.getSpace", "class.x-buttons-hiddenBorder": "this.getHiddenBorder" } }, 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;display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-left-width:var(--x-border-width);border-right-width:var(--x-border-width);border-radius:0;position:relative}.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:not(:first-child) .x-button{margin-left:-1px}.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:.125rem;border-bottom-left-radius:.125rem}.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:.125rem;border-bottom-right-radius:.125rem}.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:0;padding:0 .4rem;background-color:transparent}.x-buttons-hiddenBorder>x-button .x-button-icon{padding:0 .2rem}.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>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: "16.0.5", ngImport: i0, type: XButtonsComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XButtonsPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-buttons{margin:0;padding:0;display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-left-width:var(--x-border-width);border-right-width:var(--x-border-width);border-radius:0;position:relative}.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:not(:first-child) .x-button{margin-left:-1px}.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:.125rem;border-bottom-left-radius:.125rem}.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:.125rem;border-bottom-right-radius:.125rem}.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:0;padding:0 .4rem;background-color:transparent}.x-buttons-hiddenBorder>x-button .x-button-icon{padding:0 .2rem}.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>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"] }]
+            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;display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-left-width:var(--x-border-width);border-right-width:var(--x-border-width);border-radius:0;position:relative}.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:not(:first-child) .x-button{margin-left:-1px}.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:.125rem;border-bottom-left-radius:.125rem}.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:.125rem;border-bottom-right-radius:.125rem}.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:0;padding:0 .4rem;background-color:transparent}.x-buttons-hiddenBorder>x-button .x-button-icon{padding:0 .2rem}.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>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"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; }, propDecorators: { getSpace: [{
                 type: HostBinding,
                 args: ['class.x-buttons-space']
@@ -235,11 +235,11 @@ class XButtonComponent extends XButtonProperty {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XButtonComponent, deps: [{ token: XButtonsComponent, host: true, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XButtonComponent, selector: "x-button", viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: 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]=\"disabled\"\r\n  [class.x-button-round]=\"round\"\r\n  [class.x-button-circle]=\"circle\"\r\n  [class.x-button-icon]=\"icon && !content.innerHTML.trim()\"\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]=\"disabled\"\r\n  [attr.type]=\"attrType\"\r\n>\r\n  <x-icon *ngIf=\"icon && !loading\" [type]=\"icon\"></x-icon>\r\n  <x-icon *ngIf=\"loading\" type=\"fto-loader\" [spin]=\"loading\"></x-icon>\r\n  <span #content><ng-content></ng-content></span>\r\n</button>\r\n\r\n<!-- \u63D0\u524D\u52A0\u8F7D loading \u7684\u56FE\u6807-->\r\n<x-icon *ngIf=\"loading\" [style.display]=\"'none'\" type=\"fto-loader\"></x-icon>\r\n", styles: ["x-button{display:inline-flex;line-height:initial}.x-button{margin:0;padding:0;border:var(--x-border-width) solid;border-radius:var(--x-border-radius);flex:1;display:inline-flex;align-items:center;justify-content:center;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;will-change:color,background-color,border}.x-button:focus{outline:none}.x-button>.x-icon{font-size:.925rem}.x-button.x-direction-column{flex-direction:column}.x-button.x-direction-column-reverse{flex-direction:column-reverse}.x-button.x-direction-row{flex-direction:row}.x-button.x-direction-row-reverse{flex-direction:row-reverse}.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-icon.x-direction-row>.x-icon,.x-button-icon.x-direction-row-reverse>.x-icon{margin-right:0;margin-left:0}.x-button-transition{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}.x-button-disabled{transform:none!important}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0;width:1.675rem}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:focus,.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:focus,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:focus,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:#0000001a;border-color:transparent}.x-button-closable{color:var(--x-text-400)}.x-button-closable:hover{color:var(--x-text-300)}.x-button-disabled.x-button-activated.x-button-initial{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-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active,.x-button-disabled.x-button-activated.x-button-initial:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:active .x-button-inner{transform:none}.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-activated.x-button-initial:hover:hover,.x-button-disabled.x-button-activated.x-button-initial:hover:active,.x-button-disabled.x-button-activated.x-button-initial:hover:focus,.x-button-disabled.x-button-activated.x-button-initial:active:hover,.x-button-disabled.x-button-activated.x-button-initial:active:active,.x-button-disabled.x-button-activated.x-button-initial:active:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:hover:active .x-button-inner,.x-button-disabled.x-button-activated.x-button-initial:active:active .x-button-inner{transform:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-text:focus,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active,.x-button-disabled.x-button-only-icon:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:active .x-button-inner,.x-button-disabled.x-button-only-icon:active .x-button-inner{transform:none}.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-disabled.x-button-text:hover:hover,.x-button-disabled.x-button-text:hover:active,.x-button-disabled.x-button-text:hover:focus,.x-button-disabled.x-button-text:active:hover,.x-button-disabled.x-button-text:active:active,.x-button-disabled.x-button-text:active:focus,.x-button-disabled.x-button-only-icon:hover:hover,.x-button-disabled.x-button-only-icon:hover:active,.x-button-disabled.x-button-only-icon:hover:focus,.x-button-disabled.x-button-only-icon:active:hover,.x-button-disabled.x-button-only-icon:active:active,.x-button-disabled.x-button-only-icon:active:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:hover:active .x-button-inner,.x-button-disabled.x-button-text:active:active .x-button-inner,.x-button-disabled.x-button-only-icon:hover:active .x-button-inner,.x-button-disabled.x-button-only-icon:active:active .x-button-inner{transform: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);border-color:var(--x-border)}.x-button-initial:hover,.x-button-initial:active{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:focus{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial.x-button-disabled:hover,.x-button-initial.x-button-disabled:active,.x-button-initial.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain:hover{color:var(--x-primary);background-color:var(--x-background-a200);border-color:var(--x-primary)}.x-button-initial-plain:active{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:focus{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-disabled:hover,.x-button-initial-plain.x-button-disabled:active,.x-button-initial-plain.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:hover{color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:active{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:focus{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.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.x-button-disabled:hover,.x-button-primary.x-button-disabled:active,.x-button-primary.x-button-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-button-primary.x-button-disabled:active .x-button-inner{transform: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:hover{color:var(--x-background-900);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:active{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:focus{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.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-disabled:hover,.x-button-primary-plain.x-button-disabled:active,.x-button-primary-plain.x-button-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-button-primary-plain.x-button-disabled:active .x-button-inner{transform: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-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:hover{color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:active{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:focus{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success);box-shadow:var(--x-box-shadow-focus)}.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.x-button-disabled:hover,.x-button-success.x-button-disabled:active,.x-button-success.x-button-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-button-success.x-button-disabled:active .x-button-inner{transform: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:hover{color:var(--x-background-900);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:active{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:focus{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100);box-shadow:var(--x-box-shadow-focus)}.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-disabled:hover,.x-button-success-plain.x-button-disabled:active,.x-button-success-plain.x-button-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-button-success-plain.x-button-disabled:active .x-button-inner{transform: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-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:hover{color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:active{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:focus{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning);box-shadow:var(--x-box-shadow-focus)}.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.x-button-disabled:hover,.x-button-warning.x-button-disabled:active,.x-button-warning.x-button-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-button-warning.x-button-disabled:active .x-button-inner{transform: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:hover{color:var(--x-background-900);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:active{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:focus{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100);box-shadow:var(--x-box-shadow-focus)}.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-disabled:hover,.x-button-warning-plain.x-button-disabled:active,.x-button-warning-plain.x-button-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-button-warning-plain.x-button-disabled:active .x-button-inner{transform: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-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:hover{color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:active{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:focus{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger);box-shadow:var(--x-box-shadow-focus)}.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.x-button-disabled:hover,.x-button-danger.x-button-disabled:active,.x-button-danger.x-button-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-button-danger.x-button-disabled:active .x-button-inner{transform: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:hover{color:var(--x-background-900);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:active{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:focus{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100);box-shadow:var(--x-box-shadow-focus)}.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-disabled:hover,.x-button-danger-plain.x-button-disabled:active,.x-button-danger-plain.x-button-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-button-danger-plain.x-button-disabled:active .x-button-inner{transform: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-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:hover{color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:active{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:focus{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info);box-shadow:var(--x-box-shadow-focus)}.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.x-button-disabled:hover,.x-button-info.x-button-disabled:active,.x-button-info.x-button-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-button-info.x-button-disabled:active .x-button-inner{transform: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:hover{color:var(--x-background-900);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:active{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:focus{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100);box-shadow:var(--x-box-shadow-focus)}.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-disabled:hover,.x-button-info-plain.x-button-disabled:active,.x-button-info-plain.x-button-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-button-info-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i5.XRippleDirective, selector: "[x-ripple]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XButtonComponent, selector: "x-button", viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: 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]=\"disabled\"\r\n  [class.x-button-round]=\"round\"\r\n  [class.x-button-circle]=\"circle\"\r\n  [class.x-button-icon]=\"icon && !content.innerHTML.trim()\"\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]=\"disabled\"\r\n  [attr.type]=\"attrType\"\r\n>\r\n  <x-icon *ngIf=\"icon && !loading\" [type]=\"icon\"></x-icon>\r\n  <svg *ngIf=\"loading\" 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 #content><ng-content></ng-content></span>\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-flex;line-height:initial}.x-button{margin:0;padding:0;position:relative;border:var(--x-border-width) solid;border-radius:var(--x-border-radius);flex:1;display:inline-flex;align-items:center;justify-content:center;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;will-change:color,background-color,border}.x-button:focus{outline:none}.x-button>.x-icon{font-size:.925rem;margin-bottom:.0625rem}.x-button.x-direction-column{flex-direction:column}.x-button.x-direction-column-reverse{flex-direction:column-reverse}.x-button.x-direction-row{flex-direction:row}.x-button.x-direction-row-reverse{flex-direction:row-reverse}.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-icon.x-direction-row>.x-icon,.x-button-icon.x-direction-row-reverse>.x-icon{margin-right:0;margin-left:0}.x-button-circular{margin-right:.25rem;margin-left:-.3125rem;width:1.5em;height:1.5em;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{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}.x-button-disabled{transform:none!important}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important;width:1.675rem}.x-button-circle .x-button-circular{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:focus,.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:focus,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:focus,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:#0000001a;border-color:transparent}.x-button-only-icon:focus .x-button-path,.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:focus .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:focus .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)}.x-button-closable:hover{color:var(--x-text-300)}.x-button-disabled.x-button-activated.x-button-initial{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-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active,.x-button-disabled.x-button-activated.x-button-initial:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:active .x-button-inner{transform:none}.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-activated.x-button-initial:hover:hover,.x-button-disabled.x-button-activated.x-button-initial:hover:active,.x-button-disabled.x-button-activated.x-button-initial:hover:focus,.x-button-disabled.x-button-activated.x-button-initial:active:hover,.x-button-disabled.x-button-activated.x-button-initial:active:active,.x-button-disabled.x-button-activated.x-button-initial:active:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:hover:active .x-button-inner,.x-button-disabled.x-button-activated.x-button-initial:active:active .x-button-inner{transform:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-text:focus,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active,.x-button-disabled.x-button-only-icon:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:active .x-button-inner,.x-button-disabled.x-button-only-icon:active .x-button-inner{transform:none}.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-disabled.x-button-text:hover:hover,.x-button-disabled.x-button-text:hover:active,.x-button-disabled.x-button-text:hover:focus,.x-button-disabled.x-button-text:active:hover,.x-button-disabled.x-button-text:active:active,.x-button-disabled.x-button-text:active:focus,.x-button-disabled.x-button-only-icon:hover:hover,.x-button-disabled.x-button-only-icon:hover:active,.x-button-disabled.x-button-only-icon:hover:focus,.x-button-disabled.x-button-only-icon:active:hover,.x-button-disabled.x-button-only-icon:active:active,.x-button-disabled.x-button-only-icon:active:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:hover:active .x-button-inner,.x-button-disabled.x-button-text:active:active .x-button-inner,.x-button-disabled.x-button-only-icon:hover:active .x-button-inner,.x-button-disabled.x-button-only-icon:active:active .x-button-inner{transform: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);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:hover .x-button-path{stroke:var(--x-primary)}.x-button-initial:active{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:active .x-button-path{stroke:var(--x-primary)}.x-button-initial:focus{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-initial:focus .x-button-path{stroke:var(--x-primary)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial.x-button-disabled:hover,.x-button-initial.x-button-disabled:active,.x-button-initial.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial.x-button-disabled:active .x-button-inner{transform: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{color:var(--x-primary);background-color:var(--x-background-a200);border-color:var(--x-primary)}.x-button-initial-plain:hover .x-button-path{stroke:var(--x-primary)}.x-button-initial-plain:active{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active .x-button-path{stroke:var(--x-primary-a100)}.x-button-initial-plain:focus{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-initial-plain:focus .x-button-path{stroke:var(--x-primary-a100)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-disabled:hover,.x-button-initial-plain.x-button-disabled:active,.x-button-initial-plain.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-primary)}.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{color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:hover .x-button-path{stroke:var(--x-white)}.x-button-primary:active{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active .x-button-path{stroke:var(--x-white)}.x-button-primary:focus{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-primary:focus .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.x-button-disabled:hover,.x-button-primary.x-button-disabled:active,.x-button-primary.x-button-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-button-primary.x-button-disabled:active .x-button-inner{transform: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{color:var(--x-background-900);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain:active{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain:focus{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-primary-plain:focus .x-button-path{stroke:var(--x-background-900)}.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-disabled:hover,.x-button-primary-plain.x-button-disabled:active,.x-button-primary-plain.x-button-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-button-primary-plain.x-button-disabled:active .x-button-inner{transform: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-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{color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:hover .x-button-path{stroke:var(--x-white)}.x-button-success:active{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active .x-button-path{stroke:var(--x-white)}.x-button-success:focus{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success);box-shadow:var(--x-box-shadow-focus)}.x-button-success:focus .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.x-button-disabled:hover,.x-button-success.x-button-disabled:active,.x-button-success.x-button-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-button-success.x-button-disabled:active .x-button-inner{transform: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{color:var(--x-background-900);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain:active{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain:focus{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-success-plain:focus .x-button-path{stroke:var(--x-background-900)}.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-disabled:hover,.x-button-success-plain.x-button-disabled:active,.x-button-success-plain.x-button-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-button-success-plain.x-button-disabled:active .x-button-inner{transform: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-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{color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:hover .x-button-path{stroke:var(--x-white)}.x-button-warning:active{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active .x-button-path{stroke:var(--x-white)}.x-button-warning:focus{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning);box-shadow:var(--x-box-shadow-focus)}.x-button-warning:focus .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.x-button-disabled:hover,.x-button-warning.x-button-disabled:active,.x-button-warning.x-button-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-button-warning.x-button-disabled:active .x-button-inner{transform: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{color:var(--x-background-900);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain:active{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain:focus{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-warning-plain:focus .x-button-path{stroke:var(--x-background-900)}.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-disabled:hover,.x-button-warning-plain.x-button-disabled:active,.x-button-warning-plain.x-button-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-button-warning-plain.x-button-disabled:active .x-button-inner{transform: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-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{color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:hover .x-button-path{stroke:var(--x-white)}.x-button-danger:active{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active .x-button-path{stroke:var(--x-white)}.x-button-danger:focus{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger);box-shadow:var(--x-box-shadow-focus)}.x-button-danger:focus .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.x-button-disabled:hover,.x-button-danger.x-button-disabled:active,.x-button-danger.x-button-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-button-danger.x-button-disabled:active .x-button-inner{transform: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{color:var(--x-background-900);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain:active{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain:focus{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-danger-plain:focus .x-button-path{stroke:var(--x-background-900)}.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-disabled:hover,.x-button-danger-plain.x-button-disabled:active,.x-button-danger-plain.x-button-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-button-danger-plain.x-button-disabled:active .x-button-inner{transform: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-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{color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:hover .x-button-path{stroke:var(--x-white)}.x-button-info:active{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active .x-button-path{stroke:var(--x-white)}.x-button-info:focus{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info);box-shadow:var(--x-box-shadow-focus)}.x-button-info:focus .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.x-button-disabled:hover,.x-button-info.x-button-disabled:active,.x-button-info.x-button-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-button-info.x-button-disabled:active .x-button-inner{transform: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{color:var(--x-background-900);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain:active{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain:focus{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-info-plain:focus .x-button-path{stroke:var(--x-background-900)}.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-disabled:hover,.x-button-info-plain.x-button-disabled:active,.x-button-info-plain.x-button-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-button-info-plain.x-button-disabled:active .x-button-inner{transform: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)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i5.XRippleDirective, selector: "[x-ripple]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XButtonPrefix}`, 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]=\"disabled\"\r\n  [class.x-button-round]=\"round\"\r\n  [class.x-button-circle]=\"circle\"\r\n  [class.x-button-icon]=\"icon && !content.innerHTML.trim()\"\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]=\"disabled\"\r\n  [attr.type]=\"attrType\"\r\n>\r\n  <x-icon *ngIf=\"icon && !loading\" [type]=\"icon\"></x-icon>\r\n  <x-icon *ngIf=\"loading\" type=\"fto-loader\" [spin]=\"loading\"></x-icon>\r\n  <span #content><ng-content></ng-content></span>\r\n</button>\r\n\r\n<!-- \u63D0\u524D\u52A0\u8F7D loading \u7684\u56FE\u6807-->\r\n<x-icon *ngIf=\"loading\" [style.display]=\"'none'\" type=\"fto-loader\"></x-icon>\r\n", styles: ["x-button{display:inline-flex;line-height:initial}.x-button{margin:0;padding:0;border:var(--x-border-width) solid;border-radius:var(--x-border-radius);flex:1;display:inline-flex;align-items:center;justify-content:center;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;will-change:color,background-color,border}.x-button:focus{outline:none}.x-button>.x-icon{font-size:.925rem}.x-button.x-direction-column{flex-direction:column}.x-button.x-direction-column-reverse{flex-direction:column-reverse}.x-button.x-direction-row{flex-direction:row}.x-button.x-direction-row-reverse{flex-direction:row-reverse}.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-icon.x-direction-row>.x-icon,.x-button-icon.x-direction-row-reverse>.x-icon{margin-right:0;margin-left:0}.x-button-transition{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}.x-button-disabled{transform:none!important}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0;width:1.675rem}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:focus,.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:focus,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:focus,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:#0000001a;border-color:transparent}.x-button-closable{color:var(--x-text-400)}.x-button-closable:hover{color:var(--x-text-300)}.x-button-disabled.x-button-activated.x-button-initial{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-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active,.x-button-disabled.x-button-activated.x-button-initial:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:active .x-button-inner{transform:none}.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-activated.x-button-initial:hover:hover,.x-button-disabled.x-button-activated.x-button-initial:hover:active,.x-button-disabled.x-button-activated.x-button-initial:hover:focus,.x-button-disabled.x-button-activated.x-button-initial:active:hover,.x-button-disabled.x-button-activated.x-button-initial:active:active,.x-button-disabled.x-button-activated.x-button-initial:active:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:hover:active .x-button-inner,.x-button-disabled.x-button-activated.x-button-initial:active:active .x-button-inner{transform:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-text:focus,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active,.x-button-disabled.x-button-only-icon:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:active .x-button-inner,.x-button-disabled.x-button-only-icon:active .x-button-inner{transform:none}.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-disabled.x-button-text:hover:hover,.x-button-disabled.x-button-text:hover:active,.x-button-disabled.x-button-text:hover:focus,.x-button-disabled.x-button-text:active:hover,.x-button-disabled.x-button-text:active:active,.x-button-disabled.x-button-text:active:focus,.x-button-disabled.x-button-only-icon:hover:hover,.x-button-disabled.x-button-only-icon:hover:active,.x-button-disabled.x-button-only-icon:hover:focus,.x-button-disabled.x-button-only-icon:active:hover,.x-button-disabled.x-button-only-icon:active:active,.x-button-disabled.x-button-only-icon:active:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:hover:active .x-button-inner,.x-button-disabled.x-button-text:active:active .x-button-inner,.x-button-disabled.x-button-only-icon:hover:active .x-button-inner,.x-button-disabled.x-button-only-icon:active:active .x-button-inner{transform: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);border-color:var(--x-border)}.x-button-initial:hover,.x-button-initial:active{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:focus{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial.x-button-disabled:hover,.x-button-initial.x-button-disabled:active,.x-button-initial.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain:hover{color:var(--x-primary);background-color:var(--x-background-a200);border-color:var(--x-primary)}.x-button-initial-plain:active{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:focus{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-disabled:hover,.x-button-initial-plain.x-button-disabled:active,.x-button-initial-plain.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:hover{color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:active{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:focus{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.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.x-button-disabled:hover,.x-button-primary.x-button-disabled:active,.x-button-primary.x-button-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-button-primary.x-button-disabled:active .x-button-inner{transform: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:hover{color:var(--x-background-900);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:active{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:focus{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.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-disabled:hover,.x-button-primary-plain.x-button-disabled:active,.x-button-primary-plain.x-button-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-button-primary-plain.x-button-disabled:active .x-button-inner{transform: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-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:hover{color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:active{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:focus{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success);box-shadow:var(--x-box-shadow-focus)}.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.x-button-disabled:hover,.x-button-success.x-button-disabled:active,.x-button-success.x-button-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-button-success.x-button-disabled:active .x-button-inner{transform: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:hover{color:var(--x-background-900);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:active{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:focus{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100);box-shadow:var(--x-box-shadow-focus)}.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-disabled:hover,.x-button-success-plain.x-button-disabled:active,.x-button-success-plain.x-button-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-button-success-plain.x-button-disabled:active .x-button-inner{transform: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-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:hover{color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:active{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:focus{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning);box-shadow:var(--x-box-shadow-focus)}.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.x-button-disabled:hover,.x-button-warning.x-button-disabled:active,.x-button-warning.x-button-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-button-warning.x-button-disabled:active .x-button-inner{transform: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:hover{color:var(--x-background-900);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:active{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:focus{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100);box-shadow:var(--x-box-shadow-focus)}.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-disabled:hover,.x-button-warning-plain.x-button-disabled:active,.x-button-warning-plain.x-button-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-button-warning-plain.x-button-disabled:active .x-button-inner{transform: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-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:hover{color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:active{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:focus{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger);box-shadow:var(--x-box-shadow-focus)}.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.x-button-disabled:hover,.x-button-danger.x-button-disabled:active,.x-button-danger.x-button-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-button-danger.x-button-disabled:active .x-button-inner{transform: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:hover{color:var(--x-background-900);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:active{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:focus{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100);box-shadow:var(--x-box-shadow-focus)}.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-disabled:hover,.x-button-danger-plain.x-button-disabled:active,.x-button-danger-plain.x-button-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-button-danger-plain.x-button-disabled:active .x-button-inner{transform: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-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:hover{color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:active{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:focus{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info);box-shadow:var(--x-box-shadow-focus)}.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.x-button-disabled:hover,.x-button-info.x-button-disabled:active,.x-button-info.x-button-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-button-info.x-button-disabled:active .x-button-inner{transform: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:hover{color:var(--x-background-900);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:active{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:focus{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100);box-shadow:var(--x-box-shadow-focus)}.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-disabled:hover,.x-button-info-plain.x-button-disabled:active,.x-button-info-plain.x-button-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-button-info-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}\n"] }]
+            args: [{ selector: `${XButtonPrefix}`, 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]=\"disabled\"\r\n  [class.x-button-round]=\"round\"\r\n  [class.x-button-circle]=\"circle\"\r\n  [class.x-button-icon]=\"icon && !content.innerHTML.trim()\"\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]=\"disabled\"\r\n  [attr.type]=\"attrType\"\r\n>\r\n  <x-icon *ngIf=\"icon && !loading\" [type]=\"icon\"></x-icon>\r\n  <svg *ngIf=\"loading\" 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 #content><ng-content></ng-content></span>\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-flex;line-height:initial}.x-button{margin:0;padding:0;position:relative;border:var(--x-border-width) solid;border-radius:var(--x-border-radius);flex:1;display:inline-flex;align-items:center;justify-content:center;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;will-change:color,background-color,border}.x-button:focus{outline:none}.x-button>.x-icon{font-size:.925rem;margin-bottom:.0625rem}.x-button.x-direction-column{flex-direction:column}.x-button.x-direction-column-reverse{flex-direction:column-reverse}.x-button.x-direction-row{flex-direction:row}.x-button.x-direction-row-reverse{flex-direction:row-reverse}.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-icon.x-direction-row>.x-icon,.x-button-icon.x-direction-row-reverse>.x-icon{margin-right:0;margin-left:0}.x-button-circular{margin-right:.25rem;margin-left:-.3125rem;width:1.5em;height:1.5em;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{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}.x-button-disabled{transform:none!important}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important;width:1.675rem}.x-button-circle .x-button-circular{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:focus,.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:focus,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:focus,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:#0000001a;border-color:transparent}.x-button-only-icon:focus .x-button-path,.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:focus .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:focus .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)}.x-button-closable:hover{color:var(--x-text-300)}.x-button-disabled.x-button-activated.x-button-initial{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-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active,.x-button-disabled.x-button-activated.x-button-initial:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:active .x-button-inner{transform:none}.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-activated.x-button-initial:hover:hover,.x-button-disabled.x-button-activated.x-button-initial:hover:active,.x-button-disabled.x-button-activated.x-button-initial:hover:focus,.x-button-disabled.x-button-activated.x-button-initial:active:hover,.x-button-disabled.x-button-activated.x-button-initial:active:active,.x-button-disabled.x-button-activated.x-button-initial:active:focus{color:var(--x-primary-700);background-color:var(--x-background);border-color:var(--x-primary-700)}.x-button-disabled.x-button-activated.x-button-initial:hover:active .x-button-inner,.x-button-disabled.x-button-activated.x-button-initial:active:active .x-button-inner{transform:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-text:focus,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active,.x-button-disabled.x-button-only-icon:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:active .x-button-inner,.x-button-disabled.x-button-only-icon:active .x-button-inner{transform:none}.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-disabled.x-button-text:hover:hover,.x-button-disabled.x-button-text:hover:active,.x-button-disabled.x-button-text:hover:focus,.x-button-disabled.x-button-text:active:hover,.x-button-disabled.x-button-text:active:active,.x-button-disabled.x-button-text:active:focus,.x-button-disabled.x-button-only-icon:hover:hover,.x-button-disabled.x-button-only-icon:hover:active,.x-button-disabled.x-button-only-icon:hover:focus,.x-button-disabled.x-button-only-icon:active:hover,.x-button-disabled.x-button-only-icon:active:active,.x-button-disabled.x-button-only-icon:active:focus{color:var(--x-text-400);background-color:transparent;border-color:transparent}.x-button-disabled.x-button-text:hover:active .x-button-inner,.x-button-disabled.x-button-text:active:active .x-button-inner,.x-button-disabled.x-button-only-icon:hover:active .x-button-inner,.x-button-disabled.x-button-only-icon:active:active .x-button-inner{transform: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);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:hover .x-button-path{stroke:var(--x-primary)}.x-button-initial:active{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:active .x-button-path{stroke:var(--x-primary)}.x-button-initial:focus{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-initial:focus .x-button-path{stroke:var(--x-primary)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial.x-button-disabled:hover,.x-button-initial.x-button-disabled:active,.x-button-initial.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial.x-button-disabled:active .x-button-inner{transform: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{color:var(--x-primary);background-color:var(--x-background-a200);border-color:var(--x-primary)}.x-button-initial-plain:hover .x-button-path{stroke:var(--x-primary)}.x-button-initial-plain:active{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active .x-button-path{stroke:var(--x-primary-a100)}.x-button-initial-plain:focus{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-initial-plain:focus .x-button-path{stroke:var(--x-primary-a100)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-disabled:hover,.x-button-initial-plain.x-button-disabled:active,.x-button-initial-plain.x-button-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-button-initial-plain.x-button-disabled:active .x-button-inner{transform:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-primary)}.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{color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:hover .x-button-path{stroke:var(--x-white)}.x-button-primary:active{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active .x-button-path{stroke:var(--x-white)}.x-button-primary:focus{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary);box-shadow:var(--x-box-shadow-focus)}.x-button-primary:focus .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.x-button-disabled:hover,.x-button-primary.x-button-disabled:active,.x-button-primary.x-button-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-button-primary.x-button-disabled:active .x-button-inner{transform: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{color:var(--x-background-900);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain:active{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-primary-plain:focus{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-primary-plain:focus .x-button-path{stroke:var(--x-background-900)}.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-disabled:hover,.x-button-primary-plain.x-button-disabled:active,.x-button-primary-plain.x-button-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-button-primary-plain.x-button-disabled:active .x-button-inner{transform: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-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{color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:hover .x-button-path{stroke:var(--x-white)}.x-button-success:active{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active .x-button-path{stroke:var(--x-white)}.x-button-success:focus{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success);box-shadow:var(--x-box-shadow-focus)}.x-button-success:focus .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.x-button-disabled:hover,.x-button-success.x-button-disabled:active,.x-button-success.x-button-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-button-success.x-button-disabled:active .x-button-inner{transform: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{color:var(--x-background-900);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain:active{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-success-plain:focus{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-success-plain:focus .x-button-path{stroke:var(--x-background-900)}.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-disabled:hover,.x-button-success-plain.x-button-disabled:active,.x-button-success-plain.x-button-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-button-success-plain.x-button-disabled:active .x-button-inner{transform: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-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{color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:hover .x-button-path{stroke:var(--x-white)}.x-button-warning:active{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active .x-button-path{stroke:var(--x-white)}.x-button-warning:focus{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning);box-shadow:var(--x-box-shadow-focus)}.x-button-warning:focus .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.x-button-disabled:hover,.x-button-warning.x-button-disabled:active,.x-button-warning.x-button-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-button-warning.x-button-disabled:active .x-button-inner{transform: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{color:var(--x-background-900);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain:active{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-warning-plain:focus{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-warning-plain:focus .x-button-path{stroke:var(--x-background-900)}.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-disabled:hover,.x-button-warning-plain.x-button-disabled:active,.x-button-warning-plain.x-button-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-button-warning-plain.x-button-disabled:active .x-button-inner{transform: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-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{color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:hover .x-button-path{stroke:var(--x-white)}.x-button-danger:active{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active .x-button-path{stroke:var(--x-white)}.x-button-danger:focus{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger);box-shadow:var(--x-box-shadow-focus)}.x-button-danger:focus .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.x-button-disabled:hover,.x-button-danger.x-button-disabled:active,.x-button-danger.x-button-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-button-danger.x-button-disabled:active .x-button-inner{transform: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{color:var(--x-background-900);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain:active{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-danger-plain:focus{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-danger-plain:focus .x-button-path{stroke:var(--x-background-900)}.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-disabled:hover,.x-button-danger-plain.x-button-disabled:active,.x-button-danger-plain.x-button-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-button-danger-plain.x-button-disabled:active .x-button-inner{transform: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-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{color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:hover .x-button-path{stroke:var(--x-white)}.x-button-info:active{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active .x-button-path{stroke:var(--x-white)}.x-button-info:focus{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info);box-shadow:var(--x-box-shadow-focus)}.x-button-info:focus .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.x-button-disabled:hover,.x-button-info.x-button-disabled:active,.x-button-info.x-button-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-button-info.x-button-disabled:active .x-button-inner{transform: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{color:var(--x-background-900);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain:active{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active .x-button-path{stroke:var(--x-background-900)}.x-button-info-plain:focus{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100);box-shadow:var(--x-box-shadow-focus)}.x-button-info-plain:focus .x-button-path{stroke:var(--x-background-900)}.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-disabled:hover,.x-button-info-plain.x-button-disabled:active,.x-button-info-plain.x-button-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-button-info-plain.x-button-disabled:active .x-button-inner{transform: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)}\n"] }]
         }], ctorParameters: function () { return [{ type: XButtonsComponent, decorators: [{
                     type: Optional
                 }, {

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-button.mjs","sources":["../../../../lib/ng-nest/ui/button/button.property.ts","../../../../lib/ng-nest/ui/button/buttons.component.ts","../../../../lib/ng-nest/ui/button/button.component.ts","../../../../lib/ng-nest/ui/button/button.component.html","../../../../lib/ng-nest/ui/button/button.module.ts","../../../../lib/ng-nest/ui/button/ng-nest-ui-button.ts"],"sourcesContent":["import { Input, Component } from '@angular/core';\r\nimport { XProperty, XDirection, XSize, XInputBoolean, XInputNumber, XNumber, XBoolean, XType, XWithConfig } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Button\r\n * @selector x-button\r\n * @decorator component\r\n */\r\nexport const XButtonPrefix = 'x-button';\r\nconst X_CONFIG_NAME = 'button';\r\n\r\n/**\r\n * Button Property\r\n */\r\n@Component({ selector: `${XButtonPrefix}-property`, template: '' })\r\nexport class XButtonProperty extends XProperty implements XButtonOption {\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   */\r\n  @Input() @XWithConfig<XButtonType>(X_CONFIG_NAME, 'initial') type?: XButtonType;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  @Input() icon?: string;\r\n  /**\r\n   * @zh_CN 提示\r\n   * @en_US Title\r\n   */\r\n  @Input() title?: string = '';\r\n  /**\r\n   * @zh_CN 布局方式\r\n   * @en_US Layout\r\n   */\r\n  @Input() direction: XDirection = 'row';\r\n  /**\r\n   * @zh_CN tab 键控制次序\r\n   * @en_US Tab key control order\r\n   */\r\n  @Input() tabindex: number = 0;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 仅显示图标\r\n   * @en_US Icon only\r\n   */\r\n  @Input() @XInputBoolean() onlyIcon?: XBoolean;\r\n  /**\r\n   * @zh_CN 激活的按钮（样式差异）\r\n   * @en_US Active button (style difference)\r\n   */\r\n  @Input() @XInputBoolean() activated?: XBoolean;\r\n  /**\r\n   * @zh_CN 禁用按钮\r\n   * @en_US Disable button\r\n   */\r\n  @Input() @XInputBoolean() disabled?: XBoolean;\r\n  /**\r\n   * @zh_CN 朴素按钮\r\n   * @en_US Plain button\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() plain?: XBoolean;\r\n  /**\r\n   * @zh_CN 圆角按钮\r\n   * @en_US Round button\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() round?: XBoolean;\r\n  /**\r\n   * @zh_CN 圆型按钮（配合图标来使用）\r\n   * @en_US Round button (use with icon)\r\n   */\r\n  @Input() @XInputBoolean() circle?: XBoolean;\r\n  /**\r\n   * @zh_CN 加载中\r\n   * @en_US Loading\r\n   */\r\n  @Input() @XInputBoolean() loading?: XBoolean;\r\n  /**\r\n   * @zh_CN 关闭按钮\r\n   * @en_US Close button\r\n   */\r\n  @Input() @XInputBoolean() closable?: XBoolean;\r\n  /**\r\n   * @zh_CN 按钮类型属性 submit,button,reset\r\n   * @en_US Button type attribute. submit,button,reset\r\n   */\r\n  @Input() @XWithConfig<XButtonAttrType>(X_CONFIG_NAME, 'submit') attrType?: XButtonAttrType;\r\n}\r\n\r\n/**\r\n * Button Option\r\n * @undocument true\r\n */\r\nexport interface XButtonOption {\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   */\r\n  type?: XButtonType;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 提示\r\n   * @en_US Title\r\n   */\r\n  title?: string;\r\n  /**\r\n   * @zh_CN 布局方式\r\n   * @en_US Layout\r\n   */\r\n  direction?: XDirection;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * @zh_CN 仅显示图标\r\n   * @en_US Icon only\r\n   */\r\n  onlyIcon?: XBoolean;\r\n  /**\r\n   * @zh_CN 激活的按钮（样式差异）\r\n   * @en_US Active button (style difference)\r\n   */\r\n  activated?: XBoolean;\r\n  /**\r\n   * @zh_CN 禁用按钮\r\n   * @en_US Disable button\r\n   */\r\n  disabled?: XBoolean;\r\n  /**\r\n   * @zh_CN 朴素按钮\r\n   * @en_US Plain button\r\n   */\r\n  plain?: XBoolean;\r\n  /**\r\n   * @zh_CN 圆角按钮\r\n   * @en_US Round button\r\n   */\r\n  round?: XBoolean;\r\n  /**\r\n   * @zh_CN 圆型按钮（配合图标来使用）\r\n   * @en_US Round button (use with icon)\r\n   */\r\n  circle?: XBoolean;\r\n  /**\r\n   * @zh_CN 加载中\r\n   * @en_US Loading\r\n   */\r\n  loading?: XBoolean;\r\n  /**\r\n   * @zh_CN 关闭按钮\r\n   * @en_US Close button\r\n   */\r\n  closable?: XBoolean;\r\n}\r\n\r\n/**\r\n * @zh_CN 按钮类型\r\n * @en_US Button type\r\n */\r\nexport type XButtonType = XType;\r\n\r\n/**\r\n * @zh_CN 按钮类型属性\r\n * @en_US Button attr type\r\n */\r\nexport type XButtonAttrType = 'submit' | 'button' | 'reset';\r\n\r\n/**\r\n * Buttons\r\n * @selector x-buttons\r\n * @decorator component\r\n */\r\nexport const XButtonsPrefix = 'x-buttons';\r\nconst X_CONFIG_NAME_BUTTONS = 'buttons';\r\n\r\n/**\r\n * Buttons Property\r\n */\r\n@Component({ selector: `${XButtonsPrefix}-property`, template: '' })\r\nexport class XButtonsProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 按钮间距，单位 rem （按 1rem = 16px 比例来计算）\r\n   * @en_US Button spacing, unit rem (calculated according to the ratio of 1rem = 16px)\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME_BUTTONS, 0) @XInputNumber() space?: XNumber;\r\n  /**\r\n   * @zh_CN 隐藏边框\r\n   * @en_US Hide border\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME_BUTTONS) @XInputBoolean() hiddenBorder?: XBoolean;\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, HostBinding } from '@angular/core';\r\nimport { XButtonsPrefix, XButtonsProperty } from './button.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XButtonsPrefix}`,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./buttons.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonsComponent extends XButtonsProperty implements OnInit {\r\n  @HostBinding('class.x-buttons-space') get getSpace() {\r\n    return this.space;\r\n  }\r\n  @HostBinding('class.x-buttons-hiddenBorder') get getHiddenBorder() {\r\n    return this.hiddenBorder;\r\n  }\r\n\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef<HTMLElement>, public configService: XConfigService) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XButtonsPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setSpace();\r\n  }\r\n\r\n  setSpace() {\r\n    if (!this.space) return;\r\n    this.renderer.setStyle(this.elementRef.nativeElement, 'margin-left', `-${Number(this.space) / 2}rem`);\r\n    this.renderer.setStyle(this.elementRef.nativeElement, 'margin-right', `-${Number(this.space) / 2}rem`);\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  OnChanges,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  ChangeDetectorRef,\r\n  Optional,\r\n  Host,\r\n  ElementRef,\r\n  Renderer2,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { XIsChange, XConfigService, XIsEmpty, XClearClass } from '@ng-nest/ui/core';\r\nimport { delay, of } from 'rxjs';\r\nimport { XButtonPrefix, XButtonProperty } from './button.property';\r\nimport { XButtonsComponent } from './buttons.component';\r\n\r\n@Component({\r\n  selector: `${XButtonPrefix}`,\r\n  templateUrl: './button.component.html',\r\n  styleUrls: ['./button.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonComponent extends XButtonProperty implements OnInit, OnChanges {\r\n  transition = false;\r\n  @ViewChild('buttonRef', { static: true }) buttonRef!: ElementRef;\r\n  constructor(\r\n    @Optional() @Host() public buttons: XButtonsComponent,\r\n    public cdr: ChangeDetectorRef,\r\n    public elementRef: ElementRef<HTMLElement>,\r\n    public renderer: Renderer2,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.setSpace();\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { loading, disabled, activated, type, plain, size, direction } = changes;\r\n    XIsChange(loading, disabled) && this.setDisabled();\r\n    XIsChange(activated) && this.cdr.detectChanges();\r\n    XIsChange(type, plain, size, direction) && this.setClassMap();\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.classMap);\r\n    this.classMap = {\r\n      [`${XButtonPrefix}-${this.type}`]: !XIsEmpty(this.type) && XIsEmpty(this.plain),\r\n      [`${XButtonPrefix}-${this.type}-plain`]: !XIsEmpty(this.type) && !XIsEmpty(this.plain),\r\n      [`${XButtonPrefix}-plain`]: XIsEmpty(this.type) && !XIsEmpty(this.plain),\r\n      [`x-size-${this.size}`]: !XIsEmpty(this.size),\r\n      [`x-direction-${this.direction}`]: !XIsEmpty(this.direction)\r\n    };\r\n    if (!this.transition)\r\n      of(true)\r\n        .pipe(delay(0))\r\n        .subscribe(() => {\r\n          this.transition = true;\r\n          this.cdr.detectChanges();\r\n        });\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setSpace() {\r\n    if (!this.buttons?.space) return;\r\n    this.renderer.setStyle(this.elementRef.nativeElement, 'margin-left', `${Number(this.buttons.space) / 2}rem`);\r\n    this.renderer.setStyle(this.elementRef.nativeElement, 'margin-right', `${Number(this.buttons.space) / 2}rem`);\r\n  }\r\n\r\n  setDisabled() {\r\n    if (this.loading || this.disabled) {\r\n      this.renderer.setStyle(this.elementRef.nativeElement, 'pointer-events', 'none');\r\n      this.renderer.setStyle(this.buttonRef?.nativeElement, 'disabled', 'none');\r\n    } else {\r\n      this.renderer.removeStyle(this.elementRef.nativeElement, 'pointer-events');\r\n      this.renderer.removeStyle(this.buttonRef?.nativeElement, 'disabled');\r\n    }\r\n  }\r\n}\r\n","<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]=\"disabled\"\r\n  [class.x-button-round]=\"round\"\r\n  [class.x-button-circle]=\"circle\"\r\n  [class.x-button-icon]=\"icon && !content.innerHTML.trim()\"\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]=\"disabled\"\r\n  [attr.type]=\"attrType\"\r\n>\r\n  <x-icon *ngIf=\"icon && !loading\" [type]=\"icon\"></x-icon>\r\n  <x-icon *ngIf=\"loading\" type=\"fto-loader\" [spin]=\"loading\"></x-icon>\r\n  <span #content><ng-content></ng-content></span>\r\n</button>\r\n\r\n<!-- 提前加载 loading 的图标-->\r\n<x-icon *ngIf=\"loading\" [style.display]=\"'none'\" type=\"fto-loader\"></x-icon>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XButtonComponent } from './button.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XButtonsComponent } from './buttons.component';\r\nimport { XButtonProperty, XButtonsProperty } from './button.property';\r\nimport { XRippleModule } from '@ng-nest/ui/ripple';\r\n\r\n@NgModule({\r\n  declarations: [XButtonComponent, XButtonsComponent, XButtonProperty, XButtonsProperty],\r\n  exports: [XButtonComponent, XButtonsComponent],\r\n  imports: [CommonModule, XIconModule, XRippleModule]\r\n})\r\nexport class XButtonModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.XButtonsComponent","i2"],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-button.mjs","sources":["../../../../lib/ng-nest/ui/button/button.property.ts","../../../../lib/ng-nest/ui/button/buttons.component.ts","../../../../lib/ng-nest/ui/button/button.component.ts","../../../../lib/ng-nest/ui/button/button.component.html","../../../../lib/ng-nest/ui/button/button.module.ts","../../../../lib/ng-nest/ui/button/ng-nest-ui-button.ts"],"sourcesContent":["import { Input, Component } from '@angular/core';\r\nimport { XProperty, XDirection, XSize, XInputBoolean, XInputNumber, XNumber, XBoolean, XType, XWithConfig } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Button\r\n * @selector x-button\r\n * @decorator component\r\n */\r\nexport const XButtonPrefix = 'x-button';\r\nconst X_CONFIG_NAME = 'button';\r\n\r\n/**\r\n * Button Property\r\n */\r\n@Component({ selector: `${XButtonPrefix}-property`, template: '' })\r\nexport class XButtonProperty extends XProperty implements XButtonOption {\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   */\r\n  @Input() @XWithConfig<XButtonType>(X_CONFIG_NAME, 'initial') type?: XButtonType;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  @Input() icon?: string;\r\n  /**\r\n   * @zh_CN 提示\r\n   * @en_US Title\r\n   */\r\n  @Input() title?: string = '';\r\n  /**\r\n   * @zh_CN 布局方式\r\n   * @en_US Layout\r\n   */\r\n  @Input() direction: XDirection = 'row';\r\n  /**\r\n   * @zh_CN tab 键控制次序\r\n   * @en_US Tab key control order\r\n   */\r\n  @Input() tabindex: number = 0;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 仅显示图标\r\n   * @en_US Icon only\r\n   */\r\n  @Input() @XInputBoolean() onlyIcon?: XBoolean;\r\n  /**\r\n   * @zh_CN 激活的按钮（样式差异）\r\n   * @en_US Active button (style difference)\r\n   */\r\n  @Input() @XInputBoolean() activated?: XBoolean;\r\n  /**\r\n   * @zh_CN 禁用按钮\r\n   * @en_US Disable button\r\n   */\r\n  @Input() @XInputBoolean() disabled?: XBoolean;\r\n  /**\r\n   * @zh_CN 朴素按钮\r\n   * @en_US Plain button\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() plain?: XBoolean;\r\n  /**\r\n   * @zh_CN 圆角按钮\r\n   * @en_US Round button\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() round?: XBoolean;\r\n  /**\r\n   * @zh_CN 圆型按钮（配合图标来使用）\r\n   * @en_US Round button (use with icon)\r\n   */\r\n  @Input() @XInputBoolean() circle?: XBoolean;\r\n  /**\r\n   * @zh_CN 加载中\r\n   * @en_US Loading\r\n   */\r\n  @Input() @XInputBoolean() loading?: XBoolean;\r\n  /**\r\n   * @zh_CN 关闭按钮\r\n   * @en_US Close button\r\n   */\r\n  @Input() @XInputBoolean() closable?: XBoolean;\r\n  /**\r\n   * @zh_CN 按钮类型属性 submit,button,reset\r\n   * @en_US Button type attribute. submit,button,reset\r\n   */\r\n  @Input() @XWithConfig<XButtonAttrType>(X_CONFIG_NAME, 'button') attrType?: XButtonAttrType;\r\n}\r\n\r\n/**\r\n * Button Option\r\n * @undocument true\r\n */\r\nexport interface XButtonOption {\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   */\r\n  type?: XButtonType;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 提示\r\n   * @en_US Title\r\n   */\r\n  title?: string;\r\n  /**\r\n   * @zh_CN 布局方式\r\n   * @en_US Layout\r\n   */\r\n  direction?: XDirection;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * @zh_CN 仅显示图标\r\n   * @en_US Icon only\r\n   */\r\n  onlyIcon?: XBoolean;\r\n  /**\r\n   * @zh_CN 激活的按钮（样式差异）\r\n   * @en_US Active button (style difference)\r\n   */\r\n  activated?: XBoolean;\r\n  /**\r\n   * @zh_CN 禁用按钮\r\n   * @en_US Disable button\r\n   */\r\n  disabled?: XBoolean;\r\n  /**\r\n   * @zh_CN 朴素按钮\r\n   * @en_US Plain button\r\n   */\r\n  plain?: XBoolean;\r\n  /**\r\n   * @zh_CN 圆角按钮\r\n   * @en_US Round button\r\n   */\r\n  round?: XBoolean;\r\n  /**\r\n   * @zh_CN 圆型按钮（配合图标来使用）\r\n   * @en_US Round button (use with icon)\r\n   */\r\n  circle?: XBoolean;\r\n  /**\r\n   * @zh_CN 加载中\r\n   * @en_US Loading\r\n   */\r\n  loading?: XBoolean;\r\n  /**\r\n   * @zh_CN 关闭按钮\r\n   * @en_US Close button\r\n   */\r\n  closable?: XBoolean;\r\n}\r\n\r\n/**\r\n * @zh_CN 按钮类型\r\n * @en_US Button type\r\n */\r\nexport type XButtonType = XType;\r\n\r\n/**\r\n * @zh_CN 按钮类型属性\r\n * @en_US Button attr type\r\n */\r\nexport type XButtonAttrType = 'submit' | 'button' | 'reset';\r\n\r\n/**\r\n * Buttons\r\n * @selector x-buttons\r\n * @decorator component\r\n */\r\nexport const XButtonsPrefix = 'x-buttons';\r\nconst X_CONFIG_NAME_BUTTONS = 'buttons';\r\n\r\n/**\r\n * Buttons Property\r\n */\r\n@Component({ selector: `${XButtonsPrefix}-property`, template: '' })\r\nexport class XButtonsProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 按钮间距，单位 rem （按 1rem = 16px 比例来计算）\r\n   * @en_US Button spacing, unit rem (calculated according to the ratio of 1rem = 16px)\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME_BUTTONS, 0) @XInputNumber() space?: XNumber;\r\n  /**\r\n   * @zh_CN 隐藏边框\r\n   * @en_US Hide border\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME_BUTTONS) @XInputBoolean() hiddenBorder?: XBoolean;\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, HostBinding } from '@angular/core';\r\nimport { XButtonsPrefix, XButtonsProperty } from './button.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XButtonsPrefix}`,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./buttons.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonsComponent extends XButtonsProperty implements OnInit {\r\n  @HostBinding('class.x-buttons-space') get getSpace() {\r\n    return this.space;\r\n  }\r\n  @HostBinding('class.x-buttons-hiddenBorder') get getHiddenBorder() {\r\n    return this.hiddenBorder;\r\n  }\r\n\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef<HTMLElement>, public configService: XConfigService) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XButtonsPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setSpace();\r\n  }\r\n\r\n  setSpace() {\r\n    if (!this.space) return;\r\n    this.renderer.setStyle(this.elementRef.nativeElement, 'margin-left', `-${Number(this.space) / 2}rem`);\r\n    this.renderer.setStyle(this.elementRef.nativeElement, 'margin-right', `-${Number(this.space) / 2}rem`);\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  OnChanges,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  ChangeDetectorRef,\r\n  Optional,\r\n  Host,\r\n  ElementRef,\r\n  Renderer2,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { XIsChange, XConfigService, XIsEmpty, XClearClass } from '@ng-nest/ui/core';\r\nimport { delay, of } from 'rxjs';\r\nimport { XButtonPrefix, XButtonProperty } from './button.property';\r\nimport { XButtonsComponent } from './buttons.component';\r\n\r\n@Component({\r\n  selector: `${XButtonPrefix}`,\r\n  templateUrl: './button.component.html',\r\n  styleUrls: ['./button.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonComponent extends XButtonProperty implements OnInit, OnChanges {\r\n  transition = false;\r\n  @ViewChild('buttonRef', { static: true }) buttonRef!: ElementRef;\r\n  constructor(\r\n    @Optional() @Host() public buttons: XButtonsComponent,\r\n    public cdr: ChangeDetectorRef,\r\n    public elementRef: ElementRef<HTMLElement>,\r\n    public renderer: Renderer2,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.setSpace();\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { loading, disabled, activated, type, plain, size, direction } = changes;\r\n    XIsChange(loading, disabled) && this.setDisabled();\r\n    XIsChange(activated) && this.cdr.detectChanges();\r\n    XIsChange(type, plain, size, direction) && this.setClassMap();\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.classMap);\r\n    this.classMap = {\r\n      [`${XButtonPrefix}-${this.type}`]: !XIsEmpty(this.type) && XIsEmpty(this.plain),\r\n      [`${XButtonPrefix}-${this.type}-plain`]: !XIsEmpty(this.type) && !XIsEmpty(this.plain),\r\n      [`${XButtonPrefix}-plain`]: XIsEmpty(this.type) && !XIsEmpty(this.plain),\r\n      [`x-size-${this.size}`]: !XIsEmpty(this.size),\r\n      [`x-direction-${this.direction}`]: !XIsEmpty(this.direction)\r\n    };\r\n    if (!this.transition)\r\n      of(true)\r\n        .pipe(delay(0))\r\n        .subscribe(() => {\r\n          this.transition = true;\r\n          this.cdr.detectChanges();\r\n        });\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setSpace() {\r\n    if (!this.buttons?.space) return;\r\n    this.renderer.setStyle(this.elementRef.nativeElement, 'margin-left', `${Number(this.buttons.space) / 2}rem`);\r\n    this.renderer.setStyle(this.elementRef.nativeElement, 'margin-right', `${Number(this.buttons.space) / 2}rem`);\r\n  }\r\n\r\n  setDisabled() {\r\n    if (this.loading || this.disabled) {\r\n      this.renderer.setStyle(this.elementRef.nativeElement, 'pointer-events', 'none');\r\n      this.renderer.setStyle(this.buttonRef?.nativeElement, 'disabled', 'none');\r\n    } else {\r\n      this.renderer.removeStyle(this.elementRef.nativeElement, 'pointer-events');\r\n      this.renderer.removeStyle(this.buttonRef?.nativeElement, 'disabled');\r\n    }\r\n  }\r\n}\r\n","<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]=\"disabled\"\r\n  [class.x-button-round]=\"round\"\r\n  [class.x-button-circle]=\"circle\"\r\n  [class.x-button-icon]=\"icon && !content.innerHTML.trim()\"\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]=\"disabled\"\r\n  [attr.type]=\"attrType\"\r\n>\r\n  <x-icon *ngIf=\"icon && !loading\" [type]=\"icon\"></x-icon>\r\n  <svg *ngIf=\"loading\" 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 #content><ng-content></ng-content></span>\r\n</button>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XButtonComponent } from './button.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XButtonsComponent } from './buttons.component';\r\nimport { XButtonProperty, XButtonsProperty } from './button.property';\r\nimport { XRippleModule } from '@ng-nest/ui/ripple';\r\n\r\n@NgModule({\r\n  declarations: [XButtonComponent, XButtonsComponent, XButtonProperty, XButtonsProperty],\r\n  exports: [XButtonComponent, XButtonsComponent],\r\n  imports: [CommonModule, XIconModule, XRippleModule]\r\n})\r\nexport class XButtonModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.XButtonsComponent","i2"],"mappings":"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"}