npm - @shineuix/core - Versions diffs - 1.0.0 → 1.0.1 - Mend

@shineuix/core 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1093) hide show

package/dist/components/sui-page-header.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as a,c as s,h as t,a as i,t as r}from"./p-DQ8DrIvI.js";import{G as n,H as o}from"./p-~~BJFE~~-~~_50~~.js";import{o as c,a as l}from"./p-BWkzTEZX.js";import{a as d}from"./p-BuyjS5bS.js";import{d as h}from"./p-BHB1Wprj.js";const p=["eyebrow","tag","meta","actions","primary","breadcrumb","tabs"],u=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiBack=s(this,"suiBack",7)}get host(){return this}heading;headingLevel=1;back;suiBack;filled={eyebrow:!1,tag:!1,meta:!1,actions:!1,primary:!1,breadcrumb:!1,tabs:!1};compact=!1;tabsUnderline=!1;titleEl;disposeChildren;ro;loaded=!1;async setFocus(){this.titleEl?.focus({preventScroll:!0})}connectedCallback(){h(this.host,(()=>this.titleEl)),this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch(),this.measure()}disconnectedCallback(){this.disposeChildren?.(),this.disposeChildren=void 0,this.ro?.disconnect(),this.ro=void 0}watch(e=!1){this.disposeChildren?.(),this.ro?.disconnect(),this.disposeChildren=c(this.host,(()=>this.readSlots()),{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","variant"]}),this.ro="undefined"!=typeof ResizeObserver?new ResizeObserver((e=>this.measure(e[0]?.contentRect?.width))):void 0,this.ro?.observe(this.host),e&&Promise.resolve().then((()=>{this.host.isConnected&&(this.readSlots(),this.measure())}))}measure(e=this.host.clientWidth){e&&(this.compact=e<680)}onBack=e=>{this.suiBack.emit().defaultPrevented&&e.preventDefault()};readSlots(){const e={...this.filled};let a=!1;for(const s of p){const t=l(this.host,s).length>0;e[s]!==t&&(e[s]=t,a=!0)}a&&(this.filled=e);const s=l(this.host,"tabs").find((e=>"sui-tabs"===e.tagName.toLowerCase())),t=!!s&&"pills"!==(s.variant??s.getAttribute("variant")??"underline");t!==this.tabsUnderline&&(this.tabsUnderline=t)}render(){const e="h"+([1,2,3].includes(Number(this.headingLevel))?Number(this.headingLevel):1),a=this.filled;return t(i,{key:"fe06357408ec18966fa6d4465d3545b4502d0e63"},t("div",{key:"5024a29b50266ae3f6f91d73d9459cde699b81dc",class:{"sui-page-header":!0,compact:this.compact,"has-tabs":a.tabs}},a.breadcrumb?t("div",{class:"crumb"},t("slot",{name:"breadcrumb"})):null,t("div",{key:"05d5950114b2ec964defe8eb8e81ec95063d2e5e",class:"row"},t("div",{key:"0082a6e45534607d361ef82bab64e24a1313e647",class:"main"},a.eyebrow?t("div",{class:"eyebrow"},t("slot",{name:"eyebrow"})):null,t("div",{key:"0b3e49524336a5dc250a77ea7e3fefc45d3ab335",class:"title-row"},this.back?t("a",{class:"back",href:this.back,"aria-label":d(void 0,"page-header.back",void 0,"Back"),onClick:this.onBack},t(n,{glyph:o})):null,t(e,{key:"4522e0f9db44450000789c380c7257de20e3c5dc",class:"title",tabIndex:-1,ref:e=>this.titleEl=e},this.heading,t("slot",{key:"b5a4c2a8251106f32bdee84368e5013783016206"})),a.tag?t("div",{class:"tag"},t("slot",{name:"tag"})):null),a.meta?t("div",{class:"meta"},t("slot",{name:"meta"})):null),a.actions\|\|a.primary?t("div",{class:"actions"},t("slot",{name:"actions"}),t("slot",{name:"primary"})):null),a.tabs?t("div",{class:{tabs:!0,underline:this.tabsUnderline}},t("slot",{name:"tabs"})):null))}static get style(){return".sc-sui-page-header-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-page-header.sc-sui-page-header{display:flex;flex-direction:column;min-width:0}.sui-page-header.has-tabs.sc-sui-page-header{border-bottom:1px solid var(--border)}.crumb.sc-sui-page-header{margin-bottom:var(--space-2)}.row.sc-sui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);min-width:0}.main.sc-sui-page-header{flex:1 1 auto;min-width:0}.eyebrow.sc-sui-page-header{margin-bottom:var(--space-1);font-size:var(--text-2xs);font-weight:var(--w-bold);line-height:1;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.title-row.sc-sui-page-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);min-width:0}.title.sc-sui-page-header{margin:0;min-width:0;overflow-wrap:anywhere;font-size:var(--text-3xl);font-weight:var(--w-heavy);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--ink)}.title.sc-sui-page-header:focus{outline:none}.title.sc-sui-page-header:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}.tag.sc-sui-page-header{display:inline-flex;align-items:center}.back.sc-sui-page-header{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--control-md);height:var(--control-md);margin-inline-start:calc(-1 * var(--space-2));border-radius:var(--radius-pill);color:var(--ink-muted);text-decoration:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.back.sc-sui-page-header .sui-glyph.sc-sui-page-header{font-size:var(--icon-size-md)}.back.sc-sui-page-header .sui-glyph.sc-sui-page-header:dir(rtl){transform:scaleX(-1)}.back.sc-sui-page-header:hover{background:var(--brand-soft);color:var(--ink);text-decoration:none}.back.sc-sui-page-header:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.meta.sc-sui-page-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-sm);font-weight:var(--w-regular);line-height:var(--leading-snug);color:var(--ink-muted)}.actions.sc-sui-page-header{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex-shrink:0;gap:var(--gap-inline);padding-top:2px}.tabs.sc-sui-page-header{margin-top:var(--gap-stack)}.tabs.underline.sc-sui-page-header{margin-bottom:-1px}.compact.sc-sui-page-header .row.sc-sui-page-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.compact.sc-sui-page-header .actions.sc-sui-page-header{justify-content:flex-start;padding-top:0}"}},[774,"sui-page-header",{heading:[1],headingLevel:[2,"heading-level"],back:[1],filled:[32],compact:[32],tabsUnderline:[32],setFocus:[64]}]),g=u,m=function(){"undefined"!=typeof customElements&&["sui-page-header"].forEach((e=>{"sui-page-header"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),u))}))};export{g as SuiPageHeader,m as defineCustomElement}
1	+ import{p as e,H as a,c as s,h as t,a as i,t as r}from"./p-DQ8DrIvI.js";import{G as n,H as o}from"./p-B-Bh5OXe.js";import{o as c,a as l}from"./p-BWkzTEZX.js";import{a as d}from"./p-BuyjS5bS.js";import{d as h}from"./p-BHB1Wprj.js";const p=["eyebrow","tag","meta","actions","primary","breadcrumb","tabs"],u=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiBack=s(this,"suiBack",7)}get host(){return this}heading;headingLevel=1;back;suiBack;filled={eyebrow:!1,tag:!1,meta:!1,actions:!1,primary:!1,breadcrumb:!1,tabs:!1};compact=!1;tabsUnderline=!1;titleEl;disposeChildren;ro;loaded=!1;async setFocus(){this.titleEl?.focus({preventScroll:!0})}connectedCallback(){h(this.host,(()=>this.titleEl)),this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch(),this.measure()}disconnectedCallback(){this.disposeChildren?.(),this.disposeChildren=void 0,this.ro?.disconnect(),this.ro=void 0}watch(e=!1){this.disposeChildren?.(),this.ro?.disconnect(),this.disposeChildren=c(this.host,(()=>this.readSlots()),{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","variant"]}),this.ro="undefined"!=typeof ResizeObserver?new ResizeObserver((e=>this.measure(e[0]?.contentRect?.width))):void 0,this.ro?.observe(this.host),e&&Promise.resolve().then((()=>{this.host.isConnected&&(this.readSlots(),this.measure())}))}measure(e=this.host.clientWidth){e&&(this.compact=e<680)}onBack=e=>{this.suiBack.emit().defaultPrevented&&e.preventDefault()};readSlots(){const e={...this.filled};let a=!1;for(const s of p){const t=l(this.host,s).length>0;e[s]!==t&&(e[s]=t,a=!0)}a&&(this.filled=e);const s=l(this.host,"tabs").find((e=>"sui-tabs"===e.tagName.toLowerCase())),t=!!s&&"pills"!==(s.variant??s.getAttribute("variant")??"underline");t!==this.tabsUnderline&&(this.tabsUnderline=t)}render(){const e="h"+([1,2,3].includes(Number(this.headingLevel))?Number(this.headingLevel):1),a=this.filled;return t(i,{key:"fe06357408ec18966fa6d4465d3545b4502d0e63"},t("div",{key:"5024a29b50266ae3f6f91d73d9459cde699b81dc",class:{"sui-page-header":!0,compact:this.compact,"has-tabs":a.tabs}},a.breadcrumb?t("div",{class:"crumb"},t("slot",{name:"breadcrumb"})):null,t("div",{key:"05d5950114b2ec964defe8eb8e81ec95063d2e5e",class:"row"},t("div",{key:"0082a6e45534607d361ef82bab64e24a1313e647",class:"main"},a.eyebrow?t("div",{class:"eyebrow"},t("slot",{name:"eyebrow"})):null,t("div",{key:"0b3e49524336a5dc250a77ea7e3fefc45d3ab335",class:"title-row"},this.back?t("a",{class:"back",href:this.back,"aria-label":d(void 0,"page-header.back",void 0,"Back"),onClick:this.onBack},t(n,{glyph:o})):null,t(e,{key:"4522e0f9db44450000789c380c7257de20e3c5dc",class:"title",tabIndex:-1,ref:e=>this.titleEl=e},this.heading,t("slot",{key:"b5a4c2a8251106f32bdee84368e5013783016206"})),a.tag?t("div",{class:"tag"},t("slot",{name:"tag"})):null),a.meta?t("div",{class:"meta"},t("slot",{name:"meta"})):null),a.actions\|\|a.primary?t("div",{class:"actions"},t("slot",{name:"actions"}),t("slot",{name:"primary"})):null),a.tabs?t("div",{class:{tabs:!0,underline:this.tabsUnderline}},t("slot",{name:"tabs"})):null))}static get style(){return".sc-sui-page-header-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-page-header.sc-sui-page-header{display:flex;flex-direction:column;min-width:0}.sui-page-header.has-tabs.sc-sui-page-header{border-bottom:1px solid var(--border)}.crumb.sc-sui-page-header{margin-bottom:var(--space-2)}.row.sc-sui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);min-width:0}.main.sc-sui-page-header{flex:1 1 auto;min-width:0}.eyebrow.sc-sui-page-header{margin-bottom:var(--space-1);font-size:var(--text-2xs);font-weight:var(--w-bold);line-height:1;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.title-row.sc-sui-page-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);min-width:0}.title.sc-sui-page-header{margin:0;min-width:0;overflow-wrap:anywhere;font-size:var(--text-3xl);font-weight:var(--w-heavy);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--ink)}.title.sc-sui-page-header:focus{outline:none}.title.sc-sui-page-header:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}.tag.sc-sui-page-header{display:inline-flex;align-items:center}.back.sc-sui-page-header{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--control-md);height:var(--control-md);margin-inline-start:calc(-1 * var(--space-2));border-radius:var(--radius-pill);color:var(--ink-muted);text-decoration:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.back.sc-sui-page-header .sui-glyph.sc-sui-page-header{font-size:var(--icon-size-md)}.back.sc-sui-page-header .sui-glyph.sc-sui-page-header:dir(rtl){transform:scaleX(-1)}.back.sc-sui-page-header:hover{background:var(--brand-soft);color:var(--ink);text-decoration:none}.back.sc-sui-page-header:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.meta.sc-sui-page-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-sm);font-weight:var(--w-regular);line-height:var(--leading-snug);color:var(--ink-muted)}.actions.sc-sui-page-header{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex-shrink:0;gap:var(--gap-inline);padding-top:2px}.tabs.sc-sui-page-header{margin-top:var(--gap-stack)}.tabs.underline.sc-sui-page-header{margin-bottom:-1px}.compact.sc-sui-page-header .row.sc-sui-page-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.compact.sc-sui-page-header .actions.sc-sui-page-header{justify-content:flex-start;padding-top:0}"}},[774,"sui-page-header",{heading:[1],headingLevel:[2,"heading-level"],back:[1],filled:[32],compact:[32],tabsUnderline:[32],setFocus:[64]}]),g=u,m=function(){"undefined"!=typeof customElements&&["sui-page-header"].forEach((e=>{"sui-page-header"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),u))}))};export{g as SuiPageHeader,m as defineCustomElement}

package/dist/components/sui-paginator.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~Duo8XZN9~~.js";const p=o,r=s;export{p as SuiPaginator,r as defineCustomElement}
1	+ import{S as o,d as s}from"./p-Bgvo5YYu.js";const p=o,r=s;export{p as SuiPaginator,r as defineCustomElement}

package/dist/components/sui-panel-menu.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as i,c as n,h as s,a as t,t as a}from"./p-DQ8DrIvI.js";import{G as r,y as o}from"./p-~~BJFE~~-~~_50~~.js";import{u as l}from"./p-U06fVoGD.js";import{d as u}from"./p-~~DXIDl7cw~~.js";import{i as d}from"./p-~~Cs2X0Kih~~.js";import{d as c}from"./p-BHB1Wprj.js";const p=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiExpandedChange=n(this,"suiExpandedChange",3),this.suiPick=n(this,"suiPick",7)}get host(){return this}groups=[];expanded=[0];multiple=!1;width=250;suiExpandedChange;suiPick;hostLabel;mounted=[];stopAria;timers=new Map;reveals=new Map;fieldId=l("sui-panel-menu");connectedCallback(){c(this.host,(()=>this.firstHead())),this.stopAria?.(),this.stopAria=d(this.host,(e=>{this.hostLabel=e}))}async setFocus(){this.firstHead()?.focus()}firstHead(){return this.host.querySelector("button.head")}componentWillLoad(){this.openActiveGroup(),this.mounted=this.openList()}disconnectedCallback(){this.stopAria?.(),Array.from(this.timers.keys()).forEach((e=>this.unmount(e)))}onGroups(){this.openActiveGroup()}onExpandedChange(e,i){const n=this.openList();for(const e of n)this.stopTimer(e),this.mounted.includes(e)\|\|(this.mounted=this.mounted.concat(e));for(const e of(Array.isArray(i)?i:[]).filter((e=>!n.includes(e)))){this.stopTimer(e);const i=u("--duration-base",this.host);i>0?this.timers.set(e,setTimeout((()=>this.unmount(e)),i+80)):this.unmount(e)}}stopTimer(e){const i=this.timers.get(e);void 0!==i&&clearTimeout(i),this.timers.delete(e)}unmount(e){this.stopTimer(e),this.isOpen(e)\|\|(this.mounted=this.mounted.filter((i=>i!==e)))}wireReveal(e,i){e&&this.reveals.get(i)!==e&&(this.reveals.set(i,e),e.addEventListener("transitionend",(e=>this.onRevealEnd(e,i))))}onRevealEnd(e,i){e.target===this.reveals.get(i)&&"grid-template-rows"===e.propertyName&&this.timers.has(i)&&this.unmount(i)}openList(){return Array.isArray(this.expanded)?this.expanded:[]}openActiveGroup(){const e=(this.groups\|\|[]).findIndex((e=>(e.items\|\|[]).some((e=>!!e.active&&!e.disabled))));e<0\|\|this.isOpen(e)\|\|(this.expanded=this.multiple?this.openList().concat(e):[e])}isOpen(e){return Array.isArray(this.expanded)&&this.expanded.includes(e)}toggle(e){const i=Array.isArray(this.expanded)?this.expanded:[];this.expanded=i.includes(e)?i.filter((i=>i!==e)):this.multiple?i.concat(e):[e],this.suiExpandedChange.emit(this.expanded)}navigate(e){e.disabled\|\|(this.suiPick.emit(e),e.command?.())}onHeadKey=e=>{const i=Array.from(this.host.querySelectorAll("button.head")),n=i.indexOf(e.target);if(n<0\|\|!i.length)return;let s=-1;"ArrowDown"===e.key?s=(n+1)%i.length:"ArrowUp"===e.key?s=(n-1+i.length)%i.length:"Home"===e.key?s=0:"End"===e.key&&(s=i.length-1),s<0\|\|(e.preventDefault(),i[s].focus())};render(){return s(t,{key:"539568f8029fd70892a0742e552a1718d28c0394"},s("nav",{key:"1cd2b6d1cbac90c0f055d0e260e51814e50f79ee",class:"sui-panel-menu",style:{width:this.width+"px"},"aria-label":this.hostLabel\|\|void 0,onKeyDown:this.onHeadKey},(this.groups\|\|[]).map(((e,i)=>{const n=this.isOpen(i),t=`${this.fieldId}-p${i}`;return s("div",{class:"group",key:"g"+i},s("button",{type:"button",class:"head","aria-expanded":n?"true":"false","aria-controls":t,onClick:()=>this.toggle(i)},e.icon?s("i",{class:e.icon+" head-icon","aria-hidden":"true"}):null,s("span",{class:"head-label"},e.label),s(r,{glyph:o,class:n?"chev":"chev closed"})),s("div",{class:{reveal:!0,open:n},ref:e=>this.wireReveal(e,i)},this.mounted.includes(i)?s("div",{class:"panel",id:t},s("div",{class:"panel-body"},(e.items\|\|[]).map((e=>{const i=!!e.href&&!e.disabled;return s(i?"a":"button",{type:i?void 0:"button",href:i?e.href:void 0,target:i?e.target:void 0,rel:i&&"_blank"===e.target?"noopener":void 0,class:{item:!0,active:!!e.active&&!e.disabled},"aria-current":e.active&&!e.disabled?"page":null,"aria-label":null!=e.badge?`${e.label}, ${e.badge}`:null,disabled:i?void 0:!!e.disabled,onClick:()=>this.navigate(e)},s("span",{class:"item-label"},e.label),null!=e.badge?s("span",{class:"badge","aria-hidden":"true"},e.badge):null)})))):null))}))))}static get watchers(){return{groups:[{onGroups:0}],expanded:[{onExpandedChange:0}]}}static get style(){return".sc-sui-panel-menu-h{display:block;font-family:var(--font-sans)}.sui-panel-menu.sc-sui-panel-menu{box-sizing:border-box;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.group.sc-sui-panel-menu+.group.sc-sui-panel-menu{border-top:1px solid var(--hairline)}.head.sc-sui-panel-menu{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:11px 14px;border:none;text-align:start;background:transparent;font-family:var(--font-sans);color:var(--ink);cursor:pointer;margin:0;transition:background var(--duration-fast) var(--ease-out)}.head.sc-sui-panel-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.head.sc-sui-panel-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.head-icon.sc-sui-panel-menu{font-size:13px;color:var(--ink-muted);width:16px;text-align:center}.head-label.sc-sui-panel-menu{flex:1;font-size:13px;font-weight:700}.chev.sc-sui-panel-menu{font-size:9px;color:var(--ink-faint);transition:transform var(--duration-base) var(--ease-out)}.chev.closed.sc-sui-panel-menu{transform:rotate(-90deg)}.chev.closed.sc-sui-panel-menu:dir(rtl){transform:rotate(90deg)}.reveal.sc-sui-panel-menu{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base) var(--ease-out)}.reveal.open.sc-sui-panel-menu{grid-template-rows:1fr}.panel.sc-sui-panel-menu{min-height:0;overflow:hidden}.panel-body.sc-sui-panel-menu{padding:0 8px 8px}.item.sc-sui-panel-menu{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;padding-block:7px;padding-inline:32px 10px;border:none;border-inline-start:3px solid transparent;border-radius:6px;background:transparent;font-family:var(--font-sans);font-size:13px;font-weight:460;color:var(--ink-muted);line-height:normal;text-align:start;cursor:pointer;user-select:none;margin:0;text-decoration:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}a.item.sc-sui-panel-menu,a.item.sc-sui-panel-menu:hover,a.item.sc-sui-panel-menu:visited{color:var(--ink-muted);text-decoration:none}a.item.active.sc-sui-panel-menu,a.item.active.sc-sui-panel-menu:hover,a.item.active.sc-sui-panel-menu:visited{color:var(--ink)}.item.sc-sui-panel-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.item.active.sc-sui-panel-menu{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);font-weight:650;color:var(--ink);background:var(--surface-selected);border-inline-start-color:var(--accent)}.item.sc-sui-panel-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.item[disabled].sc-sui-panel-menu{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--ink-placeholder);cursor:not-allowed}.item[disabled].sc-sui-panel-menu:hover{background:transparent}.item-label.sc-sui-panel-menu{flex:1}.badge.sc-sui-panel-menu{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;font-feature-settings:'tnum';display:inline-flex;align-items:center;justify-content:center}@media (forced-colors: active){.item.sc-sui-panel-menu{border-inline-start-color:Canvas}.item.active.sc-sui-panel-menu{forced-color-adjust:none;background:Highlight;color:HighlightText;border-inline-start-color:Highlight}a.item.active.sc-sui-panel-menu,a.item.active.sc-sui-panel-menu:hover,a.item.active.sc-sui-panel-menu:visited{color:HighlightText}.item.sc-sui-panel-menu:focus-visible{outline-color:CanvasText;box-shadow:none}.badge.sc-sui-panel-menu{background:Canvas;color:CanvasText;border:1px solid CanvasText}}"}},[514,"sui-panel-menu",{groups:[16],expanded:[1040],multiple:[516],width:[2],hostLabel:[32],mounted:[32],setFocus:[64]},void 0,{groups:[{onGroups:0}],expanded:[{onExpandedChange:0}]}]),h=p,m=function(){"undefined"!=typeof customElements&&["sui-panel-menu"].forEach((e=>{"sui-panel-menu"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),p))}))};export{h as SuiPanelMenu,m as defineCustomElement}
1	+ import{p as e,H as i,c as n,h as t,a as s,t as a}from"./p-DQ8DrIvI.js";import{G as r,y as o}from"./p-B-Bh5OXe.js";import{u as l}from"./p-U06fVoGD.js";import{d as u}from"./p-CZ4DDtn8.js";import{i as d}from"./p-wknHx00K.js";import{d as c}from"./p-BHB1Wprj.js";const p=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiExpandedChange=n(this,"suiExpandedChange",3),this.suiPick=n(this,"suiPick",7)}get host(){return this}groups=[];expanded=[0];multiple=!1;width=250;suiExpandedChange;suiPick;hostLabel;mounted=[];stopAria;timers=new Map;reveals=new Map;fieldId=l("sui-panel-menu");connectedCallback(){c(this.host,(()=>this.firstHead())),this.stopAria?.(),this.stopAria=d(this.host,(e=>{this.hostLabel=e}))}async setFocus(){this.firstHead()?.focus()}firstHead(){return this.host.querySelector("button.head")}componentWillLoad(){this.openActiveGroup(),this.mounted=this.openList()}disconnectedCallback(){this.stopAria?.(),Array.from(this.timers.keys()).forEach((e=>this.unmount(e)))}onGroups(){this.openActiveGroup()}onExpandedChange(e,i){const n=this.openList();for(const e of n)this.stopTimer(e),this.mounted.includes(e)\|\|(this.mounted=this.mounted.concat(e));for(const e of(Array.isArray(i)?i:[]).filter((e=>!n.includes(e)))){this.stopTimer(e);const i=u("--duration-base",this.host);i>0?this.timers.set(e,setTimeout((()=>this.unmount(e)),i+80)):this.unmount(e)}}stopTimer(e){const i=this.timers.get(e);void 0!==i&&clearTimeout(i),this.timers.delete(e)}unmount(e){this.stopTimer(e),this.isOpen(e)\|\|(this.mounted=this.mounted.filter((i=>i!==e)))}wireReveal(e,i){e&&this.reveals.get(i)!==e&&(this.reveals.set(i,e),e.addEventListener("transitionend",(e=>this.onRevealEnd(e,i))))}onRevealEnd(e,i){e.target===this.reveals.get(i)&&"grid-template-rows"===e.propertyName&&this.timers.has(i)&&this.unmount(i)}openList(){return Array.isArray(this.expanded)?this.expanded:[]}openActiveGroup(){const e=(this.groups\|\|[]).findIndex((e=>(e.items\|\|[]).some((e=>!!e.active&&!e.disabled))));e<0\|\|this.isOpen(e)\|\|(this.expanded=this.multiple?this.openList().concat(e):[e])}isOpen(e){return Array.isArray(this.expanded)&&this.expanded.includes(e)}toggle(e){const i=Array.isArray(this.expanded)?this.expanded:[];this.expanded=i.includes(e)?i.filter((i=>i!==e)):this.multiple?i.concat(e):[e],this.suiExpandedChange.emit(this.expanded)}navigate(e){e.disabled\|\|(this.suiPick.emit(e),e.command?.())}onHeadKey=e=>{const i=Array.from(this.host.querySelectorAll("button.head")),n=i.indexOf(e.target);if(n<0\|\|!i.length)return;let t=-1;"ArrowDown"===e.key?t=(n+1)%i.length:"ArrowUp"===e.key?t=(n-1+i.length)%i.length:"Home"===e.key?t=0:"End"===e.key&&(t=i.length-1),t<0\|\|(e.preventDefault(),i[t].focus())};render(){return t(s,{key:"539568f8029fd70892a0742e552a1718d28c0394"},t("nav",{key:"1cd2b6d1cbac90c0f055d0e260e51814e50f79ee",class:"sui-panel-menu",style:{width:this.width+"px"},"aria-label":this.hostLabel\|\|void 0,onKeyDown:this.onHeadKey},(this.groups\|\|[]).map(((e,i)=>{const n=this.isOpen(i),s=`${this.fieldId}-p${i}`;return t("div",{class:"group",key:"g"+i},t("button",{type:"button",class:"head","aria-expanded":n?"true":"false","aria-controls":s,onClick:()=>this.toggle(i)},e.icon?t("i",{class:e.icon+" head-icon","aria-hidden":"true"}):null,t("span",{class:"head-label"},e.label),t(r,{glyph:o,class:n?"chev":"chev closed"})),t("div",{class:{reveal:!0,open:n},ref:e=>this.wireReveal(e,i)},this.mounted.includes(i)?t("div",{class:"panel",id:s},t("div",{class:"panel-body"},(e.items\|\|[]).map((e=>{const i=!!e.href&&!e.disabled;return t(i?"a":"button",{type:i?void 0:"button",href:i?e.href:void 0,target:i?e.target:void 0,rel:i&&"_blank"===e.target?"noopener":void 0,class:{item:!0,active:!!e.active&&!e.disabled},"aria-current":e.active&&!e.disabled?"page":null,"aria-label":null!=e.badge?`${e.label}, ${e.badge}`:null,disabled:i?void 0:!!e.disabled,onClick:()=>this.navigate(e)},t("span",{class:"item-label"},e.label),null!=e.badge?t("span",{class:"badge","aria-hidden":"true"},e.badge):null)})))):null))}))))}static get watchers(){return{groups:[{onGroups:0}],expanded:[{onExpandedChange:0}]}}static get style(){return".sc-sui-panel-menu-h{display:block;font-family:var(--font-sans)}.sui-panel-menu.sc-sui-panel-menu{box-sizing:border-box;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.group.sc-sui-panel-menu+.group.sc-sui-panel-menu{border-top:1px solid var(--hairline)}.head.sc-sui-panel-menu{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:11px 14px;border:none;text-align:start;background:transparent;font-family:var(--font-sans);color:var(--ink);cursor:pointer;margin:0;transition:background var(--duration-fast) var(--ease-out)}.head.sc-sui-panel-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.head.sc-sui-panel-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.head-icon.sc-sui-panel-menu{font-size:13px;color:var(--ink-muted);width:16px;text-align:center}.head-label.sc-sui-panel-menu{flex:1;font-size:13px;font-weight:700}.chev.sc-sui-panel-menu{font-size:9px;color:var(--ink-faint);transition:transform var(--duration-base) var(--ease-out)}.chev.closed.sc-sui-panel-menu{transform:rotate(-90deg)}.chev.closed.sc-sui-panel-menu:dir(rtl){transform:rotate(90deg)}.reveal.sc-sui-panel-menu{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base) var(--ease-out)}.reveal.open.sc-sui-panel-menu{grid-template-rows:1fr}.panel.sc-sui-panel-menu{min-height:0;overflow:hidden}.panel-body.sc-sui-panel-menu{padding:0 8px 8px}.item.sc-sui-panel-menu{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;padding-block:7px;padding-inline:32px 10px;border:none;border-inline-start:3px solid transparent;border-radius:6px;background:transparent;font-family:var(--font-sans);font-size:13px;font-weight:460;color:var(--ink-muted);line-height:normal;text-align:start;cursor:pointer;user-select:none;margin:0;text-decoration:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}a.item.sc-sui-panel-menu,a.item.sc-sui-panel-menu:hover,a.item.sc-sui-panel-menu:visited{color:var(--ink-muted);text-decoration:none}a.item.active.sc-sui-panel-menu,a.item.active.sc-sui-panel-menu:hover,a.item.active.sc-sui-panel-menu:visited{color:var(--ink)}.item.sc-sui-panel-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.item.active.sc-sui-panel-menu{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);font-weight:650;color:var(--ink);background:var(--surface-selected);border-inline-start-color:var(--accent)}.item.sc-sui-panel-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.item[disabled].sc-sui-panel-menu{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--ink-placeholder);cursor:not-allowed}.item[disabled].sc-sui-panel-menu:hover{background:transparent}.item-label.sc-sui-panel-menu{flex:1}.badge.sc-sui-panel-menu{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;font-feature-settings:'tnum';display:inline-flex;align-items:center;justify-content:center}@media (forced-colors: active){.item.sc-sui-panel-menu{border-inline-start-color:Canvas}.item.active.sc-sui-panel-menu{forced-color-adjust:none;background:Highlight;color:HighlightText;border-inline-start-color:Highlight}a.item.active.sc-sui-panel-menu,a.item.active.sc-sui-panel-menu:hover,a.item.active.sc-sui-panel-menu:visited{color:HighlightText}.item.sc-sui-panel-menu:focus-visible{outline-color:CanvasText;box-shadow:none}.badge.sc-sui-panel-menu{background:Canvas;color:CanvasText;border:1px solid CanvasText}}"}},[514,"sui-panel-menu",{groups:[16],expanded:[1040],multiple:[516],width:[2],hostLabel:[32],mounted:[32],setFocus:[64]},void 0,{groups:[{onGroups:0}],expanded:[{onExpandedChange:0}]}]),h=p,m=function(){"undefined"!=typeof customElements&&["sui-panel-menu"].forEach((e=>{"sui-panel-menu"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),p))}))};export{h as SuiPanelMenu,m as defineCustomElement}

