@ng-nest/ui 11.2.9 → 11.2.13

package/button/button.property.d.ts

@@ -13,17 +13,17 @@ export declare class XButtonProperty extends XProperty implements XButtonOption
      * @zh_CN 类型
      * @en_US Types of
      */
-    type: XButtonType;
+    type?: XButtonType;
     /**
      * @zh_CN 图标
      * @en_US Icon
      */
-    icon: string;
+    icon?: string;
     /**
      * @zh_CN 提示
      * @en_US Title
      */
-    title: string;
+    title?: string;
     /**
      * @zh_CN 布局方式
      * @en_US Layout
@@ -38,47 +38,47 @@ export declare class XButtonProperty extends XProperty implements XButtonOption
      * @zh_CN 尺寸
      * @en_US Size
      */
-    size: XSize;
+    size?: XSize;
     /**
      * @zh_CN 仅显示图标
      * @en_US Icon only
      */
-    onlyIcon: XBoolean;
+    onlyIcon?: XBoolean;
     /**
      * @zh_CN 激活的按钮（样式差异）
      * @en_US Active button (style difference)
      */
-    activated: XBoolean;
+    activated?: XBoolean;
     /**
      * @zh_CN 禁用按钮
      * @en_US Disable button
      */
-    disabled: XBoolean;
+    disabled?: XBoolean;
     /**
      * @zh_CN 朴素按钮
      * @en_US Plain button
      */
-    plain: XBoolean;
+    plain?: XBoolean;
     /**
      * @zh_CN 圆角按钮
      * @en_US Round button
      */
-    round: XBoolean;
+    round?: XBoolean;
     /**
      * @zh_CN 圆型按钮（配合图标来使用）
      * @en_US Round button (use with icon)
      */
-    circle: XBoolean;
+    circle?: XBoolean;
     /**
      * @zh_CN 加载中
      * @en_US Loading
      */
-    loading: XBoolean;
+    loading?: XBoolean;
     /**
      * @zh_CN 关闭按钮
      * @en_US Close button
      */
-    closable: XBoolean;
+    closable?: XBoolean;
 }
 /**
  * Button Option
@@ -170,10 +170,10 @@ export declare class XButtonsProperty extends XProperty {
      * @zh_CN 按钮间距，单位 rem （按 1rem = 16px 比例来计算）
      * @en_US Button spacing, unit rem (calculated according to the ratio of 1rem = 16px)
      */
-    space: XNumber;
+    space?: XNumber;
     /**
      * @zh_CN 隐藏边框
      * @en_US Hide border
      */
-    hiddenBorder: XBoolean;
+    hiddenBorder?: XBoolean;
 }

package/button/buttons.component.d.ts

@@ -5,8 +5,8 @@ export declare class XButtonsComponent extends XButtonsProperty implements OnIni
     private renderer;
     private elementRef;
     private configService;
-    get getSpace(): string | number;
-    get getHiddenBorder(): string | boolean;
+    get getSpace(): string | number | undefined;
+    get getHiddenBorder(): string | boolean | undefined;
     constructor(renderer: Renderer2, elementRef: ElementRef, configService: XConfigService);
     ngOnInit(): void;
     setSpace(): void;

