@xlabs-store/angular 0.0.1 → 0.0.2

package/dist/fesm2022/xlabs-store-angular-standalone.mjs

@@ -22,99 +22,106 @@ import { defineCustomElement as defineCustomElement$h } from '@xlabs-store/core/
 import { defineCustomElement as defineCustomElement$i } from '@xlabs-store/core/components/x-cascader.js';
 import { defineCustomElement as defineCustomElement$j } from '@xlabs-store/core/components/x-cascader-dropdown-content.js';
 import { defineCustomElement as defineCustomElement$k } from '@xlabs-store/core/components/x-checkbox.js';
-import { defineCustomElement as defineCustomElement$l } from '@xlabs-store/core/components/x-col.js';
-import { defineCustomElement as defineCustomElement$m } from '@xlabs-store/core/components/x-collapse.js';
-import { defineCustomElement as defineCustomElement$n } from '@xlabs-store/core/components/x-collapse-panel.js';
-import { defineCustomElement as defineCustomElement$o } from '@xlabs-store/core/components/x-color-picker.js';
-import { defineCustomElement as defineCustomElement$p } from '@xlabs-store/core/components/x-comment.js';
-import { defineCustomElement as defineCustomElement$q } from '@xlabs-store/core/components/x-content.js';
-import { defineCustomElement as defineCustomElement$r } from '@xlabs-store/core/components/x-date-picker.js';
-import { defineCustomElement as defineCustomElement$s } from '@xlabs-store/core/components/x-date-picker-dropdown-content.js';
-import { defineCustomElement as defineCustomElement$t } from '@xlabs-store/core/components/x-descriptions.js';
-import { defineCustomElement as defineCustomElement$u } from '@xlabs-store/core/components/x-descriptions-item.js';
-import { defineCustomElement as defineCustomElement$v } from '@xlabs-store/core/components/x-divider.js';
-import { defineCustomElement as defineCustomElement$w } from '@xlabs-store/core/components/x-drawer.js';
-import { defineCustomElement as defineCustomElement$x } from '@xlabs-store/core/components/x-drawer-content.js';
-import { defineCustomElement as defineCustomElement$y } from '@xlabs-store/core/components/x-dropdown.js';
-import { defineCustomElement as defineCustomElement$z } from '@xlabs-store/core/components/x-editor.js';
-import { defineCustomElement as defineCustomElement$A } from '@xlabs-store/core/components/x-empty.js';
-import { defineCustomElement as defineCustomElement$B } from '@xlabs-store/core/components/x-finder.js';
-import { defineCustomElement as defineCustomElement$C } from '@xlabs-store/core/components/x-flex.js';
-import { defineCustomElement as defineCustomElement$D } from '@xlabs-store/core/components/x-float-button.js';
-import { defineCustomElement as defineCustomElement$E } from '@xlabs-store/core/components/x-footer.js';
-import { defineCustomElement as defineCustomElement$F } from '@xlabs-store/core/components/x-form.js';
-import { defineCustomElement as defineCustomElement$G } from '@xlabs-store/core/components/x-form-builder.js';
-import { defineCustomElement as defineCustomElement$H } from '@xlabs-store/core/components/x-form-item.js';
-import { defineCustomElement as defineCustomElement$I } from '@xlabs-store/core/components/x-header.js';
-import { defineCustomElement as defineCustomElement$J } from '@xlabs-store/core/components/x-icon.js';
-import { defineCustomElement as defineCustomElement$K } from '@xlabs-store/core/components/x-image.js';
-import { defineCustomElement as defineCustomElement$L } from '@xlabs-store/core/components/x-infinite-scroll.js';
-import { defineCustomElement as defineCustomElement$M } from '@xlabs-store/core/components/x-input.js';
-import { defineCustomElement as defineCustomElement$N } from '@xlabs-store/core/components/x-input-number.js';
-import { defineCustomElement as defineCustomElement$O } from '@xlabs-store/core/components/x-layout.js';
-import { defineCustomElement as defineCustomElement$P } from '@xlabs-store/core/components/x-list.js';
-import { defineCustomElement as defineCustomElement$Q } from '@xlabs-store/core/components/x-list-item.js';
-import { defineCustomElement as defineCustomElement$R } from '@xlabs-store/core/components/x-mentions.js';
-import { defineCustomElement as defineCustomElement$S } from '@xlabs-store/core/components/x-menu.js';
-import { defineCustomElement as defineCustomElement$T } from '@xlabs-store/core/components/x-menu-divider.js';
-import { defineCustomElement as defineCustomElement$U } from '@xlabs-store/core/components/x-menu-item.js';
-import { defineCustomElement as defineCustomElement$V } from '@xlabs-store/core/components/x-menu-item-group.js';
-import { defineCustomElement as defineCustomElement$W } from '@xlabs-store/core/components/x-menu-submenu.js';
-import { defineCustomElement as defineCustomElement$X } from '@xlabs-store/core/components/x-message.js';
-import { defineCustomElement as defineCustomElement$Y } from '@xlabs-store/core/components/x-modal.js';
-import { defineCustomElement as defineCustomElement$Z } from '@xlabs-store/core/components/x-modal-content.js';
-import { defineCustomElement as defineCustomElement$_ } from '@xlabs-store/core/components/x-notification.js';
-import { defineCustomElement as defineCustomElement$$ } from '@xlabs-store/core/components/x-page-header.js';
-import { defineCustomElement as defineCustomElement$10 } from '@xlabs-store/core/components/x-pagination.js';
-import { defineCustomElement as defineCustomElement$11 } from '@xlabs-store/core/components/x-popconfirm.js';
-import { defineCustomElement as defineCustomElement$12 } from '@xlabs-store/core/components/x-popover.js';
-import { defineCustomElement as defineCustomElement$13 } from '@xlabs-store/core/components/x-progress.js';
-import { defineCustomElement as defineCustomElement$14 } from '@xlabs-store/core/components/x-qr-code.js';
-import { defineCustomElement as defineCustomElement$15 } from '@xlabs-store/core/components/x-radio.js';
-import { defineCustomElement as defineCustomElement$16 } from '@xlabs-store/core/components/x-radio-group.js';
-import { defineCustomElement as defineCustomElement$17 } from '@xlabs-store/core/components/x-range-picker.js';
-import { defineCustomElement as defineCustomElement$18 } from '@xlabs-store/core/components/x-range-picker-dropdown-content.js';
-import { defineCustomElement as defineCustomElement$19 } from '@xlabs-store/core/components/x-rate.js';
-import { defineCustomElement as defineCustomElement$1a } from '@xlabs-store/core/components/x-result.js';
-import { defineCustomElement as defineCustomElement$1b } from '@xlabs-store/core/components/x-row.js';
-import { defineCustomElement as defineCustomElement$1c } from '@xlabs-store/core/components/x-segmented.js';
-import { defineCustomElement as defineCustomElement$1d } from '@xlabs-store/core/components/x-select.js';
-import { defineCustomElement as defineCustomElement$1e } from '@xlabs-store/core/components/x-select-dropdown-content.js';
-import { defineCustomElement as defineCustomElement$1f } from '@xlabs-store/core/components/x-select-option.js';
-import { defineCustomElement as defineCustomElement$1g } from '@xlabs-store/core/components/x-sider.js';
-import { defineCustomElement as defineCustomElement$1h } from '@xlabs-store/core/components/x-skeleton.js';
-import { defineCustomElement as defineCustomElement$1i } from '@xlabs-store/core/components/x-slider.js';
-import { defineCustomElement as defineCustomElement$1j } from '@xlabs-store/core/components/x-space.js';
-import { defineCustomElement as defineCustomElement$1k } from '@xlabs-store/core/components/x-spin.js';
-import { defineCustomElement as defineCustomElement$1l } from '@xlabs-store/core/components/x-splitter.js';
-import { defineCustomElement as defineCustomElement$1m } from '@xlabs-store/core/components/x-splitter-panel.js';
-import { defineCustomElement as defineCustomElement$1n } from '@xlabs-store/core/components/x-statistic.js';
-import { defineCustomElement as defineCustomElement$1o } from '@xlabs-store/core/components/x-step.js';
-import { defineCustomElement as defineCustomElement$1p } from '@xlabs-store/core/components/x-steps.js';
-import { defineCustomElement as defineCustomElement$1q } from '@xlabs-store/core/components/x-switch.js';
-import { defineCustomElement as defineCustomElement$1r } from '@xlabs-store/core/components/x-tab-pane.js';
-import { defineCustomElement as defineCustomElement$1s } from '@xlabs-store/core/components/x-table.js';
-import { defineCustomElement as defineCustomElement$1t } from '@xlabs-store/core/components/x-table-cell.js';
-import { defineCustomElement as defineCustomElement$1u } from '@xlabs-store/core/components/x-table-row.js';
-import { defineCustomElement as defineCustomElement$1v } from '@xlabs-store/core/components/x-tabs.js';
-import { defineCustomElement as defineCustomElement$1w } from '@xlabs-store/core/components/x-tag.js';
-import { defineCustomElement as defineCustomElement$1x } from '@xlabs-store/core/components/x-textarea.js';
-import { defineCustomElement as defineCustomElement$1y } from '@xlabs-store/core/components/x-time-picker.js';
-import { defineCustomElement as defineCustomElement$1z } from '@xlabs-store/core/components/x-time-picker-dropdown-content.js';
-import { defineCustomElement as defineCustomElement$1A } from '@xlabs-store/core/components/x-timeline.js';
-import { defineCustomElement as defineCustomElement$1B } from '@xlabs-store/core/components/x-timeline-item.js';
-import { defineCustomElement as defineCustomElement$1C } from '@xlabs-store/core/components/x-tooltip.js';
-import { defineCustomElement as defineCustomElement$1D } from '@xlabs-store/core/components/x-tour.js';
-import { defineCustomElement as defineCustomElement$1E } from '@xlabs-store/core/components/x-tour-panel.js';
-import { defineCustomElement as defineCustomElement$1F } from '@xlabs-store/core/components/x-transfer.js';
-import { defineCustomElement as defineCustomElement$1G } from '@xlabs-store/core/components/x-tree.js';
-import { defineCustomElement as defineCustomElement$1H } from '@xlabs-store/core/components/x-tree-select.js';
-import { defineCustomElement as defineCustomElement$1I } from '@xlabs-store/core/components/x-tree-select-dropdown-content.js';
-import { defineCustomElement as defineCustomElement$1J } from '@xlabs-store/core/components/x-typography.js';
-import { defineCustomElement as defineCustomElement$1K } from '@xlabs-store/core/components/x-upload.js';
-import { defineCustomElement as defineCustomElement$1L } from '@xlabs-store/core/components/x-virtual-scroll.js';
-import { defineCustomElement as defineCustomElement$1M } from '@xlabs-store/core/components/x-workflow.js';
-import { defineCustomElement as defineCustomElement$1N } from '@xlabs-store/core/components/x-workflow-builder.js';
+import { defineCustomElement as defineCustomElement$l } from '@xlabs-store/core/components/x-code-editor.js';
+import { defineCustomElement as defineCustomElement$m } from '@xlabs-store/core/components/x-col.js';
+import { defineCustomElement as defineCustomElement$n } from '@xlabs-store/core/components/x-collapse.js';
+import { defineCustomElement as defineCustomElement$o } from '@xlabs-store/core/components/x-collapse-panel.js';
+import { defineCustomElement as defineCustomElement$p } from '@xlabs-store/core/components/x-color-picker.js';
+import { defineCustomElement as defineCustomElement$q } from '@xlabs-store/core/components/x-comment.js';
+import { defineCustomElement as defineCustomElement$r } from '@xlabs-store/core/components/x-content.js';
+import { defineCustomElement as defineCustomElement$s } from '@xlabs-store/core/components/x-date-picker.js';
+import { defineCustomElement as defineCustomElement$t } from '@xlabs-store/core/components/x-date-picker-dropdown-content.js';
+import { defineCustomElement as defineCustomElement$u } from '@xlabs-store/core/components/x-descriptions.js';
+import { defineCustomElement as defineCustomElement$v } from '@xlabs-store/core/components/x-descriptions-item.js';
+import { defineCustomElement as defineCustomElement$w } from '@xlabs-store/core/components/x-divider.js';
+import { defineCustomElement as defineCustomElement$x } from '@xlabs-store/core/components/x-drawer.js';
+import { defineCustomElement as defineCustomElement$y } from '@xlabs-store/core/components/x-drawer-content.js';
+import { defineCustomElement as defineCustomElement$z } from '@xlabs-store/core/components/x-dropdown.js';
+import { defineCustomElement as defineCustomElement$A } from '@xlabs-store/core/components/x-editor.js';
+import { defineCustomElement as defineCustomElement$B } from '@xlabs-store/core/components/x-empty.js';
+import { defineCustomElement as defineCustomElement$C } from '@xlabs-store/core/components/x-finder.js';
+import { defineCustomElement as defineCustomElement$D } from '@xlabs-store/core/components/x-flex.js';
+import { defineCustomElement as defineCustomElement$E } from '@xlabs-store/core/components/x-float-button.js';
+import { defineCustomElement as defineCustomElement$F } from '@xlabs-store/core/components/x-footer.js';
+import { defineCustomElement as defineCustomElement$G } from '@xlabs-store/core/components/x-form.js';
+import { defineCustomElement as defineCustomElement$H } from '@xlabs-store/core/components/x-form-builder.js';
+import { defineCustomElement as defineCustomElement$I } from '@xlabs-store/core/components/x-form-item.js';
+import { defineCustomElement as defineCustomElement$J } from '@xlabs-store/core/components/x-header.js';
+import { defineCustomElement as defineCustomElement$K } from '@xlabs-store/core/components/x-icon.js';
+import { defineCustomElement as defineCustomElement$L } from '@xlabs-store/core/components/x-icon-picker-dropdown-content.js';
+import { defineCustomElement as defineCustomElement$M } from '@xlabs-store/core/components/x-image.js';
+import { defineCustomElement as defineCustomElement$N } from '@xlabs-store/core/components/x-infinite-scroll.js';
+import { defineCustomElement as defineCustomElement$O } from '@xlabs-store/core/components/x-input.js';
+import { defineCustomElement as defineCustomElement$P } from '@xlabs-store/core/components/x-input-icon.js';
+import { defineCustomElement as defineCustomElement$Q } from '@xlabs-store/core/components/x-input-number.js';
+import { defineCustomElement as defineCustomElement$R } from '@xlabs-store/core/components/x-layout.js';
+import { defineCustomElement as defineCustomElement$S } from '@xlabs-store/core/components/x-layout-admin.js';
+import { defineCustomElement as defineCustomElement$T } from '@xlabs-store/core/components/x-layout-detail.js';
+import { defineCustomElement as defineCustomElement$U } from '@xlabs-store/core/components/x-layout-list.js';
+import { defineCustomElement as defineCustomElement$V } from '@xlabs-store/core/components/x-list.js';
+import { defineCustomElement as defineCustomElement$W } from '@xlabs-store/core/components/x-list-item.js';
+import { defineCustomElement as defineCustomElement$X } from '@xlabs-store/core/components/x-login.js';
+import { defineCustomElement as defineCustomElement$Y } from '@xlabs-store/core/components/x-mentions.js';
+import { defineCustomElement as defineCustomElement$Z } from '@xlabs-store/core/components/x-menu.js';
+import { defineCustomElement as defineCustomElement$_ } from '@xlabs-store/core/components/x-menu-divider.js';
+import { defineCustomElement as defineCustomElement$$ } from '@xlabs-store/core/components/x-menu-item.js';
+import { defineCustomElement as defineCustomElement$10 } from '@xlabs-store/core/components/x-menu-item-group.js';
+import { defineCustomElement as defineCustomElement$11 } from '@xlabs-store/core/components/x-menu-submenu.js';
+import { defineCustomElement as defineCustomElement$12 } from '@xlabs-store/core/components/x-message.js';
+import { defineCustomElement as defineCustomElement$13 } from '@xlabs-store/core/components/x-modal.js';
+import { defineCustomElement as defineCustomElement$14 } from '@xlabs-store/core/components/x-modal-content.js';
+import { defineCustomElement as defineCustomElement$15 } from '@xlabs-store/core/components/x-notification.js';
+import { defineCustomElement as defineCustomElement$16 } from '@xlabs-store/core/components/x-page-header.js';
+import { defineCustomElement as defineCustomElement$17 } from '@xlabs-store/core/components/x-pagination.js';
+import { defineCustomElement as defineCustomElement$18 } from '@xlabs-store/core/components/x-popconfirm.js';
+import { defineCustomElement as defineCustomElement$19 } from '@xlabs-store/core/components/x-popover.js';
+import { defineCustomElement as defineCustomElement$1a } from '@xlabs-store/core/components/x-progress.js';
+import { defineCustomElement as defineCustomElement$1b } from '@xlabs-store/core/components/x-qr-code.js';
+import { defineCustomElement as defineCustomElement$1c } from '@xlabs-store/core/components/x-radio.js';
+import { defineCustomElement as defineCustomElement$1d } from '@xlabs-store/core/components/x-radio-group.js';
+import { defineCustomElement as defineCustomElement$1e } from '@xlabs-store/core/components/x-range-picker.js';
+import { defineCustomElement as defineCustomElement$1f } from '@xlabs-store/core/components/x-range-picker-dropdown-content.js';
+import { defineCustomElement as defineCustomElement$1g } from '@xlabs-store/core/components/x-rate.js';
+import { defineCustomElement as defineCustomElement$1h } from '@xlabs-store/core/components/x-result.js';
+import { defineCustomElement as defineCustomElement$1i } from '@xlabs-store/core/components/x-row.js';
+import { defineCustomElement as defineCustomElement$1j } from '@xlabs-store/core/components/x-segmented.js';
+import { defineCustomElement as defineCustomElement$1k } from '@xlabs-store/core/components/x-select.js';
+import { defineCustomElement as defineCustomElement$1l } from '@xlabs-store/core/components/x-select-dropdown-content.js';
+import { defineCustomElement as defineCustomElement$1m } from '@xlabs-store/core/components/x-select-option.js';
+import { defineCustomElement as defineCustomElement$1n } from '@xlabs-store/core/components/x-sider.js';
+import { defineCustomElement as defineCustomElement$1o } from '@xlabs-store/core/components/x-skeleton.js';
+import { defineCustomElement as defineCustomElement$1p } from '@xlabs-store/core/components/x-slider.js';
+import { defineCustomElement as defineCustomElement$1q } from '@xlabs-store/core/components/x-space.js';
+import { defineCustomElement as defineCustomElement$1r } from '@xlabs-store/core/components/x-spin.js';
+import { defineCustomElement as defineCustomElement$1s } from '@xlabs-store/core/components/x-splitter.js';
+import { defineCustomElement as defineCustomElement$1t } from '@xlabs-store/core/components/x-splitter-panel.js';
+import { defineCustomElement as defineCustomElement$1u } from '@xlabs-store/core/components/x-statistic.js';
+import { defineCustomElement as defineCustomElement$1v } from '@xlabs-store/core/components/x-step.js';
+import { defineCustomElement as defineCustomElement$1w } from '@xlabs-store/core/components/x-steps.js';
+import { defineCustomElement as defineCustomElement$1x } from '@xlabs-store/core/components/x-switch.js';
+import { defineCustomElement as defineCustomElement$1y } from '@xlabs-store/core/components/x-tab-pane.js';
+import { defineCustomElement as defineCustomElement$1z } from '@xlabs-store/core/components/x-table.js';
+import { defineCustomElement as defineCustomElement$1A } from '@xlabs-store/core/components/x-table-cell.js';
+import { defineCustomElement as defineCustomElement$1B } from '@xlabs-store/core/components/x-table-row.js';
+import { defineCustomElement as defineCustomElement$1C } from '@xlabs-store/core/components/x-tabs.js';
+import { defineCustomElement as defineCustomElement$1D } from '@xlabs-store/core/components/x-tag.js';
+import { defineCustomElement as defineCustomElement$1E } from '@xlabs-store/core/components/x-textarea.js';
+import { defineCustomElement as defineCustomElement$1F } from '@xlabs-store/core/components/x-time-picker.js';
+import { defineCustomElement as defineCustomElement$1G } from '@xlabs-store/core/components/x-time-picker-dropdown-content.js';
+import { defineCustomElement as defineCustomElement$1H } from '@xlabs-store/core/components/x-timeline.js';
+import { defineCustomElement as defineCustomElement$1I } from '@xlabs-store/core/components/x-timeline-item.js';
+import { defineCustomElement as defineCustomElement$1J } from '@xlabs-store/core/components/x-tooltip.js';
+import { defineCustomElement as defineCustomElement$1K } from '@xlabs-store/core/components/x-tour.js';
+import { defineCustomElement as defineCustomElement$1L } from '@xlabs-store/core/components/x-tour-panel.js';
+import { defineCustomElement as defineCustomElement$1M } from '@xlabs-store/core/components/x-transfer.js';
+import { defineCustomElement as defineCustomElement$1N } from '@xlabs-store/core/components/x-tree.js';
+import { defineCustomElement as defineCustomElement$1O } from '@xlabs-store/core/components/x-tree-select.js';
+import { defineCustomElement as defineCustomElement$1P } from '@xlabs-store/core/components/x-tree-select-dropdown-content.js';
+import { defineCustomElement as defineCustomElement$1Q } from '@xlabs-store/core/components/x-typography.js';
+import { defineCustomElement as defineCustomElement$1R } from '@xlabs-store/core/components/x-upload.js';
+import { defineCustomElement as defineCustomElement$1S } from '@xlabs-store/core/components/x-virtual-scroll.js';
+import { defineCustomElement as defineCustomElement$1T } from '@xlabs-store/core/components/x-workflow.js';
+import { defineCustomElement as defineCustomElement$1U } from '@xlabs-store/core/components/x-workflow-builder.js';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 export { message, modal, notification } from '@xlabs-store/core';
 
