@ng-nest/ui 11.2.9 → 11.2.13

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"XMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XMenuProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XMenuPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"},"template":"<div #menu class=\"x-menu\" [ngClass]=\"classMap\">\r\n  <div class=\"x-menu-nodes\" *ngIf=\"layout === 'column'\">\r\n    <ng-container *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n      <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: node, $children: true }\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n  <x-slider\r\n    *ngIf=\"layout === 'row'\"\r\n    [data]=\"nodes\"\r\n    [size]=\"size\"\r\n    [nodeTpl]=\"nodeRowTpl\"\r\n    [nodeJustify]=\"'center'\"\r\n    [activatedIndex]=\"rootIndex\"\r\n    (indexChange)=\"rootIndexChange($event)\"\r\n  ></x-slider>\r\n</div>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <x-dropdown\r\n    *ngIf=\"node.level === 0 && collapsed\"\r\n    [disabled]=\"!node.leaf\"\r\n    [data]=\"node.children\"\r\n    [trigger]=\"trigger\"\r\n    placement=\"right-start\"\r\n    (nodeClick)=\"onNodeClick($event)\"\r\n    children\r\n  >\r\n    <x-menu-node [node]=\"node\"></x-menu-node>\r\n  </x-dropdown>\r\n  <x-menu-node *ngIf=\"!collapsed\" [node]=\"node\"></x-menu-node>\r\n</ng-template>\r\n\r\n<ng-template #nodeRowTpl let-node=\"$node\">\r\n  <x-dropdown [disabled]=\"!node.leaf\" [data]=\"node.children\" [trigger]=\"trigger\" (nodeClick)=\"onNodeClick($event)\" children>\r\n    <div class=\"x-menu-node\" [ngClass]=\"nodeClassMap\">\r\n      <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n    </div>\r\n  </x-dropdown>\r\n</ng-template>\r\n\r\n<ng-template #nodeColumnTpl let-node=\"$node\">\r\n  <div\r\n    class=\"x-menu-node\"\r\n    [class.x-activated]=\"activated?.id === node.id\"\r\n    [class.x-menu-category]=\"node.categoryNode\"\r\n    [ngClass]=\"nodeClassMap\"\r\n    (click)=\"onToggle($event, node)\"\r\n    [style.padding-left.rem]=\"(node.level + 1) * 0.875\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n  </div>\r\n  <div class=\"x-menu-nodes\" *ngIf=\"node.childrenLoaded || (node.leaf && node.open)\" [hidden]=\"!node.open\">\r\n    <ng-container *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n      <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: child }\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n","styles":["x-menu{display:block}.x-menu{margin:0;padding:0}.x-menu-icon.x-icon{font-size:1rem}.x-menu-arrow.x-icon,.x-menu-icon.x-icon{transition:opacity var(--x-animation-duration-base)}.x-menu-arrow.x-icon.is-open{transform:rotate(180deg)}.x-menu-node.x-size-big{padding:0 calc(var(--x-padding-big) + .25rem);height:calc(var(--x-height-big) + .75rem);line-height:calc(var(--x-height-big) + .75rem)}.x-menu-node.x-size-big.x-menu-category{height:calc(calc(var(--x-height-big) + .75rem) * 1.5)}.x-menu-node.x-size-large{padding:0 calc(var(--x-padding-large) + .25rem);height:calc(var(--x-height-large) + .75rem);line-height:calc(var(--x-height-large) + .75rem)}.x-menu-node.x-size-large.x-menu-category{height:calc(calc(var(--x-height-large) + .75rem) * 1.5)}.x-menu-node.x-size-medium{padding:0 calc(var(--x-padding-medium) + .25rem);height:calc(var(--x-height-medium) + .75rem);line-height:calc(var(--x-height-medium) + .75rem)}.x-menu-node.x-size-medium.x-menu-category{height:calc(calc(var(--x-height-medium) + .75rem) * 1.5)}.x-menu-node.x-size-small{padding:0 var(--x-padding-small);height:calc(var(--x-height-small) + .5rem);line-height:calc(var(--x-height-small) + .5rem)}.x-menu-node.x-size-small.x-menu-category{height:calc(calc(var(--x-height-small) + .5rem) * 1.5)}.x-menu-node.x-size-mini{padding:0 var(--x-padding-mini);height:calc(var(--x-height-mini) + .5rem);line-height:calc(var(--x-height-mini) + .5rem)}.x-menu-node.x-size-mini.x-menu-category{height:calc(calc(var(--x-height-mini) + .5rem) * 1.5)}.x-menu x-slider .x-slider-scroll>ul>li.x-slider-highlight{background-color:inherit;border-radius:0;border:none;border-bottom:.125rem solid var(--x-primary)}.x-menu x-slider .x-slider-scroll>ul>li>x-link{padding:0!important;height:inherit!important;line-height:inherit!important}.x-menu-column{width:12rem;transition:var(--x-animation-duration-base)}.x-menu-row .x-menu-text{margin-left:.25rem}.x-menu-nodes .x-menu-node{cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:width var(--x-animation-duration-base),background-color var(--x-animation-duration-base);border-right:.125rem solid var(--x-border);position:relative;-webkit-user-select:none;user-select:none;padding-right:.875rem}.x-menu-nodes .x-menu-node .x-menu-text{flex:1;margin:0 .25rem;transition:background-color var(--x-animation-duration-base),opacity var(--x-animation-duration-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-nodes .x-menu-node:hover{color:var(--x-primary);background-color:var(--x-background-a100)}.x-menu-nodes .x-menu-node x-menu-node{flex:1;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.x-menu-nodes .x-menu-node x-menu-node>a{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}.x-menu-nodes .x-menu-node.x-activated{color:var(--x-primary);background-color:var(--x-background-a100)}.x-menu-nodes .x-menu-node.x-activated:after{content:\"\";position:absolute;height:100%;right:-.125rem;top:0;border-right:.125rem solid var(--x-primary)}.x-menu-nodes .x-menu-node.x-menu-category{cursor:inherit;color:var(--x-text-400)}.x-menu-nodes .x-menu-node.x-menu-category:hover{background-color:initial}.x-menu-nodes .x-menu-node.x-menu-category>x-menu-node{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border-300)}.x-menu-collapsed.x-menu-column{width:3rem}.x-menu-collapsed .x-menu-nodes .x-dropdown,.x-menu-collapsed .x-menu-nodes x-dropdown{display:flex;flex:1}.x-menu-collapsed .x-menu-nodes .x-menu-node{padding-left:0!important;padding-right:0}.x-menu-collapsed .x-menu-nodes .x-menu-node x-menu-node{padding-left:.875rem}.x-menu-collapsed .x-menu-nodes .x-menu-node .x-menu-text{opacity:0;width:0}.x-menu-collapsed .x-menu-nodes .x-menu-nodes{display:none}.x-menu-collapsed .x-menu-arrow.x-icon{opacity:0;width:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":46,"character":12}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":43,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":45,"character":16},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":47,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onNodeClick":[{"__symbolic":"method"}],"rootIndexChange":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"setDataChange":[{"__symbolic":"method"}],"getRoot":[{"__symbolic":"method"}],"setCategory":[{"__symbolic":"method"}],"setActivatedNode":[{"__symbolic":"method"}],"setParentOpen":[{"__symbolic":"method"}],"trackByNode":[{"__symbolic":"method"}]}},"XMenuNodeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XMenuNodeProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XMenuNodePrefix"},"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"},"template":"<a *ngIf=\"node.routerLink && !node.leaf; else menuTpl\" [routerLink]=\"node.routerLink\">\r\n  <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n</a>\r\n\r\n<ng-template #menuTpl>\r\n  <x-icon class=\"x-menu-icon\" *ngIf=\"node.icon\" [type]=\"node.icon\"></x-icon>\r\n  <span class=\"x-menu-text\" *ngIf=\"node.label\">{{ node.label }}</span>\r\n  <x-icon class=\"x-menu-arrow\" *ngIf=\"node.leaf\" [class.is-open]=\"node.open\" type=\"fto-chevron-down\"></x-icon>\r\n</ng-template>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":13,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":13,"character":13}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"XMenuComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":14,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":15,"character":23},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":16,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}]}},"XMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XMenuComponent"},{"__symbolic":"reference","name":"XMenuNodeComponent"},{"__symbolic":"reference","name":"XMenuProperty"},{"__symbolic":"reference","name":"XMenuNodeProperty"}],"exports":[{"__symbolic":"reference","name":"XMenuComponent"},{"__symbolic":"reference","name":"XMenuNodeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":12},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":13,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/dropdown","name":"XDropdownModule","line":13,"character":40},{"__symbolic":"reference","module":"@ng-nest/ui/slider","name":"XSliderModule","line":13,"character":57},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":13,"character":72}]}]}],"members":{}},"XMenuPrefix":"x-menu","XMenuProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":27,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XDataConvert","line":32,"character":12}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":42,"character":12},"arguments":["menu","medium"]}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":47,"character":12}}]}],"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":52,"character":12},"arguments":["menu","hover"]}]}],"nodeTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"expandedAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":62,"character":12}}]}],"expandedLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":67,"character":12}}]}],"activatedId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"nodeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"activatedIdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}]}},"XMenuNode":{"__symbolic":"interface"},"XMenuLayout":{"__symbolic":"interface"},"XMenuTrigger":{"__symbolic":"interface"},"XMenuNodePrefix":"x-menu-node","XMenuNodeProperty":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":154,"character":1},"arguments":[{"template":""}]}],"members":{"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":3}}]}]}}},"origins":{"XMenuComponent":"./menu.component","XMenuNodeComponent":"./menu-node.component","XMenuModule":"./menu.module","XMenuPrefix":"./menu.property","XMenuProperty":"./menu.property","XMenuNode":"./menu.property","XMenuLayout":"./menu.property","XMenuTrigger":"./menu.property","XMenuNodePrefix":"./menu.property","XMenuNodeProperty":"./menu.property"},"importAs":"@ng-nest/ui/menu"}
+{"__symbolic":"module","version":4,"metadata":{"XMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XMenuProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XMenuPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"},"template":"<div #menu class=\"x-menu\" [ngClass]=\"classMap\">\r\n  <div class=\"x-menu-nodes\" *ngIf=\"layout === 'column'\">\r\n    <ng-container *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n      <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: node, $children: true }\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n  <x-slider\r\n    *ngIf=\"layout === 'row'\"\r\n    [data]=\"nodes\"\r\n    [size]=\"size\"\r\n    [nodeTpl]=\"nodeRowTpl\"\r\n    [nodeJustify]=\"'center'\"\r\n    [activatedIndex]=\"rootIndex\"\r\n    (indexChange)=\"rootIndexChange($event)\"\r\n  ></x-slider>\r\n</div>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <x-dropdown\r\n    *ngIf=\"node.level === 0 && collapsed\"\r\n    [disabled]=\"!node.leaf\"\r\n    [data]=\"node.children\"\r\n    [trigger]=\"trigger\"\r\n    placement=\"right-start\"\r\n    (nodeClick)=\"onNodeClick($event)\"\r\n    children\r\n  >\r\n    <x-menu-node [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n  </x-dropdown>\r\n  <x-menu-node *ngIf=\"!collapsed\" [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n</ng-template>\r\n\r\n<ng-template #nodeRowTpl let-node=\"$node\">\r\n  <x-dropdown [disabled]=\"!node.leaf\" [data]=\"node.children\" [trigger]=\"trigger\" (nodeClick)=\"onNodeClick($event)\" children>\r\n    <div class=\"x-menu-node\" [ngClass]=\"nodeClassMap\">\r\n      <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n    </div>\r\n  </x-dropdown>\r\n</ng-template>\r\n\r\n<ng-template #nodeColumnTpl let-node=\"$node\">\r\n  <div\r\n    class=\"x-menu-node\"\r\n    [class.x-activated]=\"activated?.id === node.id\"\r\n    [class.x-menu-category]=\"node.categoryNode\"\r\n    [ngClass]=\"nodeClassMap\"\r\n    (click)=\"onToggle($event, node)\"\r\n    [style.padding-left.rem]=\"(node.level + 1) * 0.875\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n  </div>\r\n  <div class=\"x-menu-nodes\" *ngIf=\"node.childrenLoaded || (node.leaf && node.open)\" [hidden]=\"!node.open\">\r\n    <ng-container *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n      <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: child }\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n","styles":["x-menu{display:block}.x-menu{margin:0;padding:0}.x-menu-icon.x-icon{font-size:1rem}.x-menu-arrow.x-icon,.x-menu-icon.x-icon{transition:opacity var(--x-animation-duration-base)}.x-menu-arrow.x-icon.is-open{transform:rotate(180deg)}.x-menu-node.x-size-big{padding:0 calc(var(--x-padding-big) + .25rem);height:calc(var(--x-height-big) + .75rem);line-height:calc(var(--x-height-big) + .75rem)}.x-menu-node.x-size-big.x-menu-category{height:calc(calc(var(--x-height-big) + .75rem) * 1.5)}.x-menu-node.x-size-large{padding:0 calc(var(--x-padding-large) + .25rem);height:calc(var(--x-height-large) + .75rem);line-height:calc(var(--x-height-large) + .75rem)}.x-menu-node.x-size-large.x-menu-category{height:calc(calc(var(--x-height-large) + .75rem) * 1.5)}.x-menu-node.x-size-medium{padding:0 calc(var(--x-padding-medium) + .25rem);height:calc(var(--x-height-medium) + .75rem);line-height:calc(var(--x-height-medium) + .75rem)}.x-menu-node.x-size-medium.x-menu-category{height:calc(calc(var(--x-height-medium) + .75rem) * 1.5)}.x-menu-node.x-size-small{padding:0 var(--x-padding-small);height:calc(var(--x-height-small) + .5rem);line-height:calc(var(--x-height-small) + .5rem)}.x-menu-node.x-size-small.x-menu-category{height:calc(calc(var(--x-height-small) + .5rem) * 1.5)}.x-menu-node.x-size-mini{padding:0 var(--x-padding-mini);height:calc(var(--x-height-mini) + .5rem);line-height:calc(var(--x-height-mini) + .5rem)}.x-menu-node.x-size-mini.x-menu-category{height:calc(calc(var(--x-height-mini) + .5rem) * 1.5)}.x-menu x-slider .x-slider-scroll>ul>li.x-slider-highlight{background-color:inherit;border-radius:0;border:none;border-bottom:.125rem solid var(--x-primary)}.x-menu x-slider .x-slider-scroll>ul>li>x-link{padding:0!important;height:inherit!important;line-height:inherit!important}.x-menu-column{width:12rem;transition:var(--x-animation-duration-base)}.x-menu-row .x-menu-text{margin-left:.25rem}.x-menu-nodes .x-menu-node{cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:width var(--x-animation-duration-base),background-color var(--x-animation-duration-base);border-right:.125rem solid var(--x-border);position:relative;-webkit-user-select:none;user-select:none;padding-right:.875rem}.x-menu-nodes .x-menu-node .x-menu-text{flex:1;margin:0 .25rem;transition:background-color var(--x-animation-duration-base),opacity var(--x-animation-duration-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-nodes .x-menu-node:hover{color:var(--x-primary);background-color:var(--x-background-a100)}.x-menu-nodes .x-menu-node x-menu-node{flex:1;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.x-menu-nodes .x-menu-node x-menu-node>a{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}.x-menu-nodes .x-menu-node.x-activated{color:var(--x-primary);background-color:var(--x-background-a100)}.x-menu-nodes .x-menu-node.x-activated:after{content:\"\";position:absolute;height:100%;right:-.125rem;top:0;border-right:.125rem solid var(--x-primary)}.x-menu-nodes .x-menu-node.x-menu-category{cursor:inherit;color:var(--x-text-400)}.x-menu-nodes .x-menu-node.x-menu-category:hover{background-color:initial}.x-menu-nodes .x-menu-node.x-menu-category>x-menu-node{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border-300)}.x-menu-collapsed.x-menu-column{width:3rem}.x-menu-collapsed .x-menu-nodes .x-dropdown,.x-menu-collapsed .x-menu-nodes x-dropdown{display:flex;flex:1}.x-menu-collapsed .x-menu-nodes .x-menu-node{padding-left:0!important;padding-right:0}.x-menu-collapsed .x-menu-nodes .x-menu-node x-menu-node{padding-left:.875rem}.x-menu-collapsed .x-menu-nodes .x-menu-node .x-menu-text{opacity:0;width:0}.x-menu-collapsed .x-menu-nodes .x-menu-nodes{display:none}.x-menu-collapsed .x-menu-arrow.x-icon{opacity:0;width:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":46,"character":12}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":43,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":45,"character":16},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":47,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onNodeClick":[{"__symbolic":"method"}],"rootIndexChange":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"setDataChange":[{"__symbolic":"method"}],"getRoot":[{"__symbolic":"method"}],"setCategory":[{"__symbolic":"method"}],"setActivatedNode":[{"__symbolic":"method"}],"setParentOpen":[{"__symbolic":"method"}],"trackByNode":[{"__symbolic":"method"}]}},"XMenuNodeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XMenuNodeProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XMenuNodePrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":19},"member":"OnPush"},"template":"<a *ngIf=\"node.routerLink && !node.leaf; else menuTpl\" [routerLink]=\"node.routerLink\">\r\n  <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n</a>\r\n\r\n<ng-template #menuTpl>\r\n  <x-icon class=\"x-menu-icon\" *ngIf=\"node.icon\" [type]=\"node.icon\"></x-icon>\r\n  <span class=\"x-menu-text\" *ngIf=\"node.label\">{{ node.label }}</span>\r\n  <x-icon class=\"x-menu-arrow\" *ngIf=\"node.leaf\" [class.is-open]=\"node.open\" type=\"fto-chevron-down\"></x-icon>\r\n</ng-template>\r\n"}]}],"members":{"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":14,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":15,"character":23},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":16,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}]}},"XMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XMenuComponent"},{"__symbolic":"reference","name":"XMenuNodeComponent"},{"__symbolic":"reference","name":"XMenuProperty"},{"__symbolic":"reference","name":"XMenuNodeProperty"}],"exports":[{"__symbolic":"reference","name":"XMenuComponent"},{"__symbolic":"reference","name":"XMenuNodeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":12},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":13,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/dropdown","name":"XDropdownModule","line":13,"character":40},{"__symbolic":"reference","module":"@ng-nest/ui/slider","name":"XSliderModule","line":13,"character":57},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":13,"character":72}]}]}],"members":{}},"XMenuPrefix":"x-menu","XMenuProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":27,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XDataConvert","line":32,"character":12}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":42,"character":12},"arguments":["menu","medium"]}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":47,"character":12}}]}],"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":52,"character":12},"arguments":["menu","hover"]}]}],"nodeTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"expandedAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":62,"character":12}}]}],"expandedLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":67,"character":12}}]}],"activatedId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"nodeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"activatedIdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}]}},"XMenuNode":{"__symbolic":"interface"},"XMenuLayout":{"__symbolic":"interface"},"XMenuTrigger":{"__symbolic":"interface"},"XMenuNodePrefix":"x-menu-node","XMenuNodeProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":155,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":154,"character":1},"arguments":[{"template":""}]}],"members":{"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":3}}]}]}}},"origins":{"XMenuComponent":"./menu.component","XMenuNodeComponent":"./menu-node.component","XMenuModule":"./menu.module","XMenuPrefix":"./menu.property","XMenuProperty":"./menu.property","XMenuNode":"./menu.property","XMenuLayout":"./menu.property","XMenuTrigger":"./menu.property","XMenuNodePrefix":"./menu.property","XMenuNodeProperty":"./menu.property"},"importAs":"@ng-nest/ui/menu"}