package/button/ng-nest-ui-button.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"XButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XButtonProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XButtonPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":21,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":19},"member":"OnPush"},"template":"<div\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>\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</div>\r\n\r\n<!-- 提前加载 loading 的图标-->\r\n<x-icon *ngIf=\"loading\" [style.display]=\"'none'\" type=\"fto-loader\"></x-icon>\r\n","styles":["x-button{display:inline-block;line-height:normal}.x-button{margin:0;padding:0;border:var(--x-border-width) solid;border-radius:var(--x-border-radius);display:inline-flex;align-items:center;justify-content:center;font-size:var(--x-font-size-small);text-align:center;background-clip:initial;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all 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-reverse>.x-icon,.x-button-icon.x-direction-row>.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:initial;box-shadow:none}.x-button-only-icon.x-button-initial:active,.x-button-only-icon.x-button-initial:focus,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon:active,.x-button-only-icon:focus,.x-button-only-icon:hover,.x-button-text:active,.x-button-text:focus,.x-button-text:hover{color:var(--x-primary);background-color:rgba(0,0,0,.1);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{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-disabled.x-button-activated.x-button-initial,.x-button-disabled.x-button-activated.x-button-initial:active,.x-button-disabled.x-button-activated.x-button-initial:focus,.x-button-disabled.x-button-activated.x-button-initial:hover{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:active,.x-button-disabled.x-button-activated.x-button-initial:hover{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:active:active,.x-button-disabled.x-button-activated.x-button-initial:active:focus,.x-button-disabled.x-button-activated.x-button-initial:active: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:hover:hover{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:active .x-button-inner,.x-button-disabled.x-button-activated.x-button-initial:hover:active .x-button-inner{transform:none}.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-text{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-only-icon:active,.x-button-disabled.x-button-only-icon:focus,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-text,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-text:focus,.x-button-disabled.x-button-text:hover{color:var(--x-text-400);background-color:initial;border-color:transparent}.x-button-disabled.x-button-only-icon:active .x-button-inner,.x-button-disabled.x-button-text:active .x-button-inner{transform:none}.x-button-disabled.x-button-only-icon:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-text:hover{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:initial;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-only-icon:active:active,.x-button-disabled.x-button-only-icon:active:focus,.x-button-disabled.x-button-only-icon:active: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:hover:hover,.x-button-disabled.x-button-text:active:active,.x-button-disabled.x-button-text:active:focus,.x-button-disabled.x-button-text:active:hover,.x-button-disabled.x-button-text:hover:active,.x-button-disabled.x-button-text:hover:focus,.x-button-disabled.x-button-text:hover:hover{color:var(--x-text-400);background-color:initial;border-color:transparent}.x-button-disabled.x-button-only-icon:active:active .x-button-inner,.x-button-disabled.x-button-only-icon:hover:active .x-button-inner,.x-button-disabled.x-button-text:active:active .x-button-inner,.x-button-disabled.x-button-text:hover: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:active,.x-button-initial:focus,.x-button-initial:hover{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-initial.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-initial.x-button-disabled,.x-button-initial.x-button-disabled:active,.x-button-initial.x-button-disabled:focus,.x-button-initial.x-button-disabled:hover{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,.x-button-initial-plain:focus{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-initial-plain.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-initial-plain.x-button-disabled,.x-button-initial-plain.x-button-disabled:active,.x-button-initial-plain.x-button-disabled:focus,.x-button-initial-plain.x-button-disabled:hover{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,.x-button-primary:focus{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-primary.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-primary.x-button-disabled,.x-button-primary.x-button-disabled:active,.x-button-primary.x-button-disabled:focus,.x-button-primary.x-button-disabled:hover{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,.x-button-primary-plain:focus{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-primary-plain.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-primary-plain.x-button-disabled,.x-button-primary-plain.x-button-disabled:active,.x-button-primary-plain.x-button-disabled:focus,.x-button-primary-plain.x-button-disabled:hover{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,.x-button-success:focus{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-success.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-success.x-button-disabled,.x-button-success.x-button-disabled:active,.x-button-success.x-button-disabled:focus,.x-button-success.x-button-disabled:hover{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,.x-button-success-plain:focus{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-success-plain.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-success-plain.x-button-disabled,.x-button-success-plain.x-button-disabled:active,.x-button-success-plain.x-button-disabled:focus,.x-button-success-plain.x-button-disabled:hover{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,.x-button-warning:focus{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-warning.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-warning.x-button-disabled,.x-button-warning.x-button-disabled:active,.x-button-warning.x-button-disabled:focus,.x-button-warning.x-button-disabled:hover{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,.x-button-warning-plain:focus{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-warning-plain.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-warning-plain.x-button-disabled,.x-button-warning-plain.x-button-disabled:active,.x-button-warning-plain.x-button-disabled:focus,.x-button-warning-plain.x-button-disabled:hover{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,.x-button-danger:focus{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-danger.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-danger.x-button-disabled,.x-button-danger.x-button-disabled:active,.x-button-danger.x-button-disabled:focus,.x-button-danger.x-button-disabled:hover{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,.x-button-danger-plain:focus{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-danger-plain.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-danger-plain.x-button-disabled,.x-button-danger-plain.x-button-disabled:active,.x-button-danger-plain.x-button-disabled:focus,.x-button-danger-plain.x-button-disabled:hover{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,.x-button-info:focus{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-info.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-info.x-button-disabled,.x-button-info.x-button-disabled:active,.x-button-info.x-button-disabled:focus,.x-button-info.x-button-disabled:hover{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,.x-button-info-plain:focus{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-info-plain.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-info-plain.x-button-disabled,.x-button-info-plain.x-button-disabled:active,.x-button-info-plain.x-button-disabled:focus,.x-button-info-plain.x-button-disabled:hover{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)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":26,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":26,"character":17}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"XButtonsComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":27,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":28,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":21},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":30,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"setSpace":[{"__symbolic":"method"}]}},"XButtonsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XButtonsProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XButtonsPrefix"},"template":"<ng-content></ng-content>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"styles":[".x-buttons{margin:0;padding:0;display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-left-width:var(--x-border-width);border-right-width:var(--x-border-width);border-radius:0;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button-round{border-radius:0}.x-buttons:not(.x-buttons-space)>x-button .x-button:focus{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:not(:first-child) .x-button{margin-left:-1px}.x-buttons:not(.x-buttons-space)>x-button:hover{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:active{z-index:2}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button-round{border-top-left-radius:5rem;border-bottom-left-radius:5rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button-round{border-top-right-radius:5rem;border-bottom-right-radius:5rem}.x-buttons-hiddenBorder>x-button .x-button{border:0;padding:0 .4rem;background-color:initial}.x-buttons-hiddenBorder>x-button .x-button-icon{padding:0 .2rem}.x-buttons-hiddenBorder>x-button .x-button-icon>.x-icon{font-size:1.125rem}.x-buttons-hiddenBorder>x-button .x-button-icon:hover{color:var(--x-primary)}.x-buttons>x-button:not(:first-child)>.x-button-danger,.x-buttons>x-button:not(:first-child)>.x-button-primary,.x-buttons>x-button:not(:first-child)>.x-button-success,.x-buttons>x-button:not(:first-child)>.x-button-warning{border-left-color:hsla(0,0%,100%,.2)}"]}]}],"members":{"getSpace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":3},"arguments":["class.x-buttons-space"]}]}],"getHiddenBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":15,"character":3},"arguments":["class.x-buttons-hiddenBorder"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":19,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":63},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":19,"character":98}]}],"ngOnInit":[{"__symbolic":"method"}],"setSpace":[{"__symbolic":"method"}]}},"XButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XButtonComponent"},{"__symbolic":"reference","name":"XButtonsComponent"},{"__symbolic":"reference","name":"XButtonProperty"},{"__symbolic":"reference","name":"XButtonsProperty"}],"exports":[{"__symbolic":"reference","name":"XButtonComponent"},{"__symbolic":"reference","name":"XButtonsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":12},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":11,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/ripple","name":"XRippleModule","line":11,"character":39}]}]}],"members":{}},"XButtonPrefix":"x-button","XButtonProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":25,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"template":""}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":30,"character":12},"arguments":["button","initial"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":55,"character":12},"arguments":["button","medium"]}]}],"onlyIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":60,"character":12}}]}],"activated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":65,"character":12}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":70,"character":12}}]}],"plain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":75,"character":12},"arguments":["button"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":75,"character":50}}]}],"round":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":80,"character":12},"arguments":["button"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":80,"character":50}}]}],"circle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":85,"character":12}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":90,"character":12}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":95,"character":12}}]}]}},"XButtonOption":{"__symbolic":"interface"},"XButtonType":{"__symbolic":"interface"},"XButtonsPrefix":"x-buttons","XButtonsProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":188,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":187,"character":1},"arguments":[{"template":""}]}],"members":{"space":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":193,"character":12},"arguments":["buttons",0]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":193,"character":60}}]}],"hiddenBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":198,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":198,"character":12},"arguments":["buttons"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":198,"character":58}}]}]}}},"origins":{"XButtonComponent":"./button.component","XButtonsComponent":"./buttons.component","XButtonModule":"./button.module","XButtonPrefix":"./button.property","XButtonProperty":"./button.property","XButtonOption":"./button.property","XButtonType":"./button.property","XButtonsPrefix":"./button.property","XButtonsProperty":"./button.property"},"importAs":"@ng-nest/ui/button"}
+{"__symbolic":"module","version":4,"metadata":{"XButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XButtonProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XButtonPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":21,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":19},"member":"OnPush"},"template":"<div\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>\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</div>\r\n\r\n<!-- 提前加载 loading 的图标-->\r\n<x-icon *ngIf=\"loading\" [style.display]=\"'none'\" type=\"fto-loader\"></x-icon>\r\n","styles":["x-button{display:inline-block;line-height:normal}.x-button{margin:0;padding:0;border:var(--x-border-width) solid;border-radius:var(--x-border-radius);display:inline-flex;align-items:center;justify-content:center;font-size:var(--x-font-size-small);text-align:center;background-clip:initial;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all 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-reverse>.x-icon,.x-button-icon.x-direction-row>.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:initial;box-shadow:none}.x-button-only-icon.x-button-initial:active,.x-button-only-icon.x-button-initial:focus,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon:active,.x-button-only-icon:focus,.x-button-only-icon:hover,.x-button-text:active,.x-button-text:focus,.x-button-text:hover{color:var(--x-primary);background-color:rgba(0,0,0,.1);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{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-disabled.x-button-activated.x-button-initial,.x-button-disabled.x-button-activated.x-button-initial:active,.x-button-disabled.x-button-activated.x-button-initial:focus,.x-button-disabled.x-button-activated.x-button-initial:hover{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:active,.x-button-disabled.x-button-activated.x-button-initial:hover{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:active:active,.x-button-disabled.x-button-activated.x-button-initial:active:focus,.x-button-disabled.x-button-activated.x-button-initial:active: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:hover:hover{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:active .x-button-inner,.x-button-disabled.x-button-activated.x-button-initial:hover:active .x-button-inner{transform:none}.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-text{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-only-icon:active,.x-button-disabled.x-button-only-icon:focus,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-text,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-text:focus,.x-button-disabled.x-button-text:hover{color:var(--x-text-400);background-color:initial;border-color:transparent}.x-button-disabled.x-button-only-icon:active .x-button-inner,.x-button-disabled.x-button-text:active .x-button-inner{transform:none}.x-button-disabled.x-button-only-icon:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-text:hover{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:initial;border-color:transparent;box-shadow:none}.x-button-disabled.x-button-only-icon:active:active,.x-button-disabled.x-button-only-icon:active:focus,.x-button-disabled.x-button-only-icon:active: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:hover:hover,.x-button-disabled.x-button-text:active:active,.x-button-disabled.x-button-text:active:focus,.x-button-disabled.x-button-text:active:hover,.x-button-disabled.x-button-text:hover:active,.x-button-disabled.x-button-text:hover:focus,.x-button-disabled.x-button-text:hover:hover{color:var(--x-text-400);background-color:initial;border-color:transparent}.x-button-disabled.x-button-only-icon:active:active .x-button-inner,.x-button-disabled.x-button-only-icon:hover:active .x-button-inner,.x-button-disabled.x-button-text:active:active .x-button-inner,.x-button-disabled.x-button-text:hover: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:active,.x-button-initial:focus,.x-button-initial:hover{color:var(--x-primary);background-color:var(--x-background);border-color:var(--x-primary)}.x-button-initial:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-initial.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-initial.x-button-disabled,.x-button-initial.x-button-disabled:active,.x-button-initial.x-button-disabled:focus,.x-button-initial.x-button-disabled:hover{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,.x-button-initial-plain:focus{color:var(--x-primary-a100);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-initial-plain.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-initial-plain.x-button-disabled,.x-button-initial-plain.x-button-disabled:active,.x-button-initial-plain.x-button-disabled:focus,.x-button-initial-plain.x-button-disabled:hover{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,.x-button-primary:focus{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-primary.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-primary.x-button-disabled,.x-button-primary.x-button-disabled:active,.x-button-primary.x-button-disabled:focus,.x-button-primary.x-button-disabled:hover{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,.x-button-primary-plain:focus{color:var(--x-background-900);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-primary-plain.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-primary-plain.x-button-disabled,.x-button-primary-plain.x-button-disabled:active,.x-button-primary-plain.x-button-disabled:focus,.x-button-primary-plain.x-button-disabled:hover{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,.x-button-success:focus{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-success.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-success.x-button-disabled,.x-button-success.x-button-disabled:active,.x-button-success.x-button-disabled:focus,.x-button-success.x-button-disabled:hover{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,.x-button-success-plain:focus{color:var(--x-background-900);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-success-plain.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-success-plain.x-button-disabled,.x-button-success-plain.x-button-disabled:active,.x-button-success-plain.x-button-disabled:focus,.x-button-success-plain.x-button-disabled:hover{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,.x-button-warning:focus{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-warning.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-warning.x-button-disabled,.x-button-warning.x-button-disabled:active,.x-button-warning.x-button-disabled:focus,.x-button-warning.x-button-disabled:hover{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,.x-button-warning-plain:focus{color:var(--x-background-900);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-warning-plain.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-warning-plain.x-button-disabled,.x-button-warning-plain.x-button-disabled:active,.x-button-warning-plain.x-button-disabled:focus,.x-button-warning-plain.x-button-disabled:hover{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,.x-button-danger:focus{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-danger.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-danger.x-button-disabled,.x-button-danger.x-button-disabled:active,.x-button-danger.x-button-disabled:focus,.x-button-danger.x-button-disabled:hover{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,.x-button-danger-plain:focus{color:var(--x-background-900);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-danger-plain.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-danger-plain.x-button-disabled,.x-button-danger-plain.x-button-disabled:active,.x-button-danger-plain.x-button-disabled:focus,.x-button-danger-plain.x-button-disabled:hover{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,.x-button-info:focus{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-info.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-info.x-button-disabled,.x-button-info.x-button-disabled:active,.x-button-info.x-button-disabled:focus,.x-button-info.x-button-disabled:hover{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,.x-button-info-plain:focus{color:var(--x-background-900);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:focus{box-shadow:var(--x-box-shadow-focus)}.x-button-info-plain.x-button-disabled{cursor:not-allowed;background-image:none;box-shadow:none}.x-button-info-plain.x-button-disabled,.x-button-info-plain.x-button-disabled:active,.x-button-info-plain.x-button-disabled:focus,.x-button-info-plain.x-button-disabled:hover{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)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":26,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":26,"character":17}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"XButtonsComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":27,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":28,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":21},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":30,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"setSpace":[{"__symbolic":"method"}]}},"XButtonsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XButtonsProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XButtonsPrefix"},"template":"<ng-content></ng-content>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"styles":[".x-buttons{margin:0;padding:0;display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-left-width:var(--x-border-width);border-right-width:var(--x-border-width);border-radius:0;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button-round{border-radius:0}.x-buttons:not(.x-buttons-space)>x-button .x-button-activated,.x-buttons:not(.x-buttons-space)>x-button .x-button:focus{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:not(:first-child) .x-button{margin-left:-1px}.x-buttons:not(.x-buttons-space)>x-button:hover{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:active{z-index:2}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button-round{border-top-left-radius:5rem;border-bottom-left-radius:5rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button-round{border-top-right-radius:5rem;border-bottom-right-radius:5rem}.x-buttons-hiddenBorder>x-button .x-button{border:0;padding:0 .4rem;background-color:initial}.x-buttons-hiddenBorder>x-button .x-button-icon{padding:0 .2rem}.x-buttons-hiddenBorder>x-button .x-button-icon>.x-icon{font-size:1.125rem}.x-buttons-hiddenBorder>x-button .x-button-icon:hover{color:var(--x-primary)}.x-buttons>x-button:not(:first-child)>.x-button-danger,.x-buttons>x-button:not(:first-child)>.x-button-primary,.x-buttons>x-button:not(:first-child)>.x-button-success,.x-buttons>x-button:not(:first-child)>.x-button-warning{border-left-color:hsla(0,0%,100%,.2)}"]}]}],"members":{"getSpace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":3},"arguments":["class.x-buttons-space"]}]}],"getHiddenBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":15,"character":3},"arguments":["class.x-buttons-hiddenBorder"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":19,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":63},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":19,"character":98}]}],"ngOnInit":[{"__symbolic":"method"}],"setSpace":[{"__symbolic":"method"}]}},"XButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XButtonComponent"},{"__symbolic":"reference","name":"XButtonsComponent"},{"__symbolic":"reference","name":"XButtonProperty"},{"__symbolic":"reference","name":"XButtonsProperty"}],"exports":[{"__symbolic":"reference","name":"XButtonComponent"},{"__symbolic":"reference","name":"XButtonsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":12},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":11,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/ripple","name":"XRippleModule","line":11,"character":39}]}]}],"members":{}},"XButtonPrefix":"x-button","XButtonProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":15,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"template":""}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":20,"character":12},"arguments":["button","initial"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":45,"character":12},"arguments":["button","medium"]}]}],"onlyIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":50,"character":12}}]}],"activated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":55,"character":12}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":60,"character":12}}]}],"plain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":65,"character":12},"arguments":["button"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":65,"character":50}}]}],"round":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":70,"character":12},"arguments":["button"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":70,"character":50}}]}],"circle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":75,"character":12}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":80,"character":12}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":85,"character":12}}]}]}},"XButtonOption":{"__symbolic":"interface"},"XButtonType":{"__symbolic":"interface"},"XButtonsPrefix":"x-buttons","XButtonsProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":178,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":177,"character":1},"arguments":[{"template":""}]}],"members":{"space":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":183,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":183,"character":12},"arguments":["buttons",0]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":183,"character":60}}]}],"hiddenBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":188,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":188,"character":12},"arguments":["buttons"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":188,"character":58}}]}]}}},"origins":{"XButtonComponent":"./button.component","XButtonsComponent":"./buttons.component","XButtonModule":"./button.module","XButtonPrefix":"./button.property","XButtonProperty":"./button.property","XButtonOption":"./button.property","XButtonType":"./button.property","XButtonsPrefix":"./button.property","XButtonsProperty":"./button.property"},"importAs":"@ng-nest/ui/button"}

