@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 2.56 kB
JavaScript
import{r as e,c as o,h as t,H as d}from"./p-D-JVwta2.js";import{E as r}from"./p-SVedE_O8.js";import"./p-DzZLIMy0.js";import"./p-DwRzddFC.js";import"./p-DVds6a5Z.js";import"./p-CojoW2Y2.js";import"./p-BcMhjKoS.js";import"./p-Do0EyoO8.js";import{a as i}from"./p-CBuzk8fR.js";import"./p-DHk26cGe.js";import"./p-7ioMFMb5.js";const n=class{constructor(t){e(this,t),this.nodeToggleExpand=o(this,"nodeToggleExpand",7),this.nodeClick=o(this,"nodeClick",7),this.loading=!1}getHighlightedNodes(e){var o;return(null===(o=e.children)||void 0===o?void 0:o.length)>=0?{[e.id]:!0}:{}}getSpotlightedNodes(){const e=this.nodes.find((e=>{var o;return null===(o=e.children)||void 0===o?void 0:o.find((e=>e.id===this.selectedNode))}));return e?{[e.id]:!0}:{}}render(){return t(d,{key:"9601b1526dbc08e461534b4815b944d2f664044a"},this.nodes.map((e=>t("kv-tree",{class:{tree:!0,expanded:this.expandedNodes[e.id],nochildren:!(null==e?void 0:e.children)},nodes:[e],loading:this.loading,selectedNode:this.selectedNode,hiddenNodes:this.hiddenNodes,expandedNodes:this.expandedNodes,spotlightedNodes:this.getSpotlightedNodes(),labelsSize:i.Regular,expandIcon:r.Collapse,disabledNodes:this.disabledNodes,highlightedNodes:this.getHighlightedNodes(e),loadingNodes:this.loadingNodes,showTooltip:this.showTooltip,tooltipDelay:this.tooltipDelay}))))}};n.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--dropdown-node-gap:0;--dropdown-children-offset:var(--kv-spacing-3x, 12px);--dropdown-padding-left:36px;--dropdown-width:224px}:host kv-tree{--tree-node-gap:var(--dropdown-node-gap);--tree-children-offset:var(--dropdown-children-offset);--tree-node-width:var(--dropdown-width)}:host .tree::part(tree){border-radius:4px;overflow:hidden;border:1px solid transparent}:host .expanded::part(tree){margin-bottom:var(--kv-spacing-2x, 8px);border:1px solid #3f3f3f}:host .expanded::part(tree-item){--background-color-highlighted:#2a2a2a}:host .nochildren::part(tree-item){--children-padding-left:var(--dropdown-padding-left)}:host kv-tree::part(tree-item){--vertical-lines-height:0;--horizontal-lines-width:0;--background-color-default:var(--kv-background);--border-color-default:none;--background-color-focused:#3f3f3f;--background-color-highlighted:none;--border-color-highlighted:none;--children-margin-top:0;--children-margin-left:0;--border-radius:0;--node-icon-width:20px;--node-icon-height:20px}:host kv-tree::part(children){--tree-children-padding-left:var(--dropdown-padding-left)}';export{n as kv_tree_dropdown}