@shineuix/ssr 1.0.0 → 1.0.1

package/dist/components/sui-tour.js

@@ -1 +1 @@
-import{p as t,H as s,c as i,f as o,h as e,a as r,t as a}from"./p-CeVlau-G.js";import{G as n,x as u}from"./p-DdsE4HI6.js";import{o as h}from"./p-BEa7fx4d.js";import{k as c,o as d,p as l,b as p,m as v,l as m}from"./p-CN5x4MC8.js";import{s as f,r as g}from"./p-DXIDl7cw.js";import{a as b,l as x}from"./p-BuyjS5bS.js";import{defineCustomElement as w}from"./p-DgXzRiP4.js";const y=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiClose=i(this,"suiClose",3),this.suiStepChange=i(this,"suiStepChange",3)}get host(){return this}open=!1;steps=[];step=0;target;suiClose;suiStepChange;measured;closing=!1;settling=!1;glide=!1;modal;escape=c((()=>this.requestClose("escape")));card;layer;spotEl;revealed;unwatch;cancelSettle;exit=d((()=>this.closing=!1));held;raised;demote;get current(){return this.open?(this.steps||[])[this.step]:void 0}get spotRect(){if(this.current)return this.current.target?this.measured:this.target}componentWillLoad(){this.clampStep(),this.resolveTarget()}clampStep(){const t=(this.steps||[]).length,s=t?Math.min(Math.max(0,Math.floor(Number(this.step)||0)),t-1):this.step;return s!==this.step&&(this.step=s,!0)}connectedCallback(){this.open&&this.escape.arm(),this.layer&&this.current&&o(this)}componentWillRender(){this.raised&&!this.drawn()&&this.lowerStage()}drawn(){return this.closing?!!this.held:!!this.current&&!this.settling}lowerStage(){const t=this.demote;this.demote=void 0,this.raised=void 0,t?.()}componentDidRender(){this.drawn()&&this.layer&&this.raised!==this.layer&&(this.lowerStage(),this.demote=l(this.layer),this.raised=this.layer),this.closing||(this.current&&this.card&&!this.modal?this.activate():!this.current&&this.modal&&this.deactivate(),this.placeCard())}disconnectedCallback(){this.escape.disarm(),this.deactivate(),this.stopSettling(),this.exit.cancel(),this.lowerStage(),this.closing=!1}onOpen(t){if(t)return this.escape.arm(),this.exit.cancel(),this.closing=!1,void this.resolveTarget(!0);this.escape.disarm(),this.deactivate(),this.stopSettling(),this.closing=this.exit.begin(this.layer)}onStep(){this.clampStep()||this.resolveTarget(!0)}onSteps(){this.clampStep()||this.resolveTarget(!0)}activate(){this.card&&!this.modal&&this.host.isConnected&&(this.modal=h(this.card),this.unwatch=p((()=>this.follow())))}deactivate(){this.modal?.release(),this.modal=void 0,this.unwatch?.(),this.unwatch=void 0,this.revealed=void 0}follow(){this.glide=!1,this.remeasure()}stopSettling(){this.cancelSettle?.(),this.cancelSettle=void 0,this.settling=!1}outOfView(t){if("undefined"==typeof window||"function"!=typeof t.getBoundingClientRect)return!1;const s=t.getBoundingClientRect(),i=window.innerHeight||0,o=window.innerWidth||0;if(!i||!o)return!1;const e=t=>s.top<t.top||s.left<t.left||s.right>t.right||s.bottom>t.bottom&&s.height<=t.bottom-t.top;if(e({top:0,left:0,right:o,bottom:i}))return!0;if("function"!=typeof getComputedStyle)return!1;for(let s=t.parentElement;s&&s!==document.body&&s!==document.documentElement;s=s.parentElement){const t=getComputedStyle(s);if(/(auto|scroll|hidden|clip)/.test(`${t.overflowX} ${t.overflowY}`)&&e(s.getBoundingClientRect()))return!0}return!1}resolveTarget(t=!1){this.stopSettling();const s=this.current?.target,i=s?document.querySelector(s):null,o=t&&!!i&&i!==this.revealed,e=!!this.revealed;if(this.revealed=i||void 0,o&&this.outOfView(i)&&"function"==typeof i.scrollIntoView){if(i.scrollIntoView({block:"nearest",behavior:f()}),this.glide=!1,!e&&!g())return this.settling=!0,void this.awaitScroll((()=>{this.settling=!1,this.remeasure()}))}else o&&e&&(this.glide=!0);this.remeasure()}awaitScroll(t){let s,i=!1;const o=()=>{i||(i=!0,a(),t())},e=()=>{clearTimeout(s),s=setTimeout(o,100)},r=setTimeout(o,600),a=()=>{clearTimeout(s),clearTimeout(r),window.removeEventListener("scroll",e,!0),window.removeEventListener("scrollend",o,!0)};window.addEventListener("scroll",e,!0),window.addEventListener("scrollend",o,!0),e(),this.cancelSettle=()=>{i=!0,a()}}remeasure(){const t=this.revealed;if(!t||!t.isConnected)return void this.setMeasured(void 0);const s=t.getBoundingClientRect();this.setMeasured({top:s.top+"px",left:s.left+"px",width:s.width+"px",height:s.height+"px"})}setMeasured(t){const s=this.measured;(s||t)&&(s&&t&&s.top===t.top&&s.left===t.left&&s.width===t.width&&s.height===t.height||(this.measured=t))}placeCard(){const t=this.card;if(t)return this.spotRect&&this.spotEl?void v(t,m(this.spotEl,t,"bottom",14,"start")):(t.style.position="",t.style.top="",t.style.left="",void t.removeAttribute("data-side"))}requestClose(t){this.suiClose.emit(t).defaultPrevented||(this.open=!1)}onStagePress=t=>{this.card&&this.card.contains(t.target)||t.preventDefault()};go(t){t<0||t>=(this.steps||[]).length||t===this.step||(this.step=t,this.suiStepChange.emit(t),requestAnimationFrame((()=>this.modal?.refocus())))}forward=()=>{this.step>=(this.steps||[]).length-1?this.requestClose("pick"):this.go(this.step+1)};render(){const t=this.current,s=t||(this.closing?this.held?.step:void 0);if(!s||this.settling&&!this.closing)return e(r,null);const i=t?this.spotRect:this.held?.rect;t&&(this.held={step:t,rect:i});const o=this.steps.length,a=this.step===o-1;return e(r,null,e("div",{class:{layer:!0,closing:this.closing,glide:this.glide&&!this.closing},inert:this.closing,ref:t=>this.layer=t,onMouseDown:this.onStagePress},i?null:e("div",{class:"scrim"}),i?e("div",{ref:t=>this.spotEl=t,class:"spot",style:{top:i.top,left:i.left,width:i.width,height:i.height},"aria-hidden":"true"}):null,e("div",{ref:t=>this.card=t,class:{card:!0,centered:!i},role:"dialog","aria-label":b(void 0,"tour.productTour",void 0,"Product tour")},e("div",{class:"top"},e("span",{class:"eyebrow"},x(void 0,"tour.stepOf",void 0,"Step {n} of {count}",{n:this.step+1+"",count:o+""})),e("span",{class:"grow"}),e("button",{type:"button",class:"end","aria-label":b(void 0,"tour.endTour",void 0,"End tour"),onClick:()=>this.requestClose("close-button")},e(n,{glyph:u}))),e("div",{class:"heading"},s.heading),e("div",{class:"body"},s.body),e("div",{class:"progress","aria-hidden":"true"},this.steps.map(((t,s)=>e("span",{class:{bar:!0,done:s<=this.step}})))),e("div",{class:"actions"},e("sui-button",{size:"sm",variant:"outline",label:b(void 0,"tour.back",void 0,"Back"),disabled:0===this.step,onClick:()=>this.go(this.step-1)}),e("span",{class:"grow"}),e("sui-button",{size:"sm",variant:"outline",label:b(void 0,"tour.skip",void 0,"Skip"),onClick:()=>this.requestClose("cancel")}),e("sui-button",{size:"sm",variant:"accent",label:a?b(void 0,"tour.finish",void 0,"Finish"):b(void 0,"tour.next",void 0,"Next"),onClick:this.forward})))))}static get watchers(){return{open:[{onOpen:0}],step:[{onStep:0}],steps:[{onSteps:0}]}}static get style(){return".sc-sui-tour-h{display:contents;font-family:var(--font-sans)}.layer.sc-sui-tour{position:fixed;inset:0;z-index:var(--z-dialog)}.scrim.sc-sui-tour{position:absolute;inset:0;background:var(--scrim);animation:sui-tour-fade var(--duration-slow) var(--ease-out)}.spot.sc-sui-tour{position:absolute;border-radius:var(--radius-md);background:transparent;pointer-events:none;box-shadow:0 0 0 3px var(--accent), 0 0 0 200vmax var(--scrim);animation:sui-tour-fade var(--duration-slow) var(--ease-out)}.card.sc-sui-tour{position:absolute;box-sizing:border-box;width:300px;padding:16px 18px;background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);animation:sui-tour-in var(--duration-slow) var(--ease-out)}.card.centered.sc-sui-tour{inset:0;margin:auto;height:max-content;animation-name:sui-tour-in-centered}.card.sc-sui-tour:focus{outline:none}.layer.glide.sc-sui-tour .spot.sc-sui-tour{transition:top var(--duration-base) var(--ease-out), left var(--duration-base) var(--ease-out), width var(--duration-base) var(--ease-out), height var(--duration-base) var(--ease-out)}.layer.glide.sc-sui-tour .card.sc-sui-tour{transition:top var(--duration-base) var(--ease-out), left var(--duration-base) var(--ease-out)}.layer.closing.sc-sui-tour{pointer-events:none}.layer.closing.sc-sui-tour .scrim.sc-sui-tour,.layer.closing.sc-sui-tour .spot.sc-sui-tour,.layer.closing.sc-sui-tour .card.sc-sui-tour{animation:sui-tour-out var(--duration-fast) var(--ease-out) forwards}.top.sc-sui-tour{display:flex;align-items:center;gap:8px;margin-bottom:8px}.eyebrow.sc-sui-tour{font-size:10.5px;font-weight:720;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent-ink);font-feature-settings:'tnum'}.grow.sc-sui-tour{flex:1}.end.sc-sui-tour{border:none;background:transparent;color:var(--ink-faint);cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs)}.end.sc-sui-tour .sui-glyph.sc-sui-tour{font-size:12px}.end.sc-sui-tour:hover{color:var(--ink)}.end.sc-sui-tour:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.heading.sc-sui-tour{font-size:14px;font-weight:720}.body.sc-sui-tour{font-size:12.5px;color:var(--ink-muted);line-height:1.5;margin:5px 0 12px}.progress.sc-sui-tour{display:flex;gap:4px;margin-bottom:12px}.bar.sc-sui-tour{flex:1;height:3px;border-radius:2px;background:var(--brand-soft)}.bar.done.sc-sui-tour{background:var(--accent)}.actions.sc-sui-tour{display:flex;align-items:center;gap:8px}@keyframes sui-tour-fade{from{opacity:0}}@keyframes sui-tour-in{from{opacity:0;margin-top:4px}}@keyframes sui-tour-in-centered{from{opacity:0;top:4px}}@keyframes sui-tour-out{to{opacity:0}}@media (forced-colors: active){.spot.sc-sui-tour{outline:3px solid Highlight}.card.sc-sui-tour{border:1px solid CanvasText}.bar.sc-sui-tour{background:Canvas;border-bottom:1px solid CanvasText;box-sizing:border-box}.bar.done.sc-sui-tour{background:Highlight;border-bottom-color:Highlight}}"}},[514,"sui-tour",{open:[1540],steps:[16],step:[1026],target:[16],measured:[32],closing:[32],settling:[32],glide:[32]},void 0,{open:[{onOpen:0}],step:[{onStep:0}],steps:[{onSteps:0}]}]),k=y,C=function(){"undefined"!=typeof customElements&&["sui-tour","sui-button"].forEach((t=>{switch(t){case"sui-tour":customElements.get(a(t))||customElements.define(a(t),y);break;case"sui-button":customElements.get(a(t))||w()}}))};export{k as SuiTour,C as defineCustomElement}
+import{p as t,H as s,c as i,f as o,h as e,a as r,t as a}from"./p-CeVlau-G.js";import{G as n,x as u}from"./p-BeYfX4rQ.js";import{o as h}from"./p-DpbLhd6d.js";import{k as c,o as d,p as l,b as p,m as v,l as m}from"./p-DsHK25q3.js";import{s as f,r as g}from"./p-CZ4DDtn8.js";import{a as b,l as x}from"./p-BuyjS5bS.js";import{defineCustomElement as w}from"./p-DquILvXX.js";const y=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiClose=i(this,"suiClose",3),this.suiStepChange=i(this,"suiStepChange",3)}get host(){return this}open=!1;steps=[];step=0;target;suiClose;suiStepChange;measured;closing=!1;settling=!1;glide=!1;modal;escape=c((()=>this.requestClose("escape")));card;layer;spotEl;revealed;unwatch;cancelSettle;exit=d((()=>this.closing=!1));held;raised;demote;get current(){return this.open?(this.steps||[])[this.step]:void 0}get spotRect(){if(this.current)return this.current.target?this.measured:this.target}componentWillLoad(){this.clampStep(),this.resolveTarget()}clampStep(){const t=(this.steps||[]).length,s=t?Math.min(Math.max(0,Math.floor(Number(this.step)||0)),t-1):this.step;return s!==this.step&&(this.step=s,!0)}connectedCallback(){this.open&&this.escape.arm(),this.layer&&this.current&&o(this)}componentWillRender(){this.raised&&!this.drawn()&&this.lowerStage()}drawn(){return this.closing?!!this.held:!!this.current&&!this.settling}lowerStage(){const t=this.demote;this.demote=void 0,this.raised=void 0,t?.()}componentDidRender(){this.drawn()&&this.layer&&this.raised!==this.layer&&(this.lowerStage(),this.demote=l(this.layer),this.raised=this.layer),this.closing||(this.current&&this.card&&!this.modal?this.activate():!this.current&&this.modal&&this.deactivate(),this.placeCard())}disconnectedCallback(){this.escape.disarm(),this.deactivate(),this.stopSettling(),this.exit.cancel(),this.lowerStage(),this.closing=!1}onOpen(t){if(t)return this.escape.arm(),this.exit.cancel(),this.closing=!1,void this.resolveTarget(!0);this.escape.disarm(),this.deactivate(),this.stopSettling(),this.closing=this.exit.begin(this.layer)}onStep(){this.clampStep()||this.resolveTarget(!0)}onSteps(){this.clampStep()||this.resolveTarget(!0)}activate(){this.card&&!this.modal&&this.host.isConnected&&(this.modal=h(this.card),this.unwatch=p((()=>this.follow())))}deactivate(){this.modal?.release(),this.modal=void 0,this.unwatch?.(),this.unwatch=void 0,this.revealed=void 0}follow(){this.glide=!1,this.remeasure()}stopSettling(){this.cancelSettle?.(),this.cancelSettle=void 0,this.settling=!1}outOfView(t){if("undefined"==typeof window||"function"!=typeof t.getBoundingClientRect)return!1;const s=t.getBoundingClientRect(),i=window.innerHeight||0,o=window.innerWidth||0;if(!i||!o)return!1;const e=t=>s.top<t.top||s.left<t.left||s.right>t.right||s.bottom>t.bottom&&s.height<=t.bottom-t.top;if(e({top:0,left:0,right:o,bottom:i}))return!0;if("function"!=typeof getComputedStyle)return!1;for(let s=t.parentElement;s&&s!==document.body&&s!==document.documentElement;s=s.parentElement){const t=getComputedStyle(s);if(/(auto|scroll|hidden|clip)/.test(`${t.overflowX} ${t.overflowY}`)&&e(s.getBoundingClientRect()))return!0}return!1}resolveTarget(t=!1){this.stopSettling();const s=this.current?.target,i=s?document.querySelector(s):null,o=t&&!!i&&i!==this.revealed,e=!!this.revealed;if(this.revealed=i||void 0,o&&this.outOfView(i)&&"function"==typeof i.scrollIntoView){if(i.scrollIntoView({block:"nearest",behavior:f()}),this.glide=!1,!e&&!g())return this.settling=!0,void this.awaitScroll((()=>{this.settling=!1,this.remeasure()}))}else o&&e&&(this.glide=!0);this.remeasure()}awaitScroll(t){let s,i=!1;const o=()=>{i||(i=!0,a(),t())},e=()=>{clearTimeout(s),s=setTimeout(o,100)},r=setTimeout(o,600),a=()=>{clearTimeout(s),clearTimeout(r),window.removeEventListener("scroll",e,!0),window.removeEventListener("scrollend",o,!0)};window.addEventListener("scroll",e,!0),window.addEventListener("scrollend",o,!0),e(),this.cancelSettle=()=>{i=!0,a()}}remeasure(){const t=this.revealed;if(!t||!t.isConnected)return void this.setMeasured(void 0);const s=t.getBoundingClientRect();this.setMeasured({top:s.top+"px",left:s.left+"px",width:s.width+"px",height:s.height+"px"})}setMeasured(t){const s=this.measured;(s||t)&&(s&&t&&s.top===t.top&&s.left===t.left&&s.width===t.width&&s.height===t.height||(this.measured=t))}placeCard(){const t=this.card;if(t)return this.spotRect&&this.spotEl?void v(t,m(this.spotEl,t,"bottom",14,"start")):(t.style.position="",t.style.top="",t.style.left="",void t.removeAttribute("data-side"))}requestClose(t){this.suiClose.emit(t).defaultPrevented||(this.open=!1)}onStagePress=t=>{this.card&&this.card.contains(t.target)||t.preventDefault()};go(t){t<0||t>=(this.steps||[]).length||t===this.step||(this.step=t,this.suiStepChange.emit(t),requestAnimationFrame((()=>this.modal?.refocus())))}forward=()=>{this.step>=(this.steps||[]).length-1?this.requestClose("pick"):this.go(this.step+1)};render(){const t=this.current,s=t||(this.closing?this.held?.step:void 0);if(!s||this.settling&&!this.closing)return e(r,null);const i=t?this.spotRect:this.held?.rect;t&&(this.held={step:t,rect:i});const o=this.steps.length,a=this.step===o-1;return e(r,null,e("div",{class:{layer:!0,closing:this.closing,glide:this.glide&&!this.closing},inert:this.closing,ref:t=>this.layer=t,onMouseDown:this.onStagePress},i?null:e("div",{class:"scrim"}),i?e("div",{ref:t=>this.spotEl=t,class:"spot",style:{top:i.top,left:i.left,width:i.width,height:i.height},"aria-hidden":"true"}):null,e("div",{ref:t=>this.card=t,class:{card:!0,centered:!i},role:"dialog","aria-label":b(void 0,"tour.productTour",void 0,"Product tour")},e("div",{class:"top"},e("span",{class:"eyebrow"},x(void 0,"tour.stepOf",void 0,"Step {n} of {count}",{n:this.step+1+"",count:o+""})),e("span",{class:"grow"}),e("button",{type:"button",class:"end","aria-label":b(void 0,"tour.endTour",void 0,"End tour"),onClick:()=>this.requestClose("close-button")},e(n,{glyph:u}))),e("div",{class:"heading"},s.heading),e("div",{class:"body"},s.body),e("div",{class:"progress","aria-hidden":"true"},this.steps.map(((t,s)=>e("span",{class:{bar:!0,done:s<=this.step}})))),e("div",{class:"actions"},e("sui-button",{size:"sm",variant:"outline",label:b(void 0,"tour.back",void 0,"Back"),disabled:0===this.step,onClick:()=>this.go(this.step-1)}),e("span",{class:"grow"}),e("sui-button",{size:"sm",variant:"outline",label:b(void 0,"tour.skip",void 0,"Skip"),onClick:()=>this.requestClose("cancel")}),e("sui-button",{size:"sm",variant:"accent",label:a?b(void 0,"tour.finish",void 0,"Finish"):b(void 0,"tour.next",void 0,"Next"),onClick:this.forward})))))}static get watchers(){return{open:[{onOpen:0}],step:[{onStep:0}],steps:[{onSteps:0}]}}static get style(){return".sc-sui-tour-h{display:contents;font-family:var(--font-sans)}.layer.sc-sui-tour{position:fixed;inset:0;z-index:var(--z-dialog)}.scrim.sc-sui-tour{position:absolute;inset:0;background:var(--scrim);animation:sui-tour-fade var(--duration-slow) var(--ease-out)}.spot.sc-sui-tour{position:absolute;border-radius:var(--radius-md);background:transparent;pointer-events:none;box-shadow:0 0 0 3px var(--accent), 0 0 0 200vmax var(--scrim);animation:sui-tour-fade var(--duration-slow) var(--ease-out)}.card.sc-sui-tour{position:absolute;box-sizing:border-box;width:300px;padding:16px 18px;background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);animation:sui-tour-in var(--duration-slow) var(--ease-out)}.card.centered.sc-sui-tour{inset:0;margin:auto;height:max-content;animation-name:sui-tour-in-centered}.card.sc-sui-tour:focus{outline:none}.layer.glide.sc-sui-tour .spot.sc-sui-tour{transition:top var(--duration-base) var(--ease-out), left var(--duration-base) var(--ease-out), width var(--duration-base) var(--ease-out), height var(--duration-base) var(--ease-out)}.layer.glide.sc-sui-tour .card.sc-sui-tour{transition:top var(--duration-base) var(--ease-out), left var(--duration-base) var(--ease-out)}.layer.closing.sc-sui-tour{pointer-events:none}.layer.closing.sc-sui-tour .scrim.sc-sui-tour,.layer.closing.sc-sui-tour .spot.sc-sui-tour,.layer.closing.sc-sui-tour .card.sc-sui-tour{animation:sui-tour-out var(--duration-fast) var(--ease-out) forwards}.top.sc-sui-tour{display:flex;align-items:center;gap:8px;margin-bottom:8px}.eyebrow.sc-sui-tour{font-size:10.5px;font-weight:720;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent-ink);font-feature-settings:'tnum'}.grow.sc-sui-tour{flex:1}.end.sc-sui-tour{border:none;background:transparent;color:var(--ink-faint);cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs)}.end.sc-sui-tour .sui-glyph.sc-sui-tour{font-size:12px}.end.sc-sui-tour:hover{color:var(--ink)}.end.sc-sui-tour:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.heading.sc-sui-tour{font-size:14px;font-weight:720}.body.sc-sui-tour{font-size:12.5px;color:var(--ink-muted);line-height:1.5;margin:5px 0 12px}.progress.sc-sui-tour{display:flex;gap:4px;margin-bottom:12px}.bar.sc-sui-tour{flex:1;height:3px;border-radius:2px;background:var(--brand-soft)}.bar.done.sc-sui-tour{background:var(--accent)}.actions.sc-sui-tour{display:flex;align-items:center;gap:8px}@keyframes sui-tour-fade{from{opacity:0}}@keyframes sui-tour-in{from{opacity:0;margin-top:4px}}@keyframes sui-tour-in-centered{from{opacity:0;top:4px}}@keyframes sui-tour-out{to{opacity:0}}@media (forced-colors: active){.spot.sc-sui-tour{outline:3px solid Highlight}.card.sc-sui-tour{border:1px solid CanvasText}.bar.sc-sui-tour{background:Canvas;border-bottom:1px solid CanvasText;box-sizing:border-box}.bar.done.sc-sui-tour{background:Highlight;border-bottom-color:Highlight}}"}},[514,"sui-tour",{open:[1540],steps:[16],step:[1026],target:[16],measured:[32],closing:[32],settling:[32],glide:[32]},void 0,{open:[{onOpen:0}],step:[{onStep:0}],steps:[{onSteps:0}]}]),k=y,C=function(){"undefined"!=typeof customElements&&["sui-tour","sui-button"].forEach((t=>{switch(t){case"sui-tour":customElements.get(a(t))||customElements.define(a(t),y);break;case"sui-button":customElements.get(a(t))||w()}}))};export{k as SuiTour,C as defineCustomElement}