package/calendar/calendar.property.d.ts

@@ -14,7 +14,7 @@ export declare class XCalendarProperty extends XProperty {
      * @zh_CN 事务数据对象
      * @en_US Transaction data object
      */
-    data: XCalendarData;
+    data?: XCalendarData;
     /**
      * @zh_CN 显示模式
      * @en_US Display mode

package/card/card.property.d.ts

@@ -30,7 +30,7 @@ export declare class XCardProperty extends XProperty {
      * @zh_CN 阴影显示方式
      * @en_US Shadow display method
      */
-    shadow: XCardShadow;
+    shadow?: XCardShadow;
 }
 /**
  * @zh_CN 阴影显示配置

package/carousel/carousel.property.d.ts

@@ -19,22 +19,22 @@ export declare class XCarouselProperty extends XProperty {
      * @zh_CN 幻灯片高度
      * @en_US Slide height
      */
-    height: string;
+    height?: string;
     /**
      * @zh_CN 切换器触发方式
      * @en_US Switcher trigger method
      */
-    trigger: XCarouselTrigger;
+    trigger?: XCarouselTrigger;
     /**
      * @zh_CN 箭头显示影藏方式
      * @en_US Arrow shows how to hide
      */
-    arrow: XCarouselArrow;
+    arrow?: XCarouselArrow;
     /**
      * @zh_CN 幻灯片轮播方向
      * @en_US Slide rotation direction
      */
