bb_component_supertree 1.0.1

package/README.md

@@ -0,0 +1,25 @@
+# SuperTree
+
+Super Tree
+
+An interactive tree view component for displaying hierarchical data structures with expand and collapse functionality and node selection.
+
+## Metadata
+
+| | |
+|---|---|
+| **Type** | Budibase Component |
+| **Category** | basic |
+| **Topics** | `budibase`, `component`, `basic` |
+
+## Development
+
+```bash
+bun install
+bun link @poirazis/superlib
+bun run build
+```
+
+## Schema
+
+See `schema.json` for the component definition.

package/dist/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "bb_component_supertree",
+  "version": "1.0.1",
+  "description": "Super Tree",
+  "license": "MIT",
+  "author": "Michael Poirazi - https://github.com/poirazis"
+}

package/dist/plugin.min.js

@@ -0,0 +1,2 @@
+!function(){try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".super-button.svelte-2mtbnl{border:1px solid var(--spectrum-global-color-gray-400);background-color:var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-800);justify-content:center;align-items:center;gap:.75rem;min-width:4rem;height:2rem;padding:0 1rem;transition:all .15s ease-in-out;display:flex;&.spectrum-ActionButton{border-radius:4px!important;padding:0 .75rem!important}&.spectrum-ActionButton.xsmall{border-radius:4px!important;padding:0 .5rem!important}&.xsmall{height:1.5rem;min-width:unset;border-radius:1rem;gap:.5rem;padding:0 .5rem;font-size:12px;&>i:where(.svelte-2mtbnl){font-size:15px}}&.small{gap:.5rem;min-width:4rem;height:1.75rem;padding:0 .75rem;font-size:13px}&.large{height:2.25rem;padding:0 1.25rem;font-size:16px;&>i:where(.svelte-2mtbnl){font-size:18px}}&>span:where(.svelte-2mtbnl){white-space:nowrap;font-weight:600}&.icon{&>i:where(.svelte-2mtbnl){display:block}}&.iconOnly{min-width:unset;aspect-ratio:1;border-radius:.25rem;padding:0 .5rem;&>span:where(.svelte-2mtbnl){display:none}}&>i:where(.svelte-2mtbnl){opacity:.9;display:none}}.menu-item.svelte-2mtbnl{border-radius:0;justify-content:flex-start;width:100%;font-weight:500;border:unset!important;background-color:#0000!important;&:hover{color:var(--spectrum-global-color-gray-900);background-color:var(--spectrum-global-color-gray-200)!important}}.menu-item-right.svelte-2mtbnl{width:100%;justify-content:flex-end!important}.full-width.svelte-2mtbnl{width:100%}.cta.svelte-2mtbnl{background-color:var(--spectrum-global-color-blue-400);color:#fff;border:1px solid #0000;&.quiet{border:1px solid var(--spectrum-global-color-blue-100);color:var(--spectrum-global-color-blue-700);background-color:#0000;&:hover{background-color:var(--spectrum-global-color-blue-400);color:#fff}&:focus{border:1px dashed var(--spectrum-global-color-blue-700);font-weight:bolder}}&:hover{background-color:var(--spectrum-global-color-blue-600);border-color:var(--spectrum-global-color-blue-600)}&:active{border:1px solid var(--spectrum-global-color-blue-700)}}.ink.svelte-2mtbnl{background-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50);border:1px solid #0000;&.quiet{color:var(--spectrum-global-color-gray-800);background-color:#0000;border-color:#0000!important;&:hover,&:focus{color:var(--spectrum-global-color-gray-50);background-color:var(--spectrum-global-color-gray-900)}}&:hover,&:focus:not(.working){background-color:var(--spectrum-global-color-gray-900)}}.primary.svelte-2mtbnl{&:hover,&:focus{border:1px solid var(--spectrum-global-color-gray-500);background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}&:active{background-color:var(--spectrum-global-color-gray-100);scale:.9}&.quiet{background-color:#0000;border-color:#0000;&:hover{background-color:var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-900)}}}.secondary.svelte-2mtbnl{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-700);border-color:#0000;font-weight:500;&.quiet{background-color:#0000;&:hover{background-color:var(--spectrum-global-color-gray-300)}}&:hover{background-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-900)}&:focus{border:1px dashed var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-900)}}.warning.svelte-2mtbnl{background-color:var(--spectrum-global-color-red-400);color:#fff;border:1px solid #0000;&.quiet{color:var(--spectrum-global-color-red-400);background-color:#0000;border-color:#0000;&:hover{border-color:var(--spectrum-global-color-red-400);background-color:var(--spectrum-global-color-red-400);color:#fff;font-weight:bolder}&:focus{border:1px dashed var(--spectrum-global-color-red-700);font-weight:bolder}}&:hover:not(.quiet){background-color:var(--spectrum-global-color-red-700);font-weight:bolder}&:focus{border:1px dashed var(--spectrum-global-color-red-700);font-weight:bolder}}.overBackground.svelte-2mtbnl{background-color:#0000;&.quiet{border:unset}}.disabled.svelte-2mtbnl{cursor:not-allowed;border-color:var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-400)!important;&.quiet{background-color:unset!important;border:1px solid #0000!important}}.working.svelte-2mtbnl{cursor:progress;border:1px solid var(--spectrum-global-color-gray-400)!important;background-color:var(--spectrum-global-color-gray-300)!important;&>span:where(.svelte-2mtbnl){color:var(--spectrum-global-color-gray-600)!important}&>i:where(.svelte-2mtbnl){display:block;color:var(--spectrum-global-color-gray-700)!important;animation:1s linear infinite svelte-2mtbnl-spin!important}}@keyframes svelte-2mtbnl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hide-popover.svelte-1vbe9zl{display:contents}.spectrum-Popover.svelte-1vbe9zl{border-color:var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-50);overflow:auto}.customZindex.svelte-1vbe9zl{z-index:var(--customZindex)!important}.tooltip-content.svelte-wpz8wc{color:var(--spectrum-global-color-gray-700);background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-300);word-wrap:break-word;border-radius:4px;max-width:200px;padding:4px 12px;font-size:12px;box-shadow:0 2px 8px #00000026}.tooltip-content.info.svelte-wpz8wc{background-color:var(--spectrum-global-color-blue-100);border-color:rgb(from var(--spectrum-global-color-blue-500) r g b / 50%);color:var(--spectrum-global-color-gray-800);padding:4px 12px}.searchHeader.svelte-sbpu7l{flex:none;justify-content:space-between;align-items:center;height:2rem;margin-bottom:.1rem;display:flex;overflow:hidden;&.inEdit{justify-content:flex-start;align-items:center}&>.title:where(.svelte-sbpu7l){white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;color:var(--spectrum-global-color-gray-900);letter-spacing:1.1px;align-self:center;padding-left:.75rem;font-size:14px;font-weight:500;overflow:hidden}}.search.svelte-sbpu7l{align-items:stretch;width:100%;height:100%;display:flex}.search-input.svelte-sbpu7l{font-size:inherit;color:var(--spectrum-global-color-gray-800);background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-200);border-radius:4px;outline:none;max-width:100%;padding:0 .75rem}.search-input.svelte-sbpu7l:focus{border:1px solid var(--spectrum-global-color-blue-600)!important}.clear-icon.svelte-sbpu7l{cursor:pointer;color:var(--spectrum-global-color-red-400);justify-content:center;align-items:center;margin-left:-1.5rem;display:flex}.clear-icon.svelte-sbpu7l:hover{color:var(--spectrum-global-color-red-600);font-weight:700}.actionMenu.svelte-sbpu7l{flex-direction:column;align-items:stretch;min-width:160px;padding:.25rem;display:flex}.action-buttons.svelte-sbpu7l{flex:none;align-items:center;gap:.25rem;display:flex;&>.drop-menu-icon:where(.svelte-sbpu7l){aspect-ratio:1;justify-content:center;align-items:center;min-width:1.25rem;margin-left:.25rem;margin-right:.25rem;font-size:12px;display:flex;&:hover{color:var(--spectrum-global-color-gray-900);cursor:pointer}}}.tree-node.svelte-1l8c7cs{background:unset;width:100%;padding:unset;border:unset;color:var(--spectrum-global-color-gray-700);line-height:1.75rem;position:relative}.tree-node.is-empty.svelte-1l8c7cs{color:var(--spectrum-global-color-gray-600);font-style:italic}.tree-node-item.svelte-1l8c7cs{background-color:#0000;border-radius:.25rem;justify-content:flex-start;align-items:center;max-height:1.75rem;display:flex;position:relative;overflow:hidden}.tree-node-item.selected.svelte-1l8c7cs{background-color:var(--selected-bg);color:var(--spectrum-global-color-gray-800)!important}.tree-node-item.selected.svelte-1l8c7cs .children-count:where(.svelte-1l8c7cs){color:var(--spectrum-global-color-gray-800)!important}.tree-node-item.hasChildren.svelte-1l8c7cs:not(.disabled),.tree-node-item.selectable.svelte-1l8c7cs:hover{cursor:pointer}.tree-node-item.svelte-1l8c7cs:hover:not(.selected):not(.disabled):not(.is-menu-open){background-color:var(--hover-bg);color:var(--spectrum-global-color-gray-800)}.tree-node-item.svelte-1l8c7cs:hover:not(.disabled),.tree-node-item.is-menu-open.svelte-1l8c7cs{color:var(--spectrum-global-color-gray-700);background-color:var(--selected-bg)}.tree-node-item.svelte-1l8c7cs:hover:not(.disabled) .children-count:where(.svelte-1l8c7cs),.tree-node-item.is-menu-open.svelte-1l8c7cs .children-count:where(.svelte-1l8c7cs){color:var(--spectrum-global-color-gray-800)!important}.tree-node-item.svelte-1l8c7cs:hover:not(.disabled)>.menu-icon:where(.svelte-1l8c7cs),.tree-node-item.is-menu-open.svelte-1l8c7cs>.menu-icon:where(.svelte-1l8c7cs){visibility:visible}.tree-node-item.svelte-1l8c7cs>.menu-icon:where(.svelte-1l8c7cs){visibility:hidden;cursor:pointer;color:var(--spectrum-global-color-gray-700)}.tree-node-item.rightChevron.svelte-1l8c7cs{padding-left:.75rem}.tree-node-item.rightChevron.hasDropMenu.svelte-1l8c7cs{padding-left:.25rem!important}.tree-node-item.empty.svelte-1l8c7cs{color:var(--spectrum-global-color-gray-600);padding-left:.75rem;font-style:italic}.tree.svelte-1l8c7cs{flex-direction:column;align-items:stretch;min-width:190px;margin-left:1rem;display:flex;position:relative}.super-tree.list .tree-node.svelte-1l8c7cs{background-color:var(--spectrum-global-color-gray-75);border:1px solid var(--spectrum-global-color-gray-300);border-radius:4px}.super-tree.list .tree-node.svelte-1l8c7cs:hover{border-color:var(--spectrum-global-color-gray-400)}.super-tree.list .tree-node.selected.svelte-1l8c7cs{border-color:var(--spectrum-global-color-blue-500)}.super-tree.list .tree-node-item.svelte-1l8c7cs{max-height:unset;padding:.25rem}.super-tree.list .tree.svelte-1l8c7cs{gap:.5rem;margin-left:1rem;padding:.5rem}.branch.svelte-1l8c7cs{font-weight:600;color:var(--spectrum-global-color-gray-600)!important}.chevron.svelte-1l8c7cs{color:var(--spectrum-global-color-gray-700);transition:all .13s}.chevron.open.svelte-1l8c7cs{color:var(--spectrum-global-color-gray-800);transform:rotate(90deg)}.chevron.locked.svelte-1l8c7cs{opacity:.5;pointer-events:none}.chevron.disabled.svelte-1l8c7cs{opacity:.3;pointer-events:none;cursor:pointer}.children-count.svelte-1l8c7cs{color:var(--spectrum-global-color-gray-600);margin-left:.25rem;font-family:monospace;font-size:smaller}.action-menu.svelte-1l8c7cs{flex-direction:column;align-items:stretch;min-width:160px;padding:.25rem;display:flex}.left-contents.svelte-1l8c7cs{align-items:center;gap:.25rem;min-width:0;padding-right:.5rem;display:flex}.node-icon.svelte-1l8c7cs{opacity:.85;margin-right:.25rem;font-size:1rem}.node-icon.selected.svelte-1l8c7cs{opacity:1}.menu-icon.svelte-1l8c7cs{color:var(--spectrum-global-color-gray-600);cursor:pointer;margin-right:.75rem;font-size:1rem}.menu-icon.left.svelte-1l8c7cs{margin-left:.25px;margin-right:.25rem}.ph.ph-square.svelte-1l8c7cs{color:var(--spectrum-global-color-gray-600);font-size:1rem;font-weight:300}.ph.ph-check-square.svelte-1l8c7cs{color:var(--spectrum-global-color-gray-800);font-size:1rem;font-weight:500}.control-content.svelte-1l8c7cs{justify-content:center;align-items:center;min-width:1.75rem;padding-left:.25rem;display:flex;&.flat{min-width:.75rem}}.left-contents.svelte-1l8c7cs>.label:where(.svelte-1l8c7cs){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label.selectable.svelte-1l8c7cs:hover{cursor:pointer}.super-tree.svelte-1l9u2si{color:var(--spectrum-global-color-gray-700);--selected-bg:var(--spectrum-global-color-gray-300);--hover-bg:var(--spectrum-global-color-gray-200);--highlighter-bg:#00ff0040;flex-direction:column;width:200px;height:360px;display:flex;position:relative;overflow:hidden}.super-tree.nested.svelte-1l9u2si{width:100%;height:unset;background-color:#0000;border:none;flex:none;min-width:fit-content;min-height:fit-content}.super-tree.svelte-1l9u2si>.tree:where(.svelte-1l9u2si){flex-direction:column;flex:auto;align-items:stretch;display:flex;overflow:auto}.super-tree.disabled.svelte-1l9u2si{color:var(--spectrum-global-color-gray-600)}.super-tree.list.svelte-1l9u2si>.tree:where(.svelte-1l9u2si){gap:.25rem;padding:.5rem}.super-tree.list.nested.svelte-1l9u2si>.tree:where(.svelte-1l9u2si){padding:unset}.super-tree.flex.svelte-1l9u2si:not(.nested){flex:1 0 auto}.loader.svelte-1l9u2si{align-items:center;height:2rem;padding-left:1rem;display:flex}.loader.list.svelte-1l9u2si{height:2.6rem}.loader.svelte-1l9u2si>.animation:where(.svelte-1l9u2si){aspect-ratio:5;background:radial-gradient(closest-side at 37.5% 50%, var(--spectrum-global-color-blue-500) 94%, #0000) 0 / calc(80% / 3) 100%;height:5px;animation:.75s linear infinite svelte-1l9u2si-l48;mask:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}@keyframes svelte-1l9u2si-l48{to{background-position:36.36%}}.plugin-error.svelte-1q1ah0h{border:1px solid var(--spectrum-global-color-red-400);background:var(--spectrum-global-color-red-100);color:var(--spectrum-global-color-red-800);box-sizing:border-box;border-radius:4px;flex-direction:column;gap:.25rem;width:100%;padding:.5rem .75rem;font-size:13px;display:flex}.plugin-error-title.svelte-1q1ah0h{font-weight:600}.plugin-error-detail.svelte-1q1ah0h{color:var(--spectrum-global-color-red-700);word-break:break-word;font-size:12px}\n/*$vite$:1*/")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+var plugin=function(e,t,o,r,n){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});var l,i,s,a=Object.create,d=Object.defineProperty,c=Object.getOwnPropertyDescriptor,p=Object.getOwnPropertyNames,u=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;s=null!=(l=t)?a(u(l)):{},t=((e,t,o,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var n,l=p(t),i=0,s=l.length;i<s;i++)n=l[i],g.call(e,n)||n===o||d(e,n,{get:(e=>t[e]).bind(null,n),enumerable:!(r=c(t,n))||r.enumerable});return e})(!i&&l&&l.__esModule?s:d(s,"default",{value:l,enumerable:!0}),l);function h(e){return null==e?{active:!0,text:"",delay:500,whenTruncated:!0,position:"above-center"}:"string"==typeof e?{active:e.length>0,text:e,delay:500,whenTruncated:!1,position:"above-center"}:!1===e.enabled?{active:!1,text:"",delay:500,whenTruncated:!0,position:"above-center"}:{active:!0,text:e.text??"",delay:e.delay??500,whenTruncated:e.whenTruncated??!0,position:e.position??"above-center"}}var m=null,v=null,b=!1;function f(e,t,o=500,r=!0,n="above-center"){r&&e.scrollWidth<=e.offsetWidth||(v&&clearTimeout(v),v=setTimeout(()=>{m&&m.remove();const o=function(){const e=document.createElement("div");return e.className="tooltip-popup",e.setAttribute("role","tooltip"),(document.getElementById("app-root")||document.body).appendChild(e),e}();o.textContent=t,function(e,t,o){const r=e.getBoundingClientRect(),[n,l]=o.split("-");let i="above"===n?t.top-r.height-4:t.bottom+4,s=t.left;"center"===l?s=t.left+(t.width-r.width)/2:"end"===l&&(s=t.right-r.width);const a=window.innerWidth-r.width-4,d=window.innerHeight-r.height-4;e.style.top=`${Math.max(4,Math.min(i,d))}px`,e.style.left=`${Math.max(4,Math.min(s,a))}px`}(o,e.getBoundingClientRect(),n),m=o},o))}function y(){v&&(clearTimeout(v),v=null),m&&(m.remove(),m=null)}function _(e,t){!function(){if(b)return;b=!0;const e=document.createElement("style");e.textContent="\n\t\t.tooltip-popup {\n      background: var(--spectrum-global-color-gray-700);\n      color: var(--spectrum-global-color-gray-50);\n\t\t\tposition: fixed !important;\n\t\t\tz-index: 10000 !important;\n\t\t\tmax-width: 20rem;\n\t\t\tpadding: 0.35rem 0.5rem;\n\t\t\tborder-radius: 0.25rem;\n\t\t\tfont-family: 'inter', sans-serif;\n\t\t\tfont-size: 11px;\n\t\t\tline-height: 1.35;\n\t\t\twhite-space: normal;\n\t\t\tword-break: break-word;\n\t\t\toverflow-wrap: break-word;\n\t\t\tbox-shadow: 0 2px 8px rgb(0 0 0 / 0.18);\n\t\t\tpointer-events: none;\n\t\t\tdisplay: block !important;\n\t\t\tvisibility: visible !important;\n\t\t\topacity: 1 !important;\n\t\t}\n\t",document.head.appendChild(e)}();let o,r=h(t);const n=()=>{o&&(e.removeEventListener("mouseenter",o),o=void 0),e.removeEventListener("mouseleave",y),y()},l=()=>{n(),r.active&&(o=()=>{const t=r.whenTruncated?r.text||e.textContent||"":r.text||"";t&&f(e,t,r.delay,r.whenTruncated,r.position)},e.addEventListener("mouseenter",o),e.addEventListener("mouseleave",y))};return l(),{update(e){r=h(e),l()},destroy(){n()}}}var C=t.from_html('<button><i></i> <span class="svelte-2mtbnl"> </span></button>');function w(e,r){t.push(r,!0);let n=t.prop(r,"size",3,"M"),l=t.prop(r,"menuItem",3,!1),i=t.prop(r,"menuAlign",3,"right"),s=t.prop(r,"icon",3,void 0),a=t.prop(r,"iconAfterText",3,void 0),d=t.prop(r,"iconColor",3,void 0),c=t.prop(r,"filledIcon",3,void 0),p=t.prop(r,"text",7,"Button"),u=t.prop(r,"quiet",3,void 0),g=t.prop(r,"selected",3,void 0),h=t.prop(r,"disabled",3,void 0),m=t.prop(r,"onClick",3,void 0),v=t.prop(r,"buttonClass",3,"actionButton"),b=t.prop(r,"type",3,"primary"),f=t.prop(r,"tooltip",3,void 0),y=t.prop(r,"confirm",3,!1),w=t.prop(r,"condition",3,void 0),k=t.prop(r,"actionsMode",3,"normal"),x=t.prop(r,"loopSource",3,void 0),S=t.prop(r,"loopDelay",3,750);t.prop(r,"loopEvent",3,void 0);let I,N=t.prop(r,"timerDuration",3,60),$=t.prop(r,"fullWidth",3,void 0),T=t.prop(r,"iconOnly",3,void 0),M=t.prop(r,"onTimer",3,void 0),B=t.prop(r,"onLoopStart",3,void 0),O=t.prop(r,"onLoopEvent",3,void 0),G=t.prop(r,"onLoopEnd",3,void 0),A=t.prop(r,"onTrueCondition",3,void 0),D=t.prop(r,"onFalseCondition",3,void 0),E=t.prop(r,"workingState",3,void 0),F=t.state(!1),L=t.state(!1),P=t.derived(()=>f()?{text:f(),whenTruncated:!1}:{enabled:!1}),V=0,j=t.derived(()=>t.get(F)?"Confirm ?":p()||("timer"==k()?N():"")),W=t.derived(()=>"actionButton"==v()?"spectrum-ActionButton spectrum-ActionButton--size"+n():"spectrum-Button spectrum-Button--size"+n()),z=t.derived(()=>t.get(L)||E()?"ph ph-spinner-gap ph-spin":s()&&!s().startsWith("ri-")?"ph ph-"+s():s()?s():"timer"==k()?"ph ph-timer":void 0);t.user_effect(()=>("timer"==k()&&(0,o.untrack)(()=>{p(N().toString()),I=setInterval(()=>{V+=1,V==N()&&(t.set(L,!0),V=0,M()?.(),R(200).then(()=>{t.set(L,!1)})),p((N()-V).toString())},1e3)}),()=>{clearInterval(I)}));function R(e){return new Promise(t=>setTimeout(t,e))}let q=t.derived(()=>(e=>{if(!e)return;let t=[];try{t=JSON.parse(e),Array.isArray(t)||(t=[e])}catch(o){t=e?.split(",")??[e]}return t})(x())),U=t.derived(()=>h()?"disabled":t.get(L)||E()?"working":""),H=t.derived(()=>l()?"":b());var Q=C();let Z;var J=t.child(Q);let X,K;var Y=t.sibling(J,2),ee=t.child(Y,!0);t.reset(Y),t.reset(Q),t.action(Q,(e,t)=>_?.(e,t),()=>t.get(P)),t.effect(()=>t.event("click",Q,e=>{!async function(e){if(!h()&&"timer"!=k()&&!E())if(!y()||t.get(F)){if(console.log(k(),m(),O()),t.set(F,!1),t.set(L,!0),"loop"==k()){if(B()&&await B()({iterations:x()?.length}),Array.isArray(t.get(q))&&O()){for(var o=0;o<t.get(q).length;o++)t.set(j,`Processing ${o+1}/${t.get(q).length}`),await O()({idx:o,value:t.get(q)[o]}),await R(S());t.set(j,"Done"),await R(300),t.set(j,p())}G()&&await G()()}else"conditional"==k()?1==w()?await(A()?.()):await(D()?.()):m()&&await(m()?.(e));t.set(L,!1)}else t.set(F,!0)}(e)})),t.effect(()=>t.event("blur",Q,()=>{t.set(F,!1)})),t.template_effect(()=>{t.set_attribute(Q,"tabindex",h()?-1:0),Z=t.set_class(Q,1,`super-button ${t.get(H)??""} ${t.get(U)??""} ${t.get(W)??""}`,"svelte-2mtbnl",Z,{"menu-item":l(),"menu-item-right":l()&&"right"==i(),xsmall:"XS"==n(),small:"S"==n(),large:"L"==n(),"is-selected":g(),quiet:u(),icon:t.get(z),iconOnly:T()||!p(),"full-width":$()}),X=t.set_class(J,1,t.clsx(t.get(F)?"ph ph-check":t.get(z)),"svelte-2mtbnl",X,{"ph-fill":c()}),K=t.set_style(J,"",K,{order:a()?1:0,color:h()?"var(--spectrum-global-color-gray-400)":d()}),t.set_text(ee,t.get(j))}),t.append(e,Q),t.pop()}function k(e,o){var r=t.comment(),n=t.first_child(r);t.snippet(n,()=>o.children??t.noop),t.append(e,r)}var x=[".flatpickr-calendar",".spectrum-Popover",".download-js-link"],S=[],I=e=>{if(!e.target.closest('[data-ignore-click-outside="true"]')){for(let t of x)if(e.target.closest(t))return;S.forEach(t=>{if(t.element.contains(e.target))return;const o=null!=t.anchor.closest(".spectrum-Underlay");(null==e.target.closest(".spectrum-Underlay")||o)&&t.callback?.(e)})}};document.documentElement.addEventListener("click",I,!0),document.documentElement.addEventListener("contextmenu",I,!0);var N=(e,t)=>{const o=Math.random(),r=t=>{const r=t?.callback||t;((e,t,o,r)=>{let n=S.find(t=>t.id===e);n?n.callback=r:S.push({id:e,element:t,anchor:o,callback:r})})(o,e,t?.anchor||e,r)};return r(t),{update:r,destroy:()=>(e=>{S=S.filter(t=>t.id!==e)})(o)}},$=t.from_html('<div tabindex="0" role="presentation"><!></div>');function T(e,n){t.push(n,!0);const l=(0,o.createEventDispatcher)();let i=t.prop(n,"align",3,"right"),s=t.prop(n,"open",15,!1),a=t.prop(n,"useAnchorWidth",3,!1),d=t.prop(n,"dismissible",3,!0),c=t.prop(n,"offset",3,5),p=t.prop(n,"animate",3,!0),u=t.prop(n,"showPopover",3,!0),g=t.prop(n,"clickOutsideOverride",3,!1),h=t.prop(n,"ignoreAnchor",3,!0),m=t.prop(n,"popup",15),v=t.derived(()=>n.portalTarget||".spectrum");const b=()=>{l("open"),s(!0)},f=()=>{l("close"),s(!1)},y=e=>{if(!g()&&s()){let t=e.target,o=!1;for(;!o&&t&&t.parentNode;)o=t===n.anchor,t=t.parentNode;(!o||o&&!h())&&f()}};function _(e){g()&&s()&&"Escape"===e.key&&f()}var C={show:b,hide:f,toggle:()=>{s()?f():b()},hasFocus:()=>m()?.matches(":focus-within")},w=t.comment(),x=t.first_child(w),S=e=>{!function(e,r){t.push(r,!0);const n=t.prop(r,"disabled",3,!1);t.user_effect(()=>{let e,t;if(!n()){if(r.target)return t="string"==typeof r.target?document.querySelector(r.target):r.target,t&&(e=(0,o.mount)(k,{target:t,props:{children:r.children}})),()=>{e&&(0,o.unmount)(e)};console.warn(`[svelte-portal] Invalid Portal target: ${r.target}`)}});var l=t.comment(),i=t.first_child(l),s=e=>{var o=t.comment(),n=t.first_child(o);t.snippet(n,()=>r.children),t.append(e,o)};t.if(i,e=>{n()&&e(s)}),t.append(e,l),t.pop()}(e,{get target(){return t.get(v)},children:(e,o)=>{var l=$();let g;var h=t.child(l);t.snippet(h,()=>n.children??t.noop),t.reset(l),t.bind_this(l,e=>m(e),()=>m()),t.action(l,(e,t)=>function(e,t){let o,r=t,n=null,l="",i=!1;const s=()=>{d(r)},a=()=>{const{anchor:t}=r;if(!t)return void(n=requestAnimationFrame(a));if(!t.isConnected)return void(i||(i=!0,e.dispatchEvent(new CustomEvent("anchorlost",{bubbles:!1}))));i=!1;const o=`${(s=t.getBoundingClientRect()).top},${s.left},${s.width},${s.height}`;var s;o!==l&&(l=o,d(r)),n=requestAnimationFrame(a)},d=t=>{const{anchor:o,align:r,maxHeight:n,maxWidth:l,minWidth:i=0,useAnchorWidth:s,offset:a=5,customUpdate:d,offsetBelow:c}=t;if(!o||!o.isConnected)return;const p=o.getBoundingClientRect(),u=e.getBoundingClientRect();let g={maxHeight:null,minWidth:null,maxWidth:l,left:null,top:null};"function"==typeof d?g=d(p,u,g):("right-outside"===r||"left-outside"===r?g.top=p.top:window.innerHeight-p.bottom<(n||50)?(g.top=p.top-u.height-a,g.maxHeight=n||240):(g.top=p.bottom+(c||a),g.maxHeight=n||window.innerHeight-p.bottom-20),!l&&s&&(g.maxWidth=p.width),s?g.minWidth=Math.max(i,p.width):i&&(g.minWidth=i),g.left="right"===r?p.left+p.width-u.width:"right-outside"===r?p.right+a:"left-outside"===r?p.left-u.width-a:p.left),Object.entries(g).forEach(([t,o])=>{e.style[t]=null!=o?`${o.toFixed(0)}px`:null})},c=t=>{r=t,l="",o&&o.disconnect();const{anchor:n}=t;n&&(o=new ResizeObserver(()=>d(t)),o.observe(n),o.observe(e),o.observe(document.body),d(t))};return e.style.position="fixed",e.style.zIndex="9999",document.addEventListener("scroll",s,!0),c(t),n=requestAnimationFrame(a),{update:c,destroy(){n&&(cancelAnimationFrame(n),n=null),o&&o.disconnect(),document.removeEventListener("scroll",s,!0)}}}?.(e,t),()=>({anchor:n.anchor,align:i(),maxHeight:n.maxHeight,maxWidth:n.maxWidth,minWidth:n.minWidth,useAnchorWidth:a(),offset:c(),offsetBelow:n.offsetBelow,customUpdate:n.handlePositionUpdate})),t.action(l,(e,t)=>N?.(e,t),()=>({callback:d()?y:()=>{},anchor:n.anchor})),t.effect(()=>t.event("keydown",l,_)),t.effect(()=>t.event("focusout",l,function(...e){n.onFocusout?.apply(this,e)})),t.effect(()=>t.event("anchorlost",l,f)),t.template_effect(()=>{g=t.set_class(l,1,"spectrum-Popover is-open "+(n.className??""),"svelte-1vbe9zl",g,{customZindex:n.customZindex,"hide-popover":s()&&!u()}),t.set_style(l,`height: ${n.customHeight??""}; --customZindex: ${n.customZindex??""};`)}),t.transition(3,l,()=>r.fly,()=>({y:-20,duration:p()?350:0})),t.append(e,l)},$$slots:{default:!0}})};return t.if(x,e=>{s()&&e(S)}),t.append(e,w),t.pop(C)}var M=t.from_html('<div class="tooltip-content info svelte-wpz8wc"> </div>');var B=t.from_html('<div class="search svelte-sbpu7l"><input type="text" class="search-input svelte-sbpu7l" placeholder="Search..."/> <i class="ph ph-x clear-icon svelte-sbpu7l"></i></div>'),O=t.from_html('<div class="title svelte-sbpu7l"> </div>'),G=t.from_html('<span class="drop-menu-icon svelte-sbpu7l"><i></i></span>'),A=t.from_html('<div class="action-buttons svelte-sbpu7l"><!> <!></div>'),D=t.from_html('<div class="actionMenu svelte-sbpu7l"></div>'),E=t.from_html("<div><!> <!></div> <!>",1);function F(e,r){t.push(r,!0);const[n,l]=t.setup_stores(),{enrichButtonActions:i}=(0,o.getContext)("sdk"),s=(0,o.getContext)("context"),a=(0,o.createEventDispatcher)();let d=t.state(null),c=t.state(!1),p=t.state(!1),u=t.state(!1),g=t.state(""),h=t.derived(()=>r.searchable&&(t.get(p)||t.get(g).length>0||t.get(u)));t.user_effect(()=>{const e=r.headerDropMenuItems,l=t.store_get(s,"$context",n);(0,o.untrack)(()=>{e?.forEach(e=>{e.enrichedOnClick=i(e.onClick,l)})})});const m=e=>{t.set(g,e.target.value,!0),a("search",t.get(g))},v=e=>{t.set(c,!t.get(c))};var b=E(),f=t.first_child(b);let y;var _=t.child(f);t.key(_,()=>t.get(h),e=>{var o=t.comment(),n=t.first_child(o),l=e=>{var o=B(),r=t.child(o);t.remove_input_defaults(r);var n=t.sibling(r,2);t.reset(o),t.bind_value(r,()=>t.get(g),e=>t.set(g,e)),t.event("input",r,m),t.event("focus",r,()=>t.set(u,!0)),t.event("blur",r,()=>t.set(u,!!t.get(g).length,!0)),t.event("mousedown",n,()=>{t.set(g,""),t.set(p,!1),m({target:{value:""}})}),t.append(e,o)},i=e=>{var o=O(),n=t.child(o,!0);t.reset(o),t.template_effect(()=>t.set_text(n,r.headerText)),t.event("mouseenter",o,()=>t.set(p,r.searchable,!0)),t.append(e,o)};t.if(n,e=>{1==t.get(h)?e(l):e(i,-1)}),t.append(e,o)});var C=t.sibling(_,2),k=e=>{var o=A(),n=t.child(o);t.each(n,17,()=>r.headerButtons,t.index,(e,o)=>{w(e,t.spread_props(()=>t.get(o),{get onClick(){return t.get(o).enrichedOnClick}}))});var l=t.sibling(n,2),i=e=>{var o=G(),n=t.child(o);t.reset(o),t.template_effect(()=>t.set_class(n,1,t.clsx(r.headerMenuIcon),"svelte-sbpu7l")),t.event("click",o,v),t.append(e,o)};t.if(l,e=>{r.headerDropMenuItems?.length&&e(i)}),t.reset(o),t.append(e,o)};t.if(C,e=>{!r.headerDropMenuItems?.length&&!r.headerButtons?.length||t.get(u)||e(k)}),t.reset(f),t.bind_this(f,e=>t.set(d,e),()=>t.get(d));var x=t.sibling(f,2),S=e=>{T(e,{get open(){return t.get(c)},get anchor(){return t.get(d)},$$events:{close:()=>t.set(c,!1)},children:(e,o)=>{var n=D();t.each(n,21,()=>r.headerDropMenuItems,t.index,(e,o)=>{w(e,{size:"M",get icon(){return t.get(o).icon},get disabled(){return t.get(o).disabled},quiet:!0,menuItem:!0,menuAlign:"right",get onClick(){return t.get(o).enrichedOnClick},get text(){return t.get(o).text}})}),t.reset(n),t.event("click",n,e=>{e.preventDefault?.(),t.set(c,!1)}),t.append(e,n)},$$slots:{default:!0}})};t.if(x,e=>{r.headerDropMenuItems?.length&&e(S)}),t.template_effect(()=>y=t.set_class(f,1,"searchHeader svelte-sbpu7l",null,y,{inEdit:t.get(u)||t.get(p),searchable:r.searchable})),t.event("mouseleave",f,()=>t.set(p,!1)),t.append(e,b),t.pop(),l()}var L=t.from_html("<i></i>"),P=t.from_html("<div><!></div>"),V=t.from_html('<i class="ph ph-dots-three-vertical menu-icon left svelte-1l8c7cs"></i>'),j=t.from_html("<i></i>"),W=t.from_html("<i></i>"),z=t.from_html('<span class="children-count svelte-1l8c7cs"> </span>'),R=t.from_html('<i class="ph ph-dots-three menu-icon svelte-1l8c7cs"></i>'),q=t.from_html("<i></i>"),U=t.from_html('<div class="tree svelte-1l8c7cs"><!> <!></div>'),H=t.from_html('<button><div><!> <div class="left-contents svelte-1l8c7cs"><!> <!> <!> <div style="z-index: 1;"><!> <!></div></div> <!> <!></div> <!></button>'),Q=t.from_html('<div class="action-menu svelte-1l8c7cs"></div>'),Z=t.from_html("<!> <!> <!>",1);function J(e,l){t.push(l,!0);const i=()=>t.store_get(p,"$treeOptions",s),[s,a]=t.setup_stores(),{Provider:d,ContextScopes:c}=(0,o.getContext)("sdk"),p=(0,o.getContext)("superTreeOptions"),u=(0,o.createEventDispatcher)();let g=t.prop(l,"childNodes",19,()=>[]),h=t.prop(l,"open",15,!1),m=t.state(!1),v=t.state(null),b=t.state(null),f=t.state(!1),y=t.derived(()=>({...l.row,id:l.id,label:l.label,children:g(),isGroup:l.isGroup,group:t.get(k)?l.label:void 0})),_=t.derived(()=>"tree-root"==l.id);t.user_effect(()=>{l.disabled&&h()&&h(!1)});let C=t.derived(()=>i()?.showCount),k=t.derived(()=>l.isGroup),x=t.derived(()=>"right"==i()?.chevronPosition),S=t.derived(()=>"tree-root"!=l.id&&!l.disabled&&(t.get(k)?i()?.groupSelectable:i()?.nodeSelection)),I=t.state(t.proxy([])),N=t.state(t.proxy([]));t.user_effect(()=>{const e=(0,n.get)(p).selectedNodes;if(e?.subscribe)return e.subscribe(e=>{t.set(I,e??[],!0)})}),t.user_effect(()=>{const e=(0,n.get)(p).selectedGroups;if(e?.subscribe)return e.subscribe(e=>{t.set(N,e??[],!0)})});let $=t.derived(()=>i()?.menuStore),B=t.derived(()=>t.get(I).findIndex(e=>e==l.id)>-1||l.isGroup&&t.get(N).findIndex(e=>e==l.id)>-1),O=t.derived(()=>g()?.length),G=t.derived(()=>t.get(k)?i()?.groupMenuDropItems:t.get(_)?i()?.rootButtons:i()?.nodeMenuDropItems),A=t.derived(()=>t.get(G)&&t.get(G).length>0),D=t.derived(()=>i()?.checkboxes&&t.get(S)),E=t.derived(()=>t.get(b)&&t.get(b).scrollWidth>t.get(b).clientWidth);function F(e){if(!e||!Array.isArray(e))return!1;for(let o of e){if(t.get(I).includes(o.id))return!0;if(o.children&&F(o.children))return!0}return!1}const X=()=>{l.disabled||(g()?.length||l.renderSlot?F(g())||h(!h()):t.get(S)?u("nodeSelect",{id:l.id,label:l.label,row:l.row,isGroup:l.isGroup}):u("nodeClick",{id:l.id,label:l.label,row:l.row,isGroup:l.isGroup}))},K=()=>{t.get(S)&&u("nodeSelect",{id:l.id,label:l.label,row:l.row,isGroup:l.isGroup})};var Y=Z(),ee=t.first_child(Y),te=e=>{var o=H();let n,s;var a=t.child(o);let p,u;var w=t.child(a),k=e=>{var o=P();let r;var n=t.child(o),s=e=>{var o=L();let r;t.template_effect(e=>r=t.set_class(o,1,"ph ph-caret-right chevron svelte-1l8c7cs",null,r,e),[()=>({locked:F(g()),disabled:!t.get(O)&&!l.renderSlot,open:h()})]),t.event("click",o,X),t.append(e,o)};t.if(n,e=>{"left"!=i()?.chevronPosition||l.flat||e(s)}),t.reset(o),t.template_effect(()=>r=t.set_class(o,1,"control-content svelte-1l8c7cs",null,r,{flat:l.flat&&!t.get(O)&&!l.renderSlot&&!t.get(_)})),t.append(e,o)};t.if(w,e=>{t.get(x)||e(k)});var I=t.sibling(w,2),N=t.child(I),T=e=>{var o=V();t.event("click",o,e=>{t.set(v,e.target,!0),t.set(m,!t.get(m)),t.store_set(t.get($),!!t.get(m)&&l.id)}),t.append(e,o)};t.if(N,e=>{t.get(A)&&t.get(x)&&e(T)});var M=t.sibling(N,2),G=e=>{var o=j();let r;t.template_effect(()=>r=t.set_class(o,1,"ph svelte-1l8c7cs",null,r,{selected:t.get(B),"ph-check-square":t.get(B),"ph-square":!!t.get(S)&&!t.get(B)})),t.event("click",o,K),t.append(e,o)};t.if(M,e=>{t.get(D)&&e(G)});var Q=t.sibling(M,2),Z=e=>{var o=W();let r;t.template_effect(()=>{r=t.set_class(o,1,`ph ph-${l.icon??""} node-icon`,"svelte-1l8c7cs",r,{selected:t.get(B)}),t.set_style(o,`color: ${(l.iconColor||l.color||"var(--spectrum-global-color-gray-700)")??""}`)}),t.append(e,o)};t.if(Q,e=>{l.icon&&e(Z)});var Y=t.sibling(Q,2);let ee;var te=t.child(Y);t.html(te,()=>l.label??"Not Set");var oe=t.sibling(te,2),re=e=>{var o=z(),r=t.child(o);t.reset(o),t.template_effect(e=>t.set_text(r,`(${e??""})`),[()=>g()?.filter(e=>e.visible)?.length]),t.append(e,o)};t.if(oe,e=>{t.get(C)&&(t.get(_)||t.get(O))&&e(re)}),t.reset(Y),t.bind_this(Y,e=>t.set(b,e),()=>t.get(b)),t.reset(I);var ne=t.sibling(I,2),le=e=>{var o=R();t.event("click",o,e=>{t.set(v,e.target,!0),t.set(m,!t.get(m)),t.store_set(t.get($),!!t.get(m)&&l.id)}),t.append(e,o)};t.if(ne,e=>{t.get(A)&&!t.get(x)&&e(le)});var ie=t.sibling(ne,2),se=e=>{var o=q();let r;t.template_effect(e=>r=t.set_class(o,1,"ph ph-caret-right chevron svelte-1l8c7cs",null,r,e),[()=>({locked:F(g()),open:h()})]),t.event("click",o,X),t.append(e,o)};t.if(ie,e=>{t.get(O)&&t.get(x)&&e(se)}),t.reset(a);var ae=t.sibling(a,2),de=e=>{var o=U();let n;var s=t.child(o);t.each(s,17,g,e=>e.id,(e,o)=>{{const r=e=>{l.children?.(e)};J(e,t.spread_props(()=>t.get(o),{get childNodes(){return t.get(o).children},get hasSlot(){return l.hasSlot},get list(){return l.list},get flat(){return l.flat},get disabled(){return l.disabled},$$events:{nodeSelect(e){t.bubble_event.call(this,l,e)},nodeAction(e){t.bubble_event.call(this,l,e)}},children:r,$$slots:{default:!0}}))}});var a=t.sibling(s,2),p=e=>{d(e,{get data(){return t.get(y)},get scope(){return c.Local},children:(e,o)=>{var r=t.comment(),n=t.first_child(r);t.snippet(n,()=>l.children??t.noop),t.append(e,r)},$$slots:{default:!0}})};t.if(a,e=>{l.renderSlot&&i()?.hasSlot&&e(p)}),t.reset(o),t.template_effect(()=>n=t.set_style(o,"",n,{display:h()?"flex":"none"})),t.transition(3,o,()=>r.slide),t.append(e,o)};t.if(ae,e=>{(g()?.length||l.renderSlot)&&h()&&e(de)}),t.reset(o),t.template_effect(()=>{n=t.set_class(o,1,"tree-node svelte-1l8c7cs",null,n,{"is-disabled":l.disabled,"is-open":h(),"is-empty":"tree-empty"==l.id}),s=t.set_style(o,"",s,{"background-color":l.bgColor}),p=t.set_class(a,1,"tree-node-item svelte-1l8c7cs",null,p,{hasChildren:t.get(O)||l.renderSlot,hasDropMenu:t.get(A)&&t.get(x)&&!t.get(D),hasCheckbox:t.get(D),rightChevron:t.get(x),selected:t.get(B),disabled:l.disabled,selectable:t.get(S)&&!l.disabled,"is-menu-open":t.get(m)}),u=t.set_style(a,"",u,{color:l.color}),ee=t.set_class(Y,1,"label svelte-1l8c7cs",null,ee,{selectable:t.get(S),branch:"linkBranch"==l.type})}),t.event("mousedown",Y,function(...e){(t.get(S)?K:X)?.apply(this,e)}),t.event("mouseenter",Y,()=>{t.get(E)&&t.set(f,!0)}),t.event("mouseleave",Y,()=>{t.set(f,!1)}),t.event("click",a,e=>{e.currentTarget===e.target&&X()}),t.event("contextmenu",o,e=>{e.preventDefault(),e.stopPropagation(),t.get(A)&&(t.set(v,e.target,!0),t.set(m,!t.get(m)),t.store_set(t.get($),!!t.get(m)&&l.id))}),t.append(e,o)};t.if(ee,e=>{!1!==l.visible&&e(te)});var oe=t.sibling(ee,2),re=e=>{!function(e,o){let r=t.prop(o,"show",3,!1),n=t.prop(o,"align",3,"top");T(e,{get anchor(){return o.anchor},get align(){return n()},get open(){return r()},dismissible:!1,animate:!0,customZindex:1e3,offsetBelow:12,children:(e,r)=>{var n=M(),l=t.child(n,!0);t.reset(n),t.template_effect(()=>t.set_text(l,o.content)),t.append(e,n)},$$slots:{default:!0}})}(e,{get anchor(){return t.get(b)},get content(){return l.label},get show(){return t.get(f)}})};t.if(oe,e=>{t.get(f)&&e(re)});var ne=t.sibling(oe,2),le=e=>{T(e,{open:!0,align:"left",get anchor(){return t.get(v)},$$events:{close:()=>{t.set(m,!1),t.store_set(t.get($),void 0)}},children:(e,o)=>{var r=Q();t.each(r,21,()=>t.get(G),({text:e,icon:t,disabled:o,onClick:r,type:n})=>e,(e,o,r,n)=>{w(e,{size:"M",get icon(){return t.get(o).icon},get text(){return t.get(o).text},get type(){return t.get(o).type},quiet:!0,get disabled(){return t.get(o).disabled},onClick:()=>{u("nodeAction",{onClick:t.get(o).onClick,id:l.id,label:l.label,row:l.row}),setTimeout(()=>{t.store_set(t.get($),void 0)},100),t.set(m,!1)},menuItem:!0,menuAlign:"left"})}),t.reset(r),t.append(e,r)},$$slots:{default:!0}})};t.if(ne,e=>{t.get(A)&&t.get(m)&&e(le)}),t.append(e,Y),t.pop(),a()}var X=t.from_html('<div><div class="animation svelte-1l9u2si"></div></div>'),K=t.from_html('<div class="tree svelte-1l9u2si"><!> <!></div>'),Y=t.from_html("<div><!> <!> <!></div>");function ee(e,r){t.push(r,!0);const l=()=>t.store_get(ne,"$selectedGroups",h),i=()=>t.store_get(ee,"$selectedNodes",h),s=()=>t.store_get(re,"$selectedRows",h),a=()=>t.store_get(t.get(Se),"$fetch",h),d=()=>t.store_get(x,"$builderStore",h),c=()=>t.store_get($,"$component",h),p=()=>t.store_get(M,"$allContext",h),u=()=>t.store_get(T,"$parentTree",h),g=()=>t.store_get(te,"$selectedAncestors",h),[h,m]=t.setup_stores(),{styleable:v,ActionTypes:b,Provider:f,fetchData:y,processStringSync:_,QueryUtils:C,memo:w,API:k,builderStore:x,screenStore:S,notificationStore:I,enrichButtonActions:N}=(0,o.getContext)("sdk"),$=(0,o.getContext)("component"),T=(0,o.getContext)("superTreeOptions");(0,o.getContext)("superTreeFilter");const M=(0,o.getContext)("context");let B=t.prop(r,"controlType",3,"tree"),O=t.prop(r,"treeType",3,"flat"),G=t.prop(r,"chevronPosition",3,"left"),A=t.prop(r,"headerMenuIcon",3,"ri-more-2-fill"),D=t.prop(r,"nodeMenuIcon",3,"ri-more-fill"),E=t.prop(r,"nodeMenuItems",19,()=>[]),L=t.prop(r,"maxNodeSelection",3,1),P=t.prop(r,"groupMenuItems",19,()=>[]),V=t.prop(r,"showCount",3,!0),j=t.prop(r,"filter",19,()=>[]),W=t.prop(r,"paginate",3,!0),z=t.prop(r,"listColumns",19,()=>[]),R=t.prop(r,"groupFields",19,()=>[]),q=t.prop(r,"slotPosition",3,!1);const U={lookupComponent:(e,t)=>{let o,r=e?.findIndex(e=>e._id==t);return r>-1?e[r]:(e?.forEach(e=>{o||(o=U.lookupComponent(e._children,t))}),o)},getNode:(e,t)=>{if(!e||!Array.isArray(e))return null;for(let o of e){if(o.id===t)return o;if(o.children){let e=U.getNode(o.children,t);if(e)return e}}return null},getDescendants:e=>{let t=[];if(e.children&&Array.isArray(e.children))for(let o of e.children)t.push(o.id),t.push(...U.getDescendants(o));return t},getAncestors:(e,t)=>{function o(e,t,r=[]){if(e.id===t)return r;if(!e.children||!Array.isArray(e.children))return null;for(const n of e.children){const l=o(n,t,[...r,e.id]);if(l)return l}return null}if(!e||!Array.isArray(e))return null;for(const r of e){if(r.id===t)return[];const e=o(r,t);if(e)return e}return null},getBreadcrumbs:(e,t,o)=>{if(t.length>1)return null;let r=e.map(e=>{let t=U.getNode(o,e);return t?t.label:null}).filter(e=>null!=e);if(t.length>0){let e=U.getNode(o,t[0]);e&&r.push(e.label)}return r.length>0?"/ "+r.join(" / "):"/"},handleNodeSelect:e=>{if(t.get(me))return;if(e.detail.isGroup)return l().includes(e.detail.id)?ne.set([]):ne.set([e.detail.id]),l().length&&r.onGroupSelect?.({group:e.detail.id}),ee.set([]),re.set([]),te.set([]),void oe.set([]);let o=e.detail.row,n=i().indexOf(e.detail.id);if(n>-1)i().splice(n,1),t.store_set(ee,i());else{ne.set([]);let o=L()||1;if(0==o||i().length<o)t.store_set(ee,[...i(),e.detail.id]);else{if(1!=o)return void I.actions.warning("Cannot select more than "+o+" items");t.store_set(ee,[e.detail.id])}}if(1==i().length){let e=U.getNode(t.get(Z),i()[0]);e&&(te.set(U.getAncestors(t.get(Z),i()[0])||[]),oe.set(U.getDescendants(e)))}else te.set([]),oe.set([]);t.store_set(re,a()?.rows?.filter(e=>i().find(o=>o==e[t.get(Me)]))),s().length&&r.onNodeSelect&&r.onNodeSelect({row:o})},loadSelections:(e,t)=>{let o=e?e.split(",").map(e=>"number"===t?Number(e):e):[];o.length&&ee.set(o)},createFetch:e=>y({API:k,datasource:e,options:{query:t.get(we),sortColumn:r.sortColumn,sortOrder:r.sortOrder,limit:r.limit,paginate:W()}}),extendQuery:(e,t)=>{const o=Object.values(t||{});let r={...e};return o.forEach(e=>{Object.entries(e||{}).forEach(([e,t])=>{r[e]={...r[e],...t}})}),{...r,onEmptyFilter:"all"}},enrichNode:(e,o,n={})=>{const{isGroup:l=!1,groupValue:i,children:s=[],visible:a=!0}=n,p=(()=>{if(!t.get(ie))return!1;switch(q()){case!1:case"disabled":return!1;case"all":return!0;case"leaf":return!s||0===s.length;case"branch":return s&&s.length>0;case"group":return l;default:return!1}})();return{id:e[t.get(Me)]||`${i}`,renderSlot:p,isGroup:l,visible:a,row:l?void 0:e,open:d().inBuilder&&c().children&&0===o,icon:r.nodeIconTemplate?_(r.nodeIconTemplate,{[t.get(he)]:{row:e}}):r.nodeIcon,iconColor:r.nodeIconColor?_(r.nodeIconColor,{[t.get(he)]:{row:e}}):void 0,label:r.labelTemplate?_(r.labelTemplate,{[t.get(he)]:{row:e}}):e[r.labelColumn||t.get(Te)]??"Not Set",color:r.nodeFGColor?_(r.nodeFGColor,{[t.get(he)]:{row:e}}):void 0,bgColor:r.nodeBGColor?_(r.nodeBGColor,{[t.get(he)]:{row:e}}):void 0,children:s,selectable:!l}},buildTree:e=>{e&&0!==e.length?(ee.set([]),re.set([]),te.set([]),oe.set([]),ne.set([]),Q.clear(),t.set(Z,[],!0),r.structuredData?t.set(Z,e,!0):"groupBy"===O()&&R()?.length>0?t.set(Z,U.buildGroupNodes(e,R(),0),!0):t.get($e)?e.filter(e=>!e[r.joinField]).forEach((o,r)=>{t.get(Z).push({...U.enrichNode(o,r,{children:U.getChildNodes(o,e)})})}):e.forEach((e,o)=>t.get(Z).push({...U.enrichNode(e,o,{children:U.getListColumnChildren(e)})}))):t.set(Z,[],!0)},buildGroupNodes:(e,o,n)=>{const l=o[n],i=n+1,s=i>=o.length,a=new Set(e.map(e=>Array.isArray(e[l])?e[l][0]?.primaryDisplay||e[l][0]?._id||e[l][0]:e[l]));return Array.from(a).map((n,a)=>{const u=e.filter(e=>U.isChild(e[l],n)),g=s?U.getGroupChildNodes(n,u):U.buildGroupNodes(u,o,i),h=r.groupNodeLabel?_(r.groupNodeLabel,{...p(),[t.get(he)]:{...p()[t.get(he)],group:n}}):Array.isArray(n)?n.join(", "):n||"Not Set",m=(()=>{if(!t.get(ie))return!1;switch(q()){case!1:case"disabled":return!1;case"all":return!0;case"leaf":return!g||0===g.length;case"branch":return g&&g.length>0;case"group":return!0;default:return!1}})();return{selectable:r.groupSelectable,renderSlot:m,id:h,visible:!0,open:d().inBuilder&&c().children&&0===a,icon:r.groupNodeIcon,label:h,isGroup:!0,color:r.groupFGColor?_(r.groupFGColor,{...p(),[t.get(he)]:{...p()[t.get(he)],group:n}}):void 0,bgColor:r.groupBGColor?_(r.groupBGColor,{...p(),[t.get(he)]:{...p()[t.get(he)],group:n}}):void 0,children:g}})},getGroupChildNodes:(e,t)=>t.map((t,o)=>U.enrichNode(t,o,{groupValue:e,children:[...U.getChildNodes(t)]})),getChildNodes:(e,o)=>{let n=[];return t.get($e)&&o.filter(o=>o[r.joinField]==e[t.get(Me)]).forEach((e,t)=>{n.push({...U.enrichNode(e,t,{children:U.getChildNodes(e,o),visible:!0})})}),[...n,...U.getListColumnChildren(e)]},getListColumnChildren:e=>{const o=z().filter((e,t,o)=>t===o.findIndex(t=>t.name===e.name));if(1===o.length){const t=e[o[0].name];return Array.isArray(t)&&0!==t.length?t.map(e=>({id:e._id||e.id||`item_${Math.random()}`,label:e.primaryDisplay||e.label||e.name||"Unknown",isGroup:!1,row:e,visible:!0,open:!1,icon:r.nodeIcon,iconColor:r.nodeIconColor,color:r.nodeFGColor,bgColor:r.nodeBGColor,renderSlot:!1,selectable:!0})):[]}return o.map(o=>{const n=e[o.name];if(!Array.isArray(n)||0===n.length)return null;const l=n.map(e=>({id:e._id||e.id||`item_${Math.random()}`,label:e.primaryDisplay||e.label||e.name||"Unknown",isGroup:!1,row:e,visible:!0,open:!1,icon:r.nodeIcon,iconColor:r.nodeIconColor,color:r.nodeFGColor,bgColor:r.nodeBGColor,renderSlot:!1,selectable:!0}));return{id:`${e[t.get(Me)]}_${o.id}_group`,label:o.displayName,isGroup:!0,children:l,visible:!0,open:!1,icon:r.nodeIcon,iconColor:r.nodeIconColor,color:r.nodeFGColor,bgColor:r.nodeBGColor,renderSlot:!1,selectable:!1}}).filter(e=>e)},getAggregatedListColumnChildren:e=>{const t=z().filter((e,t,o)=>t===o.findIndex(t=>t.name===e.name));if(1===t.length){const o=t[0],n=e.flatMap(e=>e[o.name]||[]).filter((e,t,o)=>o.findIndex(t=>t._id===e._id)===t);return 0===n.length?[]:n.map(e=>({id:e._id||e.id||`item_${Math.random()}`,label:e.primaryDisplay||e.label||e.name||"Unknown",isGroup:!1,row:e,visible:!0,open:!1,icon:r.nodeIcon,iconColor:r.nodeIconColor,color:r.nodeFGColor,bgColor:r.nodeBGColor,renderSlot:!1,selectable:!0}))}return t.map(t=>{const o=e.flatMap(e=>e[t.name]||[]).filter((e,t,o)=>o.findIndex(t=>t._id===e._id)===t);if(0===o.length)return null;const n=o.map(e=>({id:e._id||e.id||`item_${Math.random()}`,label:e.primaryDisplay||e.label||e.name||"Unknown",isGroup:!1,row:e,visible:!0,open:!1,icon:r.nodeIcon,iconColor:r.nodeIconColor,color:r.nodeFGColor,bgColor:r.nodeBGColor,renderSlot:!1,selectable:!0}));return{id:`aggregated_${t.id}_group`,label:t.displayName,isGroup:!0,children:n,visible:!0,open:!1,icon:r.nodeIcon,iconColor:r.nodeIconColor,color:r.nodeFGColor,bgColor:r.nodeBGColor,renderSlot:!1,selectable:!1}}).filter(e=>e)},isChild:(e,t)=>e==t||(Array.isArray(e)?e[0]?.primaryDisplay==t||e[0]?._id==t||e[0]==t:void 0),handleNodeAction:async e=>{await(N(e.detail.onClick,{...p(),[t.get(he)]:{...t.get(Ae),...e.detail,row:e.detail.row,group:e.detail.group}})?.())},handleSearch:e=>{t.store_get(ce,"$filtering",h)||(t.store_set(pe,e.detail),t.store_set(ee,[]),t.store_set(re,[]),te.set([]),oe.set([]),"client"!=r.searchMode?r.searchMode&&(e.detail?t.set(de,[{field:r.labelColumn||t.get(Te),operator:"fuzzy",value:e.detail,type:"string",valueType:"Value"}],!0):t.set(de,[],!0)):e.detail?(Fe(t.get(Z)),Ee(t.get(Z),e.detail)):Fe(t.get(Z)))},getPrimaryDisplay:e=>{if(e)return e.primaryDisplay?e.primaryDisplay:Object.keys(e.schema)[0]}},H="plugin/bb_component_supertree"==U.lookupComponent(t.store_get(S,"$screenStore",h).activeScreen.props._children,c().path.at(-2))?._component;let Q=new Set,Z=t.state(t.proxy([])),ee=(0,n.writable)([]),te=(0,n.writable)([]),oe=(0,n.writable)([]),re=(0,n.writable)([]),ne=(0,n.writable)([]),le=(0,n.writable)(null),ie=t.derived(()=>!!c().children);const se=()=>({treeType:O(),rootButtons:r.rootButtons,nodeIcon:r.nodeIcon,nodeSelection:!0,groupSelectable:r.groupSelectable,groupMenuDropItems:P(),groupNodeIcon:r.groupNodeIcon,groupFields:R(),groupNodeLabel:r.groupNodeLabel,selectedNodes:ee,selectedGroups:ne,menuStore:le,checkboxes:r.checkboxes,nodeMenuIcon:D(),nodeMenuDropItems:E(),chevronPosition:G(),hasSlot:t.get(ie),showCount:V()}),ae=w(se());let de=t.state(void 0),ce=(0,n.writable)(!1),pe=(0,n.writable)(null),ue=(0,n.writable)(null),ge=t.state(!1),he=t.derived(()=>c().id),me=t.derived(()=>d().inBuilder),ve=t.derived(()=>u()?u().disabled:r.disabled),be=t.derived(()=>r.searchMode&&!t.get(ve)),fe=t.derived(()=>r.headerMenu?r.headerShowButtons<r.headerMenuItems?.length?r.headerMenuItems.slice(0,r.headerShowButtons):r.headerMenuItems:[]),ye=t.derived(()=>r.headerMenu&&r.headerShowButtons<=r.headerMenuItems?.length?r.headerMenuItems.slice(r.headerShowButtons,r.headerMenuItems.length):[]),_e=t.derived(()=>C.buildQuery(j())),Ce=t.derived(()=>C.buildQuery(t.get(de))),we=t.derived(()=>U.extendQuery(t.get(_e),[t.get(Ce)]));const ke=()=>(0,n.writable)({loading:!1,rows:[],loaded:!0,definition:null,pageNumber:0,info:void 0,query:{}});let xe=t.derived(()=>JSON.stringify(r.datasource??null)),Se=t.state(t.proxy(ke()));const Ie=()=>{t.set(Z,[],!0),ee.set([]),re.set([]),te.set([]),oe.set([]),ne.set([])};let Ne=t.derived(()=>a()?.definition),$e=t.derived(()=>"recursive"==O()&&r.joinField),Te=t.derived(()=>U.getPrimaryDisplay(t.get(Ne))),Me=t.derived(()=>r.idColumn||t.get(Ne)?.primary?.[0]),Be=t.derived(()=>t.get(Ne)?.schema?.[t.get(Me)]?.type||"string"),Oe=t.derived(()=>"list"==B()),Ge=t.derived(()=>[{type:b.RefreshDatasource,callback:()=>t.get(Se)?.refresh()}]),Ae=t.derived(()=>({row:t.get(me)?a()?.rows?.[0]||{}:t.store_get(ue,"$currentRow",h),breadcrumbs:U.getBreadcrumbs(g(),i(),t.get(Z)),selected:s(),selectedGroups:l(),selectedIds:i().length?i():[],selectedAncestors:g(),selectedDescendants:t.store_get(oe,"$selectedDescendants",h)}));t.user_effect(()=>{t.get(xe),(0,o.untrack)(()=>{if(!r.datasource)return t.store_unsub(t.set(Se,ke(),!0),"$fetch",h),void Ie();t.store_unsub(t.set(Se,U.createFetch(r.datasource),!0),"$fetch",h),Ie()})}),t.user_effect(()=>{const e=t.get(Se);e&&e.update({query:t.get(we),sortColumn:r.sortColumn,sortOrder:r.sortOrder,limit:r.limit,paginate:W()})}),t.user_effect(()=>{const e=se();(0,o.untrack)(()=>{ae.set(e)})}),t.user_effect(()=>{const e=a()?.rows;(0,o.untrack)(()=>{U.buildTree(e)})}),t.user_effect(()=>{const e=r.selectedIds,n=t.get(Be);(0,o.untrack)(()=>{U.loadSelections(e,n)})});let De=t.derived(()=>({...c().styles,normal:{...c().styles?.normal}}));const Ee=async function(e,r){function n(e){e.visible=!1,e.children.forEach(e=>n(e))}function l(e){const t=String(e.label||"").toLowerCase(),o=r.toLowerCase(),n=t.includes(o);if(e.children.forEach(e=>l(e)),n){const r=t.indexOf(o),n=r+o.length,l=String(e.label||"");e.label=`${l.slice(0,r)}<span style="font-size: bigger;  padding: 0.1rem 0rem; background-color: var(--highlighter-bg); border-radius: 2px;">${l.slice(r,n)}</span>${l.slice(n)}`}else e.label=String(e.label||"");const i=e.children.some(e=>e.visible);e.visible=n||i,e.open=n||i}t.store_set(ce,!0),await(0,o.tick)(),e.forEach(e=>{n(e),l(e)}),t.set(ge,e.some(e=>e.visible),!0),t.set(Z,t.get(Z),!0),t.store_set(ce,!1)};async function Fe(e){function o(e){e.visible=!0,e.open=!1,e.color=void 0,e.label=String(e.label).replace(/<span[^>]*>(.*?)<\/span>/g,"$1"),e.children.forEach(e=>o(e))}e.forEach(e=>o(e)),t.set(ge,!1),t.set(Z,t.get(Z),!0)}(0,o.setContext)("superTreeOptions",ae),(0,o.setContext)("superTreeFilter",pe);var Le=Y();let Pe;var Ve=t.child(Le);f(Ve,{get actions(){return t.get(Ge)},get data(){return t.get(Ae)}});var je=t.sibling(Ve,2),We=e=>{{let o=t.derived(()=>r.headerText||r.datasource?.label);F(e,{get headerText(){return t.get(o)},get headerButtons(){return t.get(fe)},get headerDropMenuItems(){return t.get(ye)},get headerMenuIcon(){return A()},get searchable(){return t.get(be)},get inBuilder(){return t.get(me)},$$events:{search(...e){U.handleSearch?.apply(this,e)}}})}};t.if(je,e=>{r.header&&e(We)});var ze=t.sibling(je,2);t.key(ze,()=>t.get(xe),e=>{var o=t.comment(),n=t.first_child(o),l=e=>{var o=X();let r;t.template_effect(()=>r=t.set_class(o,1,"loader svelte-1l9u2si",null,r,{list:t.get(Oe)})),t.append(e,o)},i=e=>{var o=t.comment(),n=t.first_child(o);t.key(n,()=>t.get(Z),e=>{var o=K(),n=t.child(o),l=e=>{var o=t.comment(),n=t.first_child(o),l=e=>{var o=t.comment(),n=t.first_child(o);t.each(n,17,()=>t.get(Z),t.index,(e,o)=>{{const n=e=>{r.children?.(e)};let l=t.derived(()=>!t.get($e)&&!R()?.length);J(e,t.spread_props(()=>t.get(o),{get childNodes(){return t.get(o).children},get disabled(){return t.get(ve)},get list(){return t.get(Oe)},get flat(){return t.get(l)},$$events:{nodeSelect(...e){U.handleNodeSelect?.apply(this,e)},nodeAction(...e){U.handleNodeAction?.apply(this,e)}},children:n,$$slots:{default:!0}}))}}),t.append(e,o)},i=t.derived(()=>t.get(Z).some(e=>e.visible)),s=e=>{J(e,{id:"tree-empty",get disabled(){return t.get(ve)},label:"No matching nodes found",childNodes:[],open:!1,get list(){return t.get(Oe)},flat:!0})};t.if(n,e=>{t.get(i)?e(l):e(s,-1)}),t.append(e,o)},i=e=>{{const o=e=>{r.children?.(e)};let n=t.derived(()=>r.rootNodeName||r.datasource?.label||c().name),l=t.derived(()=>!r.collapsed||t.get(ge)),i=t.derived(()=>!t.get($e));J(e,{id:"tree-root",get disabled(){return t.get(ve)},get hasSlot(){return c().children},renderSlot:!1,get label(){return t.get(n)},get childNodes(){return t.get(Z)},get open(){return t.get(l)},get list(){return t.get(Oe)},get flat(){return t.get(i)},$$events:{nodeSelect(...e){U.handleNodeSelect?.apply(this,e)},nodeAction(...e){U.handleNodeAction?.apply(this,e)}},children:o,$$slots:{default:!0}})}};t.if(n,e=>{r.rootless?e(l):e(i,-1)});var s=t.sibling(n,2),a=e=>{var o=t.comment(),n=t.first_child(o);t.snippet(n,()=>r.children??t.noop),t.append(e,o)};t.if(s,e=>{"after"==q()&&c().children&&e(a)}),t.reset(o),t.append(e,o)}),t.append(e,o)};t.if(n,e=>{a()?.loading?e(l):e(i,-1)}),t.append(e,o)}),t.reset(Le),t.action(Le,(e,t)=>v?.(e,t),()=>t.get(De)),t.template_effect(()=>Pe=t.set_class(Le,1,"super-tree svelte-1l9u2si",null,Pe,{flex:r.flex,disabled:t.get(ve),nested:H,list:t.get(Oe),"with-header":r.header&&!H,rootless:!r.rootless})),t.append(e,Le),t.pop(),m()}var te=t.from_html('<span class="plugin-error-detail svelte-1q1ah0h"> </span>'),oe=t.from_html('<div class="plugin-error svelte-1q1ah0h" role="alert"><span class="plugin-error-title svelte-1q1ah0h">SuperTree failed to render</span> <!></div>');function re(e,o){t.push(o,!0);let r=t.rest_props(o,["$$slots","$$events","$$legacy"]);var n=t.comment(),l=t.first_child(n);{const e=(e,o=t.noop)=>{var r=oe(),n=t.sibling(t.child(r),2),l=e=>{var r=te(),n=t.child(r,!0);t.reset(r),t.template_effect(()=>t.set_text(n,o().message)),t.append(e,r)};t.if(n,e=>{o()instanceof Error&&o().message&&e(l)}),t.reset(r),t.append(e,r)};t.boundary(l,{onerror:e=>{console.error("[SuperTree]",e)},failed:e},e=>{ee(e,t.spread_props(()=>r,{children:(e,r)=>{var n=t.comment(),l=t.first_child(n);t.snippet(l,()=>o.children??t.noop),t.append(e,n)},$$slots:{default:!0}}))})}t.append(e,n),t.pop()}var ne={type:"component",metadata:{svelteMajor:5},schema:{name:"bb_component_supertree",friendlyName:"Super TreeList",description:"A Tree View component for Budibase",hasChildren:!0,showEmptyState:!1,styles:["size","padding","border","background"],icon:"TreeCollapseAll",grid:{hAlign:"stretch",vAlign:"stretch"},size:{width:250,height:400},actions:[{type:"RefreshDatasource"},{type:"ClearRowSelection"}],context:[{type:"static",scope:"global",values:[{label:"Selected Nodes",key:"selected",type:"array"},{label:"Selected IDs",key:"selectedIds",type:"array"},{label:"Selected Ancestors",key:"selectedAncestors",type:"array"},{label:"Selected Descendants",key:"selectedDescendants",type:"array"},{label:"breadcrumbs",key:"breadcrumbs",type:"string"},{label:"Selected Group",key:"selectedGroups",type:"array"},{label:"Current Node",key:"row",type:"object"}]},{type:"static",scope:"local",values:[{label:"Node ID",key:"id",type:"string"},{label:"Node Label",key:"label",type:"string"},{label:"Node Children",key:"children",type:"array"},{label:"Group",key:"group",type:"string"}]}],settings:[{type:"dataSource",key:"datasource",label:"Data"},{type:"field",key:"idColumn",label:"ID Column",resetOn:"datasource"},{type:"field/sortable",key:"sortColumn",label:"Sort By",resetOn:"datasource",dependsOn:{setting:"structuredData",value:!0,invert:!0}},{type:"select",key:"sortOrder",label:"Sort Order",options:[{label:"Ascending",value:"ascending"},{label:"Descending",value:"descending"}],dependsOn:{setting:"structuredData",value:!0,invert:!0}},{type:"filter",key:"filter",label:"Filter",dependsOn:{setting:"structuredData",value:!0,invert:!0}},{type:"number",label:"Limit",key:"limit",dependsOn:{setting:"structuredData",value:!0,invert:!0},defaultValue:50},{type:"select",key:"controlType",label:"Control Type",defaultValue:"tree",options:[{label:"Tree View",value:"tree"},{label:"List View",value:"list"}]},{type:"select",key:"treeType",label:"Tree Type",defaultValue:"flat",options:[{label:"Flat",value:"flat"},{label:"Recursive",value:"recursive"},{label:"Group By",value:"groupBy"}]},{type:"field",key:"joinField",label:"Join Column",resetOn:"datasource",dependsOn:{setting:"treeType",value:"recursive"}},{type:"multifield",key:"groupFields",label:"Group By",resetOn:["datasource","treeType"],dependsOn:{setting:"treeType",value:"groupBy"}},{type:"boolean",key:"disabled",label:"Disabled"},{type:"boolean",key:"rootless",label:"No Root",defaultValue:!0},{type:"boolean",key:"header",label:"Header",defaultValue:!0},{type:"boolean",key:"showCount",label:"Show Count",defaultValue:!0},{section:!0,name:"Root Settings",dependsOn:{setting:"rootless",value:!1},settings:[{type:"text",key:"rootNodeName",label:"Root Node Text",dependsOn:{setting:"rootless",value:!0,invert:!0}},{type:"componentConfiguration",componentType:"plugin/bb_component_superbutton",key:"rootButtons",label:"Menu",nested:!0,wide:!0},{type:"boolean",key:"collapsed",label:"Collapsed",defaultValue:!0,dependsOn:{setting:"rootless",value:!0,invert:!0}}]},{section:!0,name:"Header Settings",dependsOn:"header",collapsed:!0,settings:[{type:"text",key:"headerText",label:"Text"},{type:"select",key:"searchMode",label:"Search",options:[{label:"Disabled",value:!1},{label:"Client Side",value:"client"},{label:"Server Side",value:"server"}],defaultValue:"client"},{type:"boolean",key:"headerMenu",label:"Header Menu",defaultValue:!1},{type:"number",key:"headerShowButtons",label:"Show Buttons",min:0,defaultValue:0,dependsOn:"headerMenu"},{type:"componentConfiguration",componentType:"plugin/bb_component_superbutton",key:"headerMenuItems",dependsOn:"headerMenu",nested:!0,wide:!0}]},{section:!0,name:"Node Settings",collapsed:!0,settings:[{type:"field",key:"labelColumn",label:"Label Column",resetOn:"datasource"},{type:"text",key:"labelTemplate",resetOn:"datasource",label:"Label",nested:!0},{type:"columns",key:"listColumns",label:"List Columns"},{type:"componentConfiguration",componentType:"plugin/bb_component_superbutton",key:"nodeMenuItems",label:"Node Menu",wide:!0,nested:!0}]},{section:!0,name:"Group By Settings",dependsOn:{setting:"treeType",value:"groupBy"},settings:[{type:"text",key:"groupNodeLabel",label:"Group Label",nested:!0},{type:"boolean",key:"groupSelectable",label:"Selectable",defaultValue:!1},{type:"boolean",key:"groupSelectChildren",label:"Select Children",dependsOn:"groupSelectable",defaultValue:!1},{type:"componentConfiguration",componentType:"plugin/bb_component_superbutton",key:"groupMenuItems",label:"Group Menu",nested:!0,context:[{key:"group",label:"Group"}],wide:!0}]},{section:!0,name:"Selection Settings",collapsed:!0,settings:[{type:"boolean",key:"checkboxes",label:"Checkboxes"},{type:"number",key:"maxNodeSelection",label:"Max Selected",min:1,defaultValue:1},{type:"text",key:"selectedIds",label:"Selected IDs",placeholder:"Comma seperated list"}]},{section:!0,name:"Events",collapsed:!0,settings:[{type:"event",key:"onNodeSelect",label:"On Node Select",context:[{label:"Current Row",key:"row"}]},{type:"event",dependsOn:"groupSelectable",key:"onGroupSelect",label:"On Group Select",context:[{label:"Group",key:"group"}]}]},{section:!0,tag:"style",name:"Tree Settings",settings:[{type:"select",key:"chevronPosition",defaultValue:"left",resetOn:"controlType",label:"Chevron",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}]},{type:"phosphorIcon",key:"nodeMenuIcon",label:"Menu Icon",defaultValue:"ri-more-fill"},{type:"select",key:"slotPosition",label:"Slot Position",defaultValue:"after",options:[{label:"Disabled",value:!1},{label:"In Leaf",value:"leaf"},{label:"In Branch",value:"branch"},{label:"In Group",value:"group"},{label:"After Tree",value:"after"},{label:"In All Nodes",value:"all"}]}]},{section:!0,tag:"style",name:"Dynamic Node Styles",settings:[{type:"phosphorIcon",key:"nodeIcon",label:"Node Icon"},{type:"text",key:"nodeIconTemplate",label:"Node Icon",nested:!0},{type:"text",key:"nodeIconColor",label:"Icon Color",nested:!0},{type:"text",key:"nodeFGColor",label:"Text Color",nested:!0},{type:"text",key:"nodeBGColor",label:"Background",nested:!0}]},{section:!0,tag:"style",name:"Group Settings",dependsOn:{setting:"treeType",value:"groupBy"},settings:[{type:"phosphorIcon",key:"groupNodeIcon",label:"Icon"},{type:"text",key:"groupFGColor",label:"Text Color",nested:!0},{type:"text",key:"groupBGColor",label:"Background",nested:!0}]},{type:"select",tag:"style",label:"Flex Mode",showLabel:!1,key:"flex",showInBar:!0,barStyle:"buttons",options:[{label:"Shrink",value:!1,barIcon:"Minimize",barTitle:"Shrink container"},{label:"Grow",value:!0,barIcon:"Maximize",barTitle:"Grow container"}],defaultValue:!1}]}},le="1.0.1";if(window){const e={Component:re,schema:ne,version:le};window["##BUDIBASE_CUSTOM_COMPONENTS##"]||(window["##BUDIBASE_CUSTOM_COMPONENTS##"]=[]),window["##BUDIBASE_CUSTOM_COMPONENTS##"].push(e),window.registerCustomComponent&&window.registerCustomComponent(e)}var ie=re,se=le;return e.Component=ie,e.schema=ne,e.version=se,e}({},svelteInternal,svelte,svelteTransition,svelteStore);