package/dist/components/sui-panel.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,H as e,c as a,h as i,a as t,t as o}from"./p-DQ8DrIvI.js";import{d as n}from"./p-BHB1Wprj.js";import{y as r,G as d}from"./p-~~BJFE~~-~~_50~~.js";import{o as l,a as c}from"./p-BWkzTEZX.js";import{d as h}from"./p-~~DXIDl7cw~~.js";import{u as p}from"./p-U06fVoGD.js";const u=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiOpen=a(this,"suiOpen",3),this.suiClose=a(this,"suiClose",3)}get host(){return this}heading="";meta;collapsible=!1;collapsed=!1;headerTone;suiOpen;suiClose;hasHeaderEnd=!1;mounted=!0;bodyId=p("sui-panel-body");reveal;collapseTimer;dispose;loaded=!1;connectedCallback(){n(this.host,(()=>this.toggleEl())),this.loaded&&this.watch(!0)}async setFocus(){this.toggleEl()?.focus()}toggleEl(){return this.host.querySelector(".head > button.toggle")}componentWillLoad(){this.mounted=!this.collapsed,this.detect()}componentDidLoad(){this.loaded=!0,this.watch(),this.reveal?.addEventListener("transitionend",this.onTransitionEnd)}disconnectedCallback(){void 0!==this.collapseTimer&&this.closed(),this.dispose?.(),this.dispose=void 0}watch(s=!1){this.dispose?.(),this.dispose=l(this.host,(()=>this.detect())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.detect()}))}onCollapsedChange(s){if(this.stopCollapse(),!s)return void(this.mounted=!0);const e=h("--duration-base",this.host);e>0?this.collapseTimer=setTimeout((()=>this.closed()),e+80):this.mounted=!1}stopCollapse(){void 0!==this.collapseTimer&&clearTimeout(this.collapseTimer),this.collapseTimer=void 0}closed(){this.stopCollapse(),this.collapsed&&(this.mounted=!1)}onTransitionEnd=s=>{s.target===this.reveal&&"grid-template-rows"===s.propertyName&&void 0!==this.collapseTimer&&this.closed()};detect(){this.hasHeaderEnd=c(this.host,"header-end").length>0}toggle(){if(this.collapsible)if(this.collapsed)this.collapsed=!1,this.suiOpen.emit();else{if(this.suiClose.emit("trigger").defaultPrevented)return;this.collapsed=!0}}onHeadClick=s=>{const e=s.target;e&&e.closest('[slot="header-end"]')\|\|this.toggle()};render(){const s=[this.collapsible?i(d,{glyph:r,class:"chev"}):null,i("span",{key:"~~2510d6ed8c9c8bd84322c8b82768a9e8c38278db~~",class:"heading"},this.heading),this.meta?i("span",{class:"meta"},this.meta):null];return i(t,{key:"~~3a0afda19e71e1419d1acc625f382159afdecc9a~~",class:{collapsed:this.collapsed,closed:!this.mounted,"head-brand":"brand"===this.headerTone,collapsible:this.collapsible}},i("div",{key:"~~5517e6165fc74744fa196a9ca9dcecf273296346~~",class:"head",onClick:this.collapsible?this.onHeadClick:void 0},this.collapsible?i("button",{type:"button",class:"toggle","aria-expanded":this.collapsed?"false":"true","aria-controls":this.bodyId},s):i("div",{class:"toggle"},s),i("div",{key:"~~37208058762a513199bd08f2a9d2ed92d0d5c940~~",class:{end:!0,has:this.hasHeaderEnd}},i("slot",{key:"~~1203686dbb13deb9c046fcbfe5091dd4e823d245~~",name:"header-end"}))),i("div",{key:"~~b58b51558cd1e5a1d993023331e0c9b6fd12d2fb~~",class:{reveal:!0,open:!this.collapsed},ref:s=>this.reveal=s},this.mounted?i("div",{class:"body",id:this.bodyId},i("div",{class:"content"},i("slot",null))):null))}static get watchers(){return{collapsed:[{onCollapsedChange:0}]}}static get style(){return".sc-sui-panel-h{display:block;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.head.sc-sui-panel{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--surface-sunken);color:var(--ink);border-bottom:1px solid var(--border);user-select:none}.collapsible.sc-sui-panel-h .head.sc-sui-panel{cursor:pointer}.closed.sc-sui-panel-h .head.sc-sui-panel{border-bottom:none}.head-brand.sc-sui-panel-h .head.sc-sui-panel{background:var(--surface-navy);color:var(--ink-inverse);border-bottom-color:var(--surface-navy);--focus-ring:var(--ink-inverse);--focus-shadow:none}.toggle.sc-sui-panel{flex:1;min-width:0;display:flex;align-items:center;gap:10px;margin:-2px -6px;padding:2px 6px;border:none;background:transparent;color:inherit;font:inherit;font-family:var(--font-sans);text-align:start;cursor:inherit}.toggle.sc-sui-panel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-sm)}.chev.sc-sui-panel{font-size:10px;color:var(--ink-faint);transition:transform var(--duration-base) var(--ease-out)}.collapsed.sc-sui-panel-h .chev.sc-sui-panel{transform:rotate(-90deg)}.collapsed.sc-sui-panel-h:dir(rtl) .chev.sc-sui-panel{transform:rotate(90deg)}.head-brand.sc-sui-panel-h .chev.sc-sui-panel{color:var(--ink-inverse-muted)}.heading.sc-sui-panel{flex:1;min-width:0;font-size:13.5px;font-weight:700}.meta.sc-sui-panel{font-size:12.5px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.head-brand.sc-sui-panel-h .meta.sc-sui-panel{color:var(--ink-inverse-muted)}.end.sc-sui-panel{display:none;align-items:center;gap:10px}.end.has.sc-sui-panel{display:flex}.reveal.sc-sui-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base) var(--ease-out)}.reveal.open.sc-sui-panel{grid-template-rows:1fr}.body.sc-sui-panel{min-height:0;overflow:hidden}.content.sc-sui-panel{padding:14px 16px}"}},[774,"sui-panel",{heading:[1],meta:[1],collapsible:[516],collapsed:[1540],headerTone:[513,"header-tone"],hasHeaderEnd:[32],mounted:[32],setFocus:[64]},void 0,{collapsed:[{onCollapsedChange:0}]}]),f=u,v=function(){"undefined"!=typeof customElements&&["sui-panel"].forEach((s=>{"sui-panel"===s&&(customElements.get(o(s))\|\|customElements.define(o(s),u))}))};export{f as SuiPanel,v as defineCustomElement}
1	+ import{p as s,H as e,c as i,h as a,a as t,t as o}from"./p-DQ8DrIvI.js";import{d as n}from"./p-BHB1Wprj.js";import{y as r,G as l}from"./p-B-Bh5OXe.js";import{o as d,a as c}from"./p-BWkzTEZX.js";import{d as h}from"./p-CZ4DDtn8.js";import{u as p}from"./p-U06fVoGD.js";const u=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiOpen=i(this,"suiOpen",3),this.suiClose=i(this,"suiClose",3)}get host(){return this}heading="";meta;collapsible=!1;collapsed=!1;headerTone;suiOpen;suiClose;hasHeaderEnd=!1;mounted=!0;bodyId=p("sui-panel-body");reveal;collapseTimer;dispose;loaded=!1;connectedCallback(){n(this.host,(()=>this.toggleEl())),this.loaded&&this.watch(!0)}async setFocus(){this.toggleEl()?.focus()}toggleEl(){return this.host.querySelector(".head > button.toggle")}componentWillLoad(){this.mounted=!this.collapsed,this.detect()}componentDidLoad(){this.loaded=!0,this.watch(),this.reveal?.addEventListener("transitionend",this.onTransitionEnd)}disconnectedCallback(){void 0!==this.collapseTimer&&this.closed(),this.dispose?.(),this.dispose=void 0}watch(s=!1){this.dispose?.(),this.dispose=d(this.host,(()=>this.detect())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.detect()}))}onCollapsedChange(s){if(this.stopCollapse(),!s)return void(this.mounted=!0);const e=h("--duration-base",this.host);e>0?this.collapseTimer=setTimeout((()=>this.closed()),e+80):this.mounted=!1}stopCollapse(){void 0!==this.collapseTimer&&clearTimeout(this.collapseTimer),this.collapseTimer=void 0}closed(){this.stopCollapse(),this.collapsed&&(this.mounted=!1)}onTransitionEnd=s=>{s.target===this.reveal&&"grid-template-rows"===s.propertyName&&void 0!==this.collapseTimer&&this.closed()};detect(){this.hasHeaderEnd=c(this.host,"header-end").length>0}toggle(){if(this.collapsible)if(this.collapsed)this.collapsed=!1,this.suiOpen.emit();else{if(this.suiClose.emit("trigger").defaultPrevented)return;this.collapsed=!0}}onHeadClick=s=>{const e=s.target;e&&e.closest('[slot="header-end"]')\|\|this.toggle()};render(){const s=[this.collapsible?a(l,{glyph:r,class:"chev"}):null,a("span",{key:"11d8feec90ec5ccbd98c99e0cd1f8af08c8beed1",class:"heading"},this.heading),this.meta?a("span",{class:"meta"},this.meta):null];return a(t,{key:"e9c4857f2b9bb6a9cc8601e830043c81d7f3a030",class:{collapsed:this.collapsed,closed:!this.mounted,"head-brand":"brand"===this.headerTone,collapsible:this.collapsible}},a("div",{key:"50bad9509d3c7313ea08c6f09efb5ff8f529e5ef",class:"head",onClick:this.collapsible?this.onHeadClick:void 0},this.collapsible?a("button",{type:"button",class:"toggle","aria-expanded":this.collapsed?"false":"true","aria-controls":this.bodyId},s):a("div",{class:"toggle"},s),a("div",{key:"b47bba0bc5305989d47bb9afff433d0964105e53",class:{end:!0,has:this.hasHeaderEnd}},a("slot",{key:"e84fb516cf8febc131a3d8c311833858651f59bc",name:"header-end"}))),a("div",{key:"aec40cf18eee61a1fd92c828f9311415ace06a54",class:{reveal:!0,open:!this.collapsed},ref:s=>this.reveal=s},this.mounted?a("div",{class:"body",id:this.bodyId},a("div",{class:"content"},a("slot",null))):null))}static get watchers(){return{collapsed:[{onCollapsedChange:0}]}}static get style(){return".sc-sui-panel-h{display:block;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.head.sc-sui-panel{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--surface-sunken);color:var(--ink);border-bottom:1px solid var(--border);user-select:none}.collapsible.sc-sui-panel-h .head.sc-sui-panel{cursor:pointer}.closed.sc-sui-panel-h .head.sc-sui-panel{border-bottom:none}.head-brand.sc-sui-panel-h .head.sc-sui-panel{background:var(--surface-navy);color:var(--ink-inverse);border-bottom-color:var(--surface-navy);--focus-ring:var(--ink-inverse);--focus-shadow:none}.toggle.sc-sui-panel{flex:1;min-width:0;display:flex;align-items:center;gap:10px;margin:-2px -6px;padding:2px 6px;border:none;background:transparent;color:inherit;font:inherit;font-family:var(--font-sans);text-align:start;cursor:inherit}.toggle.sc-sui-panel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-sm)}.chev.sc-sui-panel{font-size:10px;color:var(--ink-faint);transition:transform var(--duration-base) var(--ease-out)}.collapsed.sc-sui-panel-h .chev.sc-sui-panel{transform:rotate(-90deg)}.collapsed.sc-sui-panel-h:dir(rtl) .chev.sc-sui-panel{transform:rotate(90deg)}.head-brand.sc-sui-panel-h .chev.sc-sui-panel{color:var(--ink-inverse-muted)}.heading.sc-sui-panel{flex:1;min-width:0;font-size:13.5px;font-weight:700}.meta.sc-sui-panel{font-size:12.5px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.head-brand.sc-sui-panel-h .meta.sc-sui-panel{color:var(--ink-inverse-muted)}.end.sc-sui-panel{display:none;align-items:center;gap:10px}.end.has.sc-sui-panel{display:flex}.reveal.sc-sui-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base) var(--ease-out)}.reveal.open.sc-sui-panel{grid-template-rows:1fr}.body.sc-sui-panel{min-height:0;overflow:hidden}.content.sc-sui-panel{padding:14px 16px}"}},[774,"sui-panel",{heading:[1],meta:[1],collapsible:[516],collapsed:[1540],headerTone:[513,"header-tone"],hasHeaderEnd:[32],mounted:[32],setFocus:[64]},void 0,{collapsed:[{onCollapsedChange:0}]}]),f=u,b=function(){"undefined"!=typeof customElements&&["sui-panel"].forEach((s=>{"sui-panel"===s&&(customElements.get(o(s))\|\|customElements.define(o(s),u))}))};export{f as SuiPanel,b as defineCustomElement}