-    direction: XCarouselDirection;
+    direction?: XCarouselDirection;
     /**
      * @zh_CN 自动切换
      * @en_US Automatic switching
@@ -49,12 +49,12 @@ export declare class XCarouselProperty extends XProperty {
      * @zh_CN 切换器否显示在外面
      * @en_US Whether the switcher is displayed outside
      */
-    outside: XBoolean;
+    outside?: XBoolean;
     /**
      * @zh_CN 是否以卡片的方式显示幻灯片
      * @en_US Whether to display the slideshow as a card
      */
-    card: XBoolean;
+    card?: XBoolean;
     /**
      * @zh_CN 激活的序号改变的事件
      * @en_US The activated sequence number changed event
@@ -90,5 +90,5 @@ export declare class XCarouselPanelProperty extends XProperty {
      * @zh_CN 激活当前幻灯片
      * @en_US Activate the current slide
      */
-    active: XBoolean;
+    active?: XBoolean;
 }

package/cascade/cascade.property.d.ts

@@ -20,7 +20,7 @@ export declare class XCascadeProperty extends XControlValueAccessor<any> impleme
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    placement: XCorner;
+    placement?: XCorner;
     /**
      * @zh_CN 节点点击的事件
      * @en_US Node click event

package/checkbox/checkbox.component.d.ts

@@ -8,6 +8,7 @@ export declare class XCheckboxComponent extends XCheckboxProperty implements OnC
     configService: XConfigService;
     checkbox: ElementRef;
     writeValue(value: boolean | Array<any>): void;
+    getDisabled(disabled?: boolean): string | boolean;
     nodes: XCheckboxNode[];
     single: boolean;
     private _unSubject;

package/checkbox/checkbox.property.d.ts

@@ -19,22 +19,22 @@ export declare class XCheckboxProperty extends XControlValueAccessor<boolean | A
      * @zh_CN 按钮样式
      * @en_US Button style
      */