@@ -212,7 +219,7 @@ XAddress = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAddress, { className: "XAddress", filePath: "lib/proxies.ts", lineNumber: 135 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAddress, { className: "XAddress", filePath: "lib/proxies.ts", lineNumber: 142 }); })();
 let XAffix = class XAffix {
     z;
     el;
@@ -247,7 +254,7 @@ XAffix = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAffix, { className: "XAffix", filePath: "lib/proxies.ts", lineNumber: 163 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAffix, { className: "XAffix", filePath: "lib/proxies.ts", lineNumber: 170 }); })();
 let XAlert = class XAlert {
     z;
     el;
@@ -282,7 +289,7 @@ XAlert = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xClose: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAlert, { className: "XAlert", filePath: "lib/proxies.ts", lineNumber: 193 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAlert, { className: "XAlert", filePath: "lib/proxies.ts", lineNumber: 200 }); })();
 let XAnchor = class XAnchor {
     z;
     el;
@@ -320,7 +327,7 @@ XAnchor = __decorate([
         }], xChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAnchor, { className: "XAnchor", filePath: "lib/proxies.ts", lineNumber: 223 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAnchor, { className: "XAnchor", filePath: "lib/proxies.ts", lineNumber: 230 }); })();
 let XAnchorLink = class XAnchorLink {
     z;
     el;
@@ -351,7 +358,7 @@ XAnchorLink = __decorate([
                 inputs: ['href', 'linkTitle', 'target'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAnchorLink, { className: "XAnchorLink", filePath: "lib/proxies.ts", lineNumber: 257 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAnchorLink, { className: "XAnchorLink", filePath: "lib/proxies.ts", lineNumber: 264 }); })();
 let XApp = class XApp {
     z;
     el;
@@ -383,7 +390,7 @@ XApp = __decorate([
                 inputs: ['fixed', 'iconConfig', 'locale'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XApp, { className: "XApp", filePath: "lib/proxies.ts", lineNumber: 281 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XApp, { className: "XApp", filePath: "lib/proxies.ts", lineNumber: 288 }); })();
 let XAutoComplete = class XAutoComplete {
     z;
     el;
@@ -402,7 +409,7 @@ let XAutoComplete = class XAutoComplete {
         this.el = r.nativeElement;
     }
     static ɵfac = function XAutoComplete_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XAutoComplete)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XAutoComplete, selectors: [["x-auto-complete"]], inputs: { allowClear: "allowClear", autoFocus: "autoFocus", backfill: "backfill", classNames: "classNames", defaultActiveFirstOption: "defaultActiveFirstOption", defaultOpen: "defaultOpen", defaultValue: "defaultValue", disabled: "disabled", filterOption: "filterOption", listHeight: "listHeight", notFoundContent: "notFoundContent", open: "open", options: "options", placeholder: "placeholder", placement: "placement", popupMatchSelectWidth: "popupMatchSelectWidth", prefixIcon: "prefixIcon", size: "size", status: "status", styles: "styles", suffixIcon: "suffixIcon", value: "value", variant: "variant", virtual: "virtual" }, outputs: { xBlur: "xBlur", xChange: "xChange", xOpenChange: "xOpenChange", xFocus: "xFocus", xSelect: "xSelect", xClear: "xClear", xSearch: "xSearch", xInputKeyDown: "xInputKeyDown", xPopupScroll: "xPopupScroll" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XAutoComplete_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XAutoComplete, selectors: [["x-auto-complete"]], inputs: { allowClear: "allowClear", autoFocus: "autoFocus", backfill: "backfill", classNames: "classNames", defaultActiveFirstOption: "defaultActiveFirstOption", defaultOpen: "defaultOpen", defaultValue: "defaultValue", disabled: "disabled", filterOption: "filterOption", listHeight: "listHeight", notFoundContent: "notFoundContent", open: "open", openOnFocus: "openOnFocus", options: "options", placeholder: "placeholder", placement: "placement", popupMatchSelectWidth: "popupMatchSelectWidth", prefixIcon: "prefixIcon", size: "size", status: "status", styles: "styles", suffixIcon: "suffixIcon", value: "value", variant: "variant", virtual: "virtual" }, outputs: { xBlur: "xBlur", xChange: "xChange", xOpenChange: "xOpenChange", xFocus: "xFocus", xSelect: "xSelect", xClear: "xClear", xSearch: "xSearch", xInputKeyDown: "xInputKeyDown", xPopupScroll: "xPopupScroll" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XAutoComplete_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
@@ -410,7 +417,7 @@ let XAutoComplete = class XAutoComplete {
 XAutoComplete = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$7,
-        inputs: ['allowClear', 'autoFocus', 'backfill', 'classNames', 'defaultActiveFirstOption', 'defaultOpen', 'defaultValue', 'disabled', 'filterOption', 'listHeight', 'notFoundContent', 'open', 'options', 'placeholder', 'placement', 'popupMatchSelectWidth', 'prefixIcon', 'size', 'status', 'styles', 'suffixIcon', 'value', 'variant', 'virtual'],
+        inputs: ['allowClear', 'autoFocus', 'backfill', 'classNames', 'defaultActiveFirstOption', 'defaultOpen', 'defaultValue', 'disabled', 'filterOption', 'listHeight', 'notFoundContent', 'open', 'openOnFocus', 'options', 'placeholder', 'placement', 'popupMatchSelectWidth', 'prefixIcon', 'size', 'status', 'styles', 'suffixIcon', 'value', 'variant', 'virtual'],
         methods: ['setFocus', 'setBlur']
     })
 ], XAutoComplete);
@@ -421,7 +428,7 @@ XAutoComplete = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['allowClear', 'autoFocus', 'backfill', 'classNames', 'defaultActiveFirstOption', 'defaultOpen', 'defaultValue', 'disabled', 'filterOption', 'listHeight', 'notFoundContent', 'open', 'options', 'placeholder', 'placement', 'popupMatchSelectWidth', 'prefixIcon', 'size', 'status', 'styles', 'suffixIcon', 'value', 'variant', 'virtual'],
+                inputs: ['allowClear', 'autoFocus', 'backfill', 'classNames', 'defaultActiveFirstOption', 'defaultOpen', 'defaultValue', 'disabled', 'filterOption', 'listHeight', 'notFoundContent', 'open', 'openOnFocus', 'options', 'placeholder', 'placement', 'popupMatchSelectWidth', 'prefixIcon', 'size', 'status', 'styles', 'suffixIcon', 'value', 'variant', 'virtual'],
                 outputs: ['xBlur', 'xChange', 'xOpenChange', 'xFocus', 'xSelect', 'xClear', 'xSearch', 'xInputKeyDown', 'xPopupScroll'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xBlur: [{
@@ -443,7 +450,7 @@ XAutoComplete = __decorate([
         }], xPopupScroll: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAutoComplete, { className: "XAutoComplete", filePath: "lib/proxies.ts", lineNumber: 306 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAutoComplete, { className: "XAutoComplete", filePath: "lib/proxies.ts", lineNumber: 313 }); })();
 let XAutoCompleteDropdownContent = class XAutoCompleteDropdownContent {
     z;
     el;
@@ -474,7 +481,7 @@ XAutoCompleteDropdownContent = __decorate([
                 inputs: ['dropdownClasses', 'dropdownStyle', 'setDropdownRef'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAutoCompleteDropdownContent, { className: "XAutoCompleteDropdownContent", filePath: "lib/proxies.ts", lineNumber: 381 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAutoCompleteDropdownContent, { className: "XAutoCompleteDropdownContent", filePath: "lib/proxies.ts", lineNumber: 388 }); })();
 let XAvatar = class XAvatar {
     z;
     el;
@@ -509,7 +516,7 @@ XAvatar = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xError: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAvatar, { className: "XAvatar", filePath: "lib/proxies.ts", lineNumber: 405 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XAvatar, { className: "XAvatar", filePath: "lib/proxies.ts", lineNumber: 412 }); })();
 let XBackTop = class XBackTop {
     z;
     el;
@@ -540,7 +547,7 @@ XBackTop = __decorate([
                 inputs: ['duration', 'visibilityHeight'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XBackTop, { className: "XBackTop", filePath: "lib/proxies.ts", lineNumber: 436 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XBackTop, { className: "XBackTop", filePath: "lib/proxies.ts", lineNumber: 443 }); })();
 let XBadge = class XBadge {
     z;
     el;
@@ -571,7 +578,7 @@ XBadge = __decorate([
                 inputs: ['badgeTitle', 'classNames', 'color', 'count', 'dot', 'offset', 'overflowCount', 'showZero', 'size', 'status', 'styles', 'text'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XBadge, { className: "XBadge", filePath: "lib/proxies.ts", lineNumber: 459 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XBadge, { className: "XBadge", filePath: "lib/proxies.ts", lineNumber: 466 }); })();
 let XBreadcrumb = class XBreadcrumb {
     z;
     el;
@@ -602,7 +609,7 @@ XBreadcrumb = __decorate([
                 inputs: ['separator'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XBreadcrumb, { className: "XBreadcrumb", filePath: "lib/proxies.ts", lineNumber: 482 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XBreadcrumb, { className: "XBreadcrumb", filePath: "lib/proxies.ts", lineNumber: 489 }); })();
 let XBreadcrumbItem = class XBreadcrumbItem {
     z;
     el;
@@ -637,7 +644,7 @@ XBreadcrumbItem = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XBreadcrumbItem, { className: "XBreadcrumbItem", filePath: "lib/proxies.ts", lineNumber: 506 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XBreadcrumbItem, { className: "XBreadcrumbItem", filePath: "lib/proxies.ts", lineNumber: 513 }); })();
 let XButton = class XButton {
     z;
     el;
@@ -672,7 +679,7 @@ XButton = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XButton, { className: "XButton", filePath: "lib/proxies.ts", lineNumber: 536 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XButton, { className: "XButton", filePath: "lib/proxies.ts", lineNumber: 543 }); })();
 let XCaptcha = class XCaptcha {
     z;
     el;
@@ -684,7 +691,7 @@ let XCaptcha = class XCaptcha {
         this.el = r.nativeElement;
     }
     static ɵfac = function XCaptcha_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XCaptcha)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XCaptcha, selectors: [["x-captcha"]], inputs: { caseSensitive: "caseSensitive", disabled: "disabled", error: "error", label: "label", length: "length", message: "message", placeholder: "placeholder", required: "required", value: "value" }, outputs: { xChange: "xChange", xValidate: "xValidate" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XCaptcha_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XCaptcha, selectors: [["x-captcha"]], inputs: { caseSensitive: "caseSensitive", disabled: "disabled", error: "error", hideError: "hideError", label: "label", length: "length", message: "message", placeholder: "placeholder", required: "required", value: "value" }, outputs: { xChange: "xChange", xValidate: "xValidate" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XCaptcha_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
@@ -692,7 +699,7 @@ let XCaptcha = class XCaptcha {
 XCaptcha = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$f,
-        inputs: ['caseSensitive', 'disabled', 'error', 'label', 'length', 'message', 'placeholder', 'required', 'value'],
+        inputs: ['caseSensitive', 'disabled', 'error', 'hideError', 'label', 'length', 'message', 'placeholder', 'required', 'value'],
         methods: ['validate', 'refresh']
     })
 ], XCaptcha);
@@ -703,7 +710,7 @@ XCaptcha = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['caseSensitive', 'disabled', 'error', 'label', 'length', 'message', 'placeholder', 'required', 'value'],
+                inputs: ['caseSensitive', 'disabled', 'error', 'hideError', 'label', 'length', 'message', 'placeholder', 'required', 'value'],
                 outputs: ['xChange', 'xValidate'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
@@ -711,7 +718,7 @@ XCaptcha = __decorate([
         }], xValidate: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCaptcha, { className: "XCaptcha", filePath: "lib/proxies.ts", lineNumber: 567 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCaptcha, { className: "XCaptcha", filePath: "lib/proxies.ts", lineNumber: 574 }); })();
 let XCard = class XCard {
     z;
     el;
@@ -742,7 +749,7 @@ XCard = __decorate([
                 inputs: ['bordered', 'cardTitle', 'cover', 'extra', 'hoverable', 'loading', 'size', 'type'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCard, { className: "XCard", filePath: "lib/proxies.ts", lineNumber: 601 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCard, { className: "XCard", filePath: "lib/proxies.ts", lineNumber: 608 }); })();
 let XCarousel = class XCarousel {
     z;
     el;
@@ -773,7 +780,7 @@ XCarousel = __decorate([
                 inputs: ['autoplay', 'dotPosition', 'dots', 'effect'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCarousel, { className: "XCarousel", filePath: "lib/proxies.ts", lineNumber: 624 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCarousel, { className: "XCarousel", filePath: "lib/proxies.ts", lineNumber: 631 }); })();
 let XCascader = class XCascader {
     z;
     el;
@@ -824,7 +831,7 @@ XCascader = __decorate([
         }], xBlur: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCascader, { className: "XCascader", filePath: "lib/proxies.ts", lineNumber: 649 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCascader, { className: "XCascader", filePath: "lib/proxies.ts", lineNumber: 656 }); })();
 let XCascaderDropdownContent = class XCascaderDropdownContent {
     z;
     el;
@@ -862,7 +869,7 @@ XCascaderDropdownContent = __decorate([
         }], xItemHover: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCascaderDropdownContent, { className: "XCascaderDropdownContent", filePath: "lib/proxies.ts", lineNumber: 709 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCascaderDropdownContent, { className: "XCascaderDropdownContent", filePath: "lib/proxies.ts", lineNumber: 716 }); })();
 let XCheckbox = class XCheckbox {
     z;
     el;
@@ -904,7 +911,49 @@ XCheckbox = __decorate([
         }], xBlur: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCheckbox, { className: "XCheckbox", filePath: "lib/proxies.ts", lineNumber: 750 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCheckbox, { className: "XCheckbox", filePath: "lib/proxies.ts", lineNumber: 757 }); })();
+let XCodeEditor = class XCodeEditor {
+    z;
+    el;
+    codeChange = new EventEmitter();
+    cursorMove = new EventEmitter();
+    langChange = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = function XCodeEditor_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XCodeEditor)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XCodeEditor, selectors: [["x-code-editor"]], inputs: { classNames: "classNames", language: "language", readonly: "readonly", showMinimap: "showMinimap", styles: "styles", tabSize: "tabSize", theme: "theme", value: "value" }, outputs: { codeChange: "codeChange", cursorMove: "cursorMove", langChange: "langChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XCodeEditor_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 });
+};
+XCodeEditor = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$l,
+        inputs: ['classNames', 'language', 'readonly', 'showMinimap', 'styles', 'tabSize', 'theme', 'value'],
+        methods: ['getValue', 'setValue', 'setLanguage', 'undo', 'redo', 'format', 'foldAll', 'unfoldAll', 'openSearch', 'getAST', 'registerPlugin']
+    })
+], XCodeEditor);
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XCodeEditor, [{
+        type: Component,
+        args: [{
+                selector: 'x-code-editor',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content></ng-content>',
+                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                inputs: ['classNames', 'language', 'readonly', 'showMinimap', 'styles', 'tabSize', 'theme', 'value'],
+                outputs: ['codeChange', 'cursorMove', 'langChange'],
+            }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { codeChange: [{
+            type: Output
+        }], cursorMove: [{
+            type: Output
+        }], langChange: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCodeEditor, { className: "XCodeEditor", filePath: "lib/proxies.ts", lineNumber: 800 }); })();
 let XCol = class XCol {
     z;
     el;
@@ -921,7 +970,7 @@ let XCol = class XCol {
 };
 XCol = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$l,
+        defineCustomElementFn: defineCustomElement$m,
         inputs: ['flex', 'lg', 'md', 'offset', 'order', 'pull', 'push', 'sm', 'span', 'xl', 'xs', 'xxl']
     })
 ], XCol);
@@ -935,7 +984,7 @@ XCol = __decorate([
                 inputs: ['flex', 'lg', 'md', 'offset', 'order', 'pull', 'push', 'sm', 'span', 'xl', 'xs', 'xxl'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCol, { className: "XCol", filePath: "lib/proxies.ts", lineNumber: 791 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCol, { className: "XCol", filePath: "lib/proxies.ts", lineNumber: 837 }); })();
 let XCollapse = class XCollapse {
     z;
     el;
@@ -953,7 +1002,7 @@ let XCollapse = class XCollapse {
 };
 XCollapse = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$m,
+        defineCustomElementFn: defineCustomElement$n,
         inputs: ['accordion', 'activeKey', 'bordered', 'collapsible', 'defaultActiveKey', 'destroyInactivePanel', 'expandIconPosition', 'ghost', 'size']
     })
 ], XCollapse);
@@ -970,7 +1019,7 @@ XCollapse = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCollapse, { className: "XCollapse", filePath: "lib/proxies.ts", lineNumber: 815 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCollapse, { className: "XCollapse", filePath: "lib/proxies.ts", lineNumber: 861 }); })();
 let XCollapsePanel = class XCollapsePanel {
     z;
     el;
@@ -988,7 +1037,7 @@ let XCollapsePanel = class XCollapsePanel {
 };
 XCollapsePanel = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$n,
+        defineCustomElementFn: defineCustomElement$o,
         inputs: ['active', 'collapseSize', 'collapsible', 'destroyInactivePanel', 'expandIconPosition', 'forceRender', 'header', 'panelKey', 'showArrow']
     })
 ], XCollapsePanel);