package/dist/components/sui-password.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,H as i,c as r,h as a,t as e}from"./p-DQ8DrIvI.js";import{d as o,F as t}from"./p-CvjYVNw7.js";import{G as d,al as l,am as n}from"./p-BJFE-_50.js";import{u}from"./p-U06fVoGD.js";import{i as c,d as h,s as p,r as f}from"./p-BHB1Wprj.js";import{a as w}from"./p-BuyjS5bS.js";import{i as b,a as m}from"./p-Cs2X0Kih.js";import{i as g}from"./p-MsqFuhDd.js";import{f as v}from"./p-CGWvlrv_.js";const x=["sm","md","lg"],y=[{tone:"weak",w:"33%"},{tone:"fair",w:"66%"},{tone:"good",w:"85%"},{tone:"strong",w:"100%"}],k=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiInput=r(this,"suiInput",7),this.suiChange=r(this,"suiChange",7),this.suiFocus=r(this,"suiFocus",3),this.suiBlur=r(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;label;required=!1;help;error;size="md";invalid=!1;disabled=!1;readOnly=!1;maxLength;pattern;minLength;placeholder;value="";showStrength=!1;locale;weakLabel;fairLabel;goodLabel;strongLabel;showLabel;hideLabel;name;autocomplete;suiInput;suiChange;suiFocus;suiBlur;show=!1;focused=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=u("sui-password");input;initial="";get isDisabled(){return this.disabled\|\|this.formDisabled}connectedCallback(){c(this.host,this.internals),h(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=b(this.host,(s=>{this.hostLabel=s})),this.stopHints?.(),this.stopHints=g(this.host,(s=>{this.hints=s})),this.stopLabelledby?.(),this.stopLabelledby=m(this.host,(s=>{this.hostLabelledby=s}))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){p(this.internals,this.isDisabled?null:this.value),f(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(s){this.formDisabled=v(this.host,this.disabled,s),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=s=>{this.value=s.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};toggle=()=>{this.show=!this.show};render(){const s=this.invalid\|\|!!this.error,i=function(s){let i=0;return s.length>=8&&i++,/[A-Z]/.test(s)&&/[a-z]/.test(s)&&i++,/\d/.test(s)&&i++,/[^A-Za-z0-9]/.test(s)&&i++,0===s.length?-1:Math.min(i,3)}(this.value),r=this.showStrength&&i>=0?y[i]:null,e=[w(this.locale,"password.weak",this.weakLabel,"Weak"),w(this.locale,"password.fair",this.fairLabel,"Fair"),w(this.locale,"password.good",this.goodLabel,"Good"),w(this.locale,"password.strong",this.strongLabel,"Strong")],u=this.fieldId+"-meter",c=x.includes(this.size)?this.size:"md";return a(t,{key:"e3ebc31ef14a37bbc7ab82bddcd564a85ee26071",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},a("div",{key:"4362b60eddcb35bfd2835fca9914b3250404ff43",class:{"sui-input":!0,"sui-frame":!0,"sui-password":!0,[c]:!0,invalid:s,focus:this.focused,disabled:this.isDisabled,readonly:this.readOnly}},a("input",{key:"ea814eaf0dd0694859c2cd9cb55319acaf1c23c0",ref:s=>this.input=s,id:this.fieldId,class:"field",type:this.show?"text":"password",value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,autocomplete:this.autocomplete,maxLength:this.maxLength,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":s?"true":null,"aria-describedby":[o(this.fieldId,this.help,this.error),r?u:null].filter(Boolean).join(" ")\|\|null,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),a("button",{key:"fde40422cb0a2784c37d1649f8b80098f0d48f6a",type:"button",class:"eye",disabled:this.isDisabled,"aria-pressed":this.show?"true":"false","aria-label":this.show?w(this.locale,"password.hide",this.hideLabel,"Hide password"):w(this.locale,"password.show",this.showLabel,"Show password"),onClick:this.toggle},a(d,{key:"b7aaa332215c079908007a592d54ba6104eceaca",glyph:this.show?l:n}))),r?a("div",{class:"meter",id:u,role:"status","aria-live":"polite"},a("div",{class:"track"},a("div",{class:{fill:!0,[r.tone]:!0},style:{width:r.w}})),a("span",{class:{"meter-label":!0,[r.tone]:!0}},e[i])):null)}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-password-h{display:block;font-family:var(--font-sans)}.sui-input.sui-password.sc-sui-password{display:flex;align-items:center;padding:0;overflow:hidden}.sui-input.sui-password.sm.sc-sui-password,.sui-input.sui-password.md.sc-sui-password,.sui-input.sui-password.lg.sc-sui-password{padding:0}.sui-password.sc-sui-password .field.sc-sui-password{flex:1 1 0;width:0;min-width:0;height:100%;border:none;outline:none;background:transparent;color:inherit;font-family:var(--font-sans);font-weight:460}.sui-password.sc-sui-password .field.sc-sui-password::placeholder{color:var(--ink-placeholder)}.sui-password.sc-sui-password .field.sc-sui-password:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-password.sm.sc-sui-password .field.sc-sui-password{padding:0 10px;font-size:12.5px}.sui-password.md.sc-sui-password .field.sc-sui-password{padding:0 var(--control-pad-x);font-size:13px}.sui-password.lg.sc-sui-password .field.sc-sui-password{padding:0 var(--control-pad-x);font-size:14px}.eye.sc-sui-password{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;margin:0;border:none;background:transparent;color:var(--ink-faint);cursor:pointer;font-family:inherit;transition:color var(--duration-fast) var(--ease-out)}.eye.sc-sui-password .sui-glyph.sc-sui-password{font-size:13px}.eye.sc-sui-password:hover:not(:disabled){color:var(--ink)}.eye.sc-sui-password:disabled{cursor:not-allowed;color:var(--ink-placeholder)}.eye.sc-sui-password:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius-sm)}.meter.sc-sui-password{display:flex;align-items:center;gap:8px}.track.sc-sui-password{flex:1;height:4px;border-radius:2px;background:var(--brand-soft);overflow:hidden}.fill.sc-sui-password{height:100%;border-radius:2px;transition:width var(--duration-base) var(--ease-out)}.fill.weak.sc-sui-password{background:var(--danger)}.fill.fair.sc-sui-password{background:var(--accent)}.fill.good.sc-sui-password,.fill.strong.sc-sui-password{background:var(--brand)}.meter-label.sc-sui-password{font-size:11px;font-weight:620}.meter-label.weak.sc-sui-password{color:var(--danger)}.meter-label.fair.sc-sui-password{color:var(--accent)}.meter-label.good.sc-sui-password,.meter-label.strong.sc-sui-password{color:var(--ink-muted)}.sui-input.sui-password.readonly.sc-sui-password:not(.disabled){background:var(--surface-sunken)}@media (forced-colors: active){.track.sc-sui-password{border:1px solid CanvasText;height:6px}.fill.weak.sc-sui-password,.fill.fair.sc-sui-password,.fill.good.sc-sui-password,.fill.strong.sc-sui-password{background:Highlight}}.sui-field.sc-sui-password{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-password{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-password .sui-field-label.sc-sui-password{color:var(--danger)}.sui-field-req.sc-sui-password{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-password{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-password{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-password .sui-glyph.sc-sui-password{font-size:11px}.sui-frame.sc-sui-password{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-password:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-password,.sui-frame.readonly.sc-sui-password{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-password:focus-within,.sui-frame.focus.sc-sui-password,.sui-frame.open.sc-sui-password{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-password{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-password:focus-within,.sui-frame.invalid.focus.sc-sui-password,.sui-frame.invalid.open.sc-sui-password{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-password:disabled,.sui-frame.disabled.sc-sui-password{--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-password{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-password::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-password{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-password{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-password{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-password:focus-within,.sui-frame.focus.sc-sui-password,.sui-frame.open.sc-sui-password{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-password:disabled,.sui-frame.disabled.sc-sui-password{color:GrayText;border-color:GrayText}}"}},[578,"sui-password",{label:[1],required:[516],help:[1],error:[1],size:[513],invalid:[516],disabled:[516],readOnly:[516,"readonly"],maxLength:[2,"maxlength"],pattern:[1],minLength:[2,"minlength"],placeholder:[1],value:[1025],showStrength:[516,"show-strength"],locale:[1],weakLabel:[1,"weak-label"],fairLabel:[1,"fair-label"],goodLabel:[1,"good-label"],strongLabel:[1,"strong-label"],showLabel:[1,"show-label"],hideLabel:[1,"hide-label"],name:[513],autocomplete:[1],show:[32],focused:[32],formDisabled:[32],hostLabel:[32],hostLabelledby:[32],hints:[32],select:[64],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),L=k,F=function(){"undefined"!=typeof customElements&&["sui-password"].forEach((s=>{"sui-password"===s&&(customElements.get(e(s))\|\|customElements.define(e(s),k))}))};export{L as SuiPassword,F as defineCustomElement}
1	+ import{p as s,H as i,c as r,h as a,t as e}from"./p-DQ8DrIvI.js";import{d as o,F as t}from"./p-DWUWsh4I.js";import{G as d,al as l,am as n}from"./p-B-Bh5OXe.js";import{u}from"./p-U06fVoGD.js";import{i as c,d as h,s as p,r as f}from"./p-BHB1Wprj.js";import{a as w}from"./p-BuyjS5bS.js";import{i as b,a as m}from"./p-wknHx00K.js";import{i as g}from"./p-MsqFuhDd.js";import{f as v}from"./p-CGWvlrv_.js";const x=["sm","md","lg"],y=[{tone:"weak",w:"33%"},{tone:"fair",w:"66%"},{tone:"good",w:"85%"},{tone:"strong",w:"100%"}],k=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiInput=r(this,"suiInput",7),this.suiChange=r(this,"suiChange",7),this.suiFocus=r(this,"suiFocus",3),this.suiBlur=r(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;label;required=!1;help;error;size="md";invalid=!1;disabled=!1;readOnly=!1;maxLength;pattern;minLength;placeholder;value="";showStrength=!1;locale;weakLabel;fairLabel;goodLabel;strongLabel;showLabel;hideLabel;name;autocomplete;suiInput;suiChange;suiFocus;suiBlur;show=!1;focused=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=u("sui-password");input;initial="";get isDisabled(){return this.disabled\|\|this.formDisabled}connectedCallback(){c(this.host,this.internals),h(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=b(this.host,(s=>{this.hostLabel=s})),this.stopHints?.(),this.stopHints=g(this.host,(s=>{this.hints=s})),this.stopLabelledby?.(),this.stopLabelledby=m(this.host,(s=>{this.hostLabelledby=s}))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){p(this.internals,this.isDisabled?null:this.value),f(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(s){this.formDisabled=v(this.host,this.disabled,s),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=s=>{this.value=s.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};toggle=()=>{this.show=!this.show};render(){const s=this.invalid\|\|!!this.error,i=function(s){let i=0;return s.length>=8&&i++,/[A-Z]/.test(s)&&/[a-z]/.test(s)&&i++,/\d/.test(s)&&i++,/[^A-Za-z0-9]/.test(s)&&i++,0===s.length?-1:Math.min(i,3)}(this.value),r=this.showStrength&&i>=0?y[i]:null,e=[w(this.locale,"password.weak",this.weakLabel,"Weak"),w(this.locale,"password.fair",this.fairLabel,"Fair"),w(this.locale,"password.good",this.goodLabel,"Good"),w(this.locale,"password.strong",this.strongLabel,"Strong")],u=this.fieldId+"-meter",c=x.includes(this.size)?this.size:"md";return a(t,{key:"a3466fae6e71f2ef04c3cb82710216af600afc26",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},a("div",{key:"b63e25f24f40fd41b4223b4d136dc8a0ae2683c4",class:{"sui-input":!0,"sui-frame":!0,"sui-password":!0,[c]:!0,invalid:s,focus:this.focused,disabled:this.isDisabled,readonly:this.readOnly}},a("input",{key:"483b049014b7f61c1a44d1970548cd720541b358",ref:s=>this.input=s,id:this.fieldId,class:"field",type:this.show?"text":"password",value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,autocomplete:this.autocomplete,maxLength:this.maxLength,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":s?"true":null,"aria-describedby":[o(this.fieldId,this.help,this.error),r?u:null].filter(Boolean).join(" ")\|\|null,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),a("button",{key:"c52980c3ae054be93f7ef00de8f715aca37d0de3",type:"button",class:"eye",disabled:this.isDisabled,"aria-pressed":this.show?"true":"false","aria-label":this.show?w(this.locale,"password.hide",this.hideLabel,"Hide password"):w(this.locale,"password.show",this.showLabel,"Show password"),onClick:this.toggle},a(d,{key:"6c7a1b290503fb4d0c7021a939cf429d642d9837",glyph:this.show?l:n}))),r?a("div",{class:"meter",id:u,role:"status","aria-live":"polite"},a("div",{class:"track"},a("div",{class:{fill:!0,[r.tone]:!0},style:{width:r.w}})),a("span",{class:{"meter-label":!0,[r.tone]:!0}},e[i])):null)}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-password-h{display:block;font-family:var(--font-sans)}.sui-input.sui-password.sc-sui-password{display:flex;align-items:center;padding:0;overflow:hidden}.sui-input.sui-password.sm.sc-sui-password,.sui-input.sui-password.md.sc-sui-password,.sui-input.sui-password.lg.sc-sui-password{padding:0}.sui-password.sc-sui-password .field.sc-sui-password{flex:1 1 0;width:0;min-width:0;height:100%;border:none;outline:none;background:transparent;color:inherit;font-family:var(--font-sans);font-weight:460}.sui-password.sc-sui-password .field.sc-sui-password::placeholder{color:var(--ink-placeholder)}.sui-password.sc-sui-password .field.sc-sui-password:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-password.sm.sc-sui-password .field.sc-sui-password{padding:0 10px;font-size:12.5px}.sui-password.md.sc-sui-password .field.sc-sui-password{padding:0 var(--control-pad-x);font-size:13px}.sui-password.lg.sc-sui-password .field.sc-sui-password{padding:0 var(--control-pad-x);font-size:14px}.eye.sc-sui-password{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;margin:0;border:none;background:transparent;color:var(--ink-faint);cursor:pointer;font-family:inherit;transition:color var(--duration-fast) var(--ease-out)}.eye.sc-sui-password .sui-glyph.sc-sui-password{font-size:13px}.eye.sc-sui-password:hover:not(:disabled){color:var(--ink)}.eye.sc-sui-password:disabled{cursor:not-allowed;color:var(--ink-placeholder)}.eye.sc-sui-password:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius-sm)}.meter.sc-sui-password{display:flex;align-items:center;gap:8px}.track.sc-sui-password{flex:1;height:4px;border-radius:2px;background:var(--brand-soft);overflow:hidden}.fill.sc-sui-password{height:100%;border-radius:2px;transition:width var(--duration-base) var(--ease-out)}.fill.weak.sc-sui-password{background:var(--danger)}.fill.fair.sc-sui-password{background:var(--accent)}.fill.good.sc-sui-password,.fill.strong.sc-sui-password{background:var(--brand)}.meter-label.sc-sui-password{font-size:11px;font-weight:620}.meter-label.weak.sc-sui-password{color:var(--danger)}.meter-label.fair.sc-sui-password{color:var(--accent)}.meter-label.good.sc-sui-password,.meter-label.strong.sc-sui-password{color:var(--ink-muted)}.sui-input.sui-password.readonly.sc-sui-password:not(.disabled){background:var(--surface-sunken)}@media (forced-colors: active){.track.sc-sui-password{border:1px solid CanvasText;height:6px}.fill.weak.sc-sui-password,.fill.fair.sc-sui-password,.fill.good.sc-sui-password,.fill.strong.sc-sui-password{background:Highlight}}.sui-field.sc-sui-password{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-password{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-password .sui-field-label.sc-sui-password{color:var(--danger)}.sui-field-req.sc-sui-password{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-password{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-password{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-password .sui-glyph.sc-sui-password{font-size:11px}.sui-frame.sc-sui-password{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-password:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-password,.sui-frame.readonly.sc-sui-password{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-password:focus-within,.sui-frame.focus.sc-sui-password,.sui-frame.open.sc-sui-password{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-password{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-password:focus-within,.sui-frame.invalid.focus.sc-sui-password,.sui-frame.invalid.open.sc-sui-password{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-password:disabled,.sui-frame.disabled.sc-sui-password{--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-password{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-password::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-password{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-password{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-password{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-password:focus-within,.sui-frame.focus.sc-sui-password,.sui-frame.open.sc-sui-password{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-password:disabled,.sui-frame.disabled.sc-sui-password{color:GrayText;border-color:GrayText}}"}},[578,"sui-password",{label:[1],required:[516],help:[1],error:[1],size:[513],invalid:[516],disabled:[516],readOnly:[516,"readonly"],maxLength:[2,"maxlength"],pattern:[1],minLength:[2,"minlength"],placeholder:[1],value:[1025],showStrength:[516,"show-strength"],locale:[1],weakLabel:[1,"weak-label"],fairLabel:[1,"fair-label"],goodLabel:[1,"good-label"],strongLabel:[1,"strong-label"],showLabel:[1,"show-label"],hideLabel:[1,"hide-label"],name:[513],autocomplete:[1],show:[32],focused:[32],formDisabled:[32],hostLabel:[32],hostLabelledby:[32],hints:[32],select:[64],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),L=k,F=function(){"undefined"!=typeof customElements&&["sui-password"].forEach((s=>{"sui-password"===s&&(customElements.get(e(s))\|\|customElements.define(e(s),k))}))};export{L as SuiPassword,F as defineCustomElement}

package/dist/components/sui-persona.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,H as e,h as a,a as i,t as n}from"./p-DQ8DrIvI.js";import{d as t}from"./p-~~6YJ2naCL~~.js";const r=["regular","medium","semibold","bold","heavy"],o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}name="";secondary;initials;src;size="md";accent=!1;meta;inverse=!1;weight;render(){const s=this.weight&&r.includes(this.weight)?this.weight:void 0;return a(i,{key:"0f8845e5d581bdeb55462e9aa06c8e555c0d665c"},a("span",{key:"90765004dd88a79d87a9b68a967045c4c2e249fd",class:{"sui-persona":!0,inverse:this.inverse}},a("sui-avatar",{key:"ec1f4114b1a773f9b8cec64993d984926bfb9066",name:this.name,initials:this.initials,src:this.src,size:this.size,accent:this.accent}),a("span",{key:"42b9fe47624c97ca846ee20de0f30411e650a509",class:"text"},a("span",{key:"116558fe10ee2c695b50c0e7864c309f9714bac2",class:{name:!0,["weight-"+s]:!!s}},this.name),this.secondary?a("span",{class:"secondary"},this.secondary):null),this.meta?a("span",{class:"meta"},this.meta):null))}static get style(){return".sc-sui-persona-h{display:inline-flex;min-width:0;max-width:100%;vertical-align:middle;font-family:var(--font-sans)}.sui-persona.sc-sui-persona{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%}.text.sc-sui-persona{min-width:0}.name.sc-sui-persona{display:block;font-size:13.5px;font-weight:640;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name.weight-regular.sc-sui-persona{font-weight:var(--w-regular)}.name.weight-medium.sc-sui-persona{font-weight:var(--w-medium)}.name.weight-semibold.sc-sui-persona{font-weight:var(--w-semibold)}.name.weight-bold.sc-sui-persona{font-weight:var(--w-bold)}.name.weight-heavy.sc-sui-persona{font-weight:var(--w-heavy)}.secondary.sc-sui-persona{display:block;font-size:12px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta.sc-sui-persona{margin-inline-start:auto;padding-inline-start:10px;font-size:11.5px;color:var(--ink-faint);white-space:nowrap}.sui-persona.inverse.sc-sui-persona{--sui-avatar-bg:color-mix(in srgb, var(--ink-inverse) 16%, transparent);--sui-avatar-ink:var(--ink-inverse)}.sui-persona.inverse.sc-sui-persona .name.sc-sui-persona{color:var(--brand-contrast)}.sui-persona.inverse.sc-sui-persona .secondary.sc-sui-persona{color:var(--brand-contrast)}.sui-persona.inverse.sc-sui-persona .meta.sc-sui-persona{color:var(--ink-inverse-faint)}"}},[514,"sui-persona",{name:[1],secondary:[1],initials:[1],src:[1],size:[513],accent:[516],meta:[1],inverse:[516],weight:[513]}]),c=o,p=function(){"undefined"!=typeof customElements&&["sui-persona","sui-avatar"].forEach((s=>{switch(s){case"sui-persona":customElements.get(n(s))\|\|customElements.define(n(s),o);break;case"sui-avatar":customElements.get(n(s))\|\|t()}}))};export{c as SuiPersona,p as defineCustomElement}
1	+ import{p as s,H as e,h as a,a as i,t as n}from"./p-DQ8DrIvI.js";import{d as t}from"./p-PWh0XRW8.js";const r=["regular","medium","semibold","bold","heavy"],o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}name="";secondary;initials;src;size="md";accent=!1;meta;inverse=!1;weight;render(){const s=this.weight&&r.includes(this.weight)?this.weight:void 0;return a(i,{key:"0f8845e5d581bdeb55462e9aa06c8e555c0d665c"},a("span",{key:"90765004dd88a79d87a9b68a967045c4c2e249fd",class:{"sui-persona":!0,inverse:this.inverse}},a("sui-avatar",{key:"ec1f4114b1a773f9b8cec64993d984926bfb9066",name:this.name,initials:this.initials,src:this.src,size:this.size,accent:this.accent}),a("span",{key:"42b9fe47624c97ca846ee20de0f30411e650a509",class:"text"},a("span",{key:"116558fe10ee2c695b50c0e7864c309f9714bac2",class:{name:!0,["weight-"+s]:!!s}},this.name),this.secondary?a("span",{class:"secondary"},this.secondary):null),this.meta?a("span",{class:"meta"},this.meta):null))}static get style(){return".sc-sui-persona-h{display:inline-flex;min-width:0;max-width:100%;vertical-align:middle;font-family:var(--font-sans)}.sui-persona.sc-sui-persona{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%}.text.sc-sui-persona{min-width:0}.name.sc-sui-persona{display:block;font-size:13.5px;font-weight:640;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name.weight-regular.sc-sui-persona{font-weight:var(--w-regular)}.name.weight-medium.sc-sui-persona{font-weight:var(--w-medium)}.name.weight-semibold.sc-sui-persona{font-weight:var(--w-semibold)}.name.weight-bold.sc-sui-persona{font-weight:var(--w-bold)}.name.weight-heavy.sc-sui-persona{font-weight:var(--w-heavy)}.secondary.sc-sui-persona{display:block;font-size:12px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta.sc-sui-persona{margin-inline-start:auto;padding-inline-start:10px;font-size:11.5px;color:var(--ink-faint);white-space:nowrap}.sui-persona.inverse.sc-sui-persona{--sui-avatar-bg:color-mix(in srgb, var(--ink-inverse) 16%, transparent);--sui-avatar-ink:var(--ink-inverse)}.sui-persona.inverse.sc-sui-persona .name.sc-sui-persona{color:var(--brand-contrast)}.sui-persona.inverse.sc-sui-persona .secondary.sc-sui-persona{color:var(--brand-contrast)}.sui-persona.inverse.sc-sui-persona .meta.sc-sui-persona{color:var(--ink-inverse-faint)}"}},[514,"sui-persona",{name:[1],secondary:[1],initials:[1],src:[1],size:[513],accent:[516],meta:[1],inverse:[516],weight:[513]}]),c=o,p=function(){"undefined"!=typeof customElements&&["sui-persona","sui-avatar"].forEach((s=>{switch(s){case"sui-persona":customElements.get(n(s))\|\|customElements.define(n(s),o);break;case"sui-avatar":customElements.get(n(s))\|\|t()}}))};export{c as SuiPersona,p as defineCustomElement}

package/dist/components/sui-pick-list.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as i,H as s,c as t,h as e,a as r,t as o}from"./p-DQ8DrIvI.js";import{G as l,W as a,k as c,af as n,z as d,y as u,q as h,ao as p,r as v,w as k,f,an as g,o as b}from"./p-BJFE-_50.js";import{r as x,s as m,R as w}from"./p-DE6Hn76b.js";import{u as y}from"./p-U06fVoGD.js";import{c as z}from"./p-COO9uV7W.js";import{a as H,l as D}from"./p-BuyjS5bS.js";import{i as j}from"./p-GAnFXayY.js";import{d as S}from"./p-BHB1Wprj.js";import{d as C}from"./p-6YJ2naCL.js";const T=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiSourceChange=t(this,"suiSourceChange",3),this.suiTargetChange=t(this,"suiTargetChange",3),this.suiSelectionChange=t(this,"suiSelectionChange",3)}get host(){return this}sourceHeading;targetHeading;source=[];target=[];selection=[];height=240;noDrag=!1;dragOnly=!1;selectionMode="single";filter=!1;emptyMessage;emptyFilterMessage;loading=!1;breakpoint=640;suiSourceChange;suiTargetChange;suiSelectionChange;focused={s:-1,t:-1};drag=null;over=null;lifted=null;live="";query={s:"",t:""};stacked=!1;resizeObserver;fieldId=y("sui-pick-list");rowEls={s:[],t:[]};pendingFocus=null;snapshot;loaded=!1;onLists(){this.lifted&&this.lifted.idx>=this.listOf(this.lifted.side).length&&(this.lifted=null),["s","t"].forEach((i=>{const s=this.listOf(i).length;this.focused[i]>=s&&(this.focused={...this.focused,[i]:s?s-1:-1})}))}connectedCallback(){S(this.host,(()=>{const i=this.selSide()\|\|"s";return this.rowEls[i][this.tabRow(i)]})),this.loaded&&this.watchWidth(!0)}componentDidLoad(){this.loaded=!0,this.watchWidth()}watchWidth(i=!1){if(this.resizeObserver?.disconnect(),this.resizeObserver=void 0,"undefined"==typeof ResizeObserver)return;const s=i=>{this.stacked=this.breakpoint>0&&i>0&&i<this.breakpoint};this.resizeObserver=new ResizeObserver((i=>s(i.length?i[0].contentRect.width:this.host.clientWidth\|\|0))),this.resizeObserver.observe(this.host),i&&Promise.resolve().then((()=>{this.host.isConnected&&s(this.host.clientWidth\|\|0)}))}disconnectedCallback(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0}componentDidRender(){this.pendingFocus&&(this.focusRow(this.pendingFocus),this.pendingFocus=null)}async setFocus(){const i=this.selSide()\|\|"s";this.focusRow({side:i,idx:this.tabRow(i)})}get boxes(){return"checkbox"===this.selectionMode}focusRow(i){const s=this.rowEls[i.side][i.idx];s&&"function"==typeof s.focus&&s.focus()}listOf(i){return("s"===i?this.source:this.target)\|\|[]}nameOf(i){return"s"===i?H(void 0,"pick-list.sourceHeading",this.sourceHeading,"Available"):H(void 0,"pick-list.targetHeading",this.targetHeading,"Selected")}filtering(i){return this.filter&&this.query[i].trim().length>0}visible(i){const s=this.listOf(i),t=s.map(((i,s)=>s));if(!this.filtering(i))return t;const e=this.query[i].trim().toLowerCase();return t.filter((i=>x(s[i],e)))}holding(i){const s=this.selection\|\|[];if(!s.length)return[];const t=[];return this.listOf(i).forEach(((i,e)=>{s.includes(i.value)&&t.push(e)})),t}selSide(){return this.holding("s").length?"s":this.holding("t").length?"t":null}picked(i){if(this.selSide()!==i)return[];const s=this.holding(i);return this.boxes?s:s.slice(0,1)}tabRow(i){const s=this.visible(i),t=this.picked(i),e=this.boxes\|\|!t.length?this.focused[i]:t[0];return s.includes(e)?e:s.length?s[0]:0}setSel(i,s){const t=this.listOf(i),e=s.slice().sort(((i,s)=>i-s)).map((i=>t[i].value));m(e,this.selection)\|\|(this.selection=e,this.suiSelectionChange.emit(e))}select(i,s){this.setSel(i,[s])}toggle(i,s){const t=this.picked(i);this.setSel(i,t.includes(s)?t.filter((i=>i!==s)):t.concat([s]))}toggleAll(i){const s=this.visible(i);if(!s.length)return;const t=this.picked(i),e=s.every((i=>t.includes(i)));this.setSel(i,e?t.filter((i=>!s.includes(i))):t.concat(s.filter((i=>!t.includes(i)))))}commit(i){const s=!this.same(i.s,this.listOf("s")),t=!this.same(i.t,this.listOf("t"));this.source=i.s,this.target=i.t,s&&this.suiSourceChange.emit(i.s),t&&this.suiTargetChange.emit(i.t)}same(i,s){return i.length===s.length&&i.every(((i,t)=>i===s[t]))}moveItem(i,s,t){const e={s:this.listOf("s").slice(),t:this.listOf("t").slice()},[r]=e[i.side].splice(i.idx,1),o=z(t,0,e[s].length);return e[s].splice(o,0,r),{lists:e,idx:o}}moveSel(i){const s=i>0?"s":"t",t=this.picked(s);if(!t.length)return;const e="s"===s?"t":"s",r=t.map((i=>this.listOf(s)[i])),o=this.listOf(s).filter(((i,s)=>!t.includes(s))),l=this.listOf(e).length,a=this.listOf(e).concat(r);this.commit("s"===s?{s:o,t:a}:{s:a,t:o}),this.live=1===r.length?D(void 0,"pick-list.movedTo",void 0,"{item} moved to {list}.",{item:r[0].label,list:this.nameOf(e)}):D(void 0,"pick-list.movedManyTo",void 0,"{n} rows moved to {list}.",{n:r.length,list:this.nameOf(e)}),this.focused={...this.focused,[e]:l},this.pendingFocus={side:e,idx:l}}moveAll(i){const s=i>0?"t":"s",t=this.listOf(s).length;this.commit(i>0?{s:[],t:this.listOf("t").concat(this.listOf("s"))}:{s:this.listOf("s").concat(this.listOf("t")),t:[]}),this.focused={...this.focused,[s]:t},this.pendingFocus={side:s,idx:t}}resetDrag=()=>{this.drag=null,this.over=null};onDragStart(i,s,t){if(this.drag={side:s,idx:t},this.focused={...this.focused,[s]:t},this.boxes\|\|this.select(s,t),i.dataTransfer){i.dataTransfer.effectAllowed="move";try{i.dataTransfer.setData("text/plain",this.listOf(s)[t].label)}catch{}}}onRowDragOver(i,s,t){if(this.noDrag\|\|this.filtering(s))return;i.preventDefault();const e=i.currentTarget.getBoundingClientRect();this.over={side:s,idx:i.clientY<e.top+e.height/2?t:t+1}}onShellDragOver(i,s){this.filtering(s)\|\|(i.preventDefault(),this.over&&this.over.side===s\|\|(this.over={side:s,idx:this.listOf(s).length}))}onDrop=i=>{i.preventDefault();const s=this.drag,t=this.over;if(this.resetDrag(),!s\|\|!t)return;const e=s.side===t.side&&t.idx>s.idx?t.idx-1:t.idx;if(s.side===t.side&&e===s.idx)return void(this.boxes\|\|this.select(s.side,s.idx));const r=this.moveItem(s,t.side,e);this.focused={...this.focused,[t.side]:r.idx},this.commit(r.lists)};onKey(i,s,t){const e=!!this.lifted&&this.lifted.side===s&&this.lifted.idx===t,r="s"===s?"t":"s",o=this.visible(s),l=o.indexOf(t),a=(r,a)=>{i.preventDefault(),this.stacked&&null==a&&("s"===s&&r>0&&l===o.length-1\|\|"t"===s&&r<0&&0===l)?c():e?this.moveLifted(s,null!=a?a<0?0:this.listOf(s).length-1:t+r):this.focusAt(s,null!=a?a<0?o[0]:o[o.length-1]:o[l+r]??(r<0?o[0]:o[o.length-1]))},c=()=>{if(i.preventDefault(),e)this.moveLifted(r,this.listOf(r).length);else{const i=this.visible(r);if(!i.length)return;const s=this.tabRow(r);this.focusAt(r,i.includes(s)?s:i[0])}},n=()=>{i.preventDefault(),e?this.dropLifted():this.lift(s,t)};switch(i.key){case" ":case"Spacebar":i.preventDefault(),this.boxes?(this.focused={...this.focused,[s]:t},this.toggle(s,t)):n();break;case"Enter":n();break;case"ArrowDown":a(1);break;case"ArrowUp":a(-1);break;case"Home":a(0,-1);break;case"End":a(0,1);break;case"ArrowRight":s===(j(this.host)?"t":"s")&&c();break;case"ArrowLeft":s===(j(this.host)?"s":"t")&&c();break;case"Escape":e&&(i.preventDefault(),this.cancelLift())}}focusAt(i,s){null!=s&&(this.focused={...this.focused,[i]:s},this.boxes\|\|this.select(i,s),this.focusRow({side:i,idx:s}))}lift(i,s){this.filtering(i)?this.live=D(void 0,"pick-list.paneFilterHeld",void 0,"Clear the {list} filter to move rows inside it.",{list:this.nameOf(i)}):(this.lifted={side:i,idx:s},this.focused={...this.focused,[i]:s},this.boxes\|\|this.select(i,s),this.snapshot={s:this.listOf("s").slice(),t:this.listOf("t").slice()},this.live=D(void 0,"pick-list.lifted",void 0,"{item} lifted. Use the arrow keys to move it, then drop it.",{item:this.listOf(i)[s].label}))}moveLifted(i,s){const t=this.lifted,e=this.listOf(t.side)[t.idx].label;if(i===t.side){const r=this.listOf(t.side).length,o=z(s,0,r-1);if(o===t.idx)return void(this.live=0===o?D(void 0,"pick-list.atTop",void 0,"{item} is already at the top.",{item:e}):D(void 0,"pick-list.atBottom",void 0,"{item} is already at the bottom.",{item:e}));const l=this.moveItem(t,i,o),a={side:i,idx:l.idx};return this.commit(l.lists),this.lifted=a,this.pendingFocus=a,this.focused={...this.focused,[i]:a.idx},void(this.live=D(void 0,"pick-list.moved",void 0,"{item} moved to position {n} of {count}.",{item:e,n:l.idx+1,count:r}))}const r=this.moveItem(t,i,s),o={side:i,idx:r.idx};this.commit(r.lists),this.lifted=o,this.pendingFocus=o,this.focused={...this.focused,[i]:o.idx},this.live=D(void 0,"pick-list.movedAcross",void 0,"{item} moved to {list}, position {n} of {count}.",{item:e,list:this.nameOf(i),n:r.idx+1,count:this.listOf(i).length})}dropLifted(){const i=this.lifted;this.lifted=null,this.snapshot=void 0,this.live=D(void 0,"pick-list.droppedIn",void 0,"{item} dropped in {list} at position {n} of {count}.",{item:this.listOf(i.side)[i.idx].label,list:this.nameOf(i.side),n:i.idx+1,count:this.listOf(i.side).length})}cancelLift(){const i=this.lifted,s=this.snapshot,t=this.listOf(i.side)[i.idx];let e=i.side;if(this.lifted=null,this.snapshot=void 0,s&&(!this.same(s.s,this.listOf("s"))\|\|!this.same(s.t,this.listOf("t")))){e=s.s.includes(t)?"s":"t";const i={side:e,idx:Math.max(0,s[e].indexOf(t))};this.pendingFocus=i,this.focused={...this.focused,[e]:i.idx},this.commit(s)}this.live=D(void 0,"pick-list.canceledTo",void 0,"Move canceled. {item} returned to {list}.",{item:t.label,list:this.nameOf(e)})}ctrl(i,s,t,r){return e("button",{type:"button",class:"sui-rl-ctrl","aria-label":s,disabled:r,onClick:t},e(l,{glyph:i}))}onRowClick(i,s){this.focused={...this.focused,[i]:s},this.boxes?this.toggle(i,s):this.select(i,s)}pane(i){const s=this.listOf(i),t=`${this.fieldId}-${i}`,r=this.visible(i),o=this.tabRow(i),u=!this.noDrag,h=!!this.drag&&!!this.over&&this.over.side===i,p=this.picked(i),v=r.filter((i=>p.includes(i))).length,k=r.length>0&&v===r.length,f=v>0&&!k,g={},b=[],x=this.filtering(i),m=this.nameOf(i),y=this.loading?H(void 0,"pick-list.loading",void 0,"Loading"):0!==r.length\|\|this.drag?"":x?H(void 0,"pick-list.emptyFilter",this.emptyFilterMessage,"No matches."):H(void 0,"pick-list.empty",this.emptyMessage,"Nothing here yet.");return this.rowEls[i]=[],this.loading\|\|r.forEach((t=>{const r=s[t];h&&this.over.idx===t&&b.push(e("li",{class:"sui-rl-dropline",role:"presentation",key:`${i}dl${t}`}));const n=r.value+"",d=g[n]=(g[n]\|\|0)+1,v=p.includes(t);b.push(e("li",{key:d>1?`${n}#${d}`:n,ref:s=>{s&&(this.rowEls[i][t]=s)},class:{"sui-rl-row":!0,selected:v,dragging:!!this.drag&&this.drag.side===i&&this.drag.idx===t,lifted:!!this.lifted&&this.lifted.side===i&&this.lifted.idx===t,static:!u\|\|x},role:"option","aria-selected":v?"true":"false",tabIndex:t===o?0:-1,draggable:u&&!x,onClick:()=>this.onRowClick(i,t),onKeyDown:s=>this.onKey(s,i,t),onDragStart:s=>this.onDragStart(s,i,t),onDragEnd:this.resetDrag,onDragOver:s=>this.onRowDragOver(s,i,t)},this.boxes?e("span",{class:{"sui-rl-box":!0,on:v},"aria-hidden":"true"},v?e(l,{glyph:c}):null):null,e(l,{glyph:a,class:"grip"}),e(w,{item:r,avatar:r.avatar\|\|r.initials?e("sui-avatar",{class:"sui-list-avatar",src:r.avatar,initials:r.initials,size:"sm","aria-hidden":"true"}):void 0})))})),h&&this.over.idx===s.length&&r.length>0&&b.push(e("li",{class:"sui-rl-dropline",role:"presentation",key:i+"dlend"})),e("div",{class:{pane:!0,["s"===i?"source":"target"]:!0}},e("div",{class:"sui-rl-header",id:t},this.nameOf(i),e("span",{class:"count"},"(",s.length,")")),this.filter?e("div",{class:"sui-rl-filter sui-frame"},e(l,{glyph:d}),e("input",{type:"text",placeholder:H(void 0,"pick-list.filterPlaceholder",void 0,"Filter"),"aria-label":D(void 0,"pick-list.filter",void 0,"Filter {list}",{list:m}),value:this.query[i],onInput:s=>this.query={...this.query,[i]:s.target.value}})):null,this.boxes?e("button",{type:"button",class:"sui-rl-all",role:"checkbox","aria-checked":k?"true":f?"mixed":"false","aria-label":D(void 0,"pick-list.selectAllIn",void 0,"Select all {list}",{list:m}),disabled:0===r.length\|\|this.loading,onClick:()=>this.toggleAll(i)},e("span",{class:{"sui-rl-box":!0,on:k,mixed:f},"aria-hidden":"true"},k?e(l,{glyph:c}):null,f?e(l,{glyph:n}):null),e("span",null,H(void 0,"pick-list.selectAll",void 0,"Select all"))):null,e("ol",{class:"sui-rl-shell pane-list",role:"listbox","aria-multiselectable":this.boxes?"true":null,"aria-labelledby":t,"aria-describedby":y?`${this.fieldId}-${i}-empty ${this.fieldId}-hint`:this.fieldId+"-hint","aria-busy":this.loading?"true":null,style:{maxHeight:this.height+"px"},onDragOver:u&&!this.loading?s=>this.onShellDragOver(s,i):void 0,onDrop:u&&!this.loading?this.onDrop:void 0},y?e("li",{class:"sui-rl-empty empty",id:`${this.fieldId}-${i}-empty`,role:"presentation","aria-hidden":"true"},y):null,0===r.length&&this.drag?e("li",{class:{"drop-here":!0,over:h},role:"presentation","aria-hidden":"true"},H(void 0,"pick-list.dropHere",void 0,"Drop here")):null,b))}render(){const i=this.picked("s").length>0&&!this.loading,s=this.picked("t").length>0&&!this.loading,t=this.loading,o=this.stacked?{one:u,all:p}:{one:h,all:v},l=this.stacked?{one:k,all:g}:{one:f,all:b};return e(r,{key:"af9aa8dbe209e9b0c9022a83cba308c9f221a46f"},e("div",{key:"f729157b603b7ab2b37eb483748deb39a8c31c04",class:{wrap:!0,stacked:this.stacked}},this.pane("s"),this.dragOnly?null:e("div",{class:"sui-rl-ctrls"},this.ctrl(o.one,H(void 0,"pick-list.moveToSelected",void 0,"Move to selected"),(()=>this.moveSel(1)),!i),this.ctrl(o.all,H(void 0,"pick-list.moveAll",void 0,"Move all"),(()=>this.moveAll(1)),t\|\|0===this.listOf("s").length),this.ctrl(l.one,H(void 0,"pick-list.remove",void 0,"Remove"),(()=>this.moveSel(-1)),!s),this.ctrl(l.all,H(void 0,"pick-list.removeAll",void 0,"Remove all"),(()=>this.moveAll(-1)),t\|\|0===this.listOf("t").length)),this.pane("t")),e("div",{key:"c5c7d730b625da6f5138558da012ea04c9173ec9",class:"sui-rl-live",id:this.fieldId+"-hint"},this.boxes?H(void 0,"pick-list.hintBoxes",void 0,"Press Space to tick a row, Enter to lift it, and the arrow keys to move it between and within the lists."):H(void 0,"pick-list.hint",void 0,"Press Space to lift a row, the arrow keys to move it between and within the lists, and Space to drop it.")),e("div",{key:"404cfa67b7d96c8b8777cb69f73bcf0d800e545f",class:"sui-rl-live","aria-live":"assertive","aria-atomic":"true"},this.live))}static get watchers(){return{source:[{onLists:0}],target:[{onLists:0}]}}static get style(){return".sc-sui-pick-list-h{display:block;position:relative;font-family:var(--font-sans);color:var(--ink)}.wrap.sc-sui-pick-list{display:flex;gap:12px;align-items:stretch}.wrap.stacked.sc-sui-pick-list{flex-direction:column}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrls.sc-sui-pick-list{flex-direction:row;justify-content:center}.pane.sc-sui-pick-list{flex:1;min-width:0}.pane-list.sc-sui-pick-list{min-height:120px}.sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:scaleX(-1)}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:none}.drop-here.sc-sui-pick-list{list-style:none;padding:14px 10px;margin:2px;font-size:12px;color:var(--accent-ink);text-align:center;border:1.5px dashed var(--accent);border-radius:var(--radius-md)}.drop-here.over.sc-sui-pick-list{background:var(--accent-soft);color:var(--accent-soft-ink)}@media (forced-colors: active){.drop-here.sc-sui-pick-list{border-color:Highlight}.drop-here.over.sc-sui-pick-list{forced-color-adjust:none;background:Highlight;color:HighlightText}}.sui-frame.sc-sui-pick-list{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-pick-list:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-pick-list,.sui-frame.readonly.sc-sui-pick-list{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-pick-list:focus-within,.sui-frame.focus.sc-sui-pick-list,.sui-frame.open.sc-sui-pick-list{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-pick-list{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-pick-list:focus-within,.sui-frame.invalid.focus.sc-sui-pick-list,.sui-frame.invalid.open.sc-sui-pick-list{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-pick-list:disabled,.sui-frame.disabled.sc-sui-pick-list{--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-pick-list{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-pick-list::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-pick-list{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-pick-list{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-pick-list{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-pick-list:focus-within,.sui-frame.focus.sc-sui-pick-list,.sui-frame.open.sc-sui-pick-list{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-pick-list:disabled,.sui-frame.disabled.sc-sui-pick-list{color:GrayText;border-color:GrayText}}.sev.sc-sui-pick-list{width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}.sev.sc-sui-pick-list i.sc-sui-pick-list,.sev.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px}.sev.positive.sc-sui-pick-list{background:var(--status-positive-bg);color:var(--status-positive-ink)}.sev.attention.sc-sui-pick-list{background:var(--status-attention-bg);color:var(--status-attention-ink)}.sev.critical.sc-sui-pick-list{background:var(--danger-soft);color:var(--danger)}.sev.info.sc-sui-pick-list{background:var(--surface-sunken);color:var(--ink-muted)}.sev.neutral.sc-sui-pick-list{background:var(--status-neutral-bg);color:var(--status-neutral-ink)}.sev.icon.sc-sui-pick-list{background:var(--surface-sunken);color:var(--ink-muted)}.sui-list-avatar.sc-sui-pick-list{flex-shrink:0;margin-top:1px}.text.sc-sui-pick-list{flex:1;min-width:0}.title-row.sc-sui-pick-list{display:flex;align-items:center;gap:6px;min-width:0}.title.sc-sui-pick-list{font-size:12.5px;font-weight:620;min-width:0}.unread.sc-sui-pick-list .title.sc-sui-pick-list{font-weight:700}.dot.sc-sui-pick-list{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-inline-start:auto}.meta.sc-sui-pick-list{flex-shrink:0;margin-inline-start:auto;font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.dot.sc-sui-pick-list+.sr-only.sc-sui-pick-list+.meta.sc-sui-pick-list,.dot.sc-sui-pick-list+.meta.sc-sui-pick-list{margin-inline-start:0}.detail.sc-sui-pick-list{display:block;font-size:11.5px;color:var(--ink-muted);line-height:1.45;margin-top:1px}.time.sc-sui-pick-list{display:block;font-size:10.5px;color:var(--ink-faint);margin-top:3px;font-feature-settings:'tnum'}.sr-only.sc-sui-pick-list{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.sev.sc-sui-pick-list{box-sizing:border-box;border:1px solid CanvasText}.dot.sc-sui-pick-list{background:CanvasText}}.sui-rl-shell.sc-sui-pick-list{box-sizing:border-box;margin:0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:5px;overflow-y:auto}.sui-rl-shell.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-empty.sc-sui-pick-list{list-style:none;padding:14px 10px;font-size:12px;color:var(--ink-faint);text-align:center}.sui-rl-row.sc-sui-pick-list{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:460;color:var(--ink);background:transparent;cursor:grab;user-select:none;-webkit-user-select:none;opacity:1;box-shadow:none;transition:background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-rl-row.static.sc-sui-pick-list{cursor:pointer}.sui-rl-row.sc-sui-pick-list:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-row.selected.sc-sui-pick-list{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-rl-row.selected.sc-sui-pick-list:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-rl-row.dragging.sc-sui-pick-list{opacity:0.5;box-shadow:none;outline:1px dashed var(--ink-muted);outline-offset:-1px}.sui-rl-row.lifted.sc-sui-pick-list{box-shadow:var(--shadow-raised);background:var(--surface);position:relative;z-index:1}.sui-rl-row.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-row.lifted.sc-sui-pick-list:focus-visible{box-shadow:var(--shadow-raised)}.sui-rl-row.sc-sui-pick-list .grip.sc-sui-pick-list{font-size:10px;color:var(--ink-faint)}.sui-rl-row.static.sc-sui-pick-list .grip.sc-sui-pick-list{color:var(--border-strong)}.sui-rl-row.sc-sui-pick-list .label.sc-sui-pick-list{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-rl-row.sc-sui-pick-list .text.sc-sui-pick-list .label.sc-sui-pick-list{display:block}.sui-rl-row.sc-sui-pick-list .detail.sc-sui-pick-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:460}.sui-rl-row.sc-sui-pick-list .meta.sc-sui-pick-list{font-weight:460}.sui-rl-row.selected.sc-sui-pick-list .detail.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .meta.sc-sui-pick-list{color:var(--ink-muted)}.sui-rl-dropline.sc-sui-pick-list{height:2px;border-radius:1px;background:var(--accent-ink);margin:1px 6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent)}.sui-rl-ctrls.sc-sui-pick-list{display:flex;flex-direction:column;gap:6px;justify-content:center}.sui-rl-ctrl.sc-sui-pick-list{box-sizing:border-box;width:30px;height:30px;padding:0;margin:0;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px}.sui-rl-ctrl.sc-sui-pick-list:hover:not(:disabled){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-pick-list:active:not(:disabled){background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-pick-list:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-rl-ctrl.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-header.sc-sui-pick-list{font-size:12.5px;font-weight:650;color:var(--ink);margin-bottom:6px}.sui-rl-header.sc-sui-pick-list .count.sc-sui-pick-list{color:var(--ink-faint);font-weight:460;margin-inline-start:6px;font-feature-settings:'tnum'}.sui-rl-live.sc-sui-pick-list{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){.sui-rl-row.selected.sc-sui-pick-list{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .grip.sc-sui-pick-list{color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .sui-rl-box.sc-sui-pick-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-pick-list .detail.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .meta.sc-sui-pick-list{color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .sev.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .sui-list-avatar.sc-sui-pick-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-pick-list:focus-visible{outline-color:HighlightText;box-shadow:none}.sui-rl-row.lifted.sc-sui-pick-list{outline:2px dashed Highlight;outline-offset:-2px;box-shadow:none}.sui-rl-row.selected.lifted.sc-sui-pick-list{outline-color:HighlightText}.sui-rl-dropline.sc-sui-pick-list{background:Highlight;box-shadow:none}}.sui-rl-box.sc-sui-pick-list{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)}.sui-rl-box.on.sc-sui-pick-list,.sui-rl-box.mixed.sc-sui-pick-list{border-color:var(--brand);background:var(--brand)}.sui-rl-box.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:10px;color:var(--brand-contrast)}.sui-rl-all.sc-sui-pick-list{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0 0 6px;padding:5px 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);transition:background var(--duration-fast) var(--ease-out)}.sui-rl-all.sc-sui-pick-list:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-all.sc-sui-pick-list:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-rl-all.sc-sui-pick-list:disabled .sui-rl-box.sc-sui-pick-list{background:var(--disabled-bg);border-color:var(--border-strong)}.sui-rl-all.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-filter.sc-sui-pick-list{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px;margin-bottom:6px;box-sizing:border-box}.sui-rl-filter.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px;color:var(--ink-faint)}.sui-rl-filter.sc-sui-pick-list input.sc-sui-pick-list{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-rl-filter.sc-sui-pick-list input.sc-sui-pick-list::placeholder{color:var(--ink-placeholder)}"}},[514,"sui-pick-list",{sourceHeading:[1,"source-heading"],targetHeading:[1,"target-heading"],source:[1040],target:[1040],selection:[1040],height:[2],noDrag:[516,"no-drag"],dragOnly:[516,"drag-only"],selectionMode:[513,"selection-mode"],filter:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],loading:[516],breakpoint:[2],focused:[32],drag:[32],over:[32],lifted:[32],live:[32],query:[32],stacked:[32],setFocus:[64]},void 0,{source:[{onLists:0}],target:[{onLists:0}]}]),A=T,O=function(){"undefined"!=typeof customElements&&["sui-pick-list","sui-avatar"].forEach((i=>{switch(i){case"sui-pick-list":customElements.get(o(i))\|\|customElements.define(o(i),T);break;case"sui-avatar":customElements.get(o(i))\|\|C()}}))};export{A as SuiPickList,O as defineCustomElement}
1	+ import{p as i,H as s,c as t,h as e,a as r,t as o}from"./p-DQ8DrIvI.js";import{G as l,W as a,k as c,af as n,z as d,y as u,q as h,ao as p,r as v,w as k,f,an as g,o as b}from"./p-B-Bh5OXe.js";import{r as m,s as x,R as w}from"./p-pzmlFWTs.js";import{u as y}from"./p-U06fVoGD.js";import{c as z}from"./p-qut9RP2y.js";import{a as H,l as j}from"./p-BuyjS5bS.js";import{i as D}from"./p-GAnFXayY.js";import{d as S}from"./p-BHB1Wprj.js";import{d as T}from"./p-PWh0XRW8.js";const C=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiSourceChange=t(this,"suiSourceChange",3),this.suiTargetChange=t(this,"suiTargetChange",3),this.suiSelectionChange=t(this,"suiSelectionChange",3)}get host(){return this}sourceHeading;targetHeading;source=[];target=[];selection=[];height=240;noDrag=!1;dragOnly=!1;selectionMode="single";filter=!1;emptyMessage;emptyFilterMessage;loading=!1;breakpoint=640;suiSourceChange;suiTargetChange;suiSelectionChange;focused={s:-1,t:-1};drag=null;over=null;lifted=null;live="";query={s:"",t:""};stacked=!1;resizeObserver;fieldId=y("sui-pick-list");rowEls={s:[],t:[]};pendingFocus=null;snapshot;loaded=!1;onLists(){this.lifted&&this.lifted.idx>=this.listOf(this.lifted.side).length&&(this.lifted=null),["s","t"].forEach((i=>{const s=this.listOf(i).length;this.focused[i]>=s&&(this.focused={...this.focused,[i]:s?s-1:-1})}))}connectedCallback(){S(this.host,(()=>{const i=this.selSide()\|\|"s";return this.rowEls[i][this.tabRow(i)]})),this.loaded&&this.watchWidth(!0)}componentDidLoad(){this.loaded=!0,this.watchWidth()}watchWidth(i=!1){if(this.resizeObserver?.disconnect(),this.resizeObserver=void 0,"undefined"==typeof ResizeObserver)return;const s=i=>{this.stacked=this.breakpoint>0&&i>0&&i<this.breakpoint};this.resizeObserver=new ResizeObserver((i=>s(i.length?i[0].contentRect.width:this.host.clientWidth\|\|0))),this.resizeObserver.observe(this.host),i&&Promise.resolve().then((()=>{this.host.isConnected&&s(this.host.clientWidth\|\|0)}))}disconnectedCallback(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0}componentDidRender(){this.pendingFocus&&(this.focusRow(this.pendingFocus),this.pendingFocus=null)}async setFocus(){const i=this.selSide()\|\|"s";this.focusRow({side:i,idx:this.tabRow(i)})}get boxes(){return"checkbox"===this.selectionMode}focusRow(i){const s=this.rowEls[i.side][i.idx];s&&"function"==typeof s.focus&&s.focus()}listOf(i){return("s"===i?this.source:this.target)\|\|[]}nameOf(i){return"s"===i?H(void 0,"pick-list.sourceHeading",this.sourceHeading,"Available"):H(void 0,"pick-list.targetHeading",this.targetHeading,"Selected")}filtering(i){return this.filter&&this.query[i].trim().length>0}visible(i){const s=this.listOf(i),t=s.map(((i,s)=>s));if(!this.filtering(i))return t;const e=this.query[i].trim().toLowerCase();return t.filter((i=>m(s[i],e)))}holding(i){const s=this.selection\|\|[];if(!s.length)return[];const t=[];return this.listOf(i).forEach(((i,e)=>{s.includes(i.value)&&t.push(e)})),t}selSide(){return this.holding("s").length?"s":this.holding("t").length?"t":null}picked(i){if(this.selSide()!==i)return[];const s=this.holding(i);return this.boxes?s:s.slice(0,1)}tabRow(i){const s=this.visible(i),t=this.picked(i),e=this.boxes\|\|!t.length?this.focused[i]:t[0];return s.includes(e)?e:s.length?s[0]:0}setSel(i,s){const t=this.listOf(i),e=s.slice().sort(((i,s)=>i-s)).map((i=>t[i].value));x(e,this.selection)\|\|(this.selection=e,this.suiSelectionChange.emit(e))}select(i,s){this.setSel(i,[s])}toggle(i,s){const t=this.picked(i);this.setSel(i,t.includes(s)?t.filter((i=>i!==s)):t.concat([s]))}toggleAll(i){const s=this.visible(i);if(!s.length)return;const t=this.picked(i),e=s.every((i=>t.includes(i)));this.setSel(i,e?t.filter((i=>!s.includes(i))):t.concat(s.filter((i=>!t.includes(i)))))}commit(i){const s=!this.same(i.s,this.listOf("s")),t=!this.same(i.t,this.listOf("t"));this.source=i.s,this.target=i.t,s&&this.suiSourceChange.emit(i.s),t&&this.suiTargetChange.emit(i.t)}same(i,s){return i.length===s.length&&i.every(((i,t)=>i===s[t]))}moveItem(i,s,t){const e={s:this.listOf("s").slice(),t:this.listOf("t").slice()},[r]=e[i.side].splice(i.idx,1),o=z(t,0,e[s].length);return e[s].splice(o,0,r),{lists:e,idx:o}}moveSel(i){const s=i>0?"s":"t",t=this.picked(s);if(!t.length)return;const e="s"===s?"t":"s",r=t.map((i=>this.listOf(s)[i])),o=this.listOf(s).filter(((i,s)=>!t.includes(s))),l=this.listOf(e).length,a=this.listOf(e).concat(r);this.commit("s"===s?{s:o,t:a}:{s:a,t:o}),this.live=1===r.length?j(void 0,"pick-list.movedTo",void 0,"{item} moved to {list}.",{item:r[0].label,list:this.nameOf(e)}):j(void 0,"pick-list.movedManyTo",void 0,"{n} rows moved to {list}.",{n:r.length,list:this.nameOf(e)}),this.focused={...this.focused,[e]:l},this.pendingFocus={side:e,idx:l}}moveAll(i){const s=i>0?"t":"s",t=this.listOf(s).length;this.commit(i>0?{s:[],t:this.listOf("t").concat(this.listOf("s"))}:{s:this.listOf("s").concat(this.listOf("t")),t:[]}),this.focused={...this.focused,[s]:t},this.pendingFocus={side:s,idx:t}}resetDrag=()=>{this.drag=null,this.over=null};onDragStart(i,s,t){if(this.drag={side:s,idx:t},this.focused={...this.focused,[s]:t},this.boxes\|\|this.select(s,t),i.dataTransfer){i.dataTransfer.effectAllowed="move";try{i.dataTransfer.setData("text/plain",this.listOf(s)[t].label)}catch{}}}onRowDragOver(i,s,t){if(this.noDrag\|\|this.filtering(s))return;i.preventDefault();const e=i.currentTarget.getBoundingClientRect();this.over={side:s,idx:i.clientY<e.top+e.height/2?t:t+1}}onShellDragOver(i,s){this.filtering(s)\|\|(i.preventDefault(),this.over&&this.over.side===s\|\|(this.over={side:s,idx:this.listOf(s).length}))}onDrop=i=>{i.preventDefault();const s=this.drag,t=this.over;if(this.resetDrag(),!s\|\|!t)return;const e=s.side===t.side&&t.idx>s.idx?t.idx-1:t.idx;if(s.side===t.side&&e===s.idx)return void(this.boxes\|\|this.select(s.side,s.idx));const r=this.moveItem(s,t.side,e);this.focused={...this.focused,[t.side]:r.idx},this.commit(r.lists)};onKey(i,s,t){const e=!!this.lifted&&this.lifted.side===s&&this.lifted.idx===t,r="s"===s?"t":"s",o=this.visible(s),l=o.indexOf(t),a=(r,a)=>{i.preventDefault(),this.stacked&&null==a&&("s"===s&&r>0&&l===o.length-1\|\|"t"===s&&r<0&&0===l)?c():e?this.moveLifted(s,null!=a?a<0?0:this.listOf(s).length-1:t+r):this.focusAt(s,null!=a?a<0?o[0]:o[o.length-1]:o[l+r]??(r<0?o[0]:o[o.length-1]))},c=()=>{if(i.preventDefault(),e)this.moveLifted(r,this.listOf(r).length);else{const i=this.visible(r);if(!i.length)return;const s=this.tabRow(r);this.focusAt(r,i.includes(s)?s:i[0])}},n=()=>{i.preventDefault(),e?this.dropLifted():this.lift(s,t)};switch(i.key){case" ":case"Spacebar":i.preventDefault(),this.boxes?(this.focused={...this.focused,[s]:t},this.toggle(s,t)):n();break;case"Enter":n();break;case"ArrowDown":a(1);break;case"ArrowUp":a(-1);break;case"Home":a(0,-1);break;case"End":a(0,1);break;case"ArrowRight":s===(D(this.host)?"t":"s")&&c();break;case"ArrowLeft":s===(D(this.host)?"s":"t")&&c();break;case"Escape":e&&(i.preventDefault(),this.cancelLift())}}focusAt(i,s){null!=s&&(this.focused={...this.focused,[i]:s},this.boxes\|\|this.select(i,s),this.focusRow({side:i,idx:s}))}lift(i,s){this.filtering(i)?this.live=j(void 0,"pick-list.paneFilterHeld",void 0,"Clear the {list} filter to move rows inside it.",{list:this.nameOf(i)}):(this.lifted={side:i,idx:s},this.focused={...this.focused,[i]:s},this.boxes\|\|this.select(i,s),this.snapshot={s:this.listOf("s").slice(),t:this.listOf("t").slice()},this.live=j(void 0,"pick-list.lifted",void 0,"{item} lifted. Use the arrow keys to move it, then drop it.",{item:this.listOf(i)[s].label}))}moveLifted(i,s){const t=this.lifted,e=this.listOf(t.side)[t.idx].label;if(i===t.side){const r=this.listOf(t.side).length,o=z(s,0,r-1);if(o===t.idx)return void(this.live=0===o?j(void 0,"pick-list.atTop",void 0,"{item} is already at the top.",{item:e}):j(void 0,"pick-list.atBottom",void 0,"{item} is already at the bottom.",{item:e}));const l=this.moveItem(t,i,o),a={side:i,idx:l.idx};return this.commit(l.lists),this.lifted=a,this.pendingFocus=a,this.focused={...this.focused,[i]:a.idx},void(this.live=j(void 0,"pick-list.moved",void 0,"{item} moved to position {n} of {count}.",{item:e,n:l.idx+1,count:r}))}const r=this.moveItem(t,i,s),o={side:i,idx:r.idx};this.commit(r.lists),this.lifted=o,this.pendingFocus=o,this.focused={...this.focused,[i]:o.idx},this.live=j(void 0,"pick-list.movedAcross",void 0,"{item} moved to {list}, position {n} of {count}.",{item:e,list:this.nameOf(i),n:r.idx+1,count:this.listOf(i).length})}dropLifted(){const i=this.lifted;this.lifted=null,this.snapshot=void 0,this.live=j(void 0,"pick-list.droppedIn",void 0,"{item} dropped in {list} at position {n} of {count}.",{item:this.listOf(i.side)[i.idx].label,list:this.nameOf(i.side),n:i.idx+1,count:this.listOf(i.side).length})}cancelLift(){const i=this.lifted,s=this.snapshot,t=this.listOf(i.side)[i.idx];let e=i.side;if(this.lifted=null,this.snapshot=void 0,s&&(!this.same(s.s,this.listOf("s"))\|\|!this.same(s.t,this.listOf("t")))){e=s.s.includes(t)?"s":"t";const i={side:e,idx:Math.max(0,s[e].indexOf(t))};this.pendingFocus=i,this.focused={...this.focused,[e]:i.idx},this.commit(s)}this.live=j(void 0,"pick-list.canceledTo",void 0,"Move canceled. {item} returned to {list}.",{item:t.label,list:this.nameOf(e)})}ctrl(i,s,t,r){return e("button",{type:"button",class:"sui-rl-ctrl","aria-label":s,disabled:r,onClick:t},e(l,{glyph:i}))}onRowClick(i,s){this.focused={...this.focused,[i]:s},this.boxes?this.toggle(i,s):this.select(i,s)}pane(i){const s=this.listOf(i),t=`${this.fieldId}-${i}`,r=this.visible(i),o=this.tabRow(i),u=!this.noDrag,h=!!this.drag&&!!this.over&&this.over.side===i,p=this.picked(i),v=r.filter((i=>p.includes(i))).length,k=r.length>0&&v===r.length,f=v>0&&!k,g={},b=[],m=this.filtering(i),x=this.nameOf(i),y=this.loading?H(void 0,"pick-list.loading",void 0,"Loading"):0!==r.length\|\|this.drag?"":m?H(void 0,"pick-list.emptyFilter",this.emptyFilterMessage,"No matches."):H(void 0,"pick-list.empty",this.emptyMessage,"Nothing here yet.");return this.rowEls[i]=[],this.loading\|\|r.forEach((t=>{const r=s[t];h&&this.over.idx===t&&b.push(e("li",{class:"sui-rl-dropline",role:"presentation",key:`${i}dl${t}`}));const n=r.value+"",d=g[n]=(g[n]\|\|0)+1,v=p.includes(t);b.push(e("li",{key:d>1?`${n}#${d}`:n,ref:s=>{s&&(this.rowEls[i][t]=s)},class:{"sui-rl-row":!0,selected:v,dragging:!!this.drag&&this.drag.side===i&&this.drag.idx===t,lifted:!!this.lifted&&this.lifted.side===i&&this.lifted.idx===t,static:!u\|\|m},role:"option","aria-selected":v?"true":"false",tabIndex:t===o?0:-1,draggable:u&&!m,onClick:()=>this.onRowClick(i,t),onKeyDown:s=>this.onKey(s,i,t),onDragStart:s=>this.onDragStart(s,i,t),onDragEnd:this.resetDrag,onDragOver:s=>this.onRowDragOver(s,i,t)},this.boxes?e("span",{class:{"sui-rl-box":!0,on:v},"aria-hidden":"true"},v?e(l,{glyph:c}):null):null,e(l,{glyph:a,class:"grip"}),e(w,{item:r,avatar:r.avatar\|\|r.initials?e("sui-avatar",{class:"sui-list-avatar",src:r.avatar,initials:r.initials,size:"sm","aria-hidden":"true"}):void 0})))})),h&&this.over.idx===s.length&&r.length>0&&b.push(e("li",{class:"sui-rl-dropline",role:"presentation",key:i+"dlend"})),e("div",{class:{pane:!0,["s"===i?"source":"target"]:!0}},e("div",{class:"sui-rl-header",id:t},this.nameOf(i),e("span",{class:"count"},"(",s.length,")")),this.filter?e("div",{class:"sui-rl-filter sui-frame"},e(l,{glyph:d}),e("input",{type:"text",placeholder:H(void 0,"pick-list.filterPlaceholder",void 0,"Filter"),"aria-label":j(void 0,"pick-list.filter",void 0,"Filter {list}",{list:x}),value:this.query[i],onInput:s=>this.query={...this.query,[i]:s.target.value}})):null,this.boxes?e("button",{type:"button",class:"sui-rl-all",role:"checkbox","aria-checked":k?"true":f?"mixed":"false","aria-label":j(void 0,"pick-list.selectAllIn",void 0,"Select all {list}",{list:x}),disabled:0===r.length\|\|this.loading,onClick:()=>this.toggleAll(i)},e("span",{class:{"sui-rl-box":!0,on:k,mixed:f},"aria-hidden":"true"},k?e(l,{glyph:c}):null,f?e(l,{glyph:n}):null),e("span",null,H(void 0,"pick-list.selectAll",void 0,"Select all"))):null,e("ol",{class:"sui-rl-shell pane-list",role:"listbox","aria-multiselectable":this.boxes?"true":null,"aria-labelledby":t,"aria-describedby":y?`${this.fieldId}-${i}-empty ${this.fieldId}-hint`:this.fieldId+"-hint","aria-busy":this.loading?"true":null,style:{maxHeight:this.height+"px"},onDragOver:u&&!this.loading?s=>this.onShellDragOver(s,i):void 0,onDrop:u&&!this.loading?this.onDrop:void 0},y?e("li",{class:"sui-rl-empty empty",id:`${this.fieldId}-${i}-empty`,role:"presentation","aria-hidden":"true"},y):null,0===r.length&&this.drag?e("li",{class:{"drop-here":!0,over:h},role:"presentation","aria-hidden":"true"},H(void 0,"pick-list.dropHere",void 0,"Drop here")):null,b))}render(){const i=this.picked("s").length>0&&!this.loading,s=this.picked("t").length>0&&!this.loading,t=this.loading,o=this.stacked?{one:u,all:p}:{one:h,all:v},l=this.stacked?{one:k,all:g}:{one:f,all:b};return e(r,{key:"18fcc8f51cea3774bf06bc330ca3d546ca476693"},e("div",{key:"c805c7c1d32ce1715467d15c22d3b1c3d2c33590",class:{wrap:!0,stacked:this.stacked}},this.pane("s"),this.dragOnly?null:e("div",{class:"sui-rl-ctrls"},this.ctrl(o.one,H(void 0,"pick-list.moveToSelected",void 0,"Move to selected"),(()=>this.moveSel(1)),!i),this.ctrl(o.all,H(void 0,"pick-list.moveAll",void 0,"Move all"),(()=>this.moveAll(1)),t\|\|0===this.listOf("s").length),this.ctrl(l.one,H(void 0,"pick-list.remove",void 0,"Remove"),(()=>this.moveSel(-1)),!s),this.ctrl(l.all,H(void 0,"pick-list.removeAll",void 0,"Remove all"),(()=>this.moveAll(-1)),t\|\|0===this.listOf("t").length)),this.pane("t")),e("div",{key:"36c2eb060d54db1d933d3d2b7be75627ca3da7e7",class:"sui-rl-live",id:this.fieldId+"-hint"},this.boxes?H(void 0,"pick-list.hintBoxes",void 0,"Press Space to check a row, Enter to lift it, and the arrow keys to move it between and within the lists."):H(void 0,"pick-list.hint",void 0,"Press Space to lift a row, the arrow keys to move it between and within the lists, and Space to drop it.")),e("div",{key:"5842ece0d6ebd92ec0a4281d464eb5082bc541ed",class:"sui-rl-live","aria-live":"assertive","aria-atomic":"true"},this.live))}static get watchers(){return{source:[{onLists:0}],target:[{onLists:0}]}}static get style(){return".sc-sui-pick-list-h{display:block;position:relative;font-family:var(--font-sans);color:var(--ink)}.wrap.sc-sui-pick-list{display:flex;gap:12px;align-items:stretch}.wrap.stacked.sc-sui-pick-list{flex-direction:column}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrls.sc-sui-pick-list{flex-direction:row;justify-content:center}.pane.sc-sui-pick-list{flex:1;min-width:0}.pane-list.sc-sui-pick-list{min-height:120px}.sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:scaleX(-1)}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:none}.drop-here.sc-sui-pick-list{list-style:none;padding:14px 10px;margin:2px;font-size:12px;color:var(--accent-ink);text-align:center;border:1.5px dashed var(--accent);border-radius:var(--radius-md)}.drop-here.over.sc-sui-pick-list{background:var(--accent-soft);color:var(--accent-soft-ink)}@media (forced-colors: active){.drop-here.sc-sui-pick-list{border-color:Highlight}.drop-here.over.sc-sui-pick-list{forced-color-adjust:none;background:Highlight;color:HighlightText}}.sui-frame.sc-sui-pick-list{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-pick-list:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-pick-list,.sui-frame.readonly.sc-sui-pick-list{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-pick-list:focus-within,.sui-frame.focus.sc-sui-pick-list,.sui-frame.open.sc-sui-pick-list{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-pick-list{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-pick-list:focus-within,.sui-frame.invalid.focus.sc-sui-pick-list,.sui-frame.invalid.open.sc-sui-pick-list{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-pick-list:disabled,.sui-frame.disabled.sc-sui-pick-list{--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-pick-list{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-pick-list::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-pick-list{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-pick-list{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-pick-list{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-pick-list:focus-within,.sui-frame.focus.sc-sui-pick-list,.sui-frame.open.sc-sui-pick-list{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-pick-list:disabled,.sui-frame.disabled.sc-sui-pick-list{color:GrayText;border-color:GrayText}}.sev.sc-sui-pick-list{width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}.sev.sc-sui-pick-list i.sc-sui-pick-list,.sev.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px}.sev.positive.sc-sui-pick-list{background:var(--status-positive-bg);color:var(--status-positive-ink)}.sev.attention.sc-sui-pick-list{background:var(--status-attention-bg);color:var(--status-attention-ink)}.sev.critical.sc-sui-pick-list{background:var(--danger-soft);color:var(--danger)}.sev.info.sc-sui-pick-list{background:var(--surface-sunken);color:var(--ink-muted)}.sev.neutral.sc-sui-pick-list{background:var(--status-neutral-bg);color:var(--status-neutral-ink)}.sev.icon.sc-sui-pick-list{background:var(--surface-sunken);color:var(--ink-muted)}.sui-list-avatar.sc-sui-pick-list{flex-shrink:0;margin-top:1px}.text.sc-sui-pick-list{flex:1;min-width:0}.title-row.sc-sui-pick-list{display:flex;align-items:center;gap:6px;min-width:0}.title.sc-sui-pick-list{font-size:12.5px;font-weight:620;min-width:0}.unread.sc-sui-pick-list .title.sc-sui-pick-list{font-weight:700}.dot.sc-sui-pick-list{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-inline-start:auto}.meta.sc-sui-pick-list{flex-shrink:0;margin-inline-start:auto;font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.dot.sc-sui-pick-list+.sr-only.sc-sui-pick-list+.meta.sc-sui-pick-list,.dot.sc-sui-pick-list+.meta.sc-sui-pick-list{margin-inline-start:0}.detail.sc-sui-pick-list{display:block;font-size:11.5px;color:var(--ink-muted);line-height:1.45;margin-top:1px}.time.sc-sui-pick-list{display:block;font-size:10.5px;color:var(--ink-faint);margin-top:3px;font-feature-settings:'tnum'}.sr-only.sc-sui-pick-list{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.sev.sc-sui-pick-list{box-sizing:border-box;border:1px solid CanvasText}.dot.sc-sui-pick-list{background:CanvasText}}.sui-rl-shell.sc-sui-pick-list{box-sizing:border-box;margin:0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:5px;overflow-y:auto}.sui-rl-shell.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-empty.sc-sui-pick-list{list-style:none;padding:14px 10px;font-size:12px;color:var(--ink-faint);text-align:center}.sui-rl-row.sc-sui-pick-list{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:460;color:var(--ink);background:transparent;cursor:grab;user-select:none;-webkit-user-select:none;opacity:1;box-shadow:none;transition:background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-rl-row.static.sc-sui-pick-list{cursor:pointer}.sui-rl-row.sc-sui-pick-list:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-row.selected.sc-sui-pick-list{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-rl-row.selected.sc-sui-pick-list:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-rl-row.dragging.sc-sui-pick-list{opacity:0.5;box-shadow:none;outline:1px dashed var(--ink-muted);outline-offset:-1px}.sui-rl-row.lifted.sc-sui-pick-list{box-shadow:var(--shadow-raised);background:var(--surface);position:relative;z-index:1}.sui-rl-row.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-row.lifted.sc-sui-pick-list:focus-visible{box-shadow:var(--shadow-raised)}.sui-rl-row.sc-sui-pick-list .grip.sc-sui-pick-list{font-size:10px;color:var(--ink-faint)}.sui-rl-row.static.sc-sui-pick-list .grip.sc-sui-pick-list{color:var(--border-strong)}.sui-rl-row.sc-sui-pick-list .label.sc-sui-pick-list{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-rl-row.sc-sui-pick-list .text.sc-sui-pick-list .label.sc-sui-pick-list{display:block}.sui-rl-row.sc-sui-pick-list .detail.sc-sui-pick-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:460}.sui-rl-row.sc-sui-pick-list .meta.sc-sui-pick-list{font-weight:460}.sui-rl-row.selected.sc-sui-pick-list .detail.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .meta.sc-sui-pick-list{color:var(--ink-muted)}.sui-rl-dropline.sc-sui-pick-list{height:2px;border-radius:1px;background:var(--accent-ink);margin:1px 6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent)}.sui-rl-ctrls.sc-sui-pick-list{display:flex;flex-direction:column;gap:6px;justify-content:center}.sui-rl-ctrl.sc-sui-pick-list{box-sizing:border-box;width:30px;height:30px;padding:0;margin:0;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px}.sui-rl-ctrl.sc-sui-pick-list:hover:not(:disabled){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-pick-list:active:not(:disabled){background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-pick-list:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-rl-ctrl.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-header.sc-sui-pick-list{font-size:12.5px;font-weight:650;color:var(--ink);margin-bottom:6px}.sui-rl-header.sc-sui-pick-list .count.sc-sui-pick-list{color:var(--ink-faint);font-weight:460;margin-inline-start:6px;font-feature-settings:'tnum'}.sui-rl-live.sc-sui-pick-list{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){.sui-rl-row.selected.sc-sui-pick-list{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .grip.sc-sui-pick-list{color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .sui-rl-box.sc-sui-pick-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-pick-list .detail.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .meta.sc-sui-pick-list{color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .sev.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .sui-list-avatar.sc-sui-pick-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-pick-list:focus-visible{outline-color:HighlightText;box-shadow:none}.sui-rl-row.lifted.sc-sui-pick-list{outline:2px dashed Highlight;outline-offset:-2px;box-shadow:none}.sui-rl-row.selected.lifted.sc-sui-pick-list{outline-color:HighlightText}.sui-rl-dropline.sc-sui-pick-list{background:Highlight;box-shadow:none}}.sui-rl-box.sc-sui-pick-list{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)}.sui-rl-box.on.sc-sui-pick-list,.sui-rl-box.mixed.sc-sui-pick-list{border-color:var(--brand);background:var(--brand)}.sui-rl-box.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:10px;color:var(--brand-contrast)}.sui-rl-all.sc-sui-pick-list{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0 0 6px;padding:5px 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);transition:background var(--duration-fast) var(--ease-out)}.sui-rl-all.sc-sui-pick-list:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-all.sc-sui-pick-list:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-rl-all.sc-sui-pick-list:disabled .sui-rl-box.sc-sui-pick-list{background:var(--disabled-bg);border-color:var(--border-strong)}.sui-rl-all.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-filter.sc-sui-pick-list{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px;margin-bottom:6px;box-sizing:border-box}.sui-rl-filter.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px;color:var(--ink-faint)}.sui-rl-filter.sc-sui-pick-list input.sc-sui-pick-list{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-rl-filter.sc-sui-pick-list input.sc-sui-pick-list::placeholder{color:var(--ink-placeholder)}"}},[514,"sui-pick-list",{sourceHeading:[1,"source-heading"],targetHeading:[1,"target-heading"],source:[1040],target:[1040],selection:[1040],height:[2],noDrag:[516,"no-drag"],dragOnly:[516,"drag-only"],selectionMode:[513,"selection-mode"],filter:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],loading:[516],breakpoint:[2],focused:[32],drag:[32],over:[32],lifted:[32],live:[32],query:[32],stacked:[32],setFocus:[64]},void 0,{source:[{onLists:0}],target:[{onLists:0}]}]),A=C,R=function(){"undefined"!=typeof customElements&&["sui-pick-list","sui-avatar"].forEach((i=>{switch(i){case"sui-pick-list":customElements.get(o(i))\|\|customElements.define(o(i),C);break;case"sui-avatar":customElements.get(o(i))\|\|T()}}))};export{A as SuiPickList,R as defineCustomElement}

package/dist/components/sui-popover.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as i,H as s,c as t,f as e,h as o,a as r,t as h}from"./p-DQ8DrIvI.js";import{k as n,o as a,i as p,p as l,a as u,b as c,m as d,l as m,g as f,t as v}from"./p-~~CnbXPlor~~.js";import{f as g}from"./p-~~CyjJsMuN~~.js";import{i as y}from"./p-~~Cs2X0Kih~~.js";import{u as b}from"./p-U06fVoGD.js";import{i as k}from"./p-GAnFXayY.js";const x=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiOpen=t(this,"suiOpen",3),this.suiClose=t(this,"suiClose",3)}get host(){return this}width=280;position="bottom";align="start";triggerOn="click";openDelay=350;closeDelay=200;hoverPersist=!1;flush=!1;menu=!1;open=!1;suiOpen;suiClose;fieldId=b("sui-popover");hostLabel;closing=!1;dropLabel;anchor;panel;disposers=[];escape=n((()=>this.requestClose("escape",!0)));demote;exit=a((()=>this.exited()));openTimer;closeTimer;overHeld=!1;openedByGesture=!1;openFromEnd=!1;connectedCallback(){this.dropLabel?.(),this.dropLabel=y(this.host,(i=>this.hostLabel=i)),this.open&&this.panel&&e(this)}componentDidLoad(){this.syncTrigger()}componentDidUpdate(){this.syncTrigger()}componentDidRender(){this.open&&this.afterOpen()}disconnectedCallback(){this.clearTimers(),this.teardown(),this.exit.cancel(),this.exited(),this.dropLabel?.()}onOpenChange(i){if(i)return this.escape.arm(),this.exit.cancel(),void(this.closing=!1);this.panelHasFocus()&&this.triggerEl()?.focus(),this.teardown(),this.exit.begin(this.panel)?this.closing=!0:this.exited()}exited(){this.demote?.(),this.demote=void 0,this.closing=!1}syncTrigger(){const i=this.triggerEl();i&&(i.setAttribute("aria-expanded",this.open?"true":"false"),i.setAttribute("aria-controls",this.fieldId+"-panel"),"click"===this.triggerOn&&i.setAttribute("aria-haspopup",this.menu?"menu":"dialog"))}menuRow(i){if(!this.panel)return null;const s=Array.from(this.panel.querySelectorAll('[role="menuitem"]')).filter((i=>"true"!==i.getAttribute("aria-disabled")));return("first"===i?s[0]:s[s.length-1])\|\|null}triggerEl(){return this.anchor?g(this.anchor):null}within(i){return!!i&&(p(this.host,i)\|\|!(!this.panel\|\|!p(this.panel,i)))}afterOpen(){this.open&&this.anchor&&this.panel&&!this.disposers.length&&this.host.isConnected&&(this.demote\|\|(this.demote=l(this.panel)),this.reposition(),this.disposers.push(u((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),c((()=>this.reposition()))),this.escape.arm(),"hover"===this.triggerOn&&(document.addEventListener("mouseover",this.onDocumentOver,!0),this.disposers.push((()=>{document.removeEventListener("mouseover",this.onDocumentOver,!0),this.overHeld=!1}))),this.openedByGesture&&((this.menu&&"click"===this.triggerOn?this.menuRow(this.openFromEnd?"last":"first"):null)\|\|this.panel).focus({preventScroll:!0}))}alignFor(i){return"left"===i\|\|"right"===i?"center":"left"===this.align\|\|"right"===this.align?"right"===this.align!==k(this.host)?"end":"start":"end"===this.align?"end":"start"}reposition(){if(!this.anchor\|\|!this.panel)return;const i=this.position;d(this.panel,m(this.anchor,this.panel,i,8,this.alignFor(i)))}teardown(){this.escape.disarm(),this.panel&&f(this.panel),this.disposers.forEach((i=>i())),this.disposers=[],this.openedByGesture=!1,this.openFromEnd=!1}clearTimers(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer)}show(){this.open\|\|(this.open=!0,this.suiOpen.emit())}panelHasFocus(){const i=document.activeElement;return!!i&&!!this.panel&&p(this.panel,i)}requestClose(i,s=!1){this.open&&(this.suiClose.emit(i).defaultPrevented\|\|(this.open=!1,s&&this.triggerEl()?.focus()))}onPanelKey=i=>{"click"===this.triggerOn&&v(i,this.panel,(()=>this.requestClose("outside",!0)))};onTriggerClick=()=>{"click"===this.triggerOn&&(this.open?this.requestClose("trigger"):(this.openedByGesture=!0,this.show()))};onTriggerKey=i=>{if(!this.menu\|\|"click"!==this.triggerOn\|\|"ArrowDown"!==i.key&&"ArrowUp"!==i.key)return;i.preventDefault();const s="ArrowUp"===i.key;this.open?this.menuRow(s?"last":"first")?.focus({preventScroll:!0}):(this.openedByGesture=!0,this.openFromEnd=s,this.show())};onEnter=()=>{"hover"===this.triggerOn&&(this.clearTimers(),this.openTimer=setTimeout((()=>this.show()),this.openDelay))};onFocusIn=()=>{"hover"===this.triggerOn&&(this.clearTimers(),this.show())};onLeave=i=>{"hover"===this.triggerOn&&(i&&this.within(i.relatedTarget)\|\|(clearTimeout(this.openTimer),this.hoverPersist\|\|(clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.panelHasFocus()\|\|this.requestClose("trigger")}),this.closeDelay))))};onDocumentOver=i=>{const s=i.target;if(s&&!this.host.contains(s))return this.within(s)?(this.overHeld=!0,void clearTimeout(this.closeTimer)):void(this.overHeld&&(this.overHeld=!1,this.onLeave()));this.overHeld=!1};onFocusOut=i=>{this.within(i.relatedTarget)\|\|this.onLeave()};render(){const i="click"===this.triggerOn,s=i&&!this.menu;return o(r,{key:"~~a2bc6860d9b4e6ee6f5d148dc38f4a2a8ebfe5bd~~",onMouseEnter:this.onEnter,onMouseLeave:this.onLeave,onFocusin:this.onFocusIn,onFocusout:this.onFocusOut},o("span",{key:"~~e47ee782ee8ca67165bb9696450e6d8fef4150ee~~",ref:i=>this.anchor=i,id:this.fieldId+"-trigger",class:"trigger",onClick:this.onTriggerClick,onKeyDown:this.onTriggerKey},o("slot",{key:"~~5e84a9f67e8a7aca8fded32ecadeaba7f7a18b62~~",name:"trigger"})),this.open\|\|this.closing?o("div",{ref:i=>this.panel=i,id:this.fieldId+"-panel",class:{panel:!0,padded:!this.flush,closing:this.closing},inert:this.closing,role:s?"dialog":void 0,"aria-label":s&&this.hostLabel?this.hostLabel:void 0,"aria-labelledby":s&&!this.hostLabel?this.fieldId+"-trigger":void 0,tabindex:i?"-1":void 0,style:{width:this.width+"px"},onKeyDown:this.onPanelKey},o("slot",null)):null)}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return".sc-sui-popover-h{display:inline-flex;position:relative;font-family:var(--font-sans)}.trigger.sc-sui-popover{display:inline-flex}.panel.sc-sui-popover{position:fixed;top:0;left:0;z-index:var(--z-overlay);box-sizing:border-box;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:0;font-family:var(--font-sans);font-size:13.5px;line-height:1.5;animation:sui-popover-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-popover{animation-name:sui-popover-in-top}.panel[data-side='left'].sc-sui-popover{animation-name:sui-popover-in-left}.panel[data-side='right'].sc-sui-popover{animation-name:sui-popover-in-right}.panel.closing.sc-sui-popover{animation:sui-popover-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.panel.padded.sc-sui-popover{padding:14px 16px}.panel.sc-sui-popover:focus{outline:none}@keyframes sui-popover-in{from{opacity:0;margin-top:-4px}}@keyframes sui-popover-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-popover-in-left{from{opacity:0;margin-left:4px}}@keyframes sui-popover-in-right{from{opacity:0;margin-left:-4px}}@keyframes sui-popover-out{to{opacity:0}}"}},[774,"sui-popover",{width:[2],position:[513],align:[513],triggerOn:[513,"trigger-on"],openDelay:[2,"open-delay"],closeDelay:[2,"close-delay"],hoverPersist:[516,"hover-persist"],flush:[516],menu:[516],open:[1540],hostLabel:[32],closing:[32]},void 0,{open:[{onOpenChange:0}]}]),w=x,D=function(){"undefined"!=typeof customElements&&["sui-popover"].forEach((i=>{"sui-popover"===i&&(customElements.get(h(i))\|\|customElements.define(h(i),x))}))};export{w as SuiPopover,D as defineCustomElement}
1	+ import{p as i,H as t,c as s,f as e,h as o,a as r,t as h}from"./p-DQ8DrIvI.js";import{k as n,o as a,i as p,p as l,a as c,b as u,m as d,l as m,g as v,t as f}from"./p-B2OoQiUx.js";import{f as g}from"./p-CT77EwEI.js";import{i as y}from"./p-wknHx00K.js";import{u as b}from"./p-U06fVoGD.js";import{i as x}from"./p-GAnFXayY.js";const k=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiOpen=s(this,"suiOpen",3),this.suiClose=s(this,"suiClose",3)}get host(){return this}width=280;position="bottom";align="start";triggerOn="click";openDelay=350;closeDelay=200;hoverPersist=!1;flush=!1;menu=!1;open=!1;suiOpen;suiClose;fieldId=b("sui-popover");hostLabel;closing=!1;dropLabel;anchor;panel;disposers=[];escape=n((()=>this.requestClose("escape",!0)));demote;exit=a((()=>this.exited()));openTimer;closeTimer;overHeld=!1;openedByGesture=!1;openFromEnd=!1;connectedCallback(){this.dropLabel?.(),this.dropLabel=y(this.host,(i=>this.hostLabel=i)),this.open&&this.panel&&e(this)}componentDidLoad(){this.syncTrigger()}componentDidUpdate(){this.syncTrigger()}componentDidRender(){this.open&&this.afterOpen()}disconnectedCallback(){this.clearTimers(),this.teardown(),this.exit.cancel(),this.exited(),this.dropLabel?.()}onOpenChange(i){if(i)return this.escape.arm(),this.exit.cancel(),void(this.closing=!1);this.panelHasFocus()&&this.triggerEl()?.focus(),this.teardown(),this.exit.begin(this.panel)?this.closing=!0:this.exited()}exited(){this.demote?.(),this.demote=void 0,this.closing=!1}syncTrigger(){const i=this.triggerEl();i&&(i.setAttribute("aria-expanded",this.open?"true":"false"),i.setAttribute("aria-controls",this.fieldId+"-panel"),"click"===this.triggerOn&&i.setAttribute("aria-haspopup",this.menu?"menu":"dialog"))}menuRow(i){if(!this.panel)return null;const t=Array.from(this.panel.querySelectorAll('[role="menuitem"]')).filter((i=>"true"!==i.getAttribute("aria-disabled")));return("first"===i?t[0]:t[t.length-1])\|\|null}triggerEl(){return this.anchor?g(this.anchor):null}within(i){return!!i&&(p(this.host,i)\|\|!(!this.panel\|\|!p(this.panel,i)))}afterOpen(){this.open&&this.anchor&&this.panel&&!this.disposers.length&&this.host.isConnected&&(this.demote\|\|(this.demote=l(this.panel)),this.reposition(),this.disposers.push(c((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),u((()=>this.reposition()))),this.escape.arm(),"hover"===this.triggerOn&&(document.addEventListener("mouseover",this.onDocumentOver,!0),this.disposers.push((()=>{document.removeEventListener("mouseover",this.onDocumentOver,!0),this.overHeld=!1}))),this.openedByGesture&&((this.menu&&"click"===this.triggerOn?this.menuRow(this.openFromEnd?"last":"first"):null)\|\|this.panel).focus({preventScroll:!0}))}alignFor(i){return"left"===i\|\|"right"===i?"center":"left"===this.align\|\|"right"===this.align?"right"===this.align!==x(this.host)?"end":"start":"end"===this.align?"end":"start"}reposition(){if(!this.anchor\|\|!this.panel)return;const i=this.position;d(this.panel,m(this.anchor,this.panel,i,8,this.alignFor(i)))}teardown(){this.escape.disarm(),this.panel&&v(this.panel),this.disposers.forEach((i=>i())),this.disposers=[],this.openedByGesture=!1,this.openFromEnd=!1}clearTimers(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer)}show(){this.open\|\|(this.open=!0,this.suiOpen.emit())}panelHasFocus(){const i=document.activeElement;return!!i&&!!this.panel&&p(this.panel,i)}requestClose(i,t=!1){this.open&&(this.suiClose.emit(i).defaultPrevented\|\|(this.open=!1,t&&this.triggerEl()?.focus()))}onPanelKey=i=>{"click"===this.triggerOn&&f(i,this.panel,(()=>this.requestClose("outside",!0)))};onTriggerClick=()=>{"click"===this.triggerOn&&(this.open?this.requestClose("trigger"):(this.openedByGesture=!0,this.show()))};onTriggerKey=i=>{if(!this.menu\|\|"click"!==this.triggerOn\|\|"ArrowDown"!==i.key&&"ArrowUp"!==i.key)return;i.preventDefault();const t="ArrowUp"===i.key;this.open?this.menuRow(t?"last":"first")?.focus({preventScroll:!0}):(this.openedByGesture=!0,this.openFromEnd=t,this.show())};onEnter=()=>{"hover"===this.triggerOn&&(this.clearTimers(),this.openTimer=setTimeout((()=>this.show()),this.openDelay))};onFocusIn=()=>{"hover"===this.triggerOn&&(this.clearTimers(),this.show())};onLeave=i=>{"hover"===this.triggerOn&&(i&&this.within(i.relatedTarget)\|\|(clearTimeout(this.openTimer),this.hoverPersist\|\|(clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.panelHasFocus()\|\|this.requestClose("trigger")}),this.closeDelay))))};onDocumentOver=i=>{const t=i.target;if(t&&!this.host.contains(t))return this.within(t)?(this.overHeld=!0,void clearTimeout(this.closeTimer)):void(this.overHeld&&(this.overHeld=!1,this.onLeave()));this.overHeld=!1};onFocusOut=i=>{this.within(i.relatedTarget)\|\|this.onLeave()};render(){const i="click"===this.triggerOn,t=i&&!this.menu;return o(r,{key:"84827ee8bc592ac8b56fcb51ac0a254eb281ecc8",onMouseEnter:this.onEnter,onMouseLeave:this.onLeave,onFocusin:this.onFocusIn,onFocusout:this.onFocusOut},o("span",{key:"51078e975c3ed40d6109d84459f80dbeb1d11879",ref:i=>this.anchor=i,id:this.fieldId+"-trigger",class:"trigger",onClick:this.onTriggerClick,onKeyDown:this.onTriggerKey},o("slot",{key:"680bf980cb1eff6c39508872b7ed7a27ba52d2b7",name:"trigger"})),this.open\|\|this.closing?o("div",{ref:i=>this.panel=i,id:this.fieldId+"-panel",class:{panel:!0,padded:!this.flush,closing:this.closing},inert:this.closing,role:t?"dialog":void 0,"aria-label":t&&this.hostLabel?this.hostLabel:void 0,"aria-labelledby":t&&!this.hostLabel?this.fieldId+"-trigger":void 0,tabindex:i?"-1":void 0,style:{width:this.width+"px"},onKeyDown:this.onPanelKey},o("slot",null)):null)}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return".sc-sui-popover-h{display:inline-flex;position:relative;font-family:var(--font-sans)}[align].sc-sui-popover-h{text-align:inherit}.trigger.sc-sui-popover{display:inline-flex}.panel.sc-sui-popover{position:fixed;top:0;left:0;z-index:var(--z-overlay);box-sizing:border-box;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:0;font-family:var(--font-sans);font-size:13.5px;line-height:1.5;animation:sui-popover-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-popover{animation-name:sui-popover-in-top}.panel[data-side='left'].sc-sui-popover{animation-name:sui-popover-in-left}.panel[data-side='right'].sc-sui-popover{animation-name:sui-popover-in-right}.panel.closing.sc-sui-popover{animation:sui-popover-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.panel.padded.sc-sui-popover{padding:14px 16px}.panel.sc-sui-popover:focus{outline:none}@keyframes sui-popover-in{from{opacity:0;margin-top:-4px}}@keyframes sui-popover-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-popover-in-left{from{opacity:0;margin-left:4px}}@keyframes sui-popover-in-right{from{opacity:0;margin-left:-4px}}@keyframes sui-popover-out{to{opacity:0}}"}},[774,"sui-popover",{width:[2],position:[513],align:[513],triggerOn:[513,"trigger-on"],openDelay:[2,"open-delay"],closeDelay:[2,"close-delay"],hoverPersist:[516,"hover-persist"],flush:[516],menu:[516],open:[1540],hostLabel:[32],closing:[32]},void 0,{open:[{onOpenChange:0}]}]),w=k,D=function(){"undefined"!=typeof customElements&&["sui-popover"].forEach((i=>{"sui-popover"===i&&(customElements.get(h(i))\|\|customElements.define(h(i),k))}))};export{w as SuiPopover,D as defineCustomElement}