-    button: XBoolean;
+    button?: XBoolean;
     /**
      * @zh_CN 图标样式
      * @en_US Icon style
      */
-    icon: XBoolean;
+    icon?: XBoolean;
     /**
      * @zh_CN 不确定状态的样式
      * @en_US Uncertain state style
      */
-    indeterminate: XBoolean;
+    indeterminate?: XBoolean;
     /**
      * @zh_CN 尺寸
      * @en_US Size
      */
-    size: XSize;
+    size?: XSize;
 }
 /**
  * Checkbox Option

package/checkbox/ng-nest-ui-checkbox.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"XCheckboxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XCheckboxProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XCheckboxPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":20,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":21,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XValueAccessor","line":22,"character":14},"arguments":[{"__symbolic":"reference","name":"XCheckboxComponent"}]}],"template":"<div\r\n  #checkbox\r\n  class=\"x-checkbox\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n>\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <ng-container *ngIf=\"button || icon; else default\">\r\n    <x-buttons>\r\n      <x-button\r\n        *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n        [icon]=\"item.icon\"\r\n        [title]=\"item.title\"\r\n        [size]=\"size\"\r\n        [activated]=\"getChecked(item.id)\"\r\n        [disabled]=\"disabled || item.disabled\"\r\n        (click)=\"checkboxClick($event, item)\"\r\n        >{{ item.label }}</x-button\r\n      >\r\n    </x-buttons>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #default>\r\n  <div class=\"x-checkbox-row\">\r\n    <div\r\n      class=\"x-checkbox-item\"\r\n      *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n      [class.x-checked]=\"getChecked(item.id)\"\r\n      [class.x-disabled]=\"disabled || item.disabled\"\r\n      [class.x-indeterminate]=\"indeterminate\"\r\n      (click)=\"checkboxClick($event, item)\"\r\n    >\r\n      <span class=\"x-checkbox-box\"></span>\r\n      <span class=\"x-checkbox-label\">\r\n        <ng-container *xOutlet=\"item.label; context: { $node: item }\">{{ item.label }}</ng-container>\r\n      </span>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n","styles":[".x-checkbox{margin:0;padding:0;width:100%}.x-checkbox.x-flex{display:flex}.x-checkbox.x-justify-start{justify-content:flex-start}.x-checkbox.x-justify-center{justify-content:center}.x-checkbox.x-justify-end{justify-content:flex-end}.x-checkbox.x-justify-space-between{justify-content:space-between}.x-checkbox.x-justify-space-around{justify-content:space-around}.x-checkbox.x-align-start{align-items:flex-start}.x-checkbox.x-align-center{align-items:center}.x-checkbox.x-align-end{align-items:flex-end}.x-checkbox.x-direction-column{flex-direction:column}.x-checkbox.x-direction-column-reverse{flex-direction:column-reverse}.x-checkbox.x-direction-row{flex-direction:row}.x-checkbox.x-direction-row-reverse{flex-direction:row-reverse}.x-checkbox>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-checkbox>label.x-text-align-start{text-align:start}.x-checkbox>label.x-text-align-center{text-align:center}.x-checkbox>label.x-text-align-end{text-align:end}.x-checkbox-row{flex:1;display:flex;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-checkbox-item,.x-checkbox-row{align-items:center;position:relative}.x-checkbox-item{display:inline-flex;white-space:nowrap;outline:none;margin-right:.875rem;font-size:.875rem;cursor:pointer;transition:all .3s}.x-checkbox-item:hover{color:var(--x-primary)}.x-checkbox-item:hover .x-checkbox-box{border-color:var(--x-primary)}.x-checkbox-item:last-child{margin-right:0}.x-checkbox-item.x-indeterminate .x-checkbox-box{border-color:var(--x-primary)}.x-checkbox-item.x-indeterminate .x-checkbox-box:after{top:50%;left:50%;width:.5rem;height:.5rem;background-color:var(--x-primary);border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:\" \"}.x-checkbox-item.x-checked .x-checkbox-box{border-color:var(--x-primary);background-color:var(--x-primary)}.x-checkbox-item.x-checked .x-checkbox-box:after{border:.125rem solid var(--x-background-100);border-top:0;border-left:0;top:.3875rem;left:.1875rem;width:.3125rem;height:.625rem;transform:rotate(40deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s;content:\" \"}.x-checkbox-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-checkbox-item.x-disabled .x-checkbox-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-checkbox-item.x-disabled .x-checkbox-box:after{border-color:var(--x-text-400);background-color:initial}.x-checkbox-box{border:var(--x-border-width) solid var(--x-border);width:1rem;height:1rem;border-radius:.0625rem;background-color:var(--x-background-a100);position:relative;display:inline-block;box-sizing:border-box;transition:all .3s}.x-checkbox-box:hover{border-color:var(--x-primary)}.x-checkbox-box:after{position:absolute;top:.35rem;left:.175rem;display:inline-block;width:.3rem;height:.6rem;border:.125rem solid var(--x-background-a100);border-top:0;border-left:0;transform:rotate(40deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .3s;content:\" \"}.x-checkbox-label{margin-left:.325rem;-webkit-user-select:none;user-select:none}.x-checkbox.x-disabled .x-checkbox-item{color:var(--x-text-400);cursor:not-allowed}.x-checkbox.x-disabled .x-checkbox-item.x-indeterminate .x-checkbox-box:after{background-color:var(--x-text-400)}.x-checkbox.x-disabled .x-checkbox-item.x-checked .x-checkbox-box:after{background-color:initial}.x-checkbox.x-disabled .x-checkbox-item .x-checkbox-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-checkbox.x-disabled .x-checkbox-item .x-checkbox-box:after{border-color:var(--x-text-400);background-color:initial}.x-checkbox.x-invalid>label,.x-checkbox.x-required>label{color:var(--x-danger)}.x-checkbox.x-direction-row>label{padding:0 .5rem 0 0}.x-checkbox.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-checkbox.x-direction-column,.x-checkbox.x-direction-column-reverse{align-items:inherit}"]}]}],"members":{"checkbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["checkbox",{"static":true}]}]}],"writeValue":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":36,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":37,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":38,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":39,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"checkboxClick":[{"__symbolic":"method"}],"getChecked":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"trackByItem":[{"__symbolic":"method"}],"formControlChanges":[{"__symbolic":"method"}]}},"XCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XCheckboxComponent"},{"__symbolic":"reference","name":"XCheckboxProperty"}],"exports":[{"__symbolic":"reference","name":"XCheckboxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":12,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/button","name":"XButtonModule","line":12,"character":39},{"__symbolic":"reference","module":"@ng-nest/ui/outlet","name":"XOutletModule","line":12,"character":54},{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XBaseFormModule","line":12,"character":69}]}]}],"members":{}},"XCheckboxPrefix":"x-checkbox","XCheckboxProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XControlValueAccessor","line":25,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XDataConvert","line":30,"character":12}}]}],"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":35,"character":12}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":40,"character":12}}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":45,"character":12}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":50,"character":12},"arguments":["checkbox","medium"]}]}]}},"XCheckboxOption":{"__symbolic":"interface"},"XCheckboxNode":{"__symbolic":"interface"}},"origins":{"XCheckboxComponent":"./checkbox.component","XCheckboxModule":"./checkbox.module","XCheckboxPrefix":"./checkbox.property","XCheckboxProperty":"./checkbox.property","XCheckboxOption":"./checkbox.property","XCheckboxNode":"./checkbox.property"},"importAs":"@ng-nest/ui/checkbox"}
+{"__symbolic":"module","version":4,"metadata":{"XCheckboxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XCheckboxProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XCheckboxPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":20,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":21,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XValueAccessor","line":22,"character":14},"arguments":[{"__symbolic":"reference","name":"XCheckboxComponent"}]}],"template":"<div\r\n  #checkbox\r\n  class=\"x-checkbox\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n>\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <ng-container *ngIf=\"button || icon; else default\">\r\n    <x-buttons>\r\n      <x-button\r\n        *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n        [icon]=\"item.icon\"\r\n        [title]=\"item.title\"\r\n        [size]=\"size\"\r\n        [activated]=\"getChecked(item.id)\"\r\n        [disabled]=\"getDisabled(item.disabled)\"\r\n        (click)=\"checkboxClick($event, item)\"\r\n        >{{ item.label }}</x-button\r\n      >\r\n    </x-buttons>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #default>\r\n  <div class=\"x-checkbox-row\">\r\n    <div\r\n      class=\"x-checkbox-item\"\r\n      *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n      [class.x-checked]=\"getChecked(item.id)\"\r\n      [class.x-disabled]=\"disabled || item.disabled\"\r\n      [class.x-indeterminate]=\"indeterminate\"\r\n      (click)=\"checkboxClick($event, item)\"\r\n    >\r\n      <span class=\"x-checkbox-box\"></span>\r\n      <span class=\"x-checkbox-label\">\r\n        <ng-container *xOutlet=\"item.label; context: { $node: item }\">{{ item.label }}</ng-container>\r\n      </span>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n","styles":[".x-checkbox{margin:0;padding:0;width:100%}.x-checkbox.x-flex{display:flex}.x-checkbox.x-justify-start{justify-content:flex-start}.x-checkbox.x-justify-center{justify-content:center}.x-checkbox.x-justify-end{justify-content:flex-end}.x-checkbox.x-justify-space-between{justify-content:space-between}.x-checkbox.x-justify-space-around{justify-content:space-around}.x-checkbox.x-align-start{align-items:flex-start}.x-checkbox.x-align-center{align-items:center}.x-checkbox.x-align-end{align-items:flex-end}.x-checkbox.x-direction-column{flex-direction:column}.x-checkbox.x-direction-column-reverse{flex-direction:column-reverse}.x-checkbox.x-direction-row{flex-direction:row}.x-checkbox.x-direction-row-reverse{flex-direction:row-reverse}.x-checkbox>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-checkbox>label.x-text-align-start{text-align:start}.x-checkbox>label.x-text-align-center{text-align:center}.x-checkbox>label.x-text-align-end{text-align:end}.x-checkbox-row{flex:1;display:flex;flex-wrap:wrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-checkbox-item,.x-checkbox-row{align-items:center;position:relative}.x-checkbox-item{display:inline-flex;white-space:nowrap;outline:none;margin-right:.875rem;font-size:.875rem;cursor:pointer;transition:all .3s}.x-checkbox-item:hover{color:var(--x-primary)}.x-checkbox-item:hover .x-checkbox-box{border-color:var(--x-primary)}.x-checkbox-item:last-child{margin-right:0}.x-checkbox-item.x-indeterminate .x-checkbox-box{border-color:var(--x-primary)}.x-checkbox-item.x-indeterminate .x-checkbox-box:after{top:50%;left:50%;width:.5rem;height:.5rem;background-color:var(--x-primary);border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:\" \"}.x-checkbox-item.x-checked .x-checkbox-box{border-color:var(--x-primary);background-color:var(--x-primary)}.x-checkbox-item.x-checked .x-checkbox-box:after{border:.125rem solid var(--x-background-100);border-top:0;border-left:0;top:.3875rem;left:.1875rem;width:.3125rem;height:.625rem;transform:rotate(40deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s;content:\" \"}.x-checkbox-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-checkbox-item.x-disabled .x-checkbox-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-checkbox-item.x-disabled .x-checkbox-box:after{border-color:var(--x-text-400);background-color:initial}.x-checkbox-box{border:var(--x-border-width) solid var(--x-border);width:1rem;height:1rem;border-radius:.0625rem;background-color:var(--x-background-a100);position:relative;display:inline-block;box-sizing:border-box;transition:all .3s}.x-checkbox-box:hover{border-color:var(--x-primary)}.x-checkbox-box:after{position:absolute;top:.35rem;left:.175rem;display:inline-block;width:.3rem;height:.6rem;border:.125rem solid var(--x-background-a100);border-top:0;border-left:0;transform:rotate(40deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .3s;content:\" \"}.x-checkbox-label{margin-left:.325rem;-webkit-user-select:none;user-select:none}.x-checkbox.x-disabled .x-checkbox-item{color:var(--x-text-400);cursor:not-allowed}.x-checkbox.x-disabled .x-checkbox-item.x-indeterminate .x-checkbox-box:after{background-color:var(--x-text-400)}.x-checkbox.x-disabled .x-checkbox-item.x-checked .x-checkbox-box:after{background-color:initial}.x-checkbox.x-disabled .x-checkbox-item .x-checkbox-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-checkbox.x-disabled .x-checkbox-item .x-checkbox-box:after{border-color:var(--x-text-400);background-color:initial}.x-checkbox.x-invalid>label,.x-checkbox.x-required>label{color:var(--x-danger)}.x-checkbox.x-direction-row>label{padding:0 .5rem 0 0}.x-checkbox.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-checkbox.x-direction-column,.x-checkbox.x-direction-column-reverse{align-items:inherit}"]}]}],"members":{"checkbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["checkbox",{"static":true}]}]}],"writeValue":[{"__symbolic":"method"}],"getDisabled":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":40,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":41,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":42,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":43,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"checkboxClick":[{"__symbolic":"method"}],"getChecked":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"trackByItem":[{"__symbolic":"method"}],"formControlChanges":[{"__symbolic":"method"}]}},"XCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XCheckboxComponent"},{"__symbolic":"reference","name":"XCheckboxProperty"}],"exports":[{"__symbolic":"reference","name":"XCheckboxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":12,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/button","name":"XButtonModule","line":12,"character":39},{"__symbolic":"reference","module":"@ng-nest/ui/outlet","name":"XOutletModule","line":12,"character":54},{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XBaseFormModule","line":12,"character":69}]}]}],"members":{}},"XCheckboxPrefix":"x-checkbox","XCheckboxProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XControlValueAccessor","line":25,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XDataConvert","line":30,"character":12}}]}],"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":35,"character":12}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":40,"character":12}}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":45,"character":12}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":50,"character":12},"arguments":["checkbox","medium"]}]}]}},"XCheckboxOption":{"__symbolic":"interface"},"XCheckboxNode":{"__symbolic":"interface"}},"origins":{"XCheckboxComponent":"./checkbox.component","XCheckboxModule":"./checkbox.module","XCheckboxPrefix":"./checkbox.property","XCheckboxProperty":"./checkbox.property","XCheckboxOption":"./checkbox.property","XCheckboxNode":"./checkbox.property"},"importAs":"@ng-nest/ui/checkbox"}

package/collapse/collapse.property.d.ts

@@ -14,7 +14,7 @@ export declare class XCollapseProperty extends XProperty {
      * @zh_CN 是否以手风琴的方式展示，只展开一个面板
      * @en_US Whether to display as an accordion, only expand one panel
      */