@@ -1005,7 +1054,7 @@ XCollapsePanel = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xItemClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCollapsePanel, { className: "XCollapsePanel", filePath: "lib/proxies.ts", lineNumber: 847 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XCollapsePanel, { className: "XCollapsePanel", filePath: "lib/proxies.ts", lineNumber: 893 }); })();
 let XColorPicker = class XColorPicker {
     z;
     el;
@@ -1020,15 +1069,15 @@ let XColorPicker = class XColorPicker {
         this.el = r.nativeElement;
     }
     static ɵfac = function XColorPicker_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XColorPicker)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XColorPicker, selectors: [["x-color-picker"]], inputs: { allowClear: "allowClear", classNames: "classNames", defaultFormat: "defaultFormat", defaultValue: "defaultValue", disabled: "disabled", disabledAlpha: "disabledAlpha", disabledFormat: "disabledFormat", format: "format", open: "open", placement: "placement", presets: "presets", showText: "showText", size: "size", styles: "styles", trigger: "trigger", value: "value" }, outputs: { xChange: "xChange", xChangeComplete: "xChangeComplete", xFormatChange: "xFormatChange", xOpenChange: "xOpenChange", xClear: "xClear" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XColorPicker_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XColorPicker, selectors: [["x-color-picker"]], inputs: { allowClear: "allowClear", classNames: "classNames", defaultFormat: "defaultFormat", defaultValue: "defaultValue", disabled: "disabled", disabledAlpha: "disabledAlpha", disabledFormat: "disabledFormat", format: "format", open: "open", placement: "placement", presets: "presets", showText: "showText", size: "size", styles: "styles", trigger: "trigger", triggerType: "triggerType", value: "value" }, outputs: { xChange: "xChange", xChangeComplete: "xChangeComplete", xFormatChange: "xFormatChange", xOpenChange: "xOpenChange", xClear: "xClear" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XColorPicker_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 };
 XColorPicker = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$o,
-        inputs: ['allowClear', 'classNames', 'defaultFormat', 'defaultValue', 'disabled', 'disabledAlpha', 'disabledFormat', 'format', 'open', 'placement', 'presets', 'showText', 'size', 'styles', 'trigger', 'value'],
+        defineCustomElementFn: defineCustomElement$p,
+        inputs: ['allowClear', 'classNames', 'defaultFormat', 'defaultValue', 'disabled', 'disabledAlpha', 'disabledFormat', 'format', 'open', 'placement', 'presets', 'showText', 'size', 'styles', 'trigger', 'triggerType', 'value'],
         methods: ['getColor']
     })
 ], XColorPicker);
@@ -1039,7 +1088,7 @@ XColorPicker = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['allowClear', 'classNames', 'defaultFormat', 'defaultValue', 'disabled', 'disabledAlpha', 'disabledFormat', 'format', 'open', 'placement', 'presets', 'showText', 'size', 'styles', 'trigger', 'value'],
+                inputs: ['allowClear', 'classNames', 'defaultFormat', 'defaultValue', 'disabled', 'disabledAlpha', 'disabledFormat', 'format', 'open', 'placement', 'presets', 'showText', 'size', 'styles', 'trigger', 'triggerType', 'value'],
                 outputs: ['xChange', 'xChangeComplete', 'xFormatChange', 'xOpenChange', 'xClear'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
@@ -1053,7 +1102,7 @@ XColorPicker = __decorate([
         }], xClear: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XColorPicker, { className: "XColorPicker", filePath: "lib/proxies.ts", lineNumber: 878 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XColorPicker, { className: "XColorPicker", filePath: "lib/proxies.ts", lineNumber: 924 }); })();
 let XComment = class XComment {
     z;
     el;
@@ -1070,7 +1119,7 @@ let XComment = class XComment {
 };
 XComment = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$p,
+        defineCustomElementFn: defineCustomElement$q,
         inputs: ['author', 'avatar', 'content', 'datetime']
     })
 ], XComment);
@@ -1084,7 +1133,7 @@ XComment = __decorate([
                 inputs: ['author', 'avatar', 'content', 'datetime'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XComment, { className: "XComment", filePath: "lib/proxies.ts", lineNumber: 932 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XComment, { className: "XComment", filePath: "lib/proxies.ts", lineNumber: 978 }); })();
 let XContent = class XContent {
     z;
     el;
@@ -1104,7 +1153,7 @@ let XContent = class XContent {
 };
 XContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$q,
+        defineCustomElementFn: defineCustomElement$r,
         inputs: ['scrollEvents', 'scrollX', 'scrollY'],
         methods: ['getScrollElement', 'scrollToTop', 'scrollToBottom', 'scrollToPoint']
     })
@@ -1126,7 +1175,7 @@ XContent = __decorate([
         }], xScrollEnd: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XContent, { className: "XContent", filePath: "lib/proxies.ts", lineNumber: 957 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XContent, { className: "XContent", filePath: "lib/proxies.ts", lineNumber: 1003 }); })();
 let XDatePicker = class XDatePicker {
     z;
     el;
@@ -1141,15 +1190,15 @@ let XDatePicker = class XDatePicker {
         this.el = r.nativeElement;
     }
     static ɵfac = function XDatePicker_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XDatePicker)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XDatePicker, selectors: [["x-date-picker"]], inputs: { allowClear: "allowClear", autofocus: "autofocus", bordered: "bordered", defaultPickerValue: "defaultPickerValue", defaultValue: "defaultValue", disabled: "disabled", disabledDate: "disabledDate", format: "format", inputId: "inputId", inputReadOnly: "inputReadOnly", maxDate: "maxDate", minDate: "minDate", name: "name", nextIcon: "nextIcon", open: "open", picker: "picker", placeholder: "placeholder", placement: "placement", prevIcon: "prevIcon", showNow: "showNow", showTime: "showTime", showToday: "showToday", size: "size", status: "status", suffixIcon: "suffixIcon", superNextIcon: "superNextIcon", superPrevIcon: "superPrevIcon", value: "value", weekStartDay: "weekStartDay" }, outputs: { xChange: "xChange", xOpenChange: "xOpenChange", xBlur: "xBlur", xFocus: "xFocus", xPanelChange: "xPanelChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XDatePicker_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XDatePicker, selectors: [["x-date-picker"]], inputs: { allowClear: "allowClear", autofocus: "autofocus", bordered: "bordered", defaultPickerValue: "defaultPickerValue", defaultValue: "defaultValue", disabled: "disabled", disabledDate: "disabledDate", format: "format", inputId: "inputId", inputReadOnly: "inputReadOnly", maxDate: "maxDate", minDate: "minDate", name: "name", nextIcon: "nextIcon", open: "open", picker: "picker", placeholder: "placeholder", placement: "placement", prevIcon: "prevIcon", showNow: "showNow", showTime: "showTime", showToday: "showToday", size: "size", status: "status", suffixIcon: "suffixIcon", superNextIcon: "superNextIcon", superPrevIcon: "superPrevIcon", useFirstDayOfYearDefault: "useFirstDayOfYearDefault", value: "value", weekStartDay: "weekStartDay" }, outputs: { xChange: "xChange", xOpenChange: "xOpenChange", xBlur: "xBlur", xFocus: "xFocus", xPanelChange: "xPanelChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XDatePicker_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 };
 XDatePicker = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$r,
-        inputs: ['allowClear', 'autofocus', 'bordered', 'defaultPickerValue', 'defaultValue', 'disabled', 'disabledDate', 'format', 'inputId', 'inputReadOnly', 'maxDate', 'minDate', 'name', 'nextIcon', 'open', 'picker', 'placeholder', 'placement', 'prevIcon', 'showNow', 'showTime', 'showToday', 'size', 'status', 'suffixIcon', 'superNextIcon', 'superPrevIcon', 'value', 'weekStartDay'],
+        defineCustomElementFn: defineCustomElement$s,
+        inputs: ['allowClear', 'autofocus', 'bordered', 'defaultPickerValue', 'defaultValue', 'disabled', 'disabledDate', 'format', 'inputId', 'inputReadOnly', 'maxDate', 'minDate', 'name', 'nextIcon', 'open', 'picker', 'placeholder', 'placement', 'prevIcon', 'showNow', 'showTime', 'showToday', 'size', 'status', 'suffixIcon', 'superNextIcon', 'superPrevIcon', 'useFirstDayOfYearDefault', 'value', 'weekStartDay'],
         methods: ['setFocus', 'setBlur']
     })
 ], XDatePicker);
@@ -1160,7 +1209,7 @@ XDatePicker = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['allowClear', 'autofocus', 'bordered', 'defaultPickerValue', 'defaultValue', 'disabled', 'disabledDate', 'format', 'inputId', 'inputReadOnly', 'maxDate', 'minDate', 'name', 'nextIcon', 'open', 'picker', 'placeholder', 'placement', 'prevIcon', 'showNow', 'showTime', 'showToday', 'size', 'status', 'suffixIcon', 'superNextIcon', 'superPrevIcon', 'value', 'weekStartDay'],
+                inputs: ['allowClear', 'autofocus', 'bordered', 'defaultPickerValue', 'defaultValue', 'disabled', 'disabledDate', 'format', 'inputId', 'inputReadOnly', 'maxDate', 'minDate', 'name', 'nextIcon', 'open', 'picker', 'placeholder', 'placement', 'prevIcon', 'showNow', 'showTime', 'showToday', 'size', 'status', 'suffixIcon', 'superNextIcon', 'superPrevIcon', 'useFirstDayOfYearDefault', 'value', 'weekStartDay'],
                 outputs: ['xChange', 'xOpenChange', 'xBlur', 'xFocus', 'xPanelChange'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
@@ -1174,7 +1223,7 @@ XDatePicker = __decorate([
         }], xPanelChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDatePicker, { className: "XDatePicker", filePath: "lib/proxies.ts", lineNumber: 1000 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDatePicker, { className: "XDatePicker", filePath: "lib/proxies.ts", lineNumber: 1046 }); })();
 let XDatePickerDropdownContent = class XDatePickerDropdownContent {
     z;
     el;
@@ -1202,7 +1251,7 @@ let XDatePickerDropdownContent = class XDatePickerDropdownContent {
 };
 XDatePickerDropdownContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$s,
+        defineCustomElementFn: defineCustomElement$t,
         inputs: ['currentViewDate', 'disabledDateFn', 'dropdownClasses', 'dropdownStyle', 'hourStep', 'maxDate', 'minDate', 'minuteStep', 'panelMode', 'secondStep', 'selectedDate', 'selectedHour', 'selectedMinute', 'selectedSecond', 'setDropdownRef', 'showNow', 'showTime', 'showToday', 'use12Hours', 'weekStartDay']
     })
 ], XDatePickerDropdownContent);
@@ -1239,7 +1288,7 @@ XDatePickerDropdownContent = __decorate([
         }], xPanelModeChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDatePickerDropdownContent, { className: "XDatePickerDropdownContent", filePath: "lib/proxies.ts", lineNumber: 1052 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDatePickerDropdownContent, { className: "XDatePickerDropdownContent", filePath: "lib/proxies.ts", lineNumber: 1098 }); })();
 let XDescriptions = class XDescriptions {
     z;
     el;
@@ -1256,7 +1305,7 @@ let XDescriptions = class XDescriptions {
 };
 XDescriptions = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$t,
+        defineCustomElementFn: defineCustomElement$u,
         inputs: ['bordered', 'colon', 'column', 'contentStyle', 'descriptionTitle', 'items', 'labelStyle', 'layout', 'size'],
         methods: ['getColumnCount']
     })
@@ -1271,7 +1320,7 @@ XDescriptions = __decorate([
                 inputs: ['bordered', 'colon', 'column', 'contentStyle', 'descriptionTitle', 'items', 'labelStyle', 'layout', 'size'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDescriptions, { className: "XDescriptions", filePath: "lib/proxies.ts", lineNumber: 1140 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDescriptions, { className: "XDescriptions", filePath: "lib/proxies.ts", lineNumber: 1186 }); })();
 let XDescriptionsItem = class XDescriptionsItem {
     z;
     el;
@@ -1288,7 +1337,7 @@ let XDescriptionsItem = class XDescriptionsItem {
 };
 XDescriptionsItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$u,
+        defineCustomElementFn: defineCustomElement$v,
         inputs: ['colon', 'contentStyle', 'label', 'labelStyle', 'span']
     })
 ], XDescriptionsItem);
@@ -1302,7 +1351,7 @@ XDescriptionsItem = __decorate([
                 inputs: ['colon', 'contentStyle', 'label', 'labelStyle', 'span'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDescriptionsItem, { className: "XDescriptionsItem", filePath: "lib/proxies.ts", lineNumber: 1163 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDescriptionsItem, { className: "XDescriptionsItem", filePath: "lib/proxies.ts", lineNumber: 1209 }); })();
 let XDivider = class XDivider {
     z;
     el;
@@ -1319,7 +1368,7 @@ let XDivider = class XDivider {
 };
 XDivider = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$v,
+        defineCustomElementFn: defineCustomElement$w,
         inputs: ['dashed', 'orientation', 'orientationMargin', 'plain', 'type']
     })
 ], XDivider);
@@ -1333,7 +1382,7 @@ XDivider = __decorate([
                 inputs: ['dashed', 'orientation', 'orientationMargin', 'plain', 'type'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDivider, { className: "XDivider", filePath: "lib/proxies.ts", lineNumber: 1186 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDivider, { className: "XDivider", filePath: "lib/proxies.ts", lineNumber: 1232 }); })();
 let XDrawer = class XDrawer {
     z;
     el;
@@ -1352,7 +1401,7 @@ let XDrawer = class XDrawer {
 };
 XDrawer = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$w,
+        defineCustomElementFn: defineCustomElement$x,
         inputs: ['closable', 'destroyOnClose', 'drawerTitle', 'height', 'keyboard', 'mask', 'maskClosable', 'open', 'placement', 'size', 'width', 'zIndex']
     })
 ], XDrawer);
@@ -1371,7 +1420,7 @@ XDrawer = __decorate([
         }], xAfterOpenChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDrawer, { className: "XDrawer", filePath: "lib/proxies.ts", lineNumber: 1210 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDrawer, { className: "XDrawer", filePath: "lib/proxies.ts", lineNumber: 1256 }); })();
 let XDrawerContent = class XDrawerContent {
     z;
     el;
@@ -1389,7 +1438,7 @@ let XDrawerContent = class XDrawerContent {
 };
 XDrawerContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$x,
+        defineCustomElementFn: defineCustomElement$y,
         inputs: ['bodyContent', 'closable', 'drawerTitle', 'extraContent', 'footerContent', 'height', 'keyboard', 'mask', 'maskClosable', 'open', 'placement', 'size', 'titleContent', 'width', 'zIndex']
     })
 ], XDrawerContent);
@@ -1406,7 +1455,7 @@ XDrawerContent = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xClose: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDrawerContent, { className: "XDrawerContent", filePath: "lib/proxies.ts", lineNumber: 1245 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDrawerContent, { className: "XDrawerContent", filePath: "lib/proxies.ts", lineNumber: 1291 }); })();
 let XDropdown = class XDropdown {
     z;
     el;
@@ -1425,7 +1474,7 @@ let XDropdown = class XDropdown {
 };
 XDropdown = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$y,
+        defineCustomElementFn: defineCustomElement$z,
         inputs: ['arrow', 'autoAdjustOverflow', 'classNames', 'destroyOnHidden', 'disabled', 'menu', 'open', 'placement', 'styles', 'trigger']
     })
 ], XDropdown);
@@ -1444,7 +1493,7 @@ XDropdown = __decorate([
         }], xMenuClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDropdown, { className: "XDropdown", filePath: "lib/proxies.ts", lineNumber: 1275 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XDropdown, { className: "XDropdown", filePath: "lib/proxies.ts", lineNumber: 1321 }); })();
 let XEditor = class XEditor {
     z;
     el;
@@ -1462,7 +1511,7 @@ let XEditor = class XEditor {
 };
 XEditor = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$z,
+        defineCustomElementFn: defineCustomElement$A,
         inputs: ['disabled', 'initialValue', 'placeholder', 'showToolbar', 'toolbar'],
         methods: ['getState', 'setState', 'getHTML', 'setHTML', 'focusEditor', 'clear', 'undo', 'redo', 'canUndo', 'canRedo']
     })
@@ -1480,7 +1529,7 @@ XEditor = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { valueChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XEditor, { className: "XEditor", filePath: "lib/proxies.ts", lineNumber: 1314 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XEditor, { className: "XEditor", filePath: "lib/proxies.ts", lineNumber: 1360 }); })();
 let XEmpty = class XEmpty {
     z;
     el;
@@ -1497,7 +1546,7 @@ let XEmpty = class XEmpty {
 };
 XEmpty = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$A,
+        defineCustomElementFn: defineCustomElement$B,
         inputs: ['description', 'image']
     })
 ], XEmpty);
@@ -1511,7 +1560,7 @@ XEmpty = __decorate([
                 inputs: ['description', 'image'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XEmpty, { className: "XEmpty", filePath: "lib/proxies.ts", lineNumber: 1343 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XEmpty, { className: "XEmpty", filePath: "lib/proxies.ts", lineNumber: 1389 }); })();
 let XFinder = class XFinder {
     z;
     el;
@@ -1530,7 +1579,7 @@ let XFinder = class XFinder {
 };
 XFinder = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$B,
+        defineCustomElementFn: defineCustomElement$C,
         inputs: ['config', 'displayMode', 'finderTitle', 'visible']
     })
 ], XFinder);
@@ -1549,7 +1598,7 @@ XFinder = __decorate([
         }], xClose: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XFinder, { className: "XFinder", filePath: "lib/proxies.ts", lineNumber: 1367 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XFinder, { className: "XFinder", filePath: "lib/proxies.ts", lineNumber: 1413 }); })();
 let XFlex = class XFlex {
     z;
     el;
@@ -1566,7 +1615,7 @@ let XFlex = class XFlex {
 };
 XFlex = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$C,
+        defineCustomElementFn: defineCustomElement$D,
         inputs: ['align', 'component', 'flex', 'gap', 'justify', 'vertical', 'wrap']
     })
 ], XFlex);
@@ -1580,7 +1629,7 @@ XFlex = __decorate([
                 inputs: ['align', 'component', 'flex', 'gap', 'justify', 'vertical', 'wrap'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XFlex, { className: "XFlex", filePath: "lib/proxies.ts", lineNumber: 1403 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XFlex, { className: "XFlex", filePath: "lib/proxies.ts", lineNumber: 1449 }); })();
 let XFloatButton = class XFloatButton {
     z;
     el;
@@ -1598,7 +1647,7 @@ let XFloatButton = class XFloatButton {
 };
 XFloatButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$D,
+        defineCustomElementFn: defineCustomElement$E,
         inputs: ['description', 'href', 'shape', 'target', 'tooltip', 'type']
     })
 ], XFloatButton);