package/dist/components/sui-progress-bar.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,H as e,h as i,a as t,t as a}from"./p-DQ8DrIvI.js";import{i as r}from"./p-~~Cs2X0Kih~~.js";import{o,h as n}from"./p-BWkzTEZX.js";import{a as l}from"./p-~~COO9uV7W~~.js";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}value=0;label;showValue=!1;indeterminate=!1;height=8;accent=!1;hasValueSlot=!1;hostLabel;dispose;disposeLabel;loaded=!1;connectedCallback(){this.disposeLabel?.(),this.disposeLabel=r(this.host,(s=>this.hostLabel=s)),this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.disposeLabel?.()}watch(s=!1){this.dispose?.(),this.dispose=o(this.host,(()=>this.readSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasValueSlot=n(this.host,"value")}render(){const s=Math.min(100,Math.max(0,Number(this.value)\|\|0)),e=this.height/2+"px",a=this.showValue&&!this.indeterminate;return i(t,{key:"~~e720ce2930a1841465132166883c1838f6b8d95b~~"},this.label\|\|a?i("div",{class:"head"},i("span",{class:"label"},this.label),a?i("span",{class:"value"},this.hasValueSlot?null:l(Math.round(s)),i("slot",{name:"value"})):null):null,i("div",{key:"~~319e727f7a872631be44f92ef719168927385685~~",class:"track",role:"progressbar","aria-valuenow":this.indeterminate?null:s,"aria-valuemin":"0","aria-valuemax":"100","aria-label":this.label\|\|this.hostLabel\|\|void 0,style:{height:this.height+"px",borderRadius:e}},i("div",this.indeterminate?{class:{sweep:!0,accent:this.accent},style:{borderRadius:e}}:{class:{fill:!0,accent:this.accent},style:{width:s+"%",borderRadius:e}})))}static get style(){return".sc-sui-progress-bar-h{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);color:var(--ink)}.head.sc-sui-progress-bar{display:flex;justify-content:space-between;font-size:12px}.label.sc-sui-progress-bar{font-weight:620}.value.sc-sui-progress-bar{font-weight:650;color:var(--ink-muted);font-feature-settings:'tnum'}.track.sc-sui-progress-bar{position:relative;background:var(--brand-soft);overflow:hidden}.fill.sc-sui-progress-bar{height:100%;background:var(--brand);transition:width var(--duration-slow) var(--ease-out)}.fill.accent.sc-sui-progress-bar{background:var(--accent)}.sweep.sc-sui-progress-bar{position:absolute;top:0;bottom:0;background:var(--brand);animation:sui-progress-sweep 1.6s var(--ease-in-out) infinite}.sweep.accent.sc-sui-progress-bar{background:var(--accent)}@keyframes sui-progress-sweep{0%{inset-inline-start:-35%;inset-inline-end:100%}60%{inset-inline-start:100%;inset-inline-end:-90%}100%{inset-inline-start:100%;inset-inline-end:-90%}}@media (prefers-reduced-motion: reduce){.sweep.sc-sui-progress-bar{animation-duration:3.2s}}@media (forced-colors: active){.track.sc-sui-progress-bar{border:1px solid CanvasText;box-sizing:border-box}.fill.sc-sui-progress-bar,.fill.accent.sc-sui-progress-bar,.sweep.sc-sui-progress-bar,.sweep.accent.sc-sui-progress-bar{background:Highlight}}"}},[774,"sui-progress-bar",{value:[2],label:[1],showValue:[516,"show-value"],indeterminate:[516],height:[2],accent:[516],hasValueSlot:[32],hostLabel:[32]}]),u=c,h=function(){"undefined"!=typeof customElements&&["sui-progress-bar"].forEach((s=>{"sui-progress-bar"===s&&(customElements.get(a(s))\|\|customElements.define(a(s),c))}))};export{u as SuiProgressBar,h as defineCustomElement}
1	+ import{p as s,H as e,h as t,a as i,t as a}from"./p-DQ8DrIvI.js";import{i as r}from"./p-wknHx00K.js";import{o,h as n}from"./p-BWkzTEZX.js";import{a as l}from"./p-qut9RP2y.js";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}value=0;label;showValue=!1;indeterminate=!1;height=8;accent=!1;hasValueSlot=!1;hostLabel;dispose;disposeLabel;loaded=!1;connectedCallback(){this.disposeLabel?.(),this.disposeLabel=r(this.host,(s=>this.hostLabel=s)),this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.disposeLabel?.()}watch(s=!1){this.dispose?.(),this.dispose=o(this.host,(()=>this.readSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasValueSlot=n(this.host,"value")}render(){const s=Math.min(100,Math.max(0,Number(this.value)\|\|0)),e=this.height/2+"px",a=this.showValue&&!this.indeterminate;return t(i,{key:"b3ee0e5d40f4a4a18b7205619c9018fc7cc5d699"},this.label\|\|a?t("div",{class:"head"},t("span",{class:"label"},this.label),a?t("span",{class:"value"},this.hasValueSlot?null:l(Math.round(s)),t("slot",{name:"value"})):null):null,t("div",{key:"01e831c551455b1679f6c2bc0eb415197746e02c",class:"track",role:"progressbar","aria-valuenow":this.indeterminate?null:s,"aria-valuemin":"0","aria-valuemax":"100","aria-label":this.label\|\|this.hostLabel\|\|void 0,style:{height:this.height+"px",borderRadius:e}},t("div",this.indeterminate?{class:{sweep:!0,accent:this.accent},style:{borderRadius:e}}:{class:{fill:!0,accent:this.accent},style:{width:s+"%",borderRadius:e}})))}static get style(){return".sc-sui-progress-bar-h{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);color:var(--ink)}.head.sc-sui-progress-bar{display:flex;justify-content:space-between;font-size:12px}.label.sc-sui-progress-bar{font-weight:620}.value.sc-sui-progress-bar{font-weight:650;color:var(--ink-muted);font-feature-settings:'tnum'}.track.sc-sui-progress-bar{position:relative;background:var(--brand-soft);overflow:hidden}.fill.sc-sui-progress-bar{height:100%;background:var(--brand);transition:width var(--duration-slow) var(--ease-out)}.fill.accent.sc-sui-progress-bar{background:var(--accent)}.sweep.sc-sui-progress-bar{position:absolute;top:0;bottom:0;background:var(--brand);animation:sui-progress-sweep 1.6s var(--ease-in-out) infinite}.sweep.accent.sc-sui-progress-bar{background:var(--accent)}@keyframes sui-progress-sweep{0%{inset-inline-start:-35%;inset-inline-end:100%}60%{inset-inline-start:100%;inset-inline-end:-90%}100%{inset-inline-start:100%;inset-inline-end:-90%}}@media (prefers-reduced-motion: reduce){.sweep.sc-sui-progress-bar{animation-duration:3.2s}}@media (forced-colors: active){.track.sc-sui-progress-bar{border:1px solid CanvasText;box-sizing:border-box}.fill.sc-sui-progress-bar,.fill.accent.sc-sui-progress-bar,.sweep.sc-sui-progress-bar,.sweep.accent.sc-sui-progress-bar{background:Highlight}}"}},[774,"sui-progress-bar",{value:[2],label:[1],showValue:[516,"show-value"],indeterminate:[516],height:[2],accent:[516],hasValueSlot:[32],hostLabel:[32]}]),u=c,h=function(){"undefined"!=typeof customElements&&["sui-progress-bar"].forEach((s=>{"sui-progress-bar"===s&&(customElements.get(a(s))\|\|customElements.define(a(s),c))}))};export{u as SuiProgressBar,h as defineCustomElement}