package/dist/components/sui-tree-select.js

@@ -1 +1 @@
-import{p as e,H as s,c as i,f as t,h as r,t as o}from"./p-CeVlau-G.js";import{d as l,F as n}from"./p-TBwsYzWO.js";import{P as a,a as c,b as u}from"./p-D0KZcTn9.js";import{G as h,q as d,k as p,x as f,a as v,y as g,z as m}from"./p-DdsE4HI6.js";import{i as x}from"./p-Cs2X0Kih.js";import{u as b}from"./p-U06fVoGD.js";import{i as k,d as y,s as w,r as z}from"./p-BHB1Wprj.js";import{f as C}from"./p-CGWvlrv_.js";import{m as F}from"./p-BE4gZZNA.js";import{s as T,l as A,h as j,n as S,k as D}from"./p-M0fYQCIv.js";import{q as E,m as q,l as O}from"./p-CN5x4MC8.js";import{p as G,f as K}from"./p-CDJMRbCX.js";import{k as H}from"./p-CYlxvoVo.js";import{S as V,r as B,f as I,s as M}from"./p-Btp15dVO.js";import{l as N,a as P}from"./p-BuyjS5bS.js";import{i as L}from"./p-GAnFXayY.js";import{d as R,p as Y}from"./p-Bt5Kx3zM.js";import{defineCustomElement as X}from"./p-BioVIgkG.js";const W=["sm","md","lg"],$=e=>Array.isArray(e.children)?e.children:[],Q=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiChange=i(this,"suiChange",7),this.suiExpandedChange=i(this,"suiExpandedChange",3),this.suiOpen=i(this,"suiOpen",3),this.suiClose=i(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];placeholder;value;multiple=!1;filter=!1;emptyMessage;emptyFilterMessage;loading=!1;loadingMessage;clearable=!1;size="md";variant="default";tone;virtualScrollThreshold=200;disabled=!1;readOnly=!1;invalid=!1;open=!1;expanded=[];required=!1;name;suiChange;suiExpandedChange;suiOpen;suiClose;activeKey;keyNav=!1;pointerAt="";onKeyNav(e){R(e)&&(this.keyNav=!0)}onPointerNav(e){const s=Y(e);s!==this.pointerAt&&(this.pointerAt=s,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}focused=!1;hostLabel;stopAria;query="";panelScrollTop=0;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}get isQuiet(){return"quiet"===this.variant}fieldId=b("sui-tree-select");trigger;panel;filterInput;scrollFrame;initial;metrics=new V;windowed=!1;closing=!1;popup=G({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){k(this.host,this.internals),y(this.host,(()=>this.trigger)),this.stopAria?.(),this.stopAria=x(this.host,(e=>{this.hostLabel=e})),this.open&&this.panel&&t(this)}componentWillLoad(){this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.open&&(this.activeKey=this.initialActive()),this.syncForm()}componentDidRender(){this.syncForm(),this.open&&this.afterOpen(),this.untabRowBoxes(),this.remeasure()}untabRowBoxes(){this.panel?.querySelectorAll("sui-checkbox").forEach((e=>{const s=()=>e.querySelector("input")?.setAttribute("tabindex","-1");e.querySelector("input")?s():e.componentOnReady?.().then(s)}))}remeasure(){if(!this.open||!this.panel)return;const e=this.panel.querySelector('.sui-popup-spacer[data-edge="top"]');if(!e)return;const s=this.panel.querySelector('[role="treeitem"]'),i=s?.querySelector("sui-checkbox");!i||i.querySelector("input")?this.metrics.measure(this.panel,s,e)&&t(this):i.componentOnReady?.().then((()=>{this.open&&t(this)}))}onPanelScroll=e=>{this.windowed&&(this.panelScrollTop=e.target.scrollTop||0)};resetScroll(){this.panelScrollTop=0,this.panel&&(this.panel.scrollTop=0)}windowFor(e){const s=this.virtualScrollThreshold;return!(s>0)||e<s?null:B(I(e),this.metrics.at(this.panelScrollTop,4))}scrollIndexIntoView(e,s){if(!this.windowed||!this.panel||s<0)return;const i=M(I(e.length),this.metrics.at(this.panelScrollTop,4),s,this.metrics.rowsTop);null!=i&&(this.panel.scrollTop=i,this.panelScrollTop=this.panel.scrollTop)}disconnectedCallback(){this.teardown(),this.popup.disconnect()&&(this.closing=!1),this.stopAria?.()}componentDidLoad(){this.syncForm()}syncForm(){const e=this.selected();w(this.internals,this.isDisabled?null:this.multiple?F(this.name,e)??(e.length?e.join(","):null):e.length?D(e[0]):""),z(this.internals,this.required&&!this.isDisabled&&!this.readOnly,0===e.length,this.label,this.trigger,this.error)}onTreeChange(){this.open&&!this.flat().some((e=>e.n.key===this.activeKey))&&(this.activeKey=this.initialActive())}onValueChange(){if(this.open&&!this.multiple){const e=this.selected()[0],s=null==e?void 0:this.flat().find((s=>T(s.n.key,e)));s&&(this.activeKey=s.n.key)}}onOpenChange(e){this.panelScrollTop=0,this.metrics.reset(),e?(this.popup.reopen(),this.closing=!1,this.activeKey=this.initialActive()):(this.teardown(),this.activeKey=void 0,this.query="",this.windowed=!1,this.closing=this.popup.close())}formResetCallback(){this.value=Array.isArray(this.initial)?[...this.initial]:this.initial}formDisabledCallback(e){this.formDisabled=C(this.host,this.disabled,e),this.syncForm()}async setFocus(){this.trigger?.focus()}afterOpen(){this.open&&this.trigger&&this.popup.open(this.panel)&&(this.filter&&K((()=>this.filterInput),(()=>this.open)),this.scrollActiveIntoView())}reposition(){this.trigger&&this.panel&&(E(this.trigger,this.panel,this.isQuiet?200:0),q(this.panel,O(this.trigger,this.panel,"bottom",6,"start")))}teardown(){null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}show(){this.open||this.isDisabled||this.readOnly||(this.open=!0,H(this.host,this.trigger),this.suiOpen.emit())}requestClose(e,s=!1){return!!this.open&&!this.suiClose.emit(e).defaultPrevented&&(this.open=!1,s&&this.trigger?.focus(),!0)}roots(){return A(this.options,this.host,"options").filter((e=>null!=e))}initialActive(){const e=this.flat(),s=this.selected();return(e.find((e=>j(s,e.n.key)))||e[0])?.n.key}selected(){return Array.isArray(this.value)?this.value:S(this.value)?[]:[this.value]}isSel(e){return j(this.selected(),e.key)}filterView(){const e=this.filter?this.query.trim().toLowerCase():"";if(!e)return null;const s=new Set,i=new Set,t=(r,o)=>{let l=!1;return r.forEach((r=>{const n=r.label.toLowerCase().includes(e),a=t($(r),o||n);(n||a||o)&&s.add(r.key),a&&i.add(r.key),l=l||n||a})),l};return t(this.roots(),!1),{keep:s,auto:i}}isOpen(e,s){return!!s?.auto.has(e.key)||j(this.expanded||[],e.key)}kidsOf(e,s){const i=$(e);return s?i.filter((e=>s.keep.has(e.key))):i}flat(e=this.filterView()){const s=[];if(this.loading)return s;const i=(t,r,o)=>{const l=e?t.filter((s=>e.keep.has(s.key))):t;l.forEach(((t,n)=>{const a=this.kidsOf(t,e),c=a.length>0&&this.isOpen(t,e);s.push({n:t,depth:r,parent:o,hasKids:a.length>0,open:c,pos:n+1,size:l.length}),c&&i(a,r+1,t.key)}))};return i(this.roots(),0),s}all(){const e=[],s=i=>i.forEach((i=>{e.push(i),s($(i))}));return s(this.roots()),e}toggleExpand(e){const s=this.expanded||[];this.expanded=j(s,e)?s.filter((s=>!T(s,e))):s.concat(e),this.suiExpandedChange.emit(this.expanded)}pick(e){if(!this.isDisabled&&!this.readOnly)if(this.activeKey=e.key,this.multiple){const s=this.selected(),i=j(s,e.key)?s.filter((s=>!T(s,e.key))):s.concat(e.key);this.value=i,this.suiChange.emit(i)}else{const s=Array.isArray(this.value)||!T(this.value,e.key);this.value=e.key,this.requestClose("pick",!0),s&&this.suiChange.emit(e.key)}}clearValue(){this.isDisabled||this.readOnly||0===this.selected().length||(this.multiple?(this.value=[],this.suiChange.emit([])):(this.value="",this.suiChange.emit("")),this.trigger?.focus())}clear=e=>{e.stopPropagation(),e.preventDefault(),this.clearValue()};onQuery(e){this.query=e,this.resetScroll();const s=this.flat();s.some((e=>e.n.key===this.activeKey))||(this.activeKey=s[0]?.n.key)}setActive(e,s){s<0||s>=e.length||(this.activeKey=e[s].n.key,this.scrollActiveIntoView(e,s))}scrollActiveIntoView(e,s){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const i=this.panel?.querySelector(".row.active");if(i)return void i.scrollIntoView?.({block:"nearest"});const t=e||this.flat(),r=null!=s?s:t.findIndex((e=>e.n.key===this.activeKey));this.scrollIndexIntoView(t,r)})))}onKeyDown=e=>{this.panel&&this.panel.contains(e.target)||this.onKey(e)};onPanelKey=e=>{this.popup.tab(e,(()=>this.requestClose("outside")))||this.onKey(e)};onKey(e){if(this.isDisabled||this.readOnly)return;if("Escape"===e.key)return void(this.open&&(e.preventDefault(),e.stopPropagation(),this.requestClose("escape",!0)));if("Tab"===e.key)return void(this.open&&this.requestClose("outside"));if("Delete"===e.key||"Backspace"===e.key)return void(this.clearable&&e.target===this.trigger&&this.selected().length&&(e.preventDefault(),this.clearValue()));if(!this.open)return void(["ArrowDown","ArrowUp","Enter"," "].includes(e.key)&&(e.preventDefault(),this.show()));if(this.filterInput&&e.target===this.filterInput&&("Home"===e.key||"End"===e.key||" "===e.key))return;const s=this.flat();if(!s.length)return;let i=s.findIndex((e=>e.n.key===this.activeKey));i<0&&(i=0);const t=s[i],r=L(this.host)?"ArrowLeft":"ArrowRight";switch(e.key){case"ArrowDown":e.preventDefault(),this.setActive(s,i+1);break;case"ArrowUp":e.preventDefault(),this.setActive(s,i-1);break;case"Home":e.preventDefault(),this.setActive(s,0);break;case"End":e.preventDefault(),this.setActive(s,s.length-1);break;case r:e.preventDefault(),t.hasKids&&!t.open?(this.activeKey=t.n.key,this.toggleExpand(t.n.key)):t.hasKids&&t.open&&this.setActive(s,i+1);break;case"ArrowLeft"===r?"ArrowRight":"ArrowLeft":e.preventDefault(),t.hasKids&&t.open?(this.activeKey=t.n.key,this.toggleExpand(t.n.key)):t.parent&&this.setActive(s,s.findIndex((e=>e.n.key===t.parent)));break;case"Enter":case" ":e.preventDefault(),this.pick(t.n)}}renderNode(e){const{n:s,depth:i,hasKids:t,open:o}=e,l=this.isSel(s);return r("div",{role:"treeitem",id:`${this.fieldId}-${s.key}`,key:s.key,"data-key":s.key,"aria-level":i+1,"aria-posinset":e.pos,"aria-setsize":e.size,"aria-label":s.label,"aria-expanded":t?o?"true":"false":null,"aria-selected":this.multiple?null:l?"true":"false","aria-checked":this.multiple?l?"true":"false":null},r("div",{class:{row:!0,sel:l&&!this.multiple,active:s.key===this.activeKey,keynav:this.keyNav&&s.key===this.activeKey},style:{paddingInlineStart:8+18*i+"px"},onMouseEnter:()=>this.activeKey=s.key,onClick:()=>this.pick(s)},r("span",{class:{exp:!0,leaf:!t,open:o},role:t?"button":void 0,"aria-label":t?o?N(void 0,"tree-select.collapse",void 0,"Collapse {item}",{item:s.label}):N(void 0,"tree-select.expand",void 0,"Expand {item}",{item:s.label}):null,onClick:e=>{e.stopPropagation(),t&&this.toggleExpand(s.key)}},r(h,{glyph:d})),this.multiple?r("sui-checkbox",{size:"sm",label:s.label,checked:l,disabled:this.isDisabled}):[s.icon?r("i",{class:s.icon+" icon","aria-hidden":"true"}):null,r("span",{class:"label"},s.label),l?r(h,{glyph:p,class:"chk"}):null]))}renderRows(e,s){const i=[];s&&i.push(r(u,{height:s.padTop,edge:"top"}));const t=s?s.end:e.length;for(let r=s?s.start:0;r<t;r++)i.push(this.renderNode(e[r]));return s&&i.push(r(u,{height:s.padBottom,edge:"bottom"})),i}render(){const e=this.selected(),s=this.all().filter((s=>j(e,s.key))).map((e=>e.label)).join(", "),i=this.open&&null!=this.activeKey?`${this.fieldId}-${this.activeKey}`:void 0,t=this.invalid||!!this.error,o=W.includes(this.size)?this.size:"md",u=this.clearable&&e.length>0&&!this.isDisabled&&!this.readOnly,d=this.open?this.filterView():null,p=this.open?this.flat(d):[],x=this.open?this.windowFor(p.length):null;this.windowed=!!x;const b=this.open&&!this.loading&&(d?0===d.keep.size:0===this.roots().length),k=this.isQuiet,y=P(void 0,"tree-select.loading",this.loadingMessage,"Loading"),w=this.query.trim()?P(void 0,"tree-select.emptyFilter",this.emptyFilterMessage,"No matches."):P(void 0,"tree-select.empty",this.emptyMessage,"Nothing here yet.");return r(n,{key:"6dbc7900d126a08175a78520e7e930380c5fff4e",label:k?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},r("div",{key:"323e1f84f08796f4ad045844db11bad6ed0d18ba",class:{"sui-tree-select":!0,open:this.open,inline:k},onKeyDown:this.onKeyDown},r("button",{key:"a87db84e97eaa536d5d45092f60b58753a26432e",ref:e=>this.trigger=e,id:this.fieldId,type:"button",class:k?{"sui-inline":!0,[o]:!0,open:this.open,shell:this.open,invalid:t,placeholder:!s,readonly:this.readOnly,inverse:"inverse"===this.tone}:{"sui-popup-trigger":!0,"sui-frame":!0,trigger:!0,[o]:!0,focus:this.focused,open:this.open,invalid:t,placeholder:!s,readonly:this.readOnly},disabled:this.isDisabled,role:"combobox","aria-label":k?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-haspopup":"tree","aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-tree","aria-activedescendant":i,"aria-invalid":t?"true":null,"aria-describedby":l(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-keyshortcuts":u?"Delete":null,"aria-busy":this.loading?"true":null,onClick:()=>this.open?this.requestClose("trigger"):this.show(),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},r("span",{key:"c27ba4253aa271fd1ea1ac9b2f3d51097330bf57",class:"val"},s||P(void 0,"tree-select.placeholder",this.placeholder,"Select")),u?r("span",{class:"clear","aria-hidden":"true",onClick:this.clear},r(h,{glyph:f})):null,r(h,this.loading?{glyph:v,class:"spin sui-popup-spin"}:{glyph:g,class:"chev"})),this.open||this.closing?r("div",{key:"panel",ref:e=>this.panel=e,class:{"sui-popup-panel":!0,panel:!0,closing:this.closing},inert:this.closing,role:"presentation",onScroll:this.onPanelScroll,onKeyDown:this.onPanelKey,onSuiChange:e=>e.stopPropagation()},this.filter?r("div",{class:"sui-popup-search"},r("div",{class:"sui-popup-search-box sui-frame"},r(h,{glyph:m}),r("input",{ref:e=>this.filterInput=e,type:"text",placeholder:P(void 0,"tree-select.search",void 0,"Search"),"aria-label":P(void 0,"tree-select.searchOptions",void 0,"Search options"),"aria-controls":this.fieldId+"-tree","aria-activedescendant":i,value:this.query,onInput:e=>this.onQuery(e.target.value)}))):null,this.loading?r(a,{message:y}):null,b?r("div",{key:"empty",class:"sui-popup-empty"},w):null,r("div",{key:"tree",id:this.fieldId+"-tree",role:"tree","aria-label":this.label||this.hostLabel,"aria-multiselectable":this.multiple?"true":null,"aria-busy":this.loading?"true":null},this.loading?null:this.renderRows(p,x))):null,r(c,{key:"9e12e04e58ee21ea38adb7734cd264cbbb4f7a12",message:this.open?this.loading?y:b?w:"":""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0},{onValueChange:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{syncForm:0}],options:[{onTreeChange:0}],expanded:[{onTreeChange:0}],loading:[{onTreeChange:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-tree-select-h{display:block;font-family:var(--font-sans);min-width:0}.sui-popup-trigger.readonly.sc-sui-tree-select:not(:disabled){cursor:default}.sui-tree-select.sc-sui-tree-select{position:relative}.sui-tree-select.inline.sc-sui-tree-select{display:flex;align-items:flex-start}.row.sc-sui-tree-select{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:460;color:var(--ink);background:transparent;cursor:pointer}.row.active.sc-sui-tree-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.row.sel.sc-sui-tree-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.row.sel.active.sc-sui-tree-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.row.keynav.sc-sui-tree-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.exp.sc-sui-tree-select{width:14px;flex-shrink:0;display:inline-flex;justify-content:center;color:var(--ink-faint);font-size:9px}.exp.leaf.sc-sui-tree-select{visibility:hidden}.exp.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{transition:transform var(--duration-base) var(--ease-out)}.exp.open.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{transform:rotate(90deg)}.exp.sc-sui-tree-select .sui-glyph.sc-sui-tree-select:dir(rtl){transform:scaleX(-1) rotate(0deg)}.exp.open.sc-sui-tree-select .sui-glyph.sc-sui-tree-select:dir(rtl){transform:scaleX(-1) rotate(90deg)}.icon.sc-sui-tree-select{font-size:12px;color:var(--ink-muted)}.label.sc-sui-tree-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.sc-sui-tree-select .chk.sc-sui-tree-select{margin-inline-start:auto;flex-shrink:0;font-size:11px;color:var(--brand-soft-ink)}.row.sc-sui-tree-select sui-checkbox.sc-sui-tree-select{pointer-events:none;display:flex}@media (forced-colors: active){.row.active.sc-sui-tree-select{outline:2px solid CanvasText;outline-offset:-2px}.row.sel.sc-sui-tree-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.row.sel.sc-sui-tree-select .exp.sc-sui-tree-select,.row.sel.sc-sui-tree-select .icon.sc-sui-tree-select,.row.sel.sc-sui-tree-select .chk.sc-sui-tree-select{color:HighlightText}}.sui-field.sc-sui-tree-select{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-tree-select{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-tree-select .sui-field-label.sc-sui-tree-select{color:var(--danger)}.sui-field-req.sc-sui-tree-select{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-tree-select{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-tree-select{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px}.sui-frame.sc-sui-tree-select{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-tree-select:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-tree-select,.sui-frame.readonly.sc-sui-tree-select{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-tree-select:focus-within,.sui-frame.focus.sc-sui-tree-select,.sui-frame.open.sc-sui-tree-select{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-tree-select{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-tree-select:focus-within,.sui-frame.invalid.focus.sc-sui-tree-select,.sui-frame.invalid.open.sc-sui-tree-select{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-tree-select:disabled,.sui-frame.disabled.sc-sui-tree-select{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-tree-select{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-tree-select::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-tree-select{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-tree-select{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-tree-select{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-tree-select:focus-within,.sui-frame.focus.sc-sui-tree-select,.sui-frame.open.sc-sui-tree-select{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-tree-select:disabled,.sui-frame.disabled.sc-sui-tree-select{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-tree-select{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-tree-select:disabled,.sui-popup-trigger.disabled.sc-sui-tree-select{cursor:not-allowed}.sui-popup-trigger.sc-sui-tree-select .val.sc-sui-tree-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-tree-select .clear.sc-sui-tree-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-tree-select .clear.sc-sui-tree-select:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-tree-select .chev.sc-sui-tree-select{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-tree-select .chev.sc-sui-tree-select{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-tree-select .chev.sc-sui-tree-select{opacity:0.4}.sui-popup-trigger.sc-sui-tree-select .spin.sc-sui-tree-select{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-tree-select{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-tree-select{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-tree-select{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-tree-select{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-tree-select{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-tree-select{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-tree-select{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-tree-select{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-tree-select input.sc-sui-tree-select{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-tree-select{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-tree-select{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-tree-select{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-tree-select{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-tree-select{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-tree-select{animation-duration:2s}}.sui-popup-spacer.sc-sui-tree-select{flex:none;pointer-events:none}.sui-popup-option.sc-sui-tree-select{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-tree-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-tree-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-tree-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-tree-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-tree-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-tree-select{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:GrayText}.sui-popup-option.hover.sc-sui-tree-select{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-tree-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{color:HighlightText}.sui-popup-option.disabled.sc-sui-tree-select{color:GrayText}}.sui-inline.sc-sui-tree-select{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-tree-select{min-height:var(--control-sm)}.sui-inline.md.sc-sui-tree-select{min-height:var(--control-md)}.sui-inline.lg.sc-sui-tree-select{min-height:var(--control-lg)}.sui-inline.text.sc-sui-tree-select{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-tree-select{cursor:default}.sui-inline.sc-sui-tree-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-tree-select:focus{outline:none}.sui-inline.sc-sui-tree-select:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-tree-select{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-tree-select{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-tree-select{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-tree-select:disabled,.sui-inline.disabled.sc-sui-tree-select{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-tree-select .icon.sc-sui-tree-select,.sui-inline.sc-sui-tree-select .lead.sc-sui-tree-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-tree-select:disabled .icon.sc-sui-tree-select,.sui-inline.disabled.sc-sui-tree-select .icon.sc-sui-tree-select,.sui-inline.disabled.sc-sui-tree-select .lead.sc-sui-tree-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-tree-select .val.sc-sui-tree-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:var(--ink-muted)}.sui-inline.sc-sui-tree-select:disabled.placeholder .val.sc-sui-tree-select,.sui-inline.disabled.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select input.sc-sui-tree-select{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select input.sc-sui-tree-select::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select input.sc-sui-tree-select:disabled{cursor:not-allowed}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select input.sc-sui-tree-select:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-tree-select .clear.sc-sui-tree-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-tree-select .clear.sc-sui-tree-select:hover{color:var(--ink)}.sui-inline.sc-sui-tree-select .chev.sc-sui-tree-select{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-tree-select .chev.sc-sui-tree-select{transform:rotate(180deg)}.sui-inline.sc-sui-tree-select:hover .clear.sc-sui-tree-select,.sui-inline.sc-sui-tree-select:focus-visible .clear.sc-sui-tree-select,.sui-inline.shell.sc-sui-tree-select .clear.sc-sui-tree-select,.sui-inline.sc-sui-tree-select:hover .chev.sc-sui-tree-select,.sui-inline.sc-sui-tree-select:focus-visible .chev.sc-sui-tree-select,.sui-inline.shell.sc-sui-tree-select .chev.sc-sui-tree-select{visibility:visible}.sui-inline.sc-sui-tree-select .spin.sc-sui-tree-select{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select,.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px}.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select:hover:not(:disabled),.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select:focus-visible,.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select:disabled,.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-tree-select:hover .clear.sc-sui-tree-select,.sui-inline.text.sc-sui-tree-select:focus-within .clear.sc-sui-tree-select,.sui-inline.text.shell.sc-sui-tree-select .clear.sc-sui-tree-select,.sui-inline.text.sc-sui-tree-select:hover .chev.sc-sui-tree-select,.sui-inline.text.sc-sui-tree-select:focus-within .chev.sc-sui-tree-select,.sui-inline.text.shell.sc-sui-tree-select .chev.sc-sui-tree-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-tree-select:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-tree-select .chev.sc-sui-tree-select{visibility:visible}.sui-inline.inverse.text.sc-sui-tree-select .chev.sc-sui-tree-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-tree-select:not(.shell) sui-chip.sc-sui-tree-select{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-tree-select{border-color:CanvasText}.sui-inline.sc-sui-tree-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-tree-select{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-tree-select:disabled,.sui-inline.disabled.sc-sui-tree-select{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-tree-select:disabled .icon.sc-sui-tree-select,.sui-inline.disabled.sc-sui-tree-select .icon.sc-sui-tree-select,.sui-inline.disabled.sc-sui-tree-select .lead.sc-sui-tree-select{color:GrayText}.sui-inline.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:GrayText}}"}},[578,"sui-tree-select",{label:[1],help:[1],error:[1],options:[16],placeholder:[1],value:[1032],multiple:[516],filter:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],loading:[516],loadingMessage:[1,"loading-message"],clearable:[516],size:[513],variant:[513],tone:[513],virtualScrollThreshold:[2,"virtual-scroll-threshold"],disabled:[516],readOnly:[516,"readonly"],invalid:[516],open:[1540],expanded:[1040],required:[516],name:[513],activeKey:[32],keyNav:[32],focused:[32],hostLabel:[32],query:[32],panelScrollTop:[32],formDisabled:[32],closing:[32],setFocus:[64]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{value:[{syncForm:0},{onValueChange:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{syncForm:0}],options:[{onTreeChange:0}],expanded:[{onTreeChange:0}],loading:[{onTreeChange:0}],open:[{onOpenChange:0}]}]),U=Q,Z=function(){"undefined"!=typeof customElements&&["sui-tree-select","sui-checkbox"].forEach((e=>{switch(e){case"sui-tree-select":customElements.get(o(e))||customElements.define(o(e),Q);break;case"sui-checkbox":customElements.get(o(e))||X()}}))};export{U as SuiTreeSelect,Z as defineCustomElement}
+import{p as e,H as s,c as i,f as t,h as r,t as o}from"./p-CeVlau-G.js";import{d as l,F as n}from"./p-piEUki9n.js";import{P as a,a as c,b as u}from"./p-3rGcn3Dk.js";import{G as h,q as d,k as p,x as f,a as v,y as g,z as m}from"./p-BeYfX4rQ.js";import{i as x}from"./p-wknHx00K.js";import{u as b}from"./p-U06fVoGD.js";import{i as k,d as y,s as w,r as z}from"./p-BHB1Wprj.js";import{f as C}from"./p-CGWvlrv_.js";import{m as F}from"./p-BE4gZZNA.js";import{s as T,l as A,h as j,n as S,k as D}from"./p-M0fYQCIv.js";import{q as E,m as q,l as G}from"./p-DsHK25q3.js";import{p as O,f as H}from"./p-2OGp7Y2F.js";import{k as K}from"./p-CYlxvoVo.js";import{S as N,r as V,f as B,s as I}from"./p-Btp15dVO.js";import{l as M,a as P}from"./p-BuyjS5bS.js";import{i as L}from"./p-GAnFXayY.js";import{d as Y,p as R}from"./p-Bt5Kx3zM.js";import{defineCustomElement as Q}from"./p-0NNDSmh0.js";const U=["sm","md","lg"],X=e=>Array.isArray(e.children)?e.children:[],$=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiChange=i(this,"suiChange",7),this.suiExpandedChange=i(this,"suiExpandedChange",3),this.suiOpen=i(this,"suiOpen",3),this.suiClose=i(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];placeholder;value;multiple=!1;filter=!1;emptyMessage;emptyFilterMessage;loading=!1;loadingMessage;clearable=!1;size="md";variant="default";tone;virtualScrollThreshold=200;disabled=!1;readOnly=!1;invalid=!1;open=!1;expanded=[];required=!1;name;suiChange;suiExpandedChange;suiOpen;suiClose;activeKey;keyNav=!1;pointerAt="";onKeyNav(e){Y(e)&&(this.keyNav=!0)}onPointerNav(e){const s=R(e);s!==this.pointerAt&&(this.pointerAt=s,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}focused=!1;hostLabel;stopAria;query="";panelScrollTop=0;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}get isQuiet(){return"quiet"===this.variant}fieldId=b("sui-tree-select");trigger;panel;filterInput;scrollFrame;initial;metrics=new N;windowed=!1;closing=!1;popup=O({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){k(this.host,this.internals),y(this.host,(()=>this.trigger)),this.stopAria?.(),this.stopAria=x(this.host,(e=>{this.hostLabel=e})),this.open&&this.panel&&t(this)}componentWillLoad(){this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.open&&(this.activeKey=this.initialActive()),this.syncForm()}componentDidRender(){this.syncForm(),this.open&&this.afterOpen(),this.untabRowBoxes(),this.remeasure()}untabRowBoxes(){this.panel?.querySelectorAll("sui-checkbox").forEach((e=>{const s=()=>e.querySelector("input")?.setAttribute("tabindex","-1");e.querySelector("input")?s():e.componentOnReady?.().then(s)}))}remeasure(){if(!this.open||!this.panel)return;const e=this.panel.querySelector('.sui-popup-spacer[data-edge="top"]');if(!e)return;const s=this.panel.querySelector('[role="treeitem"]'),i=s?.querySelector("sui-checkbox");!i||i.querySelector("input")?this.metrics.measure(this.panel,s,e)&&t(this):i.componentOnReady?.().then((()=>{this.open&&t(this)}))}onPanelScroll=e=>{this.windowed&&(this.panelScrollTop=e.target.scrollTop||0)};resetScroll(){this.panelScrollTop=0,this.panel&&(this.panel.scrollTop=0)}windowFor(e){const s=this.virtualScrollThreshold;return!(s>0)||e<s?null:V(B(e),this.metrics.at(this.panelScrollTop,4))}scrollIndexIntoView(e,s){if(!this.windowed||!this.panel||s<0)return;const i=I(B(e.length),this.metrics.at(this.panelScrollTop,4),s,this.metrics.rowsTop);null!=i&&(this.panel.scrollTop=i,this.panelScrollTop=this.panel.scrollTop)}disconnectedCallback(){this.teardown(),this.popup.disconnect()&&(this.closing=!1),this.stopAria?.()}componentDidLoad(){this.syncForm()}syncForm(){const e=this.selected();w(this.internals,this.isDisabled?null:this.multiple?F(this.name,e)??(e.length?e.join(","):null):e.length?D(e[0]):""),z(this.internals,this.required&&!this.isDisabled&&!this.readOnly,0===e.length,this.label,this.trigger,this.error)}onTreeChange(){this.open&&!this.flat().some((e=>e.n.key===this.activeKey))&&(this.activeKey=this.initialActive())}onValueChange(){if(this.open&&!this.multiple){const e=this.selected()[0],s=null==e?void 0:this.flat().find((s=>T(s.n.key,e)));s&&(this.activeKey=s.n.key)}}onOpenChange(e){this.panelScrollTop=0,this.metrics.reset(),e?(this.popup.reopen(),this.closing=!1,this.activeKey=this.initialActive()):(this.teardown(),this.activeKey=void 0,this.query="",this.windowed=!1,this.closing=this.popup.close())}formResetCallback(){this.value=Array.isArray(this.initial)?[...this.initial]:this.initial}formDisabledCallback(e){this.formDisabled=C(this.host,this.disabled,e),this.syncForm()}async setFocus(){this.trigger?.focus()}afterOpen(){this.open&&this.trigger&&this.popup.open(this.panel)&&(this.filter&&H((()=>this.filterInput),(()=>this.open)),this.scrollActiveIntoView())}reposition(){this.trigger&&this.panel&&(E(this.trigger,this.panel,this.isQuiet?200:0),q(this.panel,G(this.trigger,this.panel,"bottom",6,"start")))}teardown(){null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}show(){this.open||this.isDisabled||this.readOnly||(this.open=!0,K(this.host,this.trigger),this.suiOpen.emit())}requestClose(e,s=!1){return!!this.open&&!this.suiClose.emit(e).defaultPrevented&&(this.open=!1,s&&this.trigger?.focus(),!0)}roots(){return A(this.options,this.host,"options").filter((e=>null!=e))}initialActive(){const e=this.flat(),s=this.selected();return(e.find((e=>j(s,e.n.key)))||e[0])?.n.key}selected(){return Array.isArray(this.value)?this.value:S(this.value)?[]:[this.value]}isSel(e){return j(this.selected(),e.key)}filterView(){const e=this.filter?this.query.trim().toLowerCase():"";if(!e)return null;const s=new Set,i=new Set,t=(r,o)=>{let l=!1;return r.forEach((r=>{const n=r.label.toLowerCase().includes(e),a=t(X(r),o||n);(n||a||o)&&s.add(r.key),a&&i.add(r.key),l=l||n||a})),l};return t(this.roots(),!1),{keep:s,auto:i}}isOpen(e,s){return!!s?.auto.has(e.key)||j(this.expanded||[],e.key)}kidsOf(e,s){const i=X(e);return s?i.filter((e=>s.keep.has(e.key))):i}flat(e=this.filterView()){const s=[];if(this.loading)return s;const i=(t,r,o)=>{const l=e?t.filter((s=>e.keep.has(s.key))):t;l.forEach(((t,n)=>{const a=this.kidsOf(t,e),c=a.length>0&&this.isOpen(t,e);s.push({n:t,depth:r,parent:o,hasKids:a.length>0,open:c,pos:n+1,size:l.length}),c&&i(a,r+1,t.key)}))};return i(this.roots(),0),s}all(){const e=[],s=i=>i.forEach((i=>{e.push(i),s(X(i))}));return s(this.roots()),e}toggleExpand(e){const s=this.expanded||[];this.expanded=j(s,e)?s.filter((s=>!T(s,e))):s.concat(e),this.suiExpandedChange.emit(this.expanded)}pick(e){if(!this.isDisabled&&!this.readOnly)if(this.activeKey=e.key,this.multiple){const s=this.selected(),i=j(s,e.key)?s.filter((s=>!T(s,e.key))):s.concat(e.key);this.value=i,this.suiChange.emit(i)}else{const s=Array.isArray(this.value)||!T(this.value,e.key);this.value=e.key,this.requestClose("pick",!0),s&&this.suiChange.emit(e.key)}}clearValue(){this.isDisabled||this.readOnly||0===this.selected().length||(this.multiple?(this.value=[],this.suiChange.emit([])):(this.value="",this.suiChange.emit("")),this.trigger?.focus())}clear=e=>{e.stopPropagation(),e.preventDefault(),this.clearValue()};onQuery(e){this.query=e,this.resetScroll();const s=this.flat();s.some((e=>e.n.key===this.activeKey))||(this.activeKey=s[0]?.n.key)}setActive(e,s){s<0||s>=e.length||(this.activeKey=e[s].n.key,this.scrollActiveIntoView(e,s))}scrollActiveIntoView(e,s){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const i=this.panel?.querySelector(".row.active");if(i)return void i.scrollIntoView?.({block:"nearest"});const t=e||this.flat(),r=null!=s?s:t.findIndex((e=>e.n.key===this.activeKey));this.scrollIndexIntoView(t,r)})))}onKeyDown=e=>{this.panel&&this.panel.contains(e.target)||this.onKey(e)};onPanelKey=e=>{this.popup.tab(e,(()=>this.requestClose("outside")))||this.onKey(e)};onKey(e){if(this.isDisabled||this.readOnly)return;if("Escape"===e.key)return void(this.open&&(e.preventDefault(),e.stopPropagation(),this.requestClose("escape",!0)));if("Tab"===e.key)return void(this.open&&this.requestClose("outside"));if("Delete"===e.key||"Backspace"===e.key)return void(this.clearable&&e.target===this.trigger&&this.selected().length&&(e.preventDefault(),this.clearValue()));if(!this.open)return void(["ArrowDown","ArrowUp","Enter"," "].includes(e.key)&&(e.preventDefault(),this.show()));if(this.filterInput&&e.target===this.filterInput&&("Home"===e.key||"End"===e.key||" "===e.key))return;const s=this.flat();if(!s.length)return;let i=s.findIndex((e=>e.n.key===this.activeKey));i<0&&(i=0);const t=s[i],r=L(this.host)?"ArrowLeft":"ArrowRight";switch(e.key){case"ArrowDown":e.preventDefault(),this.setActive(s,i+1);break;case"ArrowUp":e.preventDefault(),this.setActive(s,i-1);break;case"Home":e.preventDefault(),this.setActive(s,0);break;case"End":e.preventDefault(),this.setActive(s,s.length-1);break;case r:e.preventDefault(),t.hasKids&&!t.open?(this.activeKey=t.n.key,this.toggleExpand(t.n.key)):t.hasKids&&t.open&&this.setActive(s,i+1);break;case"ArrowLeft"===r?"ArrowRight":"ArrowLeft":e.preventDefault(),t.hasKids&&t.open?(this.activeKey=t.n.key,this.toggleExpand(t.n.key)):t.parent&&this.setActive(s,s.findIndex((e=>e.n.key===t.parent)));break;case"Enter":case" ":e.preventDefault(),this.pick(t.n)}}renderNode(e){const{n:s,depth:i,hasKids:t,open:o}=e,l=this.isSel(s);return r("div",{role:"treeitem",id:`${this.fieldId}-${s.key}`,key:s.key,"data-key":s.key,"aria-level":i+1,"aria-posinset":e.pos,"aria-setsize":e.size,"aria-label":s.label,"aria-expanded":t?o?"true":"false":null,"aria-selected":this.multiple?null:l?"true":"false","aria-checked":this.multiple?l?"true":"false":null},r("div",{class:{row:!0,sel:l&&!this.multiple,active:s.key===this.activeKey,keynav:this.keyNav&&s.key===this.activeKey},style:{paddingInlineStart:8+18*i+"px"},onMouseEnter:()=>this.activeKey=s.key,onClick:()=>this.pick(s)},r("span",{class:{exp:!0,leaf:!t,open:o},role:t?"button":void 0,"aria-label":t?o?M(void 0,"tree-select.collapse",void 0,"Collapse {item}",{item:s.label}):M(void 0,"tree-select.expand",void 0,"Expand {item}",{item:s.label}):null,onClick:e=>{e.stopPropagation(),t&&this.toggleExpand(s.key)}},r(h,{glyph:d})),this.multiple?r("sui-checkbox",{size:"sm",label:s.label,checked:l,disabled:this.isDisabled}):[s.icon?r("i",{class:s.icon+" icon","aria-hidden":"true"}):null,r("span",{class:"label"},s.label),l?r(h,{glyph:p,class:"chk"}):null]))}renderRows(e,s){const i=[];s&&i.push(r(u,{height:s.padTop,edge:"top"}));const t=s?s.end:e.length;for(let r=s?s.start:0;r<t;r++)i.push(this.renderNode(e[r]));return s&&i.push(r(u,{height:s.padBottom,edge:"bottom"})),i}render(){const e=this.selected(),s=this.all().filter((s=>j(e,s.key))).map((e=>e.label)).join(", "),i=this.open&&null!=this.activeKey?`${this.fieldId}-${this.activeKey}`:void 0,t=this.invalid||!!this.error,o=U.includes(this.size)?this.size:"md",u=this.clearable&&e.length>0&&!this.isDisabled&&!this.readOnly,d=this.open?this.filterView():null,p=this.open?this.flat(d):[],x=this.open?this.windowFor(p.length):null;this.windowed=!!x;const b=this.open&&!this.loading&&(d?0===d.keep.size:0===this.roots().length),k=this.isQuiet,y=P(void 0,"tree-select.loading",this.loadingMessage,"Loading"),w=this.query.trim()?P(void 0,"tree-select.emptyFilter",this.emptyFilterMessage,"No matches."):P(void 0,"tree-select.empty",this.emptyMessage,"Nothing here yet.");return r(n,{key:"3cc695f501768dbe3757a290aeb21780bafd1933",label:k?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},r("div",{key:"deec66ce6e76b425f24ca60c95e56e16f2751890",class:{"sui-tree-select":!0,open:this.open,inline:k},onKeyDown:this.onKeyDown},r("button",{key:"50af3a401f53ebefe9528675fdfb45b8671aeef5",ref:e=>this.trigger=e,id:this.fieldId,type:"button",class:k?{"sui-inline":!0,[o]:!0,open:this.open,shell:this.open,invalid:t,placeholder:!s,readonly:this.readOnly,inverse:"inverse"===this.tone}:{"sui-popup-trigger":!0,"sui-frame":!0,trigger:!0,[o]:!0,focus:this.focused,open:this.open,invalid:t,placeholder:!s,readonly:this.readOnly},disabled:this.isDisabled,role:"combobox","aria-label":k?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-haspopup":"tree","aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-tree","aria-activedescendant":i,"aria-invalid":t?"true":null,"aria-describedby":l(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-keyshortcuts":u?"Delete":null,"aria-busy":this.loading?"true":null,onClick:()=>this.open?this.requestClose("trigger"):this.show(),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},r("span",{key:"2e8c545e94610267072611d286dfd95f11f280ee",class:"val"},s||P(void 0,"tree-select.placeholder",this.placeholder,"Select")),u?r("span",{class:"clear","aria-hidden":"true",onClick:this.clear},r(h,{glyph:f})):null,r(h,this.loading?{glyph:v,class:"spin sui-popup-spin"}:{glyph:g,class:"chev"})),this.open||this.closing?r("div",{key:"panel",ref:e=>this.panel=e,class:{"sui-popup-panel":!0,panel:!0,closing:this.closing},inert:this.closing,role:"presentation",onScroll:this.onPanelScroll,onKeyDown:this.onPanelKey,onSuiChange:e=>e.stopPropagation()},this.filter?r("div",{class:"sui-popup-search"},r("div",{class:"sui-popup-search-box sui-frame"},r(h,{glyph:m}),r("input",{ref:e=>this.filterInput=e,type:"text",placeholder:P(void 0,"tree-select.search",void 0,"Search"),"aria-label":P(void 0,"tree-select.searchOptions",void 0,"Search options"),"aria-controls":this.fieldId+"-tree","aria-activedescendant":i,value:this.query,onInput:e=>this.onQuery(e.target.value)}))):null,this.loading?r(a,{message:y}):null,b?r("div",{key:"empty",class:"sui-popup-empty"},w):null,r("div",{key:"tree",id:this.fieldId+"-tree",role:"tree","aria-label":this.label||this.hostLabel,"aria-multiselectable":this.multiple?"true":null,"aria-busy":this.loading?"true":null},this.loading?null:this.renderRows(p,x))):null,r(c,{key:"987c8b92d05fac33db67b7611cedf1a0f3f72121",message:this.open?this.loading?y:b?w:"":""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0},{onValueChange:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{syncForm:0}],options:[{onTreeChange:0}],expanded:[{onTreeChange:0}],loading:[{onTreeChange:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-tree-select-h{display:block;font-family:var(--font-sans);min-width:0}.sui-popup-trigger.readonly.sc-sui-tree-select:not(:disabled){cursor:default}.sui-tree-select.sc-sui-tree-select{position:relative}.sui-tree-select.inline.sc-sui-tree-select{display:flex;align-items:flex-start}.row.sc-sui-tree-select{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:460;color:var(--ink);background:transparent;cursor:pointer}.row.active.sc-sui-tree-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.row.sel.sc-sui-tree-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.row.sel.active.sc-sui-tree-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.row.keynav.sc-sui-tree-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.exp.sc-sui-tree-select{width:14px;flex-shrink:0;display:inline-flex;justify-content:center;color:var(--ink-faint);font-size:9px}.exp.leaf.sc-sui-tree-select{visibility:hidden}.exp.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{transition:transform var(--duration-base) var(--ease-out)}.exp.open.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{transform:rotate(90deg)}.exp.sc-sui-tree-select .sui-glyph.sc-sui-tree-select:dir(rtl){transform:scaleX(-1) rotate(0deg)}.exp.open.sc-sui-tree-select .sui-glyph.sc-sui-tree-select:dir(rtl){transform:scaleX(-1) rotate(90deg)}.icon.sc-sui-tree-select{font-size:12px;color:var(--ink-muted)}.label.sc-sui-tree-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.sc-sui-tree-select .chk.sc-sui-tree-select{margin-inline-start:auto;flex-shrink:0;font-size:11px;color:var(--brand-soft-ink)}.row.sc-sui-tree-select sui-checkbox.sc-sui-tree-select{pointer-events:none;display:flex}@media (forced-colors: active){.row.active.sc-sui-tree-select{outline:2px solid CanvasText;outline-offset:-2px}.row.sel.sc-sui-tree-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.row.sel.sc-sui-tree-select .exp.sc-sui-tree-select,.row.sel.sc-sui-tree-select .icon.sc-sui-tree-select,.row.sel.sc-sui-tree-select .chk.sc-sui-tree-select{color:HighlightText}}.sui-field.sc-sui-tree-select{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-tree-select{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-tree-select .sui-field-label.sc-sui-tree-select{color:var(--danger)}.sui-field-req.sc-sui-tree-select{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-tree-select{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-tree-select{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px}.sui-frame.sc-sui-tree-select{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-tree-select:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-tree-select,.sui-frame.readonly.sc-sui-tree-select{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-tree-select:focus-within,.sui-frame.focus.sc-sui-tree-select,.sui-frame.open.sc-sui-tree-select{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-tree-select{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-tree-select:focus-within,.sui-frame.invalid.focus.sc-sui-tree-select,.sui-frame.invalid.open.sc-sui-tree-select{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-tree-select:disabled,.sui-frame.disabled.sc-sui-tree-select{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-tree-select{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-tree-select::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-tree-select{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-tree-select{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-tree-select{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-tree-select:focus-within,.sui-frame.focus.sc-sui-tree-select,.sui-frame.open.sc-sui-tree-select{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-tree-select:disabled,.sui-frame.disabled.sc-sui-tree-select{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-tree-select{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-tree-select:disabled,.sui-popup-trigger.disabled.sc-sui-tree-select{cursor:not-allowed}.sui-popup-trigger.sc-sui-tree-select .val.sc-sui-tree-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-tree-select .clear.sc-sui-tree-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-tree-select .clear.sc-sui-tree-select:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-tree-select .chev.sc-sui-tree-select{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-tree-select .chev.sc-sui-tree-select{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-tree-select .chev.sc-sui-tree-select{opacity:0.4}.sui-popup-trigger.sc-sui-tree-select .spin.sc-sui-tree-select{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-tree-select{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-tree-select{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-tree-select{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-tree-select{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-tree-select{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-tree-select{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-tree-select{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-tree-select{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-tree-select input.sc-sui-tree-select{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-tree-select{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-tree-select{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-tree-select{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-tree-select{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-tree-select{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-tree-select{animation-duration:2s}}.sui-popup-spacer.sc-sui-tree-select{flex:none;pointer-events:none}.sui-popup-option.sc-sui-tree-select{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-tree-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-tree-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-tree-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-tree-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-tree-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-tree-select{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:GrayText}.sui-popup-option.hover.sc-sui-tree-select{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-tree-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{color:HighlightText}.sui-popup-option.disabled.sc-sui-tree-select{color:GrayText}}.sui-inline.sc-sui-tree-select{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-tree-select{min-height:var(--control-sm)}.sui-inline.md.sc-sui-tree-select{min-height:var(--control-md)}.sui-inline.lg.sc-sui-tree-select{min-height:var(--control-lg)}.sui-inline.text.sc-sui-tree-select{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-tree-select{cursor:default}.sui-inline.sc-sui-tree-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-tree-select:focus{outline:none}.sui-inline.sc-sui-tree-select:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-tree-select{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-tree-select{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-tree-select{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-tree-select:disabled,.sui-inline.disabled.sc-sui-tree-select{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-tree-select .icon.sc-sui-tree-select,.sui-inline.sc-sui-tree-select .lead.sc-sui-tree-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-tree-select:disabled .icon.sc-sui-tree-select,.sui-inline.disabled.sc-sui-tree-select .icon.sc-sui-tree-select,.sui-inline.disabled.sc-sui-tree-select .lead.sc-sui-tree-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-tree-select .val.sc-sui-tree-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:var(--ink-muted)}.sui-inline.sc-sui-tree-select:disabled.placeholder .val.sc-sui-tree-select,.sui-inline.disabled.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select input.sc-sui-tree-select{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select input.sc-sui-tree-select::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select input.sc-sui-tree-select:disabled{cursor:not-allowed}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select input.sc-sui-tree-select:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-tree-select .clear.sc-sui-tree-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-tree-select .clear.sc-sui-tree-select:hover{color:var(--ink)}.sui-inline.sc-sui-tree-select .chev.sc-sui-tree-select{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-tree-select .chev.sc-sui-tree-select{transform:rotate(180deg)}.sui-inline.sc-sui-tree-select:hover .clear.sc-sui-tree-select,.sui-inline.sc-sui-tree-select:focus-visible .clear.sc-sui-tree-select,.sui-inline.shell.sc-sui-tree-select .clear.sc-sui-tree-select,.sui-inline.sc-sui-tree-select:hover .chev.sc-sui-tree-select,.sui-inline.sc-sui-tree-select:focus-visible .chev.sc-sui-tree-select,.sui-inline.shell.sc-sui-tree-select .chev.sc-sui-tree-select{visibility:visible}.sui-inline.sc-sui-tree-select .spin.sc-sui-tree-select{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select,.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px}.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select:hover:not(:disabled),.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select:focus-visible,.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select:disabled,.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-tree-select:hover .clear.sc-sui-tree-select,.sui-inline.text.sc-sui-tree-select:focus-within .clear.sc-sui-tree-select,.sui-inline.text.shell.sc-sui-tree-select .clear.sc-sui-tree-select,.sui-inline.text.sc-sui-tree-select:hover .chev.sc-sui-tree-select,.sui-inline.text.sc-sui-tree-select:focus-within .chev.sc-sui-tree-select,.sui-inline.text.shell.sc-sui-tree-select .chev.sc-sui-tree-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-tree-select:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-tree-select .chev.sc-sui-tree-select{visibility:visible}.sui-inline.inverse.text.sc-sui-tree-select .chev.sc-sui-tree-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-tree-select:not(.shell) sui-chip.sc-sui-tree-select{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-tree-select{border-color:CanvasText}.sui-inline.sc-sui-tree-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-tree-select{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-tree-select:disabled,.sui-inline.disabled.sc-sui-tree-select{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-tree-select:disabled .icon.sc-sui-tree-select,.sui-inline.disabled.sc-sui-tree-select .icon.sc-sui-tree-select,.sui-inline.disabled.sc-sui-tree-select .lead.sc-sui-tree-select{color:GrayText}.sui-inline.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:GrayText}}"}},[578,"sui-tree-select",{label:[1],help:[1],error:[1],options:[16],placeholder:[1],value:[1032],multiple:[516],filter:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],loading:[516],loadingMessage:[1,"loading-message"],clearable:[516],size:[513],variant:[513],tone:[513],virtualScrollThreshold:[2,"virtual-scroll-threshold"],disabled:[516],readOnly:[516,"readonly"],invalid:[516],open:[1540],expanded:[1040],required:[516],name:[513],activeKey:[32],keyNav:[32],focused:[32],hostLabel:[32],query:[32],panelScrollTop:[32],formDisabled:[32],closing:[32],setFocus:[64]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{value:[{syncForm:0},{onValueChange:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{syncForm:0}],options:[{onTreeChange:0}],expanded:[{onTreeChange:0}],loading:[{onTreeChange:0}],open:[{onOpenChange:0}]}]),W=$,Z=function(){"undefined"!=typeof customElements&&["sui-tree-select","sui-checkbox"].forEach((e=>{switch(e){case"sui-tree-select":customElements.get(o(e))||customElements.define(o(e),$);break;case"sui-checkbox":customElements.get(o(e))||Q()}}))};export{W as SuiTreeSelect,Z as defineCustomElement}

package/dist/components/sui-tree-table.js

@@ -1 +1 @@
-import{p as t,H as s,c as e,h as i,t as o}from"./p-CeVlau-G.js";import{i as n,a as r}from"./p-Cs2X0Kih.js";import{B as l,C as h}from"./p-mF7K10Wh.js";import{k as a,b as c}from"./p-D_hGdmbW.js";import{d}from"./p-BHB1Wprj.js";import{a as f}from"./p-BuyjS5bS.js";import{defineCustomElement as u}from"./p-BioVIgkG.js";import{d as p}from"./p-B0NNDkks.js";const m=t=>t.children?t.children.length>0:!1===t.leaf;function b(t,s=!1){const e=[],i=t=>{for(const o of t)s&&!m(o)||e.push(o.key),o.children&&i(o.children)};return i(t||[]),e}function y(t,s){const e=new Set,i=(t,o)=>{let n=!1;for(const r of t){const t=s.has(r.key),l=!!r.children&&i(r.children,o.concat(r.key));if(t||l){for(const t of o)e.add(t);l&&e.add(r.key),n=!0}}return n};return i(t||[],[]),e}function g(t,s,e,i){const o=new Set(i),n=t=>{for(const e of t){if(e.key===s)return e;const t=e.children?n(e.children):void 0;if(t)return t}},r=n(t||[]);if(!r)return o;const l=t=>{e?o.add(t.key):o.delete(t.key);for(const s of t.children||[])l(s)};return l(r),o}const w=new Set,S=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiExpandedChange=e(this,"suiExpandedChange",3),this.suiSelectionChange=e(this,"suiSelectionChange",3),this.suiLoad=e(this,"suiLoad",7),this.suiSort=e(this,"suiSort",3),this.suiFilter=e(this,"suiFilter",3)}get host(){return this}columns=[];nodes=[];expanded=[];selectionMode="none";selection=[];sorts=[];sortMode="single";sortIndicator="sorted";nullOrder="last";filterDisplay="none";filterModel;globalFilter;globalFilterFields;filterMode="lenient";density="standard";striped=!1;gridlines=!1;loading=!1;emptyMessage;emptyFilterMessage;suiExpandedChange;suiSelectionChange;suiLoad;suiSort;suiFilter;viewMemo;selMemo;hostLabel;hostLabelledby;stopHostLabel;stopHostLabelledby;tableEl;connectedCallback(){this.stopHostLabel?.(),this.stopHostLabel=n(this.host,(t=>{this.hostLabel=t})),this.stopHostLabelledby?.(),this.stopHostLabelledby=r(this.host,(t=>{this.hostLabelledby=t})),d(this.host,(()=>this.tableEl))}disconnectedCallback(){this.stopHostLabel?.(),this.stopHostLabel=void 0,this.stopHostLabelledby?.(),this.stopHostLabelledby=void 0}async setFocus(){await(this.tableEl?.setFocus())}async expandAll(){this.expanded=b(this.nodes,!0),this.suiExpandedChange.emit(this.expanded)}async collapseAll(){0!==(this.expanded||[]).length&&(this.expanded=[],this.suiExpandedChange.emit(this.expanded))}effectiveFilter(){const t=(this.globalFilter||"").trim(),s=this.filterModel?.rules;let e=this.filterModel?.global;return t&&(e={value:t,keys:this.globalFilterFields&&this.globalFilterFields.length?this.globalFilterFields:(this.columns||[]).map((t=>t.key))}),s||e?{rules:s,global:e}:void 0}view(){const t=[this.nodes,this.expanded,this.sorts,this.nullOrder,this.columns,this.filterModel,this.globalFilter,this.globalFilterFields,this.filterMode],s=this.viewMemo;if(s&&s.deps.every(((s,e)=>s===t[e])))return s.view;const e=this.columns||[];let i=this.nodes||[],o=w;const n=this.effectiveFilter();if(n){const t=[],s=e=>{for(const i of e)t.push(i.data),i.children&&s(i.children)};s(i);const r=h(t,n,e);if(r!==t){const t=new Set(r),s=new Set,e=i=>{for(const o of i)t.has(o.data)&&s.add(o.key),o.children&&e(o.children)};e(i),o=y(i,s),i=function(t,s,e="lenient"){const i=t=>{const o=[];for(const n of t){const t=s(n);if(t&&"lenient"===e){o.push(n);continue}const r=n.children?i(n.children):[];(t||r.length>0)&&o.push(r.length||n.children?{...n,children:r}:n)}return o};return i(t||[])}(i,(s=>t.has(s.data)),this.filterMode)}}i=function(t,s,e,i){if(!s||0===s.length)return(t||[]).slice();const o=t=>{const n=new Map;for(const s of t)n.set(s.data,s);return l(t.map((t=>t.data)),s,e,{nullOrder:i}).map((t=>{const s=n.get(t);return s.children?{...s,children:o(s.children)}:s}))};return o(t||[])}(i,this.sorts,e,this.nullOrder);const r=0===o.size?this.expanded||[]:Array.from(new Set([...this.expanded||[],...o])),a=function(t,s){const e=[],i=(t,o,n)=>{for(const r of t){const t=m(r),l=t&&s.has(r.key);e.push({node:r,key:r.key,data:r.data,depth:o,parent:n,hasChildren:t,expanded:l,loading:!!r.loading}),l&&r.children&&i(r.children,o+1,r.key)}};return i(t||[],0),e}(i,new Set(r)),c=new Map;for(const t of a)c.set(t.parent,(c.get(t.parent)||0)+1);const d=new Map,f=Array(a.length),u=new Map;for(let t=0;t<a.length;t++){const s=a[t],e=(d.get(s.parent)||0)+1;d.set(s.parent,e),f[t]=s.data,u.set(s.key,{level:s.depth,expandable:s.hasChildren,loading:s.loading,size:c.get(s.parent),pos:e})}const p={nodes:i,flat:a,rows:f,meta:u,open:r};return this.viewMemo={deps:t,view:p},p}resolved(){const t=this.view(),s=[t.nodes,this.selection,this.selectionMode],e=this.selMemo;if(e&&e.deps.every(((t,e)=>t===s[e])))return e.sel;const i=new Set(this.selection||[]),o="checkbox"===this.selectionMode?function(t,s){const e=new Set,i=new Set,o=t=>{const n=t.children||[];if(0===n.length){const i=s.has(t.key);return i&&e.add(t.key),i?"all":"none"}let r=!0,l=!1;for(const t of n){const s=o(t);"all"!==s&&(r=!1),"none"!==s&&(l=!0)}return r?(e.add(t.key),"all"):l?(i.add(t.key),"some"):"none"};for(const s of t||[])o(s);return{selected:e,partial:i}}(t.nodes,i):{selected:i,partial:w},n={full:o.selected,partial:o.partial,model:a(c(),o.selected,!0)};return this.selMemo={deps:s,sel:n},n}rowKeyAt=(t,s)=>this.view().flat[s]?.key??s;findNode(t,s){for(const e of t){if(e.key===s)return e;const t=e.children?this.findNode(e.children,s):void 0;if(t)return t}}stopInner=t=>t.stopPropagation();onRowExpand=t=>{const s=this.view().open,e=t.detail||[],i=e.find((t=>s.indexOf(t)<0)),o=void 0!==i?i:s.find((t=>e.indexOf(t)<0));if(void 0===o)return;const n=void 0!==i,r=this.expanded||[];n!==r.indexOf(o)>=0?(this.expanded=n?r.concat([o]):r.filter((t=>t!==o)),this.suiExpandedChange.emit(this.expanded)):n||(this.expanded=r.slice()),n&&this.askForChildren(o)};askForChildren(t){const s=this.findNode(this.nodes||[],t);!s||!1!==s.leaf||(s.children||[]).length>0||s.loading||this.suiLoad.emit(s)}onSelect=t=>{const s=this.selectionMode,e=t.detail;if("none"===s||!e)return;if("single"===s)return this.selection="include"===e.mode?Array.from(e.keys):[],void this.suiSelectionChange.emit(this.selection);const i=this.resolved().full;let o=new Set(this.selection||[]);if("exclude"===e.mode||0===e.keys.size){const t=b(this.view().nodes);if("exclude"===e.mode)for(const s of t)o.add(s);else for(const s of t)o.delete(s)}else{for(const t of Array.from(e.keys))i.has(t)||(o=g(this.nodes,t,!0,o));for(const t of Array.from(i))if(!e.keys.has(t)){o=g(this.nodes,t,!1,o);for(const s of Array.from(y(this.nodes,new Set([t]))))o.delete(s)}}this.selection=Array.from(o),this.suiSelectionChange.emit(this.selection)};onSort=t=>{this.sorts=t.detail,this.suiSort.emit(this.sorts)};async setFilter(t){this.filterModel=t,this.suiFilter.emit(t)}onFilter=t=>{this.filterModel=t.detail,this.suiFilter.emit(this.filterModel)};render(){const t=this.view(),s=this.resolved();return i("sui-data-table",{key:"b3760610df8b06e19db8b4d99b462d8ce417da45",ref:t=>this.tableEl=t,class:"tt","aria-label":this.hostLabel,"aria-labelledby":this.hostLabelledby,columns:this.columns,rows:t.rows,rowKey:this.rowKeyAt,rowTree:t.meta,rowPartial:s.partial,expandedRows:t.open,lazy:!0,totalRecords:t.rows.length,sorts:this.sorts,sortMode:this.sortMode,sortIndicator:this.sortIndicator,filterDisplay:this.filterDisplay,filterModel:this.filterModel,globalFilter:this.globalFilter,globalFilterFields:this.globalFilterFields,selectionMode:this.selectionMode,selection:s.model,density:this.density,striped:this.striped,gridlines:this.gridlines,loading:this.loading,emptyMessage:""===this.emptyMessage?"":f(void 0,"tree-table.empty",this.emptyMessage,"Nothing here yet."),emptyFilterMessage:""===this.emptyFilterMessage?"":f(void 0,"tree-table.emptyFilter",this.emptyFilterMessage,"No matches."),onSuiExpandedRowsChange:this.onRowExpand,onSuiSelectionChange:this.onSelect,onSuiSort:this.onSort,onSuiFilter:this.onFilter,onSuiRowClick:this.stopInner,onSuiRowContextMenu:this.stopInner})}static get style(){return".sc-sui-tree-table-h{display:flex;min-width:0;flex-direction:column;font-family:var(--font-sans);color:var(--ink)}sui-data-table.sc-sui-tree-table{flex:1;min-height:0}"}},[514,"sui-tree-table",{columns:[16],nodes:[16],expanded:[1040],selectionMode:[513,"selection-mode"],selection:[1040],sorts:[1040],sortMode:[513,"sort-mode"],sortIndicator:[513,"sort-indicator"],nullOrder:[513,"null-order"],filterDisplay:[513,"filter-display"],filterModel:[1040],globalFilter:[1025,"global-filter"],globalFilterFields:[16],filterMode:[513,"filter-mode"],density:[513],striped:[516],gridlines:[516],loading:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],hostLabel:[32],hostLabelledby:[32],setFocus:[64],expandAll:[64],collapseAll:[64],setFilter:[64]}]),F=S,M=function(){"undefined"!=typeof customElements&&["sui-tree-table","sui-checkbox","sui-data-table"].forEach((t=>{switch(t){case"sui-tree-table":customElements.get(o(t))||customElements.define(o(t),S);break;case"sui-checkbox":customElements.get(o(t))||u();break;case"sui-data-table":customElements.get(o(t))||p()}}))};export{F as SuiTreeTable,M as defineCustomElement}
+import{p as t,H as s,c as e,h as i,t as o}from"./p-CeVlau-G.js";import{i as n,a as r}from"./p-wknHx00K.js";import{B as l,C as a}from"./p-CaekSnKG.js";import{k as h,b as c}from"./p-C5TSOOMd.js";import{d}from"./p-BHB1Wprj.js";import{a as f}from"./p-BuyjS5bS.js";import{defineCustomElement as u}from"./p-0NNDSmh0.js";import{d as p}from"./p-BwkaZsaT.js";const m=t=>t.children?t.children.length>0:!1===t.leaf;function b(t,s=!1){const e=[],i=t=>{for(const o of t)s&&!m(o)||e.push(o.key),o.children&&i(o.children)};return i(t||[]),e}function y(t,s){const e=new Set,i=(t,o)=>{let n=!1;for(const r of t){const t=s.has(r.key),l=!!r.children&&i(r.children,o.concat(r.key));if(t||l){for(const t of o)e.add(t);l&&e.add(r.key),n=!0}}return n};return i(t||[],[]),e}function g(t,s,e,i){const o=new Set(i),n=t=>{for(const e of t){if(e.key===s)return e;const t=e.children?n(e.children):void 0;if(t)return t}},r=n(t||[]);if(!r)return o;const l=t=>{e?o.add(t.key):o.delete(t.key);for(const s of t.children||[])l(s)};return l(r),o}const w=new Set,S=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiExpandedChange=e(this,"suiExpandedChange",3),this.suiSelectionChange=e(this,"suiSelectionChange",3),this.suiLoad=e(this,"suiLoad",7),this.suiSort=e(this,"suiSort",3),this.suiFilter=e(this,"suiFilter",3)}get host(){return this}columns=[];nodes=[];expanded=[];selectionMode="none";selection=[];sorts=[];sortMode="single";sortIndicator="sorted";nullOrder="last";filterDisplay="none";filterModel;globalFilter;globalFilterFields;filterMode="lenient";density="standard";striped=!1;gridlines=!1;loading=!1;emptyMessage;emptyFilterMessage;suiExpandedChange;suiSelectionChange;suiLoad;suiSort;suiFilter;viewMemo;selMemo;hostLabel;hostLabelledby;stopHostLabel;stopHostLabelledby;tableEl;connectedCallback(){this.stopHostLabel?.(),this.stopHostLabel=n(this.host,(t=>{this.hostLabel=t})),this.stopHostLabelledby?.(),this.stopHostLabelledby=r(this.host,(t=>{this.hostLabelledby=t})),d(this.host,(()=>this.tableEl))}disconnectedCallback(){this.stopHostLabel?.(),this.stopHostLabel=void 0,this.stopHostLabelledby?.(),this.stopHostLabelledby=void 0}async setFocus(){await(this.tableEl?.setFocus())}async expandAll(){this.expanded=b(this.nodes,!0),this.suiExpandedChange.emit(this.expanded)}async collapseAll(){0!==(this.expanded||[]).length&&(this.expanded=[],this.suiExpandedChange.emit(this.expanded))}effectiveFilter(){const t=(this.globalFilter||"").trim(),s=this.filterModel?.rules;let e=this.filterModel?.global;return t&&(e={value:t,keys:this.globalFilterFields&&this.globalFilterFields.length?this.globalFilterFields:(this.columns||[]).map((t=>t.key))}),s||e?{rules:s,global:e}:void 0}view(){const t=[this.nodes,this.expanded,this.sorts,this.nullOrder,this.columns,this.filterModel,this.globalFilter,this.globalFilterFields,this.filterMode],s=this.viewMemo;if(s&&s.deps.every(((s,e)=>s===t[e])))return s.view;const e=this.columns||[];let i=this.nodes||[],o=w;const n=this.effectiveFilter();if(n){const t=[],s=e=>{for(const i of e)t.push(i.data),i.children&&s(i.children)};s(i);const r=a(t,n,e);if(r!==t){const t=new Set(r),s=new Set,e=i=>{for(const o of i)t.has(o.data)&&s.add(o.key),o.children&&e(o.children)};e(i),o=y(i,s),i=function(t,s,e="lenient"){const i=t=>{const o=[];for(const n of t){const t=s(n);if(t&&"lenient"===e){o.push(n);continue}const r=n.children?i(n.children):[];(t||r.length>0)&&o.push(r.length||n.children?{...n,children:r}:n)}return o};return i(t||[])}(i,(s=>t.has(s.data)),this.filterMode)}}i=function(t,s,e,i){if(!s||0===s.length)return(t||[]).slice();const o=t=>{const n=new Map;for(const s of t)n.set(s.data,s);return l(t.map((t=>t.data)),s,e,{nullOrder:i}).map((t=>{const s=n.get(t);return s.children?{...s,children:o(s.children)}:s}))};return o(t||[])}(i,this.sorts,e,this.nullOrder);const r=0===o.size?this.expanded||[]:Array.from(new Set([...this.expanded||[],...o])),h=function(t,s){const e=[],i=(t,o,n)=>{for(const r of t){const t=m(r),l=t&&s.has(r.key);e.push({node:r,key:r.key,data:r.data,depth:o,parent:n,hasChildren:t,expanded:l,loading:!!r.loading}),l&&r.children&&i(r.children,o+1,r.key)}};return i(t||[],0),e}(i,new Set(r)),c=new Map;for(const t of h)c.set(t.parent,(c.get(t.parent)||0)+1);const d=new Map,f=Array(h.length),u=new Map;for(let t=0;t<h.length;t++){const s=h[t],e=(d.get(s.parent)||0)+1;d.set(s.parent,e),f[t]=s.data,u.set(s.key,{level:s.depth,expandable:s.hasChildren,loading:s.loading,size:c.get(s.parent),pos:e})}const p={nodes:i,flat:h,rows:f,meta:u,open:r};return this.viewMemo={deps:t,view:p},p}resolved(){const t=this.view(),s=[t.nodes,this.selection,this.selectionMode],e=this.selMemo;if(e&&e.deps.every(((t,e)=>t===s[e])))return e.sel;const i=new Set(this.selection||[]),o="checkbox"===this.selectionMode?function(t,s){const e=new Set,i=new Set,o=t=>{const n=t.children||[];if(0===n.length){const i=s.has(t.key);return i&&e.add(t.key),i?"all":"none"}let r=!0,l=!1;for(const t of n){const s=o(t);"all"!==s&&(r=!1),"none"!==s&&(l=!0)}return r?(e.add(t.key),"all"):l?(i.add(t.key),"some"):"none"};for(const s of t||[])o(s);return{selected:e,partial:i}}(t.nodes,i):{selected:i,partial:w},n={full:o.selected,partial:o.partial,model:h(c(),o.selected,!0)};return this.selMemo={deps:s,sel:n},n}rowKeyAt=(t,s)=>this.view().flat[s]?.key??s;findNode(t,s){for(const e of t){if(e.key===s)return e;const t=e.children?this.findNode(e.children,s):void 0;if(t)return t}}stopInner=t=>t.stopPropagation();onRowExpand=t=>{const s=this.view().open,e=t.detail||[],i=e.find((t=>s.indexOf(t)<0)),o=void 0!==i?i:s.find((t=>e.indexOf(t)<0));if(void 0===o)return;const n=void 0!==i,r=this.expanded||[];n!==r.indexOf(o)>=0?(this.expanded=n?r.concat([o]):r.filter((t=>t!==o)),this.suiExpandedChange.emit(this.expanded)):n||(this.expanded=r.slice()),n&&this.askForChildren(o)};askForChildren(t){const s=this.findNode(this.nodes||[],t);!s||!1!==s.leaf||(s.children||[]).length>0||s.loading||this.suiLoad.emit(s)}onSelect=t=>{const s=this.selectionMode,e=t.detail;if("none"===s||!e)return;if("single"===s)return this.selection="include"===e.mode?Array.from(e.keys):[],void this.suiSelectionChange.emit(this.selection);const i=this.resolved().full;let o=new Set(this.selection||[]);if("exclude"===e.mode||0===e.keys.size){const t=b(this.view().nodes);if("exclude"===e.mode)for(const s of t)o.add(s);else for(const s of t)o.delete(s)}else{for(const t of Array.from(e.keys))i.has(t)||(o=g(this.nodes,t,!0,o));for(const t of Array.from(i))if(!e.keys.has(t)){o=g(this.nodes,t,!1,o);for(const s of Array.from(y(this.nodes,new Set([t]))))o.delete(s)}}this.selection=Array.from(o),this.suiSelectionChange.emit(this.selection)};onSort=t=>{this.sorts=t.detail,this.suiSort.emit(this.sorts)};async setFilter(t){this.filterModel=t,this.suiFilter.emit(t)}onFilter=t=>{this.filterModel=t.detail,this.suiFilter.emit(this.filterModel)};render(){const t=this.view(),s=this.resolved();return i("sui-data-table",{key:"4ffb5c7d65b0420ed485c104357b9e476d49c50c",ref:t=>this.tableEl=t,class:"tt","aria-label":this.hostLabel,"aria-labelledby":this.hostLabelledby,columns:this.columns,rows:t.rows,rowKey:this.rowKeyAt,rowTree:t.meta,rowPartial:s.partial,expandedRows:t.open,lazy:!0,totalRecords:t.rows.length,sorts:this.sorts,sortMode:this.sortMode,sortIndicator:this.sortIndicator,filterDisplay:this.filterDisplay,filterModel:this.filterModel,globalFilter:this.globalFilter,globalFilterFields:this.globalFilterFields,selectionMode:this.selectionMode,selection:s.model,density:this.density,striped:this.striped,gridlines:this.gridlines,loading:this.loading,emptyMessage:""===this.emptyMessage?"":f(void 0,"tree-table.empty",this.emptyMessage,"Nothing here yet."),emptyFilterMessage:""===this.emptyFilterMessage?"":f(void 0,"tree-table.emptyFilter",this.emptyFilterMessage,"No matches."),onSuiExpandedRowsChange:this.onRowExpand,onSuiSelectionChange:this.onSelect,onSuiSort:this.onSort,onSuiFilter:this.onFilter,onSuiRowClick:this.stopInner,onSuiRowContextMenu:this.stopInner})}static get style(){return".sc-sui-tree-table-h{display:flex;min-width:0;flex-direction:column;font-family:var(--font-sans);color:var(--ink)}sui-data-table.sc-sui-tree-table{flex:1;min-height:0}"}},[514,"sui-tree-table",{columns:[16],nodes:[16],expanded:[1040],selectionMode:[513,"selection-mode"],selection:[1040],sorts:[1040],sortMode:[513,"sort-mode"],sortIndicator:[513,"sort-indicator"],nullOrder:[513,"null-order"],filterDisplay:[513,"filter-display"],filterModel:[1040],globalFilter:[1025,"global-filter"],globalFilterFields:[16],filterMode:[513,"filter-mode"],density:[513],striped:[516],gridlines:[516],loading:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],hostLabel:[32],hostLabelledby:[32],setFocus:[64],expandAll:[64],collapseAll:[64],setFilter:[64]}]),M=S,x=function(){"undefined"!=typeof customElements&&["sui-tree-table","sui-checkbox","sui-data-table"].forEach((t=>{switch(t){case"sui-tree-table":customElements.get(o(t))||customElements.define(o(t),S);break;case"sui-checkbox":customElements.get(o(t))||u();break;case"sui-data-table":customElements.get(o(t))||p()}}))};export{M as SuiTreeTable,x as defineCustomElement}

package/dist/components/sui-tree.js

@@ -1 +1 @@
-import{p as e,H as i,c as s,h as r,t}from"./p-CeVlau-G.js";import{u as o}from"./p-U06fVoGD.js";import{P as a,a as n}from"./p-D0KZcTn9.js";import{i as u,a as l}from"./p-Cs2X0Kih.js";import{G as d,a as c,q as p,k as h,z as f,af as g}from"./p-DdsE4HI6.js";import{l as v,a as x}from"./p-BuyjS5bS.js";import{i as b}from"./p-GAnFXayY.js";import{d as m}from"./p-BHB1Wprj.js";const k=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiExpandedChange=s(this,"suiExpandedChange",3),this.suiSelectionChange=s(this,"suiSelectionChange",3),this.suiLoad=s(this,"suiLoad",7),this.suiNodesChange=s(this,"suiNodesChange",3)}get host(){return this}nodes=[];expanded=[];selectionMode="single";selection=[];filter=!1;dragDrop=!1;loading=!1;loadingMessage;emptyMessage;emptyFilterMessage;suiExpandedChange;suiSelectionChange;suiLoad;suiNodesChange;query="";activeKey;dragKey;overKey;overZone;live="";hostLabel;hostLabelledby;stopHostLabel;stopHostLabelledby;fieldId=o("sui-tree");pendingFocus=!1;itemEls=new Map;matchCache;connectedCallback(){m(this.host,(()=>this.itemEl(this.tabKey(this.flat())))),this.stopHostLabel?.(),this.stopHostLabel=u(this.host,(e=>{this.hostLabel=e})),this.stopHostLabelledby?.(),this.stopHostLabelledby=l(this.host,(e=>{this.hostLabelledby=e}))}disconnectedCallback(){this.stopHostLabel?.(),this.stopHostLabel=void 0,this.stopHostLabelledby?.(),this.stopHostLabelledby=void 0}componentDidRender(){if(!this.pendingFocus)return;this.pendingFocus=!1;const e=this.itemEl(this.activeKey);e?.focus()}async setFocus(){const e=this.tabKey(this.flat());null!=e&&(this.activeKey=e,this.itemEl(e)?.focus())}tabKey(e){return e.some((e=>e.n.key===this.activeKey))?this.activeKey:e[0]?.n.key}itemEl(e){return null==e?void 0:this.itemEls.get(e)}keyFromRow(e){const i=e.getAttribute("data-key");for(const[s,r]of this.itemEls)if(r===e||s+""===i)return s}matchingKeys(){const e=this.query.trim().toLowerCase();if(!e)return null;const i=this.nodes||[],s=this.matchCache;if(s&&s.q===e&&s.nodes===i)return s.keys;const r=new Set,t=i=>{let s=!1;return i.forEach((i=>{(t(i.children||[])||i.label.toLowerCase().includes(e))&&(r.add(i.key),s=!0)})),s};return t(i),this.matchCache={q:e,nodes:i,keys:r},r}match=e=>{const i=this.matchingKeys();return!i||i.has(e.key)};isBranch(e){return(e.children||[]).length>0||!1===e.leaf}isOpen(e){const i=e.children||[];return(this.expanded||[]).includes(e.key)||!!this.query.trim()&&i.some(this.match)}flat(){const e=[],i=(s,r,t)=>{s.filter(this.match).forEach((s=>{const o=s.children||[],a=this.isBranch(s)&&this.isOpen(s);e.push({n:s,depth:r,parent:t,hasKids:this.isBranch(s),open:a}),a&&i(o,r+1,s.key)}))};return i(this.nodes||[],0),e}filtered(){const e=[],i=s=>{s.filter(this.match).forEach((s=>{e.push(s),i(s.children||[])}))};return i(this.nodes||[]),e}toggleExpand(e){const i=this.expanded||[],s=!i.includes(e);this.expanded=s?i.concat([e]):i.filter((i=>i!==e)),this.suiExpandedChange.emit(this.expanded),s&&this.askForChildren(e)}askForChildren(e){const i=this.find(this.nodes||[],e);!i||!1!==i.leaf||(i.children||[]).length>0||i.loading||this.suiLoad.emit(i)}toggleSelect(e){if("single"===this.selectionMode){if((this.selection||[])[0]===e&&1===(this.selection||[]).length)return;this.selection=[e]}else{if("checkbox"!==this.selectionMode)return;{const i=this.selection||[];this.selection=i.includes(e)?i.filter((i=>i!==e)):i.concat([e])}}this.suiSelectionChange.emit(this.selection)}toggleAll=()=>{const e=this.filtered().map((e=>e.key));if(!e.length)return;const i=this.selection||[],s=e.every((e=>i.includes(e)));this.selection=s?i.filter((i=>!e.includes(i))):i.concat(e.filter((e=>!i.includes(e)))),this.suiSelectionChange.emit(this.selection)};onClick=e=>{const i=e.target,s=i.closest('[role="treeitem"]');if(!s)return;const r=this.keyFromRow(s);if(null==r)return;this.activeKey=r;const t=i.closest("[data-act]"),o=t&&t.closest('[role="treeitem"]')===s?t.getAttribute("data-act"):null;"expand"!==o?"check"!==o?"single"===this.selectionMode&&this.toggleSelect(r):this.toggleSelect(r):s.hasAttribute("aria-expanded")&&this.toggleExpand(r)};focusAt(e,i){i<0||i>=e.length||(this.activeKey=e[i].n.key,this.pendingFocus=!0)}find(e,i){for(const s of e){if(s.key===i)return s;const e=this.find(s.children||[],i);if(e)return e}}holds(e,i){return(e.children||[]).some((e=>e.key===i||this.holds(e,i)))}placeOf(e){const i=(s,r)=>{const t=s.findIndex((i=>i.key===e));if(t>=0)return{list:s,idx:t,parent:r};for(const e of s){const s=i(e.children||[],e.key);if(s)return s}};return i(this.nodes||[])}detach(e,i){return e.filter((e=>e.key!==i)).map((e=>(e.children||[]).length?{...e,children:this.detach(e.children,i)}:e))}insert(e,i,s,r){const t=[];return e.forEach((e=>{const o=e.key===i;o&&"before"===s&&t.push(r),t.push(o&&"inside"===s?{...e,children:(e.children||[]).concat([r])}:(e.children||[]).length?{...e,children:this.insert(e.children,i,s,r)}:e),o&&"after"===s&&t.push(r)})),t}moveNode(e,i,s){if(!this.dragDrop||e===i)return;const r=this.find(this.nodes||[],e);if(!r||this.holds(r,i))return;const t="inside"===s?i:this.placeOf(i)?.parent,o=this.insert(this.detach(this.nodes||[],e),i,s,r);this.nodes=o,this.activeKey=e,this.pendingFocus=!0,"inside"!==s||(this.expanded||[]).includes(i)||this.toggleExpand(i),this.suiNodesChange.emit(o);const a=null!=t?this.find(o,t)?.label:null;this.live=a?v(void 0,"tree.movedInto",void 0,"{item} moved into {parent}.",{item:r.label,parent:a}):v(void 0,"tree.movedToTop",void 0,"{item} moved to the top level.",{item:r.label})}moveByKey(e,i){const s=this.placeOf(e);if(!s)return!1;if("up"===i||"down"===i){const r=s.list[s.idx+("up"===i?-1:1)];return!!r&&(this.moveNode(e,r.key,"up"===i?"before":"after"),!0)}if("in"===i){const i=s.list[s.idx-1];return!!i&&(this.moveNode(e,i.key,"inside"),!0)}return null!=s.parent&&(this.moveNode(e,s.parent,"after"),!0)}onKeyDown=e=>{if(e.defaultPrevented||"INPUT"===e.target.tagName)return;const i=this.flat();if(!i.length)return;let s=i.findIndex((e=>e.n.key===this.activeKey));s<0&&(s=0);const r=i[s],t=e.ctrlKey||e.metaKey,o=b(this.host)?"ArrowLeft":"ArrowRight",a="ArrowLeft"===o?"ArrowRight":"ArrowLeft";if(t&&this.dragDrop){const i="ArrowUp"===e.key?"up":"ArrowDown"===e.key?"down":e.key===o?"in":e.key===a?"out":null;if(i)return e.preventDefault(),void(this.moveByKey(r.n.key,i)||(this.live=v(void 0,"tree.cannotMove",void 0,"{item} cannot move that way.",{item:r.n.label})))}switch(e.key){case"ArrowDown":e.preventDefault(),this.focusAt(i,s+1);break;case"ArrowUp":e.preventDefault(),this.focusAt(i,s-1);break;case"Home":e.preventDefault(),this.focusAt(i,0);break;case"End":e.preventDefault(),this.focusAt(i,i.length-1);break;case o:e.preventDefault(),r.hasKids&&!r.open?(this.activeKey=r.n.key,this.toggleExpand(r.n.key)):r.hasKids&&r.open&&this.focusAt(i,s+1);break;case a:e.preventDefault(),r.hasKids&&r.open?(this.activeKey=r.n.key,this.toggleExpand(r.n.key)):null!=r.parent&&this.focusAt(i,i.findIndex((e=>e.n.key===r.parent)));break;case"Enter":e.preventDefault(),this.activeKey=r.n.key,"none"===this.selectionMode?r.hasKids&&this.toggleExpand(r.n.key):this.toggleSelect(r.n.key);break;case" ":e.preventDefault(),this.activeKey=r.n.key,this.toggleSelect(r.n.key)}};resetDrag=()=>{this.dragKey=void 0,this.overKey=void 0,this.overZone=void 0};onDragStart=(e,i)=>{if(this.dragKey=i,this.activeKey=i,e.dataTransfer){e.dataTransfer.effectAllowed="move";try{e.dataTransfer.setData("text/plain",i+"")}catch{}}};onRowDragOver=(e,i)=>{if(!this.dragDrop||null==this.dragKey)return;e.preventDefault(),e.stopPropagation();const s=e.currentTarget.getBoundingClientRect(),r=(e.clientY-s.top)/(s.height||1),t=r<.25?"before":r>.75?"after":"inside",o=this.find(this.nodes||[],this.dragKey);if(!o||i===this.dragKey||this.holds(o,i))return this.overKey=void 0,void(this.overZone=void 0);this.overKey=i,this.overZone=t};onDrop=e=>{e.preventDefault(),e.stopPropagation();const i=this.dragKey,s=this.overKey,r=this.overZone;this.resetDrag(),null!=i&&null!=s&&r&&this.moveNode(i,s,r)};renderNodes(e,i,s){const t=this.selectionMode,o=this.selection||[];return e.filter(this.match).map((e=>{const a=e.children||[],n=this.isBranch(e),u=n&&this.isOpen(e),l=o.includes(e.key),f=`${this.fieldId}-${e.key}-label`,g=`${this.fieldId}-${e.key}-meta`,v=this.overKey===e.key?this.overZone:void 0;return r("div",{role:"treeitem",class:"item",key:e.key,ref:i=>{i&&this.itemEls.set(e.key,i)},"data-key":e.key,tabindex:e.key===s?0:-1,"aria-level":i+1,"aria-labelledby":e.meta?`${f} ${g}`:f,"aria-busy":e.loading?"true":null,"aria-expanded":n?u?"true":"false":null,"aria-selected":"single"===t?l?"true":"false":null,"aria-checked":"checkbox"===t?l?"true":"false":null},r("div",{class:{row:!0,sel:l&&"single"===t,dragging:this.dragKey===e.key,"drop-before":"before"===v,"drop-after":"after"===v,"drop-in":"inside"===v},style:{paddingInlineStart:10+20*i+"px","--sui-tree-indent":10+20*i+"px"},draggable:this.dragDrop,onDragStart:this.dragDrop?i=>this.onDragStart(i,e.key):void 0,onDragEnd:this.dragDrop?this.resetDrag:void 0,onDragOver:this.dragDrop?i=>this.onRowDragOver(i,e.key):void 0,onDrop:this.dragDrop?this.onDrop:void 0},r("span",{class:{exp:!0,leaf:!n,open:u},"data-act":"expand"},r(d,e.loading?{glyph:c,class:"sui-popup-spin"}:{glyph:p})),"checkbox"===t?r("span",{class:{box:!0,on:l},"data-act":"check","aria-hidden":"true"},l?r(d,{glyph:h}):null):null,e.icon?r("i",{class:e.icon+" icon","aria-hidden":"true"}):null,r("span",{class:"label",id:f},e.label),e.meta?r("span",{class:"meta",id:g},e.meta):null),u?r("div",{role:"group"},this.renderNodes(a,i+1,s)):null)}))}render(){this.itemEls.clear();const e=this.flat(),i=this.tabKey(e),s=this.filtered(),t=s.filter((e=>(this.selection||[]).includes(e.key))).length,o=s.length>0&&t===s.length,u=t>0&&!o,l=x(void 0,"tree.loading",this.loadingMessage,"Loading"),c=!!this.query.trim(),p=x(void 0,"tree.emptyFilter",this.emptyFilterMessage,"No matches.");return r("div",{key:"8abcfbc1dc76caa96f8a4d66ae00fa5dd7b75739",class:"sui-tree"},r(n,{key:"346cc2347132eb6cc3d53c0f42285bf34ad83271",message:this.loading?l:c&&0===e.length?p:""}),this.loading?r(a,{message:l}):[this.filter?r("div",{class:"filter"},r("div",{class:"filter-box sui-frame"},r(d,{glyph:f}),r("input",{type:"text",placeholder:x(void 0,"tree.filterPlaceholder",void 0,"Filter"),"aria-label":x(void 0,"tree.filter",void 0,"Filter"),value:this.query,onInput:e=>this.query=e.target.value}))):null,"checkbox"===this.selectionMode?r("button",{type:"button",class:"all",role:"checkbox","aria-checked":o?"true":u?"mixed":"false",disabled:0===s.length,onClick:this.toggleAll},r("span",{class:{box:!0,on:o,mixed:u},"aria-hidden":"true"},o?r(d,{glyph:h}):null,u?r(d,{glyph:g}):null),r("span",{class:"all-label"},x(void 0,"tree.selectAll",void 0,"Select all"))):null,r("div",{role:"tree",class:"tree","aria-label":this.hostLabel,"aria-labelledby":this.hostLabelledby,"aria-multiselectable":"checkbox"===this.selectionMode?"true":null,onClick:this.onClick,onKeyDown:this.onKeyDown},0===e.length?null:this.renderNodes(this.nodes||[],0,i)),0===e.length?r("div",{class:"sui-popup-empty"},c?p:r("slot",{name:"empty"},x(void 0,"tree.empty",this.emptyMessage,"Nothing here yet."))):null],r("div",{key:"live",class:"live",role:"status","aria-atomic":"true"},this.live))}static get style(){return".sc-sui-tree-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-tree.sc-sui-tree{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px}.filter.sc-sui-tree{padding:2px 2px 8px}.filter-box.sc-sui-tree{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px;box-sizing:border-box}.filter-box.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:11px;color:var(--ink-faint)}.filter-box.sc-sui-tree input.sc-sui-tree{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.filter-box.sc-sui-tree input.sc-sui-tree::placeholder{color:var(--ink-placeholder)}.all.sc-sui-tree{display:flex;align-items:center;gap:7px;width:100%;box-sizing:border-box;margin:0 0 6px;padding:6px 10px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:start;font:550 12.5px var(--font-sans);color:var(--ink);border-bottom:1px solid var(--hairline);transition:background var(--duration-fast) var(--ease-out)}.all.sc-sui-tree:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.all.sc-sui-tree:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.all.sc-sui-tree:disabled .box.sc-sui-tree{background:var(--disabled-bg);border-color:var(--border-strong)}.all.sc-sui-tree:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.all-label.sc-sui-tree{flex:1;min-width:0}.tree.sc-sui-tree:focus{outline:none}.item.sc-sui-tree{outline:none}.item.sc-sui-tree:focus-visible>.row.sc-sui-tree{outline:2px solid var(--focus-ring);outline-offset:-2px}.row.sc-sui-tree{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:460;background:transparent;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out)}.row.sc-sui-tree:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.row.sel.sc-sui-tree{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.row.sel.sc-sui-tree:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.exp.sc-sui-tree{width:16px;display:inline-flex;justify-content:center;color:var(--ink-faint);flex-shrink:0}.exp.leaf.sc-sui-tree{visibility:hidden}.exp.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:9px;transition:transform var(--duration-base) var(--ease-out)}.exp.open.sc-sui-tree .sui-glyph.sc-sui-tree{transform:rotate(90deg)}.exp.sc-sui-tree .sui-glyph.sc-sui-tree:dir(rtl){transform:scaleX(-1) rotate(0deg)}.exp.open.sc-sui-tree .sui-glyph.sc-sui-tree:dir(rtl){transform:scaleX(-1) rotate(90deg)}.icon.sc-sui-tree{font-size:12px;color:var(--ink-muted);width:15px;text-align:center;flex-shrink:0}.label.sc-sui-tree{flex:1;min-width:0}.meta.sc-sui-tree{font-size:12px;color:var(--ink-faint);font-feature-settings:'tnum'}.row.sel.sc-sui-tree .meta.sc-sui-tree{color:var(--ink-muted)}.box.sc-sui-tree{width:18px;height:18px;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1.5px solid color-mix(in srgb, var(--control-border) 75%, var(--ink));background:var(--surface);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.box.on.sc-sui-tree,.box.mixed.sc-sui-tree{border-color:var(--brand);background:var(--brand)}.box.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:10px;color:var(--brand-contrast)}.row.dragging.sc-sui-tree{opacity:0.5;outline:1px dashed var(--ink-muted);outline-offset:-1px}.row.drop-before.sc-sui-tree,.row.drop-after.sc-sui-tree{position:relative}.row.drop-before.sc-sui-tree::before,.row.drop-after.sc-sui-tree::before{content:'';position:absolute;inset-inline:var(--sui-tree-indent, 10px) 6px;height:2px;border-radius:1px;background:var(--accent-ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent);pointer-events:none}.row.drop-before.sc-sui-tree::before{top:-1px}.row.drop-after.sc-sui-tree::before{bottom:-1px}.row.drop-in.sc-sui-tree{outline:1.5px dashed var(--accent);outline-offset:-2px;background:var(--accent-soft)}.live.sc-sui-tree{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){.row.sel.sc-sui-tree{forced-color-adjust:none;background:Highlight;color:HighlightText}.row.sel.sc-sui-tree .exp.sc-sui-tree,.row.sel.sc-sui-tree .icon.sc-sui-tree,.row.sel.sc-sui-tree .meta.sc-sui-tree{color:HighlightText}.row.sel.sc-sui-tree .box.sc-sui-tree{forced-color-adjust:auto}.item.sc-sui-tree:focus-visible>.row.sel.sc-sui-tree{outline-color:HighlightText;box-shadow:none}.row.drop-before.sc-sui-tree::before,.row.drop-after.sc-sui-tree::before{forced-color-adjust:none;background:Highlight}.row.drop-in.sc-sui-tree{outline:2px solid Highlight;outline-offset:-2px;box-shadow:none}}.sui-frame.sc-sui-tree{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-tree:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-tree,.sui-frame.readonly.sc-sui-tree{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-tree:focus-within,.sui-frame.focus.sc-sui-tree,.sui-frame.open.sc-sui-tree{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-tree{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-tree:focus-within,.sui-frame.invalid.focus.sc-sui-tree,.sui-frame.invalid.open.sc-sui-tree{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-tree:disabled,.sui-frame.disabled.sc-sui-tree{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-tree{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-tree::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-tree{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-tree{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-tree{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-tree:focus-within,.sui-frame.focus.sc-sui-tree,.sui-frame.open.sc-sui-tree{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-tree:disabled,.sui-frame.disabled.sc-sui-tree{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-tree{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-tree:disabled,.sui-popup-trigger.disabled.sc-sui-tree{cursor:not-allowed}.sui-popup-trigger.sc-sui-tree .val.sc-sui-tree{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-tree .val.sc-sui-tree{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-tree .clear.sc-sui-tree{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-tree .clear.sc-sui-tree:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-tree .chev.sc-sui-tree{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-tree .chev.sc-sui-tree{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-tree .chev.sc-sui-tree{opacity:0.4}.sui-popup-trigger.sc-sui-tree .spin.sc-sui-tree{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-tree{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-tree{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-tree{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-tree{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-tree{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-tree{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-tree{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-tree{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-tree input.sc-sui-tree{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-tree{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-tree{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-tree{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-tree{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-tree{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-tree{animation-duration:2s}}.sui-popup-spacer.sc-sui-tree{flex:none;pointer-events:none}.sui-popup-option.sc-sui-tree{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-tree{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-tree{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-tree{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-tree{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-tree{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-tree{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-tree .val.sc-sui-tree{color:GrayText}.sui-popup-option.hover.sc-sui-tree{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-tree{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-tree .sui-glyph.sc-sui-tree{color:HighlightText}.sui-popup-option.disabled.sc-sui-tree{color:GrayText}}"}},[774,"sui-tree",{nodes:[1040],expanded:[1040],selectionMode:[513,"selection-mode"],selection:[1040],filter:[516],dragDrop:[516,"drag-drop"],loading:[516],loadingMessage:[1,"loading-message"],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],query:[32],activeKey:[32],dragKey:[32],overKey:[32],overZone:[32],live:[32],hostLabel:[32],hostLabelledby:[32],setFocus:[64]}]),w=k,y=function(){"undefined"!=typeof customElements&&["sui-tree"].forEach((e=>{"sui-tree"===e&&(customElements.get(t(e))||customElements.define(t(e),k))}))};export{w as SuiTree,y as defineCustomElement}
+import{p as e,H as i,c as s,h as r,t}from"./p-CeVlau-G.js";import{u as o}from"./p-U06fVoGD.js";import{P as a,a as n}from"./p-3rGcn3Dk.js";import{i as u,a as l}from"./p-wknHx00K.js";import{G as d,a as c,q as p,k as h,z as f,af as g}from"./p-BeYfX4rQ.js";import{l as v,a as x}from"./p-BuyjS5bS.js";import{i as b}from"./p-GAnFXayY.js";import{d as m}from"./p-BHB1Wprj.js";const k=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiExpandedChange=s(this,"suiExpandedChange",3),this.suiSelectionChange=s(this,"suiSelectionChange",3),this.suiLoad=s(this,"suiLoad",7),this.suiNodesChange=s(this,"suiNodesChange",3)}get host(){return this}nodes=[];expanded=[];selectionMode="single";selection=[];filter=!1;dragDrop=!1;loading=!1;loadingMessage;emptyMessage;emptyFilterMessage;suiExpandedChange;suiSelectionChange;suiLoad;suiNodesChange;query="";activeKey;dragKey;overKey;overZone;live="";hostLabel;hostLabelledby;stopHostLabel;stopHostLabelledby;fieldId=o("sui-tree");pendingFocus=!1;itemEls=new Map;matchCache;connectedCallback(){m(this.host,(()=>this.itemEl(this.tabKey(this.flat())))),this.stopHostLabel?.(),this.stopHostLabel=u(this.host,(e=>{this.hostLabel=e})),this.stopHostLabelledby?.(),this.stopHostLabelledby=l(this.host,(e=>{this.hostLabelledby=e}))}disconnectedCallback(){this.stopHostLabel?.(),this.stopHostLabel=void 0,this.stopHostLabelledby?.(),this.stopHostLabelledby=void 0}componentDidRender(){if(!this.pendingFocus)return;this.pendingFocus=!1;const e=this.itemEl(this.activeKey);e?.focus()}async setFocus(){const e=this.tabKey(this.flat());null!=e&&(this.activeKey=e,this.itemEl(e)?.focus())}tabKey(e){return e.some((e=>e.n.key===this.activeKey))?this.activeKey:e[0]?.n.key}itemEl(e){return null==e?void 0:this.itemEls.get(e)}keyFromRow(e){const i=e.getAttribute("data-key");for(const[s,r]of this.itemEls)if(r===e||s+""===i)return s}matchingKeys(){const e=this.query.trim().toLowerCase();if(!e)return null;const i=this.nodes||[],s=this.matchCache;if(s&&s.q===e&&s.nodes===i)return s.keys;const r=new Set,t=i=>{let s=!1;return i.forEach((i=>{(t(i.children||[])||i.label.toLowerCase().includes(e))&&(r.add(i.key),s=!0)})),s};return t(i),this.matchCache={q:e,nodes:i,keys:r},r}match=e=>{const i=this.matchingKeys();return!i||i.has(e.key)};isBranch(e){return(e.children||[]).length>0||!1===e.leaf}isOpen(e){const i=e.children||[];return(this.expanded||[]).includes(e.key)||!!this.query.trim()&&i.some(this.match)}flat(){const e=[],i=(s,r,t)=>{s.filter(this.match).forEach((s=>{const o=s.children||[],a=this.isBranch(s)&&this.isOpen(s);e.push({n:s,depth:r,parent:t,hasKids:this.isBranch(s),open:a}),a&&i(o,r+1,s.key)}))};return i(this.nodes||[],0),e}filtered(){const e=[],i=s=>{s.filter(this.match).forEach((s=>{e.push(s),i(s.children||[])}))};return i(this.nodes||[]),e}toggleExpand(e){const i=this.expanded||[],s=!i.includes(e);this.expanded=s?i.concat([e]):i.filter((i=>i!==e)),this.suiExpandedChange.emit(this.expanded),s&&this.askForChildren(e)}askForChildren(e){const i=this.find(this.nodes||[],e);!i||!1!==i.leaf||(i.children||[]).length>0||i.loading||this.suiLoad.emit(i)}toggleSelect(e){if("single"===this.selectionMode){if((this.selection||[])[0]===e&&1===(this.selection||[]).length)return;this.selection=[e]}else{if("checkbox"!==this.selectionMode)return;{const i=this.selection||[];this.selection=i.includes(e)?i.filter((i=>i!==e)):i.concat([e])}}this.suiSelectionChange.emit(this.selection)}toggleAll=()=>{const e=this.filtered().map((e=>e.key));if(!e.length)return;const i=this.selection||[],s=e.every((e=>i.includes(e)));this.selection=s?i.filter((i=>!e.includes(i))):i.concat(e.filter((e=>!i.includes(e)))),this.suiSelectionChange.emit(this.selection)};onClick=e=>{const i=e.target,s=i.closest('[role="treeitem"]');if(!s)return;const r=this.keyFromRow(s);if(null==r)return;this.activeKey=r;const t=i.closest("[data-act]"),o=t&&t.closest('[role="treeitem"]')===s?t.getAttribute("data-act"):null;"expand"!==o?"check"!==o?"single"===this.selectionMode&&this.toggleSelect(r):this.toggleSelect(r):s.hasAttribute("aria-expanded")&&this.toggleExpand(r)};focusAt(e,i){i<0||i>=e.length||(this.activeKey=e[i].n.key,this.pendingFocus=!0)}find(e,i){for(const s of e){if(s.key===i)return s;const e=this.find(s.children||[],i);if(e)return e}}holds(e,i){return(e.children||[]).some((e=>e.key===i||this.holds(e,i)))}placeOf(e){const i=(s,r)=>{const t=s.findIndex((i=>i.key===e));if(t>=0)return{list:s,idx:t,parent:r};for(const e of s){const s=i(e.children||[],e.key);if(s)return s}};return i(this.nodes||[])}detach(e,i){return e.filter((e=>e.key!==i)).map((e=>(e.children||[]).length?{...e,children:this.detach(e.children,i)}:e))}insert(e,i,s,r){const t=[];return e.forEach((e=>{const o=e.key===i;o&&"before"===s&&t.push(r),t.push(o&&"inside"===s?{...e,children:(e.children||[]).concat([r])}:(e.children||[]).length?{...e,children:this.insert(e.children,i,s,r)}:e),o&&"after"===s&&t.push(r)})),t}moveNode(e,i,s){if(!this.dragDrop||e===i)return;const r=this.find(this.nodes||[],e);if(!r||this.holds(r,i))return;const t="inside"===s?i:this.placeOf(i)?.parent,o=this.insert(this.detach(this.nodes||[],e),i,s,r);this.nodes=o,this.activeKey=e,this.pendingFocus=!0,"inside"!==s||(this.expanded||[]).includes(i)||this.toggleExpand(i),this.suiNodesChange.emit(o);const a=null!=t?this.find(o,t)?.label:null;this.live=a?v(void 0,"tree.movedInto",void 0,"{item} moved into {parent}.",{item:r.label,parent:a}):v(void 0,"tree.movedToTop",void 0,"{item} moved to the top level.",{item:r.label})}moveByKey(e,i){const s=this.placeOf(e);if(!s)return!1;if("up"===i||"down"===i){const r=s.list[s.idx+("up"===i?-1:1)];return!!r&&(this.moveNode(e,r.key,"up"===i?"before":"after"),!0)}if("in"===i){const i=s.list[s.idx-1];return!!i&&(this.moveNode(e,i.key,"inside"),!0)}return null!=s.parent&&(this.moveNode(e,s.parent,"after"),!0)}onKeyDown=e=>{if(e.defaultPrevented||"INPUT"===e.target.tagName)return;const i=this.flat();if(!i.length)return;let s=i.findIndex((e=>e.n.key===this.activeKey));s<0&&(s=0);const r=i[s],t=e.ctrlKey||e.metaKey,o=b(this.host)?"ArrowLeft":"ArrowRight",a="ArrowLeft"===o?"ArrowRight":"ArrowLeft";if(t&&this.dragDrop){const i="ArrowUp"===e.key?"up":"ArrowDown"===e.key?"down":e.key===o?"in":e.key===a?"out":null;if(i)return e.preventDefault(),void(this.moveByKey(r.n.key,i)||(this.live=v(void 0,"tree.cannotMove",void 0,"{item} cannot move that way.",{item:r.n.label})))}switch(e.key){case"ArrowDown":e.preventDefault(),this.focusAt(i,s+1);break;case"ArrowUp":e.preventDefault(),this.focusAt(i,s-1);break;case"Home":e.preventDefault(),this.focusAt(i,0);break;case"End":e.preventDefault(),this.focusAt(i,i.length-1);break;case o:e.preventDefault(),r.hasKids&&!r.open?(this.activeKey=r.n.key,this.toggleExpand(r.n.key)):r.hasKids&&r.open&&this.focusAt(i,s+1);break;case a:e.preventDefault(),r.hasKids&&r.open?(this.activeKey=r.n.key,this.toggleExpand(r.n.key)):null!=r.parent&&this.focusAt(i,i.findIndex((e=>e.n.key===r.parent)));break;case"Enter":e.preventDefault(),this.activeKey=r.n.key,"none"===this.selectionMode?r.hasKids&&this.toggleExpand(r.n.key):this.toggleSelect(r.n.key);break;case" ":e.preventDefault(),this.activeKey=r.n.key,this.toggleSelect(r.n.key)}};resetDrag=()=>{this.dragKey=void 0,this.overKey=void 0,this.overZone=void 0};onDragStart=(e,i)=>{if(this.dragKey=i,this.activeKey=i,e.dataTransfer){e.dataTransfer.effectAllowed="move";try{e.dataTransfer.setData("text/plain",i+"")}catch{}}};onRowDragOver=(e,i)=>{if(!this.dragDrop||null==this.dragKey)return;e.preventDefault(),e.stopPropagation();const s=e.currentTarget.getBoundingClientRect(),r=(e.clientY-s.top)/(s.height||1),t=r<.25?"before":r>.75?"after":"inside",o=this.find(this.nodes||[],this.dragKey);if(!o||i===this.dragKey||this.holds(o,i))return this.overKey=void 0,void(this.overZone=void 0);this.overKey=i,this.overZone=t};onDrop=e=>{e.preventDefault(),e.stopPropagation();const i=this.dragKey,s=this.overKey,r=this.overZone;this.resetDrag(),null!=i&&null!=s&&r&&this.moveNode(i,s,r)};renderNodes(e,i,s){const t=this.selectionMode,o=this.selection||[];return e.filter(this.match).map((e=>{const a=e.children||[],n=this.isBranch(e),u=n&&this.isOpen(e),l=o.includes(e.key),f=`${this.fieldId}-${e.key}-label`,g=`${this.fieldId}-${e.key}-meta`,v=this.overKey===e.key?this.overZone:void 0;return r("div",{role:"treeitem",class:"item",key:e.key,ref:i=>{i&&this.itemEls.set(e.key,i)},"data-key":e.key,tabindex:e.key===s?0:-1,"aria-level":i+1,"aria-labelledby":e.meta?`${f} ${g}`:f,"aria-busy":e.loading?"true":null,"aria-expanded":n?u?"true":"false":null,"aria-selected":"single"===t?l?"true":"false":null,"aria-checked":"checkbox"===t?l?"true":"false":null},r("div",{class:{row:!0,sel:l&&"single"===t,dragging:this.dragKey===e.key,"drop-before":"before"===v,"drop-after":"after"===v,"drop-in":"inside"===v},style:{paddingInlineStart:10+20*i+"px","--sui-tree-indent":10+20*i+"px"},draggable:this.dragDrop,onDragStart:this.dragDrop?i=>this.onDragStart(i,e.key):void 0,onDragEnd:this.dragDrop?this.resetDrag:void 0,onDragOver:this.dragDrop?i=>this.onRowDragOver(i,e.key):void 0,onDrop:this.dragDrop?this.onDrop:void 0},r("span",{class:{exp:!0,leaf:!n,open:u},"data-act":"expand"},r(d,e.loading?{glyph:c,class:"sui-popup-spin"}:{glyph:p})),"checkbox"===t?r("span",{class:{box:!0,on:l},"data-act":"check","aria-hidden":"true"},l?r(d,{glyph:h}):null):null,e.icon?r("i",{class:e.icon+" icon","aria-hidden":"true"}):null,r("span",{class:"label",id:f},e.label),e.meta?r("span",{class:"meta",id:g},e.meta):null),u?r("div",{role:"group"},this.renderNodes(a,i+1,s)):null)}))}render(){this.itemEls.clear();const e=this.flat(),i=this.tabKey(e),s=this.filtered(),t=s.filter((e=>(this.selection||[]).includes(e.key))).length,o=s.length>0&&t===s.length,u=t>0&&!o,l=x(void 0,"tree.loading",this.loadingMessage,"Loading"),c=!!this.query.trim(),p=x(void 0,"tree.emptyFilter",this.emptyFilterMessage,"No matches.");return r("div",{key:"2b479f4dd8003158237f3c9db68a63083556aea4",class:"sui-tree"},r(n,{key:"b96d9880eb84639b7921a2351d65fd4a3eb56147",message:this.loading?l:c&&0===e.length?p:""}),this.loading?r(a,{message:l}):[this.filter?r("div",{class:"filter"},r("div",{class:"filter-box sui-frame"},r(d,{glyph:f}),r("input",{type:"text",placeholder:x(void 0,"tree.filterPlaceholder",void 0,"Filter"),"aria-label":x(void 0,"tree.filter",void 0,"Filter"),value:this.query,onInput:e=>this.query=e.target.value}))):null,"checkbox"===this.selectionMode?r("button",{type:"button",class:"all",role:"checkbox","aria-checked":o?"true":u?"mixed":"false",disabled:0===s.length,onClick:this.toggleAll},r("span",{class:{box:!0,on:o,mixed:u},"aria-hidden":"true"},o?r(d,{glyph:h}):null,u?r(d,{glyph:g}):null),r("span",{class:"all-label"},x(void 0,"tree.selectAll",void 0,"Select all"))):null,r("div",{role:"tree",class:"tree","aria-label":this.hostLabel,"aria-labelledby":this.hostLabelledby,"aria-multiselectable":"checkbox"===this.selectionMode?"true":null,onClick:this.onClick,onKeyDown:this.onKeyDown},0===e.length?null:this.renderNodes(this.nodes||[],0,i)),0===e.length?r("div",{class:"sui-popup-empty"},c?p:r("slot",{name:"empty"},x(void 0,"tree.empty",this.emptyMessage,"Nothing here yet."))):null],r("div",{key:"live",class:"live",role:"status","aria-atomic":"true"},this.live))}static get style(){return".sc-sui-tree-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-tree.sc-sui-tree{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px}.filter.sc-sui-tree{padding:2px 2px 8px}.filter-box.sc-sui-tree{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px;box-sizing:border-box}.filter-box.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:11px;color:var(--ink-faint)}.filter-box.sc-sui-tree input.sc-sui-tree{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.filter-box.sc-sui-tree input.sc-sui-tree::placeholder{color:var(--ink-placeholder)}.all.sc-sui-tree{display:flex;align-items:center;gap:7px;width:100%;box-sizing:border-box;margin:0 0 6px;padding:6px 10px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:start;font:550 12.5px var(--font-sans);color:var(--ink);border-bottom:1px solid var(--hairline);transition:background var(--duration-fast) var(--ease-out)}.all.sc-sui-tree:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.all.sc-sui-tree:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.all.sc-sui-tree:disabled .box.sc-sui-tree{background:var(--disabled-bg);border-color:var(--border-strong)}.all.sc-sui-tree:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.all-label.sc-sui-tree{flex:1;min-width:0}.tree.sc-sui-tree:focus{outline:none}.item.sc-sui-tree{outline:none}.item.sc-sui-tree:focus-visible>.row.sc-sui-tree{outline:2px solid var(--focus-ring);outline-offset:-2px}.row.sc-sui-tree{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:460;background:transparent;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out)}.row.sc-sui-tree:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.row.sel.sc-sui-tree{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.row.sel.sc-sui-tree:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.exp.sc-sui-tree{width:16px;display:inline-flex;justify-content:center;color:var(--ink-faint);flex-shrink:0}.exp.leaf.sc-sui-tree{visibility:hidden}.exp.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:9px;transition:transform var(--duration-base) var(--ease-out)}.exp.open.sc-sui-tree .sui-glyph.sc-sui-tree{transform:rotate(90deg)}.exp.sc-sui-tree .sui-glyph.sc-sui-tree:dir(rtl){transform:scaleX(-1) rotate(0deg)}.exp.open.sc-sui-tree .sui-glyph.sc-sui-tree:dir(rtl){transform:scaleX(-1) rotate(90deg)}.icon.sc-sui-tree{font-size:12px;color:var(--ink-muted);width:15px;text-align:center;flex-shrink:0}.label.sc-sui-tree{flex:1;min-width:0}.meta.sc-sui-tree{font-size:12px;color:var(--ink-faint);font-feature-settings:'tnum'}.row.sel.sc-sui-tree .meta.sc-sui-tree{color:var(--ink-muted)}.box.sc-sui-tree{width:18px;height:18px;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1.5px solid color-mix(in srgb, var(--control-border) 75%, var(--ink));background:var(--surface);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.box.on.sc-sui-tree,.box.mixed.sc-sui-tree{border-color:var(--brand);background:var(--brand)}.box.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:10px;color:var(--brand-contrast)}.row.dragging.sc-sui-tree{opacity:0.5;outline:1px dashed var(--ink-muted);outline-offset:-1px}.row.drop-before.sc-sui-tree,.row.drop-after.sc-sui-tree{position:relative}.row.drop-before.sc-sui-tree::before,.row.drop-after.sc-sui-tree::before{content:'';position:absolute;inset-inline:var(--sui-tree-indent, 10px) 6px;height:2px;border-radius:1px;background:var(--accent-ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent);pointer-events:none}.row.drop-before.sc-sui-tree::before{top:-1px}.row.drop-after.sc-sui-tree::before{bottom:-1px}.row.drop-in.sc-sui-tree{outline:1.5px dashed var(--accent);outline-offset:-2px;background:var(--accent-soft)}.live.sc-sui-tree{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){.row.sel.sc-sui-tree{forced-color-adjust:none;background:Highlight;color:HighlightText}.row.sel.sc-sui-tree .exp.sc-sui-tree,.row.sel.sc-sui-tree .icon.sc-sui-tree,.row.sel.sc-sui-tree .meta.sc-sui-tree{color:HighlightText}.row.sel.sc-sui-tree .box.sc-sui-tree{forced-color-adjust:auto}.item.sc-sui-tree:focus-visible>.row.sel.sc-sui-tree{outline-color:HighlightText;box-shadow:none}.row.drop-before.sc-sui-tree::before,.row.drop-after.sc-sui-tree::before{forced-color-adjust:none;background:Highlight}.row.drop-in.sc-sui-tree{outline:2px solid Highlight;outline-offset:-2px;box-shadow:none}}.sui-frame.sc-sui-tree{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-tree:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-tree,.sui-frame.readonly.sc-sui-tree{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-tree:focus-within,.sui-frame.focus.sc-sui-tree,.sui-frame.open.sc-sui-tree{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-tree{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-tree:focus-within,.sui-frame.invalid.focus.sc-sui-tree,.sui-frame.invalid.open.sc-sui-tree{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-tree:disabled,.sui-frame.disabled.sc-sui-tree{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-tree{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-tree::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-tree{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-tree{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-tree{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-tree:focus-within,.sui-frame.focus.sc-sui-tree,.sui-frame.open.sc-sui-tree{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-tree:disabled,.sui-frame.disabled.sc-sui-tree{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-tree{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-tree:disabled,.sui-popup-trigger.disabled.sc-sui-tree{cursor:not-allowed}.sui-popup-trigger.sc-sui-tree .val.sc-sui-tree{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-tree .val.sc-sui-tree{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-tree .clear.sc-sui-tree{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-tree .clear.sc-sui-tree:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-tree .chev.sc-sui-tree{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-tree .chev.sc-sui-tree{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-tree .chev.sc-sui-tree{opacity:0.4}.sui-popup-trigger.sc-sui-tree .spin.sc-sui-tree{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-tree{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-tree{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-tree{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-tree{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-tree{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-tree{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-tree{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-tree{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-tree input.sc-sui-tree{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-tree{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-tree{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-tree{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-tree{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-tree{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-tree{animation-duration:2s}}.sui-popup-spacer.sc-sui-tree{flex:none;pointer-events:none}.sui-popup-option.sc-sui-tree{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-tree{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-tree{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-tree{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-tree{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-tree{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-tree{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-tree .val.sc-sui-tree{color:GrayText}.sui-popup-option.hover.sc-sui-tree{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-tree{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-tree .sui-glyph.sc-sui-tree{color:HighlightText}.sui-popup-option.disabled.sc-sui-tree{color:GrayText}}"}},[774,"sui-tree",{nodes:[1040],expanded:[1040],selectionMode:[513,"selection-mode"],selection:[1040],filter:[516],dragDrop:[516,"drag-drop"],loading:[516],loadingMessage:[1,"loading-message"],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],query:[32],activeKey:[32],dragKey:[32],overKey:[32],overZone:[32],live:[32],hostLabel:[32],hostLabelledby:[32],setFocus:[64]}]),w=k,y=function(){"undefined"!=typeof customElements&&["sui-tree"].forEach((e=>{"sui-tree"===e&&(customElements.get(t(e))||customElements.define(t(e),k))}))};export{w as SuiTree,y as defineCustomElement}

package/dist/components/sui-trend.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,a as r,t as n}from"./p-CeVlau-G.js";import{T as s}from"./p-n4-59tbj.js";import{a}from"./p-BuyjS5bS.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}value="";direction;severity="positive";note;render(){return i(r,{key:"79e986e55d646f05c004c4128f38c5c6840c7689"},i(s,{key:"762c23ba28e341475d9753d3a63c0c5845676c21",value:this.value,direction:this.direction,severity:this.severity,note:this.note,unfavorable:a(void 0,"trend.unfavorable",void 0,"unfavorable")}))}static get style(){return".sc-sui-trend-h{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;font-family:var(--font-sans);position:relative}[hidden].sc-sui-trend-h{display:none}.delta.sc-sui-trend{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--status-positive-ink);font-feature-settings:'tnum'}.delta.critical.sc-sui-trend{color:var(--danger)}.delta.neutral.sc-sui-trend{color:var(--ink-muted);font-weight:var(--w-regular)}.delta.sc-sui-trend .sui-glyph.sc-sui-trend{font-size:10px}.delta.critical.sc-sui-trend .sui-glyph.sc-sui-trend{box-sizing:border-box;width:16px;height:16px;padding:2.5px;border:1.5px solid currentColor;border-radius:var(--radius-pill)}.figure.sc-sui-trend{direction:ltr;unicode-bidi:plaintext;text-align:-webkit-match-parent;text-align:match-parent}.sr-only.sc-sui-trend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.note.sc-sui-trend{color:var(--ink-faint)}"}},[514,"sui-trend",{value:[1],direction:[513],severity:[513],note:[1]}]),d=o,l=function(){"undefined"!=typeof customElements&&["sui-trend"].forEach((e=>{"sui-trend"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))};export{d as SuiTrend,l as defineCustomElement}
+import{p as e,H as t,h as i,a as r,t as n}from"./p-CeVlau-G.js";import{T as s}from"./p-D00-pPuH.js";import{a}from"./p-BuyjS5bS.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}value="";direction;severity="positive";note;render(){return i(r,{key:"0ce2ad49d0222cd47146d7cd7c0750da65e30460"},i(s,{key:"1531d7173cd8ef5f58e0a52e1d80a7746b03d007",value:this.value,direction:this.direction,severity:this.severity,note:this.note,unfavorable:a(void 0,"trend.unfavorable",void 0,"unfavorable")}))}static get style(){return".sc-sui-trend-h{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;font-family:var(--font-sans);position:relative}[hidden].sc-sui-trend-h{display:none}.delta.sc-sui-trend{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--status-positive-ink);font-feature-settings:'tnum'}.delta.critical.sc-sui-trend{color:var(--danger)}.delta.neutral.sc-sui-trend{color:var(--ink-muted);font-weight:var(--w-regular)}.delta.sc-sui-trend .sui-glyph.sc-sui-trend{font-size:10px}.delta.critical.sc-sui-trend .sui-glyph.sc-sui-trend{box-sizing:border-box;width:16px;height:16px;padding:2.5px;border:1.5px solid currentColor;border-radius:var(--radius-pill)}.figure.sc-sui-trend{direction:ltr;unicode-bidi:plaintext;text-align:-webkit-match-parent;text-align:match-parent}.sr-only.sc-sui-trend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.note.sc-sui-trend{color:var(--ink-faint)}"}},[514,"sui-trend",{value:[1],direction:[513],severity:[513],note:[1]}]),o=d,l=function(){"undefined"!=typeof customElements&&["sui-trend"].forEach((e=>{"sui-trend"===e&&(customElements.get(n(e))||customElements.define(n(e),d))}))};export{o as SuiTrend,l as defineCustomElement}

package/dist/components/sui-virtual-scroller.js

@@ -1 +1 @@
-import{p as t,H as i,c as s,f as r,h as o,t as e}from"./p-CeVlau-G.js";import{i as n}from"./p-Cs2X0Kih.js";import{d as l}from"./p-BHB1Wprj.js";import{c as a}from"./p-COO9uV7W.js";import{l as h,i as c}from"./p-BuyjS5bS.js";import{n as u}from"./p-BpxmwysK.js";import{c as d,m as p}from"./p-q0JbXN8q.js";import{r as v,f as w}from"./p-Btp15dVO.js";import{a as f,s as m}from"./p-GAnFXayY.js";const x=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiRange=s(this,"suiRange",3)}get host(){return this}itemCount=0;itemHeight=36;itemWidth=160;height=280;width=640;orientation="vertical";columns=0;overscan=4;showIndex=!1;renderItem;suiRange;viewportScrollTop=0;viewportScrollLeft=0;hostLabel;stopAria;viewport;reported;rendered=new Map;connectedCallback(){this.stopAria?.(),this.stopAria=n(this.host,(t=>{this.hostLabel=t})),l(this.host,(()=>this.viewport))}disconnectedCallback(){this.stopAria?.()}async setFocus(){this.viewport?.focus()}async scrollToIndex(t,i){const s=Math.floor(t)||0;if("horizontal"===this.orientation){const t=a(s,0,Math.max(0,this.count()-1))*this.colW();return this.viewport&&f(this.viewport,t),void(this.viewportScrollLeft=t)}const r=a(s,0,Math.max(0,this.count()-1))*this.rowH();if(this.viewport&&(this.viewport.scrollTop=r),this.viewportScrollTop=r,"number"!=typeof i||"grid"!==this.orientation)return;const o=a(Math.floor(i)||0,0,Math.max(0,this.cols()-1))*this.colW();this.viewport&&f(this.viewport,o),this.viewportScrollLeft=o}async refresh(t,i){if("number"!=typeof t)this.rendered.clear();else if("number"==typeof i)this.rendered.delete(this.cellKey(t,i));else for(const i of Array.from(this.rendered.keys()))(i===""+t||i.startsWith(t+":"))&&this.rendered.delete(i);r(this)}onContentChange(){this.rendered.clear()}componentDidRender(){const t=this.window(),i=this.reported;i&&i.start===t.start&&i.end===t.end&&i.colStart===t.colStart&&i.colEnd===t.colEnd||(this.reported=t,this.suiRange.emit({...t}))}count(){return Math.max(0,this.itemCount||0)}cols(){return Math.max(0,Math.floor(this.columns)||0)}rowH(){return Math.max(1,this.itemHeight||36)}colW(){return Math.max(1,this.itemWidth||160)}cellKey(t,i){return"number"==typeof i?`${t}:${i}`:""+t}axis(t,i,s,r){const o=v(w(t),{rowH:i,groupH:0,viewport:s,scrollTop:r,overscan:Math.max(0,this.overscan||0)});return{start:o.start,end:o.end}}window(){if("horizontal"===this.orientation)return this.axis(this.count(),this.colW(),Math.max(0,this.width||0),this.viewportScrollLeft);const t=this.axis(this.count(),this.rowH(),Math.max(0,this.height||0),this.viewportScrollTop);if("grid"!==this.orientation)return t;const i=this.axis(this.cols(),this.colW(),Math.max(0,this.width||0),this.viewportScrollLeft);return{...t,colStart:i.start,colEnd:i.end}}onScroll=t=>{const i=t.target;this.viewportScrollTop=i.scrollTop||0,this.viewportScrollLeft=m(i)};content(t,i,s,r){const o=this.cellKey(s,r),e=t.has(o)?t.get(o):d(this.renderItem,[s,r],this.label(s,r));return i.set(o,e),e}label(t,i){return"number"==typeof i?h(void 0,"virtual-scroller.cell",void 0,"Cell {row}, {column}",{row:t+1,column:i+1}):h(void 0,"virtual-scroller.row",void 0,"Row {n}",{n:t+1})}indexLabel(t){const i=u(c()),s=i.format(this.count()),r=t.end-t.start;return"horizontal"===this.orientation?h(void 0,"virtual-scroller.columnsIndex",void 0,"{count} columns · rendering {shown} in the window",{count:s,shown:i.format(r)}):"grid"===this.orientation?h(void 0,"virtual-scroller.cellsIndex",void 0,"{count} rows · rendering {shown} cells in the window",{count:s,shown:i.format(r*Math.max(0,(t.colEnd||0)-(t.colStart||0)))}):h(void 0,"virtual-scroller.rowsIndex",void 0,"{count} rows · rendering {shown} in the window",{count:s,shown:i.format(r)})}render(){const t=this.count(),i=this.rowH(),s=this.colW(),r=this.window(),{start:e,end:n}=r,l=this.renderItem,a="grid"===this.orientation,h="horizontal"===this.orientation,c=this.rendered,u=new Map,d=[];if(a){const t=this.cols(),a=r.colStart||0,h=r.colEnd||0;for(let r=e;r<n;r++){const e=[];for(let t=a;t<h;t++){const i={top:"0px",insetInlineStart:t*s+"px",width:s+"px",height:"100%"},n=l?this.content(c,u,r,t):null;e.push(o("div",{class:{row:!0,cell:!0,odd:(r+t)%2==1},role:"gridcell","aria-rowindex":r+1,"aria-colindex":t+1,"data-index":r,"data-column":t,key:l?`c${r}.${t}`:`d${r}.${t}`,style:i,ref:l?t=>p(t,n):void 0},l?null:this.label(r,t)))}e.length&&d.push(o("div",{class:"grid-row",role:"row","aria-rowindex":r+1,key:"r"+r,style:{top:r*i+"px",insetInlineStart:"0px",width:t*s+"px",height:i+"px"}},e))}}else for(let r=e;r<n;r++){const e=h?{top:"0px",insetInlineStart:r*s+"px",width:s+"px",height:"100%"}:{top:r*i+"px",insetInlineStart:"0px",width:"100%",height:i+"px"},n=l?this.content(c,u,r):null;d.push(o("div",{class:{row:!0,odd:r%2==1},role:"listitem","aria-posinset":r+1,"aria-setsize":t,"data-index":r,key:l?"r"+r:"d"+r,style:e,ref:l?t=>p(t,n):void 0},l?null:this.label(r)))}this.rendered=u;const v=h?{height:i+"px",width:Math.max(0,this.width||0)+"px"}:a?{height:Math.max(0,this.height||0)+"px",width:Math.max(0,this.width||0)+"px"}:{height:Math.max(0,this.height||0)+"px"},w=h?{width:t*s+"px",height:"100%"}:a?{width:this.cols()*s+"px",height:t*i+"px"}:{height:t*i+"px"};return o("div",{key:"d40c74cfe34cd8db771bf64beb407ce89c166aff",class:{"sui-vs":!0,[this.orientation]:!0}},this.showIndex?o("div",{class:"index"},this.indexLabel(r)):null,o("div",{key:"e365e23abaedb78db35c3ff533b2a55dd54c6a6f",class:"viewport",ref:t=>this.viewport=t,style:v,tabindex:"0",role:this.hostLabel?"region":void 0,"aria-label":this.hostLabel||null,onScroll:this.onScroll},o("div",{key:"076c612bb390210f35a22d591c4c9776b319c62b",class:"spacer",role:a?"grid":"list","aria-rowcount":a?t:null,"aria-colcount":a?this.cols():null,style:w},d)))}static get watchers(){return{renderItem:[{onContentChange:0}],itemCount:[{onContentChange:0}],columns:[{onContentChange:0}],orientation:[{onContentChange:0}]}}static get style(){return".sc-sui-virtual-scroller-h{display:block;min-width:0;font-family:var(--font-sans);color:var(--ink)}.sui-vs.sc-sui-virtual-scroller{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.index.sc-sui-virtual-scroller{padding:8px 14px;font-size:11.5px;color:var(--ink-faint);font-feature-settings:'tnum';border-bottom:1px solid var(--border);background:var(--surface-sunken)}.sui-vs.horizontal.sc-sui-virtual-scroller,.sui-vs.grid.sc-sui-virtual-scroller{width:max-content;max-width:100%}.vertical.sc-sui-virtual-scroller .viewport.sc-sui-virtual-scroller{overflow-y:auto}.horizontal.sc-sui-virtual-scroller .viewport.sc-sui-virtual-scroller{overflow-x:auto;overflow-y:hidden;max-width:100%}.grid.sc-sui-virtual-scroller .viewport.sc-sui-virtual-scroller{overflow:auto;max-width:100%}.viewport.sc-sui-virtual-scroller{position:relative}.viewport.sc-sui-virtual-scroller:focus-visible{outline:none}.sui-vs.sc-sui-virtual-scroller:has(.viewport:focus-visible){outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.spacer.sc-sui-virtual-scroller{position:relative}.row.sc-sui-virtual-scroller{position:absolute;box-sizing:border-box;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--hairline);font-size:13px;background:var(--surface)}.row.odd.sc-sui-virtual-scroller{background:var(--surface-sunken)}.horizontal.sc-sui-virtual-scroller .row.sc-sui-virtual-scroller{border-bottom:none;border-inline-end:1px solid var(--hairline)}.grid-row.sc-sui-virtual-scroller{position:absolute;box-sizing:border-box}.grid.sc-sui-virtual-scroller .row.cell.sc-sui-virtual-scroller{border-inline-end:1px solid var(--hairline)}"}},[514,"sui-virtual-scroller",{itemCount:[2,"item-count"],itemHeight:[2,"item-height"],itemWidth:[2,"item-width"],height:[2],width:[2],orientation:[513],columns:[2],overscan:[2],showIndex:[516,"show-index"],renderItem:[16],viewportScrollTop:[32],viewportScrollLeft:[32],hostLabel:[32],setFocus:[64],scrollToIndex:[64],refresh:[64]},void 0,{renderItem:[{onContentChange:0}],itemCount:[{onContentChange:0}],columns:[{onContentChange:0}],orientation:[{onContentChange:0}]}]),g=x,b=function(){"undefined"!=typeof customElements&&["sui-virtual-scroller"].forEach((t=>{"sui-virtual-scroller"===t&&(customElements.get(e(t))||customElements.define(e(t),x))}))};export{g as SuiVirtualScroller,b as defineCustomElement}
+import{p as t,H as i,c as s,f as r,h as o,t as e}from"./p-CeVlau-G.js";import{i as n}from"./p-wknHx00K.js";import{d as l}from"./p-BHB1Wprj.js";import{c as a}from"./p-qut9RP2y.js";import{l as h,i as c}from"./p-BuyjS5bS.js";import{n as u}from"./p-BpxmwysK.js";import{c as d,m as p}from"./p-q0JbXN8q.js";import{r as v,f as w}from"./p-Btp15dVO.js";import{a as m,s as x}from"./p-GAnFXayY.js";const f=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiRange=s(this,"suiRange",3)}get host(){return this}itemCount=0;itemHeight=36;itemWidth=160;height=280;width=640;orientation="vertical";columns=0;overscan=4;showIndex=!1;renderItem;suiRange;viewportScrollTop=0;viewportScrollLeft=0;hostLabel;stopAria;viewport;reported;rendered=new Map;connectedCallback(){this.stopAria?.(),this.stopAria=n(this.host,(t=>{this.hostLabel=t})),l(this.host,(()=>this.viewport))}disconnectedCallback(){this.stopAria?.()}async setFocus(){this.viewport?.focus()}async scrollToIndex(t,i){const s=Math.floor(t)||0;if("horizontal"===this.orientation){const t=a(s,0,Math.max(0,this.count()-1))*this.colW();return this.viewport&&m(this.viewport,t),void(this.viewportScrollLeft=t)}const r=a(s,0,Math.max(0,this.count()-1))*this.rowH();if(this.viewport&&(this.viewport.scrollTop=r),this.viewportScrollTop=r,"number"!=typeof i||"grid"!==this.orientation)return;const o=a(Math.floor(i)||0,0,Math.max(0,this.cols()-1))*this.colW();this.viewport&&m(this.viewport,o),this.viewportScrollLeft=o}async refresh(t,i){if("number"!=typeof t)this.rendered.clear();else if("number"==typeof i)this.rendered.delete(this.cellKey(t,i));else for(const i of Array.from(this.rendered.keys()))(i===""+t||i.startsWith(t+":"))&&this.rendered.delete(i);r(this)}onContentChange(){this.rendered.clear()}componentDidRender(){const t=this.window(),i=this.reported;i&&i.start===t.start&&i.end===t.end&&i.colStart===t.colStart&&i.colEnd===t.colEnd||(this.reported=t,this.suiRange.emit({...t}))}count(){return Math.max(0,this.itemCount||0)}cols(){return Math.max(0,Math.floor(this.columns)||0)}rowH(){return Math.max(1,this.itemHeight||36)}colW(){return Math.max(1,this.itemWidth||160)}cellKey(t,i){return"number"==typeof i?`${t}:${i}`:""+t}axis(t,i,s,r){const o=v(w(t),{rowH:i,groupH:0,viewport:s,scrollTop:r,overscan:Math.max(0,this.overscan||0)});return{start:o.start,end:o.end}}window(){if("horizontal"===this.orientation)return this.axis(this.count(),this.colW(),Math.max(0,this.width||0),this.viewportScrollLeft);const t=this.axis(this.count(),this.rowH(),Math.max(0,this.height||0),this.viewportScrollTop);if("grid"!==this.orientation)return t;const i=this.axis(this.cols(),this.colW(),Math.max(0,this.width||0),this.viewportScrollLeft);return{...t,colStart:i.start,colEnd:i.end}}onScroll=t=>{const i=t.target;this.viewportScrollTop=i.scrollTop||0,this.viewportScrollLeft=x(i)};content(t,i,s,r){const o=this.cellKey(s,r),e=t.has(o)?t.get(o):d(this.renderItem,[s,r],this.label(s,r));return i.set(o,e),e}label(t,i){return"number"==typeof i?h(void 0,"virtual-scroller.cell",void 0,"Cell {row}, {column}",{row:t+1,column:i+1}):h(void 0,"virtual-scroller.row",void 0,"Row {n}",{n:t+1})}indexLabel(t){const i=u(c()),s=i.format(this.count()),r=t.end-t.start;return"horizontal"===this.orientation?h(void 0,"virtual-scroller.columnsIndex",void 0,"{count} columns · rendering {shown} in the window",{count:s,shown:i.format(r)}):"grid"===this.orientation?h(void 0,"virtual-scroller.cellsIndex",void 0,"{count} rows · rendering {shown} cells in the window",{count:s,shown:i.format(r*Math.max(0,(t.colEnd||0)-(t.colStart||0)))}):h(void 0,"virtual-scroller.rowsIndex",void 0,"{count} rows · rendering {shown} in the window",{count:s,shown:i.format(r)})}render(){const t=this.count(),i=this.rowH(),s=this.colW(),r=this.window(),{start:e,end:n}=r,l=this.renderItem,a="grid"===this.orientation,h="horizontal"===this.orientation,c=this.rendered,u=new Map,d=[];if(a){const t=this.cols(),a=r.colStart||0,h=r.colEnd||0;for(let r=e;r<n;r++){const e=[];for(let t=a;t<h;t++){const i={top:"0px",insetInlineStart:t*s+"px",width:s+"px",height:"100%"},n=l?this.content(c,u,r,t):null;e.push(o("div",{class:{row:!0,cell:!0,odd:(r+t)%2==1},role:"gridcell","aria-rowindex":r+1,"aria-colindex":t+1,"data-index":r,"data-column":t,key:l?`c${r}.${t}`:`d${r}.${t}`,style:i,ref:l?t=>p(t,n):void 0},l?null:this.label(r,t)))}e.length&&d.push(o("div",{class:"grid-row",role:"row","aria-rowindex":r+1,key:"r"+r,style:{top:r*i+"px",insetInlineStart:"0px",width:t*s+"px",height:i+"px"}},e))}}else for(let r=e;r<n;r++){const e=h?{top:"0px",insetInlineStart:r*s+"px",width:s+"px",height:"100%"}:{top:r*i+"px",insetInlineStart:"0px",width:"100%",height:i+"px"},n=l?this.content(c,u,r):null;d.push(o("div",{class:{row:!0,odd:r%2==1},role:"listitem","aria-posinset":r+1,"aria-setsize":t,"data-index":r,key:l?"r"+r:"d"+r,style:e,ref:l?t=>p(t,n):void 0},l?null:this.label(r)))}this.rendered=u;const v=h?{height:i+"px",width:Math.max(0,this.width||0)+"px"}:a?{height:Math.max(0,this.height||0)+"px",width:Math.max(0,this.width||0)+"px"}:{height:Math.max(0,this.height||0)+"px"},w=h?{width:t*s+"px",height:"100%"}:a?{width:this.cols()*s+"px",height:t*i+"px"}:{height:t*i+"px"};return o("div",{key:"32c96dd1c6ca8804c5ce41ef51985ea9cb2b8393",class:{"sui-vs":!0,[this.orientation]:!0}},this.showIndex?o("div",{class:"index"},this.indexLabel(r)):null,o("div",{key:"6b2ed9e0e939ce9bf9a681324ea8b70607650b14",class:"viewport",ref:t=>this.viewport=t,style:v,tabindex:"0",role:this.hostLabel?"region":void 0,"aria-label":this.hostLabel||null,onScroll:this.onScroll},o("div",{key:"5a2e6aced77e8961f9ba802888055efd1b883a02",class:"spacer",role:a?"grid":"list","aria-rowcount":a?t:null,"aria-colcount":a?this.cols():null,style:w},d)))}static get watchers(){return{renderItem:[{onContentChange:0}],itemCount:[{onContentChange:0}],columns:[{onContentChange:0}],orientation:[{onContentChange:0}]}}static get style(){return".sc-sui-virtual-scroller-h{display:block;min-width:0;font-family:var(--font-sans);color:var(--ink)}.sui-vs.sc-sui-virtual-scroller{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.index.sc-sui-virtual-scroller{padding:8px 14px;font-size:11.5px;color:var(--ink-faint);font-feature-settings:'tnum';border-bottom:1px solid var(--border);background:var(--surface-sunken)}.sui-vs.horizontal.sc-sui-virtual-scroller,.sui-vs.grid.sc-sui-virtual-scroller{width:max-content;max-width:100%}.vertical.sc-sui-virtual-scroller .viewport.sc-sui-virtual-scroller{overflow-y:auto}.horizontal.sc-sui-virtual-scroller .viewport.sc-sui-virtual-scroller{overflow-x:auto;overflow-y:hidden;max-width:100%}.grid.sc-sui-virtual-scroller .viewport.sc-sui-virtual-scroller{overflow:auto;max-width:100%}.viewport.sc-sui-virtual-scroller{position:relative}.viewport.sc-sui-virtual-scroller:focus-visible{outline:none}.sui-vs.sc-sui-virtual-scroller:has(.viewport:focus-visible){outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.spacer.sc-sui-virtual-scroller{position:relative}.row.sc-sui-virtual-scroller{position:absolute;box-sizing:border-box;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--hairline);font-size:13px;background:var(--surface)}.row.odd.sc-sui-virtual-scroller{background:var(--surface-sunken)}.horizontal.sc-sui-virtual-scroller .row.sc-sui-virtual-scroller{border-bottom:none;border-inline-end:1px solid var(--hairline)}.grid-row.sc-sui-virtual-scroller{position:absolute;box-sizing:border-box}.grid.sc-sui-virtual-scroller .row.cell.sc-sui-virtual-scroller{border-inline-end:1px solid var(--hairline)}"}},[514,"sui-virtual-scroller",{itemCount:[2,"item-count"],itemHeight:[2,"item-height"],itemWidth:[2,"item-width"],height:[2],width:[2],orientation:[513],columns:[2],overscan:[2],showIndex:[516,"show-index"],renderItem:[16],viewportScrollTop:[32],viewportScrollLeft:[32],hostLabel:[32],setFocus:[64],scrollToIndex:[64],refresh:[64]},void 0,{renderItem:[{onContentChange:0}],itemCount:[{onContentChange:0}],columns:[{onContentChange:0}],orientation:[{onContentChange:0}]}]),g=f,b=function(){"undefined"!=typeof customElements&&["sui-virtual-scroller"].forEach((t=>{"sui-virtual-scroller"===t&&(customElements.get(e(t))||customElements.define(e(t),f))}))};export{g as SuiVirtualScroller,b as defineCustomElement}