@@ -1615,7 +1664,7 @@ XFloatButton = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XFloatButton, { className: "XFloatButton", filePath: "lib/proxies.ts", lineNumber: 1427 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XFloatButton, { className: "XFloatButton", filePath: "lib/proxies.ts", lineNumber: 1473 }); })();
 let XFooter = class XFooter {
     z;
     el;
@@ -1632,7 +1681,7 @@ let XFooter = class XFooter {
 };
 XFooter = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$E
+        defineCustomElementFn: defineCustomElement$F
     })
 ], XFooter);
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XFooter, [{
@@ -1645,28 +1694,29 @@ XFooter = __decorate([
                 inputs: [],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XFooter, { className: "XFooter", filePath: "lib/proxies.ts", lineNumber: 1455 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XFooter, { className: "XFooter", filePath: "lib/proxies.ts", lineNumber: 1501 }); })();
 let XForm = class XForm {
     z;
     el;
     xFinish = new EventEmitter();
     xFinishFailed = new EventEmitter();
+    xReset = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = function XForm_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XForm)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XForm, selectors: [["x-form"]], inputs: { colon: "colon", form: "form", hideRequiredMark: "hideRequiredMark", initialValues: "initialValues", layout: "layout", name: "name", size: "size" }, outputs: { xFinish: "xFinish", xFinishFailed: "xFinishFailed" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XForm_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XForm, selectors: [["x-form"]], inputs: { colon: "colon", form: "form", hideRequiredMark: "hideRequiredMark", initialValues: "initialValues", layout: "layout", name: "name", size: "size" }, outputs: { xFinish: "xFinish", xFinishFailed: "xFinishFailed", xReset: "xReset" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XForm_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 };
 XForm = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$F,
+        defineCustomElementFn: defineCustomElement$G,
         inputs: ['colon', 'form', 'hideRequiredMark', 'initialValues', 'layout', 'name', 'size'],
-        methods: ['submit']
+        methods: ['submit', 'reset']
     })
 ], XForm);
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XForm, [{
@@ -1677,14 +1727,16 @@ XForm = __decorate([
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                 inputs: ['colon', 'form', 'hideRequiredMark', 'initialValues', 'layout', 'name', 'size'],
-                outputs: ['xFinish', 'xFinishFailed'],
+                outputs: ['xFinish', 'xFinishFailed', 'xReset'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xFinish: [{
             type: Output
         }], xFinishFailed: [{
             type: Output
+        }], xReset: [{
+            type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XForm, { className: "XForm", filePath: "lib/proxies.ts", lineNumber: 1480 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XForm, { className: "XForm", filePath: "lib/proxies.ts", lineNumber: 1526 }); })();
 let XFormBuilder = class XFormBuilder {
     z;
     el;
@@ -1701,15 +1753,16 @@ let XFormBuilder = class XFormBuilder {
         this.el = r.nativeElement;
     }
     static ɵfac = function XFormBuilder_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XFormBuilder)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XFormBuilder, selectors: [["x-form-builder"]], inputs: { context: "context", schema: "schema", value: "value" }, outputs: { xChange: "xChange", formSubmit: "formSubmit", xTableAction: "xTableAction", formError: "formError", ready: "ready", xClick: "xClick", valueChange: "valueChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XFormBuilder_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XFormBuilder, selectors: [["x-form-builder"]], inputs: { context: "context", schema: "schema", showErrorCheckbox: "showErrorCheckbox", value: "value" }, outputs: { xChange: "xChange", formSubmit: "formSubmit", xTableAction: "xTableAction", formError: "formError", ready: "ready", xClick: "xClick", valueChange: "valueChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XFormBuilder_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 };
 XFormBuilder = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$G,
-        inputs: ['context', 'schema', 'value']
+        defineCustomElementFn: defineCustomElement$H,
+        inputs: ['context', 'schema', 'showErrorCheckbox', 'value'],
+        methods: ['submit']
     })
 ], XFormBuilder);
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XFormBuilder, [{
@@ -1719,7 +1772,7 @@ XFormBuilder = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['context', 'schema', 'value'],
+                inputs: ['context', 'schema', 'showErrorCheckbox', 'value'],
                 outputs: ['xChange', 'formSubmit', 'xTableAction', 'formError', 'ready', 'xClick', 'valueChange'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
@@ -1737,7 +1790,7 @@ XFormBuilder = __decorate([
         }], valueChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XFormBuilder, { className: "XFormBuilder", filePath: "lib/proxies.ts", lineNumber: 1515 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XFormBuilder, { className: "XFormBuilder", filePath: "lib/proxies.ts", lineNumber: 1567 }); })();
 let XFormItem = class XFormItem {
     z;
     el;
@@ -1754,7 +1807,7 @@ let XFormItem = class XFormItem {
 };
 XFormItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$H,
+        defineCustomElementFn: defineCustomElement$I,
         inputs: ['colon', 'extra', 'hasFeedback', 'help', 'label', 'labelAlign', 'labelCol', 'layout', 'name', 'required', 'validateStatus', 'valuePropName', 'wrapperCol']
     })
 ], XFormItem);
@@ -1768,7 +1821,7 @@ XFormItem = __decorate([
                 inputs: ['colon', 'extra', 'hasFeedback', 'help', 'label', 'labelAlign', 'labelCol', 'layout', 'name', 'required', 'validateStatus', 'valuePropName', 'wrapperCol'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XFormItem, { className: "XFormItem", filePath: "lib/proxies.ts", lineNumber: 1568 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XFormItem, { className: "XFormItem", filePath: "lib/proxies.ts", lineNumber: 1620 }); })();
 let XHeader = class XHeader {
     z;
     el;
@@ -1785,7 +1838,7 @@ let XHeader = class XHeader {
 };
 XHeader = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$I
+        defineCustomElementFn: defineCustomElement$J
     })
 ], XHeader);
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XHeader, [{
@@ -1798,7 +1851,7 @@ XHeader = __decorate([
                 inputs: [],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XHeader, { className: "XHeader", filePath: "lib/proxies.ts", lineNumber: 1590 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XHeader, { className: "XHeader", filePath: "lib/proxies.ts", lineNumber: 1642 }); })();
 let XIcon = class XIcon {
     z;
     el;
@@ -1815,7 +1868,7 @@ let XIcon = class XIcon {
 };
 XIcon = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$J,
+        defineCustomElementFn: defineCustomElement$K,
         inputs: ['color', 'fill', 'grade', 'name', 'rotate', 'size', 'spin', 'type', 'weight']
     })
 ], XIcon);
@@ -1829,7 +1882,45 @@ XIcon = __decorate([
                 inputs: ['color', 'fill', 'grade', 'name', 'rotate', 'size', 'spin', 'type', 'weight'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XIcon, { className: "XIcon", filePath: "lib/proxies.ts", lineNumber: 1613 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XIcon, { className: "XIcon", filePath: "lib/proxies.ts", lineNumber: 1665 }); })();
+let XIconPickerDropdownContent = class XIconPickerDropdownContent {
+    z;
+    el;
+    xIconClick = new EventEmitter();
+    xSearch = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = function XIconPickerDropdownContent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XIconPickerDropdownContent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XIconPickerDropdownContent, selectors: [["x-icon-picker-dropdown-content"]], inputs: { dropdownClasses: "dropdownClasses", placement: "placement", searchQuery: "searchQuery", showSearchInput: "showSearchInput", value: "value" }, outputs: { xIconClick: "xIconClick", xSearch: "xSearch" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XIconPickerDropdownContent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 });
+};
+XIconPickerDropdownContent = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$L,
+        inputs: ['dropdownClasses', 'placement', 'searchQuery', 'showSearchInput', 'value']
+    })
+], XIconPickerDropdownContent);
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XIconPickerDropdownContent, [{
+        type: Component,
+        args: [{
+                selector: 'x-icon-picker-dropdown-content',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content></ng-content>',
+                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                inputs: ['dropdownClasses', 'placement', 'searchQuery', 'showSearchInput', 'value'],
+                outputs: ['xIconClick', 'xSearch'],
+            }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xIconClick: [{
+            type: Output
+        }], xSearch: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XIconPickerDropdownContent, { className: "XIconPickerDropdownContent", filePath: "lib/proxies.ts", lineNumber: 1689 }); })();
 let XImage = class XImage {
     z;
     el;
@@ -1849,7 +1940,7 @@ let XImage = class XImage {
 };
 XImage = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$K,
+        defineCustomElementFn: defineCustomElement$M,
         inputs: ['alt', 'crossOrigin', 'fallback', 'height', 'loading', 'placeholder', 'preview', 'referrerPolicy', 'rootClassName', 'src', 'width']
     })
 ], XImage);
@@ -1870,7 +1961,7 @@ XImage = __decorate([
         }], xPreviewVisibleChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XImage, { className: "XImage", filePath: "lib/proxies.ts", lineNumber: 1637 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XImage, { className: "XImage", filePath: "lib/proxies.ts", lineNumber: 1720 }); })();
 let XInfiniteScroll = class XInfiniteScroll {
     z;
     el;
@@ -1888,7 +1979,7 @@ let XInfiniteScroll = class XInfiniteScroll {
 };
 XInfiniteScroll = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$L,
+        defineCustomElementFn: defineCustomElement$N,
         inputs: ['disabled', 'hasMore', 'loading', 'loadingText', 'noMoreText', 'threshold']
     })
 ], XInfiniteScroll);
@@ -1905,7 +1996,7 @@ XInfiniteScroll = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xLoadMore: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XInfiniteScroll, { className: "XInfiniteScroll", filePath: "lib/proxies.ts", lineNumber: 1681 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XInfiniteScroll, { className: "XInfiniteScroll", filePath: "lib/proxies.ts", lineNumber: 1764 }); })();
 let XInput = class XInput {
     z;
     el;
@@ -1921,15 +2012,15 @@ let XInput = class XInput {
         this.el = r.nativeElement;
     }
     static ɵfac = function XInput_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XInput)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XInput, selectors: [["x-input"]], inputs: { addonAfter: "addonAfter", addonBefore: "addonBefore", allowClear: "allowClear", autocomplete: "autocomplete", autofocus: "autofocus", bordered: "bordered", defaultValue: "defaultValue", disabled: "disabled", inputId: "inputId", max: "max", maxLength: "maxLength", min: "min", name: "name", pattern: "pattern", placeholder: "placeholder", prefixIcon: "prefixIcon", readOnly: "readOnly", required: "required", showCount: "showCount", showPasswordToggle: "showPasswordToggle", size: "size", spellcheck: "spellcheck", status: "status", step: "step", suffixIcon: "suffixIcon", type: "type", value: "value", variant: "variant" }, outputs: { xChange: "xChange", xInput: "xInput", xPressEnter: "xPressEnter", xFocus: "xFocus", xBlur: "xBlur", xClear: "xClear" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XInput_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XInput, selectors: [["x-input"]], inputs: { addonAfter: "addonAfter", addonBefore: "addonBefore", allowClear: "allowClear", autocomplete: "autocomplete", autofocus: "autofocus", bordered: "bordered", defaultValue: "defaultValue", disabled: "disabled", inputId: "inputId", max: "max", maxLength: "maxLength", min: "min", name: "name", pattern: "pattern", placeholder: "placeholder", prefixIcon: "prefixIcon", readOnly: "readOnly", required: "required", rows: "rows", showCount: "showCount", showPasswordToggle: "showPasswordToggle", size: "size", spellcheck: "spellcheck", status: "status", step: "step", suffixIcon: "suffixIcon", type: "type", value: "value", variant: "variant" }, outputs: { xChange: "xChange", xInput: "xInput", xPressEnter: "xPressEnter", xFocus: "xFocus", xBlur: "xBlur", xClear: "xClear" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XInput_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 };
 XInput = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$M,
-        inputs: ['addonAfter', 'addonBefore', 'allowClear', 'autocomplete', 'autofocus', 'bordered', 'defaultValue', 'disabled', 'inputId', 'max', 'maxLength', 'min', 'name', 'pattern', 'placeholder', 'prefixIcon', 'readOnly', 'required', 'showCount', 'showPasswordToggle', 'size', 'spellcheck', 'status', 'step', 'suffixIcon', 'type', 'value', 'variant'],
+        defineCustomElementFn: defineCustomElement$O,
+        inputs: ['addonAfter', 'addonBefore', 'allowClear', 'autocomplete', 'autofocus', 'bordered', 'defaultValue', 'disabled', 'inputId', 'max', 'maxLength', 'min', 'name', 'pattern', 'placeholder', 'prefixIcon', 'readOnly', 'required', 'rows', 'showCount', 'showPasswordToggle', 'size', 'spellcheck', 'status', 'step', 'suffixIcon', 'type', 'value', 'variant'],
         methods: ['setFocus', 'setBlur', 'select']
     })
 ], XInput);
@@ -1940,7 +2031,7 @@ XInput = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['addonAfter', 'addonBefore', 'allowClear', 'autocomplete', 'autofocus', 'bordered', 'defaultValue', 'disabled', 'inputId', 'max', 'maxLength', 'min', 'name', 'pattern', 'placeholder', 'prefixIcon', 'readOnly', 'required', 'showCount', 'showPasswordToggle', 'size', 'spellcheck', 'status', 'step', 'suffixIcon', 'type', 'value', 'variant'],
+                inputs: ['addonAfter', 'addonBefore', 'allowClear', 'autocomplete', 'autofocus', 'bordered', 'defaultValue', 'disabled', 'inputId', 'max', 'maxLength', 'min', 'name', 'pattern', 'placeholder', 'prefixIcon', 'readOnly', 'required', 'rows', 'showCount', 'showPasswordToggle', 'size', 'spellcheck', 'status', 'step', 'suffixIcon', 'type', 'value', 'variant'],
                 outputs: ['xChange', 'xInput', 'xPressEnter', 'xFocus', 'xBlur', 'xClear'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
@@ -1956,7 +2047,52 @@ XInput = __decorate([
         }], xClear: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XInput, { className: "XInput", filePath: "lib/proxies.ts", lineNumber: 1712 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XInput, { className: "XInput", filePath: "lib/proxies.ts", lineNumber: 1795 }); })();
+let XInputIcon = class XInputIcon {
+    z;
+    el;
+    xChange = new EventEmitter();
+    xOpenChange = new EventEmitter();
+    xBlur = new EventEmitter();
+    xFocus = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = function XInputIcon_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XInputIcon)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XInputIcon, selectors: [["x-input-icon"]], inputs: { allowClear: "allowClear", autofocus: "autofocus", defaultValue: "defaultValue", disabled: "disabled", inputId: "inputId", name: "name", open: "open", placeholder: "placeholder", placement: "placement", showName: "showName", size: "size", status: "status", triggerType: "triggerType", value: "value", variant: "variant" }, outputs: { xChange: "xChange", xOpenChange: "xOpenChange", xBlur: "xBlur", xFocus: "xFocus" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XInputIcon_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 });
+};
+XInputIcon = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$P,
+        inputs: ['allowClear', 'autofocus', 'defaultValue', 'disabled', 'inputId', 'name', 'open', 'placeholder', 'placement', 'showName', 'size', 'status', 'triggerType', 'value', 'variant'],
+        methods: ['setFocus', 'setBlur']
+    })
+], XInputIcon);
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XInputIcon, [{
+        type: Component,
+        args: [{
+                selector: 'x-input-icon',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content></ng-content>',
+                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                inputs: ['allowClear', 'autofocus', 'defaultValue', 'disabled', 'inputId', 'name', 'open', 'placeholder', 'placement', 'showName', 'size', 'status', 'triggerType', 'value', 'variant'],
+                outputs: ['xChange', 'xOpenChange', 'xBlur', 'xFocus'],
+            }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
+            type: Output
+        }], xOpenChange: [{
+            type: Output
+        }], xBlur: [{
+            type: Output
+        }], xFocus: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XInputIcon, { className: "XInputIcon", filePath: "lib/proxies.ts", lineNumber: 1853 }); })();
 let XInputNumber = class XInputNumber {
     z;
     el;
@@ -1971,15 +2107,15 @@ let XInputNumber = class XInputNumber {
         this.el = r.nativeElement;
     }
     static ɵfac = function XInputNumber_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XInputNumber)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XInputNumber, selectors: [["x-input-number"]], inputs: { addonAfter: "addonAfter", addonBefore: "addonBefore", autoFocus: "autoFocus", changeOnWheel: "changeOnWheel", classNames: "classNames", controls: "controls", decimalSeparator: "decimalSeparator", defaultValue: "defaultValue", disabled: "disabled", formatter: "formatter", keyboard: "keyboard", max: "max", min: "min", parser: "parser", placeholder: "placeholder", precision: "precision", prefixIcon: "prefixIcon", readOnly: "readOnly", size: "size", status: "status", step: "step", stringMode: "stringMode", styles: "styles", suffix: "suffix", value: "value", variant: "variant" }, outputs: { xChange: "xChange", xPressEnter: "xPressEnter", xStep: "xStep", xFocus: "xFocus", xBlur: "xBlur" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XInputNumber_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XInputNumber, selectors: [["x-input-number"]], inputs: { addonAfter: "addonAfter", addonBefore: "addonBefore", autoFocus: "autoFocus", changeOnWheel: "changeOnWheel", classNames: "classNames", controls: "controls", currency: "currency", decimalSeparator: "decimalSeparator", defaultValue: "defaultValue", disabled: "disabled", formatter: "formatter", keyboard: "keyboard", max: "max", min: "min", parser: "parser", placeholder: "placeholder", precision: "precision", prefixIcon: "prefixIcon", readOnly: "readOnly", size: "size", status: "status", step: "step", stringMode: "stringMode", styles: "styles", suffix: "suffix", value: "value", variant: "variant" }, outputs: { xChange: "xChange", xPressEnter: "xPressEnter", xStep: "xStep", xFocus: "xFocus", xBlur: "xBlur" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XInputNumber_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 };
 XInputNumber = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$N,
-        inputs: ['addonAfter', 'addonBefore', 'autoFocus', 'changeOnWheel', 'classNames', 'controls', 'decimalSeparator', 'defaultValue', 'disabled', 'formatter', 'keyboard', 'max', 'min', 'parser', 'placeholder', 'precision', 'prefixIcon', 'readOnly', 'size', 'status', 'step', 'stringMode', 'styles', 'suffix', 'value', 'variant'],
+        defineCustomElementFn: defineCustomElement$Q,
+        inputs: ['addonAfter', 'addonBefore', 'autoFocus', 'changeOnWheel', 'classNames', 'controls', 'currency', 'decimalSeparator', 'defaultValue', 'disabled', 'formatter', 'keyboard', 'max', 'min', 'parser', 'placeholder', 'precision', 'prefixIcon', 'readOnly', 'size', 'status', 'step', 'stringMode', 'styles', 'suffix', 'value', 'variant'],
         methods: ['setFocus', 'setBlur']
     })
 ], XInputNumber);
@@ -1990,7 +2126,7 @@ XInputNumber = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['addonAfter', 'addonBefore', 'autoFocus', 'changeOnWheel', 'classNames', 'controls', 'decimalSeparator', 'defaultValue', 'disabled', 'formatter', 'keyboard', 'max', 'min', 'parser', 'placeholder', 'precision', 'prefixIcon', 'readOnly', 'size', 'status', 'step', 'stringMode', 'styles', 'suffix', 'value', 'variant'],
+                inputs: ['addonAfter', 'addonBefore', 'autoFocus', 'changeOnWheel', 'classNames', 'controls', 'currency', 'decimalSeparator', 'defaultValue', 'disabled', 'formatter', 'keyboard', 'max', 'min', 'parser', 'placeholder', 'precision', 'prefixIcon', 'readOnly', 'size', 'status', 'step', 'stringMode', 'styles', 'suffix', 'value', 'variant'],
                 outputs: ['xChange', 'xPressEnter', 'xStep', 'xFocus', 'xBlur'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
@@ -2004,7 +2140,7 @@ XInputNumber = __decorate([
         }], xBlur: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XInputNumber, { className: "XInputNumber", filePath: "lib/proxies.ts", lineNumber: 1770 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XInputNumber, { className: "XInputNumber", filePath: "lib/proxies.ts", lineNumber: 1901 }); })();
 let XLayout = class XLayout {
     z;
     el;
@@ -2021,7 +2157,7 @@ let XLayout = class XLayout {
 };
 XLayout = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$O,
+        defineCustomElementFn: defineCustomElement$R,
         inputs: ['fixed', 'hasSiderProp']
     })
 ], XLayout);