package/dist/components/sui-progress-ring.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,H as e,h as t,a as i,t as r}from"./p-DQ8DrIvI.js";import{i as a}from"./p-~~Cs2X0Kih~~.js";import{o,h as n}from"./p-BWkzTEZX.js";import{a as c}from"./p-~~COO9uV7W~~.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}value=0;diameter=44;thickness=4;label;showValue=!1;accent=!1;hasValueSlot=!1;hostLabel;dispose;disposeLabel;loaded=!1;connectedCallback(){this.disposeLabel?.(),this.disposeLabel=a(this.host,(s=>this.hostLabel=s)),this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.disposeLabel?.()}watch(s=!1){this.dispose?.(),this.dispose=o(this.host,(()=>this.readSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasValueSlot=n(this.host,"value")}render(){const s=Math.min(100,Math.max(0,Number(this.value)\|\|0)),e=Number(this.diameter)\|\|44,r=Number(this.thickness)\|\|4,a=(e-r)/2,o=2Math.PIa,n=o*(1-s/100),l=Math.max(10,e/4.2)+"px";return t(i,{key:"~~8a6b3f8ee23a9ec1c56d7526f6c3f97ae1e414ea~~"},t("div",{key:"~~4400c97c491420725cb678d5cbea48e35da49fc7~~",class:{ring:!0,accent:this.accent},role:"progressbar","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100","aria-label":this.label\|\|this.hostLabel\|\|void 0,style:{width:e+"px",height:e+"px"}},t("svg",{key:"~~b0ff8285ca990cdfc03c2ffde797f92cab93dd28~~",viewBox:`0 0 ${e} ${e}`,width:e,height:e,"aria-hidden":"true",focusable:"false"},t("circle",{key:"~~4165eaa7d93b4a785010813b76c71655cf9acab0~~",class:"track",cx:e/2,cy:e/2,r:a,fill:"none","stroke-width":r}),t("circle",{key:"~~8b1d3eb19bf0cd5956a8cd0f7c8a6e77bf5a9ae6~~",class:"arc",cx:e/2,cy:e/2,r:a,fill:"none","stroke-width":r,"stroke-dasharray":`${o} ${o}`,"stroke-dashoffset":n,transform:`rotate(-90 ${e/2} ${e/2})`})),this.showValue?t("span",{class:"value",style:{fontSize:l}},this.hasValueSlot?null:c(Math.round(s)),t("slot",{name:"value"})):null),this.label?t("span",{class:"label"},this.label):null)}static get style(){return".sc-sui-progress-ring-h{display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-sans);color:var(--ink)}.ring.sc-sui-progress-ring{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%}.ring.sc-sui-progress-ring svg.sc-sui-progress-ring{position:absolute;inset:0;display:block}.track.sc-sui-progress-ring{stroke:var(--brand-soft)}.arc.sc-sui-progress-ring{stroke:var(--brand);transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.ring.accent.sc-sui-progress-ring .arc.sc-sui-progress-ring{stroke:var(--accent)}.value.sc-sui-progress-ring{position:relative;font-weight:720;font-feature-settings:'tnum';line-height:1}.label.sc-sui-progress-ring{font-size:12px;font-weight:620;color:var(--ink-muted)}@media (forced-colors: active){.track.sc-sui-progress-ring{stroke:CanvasText;stroke-width:1}.arc.sc-sui-progress-ring,.ring.accent.sc-sui-progress-ring .arc.sc-sui-progress-ring{stroke:Highlight}}"}},[774,"sui-progress-ring",{value:[2],diameter:[2],thickness:[2],label:[1],showValue:[516,"show-value"],accent:[516],hasValueSlot:[32],hostLabel:[32]}]),h=l,u=function(){"undefined"!=typeof customElements&&["sui-progress-ring"].forEach((s=>{"sui-progress-ring"===s&&(customElements.get(r(s))\|\|customElements.define(r(s),l))}))};export{h as SuiProgressRing,u as defineCustomElement}
1	+ import{p as s,H as e,h as t,a as i,t as r}from"./p-DQ8DrIvI.js";import{i as a}from"./p-wknHx00K.js";import{o,h as n}from"./p-BWkzTEZX.js";import{a as c}from"./p-qut9RP2y.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}value=0;diameter=44;thickness=4;label;showValue=!1;accent=!1;hasValueSlot=!1;hostLabel;dispose;disposeLabel;loaded=!1;connectedCallback(){this.disposeLabel?.(),this.disposeLabel=a(this.host,(s=>this.hostLabel=s)),this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.disposeLabel?.()}watch(s=!1){this.dispose?.(),this.dispose=o(this.host,(()=>this.readSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasValueSlot=n(this.host,"value")}render(){const s=Math.min(100,Math.max(0,Number(this.value)\|\|0)),e=Number(this.diameter)\|\|44,r=Number(this.thickness)\|\|4,a=(e-r)/2,o=2Math.PIa,n=o*(1-s/100),l=Math.max(10,e/4.2)+"px";return t(i,{key:"61c96a2e2743e3291de53d026396fdda05e2f1f1"},t("div",{key:"77913475262cc0fc6071d42da2425173fb48f0c9",class:{ring:!0,accent:this.accent},role:"progressbar","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100","aria-label":this.label\|\|this.hostLabel\|\|void 0,style:{width:e+"px",height:e+"px"}},t("svg",{key:"2b11d899dfc33e911e5d2511753d06361a60a0e6",viewBox:`0 0 ${e} ${e}`,width:e,height:e,"aria-hidden":"true",focusable:"false"},t("circle",{key:"5b8a67d521f5d2a7cef3fcc159e8964b1f695bf5",class:"track",cx:e/2,cy:e/2,r:a,fill:"none","stroke-width":r}),t("circle",{key:"3700ed04ea8dcc921a7224477433f6ac4c9f36bf",class:"arc",cx:e/2,cy:e/2,r:a,fill:"none","stroke-width":r,"stroke-dasharray":`${o} ${o}`,"stroke-dashoffset":n,transform:`rotate(-90 ${e/2} ${e/2})`})),this.showValue?t("span",{class:"value",style:{fontSize:l}},this.hasValueSlot?null:c(Math.round(s)),t("slot",{name:"value"})):null),this.label?t("span",{class:"label"},this.label):null)}static get style(){return".sc-sui-progress-ring-h{display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-sans);color:var(--ink)}.ring.sc-sui-progress-ring{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%}.ring.sc-sui-progress-ring svg.sc-sui-progress-ring{position:absolute;inset:0;display:block}.track.sc-sui-progress-ring{stroke:var(--brand-soft)}.arc.sc-sui-progress-ring{stroke:var(--brand);transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.ring.accent.sc-sui-progress-ring .arc.sc-sui-progress-ring{stroke:var(--accent)}.value.sc-sui-progress-ring{position:relative;font-weight:720;font-feature-settings:'tnum';line-height:1}.label.sc-sui-progress-ring{font-size:12px;font-weight:620;color:var(--ink-muted)}@media (forced-colors: active){.track.sc-sui-progress-ring{stroke:CanvasText;stroke-width:1}.arc.sc-sui-progress-ring,.ring.accent.sc-sui-progress-ring .arc.sc-sui-progress-ring{stroke:Highlight}}"}},[774,"sui-progress-ring",{value:[2],diameter:[2],thickness:[2],label:[1],showValue:[516,"show-value"],accent:[516],hasValueSlot:[32],hostLabel:[32]}]),h=l,u=function(){"undefined"!=typeof customElements&&["sui-progress-ring"].forEach((s=>{"sui-progress-ring"===s&&(customElements.get(r(s))\|\|customElements.define(r(s),l))}))};export{h as SuiProgressRing,u as defineCustomElement}

package/dist/components/sui-progress-spinner.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~RJV4MFjb~~.js";const p=o,r=s;export{p as SuiProgressSpinner,r as defineCustomElement}
1	+ import{S as o,d as s}from"./p-J6VvFMWu.js";const p=o,r=s;export{p as SuiProgressSpinner,r as defineCustomElement}

package/dist/components/sui-qr-code.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,c as i,h as s,a ~~as r~~,t as a}from"./p-DQ8DrIvI.js";import{d as o}from"./p-BHB1Wprj.js";import{G as n,I as d}from"./p-~~BJFE~~-~~_50~~.js";import{p as l,c}from"./p-~~l4ru8vIR~~.js";import{l as u,a as p}from"./p-BuyjS5bS.js";import{defineCustomElement as f}from"./p-~~EDmBLID6~~.js";const h="#121C4D",m="#FFFFFF",b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiRender=i(this,"suiRender",7)}get host(){return this}value="";width=128;ecLevel="M";label;caption;downloadable=!1;fileName="qr-code.png";suiRender;err=!1;canvas;drawId=0;connectedCallback(){o(this.host,(()=>this.downloadControl()))}componentDidLoad(){this.draw()}async setFocus(){this.downloadControl()?.focus()}downloadControl(){return this.host.querySelector(".sui-qr-download button")\|\|void 0}redraw(){this.draw()}async download(){if(this.canvas&&!this.err)try{const e=document.createElement("a");e.href=this.canvas.toDataURL("image/png"),e.download=this.fileName\|\|"qr-code.png",e.click()}catch{}}px(){return Math.max(96,Number(this.width)\|\|128)}inkColor(){if("undefined"==typeof getComputedStyle\|\|"undefined"==typeof document)return h;try{const e=l(getComputedStyle(document.documentElement).getPropertyValue("--ink"),"");return e&&c(e,m)>=4.5?e:h}catch{return h}}async draw(){if(!this.canvas)return;const e=++this.drawId;try{const t=await import("./p-CmqQjlaI.js").then((function(e){return e.b})),i=t&&"function"==typeof t.toCanvas?t:t?.default;if(!i\|\|"function"!=typeof i.toCanvas)throw Error("QR encoder unavailable");if(e!==this.drawId\|\|!this.canvas)return;if(await i.toCanvas(this.canvas,(this.value??"")+"",{width:this.px(),margin:4,errorCorrectionLevel:this.ecLevel,color:{dark:this.inkColor(),light:m}}),e!==this.drawId)return;this.err=!1,this.suiRender.emit()}catch{e===this.drawId&&(this.err=!0)}}render(){const e=this.px(),t={width:e+"px",height:e+"px"};return s(r,{key:"~~a086604f68f19b808c0d5f0f91db7404576995a6~~"},s("figure",{key:"~~ebb234de6564407f0fd2ab453ea3ab5c68322b7b~~",class:"sui-qr"},this.label?s("span",{class:"sui-qr-label"},this.label):null,s("div",{key:"~~054cf4ac9fef571070732ddb58a6a82b15ee2e94~~",class:"sui-qr-frame"},s("div",{key:"~~5a3b5b2ee10260158830a8bd9a030f76d3667849~~",class:"sui-qr-stage",style:t},s("canvas",{key:"~~5389634a8a207b2dec12e6c95b7982d697b48dd9~~",ref:e=>this.canvas=e,class:"sui-qr-canvas",width:e,height:e,style:t,role:"img","aria-label":u(void 0,"qr-code.label",void 0,"QR code: {value}",{value:this.value})}),this.err?s("div",{class:"sui-qr-error"},p(void 0,"qr-code.qrEncoderUnavailable",void 0,"QR encoder unavailable")):null),this.caption?s("figcaption",{class:"sui-qr-caption"},this.caption):null),this.downloadable&&!this.err?s("sui-button",{class:"sui-qr-download",variant:"outline",size:"sm",onClick:()=>this.download()},s(n,{glyph:d}),p(void 0,"qr-code.downloadPng",void 0,"Download PNG")):null))}static get watchers(){return{value:[{redraw:0}],width:[{redraw:0}],ecLevel:[{redraw:0}]}}static get style(){return".sc-sui-qr-code-h{display:inline-block;vertical-align:top;font-family:var(--font-sans);color:var(--ink)}.sui-qr.sc-sui-qr-code{margin:0;display:inline-flex;flex-direction:column;gap:6px;align-items:flex-start}.sui-qr-label.sc-sui-qr-code{font-size:12.5px;font-weight:620;font-family:var(--font-sans)}.sui-qr-frame.sc-sui-qr-code{background:var(--palette-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;box-sizing:content-box}.sui-qr-stage.sc-sui-qr-code{position:relative}.sui-qr-canvas.sc-sui-qr-code{display:block}.sui-qr-error.sc-sui-qr-code{position:absolute;inset:0;background:var(--palette-white);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--palette-deep-blue);font-family:var(--font-sans);text-align:center;padding:8px;box-sizing:border-box}.sui-qr-caption.sc-sui-qr-code{font-size:10.5px;color:var(--palette-deep-blue);font-family:var(--font-sans);padding:0 2px 2px}.sui-qr-download.sc-sui-qr-code .sui-glyph.sc-sui-qr-code{font-size:11px}"}},[514,"sui-qr-code",{value:[1],width:[2],ecLevel:[513,"ec-level"],label:[1],caption:[1],downloadable:[516],fileName:[1,"file-name"],err:[32],setFocus:[64],download:[64]},void 0,{value:[{redraw:0}],width:[{redraw:0}],ecLevel:[{redraw:0}]}]),v=b,g=function(){"undefined"!=typeof customElements&&["sui-qr-code","sui-button"].forEach((e=>{switch(e){case"sui-qr-code":customElements.get(a(e))\|\|customElements.define(a(e),b);break;case"sui-button":customElements.get(a(e))\|\|f()}}))};export{v as SuiQrCode,g as defineCustomElement}
1	+ import{p as e,H as t,c as i,h as s,a,t as r}from"./p-DQ8DrIvI.js";import{d as o}from"./p-BHB1Wprj.js";import{G as n,I as c}from"./p-B-Bh5OXe.js";import{p as d,c as l}from"./p-C-tuu2jV.js";import{l as u,a as f}from"./p-BuyjS5bS.js";import{defineCustomElement as p}from"./p-D4DWEltI.js";const h="#121C4D",m="#FFFFFF",b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiRender=i(this,"suiRender",7)}get host(){return this}value="";width=128;ecLevel="M";label;caption;downloadable=!1;fileName="qr-code.png";suiRender;err=!1;canvas;drawId=0;connectedCallback(){o(this.host,(()=>this.downloadControl()))}componentDidLoad(){this.draw()}async setFocus(){this.downloadControl()?.focus()}downloadControl(){return this.host.querySelector(".sui-qr-download button")\|\|void 0}redraw(){this.draw()}async download(){if(this.canvas&&!this.err)try{const e=document.createElement("a");e.href=this.canvas.toDataURL("image/png"),e.download=this.fileName\|\|"qr-code.png",e.click()}catch{}}px(){return Math.max(96,Number(this.width)\|\|128)}inkColor(){if("undefined"==typeof getComputedStyle\|\|"undefined"==typeof document)return h;try{const e=d(getComputedStyle(document.documentElement).getPropertyValue("--ink"),"");return e&&l(e,m)>=4.5?e:h}catch{return h}}async draw(){if(!this.canvas)return;const e=++this.drawId;try{const t=await import("./p-CmqQjlaI.js").then((function(e){return e.b})),i=t&&"function"==typeof t.toCanvas?t:t?.default;if(!i\|\|"function"!=typeof i.toCanvas)throw Error("QR encoder unavailable");if(e!==this.drawId\|\|!this.canvas)return;if(await i.toCanvas(this.canvas,(this.value??"")+"",{width:this.px(),margin:4,errorCorrectionLevel:this.ecLevel,color:{dark:this.inkColor(),light:m}}),e!==this.drawId)return;this.err=!1,this.suiRender.emit()}catch{e===this.drawId&&(this.err=!0)}}render(){const e=this.px(),t={width:e+"px",height:e+"px"};return s(a,{key:"42b38a27c2e764d5a51e7fd840f80d9ea2cae90b"},s("figure",{key:"2f1af4a071dca2a60cd97d0ac29137ac0e596efe",class:"sui-qr"},this.label?s("span",{class:"sui-qr-label"},this.label):null,s("div",{key:"d43caf51bf3fe6a6bd0c6f238bb4ed9762860e12",class:"sui-qr-frame"},s("div",{key:"c04df3b5092ad1851b61ecf2d92b6a09e5b27af6",class:"sui-qr-stage",style:t},s("canvas",{key:"53361ce796358c9003b41acb54cfbd7def3d1c59",ref:e=>this.canvas=e,class:"sui-qr-canvas",width:e,height:e,style:t,role:"img","aria-label":u(void 0,"qr-code.label",void 0,"QR code: {value}",{value:this.value})}),this.err?s("div",{class:"sui-qr-error"},f(void 0,"qr-code.qrEncoderUnavailable",void 0,"QR encoder unavailable")):null),this.caption?s("figcaption",{class:"sui-qr-caption"},this.caption):null),this.downloadable&&!this.err?s("sui-button",{class:"sui-qr-download",variant:"outline",size:"sm",onClick:()=>this.download()},s(n,{glyph:c}),f(void 0,"qr-code.downloadPng",void 0,"Download PNG")):null))}static get watchers(){return{value:[{redraw:0}],width:[{redraw:0}],ecLevel:[{redraw:0}]}}static get style(){return".sc-sui-qr-code-h{display:inline-block;vertical-align:top;font-family:var(--font-sans);color:var(--ink)}.sui-qr.sc-sui-qr-code{margin:0;display:inline-flex;flex-direction:column;gap:6px;align-items:flex-start}.sui-qr-label.sc-sui-qr-code{font-size:12.5px;font-weight:620;font-family:var(--font-sans)}.sui-qr-frame.sc-sui-qr-code{background:var(--palette-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;box-sizing:content-box}.sui-qr-stage.sc-sui-qr-code{position:relative}.sui-qr-canvas.sc-sui-qr-code{display:block}.sui-qr-error.sc-sui-qr-code{position:absolute;inset:0;background:var(--palette-white);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--palette-deep-blue);font-family:var(--font-sans);text-align:center;padding:8px;box-sizing:border-box}.sui-qr-caption.sc-sui-qr-code{font-size:10.5px;color:var(--palette-deep-blue);font-family:var(--font-sans);padding:0 2px 2px}.sui-qr-download.sc-sui-qr-code .sui-glyph.sc-sui-qr-code{font-size:11px}"}},[514,"sui-qr-code",{value:[1],width:[2],ecLevel:[513,"ec-level"],label:[1],caption:[1],downloadable:[516],fileName:[1,"file-name"],err:[32],setFocus:[64],download:[64]},void 0,{value:[{redraw:0}],width:[{redraw:0}],ecLevel:[{redraw:0}]}]),v=b,g=function(){"undefined"!=typeof customElements&&["sui-qr-code","sui-button"].forEach((e=>{switch(e){case"sui-qr-code":customElements.get(r(e))\|\|customElements.define(r(e),b);break;case"sui-button":customElements.get(r(e))\|\|p()}}))};export{v as SuiQrCode,g as defineCustomElement}

