@xlabs-store/core 0.0.1 → 0.0.2

package/components/{p-CKVSyuIH.js → p-MRcLOacJ.js}

@@ -1 +1 @@
-import{t,p as e,H as s,c as i,h as o}from"./p-g6ZBqIze.js";import{d as n}from"./p-B-ClGFfy.js";import{d as r}from"./p-BkiOFW3H.js";class a{nodes=[];edges=[];viewport={x:0,y:0,zoom:1};selectedNodeIds=[];selectedEdgeIds=[];nodeValues={};clipboardNodes=[];clipboardEdges=[];history=[];historyIndex=-1;listeners=[];constructor(t=[],e=[]){this.nodes=t,this.edges=e,this.saveToHistory()}subscribe(t){return this.listeners.push(t),()=>{this.listeners=this.listeners.filter((e=>e!==t))}}notify(){this.listeners.forEach((t=>t()))}forceLayout(){this.notify()}saveToHistory(){const t=this.history[this.historyIndex];t&&JSON.stringify(t.nodes)===JSON.stringify(this.nodes)&&JSON.stringify(t.edges)===JSON.stringify(this.edges)||(this.history=this.history.slice(0,this.historyIndex+1),this.history.push({nodes:JSON.parse(JSON.stringify(this.nodes)),edges:JSON.parse(JSON.stringify(this.edges))}),this.historyIndex=this.history.length-1,this.history.length>50&&(this.history.shift(),this.historyIndex--))}undo(){if(this.historyIndex>0){this.historyIndex--;const t=this.history[this.historyIndex];this.nodes=JSON.parse(JSON.stringify(t.nodes)),this.edges=JSON.parse(JSON.stringify(t.edges)),this.notify()}}redo(){if(this.historyIndex<this.history.length-1){this.historyIndex++;const t=this.history[this.historyIndex];this.nodes=JSON.parse(JSON.stringify(t.nodes)),this.edges=JSON.parse(JSON.stringify(t.edges)),this.notify()}}getNodes(){return this.nodes.filter((t=>this.isNodeVisible(t.id)))}isNodeVisible(t){const e=this.nodes.find((e=>e.id===t));if(!e)return!1;if(e.hidden)return!1;let s=this.nodes.find((t=>t.id===e.parentId));for(;s;){if(s.isCollapsed)return!1;s=this.nodes.find((t=>t.id===s.parentId))}return!0}getEdges(){return this.edges.filter((t=>this.isNodeVisible(t.source)&&this.isNodeVisible(t.target)))}getViewport(){return this.viewport}getSelectedNodes(){return this.selectedNodeIds}getSelectedEdges(){return this.selectedEdgeIds}setNodes(t){this.nodes=t.map((t=>{const e=this.nodes.find((e=>e.id===t.id));return e?{...t,width:t.width||e.width,height:t.height||e.height,shape:t.shape||e.shape}:t})),this.notify()}setEdges(t){this.edges=t,this.notify()}setViewport(t){this.viewport=t,this.notify()}updateNodeValue(t,e){this.nodeValues[t]=e,this.propagate(t),this.notify()}propagate(t){const e=this.nodeValues[t];this.edges.filter((e=>e.source===t)).forEach((s=>{this.nodes.find((t=>t.id===s.target))&&console.log(`Propagating from ${t} to ${s.target}:`,e)}))}addNode(t){this.nodes=[...this.nodes,t],this.saveToHistory(),this.notify()}updateNodePosition(t,e,s,i=0){const o=this.nodes.find((e=>e.id===t));if(!o)return;let n=i>0?Math.round(e/i)*i:e,r=i>0?Math.round(s/i)*i:s;if(o.parentId){const t=this.nodes.find((t=>t.id===o.parentId));t&&(n=Math.max(0,Math.min(n,(t.width||400)-(o.width||150))),r=Math.max(0,Math.min(r,(t.height||300)-(o.height||48))))}this.nodes.forEach((e=>{e.id!==t&&e.parentId!==t&&(Math.abs(n-e.position.x)<10&&(n=e.position.x),Math.abs(r-e.position.y)<10&&(r=e.position.y))}));const a=n-o.position.x,h=r-o.position.y;if(0===a&&0===h)return;const d=this.selectedNodeIds.includes(t)?this.selectedNodeIds:[t],l=new Set,c=new Map;d.forEach((t=>{this.collectNodesToMove(t,a,h,l,c)})),this.nodes=this.nodes.map((t=>{const e=c.get(t.id);return e?{...t,position:e}:t})),this.notify()}collectNodesToMove(t,e,s,i,o){if(i.has(t))return;const n=this.nodes.find((e=>e.id===t));n&&(i.add(t),o.set(t,{x:n.position.x+e,y:n.position.y+s}),this.nodes.filter((e=>e.parentId===t)).forEach((t=>this.collectNodesToMove(t.id,e,s,i,o))))}onConnect(t){if(!this.isValidConnection(t))return null;if(this.edges.some((e=>e.source===t.source&&e.target===t.target&&(e.sourceHandle||"floating")===(t.sourceHandle||"floating")&&(e.targetHandle||"floating")===(t.targetHandle||"floating"))))return null;const e=`e-${t.source}-${t.target}-${Date.now()}-${Math.floor(1e3*Math.random())}`;return this.edges=[...this.edges,{id:e,...t,type:"default",animated:!1,sourceHandle:t.sourceHandle||"floating",targetHandle:t.targetHandle||"floating"}],this.saveToHistory(),this.notify(),e}toggleNodeCollapse(t){this.nodes=this.nodes.map((e=>e.id===t?{...e,isCollapsed:!e.isCollapsed}:e)),this.saveToHistory(),this.notify()}isValidConnection(t){if(t.source===t.target)return!1;if(this.isCycle(t.source,t.target))return!1;if(this.edges.some((e=>e.source===t.source&&e.target===t.target)))return!1;const e=this.nodes.find((e=>e.id===t.source)),s=this.nodes.find((e=>e.id===t.target));return!(void 0!==e?.maxConnections&&this.edges.filter((e=>e.source===t.source)).length>=e.maxConnections||void 0!==s?.maxConnections&&this.edges.filter((e=>e.target===t.target)).length>=s.maxConnections)}updateEdge(t,e){this.edges=this.edges.map((s=>s.id===t?{...s,...e}:s)),this.saveToHistory(),this.notify()}isCycle(t,e){if(t===e)return!0;const s=new Set,i=[e];for(;i.length>0;){const e=i.shift();if(e){if(e===t)return!0;s.has(e)||(s.add(e),this.edges.filter((t=>t.source===e)).forEach((t=>i.push(t.target))))}}return!1}deleteSelected(){this.nodes=this.nodes.filter((t=>!this.selectedNodeIds.includes(t.id))),this.edges=this.edges.filter((t=>!this.selectedEdgeIds.includes(t.id)&&!this.selectedNodeIds.includes(t.source)&&!this.selectedNodeIds.includes(t.target))),this.selectedNodeIds=[],this.selectedEdgeIds=[],this.saveToHistory(),this.notify()}groupSelected(){if(this.selectedNodeIds.length<2)return;const t=this.nodes.filter((t=>this.selectedNodeIds.includes(t.id))),e=Math.min(...t.map((t=>t.position.x))),s=Math.min(...t.map((t=>t.position.y))),i=Math.max(...t.map((t=>t.position.x+(t.width||150)))),o=Math.max(...t.map((t=>t.position.y+(t.height||48)))),n=`group-${Date.now()}`,r={id:n,type:"group",position:{x:e-20,y:s-40},width:i-e+40,height:o-s+60,data:{label:"New Group"},zIndex:1,style:{background:"rgba(0,0,0,0.02)",border:"1px dashed #ccc"}};this.nodes=[...this.nodes.map((t=>this.selectedNodeIds.includes(t.id)?{...t,parentId:n}:t)),r],this.selectedNodeIds=[n],this.saveToHistory(),this.notify()}autoLayout(t="LR"){const e=new Set,s={},i=this.nodes.filter((t=>!this.edges.some((e=>e.target===t.id)))),o=(t,i)=>{s[t]=Math.max(s[t]||0,i),e.has(t)||(e.add(t),this.edges.filter((e=>e.source===t)).forEach((t=>o(t.target,i+1))))};i.forEach((t=>o(t.id,0))),this.nodes.forEach((t=>{void 0===s[t.id]&&o(t.id,0)}));const n={};Object.entries(s).forEach((([t,e])=>{n[e]=[...n[e]||[],t]})),this.nodes=this.nodes.map((e=>{const i=s[e.id],o=n[i].indexOf(e.id);return{...e,position:"LR"===t?{x:250*i,y:100*o+100}:{x:250*o+200,y:100*i+100}}})),this.saveToHistory(),this.notify()}selectNode(t,e=!1){e?this.selectedNodeIds=this.selectedNodeIds.includes(t)?this.selectedNodeIds.filter((e=>e!==t)):[...this.selectedNodeIds,t]:(this.selectedNodeIds=[t],this.selectedEdgeIds=[]),this.notify()}setParent(t,e){const s=this.nodes.find((e=>e.id===t));if(s&&s.parentId!==e){if(e){const i=this.nodes.find((t=>t.id===e));if(i){const o=s.position.x-i.position.x,n=s.position.y-i.position.y;this.nodes=this.nodes.map((s=>s.id===t?{...s,parentId:e,position:{x:o,y:n}}:s))}}else{const e=s.parentId?this.nodes.find((t=>t.id===s.parentId)):null;this.nodes=this.nodes.map(e?i=>i.id===t?{...i,parentId:null,position:{x:s.position.x+e.position.x,y:s.position.y+e.position.y}}:i:e=>e.id===t?{...e,parentId:null}:e)}this.saveToHistory(),this.notify()}}updateNode(t,e){this.nodes=this.nodes.map((s=>s.id===t?{...s,...e,data:{...s.data,...e.data}}:s)),this.notify()}rotateNode(t,e){this.nodes=this.nodes.map((s=>s.id===t?{...s,rotation:e}:s)),this.notify()}selectEdge(t,e=!1){e?this.selectedEdgeIds=this.selectedEdgeIds.includes(t)?this.selectedEdgeIds.filter((e=>e!==t)):[...this.selectedEdgeIds,t]:(this.selectedEdgeIds=[t],this.selectedNodeIds=[]),this.notify()}clearSelection(){this.selectedNodeIds=[],this.selectedEdgeIds=[],this.notify()}deleteEdge(t){this.edges=this.edges.filter((e=>e.id!==t)),this.saveToHistory(),this.notify()}deleteNode(t){const e=this.edges.filter((e=>e.target===t)),s=this.edges.filter((e=>e.source===t));if(1===e.length&&1===s.length){const t=e[0].source,i=s[0].target;this.addEdge({id:`reconnect-${Date.now()}`,source:t,target:i,sourceHandle:e[0].sourceHandle,targetHandle:s[0].targetHandle,type:e[0].type})}this.nodes=this.nodes.filter((e=>e.id!==t)),this.edges=this.edges.filter((e=>e.source!==t&&e.target!==t)),this.selectedNodeIds=this.selectedNodeIds.filter((e=>e!==t)),this.saveToHistory(),this.notify()}addEdge(t){this.edges=[...this.edges,t],this.saveToHistory(),this.notify()}copySelected(){this.clipboardNodes=this.nodes.filter((t=>this.selectedNodeIds.includes(t.id))).map((t=>({...t}))),this.clipboardEdges=this.edges.filter((t=>this.selectedNodeIds.includes(t.source)&&this.selectedNodeIds.includes(t.target))).map((t=>({...t})))}paste(t,e){if(0===this.clipboardNodes.length)return;const s={},i=Math.min(...this.clipboardNodes.map((t=>t.position.x))),o=Math.min(...this.clipboardNodes.map((t=>t.position.y))),n=(void 0===t?i+20:t)-i,r=(void 0===e?o+20:e)-o,a=this.clipboardNodes.map((t=>{const e=`node-${Date.now()}-${Math.random()}`;return s[t.id]=e,{...t,id:e,position:{x:t.position.x+n,y:t.position.y+r},selected:!0}})),h=this.clipboardEdges.map((t=>({...t,id:`edge-${Date.now()}-${Math.random()}`,source:s[t.source],target:s[t.target]})));this.nodes=[...this.nodes.map((t=>({...t,selected:!1}))),...a],this.edges=[...this.edges,...h],this.selectedNodeIds=a.map((t=>t.id)),this.saveToHistory(),this.notify()}generateStressTest(t){const e=[];for(let s=0;s<t;s++)e.push({id:`stress-${s}`,position:{x:2e3*Math.random(),y:2e3*Math.random()},data:{label:`Node ${s}`},zIndex:10});this.nodes=[...this.nodes,...e],this.notify()}getFullState(){return{nodes:this.nodes,edges:this.edges,viewport:this.viewport,nodeValues:this.nodeValues}}}const h=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.xNodesChange=i(this,"xNodesChange",7),this.xEdgesChange=i(this,"xEdgesChange",7),this.xViewportChange=i(this,"xViewportChange",7),this.xNodeClick=i(this,"xNodeClick",7),this.xEdgeClick=i(this,"xEdgeClick",7),this.xConnect=i(this,"xConnect",7),this.xWorkflowChange=i(this,"xWorkflowChange",7)}get el(){return this}nodes=[];edges=[];fitView=!1;interactive=!0;viewportValue={x:0,y:0,zoom:1};snapToGridValue=0;background={variant:"dots"};tool="select";theme="light";turboMode=!1;displayMode="advanced";users=[];nodeToolbarVisible=!0;nodeToolbarMode="selected";edgeRoutingMode="fixed";flowNodes=[];flowEdges=[];flowViewport={x:0,y:0,zoom:1};pendingConnection=null;selectedNodes=[];draggingNodeId=null;proximityPreview=null;helperLines=[];contextMenu=null;selectionRect=null;drawings=[];activeDrawing=null;editingEdgeId=null;focusedNodeId=null;xNodesChange;xEdgesChange;xViewportChange;xNodeClick;xEdgeClick;xConnect;xWorkflowChange;service;isDraggingCanvas=!1;isUpdatingFromProp=!1;isInteracting=!1;lastMousePos={x:0,y:0};container;throttleTimer=null;async forceLayout(){this.service.forceLayout()}componentWillLoad(){this.service=new a(this.nodes,this.edges),this.service.setViewport(this.viewportValue),this.updateState(),this.service.subscribe((()=>{this.updateState(),this.throttleEmitWorkflowChange()}))}throttleEmitWorkflowChange(){this.throttleTimer||(this.throttleTimer=setTimeout((()=>{this.xWorkflowChange.emit(this.service.getFullState()),this.throttleTimer=null}),100))}handleNodesPropChange(t){this.isUpdatingFromProp=!0,this.service.setNodes(t),this.isUpdatingFromProp=!1}handleEdgesPropChange(t){this.isUpdatingFromProp=!0,this.service.setEdges(t),this.isUpdatingFromProp=!1}handleViewportChange(t){this.isUpdatingFromProp=!0,this.service.setViewport(t),this.isUpdatingFromProp=!1}updateState(){this.flowNodes=[...this.service.getNodes()],this.flowEdges=[...this.service.getEdges()],this.flowViewport={...this.service.getViewport()},this.selectedNodes=[...this.service.getSelectedNodes()],this.isUpdatingFromProp||this.isInteracting||(this.xViewportChange.emit(this.flowViewport),this.xNodesChange.emit(this.flowNodes),this.xEdgesChange.emit(this.flowEdges))}handleMouseDown=t=>{if(!this.interactive)return;const e="touches"in t?t.touches[0].clientX:t.clientX,s="touches"in t?t.touches[0].clientY:t.clientY,i=t.target;if(!i.closest(".node")&&!i.closest(".edge-group")&&(i===this.container||i.closest(".background-canvas"))){const i=this.container.getBoundingClientRect();if("rectangle"===this.tool||"freehand"===this.tool)return void this.startDrawing((e-i.left-this.flowViewport.x)/this.flowViewport.zoom,(s-i.top-this.flowViewport.y)/this.flowViewport.zoom);this.lastMousePos={x:e,y:s},"shiftKey"in t&&t.shiftKey?(this.selectionRect={x:e-i.left,y:s-i.top,width:0,height:0},this.isInteracting=!0):(this.isDraggingCanvas=!0,this.isInteracting=!0,this.service.clearSelection()),this.contextMenu=null}};handleMove(t){const e="touches"in t?t.touches[0].clientX:t.clientX,s="touches"in t?t.touches[0].clientY:t.clientY,{x:i,y:o,zoom:n}=this.flowViewport,r=this.container.getBoundingClientRect();if(this.isDraggingCanvas){const t=e-this.lastMousePos.x,r=s-this.lastMousePos.y;this.lastMousePos={x:e,y:s},this.service.setViewport({x:i+t,y:o+r,zoom:n})}if(this.pendingConnection&&(this.pendingConnection={...this.pendingConnection,mouseX:(e-r.left-i)/n,mouseY:(s-r.top-o)/n}),"eraser"===this.tool&&("buttons"in t&&1===t.buttons||"touches"in t)&&this.handleEraserAt(e,s),this.activeDrawing){const t=(e-r.left-i)/n,a=(s-r.top-o)/n;"rectangle"===this.activeDrawing.type?this.activeDrawing={...this.activeDrawing,width:t-this.activeDrawing.position.x,height:a-this.activeDrawing.position.y}:"freehand"===this.activeDrawing.type&&(this.activeDrawing={...this.activeDrawing,points:[...this.activeDrawing.points,{x:t,y:a}]})}}handleEraserAt(t,e){const s=this.container.getBoundingClientRect(),{x:i,y:o,zoom:n}=this.flowViewport,r=(t-s.left-i)/n,a=(e-s.top-o)/n,h=this.flowNodes.find((t=>r>=t.position.x&&r<=t.position.x+(t.width||150)&&a>=t.position.y&&a<=t.position.y+(t.height||48)));h&&this.service.deleteNode(h.id),this.drawings=this.drawings.filter((t=>{if("rectangle"===t.type){const e=Math.min(t.position.x,t.position.x+(t.width||0)),s=Math.min(t.position.y,t.position.y+(t.height||0)),i=Math.abs(t.width||0),o=Math.abs(t.height||0);return!(r>=e&&r<=e+i&&a>=s&&a<=s+o)}return!0}))}handleUp(){if(this.isInteracting&&(this.isInteracting=!1,this.updateState()),this.isDraggingCanvas=!1,this.activeDrawing&&(this.drawings=[...this.drawings,this.activeDrawing],this.activeDrawing=null),this.selectionRect&&(this.applyLassoSelection(),this.selectionRect=null),this.draggingNodeId){const t=this.flowNodes.find((t=>t.id===this.draggingNodeId));if(t){const e=this.flowNodes.find((e=>e.id!==t.id&&"group"===e.type&&(t.position.x>=e.position.x&&t.position.x+(t.width||150)<=e.position.x+(e.width||400)&&t.position.y>=e.position.y&&t.position.y+(t.height||48)<=e.position.y+(e.height||300))));e?this.service.setParent(t.id,e.id):t.parentId&&this.service.setParent(t.id,null)}}this.isDraggingCanvas=!1,this.draggingNodeId=null,this.helperLines=[]}handleKeyDown(t){this.interactive&&"INPUT"!==t.target.tagName&&((t.ctrlKey||t.metaKey)&&"c"===t.key&&(t.preventDefault(),this.service.copySelected()),(t.ctrlKey||t.metaKey)&&"v"===t.key&&(t.preventDefault(),this.service.paste()),(t.ctrlKey||t.metaKey)&&"z"===t.key&&(t.preventDefault(),t.shiftKey?this.service.redo():this.service.undo()),"Delete"!==t.key&&"Backspace"!==t.key||(t.preventDefault(),this.service.deleteSelected()))}handleWheel=t=>{if(!this.interactive)return;t.preventDefault();const e=this.service.getViewport(),s=Math.min(Math.max(e.zoom+.001*-t.deltaY,.1),5);if(s===e.zoom)return;const i=this.container.getBoundingClientRect(),o=t.clientX-i.left,n=t.clientY-i.top;this.service.setViewport({x:o-(o-e.x)/e.zoom*s,y:n-(n-e.y)/e.zoom*s,zoom:s})};render(){const{x:t,y:e,zoom:s}=this.flowViewport,i=`translate(${t}px, ${e}px) scale(${s})`;return o("div",{key:"db1bff3ac7ea27720be9a937afc0ee78a1c7ddb3",class:{"workflow-container":!0,"theme-dark":"dark"===this.theme},onMouseDown:this.handleMouseDown,onTouchStart:this.handleMouseDown,onWheel:this.handleWheel,ref:t=>this.container=t},o("div",{key:"24c5d1a846646f25d6ae1ace14f38e7d939d0348",class:"background-canvas"},this.renderBackground()),o("div",{key:"d96eb3b0188cb0c6f16e2e093873c56fd471ca37",class:"flow-renderer",style:{transform:i}},o("svg",{key:"2801eb1d3d4fb082be5057f0b1500fbc3ac53583",class:"edges-svg"},o("defs",{key:"b797372dac820c84edc52087d07805bfb7155126"},o("marker",{key:"8b0584a343dcbbc40a43767e4a6ab0733a0243d3",id:"arrowhead",markerWidth:"10",markerHeight:"7",refX:"9",refY:"3.5",orient:"auto"},o("polygon",{key:"dfe7c9ad6eeaccba3cd560b891021dad77c32b34",points:"0 0, 10 3.5, 0 7",fill:"currentColor"})),o("marker",{key:"e098834ed3919e64aea097f9d9b2326781841e8e",id:"arrowhead-selected",markerWidth:"10",markerHeight:"7",refX:"9",refY:"3.5",orient:"auto"},o("polygon",{key:"5c99c575d24f2f6cffddc71ecb3fc29c592416ec",points:"0 0, 10 3.5, 0 7",fill:"var(--x-primary-color)"}))),this.flowEdges.sort(((t,e)=>(t.selected?1:0)-(e.selected?1:0))).map((t=>this.renderEdge(t))),this.renderPendingLine(),this.renderProximityPreview(),this.renderEdgeHandles()),o("div",{key:"cd1699a7dd5a41e238be3d94329686e9e8975253",class:"nodes-layer"},this.flowNodes.map((t=>this.renderNode(t)))),o("svg",{key:"bd722c1ce4e18b83b5e954af15162c4fa6bbb44e",class:"drawings-layer"},this.drawings.map((t=>this.renderDrawing(t))),this.activeDrawing&&this.renderDrawing(this.activeDrawing)),this.renderHelperLines(),this.renderUsers()),this.renderContextMenu(),this.renderSelectionRect())}renderBackground(){return"dots"===this.background.variant?o("div",{class:"dots-bg",style:{backgroundSize:`${20*this.flowViewport.zoom}px ${20*this.flowViewport.zoom}px`}}):null}renderUsers(){return this.users.map((t=>o("div",{class:"user-cursor",style:{left:`${t.position.x}px`,top:`${t.position.y}px`}},o("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:t.color},o("path",{d:"M5 1v22l6-6h11z"})),o("span",{class:"user-name",style:{backgroundColor:t.color}},t.name))))}renderPendingLine(){return this.pendingConnection?o("path",{d:`M${this.pendingConnection.startX},${this.pendingConnection.startY} L${this.pendingConnection.mouseX},${this.pendingConnection.mouseY}`,class:"edge-path pending"}):null}renderProximityPreview(){if(!this.proximityPreview)return null;const t=this.flowNodes.find((t=>t.id===this.proximityPreview.source)),e=this.flowNodes.find((t=>t.id===this.proximityPreview.target));if(!t||!e)return null;const s=this.getHandlePos(t,this.proximityPreview.sourceHandle,e),i=this.getHandlePos(e,this.proximityPreview.targetHandle,t);return o("path",{d:`M${s.x},${s.y} L${i.x},${i.y}`,class:"edge-path proximity-preview","stroke-dasharray":"5,5",opacity:"0.5"})}handleNodeClick(t,e){const s=this.flowNodes.find((t=>t.id===e));s&&(this.service.selectNode(e,!!(t.shiftKey||t.ctrlKey||t.metaKey)),this.xNodeClick.emit(s))}handleEdgeLabelDblClick(t,e){t.stopPropagation(),this.editingEdgeId=e}handleEdgeLabelChange(t,e){this.service.updateEdge(e,{label:t.target.value})}renderEdgeLabel(t,e,s){return o("foreignObject",{x:e-50,y:s-12,width:100,height:24,class:"edge-label-container"},o("div",{class:"edge-label",onDblClick:e=>this.handleEdgeLabelDblClick(e,t.id)},this.editingEdgeId===t.id?o("input",{value:t.label,onInput:e=>this.handleEdgeLabelChange(e,t.id),onKeyDown:t=>"Enter"===t.key&&(this.editingEdgeId=null),onBlur:()=>this.editingEdgeId=null,autoFocus:!0,style:{width:"100%",background:"white",border:"1px solid #ccc",borderRadius:"4px"}}):t.label||""))}renderEdge(t){const e=this.flowNodes.find((e=>e.id===t.source)),s=this.flowNodes.find((e=>e.id===t.target));if(!e||!s)return null;const i=this.getHandlePos(e,t.sourceHandle,s),n=this.getHandlePos(s,t.targetHandle,e);let r=i.x,a=i.y,h=n.x,d=n.y;const l=this.flowEdges.filter((e=>e.source===t.source&&e.target===t.target)),c=l.findIndex((e=>e.id===t.id)),u=l.length>1?20*(c-(l.length-1)/2):0;if("straight"!==t.type){const t=h-r,e=d-a,s=Math.hypot(t,e)||1,i=-e/s,o=t/s;r+=i*u,a+=o*u,h+=i*u,d+=o*u}let p="";if("straight"===t.type)p=`M${r},${a} L${h},${d}`;else if("step"===t.type||"smoothstep"===t.type){const e="smoothstep"===t.type?8:0,s=[],i=r+(h-r)/2,o=a+(d-a)/2;Math.abs(r-h)>Math.abs(a-d)?(s.push({x:r,y:a}),s.push({x:i,y:a}),s.push({x:i,y:d}),s.push({x:h,y:d})):(s.push({x:r,y:a}),s.push({x:r,y:o}),s.push({x:h,y:o}),s.push({x:h,y:d}));const n=[];n.push(`M${s[0].x},${s[0].y}`);for(let t=1;t<s.length-1;t++){const i=s[t-1],o=s[t],r=s[t+1];if(0===e){n.push(`L${o.x},${o.y}`);continue}const a=o.x-i.x,h=o.y-i.y,d=r.x-o.x,l=r.y-o.y,c=Math.hypot(a,h),u=Math.hypot(d,l),p=Math.min(e,c/2,u/2),g=o.x+d/u*p,b=o.y+l/u*p;n.push(`L${o.x-a/c*p},${o.y-h/c*p}`),n.push(`Q${o.x},${o.y} ${g},${b}`)}const l=s[s.length-1];n.push(`L${l.x},${l.y}`),p=n.join(" ")}else{const t=h-r,e=.5;p=`\n      M${r},${a}\n      C${r+t*e},${a}\n       ${h-t*e},${d}\n       ${h},${d}\n    `}const g=this.selectedNodes.includes(t.id);return o("g",{key:t.id,class:{"edge-group":!0}},o("path",{d:p,stroke:"transparent","stroke-width":"20",fill:"none",style:{cursor:"pointer",pointerEvents:"stroke"},onClick:e=>{e.stopPropagation(),this.service.selectEdge(t.id,e.ctrlKey||e.metaKey),this.xEdgeClick.emit(t)}}),o("path",{d:p,class:{"edge-path":!0,selected:g,animated:t.animated},"marker-end":g?"url(#arrowhead-selected)":"url(#arrowhead)",style:{pointerEvents:"none",stroke:g?"var(--x-primary-color)":t.style?.stroke||"#b1b1b7",strokeDasharray:t.style?.strokeDasharray}}),t.selected&&o("foreignObject",{x:(r+h)/2-30,y:(a+d)/2-50,width:"60",height:"40"},o("div",{class:"edge-toolbar"},o("button",{class:"edge-toolbar-btn",onClick:e=>{e.stopPropagation(),this.service.updateEdge(t.id,{animated:!t.animated})}},"⚡"),o("button",{class:"edge-toolbar-btn",onClick:e=>{e.stopPropagation(),this.service.deleteEdge(t.id)}},"🗑"))),t.label&&this.renderEdgeLabel(t,(r+h)/2,(a+d)/2))}getHandlePos(t,e,s){const i=Math.round(t.position.x),o=Math.round(t.position.y),n=t.width?Math.round(t.width):"diamond"===t.shape?100:150,r=t.height?Math.round(t.height):"diamond"===t.shape?100:48;if("floating"===e&&s)return this.getFloatingHandlePos(t,s);if("auto"===this.edgeRoutingMode&&s){const t={x:i+n/2,y:o+r/2},a={x:s.position.x+(s.width||150)/2,y:s.position.y+(s.height||48)/2},h=a.x-t.x,d=a.y-t.y;e=Math.abs(h)>Math.abs(d)?h>0?"right":"left":d>0?"bottom":"top"}else if(!e&&s){const t={x:i+n/2,y:o+r/2},a={x:s.position.x+(s.width||150)/2,y:s.position.y+(s.height||48)/2},h=a.x-t.x,d=a.y-t.y;e=Math.abs(h)>Math.abs(d)?h>0?"right":"left":d>0?"bottom":"top"}else e||(e="floating");switch(e){case"top":return{x:i+n/2,y:o};case"right":return{x:i+n,y:o+r/2};case"bottom":return{x:i+n/2,y:o+r};case"left":return{x:i,y:o+r/2};default:return{x:i+n/2,y:o+r/2}}}getFloatingHandlePos(t,e){const s=(t.width||150)/2,i=(t.height||48)/2,o=t.position.x+s,n=t.position.y+i,r=e.position.x+(e.width||150)/2-o,a=e.position.y+(e.height||48)/2-n,h=Math.atan2(a,r);if("diamond"===t.shape){const t=s*i/(i*Math.abs(Math.cos(h))+s*Math.abs(Math.sin(h)));return{x:o+t*Math.cos(h),y:n+t*Math.sin(h)}}if("circle"===t.shape){const t=Math.min(s,i);return{x:o+t*Math.cos(h),y:n+t*Math.sin(h)}}return Math.abs(r)*i>Math.abs(a)*s?{x:o+s*Math.sign(r),y:n+a*s/Math.abs(r)}:{x:o+r*i/Math.abs(a),y:n+i*Math.sign(a)}}renderEdgeHandles(){return this.flowEdges.filter((t=>t.selected)).map((t=>{const e=this.flowNodes.find((e=>e.id===t.source)),s=this.flowNodes.find((e=>e.id===t.target));if(!e||!s)return null;const i=this.getHandlePos(e,t.sourceHandle,s),n=this.getHandlePos(s,t.targetHandle,e);return o("g",{class:"edge-controls"},o("circle",{cx:i.x,cy:i.y,r:"4",class:"edge-handle source",onMouseDown:e=>this.startEdgeReconnect(e,t,"source"),onTouchStart:e=>this.startEdgeReconnect(e,t,"source")}),o("circle",{cx:n.x,cy:n.y,r:"4",class:"edge-handle target",onMouseDown:e=>this.startEdgeReconnect(e,t,"target"),onTouchStart:e=>this.startEdgeReconnect(e,t,"target")}))}))}startEdgeReconnect(t,e,s){if(this.pendingConnection)return;t.preventDefault(),t.stopPropagation();const i="source"===s?e.target:e.source,o=this.flowNodes.find((t=>t.id===i));if(!o)return;const n=this.container.getBoundingClientRect(),{x:r,y:a,zoom:h}=this.flowViewport,d=this.getHandlePos(o,"source"===s?e.targetHandle:e.sourceHandle),l="touches"in t?t.touches[0].clientX:t.clientX,c="touches"in t?t.touches[0].clientY:t.clientY;this.service.deleteEdge(e.id),this.pendingConnection={source:i,handle:("source"===s?e.targetHandle:e.sourceHandle)||"floating",startX:d.x,startY:d.y,mouseX:(l-n.left-r)/h,mouseY:(c-n.top-a)/h},this.startConnectionHandler(i,"source"===s?"target":"source")}renderNode(t){const e=this.selectedNodes.includes(t.id),s=this.focusedNodeId===t.id,i=t.shape?`shape-${t.shape}`:"";return o("div",{key:t.id,"data-id":t.id,class:{node:!0,selected:e,dragging:this.draggingNodeId===t.id,collapsed:t.isCollapsed,[t.className]:!!t.className,[i]:!!i,focused:s,turbo:this.turboMode,[`type-${t.type}`]:!0},style:{left:`${Math.round(t.position.x)}px`,top:`${Math.round(t.position.y)}px`,width:t.width?`${t.width}px`:"diamond"===t.shape?"100px":"150px",height:t.height?`${t.height}px`:"diamond"===t.shape?"100px":"48px",transform:`rotate(${t.rotation||0}deg) translateZ(0)`,opacity:this.focusedNodeId&&!s&&t.parentId!==this.focusedNodeId?"0.3":"1",zIndex:e?"1000":(t.zIndex||10).toString(),...t.style||{}},onMouseDown:e=>this.handleNodeDragStart(e,t),onTouchStart:e=>this.handleNodeDragStart(e,t),onClick:e=>this.handleNodeClick(e,t.id),onDblClick:()=>"group"===t.type&&(this.focusedNodeId=this.focusedNodeId===t.id?null:t.id)},this.shouldShowToolbar(t)&&this.renderNodeToolbar(t),"diamond"===t.shape&&o("div",{class:"node-shape-wrapper"},o("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"none",class:"node-shape-svg"},o("path",{d:"M50 0 L100 50 L50 100 L0 50 Z",class:{"shape-path":!0,selected:e}}))),o("div",{class:"node-content"},("group"===t.type||t.isParent)&&o("button",{class:"node-collapse-btn",onClick:e=>{e.stopPropagation(),this.service.toggleNodeCollapse(t.id)}},o("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},o("path",{d:t.isCollapsed?"M12 5v14M5 12h14":"M5 12h14"}))),t.template?o("div",{innerHTML:t.template}):o("slot",{name:`node-${t.type}`},t.data?.label||t.id)),t.handles?t.handles.map((e=>this.renderCustomHandle(t,e))):[o("div",{key:"top",class:"handle top",onMouseDown:e=>this.startConnection(e,t.id,"top")}),o("div",{key:"right",class:"handle right",onMouseDown:e=>this.startConnection(e,t.id,"right")}),o("div",{key:"bottom",class:"handle bottom",onMouseDown:e=>this.startConnection(e,t.id,"bottom")}),o("div",{key:"left",class:"handle left",onMouseDown:e=>this.startConnection(e,t.id,"left")})],e&&t.resizable&&o("div",{class:"node-resizer",onMouseDown:e=>this.startResize(e,t)})," ",e&&!1!==t.rotatable&&o("div",{class:"node-rotator",onMouseDown:e=>this.startRotate(e,t)},o("x-icon",{name:"autorenew",size:12}))," ")}shouldShowToolbar(t){return!!this.nodeToolbarVisible&&("always"===this.nodeToolbarMode||"selected"===this.nodeToolbarMode&&this.selectedNodes.includes(t.id))}renderNodeToolbar(t){return o("div",{class:"node-toolbar"},o("div",{class:"color-picker"},["#ffffff","#fecaca","#bfdbfe","#bbf7d0","#fef08a","#e9d5ff"].map((e=>o("div",{class:"color-swatch",style:{background:e},onClick:()=>this.service.updateNode(t.id,{style:{...t.style,background:e}})})))),o("x-divider",{type:"vertical"}),o("button",{onClick:()=>this.service.deleteNode(t.id)},o("x-icon",{name:"delete",size:14})),o("button",{onClick:()=>this.service.copySelected()},o("x-icon",{name:"content_copy",size:14})))}renderCustomHandle(t,e){return e("div",{class:{handle:!0,[e.position]:!0},style:e.style,onMouseDown:s=>this.startConnection(s,t.id,e.id),onTouchStart:s=>this.startConnection(s,t.id,e.id)})}handleNodeDragStart(t,e){if(e.dragHandle&&!t.target.closest(e.dragHandle))return;t.preventDefault(),t.stopPropagation();const s="touches"in t?t.touches[0].clientX:t.clientX,i="touches"in t?t.touches[0].clientY:t.clientY;this.service.selectNode(e.id,"shiftKey"in t&&t.shiftKey),this.startNodeDrag(s,i,e)}startNodeDrag(t,e,s){const i=s.position.x,o=s.position.y,n=this.flowViewport.zoom;let r=!1;const a=a=>{const h="touches"in a?a.touches[0].clientX:a.clientX,d="touches"in a?a.touches[0].clientY:a.clientY;if(!r){if(!(Math.sqrt(Math.pow(h-t,2)+Math.pow(d-e,2))>5))return;r=!0,this.draggingNodeId=s.id,this.isInteracting=!0}const l=i+(h-t)/n,c=o+(d-e)/n;this.service.updateNodePosition(s.id,l,c,this.snapToGridValue),this.helperLines=this.calculateHelperLines(s.id,l,c),this.checkProximity(s.id,l,c)},h=()=>{this.proximityPreview&&(this.service.onConnect(this.proximityPreview),this.proximityPreview=null),document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",h),this.draggingNodeId=null,this.handleUp()};document.addEventListener("mousemove",a),document.addEventListener("mouseup",h),document.addEventListener("touchmove",a),document.addEventListener("touchend",h)}startResize(t,e){t.stopPropagation();const s="touches"in t?t.touches[0].clientX:t.clientX,i="touches"in t?t.touches[0].clientY:t.clientY,o=e.width||150,n=e.height||48,r=this.flowViewport.zoom,a=t=>{const a=(("touches"in t?t.touches[0].clientX:t.clientX)-s)/r,h=(("touches"in t?t.touches[0].clientY:t.clientY)-i)/r;this.service.setNodes(this.flowNodes.map((t=>t.id===e.id?{...t,width:Math.max(50,o+a),height:Math.max(30,n+h)}:t)))},h=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",h)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",h),document.addEventListener("touchmove",a),document.addEventListener("touchend",h)}startRotate(t,e){t.stopPropagation();const s=this.container.getBoundingClientRect(),{x:i,y:o,zoom:n}=this.flowViewport,r=e.position.x+(e.width||150)/2,a=e.position.y+(e.height||48)/2,h=t=>{const h=Math.atan2((("touches"in t?t.touches[0].clientY:t.clientY)-s.top-o)/n-a,(("touches"in t?t.touches[0].clientX:t.clientX)-s.left-i)/n-r)*(180/Math.PI)+90;this.service.rotateNode(e.id,h)},d=()=>{this.service.saveToHistory(),document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",d),document.removeEventListener("touchmove",h),document.removeEventListener("touchend",d)};document.addEventListener("mousemove",h),document.addEventListener("mouseup",d),document.addEventListener("touchmove",h),document.addEventListener("touchend",d)}applyLassoSelection(){if(!this.selectionRect)return;const{x:t,y:e,width:s,height:i}=this.selectionRect,o=this.flowViewport.zoom,n=this.flowViewport.x,r=this.flowViewport.y,a=(Math.min(t,t+s)-n)/o,h=(Math.min(e,e+i)-r)/o,d=Math.abs(s)/o,l=Math.abs(i)/o;this.flowNodes.forEach((t=>{const e=t.position.x,s=t.position.y;e>=a&&e+(t.width||150)<=a+d&&s>=h&&s+(t.height||48)<=h+l&&this.service.selectNode(t.id,!0)}))}renderSelectionRect(){if(!this.selectionRect)return null;const{x:t,y:e,width:s,height:i}=this.selectionRect;return o("div",{class:"selection-rect",style:{left:`${Math.min(t,t+s)}px`,top:`${Math.min(e,e+i)}px`,width:`${Math.abs(s)}px`,height:`${Math.abs(i)}px`}})}renderContextMenu(){return this.contextMenu?o("div",{class:"context-menu",style:{left:`${this.contextMenu.x}px`,top:`${this.contextMenu.y}px`}},o("div",{class:"menu-item",onClick:()=>this.addNodeAtPos(this.contextMenu.x,this.contextMenu.y)},"Add Node Here"),o("div",{class:"divider"}),this.selectedNodes.length>1&&o("div",{class:"menu-item",onClick:()=>this.service.groupSelected()},"Group Selected"),o("div",{class:"menu-item",onClick:()=>this.service.undo()},"Undo"),o("div",{class:"menu-item",onClick:()=>this.service.redo()},"Redo")):null}addNodeAtPos(t,e){const s=this.container.getBoundingClientRect(),{x:i,y:o,zoom:n}=this.flowViewport;this.service.addNode({id:`node-${Date.now()}`,position:{x:(t-s.left-i)/n,y:(e-s.top-o)/n},data:{label:"New Node"},zIndex:10})}startConnection(t,e,s){if(this.pendingConnection)return;t.preventDefault(),t.stopPropagation();const i="touches"in t?t.touches[0].clientX:t.clientX,o="touches"in t?t.touches[0].clientY:t.clientY,n=this.container.getBoundingClientRect(),{x:r,y:a,zoom:h}=this.flowViewport,d=this.flowNodes.find((t=>t.id===e));if(!d)return;const l=this.getHandlePos(d,s);this.pendingConnection={source:e,handle:s,startX:l.x,startY:l.y,mouseX:(i-n.left-r)/h,mouseY:(o-n.top-a)/h},this.proximityPreview=null,this.startConnectionHandler(e,"source")}startConnectionHandler(t,e="source"){const s=i=>{const o=this.pendingConnection;if(this.pendingConnection=null,this.proximityPreview=null,document.removeEventListener("mouseup",s),document.removeEventListener("touchend",s),!o)return;const n="touches"in i?i.touches[0].clientX:i.clientX,r="touches"in i?i.touches[0].clientY:i.clientY,{x:a,y:h,zoom:d}=this.flowViewport,l=this.container.getBoundingClientRect(),c=(n-l.left-a)/d,u=(r-l.top-h)/d,p=this.flowNodes.find((t=>c>=t.position.x-15&&c<=t.position.x+((t.width||150)+30)&&u>=t.position.y-15&&u<=t.position.y+((t.height||48)+30)));if(p&&p.id!==t){const s=i.composedPath().find((t=>t.classList&&t.classList.contains("handle"))),n=s?Array.from(s.classList).find((t=>["top","right","bottom","left"].includes(t))):"floating",r="source"===e?{source:t,target:p.id,sourceHandle:o.handle,targetHandle:n}:{source:p.id,target:t,sourceHandle:n,targetHandle:o.handle};this.service.isValidConnection(r)&&(this.service.onConnect(r),this.xConnect.emit(r))}else if(!p){const s=`node-${Date.now()}`;this.service.addNode({id:s,position:{x:c-75,y:u-24},data:{label:"New Node"},zIndex:10});const i="source"===e?{source:t,target:s,sourceHandle:o.handle,targetHandle:"floating"}:{source:s,target:t,sourceHandle:"floating",targetHandle:o.handle};this.service.onConnect(i),this.xConnect.emit(i)}};document.addEventListener("mouseup",s),document.addEventListener("touchend",s)}startDrawing(t,e){this.activeDrawing={id:`draw-${Date.now()}`,type:"rectangle"===this.tool?"rectangle":"freehand",position:{x:t,y:e},points:"freehand"===this.tool?[{x:t,y:e}]:[],width:0,height:0,style:{stroke:"#111",strokeWidth:"2",fill:"none"}}}renderDrawing(t){return"rectangle"===t.type?o("rect",{x:Math.min(t.position.x,t.position.x+(t.width||0)),y:Math.min(t.position.y,t.position.y+(t.height||0)),width:Math.abs(t.width||0),height:Math.abs(t.height||0),style:t.style}):o("path",{d:t.points.map(((t,e)=>`${0===e?"M":"L"}${t.x},${t.y}`)).join(" "),style:t.style})}checkProximity(t,e,s){const i=this.flowNodes.find((e=>e.id===t));if(!i)return;const o=e+(i.width||150)/2,n=s+(i.height||48)/2;let r=null,a=50;this.flowNodes.forEach((e=>{if(e.id===t||e.parentId===t)return;const s=Math.sqrt((o-(e.position.x+(e.width||150)/2))**2+(n-(e.position.y+(e.height||48)/2))**2);s<a&&(a=s,r={source:t,target:e.id,sourceHandle:"floating",targetHandle:"floating"})})),this.proximityPreview=r}calculateHelperLines(t,e,s){const i=[];return this.flowNodes.forEach((o=>{o.id!==t&&o.parentId!==t&&(Math.abs(e-o.position.x)<10&&i.push({x:o.position.x}),Math.abs(s-o.position.y)<10&&i.push({y:o.position.y}))})),i}renderHelperLines(){return o("svg",{class:"helper-lines-svg",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",pointerEvents:"none"}},this.helperLines.map((t=>o("line",void 0!==t.x?{x1:t.x,y1:"-10000",x2:t.x,y2:"10000",stroke:"#3b82f6","stroke-dasharray":"2,2"}:{x1:"-10000",y1:t.y,x2:"10000",y2:t.y,stroke:"#3b82f6","stroke-dasharray":"2,2"}))))}static get watchers(){return{nodes:[{handleNodesPropChange:0}],edges:[{handleEdgesPropChange:0}],viewportValue:[{handleViewportChange:0}]}}static get style(){return':host{display:block;width:100%;height:100%;overflow:hidden}.workflow-container{position:relative;width:100%;height:100%;background:#f8f9fa;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;outline:none}.background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.dots-bg{width:100%;height:100%;background-image:radial-gradient(#d1d5db 1px, transparent 1px);background-size:20px 20px}.flow-renderer{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-origin:0 0;transform-origin:0 0;will-change:transform}.nodes-layer,.edges-svg,.drawings-layer{position:absolute;top:0;left:0;width:100%;height:100%}.edges-svg{overflow:visible;pointer-events:none}.node{position:absolute;background:#ffffff;border:1px solid #d1d5db;border-radius:6px;-webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-transform 0.1s ease-out;transition:-webkit-transform 0.1s ease-out;transition:transform 0.1s ease-out;transition:transform 0.1s ease-out, -webkit-transform 0.1s ease-out}.node.dragging{-webkit-transition:none;transition:none;cursor:-webkit-grabbing;cursor:grabbing;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);z-index:100}.node{color:#1f2937;font-family:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:8px 12px;min-width:100px;min-height:40px;z-index:10;-webkit-transform-origin:center center;transform-origin:center center}.node.shape-circle{border-radius:50%}.node.shape-diamond{background:transparent !important;border:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-clip-path:none !important;clip-path:none !important}.node.shape-diamond .node-shape-wrapper{position:absolute;inset:0;z-index:0;pointer-events:none}.node.shape-diamond .node-shape-svg{width:100%;height:100%;overflow:visible}.node.shape-diamond .node-shape-svg .shape-path{fill:#ffffff;stroke:#d1d5db;stroke-width:1.5px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;vector-effect:non-scaling-stroke}.node.shape-diamond .node-shape-svg .shape-path.selected{stroke:#3b82f6;stroke-width:3px;-webkit-filter:drop-shadow(0 0 4px rgba(59, 130, 246, 0.3));filter:drop-shadow(0 0 4px rgba(59, 130, 246, 0.3))}.node.shape-diamond .node-content{position:relative;z-index:1;-webkit-transform:scale(0.7);transform:scale(0.7);pointer-events:auto}.node-content{pointer-events:none;font-size:14px;font-weight:500;text-align:center;width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:8px}.node-content>*{pointer-events:auto}.node.dragging{cursor:-webkit-grabbing;cursor:grabbing;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);z-index:100;-webkit-transition:none;transition:none}.node.selected{border-color:#3b82f6;-webkit-box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px #3b82f6}.handle{position:absolute;width:12px;height:12px;background:white;border:2px solid #3b82f6;border-radius:50%;cursor:crosshair;z-index:20}.handle::after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}.handle:hover{background:#2563eb;border-color:#2563eb}.handle.top{top:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.handle.right{right:-6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.handle.bottom{bottom:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.handle.left{left:-6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.edge-path{fill:none;stroke:#b1b1b7;stroke-width:2px;pointer-events:auto;cursor:pointer;-webkit-transition:stroke 0.2s;transition:stroke 0.2s}.edge-path:hover{stroke-width:3px;stroke:#3b82f6}.edge-path.selected{stroke:#3b82f6;stroke-width:3px}.edge-path.animated{stroke-dasharray:5;-webkit-animation:dash 1s linear infinite;animation:dash 1s linear infinite}.edge-path.turbo{stroke:#ff00ff;stroke-width:3px;-webkit-filter:drop-shadow(0 0 5px rgba(255, 0, 255, 0.8));filter:drop-shadow(0 0 5px rgba(255, 0, 255, 0.8));stroke-dasharray:10;-webkit-animation:turbo-dash 0.5s linear infinite;animation:turbo-dash 0.5s linear infinite}@-webkit-keyframes turbo-dash{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes turbo-dash{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}@-webkit-keyframes dash{from{stroke-dashoffset:10}to{stroke-dashoffset:0}}@keyframes dash{from{stroke-dashoffset:10}to{stroke-dashoffset:0}}.node-toolbar{position:absolute;top:-45px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:white;border:1px solid #ddd;border-radius:6px;padding:4px;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);z-index:100}.node-toolbar .color-picker{display:-ms-flexbox;display:flex;gap:2px;padding:0 4px}.node-toolbar .color-picker .color-swatch{width:16px;height:16px;border-radius:2px;border:1px solid #eee;cursor:pointer;-webkit-transition:-webkit-transform 0.1s;transition:-webkit-transform 0.1s;transition:transform 0.1s;transition:transform 0.1s, -webkit-transform 0.1s}.node-toolbar .color-picker .color-swatch:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.node-toolbar button{background:transparent;border:none;color:#333;cursor:pointer;padding:4px;border-radius:2px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:14px}.toolbar-btn{background:transparent;border:none;color:white;cursor:pointer;padding:4px;border-radius:2px;display:-ms-flexbox;display:flex}.toolbar-btn:hover{background:rgba(255, 255, 255, 0.1)}.edge-toolbar{display:-ms-flexbox;display:flex;background:#333;padding:4px;border-radius:4px;gap:4px}.edge-toolbar-btn{background:transparent;border:none;color:white;cursor:pointer;padding:4px}.node-resizer{position:absolute;right:0;bottom:0;width:10px;height:10px;background:#3b82f6;cursor:nwse-resize;border-radius:2px 0 0 0}.node-rotator{position:absolute;top:-24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:20px;height:20px;background:white;border:1px solid #3b82f6;border-radius:50%;cursor:-webkit-grab;cursor:grab;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.node-rotator::before{content:"";position:absolute;bottom:-15px;left:50%;width:1px;height:15px;background:#3b82f6}.node-collapse-btn{background:transparent;border:none;padding:2px;cursor:pointer;display:-ms-flexbox;display:flex;color:inherit;opacity:0.6}.node-collapse-btn:hover{opacity:1}.context-menu{position:fixed;background:white;border:1px solid #ddd;-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:4px;padding:4px 0;z-index:100000;min-width:150px}.menu-item{padding:8px 16px;cursor:pointer;font-size:13px}.menu-item:hover{background:#f3f4f6}.divider{height:1px;background:#eee;margin:4px 0}.selection-rect{position:absolute;background:rgba(59, 130, 246, 0.1);border:1px solid rgba(59, 130, 246, 0.5);pointer-events:none;z-index:10000}.user-cursor{position:absolute;pointer-events:none;z-index:10000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-webkit-transition:all 0.1s linear;transition:all 0.1s linear}.user-cursor svg{-webkit-filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))}.user-cursor .user-name{margin-top:2px;padding:2px 6px;border-radius:4px;color:white;font-size:10px;font-weight:500;white-space:nowrap;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.edge-handle{fill:white;stroke:#3b82f6;stroke-width:2px;cursor:crosshair;pointer-events:auto}.edge-path.proximity-preview{stroke:#b1b1b7;stroke-width:2px;pointer-events:none}.edge-label{background:white;padding:2px 4px;border-radius:4px;border:1px solid #b1b1b7;font-size:10px;color:#333;text-align:center;white-space:nowrap;pointer-events:none}.workflow-container.theme-dark{background:#141414}.workflow-container.theme-dark .dots-bg{background-image:radial-gradient(#333 1px, transparent 1px)}.workflow-container.theme-dark .node{background:#222;border-color:#333;color:#eee;-webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.5);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.5)}.workflow-container.theme-dark .handle{background:#222}.workflow-container.theme-dark .context-menu{background:#222;border-color:#444;color:#eee}.workflow-container.theme-dark .context-menu .menu-item:hover{background:#333}.workflow-container.theme-dark .context-menu .divider{background:#444}.workflow-container.theme-dark .edge-label{background:#333;color:#eee;border-color:#444}'}},[769,"x-workflow",{nodes:[16],edges:[16],fitView:[4,"fit-view"],interactive:[4],viewportValue:[16],snapToGridValue:[2,"snap-to-grid-value"],background:[16],tool:[1],theme:[1],turboMode:[4,"turbo-mode"],displayMode:[1,"display-mode"],users:[16],nodeToolbarVisible:[4,"node-toolbar-visible"],nodeToolbarMode:[1,"node-toolbar-mode"],edgeRoutingMode:[1,"edge-routing-mode"],flowNodes:[32],flowEdges:[32],flowViewport:[32],pendingConnection:[32],selectedNodes:[32],draggingNodeId:[32],proximityPreview:[32],helperLines:[32],contextMenu:[32],selectionRect:[32],drawings:[32],activeDrawing:[32],editingEdgeId:[32],focusedNodeId:[32],forceLayout:[64]},[[5,"mousemove","handleMove"],[5,"touchmove","handleMove"],[5,"mouseup","handleUp"],[5,"touchend","handleUp"],[8,"keydown","handleKeyDown"]],{nodes:[{handleNodesPropChange:0}],edges:[{handleEdgesPropChange:0}],viewportValue:[{handleViewportChange:0}]}]);function d(){"undefined"!=typeof customElements&&["x-workflow","x-divider","x-icon"].forEach((e=>{switch(e){case"x-workflow":customElements.get(t(e))||customElements.define(t(e),h);break;case"x-divider":customElements.get(t(e))||n();break;case"x-icon":customElements.get(t(e))||r()}}))}d();export{h as X,d}
+import{t,p as e,H as s,d as i,h as o}from"./p-BLqwG7xa.js";import{d as n}from"./p-tMIvQ4L0.js";import{d as r}from"./p-C1_JmoB8.js";class a{nodes=[];edges=[];viewport={x:0,y:0,zoom:1};selectedNodeIds=[];selectedEdgeIds=[];nodeValues={};clipboardNodes=[];clipboardEdges=[];history=[];historyIndex=-1;listeners=[];constructor(t=[],e=[]){this.nodes=t,this.edges=e,this.saveToHistory()}subscribe(t){return this.listeners.push(t),()=>{this.listeners=this.listeners.filter((e=>e!==t))}}notify(){this.listeners.forEach((t=>t()))}forceLayout(){this.notify()}saveToHistory(){const t=this.history[this.historyIndex];t&&JSON.stringify(t.nodes)===JSON.stringify(this.nodes)&&JSON.stringify(t.edges)===JSON.stringify(this.edges)||(this.history=this.history.slice(0,this.historyIndex+1),this.history.push({nodes:JSON.parse(JSON.stringify(this.nodes)),edges:JSON.parse(JSON.stringify(this.edges))}),this.historyIndex=this.history.length-1,this.history.length>50&&(this.history.shift(),this.historyIndex--))}undo(){if(this.historyIndex>0){this.historyIndex--;const t=this.history[this.historyIndex];this.nodes=JSON.parse(JSON.stringify(t.nodes)),this.edges=JSON.parse(JSON.stringify(t.edges)),this.notify()}}redo(){if(this.historyIndex<this.history.length-1){this.historyIndex++;const t=this.history[this.historyIndex];this.nodes=JSON.parse(JSON.stringify(t.nodes)),this.edges=JSON.parse(JSON.stringify(t.edges)),this.notify()}}getNodes(){return this.nodes.filter((t=>this.isNodeVisible(t.id)))}isNodeVisible(t){const e=this.nodes.find((e=>e.id===t));if(!e)return!1;if(e.hidden)return!1;let s=this.nodes.find((t=>t.id===e.parentId));for(;s;){if(s.isCollapsed)return!1;s=this.nodes.find((t=>t.id===s.parentId))}return!0}getEdges(){return this.edges.filter((t=>this.isNodeVisible(t.source)&&this.isNodeVisible(t.target)))}getViewport(){return this.viewport}getSelectedNodes(){return this.selectedNodeIds}getSelectedEdges(){return this.selectedEdgeIds}setNodes(t){this.nodes=t.map((t=>{const e=this.nodes.find((e=>e.id===t.id));return e?{...t,width:t.width||e.width,height:t.height||e.height,shape:t.shape||e.shape}:t})),this.notify()}setEdges(t){this.edges=t,this.notify()}setViewport(t){this.viewport=t,this.notify()}updateNodeValue(t,e){this.nodeValues[t]=e,this.propagate(t),this.notify()}propagate(t){const e=this.nodeValues[t];this.edges.filter((e=>e.source===t)).forEach((s=>{this.nodes.find((t=>t.id===s.target))&&console.log(`Propagating from ${t} to ${s.target}:`,e)}))}addNode(t){this.nodes=[...this.nodes,t],this.saveToHistory(),this.notify()}updateNodePosition(t,e,s,i=0){const o=this.nodes.find((e=>e.id===t));if(!o)return;let n=i>0?Math.round(e/i)*i:e,r=i>0?Math.round(s/i)*i:s;if(o.parentId){const t=this.nodes.find((t=>t.id===o.parentId));t&&(n=Math.max(0,Math.min(n,(t.width||400)-(o.width||150))),r=Math.max(0,Math.min(r,(t.height||300)-(o.height||48))))}this.nodes.forEach((e=>{e.id!==t&&e.parentId!==t&&(Math.abs(n-e.position.x)<10&&(n=e.position.x),Math.abs(r-e.position.y)<10&&(r=e.position.y))}));const a=n-o.position.x,h=r-o.position.y;if(0===a&&0===h)return;const d=this.selectedNodeIds.includes(t)?this.selectedNodeIds:[t],l=new Set,c=new Map;d.forEach((t=>{this.collectNodesToMove(t,a,h,l,c)})),this.nodes=this.nodes.map((t=>{const e=c.get(t.id);return e?{...t,position:e}:t})),this.notify()}collectNodesToMove(t,e,s,i,o){if(i.has(t))return;const n=this.nodes.find((e=>e.id===t));n&&(i.add(t),o.set(t,{x:n.position.x+e,y:n.position.y+s}),this.nodes.filter((e=>e.parentId===t)).forEach((t=>this.collectNodesToMove(t.id,e,s,i,o))))}onConnect(t){if(!this.isValidConnection(t))return null;if(this.edges.some((e=>e.source===t.source&&e.target===t.target&&(e.sourceHandle||"floating")===(t.sourceHandle||"floating")&&(e.targetHandle||"floating")===(t.targetHandle||"floating"))))return null;const e=`e-${t.source}-${t.target}-${Date.now()}-${Math.floor(1e3*Math.random())}`;return this.edges=[...this.edges,{id:e,...t,type:"default",animated:!1,sourceHandle:t.sourceHandle||"floating",targetHandle:t.targetHandle||"floating"}],this.saveToHistory(),this.notify(),e}toggleNodeCollapse(t){this.nodes=this.nodes.map((e=>e.id===t?{...e,isCollapsed:!e.isCollapsed}:e)),this.saveToHistory(),this.notify()}isValidConnection(t){if(t.source===t.target)return!1;if(this.isCycle(t.source,t.target))return!1;if(this.edges.some((e=>e.source===t.source&&e.target===t.target)))return!1;const e=this.nodes.find((e=>e.id===t.source)),s=this.nodes.find((e=>e.id===t.target));return!(void 0!==e?.maxConnections&&this.edges.filter((e=>e.source===t.source)).length>=e.maxConnections||void 0!==s?.maxConnections&&this.edges.filter((e=>e.target===t.target)).length>=s.maxConnections)}updateEdge(t,e){this.edges=this.edges.map((s=>s.id===t?{...s,...e}:s)),this.saveToHistory(),this.notify()}isCycle(t,e){if(t===e)return!0;const s=new Set,i=[e];for(;i.length>0;){const e=i.shift();if(e){if(e===t)return!0;s.has(e)||(s.add(e),this.edges.filter((t=>t.source===e)).forEach((t=>i.push(t.target))))}}return!1}deleteSelected(){this.nodes=this.nodes.filter((t=>!this.selectedNodeIds.includes(t.id))),this.edges=this.edges.filter((t=>!this.selectedEdgeIds.includes(t.id)&&!this.selectedNodeIds.includes(t.source)&&!this.selectedNodeIds.includes(t.target))),this.selectedNodeIds=[],this.selectedEdgeIds=[],this.saveToHistory(),this.notify()}groupSelected(){if(this.selectedNodeIds.length<2)return;const t=this.nodes.filter((t=>this.selectedNodeIds.includes(t.id))),e=Math.min(...t.map((t=>t.position.x))),s=Math.min(...t.map((t=>t.position.y))),i=Math.max(...t.map((t=>t.position.x+(t.width||150)))),o=Math.max(...t.map((t=>t.position.y+(t.height||48)))),n=`group-${Date.now()}`,r={id:n,type:"group",position:{x:e-20,y:s-40},width:i-e+40,height:o-s+60,data:{label:"New Group"},zIndex:1,style:{background:"rgba(0,0,0,0.02)",border:"1px dashed #ccc"}};this.nodes=[...this.nodes.map((t=>this.selectedNodeIds.includes(t.id)?{...t,parentId:n}:t)),r],this.selectedNodeIds=[n],this.saveToHistory(),this.notify()}autoLayout(t="LR"){const e=new Set,s={},i=this.nodes.filter((t=>!this.edges.some((e=>e.target===t.id)))),o=(t,i)=>{s[t]=Math.max(s[t]||0,i),e.has(t)||(e.add(t),this.edges.filter((e=>e.source===t)).forEach((t=>o(t.target,i+1))))};i.forEach((t=>o(t.id,0))),this.nodes.forEach((t=>{void 0===s[t.id]&&o(t.id,0)}));const n={};Object.entries(s).forEach((([t,e])=>{n[e]=[...n[e]||[],t]})),this.nodes=this.nodes.map((e=>{const i=s[e.id],o=n[i].indexOf(e.id);return{...e,position:"LR"===t?{x:250*i,y:100*o+100}:{x:250*o+200,y:100*i+100}}})),this.saveToHistory(),this.notify()}selectNode(t,e=!1){e?this.selectedNodeIds=this.selectedNodeIds.includes(t)?this.selectedNodeIds.filter((e=>e!==t)):[...this.selectedNodeIds,t]:(this.selectedNodeIds=[t],this.selectedEdgeIds=[]),this.notify()}setParent(t,e){const s=this.nodes.find((e=>e.id===t));if(s&&s.parentId!==e){if(e){const i=this.nodes.find((t=>t.id===e));if(i){const o=s.position.x-i.position.x,n=s.position.y-i.position.y;this.nodes=this.nodes.map((s=>s.id===t?{...s,parentId:e,position:{x:o,y:n}}:s))}}else{const e=s.parentId?this.nodes.find((t=>t.id===s.parentId)):null;this.nodes=this.nodes.map(e?i=>i.id===t?{...i,parentId:null,position:{x:s.position.x+e.position.x,y:s.position.y+e.position.y}}:i:e=>e.id===t?{...e,parentId:null}:e)}this.saveToHistory(),this.notify()}}updateNode(t,e){this.nodes=this.nodes.map((s=>s.id===t?{...s,...e,data:{...s.data,...e.data}}:s)),this.notify()}rotateNode(t,e){this.nodes=this.nodes.map((s=>s.id===t?{...s,rotation:e}:s)),this.notify()}selectEdge(t,e=!1){e?this.selectedEdgeIds=this.selectedEdgeIds.includes(t)?this.selectedEdgeIds.filter((e=>e!==t)):[...this.selectedEdgeIds,t]:(this.selectedEdgeIds=[t],this.selectedNodeIds=[]),this.notify()}clearSelection(){this.selectedNodeIds=[],this.selectedEdgeIds=[],this.notify()}deleteEdge(t){this.edges=this.edges.filter((e=>e.id!==t)),this.saveToHistory(),this.notify()}deleteNode(t){const e=this.edges.filter((e=>e.target===t)),s=this.edges.filter((e=>e.source===t));if(1===e.length&&1===s.length){const t=e[0].source,i=s[0].target;this.addEdge({id:`reconnect-${Date.now()}`,source:t,target:i,sourceHandle:e[0].sourceHandle,targetHandle:s[0].targetHandle,type:e[0].type})}this.nodes=this.nodes.filter((e=>e.id!==t)),this.edges=this.edges.filter((e=>e.source!==t&&e.target!==t)),this.selectedNodeIds=this.selectedNodeIds.filter((e=>e!==t)),this.saveToHistory(),this.notify()}addEdge(t){this.edges=[...this.edges,t],this.saveToHistory(),this.notify()}copySelected(){this.clipboardNodes=this.nodes.filter((t=>this.selectedNodeIds.includes(t.id))).map((t=>({...t}))),this.clipboardEdges=this.edges.filter((t=>this.selectedNodeIds.includes(t.source)&&this.selectedNodeIds.includes(t.target))).map((t=>({...t})))}paste(t,e){if(0===this.clipboardNodes.length)return;const s={},i=Math.min(...this.clipboardNodes.map((t=>t.position.x))),o=Math.min(...this.clipboardNodes.map((t=>t.position.y))),n=(void 0===t?i+20:t)-i,r=(void 0===e?o+20:e)-o,a=this.clipboardNodes.map((t=>{const e=`node-${Date.now()}-${Math.random()}`;return s[t.id]=e,{...t,id:e,position:{x:t.position.x+n,y:t.position.y+r},selected:!0}})),h=this.clipboardEdges.map((t=>({...t,id:`edge-${Date.now()}-${Math.random()}`,source:s[t.source],target:s[t.target]})));this.nodes=[...this.nodes.map((t=>({...t,selected:!1}))),...a],this.edges=[...this.edges,...h],this.selectedNodeIds=a.map((t=>t.id)),this.saveToHistory(),this.notify()}generateStressTest(t){const e=[];for(let s=0;s<t;s++)e.push({id:`stress-${s}`,position:{x:2e3*Math.random(),y:2e3*Math.random()},data:{label:`Node ${s}`},zIndex:10});this.nodes=[...this.nodes,...e],this.notify()}getFullState(){return{nodes:this.nodes,edges:this.edges,viewport:this.viewport,nodeValues:this.nodeValues}}}const h=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.xNodesChange=i(this,"xNodesChange",7),this.xEdgesChange=i(this,"xEdgesChange",7),this.xViewportChange=i(this,"xViewportChange",7),this.xNodeClick=i(this,"xNodeClick",7),this.xEdgeClick=i(this,"xEdgeClick",7),this.xConnect=i(this,"xConnect",7),this.xWorkflowChange=i(this,"xWorkflowChange",7)}get el(){return this}nodes=[];edges=[];fitView=!1;interactive=!0;viewportValue={x:0,y:0,zoom:1};snapToGridValue=0;background={variant:"dots"};tool="select";theme="light";turboMode=!1;displayMode="advanced";users=[];nodeToolbarVisible=!0;nodeToolbarMode="selected";edgeRoutingMode="fixed";flowNodes=[];flowEdges=[];flowViewport={x:0,y:0,zoom:1};pendingConnection=null;selectedNodes=[];draggingNodeId=null;proximityPreview=null;helperLines=[];contextMenu=null;selectionRect=null;drawings=[];activeDrawing=null;editingEdgeId=null;focusedNodeId=null;xNodesChange;xEdgesChange;xViewportChange;xNodeClick;xEdgeClick;xConnect;xWorkflowChange;service;isDraggingCanvas=!1;isUpdatingFromProp=!1;isInteracting=!1;lastMousePos={x:0,y:0};container;throttleTimer=null;async forceLayout(){this.service.forceLayout()}componentWillLoad(){this.service=new a(this.nodes,this.edges),this.service.setViewport(this.viewportValue),this.updateState(),this.service.subscribe((()=>{this.updateState(),this.throttleEmitWorkflowChange()}))}throttleEmitWorkflowChange(){this.throttleTimer||(this.throttleTimer=setTimeout((()=>{this.xWorkflowChange.emit(this.service.getFullState()),this.throttleTimer=null}),100))}handleNodesPropChange(t){this.isUpdatingFromProp=!0,this.service.setNodes(t),this.isUpdatingFromProp=!1}handleEdgesPropChange(t){this.isUpdatingFromProp=!0,this.service.setEdges(t),this.isUpdatingFromProp=!1}handleViewportChange(t){this.isUpdatingFromProp=!0,this.service.setViewport(t),this.isUpdatingFromProp=!1}updateState(){this.flowNodes=[...this.service.getNodes()],this.flowEdges=[...this.service.getEdges()],this.flowViewport={...this.service.getViewport()},this.selectedNodes=[...this.service.getSelectedNodes()],this.isUpdatingFromProp||this.isInteracting||(this.xViewportChange.emit(this.flowViewport),this.xNodesChange.emit(this.flowNodes),this.xEdgesChange.emit(this.flowEdges))}handleMouseDown=t=>{if(!this.interactive)return;const e="touches"in t?t.touches[0].clientX:t.clientX,s="touches"in t?t.touches[0].clientY:t.clientY,i=t.target;if(!i.closest(".node")&&!i.closest(".edge-group")&&(i===this.container||i.closest(".background-canvas"))){const i=this.container.getBoundingClientRect();if("rectangle"===this.tool||"freehand"===this.tool)return void this.startDrawing((e-i.left-this.flowViewport.x)/this.flowViewport.zoom,(s-i.top-this.flowViewport.y)/this.flowViewport.zoom);this.lastMousePos={x:e,y:s},"shiftKey"in t&&t.shiftKey?(this.selectionRect={x:e-i.left,y:s-i.top,width:0,height:0},this.isInteracting=!0):(this.isDraggingCanvas=!0,this.isInteracting=!0,this.service.clearSelection()),this.contextMenu=null}};handleMove(t){const e="touches"in t?t.touches[0].clientX:t.clientX,s="touches"in t?t.touches[0].clientY:t.clientY,{x:i,y:o,zoom:n}=this.flowViewport,r=this.container.getBoundingClientRect();if(this.isDraggingCanvas){const t=e-this.lastMousePos.x,r=s-this.lastMousePos.y;this.lastMousePos={x:e,y:s},this.service.setViewport({x:i+t,y:o+r,zoom:n})}if(this.pendingConnection&&(this.pendingConnection={...this.pendingConnection,mouseX:(e-r.left-i)/n,mouseY:(s-r.top-o)/n}),"eraser"===this.tool&&("buttons"in t&&1===t.buttons||"touches"in t)&&this.handleEraserAt(e,s),this.activeDrawing){const t=(e-r.left-i)/n,a=(s-r.top-o)/n;"rectangle"===this.activeDrawing.type?this.activeDrawing={...this.activeDrawing,width:t-this.activeDrawing.position.x,height:a-this.activeDrawing.position.y}:"freehand"===this.activeDrawing.type&&(this.activeDrawing={...this.activeDrawing,points:[...this.activeDrawing.points,{x:t,y:a}]})}}handleEraserAt(t,e){const s=this.container.getBoundingClientRect(),{x:i,y:o,zoom:n}=this.flowViewport,r=(t-s.left-i)/n,a=(e-s.top-o)/n,h=this.flowNodes.find((t=>r>=t.position.x&&r<=t.position.x+(t.width||150)&&a>=t.position.y&&a<=t.position.y+(t.height||48)));h&&this.service.deleteNode(h.id),this.drawings=this.drawings.filter((t=>{if("rectangle"===t.type){const e=Math.min(t.position.x,t.position.x+(t.width||0)),s=Math.min(t.position.y,t.position.y+(t.height||0)),i=Math.abs(t.width||0),o=Math.abs(t.height||0);return!(r>=e&&r<=e+i&&a>=s&&a<=s+o)}return!0}))}handleUp(){if(this.isInteracting&&(this.isInteracting=!1,this.updateState()),this.isDraggingCanvas=!1,this.activeDrawing&&(this.drawings=[...this.drawings,this.activeDrawing],this.activeDrawing=null),this.selectionRect&&(this.applyLassoSelection(),this.selectionRect=null),this.draggingNodeId){const t=this.flowNodes.find((t=>t.id===this.draggingNodeId));if(t){const e=this.flowNodes.find((e=>e.id!==t.id&&"group"===e.type&&(t.position.x>=e.position.x&&t.position.x+(t.width||150)<=e.position.x+(e.width||400)&&t.position.y>=e.position.y&&t.position.y+(t.height||48)<=e.position.y+(e.height||300))));e?this.service.setParent(t.id,e.id):t.parentId&&this.service.setParent(t.id,null)}}this.isDraggingCanvas=!1,this.draggingNodeId=null,this.helperLines=[]}handleKeyDown(t){this.interactive&&"INPUT"!==t.target.tagName&&((t.ctrlKey||t.metaKey)&&"c"===t.key&&(t.preventDefault(),this.service.copySelected()),(t.ctrlKey||t.metaKey)&&"v"===t.key&&(t.preventDefault(),this.service.paste()),(t.ctrlKey||t.metaKey)&&"z"===t.key&&(t.preventDefault(),t.shiftKey?this.service.redo():this.service.undo()),"Delete"!==t.key&&"Backspace"!==t.key||(t.preventDefault(),this.service.deleteSelected()))}handleWheel=t=>{if(!this.interactive)return;t.preventDefault();const e=this.service.getViewport(),s=Math.min(Math.max(e.zoom+.001*-t.deltaY,.1),5);if(s===e.zoom)return;const i=this.container.getBoundingClientRect(),o=t.clientX-i.left,n=t.clientY-i.top;this.service.setViewport({x:o-(o-e.x)/e.zoom*s,y:n-(n-e.y)/e.zoom*s,zoom:s})};render(){const{x:t,y:e,zoom:s}=this.flowViewport,i=`translate(${t}px, ${e}px) scale(${s})`;return o("div",{key:"a91dd40532f5f5b4ed483ae6e386bba58a4c32fc",class:{"workflow-container":!0,"theme-dark":"dark"===this.theme},onMouseDown:this.handleMouseDown,onTouchStart:this.handleMouseDown,onWheel:this.handleWheel,ref:t=>this.container=t},o("div",{key:"907746c70c6498dafede5c7003c49280d382683f",class:"background-canvas"},this.renderBackground()),o("div",{key:"4b08f3a924ffb0f32452eb890d1412ec09064868",class:"flow-renderer",style:{transform:i}},o("svg",{key:"79d11a10adc62c2fda79e0d255004202282974de",class:"edges-svg"},o("defs",{key:"88b740608559c08280829d75c96a53792636f7ff"},o("marker",{key:"4af37c5a03d2039e429b94579de0d4abc1f74dc4",id:"arrowhead",markerWidth:"10",markerHeight:"7",refX:"9",refY:"3.5",orient:"auto"},o("polygon",{key:"81c67a5f7f974adbe54b013cc982d367627886b0",points:"0 0, 10 3.5, 0 7",fill:"currentColor"})),o("marker",{key:"b373d964af68271dc5dc74d2b30d4c7b342eb20b",id:"arrowhead-selected",markerWidth:"10",markerHeight:"7",refX:"9",refY:"3.5",orient:"auto"},o("polygon",{key:"a067eb105fcc952b3475ba694baa1c070c8f6c8f",points:"0 0, 10 3.5, 0 7",fill:"var(--x-primary-color)"}))),this.flowEdges.sort(((t,e)=>(t.selected?1:0)-(e.selected?1:0))).map((t=>this.renderEdge(t))),this.renderPendingLine(),this.renderProximityPreview(),this.renderEdgeHandles()),o("div",{key:"cb5e9f73ca6b623871b44678e1ce6312d0c70b4c",class:"nodes-layer"},this.flowNodes.map((t=>this.renderNode(t)))),o("svg",{key:"7f3b9e5a58576406080264de861cec229ac6606b",class:"drawings-layer"},this.drawings.map((t=>this.renderDrawing(t))),this.activeDrawing&&this.renderDrawing(this.activeDrawing)),this.renderHelperLines(),this.renderUsers()),this.renderContextMenu(),this.renderSelectionRect())}renderBackground(){return"dots"===this.background.variant?o("div",{class:"dots-bg",style:{backgroundSize:`${20*this.flowViewport.zoom}px ${20*this.flowViewport.zoom}px`}}):null}renderUsers(){return this.users.map((t=>o("div",{class:"user-cursor",style:{left:`${t.position.x}px`,top:`${t.position.y}px`}},o("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:t.color},o("path",{d:"M5 1v22l6-6h11z"})),o("span",{class:"user-name",style:{backgroundColor:t.color}},t.name))))}renderPendingLine(){return this.pendingConnection?o("path",{d:`M${this.pendingConnection.startX},${this.pendingConnection.startY} L${this.pendingConnection.mouseX},${this.pendingConnection.mouseY}`,class:"edge-path pending"}):null}renderProximityPreview(){if(!this.proximityPreview)return null;const t=this.flowNodes.find((t=>t.id===this.proximityPreview.source)),e=this.flowNodes.find((t=>t.id===this.proximityPreview.target));if(!t||!e)return null;const s=this.getHandlePos(t,this.proximityPreview.sourceHandle,e),i=this.getHandlePos(e,this.proximityPreview.targetHandle,t);return o("path",{d:`M${s.x},${s.y} L${i.x},${i.y}`,class:"edge-path proximity-preview","stroke-dasharray":"5,5",opacity:"0.5"})}handleNodeClick(t,e){const s=this.flowNodes.find((t=>t.id===e));s&&(this.service.selectNode(e,!!(t.shiftKey||t.ctrlKey||t.metaKey)),this.xNodeClick.emit(s))}handleEdgeLabelDblClick(t,e){t.stopPropagation(),this.editingEdgeId=e}handleEdgeLabelChange(t,e){this.service.updateEdge(e,{label:t.target.value})}renderEdgeLabel(t,e,s){return o("foreignObject",{x:e-50,y:s-12,width:100,height:24,class:"edge-label-container"},o("div",{class:"edge-label",onDblClick:e=>this.handleEdgeLabelDblClick(e,t.id)},this.editingEdgeId===t.id?o("input",{value:t.label,onInput:e=>this.handleEdgeLabelChange(e,t.id),onKeyDown:t=>"Enter"===t.key&&(this.editingEdgeId=null),onBlur:()=>this.editingEdgeId=null,autoFocus:!0,style:{width:"100%",background:"white",border:"1px solid #ccc",borderRadius:"4px"}}):t.label||""))}renderEdge(t){const e=this.flowNodes.find((e=>e.id===t.source)),s=this.flowNodes.find((e=>e.id===t.target));if(!e||!s)return null;const i=this.getHandlePos(e,t.sourceHandle,s),n=this.getHandlePos(s,t.targetHandle,e);let r=i.x,a=i.y,h=n.x,d=n.y;const l=this.flowEdges.filter((e=>e.source===t.source&&e.target===t.target)),c=l.findIndex((e=>e.id===t.id)),u=l.length>1?20*(c-(l.length-1)/2):0;if("straight"!==t.type){const t=h-r,e=d-a,s=Math.hypot(t,e)||1,i=-e/s,o=t/s;r+=i*u,a+=o*u,h+=i*u,d+=o*u}let p="";if("straight"===t.type)p=`M${r},${a} L${h},${d}`;else if("step"===t.type||"smoothstep"===t.type){const e="smoothstep"===t.type?8:0,s=[],i=r+(h-r)/2,o=a+(d-a)/2;Math.abs(r-h)>Math.abs(a-d)?(s.push({x:r,y:a}),s.push({x:i,y:a}),s.push({x:i,y:d}),s.push({x:h,y:d})):(s.push({x:r,y:a}),s.push({x:r,y:o}),s.push({x:h,y:o}),s.push({x:h,y:d}));const n=[];n.push(`M${s[0].x},${s[0].y}`);for(let t=1;t<s.length-1;t++){const i=s[t-1],o=s[t],r=s[t+1];if(0===e){n.push(`L${o.x},${o.y}`);continue}const a=o.x-i.x,h=o.y-i.y,d=r.x-o.x,l=r.y-o.y,c=Math.hypot(a,h),u=Math.hypot(d,l),p=Math.min(e,c/2,u/2),g=o.x+d/u*p,f=o.y+l/u*p;n.push(`L${o.x-a/c*p},${o.y-h/c*p}`),n.push(`Q${o.x},${o.y} ${g},${f}`)}const l=s[s.length-1];n.push(`L${l.x},${l.y}`),p=n.join(" ")}else{const t=h-r,e=.5;p=`\n      M${r},${a}\n      C${r+t*e},${a}\n       ${h-t*e},${d}\n       ${h},${d}\n    `}const g=this.selectedNodes.includes(t.id);return o("g",{key:t.id,class:{"edge-group":!0}},o("path",{d:p,stroke:"transparent","stroke-width":"20",fill:"none",style:{cursor:"pointer",pointerEvents:"stroke"},onClick:e=>{e.stopPropagation(),this.service.selectEdge(t.id,e.ctrlKey||e.metaKey),this.xEdgeClick.emit(t)}}),o("path",{d:p,class:{"edge-path":!0,selected:g,animated:t.animated},"marker-end":g?"url(#arrowhead-selected)":"url(#arrowhead)",style:{pointerEvents:"none",stroke:g?"var(--x-primary-color)":t.style?.stroke||"#b1b1b7",strokeDasharray:t.style?.strokeDasharray}}),t.selected&&o("foreignObject",{x:(r+h)/2-30,y:(a+d)/2-50,width:"60",height:"40"},o("div",{class:"edge-toolbar"},o("button",{class:"edge-toolbar-btn",onClick:e=>{e.stopPropagation(),this.service.updateEdge(t.id,{animated:!t.animated})}},"⚡"),o("button",{class:"edge-toolbar-btn",onClick:e=>{e.stopPropagation(),this.service.deleteEdge(t.id)}},"🗑"))),t.label&&this.renderEdgeLabel(t,(r+h)/2,(a+d)/2))}getHandlePos(t,e,s){const i=Math.round(t.position.x),o=Math.round(t.position.y),n=t.width?Math.round(t.width):"diamond"===t.shape?100:150,r=t.height?Math.round(t.height):"diamond"===t.shape?100:48;if("floating"===e&&s)return this.getFloatingHandlePos(t,s);if("auto"===this.edgeRoutingMode&&s){const t={x:i+n/2,y:o+r/2},a={x:s.position.x+(s.width||150)/2,y:s.position.y+(s.height||48)/2},h=a.x-t.x,d=a.y-t.y;e=Math.abs(h)>Math.abs(d)?h>0?"right":"left":d>0?"bottom":"top"}else if(!e&&s){const t={x:i+n/2,y:o+r/2},a={x:s.position.x+(s.width||150)/2,y:s.position.y+(s.height||48)/2},h=a.x-t.x,d=a.y-t.y;e=Math.abs(h)>Math.abs(d)?h>0?"right":"left":d>0?"bottom":"top"}else e||(e="floating");switch(e){case"top":return{x:i+n/2,y:o};case"right":return{x:i+n,y:o+r/2};case"bottom":return{x:i+n/2,y:o+r};case"left":return{x:i,y:o+r/2};default:return{x:i+n/2,y:o+r/2}}}getFloatingHandlePos(t,e){const s=(t.width||150)/2,i=(t.height||48)/2,o=t.position.x+s,n=t.position.y+i,r=e.position.x+(e.width||150)/2-o,a=e.position.y+(e.height||48)/2-n,h=Math.atan2(a,r);if("diamond"===t.shape){const t=s*i/(i*Math.abs(Math.cos(h))+s*Math.abs(Math.sin(h)));return{x:o+t*Math.cos(h),y:n+t*Math.sin(h)}}if("circle"===t.shape){const t=Math.min(s,i);return{x:o+t*Math.cos(h),y:n+t*Math.sin(h)}}return Math.abs(r)*i>Math.abs(a)*s?{x:o+s*Math.sign(r),y:n+a*s/Math.abs(r)}:{x:o+r*i/Math.abs(a),y:n+i*Math.sign(a)}}renderEdgeHandles(){return this.flowEdges.filter((t=>t.selected)).map((t=>{const e=this.flowNodes.find((e=>e.id===t.source)),s=this.flowNodes.find((e=>e.id===t.target));if(!e||!s)return null;const i=this.getHandlePos(e,t.sourceHandle,s),n=this.getHandlePos(s,t.targetHandle,e);return o("g",{class:"edge-controls"},o("circle",{cx:i.x,cy:i.y,r:"4",class:"edge-handle source",onMouseDown:e=>this.startEdgeReconnect(e,t,"source"),onTouchStart:e=>this.startEdgeReconnect(e,t,"source")}),o("circle",{cx:n.x,cy:n.y,r:"4",class:"edge-handle target",onMouseDown:e=>this.startEdgeReconnect(e,t,"target"),onTouchStart:e=>this.startEdgeReconnect(e,t,"target")}))}))}startEdgeReconnect(t,e,s){if(this.pendingConnection)return;t.preventDefault(),t.stopPropagation();const i="source"===s?e.target:e.source,o=this.flowNodes.find((t=>t.id===i));if(!o)return;const n=this.container.getBoundingClientRect(),{x:r,y:a,zoom:h}=this.flowViewport,d=this.getHandlePos(o,"source"===s?e.targetHandle:e.sourceHandle),l="touches"in t?t.touches[0].clientX:t.clientX,c="touches"in t?t.touches[0].clientY:t.clientY;this.service.deleteEdge(e.id),this.pendingConnection={source:i,handle:("source"===s?e.targetHandle:e.sourceHandle)||"floating",startX:d.x,startY:d.y,mouseX:(l-n.left-r)/h,mouseY:(c-n.top-a)/h},this.startConnectionHandler(i,"source"===s?"target":"source")}renderNode(t){const e=this.selectedNodes.includes(t.id),s=this.focusedNodeId===t.id,i=t.shape?`shape-${t.shape}`:"";return o("div",{key:t.id,"data-id":t.id,class:{node:!0,selected:e,dragging:this.draggingNodeId===t.id,collapsed:t.isCollapsed,[t.className]:!!t.className,[i]:!!i,focused:s,turbo:this.turboMode,[`type-${t.type}`]:!0},style:{left:`${Math.round(t.position.x)}px`,top:`${Math.round(t.position.y)}px`,width:t.width?`${t.width}px`:"diamond"===t.shape?"100px":"150px",height:t.height?`${t.height}px`:"diamond"===t.shape?"100px":"48px",transform:`rotate(${t.rotation||0}deg) translateZ(0)`,opacity:this.focusedNodeId&&!s&&t.parentId!==this.focusedNodeId?"0.3":"1",zIndex:e?"1000":(t.zIndex||10).toString(),...t.style||{}},onMouseDown:e=>this.handleNodeDragStart(e,t),onTouchStart:e=>this.handleNodeDragStart(e,t),onClick:e=>this.handleNodeClick(e,t.id),onDblClick:()=>"group"===t.type&&(this.focusedNodeId=this.focusedNodeId===t.id?null:t.id)},this.shouldShowToolbar(t)&&this.renderNodeToolbar(t),"diamond"===t.shape&&o("div",{class:"node-shape-wrapper"},o("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"none",class:"node-shape-svg"},o("path",{d:"M50 0 L100 50 L50 100 L0 50 Z",class:{"shape-path":!0,selected:e}}))),o("div",{class:"node-content"},("group"===t.type||t.isParent)&&o("button",{class:"node-collapse-btn",onClick:e=>{e.stopPropagation(),this.service.toggleNodeCollapse(t.id)}},o("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},o("path",{d:t.isCollapsed?"M12 5v14M5 12h14":"M5 12h14"}))),t.template?o("div",{innerHTML:t.template}):o("slot",{name:`node-${t.type}`},t.data?.label||t.id)),t.handles?t.handles.map((e=>this.renderCustomHandle(t,e))):[o("div",{key:"top",class:"handle top",onMouseDown:e=>this.startConnection(e,t.id,"top")}),o("div",{key:"right",class:"handle right",onMouseDown:e=>this.startConnection(e,t.id,"right")}),o("div",{key:"bottom",class:"handle bottom",onMouseDown:e=>this.startConnection(e,t.id,"bottom")}),o("div",{key:"left",class:"handle left",onMouseDown:e=>this.startConnection(e,t.id,"left")})],e&&t.resizable&&o("div",{class:"node-resizer",onMouseDown:e=>this.startResize(e,t)})," ",e&&!1!==t.rotatable&&o("div",{class:"node-rotator",onMouseDown:e=>this.startRotate(e,t)},o("x-icon",{name:"autorenew",size:12}))," ")}shouldShowToolbar(t){return!!this.nodeToolbarVisible&&("always"===this.nodeToolbarMode||"selected"===this.nodeToolbarMode&&this.selectedNodes.includes(t.id))}renderNodeToolbar(t){return o("div",{class:"node-toolbar"},o("div",{class:"color-picker"},["#ffffff","#fecaca","#bfdbfe","#bbf7d0","#fef08a","#e9d5ff"].map((e=>o("div",{class:"color-swatch",style:{background:e},onClick:()=>this.service.updateNode(t.id,{style:{...t.style,background:e}})})))),o("x-divider",{type:"vertical"}),o("button",{onClick:()=>this.service.deleteNode(t.id)},o("x-icon",{name:"delete",size:14})),o("button",{onClick:()=>this.service.copySelected()},o("x-icon",{name:"content_copy",size:14})))}renderCustomHandle(t,e){return e("div",{class:{handle:!0,[e.position]:!0},style:e.style,onMouseDown:s=>this.startConnection(s,t.id,e.id),onTouchStart:s=>this.startConnection(s,t.id,e.id)})}handleNodeDragStart(t,e){if(e.dragHandle&&!t.target.closest(e.dragHandle))return;t.preventDefault(),t.stopPropagation();const s="touches"in t?t.touches[0].clientX:t.clientX,i="touches"in t?t.touches[0].clientY:t.clientY;this.service.selectNode(e.id,"shiftKey"in t&&t.shiftKey),this.startNodeDrag(s,i,e)}startNodeDrag(t,e,s){const i=s.position.x,o=s.position.y,n=this.flowViewport.zoom;let r=!1;const a=a=>{const h="touches"in a?a.touches[0].clientX:a.clientX,d="touches"in a?a.touches[0].clientY:a.clientY;if(!r){if(!(Math.sqrt(Math.pow(h-t,2)+Math.pow(d-e,2))>5))return;r=!0,this.draggingNodeId=s.id,this.isInteracting=!0}const l=i+(h-t)/n,c=o+(d-e)/n;this.service.updateNodePosition(s.id,l,c,this.snapToGridValue),this.helperLines=this.calculateHelperLines(s.id,l,c),this.checkProximity(s.id,l,c)},h=()=>{this.proximityPreview&&(this.service.onConnect(this.proximityPreview),this.proximityPreview=null),document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",h),this.draggingNodeId=null,this.handleUp()};document.addEventListener("mousemove",a),document.addEventListener("mouseup",h),document.addEventListener("touchmove",a),document.addEventListener("touchend",h)}startResize(t,e){t.stopPropagation();const s="touches"in t?t.touches[0].clientX:t.clientX,i="touches"in t?t.touches[0].clientY:t.clientY,o=e.width||150,n=e.height||48,r=this.flowViewport.zoom,a=t=>{const a=(("touches"in t?t.touches[0].clientX:t.clientX)-s)/r,h=(("touches"in t?t.touches[0].clientY:t.clientY)-i)/r;this.service.setNodes(this.flowNodes.map((t=>t.id===e.id?{...t,width:Math.max(50,o+a),height:Math.max(30,n+h)}:t)))},h=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",h)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",h),document.addEventListener("touchmove",a),document.addEventListener("touchend",h)}startRotate(t,e){t.stopPropagation();const s=this.container.getBoundingClientRect(),{x:i,y:o,zoom:n}=this.flowViewport,r=e.position.x+(e.width||150)/2,a=e.position.y+(e.height||48)/2,h=t=>{const h=Math.atan2((("touches"in t?t.touches[0].clientY:t.clientY)-s.top-o)/n-a,(("touches"in t?t.touches[0].clientX:t.clientX)-s.left-i)/n-r)*(180/Math.PI)+90;this.service.rotateNode(e.id,h)},d=()=>{this.service.saveToHistory(),document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",d),document.removeEventListener("touchmove",h),document.removeEventListener("touchend",d)};document.addEventListener("mousemove",h),document.addEventListener("mouseup",d),document.addEventListener("touchmove",h),document.addEventListener("touchend",d)}applyLassoSelection(){if(!this.selectionRect)return;const{x:t,y:e,width:s,height:i}=this.selectionRect,o=this.flowViewport.zoom,n=this.flowViewport.x,r=this.flowViewport.y,a=(Math.min(t,t+s)-n)/o,h=(Math.min(e,e+i)-r)/o,d=Math.abs(s)/o,l=Math.abs(i)/o;this.flowNodes.forEach((t=>{const e=t.position.x,s=t.position.y;e>=a&&e+(t.width||150)<=a+d&&s>=h&&s+(t.height||48)<=h+l&&this.service.selectNode(t.id,!0)}))}renderSelectionRect(){if(!this.selectionRect)return null;const{x:t,y:e,width:s,height:i}=this.selectionRect;return o("div",{class:"selection-rect",style:{left:`${Math.min(t,t+s)}px`,top:`${Math.min(e,e+i)}px`,width:`${Math.abs(s)}px`,height:`${Math.abs(i)}px`}})}renderContextMenu(){return this.contextMenu?o("div",{class:"context-menu",style:{left:`${this.contextMenu.x}px`,top:`${this.contextMenu.y}px`}},o("div",{class:"menu-item",onClick:()=>this.addNodeAtPos(this.contextMenu.x,this.contextMenu.y)},"Add Node Here"),o("div",{class:"divider"}),this.selectedNodes.length>1&&o("div",{class:"menu-item",onClick:()=>this.service.groupSelected()},"Group Selected"),o("div",{class:"menu-item",onClick:()=>this.service.undo()},"Undo"),o("div",{class:"menu-item",onClick:()=>this.service.redo()},"Redo")):null}addNodeAtPos(t,e){const s=this.container.getBoundingClientRect(),{x:i,y:o,zoom:n}=this.flowViewport;this.service.addNode({id:`node-${Date.now()}`,position:{x:(t-s.left-i)/n,y:(e-s.top-o)/n},data:{label:"New Node"},zIndex:10})}startConnection(t,e,s){if(this.pendingConnection)return;t.preventDefault(),t.stopPropagation();const i="touches"in t?t.touches[0].clientX:t.clientX,o="touches"in t?t.touches[0].clientY:t.clientY,n=this.container.getBoundingClientRect(),{x:r,y:a,zoom:h}=this.flowViewport,d=this.flowNodes.find((t=>t.id===e));if(!d)return;const l=this.getHandlePos(d,s);this.pendingConnection={source:e,handle:s,startX:l.x,startY:l.y,mouseX:(i-n.left-r)/h,mouseY:(o-n.top-a)/h},this.proximityPreview=null,this.startConnectionHandler(e,"source")}startConnectionHandler(t,e="source"){const s=i=>{const o=this.pendingConnection;if(this.pendingConnection=null,this.proximityPreview=null,document.removeEventListener("mouseup",s),document.removeEventListener("touchend",s),!o)return;const n="touches"in i?i.touches[0].clientX:i.clientX,r="touches"in i?i.touches[0].clientY:i.clientY,{x:a,y:h,zoom:d}=this.flowViewport,l=this.container.getBoundingClientRect(),c=(n-l.left-a)/d,u=(r-l.top-h)/d,p=this.flowNodes.find((t=>c>=t.position.x-15&&c<=t.position.x+((t.width||150)+30)&&u>=t.position.y-15&&u<=t.position.y+((t.height||48)+30)));if(p&&p.id!==t){const s=i.composedPath().find((t=>t.classList&&t.classList.contains("handle"))),n=s?Array.from(s.classList).find((t=>["top","right","bottom","left"].includes(t))):"floating",r="source"===e?{source:t,target:p.id,sourceHandle:o.handle,targetHandle:n}:{source:p.id,target:t,sourceHandle:n,targetHandle:o.handle};this.service.isValidConnection(r)&&(this.service.onConnect(r),this.xConnect.emit(r))}else if(!p){const s=`node-${Date.now()}`;this.service.addNode({id:s,position:{x:c-75,y:u-24},data:{label:"New Node"},zIndex:10});const i="source"===e?{source:t,target:s,sourceHandle:o.handle,targetHandle:"floating"}:{source:s,target:t,sourceHandle:"floating",targetHandle:o.handle};this.service.onConnect(i),this.xConnect.emit(i)}};document.addEventListener("mouseup",s),document.addEventListener("touchend",s)}startDrawing(t,e){this.activeDrawing={id:`draw-${Date.now()}`,type:"rectangle"===this.tool?"rectangle":"freehand",position:{x:t,y:e},points:"freehand"===this.tool?[{x:t,y:e}]:[],width:0,height:0,style:{stroke:"#111",strokeWidth:"2",fill:"none"}}}renderDrawing(t){return"rectangle"===t.type?o("rect",{x:Math.min(t.position.x,t.position.x+(t.width||0)),y:Math.min(t.position.y,t.position.y+(t.height||0)),width:Math.abs(t.width||0),height:Math.abs(t.height||0),style:t.style}):o("path",{d:t.points.map(((t,e)=>`${0===e?"M":"L"}${t.x},${t.y}`)).join(" "),style:t.style})}checkProximity(t,e,s){const i=this.flowNodes.find((e=>e.id===t));if(!i)return;const o=e+(i.width||150)/2,n=s+(i.height||48)/2;let r=null,a=50;this.flowNodes.forEach((e=>{if(e.id===t||e.parentId===t)return;const s=Math.sqrt((o-(e.position.x+(e.width||150)/2))**2+(n-(e.position.y+(e.height||48)/2))**2);s<a&&(a=s,r={source:t,target:e.id,sourceHandle:"floating",targetHandle:"floating"})})),this.proximityPreview=r}calculateHelperLines(t,e,s){const i=[];return this.flowNodes.forEach((o=>{o.id!==t&&o.parentId!==t&&(Math.abs(e-o.position.x)<10&&i.push({x:o.position.x}),Math.abs(s-o.position.y)<10&&i.push({y:o.position.y}))})),i}renderHelperLines(){return o("svg",{class:"helper-lines-svg",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",pointerEvents:"none"}},this.helperLines.map((t=>o("line",void 0!==t.x?{x1:t.x,y1:"-10000",x2:t.x,y2:"10000",stroke:"#3b82f6","stroke-dasharray":"2,2"}:{x1:"-10000",y1:t.y,x2:"10000",y2:t.y,stroke:"#3b82f6","stroke-dasharray":"2,2"}))))}static get watchers(){return{nodes:[{handleNodesPropChange:0}],edges:[{handleEdgesPropChange:0}],viewportValue:[{handleViewportChange:0}]}}static get style(){return':host{display:block;width:100%;height:100%;overflow:hidden}.workflow-container{position:relative;width:100%;height:100%;background:#f8f9fa;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;outline:none}.background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.dots-bg{width:100%;height:100%;background-image:radial-gradient(#d1d5db 1px, transparent 1px);background-size:20px 20px}.flow-renderer{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-origin:0 0;transform-origin:0 0;will-change:transform}.nodes-layer,.edges-svg,.drawings-layer{position:absolute;top:0;left:0;width:100%;height:100%}.edges-svg{overflow:visible;pointer-events:none}.node{position:absolute;background:#ffffff;border:1px solid #d1d5db;border-radius:6px;-webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-transform 0.1s ease-out;transition:-webkit-transform 0.1s ease-out;transition:transform 0.1s ease-out;transition:transform 0.1s ease-out, -webkit-transform 0.1s ease-out}.node.dragging{-webkit-transition:none;transition:none;cursor:-webkit-grabbing;cursor:grabbing;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);z-index:100}.node{color:#1f2937;font-family:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:8px 12px;min-width:100px;min-height:40px;z-index:10;-webkit-transform-origin:center center;transform-origin:center center}.node.shape-circle{border-radius:50%}.node.shape-diamond{background:transparent !important;border:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-clip-path:none !important;clip-path:none !important}.node.shape-diamond .node-shape-wrapper{position:absolute;inset:0;z-index:0;pointer-events:none}.node.shape-diamond .node-shape-svg{width:100%;height:100%;overflow:visible}.node.shape-diamond .node-shape-svg .shape-path{fill:#ffffff;stroke:#d1d5db;stroke-width:1.5px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;vector-effect:non-scaling-stroke}.node.shape-diamond .node-shape-svg .shape-path.selected{stroke:#3b82f6;stroke-width:3px;-webkit-filter:drop-shadow(0 0 4px rgba(59, 130, 246, 0.3));filter:drop-shadow(0 0 4px rgba(59, 130, 246, 0.3))}.node.shape-diamond .node-content{position:relative;z-index:1;-webkit-transform:scale(0.7);transform:scale(0.7);pointer-events:auto}.node-content{pointer-events:none;font-size:14px;font-weight:500;text-align:center;width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:8px}.node-content>*{pointer-events:auto}.node.dragging{cursor:-webkit-grabbing;cursor:grabbing;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);z-index:100;-webkit-transition:none;transition:none}.node.selected{border-color:#3b82f6;-webkit-box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px #3b82f6}.handle{position:absolute;width:12px;height:12px;background:white;border:2px solid #3b82f6;border-radius:50%;cursor:crosshair;z-index:20}.handle::after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}.handle:hover{background:#2563eb;border-color:#2563eb}.handle.top{top:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.handle.right{right:-6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.handle.bottom{bottom:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.handle.left{left:-6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.edge-path{fill:none;stroke:#b1b1b7;stroke-width:2px;pointer-events:auto;cursor:pointer;-webkit-transition:stroke 0.2s;transition:stroke 0.2s}.edge-path:hover{stroke-width:3px;stroke:#3b82f6}.edge-path.selected{stroke:#3b82f6;stroke-width:3px}.edge-path.animated{stroke-dasharray:5;-webkit-animation:dash 1s linear infinite;animation:dash 1s linear infinite}.edge-path.turbo{stroke:#ff00ff;stroke-width:3px;-webkit-filter:drop-shadow(0 0 5px rgba(255, 0, 255, 0.8));filter:drop-shadow(0 0 5px rgba(255, 0, 255, 0.8));stroke-dasharray:10;-webkit-animation:turbo-dash 0.5s linear infinite;animation:turbo-dash 0.5s linear infinite}@-webkit-keyframes turbo-dash{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes turbo-dash{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}@-webkit-keyframes dash{from{stroke-dashoffset:10}to{stroke-dashoffset:0}}@keyframes dash{from{stroke-dashoffset:10}to{stroke-dashoffset:0}}.node-toolbar{position:absolute;top:-45px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:white;border:1px solid #ddd;border-radius:6px;padding:4px;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);z-index:100}.node-toolbar .color-picker{display:-ms-flexbox;display:flex;gap:2px;padding:0 4px}.node-toolbar .color-picker .color-swatch{width:16px;height:16px;border-radius:2px;border:1px solid #eee;cursor:pointer;-webkit-transition:-webkit-transform 0.1s;transition:-webkit-transform 0.1s;transition:transform 0.1s;transition:transform 0.1s, -webkit-transform 0.1s}.node-toolbar .color-picker .color-swatch:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.node-toolbar button{background:transparent;border:none;color:#333;cursor:pointer;padding:4px;border-radius:2px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:14px}.toolbar-btn{background:transparent;border:none;color:white;cursor:pointer;padding:4px;border-radius:2px;display:-ms-flexbox;display:flex}.toolbar-btn:hover{background:rgba(255, 255, 255, 0.1)}.edge-toolbar{display:-ms-flexbox;display:flex;background:#333;padding:4px;border-radius:4px;gap:4px}.edge-toolbar-btn{background:transparent;border:none;color:white;cursor:pointer;padding:4px}.node-resizer{position:absolute;right:0;bottom:0;width:10px;height:10px;background:#3b82f6;cursor:nwse-resize;border-radius:2px 0 0 0}.node-rotator{position:absolute;top:-24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:20px;height:20px;background:white;border:1px solid #3b82f6;border-radius:50%;cursor:-webkit-grab;cursor:grab;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.node-rotator::before{content:"";position:absolute;bottom:-15px;left:50%;width:1px;height:15px;background:#3b82f6}.node-collapse-btn{background:transparent;border:none;padding:2px;cursor:pointer;display:-ms-flexbox;display:flex;color:inherit;opacity:0.6}.node-collapse-btn:hover{opacity:1}.context-menu{position:fixed;background:white;border:1px solid #ddd;-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:4px;padding:4px 0;z-index:100000;min-width:150px}.menu-item{padding:8px 16px;cursor:pointer;font-size:13px}.menu-item:hover{background:#f3f4f6}.divider{height:1px;background:#eee;margin:4px 0}.selection-rect{position:absolute;background:rgba(59, 130, 246, 0.1);border:1px solid rgba(59, 130, 246, 0.5);pointer-events:none;z-index:10000}.user-cursor{position:absolute;pointer-events:none;z-index:10000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-webkit-transition:all 0.1s linear;transition:all 0.1s linear}.user-cursor svg{-webkit-filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))}.user-cursor .user-name{margin-top:2px;padding:2px 6px;border-radius:4px;color:white;font-size:10px;font-weight:500;white-space:nowrap;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.edge-handle{fill:white;stroke:#3b82f6;stroke-width:2px;cursor:crosshair;pointer-events:auto}.edge-path.proximity-preview{stroke:#b1b1b7;stroke-width:2px;pointer-events:none}.edge-label{background:white;padding:2px 4px;border-radius:4px;border:1px solid #b1b1b7;font-size:10px;color:#333;text-align:center;white-space:nowrap;pointer-events:none}.workflow-container.theme-dark{background:#141414}.workflow-container.theme-dark .dots-bg{background-image:radial-gradient(#333 1px, transparent 1px)}.workflow-container.theme-dark .node{background:#222;border-color:#333;color:#eee;-webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.5);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.5)}.workflow-container.theme-dark .handle{background:#222}.workflow-container.theme-dark .context-menu{background:#222;border-color:#444;color:#eee}.workflow-container.theme-dark .context-menu .menu-item:hover{background:#333}.workflow-container.theme-dark .context-menu .divider{background:#444}.workflow-container.theme-dark .edge-label{background:#333;color:#eee;border-color:#444}'}},[769,"x-workflow",{nodes:[16],edges:[16],fitView:[4,"fit-view"],interactive:[4],viewportValue:[16],snapToGridValue:[2,"snap-to-grid-value"],background:[16],tool:[1],theme:[1],turboMode:[4,"turbo-mode"],displayMode:[1,"display-mode"],users:[16],nodeToolbarVisible:[4,"node-toolbar-visible"],nodeToolbarMode:[1,"node-toolbar-mode"],edgeRoutingMode:[1,"edge-routing-mode"],flowNodes:[32],flowEdges:[32],flowViewport:[32],pendingConnection:[32],selectedNodes:[32],draggingNodeId:[32],proximityPreview:[32],helperLines:[32],contextMenu:[32],selectionRect:[32],drawings:[32],activeDrawing:[32],editingEdgeId:[32],focusedNodeId:[32],forceLayout:[64]},[[5,"mousemove","handleMove"],[5,"touchmove","handleMove"],[5,"mouseup","handleUp"],[5,"touchend","handleUp"],[8,"keydown","handleKeyDown"]],{nodes:[{handleNodesPropChange:0}],edges:[{handleEdgesPropChange:0}],viewportValue:[{handleViewportChange:0}]}]);function d(){"undefined"!=typeof customElements&&["x-workflow","x-divider","x-icon"].forEach((e=>{switch(e){case"x-workflow":customElements.get(t(e))||customElements.define(t(e),h);break;case"x-divider":customElements.get(t(e))||n();break;case"x-icon":customElements.get(t(e))||r()}}))}d();export{h as X,d}

package/components/p-N4_1eZ9k.js

@@ -0,0 +1 @@
+import{t as r,p as o,H as e,d as a,h as x}from"./p-BLqwG7xa.js";import{g as c}from"./p-RKpMhZmc.js";import{d as i}from"./p-C1_JmoB8.js";const t=o(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.xItemClick=a(this,"xItemClick",7),this.xItemHover=a(this,"xItemHover",7)}get el(){return this}dropdownClasses={};dropdownStyle={};setDropdownRef;activeOptions=[];selectedPath=[];hoveredPath=[];multiple=!1;expandTrigger="click";fieldNames={value:"value",label:"label",children:"children"};notFoundContent="No data";xItemClick;xItemHover;visibleCounts=[];pageSize=50;dropdownEl=null;componentDidLoad(){this.setDropdownRef?.(this.dropdownEl),this.initVisibleCounts()}handleOptionsChange(){this.initVisibleCounts()}initVisibleCounts(){this.visibleCounts=this.activeOptions.map((()=>this.pageSize))}handleMenuScroll=(r,o)=>{const e=r.target;if(e.scrollTop+e.clientHeight>=e.scrollHeight-20&&this.visibleCounts[o]<this.activeOptions[o].length){const r=[...this.visibleCounts];r[o]+=this.pageSize,this.visibleCounts=r}};disconnectedCallback(){this.setDropdownRef?.(null)}setRef=r=>{this.dropdownEl=r,this.setDropdownRef?.(r)};getOptionValue(r){return r[this.fieldNames.value||"value"]}getOptionLabel(r){return r[this.fieldNames.label||"label"]}getOptionChildren(r){return r[this.fieldNames.children||"children"]}isOptionSelected(r,o){return!(o>=this.selectedPath.length)&&this.getOptionValue(this.selectedPath[o])===this.getOptionValue(r)}isOptionActive(r,o){return!(o>=this.hoveredPath.length)&&this.getOptionValue(this.hoveredPath[o])===this.getOptionValue(r)}handleItemClick=(r,o)=>{r.disabled||this.xItemClick.emit({option:r,depth:o})};handleItemHover=(r,o)=>{r.disabled||"hover"!==this.expandTrigger||this.xItemHover.emit({option:r,depth:o})};renderCheckbox(r){return x("span",{class:{"x-cascader-checkbox":!0,"x-cascader-checkbox-checked":r}},x("span",{class:"x-cascader-checkbox-inner"}))}renderLoadingIcon(){return x("span",{class:"x-cascader-menu-item-loading-icon"},x("x-icon",{spin:!0,name:c("loading")}))}renderExpandIcon(){return x("span",{class:"x-cascader-menu-item-expand-icon"},x("x-icon",{name:c("arrowRight")}))}renderMenuItem(r,o){const e=this.getOptionChildren(r),a=e&&e.length>0,c=!1===r.isLeaf&&(!e||0===e.length),i=this.isOptionActive(r,o),t=this.isOptionSelected(r,o);return x("li",{class:{"x-cascader-menu-item":!0,"x-cascader-menu-item-active":i,"x-cascader-menu-item-selected":t,"x-cascader-menu-item-disabled":!!r.disabled,"x-cascader-menu-item-loading":c},onClick:()=>this.handleItemClick(r,o),onMouseEnter:()=>this.handleItemHover(r,o)},this.multiple&&this.renderCheckbox(t),x("span",{class:"x-cascader-menu-item-content"},this.getOptionLabel(r)),c&&this.renderLoadingIcon(),a&&!c&&this.renderExpandIcon())}renderMenu(r,o,e){const a=r.slice(0,this.visibleCounts[o]||this.pageSize);return x("ul",{class:"x-cascader-menu",style:{borderRight:e?"none":void 0},onScroll:r=>this.handleMenuScroll(r,o)},a.map((r=>this.renderMenuItem(r,o))))}renderMenus(){return 0===this.activeOptions.length||0===this.activeOptions[0].length?x("div",{class:"x-cascader-menu-empty"},this.notFoundContent):x("div",{class:"x-cascader-menus"},this.activeOptions.map(((r,o)=>this.renderMenu(r,o,o===this.activeOptions.length-1))))}render(){return x("div",{key:"bfece16203a0bb8611bf8166f0080de44f553bc0",class:this.dropdownClasses,style:this.dropdownStyle,ref:this.setRef,part:"dropdown"},x("div",{key:"e942bb327cf261aabe5f66cc9510cea89a9a76ff",class:"x-cascader-dropdown-content"},this.renderMenus()))}static get watchers(){return{activeOptions:[{handleOptionsChange: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}.x-cascader-dropdown{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:var(--x-dropdown-padding-block, var(--x-padding-xs, 4px)) var(--x-dropdown-padding-inline, 0);color:var(--x-dropdown-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-dropdown-font-size, var(--x-font-size, 14px));line-height:var(--x-dropdown-line-height, var(--x-line-height, 1.5714285714));list-style:none;font-family:var(--x-dropdown-font-family, var(--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"));background:var(--x-dropdown-bg, var(--x-color-bg-elevated, #ffffff));border-radius:var(--x-dropdown-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-dropdown-box-shadow, var(--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)));box-shadow:var(--x-dropdown-box-shadow, var(--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)));outline:none;background:var(--x-cascader-menu-bg, var(--x-dropdown-bg, var(--x-color-bg-elevated, #ffffff)));border-radius:var(--x-cascader-border-radius, var(--x-control-border-radius-sm, var(--x-border-radius-sm, 4px)));-webkit-box-shadow:var(--x-cascader-menu-shadow, var(--x-dropdown-box-shadow, var(--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))));box-shadow:var(--x-cascader-menu-shadow, var(--x-dropdown-box-shadow, var(--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))));padding:0;overflow:hidden}.x-cascader-dropdown-hidden{display:none}.x-cascader-menus{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:start;align-items:flex-start}.x-cascader-menu{display:inline-block;min-width:var(--x-cascader-menu-min-width, 111px);height:var(--x-cascader-menu-height, 180px);margin:0;padding:var(--x-cascader-spacing-xxs, var(--x-dropdown-padding-block, var(--x-padding-xs, 4px))) 0;overflow:auto;vertical-align:top;list-style:none;border-right:var(--x-cascader-border-width, var(--x-control-border-width, var(--x-border-width-base, 1px))) solid var(--x-cascader-menu-border-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-cascader-menu:last-child{border-right:0}.x-cascader-menu-empty{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:150px;min-height:100px;padding:16px;color:rgba(0, 0, 0, 0.25);font-size:var(--x-cascader-font-size, var(--x-control-font-size, var(--x-font-size-base, 14px)))}.x-cascader-menu-item{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:var(--x-dropdown-item-border-radius, var(--x-border-radius-sm, 4px));padding:var(--x-dropdown-item-padding-vertical, var(--x-padding-xxs, 4px)) var(--x-dropdown-item-padding-horizontal, var(--x-padding-sm, 12px));clear:both;margin:0;color:var(--x-dropdown-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-weight:normal;font-size:var(--x-dropdown-font-size, var(--x-font-size, 14px));line-height:var(--x-dropdown-line-height, var(--x-line-height, 1.5714285714));cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s}.x-cascader-menu-item:hover{background-color:var(--x-dropdown-item-bg-hover, var(--x-control-item-bg-hover, rgba(0, 0, 0, 0.04)))}.x-cascader-menu-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.x-cascader-menu-item:hover:not(.x-cascader-menu-item-disabled){background:var(--x-cascader-item-bg-hover, var(--x-dropdown-item-bg-hover, var(--x-control-item-bg-hover, rgba(0, 0, 0, 0.04))))}.x-cascader-menu-item-active{background:var(--x-cascader-item-bg-active, var(--x-dropdown-item-bg-active, var(--x-control-item-bg-active, #e6f4ff)));color:var(--x-cascader-color-primary, var(--x-control-border-color-focus, var(--x-color-primary, #1677ff)));font-weight:var(--x-cascader-font-weight-active, var(--x-dropdown-item-color-selected, var(--x-font-weight-strong, 600)))}.x-cascader-menu-item-disabled{color:var(--x-dropdown-item-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)));cursor:not-allowed}.x-cascader-menu-item-disabled:hover{background-color:transparent}.x-cascader-menu-item-loading{cursor:wait}.x-cascader-menu-item-content{-ms-flex:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.x-cascader-menu-item-expand-icon{margin-left:8px;color:var(--x-cascader-item-expand-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.65)));font-size:10px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.x-cascader-menu-item-loading-icon{margin-left:8px;color:var(--x-cascader-color-primary, var(--x-control-border-color-focus, var(--x-color-primary, #1677ff)));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.x-cascader-checkbox{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-dropdown-checkbox-size, 16px);height:var(--x-dropdown-checkbox-size, 16px);margin-right:8px;border:1px solid var(--x-dropdown-checkbox-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-dropdown-checkbox-border-radius, var(--x-border-radius-sm, 4px));background:#fff;-webkit-transition:all 0.2s;transition:all 0.2s;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;position:relative}.x-cascader-checkbox-inner{display:block;width:100%;height:100%;position:relative}.x-cascader-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:5.7142857143px;height:9.1428571429px;border:2px solid #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;-webkit-transition:all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;transition:all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;-webkit-box-sizing:border-box;box-sizing:border-box}.x-cascader-checkbox-checked{background-color:var(--x-dropdown-checkbox-color, var(--x-color-primary, #1677ff));border-color:var(--x-dropdown-checkbox-color, var(--x-color-primary, #1677ff))}.x-cascader-checkbox-checked .x-dropdown-checkbox-inner::after{-webkit-transform:translate(-50%, -50%) rotate(45deg) scale(1);transform:translate(-50%, -50%) rotate(45deg) scale(1);opacity:1;position:absolute;top:45%;left:25%}.x-cascader-checkbox-indeterminate{background-color:#fff;border-color:#d9d9d9}.x-cascader-checkbox-indeterminate .x-dropdown-checkbox-inner::after{display:none}.x-cascader-checkbox-indeterminate::after{content:"";width:8px;height:8px;background-color:var(--x-dropdown-checkbox-color, var(--x-color-primary, #1677ff));border-radius:2px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.x-cascader-checkbox-disabled{cursor:not-allowed;background-color:rgba(0, 0, 0, 0.04);border-color:#d9d9d9}.x-cascader-checkbox-disabled.x-dropdown-checkbox-checked{background-color:rgba(0, 0, 0, 0.04);border-color:#d9d9d9}.x-cascader-checkbox-disabled.x-dropdown-checkbox-checked .x-dropdown-checkbox-inner::after{border-color:rgba(0, 0, 0, 0.25)}.x-cascader-checkbox{width:var(--x-cascader-checkbox-size, var(--x-dropdown-checkbox-size, 16px));height:var(--x-cascader-checkbox-size, var(--x-dropdown-checkbox-size, 16px));border-radius:var(--x-cascader-checkbox-border-radius, var(--x-dropdown-checkbox-border-radius, var(--x-border-radius-sm, 4px)))}.x-cascader-checkbox-checked{background:var(--x-cascader-checkbox-color, var(--x-dropdown-checkbox-color, var(--x-color-primary, #1677ff)));border-color:var(--x-cascader-checkbox-color, var(--x-dropdown-checkbox-color, var(--x-color-primary, #1677ff)))}'}},[512,"x-cascader-dropdown-content",{dropdownClasses:[16],dropdownStyle:[16],setDropdownRef:[16],activeOptions:[16],selectedPath:[16],hoveredPath:[16],multiple:[4],expandTrigger:[1,"expand-trigger"],fieldNames:[16],notFoundContent:[1,"not-found-content"],pageSize:[2,"page-size"],visibleCounts:[32]},void 0,{activeOptions:[{handleOptionsChange:0}]}]);function n(){"undefined"!=typeof customElements&&["x-cascader-dropdown-content","x-icon"].forEach((o=>{switch(o){case"x-cascader-dropdown-content":customElements.get(r(o))||customElements.define(r(o),t);break;case"x-icon":customElements.get(r(o))||i()}}))}n();export{t as X,n as d}

package/components/p-PNU1f8B9.js

@@ -0,0 +1 @@
+import{t as r,p as o,H as e,d as i,h as t,c as a}from"./p-BLqwG7xa.js";import{P as x}from"./p-DM8AggMt.js";import{g as n}from"./p-RKpMhZmc.js";import{t as c}from"./p-DFADJBLL.js";import{d as s}from"./p-CmfyRJYt.js";import{d as l}from"./p-C1_JmoB8.js";import{d as p}from"./p-BnnNgLpE.js";const d=o(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.xChange=i(this,"xChange",7),this.xOpenChange=i(this,"xOpenChange",7),this.xBlur=i(this,"xBlur",7),this.xFocus=i(this,"xFocus",7)}get el(){return this}disabled=!1;value="";defaultValue;placeholder=c("TimePicker.placeholder",{},"Select time");size="middle";format="HH:mm:ss";bordered=!0;status;placement="bottomLeft";allowClear=!0;open=!1;use12Hours=!1;hourStep=1;minuteStep=1;secondStep=1;showSecond=!0;showNow=!0;inputId;name;autofocus=!1;inputReadOnly=!1;disabledTime;focused=!1;hovering=!1;selectedHour=0;selectedMinute=0;selectedSecond=0;selectedPeriod="AM";inputValue="";xChange;xOpenChange;xBlur;xFocus;inputRef;wrapperRef;portalInstance=null;componentWillLoad(){this.value?(this.parseValue(this.value),this.inputValue=this.formatTime()):this.defaultValue&&(this.value=this.defaultValue,this.parseValue(this.defaultValue),this.inputValue=this.formatTime())}componentDidLoad(){this.autofocus&&!this.disabled&&this.setFocus()}disconnectedCallback(){this.destroyPortal()}valueChanged(r){r?(this.parseValue(r),this.inputValue=this.formatTime()):this.inputValue=""}openChanged(r){this.xOpenChange.emit(r),r?(this.createOrUpdatePortal(),requestAnimationFrame((()=>{this.scrollToSelected()}))):this.destroyPortal()}handleWindowClick(r){if(!this.open)return;const o=r.composedPath(),e=o.includes(this.el),i=this.portalInstance?.getElement(),t=!!i&&o.includes(i);e||t||this.closeDropdown()}handleKeydown(r){if(!this.disabled)switch(r.key){case"Escape":r.preventDefault(),this.closeDropdown();break;case"Enter":r.preventDefault(),this.open?this.confirmSelection():this.openDropdown();break;case"Tab":this.open&&this.closeDropdown()}}async setFocus(){this.inputRef?.focus(),this.focused=!0}async setBlur(){this.inputRef?.blur(),this.focused=!1}parseValue(r){if(!r)return;const o=r.split(":");if(o.length>=2){let r=parseInt(o[0],10);const e=parseInt(o[1],10),i=o[2]?parseInt(o[2],10):0;this.use12Hours&&(r>=12?(this.selectedPeriod="PM",r>12&&(r-=12)):(this.selectedPeriod="AM",0===r&&(r=12))),this.selectedHour=r,this.selectedMinute=e,this.selectedSecond=i}}formatTime(){let r=this.selectedHour;this.use12Hours&&("PM"===this.selectedPeriod&&12!==r?r+=12:"AM"===this.selectedPeriod&&12===r&&(r=0));const o=String(r).padStart(2,"0"),e=String(this.selectedMinute).padStart(2,"0"),i=String(this.selectedSecond).padStart(2,"0");let t=this.format.replace("HH",o).replace("mm",e).replace("ss",i);return this.use12Hours&&(t=t.replace("A",this.selectedPeriod)),t}getValueString(){let r=this.selectedHour;return this.use12Hours&&("PM"===this.selectedPeriod&&12!==r?r+=12:"AM"===this.selectedPeriod&&12===r&&(r=0)),`${String(r).padStart(2,"0")}:${String(this.selectedMinute).padStart(2,"0")}:${String(this.selectedSecond).padStart(2,"0")}`}openDropdown(){this.disabled||this.open||(this.open=!0)}closeDropdown(){this.open&&(this.open=!1)}getWrapperEl(){return this.wrapperRef||void 0}createOrUpdatePortal(){if(!this.open)return;const r=this.getWrapperEl();if(!r)return;const o=this.buildDropdownElement();this.portalInstance?this.portalInstance.update({open:!0,target:r,placement:this.placement,zIndex:1050,content:o}):this.portalInstance=x.create({open:!0,target:r,placement:this.placement,zIndex:1050,content:o})}updatePortal(){if(!this.open||!this.portalInstance)return;const r=this.getWrapperEl();if(!r)return;const o=this.buildDropdownElement();this.portalInstance.update({open:!0,target:r,placement:this.placement,zIndex:1050,content:o})}destroyPortal(){this.portalInstance&&(this.portalInstance.destroy(),this.portalInstance=null)}buildDropdownElement(){const r=document.createElement("x-time-picker-dropdown-content");return r.dropdownClasses={"x-time-picker-dropdown":!0,"x-time-picker-dropdown-hidden":!this.open,[`x-time-picker-dropdown-placement-${this.placement}`]:!0},r.dropdownStyle={},r.selectedHour=this.selectedHour,r.selectedMinute=this.selectedMinute,r.selectedSecond=this.selectedSecond,r.use12Hours=this.use12Hours,r.showSecond=this.showSecond,r.showNow=this.showNow,r.hourStep=this.hourStep,r.minuteStep=this.minuteStep,r.secondStep=this.secondStep,r.selectedPeriod=this.selectedPeriod||"AM",this.disabledTime&&(r.disabledHours=this.disabledTime.disabledHours,r.disabledMinutes=this.disabledTime.disabledMinutes,r.disabledSeconds=this.disabledTime.disabledSeconds),r.addEventListener("xTimeChange",(r=>{const{hour:o,minute:e,second:i,period:t}=r.detail;this.selectedHour=o,this.selectedMinute=e,this.selectedSecond=i,t&&(this.selectedPeriod=t),this.updatePortal()})),r.addEventListener("xNowClick",(()=>{this.handleNowClick()})),r.addEventListener("xOkClick",(()=>{this.confirmSelection()})),r}scrollToSelected(){}confirmSelection(){const r=this.getValueString();this.value=r,this.inputValue=this.formatTime(),this.xChange.emit({value:r,timeString:this.inputValue,hour:this.selectedHour,minute:this.selectedMinute,second:this.selectedSecond}),this.closeDropdown()}handleNowClick(){const r=new Date;let o=r.getHours();this.use12Hours&&(o>=12?(this.selectedPeriod="PM",o>12&&(o-=12)):(this.selectedPeriod="AM",0===o&&(o=12))),this.selectedHour=o,this.selectedMinute=r.getMinutes(),this.selectedSecond=r.getSeconds(),this.confirmSelection()}handleClear(r){r.preventDefault(),r.stopPropagation(),this.value="",this.inputValue="",this.selectedHour=0,this.selectedMinute=0,this.selectedSecond=0,this.xChange.emit({value:null,timeString:"",hour:0,minute:0,second:0})}handleInputFocus=r=>{this.focused=!0,this.openDropdown(),this.xFocus.emit(r)};handleInputBlur=r=>{setTimeout((()=>{this.focused=!1,this.xBlur.emit(r)}),100)};handleMouseEnter=()=>{this.hovering=!0};handleMouseLeave=()=>{this.hovering=!1};renderClockIcon(){return t("x-icon",{name:n("time")})}renderClearIcon(){return t("x-icon",{name:n("clear")})}render(){const r=this.allowClear&&this.value&&!this.disabled&&this.hovering;return t(a,{key:"81eb647ce69e742751675837e2b50e699776b848",class:{"x-time-picker":!0,"x-time-picker-focused":this.focused,"x-time-picker-disabled":this.disabled,"x-time-picker-borderless":!this.bordered,"x-time-picker-open":this.open,[`x-time-picker-${this.size}`]:!0,[`x-time-picker-status-${this.status}`]:!!this.status}},t("div",{key:"c3889902b2e9be9e0a673ee9c00bb15304d4ec4b",ref:r=>this.wrapperRef=r,class:{"x-time-picker-wrapper":!0,disabled:this.disabled},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},t("div",{key:"91d43e895b98f44aabd84300678ccb620315a62f",class:"x-time-picker-input",onClick:()=>this.openDropdown()},t("input",{key:"e55122bcc6f917b744615acbd5c3ea528a2bdb17",ref:r=>this.inputRef=r,id:this.inputId,name:this.name,type:"text",value:this.inputValue,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.inputReadOnly||!0,autoComplete:"off",onFocus:this.handleInputFocus,onBlur:this.handleInputBlur})),t("span",{key:"796c0d3878829f10a546d2dfca0deeff066a7031",class:"x-time-picker-suffix"},r?t("span",{class:"x-time-picker-clear",onClick:r=>this.handleClear(r)},this.renderClearIcon()):t("span",{class:"x-time-picker-icon"},this.renderClockIcon()))))}static get watchers(){return{value:[{valueChanged:0}],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;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;font-size:var(--x-time-picker-font-size, var(--x-font-size-base, 14px));line-height:var(--x-time-picker-line-height, var(--x-line-height-base, 1.5714));color:var(--x-time-picker-color, var(--x-control-color, var(--x-color-text, rgba(0, 0, 0, 0.88))))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.x-time-picker-input{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;min-width:0;padding:0 var(--x-control-padding-horizontal, var(--x-spacing-md, 12px));min-height:var(--x-control-height, var(--x-size-control-height, 32px));background-color:var(--x-control-bg, var(--x-color-bg-container, #ffffff));border:var(--x-control-border-width, var(--x-border-width-base, 1px)) solid var(--x-control-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-control-border-radius, var(--x-border-radius-base, 6px));-webkit-transition:all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-box-sizing:border-box;box-sizing:border-box}.x-time-picker-input:hover:not(.disabled):not([disabled]):not([class*=-disabled]){border-color:var(--x-control-border-color-hover, var(--x-color-primary-hover, #4096ff))}.x-time-picker-input{padding-right:calc(var(--x-time-picker-padding-horizontal, var(--x-control-padding-horizontal, var(--x-spacing-md, 12px))) + 24px);cursor:pointer}.x-time-picker-input input{-ms-flex:1;flex:1;width:100%;min-width:0;padding:0;margin:0;background:transparent;border:none;outline:none;color:var(--x-control-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:inherit;font-family:inherit;line-height:calc(var(--x-control-height, var(--x-size-control-height, 32px)) - 2px);cursor:inherit}.x-time-picker-input input::-webkit-input-placeholder{color:var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25)))}.x-time-picker-input input::-moz-placeholder{color:var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25)))}.x-time-picker-input input:-ms-input-placeholder{color:var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25)))}.x-time-picker-input input::-ms-input-placeholder{color:var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25)))}.x-time-picker-input input::placeholder{color:var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25)))}.x-time-picker-input input:disabled{cursor:not-allowed;color:var(--x-control-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)))}.x-time-picker-input input{width:100%;padding:0;line-height:inherit;cursor:pointer}.x-time-picker-input input::-webkit-input-placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-time-picker-input input::-moz-placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-time-picker-input input:-ms-input-placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-time-picker-input input::-ms-input-placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-time-picker-input input::placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-time-picker-suffix{position:absolute;right:var(--x-time-picker-padding-horizontal, var(--x-control-padding-horizontal, var(--x-spacing-md, 12px)));top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--x-time-picker-suffix-color, var(--x-color-text-quaternary, rgba(0, 0, 0, 0.25)));pointer-events:none}.x-time-picker-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--x-time-picker-suffix-color, var(--x-color-text-quaternary, rgba(0, 0, 0, 0.25)));-webkit-transition:color var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:color var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s))}.x-time-picker-icon svg{display:block}.x-time-picker-clear{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--x-color-text-quaternary, rgba(0, 0, 0, 0.25));cursor:pointer;pointer-events:auto;-webkit-transition:color var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:color var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s))}.x-time-picker-clear:hover{color:var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45))}.x-time-picker-clear svg{display:block}:host(.x-time-picker-focused) .x-time-picker-input{border-color:var(--x-time-picker-border-color-focus, var(--x-control-border-color-focus, var(--x-color-primary, #1677ff))) !important;-webkit-box-shadow:var(--x-time-picker-focus-shadow, 2px var(--x-control-focus-shadow-color, var(--x-color-primary-bg, rgba(22, 119, 255, 0.1))));box-shadow:var(--x-time-picker-focus-shadow, 2px var(--x-control-focus-shadow-color, var(--x-color-primary-bg, rgba(22, 119, 255, 0.1))));z-index:1}:host(.x-time-picker-disabled) .x-time-picker-input.disabled,:host(.x-time-picker-disabled) .x-time-picker-input[disabled],:host(.x-time-picker-disabled) .x-time-picker-input[class*=-disabled]{background-color:var(--x-control-bg-disabled, var(--x-color-bg-container-disabled, rgba(0, 0, 0, 0.04)));border-color:var(--x-control-border-color-disabled, var(--x-color-border, #d9d9d9));color:var(--x-control-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)));cursor:not-allowed}:host(.x-time-picker-disabled) .x-time-picker-input.disabled:hover,:host(.x-time-picker-disabled) .x-time-picker-input[disabled]:hover,:host(.x-time-picker-disabled) .x-time-picker-input[class*=-disabled]:hover{border-color:var(--x-control-border-color-disabled, var(--x-color-border, #d9d9d9)) !important}:host(.x-time-picker-disabled) .x-time-picker-input:hover{border-color:var(--x-time-picker-border-color-disabled, var(--x-control-border-color-disabled, var(--x-color-border, #d9d9d9)))}:host(.x-time-picker-disabled) input{cursor:not-allowed;color:var(--x-time-picker-color-disabled, var(--x-control-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25))))}:host(.x-time-picker-borderless) .x-time-picker-input{background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}:host(.x-time-picker-borderless) .x-time-picker-input:hover{border-color:transparent}:host(.x-time-picker-borderless) .x-time-picker-input.focused,:host(.x-time-picker-borderless) .x-time-picker-input:focus-within{border-color:transparent;-webkit-box-shadow:none;box-shadow:none}:host(.x-time-picker-status-error) .x-time-picker-input{border-color:var(--x-control-border-color-error, var(--x-color-error, #ff4d4f))}:host(.x-time-picker-status-error) .x-time-picker-input:hover:not(.disabled):not([disabled]){border-color:var(--x-control-border-color-error-hover, var(--x-color-error-hover, #ff7875))}:host(.x-time-picker-status-error) .x-time-picker-input.focused,:host(.x-time-picker-status-error) .x-time-picker-input:focus-within{border-color:var(--x-control-border-color-error, var(--x-color-error, #ff4d4f));-webkit-box-shadow:0 0 0 3px var(--x-control-focus-shadow-error-color, var(--x-color-error-bg, rgba(255, 38, 5, 0.06)));box-shadow:0 0 0 3px var(--x-control-focus-shadow-error-color, var(--x-color-error-bg, rgba(255, 38, 5, 0.06)))}:host(.x-time-picker-status-error).x-time-picker-focused .x-time-picker-input{-webkit-box-shadow:0 0 0 2px var(--x-color-error-bg, rgba(255, 38, 5, 0.06));box-shadow:0 0 0 2px var(--x-color-error-bg, rgba(255, 38, 5, 0.06))}:host(.x-time-picker-status-warning) .x-time-picker-input{border-color:var(--x-control-border-color-warning, var(--x-color-warning, #faad14))}:host(.x-time-picker-status-warning) .x-time-picker-input:hover:not(.disabled):not([disabled]){border-color:var(--x-control-border-color-warning-hover, var(--x-color-warning-hover, #ffc53d))}:host(.x-time-picker-status-warning) .x-time-picker-input.focused,:host(.x-time-picker-status-warning) .x-time-picker-input:focus-within{border-color:var(--x-control-border-color-warning, var(--x-color-warning, #faad14));-webkit-box-shadow:0 0 0 3px var(--x-control-focus-shadow-warning-color, var(--x-color-warning-bg, rgba(255, 215, 5, 0.1)));box-shadow:0 0 0 3px var(--x-control-focus-shadow-warning-color, var(--x-color-warning-bg, rgba(255, 215, 5, 0.1)))}:host(.x-time-picker-status-warning).x-time-picker-focused .x-time-picker-input{-webkit-box-shadow:0 0 0 2px var(--x-color-warning-bg, rgba(250, 173, 20, 0.1));box-shadow:0 0 0 2px var(--x-color-warning-bg, rgba(250, 173, 20, 0.1))}:host(.x-time-picker-small) .x-time-picker-input{min-height:var(--x-control-height-sm, var(--x-size-control-height-sm, 24px));padding:0 var(--x-control-padding-horizontal-sm, var(--x-spacing-sm, 8px));font-size:var(--x-control-font-size-sm, var(--x-font-size-sm, 12px))}:host(.x-time-picker-small) .x-time-picker-input input,:host(.x-time-picker-small) .x-time-picker-input textarea{line-height:calc(var(--x-control-height-sm, var(--x-size-control-height-sm, 24px)) - 2px)}:host(.x-time-picker-small) .x-time-picker-input{height:var(--x-control-height-sm, 24px);padding-right:calc(var(--x-control-padding-horizontal-sm, 8px) + 20px);font-size:var(--x-font-size-sm, 12px)}:host(.x-time-picker-large) .x-time-picker-input{min-height:var(--x-control-height-lg, var(--x-size-control-height-lg, 40px));padding:0 var(--x-control-padding-horizontal, var(--x-spacing-md, 12px));font-size:var(--x-control-font-size-lg, var(--x-font-size-lg, 16px))}:host(.x-time-picker-large) .x-time-picker-input input,:host(.x-time-picker-large) .x-time-picker-input textarea{line-height:calc(var(--x-control-height-lg, var(--x-size-control-height-lg, 40px)) - 2px)}:host(.x-time-picker-large) .x-time-picker-input{height:var(--x-control-height-lg, 40px);padding-right:calc(var(--x-control-padding-horizontal, 12px) + 28px);font-size:var(--x-font-size-lg, 16px)}.x-time-picker-dropdown{position:relative;z-index:var(--x-time-picker-panel-z-index, var(--x-z-index-dropdown, 1050));background:var(--x-time-picker-panel-bg, var(--x-color-bg-elevated, #ffffff));border-radius:var(--x-time-picker-border-radius, var(--x-control-border-radius-sm, var(--x-border-radius-sm, 4px)));-webkit-box-shadow:var(--x-time-picker-panel-shadow, var(--x-shadow-lg, 0 6px 16px rgba(0, 0, 0, 0.08)));box-shadow:var(--x-time-picker-panel-shadow, var(--x-shadow-lg, 0 6px 16px rgba(0, 0, 0, 0.08)));overflow:hidden}.x-time-picker-dropdown-placement-bottom,.x-time-picker-dropdown-placement-bottomLeft,.x-time-picker-dropdown-placement-bottomRight{-webkit-transform-origin:top center;transform-origin:top center}.x-time-picker-dropdown-placement-top,.x-time-picker-dropdown-placement-topLeft,.x-time-picker-dropdown-placement-topRight{-webkit-transform-origin:bottom center;transform-origin:bottom center}.x-time-picker-panel-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.x-time-picker-panel{display:-ms-flexbox;display:flex}.x-time-picker-panel-content{display:-ms-flexbox;display:flex;height:var(--x-time-picker-panel-height, 192px)}.x-time-picker-column{-ms-flex:none;flex:none;width:var(--x-time-picker-column-width, 56px);height:100%;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--x-time-picker-column-border-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));scrollbar-width:thin}.x-time-picker-column:last-child{border-right:none}.x-time-picker-column::-webkit-scrollbar{width:4px}.x-time-picker-column::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.1);border-radius:2px}.x-time-picker-column-period{width:48px}.x-time-picker-column-list{list-style:none;margin:0;padding:4px 0}.x-time-picker-cell{height:28px;line-height:28px;margin:0;padding:0 12px;text-align:center;cursor:pointer;-webkit-transition:background var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:background var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s))}.x-time-picker-cell:hover:not(.x-time-picker-cell-disabled){background:var(--x-time-picker-option-bg-hover, var(--x-color-bg-layout, #f5f5f5))}.x-time-picker-cell-selected{font-weight:var(--x-time-picker-font-weight-selected, var(--x-font-weight-semibold, 600));background:var(--x-time-picker-option-bg-selected, var(--x-color-bg-layout, #f5f5f5))}.x-time-picker-cell-disabled{color:var(--x-time-picker-color-disabled, var(--x-control-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25))));cursor:not-allowed}.x-time-picker-cell-disabled:hover{background:transparent}.x-time-picker-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--x-time-picker-column-border-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-time-picker-now-btn{color:var(--x-color-primary, #1677ff);font-size:var(--x-time-picker-font-size, var(--x-font-size-base, 14px));cursor:pointer;-webkit-transition:color var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:color var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s));text-decoration:none}.x-time-picker-now-btn:hover{color:var(--x-color-primary-hover, #4096ff)}.x-time-picker-ok-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:24px;padding:0 8px;font-size:var(--x-font-size-sm, 12px);font-weight:400;color:#fff;background:var(--x-color-primary, #1677ff);border:none;border-radius:var(--x-border-radius-xs, 4px);cursor:pointer;-webkit-transition:all var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:all var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s))}.x-time-picker-ok-btn:hover{background:var(--x-color-primary-hover, #4096ff)}.x-time-picker-ok-btn:active{background:var(--x-color-primary-active, #0958d9)}"}},[513,"x-time-picker",{disabled:[4],value:[1025],defaultValue:[1,"default-value"],placeholder:[1],size:[1],format:[1],bordered:[4],status:[1],placement:[1],allowClear:[4,"allow-clear"],open:[1028],use12Hours:[4,"use-1-2-hours"],hourStep:[2,"hour-step"],minuteStep:[2,"minute-step"],secondStep:[2,"second-step"],showSecond:[4,"show-second"],showNow:[4,"show-now"],inputId:[1,"input-id"],name:[1],autofocus:[4],inputReadOnly:[4,"input-read-only"],disabledTime:[16],focused:[32],hovering:[32],selectedHour:[32],selectedMinute:[32],selectedSecond:[32],selectedPeriod:[32],inputValue:[32],setFocus:[64],setBlur:[64]},[[8,"click","handleWindowClick"],[0,"keydown","handleKeydown"]],{value:[{valueChanged:0}],open:[{openChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["x-time-picker","x-button","x-icon","x-time-picker-dropdown-content"].forEach((o=>{switch(o){case"x-time-picker":customElements.get(r(o))||customElements.define(r(o),d);break;case"x-button":customElements.get(r(o))||s();break;case"x-icon":customElements.get(r(o))||l();break;case"x-time-picker-dropdown-content":customElements.get(r(o))||p()}}))}h();export{d as X,h as d}

package/components/p-SFcKtdEL.js

@@ -0,0 +1 @@
+import{t as r,p as e,H as t,d as o,h as a,c as i}from"./p-BLqwG7xa.js";import{t as s}from"./p-DFADJBLL.js";import{g as n}from"./p-RKpMhZmc.js";import{d as x}from"./p-CIOnWzKr.js";import{d as l}from"./p-C1_JmoB8.js";const c=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.xChange=o(this,"xChange",7),this.xSelectChange=o(this,"xSelectChange",7),this.xSearch=o(this,"xSearch",7),this.xScroll=o(this,"xScroll",7)}get el(){return this}dataSource=[];targetKeys=[];selectedKeys=[];titles=[s("Transfer.title.source",{},"Source"),s("Transfer.title.target",{},"Target")];operations=["",""];disabled=!1;showSearch=!1;searchPlaceholder=s("Transfer.searchPlaceholder",{},"Search here");notFoundContent=s("Transfer.notFoundContent",{},"No data");oneWay=!1;showSelectAll=!0;listWidth="180px";listHeight="300px";pagination=!1;pageSize=10;sourceSearchValue="";targetSearchValue="";sourceCurrentPage=1;targetCurrentPage=1;xChange;xSelectChange;xSearch;xScroll;watchTargetKeys(){this.sourceCurrentPage=1,this.targetCurrentPage=1}getSourceItems(){return this.dataSource.filter((r=>!this.targetKeys.includes(r.key)))}getTargetItems(){return this.dataSource.filter((r=>this.targetKeys.includes(r.key)))}getFilteredItems(r,e){if(!e)return r;const t=e.toLowerCase();return r.filter((r=>r.title.toLowerCase().includes(t)||r.description&&r.description.toLowerCase().includes(t)))}getPagedItems(r,e){if(!this.pagination)return r;const t=(e-1)*this.pageSize;return r.slice(t,t+this.pageSize)}getSelectedKeysForDirection(r){const e=("left"===r?this.getSourceItems():this.getTargetItems()).map((r=>r.key));return this.selectedKeys.filter((r=>e.includes(r)))}isAllSelected(r){const e="left"===r?this.getSourceItems():this.getTargetItems(),t=this.getFilteredItems(e,"left"===r?this.sourceSearchValue:this.targetSearchValue).filter((r=>!r.disabled));return 0!==t.length&&t.every((r=>this.selectedKeys.includes(r.key)))}isIndeterminate(r){const e="left"===r?this.getSourceItems():this.getTargetItems(),t=this.getFilteredItems(e,"left"===r?this.sourceSearchValue:this.targetSearchValue).filter((r=>!r.disabled)),o=t.filter((r=>this.selectedKeys.includes(r.key))).length;return o>0&&o<t.length}handleSelectAll(r){if(this.disabled)return;const e="left"===r?this.getSourceItems():this.getTargetItems(),t=this.getFilteredItems(e,"left"===r?this.sourceSearchValue:this.targetSearchValue).filter((r=>!r.disabled)).map((r=>r.key)),o=this.isAllSelected(r);let a=[...this.selectedKeys];o?a=a.filter((r=>!t.includes(r))):t.forEach((r=>{a.includes(r)||a.push(r)})),this.selectedKeys=a,this.emitSelectChange()}handleSelect(r,e){if(this.disabled||e.disabled)return;let t=[...this.selectedKeys];t.includes(r)?t=t.filter((e=>e!==r)):t.push(r),this.selectedKeys=t,this.emitSelectChange()}emitSelectChange(){const r=this.getSelectedKeysForDirection("left"),e=this.getSelectedKeysForDirection("right");this.xSelectChange.emit({sourceSelectedKeys:r,targetSelectedKeys:e})}moveTo(r){if(this.disabled)return;const e=this.getSelectedKeysForDirection("left"),t=this.getSelectedKeysForDirection("right");let o=[],a=[...this.targetKeys];"right"===r?(o=e,a=[...a,...o]):(o=t,a=a.filter((r=>!o.includes(r)))),this.selectedKeys=this.selectedKeys.filter((r=>!o.includes(r))),this.targetKeys=a,this.xChange.emit({value:a,targetKeys:a,direction:r,moveKeys:o}),this.emitSelectChange()}handleSearch(r,e){"left"===r?(this.sourceSearchValue=e,this.sourceCurrentPage=1):(this.targetSearchValue=e,this.targetCurrentPage=1),this.xSearch.emit({direction:r,value:e})}handleClearSearch(r){this.handleSearch(r,"")}handlePageChange(r,e){"left"===r?this.sourceCurrentPage=e:this.targetCurrentPage=e}handleScroll(r,e){this.xScroll.emit({direction:r})}renderSearch(r){if(!this.showSearch)return null;const e="left"===r?this.sourceSearchValue:this.targetSearchValue;return a("div",{class:"x-transfer-list-body-search-wrapper"},a("input",{type:"text",class:"x-transfer-list-search",placeholder:this.searchPlaceholder,value:e,disabled:this.disabled,onInput:e=>this.handleSearch(r,e.target.value)}),e&&a("span",{class:"x-transfer-list-search-clear",onClick:()=>this.handleClearSearch(r)},a("x-icon",{name:n("clear")})))}renderPagination(r,e){if(!this.pagination||e<=this.pageSize)return null;const t="left"===r?this.sourceCurrentPage:this.targetCurrentPage,o=Math.ceil(e/this.pageSize);return a("div",{class:"x-transfer-list-pagination"},a("button",{class:"x-transfer-list-pagination-btn",disabled:t<=1,onClick:()=>this.handlePageChange(r,t-1)},a("x-icon",{name:n("arrowLeft")})),a("span",{class:"x-transfer-list-pagination-info"},t," / ",o),a("button",{class:"x-transfer-list-pagination-btn",disabled:t>=o,onClick:()=>this.handlePageChange(r,t+1)},a("x-icon",{name:n("arrowRight")})))}renderList(r){const e="left"===r,t=e?this.titles[0]:this.titles[1],o=e?this.getSourceItems():this.getTargetItems(),i=e?this.sourceCurrentPage:this.targetCurrentPage,s=this.getFilteredItems(o,e?this.sourceSearchValue:this.targetSearchValue),x=this.getPagedItems(s,i),l=this.getSelectedKeysForDirection(r),c=s.filter((r=>!r.disabled)).filter((r=>l.includes(r.key))).length,f=this.isAllSelected(r),d=this.isIndeterminate(r);return a("div",{class:"x-transfer-list",style:{width:this.listWidth,height:this.listHeight}},a("div",{class:"x-transfer-list-header"},this.showSelectAll&&a("span",{class:{"x-transfer-list-header-checkbox":!0,"x-transfer-list-header-checkbox-checked":f,"x-transfer-list-header-checkbox-indeterminate":d},onClick:()=>this.handleSelectAll(r)},a("span",{class:"x-transfer-checkbox-inner"})),a("span",{class:"x-transfer-list-header-title"},c>0&&a("span",{class:"x-transfer-list-header-selected"},c,"/"),s.length," ",t)),this.renderSearch(r),a("ul",{class:"x-transfer-list-content",onScroll:e=>this.handleScroll(r,e)},0===x.length?a("li",{class:"x-transfer-list-content-empty"},a("x-empty",{description:this.notFoundContent})):x.map((r=>{const t=this.selectedKeys.includes(r.key),o=r.disabled||this.disabled;return a("li",{class:{"x-transfer-list-content-item":!0,"x-transfer-list-content-item-checked":t,"x-transfer-list-content-item-disabled":o},onClick:()=>this.handleSelect(r.key,r)},a("span",{class:{"x-transfer-checkbox":!0,"x-transfer-checkbox-checked":t,"x-transfer-checkbox-disabled":o}},a("span",{class:"x-transfer-checkbox-inner"})),a("span",{class:"x-transfer-list-content-item-text"},r.title,r.description&&a("span",{class:"x-transfer-list-content-item-description"},r.description)),this.oneWay&&!e&&a("span",{class:"x-transfer-list-content-item-remove",onClick:e=>{e.stopPropagation(),this.targetKeys=this.targetKeys.filter((e=>e!==r.key)),this.xChange.emit({value:this.targetKeys,targetKeys:this.targetKeys,direction:"left",moveKeys:[r.key]})}},a("x-icon",{name:n("delete")})))}))),this.renderPagination(r,s.length))}renderOperations(){if(this.oneWay){const r=this.getSelectedKeysForDirection("left");return a("div",{class:"x-transfer-operation"},a("button",{class:{"x-transfer-operation-btn":!0,"x-transfer-operation-btn-disabled":this.disabled||0===r.length},disabled:this.disabled||0===r.length,onClick:()=>this.moveTo("right")},a("x-icon",{name:n("doubleArrowRight")})))}const r=this.getSelectedKeysForDirection("left"),e=this.getSelectedKeysForDirection("right");return a("div",{class:"x-transfer-operation"},a("button",{class:{"x-transfer-operation-btn":!0,"x-transfer-operation-btn-disabled":this.disabled||0===r.length},disabled:this.disabled||0===r.length,onClick:()=>this.moveTo("right")},a("x-icon",{name:n("doubleArrowRight")}),this.operations[1]),a("button",{class:{"x-transfer-operation-btn":!0,"x-transfer-operation-btn-disabled":this.disabled||0===e.length},disabled:this.disabled||0===e.length,onClick:()=>this.moveTo("left")},a("x-icon",{name:n("doubleArrowLeft")}),this.operations[0]))}render(){return a(i,{key:"2f70458cba3b4d5a43748547e8370ce4604c70a5",class:{"x-transfer":!0,"x-transfer-disabled":this.disabled}},this.renderList("left"),this.renderOperations(),this.renderList("right"))}static get watchers(){return{targetKeys:[{watchTargetKeys: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:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:stretch;align-items:stretch;font-family:var(--x-transfer-font-family, var(--x-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial));font-size:var(--x-transfer-font-size, var(--x-font-size-base, 14px));color:var(--x-transfer-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}:host(.x-transfer-disabled){opacity:0.6;cursor:not-allowed}.x-transfer-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--x-transfer-list-bg, var(--x-color-bg-container, #ffffff));border:var(--x-transfer-border-width, var(--x-border-width-base, 1px)) solid var(--x-transfer-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-transfer-border-radius, var(--x-border-radius-base, 6px));overflow:hidden}.x-transfer-list-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--x-transfer-header-padding-vertical, var(--x-spacing-sm, 12px)) var(--x-transfer-header-padding-horizontal, var(--x-spacing-md, 16px));background:var(--x-transfer-header-bg, var(--x-color-bg-layout, #f5f5f5));border-bottom:var(--x-transfer-border-width, var(--x-border-width-base, 1px)) solid var(--x-transfer-border-color, var(--x-color-border, #d9d9d9));min-height:40px}.x-transfer-list-header-checkbox{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:16px;height:16px;margin-right:8px;border:1px solid var(--x-transfer-border-color, var(--x-color-border, #d9d9d9));border-radius:2px;cursor:pointer;-webkit-transition:all 0.2s;transition:all 0.2s}.x-transfer-list-header-checkbox .x-transfer-checkbox-inner{display:block;width:100%;height:100%;background:transparent;border-radius:2px;position:relative}.x-transfer-list-header-checkbox .x-transfer-checkbox-inner::after{content:\"\";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) rotate(45deg) scale(0);transform:translate(-50%, -50%) rotate(45deg) scale(0);width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;opacity:0;-webkit-transition:all 0.1s;transition:all 0.1s}.x-transfer-list-header-checkbox-checked{background:var(--x-transfer-color-primary, var(--x-color-primary, #1677ff));border-color:var(--x-transfer-color-primary, var(--x-color-primary, #1677ff))}.x-transfer-list-header-checkbox-checked .x-transfer-checkbox-inner::after{opacity:1;-webkit-transform:translate(-50%, -50%) rotate(45deg) scale(1);transform:translate(-50%, -50%) rotate(45deg) scale(1)}.x-transfer-list-header-checkbox-indeterminate{background:var(--x-transfer-color-primary, var(--x-color-primary, #1677ff));border-color:var(--x-transfer-color-primary, var(--x-color-primary, #1677ff))}.x-transfer-list-header-checkbox-indeterminate .x-transfer-checkbox-inner::after{width:8px;height:2px;border:0;background:#fff;opacity:1;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.x-transfer-list-header-title{-ms-flex:1;flex:1;font-weight:var(--x-transfer-font-weight-medium, var(--x-font-weight-medium, 500));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-transfer-list-header-selected{color:var(--x-transfer-color-primary, var(--x-color-primary, #1677ff))}.x-transfer-list-body-search-wrapper{padding:8px 12px;border-bottom:var(--x-transfer-border-width, var(--x-border-width-base, 1px)) solid var(--x-transfer-border-color, var(--x-color-border, #d9d9d9));position:relative}.x-transfer-list-search{width:100%;padding:4px 8px;padding-right:24px;border:var(--x-transfer-border-width, var(--x-border-width-base, 1px)) solid var(--x-transfer-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-transfer-border-radius, var(--x-border-radius-base, 6px));font-size:var(--x-transfer-font-size-sm, var(--x-font-size-sm, 12px));outline:none;-webkit-transition:border-color 0.2s;transition:border-color 0.2s}.x-transfer-list-search:focus{border-color:var(--x-transfer-color-primary, var(--x-color-primary, #1677ff))}.x-transfer-list-search:disabled{background:var(--x-transfer-header-bg, var(--x-color-bg-layout, #f5f5f5));cursor:not-allowed}.x-transfer-list-search-clear{position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--x-transfer-color-tertiary, var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45)));cursor:pointer;padding:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.x-transfer-list-search-clear:hover{color:var(--x-transfer-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-transfer-list-content{-ms-flex:1;flex:1;margin:0;padding:0;list-style:none;overflow-y:auto;min-height:100px}.x-transfer-list-content-empty{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;min-height:100px;color:var(--x-transfer-color-tertiary, var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45)))}.x-transfer-list-content-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--x-transfer-item-padding-vertical, var(--x-spacing-xxs, 4px)) var(--x-transfer-item-padding-horizontal, var(--x-spacing-md, 16px));cursor:pointer;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}.x-transfer-list-content-item:hover:not(.x-transfer-list-content-item-disabled){background:var(--x-transfer-item-bg-hover, var(--x-color-bg-text-hover, rgba(0, 0, 0, 0.04)))}.x-transfer-list-content-item-checked{background:var(--x-transfer-item-bg-selected, var(--x-color-primary-bg, #e6f4ff))}.x-transfer-list-content-item-disabled{opacity:0.5;cursor:not-allowed}.x-transfer-list-content-item-text{-ms-flex:1;flex:1;margin-left:var(--x-transfer-item-margin-left, var(--x-spacing-sm, 12px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-transfer-list-content-item-description{display:block;font-size:var(--x-transfer-font-size-sm, var(--x-font-size-sm, 12px));color:var(--x-transfer-color-tertiary, var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45)))}.x-transfer-list-content-item-remove{margin-left:8px;color:var(--x-transfer-color-tertiary, var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45)));cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:2px}.x-transfer-list-content-item-remove:hover{color:#ff4d4f}.x-transfer-list-pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:8px 12px;border-top:var(--x-transfer-border-width, var(--x-border-width-base, 1px)) solid var(--x-transfer-border-color, var(--x-color-border, #d9d9d9));gap:8px}.x-transfer-list-pagination-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--x-transfer-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-transfer-border-radius, var(--x-border-radius-base, 6px));background:var(--x-transfer-list-bg, var(--x-color-bg-container, #ffffff));cursor:pointer;-webkit-transition:all 0.2s;transition:all 0.2s}.x-transfer-list-pagination-btn:hover:not(:disabled){border-color:var(--x-transfer-color-primary, var(--x-color-primary, #1677ff));color:var(--x-transfer-color-primary, var(--x-color-primary, #1677ff))}.x-transfer-list-pagination-btn:disabled{opacity:0.5;cursor:not-allowed}.x-transfer-list-pagination-info{font-size:var(--x-transfer-font-size-sm, var(--x-font-size-sm, 12px));color:var(--x-transfer-color-tertiary, var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45)));min-width:50px;text-align:center}.x-transfer-checkbox{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:16px;height:16px;border:1px solid var(--x-transfer-border-color, var(--x-color-border, #d9d9d9));border-radius:2px;cursor:pointer;-webkit-transition:all 0.2s;transition:all 0.2s;-ms-flex-negative:0;flex-shrink:0}.x-transfer-checkbox .x-transfer-checkbox-inner{display:block;width:100%;height:100%;position:relative}.x-transfer-checkbox .x-transfer-checkbox-inner::after{content:\"\";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -60%) rotate(45deg) scale(0);transform:translate(-50%, -60%) rotate(45deg) scale(0);width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;opacity:0;-webkit-transition:all 0.1s;transition:all 0.1s}.x-transfer-checkbox-checked{background:var(--x-transfer-color-primary, var(--x-color-primary, #1677ff));border-color:var(--x-transfer-color-primary, var(--x-color-primary, #1677ff))}.x-transfer-checkbox-checked .x-transfer-checkbox-inner::after{opacity:1;-webkit-transform:translate(-50%, -60%) rotate(45deg) scale(1);transform:translate(-50%, -60%) rotate(45deg) scale(1)}.x-transfer-checkbox-disabled{opacity:0.5;cursor:not-allowed}.x-transfer-operation{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:0 var(--x-transfer-operation-margin, var(--x-spacing-sm, 12px));gap:var(--x-transfer-operation-gap, var(--x-spacing-sm, 12px))}.x-transfer-operation-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:4px;min-width:32px;height:32px;padding:0 8px;border:var(--x-transfer-border-width, var(--x-border-width-base, 1px)) solid transparent;border-radius:var(--x-transfer-border-radius, var(--x-border-radius-base, 6px));background:var(--x-transfer-color-primary, var(--x-color-primary, #1677ff));color:#fff;font-size:var(--x-transfer-font-size-sm, var(--x-font-size-sm, 12px));cursor:pointer;-webkit-transition:all 0.2s;transition:all 0.2s}.x-transfer-operation-btn:hover:not(:disabled){opacity:0.85}.x-transfer-operation-btn:disabled,.x-transfer-operation-btn-disabled{opacity:0.5;cursor:not-allowed}"}},[513,"x-transfer",{dataSource:[16],targetKeys:[1040],selectedKeys:[1040],titles:[16],operations:[16],disabled:[4],showSearch:[4,"show-search"],searchPlaceholder:[1,"search-placeholder"],notFoundContent:[1,"not-found-content"],oneWay:[4,"one-way"],showSelectAll:[4,"show-select-all"],listWidth:[1,"list-width"],listHeight:[1,"list-height"],pagination:[4],pageSize:[2,"page-size"],sourceSearchValue:[32],targetSearchValue:[32],sourceCurrentPage:[32],targetCurrentPage:[32]},void 0,{targetKeys:[{watchTargetKeys:0}]}]);function f(){"undefined"!=typeof customElements&&["x-transfer","x-empty","x-icon"].forEach((e=>{switch(e){case"x-transfer":customElements.get(r(e))||customElements.define(r(e),c);break;case"x-empty":customElements.get(r(e))||x();break;case"x-icon":customElements.get(r(e))||l()}}))}f();export{c as X,f as d}

package/components/p-VezrLuwj.js

@@ -0,0 +1 @@
+import{t as r,p as o,H as e,d as a,h as x,c as t}from"./p-BLqwG7xa.js";import{g as i}from"./p-RKpMhZmc.js";import{d as c}from"./p-C1_JmoB8.js";const l=o(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.xChange=a(this,"xChange",7),this.xInput=a(this,"xInput",7),this.xPressEnter=a(this,"xPressEnter",7),this.xResize=a(this,"xResize",7)}get el(){return this}allowClear=!1;autoSize=!1;bordered=!0;defaultValue="";disabled=!1;maxLength;showCount=!1;status;value;placeholder;rows=2;focused=!1;xChange;xInput;xPressEnter;xResize;componentWillLoad(){void 0===this.value&&(this.value=this.defaultValue)}handleInput(r){const o=r.target;this.value=o.value,this.xInput.emit(r),this.xChange.emit(this.value),this.autoSize&&this.resizeTextarea(o)}resizeTextarea(r){r.style.height="auto",r.style.height=`${r.scrollHeight}px`}handleKeyDown(r){"Enter"===r.key&&this.xPressEnter.emit(r)}handleClear(r){r.stopPropagation(),this.value="",this.xChange.emit("")}render(){return x(t,{key:"a355254490f3dfeea03090ea27adb5609b0c6997",class:{"x-textarea-wrapper":!0,"x-textarea-wrapper-disabled":this.disabled,"x-textarea-wrapper-focused":this.focused,"x-textarea-wrapper-error":"error"===this.status,"x-textarea-wrapper-warning":"warning"===this.status,"x-textarea-wrapper-borderless":!this.bordered,"x-textarea-show-count":this.showCount}},x("textarea",{key:"2db5eed054c8ec736f141f3b6253d85d0c4728d2",class:{"x-textarea":!0,disabled:this.disabled},disabled:this.disabled,maxLength:this.maxLength,value:this.value,placeholder:this.placeholder,rows:this.rows,onInput:r=>this.handleInput(r),onKeyDown:r=>this.handleKeyDown(r),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1}),this.allowClear&&this.value&&x("span",{key:"457cf56e27cddf4b2d5351f6eafa72bcf5b86f75",class:"x-textarea-clear-icon",onClick:r=>this.handleClear(r)},x("span",{key:"57b0e1bb3952f84532d98d95c7e02732643fa75e",role:"img","aria-label":"close-circle",class:"anticon anticon-close-circle"},x("x-icon",{key:"1343997b5828fd7e9f26dd95c21543f4af01cb91",name:i("clear")}))),this.showCount&&x("span",{key:"4b8a07811209e3dd777954f1c448e15b98382971",class:"x-textarea-data-count","data-count":`${this.value?this.value.length:0}${this.maxLength?` / ${this.maxLength}`:""}`},this.value?this.value.length:0,this.maxLength?` / ${this.maxLength}`:""))}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;vertical-align:bottom}.x-textarea{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;min-width:0;padding:0 var(--x-control-padding-horizontal, var(--x-spacing-md, 12px));min-height:var(--x-control-height, var(--x-size-control-height, 32px));background-color:var(--x-control-bg, var(--x-color-bg-container, #ffffff));border:var(--x-control-border-width, var(--x-border-width-base, 1px)) solid var(--x-control-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-control-border-radius, var(--x-border-radius-base, 6px));-webkit-transition:all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-box-sizing:border-box;box-sizing:border-box}.x-textarea:hover:not(.disabled):not([disabled]):not([class*=-disabled]){border-color:var(--x-control-border-color-hover, var(--x-color-primary-hover, #4096ff))}.x-textarea.focused:not(.disabled):not([disabled]):not([class*=-disabled]),.x-textarea:focus-within:not(.disabled):not([disabled]):not([class*=-disabled]){border-color:var(--x-control-border-color-focus, var(--x-color-primary, #1677ff)) !important;-webkit-box-shadow:0 0 0 3px var(--x-color-primary-bg, rgba(22, 119, 255, 0.06));box-shadow:0 0 0 3px var(--x-color-primary-bg, rgba(22, 119, 255, 0.06));z-index:1;outline:none}.x-textarea.disabled,.x-textarea[disabled],.x-textarea[class*=-disabled]{background-color:var(--x-control-bg-disabled, var(--x-color-bg-container-disabled, rgba(0, 0, 0, 0.04)));border-color:var(--x-control-border-color-disabled, var(--x-color-border, #d9d9d9));color:var(--x-control-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)));cursor:not-allowed}.x-textarea.disabled:hover,.x-textarea[disabled]:hover,.x-textarea[class*=-disabled]:hover{border-color:var(--x-control-border-color-disabled, var(--x-color-border, #d9d9d9)) !important}.x-textarea{display:block;padding:var(--x-textarea-padding-vertical, var(--x-spacing-xxs, 4px)) var(--x-textarea-padding-horizontal, var(--x-spacing-md, 12px));line-height:var(--x-textarea-line-height, var(--x-control-line-height, var(--x-line-height-base, 1.5714285714)));min-height:auto;resize:vertical}.x-textarea::-webkit-input-placeholder{color:var(--x-textarea-placeholder-color, var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))))}.x-textarea::-moz-placeholder{color:var(--x-textarea-placeholder-color, var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))))}.x-textarea:-ms-input-placeholder{color:var(--x-textarea-placeholder-color, var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))))}.x-textarea::-ms-input-placeholder{color:var(--x-textarea-placeholder-color, var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))))}.x-textarea::placeholder{color:var(--x-textarea-placeholder-color, var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))))}:host(.x-textarea-wrapper-error) .x-textarea{border-color:var(--x-control-border-color-error, var(--x-color-error, #ff4d4f))}:host(.x-textarea-wrapper-error) .x-textarea:hover:not(.disabled):not([disabled]){border-color:var(--x-control-border-color-error-hover, var(--x-color-error-hover, #ff7875))}:host(.x-textarea-wrapper-error) .x-textarea.focused,:host(.x-textarea-wrapper-error) .x-textarea:focus-within{border-color:var(--x-control-border-color-error, var(--x-color-error, #ff4d4f));-webkit-box-shadow:0 0 0 3px var(--x-control-focus-shadow-error-color, var(--x-color-error-bg, rgba(255, 38, 5, 0.06)));box-shadow:0 0 0 3px var(--x-control-focus-shadow-error-color, var(--x-color-error-bg, rgba(255, 38, 5, 0.06)))}:host(.x-textarea-wrapper-warning) .x-textarea{border-color:var(--x-control-border-color-warning, var(--x-color-warning, #faad14))}:host(.x-textarea-wrapper-warning) .x-textarea:hover:not(.disabled):not([disabled]){border-color:var(--x-control-border-color-warning-hover, var(--x-color-warning-hover, #ffc53d))}:host(.x-textarea-wrapper-warning) .x-textarea.focused,:host(.x-textarea-wrapper-warning) .x-textarea:focus-within{border-color:var(--x-control-border-color-warning, var(--x-color-warning, #faad14));-webkit-box-shadow:0 0 0 3px var(--x-control-focus-shadow-warning-color, var(--x-color-warning-bg, rgba(255, 215, 5, 0.1)));box-shadow:0 0 0 3px var(--x-control-focus-shadow-warning-color, var(--x-color-warning-bg, rgba(255, 215, 5, 0.1)))}:host(.x-textarea-wrapper-borderless) .x-textarea{background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}:host(.x-textarea-wrapper-borderless) .x-textarea:hover{border-color:transparent}:host(.x-textarea-wrapper-borderless) .x-textarea.focused,:host(.x-textarea-wrapper-borderless) .x-textarea:focus-within{border-color:transparent;-webkit-box-shadow:none;box-shadow:none}:host(.x-textarea-wrapper-borderless) .x-textarea{padding:0}.x-textarea-clear-icon{position:absolute;top:var(--x-textarea-padding-vertical, var(--x-spacing-xxs, 4px));right:var(--x-textarea-padding-vertical, var(--x-spacing-xxs, 4px));z-index:1;color:var(--x-textarea-clear-icon-color, var(--x-color-text-quaternary, rgba(0, 0, 0, 0.25)));font-size:var(--x-textarea-clear-icon-size, var(--x-font-size-sm, 12px));cursor:pointer;-webkit-transition:color var(--x-textarea-motion-duration-mid, var(--x-motion-duration-mid, 0.2s));transition:color var(--x-textarea-motion-duration-mid, var(--x-motion-duration-mid, 0.2s));background:var(--x-textarea-bg, var(--x-control-bg, var(--x-color-bg-container, #ffffff)))}.x-textarea-clear-icon:hover{color:var(--x-textarea-clear-icon-color-hover, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)))}:host(.x-textarea-show-count) .x-textarea{padding-bottom:var(--x-textarea-padding-bottom-count, var(--x-spacing-xl, 20px))}.x-textarea-data-count{position:absolute;bottom:var(--x-textarea-padding-vertical, var(--x-spacing-xxs, 4px));right:var(--x-textarea-padding-horizontal, var(--x-spacing-md, 12px));color:var(--x-textarea-count-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)));font-size:var(--x-textarea-count-font-size, var(--x-font-size-sm, 12px));white-space:nowrap;pointer-events:none}"}},[513,"x-textarea",{allowClear:[4,"allow-clear"],autoSize:[4,"auto-size"],bordered:[4],defaultValue:[1,"default-value"],disabled:[4],maxLength:[2,"max-length"],showCount:[4,"show-count"],status:[1],value:[1025],placeholder:[1],rows:[2],focused:[32]}]);function n(){"undefined"!=typeof customElements&&["x-textarea","x-icon"].forEach((o=>{switch(o){case"x-textarea":customElements.get(r(o))||customElements.define(r(o),l);break;case"x-icon":customElements.get(r(o))||c()}}))}n();export{l as X,n as d}

package/components/p-eF_oZrS1.js

@@ -0,0 +1 @@
+import{t as e,p as o,H as r,d as x,h as t,c as i}from"./p-BLqwG7xa.js";import{d as a}from"./p-C1_JmoB8.js";const n=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.xChange=x(this,"xChange",7)}get el(){return this}options=[];value;defaultValue;size="middle";block=!1;disabled=!1;xChange;innerValue;thumbStyle={transform:"translateX(0)",width:"0"};handleValueChange(e){this.innerValue=e,this.updateThumb()}handleOptionsChange(){this.updateThumb()}componentWillLoad(){if(void 0!==this.value)this.innerValue=this.value;else if(void 0!==this.defaultValue)this.innerValue=this.defaultValue;else if(this.options&&this.options.length>0){const e=this.options[0];this.innerValue="object"==typeof e?e.value:e}}componentDidLoad(){this.updateThumb(),setTimeout((()=>this.updateThumb()),50)}updateThumb(){if(!this.el)return;const e=this.el.shadowRoot?.querySelectorAll(".x-segmented-item");if(!e||0===e.length)return;const o=this.normalizeOptions().findIndex((e=>e.value===this.innerValue));if(-1!==o&&e[o]){const r=e[o];this.thumbStyle={transform:`translateX(${r.offsetLeft}px)`,width:`${r.offsetWidth}px`}}}normalizeOptions(){return this.options.map((e=>"object"==typeof e?e:{label:String(e),value:e}))}handleItemClick(e,o){this.disabled||o||e===this.innerValue||(this.innerValue=e,this.value=e,this.xChange.emit(e),this.updateThumb())}render(){const e=this.normalizeOptions();return t(i,{key:"714e09eb965ed113f663e1d3c950adc6506a7f47",class:{"x-segmented-host":!0,"x-segmented-host-block":this.block}},t("div",{key:"5a7ee12fe4cb07eed56d9e906cba648a92254f1a",class:{"x-segmented":!0,"x-segmented-block":this.block,[`x-segmented-${this.size}`]:!0,"x-segmented-disabled":this.disabled}},t("div",{key:"01d739bfbd50b1c1c785adff4e8362f10d8e3889",class:"x-segmented-group"},t("div",{key:"fea8e78aa4cfda9eafb3e8b254ac08a9368ad43d",class:"x-segmented-thumb",style:this.thumbStyle}),e.map((e=>t("div",{class:{"x-segmented-item":!0,"x-segmented-item-selected":this.innerValue===e.value,"x-segmented-item-disabled":!(!this.disabled&&!e.disabled),...e.className?{[e.className]:!0}:{}},title:e.title,onClick:()=>this.handleItemClick(e.value,!!e.disabled)},e.icon&&t("span",{class:"x-segmented-item-icon"},t("x-icon",{name:e.icon})),t("span",null,e.label)))))))}static get watchers(){return{value:[{handleValueChange:0}],options:[{handleOptionsChange:0}]}}static get style(){return":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;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--x-font-family)}.x-segmented{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:stretch;align-items:stretch;padding:var(--x-segmented-padding, 2px);background-color:var(--x-segmented-bg, var(--x-color-fill-tertiary, rgba(0, 0, 0, 0.04)));border-radius:var(--x-segmented-border-radius, var(--x-border-radius-base, 6px));-webkit-transition:all var(--x-motion-duration-mid, 0.2s) var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1));transition:all var(--x-motion-duration-mid, 0.2s) var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1));min-height:var(--x-control-height, 32px);width:auto}.x-segmented.x-segmented-block{display:-ms-flexbox;display:flex;width:100%}.x-segmented-small{min-height:var(--x-control-height-sm, 24px);border-radius:var(--x-border-radius-sm, 4px)}.x-segmented-small .x-segmented-item{font-size:var(--x-font-size-sm, 12px);padding:0 8px}.x-segmented-small .x-segmented-thumb{border-radius:calc(var(--x-border-radius-sm, 4px) - var(--x-segmented-padding, 2px))}.x-segmented-large{min-height:var(--x-control-height-lg, 40px)}.x-segmented-large .x-segmented-item{font-size:var(--x-font-size-lg, 16px);padding:0 16px}.x-segmented-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;width:100%}.x-segmented-item{position:relative;-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 12px;color:var(--x-segmented-item-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.65)));font-size:var(--x-font-size-base, 14px);cursor:pointer;-webkit-transition:color var(--x-motion-duration-mid, 0.2s);transition:color var(--x-motion-duration-mid, 0.2s);z-index:1;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.x-segmented-item:hover:not(.x-segmented-item-selected):not(.x-segmented-item-disabled){color:var(--x-segmented-item-hover-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));background-color:var(--x-segmented-item-hover-bg, var(--x-color-fill-secondary, rgba(0, 0, 0, 0.06)));border-radius:calc(var(--x-segmented-border-radius, var(--x-border-radius-base, 6px)) - var(--x-segmented-padding, 2px))}.x-segmented-item-selected{color:var(--x-segmented-item-selected-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-weight:500}.x-segmented-item-disabled{color:var(--x-color-text-disabled, rgba(0, 0, 0, 0.25));cursor:not-allowed}.x-segmented-item-icon{margin-right:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.x-segmented-item-icon+span{display:inline-block}.x-segmented-thumb{position:absolute;top:0;left:0;height:100%;background-color:var(--x-segmented-item-selected-bg, var(--x-color-bg-container, #ffffff));border-radius:calc(var(--x-segmented-border-radius, var(--x-border-radius-base, 6px)) - var(--x-segmented-padding, 2px));-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08);box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08);-webkit-transition:all var(--x-motion-duration-mid, 0.2s) var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1));transition:all var(--x-motion-duration-mid, 0.2s) var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1));z-index:0}"}},[513,"x-segmented",{options:[16],value:[1032],defaultValue:[8,"default-value"],size:[1],block:[4],disabled:[4],innerValue:[32],thumbStyle:[32]},void 0,{value:[{handleValueChange:0}],options:[{handleOptionsChange:0}]}]);function s(){"undefined"!=typeof customElements&&["x-segmented","x-icon"].forEach((o=>{switch(o){case"x-segmented":customElements.get(e(o))||customElements.define(e(o),n);break;case"x-icon":customElements.get(e(o))||a()}}))}s();export{n as X,s as d}

package/components/p-ez-wfqCC.js

@@ -0,0 +1 @@
+import{t as r,p as o,H as e,d as x,h as a,c as t}from"./p-BLqwG7xa.js";const i=o(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.xChange=x(this,"xChange",7),this.xHoverChange=x(this,"xHoverChange",7)}allowClear=!0;allowHalf=!1;autoFocus=!1;character;count=5;defaultValue=0;disabled=!1;value=0;hoverValue=void 0;xChange;xHoverChange;componentWillLoad(){this.defaultValue>0&&0===this.value&&(this.value=this.defaultValue)}handleHover(r,o){if(this.disabled)return;let e=o+1;if(this.allowHalf){const o=r.target.getBoundingClientRect();r.clientX-o.left<o.width/2&&(e-=.5)}this.hoverValue=e,this.xHoverChange.emit(e)}handleLeave(){this.disabled||(this.hoverValue=void 0,this.xHoverChange.emit(void 0))}handleClick(r,o){if(this.disabled)return;let e=o+1;if(this.allowHalf){const o=r.target.getBoundingClientRect();r.clientX-o.left<o.width/2&&(e-=.5)}this.allowClear&&e===this.value&&(e=0),this.value=e,this.xChange.emit(e)}renderStar(r){const o=void 0!==this.hoverValue?this.hoverValue:this.value;let e="x-rate-star";return e+=r+1<=o?" x-rate-star-full":r+.5===o?" x-rate-star-half x-rate-star-active":r<o?" x-rate-star-full":" x-rate-star-zero",void 0!==this.hoverValue&&r+1<=this.hoverValue&&(e+=" x-rate-star-focused"),a("li",{class:e,onMouseMove:o=>this.handleHover(o,r),onClick:o=>this.handleClick(o,r)},a("div",{class:"x-rate-star-first"},this.character?this.character:a("span",{role:"img","aria-label":"star",class:"anticon anticon-star"},a("svg",{viewBox:"64 64 896 896",focusable:"false","data-icon":"star",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},a("path",{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L486 753.6l227.1 119.5c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"})))),a("div",{class:"x-rate-star-second"},this.character?this.character:a("span",{role:"img","aria-label":"star",class:"anticon anticon-star"},a("svg",{viewBox:"64 64 896 896",focusable:"false","data-icon":"star",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},a("path",{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L486 753.6l227.1 119.5c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"})))))}render(){const r=[];for(let o=0;o<this.count;o++)r.push(this.renderStar(o));return a(t,{key:"dfe12b86614e80e6c19e5f3cb07157c2548016dd",class:{"x-rate":!0,"x-rate-disabled":this.disabled},onMouseLeave:()=>this.handleLeave()},a("ul",{key:"d1c439595f6471bc80d09e507ffb8df344588d11",class:"x-rate-star-list"},r))}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{margin:0;padding:0;color:var(--x-rate-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-rate-font-size, var(--x-font-size-base, 14px));line-height:var(--x-rate-line-height, var(--x-line-height-base, 1.5714));list-style:none;font-family:var(--x-rate-font-family, var(--x-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif));display:inline-block;outline:none}.x-rate-star-list{margin:0;padding:0;list-style:none;display:inline-block}.x-rate-star{position:relative;display:inline-block;color:var(--x-rate-star-bg, var(--x-color-fill-secondary, rgba(0, 0, 0, 0.06)));cursor:pointer;-webkit-transition:all var(--x-rate-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:all var(--x-rate-motion-duration, var(--x-motion-duration-mid, 0.2s));margin-right:var(--x-rate-star-gap, var(--x-spacing-xs, 8px))}.x-rate-star:hover{-webkit-transform:var(--x-rate-star-transform-hover, scale(1.1));transform:var(--x-rate-star-transform-hover, scale(1.1))}.x-rate-star-first,.x-rate-star-second{color:inherit;-webkit-transition:all var(--x-rate-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:all var(--x-rate-motion-duration, var(--x-motion-duration-mid, 0.2s));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.x-rate-star-first{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;opacity:0}.x-rate-star-second{display:block}.x-rate-star-full .x-rate-star-second{color:var(--x-rate-star-color, var(--x-color-yellow, #fadb14))}.x-rate-star-half .x-rate-star-first{opacity:1;color:var(--x-rate-star-color, var(--x-color-yellow, #fadb14))}.x-rate-star-half .x-rate-star-second{color:var(--x-rate-star-bg, var(--x-color-fill-secondary, rgba(0, 0, 0, 0.06)))}:host(.x-rate-disabled) .x-rate-star{cursor:default}:host(.x-rate-disabled) .x-rate-star:hover{-webkit-transform:scale(1);transform:scale(1)}"}},[513,"x-rate",{allowClear:[4,"allow-clear"],allowHalf:[4,"allow-half"],autoFocus:[4,"auto-focus"],character:[1],count:[2],defaultValue:[2,"default-value"],disabled:[4],value:[1026],hoverValue:[32]}]);function l(){"undefined"!=typeof customElements&&["x-rate"].forEach((o=>{"x-rate"===o&&(customElements.get(r(o))||customElements.define(r(o),i))}))}l();export{i as X,l as d}