@@ -2035,7 +2171,111 @@ XLayout = __decorate([
                 inputs: ['fixed', 'hasSiderProp'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XLayout, { className: "XLayout", filePath: "lib/proxies.ts", lineNumber: 1822 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XLayout, { className: "XLayout", filePath: "lib/proxies.ts", lineNumber: 1953 }); })();
+let XLayoutAdmin = class XLayoutAdmin {
+    z;
+    el;
+    xCollapse = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = function XLayoutAdmin_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XLayoutAdmin)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XLayoutAdmin, selectors: [["x-layout-admin"]], inputs: { collapsed: "collapsed", siderCollapsedWidth: "siderCollapsedWidth", siderWidth: "siderWidth" }, outputs: { xCollapse: "xCollapse" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XLayoutAdmin_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 });
+};
+XLayoutAdmin = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$S,
+        inputs: ['collapsed', 'siderCollapsedWidth', 'siderWidth']
+    })
+], XLayoutAdmin);
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XLayoutAdmin, [{
+        type: Component,
+        args: [{
+                selector: 'x-layout-admin',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content></ng-content>',
+                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                inputs: ['collapsed', 'siderCollapsedWidth', 'siderWidth'],
+                outputs: ['xCollapse'],
+            }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xCollapse: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XLayoutAdmin, { className: "XLayoutAdmin", filePath: "lib/proxies.ts", lineNumber: 1977 }); })();
+let XLayoutDetail = class XLayoutDetail {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = function XLayoutDetail_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XLayoutDetail)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XLayoutDetail, selectors: [["x-layout-detail"]], inputs: { bordered: "bordered", config: "config", data: "data", detailTitle: "detailTitle", emptyText: "emptyText", hideEmpty: "hideEmpty", titleColor: "titleColor" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XLayoutDetail_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 });
+};
+XLayoutDetail = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$T,
+        inputs: ['bordered', 'config', 'data', 'detailTitle', 'emptyText', 'hideEmpty', 'titleColor']
+    })
+], XLayoutDetail);
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XLayoutDetail, [{
+        type: Component,
+        args: [{
+                selector: 'x-layout-detail',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content></ng-content>',
+                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                inputs: ['bordered', 'config', 'data', 'detailTitle', 'emptyText', 'hideEmpty', 'titleColor'],
+            }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XLayoutDetail, { className: "XLayoutDetail", filePath: "lib/proxies.ts", lineNumber: 2006 }); })();
+let XLayoutList = class XLayoutList {
+    z;
+    el;
+    xMenuSelect = new EventEmitter();
+    xPageChange = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = function XLayoutList_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XLayoutList)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XLayoutList, selectors: [["x-layout-list"]], inputs: { contentConfig: "contentConfig", current: "current", footerConfig: "footerConfig", headerConfig: "headerConfig", hideOnSinglePage: "hideOnSinglePage", menuItems: "menuItems", openMenuKeys: "openMenuKeys", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", selectedMenuKey: "selectedMenuKey", showSizeChanger: "showSizeChanger", siderConfig: "siderConfig", total: "total" }, outputs: { xMenuSelect: "xMenuSelect", xPageChange: "xPageChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XLayoutList_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 });
+};
+XLayoutList = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$U,
+        inputs: ['contentConfig', 'current', 'footerConfig', 'headerConfig', 'hideOnSinglePage', 'menuItems', 'openMenuKeys', 'pageSize', 'pageSizeOptions', 'selectedMenuKey', 'showSizeChanger', 'siderConfig', 'total']
+    })
+], XLayoutList);
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XLayoutList, [{
+        type: Component,
+        args: [{
+                selector: 'x-layout-list',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content></ng-content>',
+                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                inputs: ['contentConfig', 'current', 'footerConfig', 'headerConfig', 'hideOnSinglePage', 'menuItems', 'openMenuKeys', 'pageSize', 'pageSizeOptions', 'selectedMenuKey', 'showSizeChanger', 'siderConfig', 'total'],
+                outputs: ['xMenuSelect', 'xPageChange'],
+            }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xMenuSelect: [{
+            type: Output
+        }], xPageChange: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XLayoutList, { className: "XLayoutList", filePath: "lib/proxies.ts", lineNumber: 2030 }); })();
 let XList = class XList {
     z;
     el;
@@ -2052,7 +2292,7 @@ let XList = class XList {
 };
 XList = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$P,
+        defineCustomElementFn: defineCustomElement$V,
         inputs: ['bordered', 'dataSource', 'footerText', 'headerText', 'infiniteScroll', 'loading', 'pageSize', 'renderItem', 'size', 'split']
     })
 ], XList);
@@ -2066,7 +2306,7 @@ XList = __decorate([
                 inputs: ['bordered', 'dataSource', 'footerText', 'headerText', 'infiniteScroll', 'loading', 'pageSize', 'renderItem', 'size', 'split'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XList, { className: "XList", filePath: "lib/proxies.ts", lineNumber: 1845 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XList, { className: "XList", filePath: "lib/proxies.ts", lineNumber: 2067 }); })();
 let XListItem = class XListItem {
     z;
     el;
@@ -2083,7 +2323,7 @@ let XListItem = class XListItem {
 };
 XListItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Q
+        defineCustomElementFn: defineCustomElement$W
     })
 ], XListItem);
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XListItem, [{
@@ -2096,7 +2336,51 @@ XListItem = __decorate([
                 inputs: [],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XListItem, { className: "XListItem", filePath: "lib/proxies.ts", lineNumber: 1867 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XListItem, { className: "XListItem", filePath: "lib/proxies.ts", lineNumber: 2089 }); })();
+let XLogin = class XLogin {
+    z;
+    el;
+    xSubmit = new EventEmitter();
+    xSocialLogin = new EventEmitter();
+    xForgotPassword = new EventEmitter();
+    xSignUp = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = function XLogin_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XLogin)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XLogin, selectors: [["x-login"]], inputs: { config: "config", disabled: "disabled", error: "error", formSchema: "formSchema", loading: "loading", variant: "variant" }, outputs: { xSubmit: "xSubmit", xSocialLogin: "xSocialLogin", xForgotPassword: "xForgotPassword", xSignUp: "xSignUp" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XLogin_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 });
+};
+XLogin = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$X,
+        inputs: ['config', 'disabled', 'error', 'formSchema', 'loading', 'variant']
+    })
+], XLogin);
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XLogin, [{
+        type: Component,
+        args: [{
+                selector: 'x-login',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content></ng-content>',
+                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                inputs: ['config', 'disabled', 'error', 'formSchema', 'loading', 'variant'],
+                outputs: ['xSubmit', 'xSocialLogin', 'xForgotPassword', 'xSignUp'],
+            }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xSubmit: [{
+            type: Output
+        }], xSocialLogin: [{
+            type: Output
+        }], xForgotPassword: [{
+            type: Output
+        }], xSignUp: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XLogin, { className: "XLogin", filePath: "lib/proxies.ts", lineNumber: 2113 }); })();
 let XMentions = class XMentions {
     z;
     el;
@@ -2116,7 +2400,7 @@ let XMentions = class XMentions {
 };
 XMentions = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$R,
+        defineCustomElementFn: defineCustomElement$Y,
         inputs: ['disabled', 'loading', 'options', 'placeholder', 'rows', 'triggerPrefix', 'value']
     })
 ], XMentions);
@@ -2137,7 +2421,7 @@ XMentions = __decorate([
         }], xSearch: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMentions, { className: "XMentions", filePath: "lib/proxies.ts", lineNumber: 1891 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMentions, { className: "XMentions", filePath: "lib/proxies.ts", lineNumber: 2161 }); })();
 let XMenu = class XMenu {
     z;
     el;
@@ -2158,7 +2442,7 @@ let XMenu = class XMenu {
 };
 XMenu = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$S,
+        defineCustomElementFn: defineCustomElement$Z,
         inputs: ['defaultOpenKeys', 'defaultSelectedKeys', 'inlineCollapsed', 'inlineIndent', 'mode', 'multiple', 'openKeys', 'selectable', 'selectedKeys', 'subMenuCloseDelay', 'subMenuOpenDelay', 'theme', 'triggerSubMenuAction']
     })
 ], XMenu);
@@ -2181,7 +2465,7 @@ XMenu = __decorate([
         }], xOpenChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMenu, { className: "XMenu", filePath: "lib/proxies.ts", lineNumber: 1933 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMenu, { className: "XMenu", filePath: "lib/proxies.ts", lineNumber: 2203 }); })();
 let XMenuDivider = class XMenuDivider {
     z;
     el;
@@ -2198,7 +2482,7 @@ let XMenuDivider = class XMenuDivider {
 };
 XMenuDivider = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$T,
+        defineCustomElementFn: defineCustomElement$_,
         inputs: ['dashed']
     })
 ], XMenuDivider);
@@ -2212,7 +2496,7 @@ XMenuDivider = __decorate([
                 inputs: ['dashed'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMenuDivider, { className: "XMenuDivider", filePath: "lib/proxies.ts", lineNumber: 1982 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMenuDivider, { className: "XMenuDivider", filePath: "lib/proxies.ts", lineNumber: 2252 }); })();
 let XMenuItem = class XMenuItem {
     z;
     el;
@@ -2230,7 +2514,7 @@ let XMenuItem = class XMenuItem {
 };
 XMenuItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$U,
+        defineCustomElementFn: defineCustomElement$$,
         inputs: ['danger', 'disabled', 'itemKey', 'itemTitle']
     })
 ], XMenuItem);
@@ -2247,7 +2531,7 @@ XMenuItem = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xMenuItemClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMenuItem, { className: "XMenuItem", filePath: "lib/proxies.ts", lineNumber: 2006 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMenuItem, { className: "XMenuItem", filePath: "lib/proxies.ts", lineNumber: 2276 }); })();
 let XMenuItemGroup = class XMenuItemGroup {
     z;
     el;
@@ -2264,7 +2548,7 @@ let XMenuItemGroup = class XMenuItemGroup {
 };
 XMenuItemGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$V,
+        defineCustomElementFn: defineCustomElement$10,
         inputs: ['groupTitle']
     })
 ], XMenuItemGroup);
@@ -2278,7 +2562,7 @@ XMenuItemGroup = __decorate([
                 inputs: ['groupTitle'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMenuItemGroup, { className: "XMenuItemGroup", filePath: "lib/proxies.ts", lineNumber: 2037 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMenuItemGroup, { className: "XMenuItemGroup", filePath: "lib/proxies.ts", lineNumber: 2307 }); })();
 let XMenuSubmenu = class XMenuSubmenu {
     z;
     el;
@@ -2297,7 +2581,7 @@ let XMenuSubmenu = class XMenuSubmenu {
 };
 XMenuSubmenu = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$W,
+        defineCustomElementFn: defineCustomElement$11,
         inputs: ['disabled', 'itemKey', 'popupClassName', 'popupOffset']
     })
 ], XMenuSubmenu);
@@ -2316,7 +2600,7 @@ XMenuSubmenu = __decorate([
         }], xTitleClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMenuSubmenu, { className: "XMenuSubmenu", filePath: "lib/proxies.ts", lineNumber: 2061 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMenuSubmenu, { className: "XMenuSubmenu", filePath: "lib/proxies.ts", lineNumber: 2331 }); })();
 let XMessage = class XMessage {
     z;
     el;
@@ -2334,7 +2618,7 @@ let XMessage = class XMessage {
 };
 XMessage = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$X,
+        defineCustomElementFn: defineCustomElement$12,
         inputs: ['content', 'duration', 'icon', 'messageKey', 'type'],
         methods: ['close', 'getClosePromise', 'updateContent', 'updateDuration']
     })
@@ -2352,7 +2636,7 @@ XMessage = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xClose: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMessage, { className: "XMessage", filePath: "lib/proxies.ts", lineNumber: 2100 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XMessage, { className: "XMessage", filePath: "lib/proxies.ts", lineNumber: 2370 }); })();
 let XModal = class XModal {
     z;
     el;
@@ -2364,15 +2648,15 @@ let XModal = class XModal {
         this.el = r.nativeElement;
     }
     static ɵfac = function XModal_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XModal)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XModal, selectors: [["x-modal"]], inputs: { cancelLoading: "cancelLoading", cancelText: "cancelText", centered: "centered", closable: "closable", footer: "footer", mask: "mask", maskClosable: "maskClosable", modalTitle: "modalTitle", okLoading: "okLoading", okText: "okText", okType: "okType", type: "type", visible: "visible", width: "width" }, outputs: { xOk: "xOk", xCancel: "xCancel" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XModal_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XModal, selectors: [["x-modal"]], inputs: { cancelLoading: "cancelLoading", cancelText: "cancelText", centered: "centered", closable: "closable", footer: "footer", helpText: "helpText", mask: "mask", maskClosable: "maskClosable", modalTitle: "modalTitle", okDisabled: "okDisabled", okLoading: "okLoading", okText: "okText", okType: "okType", type: "type", visible: "visible", width: "width" }, outputs: { xOk: "xOk", xCancel: "xCancel" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XModal_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 };
 XModal = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Y,
-        inputs: ['cancelLoading', 'cancelText', 'centered', 'closable', 'footer', 'mask', 'maskClosable', 'modalTitle', 'okLoading', 'okText', 'okType', 'type', 'visible', 'width']
+        defineCustomElementFn: defineCustomElement$13,
+        inputs: ['cancelLoading', 'cancelText', 'centered', 'closable', 'footer', 'helpText', 'mask', 'maskClosable', 'modalTitle', 'okDisabled', 'okLoading', 'okText', 'okType', 'type', 'visible', 'width']
     })
 ], XModal);
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XModal, [{
@@ -2382,7 +2666,7 @@ XModal = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['cancelLoading', 'cancelText', 'centered', 'closable', 'footer', 'mask', 'maskClosable', 'modalTitle', 'okLoading', 'okText', 'okType', 'type', 'visible', 'width'],
+                inputs: ['cancelLoading', 'cancelText', 'centered', 'closable', 'footer', 'helpText', 'mask', 'maskClosable', 'modalTitle', 'okDisabled', 'okLoading', 'okText', 'okType', 'type', 'visible', 'width'],
                 outputs: ['xOk', 'xCancel'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xOk: [{
@@ -2390,7 +2674,7 @@ XModal = __decorate([
         }], xCancel: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XModal, { className: "XModal", filePath: "lib/proxies.ts", lineNumber: 2130 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XModal, { className: "XModal", filePath: "lib/proxies.ts", lineNumber: 2400 }); })();
 let XModalContent = class XModalContent {
     z;
     el;
@@ -2402,15 +2686,15 @@ let XModalContent = class XModalContent {
         this.el = r.nativeElement;
     }
     static ɵfac = function XModalContent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XModalContent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XModalContent, selectors: [["x-modal-content"]], inputs: { bodyContent: "bodyContent", bodyStyle: "bodyStyle", cancelLoading: "cancelLoading", cancelText: "cancelText", centered: "centered", closable: "closable", footer: "footer", footerContent: "footerContent", mask: "mask", maskClosable: "maskClosable", maskStyle: "maskStyle", modalTitle: "modalTitle", okDanger: "okDanger", okLoading: "okLoading", okText: "okText", okType: "okType", showHeader: "showHeader", type: "type", width: "width", wrapStyle: "wrapStyle" }, outputs: { xOk: "xOk", xCancel: "xCancel" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XModalContent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XModalContent, selectors: [["x-modal-content"]], inputs: { bodyContent: "bodyContent", bodyNodes: "bodyNodes", bodyStyle: "bodyStyle", cancelLoading: "cancelLoading", cancelText: "cancelText", centered: "centered", closable: "closable", footer: "footer", footerContent: "footerContent", footerNodes: "footerNodes", helpText: "helpText", mask: "mask", maskClosable: "maskClosable", maskStyle: "maskStyle", modalTitle: "modalTitle", okDanger: "okDanger", okDisabled: "okDisabled", okLoading: "okLoading", okText: "okText", okType: "okType", showHeader: "showHeader", type: "type", width: "width", wrapStyle: "wrapStyle" }, outputs: { xOk: "xOk", xCancel: "xCancel" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XModalContent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 };
 XModalContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Z,
-        inputs: ['bodyContent', 'bodyStyle', 'cancelLoading', 'cancelText', 'centered', 'closable', 'footer', 'footerContent', 'mask', 'maskClosable', 'maskStyle', 'modalTitle', 'okDanger', 'okLoading', 'okText', 'okType', 'showHeader', 'type', 'width', 'wrapStyle']
+        defineCustomElementFn: defineCustomElement$14,
+        inputs: ['bodyContent', 'bodyNodes', 'bodyStyle', 'cancelLoading', 'cancelText', 'centered', 'closable', 'footer', 'footerContent', 'footerNodes', 'helpText', 'mask', 'maskClosable', 'maskStyle', 'modalTitle', 'okDanger', 'okDisabled', 'okLoading', 'okText', 'okType', 'showHeader', 'type', 'width', 'wrapStyle']
     })
 ], XModalContent);
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XModalContent, [{
@@ -2420,7 +2704,7 @@ XModalContent = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['bodyContent', 'bodyStyle', 'cancelLoading', 'cancelText', 'centered', 'closable', 'footer', 'footerContent', 'mask', 'maskClosable', 'maskStyle', 'modalTitle', 'okDanger', 'okLoading', 'okText', 'okType', 'showHeader', 'type', 'width', 'wrapStyle'],
+                inputs: ['bodyContent', 'bodyNodes', 'bodyStyle', 'cancelLoading', 'cancelText', 'centered', 'closable', 'footer', 'footerContent', 'footerNodes', 'helpText', 'mask', 'maskClosable', 'maskStyle', 'modalTitle', 'okDanger', 'okDisabled', 'okLoading', 'okText', 'okType', 'showHeader', 'type', 'width', 'wrapStyle'],
                 outputs: ['xOk', 'xCancel'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xOk: [{
@@ -2428,7 +2712,7 @@ XModalContent = __decorate([
         }], xCancel: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XModalContent, { className: "XModalContent", filePath: "lib/proxies.ts", lineNumber: 2165 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XModalContent, { className: "XModalContent", filePath: "lib/proxies.ts", lineNumber: 2435 }); })();
 let XNotification = class XNotification {
     z;
     el;
@@ -2446,7 +2730,7 @@ let XNotification = class XNotification {
 };
 XNotification = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$_,
+        defineCustomElementFn: defineCustomElement$15,
         inputs: ['ariaRole', 'btn', 'closeIcon', 'description', 'duration', 'icon', 'message', 'notificationKey', 'pauseOnHover', 'placement', 'showProgress', 'type'],
         methods: ['close', 'getClosePromise', 'updateMessage', 'updateDescription', 'updateDuration']
     })
@@ -2464,7 +2748,7 @@ XNotification = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xClose: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XNotification, { className: "XNotification", filePath: "lib/proxies.ts", lineNumber: 2201 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XNotification, { className: "XNotification", filePath: "lib/proxies.ts", lineNumber: 2471 }); })();
 let XPageHeader = class XPageHeader {
     z;
     el;
@@ -2482,7 +2766,7 @@ let XPageHeader = class XPageHeader {
 };
 XPageHeader = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$$,
+        defineCustomElementFn: defineCustomElement$16,
         inputs: ['backIcon', 'headerTitle', 'subTitle']
     })
 ], XPageHeader);
@@ -2499,7 +2783,7 @@ XPageHeader = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xBack: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XPageHeader, { className: "XPageHeader", filePath: "lib/proxies.ts", lineNumber: 2231 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XPageHeader, { className: "XPageHeader", filePath: "lib/proxies.ts", lineNumber: 2501 }); })();
 let XPagination = class XPagination {
     z;
     el;
@@ -2518,7 +2802,7 @@ let XPagination = class XPagination {
 };
 XPagination = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$10,
+        defineCustomElementFn: defineCustomElement$17,
         inputs: ['align', 'classNames', 'current', 'defaultCurrent', 'defaultPageSize', 'disabled', 'hideOnSinglePage', 'pageSize', 'pageSizeOptions', 'responsive', 'showLessItems', 'showQuickJumper', 'showSizeChanger', 'showTitle', 'showTotal', 'simple', 'size', 'styles', 'total', 'totalBoundaryShowSizeChanger']
     })
 ], XPagination);
@@ -2537,7 +2821,7 @@ XPagination = __decorate([
         }], xShowSizeChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XPagination, { className: "XPagination", filePath: "lib/proxies.ts", lineNumber: 2261 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XPagination, { className: "XPagination", filePath: "lib/proxies.ts", lineNumber: 2531 }); })();
 let XPopconfirm = class XPopconfirm {
     z;
     el;
@@ -2556,7 +2840,7 @@ let XPopconfirm = class XPopconfirm {
 };
 XPopconfirm = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$11,
+        defineCustomElementFn: defineCustomElement$18,
         inputs: ['cancelText', 'confirmTitle', 'disabled', 'okText', 'placement']
     })
 ], XPopconfirm);