package/dist/components/sui-radio-button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~Bx-y4Vd2~~.js";const p=o,r=s;export{p as SuiRadioButton,r as defineCustomElement}
1	+ import{S as o,d as p}from"./p-BiKUHpoa.js";const s=o,a=p;export{s as SuiRadioButton,a as defineCustomElement}

package/dist/components/sui-radio-group.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as i,H as s,c as r,h as e,t}from"./p-DQ8DrIvI.js";import{d as o,F as a}from"./p-~~CvjYVNw7~~.js";import{u as l}from"./p-U06fVoGD.js";import{i as n,d,s as u,r as h,v as c}from"./p-BHB1Wprj.js";import{f as p}from"./p-CGWvlrv_.js";import{n as f,l as m,s as g,k as b}from"./p-D6TU5GZw.js";import{d as y}from"./p-~~Bx-y4Vd2~~.js";const v=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=r(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];value;orientation="vertical";disabled=!1;readOnly=!1;invalid=!1;required=!1;name;suiChange;formDisabled=!1;get isDisabled(){return this.disabled\|\|this.formDisabled}fieldId=l("sui-radio-group");initial;async setFocus(){this.focusRadio()?.focus()}focusRadio(){const i=Array.from(this.host.querySelectorAll("sui-radio-button")),s=i.filter((i=>!i.disabled));return(s.find((i=>i.checked))\|\|s[0]\|\|i[0])?.querySelector("input")}connectedCallback(){n(this.host,this.internals),d(this.host,(()=>this.focusRadio()))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){u(this.internals,this.isDisabled?null:b(this.value)),h(this.internals,this.required&&!this.isDisabled&&!this.readOnly,f(this.value),this.label,c(this.host),this.error)}formResetCallback(){this.value=this.initial}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}norm(){return m(this.options,this.host,"options").filter((i=>null!=i)).map((i=>"string"==typeof i\|\|"number"==typeof i?{label:i+"",value:i}:i))}onChildChange(i,s){i.stopPropagation(),this.readOnly\|\|g(this.value,s)\|\|(this.value=s,this.suiChange.emit(s))}render(){const i=this.label?this.fieldId+"-label":void 0;return e(a,{key:"69673e9b59975154a290f4c154fb307f4328e71d",help:this.help,error:this.error,descId:this.fieldId},this.label?e("div",{class:"sui-field-label",id:i},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,e("div",{key:"ae6fa957bb65aca52ef7f8eb133b23d33a464e32",class:{opts:!0,horizontal:"horizontal"===this.orientation},role:"radiogroup","aria-labelledby":i,"aria-describedby":o(this.fieldId,this.help,this.error),"aria-invalid":this.invalid\|\|this.error?"true":null,"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null},this.norm().map((i=>e("sui-radio-button",{key:i.value,name:this.name,label:i.label,description:i.description,value:b(i.value),checked:g(this.value,i.value),disabled:this.isDisabled\|\|!!i.disabled,readOnly:this.readOnly,invalid:this.invalid\|\|!!this.error,onSuiChange:s=>this.onChildChange(s,i.value)})))))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-radio-group-h{display:block;font-family:var(--font-sans)}.opts.sc-sui-radio-group{display:flex;flex-direction:column;gap:9px;flex-wrap:wrap}.opts.horizontal.sc-sui-radio-group{flex-direction:row;gap:18px}.sui-field.sc-sui-radio-group{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-radio-group{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-radio-group .sui-field-label.sc-sui-radio-group{color:var(--danger)}.sui-field-req.sc-sui-radio-group{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-radio-group{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-radio-group{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-radio-group .sui-glyph.sc-sui-radio-group{font-size:11px}"}},[578,"sui-radio-group",{label:[1],help:[1],error:[1],options:[16],value:[1032],orientation:[513],disabled:[516],readOnly:[516,"readonly"],invalid:[516],required:[516],name:[513],formDisabled:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),x=v,F=function(){"undefined"!=typeof customElements&&["sui-radio-group","sui-radio-button"].forEach((i=>{switch(i){case"sui-radio-group":customElements.get(t(i))\|\|customElements.define(t(i),v);break;case"sui-radio-button":customElements.get(t(i))\|\|y()}}))};export{x as SuiRadioGroup,F as defineCustomElement}
1	+ import{p as i,H as s,c as r,h as e,t}from"./p-DQ8DrIvI.js";import{d as o,F as a}from"./p-DWUWsh4I.js";import{u as l}from"./p-U06fVoGD.js";import{i as n,d,s as u,r as h,v as c}from"./p-BHB1Wprj.js";import{f as p}from"./p-CGWvlrv_.js";import{n as f,l as m,s as g,k as b}from"./p-D6TU5GZw.js";import{d as y}from"./p-BiKUHpoa.js";const v=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=r(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];value;orientation="vertical";disabled=!1;readOnly=!1;invalid=!1;required=!1;name;suiChange;formDisabled=!1;get isDisabled(){return this.disabled\|\|this.formDisabled}fieldId=l("sui-radio-group");initial;async setFocus(){this.focusRadio()?.focus()}focusRadio(){const i=Array.from(this.host.querySelectorAll("sui-radio-button")),s=i.filter((i=>!i.disabled));return(s.find((i=>i.checked))\|\|s[0]\|\|i[0])?.querySelector("input")}connectedCallback(){n(this.host,this.internals),d(this.host,(()=>this.focusRadio()))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){u(this.internals,this.isDisabled?null:b(this.value)),h(this.internals,this.required&&!this.isDisabled&&!this.readOnly,f(this.value),this.label,c(this.host),this.error)}formResetCallback(){this.value=this.initial}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}norm(){return m(this.options,this.host,"options").filter((i=>null!=i)).map((i=>"string"==typeof i\|\|"number"==typeof i?{label:i+"",value:i}:i))}onChildChange(i,s){i.stopPropagation(),this.readOnly\|\|g(this.value,s)\|\|(this.value=s,this.suiChange.emit(s))}render(){const i=this.label?this.fieldId+"-label":void 0;return e(a,{key:"69673e9b59975154a290f4c154fb307f4328e71d",help:this.help,error:this.error,descId:this.fieldId},this.label?e("div",{class:"sui-field-label",id:i},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,e("div",{key:"ae6fa957bb65aca52ef7f8eb133b23d33a464e32",class:{opts:!0,horizontal:"horizontal"===this.orientation},role:"radiogroup","aria-labelledby":i,"aria-describedby":o(this.fieldId,this.help,this.error),"aria-invalid":this.invalid\|\|this.error?"true":null,"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null},this.norm().map((i=>e("sui-radio-button",{key:i.value,name:this.name,label:i.label,description:i.description,value:b(i.value),checked:g(this.value,i.value),disabled:this.isDisabled\|\|!!i.disabled,readOnly:this.readOnly,invalid:this.invalid\|\|!!this.error,onSuiChange:s=>this.onChildChange(s,i.value)})))))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-radio-group-h{display:block;font-family:var(--font-sans)}.opts.sc-sui-radio-group{display:flex;flex-direction:column;gap:9px;flex-wrap:wrap}.opts.horizontal.sc-sui-radio-group{flex-direction:row;gap:18px}.sui-field.sc-sui-radio-group{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-radio-group{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-radio-group .sui-field-label.sc-sui-radio-group{color:var(--danger)}.sui-field-req.sc-sui-radio-group{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-radio-group{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-radio-group{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-radio-group .sui-glyph.sc-sui-radio-group{font-size:11px}"}},[578,"sui-radio-group",{label:[1],help:[1],error:[1],options:[16],value:[1032],orientation:[513],disabled:[516],readOnly:[516,"readonly"],invalid:[516],required:[516],name:[513],formDisabled:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),x=v,F=function(){"undefined"!=typeof customElements&&["sui-radio-group","sui-radio-button"].forEach((i=>{switch(i){case"sui-radio-group":customElements.get(t(i))\|\|customElements.define(t(i),v);break;case"sui-radio-button":customElements.get(t(i))\|\|y()}}))};export{x as SuiRadioGroup,F as defineCustomElement}

package/dist/components/sui-rating.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as i,H as s,c as t,h as r,t as a}from"./p-DQ8DrIvI.js";import{d as e,F as n}from"./p-~~CvjYVNw7~~.js";import{G as o,a2 as l,a3 as h}from"./p-~~BJFE~~-~~_50~~.js";import{u as c}from"./p-U06fVoGD.js";import{i as u,d,s as f,r as g}from"./p-BHB1Wprj.js";import{f as p}from"./p-CGWvlrv_.js";import{i as m}from"./p-GAnFXayY.js";import{b}from"./p-~~COO9uV7W~~.js";import{l as v,a as y}from"./p-BuyjS5bS.js";const x=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=t(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;required=!1;count=5;value=0;allowHalf=!1;readOnly=!1;disabled=!1;showCount=!1;size="md";name;suiChange;hover=0;formDisabled=!1;fieldId=c("sui-rating");stars=[];pendingFocus=!1;initial=0;async setFocus(){this.stars[this.focusIndex()]?.focus()}connectedCallback(){u(this.host,this.internals),d(this.host,(()=>this.stars[this.focusIndex()]))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidRender(){this.syncForm(),this.pendingFocus&&(this.pendingFocus=!1,this.stars[this.focusIndex()]?.focus())}syncForm(){f(this.internals,this.isDisabled?null:this.value>0?this.value+"":""),g(this.internals,this.required&&!this.isInert,this.value<=0,this.label,this.stars[this.focusIndex()],this.error)}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=this.initial}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled\|\|this.formDisabled}get isInert(){return this.readOnly\|\|this.isDisabled}get floor(){return this.allowHalf?.5:1}checkedIndex(){return Math.ceil(this.value)-1}focusIndex(){return this.value>0?Math.min(this.checkedIndex(),this.count-1):0}set(i){const s=Math.max(0,Math.min(this.count,this.allowHalf?Math.round(2i)/2:i));s!==this.value&&(this.value=s,this.suiChange.emit(s))}pointerValue(i,s){if(!this.allowHalf)return i+1;const t=this.stars[i];if(!t\|\|"number"!=typeof s.clientX)return i+1;const r=t.getBoundingClientRect(),a=m(t)?r.right-s.clientX:s.clientX-r.left;return r.width>0&&a<r.width/2?i+.5:i+1}onClick=i=>s=>{if(this.isInert)return;const t=s.detail?this.pointerValue(i,s):this.checkedIndex()===i?this.value:i+1;this.set(t===this.value?0:t)};onStarMove=i=>s=>{if(this.isInert)return;const t=this.pointerValue(i,s);t!==this.hover&&(this.hover=t)};onKeyDown=i=>{if(this.isInert)return;const s=this.floor,t=m(this.host)?"ArrowLeft":"ArrowRight";let r;switch(i.key){case t:case"ArrowUp":r=Math.min(this.count,this.value+s);break;case"ArrowLeft"===t?"ArrowRight":"ArrowLeft":case"ArrowDown":r=Math.max(s,this.value-s);break;case"Home":r=s;break;case"End":r=this.count;break;default:return}i.preventDefault(),this.pendingFocus=!0,this.set(r)};countText(i){return v(void 0,"rating.count",void 0,"{value} of {count}",{value:b(i),count:b(this.count)})}render(){const i=this.hover\|\|this.value,s=this.focusIndex(),t=this.checkedIndex(),a=this.hover>0;return r(n,{key:"~~70d84660ebdca743d6060ef6cfda783686693d30~~",help:this.help,error:this.error,descId:this.fieldId},r("div",{key:"~~ae6bb4593d557a729c59f95e1105e60aab2fe940~~",class:{"sui-rating":!0,[this.size]:!0,disabled:this.isDisabled,"read-only":this.readOnly,invalid:!!this.error}},this.label?r("span",{class:"label"},this.label,this.required?r("span",{class:"sui-field-req","aria-hidden":"true"},""):null):null,r("div",{key:"~~7c7ebe7274760c8e3fc1fcdbcaca7160146b211a~~",class:"stars",role:"radiogroup","aria-label":this.label\|\|y(void 0,"rating.label",void 0,"Rating"),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-invalid":this.error?"true":null,"aria-describedby":e(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,onKeyDown:this.onKeyDown,onMouseLeave:()=>this.hover=0},Array.from({length:Math.max(0,this.count)},((e,n)=>{const c=i-n,u=c>=1\|\|!this.allowHalf&&c>0,d=!u&&this.allowHalf&&c>0,f=n===t,g=n+1;return r("button",{key:n,ref:i=>this.stars[n]=i,type:"button",role:"radio",class:{star:!0,on:u,half:d,preview:a&&(u\|\|d)},"aria-checked":f?"true":"false","aria-label":this.countText(f&&this.value!==g?this.value:g),tabIndex:this.isDisabled?-1:n===s?0:-1,disabled:this.isDisabled,onMouseEnter:this.isInert?void 0:this.onStarMove(n),onMouseMove:this.isInert\|\|!this.allowHalf?void 0:this.onStarMove(n),onClick:this.onClick(n)},r(o,{glyph:u?l:h}),d?r(o,{glyph:l,class:"half-fill"}):null)}))),this.showCount?r("span",{class:"count"},this.countText(this.value)):null))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-rating-h{display:inline-block;font-family:var(--font-sans)}.sui-rating.sc-sui-rating{display:flex;align-items:center;gap:10px}.label.sc-sui-rating{font-size:12.5px;font-weight:620;color:var(--ink)}.stars.sc-sui-rating{display:flex;gap:4px}.star.sc-sui-rating{position:relative;min-width:1em;min-height:1em;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;background:transparent;line-height:1;color:var(--control-border);cursor:pointer;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-out)}.star.on.sc-sui-rating{color:var(--accent)}.half-fill.sc-sui-rating{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);clip-path:inset(0 50% 0 0)}.half-fill.sc-sui-rating:dir(rtl){clip-path:inset(0 0 0 50%)}.sm.sc-sui-rating .star.sc-sui-rating{font-size:13px}.md.sc-sui-rating .star.sc-sui-rating{font-size:16px}.lg.sc-sui-rating .star.sc-sui-rating{font-size:20px}.star.sc-sui-rating:focus{outline:none}.star.sc-sui-rating:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.invalid.sc-sui-rating:not(.disabled) .star.sc-sui-rating:not(.on){color:var(--danger)}.invalid.sc-sui-rating .star.sc-sui-rating:focus-visible{outline-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.read-only.sc-sui-rating .star.sc-sui-rating{cursor:default}.disabled.sc-sui-rating .star.sc-sui-rating{cursor:default}.disabled.sc-sui-rating .star.on.sc-sui-rating,.disabled.sc-sui-rating .half-fill.sc-sui-rating{color:var(--disabled-ink)}.count.sc-sui-rating{font-size:12.5px;color:var(--ink-faint);font-feature-settings:'tnum'}.sui-field.sc-sui-rating{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-rating{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-rating .sui-field-label.sc-sui-rating{color:var(--danger)}.sui-field-req.sc-sui-rating{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-rating{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-rating{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-rating .sui-glyph.sc-sui-rating{font-size:11px}"}},[578,"sui-rating",{label:[1],help:[1],error:[1],required:[516],count:[2],value:[1026],allowHalf:[516,"allow-half"],readOnly:[516,"readonly"],disabled:[516],showCount:[516,"show-count"],size:[513],name:[513],hover:[32],formDisabled:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),w=x,k=function(){"undefined"!=typeof customElements&&["sui-rating"].forEach((i=>{"sui-rating"===i&&(customElements.get(a(i))\|\|customElements.define(a(i),x))}))};export{w as SuiRating,k as defineCustomElement}
1	+ import{p as i,H as s,c as t,h as r,t as a}from"./p-DQ8DrIvI.js";import{d as e,F as n}from"./p-DWUWsh4I.js";import{G as o,a2 as l,a3 as h}from"./p-B-Bh5OXe.js";import{u as c}from"./p-U06fVoGD.js";import{i as u,d,s as f,r as g}from"./p-BHB1Wprj.js";import{f as p}from"./p-CGWvlrv_.js";import{i as m}from"./p-GAnFXayY.js";import{b}from"./p-qut9RP2y.js";import{l as v,a as y}from"./p-BuyjS5bS.js";const x=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=t(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;required=!1;count=5;value=0;allowHalf=!1;readOnly=!1;disabled=!1;showCount=!1;size="md";name;suiChange;hover=0;formDisabled=!1;fieldId=c("sui-rating");stars=[];pendingFocus=!1;initial=0;async setFocus(){this.stars[this.focusIndex()]?.focus()}connectedCallback(){u(this.host,this.internals),d(this.host,(()=>this.stars[this.focusIndex()]))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidRender(){this.syncForm(),this.pendingFocus&&(this.pendingFocus=!1,this.stars[this.focusIndex()]?.focus())}syncForm(){f(this.internals,this.isDisabled?null:this.value>0?this.value+"":""),g(this.internals,this.required&&!this.isInert,this.value<=0,this.label,this.stars[this.focusIndex()],this.error)}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=this.initial}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled\|\|this.formDisabled}get isInert(){return this.readOnly\|\|this.isDisabled}get floor(){return this.allowHalf?.5:1}checkedIndex(){return Math.ceil(this.value)-1}focusIndex(){return this.value>0?Math.min(this.checkedIndex(),this.count-1):0}set(i){const s=Math.max(0,Math.min(this.count,this.allowHalf?Math.round(2i)/2:i));s!==this.value&&(this.value=s,this.suiChange.emit(s))}pointerValue(i,s){if(!this.allowHalf)return i+1;const t=this.stars[i];if(!t\|\|"number"!=typeof s.clientX)return i+1;const r=t.getBoundingClientRect(),a=m(t)?r.right-s.clientX:s.clientX-r.left;return r.width>0&&a<r.width/2?i+.5:i+1}onClick=i=>s=>{if(this.isInert)return;const t=s.detail?this.pointerValue(i,s):this.checkedIndex()===i?this.value:i+1;this.set(t===this.value?0:t)};onStarMove=i=>s=>{if(this.isInert)return;const t=this.pointerValue(i,s);t!==this.hover&&(this.hover=t)};onKeyDown=i=>{if(this.isInert)return;const s=this.floor,t=m(this.host)?"ArrowLeft":"ArrowRight";let r;switch(i.key){case t:case"ArrowUp":r=Math.min(this.count,this.value+s);break;case"ArrowLeft"===t?"ArrowRight":"ArrowLeft":case"ArrowDown":r=Math.max(s,this.value-s);break;case"Home":r=s;break;case"End":r=this.count;break;default:return}i.preventDefault(),this.pendingFocus=!0,this.set(r)};countText(i){return v(void 0,"rating.count",void 0,"{value} of {count}",{value:b(i),count:b(this.count)})}render(){const i=this.hover\|\|this.value,s=this.focusIndex(),t=this.checkedIndex(),a=this.hover>0;return r(n,{key:"79477d06d86afcb6132f3dc879f9db5674c74b4c",help:this.help,error:this.error,descId:this.fieldId},r("div",{key:"6643c6a0d06cac9fb29a5a6055cb0975a45a0efa",class:{"sui-rating":!0,[this.size]:!0,disabled:this.isDisabled,"read-only":this.readOnly,invalid:!!this.error}},this.label?r("span",{class:"label"},this.label,this.required?r("span",{class:"sui-field-req","aria-hidden":"true"},""):null):null,r("div",{key:"982ad7748121040ad715874b16a63a95340ff600",class:"stars",role:"radiogroup","aria-label":this.label\|\|y(void 0,"rating.label",void 0,"Rating"),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-invalid":this.error?"true":null,"aria-describedby":e(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,onKeyDown:this.onKeyDown,onMouseLeave:()=>this.hover=0},Array.from({length:Math.max(0,this.count)},((e,n)=>{const c=i-n,u=c>=1\|\|!this.allowHalf&&c>0,d=!u&&this.allowHalf&&c>0,f=n===t,g=n+1;return r("button",{key:n,ref:i=>this.stars[n]=i,type:"button",role:"radio",class:{star:!0,on:u,half:d,preview:a&&(u\|\|d)},"aria-checked":f?"true":"false","aria-label":this.countText(f&&this.value!==g?this.value:g),tabIndex:this.isDisabled?-1:n===s?0:-1,disabled:this.isDisabled,onMouseEnter:this.isInert?void 0:this.onStarMove(n),onMouseMove:this.isInert\|\|!this.allowHalf?void 0:this.onStarMove(n),onClick:this.onClick(n)},r(o,{glyph:u?l:h}),d?r(o,{glyph:l,class:"half-fill"}):null)}))),this.showCount?r("span",{class:"count"},this.countText(this.value)):null))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-rating-h{display:inline-block;font-family:var(--font-sans)}.sui-rating.sc-sui-rating{display:flex;align-items:center;gap:10px}.label.sc-sui-rating{font-size:12.5px;font-weight:620;color:var(--ink)}.stars.sc-sui-rating{display:flex;gap:4px}.star.sc-sui-rating{position:relative;min-width:1em;min-height:1em;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;background:transparent;line-height:1;color:var(--control-border);cursor:pointer;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-out)}.star.on.sc-sui-rating{color:var(--accent)}.half-fill.sc-sui-rating{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);clip-path:inset(0 50% 0 0)}.half-fill.sc-sui-rating:dir(rtl){clip-path:inset(0 0 0 50%)}.sm.sc-sui-rating .star.sc-sui-rating{font-size:13px}.md.sc-sui-rating .star.sc-sui-rating{font-size:16px}.lg.sc-sui-rating .star.sc-sui-rating{font-size:20px}.star.sc-sui-rating:focus{outline:none}.star.sc-sui-rating:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.invalid.sc-sui-rating:not(.disabled) .star.sc-sui-rating:not(.on){color:var(--danger)}.invalid.sc-sui-rating .star.sc-sui-rating:focus-visible{outline-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.read-only.sc-sui-rating .star.sc-sui-rating{cursor:default}.disabled.sc-sui-rating .star.sc-sui-rating{cursor:default}.disabled.sc-sui-rating .star.on.sc-sui-rating,.disabled.sc-sui-rating .half-fill.sc-sui-rating{color:var(--disabled-ink)}.count.sc-sui-rating{font-size:12.5px;color:var(--ink-faint);font-feature-settings:'tnum'}.sui-field.sc-sui-rating{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-rating{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-rating .sui-field-label.sc-sui-rating{color:var(--danger)}.sui-field-req.sc-sui-rating{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-rating{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-rating{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-rating .sui-glyph.sc-sui-rating{font-size:11px}"}},[578,"sui-rating",{label:[1],help:[1],error:[1],required:[516],count:[2],value:[1026],allowHalf:[516,"allow-half"],readOnly:[516,"readonly"],disabled:[516],showCount:[516,"show-count"],size:[513],name:[513],hover:[32],formDisabled:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),w=x,k=function(){"undefined"!=typeof customElements&&["sui-rating"].forEach((i=>{"sui-rating"===i&&(customElements.get(a(i))\|\|customElements.define(a(i),x))}))};export{w as SuiRating,k as defineCustomElement}