@ng-nest/ui 14.0.10 → 14.0.12

package/fesm2015/ng-nest-ui-tabs.mjs

@@ -3,7 +3,7 @@ import { EventEmitter, Component, Input, Output, Directive, Host, Optional, Self
 import { __decorate } from 'tslib';
 import * as i1$1 from '@ng-nest/ui/core';
 import { XProperty, XInputNumber, XInputBoolean, XWithConfig, XIsChange, XResize, XIsEmpty, XSetData } from '@ng-nest/ui/core';
-import { Subject, takeUntil, distinctUntilChanged, filter, startWith } from 'rxjs';
+import { Subject, takeUntil, distinctUntilChanged, filter, startWith, delay } from 'rxjs';
 import * as i4 from '@ng-nest/ui/slider';
 import { XSliderProperty, XSliderComponent, XSliderModule } from '@ng-nest/ui/slider';
 import * as i1 from '@angular/router';
@@ -277,11 +277,6 @@ class XTabsComponent extends XTabsProperty {
         this._unSubject.unsubscribe();
         (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
-    ngAfterContentInit() {
-        Promise.resolve().then(() => {
-            this.setRouter();
-        });
-    }
     ngAfterContentChecked() {
         if (this.tabs.length !== this.listTabs.length) {
             this._tabsContentChange.next(`${this.tabs.length}-${this.listTabs.length}`);
@@ -289,6 +284,9 @@ class XTabsComponent extends XTabsProperty {
     }
     ngAfterViewInit() {
         this.setSliderWidth();
+        Promise.resolve().then(() => {
+            this.setRouter();
+        });
     }
     setSliderWidth() {
         if (this.slider && this.actionsRef) {
@@ -313,7 +311,7 @@ class XTabsComponent extends XTabsProperty {
             return;
         }
         this.router.events
-            .pipe(filter((x) => x instanceof NavigationEnd), startWith(true), takeUntil(this._unSubject))
+            .pipe(filter((x) => x instanceof NavigationEnd), startWith(true), delay(0), takeUntil(this._unSubject))
             .subscribe(() => {
             this.updateRouterActive();
             this.cdr.markForCheck();

package/fesm2015/ng-nest-ui-tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-tabs.mjs","sources":["../../../../lib/ng-nest/ui/tabs/tabs.property.ts","../../../../lib/ng-nest/ui/tabs/tab-link.directive.ts","../../../../lib/ng-nest/ui/tabs/tab.component.ts","../../../../lib/ng-nest/ui/tabs/tab.component.html","../../../../lib/ng-nest/ui/tabs/tab-content.component.ts","../../../../lib/ng-nest/ui/tabs/tab-content.component.html","../../../../lib/ng-nest/ui/tabs/tabs.component.ts","../../../../lib/ng-nest/ui/tabs/tabs.component.html","../../../../lib/ng-nest/ui/tabs/tabs.module.ts","../../../../lib/ng-nest/ui/tabs/ng-nest-ui-tabs.ts"],"sourcesContent":["import {\r\n  XData,\r\n  XJustify,\r\n  XProperty,\r\n  XInputBoolean,\r\n  XSize,\r\n  XIdentityProperty,\r\n  XTemplate,\r\n  XInputNumber,\r\n  XNumber,\r\n  XBoolean,\r\n  XWithConfig\r\n} from '@ng-nest/ui/core';\r\nimport { Input, TemplateRef, Output, EventEmitter, Component } from '@angular/core';\r\n\r\n/**\r\n * Tabs\r\n * @selector x-tabs\r\n * @decorator component\r\n */\r\nexport const XTabsPrefix = 'x-tabs';\r\nconst X_CONFIG_NAME = 'tabs';\r\n\r\n/**\r\n * Tabs Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTabsProperty extends XProperty {\r\n  /**\r\n   * @zh_CN Data 数据\r\n   * @en_US Data\r\n   */\r\n  @Input() data: XData<XTabsNode> = [];\r\n  /**\r\n   * @zh_CN 对齐方式\r\n   * @en_US Alignment\r\n   */\r\n  @Input() justify: XJustify = 'start';\r\n  /**\r\n   * @zh_CN 样式\r\n   * @en_US Style\r\n   */\r\n  @Input() type: XTabsType = 'block';\r\n  /**\r\n   * @zh_CN 布局方式\r\n   * @en_US Layout\r\n   */\r\n  @Input() layout: XTabsLayout = 'top';\r\n  /**\r\n   * @zh_CN 激活的序号\r\n   * @en_US Activation number\r\n   */\r\n  @Input() @XInputNumber() activatedIndex: XNumber = 0;\r\n  /**\r\n   * @zh_CN 动画\r\n   * @en_US Animation\r\n   */\r\n  @Input() @XInputBoolean() animated: XBoolean = true;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl!: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 节点排列方式\r\n   * @en_US Node arrangement\r\n   */\r\n  @Input() nodeJustify?: XJustify;\r\n  /**\r\n   * @zh_CN 隐藏标签栏，只有一个标签页时候默认隐藏（存在自定义操作模版的时候不会）\r\n   * @en_US Hide the label bar, there is only one tab, the default hidden\r\n   */\r\n  @Input() @XInputBoolean() sliderHidden?: XBoolean;\r\n  /**\r\n   * @zh_CN 标签栏上的自定义操作模版\r\n   * @en_US Custom template on the label bar\r\n   */\r\n  @Input() actionTpl?: TemplateRef<void>;\r\n  /**\r\n   * @zh_CN 标签页显示不下的时候显示展开所有的按钮，布局为 top 、bottom 的时候生效\r\n   * @en_US When the node is not displayed, display all the buttons, and the arrangement is effective when the arrangement is row\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() showExpand?: XBoolean;\r\n  /**\r\n   * @zh_CN 展开所有弹框的最大高度\r\n   * @en_US Expand the maximum height of all bomb frames\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '15rem') expandMaxHeight?: string;\r\n  /**\r\n   * @zh_CN angular 路由联动\r\n   * @en_US Link angular router\r\n   */\r\n  @Input() @XInputBoolean() linkRouter?: XBoolean;\r\n  /**\r\n   * @zh_CN 以严格匹配模式确定联动的路由\r\n   * @en_US Determine the linked route in strict matching mode\r\n   */\r\n  @Input() @XInputBoolean() linkExact?: XBoolean = true;\r\n  /**\r\n   * @zh_CN 标签切换变化的事件\r\n   * @en_US Label switching event\r\n   */\r\n  @Output() indexChange = new EventEmitter<XActivatedTab>();\r\n}\r\n\r\n/**\r\n * @zh_CN Tabs 数据对象\r\n * @en_US Tabs data object\r\n */\r\nexport interface XTabsNode extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 禁用节点\r\n   * @en_US Node disabled\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN 自定义属性\r\n   * @en_US Custom properties\r\n   */\r\n  [property: string]: any;\r\n}\r\n\r\n/**\r\n * @zh_CN 激活的tab\r\n * @en_US Active tab\r\n */\r\nexport interface XActivatedTab {\r\n  activatedIndex?: number;\r\n  activatedTab?: XTabsNode;\r\n}\r\n\r\n/**\r\n * @zh_CN 样式类型\r\n * @en_US Style type\r\n */\r\nexport type XTabsType = 'block' | 'tag' | 'card';\r\n\r\n/**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\nexport type XTabsLayout = 'top' | 'right' | 'bottom' | 'left';\r\n\r\n/**\r\n * Tab\r\n * @selector x-tab\r\n * @decorator component\r\n */\r\nexport const XTabPrefix = 'x-tab';\r\n\r\n/**\r\n * Tab Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTabProperty {\r\n  /**\r\n   * @zh_CN 标签名称，支持自定义模板\r\n   * @en_US Label name, support custom template\r\n   */\r\n  @Input() label?: XTemplate;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabeld\r\n   */\r\n  @Input() @XInputBoolean() disabled?: XBoolean;\r\n}\r\n","import { Directive, ElementRef, Host, Optional, Self, TemplateRef } from '@angular/core';\r\nimport { RouterLink, RouterLinkWithHref } from '@angular/router';\r\n\r\n@Directive({\r\n  selector: 'ng-template[xTabLink]',\r\n  exportAs: 'xTabLinkTemplate'\r\n})\r\nexport class XTabLinkTemplateDirective {\r\n  constructor(@Host() public templateRef: TemplateRef<void>) {}\r\n}\r\n\r\n@Directive({\r\n  selector: 'a[x-tab-link]',\r\n  exportAs: 'xTabLink'\r\n})\r\nexport class XTabLinkDirective {\r\n  constructor(\r\n    public elementRef: ElementRef,\r\n    @Optional() @Self() public routerLink?: RouterLink,\r\n    @Optional() @Self() public routerLinkWithHref?: RouterLinkWithHref\r\n  ) {}\r\n}\r\n","import { ChangeDetectionStrategy, Component, ContentChild, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\r\nimport { XTabPrefix, XTabProperty } from './tabs.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\nimport { XTabLinkDirective, XTabLinkTemplateDirective } from './tab-link.directive';\r\n\r\n@Component({\r\n  selector: `${XTabPrefix}`,\r\n  templateUrl: './tab.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTabComponent extends XTabProperty {\r\n  @ViewChild('contentTpl', { static: true }) content!: TemplateRef<void>;\r\n  @ContentChild(XTabLinkTemplateDirective, { static: false }) linkTemplateDirective!: XTabLinkTemplateDirective;\r\n  @ContentChild(XTabLinkDirective, { static: false }) linkDirective!: XTabLinkDirective;\r\n\r\n  constructor(public configService: XConfigService) {\r\n    super();\r\n  }\r\n}\r\n","<ng-template #tabLinkTpl>\r\n  <ng-content select=\"[x-tab-link]\"></ng-content>\r\n</ng-template>\r\n<ng-template #contentTpl>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  Input,\r\n  TemplateRef,\r\n  ViewEncapsulation,\r\n  ElementRef,\r\n  Renderer2\r\n} from '@angular/core';\r\nimport { XBoolean } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: 'x-tab-content',\r\n  preserveWhitespaces: false,\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  templateUrl: './tab-content.component.html'\r\n})\r\nexport class XTabContentComponent {\r\n  @Input() content!: TemplateRef<void>;\r\n  @Input() active: XBoolean = false;\r\n  constructor(private elementRef: ElementRef, private renderer: Renderer2) {\r\n    this.renderer.addClass(this.elementRef.nativeElement, 'x-tab-content');\r\n  }\r\n}\r\n","<ng-container>\r\n  <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\r\n</ng-container>\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ChangeDetectionStrategy,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ChangeDetectorRef,\r\n  ContentChildren,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n  SimpleChange,\r\n  QueryList,\r\n  ElementRef,\r\n  Renderer2,\r\n  Optional\r\n} from '@angular/core';\r\nimport { XTabsPrefix, XTabsNode, XTabsProperty } from './tabs.property';\r\nimport { XIsChange, XSetData, XIsEmpty, XConfigService, XResize } from '@ng-nest/ui/core';\r\nimport { Subject, takeUntil, distinctUntilChanged, filter, startWith } from 'rxjs';\r\nimport { XSliderComponent, XSliderProperty } from '@ng-nest/ui/slider';\r\nimport { XTabComponent } from './tab.component';\r\nimport { NavigationEnd, Router, RouterLink, RouterLinkWithHref } from '@angular/router';\r\n\r\n@Component({\r\n  selector: `${XTabsPrefix}`,\r\n  templateUrl: './tabs.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTabsComponent extends XTabsProperty implements OnInit, OnChanges {\r\n  sliderOption = new XSliderProperty();\r\n  tabs: XTabsNode[] = [];\r\n  private _unSubject = new Subject<void>();\r\n  private _tabsContentChange = new Subject<string>();\r\n  private _resizeObserver!: ResizeObserver;\r\n\r\n  get activeIndex() {\r\n    return Number(this.activatedIndex);\r\n  }\r\n\r\n  @ContentChildren(XTabComponent) listTabs!: QueryList<XTabComponent>;\r\n\r\n  @ViewChild(XSliderComponent, { static: false }) slider!: XSliderComponent;\r\n  @ViewChild('actionsRef', { static: false }) actionsRef!: ElementRef;\r\n\r\n  constructor(\r\n    private cdr: ChangeDetectorRef,\r\n    public configService: XConfigService,\r\n    public renderer: Renderer2,\r\n    @Optional() private router: Router\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n    this.setSliderOption();\r\n    this.setNodeJustify();\r\n    this.setSubject();\r\n    this.setData();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data, layout, justify, activatedIndex } = changes;\r\n    XIsChange(data) && this.setData();\r\n    XIsChange(layout) && this.setLayout(layout);\r\n    XIsChange(justify) && this.cdr.detectChanges();\r\n    XIsChange(activatedIndex) && this.setActivatedIndex();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n    this._resizeObserver?.disconnect();\r\n  }\r\n\r\n  ngAfterContentInit() {\r\n    Promise.resolve().then(() => {\r\n      this.setRouter();\r\n    });\r\n  }\r\n\r\n  ngAfterContentChecked(): void {\r\n    if (this.tabs.length !== this.listTabs.length) {\r\n      this._tabsContentChange.next(`${this.tabs.length}-${this.listTabs.length}`);\r\n    }\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.setSliderWidth();\r\n  }\r\n\r\n  setSliderWidth() {\r\n    if (this.slider && this.actionsRef) {\r\n      XResize(this.actionsRef.nativeElement)\r\n        .pipe(takeUntil(this._unSubject))\r\n        .subscribe((x) => {\r\n          this._resizeObserver = x.resizeObserver;\r\n          this.renderer.setStyle(\r\n            this.slider.elementRef.nativeElement,\r\n            'width',\r\n            `calc(100% - ${this.actionsRef.nativeElement.clientWidth}px)`\r\n          );\r\n        });\r\n    }\r\n  }\r\n\r\n  setSubject() {\r\n    this._tabsContentChange.pipe(distinctUntilChanged(), takeUntil(this._unSubject)).subscribe(() => {\r\n      this.setData();\r\n    });\r\n  }\r\n\r\n  setRouter() {\r\n    if (!this.linkRouter) return;\r\n    if (!this.router) {\r\n      console.warn(`${XTabsPrefix}: you should import 'RouterModule' if you want to use 'linkRouter'!`);\r\n      return;\r\n    }\r\n    this.router.events\r\n      .pipe(\r\n        filter((x) => x instanceof NavigationEnd),\r\n        startWith(true),\r\n        takeUntil(this._unSubject)\r\n      )\r\n      .subscribe(() => {\r\n        this.updateRouterActive();\r\n        this.cdr.markForCheck();\r\n      });\r\n  }\r\n\r\n  updateRouterActive() {\r\n    if (!this.router.navigated) return;\r\n    const index = this.findShouldActiveTabIndex();\r\n    if (index !== -1 && index !== this.activeIndex) {\r\n      this.activatedIndex = index;\r\n      this.setActivatedIndex();\r\n    }\r\n  }\r\n\r\n  findShouldActiveTabIndex(): number {\r\n    const tabs = this.listTabs.toArray();\r\n    const isActive = this.isLinkActive(this.router);\r\n    return tabs.findIndex((tab) => {\r\n      const c = tab.linkDirective;\r\n      return c ? isActive(c.routerLink) || isActive(c.routerLinkWithHref) : false;\r\n    });\r\n  }\r\n\r\n  isLinkActive(router: Router): (link?: RouterLink | RouterLinkWithHref) => boolean {\r\n    return (link?: RouterLink | RouterLinkWithHref) => {\r\n      return link ? router.isActive(link.urlTree!, Boolean(this.linkExact)) : false;\r\n    };\r\n  }\r\n\r\n  activatedChange(index: number) {\r\n    this.activatedIndex = index;\r\n    this.indexChange.emit({\r\n      activatedIndex: index,\r\n      activatedTab: this.tabs[index]\r\n    });\r\n    this.setFirstAndLast();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setActivatedIndex() {\r\n    if (typeof this.sliderOption === 'undefined') {\r\n      this.sliderOption = new XSliderProperty();\r\n    }\r\n    this.sliderOption.activatedIndex = this.activatedIndex;\r\n    this.setFirstAndLast();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private setClassMap() {\r\n    this.classMap = {\r\n      [`${XTabsPrefix}-${this.layout}`]: !XIsEmpty(this.layout),\r\n      [`${XTabsPrefix}-${this.type}`]: !XIsEmpty(this.type)\r\n    };\r\n  }\r\n\r\n  private setLayout(layout: SimpleChange) {\r\n    this.classMap[`${XTabsPrefix}-${layout.previousValue}`] = false;\r\n    this.classMap[`${XTabsPrefix}-${layout.currentValue}`] = true;\r\n    this.setSliderOption();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private setNodeJustify() {\r\n    this.nodeJustify = this.nodeJustify ? this.nodeJustify : this.layout === 'left' ? 'end' : this.layout === 'right' ? 'start' : 'center';\r\n  }\r\n\r\n  private setData() {\r\n    let data = [];\r\n    if (XIsEmpty(this.data)) {\r\n      if (this.listTabs && this.listTabs.length > 0) {\r\n        let _data: any[] = [];\r\n        this.listTabs.forEach((x, index) => {\r\n          const label = x.linkTemplateDirective?.templateRef || x.label;\r\n          const id = x.label || index;\r\n          _data = [...(_data as XTabsNode[]), { id: id, label: label, disabled: x.disabled }];\r\n        });\r\n        data = _data;\r\n      } else {\r\n        data = [];\r\n\r\n        return;\r\n      }\r\n    }\r\n    XSetData<XTabsNode>(data, this._unSubject).subscribe((x) => {\r\n      this.tabs = x;\r\n      if (!this.sliderHidden && !this.actionTpl) {\r\n        this.sliderHidden = this.tabs.length <= 1;\r\n      }\r\n      this.sliderOption.data = this.tabs;\r\n      this.setActivatedIndex();\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n\r\n  private setSliderOption() {\r\n    this.sliderOption.layout = ['top', 'bottom'].indexOf(this.layout) !== -1 ? 'row' : 'column';\r\n  }\r\n\r\n  private setFirstAndLast() {\r\n    this.classMap[`${XTabsPrefix}-is-first`] = this.activatedIndex === 0;\r\n    this.classMap[`${XTabsPrefix}-is-last`] = this.activatedIndex === this.tabs?.length - 1;\r\n  }\r\n}\r\n","<div class=\"x-tabs\" [ngClass]=\"classMap\">\r\n  <div #list class=\"x-tabs-list\" *ngIf=\"!sliderHidden\">\r\n    <x-slider\r\n      #slider\r\n      [animated]=\"animated && type !== 'tag'\"\r\n      [justify]=\"justify\"\r\n      [nodeJustify]=\"nodeJustify\"\r\n      [data]=\"sliderOption.data\"\r\n      [layout]=\"sliderOption.layout\"\r\n      [size]=\"size\"\r\n      [nodeTpl]=\"nodeTpl\"\r\n      [activatedIndex]=\"sliderOption.activatedIndex\"\r\n      [showExpand]=\"showExpand\"\r\n      [expandMaxHeight]=\"expandMaxHeight\"\r\n      (indexChange)=\"activatedChange($event)\"\r\n    ></x-slider>\r\n    <div #actionsRef class=\"x-tabs-actions\" *ngIf=\"actionTpl\">\r\n      <ng-container *ngTemplateOutlet=\"actionTpl\"></ng-container>\r\n    </div>\r\n  </div>\r\n  <div #content class=\"x-tabs-contents\" [class.x-tabs-contents-animated]=\"animated && (layout === 'top' || layout === 'bottom')\">\r\n    <x-tab-content\r\n      *ngFor=\"let tab of listTabs; index as i\"\r\n      [active]=\"activeIndex == i\"\r\n      [content]=\"tab.content\"\r\n      [class.x-tab-content-unactivated]=\"activeIndex != i\"\r\n      [class.x-tab-content-disabled]=\"tab.disabled\"\r\n      [style.transform]=\"'translate(' + (-activeIndex || 0) * 100 + '%, 0px)'\"\r\n    >\r\n    </x-tab-content>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XTabsComponent } from './tabs.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XSliderModule } from '@ng-nest/ui/slider';\r\nimport { XTabComponent } from './tab.component';\r\nimport { XTabContentComponent } from './tab-content.component';\r\nimport { XTabsProperty, XTabProperty } from './tabs.property';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XTabLinkTemplateDirective, XTabLinkDirective } from './tab-link.directive';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    XTabsComponent,\r\n    XTabContentComponent,\r\n    XTabComponent,\r\n    XTabLinkDirective,\r\n    XTabLinkTemplateDirective,\r\n    XTabsProperty,\r\n    XTabProperty\r\n  ],\r\n  exports: [XTabsComponent, XTabContentComponent, XTabComponent, XTabLinkDirective, XTabLinkTemplateDirective],\r\n  imports: [CommonModule, XSliderModule, XButtonModule, XIconModule]\r\n})\r\nexport class XTabsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i5.XTabContentComponent"],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-tabs.mjs","sources":["../../../../lib/ng-nest/ui/tabs/tabs.property.ts","../../../../lib/ng-nest/ui/tabs/tab-link.directive.ts","../../../../lib/ng-nest/ui/tabs/tab.component.ts","../../../../lib/ng-nest/ui/tabs/tab.component.html","../../../../lib/ng-nest/ui/tabs/tab-content.component.ts","../../../../lib/ng-nest/ui/tabs/tab-content.component.html","../../../../lib/ng-nest/ui/tabs/tabs.component.ts","../../../../lib/ng-nest/ui/tabs/tabs.component.html","../../../../lib/ng-nest/ui/tabs/tabs.module.ts","../../../../lib/ng-nest/ui/tabs/ng-nest-ui-tabs.ts"],"sourcesContent":["import {\r\n  XData,\r\n  XJustify,\r\n  XProperty,\r\n  XInputBoolean,\r\n  XSize,\r\n  XIdentityProperty,\r\n  XTemplate,\r\n  XInputNumber,\r\n  XNumber,\r\n  XBoolean,\r\n  XWithConfig\r\n} from '@ng-nest/ui/core';\r\nimport { Input, TemplateRef, Output, EventEmitter, Component } from '@angular/core';\r\n\r\n/**\r\n * Tabs\r\n * @selector x-tabs\r\n * @decorator component\r\n */\r\nexport const XTabsPrefix = 'x-tabs';\r\nconst X_CONFIG_NAME = 'tabs';\r\n\r\n/**\r\n * Tabs Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTabsProperty extends XProperty {\r\n  /**\r\n   * @zh_CN Data 数据\r\n   * @en_US Data\r\n   */\r\n  @Input() data: XData<XTabsNode> = [];\r\n  /**\r\n   * @zh_CN 对齐方式\r\n   * @en_US Alignment\r\n   */\r\n  @Input() justify: XJustify = 'start';\r\n  /**\r\n   * @zh_CN 样式\r\n   * @en_US Style\r\n   */\r\n  @Input() type: XTabsType = 'block';\r\n  /**\r\n   * @zh_CN 布局方式\r\n   * @en_US Layout\r\n   */\r\n  @Input() layout: XTabsLayout = 'top';\r\n  /**\r\n   * @zh_CN 激活的序号\r\n   * @en_US Activation number\r\n   */\r\n  @Input() @XInputNumber() activatedIndex: XNumber = 0;\r\n  /**\r\n   * @zh_CN 动画\r\n   * @en_US Animation\r\n   */\r\n  @Input() @XInputBoolean() animated: XBoolean = true;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl!: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 节点排列方式\r\n   * @en_US Node arrangement\r\n   */\r\n  @Input() nodeJustify?: XJustify;\r\n  /**\r\n   * @zh_CN 隐藏标签栏，只有一个标签页时候默认隐藏（存在自定义操作模版的时候不会）\r\n   * @en_US Hide the label bar, there is only one tab, the default hidden\r\n   */\r\n  @Input() @XInputBoolean() sliderHidden?: XBoolean;\r\n  /**\r\n   * @zh_CN 标签栏上的自定义操作模版\r\n   * @en_US Custom template on the label bar\r\n   */\r\n  @Input() actionTpl?: TemplateRef<void>;\r\n  /**\r\n   * @zh_CN 标签页显示不下的时候显示展开所有的按钮，布局为 top 、bottom 的时候生效\r\n   * @en_US When the node is not displayed, display all the buttons, and the arrangement is effective when the arrangement is row\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() showExpand?: XBoolean;\r\n  /**\r\n   * @zh_CN 展开所有弹框的最大高度\r\n   * @en_US Expand the maximum height of all bomb frames\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '15rem') expandMaxHeight?: string;\r\n  /**\r\n   * @zh_CN angular 路由联动\r\n   * @en_US Link angular router\r\n   */\r\n  @Input() @XInputBoolean() linkRouter?: XBoolean;\r\n  /**\r\n   * @zh_CN 以严格匹配模式确定联动的路由\r\n   * @en_US Determine the linked route in strict matching mode\r\n   */\r\n  @Input() @XInputBoolean() linkExact?: XBoolean = true;\r\n  /**\r\n   * @zh_CN 标签切换变化的事件\r\n   * @en_US Label switching event\r\n   */\r\n  @Output() indexChange = new EventEmitter<XActivatedTab>();\r\n}\r\n\r\n/**\r\n * @zh_CN Tabs 数据对象\r\n * @en_US Tabs data object\r\n */\r\nexport interface XTabsNode extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 禁用节点\r\n   * @en_US Node disabled\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN 自定义属性\r\n   * @en_US Custom properties\r\n   */\r\n  [property: string]: any;\r\n}\r\n\r\n/**\r\n * @zh_CN 激活的tab\r\n * @en_US Active tab\r\n */\r\nexport interface XActivatedTab {\r\n  activatedIndex?: number;\r\n  activatedTab?: XTabsNode;\r\n}\r\n\r\n/**\r\n * @zh_CN 样式类型\r\n * @en_US Style type\r\n */\r\nexport type XTabsType = 'block' | 'tag' | 'card';\r\n\r\n/**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\nexport type XTabsLayout = 'top' | 'right' | 'bottom' | 'left';\r\n\r\n/**\r\n * Tab\r\n * @selector x-tab\r\n * @decorator component\r\n */\r\nexport const XTabPrefix = 'x-tab';\r\n\r\n/**\r\n * Tab Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTabProperty {\r\n  /**\r\n   * @zh_CN 标签名称，支持自定义模板\r\n   * @en_US Label name, support custom template\r\n   */\r\n  @Input() label?: XTemplate;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabeld\r\n   */\r\n  @Input() @XInputBoolean() disabled?: XBoolean;\r\n}\r\n","import { Directive, ElementRef, Host, Optional, Self, TemplateRef } from '@angular/core';\r\nimport { RouterLink, RouterLinkWithHref } from '@angular/router';\r\n\r\n@Directive({\r\n  selector: 'ng-template[xTabLink]',\r\n  exportAs: 'xTabLinkTemplate'\r\n})\r\nexport class XTabLinkTemplateDirective {\r\n  constructor(@Host() public templateRef: TemplateRef<void>) {}\r\n}\r\n\r\n@Directive({\r\n  selector: 'a[x-tab-link]',\r\n  exportAs: 'xTabLink'\r\n})\r\nexport class XTabLinkDirective {\r\n  constructor(\r\n    public elementRef: ElementRef,\r\n    @Optional() @Self() public routerLink?: RouterLink,\r\n    @Optional() @Self() public routerLinkWithHref?: RouterLinkWithHref\r\n  ) {}\r\n}\r\n","import { ChangeDetectionStrategy, Component, ContentChild, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\r\nimport { XTabPrefix, XTabProperty } from './tabs.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\nimport { XTabLinkDirective, XTabLinkTemplateDirective } from './tab-link.directive';\r\n\r\n@Component({\r\n  selector: `${XTabPrefix}`,\r\n  templateUrl: './tab.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTabComponent extends XTabProperty {\r\n  @ViewChild('contentTpl', { static: true }) content!: TemplateRef<void>;\r\n  @ContentChild(XTabLinkTemplateDirective, { static: false }) linkTemplateDirective!: XTabLinkTemplateDirective;\r\n  @ContentChild(XTabLinkDirective, { static: false }) linkDirective!: XTabLinkDirective;\r\n\r\n  constructor(public configService: XConfigService) {\r\n    super();\r\n  }\r\n}\r\n","<ng-template #tabLinkTpl>\r\n  <ng-content select=\"[x-tab-link]\"></ng-content>\r\n</ng-template>\r\n<ng-template #contentTpl>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  Input,\r\n  TemplateRef,\r\n  ViewEncapsulation,\r\n  ElementRef,\r\n  Renderer2\r\n} from '@angular/core';\r\nimport { XBoolean } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: 'x-tab-content',\r\n  preserveWhitespaces: false,\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  templateUrl: './tab-content.component.html'\r\n})\r\nexport class XTabContentComponent {\r\n  @Input() content!: TemplateRef<void>;\r\n  @Input() active: XBoolean = false;\r\n  constructor(private elementRef: ElementRef, private renderer: Renderer2) {\r\n    this.renderer.addClass(this.elementRef.nativeElement, 'x-tab-content');\r\n  }\r\n}\r\n","<ng-container>\r\n  <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\r\n</ng-container>\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ChangeDetectionStrategy,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ChangeDetectorRef,\r\n  ContentChildren,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n  SimpleChange,\r\n  QueryList,\r\n  ElementRef,\r\n  Renderer2,\r\n  Optional\r\n} from '@angular/core';\r\nimport { XTabsPrefix, XTabsNode, XTabsProperty } from './tabs.property';\r\nimport { XIsChange, XSetData, XIsEmpty, XConfigService, XResize } from '@ng-nest/ui/core';\r\nimport { Subject, takeUntil, distinctUntilChanged, filter, startWith, delay } from 'rxjs';\r\nimport { XSliderComponent, XSliderProperty } from '@ng-nest/ui/slider';\r\nimport { XTabComponent } from './tab.component';\r\nimport { NavigationEnd, Router, RouterLink, RouterLinkWithHref } from '@angular/router';\r\n\r\n@Component({\r\n  selector: `${XTabsPrefix}`,\r\n  templateUrl: './tabs.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTabsComponent extends XTabsProperty implements OnInit, OnChanges {\r\n  sliderOption = new XSliderProperty();\r\n  tabs: XTabsNode[] = [];\r\n  private _unSubject = new Subject<void>();\r\n  private _tabsContentChange = new Subject<string>();\r\n  private _resizeObserver!: ResizeObserver;\r\n\r\n  get activeIndex() {\r\n    return Number(this.activatedIndex);\r\n  }\r\n\r\n  @ContentChildren(XTabComponent) listTabs!: QueryList<XTabComponent>;\r\n\r\n  @ViewChild(XSliderComponent, { static: false }) slider!: XSliderComponent;\r\n  @ViewChild('actionsRef', { static: false }) actionsRef!: ElementRef;\r\n\r\n  constructor(\r\n    private cdr: ChangeDetectorRef,\r\n    public configService: XConfigService,\r\n    public renderer: Renderer2,\r\n    @Optional() private router: Router\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n    this.setSliderOption();\r\n    this.setNodeJustify();\r\n    this.setSubject();\r\n    this.setData();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data, layout, justify, activatedIndex } = changes;\r\n    XIsChange(data) && this.setData();\r\n    XIsChange(layout) && this.setLayout(layout);\r\n    XIsChange(justify) && this.cdr.detectChanges();\r\n    XIsChange(activatedIndex) && this.setActivatedIndex();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n    this._resizeObserver?.disconnect();\r\n  }\r\n\r\n  ngAfterContentChecked(): void {\r\n    if (this.tabs.length !== this.listTabs.length) {\r\n      this._tabsContentChange.next(`${this.tabs.length}-${this.listTabs.length}`);\r\n    }\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.setSliderWidth();\r\n    Promise.resolve().then(() => {\r\n      this.setRouter();\r\n    });\r\n  }\r\n\r\n  setSliderWidth() {\r\n    if (this.slider && this.actionsRef) {\r\n      XResize(this.actionsRef.nativeElement)\r\n        .pipe(takeUntil(this._unSubject))\r\n        .subscribe((x) => {\r\n          this._resizeObserver = x.resizeObserver;\r\n          this.renderer.setStyle(\r\n            this.slider.elementRef.nativeElement,\r\n            'width',\r\n            `calc(100% - ${this.actionsRef.nativeElement.clientWidth}px)`\r\n          );\r\n        });\r\n    }\r\n  }\r\n\r\n  setSubject() {\r\n    this._tabsContentChange.pipe(distinctUntilChanged(), takeUntil(this._unSubject)).subscribe(() => {\r\n      this.setData();\r\n    });\r\n  }\r\n\r\n  setRouter() {\r\n    if (!this.linkRouter) return;\r\n    if (!this.router) {\r\n      console.warn(`${XTabsPrefix}: you should import 'RouterModule' if you want to use 'linkRouter'!`);\r\n      return;\r\n    }\r\n    this.router.events\r\n      .pipe(\r\n        filter((x) => x instanceof NavigationEnd),\r\n        startWith(true),\r\n        delay(0),\r\n        takeUntil(this._unSubject)\r\n      )\r\n      .subscribe(() => {\r\n        this.updateRouterActive();\r\n        this.cdr.markForCheck();\r\n      });\r\n  }\r\n\r\n  updateRouterActive() {\r\n    if (!this.router.navigated) return;\r\n    const index = this.findShouldActiveTabIndex();\r\n    if (index !== -1 && index !== this.activeIndex) {\r\n      this.activatedIndex = index;\r\n      this.setActivatedIndex();\r\n    }\r\n  }\r\n\r\n  findShouldActiveTabIndex(): number {\r\n    const tabs = this.listTabs.toArray();\r\n    const isActive = this.isLinkActive(this.router);\r\n\r\n    return tabs.findIndex((tab) => {\r\n      const c = tab.linkDirective;\r\n      return c ? isActive(c.routerLink) || isActive(c.routerLinkWithHref) : false;\r\n    });\r\n  }\r\n\r\n  isLinkActive(router: Router): (link?: RouterLink | RouterLinkWithHref) => boolean {\r\n    return (link?: RouterLink | RouterLinkWithHref) => {\r\n      return link ? router.isActive(link.urlTree!, Boolean(this.linkExact)) : false;\r\n    };\r\n  }\r\n\r\n  activatedChange(index: number) {\r\n    this.activatedIndex = index;\r\n    this.indexChange.emit({\r\n      activatedIndex: index,\r\n      activatedTab: this.tabs[index]\r\n    });\r\n    this.setFirstAndLast();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setActivatedIndex() {\r\n    if (typeof this.sliderOption === 'undefined') {\r\n      this.sliderOption = new XSliderProperty();\r\n    }\r\n    this.sliderOption.activatedIndex = this.activatedIndex;\r\n    this.setFirstAndLast();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private setClassMap() {\r\n    this.classMap = {\r\n      [`${XTabsPrefix}-${this.layout}`]: !XIsEmpty(this.layout),\r\n      [`${XTabsPrefix}-${this.type}`]: !XIsEmpty(this.type)\r\n    };\r\n  }\r\n\r\n  private setLayout(layout: SimpleChange) {\r\n    this.classMap[`${XTabsPrefix}-${layout.previousValue}`] = false;\r\n    this.classMap[`${XTabsPrefix}-${layout.currentValue}`] = true;\r\n    this.setSliderOption();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private setNodeJustify() {\r\n    this.nodeJustify = this.nodeJustify ? this.nodeJustify : this.layout === 'left' ? 'end' : this.layout === 'right' ? 'start' : 'center';\r\n  }\r\n\r\n  private setData() {\r\n    let data = [];\r\n    if (XIsEmpty(this.data)) {\r\n      if (this.listTabs && this.listTabs.length > 0) {\r\n        let _data: any[] = [];\r\n        this.listTabs.forEach((x, index) => {\r\n          const label = x.linkTemplateDirective?.templateRef || x.label;\r\n          const id = x.label || index;\r\n          _data = [...(_data as XTabsNode[]), { id: id, label: label, disabled: x.disabled }];\r\n        });\r\n        data = _data;\r\n      } else {\r\n        data = [];\r\n\r\n        return;\r\n      }\r\n    }\r\n    XSetData<XTabsNode>(data, this._unSubject).subscribe((x) => {\r\n      this.tabs = x;\r\n      if (!this.sliderHidden && !this.actionTpl) {\r\n        this.sliderHidden = this.tabs.length <= 1;\r\n      }\r\n      this.sliderOption.data = this.tabs;\r\n      this.setActivatedIndex();\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n\r\n  private setSliderOption() {\r\n    this.sliderOption.layout = ['top', 'bottom'].indexOf(this.layout) !== -1 ? 'row' : 'column';\r\n  }\r\n\r\n  private setFirstAndLast() {\r\n    this.classMap[`${XTabsPrefix}-is-first`] = this.activatedIndex === 0;\r\n    this.classMap[`${XTabsPrefix}-is-last`] = this.activatedIndex === this.tabs?.length - 1;\r\n  }\r\n}\r\n","<div class=\"x-tabs\" [ngClass]=\"classMap\">\r\n  <div #list class=\"x-tabs-list\" *ngIf=\"!sliderHidden\">\r\n    <x-slider\r\n      #slider\r\n      [animated]=\"animated && type !== 'tag'\"\r\n      [justify]=\"justify\"\r\n      [nodeJustify]=\"nodeJustify\"\r\n      [data]=\"sliderOption.data\"\r\n      [layout]=\"sliderOption.layout\"\r\n      [size]=\"size\"\r\n      [nodeTpl]=\"nodeTpl\"\r\n      [activatedIndex]=\"sliderOption.activatedIndex\"\r\n      [showExpand]=\"showExpand\"\r\n      [expandMaxHeight]=\"expandMaxHeight\"\r\n      (indexChange)=\"activatedChange($event)\"\r\n    ></x-slider>\r\n    <div #actionsRef class=\"x-tabs-actions\" *ngIf=\"actionTpl\">\r\n      <ng-container *ngTemplateOutlet=\"actionTpl\"></ng-container>\r\n    </div>\r\n  </div>\r\n  <div #content class=\"x-tabs-contents\" [class.x-tabs-contents-animated]=\"animated && (layout === 'top' || layout === 'bottom')\">\r\n    <x-tab-content\r\n      *ngFor=\"let tab of listTabs; index as i\"\r\n      [active]=\"activeIndex == i\"\r\n      [content]=\"tab.content\"\r\n      [class.x-tab-content-unactivated]=\"activeIndex != i\"\r\n      [class.x-tab-content-disabled]=\"tab.disabled\"\r\n      [style.transform]=\"'translate(' + (-activeIndex || 0) * 100 + '%, 0px)'\"\r\n    >\r\n    </x-tab-content>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XTabsComponent } from './tabs.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XSliderModule } from '@ng-nest/ui/slider';\r\nimport { XTabComponent } from './tab.component';\r\nimport { XTabContentComponent } from './tab-content.component';\r\nimport { XTabsProperty, XTabProperty } from './tabs.property';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XTabLinkTemplateDirective, XTabLinkDirective } from './tab-link.directive';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    XTabsComponent,\r\n    XTabContentComponent,\r\n    XTabComponent,\r\n    XTabLinkDirective,\r\n    XTabLinkTemplateDirective,\r\n    XTabsProperty,\r\n    XTabProperty\r\n  ],\r\n  exports: [XTabsComponent, XTabContentComponent, XTabComponent, XTabLinkDirective, XTabLinkTemplateDirective],\r\n  imports: [CommonModule, XSliderModule, XButtonModule, XIconModule]\r\n})\r\nexport class XTabsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i5.XTabContentComponent"],"mappings":";;;;;;;;;;;;;;;AAeA;;;;AAIG;AACI,MAAM,WAAW,GAAG,SAAS;AACpC,MAAM,aAAa,GAAG,MAAM,CAAC;AAE7B;;AAEG;AAEG,MAAO,aAAc,SAAQ,SAAS,CAAA;AAD5C,IAAA,WAAA,GAAA;;AAEE;;;AAGG;AACM,QAAA,IAAI,CAAA,IAAA,GAAqB,EAAE,CAAC;AACrC;;;AAGG;AACM,QAAA,IAAO,CAAA,OAAA,GAAa,OAAO,CAAC;AACrC;;;AAGG;AACM,QAAA,IAAI,CAAA,IAAA,GAAc,OAAO,CAAC;AACnC;;;AAGG;AACM,QAAA,IAAM,CAAA,MAAA,GAAgB,KAAK,CAAC;AACrC;;;AAGG;AACsB,QAAA,IAAc,CAAA,cAAA,GAAY,CAAC,CAAC;AACrD;;;AAGG;AACuB,QAAA,IAAQ,CAAA,QAAA,GAAa,IAAI,CAAC;AAyCpD;;;AAGG;AACuB,QAAA,IAAS,CAAA,SAAA,GAAc,IAAI,CAAC;AACtD;;;AAGG;AACO,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAiB,CAAC;KAC3D;;6HAjFY,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,mBAAA,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,8dADH,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;AA0BE,UAAA,CAAA;AAAf,IAAA,YAAY,EAAE;CAA6B,EAAA,aAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAK3B,UAAA,CAAA;AAAhB,IAAA,aAAa,EAAE;CAA2B,EAAA,aAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAUE,UAAA,CAAA;AAA5C,IAAA,WAAW,CAAQ,aAAa,EAAE,QAAQ,CAAC;CAAc,EAAA,aAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAUzC,UAAA,CAAA;AAAhB,IAAA,aAAa,EAAE;CAAyB,EAAA,aAAA,CAAA,SAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAUqB,UAAA,CAAA;AAA7D,IAAA,WAAW,CAAW,aAAa,EAAE,KAAK,CAAC;AAAE,IAAA,aAAa,EAAE;CAAuB,EAAA,aAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKvC,UAAA,CAAA;AAA5C,IAAA,WAAW,CAAS,aAAa,EAAE,OAAO,CAAC;CAA0B,EAAA,aAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKrD,UAAA,CAAA;AAAhB,IAAA,aAAa,EAAE;CAAuB,EAAA,aAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKtB,UAAA,CAAA;AAAhB,IAAA,aAAa,EAAE;CAA6B,EAAA,aAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;2FA3E3C,aAAa,EAAA,UAAA,EAAA,CAAA;kBADzB,SAAS;mBAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;8BAMhB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAKG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAKG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAKG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBAKmB,cAAc,EAAA,CAAA;sBAAtC,KAAK;gBAKoB,QAAQ,EAAA,CAAA;sBAAjC,KAAK;gBAKG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAKgD,IAAI,EAAA,CAAA;sBAAzD,KAAK;gBAKG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAKoB,YAAY,EAAA,CAAA;sBAArC,KAAK;gBAKG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAKiE,UAAU,EAAA,CAAA;sBAAhF,KAAK;gBAKgD,eAAe,EAAA,CAAA;sBAApE,KAAK;gBAKoB,UAAU,EAAA,CAAA;sBAAnC,KAAK;gBAKoB,SAAS,EAAA,CAAA;sBAAlC,KAAK;gBAKI,WAAW,EAAA,CAAA;sBAApB,MAAM;;AAyCT;;;;AAIG;AACI,MAAM,UAAU,GAAG,QAAQ;AAElC;;AAEG;MAEU,YAAY,CAAA;;4HAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,mBAAA,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,sGADF,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;AAWG,UAAA,CAAA;AAAhB,IAAA,aAAa,EAAE;CAAqB,EAAA,YAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;2FAVnC,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,SAAS;mBAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;8BAMhB,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAKoB,QAAQ,EAAA,CAAA;sBAAjC,KAAK;;;MClKK,yBAAyB,CAAA;AACpC,IAAA,WAAA,CAA2B,WAA8B,EAAA;AAA9B,QAAA,IAAW,CAAA,WAAA,GAAX,WAAW,CAAmB;KAAI;;yIADlD,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;6HAAzB,yBAAyB,EAAA,QAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE,kBAAkB;iBAC7B,CAAA;;;8BAEc,IAAI;;;MAON,iBAAiB,CAAA;AAC5B,IAAA,WAAA,CACS,UAAsB,EACF,UAAuB,EACvB,kBAAuC,EAAA;AAF3D,QAAA,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;AACF,QAAA,IAAU,CAAA,UAAA,GAAV,UAAU,CAAa;AACvB,QAAA,IAAkB,CAAA,kBAAA,GAAlB,kBAAkB,CAAqB;KAChE;;iIALO,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAjB,iBAAiB,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,QAAQ,EAAE,UAAU;iBACrB,CAAA;;;8BAII,QAAQ;;8BAAI,IAAI;;8BAChB,QAAQ;;8BAAI,IAAI;;;;ACRf,MAAO,aAAc,SAAQ,YAAY,CAAA;AAK7C,IAAA,WAAA,CAAmB,aAA6B,EAAA;AAC9C,QAAA,KAAK,EAAE,CAAC;AADS,QAAA,IAAa,CAAA,aAAA,GAAb,aAAa,CAAgB;KAE/C;;6HAPU,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,mBAAA,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAEV,QAAA,EAAA,OAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,yBAAyB,EACzB,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,iBAAiB,4LCdjC,sLAMA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDKa,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;+BACE,GAAG,UAAU,CAAA,CAAE,EAEV,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,sLAAA,EAAA,CAAA;uGAGJ,OAAO,EAAA,CAAA;sBAAjD,SAAS;gBAAC,IAAA,EAAA,CAAA,YAAY,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBACmB,qBAAqB,EAAA,CAAA;sBAAhF,YAAY;gBAAC,IAAA,EAAA,CAAA,yBAAyB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;gBACN,aAAa,EAAA,CAAA;sBAAhE,YAAY;gBAAC,IAAA,EAAA,CAAA,iBAAiB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;;;MEIvC,oBAAoB,CAAA;IAG/B,WAAoB,CAAA,UAAsB,EAAU,QAAmB,EAAA;AAAnD,QAAA,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;AAAU,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;AAD9D,QAAA,IAAM,CAAA,MAAA,GAAa,KAAK,CAAC;AAEhC,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;KACxE;;oIALU,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,mBAAA,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,uGClBjC,uGAGA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDea,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BACE,eAAe,EAAA,mBAAA,EACJ,KAAK,EACX,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uGAAA,EAAA,CAAA;yHAItC,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;;;AEUF,MAAO,cAAe,SAAQ,aAAa,CAAA;AAgB/C,IAAA,WAAA,CACU,GAAsB,EACvB,aAA6B,EAC7B,QAAmB,EACN,MAAc,EAAA;AAElC,QAAA,KAAK,EAAE,CAAC;AALA,QAAA,IAAG,CAAA,GAAA,GAAH,GAAG,CAAmB;AACvB,QAAA,IAAa,CAAA,aAAA,GAAb,aAAa,CAAgB;AAC7B,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;AACN,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;AAnBpC,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;AACrC,QAAA,IAAI,CAAA,IAAA,GAAgB,EAAE,CAAC;AACf,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,OAAO,EAAQ,CAAC;AACjC,QAAA,IAAA,CAAA,kBAAkB,GAAG,IAAI,OAAO,EAAU,CAAC;KAmBlD;AAhBD,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KACpC;IAgBD,QAAQ,GAAA;QACN,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,OAAO,EAAE,CAAC;KAChB;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;QAChC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC;QAC1D,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QAClC,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAC5C,SAAS,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAC/C,SAAS,CAAC,cAAc,CAAC,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;KACvD;IAED,WAAW,GAAA;;AACT,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;AAC9B,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,eAAe,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAU,EAAE,CAAC;KACpC;IAED,qBAAqB,GAAA;QACnB,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;AAC7C,YAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA,EAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAA,CAAE,CAAC,CAAC;AAC7E,SAAA;KACF;IAED,eAAe,GAAA;QACb,IAAI,CAAC,cAAc,EAAE,CAAC;AACtB,QAAA,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAK;YAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;AACnB,SAAC,CAAC,CAAC;KACJ;IAED,cAAc,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE;AAClC,YAAA,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;AACnC,iBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAChC,iBAAA,SAAS,CAAC,CAAC,CAAC,KAAI;AACf,gBAAA,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,cAAc,CAAC;gBACxC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CACpB,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,aAAa,EACpC,OAAO,EACP,CAAe,YAAA,EAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAK,GAAA,CAAA,CAC9D,CAAC;AACJ,aAAC,CAAC,CAAC;AACN,SAAA;KACF;IAED,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;YAC9F,IAAI,CAAC,OAAO,EAAE,CAAC;AACjB,SAAC,CAAC,CAAC;KACJ;IAED,SAAS,GAAA;QACP,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;AAC7B,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,YAAA,OAAO,CAAC,IAAI,CAAC,GAAG,WAAW,CAAA,mEAAA,CAAqE,CAAC,CAAC;YAClG,OAAO;AACR,SAAA;QACD,IAAI,CAAC,MAAM,CAAC,MAAM;AACf,aAAA,IAAI,CACH,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,aAAa,CAAC,EACzC,SAAS,CAAC,IAAI,CAAC,EACf,KAAK,CAAC,CAAC,CAAC,EACR,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAC3B;aACA,SAAS,CAAC,MAAK;YACd,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC1B,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;AAC1B,SAAC,CAAC,CAAC;KACN;IAED,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS;YAAE,OAAO;AACnC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAC9C,IAAI,KAAK,KAAK,CAAC,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE;AAC9C,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;YAC5B,IAAI,CAAC,iBAAiB,EAAE,CAAC;AAC1B,SAAA;KACF;IAED,wBAAwB,GAAA;QACtB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAEhD,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,KAAI;AAC5B,YAAA,MAAM,CAAC,GAAG,GAAG,CAAC,aAAa,CAAC;YAC5B,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC;AAC9E,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,YAAY,CAAC,MAAc,EAAA;QACzB,OAAO,CAAC,IAAsC,KAAI;YAChD,OAAO,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC;AAChF,SAAC,CAAC;KACH;AAED,IAAA,eAAe,CAAC,KAAa,EAAA;AAC3B,QAAA,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;AAC5B,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACpB,YAAA,cAAc,EAAE,KAAK;AACrB,YAAA,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AAC/B,SAAA,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;IAED,iBAAiB,GAAA;AACf,QAAA,IAAI,OAAO,IAAI,CAAC,YAAY,KAAK,WAAW,EAAE;AAC5C,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;AAC3C,SAAA;QACD,IAAI,CAAC,YAAY,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QACvD,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;IAEO,WAAW,GAAA;QACjB,IAAI,CAAC,QAAQ,GAAG;AACd,YAAA,CAAC,CAAG,EAAA,WAAW,CAAI,CAAA,EAAA,IAAI,CAAC,MAAM,CAAA,CAAE,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;AACzD,YAAA,CAAC,CAAG,EAAA,WAAW,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;SACtD,CAAC;KACH;AAEO,IAAA,SAAS,CAAC,MAAoB,EAAA;AACpC,QAAA,IAAI,CAAC,QAAQ,CAAC,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,MAAM,CAAC,aAAa,CAAA,CAAE,CAAC,GAAG,KAAK,CAAC;AAChE,QAAA,IAAI,CAAC,QAAQ,CAAC,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,MAAM,CAAC,YAAY,CAAA,CAAE,CAAC,GAAG,IAAI,CAAC;QAC9D,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;IAEO,cAAc,GAAA;AACpB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,KAAK,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;KACxI;IAEO,OAAO,GAAA;QACb,IAAI,IAAI,GAAG,EAAE,CAAC;AACd,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YACvB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC7C,IAAI,KAAK,GAAU,EAAE,CAAC;gBACtB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,KAAI;;AACjC,oBAAA,MAAM,KAAK,GAAG,CAAA,CAAA,EAAA,GAAA,CAAC,CAAC,qBAAqB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,WAAW,KAAI,CAAC,CAAC,KAAK,CAAC;AAC9D,oBAAA,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC;oBAC5B,KAAK,GAAG,CAAC,GAAI,KAAqB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;AACtF,iBAAC,CAAC,CAAC;gBACH,IAAI,GAAG,KAAK,CAAC;AACd,aAAA;AAAM,iBAAA;gBACL,IAAI,GAAG,EAAE,CAAC;gBAEV,OAAO;AACR,aAAA;AACF,SAAA;AACD,QAAA,QAAQ,CAAY,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAI;AACzD,YAAA,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;YACd,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACzC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC;AAC3C,aAAA;YACD,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACnC,IAAI,CAAC,iBAAiB,EAAE,CAAC;AACzB,YAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;AAC3B,SAAC,CAAC,CAAC;KACJ;IAEO,eAAe,GAAA;AACrB,QAAA,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,GAAG,QAAQ,CAAC;KAC7F;IAEO,eAAe,GAAA;;AACrB,QAAA,IAAI,CAAC,QAAQ,CAAC,CAAA,EAAG,WAAW,CAAA,SAAA,CAAW,CAAC,GAAG,IAAI,CAAC,cAAc,KAAK,CAAC,CAAC;QACrE,IAAI,CAAC,QAAQ,CAAC,CAAA,EAAG,WAAW,CAAU,QAAA,CAAA,CAAC,GAAG,IAAI,CAAC,cAAc,KAAK,CAAA,MAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAM,IAAG,CAAC,CAAC;KACzF;;8HArMU,cAAc,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,cAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,mBAAA,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAWR,QAAA,EAAA,QAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EAAA,aAAa,EAEnB,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,gBAAgB,uLC3C7B,kzCAgCA,EAAA,MAAA,EAAA,CAAA,8pjBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDFa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;+BACE,CAAA,EAAG,WAAW,CAAA,CAAE,EAGX,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kzCAAA,EAAA,MAAA,EAAA,CAAA,8pjBAAA,CAAA,EAAA,CAAA;;;8BAsB5C,QAAQ;;yBATqB,QAAQ,EAAA,CAAA;sBAAvC,eAAe;uBAAC,aAAa,CAAA;gBAEkB,MAAM,EAAA,CAAA;sBAArD,SAAS;gBAAC,IAAA,EAAA,CAAA,gBAAgB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;gBACF,UAAU,EAAA,CAAA;sBAArD,SAAS;gBAAC,IAAA,EAAA,CAAA,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;;;MEpB/B,WAAW,CAAA;;2HAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,mBAAA,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,iBAXpB,cAAc;QACd,oBAAoB;QACpB,aAAa;QACb,iBAAiB;QACjB,yBAAyB;QACzB,aAAa;AACb,QAAA,YAAY,aAGJ,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,CADvD,EAAA,OAAA,EAAA,CAAA,cAAc,EAAE,oBAAoB,EAAE,aAAa,EAAE,iBAAiB,EAAE,yBAAyB,CAAA,EAAA,CAAA,CAAA;AAGhG,mBAAA,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAFZ,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,CAAA,EAAA,CAAA,CAAA;2FAEtD,WAAW,EAAA,UAAA,EAAA,CAAA;kBAbvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,cAAc;wBACd,oBAAoB;wBACpB,aAAa;wBACb,iBAAiB;wBACjB,yBAAyB;wBACzB,aAAa;wBACb,YAAY;AACb,qBAAA;oBACD,OAAO,EAAE,CAAC,cAAc,EAAE,oBAAoB,EAAE,aAAa,EAAE,iBAAiB,EAAE,yBAAyB,CAAC;oBAC5G,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,CAAC;iBACnE,CAAA;;;ACvBD;;AAEG;;;;"}

package/fesm2020/ng-nest-ui-anchor.mjs

@@ -131,6 +131,7 @@ class XAnchorComponent extends XAnchorProperty {
                     }
                 ];
             });
+            console.log(list);
             this.sliderData = list;
         }
     }
@@ -176,10 +177,10 @@ class XAnchorComponent extends XAnchorProperty {
     }
 }
 /** @nocollapse */ XAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAnchorComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XAnchorComponent, selector: "x-anchor", viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #anchor class=\"x-anchor\" [ngClass]=\"classMap\">\r\n  <div #content class=\"x-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <x-affix class=\"x-anchor-affix\" [top]=\"affixTop\">\r\n    <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight\">\r\n      <x-slider\r\n        [data]=\"sliderData\"\r\n        layout=\"column\"\r\n        [activatedIndex]=\"activatedIndex\"\r\n        [nodeJustify]=\"justify\"\r\n        [nodeTpl]=\"sliderNodeTpl\"\r\n        (indexChange)=\"activatedChange($event)\"\r\n      ></x-slider>\r\n    </div>\r\n  </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n  <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n", styles: [".x-anchor{margin:0;padding:0;display:flex}.x-anchor-content{flex:1}.x-anchor-affix{display:block}.x-anchor-slider{float:left;overflow:hidden}.x-anchor-slider:hover{overflow-y:auto}.x-anchor-right{flex-direction:row}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li{border-left:.125rem solid var(--x-border)}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-left-radius:0;border-bottom-left-radius:0;z-index:2;border-left:.125rem solid var(--x-primary)}.x-anchor-left{flex-direction:row-reverse}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li{border-right:.125rem solid var(--x-border)}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-right-radius:0;border-bottom-right-radius:0;z-index:2;border-right:.125rem solid var(--x-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.XAffixComponent, selector: "x-affix" }, { kind: "component", type: i4.XSliderComponent, selector: "x-slider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ XAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XAnchorComponent, selector: "x-anchor", viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #anchor class=\"x-anchor\" [ngClass]=\"classMap\">\r\n  <div #content class=\"x-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <x-affix class=\"x-anchor-affix\" [top]=\"affixTop\">\r\n    <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight\">\r\n      <x-slider\r\n        [data]=\"sliderData\"\r\n        layout=\"column\"\r\n        [activatedIndex]=\"activatedIndex\"\r\n        [nodeJustify]=\"justify\"\r\n        [nodeTpl]=\"sliderNodeTpl\"\r\n        [showAnchor]=\"true\"\r\n        (indexChange)=\"activatedChange($event)\"\r\n      ></x-slider>\r\n    </div>\r\n  </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n  <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n", styles: [".x-anchor{margin:0;padding:0;display:flex}.x-anchor-content{flex:1}.x-anchor-affix{display:block}.x-anchor-slider{float:left;overflow:hidden}.x-anchor-slider:hover{overflow-y:auto}.x-anchor-right{flex-direction:row}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li{border-left:.125rem solid var(--x-border)}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-left-radius:0;border-bottom-left-radius:0;z-index:2;border-left:.125rem solid var(--x-primary)}.x-anchor-left{flex-direction:row-reverse}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li{border-right:.125rem solid var(--x-border)}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-right-radius:0;border-bottom-right-radius:0;z-index:2;border-right:.125rem solid var(--x-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.XAffixComponent, selector: "x-affix" }, { kind: "component", type: i4.XSliderComponent, selector: "x-slider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAnchorComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XAnchorPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #anchor class=\"x-anchor\" [ngClass]=\"classMap\">\r\n  <div #content class=\"x-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <x-affix class=\"x-anchor-affix\" [top]=\"affixTop\">\r\n    <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight\">\r\n      <x-slider\r\n        [data]=\"sliderData\"\r\n        layout=\"column\"\r\n        [activatedIndex]=\"activatedIndex\"\r\n        [nodeJustify]=\"justify\"\r\n        [nodeTpl]=\"sliderNodeTpl\"\r\n        (indexChange)=\"activatedChange($event)\"\r\n      ></x-slider>\r\n    </div>\r\n  </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n  <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n", styles: [".x-anchor{margin:0;padding:0;display:flex}.x-anchor-content{flex:1}.x-anchor-affix{display:block}.x-anchor-slider{float:left;overflow:hidden}.x-anchor-slider:hover{overflow-y:auto}.x-anchor-right{flex-direction:row}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li{border-left:.125rem solid var(--x-border)}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-left-radius:0;border-bottom-left-radius:0;z-index:2;border-left:.125rem solid var(--x-primary)}.x-anchor-left{flex-direction:row-reverse}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li{border-right:.125rem solid var(--x-border)}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-right-radius:0;border-bottom-right-radius:0;z-index:2;border-right:.125rem solid var(--x-primary)}\n"] }]
+            args: [{ selector: `${XAnchorPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #anchor class=\"x-anchor\" [ngClass]=\"classMap\">\r\n  <div #content class=\"x-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <x-affix class=\"x-anchor-affix\" [top]=\"affixTop\">\r\n    <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight\">\r\n      <x-slider\r\n        [data]=\"sliderData\"\r\n        layout=\"column\"\r\n        [activatedIndex]=\"activatedIndex\"\r\n        [nodeJustify]=\"justify\"\r\n        [nodeTpl]=\"sliderNodeTpl\"\r\n        [showAnchor]=\"true\"\r\n        (indexChange)=\"activatedChange($event)\"\r\n      ></x-slider>\r\n    </div>\r\n  </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n  <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n", styles: [".x-anchor{margin:0;padding:0;display:flex}.x-anchor-content{flex:1}.x-anchor-affix{display:block}.x-anchor-slider{float:left;overflow:hidden}.x-anchor-slider:hover{overflow-y:auto}.x-anchor-right{flex-direction:row}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li{border-left:.125rem solid var(--x-border)}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-left-radius:0;border-bottom-left-radius:0;z-index:2;border-left:.125rem solid var(--x-primary)}.x-anchor-left{flex-direction:row-reverse}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li{border-right:.125rem solid var(--x-border)}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-right-radius:0;border-bottom-right-radius:0;z-index:2;border-right:.125rem solid var(--x-primary)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]

package/fesm2020/ng-nest-ui-anchor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-anchor.mjs","sources":["../../../../lib/ng-nest/ui/anchor/anchor.property.ts","../../../../lib/ng-nest/ui/anchor/anchor.component.ts","../../../../lib/ng-nest/ui/anchor/anchor.component.html","../../../../lib/ng-nest/ui/anchor/anchor.module.ts","../../../../lib/ng-nest/ui/anchor/ng-nest-ui-anchor.ts"],"sourcesContent":["import { XIdentityProperty, XProperty, XJustify, XWithConfig, XPositionLeftRight } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Anchor\r\n * @selector x-anchor\r\n * @decorator component\r\n */\r\nexport const XAnchorPrefix = 'x-anchor';\r\nconst X_CONFIG_NAME = 'anchor';\r\n\r\n/**\r\n * Anchor Property\r\n */\r\n@Component({ template: '' })\r\nexport class XAnchorProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 滚动区域对象\r\n   * @en_US Scroll area object\r\n   */\r\n  @Input() scroll!: HTMLElement;\r\n  /**\r\n   * @zh_CN 顶部距离\r\n   * @en_US Top distance\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '0') affixTop!: string;\r\n  /**\r\n   * @zh_CN 导航相对内容位置\r\n   * @en_US Navigation relative content position\r\n   */\r\n  @Input() @XWithConfig<XAnchorLayout>(X_CONFIG_NAME, 'right') layout!: XAnchorLayout;\r\n  /**\r\n   * @zh_CN 对齐方式\r\n   * @en_US Alignment\r\n   */\r\n  @Input() @XWithConfig<XJustify>(X_CONFIG_NAME, 'start') justify!: XJustify;\r\n}\r\n\r\n/**\r\n * Anchor Node\r\n */\r\nexport interface XAnchorNode extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 左内边距，用来显示层级\r\n   * @en_US Left inner margin, used to display hierarchy\r\n   */\r\n  left?: number;\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 Anchor link\r\n   */\r\n  link?: string;\r\n}\r\n\r\n/**\r\n * @zh_CN 布局方式，相对内容的位置\r\n * @en_US Layout method, relative content position\r\n */\r\nexport type XAnchorLayout = XPositionLeftRight;\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  ViewChild,\r\n  AfterViewInit,\r\n  Inject,\r\n  OnDestroy\r\n} from '@angular/core';\r\nimport { XAnchorPrefix, XAnchorNode, XAnchorProperty } from './anchor.property';\r\nimport { computedStyle, XIsEmpty, reqAnimFrame, XIsNumber, XIsUndefined, XConfigService } from '@ng-nest/ui/core';\r\nimport { XSliderNode } from '@ng-nest/ui/slider';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { fromEvent, Subject } from 'rxjs';\r\nimport { throttleTime, takeUntil } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XAnchorPrefix}`,\r\n  templateUrl: './anchor.component.html',\r\n  styleUrls: ['./anchor.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAnchorComponent extends XAnchorProperty implements OnInit, AfterViewInit, OnDestroy {\r\n  @ViewChild('anchor', { static: true }) anchor!: ElementRef;\r\n  @ViewChild('content', { static: true }) content!: ElementRef;\r\n  hElements: HTMLElement[] = [];\r\n  sliderData: XSliderNode[] = [];\r\n  activatedIndex: number = 0;\r\n  sliderHeight?: number;\r\n  document: Document;\r\n  private _scrolling = false;\r\n  private _fontSize: number;\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    @Inject(DOCUMENT) doc: any,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n    this.document = doc;\r\n    this._fontSize = parseFloat(computedStyle(this.document.documentElement, 'font-size'));\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n    this.setSliderData();\r\n    this.setHeight();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.setScroll();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  activatedChange(index: number) {\r\n    if (XIsEmpty(this.hElements) || XIsUndefined(this.scroll)) return;\r\n\r\n    this._scrolling = true;\r\n    const hElement = this.hElements[index];\r\n    let scrollTop = hElement.offsetTop - this.anchor.nativeElement.offsetTop - parseFloat(computedStyle(hElement, 'margin-top'));\r\n    let maxScrollTop = this.scroll.scrollHeight - this.scroll.clientHeight;\r\n    if (scrollTop > maxScrollTop) scrollTop = maxScrollTop;\r\n    this.scrollTo(this.scroll, parseInt(`${scrollTop}`), 150);\r\n  }\r\n\r\n  private setClassMap() {\r\n    this.classMap[`${XAnchorPrefix}-${this.layout}`] = !XIsEmpty(this.layout);\r\n  }\r\n\r\n  private setScroll() {\r\n    fromEvent(this.scroll ? this.scroll : window, 'scroll')\r\n      .pipe(throttleTime(10), takeUntil(this._unSubject))\r\n      .subscribe(() => {\r\n        if (this._scrolling) return;\r\n        this.setActivatedByScroll();\r\n      });\r\n    if (!this.scroll) {\r\n      this.scroll = this.document.documentElement;\r\n    }\r\n  }\r\n\r\n  private setActivatedByScroll() {\r\n    let now = 0;\r\n    this.hElements.forEach((h, index) => {\r\n      let distance = this.scroll.scrollTop + this.anchor.nativeElement.offsetTop;\r\n      if (distance >= h.offsetTop) {\r\n        now = index;\r\n        return;\r\n      }\r\n    });\r\n    this.activatedIndex = now;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private setSliderData() {\r\n    this.hElements = this.content.nativeElement.querySelectorAll(':scope> h1,:scope> h2,:scope> h3,:scope> h4,:scope> h5');\r\n    if (this.hElements.length > 0) {\r\n      let list: XAnchorNode[] = [];\r\n      this.hElements.forEach((x: HTMLElement, i: number) => {\r\n        const link = `x-anchor-${i}`;\r\n        const left = this.setLeft(x);\r\n        this.renderer.setAttribute(x, 'id', link);\r\n        list = [\r\n          ...list,\r\n          {\r\n            id: i,\r\n            label: x.innerText,\r\n            left: left,\r\n            link: link\r\n          }\r\n        ];\r\n      });\r\n      this.sliderData = list;\r\n    }\r\n  }\r\n\r\n  private setLeft(element: HTMLElement): number {\r\n    const eles = ['H1', 'H2', 'H3', 'H4', 'H5'];\r\n    const index = eles.indexOf(element.tagName);\r\n    return index + 1;\r\n  }\r\n\r\n  private setHeight() {\r\n    if (this.scroll) {\r\n      let height = this.scroll.offsetHeight;\r\n      let top = parseFloat(computedStyle(this.scroll, 'padding-top'));\r\n      let borderTop = parseFloat(computedStyle(this.scroll, 'border-top'));\r\n      let bottom = parseFloat(computedStyle(this.scroll, 'padding-bottom'));\r\n      let borderBottom = parseFloat(computedStyle(this.scroll, 'border-bottom'));\r\n      this.sliderHeight = height - top - bottom - borderTop - borderBottom - this.getTop();\r\n    }\r\n  }\r\n\r\n  private getTop() {\r\n    if (this.affixTop === '0') return 0;\r\n    if (XIsNumber(this.affixTop)) return Number(this.affixTop);\r\n    else if (this.affixTop.indexOf('rem') !== -1) return Number(this.affixTop.replace(/rem/g, '')) * this._fontSize;\r\n    else if (this.affixTop.indexOf('px') !== -1) return Number(this.affixTop.replace(/px/g, ''));\r\n    return 0;\r\n  }\r\n\r\n  private scrollTo(element: HTMLElement, to: number, duration: number) {\r\n    const difference = to - element.scrollTop;\r\n    const perTick = (difference / duration) * 10;\r\n    reqAnimFrame(() => {\r\n      element.scrollTop = element.scrollTop + perTick;\r\n      if (element.scrollTop === to || duration <= 0) {\r\n        setTimeout(() => (this._scrolling = false), 20);\r\n        return;\r\n      } else {\r\n        this.scrollTo(element, to, duration - 10);\r\n      }\r\n    });\r\n  }\r\n}\r\n","<div #anchor class=\"x-anchor\" [ngClass]=\"classMap\">\r\n  <div #content class=\"x-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <x-affix class=\"x-anchor-affix\" [top]=\"affixTop\">\r\n    <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight\">\r\n      <x-slider\r\n        [data]=\"sliderData\"\r\n        layout=\"column\"\r\n        [activatedIndex]=\"activatedIndex\"\r\n        [nodeJustify]=\"justify\"\r\n        [nodeTpl]=\"sliderNodeTpl\"\r\n        (indexChange)=\"activatedChange($event)\"\r\n      ></x-slider>\r\n    </div>\r\n  </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n  <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XAnchorComponent } from './anchor.component';\r\nimport { XAffixModule } from '@ng-nest/ui/affix';\r\nimport { XSliderModule } from '@ng-nest/ui/slider';\r\nimport { XAnchorProperty } from './anchor.property';\r\n\r\n@NgModule({\r\n  declarations: [XAnchorComponent, XAnchorProperty],\r\n  exports: [XAnchorComponent],\r\n  imports: [CommonModule, XAffixModule, XSliderModule]\r\n})\r\nexport class XAnchorModule {}\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-anchor.mjs","sources":["../../../../lib/ng-nest/ui/anchor/anchor.property.ts","../../../../lib/ng-nest/ui/anchor/anchor.component.ts","../../../../lib/ng-nest/ui/anchor/anchor.component.html","../../../../lib/ng-nest/ui/anchor/anchor.module.ts","../../../../lib/ng-nest/ui/anchor/ng-nest-ui-anchor.ts"],"sourcesContent":["import { XIdentityProperty, XProperty, XJustify, XWithConfig, XPositionLeftRight } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Anchor\r\n * @selector x-anchor\r\n * @decorator component\r\n */\r\nexport const XAnchorPrefix = 'x-anchor';\r\nconst X_CONFIG_NAME = 'anchor';\r\n\r\n/**\r\n * Anchor Property\r\n */\r\n@Component({ template: '' })\r\nexport class XAnchorProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 滚动区域对象\r\n   * @en_US Scroll area object\r\n   */\r\n  @Input() scroll!: HTMLElement;\r\n  /**\r\n   * @zh_CN 顶部距离\r\n   * @en_US Top distance\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '0') affixTop!: string;\r\n  /**\r\n   * @zh_CN 导航相对内容位置\r\n   * @en_US Navigation relative content position\r\n   */\r\n  @Input() @XWithConfig<XAnchorLayout>(X_CONFIG_NAME, 'right') layout!: XAnchorLayout;\r\n  /**\r\n   * @zh_CN 对齐方式\r\n   * @en_US Alignment\r\n   */\r\n  @Input() @XWithConfig<XJustify>(X_CONFIG_NAME, 'start') justify!: XJustify;\r\n}\r\n\r\n/**\r\n * Anchor Node\r\n */\r\nexport interface XAnchorNode extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 左内边距，用来显示层级\r\n   * @en_US Left inner margin, used to display hierarchy\r\n   */\r\n  left?: number;\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 Anchor link\r\n   */\r\n  link?: string;\r\n}\r\n\r\n/**\r\n * @zh_CN 布局方式，相对内容的位置\r\n * @en_US Layout method, relative content position\r\n */\r\nexport type XAnchorLayout = XPositionLeftRight;\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  ViewChild,\r\n  AfterViewInit,\r\n  Inject,\r\n  OnDestroy\r\n} from '@angular/core';\r\nimport { XAnchorPrefix, XAnchorNode, XAnchorProperty } from './anchor.property';\r\nimport { computedStyle, XIsEmpty, reqAnimFrame, XIsNumber, XIsUndefined, XConfigService } from '@ng-nest/ui/core';\r\nimport { XSliderNode } from '@ng-nest/ui/slider';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { fromEvent, Subject } from 'rxjs';\r\nimport { throttleTime, takeUntil } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XAnchorPrefix}`,\r\n  templateUrl: './anchor.component.html',\r\n  styleUrls: ['./anchor.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAnchorComponent extends XAnchorProperty implements OnInit, AfterViewInit, OnDestroy {\r\n  @ViewChild('anchor', { static: true }) anchor!: ElementRef;\r\n  @ViewChild('content', { static: true }) content!: ElementRef;\r\n  hElements: HTMLElement[] = [];\r\n  sliderData: XSliderNode[] = [];\r\n  activatedIndex: number = 0;\r\n  sliderHeight?: number;\r\n  document: Document;\r\n  private _scrolling = false;\r\n  private _fontSize: number;\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    @Inject(DOCUMENT) doc: any,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n    this.document = doc;\r\n    this._fontSize = parseFloat(computedStyle(this.document.documentElement, 'font-size'));\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n    this.setSliderData();\r\n    this.setHeight();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.setScroll();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  activatedChange(index: number) {\r\n    if (XIsEmpty(this.hElements) || XIsUndefined(this.scroll)) return;\r\n\r\n    this._scrolling = true;\r\n    const hElement = this.hElements[index];\r\n    let scrollTop = hElement.offsetTop - this.anchor.nativeElement.offsetTop - parseFloat(computedStyle(hElement, 'margin-top'));\r\n    let maxScrollTop = this.scroll.scrollHeight - this.scroll.clientHeight;\r\n    if (scrollTop > maxScrollTop) scrollTop = maxScrollTop;\r\n    this.scrollTo(this.scroll, parseInt(`${scrollTop}`), 150);\r\n  }\r\n\r\n  private setClassMap() {\r\n    this.classMap[`${XAnchorPrefix}-${this.layout}`] = !XIsEmpty(this.layout);\r\n  }\r\n\r\n  private setScroll() {\r\n    fromEvent(this.scroll ? this.scroll : window, 'scroll')\r\n      .pipe(throttleTime(10), takeUntil(this._unSubject))\r\n      .subscribe(() => {\r\n        if (this._scrolling) return;\r\n        this.setActivatedByScroll();\r\n      });\r\n    if (!this.scroll) {\r\n      this.scroll = this.document.documentElement;\r\n    }\r\n  }\r\n\r\n  private setActivatedByScroll() {\r\n    let now = 0;\r\n    this.hElements.forEach((h, index) => {\r\n      let distance = this.scroll.scrollTop + this.anchor.nativeElement.offsetTop;\r\n      if (distance >= h.offsetTop) {\r\n        now = index;\r\n        return;\r\n      }\r\n    });\r\n    this.activatedIndex = now;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private setSliderData() {\r\n    this.hElements = this.content.nativeElement.querySelectorAll(':scope> h1,:scope> h2,:scope> h3,:scope> h4,:scope> h5');\r\n    if (this.hElements.length > 0) {\r\n      let list: XAnchorNode[] = [];\r\n      this.hElements.forEach((x: HTMLElement, i: number) => {\r\n        const link = `x-anchor-${i}`;\r\n        const left = this.setLeft(x);\r\n        this.renderer.setAttribute(x, 'id', link);\r\n        list = [\r\n          ...list,\r\n          {\r\n            id: i,\r\n            label: x.innerText,\r\n            left: left,\r\n            link: link\r\n          }\r\n        ];\r\n      });\r\n      console.log(list)\r\n      this.sliderData = list;\r\n    }\r\n  }\r\n\r\n  private setLeft(element: HTMLElement): number {\r\n    const eles = ['H1', 'H2', 'H3', 'H4', 'H5'];\r\n    const index = eles.indexOf(element.tagName);\r\n    return index + 1;\r\n  }\r\n\r\n  private setHeight() {\r\n    if (this.scroll) {\r\n      let height = this.scroll.offsetHeight;\r\n      let top = parseFloat(computedStyle(this.scroll, 'padding-top'));\r\n      let borderTop = parseFloat(computedStyle(this.scroll, 'border-top'));\r\n      let bottom = parseFloat(computedStyle(this.scroll, 'padding-bottom'));\r\n      let borderBottom = parseFloat(computedStyle(this.scroll, 'border-bottom'));\r\n      this.sliderHeight = height - top - bottom - borderTop - borderBottom - this.getTop();\r\n    }\r\n  }\r\n\r\n  private getTop() {\r\n    if (this.affixTop === '0') return 0;\r\n    if (XIsNumber(this.affixTop)) return Number(this.affixTop);\r\n    else if (this.affixTop.indexOf('rem') !== -1) return Number(this.affixTop.replace(/rem/g, '')) * this._fontSize;\r\n    else if (this.affixTop.indexOf('px') !== -1) return Number(this.affixTop.replace(/px/g, ''));\r\n    return 0;\r\n  }\r\n\r\n  private scrollTo(element: HTMLElement, to: number, duration: number) {\r\n    const difference = to - element.scrollTop;\r\n    const perTick = (difference / duration) * 10;\r\n    reqAnimFrame(() => {\r\n      element.scrollTop = element.scrollTop + perTick;\r\n      if (element.scrollTop === to || duration <= 0) {\r\n        setTimeout(() => (this._scrolling = false), 20);\r\n        return;\r\n      } else {\r\n        this.scrollTo(element, to, duration - 10);\r\n      }\r\n    });\r\n  }\r\n}\r\n","<div #anchor class=\"x-anchor\" [ngClass]=\"classMap\">\r\n  <div #content class=\"x-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <x-affix class=\"x-anchor-affix\" [top]=\"affixTop\">\r\n    <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight\">\r\n      <x-slider\r\n        [data]=\"sliderData\"\r\n        layout=\"column\"\r\n        [activatedIndex]=\"activatedIndex\"\r\n        [nodeJustify]=\"justify\"\r\n        [nodeTpl]=\"sliderNodeTpl\"\r\n        [showAnchor]=\"true\"\r\n        (indexChange)=\"activatedChange($event)\"\r\n      ></x-slider>\r\n    </div>\r\n  </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n  <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XAnchorComponent } from './anchor.component';\r\nimport { XAffixModule } from '@ng-nest/ui/affix';\r\nimport { XSliderModule } from '@ng-nest/ui/slider';\r\nimport { XAnchorProperty } from './anchor.property';\r\n\r\n@NgModule({\r\n  declarations: [XAnchorComponent, XAnchorProperty],\r\n  exports: [XAnchorComponent],\r\n  imports: [CommonModule, XAffixModule, XSliderModule]\r\n})\r\nexport class XAnchorModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -2,6 +2,7 @@ import * as i0 from '@angular/core';
 import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, Optional, Host, NgModule } from '@angular/core';
 import * as i1 from '@ng-nest/ui/core';
 import { XProperty, XWithConfig, XInputBoolean, XInputNumber, XIsChange, XClearClass, XIsEmpty } from '@ng-nest/ui/core';
+import { of, delay } from 'rxjs';
 import { __decorate } from 'tslib';
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -187,6 +188,7 @@ class XButtonComponent extends XButtonProperty {
         this.elementRef = elementRef;
         this.renderer = renderer;
         this.configService = configService;
+        this.transition = false;
     }
     ngOnInit() {
         this.setSpace();
@@ -208,6 +210,13 @@ class XButtonComponent extends XButtonProperty {
             [`x-size-${this.size}`]: !XIsEmpty(this.size),
             [`x-direction-${this.direction}`]: !XIsEmpty(this.direction)
         };
+        if (!this.transition)
+            of(true)
+                .pipe(delay(0))
+                .subscribe(() => {
+                this.transition = true;
+                this.cdr.detectChanges();
+            });
         this.cdr.detectChanges();
     }
     setSpace() {
@@ -218,10 +227,10 @@ class XButtonComponent extends XButtonProperty {
     }
 }
 /** @nocollapse */ XButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", 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 */ XButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XButtonComponent, selector: "x-button", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button\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  [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;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: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-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 */ XButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XButtonComponent, selector: "x-button", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button\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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XButtonPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\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  [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;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: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-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  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"] }]
         }], ctorParameters: function () { return [{ type: XButtonsComponent, decorators: [{
                     type: Optional
                 }, {