package/dist/schema.json

@@ -0,0 +1,629 @@
+{
+  "type": "component",
+  "metadata": {
+    "svelteMajor": 5
+  },
+  "schema": {
+    "name": "bb_component_supertree",
+    "friendlyName": "Super TreeList",
+    "description": "A Tree View component for Budibase",
+    "hasChildren": true,
+    "showEmptyState": false,
+    "styles": [
+      "size",
+      "padding",
+      "border",
+      "background"
+    ],
+    "icon": "TreeCollapseAll",
+    "grid": {
+      "hAlign": "stretch",
+      "vAlign": "stretch"
+    },
+    "size": {
+      "width": 250,
+      "height": 400
+    },
+    "actions": [
+      {
+        "type": "RefreshDatasource"
+      },
+      {
+        "type": "ClearRowSelection"
+      }
+    ],
+    "context": [
+      {
+        "type": "static",
+        "scope": "global",
+        "values": [
+          {
+            "label": "Selected Nodes",
+            "key": "selected",
+            "type": "array"
+          },
+          {
+            "label": "Selected IDs",
+            "key": "selectedIds",
+            "type": "array"
+          },
+          {
+            "label": "Selected Ancestors",
+            "key": "selectedAncestors",
+            "type": "array"
+          },
+          {
+            "label": "Selected Descendants",
+            "key": "selectedDescendants",
+            "type": "array"
+          },
+          {
+            "label": "breadcrumbs",
+            "key": "breadcrumbs",
+            "type": "string"
+          },
+          {
+            "label": "Selected Group",
+            "key": "selectedGroups",
+            "type": "array"
+          },
+          {
+            "label": "Current Node",
+            "key": "row",
+            "type": "object"
+          }
+        ]
+      },
+      {
+        "type": "static",
+        "scope": "local",
+        "values": [
+          {
+            "label": "Node ID",
+            "key": "id",
+            "type": "string"
+          },
+          {
+            "label": "Node Label",
+            "key": "label",
+            "type": "string"
+          },
+          {
+            "label": "Node Children",
+            "key": "children",
+            "type": "array"
+          },
+          {
+            "label": "Group",
+            "key": "group",
+            "type": "string"
+          }
+        ]
+      }
+    ],
+    "settings": [
+      {
+        "type": "dataSource",
+        "key": "datasource",
+        "label": "Data"
+      },
+      {
+        "type": "field",
+        "key": "idColumn",
+        "label": "ID Column",
+        "resetOn": "datasource"
+      },
+      {
+        "type": "field/sortable",
+        "key": "sortColumn",
+        "label": "Sort By",
+        "resetOn": "datasource",
+        "dependsOn": {
+          "setting": "structuredData",
+          "value": true,
+          "invert": true
+        }
+      },
+      {
+        "type": "select",
+        "key": "sortOrder",
+        "label": "Sort Order",
+        "options": [
+          {
+            "label": "Ascending",
+            "value": "ascending"
+          },
+          {
+            "label": "Descending",
+            "value": "descending"
+          }
+        ],
+        "dependsOn": {
+          "setting": "structuredData",
+          "value": true,
+          "invert": true
+        }
+      },
+      {
+        "type": "filter",
+        "key": "filter",
+        "label": "Filter",
+        "dependsOn": {
+          "setting": "structuredData",
+          "value": true,
+          "invert": true
+        }
+      },
+      {
+        "type": "number",
+        "label": "Limit",
+        "key": "limit",
+        "dependsOn": {
+          "setting": "structuredData",
+          "value": true,
+          "invert": true
+        },
+        "defaultValue": 50
+      },
+      {
+        "type": "select",
+        "key": "controlType",
+        "label": "Control Type",
+        "defaultValue": "tree",
+        "options": [
+          {
+            "label": "Tree View",
+            "value": "tree"
+          },
+          {
+            "label": "List View",
+            "value": "list"
+          }
+        ]
+      },
+      {
+        "type": "select",
+        "key": "treeType",
+        "label": "Tree Type",
+        "defaultValue": "flat",
+        "options": [
+          {
+            "label": "Flat",
+            "value": "flat"
+          },
+          {
+            "label": "Recursive",
+            "value": "recursive"
+          },
+          {
+            "label": "Group By",
+            "value": "groupBy"
+          }
+        ]
+      },
+      {
+        "type": "field",
+        "key": "joinField",
+        "label": "Join Column",
+        "resetOn": "datasource",
+        "dependsOn": {
+          "setting": "treeType",
+          "value": "recursive"
+        }
+      },
+      {
+        "type": "multifield",
+        "key": "groupFields",
+        "label": "Group By",
+        "resetOn": [
+          "datasource",
+          "treeType"
+        ],
+        "dependsOn": {
+          "setting": "treeType",
+          "value": "groupBy"
+        }
+      },
+      {
+        "type": "boolean",
+        "key": "disabled",
+        "label": "Disabled"
+      },
+      {
+        "type": "boolean",
+        "key": "rootless",
+        "label": "No Root",
+        "defaultValue": true
+      },
+      {
+        "type": "boolean",
+        "key": "header",
+        "label": "Header",
+        "defaultValue": true
+      },
+      {
+        "type": "boolean",
+        "key": "showCount",
+        "label": "Show Count",
+        "defaultValue": true
+      },
+      {
+        "section": true,
+        "name": "Root Settings",
+        "dependsOn": {
+          "setting": "rootless",
+          "value": false
+        },
+        "settings": [
+          {
+            "type": "text",
+            "key": "rootNodeName",
+            "label": "Root Node Text",
+            "dependsOn": {
+              "setting": "rootless",
+              "value": true,
+              "invert": true
+            }
+          },
+          {
+            "type": "componentConfiguration",
+            "componentType": "plugin/bb_component_superbutton",
+            "key": "rootButtons",
+            "label": "Menu",
+            "nested": true,
+            "wide": true
+          },
+          {
+            "type": "boolean",
+            "key": "collapsed",
+            "label": "Collapsed",
+            "defaultValue": true,
+            "dependsOn": {
+              "setting": "rootless",
+              "value": true,
+              "invert": true
+            }
+          }
+        ]
+      },
+      {
+        "section": true,
+        "name": "Header Settings",
+        "dependsOn": "header",
+        "collapsed": true,
+        "settings": [
+          {
+            "type": "text",
+            "key": "headerText",
+            "label": "Text"
+          },
+          {
+            "type": "select",
+            "key": "searchMode",
+            "label": "Search",
+            "options": [
+              {
+                "label": "Disabled",
+                "value": false
+              },
+              {
+                "label": "Client Side",
+                "value": "client"
+              },
+              {
+                "label": "Server Side",
+                "value": "server"
+              }
+            ],
+            "defaultValue": "client"
+          },
+          {
+            "type": "boolean",
+            "key": "headerMenu",
+            "label": "Header Menu",
+            "defaultValue": false
+          },
+          {
+            "type": "number",
+            "key": "headerShowButtons",
+            "label": "Show Buttons",
+            "min": 0,
+            "defaultValue": 0,
+            "dependsOn": "headerMenu"
+          },
+          {
+            "type": "componentConfiguration",
+            "componentType": "plugin/bb_component_superbutton",
+            "key": "headerMenuItems",
+            "dependsOn": "headerMenu",
+            "nested": true,
+            "wide": true
+          }
+        ]
+      },
+      {
+        "section": true,
+        "name": "Node Settings",
+        "collapsed": true,
+        "settings": [
+          {
+            "type": "field",
+            "key": "labelColumn",
+            "label": "Label Column",
+            "resetOn": "datasource"
+          },
+          {
+            "type": "text",
+            "key": "labelTemplate",
+            "resetOn": "datasource",
+            "label": "Label",
+            "nested": true
+          },
+          {
+            "type": "columns",
+            "key": "listColumns",
+            "label": "List Columns"
+          },
+          {
+            "type": "componentConfiguration",
+            "componentType": "plugin/bb_component_superbutton",
+            "key": "nodeMenuItems",
+            "label": "Node Menu",
+            "wide": true,
+            "nested": true
+          }
+        ]
+      },
+      {
+        "section": true,
+        "name": "Group By Settings",
+        "dependsOn": {
+          "setting": "treeType",
+          "value": "groupBy"
+        },
+        "settings": [
+          {
+            "type": "text",
+            "key": "groupNodeLabel",
+            "label": "Group Label",
+            "nested": true
+          },
+          {
+            "type": "boolean",
+            "key": "groupSelectable",
+            "label": "Selectable",
+            "defaultValue": false
+          },
+          {
+            "type": "boolean",
+            "key": "groupSelectChildren",
+            "label": "Select Children",
+            "dependsOn": "groupSelectable",
+            "defaultValue": false
+          },
+          {
+            "type": "componentConfiguration",
+            "componentType": "plugin/bb_component_superbutton",
+            "key": "groupMenuItems",
+            "label": "Group Menu",
+            "nested": true,
+            "context": [
+              {
+                "key": "group",
+                "label": "Group"
+              }
+            ],
+            "wide": true
+          }
+        ]
+      },
+      {
+        "section": true,
+        "name": "Selection Settings",
+        "collapsed": true,
+        "settings": [
+          {
+            "type": "boolean",
+            "key": "checkboxes",
+            "label": "Checkboxes"
+          },
+          {
+            "type": "number",
+            "key": "maxNodeSelection",
+            "label": "Max Selected",
+            "min": 1,
+            "defaultValue": 1
+          },
+          {
+            "type": "text",
+            "key": "selectedIds",
+            "label": "Selected IDs",
+            "placeholder": "Comma seperated list"
+          }
+        ]
+      },
+      {
+        "section": true,
+        "name": "Events",
+        "collapsed": true,
+        "settings": [
+          {
+            "type": "event",
+            "key": "onNodeSelect",
+            "label": "On Node Select",
+            "context": [
+              {
+                "label": "Current Row",
+                "key": "row"
+              }
+            ]
+          },
+          {
+            "type": "event",
+            "dependsOn": "groupSelectable",
+            "key": "onGroupSelect",
+            "label": "On Group Select",
+            "context": [
+              {
+                "label": "Group",
+                "key": "group"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "section": true,
+        "tag": "style",
+        "name": "Tree Settings",
+        "settings": [
+          {
+            "type": "select",
+            "key": "chevronPosition",
+            "defaultValue": "left",
+            "resetOn": "controlType",
+            "label": "Chevron",
+            "options": [
+              {
+                "label": "Left",
+                "value": "left"
+              },
+              {
+                "label": "Right",
+                "value": "right"
+              }
+            ]
+          },
+          {
+            "type": "phosphorIcon",
+            "key": "nodeMenuIcon",
+            "label": "Menu Icon",
+            "defaultValue": "ri-more-fill"
+          },
+          {
+            "type": "select",
+            "key": "slotPosition",
+            "label": "Slot Position",
+            "defaultValue": "after",
+            "options": [
+              {
+                "label": "Disabled",
+                "value": false
+              },
+              {
+                "label": "In Leaf",
+                "value": "leaf"
+              },
+              {
+                "label": "In Branch",
+                "value": "branch"
+              },
+              {
+                "label": "In Group",
+                "value": "group"
+              },
+              {
+                "label": "After Tree",
+                "value": "after"
+              },
+              {
+                "label": "In All Nodes",
+                "value": "all"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "section": true,
+        "tag": "style",
+        "name": "Dynamic Node Styles",
+        "settings": [
+          {
+            "type": "phosphorIcon",
+            "key": "nodeIcon",
+            "label": "Node Icon"
+          },
+          {
+            "type": "text",
+            "key": "nodeIconTemplate",
+            "label": "Node Icon",
+            "nested": true
+          },
+          {
+            "type": "text",
+            "key": "nodeIconColor",
+            "label": "Icon Color",
+            "nested": true
+          },
+          {
+            "type": "text",
+            "key": "nodeFGColor",
+            "label": "Text Color",
+            "nested": true
+          },
+          {
+            "type": "text",
+            "key": "nodeBGColor",
+            "label": "Background",
+            "nested": true
+          }
+        ]
+      },
+      {
+        "section": true,
+        "tag": "style",
+        "name": "Group Settings",
+        "dependsOn": {
+          "setting": "treeType",
+          "value": "groupBy"
+        },
+        "settings": [
+          {
+            "type": "phosphorIcon",
+            "key": "groupNodeIcon",
+            "label": "Icon"
+          },
+          {
+            "type": "text",
+            "key": "groupFGColor",
+            "label": "Text Color",
+            "nested": true
+          },
+          {
+            "type": "text",
+            "key": "groupBGColor",
+            "label": "Background",
+            "nested": true
+          }
+        ]
+      },
+      {
+        "type": "select",
+        "tag": "style",
+        "label": "Flex Mode",
+        "showLabel": false,
+        "key": "flex",
+        "showInBar": true,
+        "barStyle": "buttons",
+        "options": [
+          {
+            "label": "Shrink",
+            "value": false,
+            "barIcon": "Minimize",
+            "barTitle": "Shrink container"
+          },
+          {
+            "label": "Grow",
+            "value": true,
+            "barIcon": "Maximize",
+            "barTitle": "Grow container"
+          }
+        ],
+        "defaultValue": false
+      }
+    ]
+  },
+  "hash": "48b4a05a6b6900bf7f92f806be56b75c1b888e7a",
+  "version": "1.0.1"
+}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "bb_component_supertree",
+  "version": "1.0.1",
+  "description": "Super Tree",
+  "author": "Michael Poirazi - https://github.com/poirazis",
+  "license": "MIT",
+  "svelte": "index.js",
+  "module": "dist/plugin.min.js",
+  "schema.metadata.svelteMajor": 5,
+  "type": "module",
+  "files": [
+    "dist/",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "watch": "NODE_ENV=development vite build --watch --mode development"
+  },
+  "dependencies": {
+    "@poirazis/superlib": "latest"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/plugin.min.js",
+      "require": "./dist/plugin.min.js"
+    }
+  },
+  "devDependencies": {
+    "@budibase/backend-core": "^3.38.5",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
+    "tar": "^7.5.16",
+    "terser": "^5.48.0",
+    "vite": "^8.0.16",
+    "vite-plugin-css-injected-by-js": "^5.0.1",
+    "vite-plugin-singlefile": "^2.3.3",
+    "svelte": "5.55.10",
+    "@budibase/types": "^3.38.5",
+    "typescript": "^6.0.3"
+  },
+  "peerDependencies": {
+    "svelte": "5.55.10"
+  },
+  "overrides": {
+    "svelte": "5.55.10"
+  }
+}