@xlabs-store/core 0.0.2 → 0.0.3

package/components/p-CQQI-pRu.js

@@ -0,0 +1 @@
+import{t as e,p as t,H as r,d as o,h as a,c as l}from"./p-BLqwG7xa.js";import{t as i}from"./p-DFADJBLL.js";import{d as n}from"./p-CmfyRJYt.js";import{d as s}from"./p-CxMQkHjk.js";import{d as x}from"./p-CIOnWzKr.js";import{d as c}from"./p-C1_JmoB8.js";import{d}from"./p-BSLE4EQn.js";import{d as b}from"./p-D_184xNl.js";import{d as h}from"./p-Cf_74fjT.js";import{d as p}from"./p-Brr9Q7gj.js";import{d as f}from"./p-BoPZ9Se8.js";import{d as g}from"./p-BvOnPBRo.js";import{d as u}from"./p-DTPUsC3Q.js";import{d as m}from"./p-CgaLhv3u.js";import{d as v}from"./p-DtIk7IPf.js";class w{static getFlattenColumns(e){const t=[];return function e(r){r.forEach((r=>{r.hidden||(r.children&&r.children.length>0?e(r.children):t.push(r))}))}(e),t}static getColSpan(e){if(e.hidden)return 0;if(!e.children||0===e.children.length)return 1;const t=e.children.reduce(((e,t)=>e+this.getColSpan(t)),0);return 0===t?0:t}static getMaxDepth(e,t=0){let r=t+1;return e.forEach((e=>{if(!e.hidden&&e.children&&e.children.length>0){const o=this.getMaxDepth(e.children,t+1);o>r&&(r=o)}})),r}static getTableHeaderRows(e){const t=this.getMaxDepth(e),r=Array.from({length:t},(()=>[]));return function e(o,a){o.forEach((o=>{if(o.hidden)return;const l=w.getColSpan(o);if(0===l)return;const i={cell:o,rowSpan:1,colSpan:l};o.children&&0!==o.children.length?(i.rowSpan=1,e(o.children,a+1)):i.rowSpan=t-a,r[a].push(i)}))}(e,0),r}}class y{rowKey="key";state={dataSource:[],columns:[],currentPage:1,pageSize:10,sortState:{},filterState:{},searchState:{},selectedRowKeys:[],expandedRowKeys:[]};listeners=[];constructor(e="key"){this.rowKey=e}subscribe(e){return this.listeners.push(e),()=>{this.listeners=this.listeners.filter((t=>t!==e))}}notify(){this.listeners.forEach((e=>e()))}setState(e){this.state={...this.state,...e},this.notify()}setRowKey(e){this.rowKey=e}getRowKey(e,t){return"function"==typeof this.rowKey?this.rowKey(e):e[this.rowKey]??t??0}getCellValue(e,t,r){const o=t||r;if(o)return Array.isArray(o)?o.reduce(((e,t)=>e?.[t]),e):e[o]}toggleSelection(e,t="checkbox"){const r=this.getRowKey(e),o=this.state.selectedRowKeys.includes(r);let a;return a="radio"===t?o?[]:[r]:o?this.state.selectedRowKeys.filter((e=>e!==r)):[...this.state.selectedRowKeys,r],this.setState({selectedRowKeys:a}),a}selectAll(e,t){const r=this.state.dataSource.filter((e=>{const r=t?.(e);return!r?.disabled})),o=e?r.map((e=>this.getRowKey(e))):[];return this.setState({selectedRowKeys:o}),o}sort(e,t){const r=e.key||(Array.isArray(e.dataIndex)?e.dataIndex.join("."):e.dataIndex)||"";let o=null;if(this.state.sortState.columnKey!==r)o=t[0];else{const e=t.indexOf(this.state.sortState.order);o=t[e+1]||null}this.setState({sortState:o?{columnKey:r,field:e.dataIndex,order:o}:{}})}getProcessedData(){let e=[...this.state.dataSource];Object.keys(this.state.filterState).forEach((t=>{const r=this.state.filterState[t];if(r&&r.length>0){const o=this.state.columns.find((e=>(e.key||e.dataIndex)===t));o?.onFilter&&(e=e.filter((e=>r.some((t=>o.onFilter?.(t,e))))))}})),this.state.searchState&&Object.keys(this.state.searchState).forEach((t=>{const r=this.state.searchState[t];if(null!=r&&""!==r){const o=this.state.columns.find((e=>(e.key||e.dataIndex)===t));o&&(e=e.filter(o.onFilter?e=>o.onFilter?.(r,e):e=>{const t=this.getCellValue(e,o.dataIndex,o.key);return null!=t&&String(t).toLowerCase().includes(String(r).toLowerCase())}))}}));const{columnKey:t,order:r}=this.state.sortState;if(t&&r){const o=this.state.columns.find((e=>(e.key||e.dataIndex)===t));if(o?.sorter){const t=("function"==typeof o.sorter?o.sorter:o.sorter.compare)||((e,t)=>{const r=this.getCellValue(e,o.dataIndex,o.key),a=this.getCellValue(t,o.dataIndex,o.key);return r<a?-1:r>a?1:0});e.sort(((e,o)=>{const a=t(e,o);return"descend"===r?-a:a}))}}return e}getPaginatedData(e){const t=(this.state.currentPage-1)*this.state.pageSize;return e.length>0&&t>=e.length?e:e.slice(t,t+this.state.pageSize)}toggleExpand(e){const t=this.getRowKey(e),r=this.state.expandedRowKeys.includes(t)?this.state.expandedRowKeys.filter((e=>e!==t)):[...this.state.expandedRowKeys,t];return this.setState({expandedRowKeys:r}),r}goToPage(e){this.setState({currentPage:e})}setPageSize(e){this.setState({pageSize:e,currentPage:1})}}const k=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.xChange=o(this,"xChange",7),this.xRowClick=o(this,"xRowClick",7),this.xRowDoubleClick=o(this,"xRowDoubleClick",7),this.xSelectionChange=o(this,"xSelectionChange",7),this.xExpand=o(this,"xExpand",7),this.xExpandedRowsChange=o(this,"xExpandedRowsChange",7),this.xColumnSort=o(this,"xColumnSort",7),this.xDragSort=o(this,"xDragSort",7),this.xDataDisplayChange=o(this,"xDataDisplayChange",7)}get el(){return this}tableService;columns=[];dataSource=[];rowKey="key";size="large";tableLayout="auto";bordered=!1;loading=!1;showHeader=!0;tableTitle;tableFooter;rowSelection;expandable;tableScroll;pagination;showSorterTooltip=!0;sortDirections=["ascend","descend"];sticky;virtual=!1;emptyText=i("Empty.description",{},"No Data");rowClassName;rowEvents;clickable=!1;resizableColumns=!1;draggableColumns=!1;draggableRows=!1;headerRowEvents;classNames;styles;xChange;xRowClick;xRowDoubleClick;xSelectionChange;xExpand;xExpandedRowsChange;xColumnSort;xDragSort;xDataDisplayChange;currentPage=1;currentPageSize=10;sortState={};filterState={};selectedRowKeys=[];expandedRowKeys=[];internalColumns=[];internalDataSource=[];resizeState=null;draggedColumnKey=null;dragOverColumnKey=null;dragOverColumnSide=null;draggedRowKey=null;dragOverRowKey=null;dragOverRowSide=null;searchState={};componentWillLoad(){if(this.tableService=new y(this.rowKey),this.tableService.state.columns=w.getFlattenColumns(this.columns),this.tableService.state.dataSource=this.dataSource,this.searchState={},this.tableService.subscribe((()=>{})),this.internalColumns=this.tableService.state.columns,this.internalDataSource=[...this.dataSource],this.pagination){const e=this.pagination;this.tableService.state.currentPage=e.defaultCurrent||e.current||1,this.tableService.state.pageSize=e.defaultPageSize||e.pageSize||10,this.currentPage=this.tableService.state.currentPage,this.currentPageSize=this.tableService.state.pageSize}this.rowSelection&&(this.tableService.state.selectedRowKeys=this.rowSelection.defaultSelectedRowKeys||this.rowSelection.selectedRowKeys||[],this.selectedRowKeys=this.tableService.state.selectedRowKeys)}handleRowKeyChange(){this.tableService.setRowKey(this.rowKey)}handleColumnsChange(){this.internalColumns=w.getFlattenColumns(this.columns)}handleDataSourceChange(){this.internalDataSource=[...this.dataSource]}handleRowSelectionChange(){void 0!==this.rowSelection?.selectedRowKeys&&(this.selectedRowKeys=this.rowSelection.selectedRowKeys)}handleExpandableChange(){void 0!==this.expandable?.expandedRowKeys&&(this.expandedRowKeys=this.expandable.expandedRowKeys)}handlePaginationChange(){this.pagination&&"object"==typeof this.pagination&&(void 0!==this.pagination.current&&(this.currentPage=this.pagination.current),void 0!==this.pagination.pageSize&&(this.currentPageSize=this.pagination.pageSize))}async getSelectedRowKeys(){return this.selectedRowKeys}async setSelectedRowKeys(e){this.selectedRowKeys=e}async clearSelection(){this.selectedRowKeys=[]}async getExpandedRowKeys(){return this.expandedRowKeys}async scrollToRow(e){const t=this.el.shadowRoot?.querySelector(".x-table-body");t&&void 0!==e.top&&(t.scrollTop=e.top)}getRowKey(e,t){return"function"==typeof this.rowKey?this.rowKey(e):e[this.rowKey]??t??0}getRowClassName(e,t){return this.rowClassName?"function"==typeof this.rowClassName?this.rowClassName(e,t):this.rowClassName:""}getCellValue(e,t,r){const o=t||r;if(o)return Array.isArray(o)?o.reduce(((e,t)=>e?.[t]),e):e[o]}getProcessedData(){return this.tableService.setState({dataSource:this.internalDataSource,columns:this.internalColumns,filterState:this.filterState,sortState:this.sortState,searchState:this.searchState}),this.tableService.getProcessedData()}getPaginatedData(){const e=this.getProcessedData();return!1===this.pagination?e:(this.tableService.setState({currentPage:this.currentPage,pageSize:this.currentPageSize}),this.tableService.getPaginatedData(e))}handleSort(e){e.sorter&&(this.tableService.sort(e,this.sortDirections),this.sortState=this.tableService.state.sortState,this.emitChange("sort"))}handlePageChange(e,t){t!==this.currentPageSize?(this.tableService.setPageSize(t),this.tableService.goToPage(e)):this.tableService.goToPage(e),this.currentPage=this.tableService.state.currentPage,this.currentPageSize=this.tableService.state.pageSize,this.emitChange("paginate")}handleRowClick(e,t,r){const o="function"==typeof this.clickable?this.clickable(e,t):this.clickable,a=e.children,l=a&&a.length>0,i=this.shouldShowExpandColumn()&&(l||!1!==this.expandable?.rowExpandable?.(e));if(!(o||this.rowSelection||this.expandable?.expandRowByClick||i))return;this.xRowClick.emit({record:e,index:t,event:r}),this.rowSelection&&this.toggleRowSelection(e),(this.expandable?.expandRowByClick||i)&&this.toggleRowExpand(e);const n=this.rowEvents?.(e,t);n?.onClick?.(r)}handleRowDoubleClick(e,t,r){this.xRowDoubleClick.emit({record:e,index:t,event:r});const o=this.rowEvents?.(e,t);o?.onDoubleClick?.(r)}toggleRowSelection(e){this.selectedRowKeys.includes(this.getRowKey(e));const t=this.tableService.toggleSelection(e,this.rowSelection?.type);this.selectedRowKeys=t;const r=this.internalDataSource.filter((e=>t.includes(this.getRowKey(e))));this.xSelectionChange.emit({selectedRowKeys:t,selectedRows:r,info:{type:"single"}}),this.rowSelection?.onChange?.(t,r,{type:"single"})}toggleRowExpand(e){const t=this.expandedRowKeys.includes(this.getRowKey(e)),r=this.tableService.toggleExpand(e);this.expandedRowKeys=r,this.xExpand.emit({expanded:!t,record:e}),this.xExpandedRowsChange.emit({expandedKeys:r}),this.expandable?.onExpand?.(!t,e),this.expandable?.onExpandedRowsChange?.(r)}handleSelectAll(e){const t=this.tableService.selectAll(e,this.rowSelection?.getCheckboxProps);this.selectedRowKeys=t;const r=this.internalDataSource.filter((e=>t.includes(this.getRowKey(e)))),o=this.internalDataSource.filter((e=>!this.rowSelection?.getCheckboxProps?.(e)?.disabled));this.xSelectionChange.emit({selectedRowKeys:t,selectedRows:r,info:{type:e?"all":"none"}}),this.rowSelection?.onChange?.(t,r,{type:e?"all":"none"}),this.rowSelection?.onSelectAll?.(e,r,o)}emitChange(e){console.log("emitChange",e),this.xChange.emit({pagination:{current:this.currentPage,pageSize:this.currentPageSize,total:this.getProcessedData().length},filters:this.filterState,sorter:this.sortState,extra:{currentDataSource:this.getProcessedData(),action:e}})}renderSortIcon(e){if(!e.sorter)return null;const t=this.sortState.columnKey===(e.key||e.dataIndex)?this.sortState.order:null;return a("span",{class:"x-table-column-sorter"},a("span",{class:"x-table-column-sorter-inner"},a("span",{class:{"x-table-column-sorter-up":!0,active:"ascend"===t}},a("svg",{viewBox:"0 0 1024 1024",width:"1em",height:"1em",fill:"currentColor"},a("path",{d:"M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"}))),a("span",{class:{"x-table-column-sorter-down":!0,active:"descend"===t}},a("svg",{viewBox:"0 0 1024 1024",width:"1em",height:"1em",fill:"currentColor"},a("path",{d:"M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"})))))}shouldShowExpandColumn(){return!!this.expandable&&(!!this.expandable.expandedRowRender||this.internalDataSource.some((e=>e.children&&e.children.length>0)))}renderSelectionColumn(e=1){if(!this.rowSelection)return null;const t=this.internalDataSource.length>0&&this.internalDataSource.every((e=>{const t=this.rowSelection?.getCheckboxProps?.(e);return t?.disabled||this.selectedRowKeys.includes(this.getRowKey(e))}));return a("th",{class:"x-table-cell x-table-selection-column",rowSpan:e},"radio"!==this.rowSelection.type&&!this.rowSelection.hideSelectAll&&a("label",{class:"x-table-selection-checkbox"},a("input",{type:"checkbox",checked:t,indeterminate:this.selectedRowKeys.length>0&&!t,onChange:e=>this.handleSelectAll(e.target.checked)}),a("span",{class:"x-table-checkbox-inner"})))}renderExpandColumn(e=1){return this.shouldShowExpandColumn()?a("th",{class:"x-table-cell x-table-expand-column",rowSpan:e},this.expandable.columnTitle||""):null}hasSearchableColumns(){return this.internalColumns.some((e=>e.searchable))}handleSearchChange(e,t){this.searchState={...this.searchState,[e]:t},this.currentPage=1,this.tableService.goToPage(1),this.emitChange("filter")}renderSearchCell(e,t){if(e.hidden)return null;const r={},o=e.key||e.dataIndex,l="left"===e.fixed||!0===e.fixed,n="right"===e.fixed;l&&o&&void 0!==t.left[o]&&(r.position="sticky",r.left=`${t.left[o]}px`,r.zIndex="3"),n&&o&&void 0!==t.right[o]&&(r.position="sticky",r.right=`${t.right[o]}px`,r.zIndex="3");const s=!0===e.searchable;return a("th",{class:{"x-table-cell":!0,"x-table-cell-search":!0,"x-table-cell-fix-left":l,"x-table-cell-fix-right":n,"x-table-cell-fix-left-last":l&&o===t.lastFixedLeftKey,"x-table-cell-fix-right-first":n&&o===t.firstFixedRightKey,[`x-table-align-${e.align||"left"}`]:!0},style:r},s?e.filters&&e.filters.length>0?a("select",{class:"x-table-search-select",ref:e=>{e&&(e.value=this.searchState[o]||"")},onChange:e=>this.handleSearchChange(o,e.target.value)},a("option",{value:""},"-"),e.filters.map((e=>a("option",{value:String(e.value)},e.text)))):a("div",{class:"x-table-search-input-wrapper"},a("input",{type:"text",class:"x-table-search-input",placeholder:i("Search.placeholder",{},"Search..."),value:this.searchState[o]||"",onInput:e=>this.handleSearchChange(o,e.target.value)})):null)}renderSearchRow(e){return a("tr",{class:"x-table-search-row"},this.draggableRows&&a("th",{class:"x-table-cell x-table-drag-column"}),this.rowSelection&&a("th",{class:"x-table-cell x-table-selection-column"}),this.shouldShowExpandColumn()&&a("th",{class:"x-table-cell x-table-expand-column"}),this.internalColumns.map((t=>this.renderSearchCell(t,e))))}activeFilterColumn=null;handleFilterDropdownOpenChange(e,t){t?this.activeFilterColumn=e:this.activeFilterColumn===e&&(this.activeFilterColumn=null);const r=this.internalColumns.find((t=>(t.key||t.dataIndex)===e));r?.onFilterDropdownOpenChange?.(t)}handleFilterChange(e,t,r,o){const a=this.filterState[e]||[];let l;l=o?r?[...a,t]:a.filter((e=>e!==t)):r?[t]:[],this.filterState={...this.filterState,[e]:l},this.emitChange("filter")}handleFilterReset(e){this.filterState={...this.filterState,[e]:null},this.emitChange("filter"),this.activeFilterColumn=null}handleFilterConfirm(){this.activeFilterColumn=null}renderFilterDropdown(e){if(!e.filters||0===e.filters.length)return null;const t=e.key||e.dataIndex,r=!1!==e.filterMultiple,o=this.filterState[t]||[];return a("div",{class:"x-table-filter-dropdown-content",slot:"content"},a("ul",{class:"x-table-filter-menu"},e.filters.map((e=>{const l=o.includes(e.value);return a("li",{class:"x-table-filter-menu-item",onClick:o=>{o.stopPropagation(),this.handleFilterChange(t,e.value,!l,r)}},r?a("x-checkbox",{checked:l,onClick:e=>e.stopPropagation(),onChange:()=>{}},e.text):a("x-radio",{checked:l},e.text))}))),a("div",{class:"x-table-filter-dropdown-btns"},a("x-button",{size:"small",type:"text",onClick:()=>this.handleFilterReset(t)},i("Table.filterReset",{},"Reset")),a("x-button",{size:"small",type:"primary",onClick:()=>this.handleFilterConfirm()},i("Table.filterConfirm",{},"OK"))))}renderFilterIcon(e){if(!e.filters)return null;const t=e.key||e.dataIndex,r=this.activeFilterColumn===t;return a("x-popover",{trigger:"click",placement:"bottom",open:r,class:"x-table-filter-trigger-container",onXOpenChange:e=>this.handleFilterDropdownOpenChange(t,e.detail)},a("span",{class:{"x-table-filter-trigger":!0,active:this.filterState[t]?.length>0||r}},a("svg",{viewBox:"0 0 1024 1024",width:"1em",height:"1em",fill:"currentColor"},a("path",{d:"M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"}))),this.renderFilterDropdown(e))}handleResizeStart(e,t){e.stopPropagation(),e.preventDefault();const r=this.internalColumns.filter((e=>!e.hidden)),o=t.key||t.dataIndex,a=r.findIndex((e=>(e.key||e.dataIndex)===o)),l=r[a+1],i=e.target.closest("th"),n=("number"==typeof t.width?t.width:i?.getBoundingClientRect().width)||100;let s=null;l&&(s=("number"==typeof l.width?l.width:i?.nextElementSibling?.getBoundingClientRect().width)||100),this.resizeState={prevKey:t.key||t.dataIndex,nextKey:l?l.key||l.dataIndex:null,startX:e.pageX,startPrevWidth:n,startNextWidth:s,isResizing:!1},window.addEventListener("mousemove",this.handleResizeMove),window.addEventListener("mouseup",this.handleResizeEnd),document.body.style.cursor="col-resize",document.body.style.userSelect="none"}handleResizeMove=e=>{if(!this.resizeState)return;const{prevKey:t,nextKey:r,startX:o,startPrevWidth:a,startNextWidth:l,isResizing:i}=this.resizeState,n=e.pageX-o;if(!i&&Math.abs(n)<2)return;i||(this.resizeState={...this.resizeState,isResizing:!0});const s=this.internalColumns.filter((e=>!e.hidden)),x=s.find((e=>(e.key||e.dataIndex)===t)),c=r?s.find((e=>(e.key||e.dataIndex)===r)):null;if(x)if(c&&null!==l){const e=a+l,o=Math.max(x.minWidth||50,e-(c.maxWidth||2e3)),i=Math.min(x.maxWidth||2e3,e-(c.minWidth||50));let s=a+n;s=Math.max(o,Math.min(i,s));const d=e-s;this.internalColumns=this.internalColumns.map((e=>{const o=e.key||e.dataIndex;return o===t?{...e,width:s}:o===r?{...e,width:d}:e}))}else{const e=Math.max(a+n,x.minWidth||50);this.internalColumns=this.internalColumns.map((r=>(r.key||r.dataIndex)===t?{...r,width:e}:r))}};handleResizeEnd=()=>{this.resizeState=null,window.removeEventListener("mousemove",this.handleResizeMove),window.removeEventListener("mouseup",this.handleResizeEnd),document.body.style.cursor="",document.body.style.userSelect="",this.emitChange("sort")};handleColumnDragStart(e,t){this.draggedColumnKey=t.key||t.dataIndex,e.dataTransfer&&(e.dataTransfer.effectAllowed="move")}handleColumnDragOver(e,t){e.preventDefault();const r=t.key||t.dataIndex;if(this.draggedColumnKey===r)return this.dragOverColumnKey=null,void(this.dragOverColumnSide=null);const o=e.currentTarget.getBoundingClientRect();this.dragOverColumnSide=e.clientX-o.left<o.width/2?"left":"right",this.dragOverColumnKey=r,e.dataTransfer.dropEffect="move"}handleColumnDragLeave=()=>{this.dragOverColumnKey=null,this.dragOverColumnSide=null};handleColumnDragEnd=()=>{this.draggedColumnKey=null,this.dragOverColumnKey=null,this.dragOverColumnSide=null};handleColumnDrop(e,t){e.preventDefault();const r=t.key||t.dataIndex,o=this.draggedColumnKey,a=this.dragOverColumnSide;if(this.draggedColumnKey=null,this.dragOverColumnKey=null,this.dragOverColumnSide=null,!o||o===r)return;const l=this.internalColumns.findIndex((e=>(e.key||e.dataIndex)===o));let i=this.internalColumns.findIndex((e=>(e.key||e.dataIndex)===r));if(l>-1&&i>-1){const e=[...this.internalColumns],[t]=e.splice(l,1);i=e.findIndex((e=>(e.key||e.dataIndex)===r)),"right"===a&&(i+=1),e.splice(i,0,t),this.internalColumns=e,this.xColumnSort.emit({columns:e})}}handleRowDragStart(e,t){const r=this.getRowKey(t);this.draggedRowKey=r,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",String(r)));const o=e.currentTarget,a=document.createElement("div");a.style.position="absolute",a.style.top="-1000px",a.style.left="-1000px",a.style.width=`${o.offsetWidth}px`,a.style.height=`${o.offsetHeight}px`,a.style.background="var(--x-color-bg-container, #fff)",a.style.boxShadow="0 8px 16px rgba(0,0,0,0.15)",a.style.borderRadius="4px",a.style.display="flex",a.style.alignItems="center",a.style.padding="0 16px",a.style.border="1px solid var(--x-color-primary, #1677ff)",a.style.zIndex="9999",a.style.pointerEvents="none";const l=o.querySelector(".x-table-cell:not(.x-table-drag-column)")?.textContent||"Dragging row...";a.innerText=l,document.body.appendChild(a),e.dataTransfer&&e.dataTransfer.setDragImage(a,20,20),setTimeout((()=>{document.body.contains(a)&&document.body.removeChild(a)}),0)}handleRowDragOver(e,t){e.preventDefault();const r=this.getRowKey(t);if(this.draggedRowKey===r)return this.dragOverRowKey=null,void(this.dragOverRowSide=null);const o=e.currentTarget.getBoundingClientRect();this.dragOverRowSide=e.clientY-o.top<o.height/2?"top":"bottom",this.dragOverRowKey=r,e.dataTransfer.dropEffect="move"}handleRowDragLeave=()=>{this.dragOverRowKey=null,this.dragOverRowSide=null};handleRowDragEnd=()=>{this.draggedRowKey=null,this.dragOverRowKey=null,this.dragOverRowSide=null};handleRowDrop(e,t){e.preventDefault();const r=this.getRowKey(t),o=this.draggedRowKey,a=this.dragOverRowSide;if(this.draggedRowKey=null,this.dragOverRowKey=null,this.dragOverRowSide=null,null===o||o===r)return;const l=this.internalDataSource.findIndex((e=>this.getRowKey(e)===o));let i=this.internalDataSource.findIndex((e=>this.getRowKey(e)===r));if(l>-1&&i>-1){const e=[...this.internalDataSource],[t]=e.splice(l,1);i=e.findIndex((e=>this.getRowKey(e)===r)),"bottom"===a&&(i+=1),e.splice(i,0,t),this.internalDataSource=e,this.xDragSort.emit({dataSource:e})}}getStickyOffsets(){const e={},t={};let r=null,o=null;const a=this.internalColumns.filter((e=>!e.hidden));let l=0;a.forEach((t=>{const o=t.key||t.dataIndex;"left"!==t.fixed&&!0!==t.fixed||(e[o]=l,l+="number"==typeof t.width?t.width:0,r=o)}));let i=0;for(let e=a.length-1;e>=0;e--){const r=a[e],l=r.key||r.dataIndex;"right"===r.fixed&&(t[l]=i,i+="number"==typeof r.width?r.width:0,o=l)}return{leftOffsets:e,rightOffsets:t,lastFixedLeftKey:r,firstFixedRightKey:o}}renderHeaderCell(e,t,r,o=1,l=1){if(e.hidden)return null;const i={};e.minWidth&&(i.minWidth=`${e.minWidth}px`),e.maxWidth&&(i.maxWidth=`${e.maxWidth}px`),e.width&&(i.width="number"==typeof e.width?`${e.width}px`:e.width);const n=w.getFlattenColumns([e]),s=n[0],x=n[n.length-1],c=s?s.key||s.dataIndex:e.key||e.dataIndex,d=x?x.key||x.dataIndex:e.key||e.dataIndex,b="left"===e.fixed||!0===e.fixed||s&&("left"===s.fixed||!0===s.fixed),h="right"===e.fixed||x&&"right"===x.fixed;b&&c&&void 0!==t.left[c]&&(i.position="sticky",i.left=`${t.left[c]}px`,i.zIndex="3"),h&&d&&void 0!==t.right[d]&&(i.position="sticky",i.right=`${t.right[d]}px`,i.zIndex="3");const p=e.key||e.dataIndex,f=!!e.sorter,g=!0===e.resize&&1===l,u=this.draggableColumns&&1===l;return a("th",{class:{"x-table-cell":!0,"x-table-cell-sortable":f,"x-table-cell-filtered":!!this.filterState[p]?.length,"x-table-cell-fix-left":b,"x-table-cell-fix-right":h,"x-table-cell-fix-left-last":b&&p===t.lastFixedLeftKey,"x-table-cell-fix-right-first":h&&p===t.firstFixedRightKey,[`x-table-align-${e.align||"left"}`]:!0,[e.className||""]:!!e.className,"x-table-cell-resizable":g,"x-table-cell-draggable":u,"x-table-cell-dragging":this.draggedColumnKey===p,"x-table-cell-drag-over-left":this.dragOverColumnKey===p&&"left"===this.dragOverColumnSide,"x-table-cell-drag-over-right":this.dragOverColumnKey===p&&"right"===this.dragOverColumnSide},style:i,colSpan:l,rowSpan:o,draggable:u,onDragStart:u?t=>this.handleColumnDragStart(t,e):void 0,onDragOver:u?t=>this.handleColumnDragOver(t,e):void 0,onDragLeave:u?this.handleColumnDragLeave:void 0,onDragEnd:u?this.handleColumnDragEnd:void 0,onDrop:u?t=>this.handleColumnDrop(t,e):void 0,onClick:t=>{!f||t.target.closest(".x-table-filter-trigger-container")||t.target.closest(".x-table-resize-handle")||this.handleSort(e)}},a("div",{class:"x-table-column-title"},a("span",{class:"x-table-column-title-text"},e.title),this.renderSortIcon(e),this.renderFilterIcon(e)),g&&!r&&a("div",{class:"x-table-resize-handle",onMouseDown:t=>this.handleResizeStart(t,e),onClick:e=>e.stopPropagation()}))}renderHeader(e){if(!this.showHeader)return null;const t=w.getTableHeaderRows(this.columns),r=t.length;return a("thead",{class:{"x-table-thead":!0,[this.classNames?.header||""]:!!this.classNames?.header},style:this.styles?.header},t.map(((t,o)=>a("tr",null,0===o&&this.renderDragColumn(r),0===o&&this.renderSelectionColumn(r),0===o&&this.renderExpandColumn(r),t.map(((r,o)=>this.renderHeaderCell(r.cell,e,o===t.length-1,r.rowSpan,r.colSpan)))))),this.hasSearchableColumns()&&this.renderSearchRow(e))}renderDragColumn(e=1){return this.draggableRows?a("th",{class:"x-table-cell x-table-drag-column",rowSpan:e}):null}renderSelectionCell(e){if(!this.rowSelection)return null;const t=this.getRowKey(e),r=this.selectedRowKeys.includes(t),o=this.rowSelection.getCheckboxProps?.(e),l="radio"===this.rowSelection.type;return a("td",{class:"x-table-cell x-table-selection-column"},a("label",{class:"x-table-selection-checkbox",onClick:e=>e.stopPropagation()},a("input",{type:l?"radio":"checkbox",name:l?`x-table-radio-${this.el.id||"default"}`:void 0,checked:r,disabled:o?.disabled,onChange:()=>this.toggleRowSelection(e)}),a("span",{class:l?"x-table-radio-inner":"x-table-checkbox-inner"})))}renderExpandCell(e,t){if(!this.shouldShowExpandColumn())return null;const r=e.children,o=r&&r.length>0,l="function"==typeof this.clickable?this.clickable(e,t):this.clickable,i=this.getRowKey(e),n=this.expandedRowKeys.includes(i);let s=o||!1!==this.expandable?.rowExpandable?.(e);return l&&!o&&(s=!1),s||this.expandable.showExpandColumn?a("td",{class:"x-table-cell x-table-expand-column"},a("button",{class:{"x-table-row-expand-icon":!0,"x-table-row-expand-icon-expanded":n,"x-table-row-expand-icon-collapsed":!n},onClick:t=>{t.stopPropagation(),this.toggleRowExpand(e)},disabled:!s},a("svg",{viewBox:"0 0 1024 1024",width:"1em",height:"1em",fill:"currentColor"},a("path",n?{d:"M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"}:{d:"M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"})))):a("td",{class:"x-table-cell x-table-expand-column"})}renderDragCell(e){return this.draggableRows?a("td",{class:"x-table-cell x-table-drag-column"},a("div",{class:"x-table-drag-handle"},a("svg",{viewBox:"0 0 24 24",width:"1em",height:"1em",fill:"currentColor"},a("path",{d:"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})))):null}renderColGroup(){const e=this.internalColumns.filter((e=>!e.hidden)),t=this.draggableRows,r=!!this.rowSelection,o=this.shouldShowExpandColumn(),l="number"==typeof this.rowSelection?.columnWidth?`${this.rowSelection.columnWidth}px`:this.rowSelection?.columnWidth||"32px",i="number"==typeof this.expandable?.columnWidth?`${this.expandable.columnWidth}px`:this.expandable?.columnWidth||"32px";return a("colgroup",null,t&&a("col",{style:{width:"32px"}}),r&&a("col",{style:{width:l}}),o&&a("col",{style:{width:i}}),e.map((e=>{const t={};return e.width&&(t.width="number"==typeof e.width?`${e.width}px`:e.width),e.minWidth&&(t.minWidth="number"==typeof e.minWidth?`${e.minWidth}px`:e.minWidth),e.maxWidth&&(t.maxWidth="number"==typeof e.maxWidth?`${e.maxWidth}px`:e.maxWidth),a("col",{style:t})})))}renderBodyCell(e,t,o,l){if(e.hidden)return null;const i=this.getCellValue(t,e.dataIndex,e.key);let n;n=e.slot?a("slot",{name:`${e.slot}-${o}`}):e.render?e.render(i,t,o):i;const s={};e.width&&(s.width="number"==typeof e.width?`${e.width}px`:e.width);const x=e.key||e.dataIndex,c="left"===e.fixed||!0===e.fixed,d="right"===e.fixed;c&&(s.position="sticky",s.left=`${l.left[x]}px`),d&&(s.position="sticky",s.right=`${l.right[x]}px`);const b=t._indent||0,h=0===this.internalColumns.indexOf(e),p=e.ellipsis,f=!!p,g="object"==typeof p&&p.rows||1,u=f&&("object"!=typeof p||!1!==p.showTitle),m=a("div",{class:{"x-table-cell-content":!0,"x-table-cell-line-clamp":g>1},style:g>1?{"--x-table-cell-line-clamp":`${g}`}:{},innerHTML:"string"==typeof n?n:void 0},n instanceof r?a("div",{ref:e=>{e&&e.firstChild!==n&&(e.innerHTML="",e.appendChild(n))}}):"string"!=typeof n?n:null);return a("td",{class:{"x-table-cell":!0,"x-table-cell-ellipsis":f,"x-table-cell-fix-left":c,"x-table-cell-fix-right":d,"x-table-cell-fix-left-last":c&&x===l.lastFixedLeftKey,"x-table-cell-fix-right-first":d&&x===l.firstFixedRightKey,[`x-table-align-${e.align||"left"}`]:!0,[e.className||""]:!!e.className,[this.classNames?.cell||""]:!!this.classNames?.cell},style:{...s,...this.styles?.cell},colSpan:e.colSpan,rowSpan:e.rowSpan},a("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"===e.align?"center":"right"===e.align?"flex-end":"flex-start"}},h&&b>0&&a("span",{style:{width:20*b+"px",flexShrink:"0"}}),u?a("x-tooltip",{title:"string"==typeof i?i:void 0,placement:"top"},m):m))}renderExpandedRow(e,t,r=0){if(!this.expandable?.expandedRowRender)return null;const o=this.getRowKey(e);if(!this.expandedRowKeys.includes(o))return null;const l=this.internalColumns.filter((e=>!e.hidden)).length+(this.rowSelection?1:0)+(this.expandable?1:0)+(this.draggableRows?1:0),i=this.expandable.expandedRowRender(e,t,r,!0);return null==i?null:a("tr",{class:"x-table-expanded-row"},a("td",{colSpan:l,class:"x-table-expanded-row-cell"},i))}renderRow(e,t,r,o=0){const l=this.getRowKey(e,t),i=this.selectedRowKeys.includes(l),n=this.expandedRowKeys.includes(l),s="function"==typeof this.clickable?this.clickable(e,t):this.clickable,x=e.children,c=x&&x.length>0,d=this.shouldShowExpandColumn()&&(c||!1!==this.expandable?.rowExpandable?.(e)),b=s||!!this.rowSelection||!!this.expandable?.expandRowByClick||d,h=this.internalColumns.filter((e=>!e.hidden)),p={...e,_indent:o},f=[a("tr",{key:l,class:{"x-table-row":!0,"x-table-row-selected":i,"x-table-row-expanded":n,"x-table-row-clickable":b,"x-table-row-dragging":this.draggedRowKey===l,"x-table-row-drag-over-top":this.dragOverRowKey===l&&"top"===this.dragOverRowSide,"x-table-row-drag-over-bottom":this.dragOverRowKey===l&&"bottom"===this.dragOverRowSide,[this.getRowClassName(e,t)]:!!this.getRowClassName(e,t),[this.classNames?.row||""]:!!this.classNames?.row},style:this.styles?.row,onClick:r=>this.handleRowClick(e,t,r),onDblClick:r=>this.handleRowDoubleClick(e,t,r),draggable:this.draggableRows,onDragStart:this.draggableRows?t=>this.handleRowDragStart(t,e):void 0,onDragOver:this.draggableRows?t=>this.handleRowDragOver(t,e):void 0,onDragLeave:this.draggableRows?this.handleRowDragLeave:void 0,onDragEnd:this.draggableRows?this.handleRowDragEnd:void 0,onDrop:this.draggableRows?t=>this.handleRowDrop(t,e):void 0},this.renderDragCell(e),this.renderSelectionCell(e),this.renderExpandCell(e,t),h.map((e=>this.renderBodyCell(e,p,t,r))))];return this.expandable?.expandedRowRender&&n&&f.push(this.renderExpandedRow(e,t,o)),c&&n&&x.forEach(((e,t)=>{f.push(...this.renderRow(e,t,r,o+1))})),f}hasCustomRows(){return Array.from(this.el.children).some((e=>"X-TABLE-ROW"===e.tagName))}renderBody(e){if(this.hasCustomRows())return a("tbody",{class:{"x-table-tbody":!0,[this.classNames?.body||""]:!!this.classNames?.body},style:this.styles?.body},a("slot",null));const t=this.getPaginatedData();if(0===t.length){const e=this.internalColumns.filter((e=>!e.hidden)).length+(this.rowSelection?1:0)+(this.expandable?.expandedRowRender?1:0);return a("tbody",{class:{"x-table-tbody":!0,[this.classNames?.body||""]:!!this.classNames?.body},style:this.styles?.body},a("tr",{class:"x-table-placeholder"},a("td",{colSpan:e,class:"x-table-cell"},a("div",{class:"x-table-empty"},a("x-empty",{description:this.emptyText})))))}return a("tbody",{class:{"x-table-tbody":!0,[this.classNames?.body||""]:!!this.classNames?.body},style:this.styles?.body},t.map(((t,r)=>this.renderRow(t,r,e))))}renderPagination(e){if(!1===this.pagination)return null;const t=this.pagination||{},r=void 0!==t.total?t.total:this.getProcessedData().length;if(t.hideOnSinglePage&&r<=this.currentPageSize)return null;const o=(t.position||["bottomRight"]).filter((t=>{if(!e)return!0;const r=t.startsWith("top");return"top"===e?r:!r}));return 0===o.length?null:o.map((e=>{const o=e.startsWith("top"),l=e.replace("top","").replace("bottom","").toLowerCase()||"right";return a("div",{key:`${e}-${o}`,class:{"x-table-pagination":!0,["x-table-pagination-"+(o?"top":"bottom")]:!0,[`x-table-pagination-${l}`]:!0}},a("x-pagination",{current:this.currentPage,pageSize:this.currentPageSize,total:r,pageSizeOptions:t.pageSizeOptions,showSizeChanger:t.showSizeChanger,showQuickJumper:t.showQuickJumper,showTotal:t.showTotal,simple:t.simple,size:"small"===t.size?"small":"middle",disabled:t.disabled,onXChange:e=>{const{current:t,pageSize:r}=e.detail;this.handlePageChange(t,r)}}))}))}renderTitle(){return this.tableTitle?a("div",{class:"x-table-title"},this.tableTitle):null}renderFooter(){return this.tableFooter?a("div",{class:{"x-table-footer":!0,[this.classNames?.footer||""]:!!this.classNames?.footer},style:this.styles?.footer},this.tableFooter):null}render(){const e={},t={};this.tableScroll?.x&&(e.overflowX="auto","number"==typeof this.tableScroll.x?t.minWidth=`${this.tableScroll.x}px`:"string"==typeof this.tableScroll.x?t.minWidth=this.tableScroll.x:!0===this.tableScroll.x&&(t.minWidth="max-content")),this.tableScroll?.y&&(e.overflowY="auto",e.maxHeight="number"==typeof this.tableScroll.y?`${this.tableScroll.y}px`:this.tableScroll.y);const r={tableLayout:this.tableLayout},o=this.pagination&&"object"==typeof this.pagination,i=o?this.pagination:null,n=o&&i?.position?.some((e=>e.startsWith("top"))),s=void 0===this.pagination||o&&(i?.position?.some((e=>e.startsWith("bottom")))||!i?.position),{leftOffsets:x,rightOffsets:c,lastFixedLeftKey:d,firstFixedRightKey:b}=this.getStickyOffsets(),h={left:x,right:c,lastFixedLeftKey:d,firstFixedRightKey:b},p=this.getPaginatedData(),f=this.getProcessedData().length;return this.xDataDisplayChange.emit({data:p,total:f,startIndex:(this.currentPage-1)*this.currentPageSize}),a(l,{key:"76c750528d53df24f767afdc0d53e90c901f113f",class:{"x-table":!0,"x-table-bordered":this.bordered,"x-table-loading":this.loading,[`x-table-${this.size}`]:!0,"x-table-sticky":!!this.sticky||!!this.tableScroll?.y,[this.classNames?.root||""]:!!this.classNames?.root},style:this.styles?.root},a("div",{key:"5af6bb4b50f3e790f1eb15d1c15c262f4ff8ea29",class:"x-table-wrapper"},this.renderTitle(),n&&this.renderPagination("top"),a("div",{key:"71578d15387263765f1ef603520d2e7b668c1476",class:"x-table-container"},this.loading&&a("div",{key:"17eaf05d5f7884e606a26c5ee64ad23bb495e0af",class:"x-table-loading-overlay"},a("x-spin",{key:"69fe0249701f71a9dab737d54e6c848fdbce9111"})),a("div",{key:"37d0f9e25159256389c8b137236ffd20c2575a88",class:"x-table-content",style:e},a("table",{key:"511af98bedf1b8fc0a2b2f1a07fb22b9d7d4675a",style:{...r,...t,tableLayout:this.resizeState||this.internalColumns.some((e=>e.width))?"fixed":this.tableLayout}},this.renderColGroup(),this.renderHeader(h),this.renderBody(h)))),(s||this.tableFooter)&&a("div",{key:"3bd5751883e4d30519d81cc6ade817c0a13951cc",class:"x-table-footer-pagination"},this.renderFooter(),s&&this.renderPagination("bottom"))))}static get watchers(){return{rowKey:[{handleRowKeyChange:0}],columns:[{handleColumnsChange:0}],dataSource:[{handleDataSourceChange:0}],rowSelection:[{handleRowSelectionChange:0}],expandable:[{handleExpandableChange:0}],pagination:[{handlePaginationChange:0}]}}static get style(){return"@charset \"UTF-8\";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-text-processing:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',     'Noto Color Emoji';--x-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;color:var(--x-table-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-table-font-size, var(--x-font-size, 14px));font-family:var(--x-table-font-family, var(--x-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif));line-height:var(--x-table-line-height, var(--x-line-height, 1.5714))}:host(.x-table-bordered) .x-table-container{border:var(--x-table-border-width, var(--x-border-width, 1px)) solid var(--x-table-border-color, var(--x-color-border-secondary, #f0f0f0));border-radius:var(--x-table-border-radius, var(--x-border-radius, 8px));border-bottom:0}:host(.x-table-bordered) table{border-radius:0}:host(.x-table-bordered) .x-table-thead>tr>th,:host(.x-table-bordered) .x-table-tbody>tr>td{border-right:var(--x-table-border-width, var(--x-border-width, 1px)) solid var(--x-table-border-color, var(--x-color-border-secondary, #f0f0f0))}:host(.x-table-bordered) .x-table-thead>tr>th:last-child,:host(.x-table-bordered) .x-table-tbody>tr>td:last-child{border-right:none}:host(.x-table-bordered) .x-table-thead>tr>th{border-bottom:var(--x-table-border-width, var(--x-border-width, 1px)) solid var(--x-table-border-color, var(--x-color-border-secondary, #f0f0f0))}:host(.x-table-bordered) .x-table-footer-pagination{border:var(--x-table-border-width, var(--x-border-width, 1px)) solid var(--x-table-border-color, var(--x-color-border-secondary, #f0f0f0));border-top:0}:host(.x-table-small) .x-table-thead>tr>th,:host(.x-table-small) .x-table-tbody>tr>td{padding:var(--x-table-cell-padding-sm, 8px)}:host(.x-table-middle) .x-table-thead>tr>th,:host(.x-table-middle) .x-table-tbody>tr>td{padding:var(--x-table-cell-padding-md, 12px 8px)}:host(.x-table-large) .x-table-thead>tr>th,:host(.x-table-large) .x-table-tbody>tr>td{padding:var(--x-table-cell-padding, 16px)}:host(.x-table-sticky) .x-table-thead>tr>th{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--x-table-header-bg-solid, var(--x-color-bg-container, #fff))}:host(.x-table-sticky) .x-table-thead>tr>th::before{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--x-table-header-bg, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)));content:\"\";z-index:-1}:host(.x-table-sticky) .x-table-thead .x-table-cell-fix-left{z-index:15 !important}:host(.x-table-sticky) .x-table-thead .x-table-cell-fix-right{z-index:16 !important}.x-table-wrapper{clear:both;max-width:100%}.x-table-container{position:relative}.x-table-content{overflow:auto}table{width:100%;text-align:left;border-radius:var(--x-table-border-radius, var(--x-border-radius, 8px)) var(--x-table-border-radius, var(--x-border-radius, 8px)) 0 0;border-collapse:separate;border-spacing:0}.x-table-thead>tr>th{position:relative;color:var(--x-table-header-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-weight:var(--x-table-header-font-weight, var(--x-font-weight-strong, 600));text-align:left;background:var(--x-table-header-bg, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)));border-bottom:var(--x-table-border-width, var(--x-border-width, 1px)) solid var(--x-table-border-color, var(--x-color-border-secondary, #f0f0f0));-webkit-transition:background var(--x-table-motion-duration, var(--x-motion-duration-slow, 0.3s)) ease;transition:background var(--x-table-motion-duration, var(--x-motion-duration-slow, 0.3s)) ease;padding:var(--x-table-cell-padding, 16px);overflow-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box}.x-table-thead>tr>th:first-child{border-top-left-radius:var(--x-table-border-radius, var(--x-border-radius, 8px))}.x-table-thead>tr>th:last-child{border-top-right-radius:var(--x-table-border-radius, var(--x-border-radius, 8px))}.x-table-tbody>tr>td,.x-table-tbody>tr>x-table-cell{border-bottom:var(--x-table-border-width, var(--x-border-width, 1px)) solid var(--x-table-border-color, var(--x-color-border-secondary, #f0f0f0));-webkit-transition:background var(--x-table-motion-duration, var(--x-motion-duration-slow, 0.3s));transition:background var(--x-table-motion-duration, var(--x-motion-duration-slow, 0.3s));padding:var(--x-table-cell-padding, 16px);overflow-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box}.x-table-tbody>tr:hover>td,.x-table-tbody>tr:hover>x-table-cell{background:var(--x-table-row-bg-hover, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)))}.x-table-tbody>tr:hover>td.x-table-cell-fix-left,.x-table-tbody>tr:hover>td.x-table-cell-fix-right{background:var(--x-table-row-hover-bg-solid, #fafafa) !important}.x-table-tbody>tr.x-table-row-selected>td,.x-table-tbody>tr.x-table-row-selected>x-table-cell{background:var(--x-table-row-bg-selected, var(--x-color-primary-bg, #e6f4ff))}.x-table-tbody>tr.x-table-row-selected>td.x-table-cell-fix-left,.x-table-tbody>tr.x-table-row-selected>td.x-table-cell-fix-right{background:var(--x-table-row-selected-bg-solid, #e6f4ff) !important}.x-table-tbody>tr.x-table-row-selected:hover>td,.x-table-tbody>tr.x-table-row-selected:hover>x-table-cell{background:var(--x-table-row-bg-selected-hover, var(--x-color-primary-bg-hover, #bae0ff))}.x-table-tbody>tr.x-table-row-selected:hover>td.x-table-cell-fix-left,.x-table-tbody>tr.x-table-row-selected:hover>td.x-table-cell-fix-right{background:var(--x-table-row-selected-hover-bg-solid, #bae0ff) !important}.x-table-tbody>tr.x-table-row-clickable{cursor:pointer}.x-table-tbody>x-table-row{display:table-row}.x-table-tbody>x-table-row:hover{background:var(--x-table-row-bg-hover, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)))}.x-table-tbody>x-table-row.x-table-row-selected{background:var(--x-table-row-bg-selected, var(--x-color-primary-bg, #e6f4ff))}.x-table-tbody>x-table-row:hover>.x-table-cell-fix-left,.x-table-tbody>x-table-row:hover>.x-table-cell-fix-right{background-color:var(--x-table-row-hover-bg-solid, #fafafa) !important}.x-table-tbody>x-table-row.x-table-row-selected>.x-table-cell-fix-left,.x-table-tbody>x-table-row.x-table-row-selected>.x-table-cell-fix-right{background-color:var(--x-table-row-selected-bg-solid, #e6f4ff) !important}.x-table-tbody>x-table-row.x-table-row-selected:hover>.x-table-cell-fix-left,.x-table-tbody>x-table-row.x-table-row-selected:hover>.x-table-cell-fix-right{background-color:var(--x-table-row-selected-hover-bg-solid, #bae0ff) !important}.x-table-cell{position:relative;overflow-wrap:break-word}.x-table-cell-content{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-word;white-space:normal;overflow:hidden}.x-table-cell-content.x-table-cell-line-clamp{-webkit-line-clamp:var(--x-table-cell-line-clamp, 1)}.x-table-cell-fix-left{position:-webkit-sticky !important;position:sticky !important;z-index:2;background:var(--x-color-bg-container, #fff)}.x-table-cell-fix-right{position:-webkit-sticky !important;position:sticky !important;z-index:3;background:var(--x-color-bg-container, #fff)}.x-table-cell-fix-left-last::after,.x-table-cell-fix-right-first::after{position:absolute;top:0;bottom:-1px;width:1px;background:var(--x-table-border-color, var(--x-color-border-secondary, #f0f0f0));content:\"\";-webkit-transition:-webkit-box-shadow 0.3s;transition:-webkit-box-shadow 0.3s;transition:box-shadow 0.3s;transition:box-shadow 0.3s, -webkit-box-shadow 0.3s;pointer-events:none}.x-table-cell-fix-left-last::after{right:0}.x-table-cell-fix-right-first::after{left:0}.x-table-thead .x-table-cell-fix-left{z-index:15 !important;background:var(--x-color-bg-container, #fff) !important}.x-table-thead .x-table-cell-fix-left::before{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--x-table-header-bg, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)));content:\"\";z-index:-1}.x-table-thead .x-table-cell-fix-right{z-index:16 !important;background:var(--x-color-bg-container, #fff) !important}.x-table-thead .x-table-cell-fix-right::before{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--x-table-header-bg, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)));content:\"\";z-index:-1}.x-table-align-left{text-align:left}.x-table-align-left .x-table-column-title{-ms-flex-pack:start;justify-content:flex-start}.x-table-align-center{text-align:center}.x-table-align-center .x-table-column-title{-ms-flex-pack:center;justify-content:center}.x-table-align-right{text-align:right}.x-table-align-right .x-table-column-title{-ms-flex-pack:end;justify-content:flex-end}.x-table-cell-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.x-table-cell-sortable:hover{background:var(--x-table-header-sort-bg, var(--x-color-fill-tertiary, rgba(0, 0, 0, 0.04)))}.x-table-column-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--x-table-header-sorter-gap, 4px)}.x-table-column-sorter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-left:var(--x-table-header-sorter-gap, 4px);color:var(--x-table-header-sorter-color, var(--x-color-text-quaternary, #bfbfbf))}.x-table-column-sorter-inner{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.x-table-column-sorter-up,.x-table-column-sorter-down{display:-ms-flexbox;display:flex;font-size:var(--x-table-header-sorter-font-size, 11px)}.x-table-column-sorter-up.active,.x-table-column-sorter-down.active{color:var(--x-table-header-sorter-active-color, var(--x-color-primary, #1677ff))}.x-table-column-sorter-up{margin-bottom:var(--x-table-header-sorter-offset, -3px)}.x-table-column-sorter-up svg{-webkit-transform:scale(0.75);transform:scale(0.75)}.x-table-column-sorter-down{margin-top:var(--x-table-header-sorter-offset, -3px)}.x-table-column-sorter-down svg{-webkit-transform:scale(0.75);transform:scale(0.75)}.x-table-selection-column{width:var(--x-table-selection-column-width, 32px);text-align:center}.x-table-selection-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer}.x-table-selection-checkbox input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.x-table-checkbox-inner{position:relative;display:inline-block;width:var(--x-table-selection-checkbox-size, 16px);height:var(--x-table-selection-checkbox-size, 16px);border:var(--x-table-border-width, var(--x-border-width, 1px)) solid var(--x-table-border-color, var(--x-color-border-secondary, #f0f0f0));border-radius:var(--x-table-border-radius, var(--x-border-radius, 8px));background:var(--x-table-row-bg, transparent);-webkit-transition:all var(--x-table-motion-duration-fast, var(--x-motion-duration-fast, 0.2s));transition:all var(--x-table-motion-duration-fast, var(--x-motion-duration-fast, 0.2s))}.x-table-checkbox-inner::after{position:absolute;top:var(--x-table-selection-checkbox-inner-top, 50%);left:var(--x-table-selection-checkbox-inner-left, 22%);display:table;width:var(--x-table-selection-checkbox-inner-width, 5px);height:var(--x-table-selection-checkbox-inner-height, 9px);border:var(--x-table-selection-checkbox-inner-border-width, 2px) solid var(--x-table-selection-checkbox-inner-border-color, #fff);border-top:0;border-left:0;-webkit-transform:rotate(45deg) scale(0) translate(-50%, -50%);transform:rotate(45deg) scale(0) translate(-50%, -50%);opacity:0;content:\"\";-webkit-transition:all var(--x-table-motion-duration-extreme, 0.1s);transition:all var(--x-table-motion-duration-extreme, 0.1s)}input:checked+.x-table-checkbox-inner{background:var(--x-color-primary, #1677ff);border-color:var(--x-color-primary, #1677ff)}input:checked+.x-table-checkbox-inner::after{opacity:1;-webkit-transform:rotate(45deg) scale(1) translate(-50%, -50%);transform:rotate(45deg) scale(1) translate(-50%, -50%)}input:disabled+.x-table-checkbox-inner{background:var(--x-color-bg-container-disabled, #f5f5f5);border-color:var(--x-color-border, #d9d9d9);cursor:not-allowed}.x-table-radio-inner{position:relative;display:inline-block;width:var(--x-table-selection-checkbox-size, 16px);height:var(--x-table-selection-checkbox-size, 16px);border:var(--x-table-border-width, var(--x-border-width, 1px)) solid var(--x-table-border-color, var(--x-color-border-secondary, #f0f0f0));border-radius:50%;background:var(--x-table-row-bg, transparent);-webkit-transition:all var(--x-table-motion-duration-fast, var(--x-motion-duration-fast, 0.2s));transition:all var(--x-table-motion-duration-fast, var(--x-motion-duration-fast, 0.2s))}.x-table-radio-inner::after{position:absolute;top:var(--x-table-selection-radio-inner-top, 50%);left:var(--x-table-selection-radio-inner-left, 50%);display:block;width:var(--x-table-selection-radio-inner-size, 8px);height:var(--x-table-selection-radio-inner-size, 8px);margin-top:calc(var(--x-table-selection-radio-inner-size, 8px) / -2);margin-left:calc(var(--x-table-selection-radio-inner-size, 8px) / -2);background:var(--x-color-primary, #1677ff);border-radius:50%;-webkit-transform:scale(0);transform:scale(0);opacity:0;content:\"\";-webkit-transition:all var(--x-table-motion-duration-fast, var(--x-motion-duration-fast, 0.2s));transition:all var(--x-table-motion-duration-fast, var(--x-motion-duration-fast, 0.2s))}input:checked+.x-table-radio-inner{border-color:var(--x-color-primary, #1677ff)}input:checked+.x-table-radio-inner::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}input:disabled+.x-table-radio-inner{background:var(--x-color-bg-container-disabled, #f5f5f5);cursor:not-allowed}.x-table-expand-column{width:var(--x-table-expand-column-width, 32px);text-align:center}.x-table-row-expand-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-table-expand-icon-size, 17px);height:var(--x-table-expand-icon-size, 17px);padding:0;color:inherit;line-height:var(--x-table-expand-icon-size, 17px);text-align:center;background:var(--x-table-row-bg, transparent);border:var(--x-table-border-width, var(--x-border-width, 1px)) solid var(--x-table-border-color, var(--x-color-border-secondary, #f0f0f0));border-radius:var(--x-table-border-radius, var(--x-border-radius, 8px));outline:none;cursor:pointer;-webkit-transition:all var(--x-table-motion-duration-fast, var(--x-motion-duration-fast, 0.2s));transition:all var(--x-table-motion-duration-fast, var(--x-motion-duration-fast, 0.2s))}.x-table-row-expand-icon svg{font-size:var(--x-table-expand-icon-inner-font-size, 10px)}.x-table-row-expand-icon:hover{color:var(--x-color-primary, #1677ff);border-color:var(--x-color-primary, #1677ff)}.x-table-row-expand-icon:disabled{color:var(--x-color-text-disabled, rgba(0, 0, 0, 0.25));cursor:not-allowed}.x-table-expanded-row>.x-table-expanded-row-cell{background:var(--x-table-expanded-row-bg, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)))}.x-table-placeholder{text-align:center}.x-table-empty{padding:var(--x-table-empty-padding, 32px 0);color:var(--x-color-text-disabled, rgba(0, 0, 0, 0.25))}.x-table-loading-overlay{position:absolute;top:0;left:0;bottom:0;right:0;background:var(--x-table-loading-bg, var(--x-color-bg-container-loading, rgba(255, 255, 255, 0.6)));z-index:var(--x-table-loading-z-index, var(--x-z-index-table-fixed, 2));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.x-table-title{padding:var(--x-table-cell-padding, 16px);color:var(--x-table-header-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-weight:var(--x-table-header-font-weight, var(--x-font-weight-strong, 600));background:var(--x-table-header-bg, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)));border-radius:var(--x-table-border-radius, var(--x-border-radius, 8px)) var(--x-table-border-radius, var(--x-border-radius, 8px)) 0 0}.x-table-footer{padding:var(--x-table-cell-padding, 16px);color:var(--x-table-header-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));background:var(--x-table-header-bg, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)));border-radius:0 0 var(--x-table-border-radius, var(--x-border-radius, 8px)) var(--x-table-border-radius, var(--x-border-radius, 8px))}.x-table-footer-pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;background:var(--x-table-header-bg, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)));border-bottom-left-radius:var(--x-table-border-radius, var(--x-border-radius, 8px));border-bottom-right-radius:var(--x-table-border-radius, var(--x-border-radius, 8px));border-top:var(--x-table-border-width, var(--x-border-width, 1px)) solid var(--x-table-border-color, var(--x-color-border-secondary, #f0f0f0))}.x-table-footer-pagination .x-table-footer{background:transparent;border-radius:0}.x-table-footer-pagination .x-table-pagination{margin:0;padding:var(--x-table-pagination-padding, 16px);background:transparent}.x-table-pagination{display:-ms-flexbox;display:flex;padding:var(--x-table-pagination-margin, 16px 0)}.x-table-pagination.x-table-pagination-left{-ms-flex-pack:start;justify-content:flex-start}.x-table-pagination.x-table-pagination-center{-ms-flex-pack:center;justify-content:center}.x-table-pagination.x-table-pagination-right{-ms-flex-pack:end;justify-content:flex-end}.x-table-pagination.x-table-pagination-top{margin-bottom:var(--x-table-pagination-padding, 16px)}.x-table-filter-trigger-container{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer}.x-table-filter-trigger{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-table-filter-trigger-width, 28px);height:100%;color:var(--x-table-header-sorter-color, var(--x-color-text-quaternary, #bfbfbf));font-size:var(--x-table-filter-trigger-font-size, 12px);border-radius:var(--x-table-border-radius, var(--x-border-radius, 8px));-webkit-transition:all var(--x-table-motion-duration, var(--x-motion-duration-slow, 0.3s));transition:all var(--x-table-motion-duration, var(--x-motion-duration-slow, 0.3s))}.x-table-filter-trigger:hover{color:var(--x-color-text-secondary, rgba(0, 0, 0, 0.45));background:var(--x-color-fill-tertiary, rgba(0, 0, 0, 0.04))}.x-table-filter-trigger.active{color:var(--x-color-primary, #1677ff)}.x-table-filter-dropdown-content{min-width:var(--x-table-filter-dropdown-min-width, 120px);background:var(--x-color-bg-elevated, #fff);border-radius:var(--x-table-border-radius, var(--x-border-radius, 8px));-webkit-box-shadow:var(--x-box-shadow-secondary, 0 6px 16px 0 rgba(0, 0, 0, 0.08));box-shadow:var(--x-box-shadow-secondary, 0 6px 16px 0 rgba(0, 0, 0, 0.08))}.x-table-filter-menu{max-height:var(--x-table-filter-menu-max-height, 264px);overflow-x:hidden;overflow-y:auto;padding:var(--x-table-filter-menu-padding, 4px 0);margin:0;list-style:none}.x-table-filter-menu-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--x-table-filter-menu-item-padding, 5px 12px);cursor:pointer;-webkit-transition:all var(--x-table-motion-duration, var(--x-motion-duration-slow, 0.3s));transition:all var(--x-table-motion-duration, var(--x-motion-duration-slow, 0.3s))}.x-table-filter-menu-item:hover{background:var(--x-color-fill-tertiary, rgba(0, 0, 0, 0.04))}.x-table-filter-menu-item>x-checkbox,.x-table-filter-menu-item>x-radio{width:100%;pointer-events:none}.x-table-filter-dropdown-btns{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--x-table-filter-footer-padding, 7px 8px);overflow:hidden;border-top:var(--x-table-border-width, var(--x-border-width, 1px)) solid var(--x-table-border-color, var(--x-color-border-secondary, #f0f0f0))}.x-table-cell-resizable{position:relative}.x-table-cell-resizable:hover .x-table-resize-handle{display:block}.x-table-resize-handle{position:absolute;right:var(--x-table-resize-handle-offset, -5px);top:0;bottom:0;width:var(--x-table-resize-handle-width, 10px);cursor:col-resize;z-index:10;-ms-touch-action:none;touch-action:none}.x-table-resize-handle:hover{background-color:var(--x-color-primary, #1677ff);opacity:0.5}.x-table-cell-draggable{cursor:move}.x-table-cell-dragging{background:var(--x-color-fill-secondary, rgba(0, 0, 0, 0.06)) !important;opacity:0.5}.x-table-cell-drag-over-left::after,.x-table-cell-drag-over-right::after{position:absolute;top:0;bottom:0;width:var(--x-table-drag-over-width, 2px);background:var(--x-color-primary, #1677ff);content:\"\";z-index:10}.x-table-cell-drag-over-left::after{left:0}.x-table-cell-drag-over-right::after{right:0}.x-table-row-dragging{background:var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)) !important;border:1px dashed var(--x-color-primary, #1677ff) !important;opacity:0.4}.x-table-row-dragging>td{visibility:hidden}.x-table-row-drag-over-top{border-top:var(--x-table-drag-over-width, 2px) solid var(--x-table-header-sorter-active-color, var(--x-color-primary, #1677ff)) !important}.x-table-row-drag-over-bottom{border-bottom:var(--x-table-drag-over-width, 2px) solid var(--x-table-header-sorter-active-color, var(--x-color-primary, #1677ff)) !important}.x-table-drag-column{width:var(--x-table-selection-column-width, 32px);text-align:center}.x-table-drag-handle{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--x-table-header-sorter-color, var(--x-color-text-quaternary, #bfbfbf));cursor:-webkit-grab;cursor:grab;-webkit-transition:color var(--x-table-motion-duration-fast, var(--x-motion-duration-fast, 0.2s));transition:color var(--x-table-motion-duration-fast, var(--x-motion-duration-fast, 0.2s))}.x-table-drag-handle:hover{color:var(--x-color-text-secondary, rgba(0, 0, 0, 0.45))}.x-table-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.x-table-drag-handle svg{font-size:var(--x-table-drag-handle-size, 16px)}.x-table-search-row th{background:var(--x-table-header-bg, #fafafa);border-bottom:var(--x-table-border-width, var(--x-border-width, 1px)) solid var(--x-table-border-color, var(--x-color-border-secondary, #f0f0f0))}.x-table-cell-search{padding:6px 8px !important}.x-table-search-input-wrapper{position:relative;width:100%}.x-table-search-input{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 8px;font-size:13px;color:var(--x-text-color, rgba(0, 0, 0, 0.88));background-color:var(--x-color-bg-container, #fff);border:1px solid var(--x-color-border, #d9d9d9);border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;outline:none}.x-table-search-input:focus{border-color:var(--x-color-primary, #1677ff);-webkit-box-shadow:0 0 0 2px rgba(22, 119, 255, 0.2);box-shadow:0 0 0 2px rgba(22, 119, 255, 0.2)}.x-table-search-input::-webkit-input-placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-table-search-input::-moz-placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-table-search-input:-ms-input-placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-table-search-input::-ms-input-placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-table-search-input::placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-table-search-select{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 8px;font-size:13px;color:var(--x-text-color, rgba(0, 0, 0, 0.88));background-color:var(--x-color-bg-container, #fff);border:1px solid var(--x-color-border, #d9d9d9);border-radius:4px;outline:none;-webkit-transition:all 0.3s;transition:all 0.3s}.x-table-search-select:focus{border-color:var(--x-color-primary, #1677ff)}"}},[769,"x-table",{columns:[16],dataSource:[16],rowKey:[1,"row-key"],size:[1],tableLayout:[1,"table-layout"],bordered:[4],loading:[4],showHeader:[4,"show-header"],tableTitle:[1,"table-title"],tableFooter:[1,"table-footer"],rowSelection:[16],expandable:[16],tableScroll:[16],pagination:[4],showSorterTooltip:[4,"show-sorter-tooltip"],sortDirections:[16],sticky:[4],virtual:[4],emptyText:[1,"empty-text"],rowClassName:[1,"row-class-name"],rowEvents:[16],clickable:[4],resizableColumns:[4,"resizable-columns"],draggableColumns:[4,"draggable-columns"],draggableRows:[4,"draggable-rows"],headerRowEvents:[16],classNames:[16],styles:[16],currentPage:[32],currentPageSize:[32],sortState:[32],filterState:[32],selectedRowKeys:[32],expandedRowKeys:[32],internalColumns:[32],internalDataSource:[32],resizeState:[32],draggedColumnKey:[32],dragOverColumnKey:[32],dragOverColumnSide:[32],draggedRowKey:[32],dragOverRowKey:[32],dragOverRowSide:[32],searchState:[32],activeFilterColumn:[32],getSelectedRowKeys:[64],setSelectedRowKeys:[64],clearSelection:[64],getExpandedRowKeys:[64],scrollToRow:[64]},void 0,{rowKey:[{handleRowKeyChange:0}],columns:[{handleColumnsChange:0}],dataSource:[{handleDataSourceChange:0}],rowSelection:[{handleRowSelectionChange:0}],expandable:[{handleExpandableChange:0}],pagination:[{handlePaginationChange:0}]}]);function z(){"undefined"!=typeof customElements&&["x-table","x-button","x-checkbox","x-empty","x-icon","x-pagination","x-popover","x-popover-content","x-radio","x-select","x-select-dropdown-content","x-spin","x-tooltip","x-tooltip-content"].forEach((t=>{switch(t){case"x-table":customElements.get(e(t))||customElements.define(e(t),k);break;case"x-button":customElements.get(e(t))||n();break;case"x-checkbox":customElements.get(e(t))||s();break;case"x-empty":customElements.get(e(t))||x();break;case"x-icon":customElements.get(e(t))||c();break;case"x-pagination":customElements.get(e(t))||d();break;case"x-popover":customElements.get(e(t))||b();break;case"x-popover-content":customElements.get(e(t))||h();break;case"x-radio":customElements.get(e(t))||p();break;case"x-select":customElements.get(e(t))||f();break;case"x-select-dropdown-content":customElements.get(e(t))||g();break;case"x-spin":customElements.get(e(t))||u();break;case"x-tooltip":customElements.get(e(t))||m();break;case"x-tooltip-content":customElements.get(e(t))||v()}}))}z();export{k as X,z as d}

package/components/p-CkwLFDlS.js

@@ -0,0 +1 @@
+import{t}from"./p-DFADJBLL.js";class e{static number(t){return Number(t)}static string(t){return String(t)}static boolean(t){return Boolean(t)}static date(t){return new Date(t)}static detect(t,r){switch(t.type){case"number":return e.number(r);case"email":case"text":case"textarea":case"phone":case"url":case"password":case"color":case"file":return e.string(r);case"switch":return e.boolean(r);case"date":case"datetime":return e.date(r);default:return r}}}function r(t,e){if(!t||!e)return;const r=e.split(".");let s=t;for(const t of r){if(!s||"object"!=typeof s||!(t in s))return;s=s[t]}return s}class s{get mapping(){return{equals:this.equals.bind(this),notEquals:this.notEquals.bind(this),contains:this.contains.bind(this),notContains:this.notContains.bind(this),greaterThan:this.greaterThan.bind(this),lessThan:this.lessThan.bind(this),greaterThanOrEqual:this.greaterThanOrEqual.bind(this),lessThanOrEqual:this.lessThanOrEqual.bind(this),isEmpty:this.isEmpty.bind(this),isNotEmpty:this.isNotEmpty.bind(this),startsWith:this.startsWith.bind(this),endsWith:this.endsWith.bind(this),in:this.in.bind(this),notIn:this.notIn.bind(this)}}equals(t,r,s){return"string"==typeof(s=e.detect(r,s))&&"number"==typeof t.value||"number"==typeof s&&"string"==typeof t.value?String(s)===String(t.value):t.value===s}notEquals(t,r,s){return"string"==typeof(s=e.detect(r,s))&&"number"==typeof t.value||"number"==typeof s&&"string"==typeof t.value?String(s)!==String(t.value):t.value!==s}contains(t,r,s){return s=e.detect(r,s),Array.isArray(s)?s.some((e=>"string"==typeof e&&"number"==typeof t.value||"number"==typeof e&&"string"==typeof t.value?String(e)===String(t.value):e===t.value)):"string"==typeof s&&s.includes(String(t.value))}greaterThan(t,r,s){if("number"==typeof(s=e.detect(r,s))){const e="number"==typeof t.value?t.value:Number(t.value??NaN);return!!Number.isFinite(e)&&s>e}return!1}lessThan(t,r,s){if("number"==typeof(s=e.detect(r,s))){const e="number"==typeof t.value?t.value:Number(t.value??NaN);return!!Number.isFinite(e)&&s<e}return!1}isEmpty(t,r,s){return null==(s=e.detect(r,s))||""===s||Array.isArray(s)&&0===s.length}isNotEmpty(t,r,s){return!(null==(s=e.detect(r,s))||""===s||Array.isArray(s)&&0===s.length)}notContains(t,r,s){return s=e.detect(r,s),Array.isArray(s)?!s.some((e=>"string"==typeof e&&"number"==typeof t.value||"number"==typeof e&&"string"==typeof t.value?String(e)===String(t.value):e===t.value)):"string"!=typeof s||!s.includes(String(t.value))}greaterThanOrEqual(t,r,s){if("number"==typeof(s=e.detect(r,s))){const e="number"==typeof t.value?t.value:Number(t.value??NaN);return!!Number.isFinite(e)&&s>=e}return!1}lessThanOrEqual(t,r,s){if("number"==typeof(s=e.detect(r,s))){const e="number"==typeof t.value?t.value:Number(t.value??NaN);return!!Number.isFinite(e)&&s<=e}return!1}startsWith(t,r,s){return"string"==typeof(s=e.detect(r,s))&&s.startsWith(String(t.value))}endsWith(t,r,s){return"string"==typeof(s=e.detect(r,s))&&s.endsWith(String(t.value))}in(t,r,s){return s=e.detect(r,s),Array.isArray(t.value)?t.value.some((t=>"string"==typeof t&&"number"==typeof s||"number"==typeof t&&"string"==typeof s?String(t)===String(s):t===s)):"string"==typeof t.value&&t.value.split(",").map((t=>t.trim())).some((t=>"number"==typeof s?t===String(s):t===s))}notIn(t,r,s){return s=e.detect(r,s),Array.isArray(t.value)?!t.value.some((t=>"string"==typeof t&&"number"==typeof s||"number"==typeof t&&"string"==typeof s?String(t)===String(s):t===s)):"string"!=typeof t.value||!t.value.split(",").map((t=>t.trim())).some((t=>"number"==typeof s?t===String(s):t===s))}run(t,e,s){return function(t,e,s){if(!t||!t.field||!t.operator)return!1;const{field:n,operator:i,value:a}=t,o=function(t,e,s){if(t)return t.startsWith("$")?r(s,t.substring(1)):r(e,t)}(n,e,s);return(()=>{switch(i){case"equals":return"string"==typeof o&&"number"==typeof a||"number"==typeof o&&"string"==typeof a?String(o)===String(a):o===a;case"notEquals":return"string"==typeof o&&"number"==typeof a||"number"==typeof o&&"string"==typeof a?String(o)!==String(a):o!==a;case"contains":return Array.isArray(o)?o.some((t=>"string"==typeof t&&"number"==typeof a||"number"==typeof t&&"string"==typeof a?String(t)===String(a):t===a)):"string"==typeof o&&o.includes(String(a));case"notContains":return Array.isArray(o)?!o.some((t=>"string"==typeof t&&"number"==typeof a||"number"==typeof t&&"string"==typeof a?String(t)===String(a):t===a)):"string"!=typeof o||!o.includes(String(a));case"greaterThan":return Number(o)>Number(a);case"lessThan":return Number(o)<Number(a);case"greaterThanOrEqual":return Number(o)>=Number(a);case"lessThanOrEqual":return Number(o)<=Number(a);case"isNotEmpty":case"notEmpty":return null!=o&&""!==o&&!(Array.isArray(o)&&0===o.length);case"isEmpty":case"empty":return null==o||""===o||Array.isArray(o)&&0===o.length;case"startsWith":return String(o).startsWith(String(a));case"endsWith":return String(o).endsWith(String(a));case"in":return Array.isArray(a)?a.some((t=>"string"==typeof t&&"number"==typeof o||"number"==typeof t&&"string"==typeof o?String(t)===String(o):t===o)):"string"==typeof a&&a.split(",").map((t=>t.trim())).some((t=>"number"==typeof o?t===String(o):t===o));case"notIn":return Array.isArray(a)?!a.some((t=>"string"==typeof t&&"number"==typeof o||"number"==typeof t&&"string"==typeof o?String(t)===String(o):t===o)):"string"!=typeof a||!a.split(",").map((t=>t.trim())).some((t=>"number"==typeof o?t===String(o):t===o));default:return!1}})()}({field:t.field,operator:t.condition,value:t.value},e,s)}}class n extends s{builder;get form(){return this.builder.form}get schema(){return this.builder.schema}get conditions(){return this.schema.conditions||[]}executors=[];isCheckingAll=!1;constructor(t){super(),this.builder=t,this.extract()}checkAll(){this.isCheckingAll=!0,this.executors.forEach((t=>t())),this.isCheckingAll=!1,this.builder.notifySubscribers()}extract(){this.conditions.forEach((t=>{"when"in t?this.advanced(t):"conditions"in t?this.group(t):this.condition(t)}))}getEvaluationValues(){const t={};return this.form.mappingById.forEach(((e,r)=>{e.control&&(t[r]=e.control.value)})),this.form.mapping.forEach(((e,r)=>{e.control&&(t[r]=e.control.value)})),t}group(t){const e=()=>{const e=this.getEvaluationValues();this.builder.callEvent("beforeConditionCheck",t,e);const r=t.conditions.map((t=>this.run(t,e,this.builder.context))),s="and"===t.operator?r.every(Boolean):r.some(Boolean);s&&t.actions.forEach((t=>{this.execute(t.action,t.actionField)})),this.builder.callEvent("afterConditionCheck",t,e,s),this.isCheckingAll||this.builder.notifySubscribers()};t.conditions.forEach((t=>{const r=this.form.mapping.get(t.field);r&&"control"in r&&r.control&&r.control.subscribe((()=>e()))})),this.executors.push(e),e()}advanced(t){const e=()=>{const e=this.getEvaluationValues();this.builder.callEvent("beforeConditionCheck",t,e);const r=t.when.rules.map((r=>!(!(this.form.mappingById.get(r.field)??this.form.mapping.get(r.field))&&!r.field?.startsWith("$"))&&this.run({id:t.id,field:r.field,condition:r.operator,value:r.value,action:"show",actionField:"none"},e,this.builder.context))),s="or"===t.when.operator?r.some(Boolean):r.every(Boolean);(s?t.then:t.else||[]).forEach((t=>{const e=this.form.mappingById.get(t.target)??this.form.mapping.get(t.target);this.execute(t.action,e?e.id||e.name:t.target,t.value)})),this.builder.callEvent("afterConditionCheck",t,e,s),this.isCheckingAll||this.builder.notifySubscribers()};t.when.rules.forEach((t=>{const r=this.form.mappingById.get(t.field)??this.form.mapping.get(t.field);r&&"control"in r&&r.control&&r.control.subscribe((()=>e()))})),this.executors.push(e),e()}condition(t){const e=()=>{const e=this.form.mappingById.get(t.field)||this.form.mapping.get(t.field);if(e&&"control"in e&&e.control){const r=e.control.value,s=this.getEvaluationValues();this.builder.callEvent("beforeConditionCheck",t,r);const n=this.run(t,s,this.builder.context);n&&this.execute(t.action,t.actionField),this.builder.callEvent("afterConditionCheck",t,r,n),this.isCheckingAll||this.builder.notifySubscribers()}},r=this.form.mappingById.get(t.field)||this.form.mapping.get(t.field);r&&"control"in r&&r.control&&(r.control.subscribe((()=>e())),this.executors.push(e)),e()}execute(t,e,r){const s="all"===e?Array.from(this.form.mapping.keys()):[e];for(const e of s){const s=this.form.mappingById.get(e)||this.form.mapping.get(e);if(console.log(`[ConditionEngine] Executing action '${t}' on field '${e}'. Field found:`,!!s,"Value:",r),s)switch(t){case"show":s.hidden=!1;break;case"hide":s.hidden=!0;break;case"enable":s.disabled=!1;break;case"disable":s.disabled=!0;break;case"require":s.required=!0;break;case"unrequire":s.required=!1;break;case"setContent":s.content=r;break;case"setLabel":s.label=String(r)}}}}class i{builder;constructor(t){this.builder=t,this.extract()}extract(){Array.from(this.builder.form.mapping.values()).forEach((t=>{"number"===t.type&&t.formula&&this.setupFormula(t)}))}setupFormula(t){const e=t.formula,r=this.getDependencies(e),s=()=>{const r=this.getEvaluationValues(),s=this.evaluate(e,r),n=t.control;n&&n.value!==s&&n.setValue(s)},n=new Set;r.forEach((t=>{if(n.has(t))return;const e=this.builder.form.mappingById.get(t)||this.builder.form.mapping.get(t);e&&e.control&&(e.control.subscribe((()=>{s()})),n.add(t))})),setTimeout((()=>s()),0)}getDependencies(t){return(t.match(/[\$]{1,2}[a-zA-Z0-9_-]+/g)||[]).map((t=>t.replace(/^[\$]{1,2}/,"")))}getEvaluationValues(){const t={};return this.builder.form.mappingById.forEach(((e,r)=>{e.control&&(t[r]=e.control.value)})),this.builder.form.mapping.forEach(((e,r)=>{e.control&&(t[r]=e.control.value)})),t}evaluate(t,e){try{let r=t;const s=this.getDependencies(t);s.sort(((t,e)=>e.length-t.length)),s.forEach((t=>{const s=void 0!==e[t]?e[t]:0,n=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),i=new RegExp(`\\$[\\$]?${n}(\\b|[^a-zA-Z0-9_-])`,"g");r=r.replace(i,((t,e)=>String(s||0)+(e||"")))}));const n=r.replace(/[^0-9\+\-\*\/\(\)\. ]/g,"");if(!n.trim())return 0;const i=new Function(`return ${n}`)(),a=Number(i);return isFinite(a)?a:0}catch(e){return console.warn("Formula Evaluation Error:",e,"Formula:",t),0}}}class a{_value;_errors=null;_status="VALID";_parent=null;_validators=[];_asyncValidators=[];_subscribers=new Set;_touched=!1;_dirty=!1;constructor(t,e){t&&(this._validators=t),e&&(this._asyncValidators=e)}get value(){return this._value}get errors(){return this._errors}get status(){return this._status}get valid(){return"VALID"===this._status}get invalid(){return"INVALID"===this._status}get pending(){return"PENDING"===this._status}get disabled(){return"DISABLED"===this._status}get parent(){return this._parent}get touched(){return this._touched}get untouched(){return!this._touched}get dirty(){return this._dirty}get pristine(){return!this._dirty}runValidators(){let t=null;for(const e of this._validators){const r=e(this);r&&(t=t||{},Object.assign(t,r))}return t}async runAsyncValidators(){let t=null;for(const e of this._asyncValidators){const r=await e(this._value);r&&(t=t||{},Object.assign(t,r))}return t}async updateValueAndValidity(t={}){const{emitEvent:e=!0}=t;if("DISABLED"!==this._status){if(this._errors=this.runValidators(),this._status=this._errors?"INVALID":"VALID",this._asyncValidators.length>0&&!this._errors){this._status="PENDING",e&&this.notifySubscribers();const t=await this.runAsyncValidators();t?(this._errors={...this._errors??{},...t},this._status="INVALID"):this._status="VALID"}e&&(this.notifySubscribers(),this._parent&&this._parent.updateValueAndValidity({emitEvent:!0}))}}markAsTouched(){this._touched=!0}markAsUntouched(){this._touched=!1}markAsDirty(){this._dirty=!0}markAsPristine(){this._dirty=!1}disable(){this._status="DISABLED",this.notifySubscribers()}enable(){this._status="VALID",this.updateValueAndValidity()}setValidators(t){this._validators=t,this.updateValueAndValidity()}setAsyncValidators(t){this._asyncValidators=t,this.updateValueAndValidity()}clearValidators(){this._validators=[],this.updateValueAndValidity()}clearAsyncValidators(){this._asyncValidators=[],this.updateValueAndValidity()}registerValidator(t){this._validators.push(t),this.updateValueAndValidity()}registerValidatorAsync(t){this._asyncValidators.push(t),this.updateValueAndValidity()}setParent(t){this._parent=t}subscribe(t){return this._subscribers.add(t),()=>this._subscribers.delete(t)}notifySubscribers(){this._subscribers.forEach((t=>t(this._value)))}setValueInternal(t){this._value=t}hasError(t){return!!this._errors&&void 0!==this._errors[t]}getError(t){return this._errors?this._errors[t]:null}}class o extends a{constructor(t=null,e,r){let s=[],n=[];Array.isArray(e)?(s=e,n=r||[]):e&&(s=e.validators||[],n=e.asyncValidators||[]),super(s,n),this.setValueInternal(t),this.updateValueAndValidity({emitEvent:!1})}setValue(t,e={}){const{emitEvent:r=!0}=e;this.setValueInternal(t),this.markAsDirty(),this.updateValueAndValidity({emitEvent:r})}patchValue(t,e={}){this.setValue(t,e)}reset(t=null,e={}){this.setValueInternal(t),this.markAsPristine(),this.markAsUntouched(),this.updateValueAndValidity(e)}}class u extends a{_controls=[];constructor(t,e,r){let s=[],n=[];Array.isArray(e)?(s=e,n=r||[]):e&&(s=e.validators||[],n=e.asyncValidators||[]),super(s,n),this._controls=t,t.forEach((t=>{t.setParent(this)})),this.updateValueAndValidity({emitEvent:!1})}get controls(){return this._controls}get value(){return this._controls.filter((t=>!t.disabled)).map((t=>t.value))}get length(){return this._controls.length}at(t){return this._controls[t]||null}push(t){this._controls.push(t),t.setParent(this),this.updateValueAndValidity()}insert(t,e){this._controls.splice(t,0,e),e.setParent(this),this.updateValueAndValidity()}removeAt(t){this._controls[t]&&(this._controls.splice(t,1),this.updateValueAndValidity())}setControl(t,e){this._controls[t]&&(this._controls[t]=e,e.setParent(this),this.updateValueAndValidity())}clear(){this._controls=[],this.updateValueAndValidity()}setValue(t,e={}){if(t.length!==this._controls.length)throw new Error("setValue: value array length must match controls array length");t.forEach(((t,e)=>{this._controls[e].setValue(t,{emitEvent:!1})})),this.markAsDirty(),this.updateValueAndValidity(e)}patchValue(t,e={}){t.forEach(((t,e)=>{this._controls[e]&&this._controls[e].patchValue(t,{emitEvent:!1})})),this.updateValueAndValidity(e)}reset(t=[],e={}){this._controls.forEach(((e,r)=>{e.reset(t[r],{emitEvent:!1})})),this.markAsPristine(),this.markAsUntouched(),this.updateValueAndValidity(e)}getRawValue(){return this._controls.map((t=>t.value))}}class h extends a{_controls={};constructor(t,e,r){let s=[],n=[];Array.isArray(e)?(s=e,n=r||[]):e&&(s=e.validators||[],n=e.asyncValidators||[]),super(s,n),this._controls=t,Object.values(t).forEach((t=>{t.setParent(this)})),this.updateValueAndValidity({emitEvent:!1})}get controls(){return this._controls}get value(){const t={};return Object.keys(this._controls).forEach((e=>{const r=this._controls[e];r.disabled||(t[e]=r.value)})),t}setValue(t,e={}){Object.keys(t).forEach((e=>{if(!this._controls[e])throw new Error(`Cannot find form control with name: ${e}`);this._controls[e].setValue(t[e],{emitEvent:!1})})),this.markAsDirty(),this.updateValueAndValidity(e)}patchValue(t,e={}){Object.keys(t).forEach((e=>{this._controls[e]&&this._controls[e].patchValue(t[e],{emitEvent:!1})})),this.updateValueAndValidity(e)}reset(t={},e={}){Object.keys(this._controls).forEach((e=>{this._controls[e].reset(t[e],{emitEvent:!1})})),this.markAsPristine(),this.markAsUntouched(),this.updateValueAndValidity(e)}addControl(t,e){this._controls[t]=e,e.setParent(this),this.updateValueAndValidity()}removeControl(t){this._controls[t]&&(delete this._controls[t],this.updateValueAndValidity())}setControl(t,e){this._controls[t]&&this.removeControl(t),this.addControl(t,e)}contains(t){return void 0!==this._controls[t]}get(t){const e=Array.isArray(t)?t:t.split(".");if(0===e.length)return null;let r=this._controls[e[0]]||null;for(let t=1;t<e.length&&r;t++)if(r instanceof h)r=r.controls[e[t]]||null;else{if(!(r instanceof u))return null;{const s=parseInt(e[t],10);r=r.at(s)||null}}return r}async updateValueAndValidity(t={}){const{emitEvent:e=!0}=t;if("DISABLED"===this._status)return;this._errors=this.runValidators();let r=!1;const s={};for(const t of Object.keys(this._controls)){const e=this._controls[t];e.invalid&&(r=!0,e.errors&&(s[t]=e.errors))}r?(this._errors=this._errors||{},Object.assign(this._errors,s),this._status="INVALID"):this._status=this._errors?"INVALID":"VALID",e&&(this.notifySubscribers(),this._parent&&await this._parent.updateValueAndValidity({emitEvent:!0}))}getRawValue(){const t={};return Object.keys(this._controls).forEach((e=>{t[e]=this._controls[e].value})),t}}class c{static required(t){const e=t.value;return null==e||""===e||Array.isArray(e)&&0===e.length?{required:!0}:null}static email(t){return t.value?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.value)?null:{email:!0}:null}static min(t){return e=>!e.value||isNaN(e.value)?null:e.value<t?{min:{min:t,actual:e.value}}:null}static max(t){return e=>!e.value||isNaN(e.value)?null:e.value>t?{max:{max:t,actual:e.value}}:null}static minLength(t){return e=>{if(null==e.value||""===e.value)return null;const r=String(e.value);return r.length<t?{minLength:{minLength:t,actualLength:r.length}}:null}}static maxLength(t){return e=>{if(null==e.value||""===e.value)return null;const r=String(e.value);return r.length>t?{maxLength:{maxLength:t,actualLength:r.length}}:null}}static pattern(t){return e=>e.value?("string"==typeof t?new RegExp(`^(?:${t})$`):t).test(e.value)?null:{pattern:{requiredPattern:t,actualValue:e.value}}:null}static hasUppercase(t){return t.value?/[A-Z]/.test(t.value)?null:{hasUppercase:!0}:null}static hasNumber(t){return t.value?/[0-9]/.test(t.value)?null:{hasNumber:!0}:null}static hasSpecialChar(t){return t.value?/[!@#$%^&*(),.?":{}|<>]/.test(t.value)?null:{hasSpecialChar:!0}:null}static integer(t){if(null==t.value||""===t.value)return null;const e=Number(t.value);return!isNaN(e)&&Number.isInteger(e)?null:{integer:!0}}static number(t){if(null==t.value||""===t.value)return null;const e=Number(t.value);return isNaN(e)?{number:!0}:null}static sameAs(t){return e=>{if(!e.value)return null;const r=e.parent;if(!r||"function"!=typeof r.get)return null;const s=r.get(t);return s?e.value===s.value?null:{sameAs:{fieldName:t}}:null}}}class l{control(t,e,r){return new o(t,e,r)}group(t,e){const r={};return Object.keys(t).forEach((e=>{const s=t[e];r[e]=s instanceof a?s:Array.isArray(s)?new o(s[0],s[1],s[2]):new o(s)})),new h(r,e?.validators,e?.asyncValidators)}array(t,e){const r=t.map((t=>t instanceof a?t:Array.isArray(t)?new o(t[0],t[1],t[2]):new o(t)));return new u(r,e?.validators,e?.asyncValidators)}}const m=["text","password","email","number","phone","url","date","datetime","time","color","checkbox","radio","file","range","textarea","select","switch","slider","rate","tags","daterange","tree-select","transfer","cascader","auto-complete","editor","location","input","captcha","address","table"];class f{static isEmpty(t){return null==t||""===t}static isNotEmpty(t){return null!=t&&""!==t}static isFieldGroup(t){return"elements"in t&&Array.isArray(t.elements)}static isInputField(t){return m.includes(t)}static builderFromControl(t){try{const e=f.buildValidators(t),r=new o(t.defaultValue??t.targetKeys??t.defaultChecked??"",e);return t.control=r,{field:t,control:r}}catch(e){throw new Error(`Error building control for field ${t?.name}: ${e}`)}}static buildValidators(t){const e=[];if(t.required&&e.push(c.required),"minLength"in t&&!f.isEmpty(t.minLength)&&e.push(c.minLength(t.minLength)),"maxLength"in t&&!f.isEmpty(t.maxLength)&&e.push(c.maxLength(t.maxLength)),"pattern"in t&&!f.isEmpty(t.pattern)&&e.push(c.pattern(t.pattern)),"email"===t.type&&e.push(c.email),"min"in t&&!f.isEmpty(t.min)&&e.push(c.min(Number(t.min))),"max"in t&&!f.isEmpty(t.max)&&e.push(c.max(Number(t.max))),t.hasUppercase&&e.push(c.hasUppercase),t.hasNumber&&e.push(c.hasNumber),t.hasSpecialChar&&e.push(c.hasSpecialChar),"number"===t.type){const r=t;"integer"===r.numberType?e.push(c.integer):"decimal"===r.numberType&&e.push(c.number)}if(Array.isArray(t.validators)&&t.validators.length>0)for(const r of t.validators)switch(r.type){case"required":e.includes(c.required)||e.push(c.required);break;case"minLength":f.isEmpty(r.value)||e.push(c.minLength(Number(r.value)));break;case"maxLength":f.isEmpty(r.value)||e.push(c.maxLength(Number(r.value)));break;case"pattern":f.isEmpty(r.value)||e.push(c.pattern(r.value));break;case"min":f.isEmpty(r.value)||e.push(c.min(Number(r.value)));break;case"max":f.isEmpty(r.value)||e.push(c.max(Number(r.value)));break;case"hasUppercase":e.includes(c.hasUppercase)||e.push(c.hasUppercase);break;case"hasNumber":e.includes(c.hasNumber)||e.push(c.hasNumber);break;case"hasSpecialChar":e.includes(c.hasSpecialChar)||e.push(c.hasSpecialChar);break;case"integer":e.includes(c.integer)||e.push(c.integer);break;case"number":e.includes(c.number)||e.push(c.number);break;case"sameAs":f.isEmpty(r.value)||e.push(c.sameAs(r.value))}return e}static translate(t,e){return t?e?t.replace(/\{\{(\w+)\}\}/g,((t,r)=>void 0!==e[r]?e[r]:`{{${r}}}`)):t:""}static messageValidator(){const e=t("validation",{},{});return{required:e.required||"This field is required",email:e.email||"Invalid email",min:e.min||"Value is too small",max:e.max||"Value is too large",minLength:e.minLength||"Value is too short",maxLength:e.maxLength||"Value is too long",pattern:e.pattern||"Invalid pattern",hasUppercase:e.hasUppercase||"Uppercase letter required",hasNumber:e.hasNumber||"Number required",hasSpecialChar:e.hasSpecialChar||"Special character required",type:e.type||"Invalid type",integer:e.integer||"Value must be an integer",number:e.number||"Value must be a number",custom:e.custom||"Invalid value"}}}class g extends h{builder;mapping=new Map;mappingById=new Map;mappingObject={};fb=new l;get schema(){return this.builder.schema}is_custom_submit=!1;constructor(t){super({}),this.builder=t,this.mapping=this.toMapping(),this.mappingObject=this.toMappingObject(),this.toFormMapping(this.mappingObject,this)}toMapping(){const t=e=>{const r=new Map;if(!e||!Array.isArray(e))return r;for(const s of e)if(s&&("button"===s.type&&"submit"===s.htmlType&&(this.is_custom_submit=!0),s.name&&r.set(s.name,s),s.id&&(this.mappingById.set(s.id,s),s.name||r.set(s.id,s)),f.isFieldGroup(s)&&t(s.elements).forEach(((t,e)=>r.set(e,t))),("tabs"===s.type||String(s.type).startsWith("columns-"))&&s.items&&Array.isArray(s.items)))for(const e of s.items)e&&Array.isArray(e.elements)&&t(e.elements).forEach(((t,e)=>r.set(e,t)));return r},e=this.schema?.elements||this.schema?.fields,r=this.schema?.actions||[],s=t(e);if(r&&Array.isArray(r))for(const t of r)t.id&&(this.mappingById.set(t.id,t),t.id.startsWith("action-")||s.set(t.id,t));return s}toMappingObject(){const t=(t,e)=>{const r=e.name;if(!r)return;const s=r.split(".");let n=t;for(let t=0;t<s.length;t++){let r=s[t];const i=r.endsWith("[]"),a=i?r.replace("[]",""):r,o=t===s.length-1;if(i){Array.isArray(n[a])||(n[a]=[{}]);const t=n[a];t[0]&&"object"==typeof t[0]&&!Array.isArray(t[0])||(t[0]={}),n=t[0]}else{if(o){n[a]||(n[a]=e.name);break}n[a]||(n[a]={}),n=n[a]}}},e={};for(const[r,s]of Array.from(this.mapping.entries()))t(e,s);return e}toFormMapping(t,e){for(const[r,s]of Object.entries(t))if(Array.isArray(s)){const t=this.fb.array([]);for(const e of s)if(e instanceof Object&&!(e instanceof Array)){const r=this.fb.group({});this.toFormMapping(e,r),t.push(r)}else{const r=this.mapping.get(e);if(!r){console.warn(`Field with name ${e} not found in mapping.`);continue}const{control:s}=f.builderFromControl(r);this.validateOnUseApi(r),s.subscribe((t=>{this.builder.callEvent("onFieldChange",r.name,t)})),t.push(s)}e instanceof h?e.addControl(r,t):e.push(t)}else if(s instanceof Object){const t=e,n=new h({});this.toFormMapping(s,n),t.addControl(r,n)}else{const t=this.mapping.get(s);if(!t){console.warn(`Field with name ${s} not found in mapping.`);continue}const n=e;this.validateOnUseApi(t);const{control:i}=f.builderFromControl(t);if(i.subscribe((e=>{this.builder.callEvent("onFieldChange",t.name,e)})),n.addControl(r,i),this.builder.showErrorCheckbox){const e=this.fb.control(!1);n.addControl(`isError_${t.name}`,e)}}}validateOnUseApi(t){}markAllAsTouched(){for(const[t,e]of Array.from(this.mapping.entries()))e.control&&e.control.markAsTouched()}onSubmit(){}onReset(){}get value(){const t=super.value;return this.cleanSubmitData(t),t}getRawValue(){const t=super.getRawValue();return this.cleanSubmitData(t),t}cleanSubmitData(t){if(t)for(const[e,r]of Array.from(this.mapping.entries()))r&&!1===r.submitData&&r.name&&this.deletePath(t,r.name)}deletePath(t,e){if(!t||!e)return;const r=e.split(".");let s=t;for(let t=0;t<r.length-1;t++){const e=r[t];if(e.endsWith("[]")){const n=s[e.replace("[]","")];if(Array.isArray(n)){const e=r.slice(t+1).join(".");n.forEach((t=>this.deletePath(t,e)))}return}if(s=s[e],!s)return}const n=r[r.length-1];n.endsWith("[]")?delete s[n.replace("[]","")]:delete s[n]}}class p{static validate(t){const e=[];if(!t)return e.push("Schema is undefined or null."),e;const r=t.elements||t.fields;return r&&Array.isArray(r)?(0===r.length&&e.push("Schema elements array is empty."),r.forEach(((t,r)=>{this.validateField(t,`elements[${r}]`,e)}))):e.push('Schema must contain an "elements" or "fields" array.'),e}static validateField(t,e,r){t?(t.type||r.push(`Field at ${e} is missing required property "type".`),["panel","grid","container"].includes(t.type)&&"elements"in t&&Array.isArray(t.elements)&&t.elements.forEach(((t,s)=>{this.validateField(t,`${e}.elements[${s}]`,r)}))):r.push(`Field at ${e} is undefined or null.`)}}class b{schema;showErrorCheckbox=!1;form;context={};get fields(){return this.schema?.elements||this.schema?.fields||[]}events={};plugins=[];_subscribers=new Set;on(t,e){return this.events[t]=e,this}conditions;formulas;constructor(t,e={}){this.schema=t,this.showErrorCheckbox=!!e.showErrorCheckbox,this.form=new g(this);const r=p.validate(this.schema);r.length>0&&console.error("SchemaBuilder Error: The provided schema is invalid.",r),this.conditions=new n(this),this.formulas=new i(this),this.callEvent("onInit")}callEvent(t,...e){const r=this.events[t];r&&r({builder:this,form:this.form,schema:this.schema},...e)}async use(t,e){return this.plugins.push(t),await t(this,e),this}subscribe(t){return this._subscribers.add(t),()=>this._subscribers.delete(t)}notifySubscribers(){this._subscribers.forEach((t=>t(this.form.value)))}}export{b as S,f as U}

package/components/p-CzHtwC1k.js

@@ -0,0 +1 @@
+import{t as e,p as t,H as o,d as n,h as s}from"./p-BLqwG7xa.js";import{U as a,S as r}from"./p-CkwLFDlS.js";import{t as i}from"./p-DFADJBLL.js";import{d as l}from"./p-9T3IQVUX.js";import{d as c}from"./p-k2uLDFNn.js";import{d}from"./p-DIZuWptV.js";import{d as p}from"./p-DZtvVtvb.js";import{d as m}from"./p-CmfyRJYt.js";import{d as h}from"./p-D4Joi-Km.js";import{d as u}from"./p-BzX-LA7W.js";import{d as x}from"./p-CzjK_fJj.js";import{d as g}from"./p-N4_1eZ9k.js";import{d as f}from"./p-CxMQkHjk.js";import{d as b}from"./p-DXMO8s1V.js";import{d as y}from"./p-C1PUbETy.js";import{d as v}from"./p-DwySgZYx.js";import{d as k}from"./p-DPo53FC8.js";import{d as C}from"./p-tMIvQ4L0.js";import{d as w}from"./p-DUjF0MeP.js";import{d as E}from"./p-jTIj1nFL.js";import{d as j}from"./p-Cuf33Rgj.js";import{d as S}from"./p-CIOnWzKr.js";import{d as D}from"./p-BogEYBiK.js";import{d as P}from"./p-C1_JmoB8.js";import{d as T}from"./p-4BROAJ-M.js";import{d as X}from"./p-Dn1c0e9W.js";import{d as $}from"./p-Da7AZprv.js";import{d as A}from"./p-Cp3SPBy3.js";import{d as B}from"./p-BSLE4EQn.js";import{d as z}from"./p-D_184xNl.js";import{d as L}from"./p-Cf_74fjT.js";import{d as F}from"./p-Brr9Q7gj.js";import{d as I}from"./p-B97Hj_bs.js";import{d as R}from"./p-CXhCHTJf.js";import{d as W}from"./p-CzErFq8K.js";import{d as M}from"./p-ez-wfqCC.js";import{d as K}from"./p-BoPZ9Se8.js";import{d as O}from"./p-BvOnPBRo.js";import{d as _}from"./p-yktKa2eA.js";import{d as N}from"./p-DTPUsC3Q.js";import{d as U}from"./p-CkyEMR2k.js";import{d as V}from"./p-CnPsn8zN.js";import{d as q}from"./p-CQQI-pRu.js";import{d as Q}from"./p-EYMvnfpO.js";import{d as H}from"./p-PNU1f8B9.js";import{d as J}from"./p-BnnNgLpE.js";import{d as Z}from"./p-CgaLhv3u.js";import{d as Y}from"./p-DtIk7IPf.js";import{d as G}from"./p-SFcKtdEL.js";import{d as ee}from"./p-DobuHW4v.js";import{d as te}from"./p-DINdyuGa.js";import{d as oe}from"./p-BQtB82ld.js";const ne={},se=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.xChange=n(this,"xChange",7),this.formSubmit=n(this,"formSubmit",7),this.xTableAction=n(this,"xTableAction",7),this.formError=n(this,"formError",7),this.ready=n(this,"ready",7),this.xClick=n(this,"xClick",7),this.valueChange=n(this,"valueChange",7)}xChange;formSubmit;xTableAction;formError;ready;xClick;valueChange;get el(){return this}getMessageValidator(e,t={}){if(!t||0===Object.keys(t).length)return[];const o={...e,id:e.id,name:e.name,label:e.label,field:e.label||e.name||"Field"},n=e?.validationMessages||{},s=this.schema?.setting?.validateMessages||{},r=a.messageValidator();return Object.entries(t).map((([t,a])=>{let l=n[t]||s[t]||r[t];return l||"captcha"!==t||(l=e.message||e.error||"Captcha is incorrect"),i(l,{...a,...o})}))}get mapping(){const e=e=>{const{commonProps:t,onChange:o,onPressEnter:n}=this.getcommonProps(e);return s("x-input",{key:e.id||e.name,...t,type:e.type,value:e.control?e.control.value:e.defaultValue||"",onXChange:o,onXPressEnter:n,onXBlur:()=>e.control?e.control.markAsTouched():null})},t=e=>s("div",{style:{display:"grid",gridTemplateColumns:"repeat(12, minmax(0, 1fr))",gap:`${e.gap||15}px`,width:"100%"}},(e.items||[]).map((t=>s("div",{style:{gridColumn:`span ${t.span||12}`},key:t.key},t.elements?this.bind(t.elements,e):null)))),o=e=>{let{commonProps:t}=this.getcommonProps(e);const o=e,n=o.min?new Date(o.min):void 0,a=o.max?new Date(o.max):void 0,r=e.control?e.control.value:e.defaultValue;let i={start:null,end:null};Array.isArray(r)?i={start:r[0]instanceof Date?r[0].toISOString().split("T")[0]:r[0],end:r[1]instanceof Date?r[1].toISOString().split("T")[0]:r[1]}:r&&"object"==typeof r&&("start"in r||"end"in r)&&(i={start:r.start??null,end:r.end??null});const l=e.placeholder,c=Array.isArray(l)?l[0]??"Start":l||"Start",d=Array.isArray(l)?l[1]??"End":l||"End";return s("x-range-picker",{...t,placeholder:[c,d],onXChange:t=>{const o=t?.detail;let n;n=o&&"object"==typeof o&&"value"in o?o.value:o,e.control?e.control.setValue(n):e.value=n,this._tick++},picker:e.picker||"date",format:e.format,placement:e.placement,minDate:n?n.toISOString().split("T")[0]:void 0,maxDate:a?a.toISOString().split("T")[0]:void 0,value:i,size:t.size,showTime:e.showTime})};return{text:e,input:e,email:e,password:e,url:e,number:e=>{const{commonProps:t,onChange:o,onPressEnter:n}=this.getcommonProps(e),a=e,r=a.maxLength??a.validators?.find((e=>"maxLength"===e.type))?.value,{minLength:i,maxLength:l,...c}=t;return s("x-input-number",{...c,value:e.control?e.control.value:e.defaultValue,status:t.status,min:a.min,max:a.max,step:a.step,precision:a.precision,controls:a.controls,stringMode:a.stringMode,currency:a.currency,addonAfter:a.addonAfter,addonBefore:a.addonBefore,onXChange:e=>{const t=e.detail&&"object"==typeof e.detail&&"value"in e.detail?e.detail.value:e.detail;void 0!==r&&null!=t&&String(t).length>r||o(e)},onXPressEnter:n})},textarea:e,select:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);const n=e,a="single"===n.mode?void 0:n.mode;return s("x-select",{...t,value:e.control?e.control.value:e.defaultValue,mode:a,allowClear:n.allowClear??t.allowClear??!1,showSearch:n.showSearch??!1,placeholder:n.placeholder||t.placeholder,onXChange:o,options:n.options||[]})},radio:e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e);return s("x-radio-group",{...t,value:e.control?e.control.value:e.defaultValue,options:e.options||[],direction:e.direction||e.orientation||"horizontal",placement:e.placement||"end",onXChange:o})},checkbox:e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e),n=e,a=n.options||[],r=e.control?e.control.value:t.defaultValue,i=Array.isArray(r);return s("div",{style:{margin:"4px 0"}},s("div",{style:{display:"flex",gap:"10px",flexWrap:"wrap",flexDirection:"vertical"===(n.direction||n.orientation||"horizontal")?"column":"row"}},a.length>0?a.map(((a,l)=>s("x-checkbox",{key:`${e.name}-${l}`,...t,value:a.value,disabled:a.disabled||t.disabled,onXChange:o,checked:i?(r||[]).includes(a.value):r===a.value,placement:a.placement||n.placement||"end"},String(a.label)))):s("x-checkbox",{...t,onXChange:o,checked:!!r,placement:n.placement||"end"},String(e.label))))},date:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);const n=e.min?new Date(e.min):void 0,a=e.max?new Date(e.max):void 0,r=e.control?e.control.value:e.defaultValue,i=!!e.showTime;return s("x-date-picker",{...t,onXChange:o,picker:e.picker||"date",format:e.format,placement:e.placement,showTime:i,minDate:n?n.toISOString().split("T")[0]:void 0,maxDate:a?a.toISOString().split("T")[0]:void 0,value:"string"==typeof r?r:r instanceof Date?i?r.toISOString():r.toISOString().split("T")[0]:"",size:t.size})},datetime:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);const n=e.min?new Date(e.min):void 0,a=e.max?new Date(e.max):void 0,r=e.control?e.control.value:e.defaultValue;return s("x-date-picker",{...t,onXChange:o,picker:e.picker||"date",format:e.format,placement:e.placement,showTime:!0,minDate:n?n.toISOString().split("T")[0]:void 0,maxDate:a?a.toISOString().split("T")[0]:void 0,value:"string"==typeof r?r:r instanceof Date?r.toISOString():"",size:t.size})},time:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);const n=e.control?e.control.value:e.defaultValue,a=n instanceof Date?n.toTimeString().split(" ")[0]:"string"==typeof n?n:"",r={margin:"8px 0",...t.disabled?{pointerEvents:"none",opacity:"0.5"}:{}};return s("div",{style:r},s("x-time-picker",{...t,value:a,onXChange:e=>{o(e)}}))},file:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return s("x-upload",{...t,onXChange:o,listType:e.listType,multiple:e.multiple,maxCount:e.maxCount,accept:e.accept,action:e.action,drag:e.drag,showUploadList:e.showUploadList??!0,maxFileSize:e.maxSize?1024*e.maxSize*1024:void 0,fileList:e.control?e.control.value:e.defaultValue||[]},!("picture-card"===e.listType||"picture-circle"===e.listType)&&!e.drag&&s("x-button",null,s("x-icon",{slot:"icon",name:"upload"}),s("span",null,"Click to Upload")))},slider:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return s("x-slider",{...t,value:e.control?e.control.value:e.defaultValue,range:e.range,marks:e.marks,tooltip:void 0!==e.tooltip?e.tooltip:e.tooltipVisible,allowCross:e.allowCross,pushable:e.pushable,draggableTrack:e.draggableTrack,onXChange:o})},switch:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);const n=e;return s("x-switch",{...t,checked:e.control?e.control.value:e.defaultValue,size:"middle"===t.size?"default":t.size,checkedChildren:n.checkedChildren,unCheckedChildren:n.unCheckedChildren,defaultChecked:n.defaultChecked,onXChange:o,onXClick:e=>e.stopPropagation()})},rate:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return s("x-rate",{...t,value:e.control?e.control.value:e.defaultValue||0,count:e.count,allowHalf:e.allowHalf,allowClear:e.allowClear,character:e.character,onXChange:o})},color:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return s("x-color-picker",{...t,onXChange:o})},tags:e,range:e,phone:e,location:e,"tree-select":e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e),n=e;return s("x-tree-select",{...t,onXChange:o,treeData:n.treeData||n.options||[],multiple:n.multiple,treeCheckable:n.treeCheckable,showCheckedStrategy:n.showCheckedStrategy,showSearch:n.showSearch,allowClear:n.allowClear??t.allowClear,placeholder:n.placeholder||t.placeholder,value:e.control?e.control.value:t.defaultValue})},transfer:e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e);return s("x-transfer",{...t,onXChange:o,dataSource:e.dataSource||[],targetKeys:e.control?e.control.value:e.targetKeys||[],selectedKeys:e.selectedKeys,titles:e.titles,operations:e.operations,showSearch:e.showSearch,searchPlaceholder:e.searchPlaceholder,notFoundContent:e.notFoundContent,oneWay:e.oneWay,showSelectAll:e.showSelectAll,listWidth:e.listWidth,listHeight:e.listHeight,pagination:e.pagination,pageSize:e.pageSize})},cascader:e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e),n=e;return s("x-cascader",{...t,onXChange:o,options:n.options||[],value:e.control?e.control.value:n.defaultValue||null,placeholder:n.placeholder||t.placeholder,size:n.size||t.size,variant:n.variant,placement:n.placement,status:t.status||void 0,expandTrigger:n.expandTrigger,changeOnSelect:n.changeOnSelect,multiple:n.multiple,allowClear:n.allowClear??t.allowClear,showSearch:n.showSearch,fieldNames:n.fieldNames,displaySeparator:n.displaySeparator,maxTagCount:n.maxTagCount,notFoundContent:n.notFoundContent,loading:n.loading})},"auto-complete":e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e),n=e;return s("x-auto-complete",{...t,onXChange:o,options:n.options||[],value:e.control?e.control.value:n.defaultValue||"",placeholder:n.placeholder||t.placeholder,size:n.size||t.size,variant:n.variant,placement:n.placement,status:t.status||void 0,allowClear:n.allowClear??t.allowClear,backfill:n.backfill,defaultOpen:n.defaultOpen,openOnFocus:n.openOnFocus,filterOption:n.filterOption,notFoundContent:n.notFoundContent})},daterange:o,divider:e=>s("x-divider",{orientation:e.orientation||"center",dashed:!!e.dashed,plain:!!e.plain,style:{marginTop:void 0!==e.marginTop?`${e.marginTop}px`:"12px",marginBottom:void 0!==e.marginBottom?`${e.marginBottom}px`:"12px"}},e.text||e.content||e.description||""),heading:e=>{const t=e.level??3,o=e.align,n=String(e.content??""),a=e.styleType,r=e.ellipsis,i=e.ellipsisRows,l={margin:"8px 0",textAlign:o},c=`h${Math.min(Math.max(t,1),6)}`;return s(c,{style:l,"data-type":a,"data-ellipsis":r,"data-rows":i},n)},paragraph:e=>{const t=e.styleType,o=e.ellipsis,n=e.ellipsisRows,a={margin:"8px 0",color:"var(--x-text-secondary, #6b7280)",textAlign:e.align},r=String(e.content??e.placeholder??e.label??"");return s("p",{style:a,"data-type":t,"data-ellipsis":o,"data-rows":n},r)},image:e=>s("div",{style:{margin:"8px 0",textAlign:e.align}},s("img",{src:e.src||e.value||"",width:e.width||300,height:e.height||300,alt:e.alt||"",style:{borderRadius:"8px"}})),captcha:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return s("x-captcha",{...t,value:e.control?e.control.value:e.defaultValue||"",length:e.length,caseSensitive:e.caseSensitive,message:e.message,onXChange:o,hideError:!0,ref:t=>{e.control&&(e.control._captchaEl=t,t&&!e.control._captchaRegistered&&(e.control._captchaRegistered=!0,e.control.registerValidatorAsync((async()=>{const t=e.control._captchaEl;return t&&t.validate?await t.validate()?null:{captcha:!0}:null}))))}})},address:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return s("x-address",{...t,value:e.control?e.control.value:e.defaultValue||ne,onXChange:o,placeholderProvince:e.placeholderProvince,placeholderDistrict:e.placeholderDistrict,placeholderWard:e.placeholderWard,provincesData:e.provincesData,districtsData:e.districtsData,wardsData:e.wardsData,ref:t=>{t&&e.control&&e.control.registerValidatorAsync((async()=>await t.validate()?null:{address:"Please select full address"}))}})},avatar:e=>{const t=e.size||64;return s("div",{style:{margin:"8px 0",textAlign:e.align}},s("img",{src:e.src||e.value||"",alt:e.alt||"",style:{width:`${t}px`,height:`${t}px`,borderRadius:void 0===e.circle||e.circle?"50%":"0",objectFit:"cover"}}))},editor:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return s("x-editor",{...t,onValueChange:o})},button:e=>{const t=e.icon,o=e.content||e.label||"",n=e.htmlType?e.htmlType:"submit"===e.type||"reset"===e.type?e.type:"button";return s("div",{style:{textAlign:e.align,margin:"8px 0"}},s("x-button",{type:e.buttonType||e.type||"default",shape:e.shape||"default",size:e.size||"middle",block:!!e.block,danger:!!e.danger,ghost:!!e.ghost,loading:!!e.loading,disabled:!!e.disabled,htmlType:n,onXClick:async t=>{t&&t.stopPropagation&&t.stopPropagation(),"submit"===n?await this.submit(t,e):"reset"===n?(this.builder.form.reset(),this._tick++):this.xClick.emit({field:e,builder:this.builder,event:t})}},t&&s("x-icon",{slot:"icon",name:t}),o))},href:e=>{const t=e.align,o=e.styleType,n=e.ellipsis,a=e.underline,r=e.icon,i=e.href||e.value||"#",l=e.target||"_self",c=e.rel||"",d=String(e.content??e.label??e.text??e.value??"Link");return s("div",{style:{textAlign:t,textDecoration:!1===a?"none":"underline"}},s("a",{href:i,target:l,rel:c,"data-type":o,"data-ellipsis":n},r?s("i",{"data-icon":r,style:{marginRight:"8px"}}):null,s("span",null,d)))},grid:e=>s("div",{style:{display:"grid",gridTemplateColumns:`repeat(${e.columns||12}, minmax(0, 1fr))`,gap:`${e.gap||15}px`}},"elements"in e&&e.elements?this.bind(e.elements,e):null),columns:t,"columns-3":t,"columns-4":t,table:e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e),n=e,a=(n.columns||[]).map((e=>({...e,dataIndex:e.dataIndex||e.key,slot:e.actions?e.slot||e.key||"action":e.slot}))),r=e.control?.value,i=Array.isArray(r)&&r.length>0&&"object"==typeof r[0],l=i?r:n.dataSource||[],c=n.rowSelection?{...n.rowSelection,selectedRowKeys:Array.isArray(r)&&!i?r:[]}:void 0;return s("x-table",{...t,columns:a,dataSource:l,rowKey:n.rowKey||"id",tableTitle:n.tableTitle,pagination:n.pagination,tableScroll:n.tableScroll,rowSelection:c,size:n.size,bordered:n.bordered,loading:n.loading,showHeader:n.showHeader,emptyText:n.emptyText,resizableColumns:n.resizableColumns,draggableColumns:n.draggableColumns,draggableRows:n.draggableRows,sticky:n.sticky,onXSelectionChange:e=>{n.rowSelection&&o(e.detail.selectedRowKeys)},onXChange:e=>{console.log("x-form-builder: Table changed:",e.detail)}},a.filter((e=>e.actions)).map((e=>(l||[]).map(((t,o)=>s("div",{slot:`${e.slot}-${o}`,style:{display:"flex",gap:"8px"}},(e.actions||[]).map((e=>{const o=s("x-button",{type:"button"===e.type?"primary":"link",size:"small",danger:e.danger,onClick:o=>{o.stopPropagation(),this.xTableAction.emit({action:e.onClick||e.label,record:t,field:n})}},e.icon&&s("x-icon",{slot:"icon",name:e.icon}),e.label);return e.tooltip?s("x-tooltip",{tooltipTitle:e.tooltip},o):o}))))))))},maps:e=>{const t=e.provider||"openstreetmap",o=e.center,n=e.zoom||10,a=!!e.searchEnabled;return s("div",{style:{width:"100%",margin:"8px 0"}},s("div",{style:{width:e.width||"100%",height:`${e.height||400}px`,border:"1px solid #d9d9d9",borderRadius:"6px",position:"relative",overflow:"hidden"}},s("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",background:"google"===t?"#e8f5e8":"mapbox"===t?"#f0f8ff":"bing"===t?"#fff7e6":"#f0f0f0"}},s("div",{style:{fontWeight:"500",marginBottom:"8px"}},String(e.label||"Interactive Map")),o?s("div",{style:{color:"#666",fontSize:"12px",textAlign:"center"}},s("div",null,"Lat: ",o.lat,", Lng: ",o.lng),s("div",null,"Zoom: ",n)):null,a?s("div",{style:{marginTop:"12px"}},s("input",{placeholder:"Search location...",style:{width:"200px",padding:"6px 8px",border:"1px solid #d9d9d9",borderRadius:"4px"}})):null)))},panel:e=>s("div",{style:{padding:"12px",border:"1px solid var(--x-border, #e5e7eb)",borderRadius:"8px",margin:"8px 0"}},"elements"in e&&e.elements?this.bind(e.elements,e):null),container:e=>s("div",{style:{margin:"8px 0"}},"elements"in e&&e.elements?this.bind(e.elements,e):null),iframe:e=>s("div",{style:{width:"100%",margin:"8px 0"}},s("iframe",{src:e.src,title:e.title||"Embedded Content",width:e.width||"100%",height:e.height||400,frameBorder:e.frameBorder||0,scrolling:e.scrolling||"auto",loading:e.loading||"lazy",sandbox:e.sandbox,allow:e.allow,referrerPolicy:e.referrerPolicy,style:{border:"none",borderRadius:"8px"}})),"qr-code":e=>{const t=e.label,o=e.value||"https://example.com",n=e.size||200,a=e.level||"M",r=e.bgColor||"#FFFFFF",i=e.fgColor||"#000000",l=!!e.includeMargin,c=e.description;return s("div",{style:{width:"100%",margin:"8px 0",textAlign:e.align||"center"}},s("div",{style:{display:"inline-block"}},t?s("div",{style:{marginBottom:"8px",fontWeight:"500"}},String(t)):null,s("div",{style:{width:`${n}px`,height:`${n}px`,background:r,color:i,border:"1px dashed #e5e7eb",padding:l?"16px":"0",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"8px"}},s("span",{style:{fontSize:"12px"}},String(o)," (",String(a),")")),c?s("div",{style:{marginTop:"8px",color:"#666",fontSize:"12px",textAlign:"center"}},String(c)):null))},tabs:e=>{const t=e.items||[],o=this.context&&"edit"===this.context.mode,n=void 0!==e.allowAdd?e.allowAdd:o,a=void 0!==e.allowRemove?e.allowRemove:o;let r=e.tabsType||"line";return(n||a)&&(r="editable-card"),s("x-tabs",{activeKey:e.activeKey||e.defaultActiveKey||(t.length>0?t[0].key:void 0),tabPlacement:e.tabPlacement||"top",type:r,editable:void 0!==e.allowRename?e.allowRename:o,hideAdd:!n,onXTabRename:e=>{const{key:o,label:n}=e.detail,s=t.find((e=>e.key===o));s&&(s.label=n,this._tick++)},onXEdit:e=>{const{action:o,targetKey:n}=e.detail;if("add"===o){const e=`tab-${Date.now()}`;t.push({key:e,label:`New Tab ${t.length+1}`,elements:[]}),this._tick++}else if("remove"===o){const e=t.findIndex((e=>e.key===n));-1!==e&&(t.splice(e,1),this._tick++)}}},t.map((t=>s("x-tab-pane",{key:t.key,paneKey:t.key,tab:t.label,disabled:t.disabled,icon:t.icon,closable:a&&!1!==t.closable},this.bind(t.elements,e)))))},"range-picker":o,dynamic:e=>{const t=e.meta?.slot||e.metadata?.slot||e.name;return s("div",{class:"x-dynamic-field-container",onXChange:t=>{e.control&&t.detail&&"value"in t.detail&&e.control.setValue(t.detail.value,{emitEvent:!1})}},s("slot",{name:t},s("div",{style:{height:"300px",width:"100%",border:"1px dashed #d1d5db",borderRadius:"8px",backgroundColor:"#f9fafb",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",color:"#9ca3af",fontSize:"13px",gap:"8px"}},s("span",{style:{fontSize:"24px"}},"🧩"),s("span",null,'Dynamic slot "',t,'" is empty or not configured'))))}}}async submit(e,t){let o={},n=!0,s={};if(this.builder&&this.builder.form){const e=Array.from(this.builder.form.mapping.values()).filter((e=>"dynamic"===e.type));for(const t of e){const e=t.meta?.slot||t.metadata?.slot||t.name,a=Array.from(this.el.children).find((t=>t.getAttribute("slot")===e));if(a){let e=a.value;if(void 0===e&&t.control&&(e=t.control.value),t.control&&void 0!==e&&t.control.setValue(e,{emitEvent:!1}),"function"==typeof a.validate){const o=await a.validate(e);o?(n=!1,s[t.name]=o,a.validationState={status:"invalid",errorMessage:"object"==typeof o?Object.values(o)[0]:"Invalid",errors:o}):a.validationState={status:"valid",errors:null,errorMessage:""}}o[t.name]=e}}}if(this.builder&&this.builder.form){for(const[e,t]of Array.from(this.builder.form.mapping.entries()))t.control&&await t.control.updateValueAndValidity({emitEvent:!1});await this.builder.form.updateValueAndValidity()}let a=!0;const r=this.el.shadowRoot;if(r){const e=r.querySelectorAll("x-captcha");for(let t=0;t<e.length;t++){const o=e[t];o.validate&&(await o.validate()||(a=!1))}}if(this.builder.form.valid&&a&&n)this.formSubmit.emit({value:{...this.builder.form.value,...o},builder:this.builder,event:e,field:t});else{if(this.builder.form.markAllAsTouched(),this._tick++,r){const e=r.querySelectorAll("x-captcha");for(let t=0;t<e.length;t++){const o=e[t];o.refresh&&o.refresh()}}this.formError.emit({builder:this.builder,event:e,errors:{...this.builder.form.errors,...s}})}}schema;showErrorCheckbox=!1;getcommonProps(e){const t={defaultValue:e.defaultValue??e.defaultChecked??e.targetKeys,prefixIcon:e.prefixIcon,suffixIcon:e.suffixIcon,focused:e.focused,status:e.status,allowClear:e.allowClear,hasUppercase:e.hasUppercase,hasNumber:e.hasNumber,hasSpecialChar:e.hasSpecialChar,name:e.name,required:e.required||Array.isArray(e.validators)&&e.validators.some((e=>"required"===e.type)),disabled:e.disabled,readonly:e.readonly,size:e.size||"middle",placeholder:e.placeholder,errorMessage:"",pattern:e.pattern};"min"in e&&(t.min=e.min),"max"in e&&(t.max=e.max),"step"in e&&(t.step=e.step),"minLength"in e&&(t.minLength=e.minLength),"maxLength"in e&&(t.maxLength=e.maxLength);const o=e.control;if(o&&this.builder&&o.touched&&(t.status=void 0,o.invalid&&"dynamic"!==e.type)){t.status="error";const n=this.getMessageValidator(e,o.errors??{});t.errorMessage=n.length>0?n[0]:"Invalid value"}return{commonProps:t,onChange:t=>{let o=t.detail&&"object"==typeof t.detail&&"value"in t.detail?t.detail.value:t.detail;o&&"object"==typeof o&&"fileList"in o&&(o=o.fileList),e.control?e.control.setValue(o):e.value=o,this.xChange.emit({builder:this.builder,event:t,field:e,value:this.builder?this.builder.form.value:this.value}),this._tick++},onPressEnter:t=>{this.schema?.setting?.enterSubmit&&this.submit(t,e)}}}getStylesFromUI(e){if(!e||!e.style)return{};const{margin:t,padding:o,...n}=e.style,s={...n};return t&&(void 0!==t.top&&(s.marginTop="number"==typeof t.top?`${t.top}px`:t.top),void 0!==t.bottom&&(s.marginBottom="number"==typeof t.bottom?`${t.bottom}px`:t.bottom),void 0!==t.left&&(s.marginLeft="number"==typeof t.left?`${t.left}px`:t.left),void 0!==t.right&&(s.marginRight="number"==typeof t.right?`${t.right}px`:t.right)),o&&(void 0!==o.top&&(s.paddingTop="number"==typeof o.top?`${o.top}px`:o.top),void 0!==o.bottom&&(s.paddingBottom="number"==typeof o.bottom?`${o.bottom}px`:o.bottom),void 0!==o.left&&(s.paddingLeft="number"==typeof o.left?`${o.left}px`:o.left),void 0!==o.right&&(s.paddingRight="number"==typeof o.right?`${o.right}px`:o.right)),s}_tick=0;value;context={};builder;_isInternalChange=!1;componentWillLoad(){this.asyncBuilderForm(!0)}componentDidUpdate(){}disconnectedCallback(){}handleValueChange(){this._isInternalChange||this.asyncBuilderForm(!0)}handleSchemaChange(){this.asyncBuilderForm(!1)}isSyncing=!1;asyncBuilderForm(e=!1){if(!this.isSyncing){this.isSyncing=!0;try{const t=this.builder?this.builder.form.value:this.value;!this.schema||this.builder&&this.schema===this.builder.schema||(this.builder=new r(this.schema,{showErrorCheckbox:this.showErrorCheckbox}),this.builder.subscribe((e=>{this._isInternalChange=!0,this.value=e,this._isInternalChange=!1,this.valueChange.emit(e),this.xChange.emit({builder:this.builder,event:null,value:e}),this._tick++})));const o=e?this.value:t||this.value;this.builder&&o&&this.builder.form.patchValue(o,{emitEvent:!1}),this.builder&&this.context&&(this.builder.context=this.context,this.builder.conditions&&this.builder.conditions.checkAll&&this.builder.conditions.checkAll()),this.builder&&(this.builder.showErrorCheckbox=this.showErrorCheckbox),this._tick++}finally{this.isSyncing=!1}}}getLayoutStyles(){const e=this.schema.layout||this.schema.setting?.layout||"vertical",t="string"==typeof e?e:e?.type,o=this.schema?.gap??10;return"horizontal"===t?{container:{display:"flex",flexWrap:"wrap",gap:`${e?.gap??o}px`},item:{marginBottom:"0"}}:"inline"===t?{container:{display:"flex",alignItems:"center",gap:`${e?.gap??o}px`,overflowX:"auto",flexWrap:"nowrap",maxWidth:"100%",paddingBottom:"8px"},item:{marginBottom:"0",flexShrink:0}}:"grid"===t?{container:{display:"grid",gridTemplateColumns:`repeat(${e?.columns||2}, minmax(0, 1fr))`,gap:`${e?.gap??o}px`},item:{marginBottom:"0"}}:{container:{display:"flex",flexDirection:"column",gap:`${e?.gap??o}px`},item:{marginBottom:"0"}}}bind(e,t){return e&&Array.isArray(e)?e.map((e=>{if(e.hidden)return null;const o=!!t&&t.disabled,n=!!t&&t.readonly,a={...e,disabled:e.disabled||o,readonly:e.readonly||n},r=this.mapping[e.type],i=this.schema.layout||this.schema.setting?.layout||"vertical",l="string"==typeof i?i:i?.type,c={marginBottom:"15px",...this.getStylesFromUI(e.ui)};if("grid"===t?.type)c.gridColumn=`span ${e.span||1}`;else if("horizontal"===l||"inline"===l||e.span){const t=Number(e.span||("inline"===l?6:12))/12*100;c.flex=`0 0 ${t}%`,c.maxWidth=`${t}%`}if("elements"in e)return s("div",{key:e.id||e.name,style:c},s(r,{...a}));const{commonProps:d}=this.getcommonProps(a),p="object"==typeof i?i?.labelAlign||"left":this.schema.setting?.labelAlign||"left",m=this.schema.setting?.labelCol,h=this.schema.setting?.wrapperCol;if("button"===e.type){const t={...e};return t.buttonType&&(t.type=t.buttonType),e.align&&(c.textAlign=e.align),s("div",{key:e.id||e.name,style:c},s(r,{...t},e.content))}const u=!["divider","heading","paragraph","image","avatar","grid","panel","container","iframe","qr-code","tabs","button","href"].includes(e.type),x=!!this.builder?.form?.get(`isError_${e.name}`)?.value;return s("x-form-item",{key:e.id||e.name,label:this.showErrorCheckbox&&u&&e.name?null:e.label,colon:e.colon,required:e.required||Array.isArray(e.validators)&&e.validators.some((e=>"required"===e.type)),validateStatus:x?"error":d.status,help:d.errorMessage||e.note,layout:l,labelAlign:p,labelCol:m,wrapperCol:h,style:c},this.showErrorCheckbox&&u&&e.name&&s("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"8px"}},s("span",{style:{fontWeight:"600",color:x?"#ff4d4f":"rgba(0, 0, 0, 0.88)",fontSize:"14px"}},e.label,e.required&&s("span",{style:{color:"#ff4d4f",marginLeft:"4px"}},"*")),s("div",{style:{display:"flex",alignItems:"center",gap:"4px"}},s("x-checkbox",{checked:x,onXChange:t=>{const o=!!t.detail.checked,n=this.builder.form.get(`isError_${e.name}`);n&&(n.setValue(o),this.xChange.emit({builder:this.builder,event:t,field:e,value:this.builder.form.value})),this._tick++}}),s("span",{style:{fontSize:"12px",fontWeight:"700",color:x?"#ff4d4f":"rgba(0, 0, 0, 0.65)",textTransform:"uppercase"}},"Lỗi"))),s(r,{...a,status:x?"error":a.status}))})):null}render(){if(!this.schema)return null;const e=this.getLayoutStyles(),t=s("form",{noValidate:!0,onSubmit:e=>{e.preventDefault(),e.stopPropagation()}},s("div",{style:e.container},this.bind(this.schema?.elements)),(()=>{if(!this.schema||!this.builder)return null;if(this.builder.form.is_custom_submit)return null;const e=this.schema.setting||{};let t=Array.isArray(this.schema.actions)?this.schema.actions:[];t&&0!==t.length||(e.showSubmitButton&&t.push({id:"submit",type:"submit",label:e.submitButtonText||i("buttons.submit")}),e.showResetButton&&t.push({id:"reset",type:"reset",label:e.resetButtonText||i("buttons.reset")}));const o=this.mapping.button;return s("div",{style:{marginTop:"12px",textAlign:e.submitButtonPosition||"right"}},t.map(((e,t)=>{if(e.hidden)return null;const n=e.content||e.label||"",{type:a,...r}=e,i={...r};"submit"===a||"reset"===a?i.htmlType=a:a&&(i.type=a);const l=!!i.block;return s("div",{style:{display:l?"block":"inline-block",width:l?"100%":"auto",marginLeft:!l&&t?"8px":"0",marginTop:l&&t?"8px":"0"},key:e.id||`action-${t}`},s(o,{...i},n))})))})());return"card"===this.schema.type?s("x-card",null,s("slot",{name:"title"},this.schema.title&&s("x-typography-title",{level:3},this.schema.title),this.schema.description&&s("x-typography-text",null,this.schema.description)),t):t}static get watchers(){return{value:[{handleValueChange:0}],schema:[{handleSchemaChange:0}],context:[{handleSchemaChange:0}]}}static get style(){return":host{display:block}"}},[769,"x-form-builder",{schema:[16],showErrorCheckbox:[4,"show-error-checkbox"],value:[1040],context:[8],_tick:[32],submit:[64]},void 0,{value:[{handleValueChange:0}],schema:[{handleSchemaChange:0}],context:[{handleSchemaChange:0}]}]);function ae(){"undefined"!=typeof customElements&&["x-form-builder","x-address","x-auto-complete","x-auto-complete-dropdown-content","x-avatar","x-button","x-captcha","x-card","x-cascader","x-cascader-dropdown-content","x-checkbox","x-color-picker","x-color-picker-panel","x-date-picker","x-date-picker-dropdown-content","x-divider","x-dropdown","x-dropdown-content","x-editor","x-empty","x-form-item","x-icon","x-input","x-input-number","x-modal","x-modal-content","x-pagination","x-popover","x-popover-content","x-radio","x-radio-group","x-range-picker","x-range-picker-dropdown-content","x-rate","x-select","x-select-dropdown-content","x-slider","x-spin","x-switch","x-tab-pane","x-table","x-tabs","x-time-picker","x-time-picker-dropdown-content","x-tooltip","x-tooltip-content","x-transfer","x-tree-select","x-tree-select-dropdown-content","x-upload"].forEach((t=>{switch(t){case"x-form-builder":customElements.get(e(t))||customElements.define(e(t),se);break;case"x-address":customElements.get(e(t))||l();break;case"x-auto-complete":customElements.get(e(t))||c();break;case"x-auto-complete-dropdown-content":customElements.get(e(t))||d();break;case"x-avatar":customElements.get(e(t))||p();break;case"x-button":customElements.get(e(t))||m();break;case"x-captcha":customElements.get(e(t))||h();break;case"x-card":customElements.get(e(t))||u();break;case"x-cascader":customElements.get(e(t))||x();break;case"x-cascader-dropdown-content":customElements.get(e(t))||g();break;case"x-checkbox":customElements.get(e(t))||f();break;case"x-color-picker":customElements.get(e(t))||b();break;case"x-color-picker-panel":customElements.get(e(t))||y();break;case"x-date-picker":customElements.get(e(t))||v();break;case"x-date-picker-dropdown-content":customElements.get(e(t))||k();break;case"x-divider":customElements.get(e(t))||C();break;case"x-dropdown":customElements.get(e(t))||w();break;case"x-dropdown-content":customElements.get(e(t))||E();break;case"x-editor":customElements.get(e(t))||j();break;case"x-empty":customElements.get(e(t))||S();break;case"x-form-item":customElements.get(e(t))||D();break;case"x-icon":customElements.get(e(t))||P();break;case"x-input":customElements.get(e(t))||T();break;case"x-input-number":customElements.get(e(t))||X();break;case"x-modal":customElements.get(e(t))||$();break;case"x-modal-content":customElements.get(e(t))||A();break;case"x-pagination":customElements.get(e(t))||B();break;case"x-popover":customElements.get(e(t))||z();break;case"x-popover-content":customElements.get(e(t))||L();break;case"x-radio":customElements.get(e(t))||F();break;case"x-radio-group":customElements.get(e(t))||I();break;case"x-range-picker":customElements.get(e(t))||R();break;case"x-range-picker-dropdown-content":customElements.get(e(t))||W();break;case"x-rate":customElements.get(e(t))||M();break;case"x-select":customElements.get(e(t))||K();break;case"x-select-dropdown-content":customElements.get(e(t))||O();break;case"x-slider":customElements.get(e(t))||_();break;case"x-spin":customElements.get(e(t))||N();break;case"x-switch":customElements.get(e(t))||U();break;case"x-tab-pane":customElements.get(e(t))||V();break;case"x-table":customElements.get(e(t))||q();break;case"x-tabs":customElements.get(e(t))||Q();break;case"x-time-picker":customElements.get(e(t))||H();break;case"x-time-picker-dropdown-content":customElements.get(e(t))||J();break;case"x-tooltip":customElements.get(e(t))||Z();break;case"x-tooltip-content":customElements.get(e(t))||Y();break;case"x-transfer":customElements.get(e(t))||G();break;case"x-tree-select":customElements.get(e(t))||ee();break;case"x-tree-select-dropdown-content":customElements.get(e(t))||te();break;case"x-upload":customElements.get(e(t))||oe()}}))}ae();export{se as X,ae as d}

package/components/{p-BlvrLhyv.js → p-DqayamUz.js}

@@ -1 +1 @@
-import{t as o,p as r,H as e,d as x,h as i}from"./p-BLqwG7xa.js";import{I as t}from"./p-BgCjF74f.js";import{t as c}from"./p-DFADJBLL.js";import{d as a}from"./p-CIOnWzKr.js";import{d as n}from"./p-C1_JmoB8.js";import{d as s}from"./p-4BROAJ-M.js";import{d as l}from"./p-DTPUsC3Q.js";const p=t,d=r(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xIconClick=x(this,"xIconClick",7),this.xSearch=x(this,"xSearch",7)}get el(){return this}value;placement="bottomLeft";dropdownClasses={};searchQuery="";showSearchInput=!1;loadedCount=48;isLoadingMore=!1;xIconClick;xSearch;sentinelRef;observer;onSearchChange(){this.loadedCount=48}componentDidLoad(){this.setupObserver()}componentDidUpdate(){this.setupObserver()}disconnectedCallback(){this.observer?.disconnect()}setupObserver(){this.observer?.disconnect(),this.sentinelRef&&(this.observer=new IntersectionObserver((o=>{o[0].isIntersecting&&!this.isLoadingMore&&this.loadMore()}),{root:this.el.shadowRoot?.querySelector(".x-icon-picker-body")??null,threshold:.1}),this.observer.observe(this.sentinelRef))}loadMore(){const o=this.getTotalFilteredCount();this.loadedCount>=o||(this.isLoadingMore=!0,requestAnimationFrame((()=>{this.loadedCount=Math.min(this.loadedCount+48,o),this.isLoadingMore=!1})))}handleIconClick(o){this.xIconClick.emit(o.code)}handleSearchChange=o=>{this.xSearch.emit(void 0!==o.detail?.value?o.detail.value:o.detail)};getFilteredGroups(){const o=(this.searchQuery||"").toLowerCase().trim();return o?p.reduce(((r,e)=>{const x=e.icons.filter((r=>(r.name+r.code).toLowerCase().includes(o)));return x.length&&r.push({categorie:e.categorie,icons:x}),r}),[]):p}getTotalFilteredCount(){return this.getFilteredGroups().reduce(((o,r)=>o+r.icons.length),0)}getVisibleGroups(){const o=this.getFilteredGroups();let r=this.loadedCount;const e=[];for(const x of o){if(r<=0)break;const o=x.icons.slice(0,r);r-=o.length,e.push({categorie:x.categorie,icons:o})}return e}renderGroup(o){return i("div",{class:"x-icon-picker-group",key:o.categorie},i("div",{class:"x-icon-picker-group-header"},o.categorie),i("div",{class:"x-icon-picker-grid"},o.icons.map((o=>i("div",{class:{"x-icon-picker-item":!0,"x-icon-picker-item-selected":this.value===o.code},onClick:()=>this.handleIconClick(o),title:o.name,key:o.code},i("x-icon",{name:o.code}))))))}renderBody(){const o=this.getVisibleGroups(),r=this.getTotalFilteredCount(),e=this.loadedCount<r;return 0===r?i("div",{class:"x-icon-picker-empty"},i("x-empty",{description:c("IconPicker.empty",{},"No icons found")})):[...o.map((o=>this.renderGroup(o))),e&&i("div",{class:"x-icon-picker-sentinel",ref:o=>this.sentinelRef=o},i("div",{class:"x-icon-picker-loading"},i("x-spin",{size:"small"}))),i("div",{class:"x-icon-picker-footer"},`${Math.min(this.loadedCount,r)} / ${r} icons`)]}render(){const o={"x-icon-picker-panel":!0,...this.dropdownClasses};return i("div",{key:"3e5976ada71894111ae1e25c83d20f575f75a83c",class:o},this.showSearchInput&&i("div",{key:"7ab45031d191e2520209f7d9a33f800430047503",class:"x-icon-picker-search"},i("x-input",{key:"a3c3040a79d553a5b8e18415a703157f7d2f2f06",value:this.searchQuery,placeholder:c("IconPicker.searchPlaceholder",{},"Search icon..."),allowClear:!0,onXChange:this.handleSearchChange,onXInput:this.handleSearchChange},i("x-icon",{key:"32ea8a961966111b63ce3ace2e3ccaffb6dabbe4",name:"search",slot:"prefix"}))),i("div",{key:"c1fbcd46bd59469d2fdaf0dac70b52b5e6f07ccc",class:"x-icon-picker-body"},this.renderBody()))}static get watchers(){return{searchQuery:[{onSearchChange:0}]}}static get style(){return"@charset \"UTF-8\";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-text-processing:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',     'Noto Color Emoji';--x-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:block}.x-icon-picker-panel{width:var(--x-input-icon-panel-width, 300px);background-color:var(--x-input-icon-bg, var(--x-control-bg, var(--x-color-bg-container, #ffffff)));border-radius:var(--x-input-icon-item-border-radius, var(--x-border-radius));-webkit-box-shadow:var(--x-box-shadow);box-shadow:var(--x-box-shadow);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;position:relative;z-index:1050}.x-icon-picker-panel.x-date-picker-dropdown-hidden{display:none}.x-icon-picker-search{padding:8px 8px 0}.x-icon-picker-body{height:var(--x-input-icon-panel-height, 320px);overflow-y:auto;padding:8px 8px 4px}.x-icon-picker-body::-webkit-scrollbar{width:5px}.x-icon-picker-body::-webkit-scrollbar-thumb{background-color:var(--x-border-color-split);border-radius:4px}.x-icon-picker-body::-webkit-scrollbar-track{background:transparent}.x-icon-picker-group{margin-bottom:8px}.x-icon-picker-group:last-of-type{margin-bottom:0}.x-icon-picker-group-header{font-size:11px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--x-text-color-secondary);padding:4px 2px 6px;line-height:1;border-bottom:1px solid var(--x-border-color-split);margin-bottom:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.x-icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(36px, 1fr));gap:3px}.x-icon-picker-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:36px;width:100%;font-size:20px;border-radius:var(--x-border-radius-sm);cursor:pointer;-webkit-transition:background-color 0.15s ease, color 0.15s ease;transition:background-color 0.15s ease, color 0.15s ease;color:var(--x-text-color);overflow:hidden;white-space:nowrap}.x-icon-picker-item x-icon{max-width:100%;max-height:100%;overflow:hidden;pointer-events:none}.x-icon-picker-item:hover{background-color:var(--x-input-icon-item-hover-bg, var(--x-control-item-bg-hover));color:var(--x-primary-color)}.x-icon-picker-item-selected{background-color:var(--x-input-icon-item-active-bg, var(--x-control-item-bg-active));color:var(--x-input-icon-item-active-color, var(--x-primary-color))}.x-icon-picker-item-selected:hover{background-color:var(--x-input-icon-item-active-bg, var(--x-control-item-bg-active))}.x-icon-picker-empty{display:-ms-flexbox;display:flex;width:100%;height:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:120px}.x-icon-picker-sentinel{height:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:4px}.x-icon-picker-loading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0.5}.x-icon-picker-footer{font-size:11px;color:var(--x-text-color-quaternary, var(--x-text-color-secondary));text-align:center;padding:6px 4px 4px;border-top:1px solid var(--x-border-color-split);margin-top:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"}},[513,"x-icon-picker-dropdown-content",{value:[1],placement:[1],dropdownClasses:[16],searchQuery:[1,"search-query"],showSearchInput:[4,"show-search-input"],loadedCount:[32],isLoadingMore:[32]},void 0,{searchQuery:[{onSearchChange:0}]}]);function f(){"undefined"!=typeof customElements&&["x-icon-picker-dropdown-content","x-empty","x-icon","x-input","x-spin"].forEach((r=>{switch(r){case"x-icon-picker-dropdown-content":customElements.get(o(r))||customElements.define(o(r),d);break;case"x-empty":customElements.get(o(r))||a();break;case"x-icon":customElements.get(o(r))||n();break;case"x-input":customElements.get(o(r))||s();break;case"x-spin":customElements.get(o(r))||l()}}))}f();export{d as X,f as d}
+import{t as o,p as r,H as e,d as x,h as i}from"./p-BLqwG7xa.js";import{I as t}from"./p-CQ2VND9-.js";import{t as c}from"./p-DFADJBLL.js";import{d as a}from"./p-CIOnWzKr.js";import{d as n}from"./p-C1_JmoB8.js";import{d as s}from"./p-4BROAJ-M.js";import{d as l}from"./p-DTPUsC3Q.js";const p=t,d=r(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xIconClick=x(this,"xIconClick",7),this.xSearch=x(this,"xSearch",7)}get el(){return this}value;placement="bottomLeft";dropdownClasses={};searchQuery="";showSearchInput=!1;loadedCount=48;isLoadingMore=!1;xIconClick;xSearch;sentinelRef;observer;onSearchChange(){this.loadedCount=48}componentDidLoad(){this.setupObserver()}componentDidUpdate(){this.setupObserver()}disconnectedCallback(){this.observer?.disconnect()}setupObserver(){this.observer?.disconnect(),this.sentinelRef&&(this.observer=new IntersectionObserver((o=>{o[0].isIntersecting&&!this.isLoadingMore&&this.loadMore()}),{root:this.el.shadowRoot?.querySelector(".x-icon-picker-body")??null,threshold:.1}),this.observer.observe(this.sentinelRef))}loadMore(){const o=this.getTotalFilteredCount();this.loadedCount>=o||(this.isLoadingMore=!0,requestAnimationFrame((()=>{this.loadedCount=Math.min(this.loadedCount+48,o),this.isLoadingMore=!1})))}handleIconClick(o){this.xIconClick.emit(o.code)}handleSearchChange=o=>{this.xSearch.emit(void 0!==o.detail?.value?o.detail.value:o.detail)};getFilteredGroups(){const o=(this.searchQuery||"").toLowerCase().trim();return o?p.reduce(((r,e)=>{const x=e.icons.filter((r=>(r.name+r.code).toLowerCase().includes(o)));return x.length&&r.push({categorie:e.categorie,icons:x}),r}),[]):p}getTotalFilteredCount(){return this.getFilteredGroups().reduce(((o,r)=>o+r.icons.length),0)}getVisibleGroups(){const o=this.getFilteredGroups();let r=this.loadedCount;const e=[];for(const x of o){if(r<=0)break;const o=x.icons.slice(0,r);r-=o.length,e.push({categorie:x.categorie,icons:o})}return e}renderGroup(o){return i("div",{class:"x-icon-picker-group",key:o.categorie},i("div",{class:"x-icon-picker-group-header"},o.categorie),i("div",{class:"x-icon-picker-grid"},o.icons.map((o=>i("div",{class:{"x-icon-picker-item":!0,"x-icon-picker-item-selected":this.value===o.code},onClick:()=>this.handleIconClick(o),title:o.name,key:o.code},i("x-icon",{name:o.code}))))))}renderBody(){const o=this.getVisibleGroups(),r=this.getTotalFilteredCount(),e=this.loadedCount<r;return 0===r?i("div",{class:"x-icon-picker-empty"},i("x-empty",{description:c("IconPicker.empty",{},"No icons found")})):[...o.map((o=>this.renderGroup(o))),e&&i("div",{class:"x-icon-picker-sentinel",ref:o=>this.sentinelRef=o},i("div",{class:"x-icon-picker-loading"},i("x-spin",{size:"small"}))),i("div",{class:"x-icon-picker-footer"},`${Math.min(this.loadedCount,r)} / ${r} icons`)]}render(){const o={"x-icon-picker-panel":!0,...this.dropdownClasses};return i("div",{key:"3e5976ada71894111ae1e25c83d20f575f75a83c",class:o},this.showSearchInput&&i("div",{key:"7ab45031d191e2520209f7d9a33f800430047503",class:"x-icon-picker-search"},i("x-input",{key:"a3c3040a79d553a5b8e18415a703157f7d2f2f06",value:this.searchQuery,placeholder:c("IconPicker.searchPlaceholder",{},"Search icon..."),allowClear:!0,onXChange:this.handleSearchChange,onXInput:this.handleSearchChange},i("x-icon",{key:"32ea8a961966111b63ce3ace2e3ccaffb6dabbe4",name:"search",slot:"prefix"}))),i("div",{key:"c1fbcd46bd59469d2fdaf0dac70b52b5e6f07ccc",class:"x-icon-picker-body"},this.renderBody()))}static get watchers(){return{searchQuery:[{onSearchChange:0}]}}static get style(){return"@charset \"UTF-8\";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-text-processing:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',     'Noto Color Emoji';--x-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:block}.x-icon-picker-panel{width:var(--x-input-icon-panel-width, 300px);background-color:var(--x-input-icon-bg, var(--x-control-bg, var(--x-color-bg-container, #ffffff)));border-radius:var(--x-input-icon-item-border-radius, var(--x-border-radius));-webkit-box-shadow:var(--x-box-shadow);box-shadow:var(--x-box-shadow);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;position:relative;z-index:1050}.x-icon-picker-panel.x-date-picker-dropdown-hidden{display:none}.x-icon-picker-search{padding:8px 8px 0}.x-icon-picker-body{height:var(--x-input-icon-panel-height, 320px);overflow-y:auto;padding:8px 8px 4px}.x-icon-picker-body::-webkit-scrollbar{width:5px}.x-icon-picker-body::-webkit-scrollbar-thumb{background-color:var(--x-border-color-split);border-radius:4px}.x-icon-picker-body::-webkit-scrollbar-track{background:transparent}.x-icon-picker-group{margin-bottom:8px}.x-icon-picker-group:last-of-type{margin-bottom:0}.x-icon-picker-group-header{font-size:11px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--x-text-color-secondary);padding:4px 2px 6px;line-height:1;border-bottom:1px solid var(--x-border-color-split);margin-bottom:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.x-icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(36px, 1fr));gap:3px}.x-icon-picker-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:36px;width:100%;font-size:20px;border-radius:var(--x-border-radius-sm);cursor:pointer;-webkit-transition:background-color 0.15s ease, color 0.15s ease;transition:background-color 0.15s ease, color 0.15s ease;color:var(--x-text-color);overflow:hidden;white-space:nowrap}.x-icon-picker-item x-icon{max-width:100%;max-height:100%;overflow:hidden;pointer-events:none}.x-icon-picker-item:hover{background-color:var(--x-input-icon-item-hover-bg, var(--x-control-item-bg-hover));color:var(--x-primary-color)}.x-icon-picker-item-selected{background-color:var(--x-input-icon-item-active-bg, var(--x-control-item-bg-active));color:var(--x-input-icon-item-active-color, var(--x-primary-color))}.x-icon-picker-item-selected:hover{background-color:var(--x-input-icon-item-active-bg, var(--x-control-item-bg-active))}.x-icon-picker-empty{display:-ms-flexbox;display:flex;width:100%;height:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:120px}.x-icon-picker-sentinel{height:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:4px}.x-icon-picker-loading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0.5}.x-icon-picker-footer{font-size:11px;color:var(--x-text-color-quaternary, var(--x-text-color-secondary));text-align:center;padding:6px 4px 4px;border-top:1px solid var(--x-border-color-split);margin-top:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"}},[513,"x-icon-picker-dropdown-content",{value:[1],placement:[1],dropdownClasses:[16],searchQuery:[1,"search-query"],showSearchInput:[4,"show-search-input"],loadedCount:[32],isLoadingMore:[32]},void 0,{searchQuery:[{onSearchChange:0}]}]);function f(){"undefined"!=typeof customElements&&["x-icon-picker-dropdown-content","x-empty","x-icon","x-input","x-spin"].forEach((r=>{switch(r){case"x-icon-picker-dropdown-content":customElements.get(o(r))||customElements.define(o(r),d);break;case"x-empty":customElements.get(o(r))||a();break;case"x-icon":customElements.get(o(r))||n();break;case"x-input":customElements.get(o(r))||s();break;case"x-spin":customElements.get(o(r))||l()}}))}f();export{d as X,f as d}

package/components/x-form-builder.js

@@ -1 +1 @@
-import{X as o,d as s}from"./p-xzKm-BQN.js";const m=o,p=s;export{m as XFormBuilder,p as defineCustomElement}
+import{X as o,d as s}from"./p-CzHtwC1k.js";const t=o,p=s;export{t as XFormBuilder,p as defineCustomElement}

package/components/x-icon-picker-dropdown-content.js

@@ -1 +1 @@
-import{X as o,d as r}from"./p-BlvrLhyv.js";const s=o,p=r;export{s as XIconPickerDropdownContent,p as defineCustomElement}
+import{X as a,d as o}from"./p-DqayamUz.js";const s=a,m=o;export{s as XIconPickerDropdownContent,m as defineCustomElement}

package/components/x-input-icon.js

@@ -1 +1 @@
-import{t as o,p as e,H as r,d as t,h as i,c as x}from"./p-BLqwG7xa.js";import{P as n}from"./p-DM8AggMt.js";import{t as a}from"./p-DFADJBLL.js";import{d as s}from"./p-DZtvVtvb.js";import{d as c}from"./p-CmfyRJYt.js";import{d as l}from"./p-CIOnWzKr.js";import{d as p}from"./p-C1_JmoB8.js";import{d}from"./p-BlvrLhyv.js";import{d as h}from"./p-4BROAJ-M.js";import{d as f}from"./p-BoPZ9Se8.js";import{d as b}from"./p-BvOnPBRo.js";import{d as g}from"./p-DTPUsC3Q.js";const m=e(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xChange=t(this,"xChange",7),this.xOpenChange=t(this,"xOpenChange",7),this.xBlur=t(this,"xBlur",7),this.xFocus=t(this,"xFocus",7)}get el(){return this}disabled=!1;value="";defaultValue;placeholder=a("InputIcon.placeholder",{},"Select icon");size="middle";variant="outlined";status;placement="bottomLeft";triggerType="input";allowClear=!0;showName=!0;open=!1;inputId;name;autofocus=!1;focused=!1;pickerSearchQuery="";xChange;xOpenChange;xBlur;xFocus;wrapperRef;inputRef;portalInstance=null;dropdownContentEl=null;componentWillLoad(){!this.value&&this.defaultValue&&(this.value=this.defaultValue)}componentDidLoad(){this.autofocus&&!this.disabled&&this.setFocus()}disconnectedCallback(){this.destroyPortal()}openChanged(o){this.xOpenChange.emit(o),o?this.createOrUpdatePortal():this.destroyPortal()}handleWindowClick(o){if(!this.open)return;const e=o.composedPath(),r=e.includes(this.el),t=this.portalInstance?.getElement(),i=!!t&&e.includes(t);r||i||this.closeDropdown()}handleKeydown(o){this.disabled||("Escape"===o.key?(o.preventDefault(),this.closeDropdown(),this.inputRef?.setBlur()):"Enter"===o.key&&(this.open||this.openDropdown()))}async setFocus(){this.inputRef?.setFocus(),this.focused=!0}async setBlur(){this.inputRef?.setBlur(),this.focused=!1}handleSearch=o=>{const e=(o.detail||"").toLowerCase().trim();this.pickerSearchQuery=e,this.dropdownContentEl&&(this.dropdownContentEl.searchQuery=e),this.open||this.openDropdown()};handleWrapperClick=o=>{this.disabled||o.composedPath().some((o=>o&&o.classList&&o.classList.contains("x-select-clear")))||(this.open?this.closeDropdown():this.openDropdown())};openDropdown(){this.disabled||this.open||(this.open=!0)}closeDropdown(){this.open&&(this.open=!1,this.pickerSearchQuery="",this.dropdownContentEl&&(this.dropdownContentEl.searchQuery=""))}handleIconSelect=o=>{this.value=o,this.xChange.emit({value:o}),this.closeDropdown(),this.inputRef?.setFocus()};handleClear=()=>{this.value="",this.xChange.emit({value:""})};handleInputFocus=o=>{this.focused=!0,this.xFocus.emit(o.detail)};handleInputBlur=o=>{this.focused=!1,this.xBlur.emit(o.detail)};getWrapperEl(){return this.wrapperRef||void 0}createOrUpdatePortal(){if(!this.open)return;const o=this.getWrapperEl();if(!o)return;const e=this.buildDropdownElement();this.portalInstance?this.portalInstance.update({open:!0,target:o,placement:this.placement,zIndex:1050,content:e}):this.portalInstance=n.create({open:!0,target:o,placement:this.placement,zIndex:1050,content:e})}destroyPortal(){this.portalInstance&&(this.portalInstance.destroy(),this.portalInstance=null),this.dropdownContentEl=null,this.pickerSearchQuery=""}buildDropdownElement(){if(!this.dropdownContentEl){const o=document.createElement("x-icon-picker-dropdown-content");o.addEventListener("xIconClick",(o=>{this.handleIconSelect(o.detail)})),o.addEventListener("xSearch",(o=>{this.handleSearch({detail:o.detail})})),this.dropdownContentEl=o}return this.dropdownContentEl.dropdownClasses={"x-input-icon-dropdown":!0,"x-input-icon-dropdown-hidden":!this.open},this.dropdownContentEl.value=this.value,this.dropdownContentEl.placement=this.placement,this.dropdownContentEl.searchQuery=this.pickerSearchQuery,this.dropdownContentEl.showSearchInput="input"!==this.triggerType,this.dropdownContentEl}renderTrigger(o,e){return"avatar"===this.triggerType?i("x-avatar",{icon:this.value||void 0,size:"middle"===this.size?"default":this.size},!this.value&&this.showName?this.placeholder:""):"button"===this.triggerType?i("x-button",{size:this.size,disabled:this.disabled,type:"filled"===this.variant?"primary":"default"},o&&i("x-icon",{name:this.value,slot:"icon"}),o?this.showName?this.value:"":this.placeholder):"icon"===this.triggerType?i("x-icon",{name:o?this.value:"appstore"}):"div"===this.triggerType?i("div",null,o&&i("x-icon",{name:this.value}),i("span",null,o?this.showName?this.value:"":this.placeholder)):[o&&!e&&i("div",{class:"x-input-icon-preview","aria-hidden":"true",key:"preview"},i("x-icon",{name:this.value})),i("x-select",{key:"select",ref:o=>this.inputRef=o,open:!1,value:o?this.value:void 0,options:o?[{value:this.value,label:this.showName?this.value:""}]:[],placeholder:this.placeholder,allowClear:this.allowClear&&o,disabled:this.disabled,size:this.size,status:this.status,bordered:"borderless"!==this.variant,inputId:this.inputId,name:this.name,showSearch:!0,dropdownStyle:{display:"none"},notFoundContent:" ",onXSearch:this.handleSearch,onXClear:this.handleClear,onXBlur:this.handleInputBlur,onXFocus:this.handleInputFocus})]}render(){const o=!!this.value,e=!!this.pickerSearchQuery;return i(x,{key:"0076a9cc582b756efee6dd13fbf5f002ce2a2e6d"},i("div",{key:"bc64265cd01262fb2acf6c407743178528c51ded",class:{"x-input-icon-wrapper":!0,"x-input-icon-has-value":o&&!e&&"input"===this.triggerType,"x-input-icon-only-icon":!this.showName&&"input"===this.triggerType,["x-input-icon-"+this.triggerType]:!0},ref:o=>this.wrapperRef=o,onClick:this.handleWrapperClick},this.renderTrigger(o,e)))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return"@charset \"UTF-8\";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-text-processing:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',     'Noto Color Emoji';--x-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:inline-block;width:100%;position:relative;font-family:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.x-input-icon-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;cursor:pointer}.x-input-icon-wrapper x-select{width:100%;display:block;pointer-events:auto}.x-input-icon-wrapper x-select::part(dropdown){display:none !important}.x-input-icon-wrapper x-select::part(selector){cursor:pointer}.x-input-icon-preview{position:absolute;left:var(--x-input-icon-preview-left, 11px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--x-input-icon-preview-size, 18px);color:var(--x-input-icon-color, var(--x-control-color, var(--x-color-text, rgba(0, 0, 0, 0.88))));line-height:1;width:var(--x-input-icon-preview-size, 18px)}.x-input-icon-has-value x-select::part(selector){padding-left:40px !important}:host(.x-input-icon-small) .x-input-icon-preview{left:var(--x-input-icon-padding-horizontal-sm, var(--x-control-padding-horizontal-sm, var(--x-spacing-sm, 8px)));font-size:14px;width:14px}:host(.x-input-icon-small) .x-input-icon-has-value x-select::part(selector){padding-left:34px !important}:host(.x-input-icon-large) .x-input-icon-preview{font-size:20px;width:20px}:host(.x-input-icon-large) .x-input-icon-has-value x-select::part(selector){padding-left:44px !important}.x-input-icon-only-icon{width:100%}"}},[513,"x-input-icon",{disabled:[4],value:[1025],defaultValue:[1,"default-value"],placeholder:[1],size:[1],variant:[1],status:[1],placement:[1],triggerType:[1,"trigger-type"],allowClear:[4,"allow-clear"],showName:[4,"show-name"],open:[1028],inputId:[1,"input-id"],name:[1],autofocus:[4],focused:[32],pickerSearchQuery:[32],setFocus:[64],setBlur:[64]},[[8,"click","handleWindowClick"],[0,"keydown","handleKeydown"]],{open:[{openChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["x-input-icon","x-avatar","x-button","x-empty","x-icon","x-icon-picker-dropdown-content","x-input","x-select","x-select-dropdown-content","x-spin"].forEach((e=>{switch(e){case"x-input-icon":customElements.get(o(e))||customElements.define(o(e),m);break;case"x-avatar":customElements.get(o(e))||s();break;case"x-button":customElements.get(o(e))||c();break;case"x-empty":customElements.get(o(e))||l();break;case"x-icon":customElements.get(o(e))||p();break;case"x-icon-picker-dropdown-content":customElements.get(o(e))||d();break;case"x-input":customElements.get(o(e))||h();break;case"x-select":customElements.get(o(e))||f();break;case"x-select-dropdown-content":customElements.get(o(e))||b();break;case"x-spin":customElements.get(o(e))||g()}}))}u();const w=m,v=u;export{w as XInputIcon,v as defineCustomElement}
+import{t as o,p as e,H as r,d as t,h as i,c as x}from"./p-BLqwG7xa.js";import{P as n}from"./p-DM8AggMt.js";import{t as a}from"./p-DFADJBLL.js";import{d as s}from"./p-DZtvVtvb.js";import{d as c}from"./p-CmfyRJYt.js";import{d as l}from"./p-CIOnWzKr.js";import{d as p}from"./p-C1_JmoB8.js";import{d}from"./p-DqayamUz.js";import{d as h}from"./p-4BROAJ-M.js";import{d as f}from"./p-BoPZ9Se8.js";import{d as b}from"./p-BvOnPBRo.js";import{d as g}from"./p-DTPUsC3Q.js";const m=e(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xChange=t(this,"xChange",7),this.xOpenChange=t(this,"xOpenChange",7),this.xBlur=t(this,"xBlur",7),this.xFocus=t(this,"xFocus",7)}get el(){return this}disabled=!1;value="";defaultValue;placeholder=a("InputIcon.placeholder",{},"Select icon");size="middle";variant="outlined";status;placement="bottomLeft";triggerType="input";allowClear=!0;showName=!0;open=!1;inputId;name;autofocus=!1;focused=!1;pickerSearchQuery="";xChange;xOpenChange;xBlur;xFocus;wrapperRef;inputRef;portalInstance=null;dropdownContentEl=null;componentWillLoad(){!this.value&&this.defaultValue&&(this.value=this.defaultValue)}componentDidLoad(){this.autofocus&&!this.disabled&&this.setFocus()}disconnectedCallback(){this.destroyPortal()}openChanged(o){this.xOpenChange.emit(o),o?this.createOrUpdatePortal():this.destroyPortal()}handleWindowClick(o){if(!this.open)return;const e=o.composedPath(),r=e.includes(this.el),t=this.portalInstance?.getElement(),i=!!t&&e.includes(t);r||i||this.closeDropdown()}handleKeydown(o){this.disabled||("Escape"===o.key?(o.preventDefault(),this.closeDropdown(),this.inputRef?.setBlur()):"Enter"===o.key&&(this.open||this.openDropdown()))}async setFocus(){this.inputRef?.setFocus(),this.focused=!0}async setBlur(){this.inputRef?.setBlur(),this.focused=!1}handleSearch=o=>{const e=(o.detail||"").toLowerCase().trim();this.pickerSearchQuery=e,this.dropdownContentEl&&(this.dropdownContentEl.searchQuery=e),this.open||this.openDropdown()};handleWrapperClick=o=>{this.disabled||o.composedPath().some((o=>o&&o.classList&&o.classList.contains("x-select-clear")))||(this.open?this.closeDropdown():this.openDropdown())};openDropdown(){this.disabled||this.open||(this.open=!0)}closeDropdown(){this.open&&(this.open=!1,this.pickerSearchQuery="",this.dropdownContentEl&&(this.dropdownContentEl.searchQuery=""))}handleIconSelect=o=>{this.value=o,this.xChange.emit({value:o}),this.closeDropdown(),this.inputRef?.setFocus()};handleClear=()=>{this.value="",this.xChange.emit({value:""})};handleInputFocus=o=>{this.focused=!0,this.xFocus.emit(o.detail)};handleInputBlur=o=>{this.focused=!1,this.xBlur.emit(o.detail)};getWrapperEl(){return this.wrapperRef||void 0}createOrUpdatePortal(){if(!this.open)return;const o=this.getWrapperEl();if(!o)return;const e=this.buildDropdownElement();this.portalInstance?this.portalInstance.update({open:!0,target:o,placement:this.placement,zIndex:1050,content:e}):this.portalInstance=n.create({open:!0,target:o,placement:this.placement,zIndex:1050,content:e})}destroyPortal(){this.portalInstance&&(this.portalInstance.destroy(),this.portalInstance=null),this.dropdownContentEl=null,this.pickerSearchQuery=""}buildDropdownElement(){if(!this.dropdownContentEl){const o=document.createElement("x-icon-picker-dropdown-content");o.addEventListener("xIconClick",(o=>{this.handleIconSelect(o.detail)})),o.addEventListener("xSearch",(o=>{this.handleSearch({detail:o.detail})})),this.dropdownContentEl=o}return this.dropdownContentEl.dropdownClasses={"x-input-icon-dropdown":!0,"x-input-icon-dropdown-hidden":!this.open},this.dropdownContentEl.value=this.value,this.dropdownContentEl.placement=this.placement,this.dropdownContentEl.searchQuery=this.pickerSearchQuery,this.dropdownContentEl.showSearchInput="input"!==this.triggerType,this.dropdownContentEl}renderTrigger(o,e){return"avatar"===this.triggerType?i("x-avatar",{icon:this.value||void 0,size:"middle"===this.size?"default":this.size},!this.value&&this.showName?this.placeholder:""):"button"===this.triggerType?i("x-button",{size:this.size,disabled:this.disabled,type:"filled"===this.variant?"primary":"default"},o&&i("x-icon",{name:this.value,slot:"icon"}),o?this.showName?this.value:"":this.placeholder):"icon"===this.triggerType?i("x-icon",{name:o?this.value:"appstore"}):"div"===this.triggerType?i("div",null,o&&i("x-icon",{name:this.value}),i("span",null,o?this.showName?this.value:"":this.placeholder)):[o&&!e&&i("div",{class:"x-input-icon-preview","aria-hidden":"true",key:"preview"},i("x-icon",{name:this.value})),i("x-select",{key:"select",ref:o=>this.inputRef=o,open:!1,value:o?this.value:void 0,options:o?[{value:this.value,label:this.showName?this.value:""}]:[],placeholder:this.placeholder,allowClear:this.allowClear&&o,disabled:this.disabled,size:this.size,status:this.status,bordered:"borderless"!==this.variant,inputId:this.inputId,name:this.name,showSearch:!0,dropdownStyle:{display:"none"},notFoundContent:" ",onXSearch:this.handleSearch,onXClear:this.handleClear,onXBlur:this.handleInputBlur,onXFocus:this.handleInputFocus})]}render(){const o=!!this.value,e=!!this.pickerSearchQuery;return i(x,{key:"0076a9cc582b756efee6dd13fbf5f002ce2a2e6d"},i("div",{key:"bc64265cd01262fb2acf6c407743178528c51ded",class:{"x-input-icon-wrapper":!0,"x-input-icon-has-value":o&&!e&&"input"===this.triggerType,"x-input-icon-only-icon":!this.showName&&"input"===this.triggerType,["x-input-icon-"+this.triggerType]:!0},ref:o=>this.wrapperRef=o,onClick:this.handleWrapperClick},this.renderTrigger(o,e)))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return"@charset \"UTF-8\";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-text-processing:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',     'Noto Color Emoji';--x-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:inline-block;width:100%;position:relative;font-family:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.x-input-icon-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;cursor:pointer}.x-input-icon-wrapper x-select{width:100%;display:block;pointer-events:auto}.x-input-icon-wrapper x-select::part(dropdown){display:none !important}.x-input-icon-wrapper x-select::part(selector){cursor:pointer}.x-input-icon-preview{position:absolute;left:var(--x-input-icon-preview-left, 11px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--x-input-icon-preview-size, 18px);color:var(--x-input-icon-color, var(--x-control-color, var(--x-color-text, rgba(0, 0, 0, 0.88))));line-height:1;width:var(--x-input-icon-preview-size, 18px)}.x-input-icon-has-value x-select::part(selector){padding-left:40px !important}:host(.x-input-icon-small) .x-input-icon-preview{left:var(--x-input-icon-padding-horizontal-sm, var(--x-control-padding-horizontal-sm, var(--x-spacing-sm, 8px)));font-size:14px;width:14px}:host(.x-input-icon-small) .x-input-icon-has-value x-select::part(selector){padding-left:34px !important}:host(.x-input-icon-large) .x-input-icon-preview{font-size:20px;width:20px}:host(.x-input-icon-large) .x-input-icon-has-value x-select::part(selector){padding-left:44px !important}.x-input-icon-only-icon{width:100%}"}},[513,"x-input-icon",{disabled:[4],value:[1025],defaultValue:[1,"default-value"],placeholder:[1],size:[1],variant:[1],status:[1],placement:[1],triggerType:[1,"trigger-type"],allowClear:[4,"allow-clear"],showName:[4,"show-name"],open:[1028],inputId:[1,"input-id"],name:[1],autofocus:[4],focused:[32],pickerSearchQuery:[32],setFocus:[64],setBlur:[64]},[[8,"click","handleWindowClick"],[0,"keydown","handleKeydown"]],{open:[{openChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["x-input-icon","x-avatar","x-button","x-empty","x-icon","x-icon-picker-dropdown-content","x-input","x-select","x-select-dropdown-content","x-spin"].forEach((e=>{switch(e){case"x-input-icon":customElements.get(o(e))||customElements.define(o(e),m);break;case"x-avatar":customElements.get(o(e))||s();break;case"x-button":customElements.get(o(e))||c();break;case"x-empty":customElements.get(o(e))||l();break;case"x-icon":customElements.get(o(e))||p();break;case"x-icon-picker-dropdown-content":customElements.get(o(e))||d();break;case"x-input":customElements.get(o(e))||h();break;case"x-select":customElements.get(o(e))||f();break;case"x-select-dropdown-content":customElements.get(o(e))||b();break;case"x-spin":customElements.get(o(e))||g()}}))}u();const w=m,v=u;export{w as XInputIcon,v as defineCustomElement}