@@ -2575,7 +2859,7 @@ XPopconfirm = __decorate([
         }], xCancel: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XPopconfirm, { className: "XPopconfirm", filePath: "lib/proxies.ts", lineNumber: 2300 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XPopconfirm, { className: "XPopconfirm", filePath: "lib/proxies.ts", lineNumber: 2570 }); })();
 let XPopover = class XPopover {
     z;
     el;
@@ -2593,7 +2877,7 @@ let XPopover = class XPopover {
 };
 XPopover = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$12,
+        defineCustomElementFn: defineCustomElement$19,
         inputs: ['content', 'open', 'placement', 'popoverTitle', 'trigger']
     })
 ], XPopover);
@@ -2610,7 +2894,7 @@ XPopover = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xOpenChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XPopover, { className: "XPopover", filePath: "lib/proxies.ts", lineNumber: 2335 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XPopover, { className: "XPopover", filePath: "lib/proxies.ts", lineNumber: 2605 }); })();
 let XProgress = class XProgress {
     z;
     el;
@@ -2627,7 +2911,7 @@ let XProgress = class XProgress {
 };
 XProgress = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$13,
+        defineCustomElementFn: defineCustomElement$1a,
         inputs: ['percent', 'showInfo', 'status', 'strokeColor', 'strokeWidth', 'trailColor', 'type', 'width']
     })
 ], XProgress);
@@ -2641,7 +2925,7 @@ XProgress = __decorate([
                 inputs: ['percent', 'showInfo', 'status', 'strokeColor', 'strokeWidth', 'trailColor', 'type', 'width'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XProgress, { className: "XProgress", filePath: "lib/proxies.ts", lineNumber: 2364 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XProgress, { className: "XProgress", filePath: "lib/proxies.ts", lineNumber: 2634 }); })();
 let XQrCode = class XQrCode {
     z;
     el;
@@ -2651,15 +2935,15 @@ let XQrCode = class XQrCode {
         this.el = r.nativeElement;
     }
     static ɵfac = function XQrCode_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XQrCode)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XQrCode, selectors: [["x-qr-code"]], inputs: { bgColor: "bgColor", color: "color", ec: "ec", gradient: "gradient", logo: "logo", size: "size", type: "type", value: "value" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XQrCode_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XQrCode, selectors: [["x-qr-code"]], inputs: { bgColor: "bgColor", color: "color", ec: "ec", gradient: "gradient", logo: "logo", size: "size", type: "type", useWorker: "useWorker", value: "value" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XQrCode_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 };
 XQrCode = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$14,
-        inputs: ['bgColor', 'color', 'ec', 'gradient', 'logo', 'size', 'type', 'value']
+        defineCustomElementFn: defineCustomElement$1b,
+        inputs: ['bgColor', 'color', 'ec', 'gradient', 'logo', 'size', 'type', 'useWorker', 'value']
     })
 ], XQrCode);
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XQrCode, [{
@@ -2669,10 +2953,10 @@ XQrCode = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['bgColor', 'color', 'ec', 'gradient', 'logo', 'size', 'type', 'value'],
+                inputs: ['bgColor', 'color', 'ec', 'gradient', 'logo', 'size', 'type', 'useWorker', 'value'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XQrCode, { className: "XQrCode", filePath: "lib/proxies.ts", lineNumber: 2387 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XQrCode, { className: "XQrCode", filePath: "lib/proxies.ts", lineNumber: 2657 }); })();
 let XRadio = class XRadio {
     z;
     el;
@@ -2692,7 +2976,7 @@ let XRadio = class XRadio {
 };
 XRadio = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$15,
+        defineCustomElementFn: defineCustomElement$1c,
         inputs: ['alignment', 'autoFocus', 'checked', 'classNames', 'defaultChecked', 'disabled', 'name', 'placement', 'radioId', 'styles', 'value'],
         methods: ['setFocus', 'removeFocus']
     })
@@ -2714,7 +2998,7 @@ XRadio = __decorate([
         }], xBlur: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XRadio, { className: "XRadio", filePath: "lib/proxies.ts", lineNumber: 2412 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XRadio, { className: "XRadio", filePath: "lib/proxies.ts", lineNumber: 2682 }); })();
 let XRadioGroup = class XRadioGroup {
     z;
     el;
@@ -2732,7 +3016,7 @@ let XRadioGroup = class XRadioGroup {
 };
 XRadioGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$16,
+        defineCustomElementFn: defineCustomElement$1d,
         inputs: ['alignment', 'buttonStyle', 'classNames', 'defaultValue', 'direction', 'disabled', 'name', 'optionType', 'options', 'placement', 'size', 'styles', 'value']
     })
 ], XRadioGroup);
@@ -2749,7 +3033,7 @@ XRadioGroup = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XRadioGroup, { className: "XRadioGroup", filePath: "lib/proxies.ts", lineNumber: 2454 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XRadioGroup, { className: "XRadioGroup", filePath: "lib/proxies.ts", lineNumber: 2724 }); })();
 let XRangePicker = class XRangePicker {
     z;
     el;
@@ -2771,7 +3055,7 @@ let XRangePicker = class XRangePicker {
 };
 XRangePicker = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$17,
+        defineCustomElementFn: defineCustomElement$1e,
         inputs: ['allowClear', 'allowEmpty', 'autofocus', 'bordered', 'defaultValue', 'disabled', 'disabledDate', 'format', 'inputId', 'inputReadOnly', 'maxDate', 'minDate', 'name', 'open', 'picker', 'placeholder', 'placement', 'presets', 'separator', 'showTime', 'size', 'status', 'value', 'weekStartDay'],
         methods: ['setFocus', 'setBlur']
     })
@@ -2797,7 +3081,7 @@ XRangePicker = __decorate([
         }], xCalendarChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XRangePicker, { className: "XRangePicker", filePath: "lib/proxies.ts", lineNumber: 2487 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XRangePicker, { className: "XRangePicker", filePath: "lib/proxies.ts", lineNumber: 2757 }); })();
 let XRangePickerDropdownContent = class XRangePickerDropdownContent {
     z;
     el;
@@ -2824,7 +3108,7 @@ let XRangePickerDropdownContent = class XRangePickerDropdownContent {
 };
 XRangePickerDropdownContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$18,
+        defineCustomElementFn: defineCustomElement$1f,
         inputs: ['activePanel', 'disabledDateFn', 'dropdownClasses', 'dropdownStyle', 'hoveringDate', 'leftPanelMode', 'leftViewDate', 'maxDate', 'minDate', 'picker', 'presets', 'rangeEnd', 'rangeStart', 'rightPanelMode', 'rightViewDate', 'setDropdownRef', 'showTime', 'weekStartDay']
     })
 ], XRangePickerDropdownContent);
@@ -2859,7 +3143,7 @@ XRangePickerDropdownContent = __decorate([
         }], xTimeChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XRangePickerDropdownContent, { className: "XRangePickerDropdownContent", filePath: "lib/proxies.ts", lineNumber: 2539 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XRangePickerDropdownContent, { className: "XRangePickerDropdownContent", filePath: "lib/proxies.ts", lineNumber: 2809 }); })();
 let XRate = class XRate {
     z;
     el;
@@ -2878,7 +3162,7 @@ let XRate = class XRate {
 };
 XRate = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$19,
+        defineCustomElementFn: defineCustomElement$1g,
         inputs: ['allowClear', 'allowHalf', 'autoFocus', 'character', 'count', 'defaultValue', 'disabled', 'value']
     })
 ], XRate);
@@ -2897,7 +3181,7 @@ XRate = __decorate([
         }], xHoverChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XRate, { className: "XRate", filePath: "lib/proxies.ts", lineNumber: 2619 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XRate, { className: "XRate", filePath: "lib/proxies.ts", lineNumber: 2889 }); })();
 let XResult = class XResult {
     z;
     el;
@@ -2914,7 +3198,7 @@ let XResult = class XResult {
 };
 XResult = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1a,
+        defineCustomElementFn: defineCustomElement$1h,
         inputs: ['classNames', 'iconSize', 'resultTitle', 'status', 'styles', 'subTitle']
     })
 ], XResult);
@@ -2928,7 +3212,7 @@ XResult = __decorate([
                 inputs: ['classNames', 'iconSize', 'resultTitle', 'status', 'styles', 'subTitle'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XResult, { className: "XResult", filePath: "lib/proxies.ts", lineNumber: 2653 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XResult, { className: "XResult", filePath: "lib/proxies.ts", lineNumber: 2923 }); })();
 let XRow = class XRow {
     z;
     el;
@@ -2945,7 +3229,7 @@ let XRow = class XRow {
 };
 XRow = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1b,
+        defineCustomElementFn: defineCustomElement$1i,
         inputs: ['align', 'gutter', 'justify', 'wrap']
     })
 ], XRow);
@@ -2959,7 +3243,7 @@ XRow = __decorate([
                 inputs: ['align', 'gutter', 'justify', 'wrap'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XRow, { className: "XRow", filePath: "lib/proxies.ts", lineNumber: 2676 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XRow, { className: "XRow", filePath: "lib/proxies.ts", lineNumber: 2946 }); })();
 let XSegmented = class XSegmented {
     z;
     el;
@@ -2977,7 +3261,7 @@ let XSegmented = class XSegmented {
 };
 XSegmented = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1c,
+        defineCustomElementFn: defineCustomElement$1j,
         inputs: ['block', 'defaultValue', 'disabled', 'options', 'size', 'value']
     })
 ], XSegmented);
@@ -2994,7 +3278,7 @@ XSegmented = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSegmented, { className: "XSegmented", filePath: "lib/proxies.ts", lineNumber: 2700 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSegmented, { className: "XSegmented", filePath: "lib/proxies.ts", lineNumber: 2970 }); })();
 let XSelect = class XSelect {
     z;
     el;
@@ -3019,7 +3303,7 @@ let XSelect = class XSelect {
 };
 XSelect = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1d,
+        defineCustomElementFn: defineCustomElement$1k,
         inputs: ['allowClear', 'autofocus', 'bordered', 'defaultValue', 'disabled', 'dropdownClassName', 'dropdownMatchSelectWidth', 'dropdownStyle', 'filterOption', 'filterSort', 'inputId', 'labelInValue', 'listHeight', 'loading', 'maxTagCount', 'maxTagPlaceholder', 'maxTagTextLength', 'mode', 'name', 'notFoundContent', 'open', 'options', 'pageSize', 'placeholder', 'placement', 'showAction', 'showSearch', 'size', 'status', 'value'],
         methods: ['setFocus', 'setBlur']
     })
@@ -3051,7 +3335,7 @@ XSelect = __decorate([
         }], xSelect: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSelect, { className: "XSelect", filePath: "lib/proxies.ts", lineNumber: 2733 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSelect, { className: "XSelect", filePath: "lib/proxies.ts", lineNumber: 3003 }); })();
 let XSelectDropdownContent = class XSelectDropdownContent {
     z;
     el;
@@ -3068,7 +3352,7 @@ let XSelectDropdownContent = class XSelectDropdownContent {
 };
 XSelectDropdownContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1e,
+        defineCustomElementFn: defineCustomElement$1l,
         inputs: ['dropdownClasses', 'dropdownStyle', 'setDropdownRef']
     })
 ], XSelectDropdownContent);
@@ -3082,7 +3366,7 @@ XSelectDropdownContent = __decorate([
                 inputs: ['dropdownClasses', 'dropdownStyle', 'setDropdownRef'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSelectDropdownContent, { className: "XSelectDropdownContent", filePath: "lib/proxies.ts", lineNumber: 2800 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSelectDropdownContent, { className: "XSelectDropdownContent", filePath: "lib/proxies.ts", lineNumber: 3070 }); })();
 let XSelectOption = class XSelectOption {
     z;
     el;
@@ -3099,7 +3383,7 @@ let XSelectOption = class XSelectOption {
 };
 XSelectOption = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1f,
+        defineCustomElementFn: defineCustomElement$1m,
         inputs: ['active', 'disabled', 'label', 'optionTitle', 'selected', 'value']
     })
 ], XSelectOption);
@@ -3113,7 +3397,7 @@ XSelectOption = __decorate([
                 inputs: ['active', 'disabled', 'label', 'optionTitle', 'selected', 'value'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSelectOption, { className: "XSelectOption", filePath: "lib/proxies.ts", lineNumber: 2823 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSelectOption, { className: "XSelectOption", filePath: "lib/proxies.ts", lineNumber: 3093 }); })();
 let XSider = class XSider {
     z;
     el;
@@ -3131,7 +3415,7 @@ let XSider = class XSider {
 };
 XSider = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1g,
+        defineCustomElementFn: defineCustomElement$1n,
         inputs: ['collapsed', 'collapsedWidth', 'collapsible', 'defaultCollapsed', 'reverseArrow', 'theme', 'trigger', 'width']
     })
 ], XSider);
@@ -3148,7 +3432,7 @@ XSider = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xCollapse: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSider, { className: "XSider", filePath: "lib/proxies.ts", lineNumber: 2847 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSider, { className: "XSider", filePath: "lib/proxies.ts", lineNumber: 3117 }); })();
 let XSkeleton = class XSkeleton {
     z;
     el;
@@ -3165,7 +3449,7 @@ let XSkeleton = class XSkeleton {
 };
 XSkeleton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1h,
+        defineCustomElementFn: defineCustomElement$1o,
         inputs: ['active', 'avatar', 'loading', 'paragraph', 'round', 'showTitle']
     })
 ], XSkeleton);
@@ -3179,7 +3463,7 @@ XSkeleton = __decorate([
                 inputs: ['active', 'avatar', 'loading', 'paragraph', 'round', 'showTitle'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSkeleton, { className: "XSkeleton", filePath: "lib/proxies.ts", lineNumber: 2876 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSkeleton, { className: "XSkeleton", filePath: "lib/proxies.ts", lineNumber: 3146 }); })();
 let XSlider = class XSlider {
     z;
     el;
@@ -3198,7 +3482,7 @@ let XSlider = class XSlider {
 };
 XSlider = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1i,
+        defineCustomElementFn: defineCustomElement$1p,
         inputs: ['allowCross', 'defaultValue', 'disabled', 'draggableTrack', 'marks', 'max', 'min', 'pushable', 'range', 'step', 'tooltip', 'value', 'vertical']
     })
 ], XSlider);
@@ -3217,7 +3501,7 @@ XSlider = __decorate([
         }], xAfterChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSlider, { className: "XSlider", filePath: "lib/proxies.ts", lineNumber: 2900 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSlider, { className: "XSlider", filePath: "lib/proxies.ts", lineNumber: 3170 }); })();
 let XSpace = class XSpace {
     z;
     el;
@@ -3234,7 +3518,7 @@ let XSpace = class XSpace {
 };
 XSpace = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1j,
+        defineCustomElementFn: defineCustomElement$1q,
         inputs: ['align', 'block', 'direction', 'size', 'wrap']
     })
 ], XSpace);
@@ -3248,7 +3532,7 @@ XSpace = __decorate([
                 inputs: ['align', 'block', 'direction', 'size', 'wrap'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSpace, { className: "XSpace", filePath: "lib/proxies.ts", lineNumber: 2936 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSpace, { className: "XSpace", filePath: "lib/proxies.ts", lineNumber: 3206 }); })();
 let XSpin = class XSpin {
     z;
     el;
@@ -3265,7 +3549,7 @@ let XSpin = class XSpin {
 };
 XSpin = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1k,
+        defineCustomElementFn: defineCustomElement$1r,
         inputs: ['size', 'spinning', 'tip']
     })
 ], XSpin);
@@ -3279,7 +3563,7 @@ XSpin = __decorate([
                 inputs: ['size', 'spinning', 'tip'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSpin, { className: "XSpin", filePath: "lib/proxies.ts", lineNumber: 2959 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSpin, { className: "XSpin", filePath: "lib/proxies.ts", lineNumber: 3229 }); })();
 let XSplitter = class XSplitter {
     z;
     el;
@@ -3300,7 +3584,7 @@ let XSplitter = class XSplitter {
 };
 XSplitter = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1l,
+        defineCustomElementFn: defineCustomElement$1s,
         inputs: ['classNames', 'collapsibleIcon', 'draggerIcon', 'layout', 'lazy', 'orientation', 'styles', 'vertical']
     })
 ], XSplitter);
@@ -3323,7 +3607,7 @@ XSplitter = __decorate([
         }], xCollapse: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSplitter, { className: "XSplitter", filePath: "lib/proxies.ts", lineNumber: 2983 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSplitter, { className: "XSplitter", filePath: "lib/proxies.ts", lineNumber: 3253 }); })();
 let XSplitterPanel = class XSplitterPanel {
     z;
     el;
@@ -3342,7 +3626,7 @@ let XSplitterPanel = class XSplitterPanel {
 };
 XSplitterPanel = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1m,
+        defineCustomElementFn: defineCustomElement$1t,
         inputs: ['collapsible', 'defaultSize', 'max', 'min', 'resizable', 'size']
     })
 ], XSplitterPanel);
@@ -3361,7 +3645,7 @@ XSplitterPanel = __decorate([
         }], xPanelCollapse: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSplitterPanel, { className: "XSplitterPanel", filePath: "lib/proxies.ts", lineNumber: 3030 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSplitterPanel, { className: "XSplitterPanel", filePath: "lib/proxies.ts", lineNumber: 3300 }); })();
 let XStatistic = class XStatistic {
     z;
     el;
@@ -3378,7 +3662,7 @@ let XStatistic = class XStatistic {
 };
 XStatistic = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1n,
+        defineCustomElementFn: defineCustomElement$1u,
         inputs: ['decimalSeparator', 'groupSeparator', 'loading', 'precision', 'statisticTitle', 'suffix', 'value', 'valuePrefix']
     })
 ], XStatistic);
@@ -3392,7 +3676,7 @@ XStatistic = __decorate([
                 inputs: ['decimalSeparator', 'groupSeparator', 'loading', 'precision', 'statisticTitle', 'suffix', 'value', 'valuePrefix'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XStatistic, { className: "XStatistic", filePath: "lib/proxies.ts", lineNumber: 3067 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XStatistic, { className: "XStatistic", filePath: "lib/proxies.ts", lineNumber: 3337 }); })();
 let XStep = class XStep {
     z;
     el;
@@ -3410,7 +3694,7 @@ let XStep = class XStep {
 };
 XStep = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1o,
+        defineCustomElementFn: defineCustomElement$1v,
         inputs: ['description', 'disabled', 'icon', 'percent', 'status', 'stepTitle', 'subTitle']
     })
 ], XStep);
@@ -3427,7 +3711,7 @@ XStep = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xStepClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XStep, { className: "XStep", filePath: "lib/proxies.ts", lineNumber: 3091 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XStep, { className: "XStep", filePath: "lib/proxies.ts", lineNumber: 3361 }); })();
 let XSteps = class XSteps {
     z;
     el;
@@ -3446,7 +3730,7 @@ let XSteps = class XSteps {
 };
 XSteps = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1p,
+        defineCustomElementFn: defineCustomElement$1w,
         inputs: ['classNames', 'current', 'direction', 'initial', 'items', 'labelPlacement', 'percent', 'progressDot', 'responsive', 'size', 'status', 'styles', 'titlePlacement', 'type', 'variant'],
         methods: ['next', 'prev', 'goTo']
     })
@@ -3466,7 +3750,7 @@ XSteps = __decorate([
         }], xStepClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSteps, { className: "XSteps", filePath: "lib/proxies.ts", lineNumber: 3124 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSteps, { className: "XSteps", filePath: "lib/proxies.ts", lineNumber: 3394 }); })();
 let XSwitch = class XSwitch {
     z;
     el;
@@ -3485,7 +3769,7 @@ let XSwitch = class XSwitch {
 };
 XSwitch = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1q,
+        defineCustomElementFn: defineCustomElement$1x,
         inputs: ['autoFocus', 'checked', 'checkedChildren', 'defaultChecked', 'disabled', 'loading', 'size', 'unCheckedChildren']
     })
 ], XSwitch);
