@shineuix/ssr 0.0.0-stage → 1.0.0

package/dist/components/sui-accordion-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiAccordionItem extends Components.SuiAccordionItem, HTMLElement {}
+export const SuiAccordionItem: {
+    prototype: SuiAccordionItem;
+    new (): SuiAccordionItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-accordion-item.js

@@ -0,0 +1 @@
+import{p as i,H as s,h as e,a,t}from"./p-CeVlau-G.js";import{u as o}from"./p-U06fVoGD.js";import{i as c}from"./p-Cs2X0Kih.js";import{d as n}from"./p-BHB1Wprj.js";import{d as r}from"./p-DXIDl7cw.js";import{G as d,q as l}from"./p-DdsE4HI6.js";const h=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost()}get host(){return this}heading="";subtitle;meta;disabled=!1;expanded=!1;fieldId=o("sui-acc");landmark=!0;groupName;shown=!1;reveal;head;collapseTimer;unlabel;connectedCallback(){n(this.host,(()=>this.head)),this.unlabel?.();const i=this.host.closest("sui-accordion");this.unlabel=i?c(i,(i=>{this.groupName=i})):void 0,i||(this.groupName=void 0)}componentWillLoad(){this.shown=this.expanded,this.landmark=this.landmarkOk()}async setFocus(){this.head?.focus()}componentDidLoad(){const i=this.landmarkOk();i!==this.landmark&&(this.landmark=i),this.reveal?.addEventListener("transitionend",this.onTransitionEnd)}disconnectedCallback(){void 0!==this.collapseTimer&&this.collapsed(),this.unlabel?.(),this.unlabel=void 0}onExpandedChange(i){if(this.tellAccordion(i),this.stopCollapse(),i)return void(this.shown=!0);const s=r("--duration-base",this.host);s>0?this.collapseTimer=setTimeout((()=>this.collapsed()),s+80):this.shown=!1}tellAccordion(i){const s=this.host.closest("sui-accordion");if(!s)return;const e=Array.from(s.querySelectorAll("sui-accordion-item")).filter((i=>i.closest("sui-accordion")===s)).indexOf(this.host);if(e<0)return;const a=Array.isArray(s.expanded)?s.expanded:[];if(a.includes(e)===i)return;const t="boolean"==typeof s.multiple?s.multiple:s.hasAttribute("multiple")&&"false"!==s.getAttribute("multiple");s.expanded=i?t?a.concat(e).sort(((i,s)=>i-s)):[e]:a.filter((i=>i!==e))}stopCollapse(){void 0!==this.collapseTimer&&clearTimeout(this.collapseTimer),this.collapseTimer=void 0}collapsed(){this.stopCollapse(),this.expanded||(this.shown=!1)}onTransitionEnd=i=>{i.target===this.reveal&&"grid-template-rows"===i.propertyName&&void 0!==this.collapseTimer&&this.collapsed()};landmarkOk(){const i=this.host.closest("sui-accordion");return!i||(!i.multiple&&!i.hasAttribute("multiple")||Array.from(i.querySelectorAll("sui-accordion-item")).filter((s=>s.closest("sui-accordion")===i)).length<=6)}render(){const i=this.fieldId+"-head",s=this.fieldId+"-panel",t=(this.groupName||"").trim(),o=this.landmark&&!!t;return e(a,{key:"adac23d6e4cd26af3e575babafb47ac6cb88a9cc",class:{open:this.expanded}},e("button",{key:"67baea5801b43957d0d2b492370fcfa4acfbb6a4",type:"button",class:"head",id:i,"aria-expanded":this.expanded?"true":"false","aria-controls":s,disabled:this.disabled,ref:i=>this.head=i},e(d,{key:"c785d77889acb3854c348b0107c80f30776aeb9d",glyph:l,class:"chev"}),e("span",{key:"b5bb507c8b000a4ce6ee9c09847862b1af3ffeba",class:"titles"},e("span",{key:"6506ae09ad54b678ba8618377ed3664c5aa3f19e",class:"heading"},this.heading),this.subtitle?e("span",{class:"subtitle"},this.subtitle):null),this.meta?e("span",{class:"meta"},this.meta):null),e("div",{key:"92a6a9579b1bec25b39c1f63d430898603ad1a69",class:{reveal:!0,open:this.expanded},ref:i=>this.reveal=i},e("div",{key:"87c945c3707b073f94b0c673af0ce27425c48465",class:"panel",role:this.landmark?"region":void 0,id:s,"aria-labelledby":this.landmark&&!o?i:void 0,"aria-label":o?`${this.heading}, ${t}`:void 0,hidden:!this.shown},e("div",{key:"2e5fabae6066a32db88d94dda7d6245e149ffe7d",class:"body"},e("slot",{key:"c3106012faa6040238cc0e989beeef4cfb3d5f4b"})))))}static get watchers(){return{expanded:[{onExpandedChange:0}]}}static get style(){return".sc-sui-accordion-item-h{display:block;font-family:var(--font-sans);border-top:1px solid var(--hairline)}.sc-sui-accordion-item-h:first-child{border-top:none}.head.sc-sui-accordion-item{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:13px 16px;margin:0;border:none;text-align:start;background:transparent;cursor:pointer;font-family:var(--font-sans);color:var(--ink);transition:background var(--duration-fast) var(--ease-out)}.head.sc-sui-accordion-item:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.head.sc-sui-accordion-item:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);cursor:not-allowed}.head.sc-sui-accordion-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.chev.sc-sui-accordion-item{font-size:10px;color:var(--ink-faint);transition:transform var(--duration-base) var(--ease-out)}.open.sc-sui-accordion-item-h .chev.sc-sui-accordion-item{transform:rotate(90deg)}.sc-sui-accordion-item-h:dir(rtl) .chev.sc-sui-accordion-item{transform:scaleX(-1)}.open.sc-sui-accordion-item-h:dir(rtl) .chev.sc-sui-accordion-item{transform:scaleX(-1) rotate(90deg)}.titles.sc-sui-accordion-item{flex:1;min-width:0}.heading.sc-sui-accordion-item{display:block;font-size:13.5px;font-weight:650;color:var(--ink)}.head.sc-sui-accordion-item:disabled .heading.sc-sui-accordion-item{color:var(--disabled-ink)}.head.sc-sui-accordion-item:disabled .subtitle.sc-sui-accordion-item,.head.sc-sui-accordion-item:disabled .meta.sc-sui-accordion-item,.head.sc-sui-accordion-item:disabled .chev.sc-sui-accordion-item{color:var(--ink-placeholder)}.subtitle.sc-sui-accordion-item{display:block;font-size:12px;color:var(--ink-faint);margin-top:1px}.meta.sc-sui-accordion-item{font-size:12.5px;font-weight:650;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.reveal.sc-sui-accordion-item{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base) var(--ease-out)}.reveal.open.sc-sui-accordion-item{grid-template-rows:1fr}.panel.sc-sui-accordion-item{min-height:0;overflow:hidden;font-size:13px;color:var(--ink-muted);line-height:1.55}.panel[hidden].sc-sui-accordion-item{display:none}.body.sc-sui-accordion-item{padding:2px 16px 15px;padding-inline-start:36px}"}},[774,"sui-accordion-item",{heading:[1],subtitle:[1],meta:[1],disabled:[516],expanded:[516],landmark:[32],groupName:[32],shown:[32],setFocus:[64]},void 0,{expanded:[{onExpandedChange:0}]}]),u=h,p=function(){"undefined"!=typeof customElements&&["sui-accordion-item"].forEach((i=>{"sui-accordion-item"===i&&(customElements.get(t(i))||customElements.define(t(i),h))}))};export{u as SuiAccordionItem,p as defineCustomElement}

package/dist/components/sui-accordion.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiAccordion extends Components.SuiAccordion, HTMLElement {}
+export const SuiAccordion: {
+    prototype: SuiAccordion;
+    new (): SuiAccordion;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-accordion.js

@@ -0,0 +1 @@
+import{p as t,t as s,H as i,c as e,h as o,a as n}from"./p-CeVlau-G.js";import{o as r}from"./p-BWkzTEZX.js";import{d}from"./p-BHB1Wprj.js";const a=t=>"boolean"==typeof t.expanded?t.expanded:t.hasAttribute("expanded")&&"false"!==t.getAttribute("expanded"),c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiExpandedChange=e(this,"suiExpandedChange",3)}get host(){return this}expanded=[];multiple=!1;suiExpandedChange;dispose;loaded=!1;count=0;connectedCallback(){d(this.host,(()=>this.focusTarget())),this.loaded&&this.watch(!0)}componentWillLoad(){this.seed()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.headers()[0]}watch(t=!1){this.dispose?.(),this.dispose=r(this.host,(()=>this.onItems()),{childList:!0}),t&&Promise.resolve().then((()=>{this.host.isConnected&&this.onItems()}))}seed(){const t=this.items();if(this.count=t.length,!t.length)return;const s=this.list(),i=t.map(((t,s)=>a(t)?s:-1)).filter((t=>t>=0&&!s.includes(t)));i.length&&(this.expanded=s.concat(i).sort(((t,s)=>t-s))),this.apply()}apply(){const t=this.list(),s=this.items();if(0===s.length)return;this.count=s.length,s.forEach(((s,i)=>{const e=t.includes(i);a(s)!==e&&(s.expanded=e)}));const i=t.filter((t=>t>=0&&t<s.length));i.length!==t.length&&(this.expanded=i,this.suiExpandedChange.emit(i))}onItems(){if(0===this.count)return void this.seed();const t=this.items();this.count=t.length;const s=t.map(((t,s)=>a(t)?s:-1)).filter((t=>t>=0)),i=this.list();s.length===i.length&&s.every(((t,s)=>t===i[s]))||(this.expanded=s,this.suiExpandedChange.emit(s))}list(){return Array.isArray(this.expanded)?this.expanded:[]}items(){return Array.from(this.host.querySelectorAll("sui-accordion-item")).filter((t=>t.closest("sui-accordion")===this.host))}headers(){return this.items().map((t=>t.querySelector("button.head"))).filter((t=>!!t&&!t.hasAttribute("disabled")))}itemOf(t){const s=t,i=s?.closest?s.closest("button.head"):null;if(!i)return null;const e=i.closest("sui-accordion-item");if(!e)return null;const o=this.items().indexOf(e);return o<0?null:{item:e,index:o}}toggle(t){const s=this.list(),i=s.includes(t)?s.filter((s=>s!==t)):this.multiple?s.concat(t).sort(((t,s)=>t-s)):[t];this.expanded=i,this.suiExpandedChange.emit(i)}onClick(t){const s=this.itemOf(t.target);!s||s.item.disabled||s.item.hasAttribute("disabled")||this.toggle(s.index)}onKeyDown(t){if(!this.itemOf(t.target))return;const s=this.headers(),i=s.indexOf(t.target);if(i<0||!s.length)return;let e=-1;"ArrowDown"===t.key?e=(i+1)%s.length:"ArrowUp"===t.key?e=(i-1+s.length)%s.length:"Home"===t.key?e=0:"End"===t.key&&(e=s.length-1),e<0||(t.preventDefault(),s[e].focus())}render(){return o(n,{key:"1f87f61194eae172d6d19ca42c65e8cae9def173"},o("slot",{key:"a4a46ce0336bf51331770d3ed1b2d26e83d9692d"}))}static get watchers(){return{expanded:[{apply:0}]}}static get style(){return".sc-sui-accordion-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}"}},[774,"sui-accordion",{expanded:[1040],multiple:[516],setFocus:[64]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]],{expanded:[{apply:0}]}]),h=c,u=function(){"undefined"!=typeof customElements&&["sui-accordion"].forEach((t=>{"sui-accordion"===t&&(customElements.get(s(t))||customElements.define(s(t),c))}))};export{h as SuiAccordion,u as defineCustomElement}