package/message-box/message-box.component.d.ts

@@ -9,9 +9,12 @@ export declare class XMessageBoxComponent implements OnInit {
     action: XMessageBoxAction;
     formGroup: FormGroup;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef);
+    get getLabel(): string;
+    get getPattern(): RegExp;
     ngOnInit(): void;
     onClose(): void;
     onCancel(): void;
+    hideBox(): void;
     onConfirm(): void;
     moveDone($event: {
         toState: string;

package/message-box/message-box.property.d.ts

@@ -2,6 +2,7 @@ import { XStatus, XPlace } from '@ng-nest/ui/core';
 import { XAlertOption } from '@ng-nest/ui/alert';
 import { XMessageBoxComponent } from './message-box.component';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
+import { XInputType } from '@ng-nest/ui/input';
 /**
  * MessageBox
  * @selector x-message-box
@@ -91,7 +92,7 @@ export interface XMessageBoxOption extends XAlertOption {
      * @zh_CN 匹配规则
      * @en_US Matching rules
      */
-    inputPattern?: RegExp;
+    inputPattern?: RegExp | RegExp[];
     /**
      * @zh_CN 匹配失败的信息提示
      * @en_US Information prompt for matching failure
@@ -106,7 +107,7 @@ export interface XMessageBoxOption extends XAlertOption {
      * @zh_CN 输入框的类型
      * @en_US Type of input box
      */
-    inputType?: string;
+    inputType?: XInputType;
     /**
      * @zh_CN 输入框的值
      * @en_US Value of input box
@@ -121,7 +122,7 @@ export interface XMessageBoxOption extends XAlertOption {
 export interface XMessageBoxCallback {
     (action: XMessageBoxAction, message?: string): void;
 }
-export declare type XMessageBoxAction = 'confirm' | 'cancel';
+export declare type XMessageBoxAction = 'confirm' | 'cancel' | 'close';
 /**
  * @zh_CN 创建的消息对象
  * @en_US Message object created

package/message-box/ng-nest-ui-message-box.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"XMessageBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XMessageBoxPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XMoveBoxAnimation","line":11,"character":15}],"template":"<div\r\n  class=\"x-message-box\"\r\n  *ngIf=\"!messageBox?.input?.hide\"\r\n  [@x-move-box-animation]=\"messageBox.input?.placement\"\r\n  (@x-move-box-animation.done)=\"moveDone($event)\"\r\n>\r\n  <x-alert\r\n    (close)=\"onClose()\"\r\n    [title]=\"messageBox.input?.title\"\r\n    [content]=\"contentTpl\"\r\n    [type]=\"messageBox.input?.type\"\r\n    [effect]=\"messageBox.input?.effect\"\r\n    [hideClose]=\"messageBox.input?.hideClose\"\r\n    [closeText]=\"messageBox.input?.closeText\"\r\n    showIcon=\"false\"\r\n    duration=\"0\"\r\n    manual\r\n    disabledAnimation\r\n  ></x-alert>\r\n  <ng-template #contentTpl let-iconTpl=\"$iconTpl\">\r\n    <div class=\"x-message-box-inner\">\r\n      <div class=\"x-message-box-content\">\r\n        <ng-container *ngIf=\"!messageBox.input?.showInput; else inputTpl\">\r\n          <ng-container *ngIf=\"messageBox.input?.showIcon\">\r\n            <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n          </ng-container>\r\n          <ng-container *xOutlet=\"messageBox.input?.content\">\r\n            {{ messageBox.input?.content }}\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-template #inputTpl>\r\n          <x-input\r\n            [ngModel]=\"messageBox.input?.inputValue\"\r\n            [type]=\"messageBox.input?.inputType\"\r\n            [label]=\"messageBox.input?.content\"\r\n            [placeholder]=\"messageBox.input?.inputPlaceholder\"\r\n            [pattern]=\"messageBox.input?.inputPattern\"\r\n            [message]=\"messageBox.input?.inputInvalidMessage\"\r\n          ></x-input>\r\n        </ng-template>\r\n      </div>\r\n      <x-buttons space=\"1\">\r\n        <x-button *ngIf=\"messageBox.input?.showCancel\" (click)=\"onCancel()\">{{ messageBox.input?.cancelText }}</x-button>\r\n        <x-button type=\"primary\" (click)=\"onConfirm()\" [disabled]=\"formGroup?.invalid\">{{ messageBox.input?.confirmText }}</x-button>\r\n      </x-buttons>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n","styles":[".x-message-box{margin:0;padding:0}.x-message-box-inner{display:flex;flex-direction:column;margin:.5rem 0}.x-message-box-inner>x-buttons{margin-top:1rem;align-self:flex-end}.x-message-box-content{display:inline-flex}.x-message-box-content form,.x-message-box-portal x-message-box{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":17,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":17,"character":61},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":17,"character":85}]}],"ngOnInit":[{"__symbolic":"method"}],"onClose":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}],"onConfirm":[{"__symbolic":"method"}],"moveDone":[{"__symbolic":"method"}],"getInputValue":[{"__symbolic":"method"}],"createFormGroup":[{"__symbolic":"method"}]}},"XMessageBoxService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-nest/ui/portal","name":"XPortalService","line":25,"character":29},{"__symbolic":"reference","module":"@ng-nest/ui/i18n","name":"XI18nService","line":25,"character":58}]}],"alert":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}],"prompt":[{"__symbolic":"method"}],"create":[{"__symbolic":"method"}],"createMessageBox":[{"__symbolic":"method"}],"createMessageBoxPlacement":[{"__symbolic":"method"}],"setLocal":[{"__symbolic":"method"}]}},"XMessageBoxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XMessageBoxComponent"}],"exports":[{"__symbolic":"reference","name":"XMessageBoxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/portal","name":"XPortalModule","line":19,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/input","name":"XInputModule","line":20,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/button","name":"XButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":22,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/alert","name":"XAlertModule","line":23,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/outlet","name":"XOutletModule","line":24,"character":4}],"providers":[{"__symbolic":"reference","name":"XMessageBoxService"}]}]}],"members":{}},"XMessageBoxPrefix":"x-message-box","XMessageBoxPortal":"x-message-box-portal","XMessageBoxOption":{"__symbolic":"interface"},"XMessageBoxCallback":{"__symbolic":"interface"},"XMessageBoxAction":{"__symbolic":"interface"},"XMessageBoxOverlayRef":{"__symbolic":"interface"},"XMessageBoxRef":{"__symbolic":"interface"},"XMessageBoxType":{"__symbolic":"interface"}},"origins":{"XMessageBoxComponent":"./message-box.component","XMessageBoxService":"./message-box.service","XMessageBoxModule":"./message-box.module","XMessageBoxPrefix":"./message-box.property","XMessageBoxPortal":"./message-box.property","XMessageBoxOption":"./message-box.property","XMessageBoxCallback":"./message-box.property","XMessageBoxAction":"./message-box.property","XMessageBoxOverlayRef":"./message-box.property","XMessageBoxRef":"./message-box.property","XMessageBoxType":"./message-box.property"},"importAs":"@ng-nest/ui/message-box"}
+{"__symbolic":"module","version":4,"metadata":{"XMessageBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XMessageBoxPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XMoveBoxAnimation","line":11,"character":15}],"template":"<div\r\n  class=\"x-message-box\"\r\n  *ngIf=\"!messageBox?.input?.hide\"\r\n  [@x-move-box-animation]=\"messageBox.input?.placement\"\r\n  (@x-move-box-animation.done)=\"moveDone($event)\"\r\n>\r\n  <x-alert\r\n    (close)=\"onClose()\"\r\n    [title]=\"messageBox.input?.title\"\r\n    [content]=\"contentTpl\"\r\n    [type]=\"messageBox.input?.type\"\r\n    [effect]=\"messageBox.input?.effect\"\r\n    [hideClose]=\"messageBox.input?.hideClose\"\r\n    [closeText]=\"messageBox.input?.closeText\"\r\n    showIcon=\"false\"\r\n    duration=\"0\"\r\n    manual\r\n    disabledAnimation\r\n  ></x-alert>\r\n  <ng-template #contentTpl let-iconTpl=\"$iconTpl\">\r\n    <div class=\"x-message-box-inner\">\r\n      <div class=\"x-message-box-content\">\r\n        <ng-container *ngIf=\"!messageBox.input?.showInput; else inputTpl\">\r\n          <ng-container *ngIf=\"messageBox.input?.showIcon\">\r\n            <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n          </ng-container>\r\n          <ng-container *xOutlet=\"messageBox.input?.content\">\r\n            {{ messageBox.input?.content }}\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-template #inputTpl>\r\n          <x-input\r\n            [ngModel]=\"messageBox.input?.inputValue\"\r\n            [type]=\"messageBox.input?.inputType\"\r\n            [label]=\"getLabel\"\r\n            [placeholder]=\"messageBox.input?.inputPlaceholder\"\r\n            [pattern]=\"getPattern\"\r\n            [message]=\"messageBox.input?.inputInvalidMessage\"\r\n          ></x-input>\r\n        </ng-template>\r\n      </div>\r\n      <x-buttons space=\"1\">\r\n        <x-button *ngIf=\"messageBox.input?.showCancel\" (click)=\"onCancel()\">{{ messageBox.input?.cancelText }}</x-button>\r\n        <x-button type=\"primary\" (click)=\"onConfirm()\" [disabled]=\"formGroup?.invalid\">{{ messageBox.input?.confirmText }}</x-button>\r\n      </x-buttons>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n","styles":[".x-message-box{margin:0;padding:0}.x-message-box-inner{display:flex;flex-direction:column;margin:.5rem 0}.x-message-box-inner>x-buttons{margin-top:1rem;align-self:flex-end}.x-message-box-content{display:inline-flex}.x-message-box-content form,.x-message-box-portal x-message-box{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":17,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":17,"character":61},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":17,"character":85}]}],"ngOnInit":[{"__symbolic":"method"}],"onClose":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}],"hideBox":[{"__symbolic":"method"}],"onConfirm":[{"__symbolic":"method"}],"moveDone":[{"__symbolic":"method"}],"getInputValue":[{"__symbolic":"method"}],"createFormGroup":[{"__symbolic":"method"}]}},"XMessageBoxService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-nest/ui/portal","name":"XPortalService","line":25,"character":29},{"__symbolic":"reference","module":"@ng-nest/ui/i18n","name":"XI18nService","line":25,"character":58}]}],"alert":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}],"prompt":[{"__symbolic":"method"}],"create":[{"__symbolic":"method"}],"createMessageBox":[{"__symbolic":"method"}],"createMessageBoxPlacement":[{"__symbolic":"method"}],"setLocal":[{"__symbolic":"method"}]}},"XMessageBoxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XMessageBoxComponent"}],"exports":[{"__symbolic":"reference","name":"XMessageBoxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/portal","name":"XPortalModule","line":19,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/input","name":"XInputModule","line":20,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/button","name":"XButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":22,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/alert","name":"XAlertModule","line":23,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/outlet","name":"XOutletModule","line":24,"character":4}],"providers":[{"__symbolic":"reference","name":"XMessageBoxService"}]}]}],"members":{}},"XMessageBoxPrefix":"x-message-box","XMessageBoxPortal":"x-message-box-portal","XMessageBoxOption":{"__symbolic":"interface"},"XMessageBoxCallback":{"__symbolic":"interface"},"XMessageBoxAction":{"__symbolic":"interface"},"XMessageBoxOverlayRef":{"__symbolic":"interface"},"XMessageBoxRef":{"__symbolic":"interface"},"XMessageBoxType":{"__symbolic":"interface"}},"origins":{"XMessageBoxComponent":"./message-box.component","XMessageBoxService":"./message-box.service","XMessageBoxModule":"./message-box.module","XMessageBoxPrefix":"./message-box.property","XMessageBoxPortal":"./message-box.property","XMessageBoxOption":"./message-box.property","XMessageBoxCallback":"./message-box.property","XMessageBoxAction":"./message-box.property","XMessageBoxOverlayRef":"./message-box.property","XMessageBoxRef":"./message-box.property","XMessageBoxType":"./message-box.property"},"importAs":"@ng-nest/ui/message-box"}

package/outlet/outlet.directive.d.ts

@@ -4,7 +4,7 @@ export declare class XOutletDirective implements OnChanges {
     private templateRef;
     xOutletContext: any;
     xOutlet: any | TemplateRef<any>;
-    private embeddedViewRef?;
+    private embeddedViewRef;
     constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef<any>);
     ngOnChanges(changes: SimpleChanges): void;
     private recreateView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "11.2.9",
+  "version": "11.2.13",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
   "ng-update": {

package/page-header/page-header.property.d.ts

@@ -13,22 +13,22 @@ export declare class XPageHeaderProperty {
      * @zh_CN 返回图标
      * @en_US Back icon
      */
-    backIcon: string;
+    backIcon?: string;
     /**
      * @zh_CN 返回文字
      * @en_US Return text
      */
-    backText: string;
+    backText?: string;
     /**
      * @zh_CN 标题
      * @en_US Title
      */
-    title: string;
+    title?: string;
     /**
      * @zh_CN 副标题
      * @en_US Subtitle
      */
-    subTitle: string;
+    subTitle?: string;
     /**
      * @zh_CN 点击返回的事件
      * @en_US Click to return event

package/pagination/pagination.property.d.ts

@@ -14,12 +14,12 @@ export declare class XPaginationProperty extends XProperty {
      * @zh_CN 当前页码
      * @en_US Current page number
      */
-    index: XNumber;
+    index?: XNumber;
     /**
      * @zh_CN 每页显示条数
      * @en_US Number of items displayed per page
      */
-    size: XNumber;
+    size?: XNumber;
     /**
      * @zh_CN 总数
      * @en_US Total

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"XPopconfirmComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XPopconfirmProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XPopconfirmPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"template":"<div\r\n  #popconfirm\r\n  class=\"x-popconfirm\"\r\n  x-popover\r\n  [title]=\"titleTpl\"\r\n  [content]=\"content\"\r\n  [footer]=\"footerTpl\"\r\n  [placement]=\"placement\"\r\n  [trigger]=\"trigger\"\r\n  [width]=\"width\"\r\n  [visible]=\"visible\"\r\n  (visibleChange)=\"visible = $event\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #titleTpl>\r\n  <div class=\"x-popconfirm-title\">\r\n    <ng-container *xOutlet=\"title\">\r\n      <x-icon *ngIf=\"icon\" [style.color]=\"iconColor\" [type]=\"icon\"></x-icon>\r\n      <span>{{ title }}</span>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #footerTpl>\r\n  <div class=\"x-popconfirm-buttons\">\r\n    <x-button (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n    <x-button type=\"primary\" (click)=\"onConfirm()\">{{ getConfirmText }}</x-button>\r\n  </div>\r\n</ng-template>\r\n","styles":[".x-popconfirm{margin:0;padding:0;display:inline-block}.x-popconfirm-buttons{display:flex;justify-content:flex-end}.x-popconfirm-buttons>x-button:not(:first-child){margin-left:.5rem}.x-popconfirm-title{display:flex;align-items:center}.x-popconfirm-title>.x-icon{margin-right:.325rem;font-size:1rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":31,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":32,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/i18n","name":"XI18nService","line":33,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}],"onConfirm":[{"__symbolic":"method"}]}},"XPopconfirmModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XPopconfirmComponent"},{"__symbolic":"reference","name":"XPopconfirmProperty"}],"exports":[{"__symbolic":"reference","name":"XPopconfirmComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":12},{"__symbolic":"reference","module":"@ng-nest/ui/popover","name":"XPopoverModule","line":12,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/button","name":"XButtonModule","line":12,"character":42},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":12,"character":57},{"__symbolic":"reference","module":"@ng-nest/ui/outlet","name":"XOutletModule","line":12,"character":70}]}]}],"members":{}},"XPopconfirmPrefix":"x-popconfirm","XPopconfirmProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":16,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":31,"character":12},"arguments":["popconfirm","bottom"]}]}],"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":36,"character":12},"arguments":["popconfirm","click"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":41,"character":12},"arguments":["popconfirm","12rem"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":46,"character":12},"arguments":["popconfirm","fto-help-circle"]}]}],"iconColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":51,"character":12},"arguments":["popconfirm","#e6a23c"]}]}],"cancelText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":56,"character":12},"arguments":["popconfirm"]}]}],"confirmText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":61,"character":12},"arguments":["popconfirm"]}]}],"cancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"confirm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}]}}},"origins":{"XPopconfirmComponent":"./popconfirm.component","XPopconfirmModule":"./popconfirm.module","XPopconfirmPrefix":"./popconfirm.property","XPopconfirmProperty":"./popconfirm.property"},"importAs":"@ng-nest/ui/popconfirm"}
+{"__symbolic":"module","version":4,"metadata":{"XPopconfirmComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XPopconfirmProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XPopconfirmPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"template":"<div\r\n  #popconfirm\r\n  class=\"x-popconfirm\"\r\n  x-popover\r\n  [title]=\"titleTpl\"\r\n  [content]=\"content\"\r\n  [footer]=\"footerTpl\"\r\n  [placement]=\"placement\"\r\n  [trigger]=\"trigger\"\r\n  [width]=\"width\"\r\n  [(visible)]=\"visible\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #titleTpl>\r\n  <div class=\"x-popconfirm-title\">\r\n    <ng-container *xOutlet=\"title\">\r\n      <x-icon *ngIf=\"icon\" [style.color]=\"iconColor\" [type]=\"icon\"></x-icon>\r\n      <span>{{ title }}</span>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #footerTpl>\r\n  <div class=\"x-popconfirm-buttons\">\r\n    <x-button (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n    <x-button type=\"primary\" (click)=\"onConfirm()\">{{ getConfirmText }}</x-button>\r\n  </div>\r\n</ng-template>\r\n","styles":[".x-popconfirm{margin:0;padding:0;display:inline-block}.x-popconfirm-buttons{display:flex;justify-content:flex-end}.x-popconfirm-buttons>x-button:not(:first-child){margin-left:.5rem}.x-popconfirm-title{display:flex;align-items:center}.x-popconfirm-title>.x-icon{margin-right:.325rem;font-size:1rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":31,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":32,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/i18n","name":"XI18nService","line":33,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}],"onConfirm":[{"__symbolic":"method"}]}},"XPopconfirmModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XPopconfirmComponent"},{"__symbolic":"reference","name":"XPopconfirmProperty"}],"exports":[{"__symbolic":"reference","name":"XPopconfirmComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":12},{"__symbolic":"reference","module":"@ng-nest/ui/popover","name":"XPopoverModule","line":12,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/button","name":"XButtonModule","line":12,"character":42},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":12,"character":57},{"__symbolic":"reference","module":"@ng-nest/ui/outlet","name":"XOutletModule","line":12,"character":70}]}]}],"members":{}},"XPopconfirmPrefix":"x-popconfirm","XPopconfirmProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":16,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":31,"character":12},"arguments":["popconfirm","bottom"]}]}],"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":36,"character":12},"arguments":["popconfirm","click"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":41,"character":12},"arguments":["popconfirm","12rem"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":46,"character":12},"arguments":["popconfirm","fto-help-circle"]}]}],"iconColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":51,"character":12},"arguments":["popconfirm","#e6a23c"]}]}],"cancelText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":56,"character":12},"arguments":["popconfirm"]}]}],"confirmText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":61,"character":12},"arguments":["popconfirm"]}]}],"cancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"confirm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}]}}},"origins":{"XPopconfirmComponent":"./popconfirm.component","XPopconfirmModule":"./popconfirm.module","XPopconfirmPrefix":"./popconfirm.property","XPopconfirmProperty":"./popconfirm.property"},"importAs":"@ng-nest/ui/popconfirm"}

package/popconfirm/popconfirm.component.d.ts

@@ -1,6 +1,6 @@
 import { Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { XPopconfirmProperty } from './popconfirm.property';
-import { XConfigService } from '@ng-nest/ui/core';
+import { XBoolean, XConfigService } from '@ng-nest/ui/core';
 import { XI18nService, XI18nPopconfirm } from '@ng-nest/ui/i18n';
 export declare class XPopconfirmComponent extends XPopconfirmProperty {
     renderer: Renderer2;
@@ -8,7 +8,7 @@ export declare class XPopconfirmComponent extends XPopconfirmProperty {
     cdr: ChangeDetectorRef;
     configService: XConfigService;
     i18n: XI18nService;
-    visible: boolean;
+    visible: XBoolean;
     locale: XI18nPopconfirm;
     private _unSubject;
     get getCancelText(): string | undefined;

package/popconfirm/popconfirm.property.d.ts

@@ -25,37 +25,37 @@ export declare class XPopconfirmProperty extends XProperty {
      * @zh_CN 弹出的位置
      * @en_US Pop-up position
      */
-    placement: XPlacement;
+    placement?: XPlacement;
     /**
      * @zh_CN 激活方式
      * @en_US Activation method
      */
-    trigger: XPopoverTrigger;
+    trigger?: XPopoverTrigger;
     /**
      * @zh_CN 宽度
      * @en_US Width
      */
-    width: string;
+    width?: string;
     /**
      * @zh_CN 图标
      * @en_US Icon
      */
-    icon: string;
+    icon?: string;
     /**
      * @zh_CN 图标颜色
      * @en_US Icon color
      */
-    iconColor: string;
+    iconColor?: string;
     /**
      * @zh_CN 取消的文字
      * @en_US Canceled text
      */
-    cancelText: string;
+    cancelText?: string;
     /**
      * @zh_CN 确认的文字
      * @en_US Confirmed text
      */
-    confirmText: string;
+    confirmText?: string;
     /**
      * @zh_CN 取消的点击事件
      * @en_US Cancelled click event

package/popover/popover.property.d.ts

@@ -29,22 +29,22 @@ export declare class XPopoverProperty extends XProperty {
      * @zh_CN 弹出的位置
      * @en_US Pop-up position
      */
-    placement: XPlacement;
+    placement?: XPlacement;
     /**
      * @zh_CN 激活方式
      * @en_US Activation method
      */
-    trigger: XPopoverTrigger;
+    trigger?: XPopoverTrigger;
     /**
      * @zh_CN 宽度
      * @en_US Width
      */
-    width: string;
+    width?: string;
     /**
      * @zh_CN 显示/隐藏控制
      * @en_US Show/hide control
      */
-    visible: XBoolean;
+    visible?: XBoolean;
     /**
      * @zh_CN 显示/隐藏改变的事件
      * @en_US Show/hide changed events

package/progress/progress.property.d.ts

@@ -18,7 +18,7 @@ export declare class XProgressProperty extends XProperty {
      * @zh_CN 进度条高度
      * @en_US Height of progress bar
      */
-    height: string;
+    height?: string;
     /**
      * @zh_CN 状态
      * @en_US Status
@@ -33,7 +33,7 @@ export declare class XProgressProperty extends XProperty {
      * @zh_CN 百分比文本是否显示在进度条里面
      * @en_US Whether the percentage text is displayed in the progress bar
      */
-    inside: XBoolean;
+    inside?: XBoolean;
     /**
      * @zh_CN 自定义百分比文本内容
      * @en_US Custom percentage text content

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"XRadioComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XRadioProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XRadioPrefix"},"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":"XRadioComponent"}]}],"template":"<div\r\n  #radio\r\n  class=\"x-radio\"\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        [size]=\"size\"\r\n        [type]=\"type\"\r\n        [activated]=\"item.id === value\"\r\n        [disabled]=\"disabled || item.disabled\"\r\n        (click)=\"radioClick($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-radio-row\">\r\n    <div\r\n      class=\"x-radio-item\"\r\n      *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n      [class.x-checked]=\"item.id === value\"\r\n      [class.x-disabled]=\"item.disabled\"\r\n      (click)=\"radioClick($event, item)\"\r\n    >\r\n      <span class=\"x-radio-box\"></span>\r\n      <span class=\"x-radio-label\">{{ item.label }}</span>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n","styles":[".x-radio{margin:0;padding:0;width:100%}.x-radio.x-flex{display:flex}.x-radio.x-justify-start{justify-content:flex-start}.x-radio.x-justify-center{justify-content:center}.x-radio.x-justify-end{justify-content:flex-end}.x-radio.x-justify-space-between{justify-content:space-between}.x-radio.x-justify-space-around{justify-content:space-around}.x-radio.x-align-start{align-items:flex-start}.x-radio.x-align-center{align-items:center}.x-radio.x-align-end{align-items:flex-end}.x-radio.x-direction-column{flex-direction:column}.x-radio.x-direction-column-reverse{flex-direction:column-reverse}.x-radio.x-direction-row{flex-direction:row}.x-radio.x-direction-row-reverse{flex-direction:row-reverse}.x-radio>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-radio>label.x-text-align-start{text-align:start}.x-radio>label.x-text-align-center{text-align:center}.x-radio>label.x-text-align-end{text-align:end}.x-radio-row{flex:1;display:flex;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-radio-item,.x-radio-row{align-items:center;position:relative}.x-radio-item{display:inline-flex;white-space:nowrap;outline:none;margin-right:.875rem;font-size:.875rem;cursor:pointer;transition:all .3s}.x-radio-item:hover{color:var(--x-primary)}.x-radio-item:hover .x-radio-box{border-color:var(--x-primary)}.x-radio-item:last-child{margin-right:0}.x-radio-item.x-checked .x-radio-box{border-color:var(--x-primary)}.x-radio-item.x-checked .x-radio-box:after{transform:scale(1);opacity:1}.x-radio-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-radio-item.x-disabled .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio-item.x-disabled .x-radio-box:after{background-color:var(--x-text-400)}.x-radio-box{border:.0625rem solid var(--x-border);border-radius:100%;width:1rem;height:1rem;background-color:var(--x-background-a100);position:relative;box-sizing:border-box;transition:all .3s;display:inline-flex;align-items:center;justify-content:center}.x-radio-box:hover{border-color:var(--x-primary)}.x-radio-box:after{position:absolute;display:inline-block;width:.5rem;height:.5rem;background-color:var(--x-primary);border-radius:1rem;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.78,.14,.15,.86);content:\" \"}.x-radio-label{margin-left:.325rem}.x-radio.x-disabled .x-radio-item{color:var(--x-text-400);cursor:not-allowed}.x-radio.x-disabled .x-radio-item .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio.x-disabled .x-radio-item .x-radio-box:after{background-color:var(--x-text-400)}.x-radio.x-invalid>label,.x-radio.x-required>label{color:var(--x-danger)}.x-radio.x-direction-row>label{padding:0 .5rem 0 0}.x-radio.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-radio.x-direction-column,.x-radio.x-direction-column-reverse{align-items:inherit}"]}]}],"members":{"radio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["radio",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":30,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":31,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":32,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":33,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"radioClick":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"trackByItem":[{"__symbolic":"method"}],"formControlChanges":[{"__symbolic":"method"}]}},"XRadioModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XRadioComponent"},{"__symbolic":"reference","name":"XRadioProperty"}],"exports":[{"__symbolic":"reference","name":"XRadioComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/button","name":"XButtonModule","line":11,"character":39},{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XBaseFormModule","line":11,"character":54}]}]}],"members":{}},"XRadioPrefix":"x-radio","XRadioProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XControlValueAccessor","line":25,"character":36},"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}}]}],"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":["radio","medium"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}]}},"XRadioOption":{"__symbolic":"interface"},"XRadioNode":{"__symbolic":"interface"}},"origins":{"XRadioComponent":"./radio.component","XRadioModule":"./radio.module","XRadioPrefix":"./radio.property","XRadioProperty":"./radio.property","XRadioOption":"./radio.property","XRadioNode":"./radio.property"},"importAs":"@ng-nest/ui/radio"}
+{"__symbolic":"module","version":4,"metadata":{"XRadioComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XRadioProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XRadioPrefix"},"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":"XRadioComponent"}]}],"template":"<div\r\n  #radio\r\n  class=\"x-radio\"\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        [size]=\"size\"\r\n        [type]=\"type\"\r\n        [activated]=\"item.id === value\"\r\n        [disabled]=\"disabled || item.disabled\"\r\n        (click)=\"radioClick($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-radio-row\">\r\n    <div\r\n      class=\"x-radio-item\"\r\n      *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n      [class.x-checked]=\"item.id === value\"\r\n      [class.x-disabled]=\"item.disabled\"\r\n      (click)=\"radioClick($event, item)\"\r\n    >\r\n      <span class=\"x-radio-box\"></span>\r\n      <span class=\"x-radio-label\">{{ item.label }}</span>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n","styles":[".x-radio{margin:0;padding:0;width:100%}.x-radio.x-flex{display:flex}.x-radio.x-justify-start{justify-content:flex-start}.x-radio.x-justify-center{justify-content:center}.x-radio.x-justify-end{justify-content:flex-end}.x-radio.x-justify-space-between{justify-content:space-between}.x-radio.x-justify-space-around{justify-content:space-around}.x-radio.x-align-start{align-items:flex-start}.x-radio.x-align-center{align-items:center}.x-radio.x-align-end{align-items:flex-end}.x-radio.x-direction-column{flex-direction:column}.x-radio.x-direction-column-reverse{flex-direction:column-reverse}.x-radio.x-direction-row{flex-direction:row}.x-radio.x-direction-row-reverse{flex-direction:row-reverse}.x-radio>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-radio>label.x-text-align-start{text-align:start}.x-radio>label.x-text-align-center{text-align:center}.x-radio>label.x-text-align-end{text-align:end}.x-radio-row{flex:1;line-height:calc(var(--x-font-size) + .875rem)}.x-radio-item,.x-radio-row{align-items:center;position:relative}.x-radio-item{display:inline-flex;white-space:nowrap;outline:none;margin-right:.875rem;font-size:.875rem;cursor:pointer;transition:all .3s}.x-radio-item:hover{color:var(--x-primary)}.x-radio-item:hover .x-radio-box{border-color:var(--x-primary)}.x-radio-item:last-child{margin-right:0}.x-radio-item.x-checked .x-radio-box{border-color:var(--x-primary)}.x-radio-item.x-checked .x-radio-box:after{transform:scale(1);opacity:1}.x-radio-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-radio-item.x-disabled .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio-item.x-disabled .x-radio-box:after{background-color:var(--x-text-400)}.x-radio-box{border:.0625rem solid var(--x-border);border-radius:100%;width:1rem;height:1rem;background-color:var(--x-background-a100);position:relative;box-sizing:border-box;transition:all .3s;display:inline-flex;align-items:center;justify-content:center}.x-radio-box:hover{border-color:var(--x-primary)}.x-radio-box:after{position:absolute;display:inline-block;width:.5rem;height:.5rem;background-color:var(--x-primary);border-radius:1rem;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.78,.14,.15,.86);content:\" \"}.x-radio-label{margin-left:.325rem}.x-radio.x-disabled .x-radio-item{color:var(--x-text-400);cursor:not-allowed}.x-radio.x-disabled .x-radio-item .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio.x-disabled .x-radio-item .x-radio-box:after{background-color:var(--x-text-400)}.x-radio.x-invalid>label,.x-radio.x-required>label{color:var(--x-danger)}.x-radio.x-direction-row>label{padding:0 .5rem 0 0}.x-radio.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-radio.x-direction-column,.x-radio.x-direction-column-reverse{align-items:inherit}"]}]}],"members":{"radio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["radio",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":30,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":31,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":32,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":33,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"radioClick":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"trackByItem":[{"__symbolic":"method"}],"formControlChanges":[{"__symbolic":"method"}]}},"XRadioModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XRadioComponent"},{"__symbolic":"reference","name":"XRadioProperty"}],"exports":[{"__symbolic":"reference","name":"XRadioComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/button","name":"XButtonModule","line":11,"character":39},{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XBaseFormModule","line":11,"character":54}]}]}],"members":{}},"XRadioPrefix":"x-radio","XRadioProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XControlValueAccessor","line":25,"character":36},"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}}]}],"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":["radio","medium"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}]}},"XRadioOption":{"__symbolic":"interface"},"XRadioNode":{"__symbolic":"interface"}},"origins":{"XRadioComponent":"./radio.component","XRadioModule":"./radio.module","XRadioPrefix":"./radio.property","XRadioProperty":"./radio.property","XRadioOption":"./radio.property","XRadioNode":"./radio.property"},"importAs":"@ng-nest/ui/radio"}

package/radio/radio.property.d.ts

@@ -20,17 +20,17 @@ export declare class XRadioProperty extends XControlValueAccessor<any> implement
      * @zh_CN 按钮样式
      * @en_US Button style
      */
-    button: XBoolean;
+    button?: XBoolean;
     /**
      * @zh_CN 图标样式
      * @en_US Icon style
      */
-    icon: XBoolean;
+    icon?: XBoolean;
     /**
      * @zh_CN 尺寸
      * @en_US Size
      */
-    size: XSize;
+    size?: XSize;
     /**
      * @zh_CN 按钮样式时生效
      * @en_US Take effect when button style

package/rate/rate.property.d.ts

@@ -1,4 +1,5 @@
 import { XNumber, XBoolean, XTemplate } from '@ng-nest/ui/core';
+import { TemplateRef } from '@angular/core';
 import { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';
 /**
  * Rate
@@ -19,12 +20,12 @@ export declare class XRateProperty extends XControlValueAccessor<any> implements
      * @zh_CN 半星模式
      * @en_US Number of ratings
      */
-    half: XBoolean;
+    half?: XBoolean;
     /**
      * @zh_CN 自定义模板
      * @en_US Custom template
      */
-    customTemp: XTemplate;
+    customTemp: TemplateRef<any>;
 }
 /**
  * Rate Option

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"XResultComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XResultProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XResultPrefix"},"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"},"template":"<div #result class=\"x-result\" [ngClass]=\"classMap\">\r\n  <div class=\"x-result-icon\">\r\n    <ng-container *ngIf=\"!icon; else iconTpl\" [ngSwitch]=\"status\">\r\n      <x-icon *ngSwitchCase=\"'success'\" type=\"adf-check-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'info'\" type=\"adf-info-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'warning'\" type=\"adf-warning\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'error'\" type=\"adf-close-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'403'\" type=\"fto-lock\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'404'\" type=\"fto-code\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'500'\" type=\"adf-close-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-template #iconTpl>\r\n      <ng-container *xOutlet=\"icon\">\r\n        <x-icon [type]=\"icon\"></x-icon>\r\n      </ng-container>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <div class=\"x-result-title\">\r\n    <ng-container *xOutlet=\"title\">{{ title }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-subTitle\">\r\n    <ng-container *xOutlet=\"subTitle\">{{ subTitle }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n","styles":[".x-result{margin:0;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem}.x-result-icon{font-size:calc(var(--x-font-size) * 5);margin-bottom:var(--x-font-size-large)}.x-result-title{font-size:var(--x-font-size-large);line-height:calc(var(--x-font-size-large) * 1.5)}.x-result-subTitle{color:var(--x-text-400)}.x-result-content{margin-top:var(--x-font-size-large)}.x-result-success .x-result-icon{color:var(--x-success)}.x-result-info .x-result-icon{color:var(--x-info)}.x-result-warning .x-result-icon{color:var(--x-warning)}.x-result-error .x-result-icon{color:var(--x-danger)}.x-result-403 .x-result-icon,.x-result-404 .x-result-icon{color:var(--x-text-400)}.x-result-500 .x-result-icon{color:var(--x-danger)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":13,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":14,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":15,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":16,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}]}},"XResultModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XResultComponent"},{"__symbolic":"reference","name":"XResultProperty"}],"exports":[{"__symbolic":"reference","name":"XResultComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":10,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/outlet","name":"XOutletModule","line":10,"character":39}]}]}],"members":{}},"XResultPrefix":"x-result","XResultProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":14,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"template":""}]}],"members":{"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"subTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}]}},"XResultStatus":{"__symbolic":"interface"}},"origins":{"XResultComponent":"./result.component","XResultModule":"./result.module","XResultPrefix":"./result.property","XResultProperty":"./result.property","XResultStatus":"./result.property"},"importAs":"@ng-nest/ui/result"}
+{"__symbolic":"module","version":4,"metadata":{"XResultComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XResultProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XResultPrefix"},"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"},"template":"<div #result class=\"x-result\" [ngClass]=\"classMap\">\r\n  <div class=\"x-result-icon\">\r\n    <ng-container *ngIf=\"!icon; else iconTpl\" [ngSwitch]=\"status\">\r\n      <x-icon *ngSwitchCase=\"'success'\" type=\"adf-check-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'info'\" type=\"adf-info-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'warning'\" type=\"adf-warning\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'error'\" type=\"adf-close-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'403'\" type=\"fto-lock\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'404'\" type=\"fto-code\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'500'\" type=\"adf-close-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-template #iconTpl>\r\n      <ng-container *xOutlet=\"icon\">\r\n        <x-icon [type]=\"strIcon\"></x-icon>\r\n      </ng-container>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <div class=\"x-result-title\">\r\n    <ng-container *xOutlet=\"title\">{{ title }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-subTitle\">\r\n    <ng-container *xOutlet=\"subTitle\">{{ subTitle }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n","styles":[".x-result{margin:0;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem}.x-result-icon{font-size:calc(var(--x-font-size) * 5);margin-bottom:var(--x-font-size-large)}.x-result-title{font-size:var(--x-font-size-large);line-height:calc(var(--x-font-size-large) * 1.5)}.x-result-subTitle{color:var(--x-text-400)}.x-result-content{margin-top:var(--x-font-size-large)}.x-result-success .x-result-icon{color:var(--x-success)}.x-result-info .x-result-icon{color:var(--x-info)}.x-result-warning .x-result-icon{color:var(--x-warning)}.x-result-error .x-result-icon{color:var(--x-danger)}.x-result-403 .x-result-icon,.x-result-404 .x-result-icon{color:var(--x-text-400)}.x-result-500 .x-result-icon{color:var(--x-danger)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":16,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":17,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":18,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":19,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}]}},"XResultModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XResultComponent"},{"__symbolic":"reference","name":"XResultProperty"}],"exports":[{"__symbolic":"reference","name":"XResultComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":10,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/outlet","name":"XOutletModule","line":10,"character":39}]}]}],"members":{}},"XResultPrefix":"x-result","XResultProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":14,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"template":""}]}],"members":{"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"subTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}]}},"XResultStatus":{"__symbolic":"interface"}},"origins":{"XResultComponent":"./result.component","XResultModule":"./result.module","XResultPrefix":"./result.property","XResultProperty":"./result.property","XResultStatus":"./result.property"},"importAs":"@ng-nest/ui/result"}

package/result/result.component.d.ts

@@ -6,6 +6,7 @@ export declare class XResultComponent extends XResultProperty implements OnInit
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
+    get strIcon(): string;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
     setClassMap(): void;