@@ -3504,7 +3788,7 @@ XSwitch = __decorate([
         }], xClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSwitch, { className: "XSwitch", filePath: "lib/proxies.ts", lineNumber: 3161 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XSwitch, { className: "XSwitch", filePath: "lib/proxies.ts", lineNumber: 3431 }); })();
 let XTabPane = class XTabPane {
     z;
     el;
@@ -3514,15 +3798,15 @@ let XTabPane = class XTabPane {
         this.el = r.nativeElement;
     }
     static ɵfac = function XTabPane_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XTabPane)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XTabPane, selectors: [["x-tab-pane"]], inputs: { active: "active", closable: "closable", destroyInactiveTabPane: "destroyInactiveTabPane", forceRender: "forceRender", icon: "icon", tab: "tab", tabKey: "tabKey" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XTabPane_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XTabPane, selectors: [["x-tab-pane"]], inputs: { active: "active", closable: "closable", destroyInactiveTabPane: "destroyInactiveTabPane", disabled: "disabled", forceRender: "forceRender", icon: "icon", paneKey: "paneKey", tab: "tab", tabKey: "tabKey" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XTabPane_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 };
 XTabPane = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1r,
-        inputs: ['active', 'closable', 'destroyInactiveTabPane', 'forceRender', 'icon', 'tab', 'tabKey']
+        defineCustomElementFn: defineCustomElement$1y,
+        inputs: ['active', 'closable', 'destroyInactiveTabPane', 'disabled', 'forceRender', 'icon', 'paneKey', 'tab', 'tabKey']
     })
 ], XTabPane);
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XTabPane, [{
@@ -3532,10 +3816,10 @@ XTabPane = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['active', 'closable', 'destroyInactiveTabPane', 'forceRender', 'icon', 'tab', 'tabKey'],
+                inputs: ['active', 'closable', 'destroyInactiveTabPane', 'disabled', 'forceRender', 'icon', 'paneKey', 'tab', 'tabKey'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTabPane, { className: "XTabPane", filePath: "lib/proxies.ts", lineNumber: 3197 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTabPane, { className: "XTabPane", filePath: "lib/proxies.ts", lineNumber: 3467 }); })();
 let XTable = class XTable {
     z;
     el;
@@ -3554,15 +3838,15 @@ let XTable = class XTable {
         this.el = r.nativeElement;
     }
     static ɵfac = function XTable_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XTable)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XTable, selectors: [["x-table"]], inputs: { bordered: "bordered", classNames: "classNames", columns: "columns", dataSource: "dataSource", draggableColumns: "draggableColumns", draggableRows: "draggableRows", emptyText: "emptyText", expandable: "expandable", headerRowEvents: "headerRowEvents", loading: "loading", pagination: "pagination", resizableColumns: "resizableColumns", rowClassName: "rowClassName", rowEvents: "rowEvents", rowKey: "rowKey", rowSelection: "rowSelection", showHeader: "showHeader", showSorterTooltip: "showSorterTooltip", size: "size", sortDirections: "sortDirections", sticky: "sticky", styles: "styles", tableFooter: "tableFooter", tableLayout: "tableLayout", tableScroll: "tableScroll", tableTitle: "tableTitle", virtual: "virtual" }, outputs: { xChange: "xChange", xRowClick: "xRowClick", xRowDoubleClick: "xRowDoubleClick", xSelectionChange: "xSelectionChange", xExpand: "xExpand", xExpandedRowsChange: "xExpandedRowsChange", xColumnSort: "xColumnSort", xDragSort: "xDragSort", xDataDisplayChange: "xDataDisplayChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XTable_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XTable, selectors: [["x-table"]], inputs: { bordered: "bordered", classNames: "classNames", clickable: "clickable", columns: "columns", dataSource: "dataSource", draggableColumns: "draggableColumns", draggableRows: "draggableRows", emptyText: "emptyText", expandable: "expandable", headerRowEvents: "headerRowEvents", loading: "loading", pagination: "pagination", resizableColumns: "resizableColumns", rowClassName: "rowClassName", rowEvents: "rowEvents", rowKey: "rowKey", rowSelection: "rowSelection", showHeader: "showHeader", showSorterTooltip: "showSorterTooltip", size: "size", sortDirections: "sortDirections", sticky: "sticky", styles: "styles", tableFooter: "tableFooter", tableLayout: "tableLayout", tableScroll: "tableScroll", tableTitle: "tableTitle", virtual: "virtual" }, outputs: { xChange: "xChange", xRowClick: "xRowClick", xRowDoubleClick: "xRowDoubleClick", xSelectionChange: "xSelectionChange", xExpand: "xExpand", xExpandedRowsChange: "xExpandedRowsChange", xColumnSort: "xColumnSort", xDragSort: "xDragSort", xDataDisplayChange: "xDataDisplayChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XTable_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 };
 XTable = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1s,
-        inputs: ['bordered', 'classNames', 'columns', 'dataSource', 'draggableColumns', 'draggableRows', 'emptyText', 'expandable', 'headerRowEvents', 'loading', 'pagination', 'resizableColumns', 'rowClassName', 'rowEvents', 'rowKey', 'rowSelection', 'showHeader', 'showSorterTooltip', 'size', 'sortDirections', 'sticky', 'styles', 'tableFooter', 'tableLayout', 'tableScroll', 'tableTitle', 'virtual'],
+        defineCustomElementFn: defineCustomElement$1z,
+        inputs: ['bordered', 'classNames', 'clickable', 'columns', 'dataSource', 'draggableColumns', 'draggableRows', 'emptyText', 'expandable', 'headerRowEvents', 'loading', 'pagination', 'resizableColumns', 'rowClassName', 'rowEvents', 'rowKey', 'rowSelection', 'showHeader', 'showSorterTooltip', 'size', 'sortDirections', 'sticky', 'styles', 'tableFooter', 'tableLayout', 'tableScroll', 'tableTitle', 'virtual'],
         methods: ['getSelectedRowKeys', 'setSelectedRowKeys', 'clearSelection', 'getExpandedRowKeys', 'scrollToRow']
     })
 ], XTable);
@@ -3573,7 +3857,7 @@ XTable = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['bordered', 'classNames', 'columns', 'dataSource', 'draggableColumns', 'draggableRows', 'emptyText', 'expandable', 'headerRowEvents', 'loading', 'pagination', 'resizableColumns', 'rowClassName', 'rowEvents', 'rowKey', 'rowSelection', 'showHeader', 'showSorterTooltip', 'size', 'sortDirections', 'sticky', 'styles', 'tableFooter', 'tableLayout', 'tableScroll', 'tableTitle', 'virtual'],
+                inputs: ['bordered', 'classNames', 'clickable', 'columns', 'dataSource', 'draggableColumns', 'draggableRows', 'emptyText', 'expandable', 'headerRowEvents', 'loading', 'pagination', 'resizableColumns', 'rowClassName', 'rowEvents', 'rowKey', 'rowSelection', 'showHeader', 'showSorterTooltip', 'size', 'sortDirections', 'sticky', 'styles', 'tableFooter', 'tableLayout', 'tableScroll', 'tableTitle', 'virtual'],
                 outputs: ['xChange', 'xRowClick', 'xRowDoubleClick', 'xSelectionChange', 'xExpand', 'xExpandedRowsChange', 'xColumnSort', 'xDragSort', 'xDataDisplayChange'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
@@ -3595,7 +3879,7 @@ XTable = __decorate([
         }], xDataDisplayChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTable, { className: "XTable", filePath: "lib/proxies.ts", lineNumber: 3222 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTable, { className: "XTable", filePath: "lib/proxies.ts", lineNumber: 3492 }); })();
 let XTableCell = class XTableCell {
     z;
     el;
@@ -3612,7 +3896,7 @@ let XTableCell = class XTableCell {
 };
 XTableCell = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1t,
+        defineCustomElementFn: defineCustomElement$1A,
         inputs: ['align', 'cellClass', 'colSpan', 'customStyle', 'dataIndex', 'rowSpan']
     })
 ], XTableCell);
@@ -3626,7 +3910,7 @@ XTableCell = __decorate([
                 inputs: ['align', 'cellClass', 'colSpan', 'customStyle', 'dataIndex', 'rowSpan'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTableCell, { className: "XTableCell", filePath: "lib/proxies.ts", lineNumber: 3298 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTableCell, { className: "XTableCell", filePath: "lib/proxies.ts", lineNumber: 3568 }); })();
 let XTableRow = class XTableRow {
     z;
     el;
@@ -3643,7 +3927,7 @@ let XTableRow = class XTableRow {
 };
 XTableRow = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1u,
+        defineCustomElementFn: defineCustomElement$1B,
         inputs: ['columns', 'index', 'record']
     })
 ], XTableRow);
@@ -3657,7 +3941,7 @@ XTableRow = __decorate([
                 inputs: ['columns', 'index', 'record'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTableRow, { className: "XTableRow", filePath: "lib/proxies.ts", lineNumber: 3321 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTableRow, { className: "XTableRow", filePath: "lib/proxies.ts", lineNumber: 3591 }); })();
 let XTabs = class XTabs {
     z;
     el;
@@ -3665,21 +3949,22 @@ let XTabs = class XTabs {
     xTabClick = new EventEmitter();
     xEdit = new EventEmitter();
     xTabScroll = new EventEmitter();
+    xTabRename = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = function XTabs_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XTabs)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XTabs, selectors: [["x-tabs"]], inputs: { activeKey: "activeKey", addIcon: "addIcon", animated: "animated", centered: "centered", classNames: "classNames", defaultActiveKey: "defaultActiveKey", destroyInactiveTabPane: "destroyInactiveTabPane", hideAdd: "hideAdd", indicator: "indicator", items: "items", removeIcon: "removeIcon", size: "size", styles: "styles", tabBarExtraContent: "tabBarExtraContent", tabBarGutter: "tabBarGutter", tabBarStyle: "tabBarStyle", tabPlacement: "tabPlacement", type: "type" }, outputs: { xChange: "xChange", xTabClick: "xTabClick", xEdit: "xEdit", xTabScroll: "xTabScroll" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XTabs_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XTabs, selectors: [["x-tabs"]], inputs: { activeKey: "activeKey", addIcon: "addIcon", animated: "animated", centered: "centered", classNames: "classNames", defaultActiveKey: "defaultActiveKey", destroyInactiveTabPane: "destroyInactiveTabPane", editable: "editable", hideAdd: "hideAdd", indicator: "indicator", items: "items", removeIcon: "removeIcon", size: "size", styles: "styles", tabBarExtraContent: "tabBarExtraContent", tabBarGutter: "tabBarGutter", tabBarStyle: "tabBarStyle", tabPlacement: "tabPlacement", type: "type" }, outputs: { xChange: "xChange", xTabClick: "xTabClick", xEdit: "xEdit", xTabScroll: "xTabScroll", xTabRename: "xTabRename" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XTabs_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 };
 XTabs = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1v,
-        inputs: ['activeKey', 'addIcon', 'animated', 'centered', 'classNames', 'defaultActiveKey', 'destroyInactiveTabPane', 'hideAdd', 'indicator', 'items', 'removeIcon', 'size', 'styles', 'tabBarExtraContent', 'tabBarGutter', 'tabBarStyle', 'tabPlacement', 'type'],
+        defineCustomElementFn: defineCustomElement$1C,
+        inputs: ['activeKey', 'addIcon', 'animated', 'centered', 'classNames', 'defaultActiveKey', 'destroyInactiveTabPane', 'editable', 'hideAdd', 'indicator', 'items', 'removeIcon', 'size', 'styles', 'tabBarExtraContent', 'tabBarGutter', 'tabBarStyle', 'tabPlacement', 'type'],
         methods: ['getActiveKey', 'setActiveKey']
     })
 ], XTabs);
@@ -3690,8 +3975,8 @@ XTabs = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['activeKey', 'addIcon', 'animated', 'centered', 'classNames', 'defaultActiveKey', 'destroyInactiveTabPane', 'hideAdd', 'indicator', 'items', 'removeIcon', 'size', 'styles', 'tabBarExtraContent', 'tabBarGutter', 'tabBarStyle', 'tabPlacement', 'type'],
-                outputs: ['xChange', 'xTabClick', 'xEdit', 'xTabScroll'],
+                inputs: ['activeKey', 'addIcon', 'animated', 'centered', 'classNames', 'defaultActiveKey', 'destroyInactiveTabPane', 'editable', 'hideAdd', 'indicator', 'items', 'removeIcon', 'size', 'styles', 'tabBarExtraContent', 'tabBarGutter', 'tabBarStyle', 'tabPlacement', 'type'],
+                outputs: ['xChange', 'xTabClick', 'xEdit', 'xTabScroll', 'xTabRename'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
             type: Output
@@ -3701,8 +3986,10 @@ XTabs = __decorate([
             type: Output
         }], xTabScroll: [{
             type: Output
+        }], xTabRename: [{
+            type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTabs, { className: "XTabs", filePath: "lib/proxies.ts", lineNumber: 3346 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTabs, { className: "XTabs", filePath: "lib/proxies.ts", lineNumber: 3616 }); })();
 let XTag = class XTag {
     z;
     el;
@@ -3721,7 +4008,7 @@ let XTag = class XTag {
 };
 XTag = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1w,
+        defineCustomElementFn: defineCustomElement$1D,
         inputs: ['bordered', 'closable', 'closeIcon', 'color', 'disabled', 'href', 'target', 'variant', 'visible']
     })
 ], XTag);
@@ -3740,7 +4027,7 @@ XTag = __decorate([
         }], xClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTag, { className: "XTag", filePath: "lib/proxies.ts", lineNumber: 3396 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTag, { className: "XTag", filePath: "lib/proxies.ts", lineNumber: 3672 }); })();
 let XTextarea = class XTextarea {
     z;
     el;
@@ -3761,7 +4048,7 @@ let XTextarea = class XTextarea {
 };
 XTextarea = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1x,
+        defineCustomElementFn: defineCustomElement$1E,
         inputs: ['allowClear', 'autoSize', 'bordered', 'defaultValue', 'disabled', 'maxLength', 'placeholder', 'rows', 'showCount', 'status', 'value']
     })
 ], XTextarea);
@@ -3784,7 +4071,7 @@ XTextarea = __decorate([
         }], xResize: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTextarea, { className: "XTextarea", filePath: "lib/proxies.ts", lineNumber: 3431 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTextarea, { className: "XTextarea", filePath: "lib/proxies.ts", lineNumber: 3707 }); })();
 let XTimePicker = class XTimePicker {
     z;
     el;
@@ -3805,7 +4092,7 @@ let XTimePicker = class XTimePicker {
 };
 XTimePicker = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1y,
+        defineCustomElementFn: defineCustomElement$1F,
         inputs: ['allowClear', 'autofocus', 'bordered', 'defaultValue', 'disabled', 'disabledTime', 'format', 'hourStep', 'inputId', 'inputReadOnly', 'minuteStep', 'name', 'open', 'placeholder', 'placement', 'secondStep', 'showNow', 'showSecond', 'size', 'status', 'use12Hours', 'value'],
         methods: ['setFocus', 'setBlur']
     })
@@ -3829,7 +4116,7 @@ XTimePicker = __decorate([
         }], xFocus: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTimePicker, { className: "XTimePicker", filePath: "lib/proxies.ts", lineNumber: 3477 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTimePicker, { className: "XTimePicker", filePath: "lib/proxies.ts", lineNumber: 3753 }); })();
 let XTimePickerDropdownContent = class XTimePickerDropdownContent {
     z;
     el;
@@ -3849,7 +4136,7 @@ let XTimePickerDropdownContent = class XTimePickerDropdownContent {
 };
 XTimePickerDropdownContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1z,
+        defineCustomElementFn: defineCustomElement$1G,
         inputs: ['disabledHours', 'disabledMinutes', 'disabledSeconds', 'dropdownClasses', 'dropdownStyle', 'hourStep', 'minuteStep', 'secondStep', 'selectedHour', 'selectedMinute', 'selectedPeriod', 'selectedSecond', 'setDropdownRef', 'showNow', 'showSecond', 'use12Hours']
     })
 ], XTimePickerDropdownContent);
@@ -3870,7 +4157,7 @@ XTimePickerDropdownContent = __decorate([
         }], xOkClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTimePickerDropdownContent, { className: "XTimePickerDropdownContent", filePath: "lib/proxies.ts", lineNumber: 3524 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTimePickerDropdownContent, { className: "XTimePickerDropdownContent", filePath: "lib/proxies.ts", lineNumber: 3800 }); })();
 let XTimeline = class XTimeline {
     z;
     el;
@@ -3887,7 +4174,7 @@ let XTimeline = class XTimeline {
 };
 XTimeline = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1A,
+        defineCustomElementFn: defineCustomElement$1H,
         inputs: ['mode', 'pending', 'reverse']
     })
 ], XTimeline);
@@ -3901,7 +4188,7 @@ XTimeline = __decorate([
                 inputs: ['mode', 'pending', 'reverse'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTimeline, { className: "XTimeline", filePath: "lib/proxies.ts", lineNumber: 3565 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTimeline, { className: "XTimeline", filePath: "lib/proxies.ts", lineNumber: 3841 }); })();
 let XTimelineItem = class XTimelineItem {
     z;
     el;
@@ -3918,7 +4205,7 @@ let XTimelineItem = class XTimelineItem {
 };
 XTimelineItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1B,
+        defineCustomElementFn: defineCustomElement$1I,
         inputs: ['color', 'label', 'position']
     })
 ], XTimelineItem);
@@ -3932,7 +4219,7 @@ XTimelineItem = __decorate([
                 inputs: ['color', 'label', 'position'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTimelineItem, { className: "XTimelineItem", filePath: "lib/proxies.ts", lineNumber: 3588 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTimelineItem, { className: "XTimelineItem", filePath: "lib/proxies.ts", lineNumber: 3864 }); })();
 let XTooltip = class XTooltip {
     z;
     el;
@@ -3950,7 +4237,7 @@ let XTooltip = class XTooltip {
 };
 XTooltip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1C,
+        defineCustomElementFn: defineCustomElement$1J,
         inputs: ['arrow', 'autoAdjustOverflow', 'classNames', 'color', 'defaultOpen', 'destroyTooltipOnHide', 'mouseEnterDelay', 'mouseLeaveDelay', 'open', 'placement', 'styles', 'tooltipTitle', 'trigger', 'zIndex'],
         methods: ['show', 'hide']
     })
@@ -3968,7 +4255,7 @@ XTooltip = __decorate([
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { openChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTooltip, { className: "XTooltip", filePath: "lib/proxies.ts", lineNumber: 3613 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTooltip, { className: "XTooltip", filePath: "lib/proxies.ts", lineNumber: 3889 }); })();
 let XTour = class XTour {
     z;
     el;
@@ -3988,7 +4275,7 @@ let XTour = class XTour {
 };
 XTour = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1D,
+        defineCustomElementFn: defineCustomElement$1K,
         inputs: ['arrow', 'current', 'mask', 'open', 'steps', 'zIndex']
     })
 ], XTour);
@@ -4009,7 +4296,7 @@ XTour = __decorate([
         }], xFinish: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTour, { className: "XTour", filePath: "lib/proxies.ts", lineNumber: 3645 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTour, { className: "XTour", filePath: "lib/proxies.ts", lineNumber: 3921 }); })();
 let XTourPanel = class XTourPanel {
     z;
     el;
@@ -4029,7 +4316,7 @@ let XTourPanel = class XTourPanel {
 };
 XTourPanel = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1E,
+        defineCustomElementFn: defineCustomElement$1L,
         inputs: ['arrow', 'current', 'placement', 'step', 'total']
     })
 ], XTourPanel);