package/dist/components/sui-anchor.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiAnchor extends Components.SuiAnchor, HTMLElement {}
+export const SuiAnchor: {
+    prototype: SuiAnchor;
+    new (): SuiAnchor;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-anchor.js

@@ -0,0 +1 @@
+import{p as t,H as i,c as s,h as n,a as e,t as o}from"./p-CeVlau-G.js";import{d as r}from"./p-BHB1Wprj.js";import{a}from"./p-BuyjS5bS.js";import{s as h}from"./p-DXIDl7cw.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiNavigate=s(this,"suiNavigate",7),this.suiActiveChange=s(this,"suiActiveChange",3)}get host(){return this}items=[];heading;target;active;spyOffset=60;scrollPad=8;suiNavigate;suiActiveChange;scroller=null;listening=null;frame=null;sections=new Map;loaded=!1;connectedCallback(){r(this.host,(()=>this.focusTarget())),this.loaded&&this.bind()}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector("a.link[aria-current]")??this.host.querySelector("a.link")}componentDidLoad(){this.loaded=!0,this.bind()}disconnectedCallback(){this.unbind()}onTargetChange(){this.bind()}onItemsChange(){this.sections.clear(),this.listening&&this.spy()}resolveTarget(){const t=this.target;return t?"string"==typeof t?"undefined"!=typeof document?document.querySelector(t):null:t:null}bind(){this.unbind(),"undefined"!=typeof window&&(this.sections.clear(),this.scroller=this.resolveTarget(),this.listening=this.scroller||window,this.listening.addEventListener("scroll",this.onScroll,{passive:!0}),null==this.active&&this.spy())}unbind(){this.listening?.removeEventListener("scroll",this.onScroll),this.listening=null,this.scroller=null,null!==this.frame&&cancelAnimationFrame(this.frame),this.frame=null}onScroll=()=>{null===this.frame&&(this.frame=requestAnimationFrame((()=>{this.frame=null,this.spy()})))};section(t){const i=this.sections.get(t);if(i&&i.isConnected)return i;const s=`[id="${t.replace(/"/g,'\\"')}"]`,n=this.scroller?this.scroller.querySelector(s):document.querySelector(s);return n?this.sections.set(t,n):this.sections.delete(t),n}setActive(t){t!==this.active&&(this.active=t,this.suiActiveChange.emit(t))}spy(){const t=this.items||[];if(!t.length)return;const i=this.scroller?this.scroller.getBoundingClientRect().top:0;let s=t[0].id,n=!1;for(const e of t){const t=this.section(e.id);t&&(n=!0,t.getBoundingClientRect().top-i<=this.spyOffset&&(s=e.id))}n&&this.setActive(s)}current(){if(null!=this.active)return this.active;const t=(this.items||[])[0];return t?t.id:void 0}onClick(t,i){if(this.setActive(i),this.suiNavigate.emit(i),"undefined"==typeof window)return;const s=this.section(i);if(!s)return;t.preventDefault();const n=this.scroller?this.scroller.getBoundingClientRect().top:0,e=s.getBoundingClientRect().top-n-this.scrollPad,o=h();if(this.scroller){const t=(this.scroller.scrollTop||0)+e;"function"==typeof this.scroller.scrollTo?this.scroller.scrollTo({top:t,behavior:o}):this.scroller.scrollTop=t}else"function"==typeof window.scrollTo&&window.scrollTo({top:(window.scrollY||0)+e,behavior:o})}render(){const t=this.current();return n(e,{key:"b217fb12291d7a274a658db14c93de159d6ef8f8"},n("nav",{key:"c9ef4fffeb7d77d9f0bb90e5eb16300b8a6f7f62",class:"sui-anchor","aria-label":a(void 0,"anchor.heading",this.heading,"On this page")},n("div",{key:"4d14b62019dab6185866fc96670ac0aeb020b1a7",class:"heading"},a(void 0,"anchor.heading",this.heading,"On this page")),(this.items||[]).map((i=>{const s=t===i.id;return n("a",{key:i.id,class:{link:!0,on:s},href:"#"+i.id,"aria-current":s?"location":null,onClick:t=>this.onClick(t,i.id)},i.label)}))))}static get watchers(){return{target:[{onTargetChange:0}],items:[{onItemsChange:0}]}}static get style(){return".sc-sui-anchor-h{display:inline-block;vertical-align:top;width:180px;font-family:var(--font-sans)}.sui-anchor.sc-sui-anchor{width:100%}.heading.sc-sui-anchor{font-size:10.5px;font-weight:650;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.link.sc-sui-anchor{display:block;padding:5.5px 12px;border-inline-start:2px solid var(--border);font-size:12.5px;font-weight:460;color:var(--ink-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.link.sc-sui-anchor:hover{color:var(--ink)}.link.on.sc-sui-anchor{border-inline-start-color:var(--accent);color:var(--ink);font-weight:650}.link.sc-sui-anchor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-xs)}@media (forced-colors: active){.link.on.sc-sui-anchor{border-inline-start-color:Highlight}}"}},[514,"sui-anchor",{items:[16],heading:[1],target:[1],active:[1025],spyOffset:[2,"spy-offset"],scrollPad:[2,"scroll-pad"],setFocus:[64]},void 0,{target:[{onTargetChange:0}],items:[{onItemsChange:0}]}]),l=c,u=function(){"undefined"!=typeof customElements&&["sui-anchor"].forEach((t=>{"sui-anchor"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{l as SuiAnchor,u as defineCustomElement}

package/dist/components/sui-auto-complete.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiAutoComplete extends Components.SuiAutoComplete, HTMLElement {}
+export const SuiAutoComplete: {
+    prototype: SuiAutoComplete;
+    new (): SuiAutoComplete;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-auto-complete.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as t,f as e,h as o,t as a}from"./p-CeVlau-G.js";import{F as l,d as u}from"./p-TBwsYzWO.js";import{p as n,P as r,a as c}from"./p-D0KZcTn9.js";import{G as p,k as h,x as d,a as m,y as v}from"./p-DdsE4HI6.js";import{i as f,a as g}from"./p-Cs2X0Kih.js";import{u as x}from"./p-U06fVoGD.js";import{i as b,d as y,s as w,r as k}from"./p-BHB1Wprj.js";import{f as z}from"./p-CGWvlrv_.js";import{m as C}from"./p-BE4gZZNA.js";import{n as F,o as O,f as M,k as T,h as j,s as A,l as D}from"./p-M0fYQCIv.js";import{q as S,m as q,l as L}from"./p-CN5x4MC8.js";import{p as B}from"./p-CDJMRbCX.js";import{S as I,r as G,v as N,s as E}from"./p-Btp15dVO.js";import{l as H,a as P}from"./p-BuyjS5bS.js";import{d as R,p as V}from"./p-Bt5Kx3zM.js";import{d as $}from"./p-CR0heQtR.js";const K=["sm","md","lg"],Q=[],W=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=t(this,"suiInput",7),this.suiSelect=t(this,"suiSelect",7),this.suiChange=t(this,"suiChange",7),this.suiSearch=t(this,"suiSearch",7),this.suiOpen=t(this,"suiOpen",3),this.suiFocus=t(this,"suiFocus",3),this.suiBlur=t(this,"suiBlur",3),this.suiClose=t(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];externalFilter=!1;placeholder;multiple=!1;value="";disabled=!1;readOnly=!1;invalid=!1;emptyMessage;emptyFilterMessage;loading=!1;loadingMessage;virtualScrollThreshold=200;clearable=!1;dropdown=!1;forceSelection=!1;allowCustom=!1;max;size="md";variant="default";tone;open=!1;openOnFocus=!1;required=!1;name;suiInput;suiSelect;suiChange;suiSearch;suiOpen;suiFocus;suiBlur;suiClose;hoverIdx=-1;keyNav=!1;pointerAt="";onKeyNav(i){R(i)&&(this.keyNav=!0)}onPointerNav(i){const s=V(i);s!==this.pointerAt&&(this.pointerAt=s,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}focused=!1;hostLabel;hostLabelledby;stopAria;stopLabelledby;browse=!1;panelScrollTop=0;formDisabled=!1;query="";announce="";get isDisabled(){return this.disabled||this.formDisabled}fieldId=x("sui-auto-complete");input;box;panel;scrollFrame;initial="";committed="";seen=new Map;metrics=new I;windowed=!1;closing=!1;popup=B({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){b(this.host,this.internals),y(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=f(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=g(this.host,(i=>{this.hostLabelledby=i})),this.open&&this.panel&&e(this)}get text(){return"string"==typeof this.value?this.value:""}pickedCache;get picked(){const i=this.value;return Array.isArray(i)?(this.pickedCache&&this.pickedCache.src===i||(this.pickedCache={src:i,out:i.filter((i=>!F(i)))}),this.pickedCache.out):Q}get q(){return this.multiple?this.query:this.text}get cap(){const i=Math.floor(Number(this.max));return Number.isFinite(i)&&i>=1?i:void 0}get atCap(){const i=this.cap;return null!=i&&this.picked.length>=i}componentWillLoad(){this.multiple&&!Array.isArray(this.value)&&(this.value=[]),this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.committed=this.text,this.syncForm()}componentDidRender(){this.syncForm(),this.open&&(this.afterOpen(),this.multiple&&this.reposition()),this.remeasure()}remeasure(){if(!this.open||!this.panel)return;const i=this.panel.querySelector('.sui-popup-spacer[data-edge="top"]');if(!i)return;let s=this.metrics.measure(this.panel,this.panel.querySelector(".sui-popup-option"),i);s=this.metrics.measureGroup(this.panel.querySelector(".sui-popup-group"))||s,s&&e(this)}onPanelScroll=i=>{this.windowed&&(this.panelScrollTop=i.target.scrollTop||0)};resetScroll(){this.panelScrollTop=0,this.panel&&(this.panel.scrollTop=0)}windowFor(i,s){const t=this.virtualScrollThreshold;return!(t>0)||s<t?null:G(N(i),this.metrics.at(this.panelScrollTop))}scrollIndexIntoView(i){if(!this.windowed||!this.panel||i<0)return;const s=N(O(this.matchingOptions())),t=E(s,this.metrics.at(this.panelScrollTop),i,this.metrics.rowsTop);null!=t&&(this.panel.scrollTop=t,this.panelScrollTop=this.panel.scrollTop)}componentDidLoad(){this.syncForm()}disconnectedCallback(){this.teardown(),this.popup.disconnect()&&(this.closing=!1),this.stopAria?.(),this.stopLabelledby?.()}syncForm(){const i=this.isDisabled,s=this.required&&!i&&!this.readOnly;if(this.multiple){const t=this.picked;return w(this.internals,i?null:C(this.name,t)??(t.length?t.join(","):null)),void k(this.internals,s,0===t.length,this.label,this.input,this.error)}w(this.internals,i?null:this.text),k(this.internals,s,!this.text,this.label,this.input,this.error)}onMultipleChange(i){i&&!Array.isArray(this.value)?this.value=[]:i||"string"==typeof this.value||(this.value=""),this.query="",this.announce="",this.browse=!1,this.hoverIdx=-1,this.syncForm()}onOpenChange(i){if(this.hoverIdx=-1,this.panelScrollTop=0,this.metrics.reset(),i)return this.popup.reopen(),void(this.closing=!1);this.teardown(),this.browse=!1,this.windowed=!1,this.closing=this.popup.close()}onOptions(){this.hoverIdx>=this.matchingOptions().length&&(this.hoverIdx=-1)}formResetCallback(){const i=this.initial;this.value=Array.isArray(i)?[...i]:i,this.committed=this.text,this.query="",this.announce="",this.input&&(this.input.value=this.multiple?"":this.text),this.requestClose("cancel"),this.syncForm()}formDisabledCallback(i){this.formDisabled=z(this.host,this.disabled,i),this.syncForm()}async setFocus(){this.input?.focus()}allCache;all(){return this.flat().out}flat(){if(!this.allCache||this.allCache.src!==this.options){const i=M(D(this.options,this.host,"options")),s=new Map;i.forEach((i=>{const t=T(i.value);s.has(t)||s.set(t,i)})),this.allCache={src:this.options,out:i,byValue:s}}return this.allCache}labelOf(i){const s=T(i);return this.flat().byValue.get(s)?.label??this.seen.get(s)??s}matchingOptions(){if(this.loading)return[];if(this.browse)return this.all();const i=this.q;if(!i)return this.multiple?this.all():[];if(this.externalFilter)return this.all();const s=i.toLowerCase();return this.all().filter((i=>i.label.toLowerCase().includes(s)))}isOff(i,s,t){return!!i.disabled||t&&!s.has(T(i.value))}show(i=!1){this.open||this.isDisabled||this.readOnly||!this.q&&!i||(this.open=!0,this.suiOpen.emit())}browseAll(){this.isDisabled||this.readOnly||(this.browse=!0,this.resetScroll(),this.open||(this.open=!0,this.suiOpen.emit()),this.suiSearch.emit({query:this.q,reason:"dropdown"}),this.input?.focus())}requestClose(i){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1))}afterOpen(){this.open&&this.input&&this.popup.open(this.panel)}get isQuiet(){return"quiet"===this.variant}reposition(){if(!this.input||!this.panel)return;const i=(this.isQuiet||this.multiple)&&this.box?this.box:this.input;S(i,this.panel,this.isQuiet?200:0),q(this.panel,L(i,this.panel,"bottom",6,"start"))}teardown(){null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}settle(i){i!==this.committed&&(this.committed=i,this.suiChange.emit(i))}commit(){let i=this.text;if(this.forceSelection&&i){const s=this.all().find((s=>!s.disabled&&s.label.toLowerCase()===i.toLowerCase()));if(s)return s.label!==this.committed?void this.pick(s):void(i!==s.label&&(this.value=s.label,this.suiInput.emit(s.label)));this.value="",this.input&&(this.input.value=""),this.requestClose("cancel"),this.suiInput.emit(""),i=""}this.settle(i)}pick(i){if(this.isDisabled||i.disabled)return;const s=this.text!==i.label;this.value=i.label,this.requestClose("pick"),s&&this.suiInput.emit(i.label),this.suiSelect.emit(i.value),this.settle(i.label)}say(i,s,t){this.announce=H(void 0,i,void 0,s,{value:t})}sayAdded(i){this.announce=this.atCap?H(void 0,"auto-complete.addedAtLimit",void 0,"{value} added. Limit of {n} reached.",{value:i,n:this.cap+""}):H(void 0,"auto-complete.added",void 0,"{value} added.",{value:i})}limitText(){return H(void 0,"auto-complete.limitReached",void 0,"Limit of {n} reached.",{n:this.cap+""})}setValues(i){this.value=i,this.suiChange.emit(i)}clearQuery(){this.browse=!1,this.resetScroll(),this.input&&(this.input.value=""),this.query&&(this.query="",this.suiInput.emit(""))}toggle(i){if(this.isDisabled||this.readOnly||i.disabled)return;const s=this.picked;if(j(s,i.value))return void this.removeValue(i.value);if(this.atCap)return void(this.announce=this.limitText());this.seen.set(T(i.value),i.label);const t=[...s,i.value];this.value=t,this.sayAdded(i.label),this.suiSelect.emit(i.value),this.suiChange.emit(t),this.clearQuery(),this.hoverIdx=this.matchingOptions().findIndex((s=>A(s.value,i.value))),this.scrollHoverIntoView()}removeValue(i,s=!1){if(this.isDisabled||this.readOnly)return;const t=this.picked;j(t,i)&&(this.setValues(t.filter((s=>!A(s,i)))),this.say("auto-complete.removed","{value} removed.",this.labelOf(i)),s&&this.input?.focus())}commitQuery(){const i=this.query.trim();if(!i)return!1;const s=i.toLowerCase(),t=this.all().find((i=>!i.disabled&&i.label.toLowerCase()===s));return t?j(this.picked,t.value)?(this.say("auto-complete.alreadyListed","{value} is already in the list.",t.label),this.clearQuery(),!0):this.atCap?(this.announce=this.limitText(),!1):(this.toggle(t),!0):!(!this.allowCustom||(j(this.picked,i)?(this.say("auto-complete.alreadyListed","{value} is already in the list.",i),this.clearQuery(),0):this.atCap?(this.announce=this.limitText(),1):(this.setValues([...this.picked,i]),this.sayAdded(i),this.clearQuery(),0)))}clearText=()=>{if(!this.isDisabled&&!this.readOnly){if(this.multiple){const i=this.picked.length>0;if(!i&&!this.query)return;return this.clearQuery(),this.requestClose("cancel"),i&&(this.setValues([]),this.announce=P(void 0,"auto-complete.cleared",void 0,"All values removed.")),void this.input?.focus()}this.text&&(this.value="",this.input&&(this.input.value=""),this.requestClose("cancel"),this.suiInput.emit(""),this.settle(""),this.input?.focus())}};onDropdownClick=()=>{this.isDisabled||this.readOnly||(this.open?this.requestClose("trigger"):this.browseAll())};onBoxMouseDown=i=>{const s=i.target;s!==this.input&&(i.preventDefault(),s.closest("button")||this.input?.focus())};onFocus=()=>{this.focused=!0,this.suiFocus.emit(),this.openOnFocus&&this.show(this.multiple)};onBlur=()=>{this.focused=!1,this.multiple&&this.query&&!this.isDisabled&&!this.readOnly&&(this.commitQuery(),this.clearQuery()),this.suiBlur.emit()};move(i){const s=this.matchingOptions();if(!s.length)return;const t=new Set(this.picked.map(T)),e=this.multiple&&this.atCap;let o=this.hoverIdx<0&&-1===i?0:this.hoverIdx;for(let a=0;a<s.length&&(o=(o+i+s.length)%s.length,this.isOff(s[o],t,e));a++);this.hoverIdx=o,this.scrollHoverIntoView()}scrollHoverIntoView(){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const i=this.panel?.querySelector('[role="option"].hover');i?i.scrollIntoView?.({block:"nearest"}):this.scrollIndexIntoView(this.hoverIdx)})))}onInput=i=>{const s=i.target.value;this.multiple?this.query=s:this.value=s,this.hoverIdx=-1,this.browse=!1,this.resetScroll(),s?this.show():this.multiple||this.requestClose("cancel"),this.suiInput.emit(s),this.suiSearch.emit({query:s,reason:"input"})};onKeyDown=i=>{if(this.isDisabled||this.readOnly)return;const s=this.matchingOptions();switch(i.key){case"ArrowDown":case"ArrowUp":return i.preventDefault(),this.open?void this.move("ArrowDown"===i.key?1:-1):void(this.q?this.show():this.dropdown&&this.browseAll());case"Enter":{const t=this.open?s[this.hoverIdx]:void 0;return null!=t?(i.preventDefault(),void(this.multiple?this.toggle(t):this.pick(t))):this.multiple?void(this.query.trim()&&(i.preventDefault(),this.commitQuery())):(this.requestClose("pick"),void this.commit())}case"Backspace":return void(this.multiple&&!this.query&&this.picked.length&&this.removeValue(this.picked[this.picked.length-1]));case"Escape":return void(this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape")));case"Tab":return void this.requestClose("outside")}};hl(i){const s=this.q;if(!s)return i;const t=i.toLowerCase().indexOf(s.toLowerCase());return t<0?i:[i.slice(0,t),o("strong",null,i.slice(t,t+s.length)),i.slice(t+s.length)]}renderRow(i,s,t,e,a){const l=this.multiple,u=l&&e.has(T(i.value)),n=this.isOff(i,e,a);return o("div",{id:`${this.fieldId}-opt-${s}`,key:i.value,role:"option","aria-selected":(l?u:s===this.hoverIdx)?"true":"false","aria-disabled":n?"true":null,"aria-posinset":s+1,"aria-setsize":t,class:{"sui-popup-option":!0,hover:s===this.hoverIdx,keynav:this.keyNav&&s===this.hoverIdx,selected:u,disabled:n},onMouseEnter:()=>this.hoverIdx=s,onMouseLeave:()=>this.hoverIdx=-1,onClick:()=>{n||(l?this.toggle(i):this.pick(i))}},o("span",{class:"sui-popup-option-label"},this.hl(i.label)),u?o(p,{glyph:h}):null)}renderChips(i){return i.length?o("span",{class:"sui-chips",role:"list"},i.map(((i,s)=>o("span",{role:"listitem",key:`${s}:${i}`},o("sui-chip",{size:"sm",label:this.labelOf(i),removable:!this.readOnly,disabled:this.isDisabled,onSuiRemove:s=>{s.stopPropagation(),this.removeValue(i,!0)}}))))):null}render(){const i=this.multiple,s=i?this.picked:Q,t=new Set(s.map(T)),e=i&&this.atCap,a=this.q,h=this.matchingOptions(),f=O(h),g=this.windowFor(f,h.length);this.windowed=!!g;const x=this.invalid||!!this.error,b=K.includes(this.size)?this.size:"md",y=this.open&&null!=h[this.hoverIdx]?`${this.fieldId}-opt-${this.hoverIdx}`:void 0,w=this.clearable&&(i?s.length>0||!!this.query:!!this.text)&&!this.isDisabled&&!this.readOnly,k=(w?1:0)+(this.dropdown||this.loading?1:0),z=this.isQuiet,C=o("input",{key:"3a24794a6e9bd84af5f91ae76deef1c6f954fe9c",ref:i=>this.input=i,id:this.fieldId,class:z?{val:!0}:i?{entry:!0}:{"sui-input":!0,"sui-frame":!0,[b]:!0,invalid:x,["side-"+k]:k>0},type:"text",size:z?1:void 0,role:"combobox",autocomplete:"off",value:a,placeholder:i&&s.length?void 0:this.placeholder,disabled:this.isDisabled,readOnly:this.readOnly,required:!i&&this.required,"aria-required":i&&this.required?"true":null,"aria-label":z?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-autocomplete":"list","aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-list","aria-activedescendant":y,"aria-invalid":x?"true":null,"aria-busy":this.loading?"true":null,"aria-describedby":u(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:()=>{i||this.commit()},onKeyDown:this.onKeyDown}),F=w?o("button",{type:"button",class:z?"clear":"side-btn","aria-label":P(void 0,"auto-complete.clear",void 0,"Clear"),disabled:this.isDisabled,onClick:this.clearText},o(p,{glyph:d})):null,M=this.dropdown?o("button",{type:"button",class:z?{chev:!0}:{"side-btn":!0,drop:!0,open:this.open},"aria-label":P(void 0,"auto-complete.showOptions",void 0,"Show options"),"aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-list",disabled:this.isDisabled||this.readOnly,onClick:this.onDropdownClick},o(p,this.loading?{glyph:m,class:"sui-popup-spin"}:{glyph:v,class:z?void 0:"chev"})):this.loading?o(p,{glyph:m,class:z?"spin sui-popup-spin":"side-spin sui-popup-spin"}):null,j=k>0?o("div",{class:"side",onMouseDown:i=>i.preventDefault()},F,M):null,A=i?{role:"group","aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby}:{},D=i?this.query||(s.length?"":this.placeholder||""):this.text||this.placeholder||"",S=P(void 0,"auto-complete.loading",this.loadingMessage,"Loading"),q=!this.browse&&a.trim()?P(void 0,"auto-complete.emptyFilter",this.emptyFilterMessage,"No matches."):P(void 0,"auto-complete.empty",this.emptyMessage,"Nothing here yet."),L=this.open||this.closing?o("div",{key:"panel",ref:i=>this.panel=i,class:{"sui-popup-panel":!0,panel:!0,closing:this.closing},inert:this.closing,role:"presentation",onMouseDown:i=>i.preventDefault(),onScroll:this.onPanelScroll},this.loading?o(r,{message:S}):null,this.loading||0!==h.length?null:o("div",{key:"empty",class:"sui-popup-empty empty"},q),o("div",{key:"list",id:this.fieldId+"-list",role:"listbox","aria-multiselectable":i?"true":null,"aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-busy":this.loading?"true":null},this.loading||0===h.length?null:n(f,g,(i=>`${this.fieldId}-grp-${i}`),((i,s)=>this.renderRow(i,s,h.length,t,e))))):null,B=z?[o("div",{ref:i=>this.box=i,class:{"sui-inline":!0,text:!0,multi:i,[b]:!0,invalid:x,disabled:this.isDisabled,shell:this.open||this.focused,inverse:"inverse"===this.tone},...A,onMouseDown:this.onBoxMouseDown},i?o("span",{class:"flow"},this.renderChips(s),o("span",{class:"fit","data-value":D},C)):o("span",{class:"fit","data-value":D},C),F,M),L]:i?[o("div",{ref:i=>this.box=i,class:{"sui-input":!0,"sui-frame":!0,"sui-chip-box":!0,[b]:!0,invalid:x,disabled:this.isDisabled,readonly:this.readOnly,["side-"+k]:k>0},...A,onMouseDown:this.onBoxMouseDown},this.renderChips(s),C),L,j]:[C,L,j];return o(l,{key:"2ee44b829b6a23ad1df3a935bad104a8981dc4a4",label:z?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},o("div",{key:"47978a0f3f487ed0c9ae007ae0e11b28c3b9025b",class:{wrap:!0,inline:z,multiple:i,open:this.open}},B,i?o("span",{class:"sr-status",role:"status","aria-live":"polite"},this.announce):null,o(c,{key:"39f74c834bf8ec93d093926ca352892082e184db",message:this.open?this.loading?S:0===h.length?q:"":""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{onMultipleChange:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}]}}static get style(){return".sc-sui-auto-complete-h{display:block;font-family:var(--font-sans)}.wrap.sc-sui-auto-complete{position:relative}.wrap.inline.sc-sui-auto-complete{display:flex;align-items:flex-start}.wrap.open.sc-sui-auto-complete .sui-inline.sc-sui-auto-complete .chev.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{transform:rotate(180deg)}.sui-popup-panel.sc-sui-auto-complete .empty.sc-sui-auto-complete{padding:9px 10px}.sui-popup-option.sc-sui-auto-complete strong.sc-sui-auto-complete{font-weight:700}.side.sc-sui-auto-complete{position:absolute;top:0;bottom:0;inset-inline-end:6px;display:flex;align-items:center;gap:2px}.side-btn.sc-sui-auto-complete{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--ink-faint);font-size:11px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.side-btn.sc-sui-auto-complete:hover{color:var(--ink);background:var(--surface-hover)}.side-btn.sc-sui-auto-complete:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.side-btn.sc-sui-auto-complete:disabled{color:var(--ink-placeholder);background:transparent;cursor:not-allowed}.side-btn.drop.sc-sui-auto-complete .chev.sc-sui-auto-complete{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.side-btn.drop.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.side-spin.sc-sui-auto-complete{width:22px;text-align:center;font-size:11px;color:var(--ink-faint)}.wrap.sc-sui-auto-complete .sui-input.side-1.sc-sui-auto-complete{padding-inline-end:34px}.wrap.sc-sui-auto-complete .sui-input.side-2.sc-sui-auto-complete{padding-inline-end:58px}.wrap.sc-sui-auto-complete .sui-input.sui-chip-box.side-1.sc-sui-auto-complete{padding-inline-end:34px}.wrap.sc-sui-auto-complete .sui-input.sui-chip-box.side-2.sc-sui-auto-complete{padding-inline-end:58px}.sui-inline.multi.sc-sui-auto-complete .flow.sc-sui-auto-complete{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.sui-inline.multi.sc-sui-auto-complete .fit.sc-sui-auto-complete{flex:1 0 auto;min-width:2ch}.sr-status.sc-sui-auto-complete{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sui-field.sc-sui-auto-complete{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-auto-complete{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-auto-complete .sui-field-label.sc-sui-auto-complete{color:var(--danger)}.sui-field-req.sc-sui-auto-complete{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-auto-complete{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-auto-complete{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-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px}.sui-frame.sc-sui-auto-complete{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-auto-complete:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-auto-complete,.sui-frame.readonly.sc-sui-auto-complete{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-auto-complete:focus-within,.sui-frame.focus.sc-sui-auto-complete,.sui-frame.open.sc-sui-auto-complete{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-auto-complete{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-auto-complete:focus-within,.sui-frame.invalid.focus.sc-sui-auto-complete,.sui-frame.invalid.open.sc-sui-auto-complete{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-auto-complete:disabled,.sui-frame.disabled.sc-sui-auto-complete{--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-auto-complete{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-auto-complete::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-auto-complete{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-auto-complete:focus-within,.sui-frame.focus.sc-sui-auto-complete,.sui-frame.open.sc-sui-auto-complete{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-auto-complete:disabled,.sui-frame.disabled.sc-sui-auto-complete{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-auto-complete{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-auto-complete:disabled,.sui-popup-trigger.disabled.sc-sui-auto-complete{cursor:not-allowed}.sui-popup-trigger.sc-sui-auto-complete .val.sc-sui-auto-complete{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-auto-complete .clear.sc-sui-auto-complete{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-auto-complete .chev.sc-sui-auto-complete{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:0.4}.sui-popup-trigger.sc-sui-auto-complete .spin.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-auto-complete{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-auto-complete{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-auto-complete{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-auto-complete{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-auto-complete{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-auto-complete input.sc-sui-auto-complete{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-auto-complete{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-auto-complete{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-auto-complete{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-auto-complete{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-auto-complete{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-auto-complete{animation-duration:2s}}.sui-popup-spacer.sc-sui-auto-complete{flex:none;pointer-events:none}.sui-popup-option.sc-sui-auto-complete{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-auto-complete{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-auto-complete{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-auto-complete{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-auto-complete{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-auto-complete{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-auto-complete{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:GrayText}.sui-popup-option.hover.sc-sui-auto-complete{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-auto-complete{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{color:HighlightText}.sui-popup-option.disabled.sc-sui-auto-complete{color:GrayText}}.sui-inline.sc-sui-auto-complete{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-auto-complete{min-height:var(--control-sm)}.sui-inline.md.sc-sui-auto-complete{min-height:var(--control-md)}.sui-inline.lg.sc-sui-auto-complete{min-height:var(--control-lg)}.sui-inline.text.sc-sui-auto-complete{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-auto-complete{cursor:default}.sui-inline.sc-sui-auto-complete:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-auto-complete:focus{outline:none}.sui-inline.sc-sui-auto-complete:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-auto-complete{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-auto-complete{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-auto-complete{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-auto-complete:disabled,.sui-inline.disabled.sc-sui-auto-complete{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete .lead.sc-sui-auto-complete{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-auto-complete:disabled .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .lead.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .val.sc-sui-auto-complete{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-muted)}.sui-inline.sc-sui-auto-complete:disabled.placeholder .val.sc-sui-auto-complete,.sui-inline.disabled.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete:disabled{cursor:not-allowed}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .clear.sc-sui-auto-complete{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover{color:var(--ink)}.sui-inline.sc-sui-auto-complete .chev.sc-sui-auto-complete{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.sui-inline.sc-sui-auto-complete:hover .clear.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:focus-visible .clear.sc-sui-auto-complete,.sui-inline.shell.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:hover .chev.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:focus-visible .chev.sc-sui-auto-complete,.sui-inline.shell.sc-sui-auto-complete .chev.sc-sui-auto-complete{visibility:visible}.sui-inline.sc-sui-auto-complete .spin.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px}.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover:not(:disabled),.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:focus-visible,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:disabled,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-auto-complete:hover .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:focus-within .clear.sc-sui-auto-complete,.sui-inline.text.shell.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:hover .chev.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:focus-within .chev.sc-sui-auto-complete,.sui-inline.text.shell.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-auto-complete:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-auto-complete .chev.sc-sui-auto-complete{visibility:visible}.sui-inline.inverse.text.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-auto-complete:not(.shell) sui-chip.sc-sui-auto-complete{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-auto-complete{border-color:CanvasText}.sui-inline.sc-sui-auto-complete:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-auto-complete{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-auto-complete:disabled,.sui-inline.disabled.sc-sui-auto-complete{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-auto-complete:disabled .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .lead.sc-sui-auto-complete{color:GrayText}.sui-inline.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:GrayText}}.sui-chip-box.sc-sui-auto-complete{display:flex;flex-wrap:wrap;align-items:center;gap:5px;cursor:text}.sui-chip-box.disabled.sc-sui-auto-complete{cursor:not-allowed}.sui-chip-box.readonly.sc-sui-auto-complete:not(.disabled){cursor:default}.sui-input.sui-chip-box.sm.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-sm));padding:2px 6px;gap:4px;font-size:12.5px}.sui-input.sui-chip-box.md.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-md));padding:3px 8px;font-size:13px}.sui-input.sui-chip-box.lg.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-lg));padding:5px 8px;font-size:13px}.sui-chips.sc-sui-auto-complete{display:contents}.sui-chips.sc-sui-auto-complete>[role=\"listitem\"].sc-sui-auto-complete{display:inline-flex;min-width:0;max-width:100%}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete{flex:1;width:0;min-width:90px;border:none;outline:none;background:transparent;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;padding:3px 2px;margin:0}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:focus-visible{outline:none}.sui-chip-box.sm.sc-sui-auto-complete .entry.sc-sui-auto-complete{font-size:12.5px;padding:1px 2px}.sui-chip-box.md.sc-sui-auto-complete .entry.sc-sui-auto-complete{padding:2px 2px}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete::placeholder{color:var(--ink-placeholder)}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:disabled::placeholder{color:var(--ink-placeholder)}"}},[578,"sui-auto-complete",{label:[1],help:[1],error:[1],options:[16],externalFilter:[516,"external-filter"],placeholder:[1],multiple:[516],value:[1025],disabled:[516],readOnly:[516,"readonly"],invalid:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],loading:[516],loadingMessage:[1,"loading-message"],virtualScrollThreshold:[2,"virtual-scroll-threshold"],clearable:[516],dropdown:[516],forceSelection:[516,"force-selection"],allowCustom:[516,"allow-custom"],max:[2],size:[513],variant:[513],tone:[513],open:[1540],openOnFocus:[516,"open-on-focus"],required:[516],name:[513],hoverIdx:[32],keyNav:[32],focused:[32],hostLabel:[32],hostLabelledby:[32],browse:[32],panelScrollTop:[32],formDisabled:[32],query:[32],announce:[32],closing:[32],setFocus:[64]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{onMultipleChange:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}]}]),Y=W,Z=function(){"undefined"!=typeof customElements&&["sui-auto-complete","sui-chip"].forEach((i=>{switch(i){case"sui-auto-complete":customElements.get(a(i))||customElements.define(a(i),W);break;case"sui-chip":customElements.get(a(i))||$()}}))};export{Y as SuiAutoComplete,Z as defineCustomElement}

package/dist/components/sui-avatar-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiAvatarGroup extends Components.SuiAvatarGroup, HTMLElement {}
+export const SuiAvatarGroup: {
+    prototype: SuiAvatarGroup;
+    new (): SuiAvatarGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-avatar-group.js

@@ -0,0 +1 @@
+import{p as a,H as s,h as r,a as t,t as e}from"./p-CeVlau-G.js";import{d as i}from"./p-D7L5Nhsy.js";const o={xs:22,sm:26,md:32,lg:40,xl:56},n=a(class extends s{constructor(a){super(),!1!==a&&this.__registerHost()}users=[];max=4;size="md";render(){const a=Array.isArray(this.users)?this.users:[],s=`-${Math.round(.2*(o[this.size]||32))}px`,e=a.slice(0,Math.max(0,this.max)),i=a.length-e.length;return r(t,{key:"b6570695f52896395fdcff787992d266f4c7688b"},r("span",{key:"eebe15c9902c7fa4c98985387e1329f1ed7d253a",class:"sui-avatar-group"},e.map(((a,t)=>r("span",{class:"item",key:t+"",style:{marginInlineStart:t>0?s:"0",zIndex:e.length-t+""}},r("sui-avatar",{name:a.name,initials:a.initials,src:a.src,accent:!!a.accent,size:this.size})))),i>0?r("span",{class:{more:!0,[this.size]:!0},style:{marginInlineStart:s}},"+",i):null))}static get style(){return".sc-sui-avatar-group-h{display:inline-flex;vertical-align:middle;font-family:var(--font-sans)}.sui-avatar-group.sc-sui-avatar-group{display:inline-flex;align-items:center}.item.sc-sui-avatar-group{position:relative;display:inline-flex;border-radius:50%;border:2px solid var(--sui-avatar-group-ring, var(--surface))}.more.sc-sui-avatar-group{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;border:2px solid var(--sui-avatar-group-ring, var(--surface));background:var(--brand-soft);color:var(--brand-soft-ink);font-family:var(--font-sans);font-weight:720;line-height:1;white-space:nowrap;font-feature-settings:'tnum'}.more.xs.sc-sui-avatar-group{width:22px;height:22px;font-size:7px}.more.sm.sc-sui-avatar-group{width:26px;height:26px;font-size:9px}.more.md.sc-sui-avatar-group{width:32px;height:32px;font-size:11px}.more.lg.sc-sui-avatar-group{width:40px;height:40px;font-size:13px}.more.xl.sc-sui-avatar-group{width:56px;height:56px;font-size:16px}@media (forced-colors: active){.item.sc-sui-avatar-group{border-color:Canvas}.more.sc-sui-avatar-group{border-color:Canvas;outline:1px solid CanvasText;outline-offset:-3px}}"}},[514,"sui-avatar-group",{users:[16],max:[2],size:[513]}]),u=n,p=function(){"undefined"!=typeof customElements&&["sui-avatar-group","sui-avatar"].forEach((a=>{switch(a){case"sui-avatar-group":customElements.get(e(a))||customElements.define(e(a),n);break;case"sui-avatar":customElements.get(e(a))||i()}}))};export{u as SuiAvatarGroup,p as defineCustomElement}

package/dist/components/sui-avatar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiAvatar extends Components.SuiAvatar, HTMLElement {}
+export const SuiAvatar: {
+    prototype: SuiAvatar;
+    new (): SuiAvatar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-avatar.js

@@ -0,0 +1 @@
+import{S as s,d as o}from"./p-D7L5Nhsy.js";const p=s,r=o;export{p as SuiAvatar,r as defineCustomElement}

package/dist/components/sui-badge.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiBadge extends Components.SuiBadge, HTMLElement {}
+export const SuiBadge: {
+    prototype: SuiBadge;
+    new (): SuiBadge;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-badge.js

@@ -0,0 +1 @@
+import{S as o,d as s}from"./p-BUqcDxTK.js";const p=o,r=s;export{p as SuiBadge,r as defineCustomElement}

package/dist/components/sui-block-ui.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiBlockUi extends Components.SuiBlockUi, HTMLElement {}
+export const SuiBlockUi: {
+    prototype: SuiBlockUi;
+    new (): SuiBlockUi;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-block-ui.js

@@ -0,0 +1 @@
+import{p as s,H as i,h as e,a as t,t as o}from"./p-CeVlau-G.js";import{o as r,h as a}from"./p-BWkzTEZX.js";import{a as n}from"./p-BuyjS5bS.js";import{d as c}from"./p-eoxRNwfF.js";const l=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}blocked=!1;message;hasVeilContent=!1;content;veil;dispose;loaded=!1;connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(s=!1){this.dispose?.(),this.dispose=r(this.host,(()=>this.readSlots()),{childList:!0}),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasVeilContent=a(this.host,"veil")}componentDidRender(){this.content&&(this.blocked?this.content.setAttribute("inert",""):this.content.removeAttribute("inert"),this.fitVeil())}fitVeil(){const s=this.content&&1===this.content.childElementCount?this.content.firstElementChild:null;if(!this.veil||!s||"function"!=typeof getComputedStyle)return;const i=getComputedStyle(s).borderRadius;i&&(this.veil.style.borderRadius=i)}render(){return e(t,{key:"2a0cabdd9914c2806fc27601d8e027511ef29dc0","aria-busy":this.blocked?"true":"false"},e("div",{key:"02b131d1491c6e93bd88d878a48f8e8c10d1f45b",class:"wrap"},e("div",{key:"1d34c748a753ce332d2eb4f18a4f0d7f79e5327b",class:"content",ref:s=>this.content=s},e("slot",{key:"4bbec75b06833cb9fce5994bfb3450ba549b56de"})),this.blocked?e("div",{class:"veil",ref:s=>this.veil=s},this.hasVeilContent?null:e("sui-progress-spinner",{diameter:30,thickness:3,label:""===this.message?void 0:n(void 0,"block-ui.message",this.message,"Working")}),e("slot",{name:"veil"})):null))}static get style(){return".sc-sui-block-ui-h{display:block;font-family:var(--font-sans)}.wrap.sc-sui-block-ui{position:relative;border-radius:inherit}.veil.sc-sui-block-ui{position:absolute;inset:0;z-index:var(--z-sticky);border-radius:inherit;background:color-mix(in srgb, var(--canvas) 72%, transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:sui-block-in var(--duration-overlay) var(--ease-out)}.veil.sc-sui-block-ui sui-progress-spinner.sc-sui-block-ui{gap:10px;--sui-spinner-label-size:12.5px;--sui-spinner-label-weight:650;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 16px;box-shadow:var(--shadow-pop)}@keyframes sui-block-in{from{opacity:0}}@media (forced-colors: active){.veil.sc-sui-block-ui sui-progress-spinner.sc-sui-block-ui{background:Canvas;border-color:CanvasText;box-shadow:none}}"}},[774,"sui-block-ui",{blocked:[516],message:[1],hasVeilContent:[32]}]),d=l,u=function(){"undefined"!=typeof customElements&&["sui-block-ui","sui-progress-spinner"].forEach((s=>{switch(s){case"sui-block-ui":customElements.get(o(s))||customElements.define(o(s),l);break;case"sui-progress-spinner":customElements.get(o(s))||c()}}))};export{d as SuiBlockUi,u as defineCustomElement}

package/dist/components/sui-board.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiBoard extends Components.SuiBoard, HTMLElement {}
+export const SuiBoard: {
+    prototype: SuiBoard;
+    new (): SuiBoard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-board.js

@@ -0,0 +1 @@
+import{p as o,H as s,c as i,h as t,a as r,t as a}from"./p-CeVlau-G.js";import{u as e}from"./p-U06fVoGD.js";import{c as n}from"./p-COO9uV7W.js";import{i as d}from"./p-GAnFXayY.js";import{a as c,u as l}from"./p-BuyjS5bS.js";import{i as u}from"./p-Cs2X0Kih.js";import{c as h,m as p}from"./p-q0JbXN8q.js";import{d as b}from"./p-BHB1Wprj.js";import{G as v,t as f,q as g,f as m}from"./p-DdsE4HI6.js";import{d as x}from"./p-BUqcDxTK.js";import{d as y}from"./p-Ds9HpZbg.js";import{d as k}from"./p-D31mbQ3e.js";const w=Symbol("threw"),C=o=>o+"",D=(o,s)=>o.replace(/\{(\w+)\}/g,((o,i)=>i in s?s[i]+"":o)),z=o(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.suiMove=i(this,"suiMove",7),this.suiCollapsedChange=i(this,"suiCollapsedChange",3),this.suiCardClick=i(this,"suiCardClick",7)}get host(){return this}columns=[];cards=[];groupBy="status";cardRender;collapsed=[];noDrag=!1;variant="card";density="standard";loading=!1;emptyMessage;suiMove;suiCollapsedChange;suiCardClick;lifted=null;drag=null;over=null;live="";stops={};ariaName;home=null;fieldId=e("sui-board");cardEls=new Map;stripEls={};pendingFocus=null;pendingStrip=null;unlabel;connectedCallback(){b(this.host,(()=>this.firstStop())),this.unlabel?.(),this.unlabel=u(this.host,(o=>this.ariaName=o))}disconnectedCallback(){this.unlabel&&this.unlabel()}onData(){this.lifted&&!this.locate(this.lifted.id,this.base())&&(this.lifted=null,this.home=null)}onCollapsed(o){this.lifted&&(o||[]).some((o=>C(o)===this.lifted.col))&&(this.lifted=null,this.home=null)}componentDidRender(){this.pendingStrip?(this.focusStrip(this.pendingStrip),this.pendingStrip=null):null!=this.pendingFocus&&(this.focusCard(this.pendingFocus),this.pendingFocus=null)}async move(o,s,i){const t=this.base().get(C(s));if(!t)return!1;const r=this.attempt(o,C(s),null==i?t.length:i);return"moved"===r?this.announceMoved(o):"refused"===r&&this.announceRefused(o),"moved"===r}async setFocus(){this.firstStop()?.focus()}firstStop(){const o=this.view();for(const s of this.openColumns()){const i=C(s.id),t=this.stopOf(i,o.get(i)||[]);if(null!=t)return this.cardEls.get(t)}}columnsOf(){return this.columns||[]}cardsOf(){return this.cards||[]}groupOf(o){return o[this.groupBy]+""}isCollapsed(o){return(this.collapsed||[]).some((s=>C(s)===o))}openColumns(){return this.columnsOf().filter((o=>!this.isCollapsed(C(o.id))))}columnOf(o){return this.columnsOf().find((s=>C(s.id)===o))}nameOf(o){const s=this.columnOf(o);return s?s.heading:o}idOf(o){const s=this.columnOf(o);return s?s.id:o}cardById(o){return this.cardsOf().find((s=>s.id===o))}base(){const o=new Map;return this.columnsOf().forEach((s=>o.set(C(s.id),[]))),this.cardsOf().forEach((s=>{const i=o.get(this.groupOf(s));i&&i.push(s)})),o}view(){const o=this.base(),s=this.lifted;if(!s)return o;let i;o.forEach((o=>{const t=o.findIndex((o=>o.id===s.id));t>=0&&([i]=o.splice(t,1))}));const t=o.get(s.col);return i&&t&&t.splice(n(s.index,0,t.length),0,i),o}locate(o,s){let i=null;return s.forEach(((s,t)=>{const r=s.findIndex((s=>s.id===o));r>=0&&(i={col:t,index:r})})),i}stopOf(o,s){const i=this.stops[o];return s.some((o=>o.id===i))?i:s.length?s[0].id:void 0}setStop(o,s){this.stops[o]!==s&&(this.stops={...this.stops,[o]:s})}focusCard(o){const s=this.cardEls.get(o);s&&"function"==typeof s.focus&&s.focus()}focusStrip(o){const s=this.stripEls[o];s&&"function"==typeof s.focus&&s.focus()}focusAfter(o,s){this.setStop(o,s),this.isCollapsed(o)?(this.pendingStrip=o,this.pendingFocus=null):(this.pendingFocus=s,this.pendingStrip=null)}focusAt(o,s){s&&(this.setStop(o,s.id),this.focusCard(s.id))}attempt(o,s,i){const t=this.base(),r=this.locate(o,t),a=t.get(s);if(!r||!a)return"unknown";const e=n(i,0,Math.max(0,r.col===s?a.length-1:a.length));if(r.col===s&&r.index===e)return"same";const d={id:o,from:r.col,fromIndex:r.index,to:s,index:e,collapsed:this.isCollapsed(s)};return this.suiMove.emit({...d,from:this.idOf(d.from),to:this.idOf(d.to)}).defaultPrevented?"refused":(this.commit(d),"moved")}commit(o){const s=this.cardsOf().slice(),i=s.findIndex((s=>s.id===o.id)),[t]=s.splice(i,1),r={...t,[this.groupBy]:this.idOf(o.to)},a=[];s.forEach(((s,i)=>{this.groupOf(s)===o.to&&a.push(i)})),s.splice(o.index<a.length?a[o.index]:a.length?a[a.length-1]+1:i,0,r),this.cards=s,this.focusAfter(o.to,o.id)}announceMoved(o){const s=this.locate(o,this.base()),i=this.cardById(o);if(!s||!i)return;const t=(this.base().get(s.col)||[]).length;this.live=D(c(void 0,"board.moved",void 0,"{card} moved to {column}, position {index} of {count}."),{card:i.title,column:this.nameOf(s.col),index:s.index+1,count:t})}resetDrag=()=>{this.drag=null,this.over=null};onDragStart(o,s,i,t){if(this.lifted=null,this.home=null,this.drag={id:s.id,col:i,idx:t},this.setStop(i,s.id),o.dataTransfer){o.dataTransfer.effectAllowed="move";try{o.dataTransfer.setData("text/plain",s.id+"")}catch{}}}onCardDragOver(o,s,i){if(!this.drag)return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget.getBoundingClientRect(),r=o.clientY<t.top+t.height/2?i:i+1;this.over&&this.over.col===s&&this.over.index===r||(this.over={col:s,index:r})}onListDragOver(o,s){if(!this.drag)return;o.preventDefault();const i=(this.base().get(s)||[]).length;this.over&&this.over.col===s&&this.over.index===i||(this.over={col:s,index:i})}onDrop=o=>{o.preventDefault();const s=this.drag,i=this.over;if(this.resetDrag(),!s||!i)return;const t=this.attempt(s.id,i.col,s.col===i.col&&i.index>s.idx?i.index-1:i.index);"moved"===t?this.announceMoved(s.id):"refused"===t&&this.announceRefused(s.id)};announceRefused(o){const s=this.locate(o,this.base()),i=this.cardById(o);s&&i&&(this.live=D(c(void 0,"board.refused",void 0,"Move refused. {card} stays in {column} at position {index}."),{card:i.title,column:this.nameOf(s.col),index:s.index+1}))}onCardClick(o,s){this.setStop(s,o.id),this.lifted||this.suiCardClick.emit({id:o.id,card:o})}onKey(o,s){const i=this.view(),t=this.locate(s.id,i);if(!t)return;const{col:r,index:a}=t,e=i.get(r)||[],l=!!this.lifted&&this.lifted.id===s.id,u=(s,t)=>{o.preventDefault();const d=null!=t?t<0?0:e.length-1:n(a+s,0,e.length-1);l?this.moveLifted(r,d,i):this.focusAt(r,e[d])},h=s=>{o.preventDefault();const t=this.openColumns().map((o=>C(o.id))),e=t.indexOf(r);if(l){const o=t[e+s];return o?void this.moveLifted(o,Math.min(a,(i.get(o)||[]).length),i):void(this.live=D(s<0?c(void 0,"board.firstColumn",void 0,"{column} is the first column."):c(void 0,"board.lastColumn",void 0,"{column} is the last column."),{column:this.nameOf(r)}))}for(let o=e+s;o>=0&&o<t.length;o+=s){const s=i.get(t[o])||[];if(s.length){const i=this.stopOf(t[o],s);return void this.focusAt(t[o],s.find((o=>o.id===i)))}}};switch(o.key){case" ":case"Spacebar":o.preventDefault(),l?this.drop():this.lift(s,r,a);break;case"Enter":o.preventDefault(),l?this.drop():this.suiCardClick.emit({id:s.id,card:s});break;case"ArrowDown":u(1);break;case"ArrowUp":u(-1);break;case"Home":u(0,-1);break;case"End":u(0,1);break;case"ArrowRight":h(d(this.host)?-1:1);break;case"ArrowLeft":h(d(this.host)?1:-1);break;case"Escape":l&&(o.preventDefault(),this.cancel())}}lift(o,s,i){this.lifted={id:o.id,col:s,index:i},this.home={col:s,index:i},this.setStop(s,o.id),this.live=D(c(void 0,"board.lifted",void 0,"{card} lifted. Use the arrow keys to move it, Space to drop it, Escape to cancel."),{card:o.title})}moveLifted(o,s,i){const t=this.lifted,r=t&&this.cardById(t.id);if(!t||!r)return;if(o===t.col){const a=(i.get(o)||[]).length,e=n(s,0,Math.max(0,a-1));return e===t.index?void(this.live=D(0===e?c(void 0,"board.atTop",void 0,"{card} is already at the top of {column}."):c(void 0,"board.atBottom",void 0,"{card} is already at the bottom of {column}."),{card:r.title,column:this.nameOf(o)})):(this.lifted={...t,index:e},this.pendingFocus=t.id,void(this.live=D(c(void 0,"board.moved",void 0,"{card} moved to {column}, position {index} of {count}."),{card:r.title,column:this.nameOf(o),index:e+1,count:a})))}const a=(i.get(o)||[]).length+1,e=n(s,0,a-1);this.lifted={id:t.id,col:o,index:e},this.setStop(o,t.id),this.pendingFocus=t.id,this.live=D(c(void 0,"board.moved",void 0,"{card} moved to {column}, position {index} of {count}."),{card:r.title,column:this.nameOf(o),index:e+1,count:a})}drop(){const o=this.lifted,s=this.home;this.lifted=null,this.home=null;const i=o&&this.cardById(o.id);if(o&&s&&i){if(o.col===s.col&&o.index===s.index||"refused"!==this.attempt(o.id,o.col,o.index)){const s=this.locate(o.id,this.base()),t=s?(this.base().get(s.col)||[]).length:0;return this.focusAfter(o.col,o.id),void(this.live=D(c(void 0,"board.dropped",void 0,"{card} dropped in {column} at position {index} of {count}."),{card:i.title,column:this.nameOf(o.col),index:(s?s.index:o.index)+1,count:t}))}this.focusAfter(s.col,o.id),this.announceRefused(o.id)}}cancel(){const o=this.lifted,s=this.home;this.lifted=null,this.home=null;const i=o&&this.cardById(o.id);o&&s&&i&&(this.focusAfter(s.col,o.id),this.live=D(c(void 0,"board.canceled",void 0,"Move canceled. {card} returned to {column}, position {index}."),{card:i.title,column:this.nameOf(s.col),index:s.index+1}))}toggle(o){const s=this.isCollapsed(o)?(this.collapsed||[]).filter((s=>C(s)!==o)):(this.collapsed||[]).concat([this.idOf(o)]);this.collapsed=s,this.suiCollapsedChange.emit(s)}countText(o,s){return null==o.limit?l(s,void 0,["board.countOne","board.count"])?D(c(void 0,"board.countOne",void 0,"{count} card"),{count:s}):D(c(void 0,"board.count",void 0,"{count} cards"),{count:s}):D(s>o.limit?c(void 0,"board.overLimit",void 0,"{count} of {limit} cards, over the limit"):c(void 0,"board.countLimit",void 0,"{count} of {limit} cards"),{count:s,limit:o.limit})}count(o,s,i){const r=null!=o.limit&&s>o.limit;return t("span",{class:{[i]:!0,over:r}},r?t(v,{glyph:f}):null,t("span",{class:"digits","aria-hidden":"true"},null!=o.limit?`${s} / ${o.limit}`:s),t("span",{class:"sr-only"},this.countText(o,s)))}defaultCard(o){const s=o.pill;return[t("div",{class:"card-title"},o.title),o.subtitle?t("div",{class:"card-sub"},o.subtitle):null,o.meta||s?t("div",{class:"card-foot"},o.meta?t("span",{class:"card-meta"},o.meta):null,s?t("sui-tag",{size:"sm",label:s.label,severity:s.severity}):null):null]}strip(o,s,i){const r=C(o.id),a=!this.noDrag;return t("div",{key:r,class:{col:!0,collapsed:!0,over:!!this.drag&&!!this.over&&this.over.col===r},role:"group","aria-labelledby":`${this.fieldId}-c${i}-h`,onDragEnter:a?o=>this.onListDragOver(o,r):void 0,onDragOver:a?o=>this.onListDragOver(o,r):void 0,onDrop:a?this.onDrop:void 0},t("button",{type:"button",class:"col-toggle",ref:o=>{o&&(this.stripEls[r]=o)},"aria-expanded":"false","aria-label":D(c(void 0,"board.expand",void 0,"Expand {column}"),{column:o.heading}),onClick:()=>this.toggle(r)},t(v,{glyph:g})),this.loading?null:this.count(o,s.length,"col-count"),t("span",{class:"strip-title",id:`${this.fieldId}-c${i}-h`},o.heading))}column(o,s,i,r){const a=C(o.id),e=`${this.fieldId}-c${i}-h`,n=this.stopOf(a,s),d=!!this.drag&&!!this.over&&this.over.col===a,l=this.cardRender,u=!this.noDrag,b=[];this.loading?[0,1,2].forEach((o=>b.push(t("li",{class:"card ghost",role:"presentation","aria-hidden":"true",key:"g"+o},t("sui-skeleton",{shape:"title",width:"72%"}),t("sui-skeleton",{width:"46%"}))))):(s.forEach(((s,i)=>{d&&this.over.index===i&&b.push(t("li",{class:"dropline",role:"presentation",key:"dl"+i}));const r=!!this.lifted&&this.lifted.id===s.id,e=!!this.drag&&this.drag.id===s.id,c=s.id===n,v=l?h(l,[s,o],w):w;b.push(t("li",{key:s.id+"",ref:o=>{o&&this.cardEls.set(s.id,o)},class:{card:!0,selected:c,lifted:r,dragging:e,static:!u},role:"option","aria-selected":c?"true":"false","aria-describedby":this.fieldId+"-hint",tabIndex:c?0:-1,draggable:u,onClick:()=>this.onCardClick(s,a),onKeyDown:o=>this.onKey(o,s),onDragStart:o=>this.onDragStart(o,s,a,i),onDragEnd:this.resetDrag,onDragEnter:o=>this.onCardDragOver(o,a,i),onDragOver:o=>this.onCardDragOver(o,a,i)},v!==w?t("div",{class:"custom",ref:o=>p(o,v)}):this.defaultCard(s)))})),d&&s.length&&this.over.index===s.length&&b.push(t("li",{class:"dropline",role:"presentation",key:"dlend"})));const f=!this.loading&&!s.length;return t("div",{key:a,class:{col:!0,over:d},role:"group","aria-labelledby":e},t("div",{class:"col-head"},o.tone?t("sui-badge",{dot:!0,severity:o.tone}):null,t("div",{class:"col-title",id:e},o.heading),this.loading?null:this.count(o,s.length,"col-count"),t("button",{type:"button",class:"col-toggle","aria-expanded":"true","aria-label":D(c(void 0,"board.collapse",void 0,"Collapse {column}"),{column:o.heading}),onClick:()=>this.toggle(a)},t(v,{glyph:m}))),t("div",{class:"col-body",onDragEnter:u?o=>this.onListDragOver(o,a):void 0,onDragOver:u?o=>this.onListDragOver(o,a):void 0,onDrop:u?this.onDrop:void 0},t("ol",{class:"col-list",role:"listbox","aria-labelledby":e,"aria-describedby":this.fieldId+"-hint","aria-busy":this.loading?"true":null},b),f?r?t("div",{class:{"drop-here":!0,over:d}},c(void 0,"board.dropHere",void 0,"Drop here")):t("div",{class:"empty"},""===this.emptyMessage?null:c(void 0,"board.empty",this.emptyMessage,"Nothing here yet.")):null))}render(){const o=this.columnsOf(),s=this.view(),i=!!this.drag||!!this.lifted;this.cardEls=new Map,this.stripEls={};const a=o.map((o=>this.isCollapsed(C(o.id))?"var(--sui-board-strip, 40px)":"minmax(var(--sui-board-column-min, 200px), 1fr)")).join(" ");return t(r,{key:"d0ae66f238dd3a2c70ebe612def75a19501989fe"},t("div",{key:"7f928ee144b9259ff548ee223256b5030b82b191",class:"board",role:"group","aria-label":this.ariaName,style:{gridTemplateColumns:a}},o.map(((o,t)=>this.isCollapsed(C(o.id))?this.strip(o,s.get(C(o.id))||[],t):this.column(o,s.get(C(o.id))||[],t,i)))),t("div",{key:"ca6530d94d2de873443419407389bfa4bb30dad2",class:"sr-only",id:this.fieldId+"-hint"},c(void 0,"board.hint",void 0,"Press Space to lift a card, the arrow keys to move it within and across columns, Space to drop it and Escape to cancel.")),t("div",{key:"5d89d8cbeb6eba494759f92da35241666989fc1d",class:"sr-only","aria-live":"assertive","aria-atomic":"true"},this.live))}static get watchers(){return{cards:[{onData:0}],columns:[{onData:0}],collapsed:[{onCollapsed:0}]}}static get style(){return".sc-sui-board-h{display:block;min-width:0;box-sizing:border-box;position:relative;font-family:var(--font-sans);color:var(--ink)}.board.sc-sui-board{display:grid;grid-auto-flow:column;gap:12px;align-items:stretch;height:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.col.sc-sui-board{display:flex;flex-direction:column;min-width:0;min-height:0;box-sizing:border-box;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.col.collapsed.sc-sui-board{align-items:center;gap:8px;padding:6px 0 10px;overflow:hidden}.col.collapsed.over.sc-sui-board{border-color:var(--accent);border-style:dashed;background:var(--accent-soft)}.col-head.sc-sui-board{display:flex;align-items:center;gap:8px;padding:9px 6px 5px;padding-inline-start:12px;flex-shrink:0}.col-head.sc-sui-board sui-badge.sc-sui-board{flex-shrink:0;display:inline-flex}.col-title.sc-sui-board{flex:1;min-width:0;font-size:12.5px;font-weight:650;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-title.sc-sui-board{writing-mode:vertical-rl;font-size:12.5px;font-weight:650;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0}.col-count.sc-sui-board{position:relative;display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 7px;box-sizing:border-box;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);font-size:11px;font-weight:550;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap;flex-shrink:0}.col-count.over.sc-sui-board{background:var(--status-attention-bg);border-color:transparent;color:var(--status-attention-ink)}.col-count.sc-sui-board .sui-glyph.sc-sui-board{font-size:10px}.sc-sui-board-h:dir(rtl) .col-toggle.sc-sui-board .sui-glyph.sc-sui-board{transform:scaleX(-1)}.col-toggle.sc-sui-board{box-sizing:border-box;width:24px;height:24px;padding:0;margin:0;flex-shrink:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink-muted);cursor:pointer;display:inline-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)}.col-toggle.sc-sui-board .sui-glyph.sc-sui-board{font-size:11px}.col-toggle.sc-sui-board:hover{background:var(--surface-hover);color:var(--ink)}.col-toggle.sc-sui-board:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.col-body.sc-sui-board{display:flex;flex-direction:column;padding:3px 8px 8px;box-sizing:border-box;overflow-y:auto;min-height:56px;flex:1}.col-list.sc-sui-board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.card.sc-sui-board{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:10px 12px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:grab;user-select:none;-webkit-user-select:none;opacity:1;box-shadow:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out)}.card.static.sc-sui-board{cursor:default}.card.sc-sui-board:hover{border-color:var(--border-strong)}.card.sc-sui-board:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.card.lifted.sc-sui-board{border-color:var(--accent);box-shadow:var(--shadow-raised);position:relative;z-index:1}.card.lifted.sc-sui-board:focus-visible{box-shadow:var(--shadow-raised), var(--focus-shadow)}.card.dragging.sc-sui-board{opacity:0.5;border-style:dashed;border-color:var(--ink-muted);box-shadow:none}.card.ghost.sc-sui-board{cursor:default;gap:8px}.card-title.sc-sui-board{font-size:13px;font-weight:550;line-height:1.35;color:var(--ink);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-sub.sc-sui-board{font-size:12px;line-height:1.4;color:var(--ink-muted)}.card-foot.sc-sui-board{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;min-width:0}.card-meta.sc-sui-board{font-size:11.5px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom.sc-sui-board{min-width:0}.dropline.sc-sui-board{height:2px;border-radius:1px;background:var(--accent-ink);margin:-5px 4px;flex-shrink:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent)}[variant='plain'].sc-sui-board-h .col.sc-sui-board{background:transparent;border-color:transparent}[variant='plain'].sc-sui-board-h .col.collapsed.over.sc-sui-board{border-color:var(--accent);background:var(--accent-soft)}[variant='plain'].sc-sui-board-h .col-head.sc-sui-board{padding-inline-start:8px;padding-bottom:8px;box-shadow:inset 0 -1px 0 var(--border)}[variant='plain'].sc-sui-board-h .col-body.sc-sui-board{padding:8px 4px}[variant='plain'].sc-sui-board-h .col-toggle.sc-sui-board{opacity:0;transition:opacity var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}[variant='plain'].sc-sui-board-h .col-head.sc-sui-board:hover .col-toggle.sc-sui-board,[variant='plain'].sc-sui-board-h .col-toggle.sc-sui-board:focus-visible,[variant='plain'].sc-sui-board-h .col.collapsed.sc-sui-board .col-toggle.sc-sui-board{opacity:1}[variant='plain'].sc-sui-board-h .col-count.sc-sui-board{background:transparent;border-color:transparent;padding:0 2px}[variant='plain'].sc-sui-board-h .col-count.over.sc-sui-board{background:var(--status-attention-bg)}[density='compact'].sc-sui-board-h .col-list.sc-sui-board{gap:6px}[density='compact'].sc-sui-board-h .card.sc-sui-board{padding:8px 10px;gap:2px}[density='compact'].sc-sui-board-h .card-foot.sc-sui-board{margin-top:0}[density='comfortable'].sc-sui-board-h .col-list.sc-sui-board{gap:10px}[density='comfortable'].sc-sui-board-h .card.sc-sui-board{padding:14px;gap:6px}[density='compact'].sc-sui-board-h .dropline.sc-sui-board{margin-block:-4px}[density='comfortable'].sc-sui-board-h .dropline.sc-sui-board{margin-block:-6px}.empty.sc-sui-board,.drop-here.sc-sui-board{box-sizing:border-box;padding:14px 10px;font-size:12px;text-align:center;border-radius:var(--radius-md);flex-shrink:0}.empty.sc-sui-board{min-height:calc(1lh + 30px);color:var(--ink-muted);border:1px dashed var(--border-strong)}.drop-here.sc-sui-board{color:var(--accent-ink);background:var(--surface);border:1.5px dashed var(--accent);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.drop-here.over.sc-sui-board{background:var(--accent-soft);color:var(--accent-soft-ink)}.sr-only.sc-sui-board{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){.card.lifted.sc-sui-board{border-style:dashed;border-color:Highlight}.dropline.sc-sui-board{background:Highlight}[variant='plain'].sc-sui-board-h .col.sc-sui-board{border-color:Canvas}[variant='plain'].sc-sui-board-h .col-head.sc-sui-board{border-bottom:1px solid CanvasText}[variant='plain'].sc-sui-board-h .col-count.sc-sui-board{border-color:Canvas}[variant='plain'].sc-sui-board-h .col-count.over.sc-sui-board{border-color:CanvasText}.drop-here.sc-sui-board{border-color:Highlight}.drop-here.over.sc-sui-board{forced-color-adjust:none;background:Highlight;color:HighlightText}.col.collapsed.over.sc-sui-board,[variant='plain'].sc-sui-board-h .col.collapsed.over.sc-sui-board{border:2px solid Highlight}}"}},[514,"sui-board",{columns:[16],cards:[1040],groupBy:[1,"group-by"],cardRender:[16],collapsed:[1040],noDrag:[516,"no-drag"],variant:[513],density:[513],loading:[516],emptyMessage:[1,"empty-message"],lifted:[32],drag:[32],over:[32],live:[32],stops:[32],ariaName:[32],move:[64],setFocus:[64]},void 0,{cards:[{onData:0}],columns:[{onData:0}],collapsed:[{onCollapsed:0}]}]),E=z,j=function(){"undefined"!=typeof customElements&&["sui-board","sui-badge","sui-skeleton","sui-tag"].forEach((o=>{switch(o){case"sui-board":customElements.get(a(o))||customElements.define(a(o),z);break;case"sui-badge":customElements.get(a(o))||x();break;case"sui-skeleton":customElements.get(a(o))||y();break;case"sui-tag":customElements.get(a(o))||k()}}))};export{E as SuiBoard,j as defineCustomElement}

package/dist/components/sui-bottom-nav.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiBottomNav extends Components.SuiBottomNav, HTMLElement {}
+export const SuiBottomNav: {
+    prototype: SuiBottomNav;
+    new (): SuiBottomNav;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-bottom-nav.js

@@ -0,0 +1 @@
+import{p as t,H as o,c as a,h as i,a as s,t as n}from"./p-CeVlau-G.js";import{d as e}from"./p-BHB1Wprj.js";import{i as r}from"./p-Cs2X0Kih.js";import{a as c}from"./p-BuyjS5bS.js";const b=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiNavigate=a(this,"suiNavigate",7),this.suiActiveChange=a(this,"suiActiveChange",3)}get host(){return this}hostLabel;stopAria;connectedCallback(){e(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=r(this.host,(t=>{this.hostLabel=t}))}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector(".tab.on:not([disabled])")??this.host.querySelector(".tab:not([disabled])")}disconnectedCallback(){this.stopAria?.()}items=[];active;fixed=!1;suiNavigate;suiActiveChange;keyOf(t){return t.key||t.label}current(){if(null!=this.active)return this.active;const t=(this.items||[])[0];return t?this.keyOf(t):void 0}navigate(t){if(t.disabled)return;const o=this.keyOf(t);o!==this.active&&(this.active=o,this.suiActiveChange.emit(o)),this.suiNavigate.emit(o)}render(){const t=this.current();return i(s,{key:"f65f7542e3660610d73233b17987326adb3e0ec3"},i("nav",{key:"615b22e75258bfc22e396e383feaab5e289c7eca",class:{bar:!0,fixed:this.fixed},"aria-label":this.hostLabel||c(void 0,"bottom-nav.primary",void 0,"Primary")},(this.items||[]).map((o=>{const a=t===this.keyOf(o),s=!!o.href&&!o.disabled;return i(s?"a":"button",{type:s?void 0:"button",href:s?o.href:void 0,target:s?o.target:void 0,rel:s&&"_blank"===o.target?"noopener":void 0,class:{tab:!0,on:a},"aria-current":a&&!o.disabled?"page":null,"aria-label":null!=o.badge?`${o.label}, ${o.badge}`:null,disabled:s?void 0:!!o.disabled,onClick:()=>this.navigate(o)},i("span",{class:"indicator","aria-hidden":"true"}),i("span",{class:"glyph"},i("i",{class:o.icon+" icon","aria-hidden":"true"}),null!=o.badge?i("span",{class:"badge","aria-hidden":"true"},o.badge):null),i("span",{class:"label"},o.label))}))))}static get style(){return".sc-sui-bottom-nav-h{display:block;font-family:var(--font-sans)}.bar.sc-sui-bottom-nav{display:flex;background:var(--surface-navy);border-radius:var(--radius-lg);overflow:hidden;--focus-ring:var(--ink-inverse);--focus-shadow:none}.bar.fixed.sc-sui-bottom-nav{position:fixed;bottom:0;inset-inline:0;z-index:var(--z-overlay);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.tab.sc-sui-bottom-nav{position:relative;flex:1;min-height:56px;padding:8px 4px 7px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:transparent;color:var(--ink-inverse-muted);font-family:var(--font-sans);cursor:pointer;text-decoration:none;line-height:normal;transition:background var(--duration-fast) var(--ease-out)}a.tab.sc-sui-bottom-nav,a.tab.sc-sui-bottom-nav:hover,a.tab.sc-sui-bottom-nav:visited{color:var(--ink-inverse-muted);text-decoration:none}a.tab.on.sc-sui-bottom-nav,a.tab.on.sc-sui-bottom-nav:hover,a.tab.on.sc-sui-bottom-nav:visited{color:var(--ink-inverse)}.tab.sc-sui-bottom-nav:hover{background:color-mix(in srgb, var(--ink-inverse) 8%, transparent)}.tab.on.sc-sui-bottom-nav{background:color-mix(in srgb, var(--ink-inverse) 14%, transparent);color:var(--ink-inverse)}.tab.sc-sui-bottom-nav:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.tab[disabled].sc-sui-bottom-nav{color:var(--ink-inverse-faint);cursor:not-allowed}.tab[disabled].sc-sui-bottom-nav:hover{background:transparent}.indicator.sc-sui-bottom-nav{position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:3px;border-radius:0 0 3px 3px;background:transparent;transition:background var(--duration-fast) var(--ease-out)}.tab.on.sc-sui-bottom-nav .indicator.sc-sui-bottom-nav{background:var(--accent)}.glyph.sc-sui-bottom-nav{position:relative;display:inline-flex}.icon.sc-sui-bottom-nav{font-size:16px;color:inherit}.tab.on.sc-sui-bottom-nav .icon.sc-sui-bottom-nav{color:var(--accent)}.badge.sc-sui-bottom-nav{position:absolute;top:-6px;inset-inline-end:-10px;min-width:15px;height:15px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:var(--accent);color:var(--accent-contrast);font-size:9px;font-weight:720;font-feature-settings:'tnum';display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--surface-navy)}.label.sc-sui-bottom-nav{font-size:10.5px;font-weight:550;letter-spacing:0.01em}.tab.on.sc-sui-bottom-nav .label.sc-sui-bottom-nav{font-weight:650}@media (forced-colors: active){.bar.sc-sui-bottom-nav{border:1px solid CanvasText}.tab.on.sc-sui-bottom-nav{forced-color-adjust:none;background:Highlight;color:HighlightText}a.tab.on.sc-sui-bottom-nav,a.tab.on.sc-sui-bottom-nav:hover,a.tab.on.sc-sui-bottom-nav:visited{color:HighlightText}.tab.sc-sui-bottom-nav:focus-visible{outline-color:CanvasText;box-shadow:none}.tab.on.sc-sui-bottom-nav .indicator.sc-sui-bottom-nav{background:HighlightText}.tab.on.sc-sui-bottom-nav .icon.sc-sui-bottom-nav{color:HighlightText}.badge.sc-sui-bottom-nav{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}}"}},[514,"sui-bottom-nav",{items:[16],active:[1025],fixed:[516],hostLabel:[32],setFocus:[64]}]),u=b,l=function(){"undefined"!=typeof customElements&&["sui-bottom-nav"].forEach((t=>{"sui-bottom-nav"===t&&(customElements.get(n(t))||customElements.define(n(t),b))}))};export{u as SuiBottomNav,l as defineCustomElement}

package/dist/components/sui-breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiBreadcrumb extends Components.SuiBreadcrumb, HTMLElement {}
+export const SuiBreadcrumb: {
+    prototype: SuiBreadcrumb;
+    new (): SuiBreadcrumb;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-breadcrumb.js

@@ -0,0 +1 @@
+import{p as s,H as r,c as e,h as t,a as i,t as a}from"./p-CeVlau-G.js";import{d as c}from"./p-BHB1Wprj.js";import{i as n}from"./p-Cs2X0Kih.js";import{a as o,l as u}from"./p-BuyjS5bS.js";import{G as l,s as b,q as d}from"./p-DdsE4HI6.js";const m=s(class extends r{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiNavigate=e(this,"suiNavigate",7)}get host(){return this}items=[];maxItems=0;suiNavigate;expanded=!1;hostLabel;stopAria;pendingFocus=!1;connectedCallback(){c(this.host,(()=>this.host.querySelector("a.crumb, button.crumb"))),this.stopAria?.(),this.stopAria=n(this.host,(s=>{this.hostLabel=s}))}async setFocus(){this.host.querySelector("a.crumb, button.crumb")?.focus()}destination(s){return s.href||s.key||s.label}disconnectedCallback(){this.stopAria?.()}onItems(){this.expanded=!1}componentDidRender(){if(!this.pendingFocus)return;this.pendingFocus=!1;const s=this.host.querySelectorAll(".crumb");s[1]?.focus()}expand=()=>{this.expanded=!0,this.pendingFocus=!0};get collapsed(){const s=this.maxItems>=2?this.maxItems:0;return s>0&&!this.expanded&&(this.items||[]).length>s}crumb(s,r){const e=[s.icon?t("i",{class:"crumb-icon "+s.icon,"aria-hidden":"true"}):null,t("span",{class:"crumb-label"},s.label)],i={crumb:!0,last:r};return r?t("span",{class:i,"aria-current":"page"},e):s.href?t("a",{class:i,href:s.href,target:s.target,rel:"_blank"===s.target?"noopener":void 0,onClick:()=>this.suiNavigate.emit(this.destination(s))},e):t("button",{class:i,type:"button",onClick:()=>this.suiNavigate.emit(this.destination(s))},e)}render(){const s=this.items||[],r=s.length-1,e=()=>t(l,{glyph:d,class:"sep"});if(this.collapsed){const r=s.slice(s.length-(this.maxItems-1)),a=s.length-1-r.length;return t(i,null,t("nav",{"aria-label":this.hostLabel||o(void 0,"breadcrumb.label",void 0,"Breadcrumb")},t("ol",{class:"trail"},t("li",{class:"step"},this.crumb(s[0],!1)),t("li",{class:"step"},e(),t("button",{class:"crumb ellipsis",type:"button","aria-label":u(void 0,"breadcrumb.showMore",void 0,"Show {count} more",{count:a}),"aria-expanded":"false",onClick:this.expand},t(l,{glyph:b}))),r.map(((s,i)=>t("li",{class:"step"},e(),this.crumb(s,i===r.length-1)))))))}return t(i,null,t("nav",{"aria-label":this.hostLabel||o(void 0,"breadcrumb.label",void 0,"Breadcrumb")},t("ol",{class:"trail"},s.map(((s,i)=>t("li",{class:"step"},i>0?e():null,this.crumb(s,i===r)))))))}static get watchers(){return{items:[{onItems:0}]}}static get style(){return".sc-sui-breadcrumb-h{display:block;font-family:var(--font-sans)}.trail.sc-sui-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.step.sc-sui-breadcrumb{display:inline-flex;align-items:center;gap:7px}.sep.sc-sui-breadcrumb{font-size:8px;color:var(--border-strong)}.sc-sui-breadcrumb-h:dir(rtl) .sep.sc-sui-breadcrumb{transform:scaleX(-1)}.crumb.sc-sui-breadcrumb{display:inline-flex;align-items:center;gap:6px;padding:2px 4px;margin:-2px -4px;border:none;background:transparent;font-family:var(--font-sans);font-size:12.5px;font-weight:550;line-height:normal;color:var(--ink-muted);cursor:pointer;text-decoration:none;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-out)}a.crumb.sc-sui-breadcrumb:visited{color:var(--ink-muted)}.crumb.sc-sui-breadcrumb:hover:not(.last){color:var(--link);text-decoration:underline}.crumb.sc-sui-breadcrumb:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.crumb.last.sc-sui-breadcrumb{font-weight:700;color:var(--ink);cursor:default;text-decoration:none}.crumb-icon.sc-sui-breadcrumb{font-size:11px}.crumb.ellipsis.sc-sui-breadcrumb{padding:2px 7px;margin-inline:0}.crumb.ellipsis.sc-sui-breadcrumb:hover{text-decoration:none;background:var(--surface-hover)}.crumb.ellipsis.sc-sui-breadcrumb:active{background:var(--surface-pressed)}.crumb.ellipsis.sc-sui-breadcrumb .sui-glyph.sc-sui-breadcrumb{font-size:12px}"}},[514,"sui-breadcrumb",{items:[16],maxItems:[2,"max-items"],expanded:[32],hostLabel:[32],setFocus:[64]},void 0,{items:[{onItems:0}]}]),p=m,h=function(){"undefined"!=typeof customElements&&["sui-breadcrumb"].forEach((s=>{"sui-breadcrumb"===s&&(customElements.get(a(s))||customElements.define(a(s),m))}))};export{p as SuiBreadcrumb,h as defineCustomElement}

package/dist/components/sui-button-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiButtonGroup extends Components.SuiButtonGroup, HTMLElement {}
+export const SuiButtonGroup: {
+    prototype: SuiButtonGroup;
+    new (): SuiButtonGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-button-group.js

@@ -0,0 +1 @@
+import{S as o,d as p}from"./p-BJXb6pu9.js";const s=o,r=p;export{s as SuiButtonGroup,r as defineCustomElement}

package/dist/components/sui-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiButton extends Components.SuiButton, HTMLElement {}
+export const SuiButton: {
+    prototype: SuiButton;
+    new (): SuiButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-button.js

@@ -0,0 +1 @@
+import{SuiButton as t,defineCustomElement as o}from"./p-DgXzRiP4.js";const e=t,s=o;export{e as SuiButton,s as defineCustomElement}

package/dist/components/sui-calendar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiCalendar extends Components.SuiCalendar, HTMLElement {}
+export const SuiCalendar: {
+    prototype: SuiCalendar;
+    new (): SuiCalendar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-calendar.js

@@ -0,0 +1 @@
+import{p as e,H as s,c as i,f as a,h as t,a as r,t as n}from"./p-CeVlau-G.js";import{u as o}from"./p-U06fVoGD.js";import{i as c,a as l}from"./p-BuyjS5bS.js";import{i as d}from"./p-Cs2X0Kih.js";import{i as h}from"./p-GAnFXayY.js";import{i as u,c as p,m as g}from"./p-q0JbXN8q.js";import{r as v}from"./p-DRMr6xXH.js";import{t as f,i as b,l as m,w as k,a as w,b as x,m as y,f as C,c as D,d as z,e as E,g as A,h as M}from"./p-CjVByuTx.js";import{o as j,p as S,a as T,b as O,m as P,l as H,t as K}from"./p-CN5x4MC8.js";import{d as N}from"./p-BHB1Wprj.js";import{G as R,O as G,P as I,f as W,q as F}from"./p-DdsE4HI6.js";import{S as U}from"./p-9ma1-eiT.js";import{d as V}from"./p-Ds9HpZbg.js";const L=(e,s)=>e.replace(/\{(\w+)\}/g,((e,i)=>i in s?s[i]+"":e)),B=Symbol("threw"),X=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiMove=i(this,"suiMove",7),this.suiDayClick=i(this,"suiDayClick",7),this.suiEventClick=i(this,"suiEventClick",7),this.suiDateChange=i(this,"suiDateChange",3),this.suiViewChange=i(this,"suiViewChange",3),this.suiOverflow=i(this,"suiOverflow",7)}get host(){return this}view="month";date;events=[];firstDayOfWeek;maxPerDay=3;chipSubtitle="always";hideWeekends=!1;locale;hideToolbar=!1;breakpoint=640;chipRender;agendaRender;noDrag=!1;loading=!1;emptyMessage;todayDate;suiMove;suiDayClick;suiEventClick;suiDateChange;suiViewChange;suiOverflow;anchorIso="";stop={kind:"cell",key:""};lifted=null;drag=null;over=null;live="";moreOpen=null;moreClosing=null;ariaName;cellWidth=0;cellHeight=0;width=0;fieldId=o("sui-calendar");resizeObserver;observedGrid;agendaEl;agendaEls=new Map;agendaStopId=null;cellEls={};chipEls=new Map;moreEls={};gridEl;panelEl;panelChipEls=[];ctx={today:"",stop:{kind:"cell",key:""}};pendingFocus=!1;pendingPanelFocus=!1;panelDisposers=[];demotePanel;panelExit=j((()=>this.panelExited()));unlabel;connectedCallback(){N(this.host,(()=>this.stopElement())),this.unlabel?.(),this.unlabel=d(this.host,(e=>this.ariaName=e)),this.moreOpen&&a(this),this.resizeObserver&&(this.resizeObserver.observe(this.host),this.observedGrid=void 0,this.watchGrid(),Promise.resolve().then((()=>{this.host.isConnected&&(this.fit(this.host.getBoundingClientRect().width),this.measure())})))}componentWillLoad(){this.syncAnchor(),this.fit(this.host.clientWidth||0)}componentDidLoad(){const e="function"==typeof this.host.getBoundingClientRect?this.host.getBoundingClientRect():null;this.fit(e&&e.width||0),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((e=>{e.forEach((e=>{e.target===this.host&&this.fit(e.contentRect.width)})),this.measure()})),this.resizeObserver.observe(this.host),this.watchGrid())}componentDidRender(){if(this.watchGrid(),this.pendingFocus&&(this.pendingFocus=!1,this.focusStopNow()),this.moreOpen&&this.afterPanelOpen(),this.pendingPanelFocus){this.pendingPanelFocus=!1;const e=this.panelChipEls[0];e&&"function"==typeof e.focus&&e.focus()}this.measure()}disconnectedCallback(){this.teardownPanel(),this.panelExit.cancel(),this.panelExited(),this.resizeObserver?.disconnect(),this.observedGrid=void 0,this.unlabel&&this.unlabel()}watchGrid(){const e=this.resizeObserver,s=this.gridEl||void 0;e&&this.observedGrid!==s&&(this.observedGrid&&e.unobserve(this.observedGrid),s&&e.observe(s),this.observedGrid=s)}fit(e){e>0&&e!==this.width&&(this.width=e,this.settleAgenda())}compact(){const e=Number(this.breakpoint);return Number.isFinite(e)&&e>0&&this.width>0&&this.width<e}layout(){return"agenda"===this.view?"agenda":"week"===this.view?this.compact()?"agenda":"week":"month"}settleAgenda(){"agenda"===this.layout()&&(this.closeMore(!1),this.lifted=null,this.resetDrag())}measure(){const e=this.gridEl?this.gridEl.querySelector('[role="gridcell"]'):null;if(!e)return;const s=e.clientWidth||0,i=e.clientHeight||0;s>0&&s!==this.cellWidth&&(this.cellWidth=s),i>0&&i!==this.cellHeight&&(this.cellHeight=i)}narrow(){return this.cellWidth>0&&this.cellWidth<162}tight(){return this.cellWidth>0&&this.cellWidth<96}subtitleRoom(e){return e?"never"!==this.chipSubtitle:"always"===this.chipSubtitle||"auto"===this.chipSubtitle&&!this.narrow()}marksSubtitle(e){if(!u(e))return!1;const s=e;return!(!s.classList||!s.classList.contains("chip-sub"))||"function"==typeof s.querySelector&&!!s.querySelector(".chip-sub")}chipCap(e){if("auto"!==this.maxPerDay){const e=Number(this.maxPerDay);return Number.isFinite(e)?Math.max(0,Math.floor(e)):3}const s=this.cellHeight;if(!(s>0))return 3;const i=s-8-20;return e<=Math.floor(i/22)?e:Math.max(1,Math.floor((i-2-18)/22))}syncAnchor(){const e=f(this.date)||this.todayAt();this.anchorIso=b(e)}onEvents(){this.lifted&&!this.eventById(this.lifted.id)&&(this.lifted=null),this.moreOpen&&!(this.byDay().get(this.moreOpen)||[]).length&&this.closeMore(!1)}get loc(){return c(this.locale)}async next(){this.shift(1)}async previous(){this.shift(-1)}async today(){const e=this.todayAt();this.setStop("cell",b(e)),this.navigateTo(e)}async move(e,s){const i=f(s);if(!i)return!1;this.lifted&&this.lifted.id===e&&(this.lifted=null);const a=this.attempt(e,b(i));return"moved"===a?this.announceMoved(e):"refused"===a&&this.announceRefused(e),"moved"===a}async setFocus(){this.focusStopNow()}todayAt(){return f(this.todayDate)||f(new Date)}todayIso(){return b(this.todayAt())}anchor(){return f(this.anchorIso)||this.todayAt()}firstDay(){const e=Number(this.firstDayOfWeek);return null!=this.firstDayOfWeek&&Number.isFinite(e)?k(e):m(this.loc)}isWeekend(e){return w(this.loc).includes(e.getDay())}isHidden(e){return this.hideWeekends&&this.isWeekend(e)}rows(){const e=this.anchor(),s="month"!==this.layout()?[x(e,this.firstDay())]:y(e.getFullYear(),e.getMonth(),this.firstDay(),6);return this.hideWeekends?s.map((e=>e.filter((e=>!this.isWeekend(e))))):s}visibleDates(){const e=[];return this.rows().forEach((s=>s.forEach((s=>e.push(b(s)))))),e}inMonth(e){const s=this.anchor();return"month"!==this.layout()||e.getMonth()===s.getMonth()}eventsOf(){return this.events||[]}eventById(e){return this.eventsOf().find((s=>s.id===e))}keyOf(e){const s=f(e.date);return s?b(s):null}byDay(){const e=new Map,s=this.lifted;return this.eventsOf().forEach((i=>{const a=s&&s.id===i.id?s.at:this.keyOf(i);if(!a)return;const t=e.get(a);t?t.push(i):e.set(a,[i])})),e}dayOf(e){if(this.lifted&&this.lifted.id===e)return this.lifted.at;const s=this.eventById(e);return s?this.keyOf(s):null}shown(e){if("month"!==this.layout())return{chips:e,hiddenCount:0};const s=this.chipCap(e.length);if(e.length<=s)return{chips:e,hiddenCount:0};const i=e.slice(0,s),a=[];return this.lifted&&a.push(this.lifted.id),"chip"===this.stop.kind&&a.push(this.stop.key),a.forEach((a=>{const t=e.find((e=>e.id===a));t&&!i.includes(t)&&(i.length>=s&&i.length&&i.pop(),i.push(t))})),{chips:i,hiddenCount:e.length-i.length}}defaultStopKey(){const e=this.visibleDates();if(e.includes(this.anchorIso))return this.anchorIso;let s;return this.rows().forEach((e=>e.forEach((e=>{!s&&this.inMonth(e)&&(s=e)})))),s?b(s):e[0]||""}effectiveStop(){const e=this.stop,s=this.visibleDates(),i=e.key+"";if("cell"===e.kind&&s.includes(i))return e;if("more"===e.kind){const a=this.byDay().get(i)||[];if(s.includes(i)&&this.shown(a).hiddenCount>0)return e;if(s.includes(i))return{kind:"cell",key:i}}if("chip"===e.kind){const i=this.dayOf(e.key),a=this.eventById(e.key);if(i&&a&&!a.disabled&&s.includes(i))return e;if(i&&s.includes(i))return{kind:"cell",key:i}}return{kind:"cell",key:this.defaultStopKey()}}elementFor(e){return"cell"===e.kind?this.cellEls[e.key+""]:"chip"===e.kind?this.chipEls.get(e.key):this.moreEls[e.key+""]}stopElement(){return"agenda"===this.layout()?null!=this.agendaStopId?this.agendaEls.get(this.agendaStopId):void 0:this.elementFor(this.effectiveStop())}focusStopNow(){const e=this.stopElement();e&&"function"==typeof e.focus&&e.focus()}hasFocus(){const e="undefined"!=typeof document?document.activeElement:null;return!!e&&(!!this.gridEl&&this.gridEl.contains(e)||!!this.panelEl&&this.panelEl.contains(e)||!!this.agendaEl&&this.agendaEl.contains(e))}period(){return C("month"===this.layout()?"month":"week",this.anchor(),this.firstDay(),this.loc)}dayName(e){return D(f(e),this.loc,"full")}say(e,s,i){this.live=L(l(void 0,e,void 0,s),i)}text(e,s){return l(void 0,e,void 0,s)}navigateTo(e){const s=b(e);this.hasFocus()&&(this.pendingFocus=!0),s!==this.anchorIso&&(this.anchorIso=s,this.date=s,this.suiDateChange.emit(s))}ensureVisible(e){this.visibleDates().includes(b(e))||this.navigateTo(e)}shift(e){const s=this.anchor(),i="month"!==this.layout()?z(s,7*e):new Date(s.getFullYear(),s.getMonth()+e,1);this.navigateTo(i)}switchView(e){e!==this.view&&e!==this.layout()&&(this.hasFocus()&&(this.pendingFocus=!0),this.closeMore(!1),this.view=e,this.suiViewChange.emit(e))}stepDay(e,s){const i=s<0?-1:1;let a=z(e,s);for(;this.isHidden(a);)a=z(a,i);return a}rowOf(e){return this.rows().find((s=>s.some((s=>b(s)===e))))||[]}setStop(e,s){this.stop.kind===e&&this.stop.key===s||(this.stop={kind:e,key:s})}focusCell(e){this.ensureVisible(e),this.setStop("cell",b(e)),this.pendingFocus=!0}focusChip(e){this.setStop("chip",e),this.pendingFocus=!0}focusMore(e){this.setStop("more",e),this.pendingFocus=!0}column(e){const s=this.byDay().get(e)||[],{chips:i,hiddenCount:a}=this.shown(s),t=[{kind:"cell",key:e}];return i.forEach((e=>{e.disabled||t.push({kind:"chip",key:e.id})})),a>0&&t.push({kind:"more",key:e}),t}focusStop(e){"cell"===e.kind?this.focusCell(f(e.key+"")):"chip"===e.kind?this.focusChip(e.key):this.focusMore(e.key+"")}walk(e,s,i){const a=this.column(e),t=a.findIndex((e=>e.kind===s.kind&&e.key===s.key)),r=(t<0?0:t)+i;if(r>=0&&r<a.length)return void this.focusStop(a[r]);if("week"===this.view)return;const n=f(e);this.focusCell(z(n,i>0?7:-7))}gridKeys(e,s,i){const a=f(s),t=h(this.host)?-1:1;switch(e.key){case"ArrowRight":return this.focusCell(this.stepDay(a,t)),!0;case"ArrowLeft":return this.focusCell(this.stepDay(a,-t)),!0;case"ArrowDown":return this.walk(s,i,1),!0;case"ArrowUp":return this.walk(s,i,-1),!0;case"Home":{const e=this.rowOf(s);return e.length&&this.focusCell(e[0]),!0}case"End":{const e=this.rowOf(s);return e.length&&this.focusCell(e[e.length-1]),!0}case"PageUp":return this.page(a,-1,e.shiftKey),!0;case"PageDown":return this.page(a,1,e.shiftKey),!0}return!1}page(e,s,i){let a;a=i?E(e,12*s):"week"===this.view?z(e,7*s):E(e,s),this.isHidden(a)&&(a=this.stepDay(a,s)),this.focusCell(a)}keyFrom(e){return this.pendingFocus?this.effectiveStop():e}onGridKey(e,s){const i=this.keyFrom(s);if("chip"===i.kind){const s=this.eventById(i.key),a=this.dayOf(i.key);return void(s&&a&&!s.disabled&&this.chipKey(e,s,a))}const a=i.key+"";if(this.setStop(i.kind,a),"Enter"===e.key||" "===e.key||"Spacebar"===e.key)return e.preventDefault(),void("cell"===i.kind?this.suiDayClick.emit({date:a}):this.openMore(a));this.gridKeys(e,a,{kind:i.kind,key:a})&&e.preventDefault()}onCellKey(e,s){e.target===e.currentTarget&&this.onGridKey(e,{kind:"cell",key:s})}onMoreKey(e,s){e.stopPropagation(),this.onGridKey(e,{kind:"more",key:s})}onChipKey(e,s){e.stopPropagation(),s.disabled||this.onGridKey(e,{kind:"chip",key:s.id})}chipKey(e,s,i){this.setStop("chip",s.id);const a=!!this.lifted&&this.lifted.id===s.id;if(" "===e.key||"Spacebar"===e.key)return e.preventDefault(),void(a?this.drop():this.lift(s,i));if("Enter"===e.key)return e.preventDefault(),void(a?this.drop():this.suiEventClick.emit({id:s.id,event:s}));if("Escape"===e.key)return void(a&&(e.preventDefault(),this.cancel()));if(!a)return void(this.gridKeys(e,i,{kind:"chip",key:s.id})&&e.preventDefault());const t=f(this.lifted.at),r=h(this.host)?-1:1;switch(e.key){case"ArrowRight":this.carry(this.stepDay(t,r));break;case"ArrowLeft":this.carry(this.stepDay(t,-r));break;case"ArrowDown":this.carry(z(t,7));break;case"ArrowUp":this.carry(z(t,-7));break;case"Home":{const e=this.rowOf(this.lifted.at);e.length&&this.carry(e[0]);break}case"End":{const e=this.rowOf(this.lifted.at);e.length&&this.carry(e[e.length-1]);break}case"PageUp":{let s=E(t,e.shiftKey?-12:-1);this.isHidden(s)&&(s=this.stepDay(s,-1)),this.carry(s);break}case"PageDown":{let s=E(t,e.shiftKey?12:1);this.isHidden(s)&&(s=this.stepDay(s,1)),this.carry(s);break}default:return}e.preventDefault()}lift(e,s){this.closeMore(!1),this.drag=null,this.over=null,this.lifted={id:e.id,home:s,at:s},this.focusChip(e.id),this.say("calendar.lifted","{item} lifted. Use the arrow keys to move it to another day, Space to drop it, Escape to cancel.",{item:e.title})}carry(e){const s=this.lifted,i=s&&this.eventById(s.id);if(!s||!i)return;const a=b(e);this.lifted={...s,at:a},this.ensureVisible(e),this.focusChip(s.id),this.say("calendar.moved","{item} moved to {date}.",{item:i.title,date:this.dayName(a)})}drop(){const e=this.lifted;this.lifted=null;const s=e&&this.eventById(e.id);if(e&&s)return e.at===e.home?(this.focusChip(e.id),void this.say("calendar.sameDay","{item} is already on {date}.",{item:s.title,date:this.dayName(e.home)})):"refused"===this.attempt(e.id,e.at)?(this.ensureVisible(f(e.home)),this.focusChip(e.id),void this.announceRefused(e.id)):(this.focusChip(e.id),void this.say("calendar.dropped","{item} dropped on {date}.",{item:s.title,date:this.dayName(e.at)}))}cancel(){const e=this.lifted;this.lifted=null;const s=e&&this.eventById(e.id);e&&s&&(this.ensureVisible(f(e.home)),this.focusChip(e.id),this.say("calendar.canceled","Move canceled. {item} returned to {date}.",{item:s.title,date:this.dayName(e.home)}))}attempt(e,s){const i=this.eventById(e),a=i?this.keyOf(i):null;return i&&a&&!i.disabled?a===s?"same":this.suiMove.emit({id:e,from:a,to:s}).defaultPrevented?"refused":(this.hasFocus()&&(this.pendingFocus=!0),this.events=this.eventsOf().map((i=>i.id===e?{...i,date:s}:i)),this.setStop("chip",e),"moved"):"unknown"}announceMoved(e){const s=this.eventById(e),i=s&&this.keyOf(s);s&&i&&this.say("calendar.moved","{item} moved to {date}.",{item:s.title,date:this.dayName(i)})}announceRefused(e){const s=this.eventById(e),i=s&&this.keyOf(s);s&&i&&this.say("calendar.refused","Move refused. {item} stays on {date}.",{item:s.title,date:this.dayName(i)})}resetDrag=()=>{this.drag=null,this.over=null};onDragStart(e,s){if(this.lifted=null,this.drag={id:s.id},this.setStop("chip",s.id),e.dataTransfer){e.dataTransfer.effectAllowed="move";try{e.dataTransfer.setData("text/plain",s.id+"")}catch{}}}onCellDragOver(e,s){this.drag&&(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move"),this.over!==s&&(this.over=s))}onCellDrop(e,s){e.preventDefault();const i=this.drag;if(this.resetDrag(),!i)return;this.closeMore(!1);const a=this.attempt(i.id,s);"moved"===a?this.announceMoved(i.id):"refused"===a&&this.announceRefused(i.id)}onCellClick(e){this.setStop("cell",e),this.suiDayClick.emit({date:e})}onChipClick(e,s,i){e.stopPropagation(),s.disabled||this.lifted&&this.lifted.id===s.id||(i?this.closeMore(!0):this.setStop("chip",s.id),this.suiEventClick.emit({id:s.id,event:s}))}openMore(e){const s=this.byDay().get(e)||[];this.setStop("more",e),this.suiOverflow.emit({date:e,events:s.slice()}).defaultPrevented||(this.moreOpen&&this.teardownPanel(),this.panelExit.cancel(),this.moreClosing=null,this.moreOpen=e,this.pendingPanelFocus=!0)}closeMore(e){if(!this.moreOpen)return;const s=this.moreOpen;this.teardownPanel(),this.panelExit.begin(this.panelEl)?this.moreClosing=s:this.panelExited(),this.moreOpen=null,e&&this.focusMore(s)}panelExited(){this.demotePanel?.(),this.demotePanel=void 0,this.moreClosing=null}afterPanelOpen(){const e=this.moreOpen?this.moreEls[this.moreOpen]:void 0;this.panelEl&&e&&!this.panelDisposers.length&&this.host.isConnected&&(this.demotePanel||(this.demotePanel=S(this.panelEl)),this.repositionPanel(),this.panelDisposers.push(T((()=>[this.panelEl,e]),(()=>this.closeMore(!1))),O((()=>this.repositionPanel()))),document.addEventListener("keydown",this.onDocKey),this.panelDisposers.push((()=>document.removeEventListener("keydown",this.onDocKey))))}repositionPanel(){const e=this.moreOpen?this.moreEls[this.moreOpen]:void 0;e&&this.panelEl&&P(this.panelEl,H(e,this.panelEl,"bottom",6,"start"))}teardownPanel(){this.panelDisposers.forEach((e=>e())),this.panelDisposers=[]}onDocKey=e=>{"Escape"===e.key&&(e.stopPropagation(),this.closeMore(!0))};onPanelKey=e=>{if(K(e,this.panelEl,(()=>this.closeMore(!0))))return;const s=this.panelChipEls,i=s.indexOf(e.target);if("ArrowDown"===e.key||"ArrowUp"===e.key){e.preventDefault();const a=s.length;if(!a)return;s[i<0?0:(i+("ArrowDown"===e.key?1:-1)+a)%a].focus()}};onPanelChipKey(e,s,i){s.disabled||("Enter"===e.key?(e.preventDefault(),e.stopPropagation(),this.closeMore(!0),this.suiEventClick.emit({id:s.id,event:s})):" "!==e.key&&"Spacebar"!==e.key||(e.preventDefault(),e.stopPropagation(),this.lift(s,i)))}moreLabel(e,s){return L(this.text("calendar.moreLabel","{count} more on {date}"),{count:s,date:this.dayName(e)})}chip(e,s,i){const a=!!this.lifted&&this.lifted.id===e.id,r=!!this.drag&&this.drag.id===e.id,n=null!=e.overdue?!!e.overdue:!e.marker&&s<this.ctx.today,o=e.severity?v(e.severity,"neutral"):null,c=!!e.disabled,l=this.ctx.stop,d=!i&&"chip"===l.kind&&l.key===e.id,h=this.subtitleRoom(i),u=this.chipRender?p(this.chipRender,[e,{subtitle:h,inPanel:i}],B):B,f=u!==B,b=f?u:void 0,m=f?this.marksSubtitle(b):!!e.subtitle&&h,k=m&&!f&&!i&&"week"!==this.view&&this.tight(),w=[e.subtitle?m?t("span",{class:"chip-sub"},e.subtitle):t("span",{class:"sr-only"},e.subtitle,", "):null,k?t("span",{class:"sr-only"},", ",e.title):t("span",{class:"chip-title"},e.title)];return t("button",{type:"button",key:e.id+"",ref:s=>{s&&(i?this.panelChipEls.push(s):this.chipEls.set(e.id,s))},class:{chip:!0,marker:!!e.marker,[o||"plain"]:!0,lifted:a,dragging:r,overdue:n,current:d,static:this.noDrag,disabled:c,"in-panel":i,"has-sub":m},"data-chip":e.id+"",tabIndex:c?-1:i||d?0:-1,"aria-disabled":c?"true":null,"aria-describedby":c?null:this.fieldId+"-hint",draggable:!this.noDrag&&!c,onClick:s=>this.onChipClick(s,e,i),onKeyDown:a=>i?this.onPanelChipKey(a,e,s):this.onChipKey(a,e),onDragStart:this.noDrag||c?void 0:s=>this.onDragStart(s,e),onDragEnd:this.resetDrag},e.marker?t("span",{class:"diamond","aria-hidden":"true"}):null,n?t(R,{glyph:G,class:"glyph"}):null,e.marker?t("span",{class:"sr-only"},this.text("calendar.milestone","Milestone"),". "):null,n?t("span",{class:"sr-only"},this.text("calendar.overdue","Overdue"),". "):null,f?t("span",{class:"custom",ref:e=>g(e,b)}):"week"!==this.view||i?w:t("span",{class:"chip-text"},w))}skeletons(e,s){const i=(7*e.getDate()+2*s)%4,a=[];for(let e=0;e<i;e++)a.push(t("sui-skeleton",{key:"s"+e,width:1===e?"62%":"84%",height:14}));return a}cell(e,s,i){const a=b(e),r=i.get(a)||[],{chips:n,hiddenCount:o}=this.shown(r),c=this.ctx.stop,l=a===this.ctx.today,d=!this.inMonth(e),h="cell"===c.kind&&c.key===a,u="more"===c.kind&&c.key===a,p="week"===this.view;return t("div",{key:a,ref:e=>{e&&(this.cellEls[a]=e)},class:{cell:!0,week:p,today:l,weekend:this.isWeekend(e),spill:d,over:!!this.drag&&this.over===a,current:h},role:"gridcell","data-day":a,tabIndex:h?0:-1,"aria-label":this.dayName(a),"aria-current":l?"date":null,onClick:()=>this.onCellClick(a),onKeyDown:e=>this.onCellKey(e,a),onDragOver:this.noDrag?void 0:e=>this.onCellDragOver(e,a),onDrop:this.noDrag?void 0:e=>this.onCellDrop(e,a)},p?null:t("div",{class:"num","aria-hidden":"true"},e.getDate()),this.loading?this.skeletons(e,s):n.map((e=>this.chip(e,a,!1))),!this.loading&&o>0?t("button",{type:"button",class:{more:!0,current:u},"data-more":a,ref:e=>{e&&(this.moreEls[a]=e)},tabIndex:u?0:-1,"aria-label":this.moreLabel(a,o),"aria-haspopup":"dialog","aria-expanded":this.moreOpen===a?"true":"false",onClick:e=>{e.stopPropagation(),this.openMore(a)},onKeyDown:e=>this.onMoreKey(e,a)},this.tight()?t("span",{class:"more-n"},L(this.text("calendar.moreShort","+{count}"),{count:o})):L(this.text("calendar.more","+{count} more"),{count:o})):null)}panel(e){const s=!this.moreOpen,i=this.moreOpen||this.moreClosing,a=e.get(i)||[],r=f(i);return t("div",{class:{"more-panel":!0,closing:s},inert:s,role:"dialog","aria-label":L(this.text("calendar.panelLabel","{count} on {date}"),{count:a.length,date:this.dayName(i)}),tabIndex:-1,ref:e=>this.panelEl=e,onKeyDown:this.onPanelKey},t("div",{class:"panel-head","aria-hidden":"true"},t("span",{class:"panel-dow"},A(this.loc,"short")[r.getDay()]),t("span",{class:"panel-num"},r.getDate())),t("div",{class:"panel-list"},a.map((e=>this.chip(e,i,!0)))))}isOverdue(e,s){return null!=e.overdue?!!e.overdue:!e.marker&&s<this.ctx.today}severityWord(e){switch(e){case"positive":return this.text("calendar.positive","Positive");case"attention":return this.text("calendar.attention","Attention");case"critical":return this.text("calendar.critical","Critical");case"info":return this.text("calendar.info","Info");default:return this.text("calendar.neutral","Neutral")}}dayHeading(e){const s=M(f(e),this.loc);return e===this.ctx.today?L(this.text("calendar.todayHeading","Today, {date}"),{date:s}):s}agendaPart(e){return null==e||""===e?null:u(e)?t("span",{class:"part",ref:s=>g(s,e)}):e+""}agendaStop(e){const s=e.filter((e=>!e.disabled));if(!s.length)return null;const i=this.ctx.stop;if("chip"===i.kind&&s.some((e=>e.id===i.key)))return i.key;const a="chip"===i.kind?this.dayOf(i.key)||"":i.key+"";return(s.find((e=>(this.keyOf(e)||"")>=a))||s[0]).id}onAgendaClick(e){e.disabled||(this.setStop("chip",e.id),this.suiEventClick.emit({id:e.id,event:e}))}onAgendaKey(e,s,i){const a=(this.pendingFocus&&"chip"===this.stop.kind?this.eventById(this.stop.key):void 0)||s;if(a.disabled)return;const t=i.filter((e=>!e.disabled)),r=t.findIndex((e=>e.id===a.id));let n;switch(e.key){case"ArrowDown":n=t[r+1];break;case"ArrowUp":n=r>0?t[r-1]:void 0;break;case"Home":n=t[0];break;case"End":n=t[t.length-1];break;case"Enter":case" ":case"Spacebar":return e.preventDefault(),void this.onAgendaClick(a);default:return}e.preventDefault(),n&&n.id!==a.id&&this.focusChip(n.id)}agendaRow(e,s,i){const a=e.severity?v(e.severity,"neutral"):null,r=this.isOverdue(e,s),n=!!e.disabled,o=this.agendaRender?p(this.agendaRender,[e,{date:s,today:s===this.ctx.today,overdue:r}],void 0):void 0,c=null==o||"object"!=typeof o||u(o)?null:o,l=null==o||c?void 0:o,d=e=>!!c&&void 0!==c[e],h=this.text("calendar.milestone","Milestone");let f;if(d("mark")){const e=this.agendaPart(c.mark);f=null==e?null:t("span",{class:{sev:!0,[a||"icon"]:!0},"aria-hidden":"true"},e)}else f=e.marker?t("span",{class:{sev:!0,[a||"icon"]:!0,flag:!0},"aria-hidden":"true"},t(R,{glyph:I})):a?t("span",{class:{sev:!0,[a]:!0},"aria-hidden":"true"},t(R,{glyph:U[a]})):t("span",{class:"sev plain","aria-hidden":"true"});const b=`, ${this.dayName(s)}${a?", "+this.severityWord(a):""}. `;let m;if(void 0!==l)m=[t("span",{class:"text whole",ref:e=>g(e,l)}),t("span",{class:"sr-only"},b,e.marker?h+". ":"",r?this.text("calendar.overdue","Overdue")+". ":"")];else{const s=[d("detail")?this.agendaPart(c.detail):e.subtitle||null];e.marker&&s.push(h),r&&s.push(t("span",{class:"overdue-note"},this.text("calendar.agendaOverdue","overdue")));const i=s.filter((e=>null!=e&&""!==e)).flatMap(((e,s)=>s?[" · ",e]:[e])),a=d("meta")?this.agendaPart(c.meta):null;m=[t("span",{class:"text"},t("b",{class:"title"},d("title")?this.agendaPart(c.title):e.title),t("span",{class:"sr-only"},b),i.length?t("span",{class:"detail"},i):null),null!=a?t("span",{class:"meta"},a):null]}return t("button",{type:"button",key:e.id+"",ref:s=>{s&&this.agendaEls.set(e.id,s)},class:{"agenda-row":!0,overdue:r,marker:!!e.marker,disabled:n},"data-event":e.id+"",tabIndex:n||e.id!==this.agendaStopId?-1:0,"aria-disabled":n?"true":null,onClick:()=>this.onAgendaClick(e),onKeyDown:s=>this.onAgendaKey(s,e,i)},f,m)}agenda(e,s){if(this.loading)return t("div",{class:"agenda",role:"group","aria-label":s,"aria-busy":"true"},[0,1,2].map((e=>t("div",{key:"s"+e,class:"agenda-day skel","aria-hidden":"true"},t("div",{class:"agenda-head"},t("sui-skeleton",{width:34-4*e+"%",height:10})),t("div",{class:"agenda-row skel"},t("sui-skeleton",{shape:"circle",width:"26"}),t("span",{class:"text"},t("sui-skeleton",{width:62-9*e+"%",height:12}),t("sui-skeleton",{width:44-6*e+"%",height:10})))))));const i=this.visibleDates().map((s=>({iso:s,list:e.get(s)||[]}))).filter((e=>e.list.length)),a=i.reduce(((e,s)=>e.concat(s.list)),[]);return this.agendaStopId=this.agendaStop(a),i.length?t("div",{class:"agenda",role:"group","aria-label":s,ref:e=>this.agendaEl=e},i.map((({iso:e,list:s})=>{const i=`${this.fieldId}-day-${e}`;return t("div",{key:e,class:{"agenda-day":!0,today:e===this.ctx.today},"data-day":e},t("div",{class:"agenda-head",id:i},this.dayHeading(e)),t("div",{class:"agenda-list",role:"list","aria-labelledby":i},s.map((s=>t("div",{key:s.id+"",class:"agenda-item",role:"listitem"},this.agendaRow(s,e,a))))))}))):null}toolbarRow(e){const s=this.layout(),i="month"===s,a=!this.compact();return t("div",{class:"bar"},t("div",{class:"bar-title","aria-live":"polite"},e),t("div",{class:"bar-nav"},t("button",{type:"button",class:"nav","aria-label":i?this.text("calendar.previousMonth","Previous month"):this.text("calendar.previousWeek","Previous week"),onClick:()=>this.shift(-1)},t(R,{glyph:W})),t("button",{type:"button",class:"today-btn",onClick:()=>this.today()},this.text("calendar.today","Today")),t("button",{type:"button",class:"nav","aria-label":i?this.text("calendar.nextMonth","Next month"):this.text("calendar.nextWeek","Next week"),onClick:()=>this.shift(1)},t(R,{glyph:F}))),t("div",{class:"views",role:"group","aria-label":this.text("calendar.viewGroup","View")},t("button",{key:"month",type:"button",class:{opt:!0,sel:i},"aria-pressed":i?"true":"false",onClick:()=>this.switchView("month")},this.text("calendar.month","Month")),a?t("button",{key:"week",type:"button",class:{opt:!0,sel:"week"===s},"aria-pressed":"week"===s?"true":"false",onClick:()=>this.switchView("week")},this.text("calendar.week","Week")):null,t("button",{key:"agenda",type:"button",class:{opt:!0,sel:"agenda"===s},"aria-pressed":"agenda"===s?"true":"false",onClick:()=>this.switchView("agenda")},this.text("calendar.agenda","Agenda"))))}render(){const e=this.rows(),s=this.byDay();this.ctx={today:this.todayIso(),stop:this.effectiveStop()};const i=this.period(),a=this.layout(),n="week"===a,o="agenda"===a,c=A(this.loc,this.cellWidth>0&&this.cellWidth<(n?72:40)?"narrow":"short"),d=A(this.loc,"long"),h=e[0]?e[0].length:7,u=this.visibleDates().some((e=>(s.get(e)||[]).length>0)),p=this.ctx.today;return this.cellEls={},this.chipEls=new Map,this.moreEls={},this.panelChipEls=[],this.agendaEls=new Map,t(r,{key:"08394835cb52c1fc45e28668cab07e6b3c9086a2"},t("div",{key:"d4264eaca921bbfaa5a57c7c7f7365759ac188de",class:{cal:!0,week:n,loading:this.loading}},this.hideToolbar?t("div",{class:"sr-only","aria-live":"polite"},i):this.toolbarRow(i),this.loading||u?null:t("div",{class:"empty"},l(void 0,"calendar.empty",this.emptyMessage,"Nothing here yet.")),o?this.agenda(s,this.ariaName||i):t("div",{class:{grid:!0,week:n,tight:this.tight()},role:"grid",ref:e=>this.gridEl=e,"aria-label":this.ariaName||i,"aria-busy":this.loading?"true":null,style:{gridTemplateColumns:`repeat(${h}, minmax(0, 1fr))`}},t("div",{class:"row",role:"row"},(e[0]||[]).map((e=>{const s=n&&b(e)===p;return t("div",{key:"h"+e.getDay(),class:{dow:!0,today:s,weekend:this.isWeekend(e)},role:"columnheader","aria-label":n?this.dayName(b(e)):d[e.getDay()]},t("span",{class:"dow-name"},c[e.getDay()]),n?t("span",{class:"dow-num"},e.getDate()):null)}))),e.map(((e,i)=>t("div",{key:"r"+i,class:"row",role:"row"},e.map(((e,i)=>this.cell(e,i,s)))))))),this.moreOpen||this.moreClosing?this.panel(s):null,t("div",{key:"82a55312e4b8738bb5e851ed09dc550294de7e59",class:"sr-only",id:this.fieldId+"-hint"},this.text("calendar.hint","Press Space to lift an item, the arrow keys to move it to another day, Space to drop it and Escape to cancel.")),t("div",{key:"c2d0e54538ca3b0a72dc750cb35a63d9c9d7df59",class:"sr-only","aria-live":"assertive","aria-atomic":"true"},this.live))}static get watchers(){return{view:[{settleAgenda:0}],breakpoint:[{settleAgenda:0}],date:[{syncAnchor:0}],todayDate:[{syncAnchor:0}],events:[{onEvents:0}]}}static get style(){return".sev.sc-sui-calendar{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-calendar i.sc-sui-calendar,.sev.sc-sui-calendar .sui-glyph.sc-sui-calendar{font-size:11px}.sev.positive.sc-sui-calendar{background:var(--status-positive-bg);color:var(--status-positive-ink)}.sev.attention.sc-sui-calendar{background:var(--status-attention-bg);color:var(--status-attention-ink)}.sev.critical.sc-sui-calendar{background:var(--danger-soft);color:var(--danger)}.sev.info.sc-sui-calendar{background:var(--surface-sunken);color:var(--ink-muted)}.sev.neutral.sc-sui-calendar{background:var(--status-neutral-bg);color:var(--status-neutral-ink)}.sev.icon.sc-sui-calendar{background:var(--surface-sunken);color:var(--ink-muted)}.sui-list-avatar.sc-sui-calendar{flex-shrink:0;margin-top:1px}.text.sc-sui-calendar{flex:1;min-width:0}.title-row.sc-sui-calendar{display:flex;align-items:center;gap:6px;min-width:0}.title.sc-sui-calendar{font-size:12.5px;font-weight:620;min-width:0}.unread.sc-sui-calendar .title.sc-sui-calendar{font-weight:700}.dot.sc-sui-calendar{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-inline-start:auto}.meta.sc-sui-calendar{flex-shrink:0;margin-inline-start:auto;font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.dot.sc-sui-calendar+.sr-only.sc-sui-calendar+.meta.sc-sui-calendar,.dot.sc-sui-calendar+.meta.sc-sui-calendar{margin-inline-start:0}.detail.sc-sui-calendar{display:block;font-size:11.5px;color:var(--ink-muted);line-height:1.45;margin-top:1px}.time.sc-sui-calendar{display:block;font-size:10.5px;color:var(--ink-faint);margin-top:3px;font-feature-settings:'tnum'}.sr-only.sc-sui-calendar{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-calendar{box-sizing:border-box;border:1px solid CanvasText}.dot.sc-sui-calendar{background:CanvasText}}.sc-sui-calendar-h{display:block;box-sizing:border-box;position:relative;font-family:var(--font-sans);color:var(--ink)}.cal.sc-sui-calendar{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box}.bar.sc-sui-calendar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 0 10px;flex-shrink:0}.bar-title.sc-sui-calendar{flex:1 1 auto;min-width:0;font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-nav.sc-sui-calendar{display:inline-flex;align-items:center;gap:4px}.nav.sc-sui-calendar{width:26px;height:26px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-muted);display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.nav.sc-sui-calendar .sui-glyph.sc-sui-calendar{font-size:11px}.sc-sui-calendar-h:dir(rtl) .nav.sc-sui-calendar .sui-glyph.sc-sui-calendar{transform:scaleX(-1)}.nav.sc-sui-calendar:hover{background:var(--surface-hover);color:var(--ink)}.nav.sc-sui-calendar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.today-btn.sc-sui-calendar{height:26px;padding:0 10px;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:12px;font-weight:550;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.today-btn.sc-sui-calendar:hover{background:linear-gradient(var(--surface-hover) 0 0) var(--surface);border-color:var(--ink)}.today-btn.sc-sui-calendar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.views.sc-sui-calendar{display:inline-flex;gap:3px;padding:3px;box-sizing:border-box;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md)}.opt.sc-sui-calendar{height:22px;padding:0 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-muted);font-family:var(--font-sans);font-size:12px;font-weight:550;line-height:1;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.opt.sc-sui-calendar:hover{background:var(--border)}.opt.sel.sc-sui-calendar{background:var(--brand);color:var(--brand-contrast);font-weight:650}.opt.sc-sui-calendar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.empty.sc-sui-calendar{font-size:12.5px;color:var(--ink-muted);padding:0 0 10px;flex-shrink:0}.grid.sc-sui-calendar{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;flex:1;min-height:0;box-sizing:border-box;grid-template-rows:28px;grid-auto-rows:minmax(var(--sui-calendar-cell-min, 100px), 1fr)}.grid.week.sc-sui-calendar{grid-template-rows:36px;grid-auto-rows:minmax(var(--sui-calendar-week-min, 320px), 1fr)}.row.sc-sui-calendar{display:contents}.dow.sc-sui-calendar{display:flex;align-items:center;justify-content:center;gap:6px;min-height:0;background:var(--surface-sunken);color:var(--ink-muted);padding:6px 4px;font-size:10.5px;font-weight:650;text-transform:uppercase;letter-spacing:0.04em;white-space:nowrap}.grid.sc-sui-calendar .dow.sc-sui-calendar{height:28px;padding:0 4px;box-sizing:border-box}.grid.week.sc-sui-calendar .dow.sc-sui-calendar{height:36px}.dow-num.sc-sui-calendar{font-size:13px;font-weight:650;letter-spacing:0;text-transform:none;color:var(--ink);min-width:22px;height:22px;line-height:22px;text-align:center;border-radius:var(--radius-pill);font-feature-settings:'tnum'}.dow.today.sc-sui-calendar .dow-num.sc-sui-calendar{background:var(--brand);color:var(--brand-contrast)}.cell.sc-sui-calendar{display:flex;flex-direction:column;gap:2px;min-width:0;min-height:0;box-sizing:border-box;padding:4px;background:var(--surface);overflow:hidden;cursor:default;transition:background var(--duration-fast) var(--ease-out)}.cell.weekend.sc-sui-calendar{background:var(--surface-sunken)}.cell.spill.sc-sui-calendar{background:var(--canvas)}.cell.today.sc-sui-calendar{background:var(--brand-soft)}.cell.over.sc-sui-calendar{background:var(--accent-soft);outline:1.5px dashed var(--accent);outline-offset:-3px}.cell.sc-sui-calendar:focus{outline:none}.cell.sc-sui-calendar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.cell.week.sc-sui-calendar{overflow-y:auto}.cell.week.sc-sui-calendar .chip.sc-sui-calendar{height:auto;min-height:20px;padding:3px 6px;align-items:flex-start;flex-wrap:nowrap}.cell.week.sc-sui-calendar .chip-text.sc-sui-calendar,.cell.week.sc-sui-calendar .custom.sc-sui-calendar{flex:1 1 0;min-width:0}.cell.week.sc-sui-calendar .chip-text.sc-sui-calendar{display:flex;flex-direction:column;row-gap:2px}.cell.week.sc-sui-calendar .custom.sc-sui-calendar{align-items:flex-start}.cell.week.sc-sui-calendar .chip-title.sc-sui-calendar{white-space:normal;overflow:visible;overflow-wrap:break-word;line-height:1.25;flex:none}.cell.week.sc-sui-calendar .chip-sub.sc-sui-calendar,.cell.week.sc-sui-calendar .glyph.sc-sui-calendar,.cell.week.sc-sui-calendar .diamond.sc-sui-calendar{margin-top:1px}.grid.tight.sc-sui-calendar .cell.sc-sui-calendar{padding-inline:1px}.grid.tight.sc-sui-calendar .more.sc-sui-calendar{padding-inline:3px}.more-n.sc-sui-calendar{direction:ltr;unicode-bidi:isolate}.grid.tight.sc-sui-calendar .chip.sc-sui-calendar,.grid.tight.sc-sui-calendar .cell.week.sc-sui-calendar .chip.sc-sui-calendar{padding-inline:2px;column-gap:3px}.grid.tight.sc-sui-calendar .chip.overdue.sc-sui-calendar:not(.in-panel) .glyph.sc-sui-calendar{display:none}.grid.tight.sc-sui-calendar .chip.overdue.sc-sui-calendar:not(.in-panel){border-inline-start:3px solid var(--danger);padding-inline-start:1px;border-start-start-radius:0;border-end-start-radius:0}.grid.tight.sc-sui-calendar .cell.week.sc-sui-calendar .chip-title.sc-sui-calendar{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.num.sc-sui-calendar{flex-shrink:0;height:20px;line-height:20px;padding:0 3px;font-size:12px;font-weight:620;color:var(--ink);font-feature-settings:'tnum'}.cell.spill.sc-sui-calendar .num.sc-sui-calendar{color:var(--ink-muted);font-weight:460}.cell.today.sc-sui-calendar .num.sc-sui-calendar{color:var(--brand-soft-ink);font-weight:700}.cell.over.sc-sui-calendar .num.sc-sui-calendar{color:var(--accent-soft-ink)}.chip.sc-sui-calendar{display:flex;align-items:center;gap:5px;flex-shrink:0;width:100%;min-width:0;box-sizing:border-box;height:20px;padding:0 6px;margin:0;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:11px;font-weight:550;line-height:1;text-align:start;cursor:grab;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out)}.chip.static.sc-sui-calendar{cursor:pointer}.chip.sc-sui-calendar:hover{border-color:var(--ink)}.chip.sc-sui-calendar:focus{outline:none}.chip.sc-sui-calendar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.chip.lifted.sc-sui-calendar{border-color:var(--accent);box-shadow:var(--shadow-raised)}.chip.dragging.sc-sui-calendar{opacity:0.5;border-style:dashed}.chip.plain.dragging.sc-sui-calendar,.chip.marker.dragging.sc-sui-calendar{border-color:var(--ink-muted)}.chip.disabled.sc-sui-calendar{background:var(--disabled-bg);color:var(--disabled-ink);border-color:transparent;cursor:not-allowed}.chip-sub.sc-sui-calendar{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:460;font-feature-settings:'tnum';white-space:nowrap}.chip-title.sc-sui-calendar{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom.sc-sui-calendar{flex:1;min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden}.chip.sc-sui-calendar{--sui-calendar-mark:var(--danger)}.chip.positive.sc-sui-calendar,.chip.info.sc-sui-calendar,.chip.attention.sc-sui-calendar,.chip.critical.sc-sui-calendar,.chip.neutral.sc-sui-calendar{--sui-calendar-mark:currentColor}.glyph.sc-sui-calendar{flex-shrink:0;font-size:10px;color:var(--sui-calendar-mark)}.chip.plain.overdue.sc-sui-calendar .chip-sub.sc-sui-calendar{color:var(--danger)}.chip.positive.sc-sui-calendar,.chip.info.sc-sui-calendar,.chip.attention.sc-sui-calendar{border-color:color-mix(in srgb, currentColor 40%, transparent)}.chip.positive.sc-sui-calendar{background:var(--status-positive-bg);color:var(--status-positive-ink)}.chip.info.sc-sui-calendar{background:transparent;color:var(--status-info-ink);border-color:color-mix(in srgb, var(--brand-soft-ink) 60%, transparent)}.chip.attention.sc-sui-calendar{background:var(--status-attention-bg);color:var(--status-attention-ink)}.chip.critical.sc-sui-calendar{background:var(--status-critical-bg);color:var(--status-critical-ink);border-color:var(--danger-fill-edge)}.chip.neutral.sc-sui-calendar{background:var(--status-neutral-bg);color:var(--status-neutral-ink);border-color:var(--status-neutral-border)}.chip.positive.sc-sui-calendar:hover,.chip.info.sc-sui-calendar:hover,.chip.attention.sc-sui-calendar:hover,.chip.neutral.sc-sui-calendar:hover{border-color:currentColor}.chip.critical.sc-sui-calendar:hover{border-color:var(--status-critical-ink)}.chip.marker.sc-sui-calendar{background:transparent;border-color:transparent;padding-inline-start:4px}.chip.marker.sc-sui-calendar:hover{border-color:var(--border-strong)}.chip.marker.sc-sui-calendar .chip-title.sc-sui-calendar{font-weight:620}.diamond.sc-sui-calendar{flex-shrink:0;width:8px;height:8px;margin:0 2px;border-radius:1px;background:var(--brand);transform:rotate(45deg)}.more.sc-sui-calendar{flex-shrink:0;height:18px;padding:0 6px;margin:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-muted);text-align:start;cursor:pointer;white-space:nowrap;font-family:var(--font-sans);font-size:11px;font-weight:550;line-height:1;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.more.sc-sui-calendar:hover{background:var(--surface-hover);color:var(--ink)}.more.sc-sui-calendar:focus{outline:none}.more.sc-sui-calendar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.cell.sc-sui-calendar sui-skeleton.sc-sui-calendar{display:block;margin:2px 0}.cell.today.sc-sui-calendar sui-skeleton.sc-sui-calendar{--brand-soft:var(--surface)}.more-panel.sc-sui-calendar{position:fixed;top:0;left:0;z-index:var(--z-overlay);box-sizing:border-box;width:248px;max-height:60vh;overflow-y:auto;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:8px;font-family:var(--font-sans);animation:sui-calendar-in var(--duration-overlay) var(--ease-out)}.more-panel[data-side='top'].sc-sui-calendar{animation-name:sui-calendar-in-top}.more-panel.closing.sc-sui-calendar{animation:sui-calendar-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.more-panel.sc-sui-calendar:focus{outline:none}@keyframes sui-calendar-in{from{opacity:0;margin-top:-4px}}@keyframes sui-calendar-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-calendar-out{to{opacity:0}}.panel-head.sc-sui-calendar{display:flex;align-items:baseline;gap:6px;padding:2px 4px 8px}.panel-dow.sc-sui-calendar{font-size:10.5px;font-weight:650;text-transform:uppercase;letter-spacing:0.04em;color:var(--ink-muted)}.panel-num.sc-sui-calendar{font-size:15px;font-weight:700;color:var(--ink);font-feature-settings:'tnum'}.panel-list.sc-sui-calendar{display:flex;flex-direction:column;gap:3px}.panel-list.sc-sui-calendar .chip.sc-sui-calendar{height:24px;background:var(--surface-raised)}.agenda.sc-sui-calendar{flex:0 1 auto;min-height:0;min-width:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.agenda-head.sc-sui-calendar{padding:10px 14px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.agenda-list.sc-sui-calendar,.agenda-item.sc-sui-calendar{display:block;min-width:0}.agenda-row.sc-sui-calendar{position:relative;display:flex;align-items:flex-start;gap:10px;width:100%;min-width:0;box-sizing:border-box;margin:0;padding:10px 14px;border:0;border-bottom:1px solid var(--hairline);background:transparent;color:var(--ink);text-align:start;font-family:var(--font-sans);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.agenda-day.sc-sui-calendar:last-child .agenda-item.sc-sui-calendar:last-child .agenda-row.sc-sui-calendar,.agenda-day.sc-sui-calendar:last-child>.agenda-row.sc-sui-calendar{border-bottom-color:transparent}.agenda-row.sc-sui-calendar:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.agenda-row.sc-sui-calendar:focus{outline:none}.agenda-row.sc-sui-calendar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;z-index:1}.agenda-row.sc-sui-calendar .title.sc-sui-calendar{display:block;line-height:18px;overflow-wrap:break-word}.agenda-row.sc-sui-calendar .detail.sc-sui-calendar{overflow-wrap:break-word}.agenda-row.sc-sui-calendar .meta.sc-sui-calendar{line-height:18px}.agenda-row.sc-sui-calendar .overdue-note.sc-sui-calendar{color:var(--danger)}.sev.plain.sc-sui-calendar::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--border-strong)}.sev.sc-sui-calendar .part.sc-sui-calendar{display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1}.agenda-row.disabled.sc-sui-calendar{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.agenda-row.disabled.sc-sui-calendar:hover{background:transparent}.agenda-row.disabled.sc-sui-calendar .title.sc-sui-calendar,.agenda-row.disabled.sc-sui-calendar .detail.sc-sui-calendar,.agenda-row.disabled.sc-sui-calendar .meta.sc-sui-calendar,.agenda-row.disabled.sc-sui-calendar .overdue-note.sc-sui-calendar{color:var(--disabled-ink)}.agenda-row.disabled.sc-sui-calendar .sev.sc-sui-calendar:not(.plain){background:var(--disabled-bg);color:var(--disabled-ink)}.agenda-row.skel.sc-sui-calendar{cursor:default;pointer-events:none}.agenda-row.skel.sc-sui-calendar .text.sc-sui-calendar{display:flex;flex-direction:column;gap:7px;padding-top:3px}.agenda-head.sc-sui-calendar sui-skeleton.sc-sui-calendar{display:block}@media (forced-colors: active){.opt.sel.sc-sui-calendar{forced-color-adjust:none;background:Highlight;color:HighlightText}.opt.sel.sc-sui-calendar:focus-visible{outline-color:CanvasText;box-shadow:none}.grid.sc-sui-calendar{background:CanvasText}.dow.today.sc-sui-calendar .dow-num.sc-sui-calendar{forced-color-adjust:none;background:Highlight;color:HighlightText}.cell.today.sc-sui-calendar .num.sc-sui-calendar{forced-color-adjust:none;background:Highlight;color:HighlightText}.cell.over.sc-sui-calendar{outline:2px dashed Highlight;outline-offset:-2px}.chip.lifted.sc-sui-calendar{border-style:dashed;border-color:Highlight}.chip.disabled.sc-sui-calendar{color:GrayText;border-color:GrayText}.chip.marker.sc-sui-calendar{border-color:Canvas}.diamond.sc-sui-calendar{background:CanvasText}.agenda-day.sc-sui-calendar:last-child .agenda-item.sc-sui-calendar:last-child .agenda-row.sc-sui-calendar,.agenda-day.sc-sui-calendar:last-child>.agenda-row.sc-sui-calendar{border-bottom-color:Canvas}.sev.plain.sc-sui-calendar{border-color:Canvas}.sev.plain.sc-sui-calendar::before{background:CanvasText}.agenda-row.disabled.sc-sui-calendar,.agenda-row.disabled.sc-sui-calendar .title.sc-sui-calendar,.agenda-row.disabled.sc-sui-calendar .detail.sc-sui-calendar,.agenda-row.disabled.sc-sui-calendar .meta.sc-sui-calendar,.agenda-row.disabled.sc-sui-calendar .overdue-note.sc-sui-calendar{color:GrayText}.agenda-row.disabled.sc-sui-calendar .sev.sc-sui-calendar{border-color:GrayText;color:GrayText}}"}},[514,"sui-calendar",{view:[1537],date:[1025],events:[1040],firstDayOfWeek:[2,"first-day-of-week"],maxPerDay:[8,"max-per-day"],chipSubtitle:[513,"chip-subtitle"],hideWeekends:[516,"hide-weekends"],locale:[1],hideToolbar:[516,"hide-toolbar"],breakpoint:[2],chipRender:[16],agendaRender:[16],noDrag:[516,"no-drag"],loading:[516],emptyMessage:[1,"empty-message"],todayDate:[1,"today-date"],anchorIso:[32],stop:[32],lifted:[32],drag:[32],over:[32],live:[32],moreOpen:[32],moreClosing:[32],ariaName:[32],cellWidth:[32],cellHeight:[32],width:[32],next:[64],previous:[64],today:[64],move:[64],setFocus:[64]},void 0,{view:[{settleAgenda:0}],breakpoint:[{settleAgenda:0}],date:[{syncAnchor:0}],todayDate:[{syncAnchor:0}],events:[{onEvents:0}]}]),$=X,q=function(){"undefined"!=typeof customElements&&["sui-calendar","sui-skeleton"].forEach((e=>{switch(e){case"sui-calendar":customElements.get(n(e))||customElements.define(n(e),X);break;case"sui-skeleton":customElements.get(n(e))||V()}}))};export{$ as SuiCalendar,q as defineCustomElement}

package/dist/components/sui-card.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiCard extends Components.SuiCard, HTMLElement {}
+export const SuiCard: {
+    prototype: SuiCard;
+    new (): SuiCard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-card.js

@@ -0,0 +1 @@
+import{p as s,H as a,h as e,a as d,t as i}from"./p-CeVlau-G.js";import{o as t,a as o}from"./p-BWkzTEZX.js";const r=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}heading;subtitle;flush=!1;hoverable=!1;hasHeaderEnd=!1;hasFooter=!1;dispose;loaded=!1;connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.detect()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(s=!1){this.dispose?.(),this.dispose=t(this.host,(()=>this.detect())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.detect()}))}detect(){this.hasHeaderEnd=o(this.host,"header-end").length>0,this.hasFooter=o(this.host,"footer").length>0}render(){const s=!!this.heading||this.hasHeaderEnd;return e(d,{key:"333fcb2892e38bd7a4f612b687f1b2ebd526e5cc",class:{hoverable:this.hoverable}},s?e("div",{class:"head"},e("div",{class:"titles"},this.heading?e("div",{class:"heading"},this.heading):null,this.subtitle?e("div",{class:"subtitle"},this.subtitle):null),e("slot",{name:"header-end"})):null,e("div",{key:"e1423efe230ca005c2b0d78e4dec7a9bc4bd8ae1",class:{body:!0,padded:!this.flush,"under-head":s}},e("slot",{key:"0ca6ace6ef256e704661f7ddb3a7de2b76d1d290"})),e("div",{key:"74172038cb2ce81ea8313dc1fd6b2bbcbcc297c6",class:{foot:!0,has:this.hasFooter}},e("slot",{key:"f83f33f0cb88f878f4fa6238bf26023d34cd5b44",name:"footer"})))}static get style(){return".sc-sui-card-h{--sui-card-pad-x:20px;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);box-shadow:none;overflow:hidden;transition:box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.hoverable.sc-sui-card-h:hover,.hoverable.sc-sui-card-h:focus-within{border-color:var(--border-strong);box-shadow:var(--shadow-raised)}.head.sc-sui-card{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px var(--sui-card-pad-x) 0}.titles.sc-sui-card{min-width:0}.heading.sc-sui-card{font-size:14.5px;font-weight:700}.subtitle.sc-sui-card{font-size:12px;color:var(--ink-faint);margin-top:2px}.body.sc-sui-card{padding:0;--sui-inset-x:var(--sui-card-pad-x)}.body.padded.sc-sui-card{padding:18px var(--sui-card-pad-x);--sui-inset-x:initial}.body.padded.under-head.sc-sui-card{padding:12px var(--sui-card-pad-x) 18px}.foot.sc-sui-card{display:none}.foot.has.sc-sui-card{display:block;padding:11px var(--sui-card-pad-x);border-top:1px solid var(--hairline);font-size:12px;color:var(--ink-faint)}"}},[774,"sui-card",{heading:[1],subtitle:[1],flush:[516],hoverable:[516],hasHeaderEnd:[32],hasFooter:[32]}]),c=r,n=function(){"undefined"!=typeof customElements&&["sui-card"].forEach((s=>{"sui-card"===s&&(customElements.get(i(s))||customElements.define(i(s),r))}))};export{c as SuiCard,n as defineCustomElement}