-    accordion: XBoolean;
+    accordion?: XBoolean;
     /**
      * @zh_CN 当前激活的面板序号
      * @en_US The serial number of the currently active panel
@@ -40,10 +40,10 @@ export declare class XCollapsePanelProperty extends XProperty {
      * @zh_CN 标题，支持模板自定义
      * @en_US Title, support template customization
      */
-    label: XTemplate;
+    label?: XTemplate;
     /**
      * @zh_CN 激活当前面板
      * @en_US Activate the current panel
      */
-    active: XBoolean;
+    active?: XBoolean;
 }

package/color/color.property.d.ts

@@ -24,10 +24,10 @@ export declare class XColorProperty extends XProperty {
      * @zh_CN 混合的颜色
      * @en_US Mixed colors
      */
-    merge: string;
+    merge?: string;
     /**
      * @zh_CN 混合的颜色占比
      * @en_US Proportion of mixed colors
      */
-    amounts: XNumber[];
+    amounts?: XNumber[];
 }

package/color-picker/color-picker.property.d.ts

@@ -14,7 +14,7 @@ export declare class XColorPickerProperty extends XControlValueAccessor<string>
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    placement: XCorner;
+    placement?: XCorner;
 }
 /**
  * ColorPicker Option

package/comment/comment.component.d.ts

@@ -19,6 +19,7 @@ export declare class XCommentComponent extends XCommentProperty implements OnCha
     replyOnClick(node: XCommentNode): void;
     sureOnClick(content: string, node: XCommentNode): void;
     moreOnClick(node: XCommentNode): void;
+    hasMore(node: XCommentNode): boolean;
     trackByNode(index: number, item: XCommentNode): any;
     private setData;
 }

package/comment/comment.property.d.ts

@@ -19,7 +19,7 @@ export declare class XCommentProperty extends XProperty {
      * @zh_CN 评论最大字数
      * @en_US Maximum number of comments
      */
-    contentMax: number;
+    contentMax: XNumber;
     /**
      * @zh_CN 点赞的事件
      * @en_US Like events