@@ -4050,7 +4337,7 @@ XTourPanel = __decorate([
         }], xClose: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTourPanel, { className: "XTourPanel", filePath: "lib/proxies.ts", lineNumber: 3685 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTourPanel, { className: "XTourPanel", filePath: "lib/proxies.ts", lineNumber: 3961 }); })();
 let XTransfer = class XTransfer {
     z;
     el;
@@ -4071,7 +4358,7 @@ let XTransfer = class XTransfer {
 };
 XTransfer = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1F,
+        defineCustomElementFn: defineCustomElement$1M,
         inputs: ['dataSource', 'disabled', 'listHeight', 'listWidth', 'notFoundContent', 'oneWay', 'operations', 'pageSize', 'pagination', 'searchPlaceholder', 'selectedKeys', 'showSearch', 'showSelectAll', 'targetKeys', 'titles']
     })
 ], XTransfer);
@@ -4094,7 +4381,7 @@ XTransfer = __decorate([
         }], xScroll: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTransfer, { className: "XTransfer", filePath: "lib/proxies.ts", lineNumber: 3725 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTransfer, { className: "XTransfer", filePath: "lib/proxies.ts", lineNumber: 4001 }); })();
 let XTree = class XTree {
     z;
     el;
@@ -4122,7 +4409,7 @@ let XTree = class XTree {
 };
 XTree = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1G,
+        defineCustomElementFn: defineCustomElement$1N,
         inputs: ['actions', 'allowDrag', 'autoExpandParent', 'blockNode', 'checkStrictly', 'checkable', 'checkedKeys', 'defaultCheckedKeys', 'defaultExpandAll', 'defaultExpandedKeys', 'defaultSelectedKeys', 'disabled', 'expandedKeys', 'filterTreeNode', 'filterValue', 'height', 'itemHeight', 'multiple', 'selectable', 'selectedKeys', 'showActions', 'showIcon', 'showLine', 'treeData', 'virtual']
     })
 ], XTree);
@@ -4159,7 +4446,7 @@ XTree = __decorate([
         }], xAction: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTree, { className: "XTree", filePath: "lib/proxies.ts", lineNumber: 3775 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTree, { className: "XTree", filePath: "lib/proxies.ts", lineNumber: 4051 }); })();
 let XTreeSelect = class XTreeSelect {
     z;
     el;
@@ -4183,7 +4470,7 @@ let XTreeSelect = class XTreeSelect {
 };
 XTreeSelect = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1H,
+        defineCustomElementFn: defineCustomElement$1O,
         inputs: ['allowClear', 'autofocus', 'defaultExpandAll', 'defaultExpandedKeys', 'defaultValue', 'disabled', 'fieldNames', 'filterTreeNode', 'inputId', 'labelInValue', 'listHeight', 'loading', 'maxTagCount', 'maxTagPlaceholder', 'multiple', 'name', 'notFoundContent', 'open', 'placeholder', 'placement', 'popupMatchSelectWidth', 'showArrow', 'showCheckedStrategy', 'showSearch', 'size', 'status', 'treeCheckStrictly', 'treeCheckable', 'treeData', 'treeDefaultExpandParent', 'treeExpandedKeys', 'treeIcon', 'treeLine', 'treeNodeFilterProp', 'value', 'variant', 'virtual'],
         methods: ['setFocus', 'setBlur']
     })
@@ -4213,7 +4500,7 @@ XTreeSelect = __decorate([
         }], xDropdownVisibleChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTreeSelect, { className: "XTreeSelect", filePath: "lib/proxies.ts", lineNumber: 3862 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTreeSelect, { className: "XTreeSelect", filePath: "lib/proxies.ts", lineNumber: 4138 }); })();
 let XTreeSelectDropdownContent = class XTreeSelectDropdownContent {
     z;
     el;
@@ -4233,7 +4520,7 @@ let XTreeSelectDropdownContent = class XTreeSelectDropdownContent {
 };
 XTreeSelectDropdownContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1I,
+        defineCustomElementFn: defineCustomElement$1P,
         inputs: ['checkedKeys', 'dropdownClasses', 'dropdownStyle', 'expandedKeys', 'fieldNames', 'filterTreeNode', 'halfCheckedKeys', 'multiple', 'notFoundContent', 'searchValue', 'selectedValues', 'setDropdownRef', 'treeCheckable', 'treeData', 'treeLine']
     })
 ], XTreeSelectDropdownContent);
@@ -4254,7 +4541,7 @@ XTreeSelectDropdownContent = __decorate([
         }], xNodeCheck: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTreeSelectDropdownContent, { className: "XTreeSelectDropdownContent", filePath: "lib/proxies.ts", lineNumber: 3926 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTreeSelectDropdownContent, { className: "XTreeSelectDropdownContent", filePath: "lib/proxies.ts", lineNumber: 4202 }); })();
 let XTypography = class XTypography {
     z;
     el;
@@ -4271,7 +4558,7 @@ let XTypography = class XTypography {
 };
 XTypography = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1J,
+        defineCustomElementFn: defineCustomElement$1Q,
         inputs: ['code', 'delete', 'disabled', 'href', 'italic', 'keyboard', 'level', 'mark', 'strong', 'target', 'type', 'underline']
     })
 ], XTypography);
@@ -4285,7 +4572,7 @@ XTypography = __decorate([
                 inputs: ['code', 'delete', 'disabled', 'href', 'italic', 'keyboard', 'level', 'mark', 'strong', 'target', 'type', 'underline'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTypography, { className: "XTypography", filePath: "lib/proxies.ts", lineNumber: 3969 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XTypography, { className: "XTypography", filePath: "lib/proxies.ts", lineNumber: 4245 }); })();
 let XUpload = class XUpload {
     z;
     el;
@@ -4294,21 +4581,22 @@ let XUpload = class XUpload {
     xPreview = new EventEmitter();
     xDownload = new EventEmitter();
     xDrop = new EventEmitter();
+    xError = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = function XUpload_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XUpload)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XUpload, selectors: [["x-upload"]], inputs: { accept: "accept", action: "action", classNames: "classNames", data: "data", defaultFileList: "defaultFileList", directory: "directory", disabled: "disabled", drag: "drag", fileList: "fileList", headers: "headers", listType: "listType", maxCount: "maxCount", method: "method", multiple: "multiple", name: "name", openFileDialogOnClick: "openFileDialogOnClick", progress: "progress", showUploadList: "showUploadList", styles: "styles", withCredentials: "withCredentials" }, outputs: { xChange: "xChange", xRemove: "xRemove", xPreview: "xPreview", xDownload: "xDownload", xDrop: "xDrop" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XUpload_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XUpload, selectors: [["x-upload"]], inputs: { accept: "accept", action: "action", beforeUpload: "beforeUpload", classNames: "classNames", data: "data", defaultFileList: "defaultFileList", directory: "directory", disabled: "disabled", drag: "drag", fileList: "fileList", headers: "headers", listType: "listType", maxCount: "maxCount", maxFileSize: "maxFileSize", method: "method", multiple: "multiple", name: "name", openFileDialogOnClick: "openFileDialogOnClick", progress: "progress", showUploadList: "showUploadList", styles: "styles", withCredentials: "withCredentials" }, outputs: { xChange: "xChange", xRemove: "xRemove", xPreview: "xPreview", xDownload: "xDownload", xDrop: "xDrop", xError: "xError" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function XUpload_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
 };
 XUpload = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1K,
-        inputs: ['accept', 'action', 'classNames', 'data', 'defaultFileList', 'directory', 'disabled', 'drag', 'fileList', 'headers', 'listType', 'maxCount', 'method', 'multiple', 'name', 'openFileDialogOnClick', 'progress', 'showUploadList', 'styles', 'withCredentials'],
+        defineCustomElementFn: defineCustomElement$1R,
+        inputs: ['accept', 'action', 'beforeUpload', 'classNames', 'data', 'defaultFileList', 'directory', 'disabled', 'drag', 'fileList', 'headers', 'listType', 'maxCount', 'maxFileSize', 'method', 'multiple', 'name', 'openFileDialogOnClick', 'progress', 'showUploadList', 'styles', 'withCredentials'],
         methods: ['upload', 'abort']
     })
 ], XUpload);
@@ -4319,8 +4607,8 @@ XUpload = __decorate([
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content></ng-content>',
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['accept', 'action', 'classNames', 'data', 'defaultFileList', 'directory', 'disabled', 'drag', 'fileList', 'headers', 'listType', 'maxCount', 'method', 'multiple', 'name', 'openFileDialogOnClick', 'progress', 'showUploadList', 'styles', 'withCredentials'],
-                outputs: ['xChange', 'xRemove', 'xPreview', 'xDownload', 'xDrop'],
+                inputs: ['accept', 'action', 'beforeUpload', 'classNames', 'data', 'defaultFileList', 'directory', 'disabled', 'drag', 'fileList', 'headers', 'listType', 'maxCount', 'maxFileSize', 'method', 'multiple', 'name', 'openFileDialogOnClick', 'progress', 'showUploadList', 'styles', 'withCredentials'],
+                outputs: ['xChange', 'xRemove', 'xPreview', 'xDownload', 'xDrop', 'xError'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { xChange: [{
             type: Output
@@ -4332,8 +4620,10 @@ XUpload = __decorate([
             type: Output
         }], xDrop: [{
             type: Output
+        }], xError: [{
+            type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XUpload, { className: "XUpload", filePath: "lib/proxies.ts", lineNumber: 3994 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XUpload, { className: "XUpload", filePath: "lib/proxies.ts", lineNumber: 4270 }); })();
 let XVirtualScroll = class XVirtualScroll {
     z;
     el;
@@ -4350,7 +4640,7 @@ let XVirtualScroll = class XVirtualScroll {
 };
 XVirtualScroll = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1L,
+        defineCustomElementFn: defineCustomElement$1S,
         inputs: ['height', 'hoverable', 'itemClass', 'itemHeight', 'items', 'overscan', 'width'],
         methods: ['scrollToIndex', 'getScrollTop', 'getVisibleRange']
     })
@@ -4365,7 +4655,7 @@ XVirtualScroll = __decorate([
                 inputs: ['height', 'hoverable', 'itemClass', 'itemHeight', 'items', 'overscan', 'width'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XVirtualScroll, { className: "XVirtualScroll", filePath: "lib/proxies.ts", lineNumber: 4050 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XVirtualScroll, { className: "XVirtualScroll", filePath: "lib/proxies.ts", lineNumber: 4332 }); })();
 let XWorkflow = class XWorkflow {
     z;
     el;
@@ -4389,7 +4679,7 @@ let XWorkflow = class XWorkflow {
 };
 XWorkflow = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1M,
+        defineCustomElementFn: defineCustomElement$1T,
         inputs: ['background', 'displayMode', 'edgeRoutingMode', 'edges', 'fitView', 'interactive', 'nodeToolbarMode', 'nodeToolbarVisible', 'nodes', 'snapToGridValue', 'theme', 'tool', 'turboMode', 'users', 'viewportValue'],
         methods: ['forceLayout']
     })
@@ -4419,7 +4709,7 @@ XWorkflow = __decorate([
         }], xWorkflowChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XWorkflow, { className: "XWorkflow", filePath: "lib/proxies.ts", lineNumber: 4075 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XWorkflow, { className: "XWorkflow", filePath: "lib/proxies.ts", lineNumber: 4357 }); })();
 let XWorkflowBuilder = class XWorkflowBuilder {
     z;
     el;
@@ -4436,7 +4726,7 @@ let XWorkflowBuilder = class XWorkflowBuilder {
 };
 XWorkflowBuilder = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1N,
+        defineCustomElementFn: defineCustomElement$1U,
         inputs: ['builderTitle', 'initialEdges', 'initialNodes']
     })
 ], XWorkflowBuilder);
@@ -4450,7 +4740,7 @@ XWorkflowBuilder = __decorate([
                 inputs: ['builderTitle', 'initialEdges', 'initialNodes'],
             }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XWorkflowBuilder, { className: "XWorkflowBuilder", filePath: "lib/proxies.ts", lineNumber: 4125 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XWorkflowBuilder, { className: "XWorkflowBuilder", filePath: "lib/proxies.ts", lineNumber: 4407 }); })();
 
 class XRowCell {
     xRowCell = '';
@@ -4462,7 +4752,7 @@ class XRowCell {
         type: Directive,
         args: [{
                 selector: '[xRowCell]',
-                standalone: true
+                standalone: true,
             }]
     }], null, { xRowCell: [{
             type: Input
@@ -4503,7 +4793,7 @@ class XTableDirective {
                         const viewRef = rowCell.template.createEmbeddedView({
                             value,
                             record,
-                            index
+                            index,
                         });
                         viewRef.detectChanges();
                         if (viewRef.rootNodes.length === 1 && viewRef.rootNodes[0] instanceof HTMLElement) {
@@ -4513,7 +4803,7 @@ class XTableDirective {
                         container.className = 'x-table-cell-custom-wrapper';
                         viewRef.rootNodes.forEach(node => container.appendChild(node));
                         return container;
-                    }
+                    },
                 };
             }
             return col;
@@ -4533,7 +4823,7 @@ class XTableDirective {
         type: Directive,
         args: [{
                 selector: 'x-table[xTable]',
-                standalone: true
+                standalone: true,
             }]
     }], null, { rowCells: [{
             type: ContentChildren,
@@ -4590,7 +4880,7 @@ class TextValueAccessor extends ValueAccessor {
         super(el);
     }
     static ɵfac = function TextValueAccessor_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TextValueAccessor)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TextValueAccessor, selectors: [["x-input"], ["x-textarea"], ["x-select"], ["x-auto-complete"], ["x-cascader"], ["x-color-picker"], ["x-date-picker"], ["x-editor"], ["x-mentions"], ["x-range-picker"], ["x-segmented"], ["x-time-picker"], ["x-transfer"], ["x-tree-select"], ["x-upload"], ["x-form-builder"]], hostBindings: function TextValueAccessor_HostBindings(rf, ctx) { if (rf & 1) {
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TextValueAccessor, selectors: [["x-input"], ["x-input-icon"], ["x-textarea"], ["x-select"], ["x-auto-complete"], ["x-cascader"], ["x-color-picker"], ["x-date-picker"], ["x-editor"], ["x-mentions"], ["x-range-picker"], ["x-segmented"], ["x-time-picker"], ["x-transfer"], ["x-tree-select"], ["x-upload"], ["x-form-builder"]], hostBindings: function TextValueAccessor_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("xChange", function TextValueAccessor_xChange_HostBindingHandler($event) { return ctx.handleChangeEvent($event.target == null ? null : $event.target["value"]); });
         } }, features: [i0.ɵɵProvidersFeature([
                 {
@@ -4604,7 +4894,7 @@ class TextValueAccessor extends ValueAccessor {
         type: Directive,
         args: [{
                 /* tslint:disable-next-line:directive-selector */
-                selector: 'x-input, x-textarea, x-select, x-auto-complete, x-cascader, x-color-picker, x-date-picker, x-editor, x-mentions, x-range-picker, x-segmented, x-time-picker, x-transfer, x-tree-select, x-upload, x-form-builder',
+                selector: 'x-input, x-input-icon, x-textarea, x-select, x-auto-complete, x-cascader, x-color-picker, x-date-picker, x-editor, x-mentions, x-range-picker, x-segmented, x-time-picker, x-transfer, x-tree-select, x-upload, x-form-builder',
                 host: {
                     '(xChange)': 'handleChangeEvent($event.target?.["value"])'
                 },
@@ -4726,13 +5016,7 @@ class RadioValueAccessor extends ValueAccessor {
     }], () => [{ type: i0.ElementRef }], null); })();
 
 // Unified Table Kit for standalone imports
-const XTableModule = [
-    XTable,
-    XTableRow,
-    XTableCell,
-    XTableDirective,
-    XRowCell,
-];
+const XTableModule = [XTable, XTableRow, XTableCell, XTableDirective, XRowCell];
 const XLABS_VALUE_ACCESSORS = [
     TextValueAccessor,
     BooleanValueAccessor,
@@ -4744,5 +5028,5 @@ const XLABS_VALUE_ACCESSORS = [
  * Generated bundle index. Do not edit.
  */
 
-export { BooleanValueAccessor, NumericValueAccessor, RadioValueAccessor, TextValueAccessor, XAddress, XAffix, XAlert, XAnchor, XAnchorLink, XApp, XAutoComplete, XAutoCompleteDropdownContent, XAvatar, XBackTop, XBadge, XBreadcrumb, XBreadcrumbItem, XButton, XCaptcha, XCard, XCarousel, XCascader, XCascaderDropdownContent, XCheckbox, XCol, XCollapse, XCollapsePanel, XColorPicker, XComment, XContent, XDatePicker, XDatePickerDropdownContent, XDescriptions, XDescriptionsItem, XDivider, XDrawer, XDrawerContent, XDropdown, XEditor, XEmpty, XFinder, XFlex, XFloatButton, XFooter, XForm, XFormBuilder, XFormItem, XHeader, XIcon, XImage, XInfiniteScroll, XInput, XInputNumber, XLABS_VALUE_ACCESSORS, XLayout, XList, XListItem, XMentions, XMenu, XMenuDivider, XMenuItem, XMenuItemGroup, XMenuSubmenu, XMessage, XModal, XModalContent, XNotification, XPageHeader, XPagination, XPopconfirm, XPopover, XProgress, XQrCode, XRadio, XRadioGroup, XRangePicker, XRangePickerDropdownContent, XRate, XResult, XRow, XRowCell, XSegmented, XSelect, XSelectDropdownContent, XSelectOption, XSider, XSkeleton, XSlider, XSpace, XSpin, XSplitter, XSplitterPanel, XStatistic, XStep, XSteps, XSwitch, XTabPane, XTable, XTableCell, XTableDirective, XTableModule, XTableRow, XTabs, XTag, XTextarea, XTimePicker, XTimePickerDropdownContent, XTimeline, XTimelineItem, XTooltip, XTour, XTourPanel, XTransfer, XTree, XTreeSelect, XTreeSelectDropdownContent, XTypography, XUpload, XVirtualScroll, XWorkflow, XWorkflowBuilder };
+export { BooleanValueAccessor, NumericValueAccessor, RadioValueAccessor, TextValueAccessor, XAddress, XAffix, XAlert, XAnchor, XAnchorLink, XApp, XAutoComplete, XAutoCompleteDropdownContent, XAvatar, XBackTop, XBadge, XBreadcrumb, XBreadcrumbItem, XButton, XCaptcha, XCard, XCarousel, XCascader, XCascaderDropdownContent, XCheckbox, XCodeEditor, XCol, XCollapse, XCollapsePanel, XColorPicker, XComment, XContent, XDatePicker, XDatePickerDropdownContent, XDescriptions, XDescriptionsItem, XDivider, XDrawer, XDrawerContent, XDropdown, XEditor, XEmpty, XFinder, XFlex, XFloatButton, XFooter, XForm, XFormBuilder, XFormItem, XHeader, XIcon, XIconPickerDropdownContent, XImage, XInfiniteScroll, XInput, XInputIcon, XInputNumber, XLABS_VALUE_ACCESSORS, XLayout, XLayoutAdmin, XLayoutDetail, XLayoutList, XList, XListItem, XLogin, XMentions, XMenu, XMenuDivider, XMenuItem, XMenuItemGroup, XMenuSubmenu, XMessage, XModal, XModalContent, XNotification, XPageHeader, XPagination, XPopconfirm, XPopover, XProgress, XQrCode, XRadio, XRadioGroup, XRangePicker, XRangePickerDropdownContent, XRate, XResult, XRow, XRowCell, XSegmented, XSelect, XSelectDropdownContent, XSelectOption, XSider, XSkeleton, XSlider, XSpace, XSpin, XSplitter, XSplitterPanel, XStatistic, XStep, XSteps, XSwitch, XTabPane, XTable, XTableCell, XTableDirective, XTableModule, XTableRow, XTabs, XTag, XTextarea, XTimePicker, XTimePickerDropdownContent, XTimeline, XTimelineItem, XTooltip, XTour, XTourPanel, XTransfer, XTree, XTreeSelect, XTreeSelectDropdownContent, XTypography, XUpload, XVirtualScroll, XWorkflow, XWorkflowBuilder };
 //# sourceMappingURL=xlabs-store-angular-standalone.mjs.map