@demos-europe/demosplan-ui 0.4.21 → 0.4.22

package/storybook-static/assets/DpTreeList-Cciwf3YU.js

@@ -1,2 +0,0 @@
-import"./dayjs.min-C3DHb-Vr.js";import{_ as E}from"./DpDraggable-DLTo9Q5K.js";import{d as f}from"./translations-DDOZrg-p.js";import{c as p,a as h,t as R,o as i,n as y,e as g,f as b,g as N,b as z,q,r as S,h as W,j as v,u as I,d as m,F as B,i as C,Q as A,m as L,v as Q}from"./iframe-KFxwsBtW.js";import{_ as k}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{_ as G}from"./DpIcon-dOAQoUKG.js";import"./CleanHtml-CeG3Pc5D.js";import{T as J}from"./Tooltip-flnpMaRO.js";import"./DpApi-BU9X0WT6.js";import{S as T}from"./Stickier-DyqV0rTn.js";const M=(n,t)=>{const e=a=>a&&typeof a=="object";return!e(n)||!e(t)?t:(Object.keys(t).forEach(a=>{const s=n[a],l=t[a];Array.isArray(s)&&Array.isArray(l)?n[a]=s.concat(l):e(s)&&e(l)?n[a]=M(Object.assign({},s),l):n[a]=l}),n)},O={name:"DpTreeListCheckbox",model:{prop:"checked",event:"check"},props:{checked:{type:Boolean,required:!1,default:!1},checkAll:{type:Boolean,required:!1,default:!1},name:{type:String,required:!0},stringValue:{type:String,required:!1,default:"on"}},computed:{label(){return this.checkAll?this.toggleCheckedStatus(f.operations.deselect.all,f.aria.select.all):this.toggleCheckedStatus(f.aria.deselect.element,f.aria.select.element)}},methods:{check(){this.$emit("check",!this.checked)},toggleCheckedStatus(n,t){return this.checked?n:t}}},K={class:"u-mb-0"},X=["id","name","checked","value"],Y={class:"sr-only"};function Z(n,t,e,a,s,l){return i(),p("label",K,[h("input",{id:e.name,class:"u-m-0_5 u-ml-0_25",type:"checkbox",name:e.name,checked:e.checked,value:e.stringValue,onClick:t[0]||(t[0]=(...c)=>l.check&&l.check(...c))},null,8,X),h("span",Y,R(l.label),1)])}const V=k(O,[["render",Z]]);O.__docgenInfo={displayName:"DpTreeListCheckbox",exportName:"default",description:"",tags:{},props:[{name:"v-model",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"checkAll",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"name",type:{name:"string"},required:!0},{name:"stringValue",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'on'"}}],events:[{name:"check",type:{names:["undefined"]}}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpTreeList/DpTreeListCheckbox.vue"]};const $=30,w=22,ee=25,P={name:"DpTreeListToggle",props:{value:{type:Boolean,required:!1,default:!1},iconClassProp:{type:String,required:!1,default:""},toggleAll:{type:Boolean,required:!1,default:!1}},computed:{iconClass(){return this.iconClassProp!==""?this.iconClassProp:"font-size-large line-height--1 u-p-0_25 fa "+(this.value?"fa-angle-up":"fa-angle-down")},label(){return this.toggleAll?this.value?f.aria.collapse.all:f.aria.expand.all:this.value?f.aria.collapse:f.aria.expand}},methods:{toggle(){this.$emit("input",!this.value),this.$emit("update:modelValue",!this.value)}}},te=["aria-label"];function le(n,t,e,a,s,l){return i(),p("button",{type:"button",class:"o-link--default btn--blank","aria-label":l.label,onClick:t[0]||(t[0]=(...c)=>l.toggle&&l.toggle(...c))},[h("i",{class:y(l.iconClass),"aria-hidden":"true"},null,2)],8,te)}const F=k(P,[["render",le]]);P.__docgenInfo={displayName:"DpTreeListToggle",exportName:"default",description:"",tags:{},props:[{name:"value",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"iconClassProp",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"toggleAll",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"input",type:{names:["undefined"]}},{name:"update:modelValue",type:{names:["undefined"]}}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpTreeList/DpTreeListToggle.vue"]};const j={name:"DpTreeListNode",components:{DpDraggable:E,DpIcon:G,DpTreeListCheckbox:V,DpTreeListToggle:F},directives:{tooltip:J},props:{checkBranch:{type:Function,required:!0},children:{type:Array,required:!0},draggable:{type:Boolean,required:!1,default:!0},handleChange:{type:Function,required:!0},handleDrag:{type:Function,required:!0},level:{type:Number,required:!0},node:{type:Object,required:!0},nodeId:{type:String,required:!0},onMove:{type:Function,required:!0},options:{type:Object,required:!1,default:()=>({})},parentId:{type:String,required:!1,default:""},selectionManager:{type:Object,required:!1,default:null}},emits:["draggable:change","tree:change","node-selected"],data(){return{isExpanded:!1,translations:{noElementsExisting:f.noElementsExisting}}},computed:{checkboxIdentifier(){return(this.isBranch?this.options.checkboxIdentifier.branch:this.options.checkboxIdentifier.leaf)+":"+this.nodeId},dragHandle(){const n=this.options.draggable.handle;return n.substring(1,n.length)},hasDraggableChildren(){return this.isBranch&&(this.options.dragLeaves||this.options.dragBranches)&&this.draggable},hasToggle(){return this.isBranch&&this.children.length>0},iconClassFolder(){const n=this.children.length>0;let t;return n?t=this.isExpanded?"fa-folder-open":"fa-folder":t="fa-folder-o","fa "+t},indentationStyle(){let n=this.level*ee;return(this.isBranch&&!this.options.dragBranches&&this.options.dragLeaves||this.isLeaf&&this.options.dragBranches&&!this.options.dragLeaves)&&(n+=w),(this.isBranch&&!this.options.branchesSelectable&&this.options.leavesSelectable||this.isLeaf&&this.options.branchesSelectable&&!this.options.leavesSelectable)&&(n+=$),`margin-left: ${n}px;`},isBranch(){return this.checkBranch({node:this.node,children:this.children,id:this.nodeId})},isDraggable(){return this.isDraggableLeaf||this.isDraggableBranch},isDraggableBranch(){return this.options.dragBranches&&this.isBranch},isDraggableLeaf(){return this.options.dragLeaves&&this.isLeaf},isLeaf(){return this.isBranch===!1},isSelectable(){return this.isBranch&&this.options.branchesSelectable||this.isLeaf&&this.options.leavesSelectable||!1},isNodeSelected(){return this.selectionManager.isSelected(this.nodeId)},tree:{get(){return this.children},set(n){this.$emit("tree:change",n)}}},methods:{bubbleChangeEvent(n){this.$emit("tree:change",n)},bubbleDraggableChange(n){this.$emit("draggable:change",n)},bubbleSelectionChange(n){this.$emit("node-selected",n)},handleSelectionToggle(){this.$emit("node-selected",this.nodeId)}},mounted(){this.$root.$on("treelist:toggle-all",n=>this.isExpanded=n)}},ne=["id"],ae={class:"c-treelist__node flex"},se={class:"grow u-pl-0 u-p-0_25"},ie={key:3,class:"min-w-4"};function re(n,t,e,a,s,l){const c=m("dp-icon"),d=m("dp-tree-list-checkbox"),u=m("dp-tree-list-toggle"),o=m("dp-tree-list-node",!0),D=W("tooltip");return i(),p("li",{id:e.nodeId,class:"border--top relative","data-cy":"treeListNode"},[h("div",ae,[l.isDraggable?(i(),p("div",{key:0,class:y(["inline-block u-p-0_25 u-pr-0 u-mt-0_125",l.dragHandle])},[z(c,{class:"c-treelist__drag-handle-icon",icon:"drag-handle"})],2)):b("",!0),l.isSelectable?(i(),g(d,{key:1,checked:l.isNodeSelected,name:l.checkboxIdentifier,"string-value":e.nodeId,onCheck:l.handleSelectionToggle},null,8,["checked","name","string-value","onCheck"])):b("",!0),h("div",{class:"flex grow items-start",style:q(l.indentationStyle)},[l.isBranch?(i(),g(u,{key:0,modelValue:s.isExpanded,"onUpdate:modelValue":t[0]||(t[0]=r=>s.isExpanded=r),class:y(["c-treelist__folder text--left u-pv-0_25",{"pointer-events-none":e.children.length===0}]),"icon-class-prop":l.iconClassFolder},null,8,["modelValue","class","icon-class-prop"])):b("",!0),h("div",se,[l.isBranch?S(n.$slots,"branch",{key:0,nodeElement:e.node,nodeChildren:e.children,nodeId:e.nodeId,parentId:e.parentId}):b("",!0),l.isLeaf?S(n.$slots,"leaf",{key:1,nodeElement:e.node,nodeId:e.nodeId,parentId:e.parentId}):b("",!0)])],4),l.isBranch?N((i(),g(u,{key:2,modelValue:s.isExpanded,"onUpdate:modelValue":t[1]||(t[1]=r=>s.isExpanded=r),"data-cy":"treeListChildToggle",class:"self-start",disabled:!l.hasToggle},null,8,["modelValue","disabled"])),[[D,l.hasToggle?"":s.translations.noElementsExisting]]):(i(),p("div",ie))]),(i(),g(I(e.draggable?"dp-draggable":"div"),{"drag-across-branches":e.options.dragAcrossBranches?e.options.dragAcrossBranches:null,class:"list-style-none u-mb-0 u-1-of-1","content-data":e.draggable?e.children:[],"data-cy":"treeListChild","draggable-tag":"ul","group-id":e.nodeId,"handle-change":e.handleChange,"handle-drag":e.handleDrag,"is-draggable":l.hasDraggableChildren?l.hasDraggableChildren:null,"node-id":e.nodeId,"on-move":e.onMove,opts:e.options.draggable},{default:v(()=>[(i(!0),p(B,null,C(e.children,(r,x)=>N((i(),g(o,{ref_for:!0,ref:`node_${r.id}`,key:r.id,"data-cy":`treeListChild:${x}`,"check-branch":e.checkBranch,children:r.children||[],"handle-change":e.handleChange,"handle-drag":e.handleDrag,level:e.level+1,node:r,"node-id":r.id,"on-move":e.onMove,options:e.options,"parent-id":e.nodeId,"selection-manager":e.selectionManager,"onDraggable:change":l.bubbleDraggableChange,onEnd:t[2]||(t[2]=_=>e.handleDrag("end")),onNodeSelected:l.bubbleSelectionChange,onStart:t[3]||(t[3]=_=>e.handleDrag("start")),"onTree:change":l.bubbleChangeEvent},A({_:2},[C(Object.keys(n.$slots),_=>({name:_,fn:v(H=>[S(n.$slots,_,L({ref_for:!0},H))])}))]),1032,["data-cy","check-branch","children","handle-change","handle-drag","level","node","node-id","on-move","options","parent-id","selection-manager","onDraggable:change","onNodeSelected","onTree:change"])),[[Q,s.isExpanded===!0]])),128))]),_:3},40,["drag-across-branches","content-data","group-id","handle-change","handle-drag","is-draggable","node-id","on-move","opts"]))],8,ne)}const de=k(j,[["render",re]]);j.__docgenInfo={displayName:"DpTreeListNode",exportName:"default",description:"",tags:{},props:[{name:"checkBranch",type:{name:"func"},required:!0},{name:"children",type:{name:"array"},required:!0},{name:"draggable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"handleChange",type:{name:"func"},required:!0},{name:"handleDrag",type:{name:"func"},required:!0},{name:"level",type:{name:"number"},required:!0},{name:"node",type:{name:"object"},required:!0},{name:"nodeId",type:{name:"string"},required:!0},{name:"onMove",type:{name:"func"},required:!0},{name:"options",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"{}"}},{name:"parentId",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"selectionManager",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"null"}}],events:[{name:"draggable:change",type:{names:["undefined"]}},{name:"tree:change",type:{names:["undefined"]}},{name:"node-selected",type:{names:["undefined"]}}],slots:[{name:"branch",scoped:!0,bindings:[{name:"node-element",title:"binding"},{name:"node-children",title:"binding"},{name:"node-id",title:"binding"},{name:"parent-id",title:"binding"}]},{name:"leaf",scoped:!0,bindings:[{name:"node-element",title:"binding"},{name:"node-id",title:"binding"},{name:"parent-id",title:"binding"}]},{name:"slot",scoped:!0,bindings:[{name:"name",title:"binding"}]}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpTreeList/DpTreeListNode.vue"]};class oe{constructor(t={}){this.options={branchesSelectable:!1,leavesSelectable:!1,selectOn:{childSelect:!1,parentSelect:!1},deselectOn:{childDeselect:!1,parentDeselect:!1},...t},this.nodePath=new Map,this.nodeParentId=new Map,this.nodeChildren=new Map,this.selectedNodes=new Set,this.explicitlySelected=new Set,this.nodeType=new Map,this.nodeObject=new Map,this.totalSelectableCount=0,this.selectedSelectableCount=0,this.pendingOperations=[],this.isProcessingBatch=!1}buildIndexes(t,e){this.clearIndexes(),this._buildIndexesRecursively(t,null,[],e),this._countSelectableNodes()}_buildIndexesRecursively(t,e,a,s){t.forEach((l,c)=>{const d=l.id,u=[...a,c],o=s({node:l});this.nodePath.set(d,u),this.nodeParentId.set(d,e),this.nodeType.set(d,o?"branch":"leaf"),this.nodeObject.set(d,l),e&&(this.nodeChildren.has(e)||this.nodeChildren.set(e,new Set),this.nodeChildren.get(e).add(d)),l.nodeIsSelected&&(this.selectedNodes.add(d),this.explicitlySelected.add(d)),l.children&&l.children.length>0&&this._buildIndexesRecursively(l.children,d,u,s)})}_countSelectableNodes(){this.totalSelectableCount=0,this.selectedSelectableCount=0,this.nodeType.forEach((t,e)=>{this._isNodeSelectable(e)&&(this.totalSelectableCount++,this.selectedNodes.has(e)&&this.selectedSelectableCount++)})}toggleSelection(t){const a=!this.isSelected(t);return this.pendingOperations.push({nodeId:t,newState:a}),this.isProcessingBatch||this.processBatchOperations(),a}processBatchOperations(){if(this.isProcessingBatch||this.pendingOperations.length===0)return;this.isProcessingBatch=!0;const t=[...this.pendingOperations];this.pendingOperations=[],t.forEach(e=>this._processToggleOperation(e.nodeId,e.newState)),this.isProcessingBatch=!1,this.pendingOperations.length>0&&this.processBatchOperations()}_processToggleOperation(t,e){const a=this.selectedNodes.has(t),s=this._isNodeSelectable(t);e?(this.explicitlySelected.add(t),this.selectedNodes.add(t),s&&!a&&this.selectedSelectableCount++):(this.explicitlySelected.delete(t),this.selectedNodes.delete(t),s&&a&&this.selectedSelectableCount--),e&&this.options.selectOn.parentSelect?this._selectAllChildren(t):!e&&this.options.deselectOn.parentDeselect&&this._deselectAllChildren(t),e&&this.options.selectOn.childSelect?this._selectParentIfAllChildrenSelected(t):!e&&this.options.deselectOn.childDeselect&&this._deselectParentIfNoChildrenSelected(t)}_selectAllChildren(t){const e=this.nodeChildren.get(t);e&&e.forEach(a=>{if(this._isNodeSelectable(a)){const s=this.selectedNodes.has(a);this.selectedNodes.add(a),s||this.selectedSelectableCount++,this._selectAllChildren(a)}})}_deselectAllChildren(t){const e=this.nodeChildren.get(t);e&&e.forEach(a=>{const s=this.selectedNodes.has(a);this.selectedNodes.delete(a),this.explicitlySelected.delete(a),s&&this._isNodeSelectable(a)&&this.selectedSelectableCount--,this._deselectAllChildren(a)})}_selectParentIfAllChildrenSelected(t){const e=this.nodeParentId.get(t),a=this.nodeChildren.get(e);if(!e||!this._isNodeSelectable(e)||!a)return;if(Array.from(a).every(l=>this.isSelected(l)||!this._isNodeSelectable(l))){const l=this.selectedNodes.has(e);this.selectedNodes.add(e),l||this.selectedSelectableCount++,this._selectParentIfAllChildrenSelected(e)}}_deselectParentIfNoChildrenSelected(t){const e=this.nodeParentId.get(t),a=this.nodeChildren.get(e);if(!e||!a)return;if(Array.from(a).every(l=>!this.isSelected(l))){const l=this.selectedNodes.has(e);this.selectedNodes.delete(e),this.explicitlySelected.delete(e),l&&this._isNodeSelectable(e)&&this.selectedSelectableCount--,this._deselectParentIfNoChildrenSelected(e)}}_isNodeSelectable(t){const e=this.nodeType.get(t);return e==="branch"&&this.options.branchesSelectable||e==="leaf"&&this.options.leavesSelectable}isSelected(t){return this.selectedNodes.has(t)}getSelectedNodes(){const t=[];return this.selectedNodes.forEach(e=>{if(this._isNodeSelectable(e)){const a=this.nodeObject.get(e);if(a){const s={...a,nodeId:e,nodeType:this.nodeType.get(e),nodeIsSelected:!0,explicitlySelected:this.explicitlySelected.has(e)};t.push(s)}}}),t}applySelectionToTreeData(t){return this._applySelectionRecursively(t)}_applySelectionRecursively(t){return t.map(e=>{const a=this.isSelected(e.id),s=e.nodeIsSelected!==a;let l=e;if(s&&(l={...e,nodeIsSelected:a,nodeId:e.id,nodeType:this.nodeType.get(e.id)}),e.children&&e.children.length>0){const c=this._applySelectionRecursively(e.children);c.some((u,o)=>u!==e.children[o])&&(l=l===e?{...e}:l,l.children=c)}return l})}clearAllSelections(){this.selectedNodes.clear(),this.explicitlySelected.clear(),this.selectedSelectableCount=0}selectAllSelectableNodes(){this.nodeType.forEach((t,e)=>{if(this._isNodeSelectable(e)){const a=this.selectedNodes.has(e);this.selectedNodes.add(e),this.explicitlySelected.add(e),a||this.selectedSelectableCount++}})}areAllSelectableNodesSelected(){return this.totalSelectableCount>0&&this.selectedSelectableCount===this.totalSelectableCount}clearIndexes(){this.nodePath.clear(),this.nodeParentId.clear(),this.nodeChildren.clear(),this.nodeType.clear(),this.nodeObject.clear(),this.selectedNodes.clear(),this.explicitlySelected.clear(),this.totalSelectableCount=0,this.selectedSelectableCount=0}}const U={name:"DpTreeList",components:{DpDraggable:E,DpTreeListCheckbox:V,DpTreeListNode:de,DpTreeListToggle:F},props:{branchIdentifier:{type:Function,required:!0},draggable:{type:Boolean,required:!1,default:!0},onMove:{type:Function,required:!1,default:()=>!0},options:{type:Object,required:!1,default:()=>({})},treeData:{type:Array,required:!0}},emits:["tree:change","draggable:change","node-selection-change"],data(){return{allElementsExpanded:!1,dragging:!1,opts:{},selectionManager:null,optimizedTreeData:[],updateScheduled:!1}},computed:{checkAll(){return this.opts.branchesSelectable||this.opts.leavesSelectable},checkboxIndentationStyle(){return`margin-left: ${this.opts.dragBranches||this.opts.dragLeaves?w:0}px;`},tree:{get(){return this.treeData},set(n){this.$emit("tree:change",n)}},allElementsSelected:{get(){return this.selectionManager?.areAllSelectableNodesSelected()||!1},set(n){if(!this.selectionManager)return;n?this.selectionManager.selectAllSelectableNodes():this.selectionManager.clearAllSelections(),this.scheduleTreeUpdate();const t=this.selectionManager.getSelectedNodes(),e=this.filterSelectableNodes(t);this.$emit("node-selection-change",e)}}},watch:{treeData:{handler(n){this.rebuildIndexesAndUpdateTree(n)},immediate:!0,deep:!1}},methods:{rebuildIndexesAndUpdateTree(n){this.selectionManager&&(this.selectionManager.buildIndexes(n,this.branchIdentifier),this.scheduleTreeUpdate())},scheduleTreeUpdate(){this.updateScheduled||(this.updateScheduled=!0,this.$nextTick(()=>{this.optimizedTreeData=this.selectionManager.applySelectionToTreeData(this.treeData),this.updateScheduled=!1}))},handleNodeSelectionChanged(n){this.selectionManager.toggleSelection(n),this.scheduleTreeUpdate();const t=this.selectionManager.getSelectedNodes(),e=this.filterSelectableNodes(t);this.$emit("node-selection-change",e)},bubbleChangeEvent(n){this.$emit("tree:change",n)},bubbleDraggableChange(n){this.$emit("draggable:change",n)},destroyFixedControls(){this.stickyHeader&&this.stickyHeader.destroy(),this.stickyFooter&&this.stickyFooter.destroy()},filterSelectableNodes(n){return this.opts.branchesSelectable&&this.opts.leavesSelectable?n:n.filter(({nodeType:t})=>{let e=!1;return(this.opts.branchesSelectable&&t==="branch"||this.opts.leavesSelectable&&t==="leaf")&&(e=!0),e})},handleChange(n,t){if(n.type==="change"){const{newIndex:e}=n,a={elementId:n.item.id,newIndex:e,parentId:t};this.$emit("draggable:change",a)}},handleDrag(n,t,e,a){this.$emit(n,t,e,a),this.dragging=n==="start"},initFixedControls(){this.$nextTick(()=>{const n=this.$refs.header;if(n&&n.offsetHeight>0&&(this.stickyHeader=new T(n,this.$refs.treeList.$el,0,"top")),this.$slots.footer){const t=this.$refs.footer;t&&t.offsetHeight>0&&(this.stickyFooter=new T(t,this.$refs.treeList.$el,0,"bottom"))}})},toggleAll(){this.$root.$emit("treelist:toggle-all",!this.allElementsExpanded),this.allElementsExpanded=!this.allElementsExpanded},unselectAll(){this.selectionManager&&(this.selectionManager.clearAllSelections(),this.scheduleTreeUpdate(),this.allElementsSelected=!1,this.$emit("node-selection-change",[]))}},mounted(){const n={branchesSelectable:!1,leavesSelectable:!1,rootDraggable:!1,dragAcrossBranches:!1,dragBranches:!1,dragLeaves:!1,draggable:{handle:".c-treelist__drag-handle",ghostClass:"c-treelist__node-ghost",chosenClass:"c-treelist__node-chosen"},checkboxIdentifier:{branch:"nodeSelected",leaf:"nodeSelected"},selectOn:{childSelect:!1,parentSelect:!1},deselectOn:{childDeselect:!1,parentDeselect:!1}};this.opts=M(n,this.options),this.selectionManager=new oe(this.opts),this.rebuildIndexesAndUpdateTree(this.treeData),this.initFixedControls()},beforeUnmount(){this.destroyFixedControls()}},ce={class:"flex bg-color--white"},he={class:"grow color--grey"},ue={key:0,ref:"footer",class:"c-treelist__footer o-sticky"},ge={class:"u-p-0_5 bg-color--white"};function fe(n,t,e,a,s,l){const c=m("dp-tree-list-checkbox"),d=m("dp-tree-list-toggle"),u=m("dp-tree-list-node");return i(),p("div",{class:y(["c-treelist",{"is-dragging":s.dragging}])},[h("div",{ref:"header",class:y(["c-treelist__header o-sticky line-height--2",{"has-checkbox":l.checkAll}])},[h("div",ce,[l.checkAll?(i(),g(c,{key:0,modelValue:l.allElementsSelected,"onUpdate:modelValue":t[0]||(t[0]=o=>l.allElementsSelected=o),name:"checkAll","check-all":"",style:q(l.checkboxIndentationStyle)},null,8,["modelValue","style"])):b("",!0),h("div",he,[S(n.$slots,"header")]),e.treeData.length>0?(i(),g(d,{key:1,class:"color--grey","data-cy":"treeListNodeToggle",value:s.allElementsExpanded,"toggle-all":"",onInput:l.toggleAll},null,8,["value","onInput"])):b("",!0)])],2),(i(),g(I(e.draggable&&s.opts.rootDraggable?"dp-draggable":"div"),{ref:"treeList","drag-across-branches":s.opts.dragAcrossBranches?s.opts.dragAcrossBranches:null,class:"list-style-none u-mb-0 u-1-of-1","data-cy":"treeListNode","content-data":e.draggable?s.optimizedTreeData:[],"draggable-tag":"ul","handle-change":l.handleChange,"handle-drag":l.handleDrag,"is-draggable":e.draggable?e.draggable:null,"on-move":e.onMove,opts:s.opts.draggable},{default:v(()=>[(i(!0),p(B,null,C(s.optimizedTreeData,(o,D)=>(i(),g(u,{ref_for:!0,ref:`node_${o.id}`,key:o.id,"data-cy":`treeListNode:${D}`,"check-branch":e.branchIdentifier,children:o.children||[],draggable:e.draggable,"handle-change":l.handleChange,"handle-drag":l.handleDrag,level:0,node:o,"node-id":o.id,"on-move":e.onMove,options:s.opts,"selection-manager":s.selectionManager,"onDraggable:change":l.bubbleDraggableChange,onEnd:t[1]||(t[1]=r=>l.handleDrag("end")),onNodeSelected:l.handleNodeSelectionChanged,onStart:t[2]||(t[2]=r=>l.handleDrag("start")),"onTree:change":l.bubbleChangeEvent},A({_:2},[C(Object.keys(n.$slots),r=>({name:r,fn:v(x=>[S(n.$slots,r,L({ref_for:!0},x))])}))]),1032,["data-cy","check-branch","children","draggable","handle-change","handle-drag","node","node-id","on-move","options","selection-manager","onDraggable:change","onNodeSelected","onTree:change"]))),128))]),_:3},40,["drag-across-branches","content-data","handle-change","handle-drag","is-draggable","on-move","opts"])),n.$slots.footer?(i(),p("div",ue,[h("div",ge,[S(n.$slots,"footer")])],512)):b("",!0)],2)}const xe=k(U,[["render",fe]]);U.__docgenInfo={displayName:"DpTreeList",exportName:"default",description:"",tags:{},props:[{name:"branchIdentifier",description:"Function to determine if a node is a branch or a leaf.",type:{name:"func"},required:!0},{name:"draggable",description:"Enable drag and drop functionality",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"onMove",description:`Callback to be executed on move event of draggable.
-It can be used to cancel drag by returning false.`,type:{name:"func"},required:!1,defaultValue:{func:!0,value:"() => true"}},{name:"options",description:"Configuration options for the tree list.",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"{}"}},{name:"treeData",description:"Array of tree nodes with hierarchical structure.",type:{name:"array"},required:!0}],events:[{name:"tree:change",type:{names:["Event"]},description:"Emitted when tree structure changes."},{name:"draggable:change",type:{names:["Event"]},description:"Emitted when an element is moved via drag and drop."},{name:"node-selection-change",type:{names:["undefined"]}}],slots:[{name:"header",description:"Content displayed at the top of the tree list. Typically used for column headers or global actions."},{name:"slot",scoped:!0,description:"branch: Template for rendering branch nodes. Receives props: nodeElement, nodeChildren, nodeId, parentId. leaf: Template for rendering leaf nodes. Receives props: nodeElement, nodeId, parentId.",bindings:[{name:"name",title:"binding"}]},{name:"footer",description:"Content displayed at the bottom of the tree list. Useful for summary information or action buttons."}],sourceFiles:["/home/florian/Dev/demosplan-ui/src/components/DpTreeList/DpTreeList.vue"]};export{xe as D};