@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 3.56 kB
JavaScript
import{r as e,c as t,h as r,F as i,H as o}from"./p-D-JVwta2.js";import{g as n}from"./p-DMO3GHM9.js";import"./p-DfPM2t43.js";import"./p-Dkd2PDJ-.js";import"./p-CqZa0G50.js";import"./p-DVju43gQ.js";const a=class{constructor(r){e(this,r),this.nodeToggleExpand=t(this,"nodeToggleExpand",7),this.nodeClick=t(this,"nodeClick",7),this.loading=!1,this.onItemClick=e=>this.nodeClick.emit(e),this.onToggleExpand=e=>this.nodeToggleExpand.emit(e)}drawNodes(e){return r(i,null,e.map((e=>{var t;return!n(this.hiddenNodes,[e.id],!1)&&r("kv-tree-item",{slot:"child-slot",label:e.label,additionalLabel:e.additionalLabel,placeholder:e.placeholder,labelsSize:this.labelsSize,icon:e.icon,iconState:e.iconState,counter:e.counter,counterState:e.counterState,hasChildren:e.lazyLoadChildren,selected:this.selectedNode===e.id,expanded:n(this.expandedNodes,[e.id],!1),disabled:n(this.disabledNodes,[e.id],!1),preventDefault:e.preventDefault,highlighted:n(this.highlightedNodes,[e.id],!1),spotlighted:n(this.spotlightedNodes,[e.id],!1),expandIcon:this.expandIcon,loading:this.loading||n(this.loadingNodes,[e.id],!1),onItemClick:()=>this.onItemClick(e),onToggleExpand:()=>this.onToggleExpand(e),showTooltip:this.showTooltip,tooltipDelay:this.tooltipDelay,part:"tree-item",exportparts:"icon,children"},(null===(t=e.children)||void 0===t?void 0:t.length)>0&&this.drawNodes(e.children))})))}render(){var e;return r(o,{key:"bb5c31c4bc77593fc4f5ff25c539ba72cac6f66e"},r("div",{key:"1d31d67041b8dca7905673a5521386be8e8ab780",class:"container",part:"tree"},(null===(e=this.nodes)||void 0===e?void 0:e.length)>0&&this.drawNodes(this.nodes)))}};a.style={light:'@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--tree-node-width:300px;--tree-node-height:40px;--tree-node-gap:var(--kv-spacing-2x, 8px);--tree-children-offset:var(--kv-spacing-3x, 12px);--tree-children-padding-left:var(--kv-spacing-2x, 8px)}:host .container{width:var(--tree-node-width)}:host kv-tree-item{--node-width:var(--tree-node-width);--node-height:var(--tree-node-height);--node-gap:var(--tree-node-gap);--children-offset:var(--tree-children-offset);--children-padding-left:var(--tree-children-padding-left)}:host>kv-tree-item:not(:first-child)::before{content:"";display:block;height:var(--tree-node-gap)}:host{--tree-connector-lines-color:var(--kv-primary, #005cc7)}:host kv-tree-item{--connector-lines-color:var(--tree-connector-lines-color)}',night:'@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--tree-node-width:300px;--tree-node-height:40px;--tree-node-gap:var(--kv-spacing-2x, 8px);--tree-children-offset:var(--kv-spacing-3x, 12px);--tree-children-padding-left:var(--kv-spacing-2x, 8px)}:host .container{width:var(--tree-node-width)}:host kv-tree-item{--node-width:var(--tree-node-width);--node-height:var(--tree-node-height);--node-gap:var(--tree-node-gap);--children-offset:var(--tree-children-offset);--children-padding-left:var(--tree-children-padding-left)}:host>kv-tree-item:not(:first-child)::before{content:"";display:block;height:var(--tree-node-gap)}:host{--tree-connector-lines-color:var(--kv-neutral-5, #707070)}:host kv-tree-item{--connector-lines-color:var(--tree-connector-lines-color)}'};export{a as kv_tree}