@shineuix/ssr 1.0.0 → 1.0.1

package/dist/components/sui-calendar.js

@@ -1 +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}
+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-wknHx00K.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-czkAmPgI.js";import{o as S,p as j,a as P,b as O,m as H,l as T,t as K}from"./p-DsHK25q3.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-BeYfX4rQ.js";import{S as U}from"./p-DX9wgxoJ.js";import{d as L}from"./p-CmEfiaNv.js";const V=(e,s)=>e.replace(/\{(\w+)\}/g,((e,i)=>i in s?s[i]+"":e)),X=Symbol("threw"),B=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=S((()=>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=V(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=j(this.panelEl)),this.repositionPanel(),this.panelDisposers.push(P((()=>[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&&H(this.panelEl,T(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 V(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}],X):X,f=u!==X,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"},V(this.text("calendar.moreShort","+{count}"),{count:o})):V(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":V(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?V(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:"4531868f76de93ba84aac61b9dc7490f07a458e9"},t("div",{key:"6746ed268045a4612d00436d0264b2cdbac2657f",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:"540e0dbed1cf9a91e6dcfc4aeb693dc16a045099",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:"1fb4352d79624432ea939f297fc4f85e6349defe",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}]}]),$=B,q=function(){"undefined"!=typeof customElements&&["sui-calendar","sui-skeleton"].forEach((e=>{switch(e){case"sui-calendar":customElements.get(n(e))||customElements.define(n(e),B);break;case"sui-skeleton":customElements.get(n(e))||L()}}))};export{$ as SuiCalendar,q as defineCustomElement}

package/dist/components/sui-card.js

@@ -1 +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}
+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:"62fa41d2e3f0f92242a878aa7d3bcc9deac44a6a",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:"b4ffc3e772106e9d2099ac6b3c5606d9669610e4",class:{body:!0,padded:!this.flush,"under-head":s}},e("slot",{key:"0604224a6e6f891dde843b0c0e108de13c36f71a"})),e("div",{key:"38d4b8936434777349b15727bd45e259d426cef8",class:{foot:!0,has:this.hasFooter}},e("slot",{key:"c64fb4bb411b49ea46b8c466cfe1b704340c4a30",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}

package/dist/components/sui-carousel.js

@@ -1 +1 @@
-import{p as s,H as t,c as i,h as e,a,t as o}from"./p-CeVlau-G.js";import{d as r}from"./p-BHB1Wprj.js";import{d as n,o as c}from"./p-BWkzTEZX.js";import{a as h,b as l}from"./p-CbnOosJi.js";import{i as u}from"./p-GAnFXayY.js";import{a as d,l as p}from"./p-BuyjS5bS.js";import{G as f,u as g,v as b,w as v,y,f as x,q as m}from"./p-DdsE4HI6.js";import{r as w,o as k}from"./p-DXIDl7cw.js";const C=/^(div|section|article|li|figure|aside|span|p|sui-[a-z-]+)$/,A=s(class s extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiIndexChange=i(this,"suiIndexChange",3)}get host(){return this}perPage=1;step;index=0;hideDots=!1;hideArrows=!1;circular=!1;orientation="horizontal";height;autoplay;suiIndexChange;count=0;playing=!1;reduced=!1;track;dots;disposers=[];cancelSwipe;player;synced=[];syncedCell="";loaded=!1;static GAP=12;static VERTICAL_HEIGHT="300px";componentWillLoad(){this.count=this.items().length,this.clampIndex(),this.reduced=w(),this.playing=Number(this.autoplay)>0}componentDidLoad(){this.loaded=!0,this.arm(),this.onAutoplayChange()}connectedCallback(){if(r(this.host,(()=>this.focusTarget())),!this.loaded)return;const s=this.playing;this.arm(),s&&this.player?.start(),Promise.resolve().then((()=>{this.host.isConnected&&(this.reduced=w(),this.playing=!!this.player?.active,this.sync())}))}async setFocus(){this.focusTarget()?.focus()}focusTarget(){for(const s of n(this.host))if(s.hasAttribute("data-sui-ui"))for(const t of Array.from(s.children))if("BUTTON"===t.tagName&&!t.hasAttribute("disabled")&&"-1"!==t.getAttribute("tabindex"))return t}arm(){this.disposers.forEach((s=>s())),this.disposers=[k((s=>{this.reduced=s})),c(this.host,(()=>this.sync()),{childList:!0})],this.track&&this.disposers.push(c(this.track,(()=>this.sync()),{childList:!0})),this.player?.dispose(),this.player=h(this.host,{interval:()=>this.autoplay,advance:()=>this.advance()})}componentDidRender(){this.sync(!0),this.followDot()}followDot(){if(!this.dots||"undefined"==typeof document)return;const s=document.activeElement;if(!s||!this.dots.contains(s))return;const t=this.dots.children[this.index];t&&t!==s&&t.focus()}disconnectedCallback(){this.disposers.forEach((s=>s())),this.disposers=[],this.cancelSwipe?.(),this.cancelSwipe=void 0,this.player?.dispose(),this.player=void 0,this.synced=[]}onLayoutChange(){this.clampIndex()}onAutoplayChange(){this.player&&(Number(this.autoplay)>0?this.player.start():this.player.stop(),this.playing=this.player.active)}togglePlay=()=>{this.player&&(this.player.active?this.player.stop():this.player.start(),this.playing=this.player.active)};items(){const s=s=>n(s).filter((s=>!s.hasAttribute("slot")&&!s.hasAttribute("data-sui-ui")));return this.track?[...s(this.track),...s(this.host)]:s(this.host)}get vertical(){return"vertical"===this.orientation}get perStep(){return Math.max(1,Math.floor(Number(null==this.step?this.perPage:this.step))||1)}get pages(){return Math.max(1,Math.ceil(Math.max(0,this.count-Math.max(1,this.perPage))/this.perStep)+1)}get cell(){const t=Math.max(1,this.perPage);return 1===t?"100%":`calc((100% - ${s.GAP}px * ${t-1}) / ${t})`}offset(){const t=this.index*this.perStep;return t<=0?"0px":`calc(-${t} * (${this.cell} + ${s.GAP}px))`}static len(s){if(null!=s&&""!==s)return"number"==typeof s||/^\d+(\.\d+)?$/.test(s+"")?s+"px":s+""}clampIndex(){const s=Math.min(this.pages-1,Math.max(0,Math.floor(this.index||0)));s!==this.index&&(this.index=s)}sync(s=!1){const t=this.items(),i=t.length,e=this.cell;if(e===this.syncedCell&&i===this.synced.length&&t.every(((s,t)=>s===this.synced[t]))||this.write(t,e),i!==this.count){const t=()=>{this.count=i,this.clampIndex()};s?Promise.resolve().then(t):t()}}write(s,t){const i=s.length;s.forEach(((s,e)=>{if(s.style.flex!=="0 0 "+t&&(s.style.flex="0 0 "+t),"0px"!==s.style.minWidth&&(s.style.minWidth="0px"),"0px"!==s.style.minHeight&&(s.style.minHeight="0px"),"border-box"!==s.style.boxSizing&&(s.style.boxSizing="border-box"),!C.test(s.tagName.toLowerCase()))return;s.hasAttribute("role")||s.setAttribute("role","group"),s.hasAttribute("aria-roledescription")||s.setAttribute("aria-roledescription",d(void 0,"carousel.slide",void 0,"slide"));const a=p(void 0,"carousel.slideOf",void 0,"{n} of {count}",{n:e+1+"",count:i+""}),o=s.hasAttribute("data-sui-slide");(o||!s.hasAttribute("aria-label")&&!s.hasAttribute("aria-labelledby"))&&(s.getAttribute("aria-label")!==a&&s.setAttribute("aria-label",a),o||s.setAttribute("data-sui-slide",""))})),this.synced=s,this.syncedCell=t}moveTo(s){const t=this.pages-1,i=this.circular?(s%(t+1)+t+1)%(t+1):Math.min(t,Math.max(0,s));return i!==this.index&&(this.index=i,this.suiIndexChange.emit(i),!0)}go(s){this.player?.stop(),this.playing=!1,this.moveTo(s)}advance(){return this.pages<2||(!this.circular&&this.index>=this.pages-1?(this.playing=!1,!1):this.moveTo(this.index+1))}onKeyDown=s=>{if(s.defaultPrevented)return;const t=!this.vertical&&u(this.host),i=this.vertical?"ArrowDown":t?"ArrowLeft":"ArrowRight";s.key===(this.vertical?"ArrowUp":t?"ArrowRight":"ArrowLeft")?(s.preventDefault(),this.go(this.index-1)):s.key===i&&(s.preventDefault(),this.go(this.index+1))};onPointerDown=s=>{this.cancelSwipe?.();const t=!this.vertical&&u(this.host)?-1:1;this.cancelSwipe=l(s,(s=>this.go(this.index+s*t)),{axis:this.vertical?"y":"x"})};render(){const t=this.pages,i=this.vertical,o=!this.circular&&this.index<=0,r=!this.circular&&this.index>=t-1,n=this.offset(),c=s=>e("button",{key:"468d9ad189a942e62ecbfca32c21261afe8999b6",type:"button",class:"arrow","aria-label":s<0?d(void 0,"carousel.previous",void 0,"Previous"):d(void 0,"carousel.next",void 0,"Next"),disabled:s<0?o:r,onClick:()=>this.go(this.index+s)},e(f,{key:"018b4e0286a702eb9abf1ede69d447424af87020",glyph:i?s<0?v:y:s<0?x:m}));return e(a,{key:"bcf54e345949a2208146faee3c1ec75d9fd93eb9",role:"region","aria-roledescription":"carousel",class:{vertical:i},onKeyDown:this.onKeyDown},Number(this.autoplay)>0&&!this.reduced?e("div",{class:"bar","data-sui-ui":""},e("button",{type:"button",class:"arrow play","aria-label":this.playing?d(void 0,"carousel.pauseAutoplay",void 0,"Pause autoplay"):d(void 0,"carousel.startAutoplay",void 0,"Start autoplay"),onClick:this.togglePlay},e(f,{glyph:this.playing?g:b}))):null,e("div",{key:"57e7e81d10401d55046af1d95981a7fecc2706d3",class:"row","data-sui-ui":""},this.hideArrows?null:c(-1),e("div",{key:"ba2455c9424b7f2e387dfc6a2edafb473d24e293",class:"viewport",style:{height:i?s.len(this.height)||s.VERTICAL_HEIGHT:void 0},onPointerDown:this.onPointerDown},e("div",{key:"87253ac40ecc154154dae75790d45fcfea5b5a56",class:"track",ref:s=>this.track=s,style:i?{top:n}:{insetInlineStart:n}},e("slot",{key:"e8e2fcc57086b18e9b4ef6f495d1ea2553b77120"}))),this.hideArrows?null:c(1)),this.hideDots?null:e("div",{class:"dots",role:"tablist","aria-label":d(void 0,"carousel.pages",void 0,"Pages"),"data-sui-ui":"",ref:s=>this.dots=s},Array.from({length:t},((s,t)=>e("button",{key:t,type:"button",role:"tab",class:{dot:!0,active:t===this.index},"aria-label":p(void 0,"carousel.page",void 0,"Page {n}",{n:t+1+""}),"aria-selected":t===this.index?"true":"false",tabIndex:t===this.index?0:-1,onClick:()=>this.go(t)})))))}static get watchers(){return{perPage:[{onLayoutChange:0}],step:[{onLayoutChange:0}],index:[{onLayoutChange:0}],autoplay:[{onAutoplayChange:0}]}}static get style(){return".sc-sui-carousel-h{display:block;font-family:var(--font-sans)}.row.sc-sui-carousel{display:flex;align-items:center;gap:12px}.bar.sc-sui-carousel{display:flex;justify-content:flex-end;margin-bottom:8px}.arrow.sc-sui-carousel{width:34px;height:34px;flex-shrink:0;padding:0;margin:0;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.arrow.sc-sui-carousel .sui-glyph.sc-sui-carousel{font-size:12px}.arrow.sc-sui-carousel:hover:not(:disabled){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.arrow.sc-sui-carousel:active:not(:disabled){background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.arrow.sc-sui-carousel:disabled{color:var(--ink-placeholder);cursor:not-allowed}.arrow.sc-sui-carousel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sc-sui-carousel-h:dir(rtl):not(.vertical) .row.sc-sui-carousel .arrow.sc-sui-carousel .sui-glyph.sc-sui-carousel{transform:scaleX(-1)}.viewport.sc-sui-carousel{flex:1;min-width:0;overflow:hidden;border-radius:var(--radius-lg);padding:2px;box-sizing:border-box;touch-action:pan-y}.track.sc-sui-carousel{position:relative;display:flex;gap:12px;align-items:stretch;transition:inset-inline-start var(--duration-slow) var(--ease-out), top var(--duration-slow) var(--ease-out)}.vertical.sc-sui-carousel-h .row.sc-sui-carousel{flex-direction:column;align-items:stretch}.vertical.sc-sui-carousel-h .arrow.sc-sui-carousel{align-self:center}.vertical.sc-sui-carousel-h .viewport.sc-sui-carousel{flex:none;min-height:0;touch-action:pan-x}.vertical.sc-sui-carousel-h .track.sc-sui-carousel{flex-direction:column;height:100%}.dots.sc-sui-carousel{display:flex;justify-content:center;gap:7px;margin-top:12px}.dot.sc-sui-carousel{width:7px;height:7px;padding:0;margin:0;border:none;border-radius:var(--radius-xs);background:var(--control-border);cursor:pointer;transition:width var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out)}.dot.active.sc-sui-carousel{width:20px;background:var(--accent)}.dot.sc-sui-carousel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}@media (forced-colors: active){.dot.sc-sui-carousel{border:1px solid ButtonText;box-sizing:border-box}.dot.active.sc-sui-carousel{background:Highlight;border-color:Highlight}}"}},[774,"sui-carousel",{perPage:[2,"per-page"],step:[2],index:[1026],hideDots:[516,"hide-dots"],hideArrows:[516,"hide-arrows"],circular:[516],orientation:[513],height:[8],autoplay:[2],count:[32],playing:[32],reduced:[32],setFocus:[64]},void 0,{perPage:[{onLayoutChange:0}],step:[{onLayoutChange:0}],index:[{onLayoutChange:0}],autoplay:[{onAutoplayChange:0}]}]),L=A,P=function(){"undefined"!=typeof customElements&&["sui-carousel"].forEach((s=>{"sui-carousel"===s&&(customElements.get(o(s))||customElements.define(o(s),A))}))};export{L as SuiCarousel,P as defineCustomElement}
+import{p as s,H as t,c as i,h as e,a,t as o}from"./p-CeVlau-G.js";import{d as r}from"./p-BHB1Wprj.js";import{d as c,o as n}from"./p-BWkzTEZX.js";import{a as h,b as l}from"./p-DuYxgKgU.js";import{i as u}from"./p-GAnFXayY.js";import{a as d,l as p}from"./p-BuyjS5bS.js";import{G as f,u as g,v as b,w as v,y,f as x,q as m}from"./p-BeYfX4rQ.js";import{r as w,o as k}from"./p-CZ4DDtn8.js";const C=/^(div|section|article|li|figure|aside|span|p|sui-[a-z-]+)$/,A=s(class s extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiIndexChange=i(this,"suiIndexChange",3)}get host(){return this}perPage=1;step;index=0;hideDots=!1;hideArrows=!1;circular=!1;orientation="horizontal";height;autoplay;suiIndexChange;count=0;playing=!1;reduced=!1;track;dots;disposers=[];cancelSwipe;player;synced=[];syncedCell="";loaded=!1;static GAP=12;static VERTICAL_HEIGHT="300px";componentWillLoad(){this.count=this.items().length,this.clampIndex(),this.reduced=w(),this.playing=Number(this.autoplay)>0}componentDidLoad(){this.loaded=!0,this.arm(),this.onAutoplayChange()}connectedCallback(){if(r(this.host,(()=>this.focusTarget())),!this.loaded)return;const s=this.playing;this.arm(),s&&this.player?.start(),Promise.resolve().then((()=>{this.host.isConnected&&(this.reduced=w(),this.playing=!!this.player?.active,this.sync())}))}async setFocus(){this.focusTarget()?.focus()}focusTarget(){for(const s of c(this.host))if(s.hasAttribute("data-sui-ui"))for(const t of Array.from(s.children))if("BUTTON"===t.tagName&&!t.hasAttribute("disabled")&&"-1"!==t.getAttribute("tabindex"))return t}arm(){this.disposers.forEach((s=>s())),this.disposers=[k((s=>{this.reduced=s})),n(this.host,(()=>this.sync()),{childList:!0})],this.track&&this.disposers.push(n(this.track,(()=>this.sync()),{childList:!0})),this.player?.dispose(),this.player=h(this.host,{interval:()=>this.autoplay,advance:()=>this.advance()})}componentDidRender(){this.sync(!0),this.followDot()}followDot(){if(!this.dots||"undefined"==typeof document)return;const s=document.activeElement;if(!s||!this.dots.contains(s))return;const t=this.dots.children[this.index];t&&t!==s&&t.focus()}disconnectedCallback(){this.disposers.forEach((s=>s())),this.disposers=[],this.cancelSwipe?.(),this.cancelSwipe=void 0,this.player?.dispose(),this.player=void 0,this.synced=[]}onLayoutChange(){this.clampIndex()}onAutoplayChange(){this.player&&(Number(this.autoplay)>0?this.player.start():this.player.stop(),this.playing=this.player.active)}togglePlay=()=>{this.player&&(this.player.active?this.player.stop():this.player.start(),this.playing=this.player.active)};items(){const s=s=>c(s).filter((s=>!s.hasAttribute("slot")&&!s.hasAttribute("data-sui-ui")));return this.track?[...s(this.track),...s(this.host)]:s(this.host)}get vertical(){return"vertical"===this.orientation}get perStep(){return Math.max(1,Math.floor(Number(null==this.step?this.perPage:this.step))||1)}get pages(){return Math.max(1,Math.ceil(Math.max(0,this.count-Math.max(1,this.perPage))/this.perStep)+1)}get cell(){const t=Math.max(1,this.perPage);return 1===t?"100%":`calc((100% - ${s.GAP}px * ${t-1}) / ${t})`}offset(){const t=this.index*this.perStep;return t<=0?"0px":`calc(-${t} * (${this.cell} + ${s.GAP}px))`}static len(s){if(null!=s&&""!==s)return"number"==typeof s||/^\d+(\.\d+)?$/.test(s+"")?s+"px":s+""}clampIndex(){const s=Math.min(this.pages-1,Math.max(0,Math.floor(this.index||0)));s!==this.index&&(this.index=s)}sync(s=!1){const t=this.items(),i=t.length,e=this.cell;if(e===this.syncedCell&&i===this.synced.length&&t.every(((s,t)=>s===this.synced[t]))||this.write(t,e),i!==this.count){const t=()=>{this.count=i,this.clampIndex()};s?Promise.resolve().then(t):t()}}write(s,t){const i=s.length;s.forEach(((s,e)=>{if(s.style.flex!=="0 0 "+t&&(s.style.flex="0 0 "+t),"0px"!==s.style.minWidth&&(s.style.minWidth="0px"),"0px"!==s.style.minHeight&&(s.style.minHeight="0px"),"border-box"!==s.style.boxSizing&&(s.style.boxSizing="border-box"),!C.test(s.tagName.toLowerCase()))return;s.hasAttribute("role")||s.setAttribute("role","group"),s.hasAttribute("aria-roledescription")||s.setAttribute("aria-roledescription",d(void 0,"carousel.slide",void 0,"slide"));const a=p(void 0,"carousel.slideOf",void 0,"{n} of {count}",{n:e+1+"",count:i+""}),o=s.hasAttribute("data-sui-slide");(o||!s.hasAttribute("aria-label")&&!s.hasAttribute("aria-labelledby"))&&(s.getAttribute("aria-label")!==a&&s.setAttribute("aria-label",a),o||s.setAttribute("data-sui-slide",""))})),this.synced=s,this.syncedCell=t}moveTo(s){const t=this.pages-1,i=this.circular?(s%(t+1)+t+1)%(t+1):Math.min(t,Math.max(0,s));return i!==this.index&&(this.index=i,this.suiIndexChange.emit(i),!0)}go(s){this.player?.stop(),this.playing=!1,this.moveTo(s)}advance(){return this.pages<2||(!this.circular&&this.index>=this.pages-1?(this.playing=!1,!1):this.moveTo(this.index+1))}onKeyDown=s=>{if(s.defaultPrevented)return;const t=!this.vertical&&u(this.host),i=this.vertical?"ArrowDown":t?"ArrowLeft":"ArrowRight";s.key===(this.vertical?"ArrowUp":t?"ArrowRight":"ArrowLeft")?(s.preventDefault(),this.go(this.index-1)):s.key===i&&(s.preventDefault(),this.go(this.index+1))};onPointerDown=s=>{this.cancelSwipe?.();const t=!this.vertical&&u(this.host)?-1:1;this.cancelSwipe=l(s,(s=>this.go(this.index+s*t)),{axis:this.vertical?"y":"x"})};render(){const t=this.pages,i=this.vertical,o=!this.circular&&this.index<=0,r=!this.circular&&this.index>=t-1,c=this.offset(),n=s=>e("button",{key:"68f82967b95e058ba04a8630c63ef17efc263100",type:"button",class:"arrow","aria-label":s<0?d(void 0,"carousel.previous",void 0,"Previous"):d(void 0,"carousel.next",void 0,"Next"),disabled:s<0?o:r,onClick:()=>this.go(this.index+s)},e(f,{key:"09197f3200654786860efa8111ccb23dbd993f91",glyph:i?s<0?v:y:s<0?x:m}));return e(a,{key:"10dffd5c18255b1ac2b315e608f6657ca17cfe68",role:"region","aria-roledescription":"carousel",class:{vertical:i},onKeyDown:this.onKeyDown},Number(this.autoplay)>0&&!this.reduced?e("div",{class:"bar","data-sui-ui":""},e("button",{type:"button",class:"arrow play","aria-label":this.playing?d(void 0,"carousel.pauseAutoplay",void 0,"Pause autoplay"):d(void 0,"carousel.startAutoplay",void 0,"Start autoplay"),onClick:this.togglePlay},e(f,{glyph:this.playing?g:b}))):null,e("div",{key:"5ded1cc701ec196953fff9b71990972a4dc79c79",class:"row","data-sui-ui":""},this.hideArrows?null:n(-1),e("div",{key:"bd923574eca18278dc5d604d9fb0e54b6b6467f3",class:"viewport",style:{height:i?s.len(this.height)||s.VERTICAL_HEIGHT:void 0},onPointerDown:this.onPointerDown},e("div",{key:"ce931c7815845d5cca2882d0d0199b94395f4b17",class:"track",ref:s=>this.track=s,style:i?{top:c}:{insetInlineStart:c}},e("slot",{key:"932de286d37f9b8aa9ec80812461211a9d8e3848"}))),this.hideArrows?null:n(1)),this.hideDots?null:e("div",{class:"dots",role:"tablist","aria-label":d(void 0,"carousel.pages",void 0,"Pages"),"data-sui-ui":"",ref:s=>this.dots=s},Array.from({length:t},((s,t)=>e("button",{key:t,type:"button",role:"tab",class:{dot:!0,active:t===this.index},"aria-label":p(void 0,"carousel.page",void 0,"Page {n}",{n:t+1+""}),"aria-selected":t===this.index?"true":"false",tabIndex:t===this.index?0:-1,onClick:()=>this.go(t)})))))}static get watchers(){return{perPage:[{onLayoutChange:0}],step:[{onLayoutChange:0}],index:[{onLayoutChange:0}],autoplay:[{onAutoplayChange:0}]}}static get style(){return".sc-sui-carousel-h{display:block;font-family:var(--font-sans)}.row.sc-sui-carousel{display:flex;align-items:center;gap:12px}.bar.sc-sui-carousel{display:flex;justify-content:flex-end;margin-bottom:8px}.arrow.sc-sui-carousel{width:34px;height:34px;flex-shrink:0;padding:0;margin:0;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.arrow.sc-sui-carousel .sui-glyph.sc-sui-carousel{font-size:12px}.arrow.sc-sui-carousel:hover:not(:disabled){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.arrow.sc-sui-carousel:active:not(:disabled){background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.arrow.sc-sui-carousel:disabled{color:var(--ink-placeholder);cursor:not-allowed}.arrow.sc-sui-carousel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sc-sui-carousel-h:dir(rtl):not(.vertical) .row.sc-sui-carousel .arrow.sc-sui-carousel .sui-glyph.sc-sui-carousel{transform:scaleX(-1)}.viewport.sc-sui-carousel{flex:1;min-width:0;overflow:hidden;border-radius:var(--radius-lg);padding:2px;box-sizing:border-box;touch-action:pan-y}.track.sc-sui-carousel{position:relative;display:flex;gap:12px;align-items:stretch;transition:inset-inline-start var(--duration-slow) var(--ease-out), top var(--duration-slow) var(--ease-out)}.vertical.sc-sui-carousel-h .row.sc-sui-carousel{flex-direction:column;align-items:stretch}.vertical.sc-sui-carousel-h .arrow.sc-sui-carousel{align-self:center}.vertical.sc-sui-carousel-h .viewport.sc-sui-carousel{flex:none;min-height:0;touch-action:pan-x}.vertical.sc-sui-carousel-h .track.sc-sui-carousel{flex-direction:column;height:100%}.dots.sc-sui-carousel{display:flex;justify-content:center;gap:7px;margin-top:12px}.dot.sc-sui-carousel{width:7px;height:7px;padding:0;margin:0;border:none;border-radius:var(--radius-xs);background:var(--control-border);cursor:pointer;transition:width var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out)}.dot.active.sc-sui-carousel{width:20px;background:var(--accent)}.dot.sc-sui-carousel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}@media (forced-colors: active){.dot.sc-sui-carousel{border:1px solid ButtonText;box-sizing:border-box}.dot.active.sc-sui-carousel{background:Highlight;border-color:Highlight}}"}},[774,"sui-carousel",{perPage:[2,"per-page"],step:[2],index:[1026],hideDots:[516,"hide-dots"],hideArrows:[516,"hide-arrows"],circular:[516],orientation:[513],height:[8],autoplay:[2],count:[32],playing:[32],reduced:[32],setFocus:[64]},void 0,{perPage:[{onLayoutChange:0}],step:[{onLayoutChange:0}],index:[{onLayoutChange:0}],autoplay:[{onAutoplayChange:0}]}]),L=A,P=function(){"undefined"!=typeof customElements&&["sui-carousel"].forEach((s=>{"sui-carousel"===s&&(customElements.get(o(s))||customElements.define(o(s),A))}))};export{L as SuiCarousel,P as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,H as e,c as i,f as a,h as t,t as c}from"./p-CeVlau-G.js";import{d as o,F as n}from"./p-TBwsYzWO.js";import{P as r,a as l}from"./p-D0KZcTn9.js";import{G as d,q as u,k as p,x as h,a as f,y as v,f as g}from"./p-DdsE4HI6.js";import{n as x}from"./p-CAeBVGwP.js";import{i as b}from"./p-Cs2X0Kih.js";import{u as m}from"./p-U06fVoGD.js";import{i as k,d as y,s as w,r as z}from"./p-BHB1Wprj.js";import{f as C}from"./p-CGWvlrv_.js";import{l as F,n as P,s as A,k as j}from"./p-M0fYQCIv.js";import{m as T,l as O}from"./p-CN5x4MC8.js";import{p as D}from"./p-CDJMRbCX.js";import{k as G}from"./p-CYlxvoVo.js";import{a as M,l as q}from"./p-BuyjS5bS.js";import{i as H}from"./p-GAnFXayY.js";import{d as L,p as $}from"./p-Bt5Kx3zM.js";const B=["sm","md","lg"],E=s=>!!s&&Array.isArray(s.items),N=s=>null!=s.value?s.value:s.label,R=s=>!!s&&!s.disabled,K=s=>s.findIndex(R),V=s=>{for(let e=s.length-1;e>=0;e--)if(R(s[e]))return e;return-1},Y=(s,e)=>s.length===e.length&&s.every(((s,i)=>s===e[i]));function I(s,e,i=[],a=[]){for(let t=0;t<s.length;t++){const c=s[t];if(c)if(E(c)){const s=I(c.items,e,[...i,t],[...a,c]);if(s)return s}else if(A(N(c),e))return{node:c,path:[...i,t],trail:a}}return null}const W=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiChange=i(this,"suiChange",7),this.suiOpen=i(this,"suiOpen",3),this.suiOpenPathChange=i(this,"suiOpenPathChange",3),this.suiClose=i(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];placeholder;value;showPath=!1;disabled=!1;readOnly=!1;invalid=!1;loading=!1;loadingMessage;emptyMessage;clearable=!1;size="md";variant="default";tone;open=!1;openPath=[];required=!1;name;suiChange;suiOpen;suiOpenPathChange;suiClose;cursor={depth:0,index:-1};keyNav=!1;pointerAt="";onKeyNav(s){L(s)&&(this.keyNav=!0)}onPointerNav(s){const e=$(s);e!==this.pointerAt&&(this.pointerAt=e,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}drill=!1;focused=!1;hostLabel;stopAria;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}get isQuiet(){return"quiet"===this.variant}fieldId=m("sui-cascade-select");trigger;layer;panel;flyouts=[];initial;ownPathWrite=!1;widest=0;scrollFrame;found;closing=!1;popup=D({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){k(this.host,this.internals),y(this.host,(()=>this.trigger)),this.stopAria?.(),this.stopAria=b(this.host,(s=>{this.hostLabel=s})),this.open&&this.layer&&a(this)}componentWillLoad(){this.initial=this.value,this.syncForm(),this.open&&this.initActive()}componentDidRender(){this.syncForm(),this.open&&this.afterOpen()}disconnectedCallback(){this.popup.disconnect()&&(this.closing=!1),this.stopAria?.(),null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}componentDidLoad(){this.syncForm()}syncForm(){w(this.internals,this.isDisabled?null:j(this.value)),z(this.internals,this.required&&!this.isDisabled&&!this.readOnly,P(this.value),this.label,this.trigger,this.error)}onOpenChange(s){s?(this.popup.reopen(),this.closing=!1,this.initActive()):(this.cursor={depth:0,index:-1},this.widest=0,this.closing=this.popup.close())}onOptions(){this.open&&this.initActive()}onPathChange(){!this.ownPathWrite&&this.open&&this.alignCursor()}formResetCallback(){this.value=this.initial}formDisabledCallback(s){this.formDisabled=C(this.host,this.disabled,s),this.syncForm()}async setFocus(){this.trigger?.focus()}roots(){return this.loading?[]:F(this.options,this.host,"options")}drawnPath(){const s=Array.isArray(this.openPath)?this.openPath:[],e=[];let i=this.roots();for(const a of s){const s=Number.isInteger(a)?i[a]:void 0;if(!s||s.disabled||!E(s))break;e.push(a),i=s.items}return e}levels(s){const e=[this.roots()];for(const i of s)e.push(e[e.length-1][i].items||[]);return e}picked(){const s=F(this.options,this.host,"options");if(this.found&&this.found.options===s&&this.found.value===this.value)return this.found.hit;const e=P(this.value)?null:I(s,this.value);return this.found={options:s,value:this.value,hit:e},e}active(s,e){const{depth:i,index:a}=this.cursor;return this.drill&&i!==s.length?{depth:s.length,index:K(e[s.length])}:i>s.length?{depth:s.length,index:-1}:R(e[i][a])?this.cursor:{depth:i,index:-1}}initActive(){const s=this.picked();!this.loading&&!this.drawnPath().length&&s&&s.path.length>1&&this.setPath(s.path.slice(0,-1)),this.alignCursor(),this.revealActive()}alignCursor(){const s=this.drawnPath(),e=this.picked();this.cursor=e&&e.path.length===s.length+1&&Y(e.path.slice(0,-1),s)?{depth:s.length,index:e.path[s.length]}:s.length?{depth:s.length-1,index:s[s.length-1]}:{depth:0,index:K(this.roots())}}afterOpen(){this.open&&this.trigger&&this.panel&&(this.popup.open(this.layer)||this.reposition())}reposition(){if(!this.trigger||!this.panel)return;this.panel.style.minWidth=this.drill&&this.widest?this.widest+"px":"",T(this.panel,O(this.trigger,this.panel,"bottom",6,"start")),this.widest=Math.max(this.widest,this.panel.getBoundingClientRect().width||0);const s=x(this.panel,200);if(s!==this.drill&&Promise.resolve().then((()=>{this.drill=s})),this.drill)return;let e=this.panel,i=H(this.host)?"left":"right";for(let s=1;s<this.flyouts.length;s++){const a=this.flyouts[s];if(!a)break;const t=O(e,a,i,4,"start"),c=a.getBoundingClientRect().width,o=Math.min(Math.max(8,t.left),Math.max(8,window.innerWidth-c-8));T(a,{...t,left:o,top:t.top-1}),"left"!==t.side&&"right"!==t.side||(i=t.side),e=a}}revealActive(){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const s=this.trigger?.getAttribute("aria-activedescendant"),e=s?this.layer?.querySelector(`[id="${s}"]`):null;e?.scrollIntoView?.({block:"nearest"})})))}show(){if(this.open||this.isDisabled||this.readOnly)return;const s=this.picked();this.setPath(s?s.path.slice(0,-1):[]),this.open=!0,G(this.host,this.trigger),this.suiOpen.emit()}requestClose(s,e=!1){this.open&&(this.suiClose.emit(s).defaultPrevented||(this.open=!1,e&&this.trigger?.focus()))}commit(s){if(this.isDisabled||!R(s)||E(s))return;const e=N(s),i=!A(e,this.value);this.value=e,this.requestClose("pick",!0),i&&this.suiChange.emit(e)}clearValue(){this.isDisabled||this.readOnly||P(this.value)||(this.value="",this.suiChange.emit(""),this.trigger?.focus())}clear=s=>{s.stopPropagation(),s.preventDefault(),this.clearValue()};setPath(s){if(!Y(Array.isArray(this.openPath)?this.openPath:[],s)){this.ownPathWrite=!0;try{this.openPath=s}finally{this.ownPathWrite=!1}this.suiOpenPathChange.emit([...s])}}enter(s,e){const i=this.drawnPath().slice(0,s),a=this.levels(i)[s][e];R(a)&&E(a)&&(this.setPath([...i,e]),this.cursor={depth:s+1,index:K(a.items)})}back(){const s=this.drawnPath(),e=this.active(s,this.levels(s));if(this.drill){if(!s.length)return;return this.setPath(s.slice(0,-1)),void(this.cursor={depth:s.length-1,index:s[s.length-1]})}e.depth<s.length&&s[e.depth]===e.index?this.setPath(s.slice(0,e.depth)):e.depth>0&&(this.cursor={depth:e.depth-1,index:s[e.depth-1]})}move(s){const e=this.drawnPath(),i=this.levels(e),a=this.active(e,i),t=i[a.depth],c=t.length;let o=a.index<0?s>0?-1:c:a.index;for(let e=0;e<c;e++)if(o=(o+s+c)%c,R(t[o]))return void(this.cursor={depth:a.depth,index:o})}activate(){const s=this.drawnPath(),e=this.levels(s),i=this.active(s,e),a=e[i.depth][i.index];R(a)&&(E(a)?this.enter(i.depth,i.index):this.commit(a))}onKeyDown=s=>{if(!this.isDisabled&&!this.readOnly)switch(s.key){case"Escape":return void(this.open&&(s.preventDefault(),s.stopPropagation(),this.requestClose("escape",!0)));case"ArrowDown":case"ArrowUp":return s.preventDefault(),this.open?(this.move("ArrowDown"===s.key?1:-1),void this.revealActive()):void this.show();case"ArrowRight":case"ArrowLeft":if(!this.open)return;if(s.preventDefault(),s.key===(H(this.host)?"ArrowLeft":"ArrowRight")){const s=this.drawnPath(),e=this.active(s,this.levels(s));this.enter(e.depth,e.index)}else this.back();return void this.revealActive();case"Home":case"End":{if(!this.open)return;s.preventDefault();const e=this.drawnPath(),i=this.levels(e),a=this.active(e,i),t=i[a.depth];return this.cursor={depth:a.depth,index:"Home"===s.key?K(t):V(t)},void this.revealActive()}case"Enter":return s.preventDefault(),void(this.open?(this.activate(),this.revealActive()):this.show());case" ":if(s.target!==this.trigger)return;return s.preventDefault(),void(this.open?(this.activate(),this.revealActive()):this.show());case"Tab":return void(this.open&&this.requestClose("outside"));case"Delete":case"Backspace":return void(this.clearable&&s.target===this.trigger&&!P(this.value)&&(s.preventDefault(),this.clearValue()))}};onRowEnter(s,e,i){if(this.drill)return void(R(i)&&(this.cursor={depth:s,index:e}));const a=this.drawnPath().slice(0,s);this.setPath(R(i)&&E(i)?[...a,e]:a),this.cursor={depth:s,index:R(i)?e:-1}}onRowLeave(s,e,i){E(i)||this.cursor.depth===s&&this.cursor.index===e&&(this.cursor={depth:s,index:-1})}onRowClick(s,e,i){R(i)&&(E(i)?this.drill?this.enter(s,e):(this.setPath([...this.drawnPath().slice(0,s),e]),this.cursor={depth:s,index:e}):this.commit(i))}rowId(s,e){return`${this.fieldId}-${s}-${e}`}renderRows(s,e,i,a,c){return s.length?s.map(((o,n)=>{const r=E(o),l=!!o.disabled,h=r&&!this.drill&&e<i.length&&i[e]===n,f=!r&&o===c;return t("div",{id:this.rowId(e,n),key:`${e}-${n}`,role:"treeitem","aria-level":e+1,"aria-posinset":n+1,"aria-setsize":s.length,"aria-expanded":r?h?"true":"false":null,"aria-owns":h?`${this.fieldId}-l${e+1}`:null,"aria-selected":r?null:f?"true":"false","aria-disabled":l?"true":null,class:{"sui-popup-option":!0,row:!0,branch:r,selected:f,disabled:l,hover:h||a.depth===e&&a.index===n,keynav:this.keyNav&&a.depth===e&&a.index===n},onMouseEnter:()=>this.onRowEnter(e,n,o),onMouseLeave:()=>this.onRowLeave(e,n,o),onClick:()=>this.onRowClick(e,n,o)},o.icon?t("i",{class:o.icon+" icon","aria-hidden":"true"}):null,t("span",{class:"sui-popup-option-label"},o.label),r?t(d,{glyph:u,class:"sub"}):f?t(d,{glyph:p}):null)})):t("div",{class:"sui-popup-empty"},M(void 0,"cascade-select.empty",this.emptyMessage,"Nothing here yet."))}renderValue(s){const e=M(void 0,"cascade-select.placeholder",this.placeholder,"Select");return s?this.showPath&&s.trail.length?t("span",{class:"val path"},t("span",{class:"trail"},s.trail.map((s=>s.label)).join(" / ")," / "),t("span",{class:"leaf"},s.node.label)):t("span",{class:"val"},s.node.label):t("span",{class:"val"},e)}render(){const s=this.drawnPath(),e=this.levels(s),i=this.active(s,e),a=this.picked(),c=a?a.node:void 0,u=this.open||this.closing,p=this.drill?s.length:0,x=this.drill&&s.length?e[s.length-1][s[s.length-1]]:void 0;let b;this.open&&R(e[i.depth][i.index])&&(b=this.rowId(i.depth,i.index));const m=this.invalid||!!this.error,k=B.includes(this.size)?this.size:"md",y=this.clearable&&!P(this.value)&&!this.isDisabled&&!this.readOnly,w=this.isQuiet,z=w?{"sui-inline":!0,[k]:!0,open:this.open,shell:this.open,invalid:m,placeholder:!a,readonly:this.readOnly,inverse:"inverse"===this.tone}:{"sui-popup-trigger":!0,"sui-frame":!0,[k]:!0,focus:this.focused,open:this.open,invalid:m,placeholder:!a,readonly:this.readOnly};return this.flyouts=[],t(n,{key:"640f603f21fb76beecf4be2b58e471cf5d96dd0c",label:w?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},t("div",{key:"ce34c0c8b7e17465f89b3fe1d39a87a059967e37",class:{wrap:!0,inline:w},onKeyDown:this.onKeyDown},t("button",{key:"31b10e6decb017500b12d8f9f612616e97e5ad38",ref:s=>this.trigger=s,id:this.fieldId,class:z,type:"button",disabled:this.isDisabled,role:"combobox","aria-label":w?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-haspopup":"tree","aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-menu","aria-activedescendant":b,"aria-invalid":m?"true":null,"aria-describedby":o(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-keyshortcuts":y?"Delete":null,"aria-busy":this.loading?"true":null,onClick:()=>this.open?this.requestClose("trigger"):this.show(),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},c&&c.icon?t("i",{class:c.icon+" icon","aria-hidden":"true"}):null,this.renderValue(a),y?t("span",{class:"clear","aria-hidden":"true",onClick:this.clear},t(d,{glyph:h})):null,t(d,this.loading?{glyph:f,class:"spin sui-popup-spin"}:{glyph:v,class:"chev"})),u?t("div",{key:"layer",ref:s=>this.layer=s,class:"layer"},t("div",{key:"root",ref:s=>this.panel=s,class:{"sui-popup-panel":!0,groups:!0,drilled:!!x,closing:this.closing},inert:this.closing,role:"presentation"},x?t("button",{type:"button",class:"back",tabindex:-1,"aria-label":q(void 0,"menu.backFrom",void 0,"Back from {label}",{label:x.label||""}),onMouseDown:s=>s.preventDefault(),onClick:()=>this.back()},t(d,{glyph:g}),t("span",null,x.label)):null,t("div",{id:this.fieldId+"-menu",role:"tree","aria-label":this.label||this.hostLabel,"aria-busy":this.loading?"true":null},this.loading?t(r,{message:M(void 0,"cascade-select.loading",this.loadingMessage,"Loading")}):null,this.loading?null:this.renderRows(e[p],p,s,i,c))),this.drill?null:s.map(((a,o)=>{const n=o+1;return t("div",{key:"l"+n,ref:s=>this.flyouts[n]=s,id:`${this.fieldId}-l${n}`,class:{"sui-popup-panel":!0,items:!0,closing:this.closing},inert:this.closing,role:"group","aria-label":e[o][a].label},this.renderRows(e[n],n,s,i,c))}))):null,t(l,{key:"7164b599e805292c4aa197247e9fe0153999bde1",message:this.open&&this.loading?M(void 0,"cascade-select.loading",this.loadingMessage,"Loading"):""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}],openPath:[{onPathChange:0}]}}static get style(){return".sc-sui-cascade-select-h{display:block;font-family:var(--font-sans);min-width:0}.sui-popup-trigger.readonly.sc-sui-cascade-select:not(:disabled){cursor:default}.wrap.sc-sui-cascade-select{position:relative}.wrap.inline.sc-sui-cascade-select{display:flex;align-items:flex-start}.layer.sc-sui-cascade-select{position:fixed;top:0;left:0;width:0;height:0;z-index:var(--z-dropdown)}.sui-popup-panel.groups.sc-sui-cascade-select{width:max-content;min-width:220px}.sui-popup-panel.items.sc-sui-cascade-select{min-width:200px;width:max-content}.back.sc-sui-cascade-select{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;margin:0 0 4px;position:sticky;top:0;z-index:1;border:none;border-bottom:1px solid var(--hairline);border-radius:6px 6px 0 0;background:var(--surface-raised);font:inherit;font-size:13px;font-weight:650;color:var(--ink);text-align:start;cursor:pointer}.back.sc-sui-cascade-select:hover{background-image:linear-gradient(var(--surface-hover), var(--surface-hover))}.back.sc-sui-cascade-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.back.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--ink-muted)}.back.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select:dir(rtl){transform:scaleX(-1)}.sui-popup-panel.drilled.sc-sui-cascade-select .sui-popup-option.sc-sui-cascade-select{scroll-margin-top:44px}.sui-popup-option.row.sc-sui-cascade-select{white-space:nowrap}.sui-popup-option.sc-sui-cascade-select .sub.sc-sui-cascade-select{font-size:9px;color:var(--ink-faint)}.sui-popup-option.sc-sui-cascade-select .sub.sc-sui-cascade-select:dir(rtl){transform:scaleX(-1)}.sui-popup-option.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-popup-trigger.sc-sui-cascade-select .icon.sc-sui-cascade-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-popup-option.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-popup-option.disabled.sc-sui-cascade-select .sub.sc-sui-cascade-select,.sui-popup-trigger.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select{color:var(--ink-placeholder)}.val.path.sc-sui-cascade-select{display:flex;min-width:0}.val.path.sc-sui-cascade-select .trail.sc-sui-cascade-select{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:pre}.val.path.sc-sui-cascade-select .leaf.sc-sui-cascade-select{flex:0 0 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (forced-colors: active){.sui-popup-option.selected.sc-sui-cascade-select .icon.sc-sui-cascade-select{color:HighlightText}.sui-popup-option.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-popup-option.disabled.sc-sui-cascade-select .sub.sc-sui-cascade-select,.sui-popup-trigger.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select{color:GrayText}.back.sc-sui-cascade-select:hover{outline:2px solid CanvasText;outline-offset:-2px}}.sui-field.sc-sui-cascade-select{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-cascade-select{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-cascade-select .sui-field-label.sc-sui-cascade-select{color:var(--danger)}.sui-field-req.sc-sui-cascade-select{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-cascade-select{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-cascade-select{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px}.sui-frame.sc-sui-cascade-select{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-cascade-select:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-cascade-select,.sui-frame.readonly.sc-sui-cascade-select{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-cascade-select:focus-within,.sui-frame.focus.sc-sui-cascade-select,.sui-frame.open.sc-sui-cascade-select{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-cascade-select{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-cascade-select:focus-within,.sui-frame.invalid.focus.sc-sui-cascade-select,.sui-frame.invalid.open.sc-sui-cascade-select{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-cascade-select:disabled,.sui-frame.disabled.sc-sui-cascade-select{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-cascade-select{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-cascade-select::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-cascade-select:focus-within,.sui-frame.focus.sc-sui-cascade-select,.sui-frame.open.sc-sui-cascade-select{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-cascade-select:disabled,.sui-frame.disabled.sc-sui-cascade-select{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-cascade-select{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-cascade-select:disabled,.sui-popup-trigger.disabled.sc-sui-cascade-select{cursor:not-allowed}.sui-popup-trigger.sc-sui-cascade-select .val.sc-sui-cascade-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-cascade-select .clear.sc-sui-cascade-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-cascade-select .clear.sc-sui-cascade-select:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-cascade-select .chev.sc-sui-cascade-select{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-cascade-select .chev.sc-sui-cascade-select{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-cascade-select .chev.sc-sui-cascade-select{opacity:0.4}.sui-popup-trigger.sc-sui-cascade-select .spin.sc-sui-cascade-select{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-cascade-select{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-cascade-select{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-cascade-select{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-cascade-select{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-cascade-select{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-cascade-select input.sc-sui-cascade-select{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-cascade-select{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-cascade-select{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-cascade-select{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-cascade-select{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-cascade-select{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-cascade-select{animation-duration:2s}}.sui-popup-spacer.sc-sui-cascade-select{flex:none;pointer-events:none}.sui-popup-option.sc-sui-cascade-select{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-cascade-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-cascade-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-cascade-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-cascade-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-cascade-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-cascade-select{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:GrayText}.sui-popup-option.hover.sc-sui-cascade-select{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-cascade-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{color:HighlightText}.sui-popup-option.disabled.sc-sui-cascade-select{color:GrayText}}.sui-inline.sc-sui-cascade-select{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-cascade-select{min-height:var(--control-sm)}.sui-inline.md.sc-sui-cascade-select{min-height:var(--control-md)}.sui-inline.lg.sc-sui-cascade-select{min-height:var(--control-lg)}.sui-inline.text.sc-sui-cascade-select{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-cascade-select{cursor:default}.sui-inline.sc-sui-cascade-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-cascade-select:focus{outline:none}.sui-inline.sc-sui-cascade-select:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-cascade-select{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-cascade-select{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-cascade-select{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-cascade-select:disabled,.sui-inline.disabled.sc-sui-cascade-select{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select .lead.sc-sui-cascade-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .lead.sc-sui-cascade-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-cascade-select .val.sc-sui-cascade-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:var(--ink-muted)}.sui-inline.sc-sui-cascade-select:disabled.placeholder .val.sc-sui-cascade-select,.sui-inline.disabled.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select:disabled{cursor:not-allowed}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-cascade-select .clear.sc-sui-cascade-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-cascade-select .clear.sc-sui-cascade-select:hover{color:var(--ink)}.sui-inline.sc-sui-cascade-select .chev.sc-sui-cascade-select{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-cascade-select .chev.sc-sui-cascade-select{transform:rotate(180deg)}.sui-inline.sc-sui-cascade-select:hover .clear.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select:focus-visible .clear.sc-sui-cascade-select,.sui-inline.shell.sc-sui-cascade-select .clear.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select:hover .chev.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select:focus-visible .chev.sc-sui-cascade-select,.sui-inline.shell.sc-sui-cascade-select .chev.sc-sui-cascade-select{visibility:visible}.sui-inline.sc-sui-cascade-select .spin.sc-sui-cascade-select{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px}.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select:hover:not(:disabled),.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select:focus-visible,.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select:disabled,.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-cascade-select:hover .clear.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select:focus-within .clear.sc-sui-cascade-select,.sui-inline.text.shell.sc-sui-cascade-select .clear.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select:hover .chev.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select:focus-within .chev.sc-sui-cascade-select,.sui-inline.text.shell.sc-sui-cascade-select .chev.sc-sui-cascade-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-cascade-select:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-cascade-select .chev.sc-sui-cascade-select{visibility:visible}.sui-inline.inverse.text.sc-sui-cascade-select .chev.sc-sui-cascade-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-cascade-select:not(.shell) sui-chip.sc-sui-cascade-select{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-cascade-select{border-color:CanvasText}.sui-inline.sc-sui-cascade-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-cascade-select{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-cascade-select:disabled,.sui-inline.disabled.sc-sui-cascade-select{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .lead.sc-sui-cascade-select{color:GrayText}.sui-inline.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:GrayText}}"}},[578,"sui-cascade-select",{label:[1],help:[1],error:[1],options:[16],placeholder:[1],value:[1032],showPath:[516,"show-path"],disabled:[516],readOnly:[516,"readonly"],invalid:[516],loading:[516],loadingMessage:[1,"loading-message"],emptyMessage:[1,"empty-message"],clearable:[516],size:[513],variant:[513],tone:[513],open:[1540],openPath:[1040],required:[516],name:[513],cursor:[32],keyNav:[32],drill:[32],focused:[32],hostLabel:[32],formDisabled:[32],closing:[32],setFocus:[64]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}],openPath:[{onPathChange:0}]}]),X=W,S=function(){"undefined"!=typeof customElements&&["sui-cascade-select"].forEach((s=>{"sui-cascade-select"===s&&(customElements.get(c(s))||customElements.define(c(s),W))}))};export{X as SuiCascadeSelect,S as defineCustomElement}
+import{p as s,H as e,c as i,f as a,h as t,t as c}from"./p-CeVlau-G.js";import{d as o,F as n}from"./p-piEUki9n.js";import{P as r,a as l}from"./p-3rGcn3Dk.js";import{G as d,q as u,k as p,x as h,a as f,y as v,f as g}from"./p-BeYfX4rQ.js";import{n as x}from"./p-BJYToX7G.js";import{i as b}from"./p-wknHx00K.js";import{u as m}from"./p-U06fVoGD.js";import{i as k,d as y,s as w,r as z}from"./p-BHB1Wprj.js";import{f as C}from"./p-CGWvlrv_.js";import{l as F,n as P,s as A,k as j}from"./p-M0fYQCIv.js";import{m as O,l as T}from"./p-DsHK25q3.js";import{p as G}from"./p-2OGp7Y2F.js";import{k as D}from"./p-CYlxvoVo.js";import{a as q,l as M}from"./p-BuyjS5bS.js";import{i as H}from"./p-GAnFXayY.js";import{d as L,p as $}from"./p-Bt5Kx3zM.js";const B=["sm","md","lg"],E=s=>!!s&&Array.isArray(s.items),N=s=>null!=s.value?s.value:s.label,R=s=>!!s&&!s.disabled,Y=s=>s.findIndex(R),K=s=>{for(let e=s.length-1;e>=0;e--)if(R(s[e]))return e;return-1},V=(s,e)=>s.length===e.length&&s.every(((s,i)=>s===e[i]));function X(s,e,i=[],a=[]){for(let t=0;t<s.length;t++){const c=s[t];if(c)if(E(c)){const s=X(c.items,e,[...i,t],[...a,c]);if(s)return s}else if(A(N(c),e))return{node:c,path:[...i,t],trail:a}}return null}const I=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiChange=i(this,"suiChange",7),this.suiOpen=i(this,"suiOpen",3),this.suiOpenPathChange=i(this,"suiOpenPathChange",3),this.suiClose=i(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];placeholder;value;showPath=!1;disabled=!1;readOnly=!1;invalid=!1;loading=!1;loadingMessage;emptyMessage;clearable=!1;size="md";variant="default";tone;open=!1;openPath=[];required=!1;name;suiChange;suiOpen;suiOpenPathChange;suiClose;cursor={depth:0,index:-1};keyNav=!1;pointerAt="";onKeyNav(s){L(s)&&(this.keyNav=!0)}onPointerNav(s){const e=$(s);e!==this.pointerAt&&(this.pointerAt=e,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}drill=!1;focused=!1;hostLabel;stopAria;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}get isQuiet(){return"quiet"===this.variant}fieldId=m("sui-cascade-select");trigger;layer;panel;flyouts=[];initial;ownPathWrite=!1;widest=0;scrollFrame;found;closing=!1;popup=G({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){k(this.host,this.internals),y(this.host,(()=>this.trigger)),this.stopAria?.(),this.stopAria=b(this.host,(s=>{this.hostLabel=s})),this.open&&this.layer&&a(this)}componentWillLoad(){this.initial=this.value,this.syncForm(),this.open&&this.initActive()}componentDidRender(){this.syncForm(),this.open&&this.afterOpen()}disconnectedCallback(){this.popup.disconnect()&&(this.closing=!1),this.stopAria?.(),null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}componentDidLoad(){this.syncForm()}syncForm(){w(this.internals,this.isDisabled?null:j(this.value)),z(this.internals,this.required&&!this.isDisabled&&!this.readOnly,P(this.value),this.label,this.trigger,this.error)}onOpenChange(s){s?(this.popup.reopen(),this.closing=!1,this.initActive()):(this.cursor={depth:0,index:-1},this.widest=0,this.closing=this.popup.close())}onOptions(){this.open&&this.initActive()}onPathChange(){!this.ownPathWrite&&this.open&&this.alignCursor()}formResetCallback(){this.value=this.initial}formDisabledCallback(s){this.formDisabled=C(this.host,this.disabled,s),this.syncForm()}async setFocus(){this.trigger?.focus()}roots(){return this.loading?[]:F(this.options,this.host,"options")}drawnPath(){const s=Array.isArray(this.openPath)?this.openPath:[],e=[];let i=this.roots();for(const a of s){const s=Number.isInteger(a)?i[a]:void 0;if(!s||s.disabled||!E(s))break;e.push(a),i=s.items}return e}levels(s){const e=[this.roots()];for(const i of s)e.push(e[e.length-1][i].items||[]);return e}picked(){const s=F(this.options,this.host,"options");if(this.found&&this.found.options===s&&this.found.value===this.value)return this.found.hit;const e=P(this.value)?null:X(s,this.value);return this.found={options:s,value:this.value,hit:e},e}active(s,e){const{depth:i,index:a}=this.cursor;return this.drill&&i!==s.length?{depth:s.length,index:Y(e[s.length])}:i>s.length?{depth:s.length,index:-1}:R(e[i][a])?this.cursor:{depth:i,index:-1}}initActive(){const s=this.picked();!this.loading&&!this.drawnPath().length&&s&&s.path.length>1&&this.setPath(s.path.slice(0,-1)),this.alignCursor(),this.revealActive()}alignCursor(){const s=this.drawnPath(),e=this.picked();this.cursor=e&&e.path.length===s.length+1&&V(e.path.slice(0,-1),s)?{depth:s.length,index:e.path[s.length]}:s.length?{depth:s.length-1,index:s[s.length-1]}:{depth:0,index:Y(this.roots())}}afterOpen(){this.open&&this.trigger&&this.panel&&(this.popup.open(this.layer)||this.reposition())}reposition(){if(!this.trigger||!this.panel)return;this.panel.style.minWidth=this.drill&&this.widest?this.widest+"px":"",O(this.panel,T(this.trigger,this.panel,"bottom",6,"start")),this.widest=Math.max(this.widest,this.panel.getBoundingClientRect().width||0);const s=x(this.panel,200);if(s!==this.drill&&Promise.resolve().then((()=>{this.drill=s})),this.drill)return;let e=this.panel,i=H(this.host)?"left":"right";for(let s=1;s<this.flyouts.length;s++){const a=this.flyouts[s];if(!a)break;const t=T(e,a,i,4,"start"),c=a.getBoundingClientRect().width,o=Math.min(Math.max(8,t.left),Math.max(8,window.innerWidth-c-8));O(a,{...t,left:o,top:t.top-1}),"left"!==t.side&&"right"!==t.side||(i=t.side),e=a}}revealActive(){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const s=this.trigger?.getAttribute("aria-activedescendant"),e=s?this.layer?.querySelector(`[id="${s}"]`):null;e?.scrollIntoView?.({block:"nearest"})})))}show(){if(this.open||this.isDisabled||this.readOnly)return;const s=this.picked();this.setPath(s?s.path.slice(0,-1):[]),this.open=!0,D(this.host,this.trigger),this.suiOpen.emit()}requestClose(s,e=!1){this.open&&(this.suiClose.emit(s).defaultPrevented||(this.open=!1,e&&this.trigger?.focus()))}commit(s){if(this.isDisabled||!R(s)||E(s))return;const e=N(s),i=!A(e,this.value);this.value=e,this.requestClose("pick",!0),i&&this.suiChange.emit(e)}clearValue(){this.isDisabled||this.readOnly||P(this.value)||(this.value="",this.suiChange.emit(""),this.trigger?.focus())}clear=s=>{s.stopPropagation(),s.preventDefault(),this.clearValue()};setPath(s){if(!V(Array.isArray(this.openPath)?this.openPath:[],s)){this.ownPathWrite=!0;try{this.openPath=s}finally{this.ownPathWrite=!1}this.suiOpenPathChange.emit([...s])}}enter(s,e){const i=this.drawnPath().slice(0,s),a=this.levels(i)[s][e];R(a)&&E(a)&&(this.setPath([...i,e]),this.cursor={depth:s+1,index:Y(a.items)})}back(){const s=this.drawnPath(),e=this.active(s,this.levels(s));if(this.drill){if(!s.length)return;return this.setPath(s.slice(0,-1)),void(this.cursor={depth:s.length-1,index:s[s.length-1]})}e.depth<s.length&&s[e.depth]===e.index?this.setPath(s.slice(0,e.depth)):e.depth>0&&(this.cursor={depth:e.depth-1,index:s[e.depth-1]})}move(s){const e=this.drawnPath(),i=this.levels(e),a=this.active(e,i),t=i[a.depth],c=t.length;let o=a.index<0?s>0?-1:c:a.index;for(let e=0;e<c;e++)if(o=(o+s+c)%c,R(t[o]))return void(this.cursor={depth:a.depth,index:o})}activate(){const s=this.drawnPath(),e=this.levels(s),i=this.active(s,e),a=e[i.depth][i.index];R(a)&&(E(a)?this.enter(i.depth,i.index):this.commit(a))}onKeyDown=s=>{if(!this.isDisabled&&!this.readOnly)switch(s.key){case"Escape":return void(this.open&&(s.preventDefault(),s.stopPropagation(),this.requestClose("escape",!0)));case"ArrowDown":case"ArrowUp":return s.preventDefault(),this.open?(this.move("ArrowDown"===s.key?1:-1),void this.revealActive()):void this.show();case"ArrowRight":case"ArrowLeft":if(!this.open)return;if(s.preventDefault(),s.key===(H(this.host)?"ArrowLeft":"ArrowRight")){const s=this.drawnPath(),e=this.active(s,this.levels(s));this.enter(e.depth,e.index)}else this.back();return void this.revealActive();case"Home":case"End":{if(!this.open)return;s.preventDefault();const e=this.drawnPath(),i=this.levels(e),a=this.active(e,i),t=i[a.depth];return this.cursor={depth:a.depth,index:"Home"===s.key?Y(t):K(t)},void this.revealActive()}case"Enter":return s.preventDefault(),void(this.open?(this.activate(),this.revealActive()):this.show());case" ":if(s.target!==this.trigger)return;return s.preventDefault(),void(this.open?(this.activate(),this.revealActive()):this.show());case"Tab":return void(this.open&&this.requestClose("outside"));case"Delete":case"Backspace":return void(this.clearable&&s.target===this.trigger&&!P(this.value)&&(s.preventDefault(),this.clearValue()))}};onRowEnter(s,e,i){if(this.drill)return void(R(i)&&(this.cursor={depth:s,index:e}));const a=this.drawnPath().slice(0,s);this.setPath(R(i)&&E(i)?[...a,e]:a),this.cursor={depth:s,index:R(i)?e:-1}}onRowLeave(s,e,i){E(i)||this.cursor.depth===s&&this.cursor.index===e&&(this.cursor={depth:s,index:-1})}onRowClick(s,e,i){R(i)&&(E(i)?this.drill?this.enter(s,e):(this.setPath([...this.drawnPath().slice(0,s),e]),this.cursor={depth:s,index:e}):this.commit(i))}rowId(s,e){return`${this.fieldId}-${s}-${e}`}renderRows(s,e,i,a,c){return s.length?s.map(((o,n)=>{const r=E(o),l=!!o.disabled,h=r&&!this.drill&&e<i.length&&i[e]===n,f=!r&&o===c;return t("div",{id:this.rowId(e,n),key:`${e}-${n}`,role:"treeitem","aria-level":e+1,"aria-posinset":n+1,"aria-setsize":s.length,"aria-expanded":r?h?"true":"false":null,"aria-owns":h?`${this.fieldId}-l${e+1}`:null,"aria-selected":r?null:f?"true":"false","aria-disabled":l?"true":null,class:{"sui-popup-option":!0,row:!0,branch:r,selected:f,disabled:l,hover:h||a.depth===e&&a.index===n,keynav:this.keyNav&&a.depth===e&&a.index===n},onMouseEnter:()=>this.onRowEnter(e,n,o),onMouseLeave:()=>this.onRowLeave(e,n,o),onClick:()=>this.onRowClick(e,n,o)},o.icon?t("i",{class:o.icon+" icon","aria-hidden":"true"}):null,t("span",{class:"sui-popup-option-label"},o.label),r?t(d,{glyph:u,class:"sub"}):f?t(d,{glyph:p}):null)})):t("div",{class:"sui-popup-empty"},q(void 0,"cascade-select.empty",this.emptyMessage,"Nothing here yet."))}renderValue(s){const e=q(void 0,"cascade-select.placeholder",this.placeholder,"Select");return s?this.showPath&&s.trail.length?t("span",{class:"val path"},t("span",{class:"trail"},s.trail.map((s=>s.label)).join(" / ")," / "),t("span",{class:"leaf"},s.node.label)):t("span",{class:"val"},s.node.label):t("span",{class:"val"},e)}render(){const s=this.drawnPath(),e=this.levels(s),i=this.active(s,e),a=this.picked(),c=a?a.node:void 0,u=this.open||this.closing,p=this.drill?s.length:0,x=this.drill&&s.length?e[s.length-1][s[s.length-1]]:void 0;let b;this.open&&R(e[i.depth][i.index])&&(b=this.rowId(i.depth,i.index));const m=this.invalid||!!this.error,k=B.includes(this.size)?this.size:"md",y=this.clearable&&!P(this.value)&&!this.isDisabled&&!this.readOnly,w=this.isQuiet,z=w?{"sui-inline":!0,[k]:!0,open:this.open,shell:this.open,invalid:m,placeholder:!a,readonly:this.readOnly,inverse:"inverse"===this.tone}:{"sui-popup-trigger":!0,"sui-frame":!0,[k]:!0,focus:this.focused,open:this.open,invalid:m,placeholder:!a,readonly:this.readOnly};return this.flyouts=[],t(n,{key:"f9b85c12d21eae096232b10f47c1e70078371236",label:w?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},t("div",{key:"2134f5fda3516daa43f4cc16b35960f96d11504a",class:{wrap:!0,inline:w},onKeyDown:this.onKeyDown},t("button",{key:"d7bda4f477576ca10c3e5d29fee997226f88e561",ref:s=>this.trigger=s,id:this.fieldId,class:z,type:"button",disabled:this.isDisabled,role:"combobox","aria-label":w?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-haspopup":"tree","aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-menu","aria-activedescendant":b,"aria-invalid":m?"true":null,"aria-describedby":o(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-keyshortcuts":y?"Delete":null,"aria-busy":this.loading?"true":null,onClick:()=>this.open?this.requestClose("trigger"):this.show(),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},c&&c.icon?t("i",{class:c.icon+" icon","aria-hidden":"true"}):null,this.renderValue(a),y?t("span",{class:"clear","aria-hidden":"true",onClick:this.clear},t(d,{glyph:h})):null,t(d,this.loading?{glyph:f,class:"spin sui-popup-spin"}:{glyph:v,class:"chev"})),u?t("div",{key:"layer",ref:s=>this.layer=s,class:"layer"},t("div",{key:"root",ref:s=>this.panel=s,class:{"sui-popup-panel":!0,groups:!0,drilled:!!x,closing:this.closing},inert:this.closing,role:"presentation"},x?t("button",{type:"button",class:"back",tabindex:-1,"aria-label":M(void 0,"menu.backFrom",void 0,"Back from {label}",{label:x.label||""}),onMouseDown:s=>s.preventDefault(),onClick:()=>this.back()},t(d,{glyph:g}),t("span",null,x.label)):null,t("div",{id:this.fieldId+"-menu",role:"tree","aria-label":this.label||this.hostLabel,"aria-busy":this.loading?"true":null},this.loading?t(r,{message:q(void 0,"cascade-select.loading",this.loadingMessage,"Loading")}):null,this.loading?null:this.renderRows(e[p],p,s,i,c))),this.drill?null:s.map(((a,o)=>{const n=o+1;return t("div",{key:"l"+n,ref:s=>this.flyouts[n]=s,id:`${this.fieldId}-l${n}`,class:{"sui-popup-panel":!0,items:!0,closing:this.closing},inert:this.closing,role:"group","aria-label":e[o][a].label},this.renderRows(e[n],n,s,i,c))}))):null,t(l,{key:"f8b2cec9856b237e4e4293976defdb41ca284b3a",message:this.open&&this.loading?q(void 0,"cascade-select.loading",this.loadingMessage,"Loading"):""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}],openPath:[{onPathChange:0}]}}static get style(){return".sc-sui-cascade-select-h{display:block;font-family:var(--font-sans);min-width:0}.sui-popup-trigger.readonly.sc-sui-cascade-select:not(:disabled){cursor:default}.wrap.sc-sui-cascade-select{position:relative}.wrap.inline.sc-sui-cascade-select{display:flex;align-items:flex-start}.layer.sc-sui-cascade-select{position:fixed;top:0;left:0;width:0;height:0;z-index:var(--z-dropdown)}.sui-popup-panel.groups.sc-sui-cascade-select{width:max-content;min-width:220px}.sui-popup-panel.items.sc-sui-cascade-select{min-width:200px;width:max-content}.back.sc-sui-cascade-select{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;margin:0 0 4px;position:sticky;top:0;z-index:1;border:none;border-bottom:1px solid var(--hairline);border-radius:6px 6px 0 0;background:var(--surface-raised);font:inherit;font-size:13px;font-weight:650;color:var(--ink);text-align:start;cursor:pointer}.back.sc-sui-cascade-select:hover{background-image:linear-gradient(var(--surface-hover), var(--surface-hover))}.back.sc-sui-cascade-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.back.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--ink-muted)}.back.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select:dir(rtl){transform:scaleX(-1)}.sui-popup-panel.drilled.sc-sui-cascade-select .sui-popup-option.sc-sui-cascade-select{scroll-margin-top:44px}.sui-popup-option.row.sc-sui-cascade-select{white-space:nowrap}.sui-popup-option.sc-sui-cascade-select .sub.sc-sui-cascade-select{font-size:9px;color:var(--ink-faint)}.sui-popup-option.sc-sui-cascade-select .sub.sc-sui-cascade-select:dir(rtl){transform:scaleX(-1)}.sui-popup-option.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-popup-trigger.sc-sui-cascade-select .icon.sc-sui-cascade-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-popup-option.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-popup-option.disabled.sc-sui-cascade-select .sub.sc-sui-cascade-select,.sui-popup-trigger.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select{color:var(--ink-placeholder)}.val.path.sc-sui-cascade-select{display:flex;min-width:0}.val.path.sc-sui-cascade-select .trail.sc-sui-cascade-select{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:pre}.val.path.sc-sui-cascade-select .leaf.sc-sui-cascade-select{flex:0 0 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (forced-colors: active){.sui-popup-option.selected.sc-sui-cascade-select .icon.sc-sui-cascade-select{color:HighlightText}.sui-popup-option.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-popup-option.disabled.sc-sui-cascade-select .sub.sc-sui-cascade-select,.sui-popup-trigger.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select{color:GrayText}.back.sc-sui-cascade-select:hover{outline:2px solid CanvasText;outline-offset:-2px}}.sui-field.sc-sui-cascade-select{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-cascade-select{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-cascade-select .sui-field-label.sc-sui-cascade-select{color:var(--danger)}.sui-field-req.sc-sui-cascade-select{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-cascade-select{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-cascade-select{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px}.sui-frame.sc-sui-cascade-select{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-cascade-select:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-cascade-select,.sui-frame.readonly.sc-sui-cascade-select{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-cascade-select:focus-within,.sui-frame.focus.sc-sui-cascade-select,.sui-frame.open.sc-sui-cascade-select{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-cascade-select{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-cascade-select:focus-within,.sui-frame.invalid.focus.sc-sui-cascade-select,.sui-frame.invalid.open.sc-sui-cascade-select{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-cascade-select:disabled,.sui-frame.disabled.sc-sui-cascade-select{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-cascade-select{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-cascade-select::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-cascade-select:focus-within,.sui-frame.focus.sc-sui-cascade-select,.sui-frame.open.sc-sui-cascade-select{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-cascade-select:disabled,.sui-frame.disabled.sc-sui-cascade-select{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-cascade-select{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-cascade-select:disabled,.sui-popup-trigger.disabled.sc-sui-cascade-select{cursor:not-allowed}.sui-popup-trigger.sc-sui-cascade-select .val.sc-sui-cascade-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-cascade-select .clear.sc-sui-cascade-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-cascade-select .clear.sc-sui-cascade-select:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-cascade-select .chev.sc-sui-cascade-select{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-cascade-select .chev.sc-sui-cascade-select{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-cascade-select .chev.sc-sui-cascade-select{opacity:0.4}.sui-popup-trigger.sc-sui-cascade-select .spin.sc-sui-cascade-select{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-cascade-select{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-cascade-select{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-cascade-select{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-cascade-select{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-cascade-select{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-cascade-select input.sc-sui-cascade-select{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-cascade-select{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-cascade-select{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-cascade-select{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-cascade-select{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-cascade-select{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-cascade-select{animation-duration:2s}}.sui-popup-spacer.sc-sui-cascade-select{flex:none;pointer-events:none}.sui-popup-option.sc-sui-cascade-select{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-cascade-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-cascade-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-cascade-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-cascade-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-cascade-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-cascade-select{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:GrayText}.sui-popup-option.hover.sc-sui-cascade-select{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-cascade-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{color:HighlightText}.sui-popup-option.disabled.sc-sui-cascade-select{color:GrayText}}.sui-inline.sc-sui-cascade-select{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-cascade-select{min-height:var(--control-sm)}.sui-inline.md.sc-sui-cascade-select{min-height:var(--control-md)}.sui-inline.lg.sc-sui-cascade-select{min-height:var(--control-lg)}.sui-inline.text.sc-sui-cascade-select{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-cascade-select{cursor:default}.sui-inline.sc-sui-cascade-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-cascade-select:focus{outline:none}.sui-inline.sc-sui-cascade-select:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-cascade-select{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-cascade-select{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-cascade-select{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-cascade-select:disabled,.sui-inline.disabled.sc-sui-cascade-select{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select .lead.sc-sui-cascade-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .lead.sc-sui-cascade-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-cascade-select .val.sc-sui-cascade-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:var(--ink-muted)}.sui-inline.sc-sui-cascade-select:disabled.placeholder .val.sc-sui-cascade-select,.sui-inline.disabled.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select:disabled{cursor:not-allowed}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-cascade-select .clear.sc-sui-cascade-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-cascade-select .clear.sc-sui-cascade-select:hover{color:var(--ink)}.sui-inline.sc-sui-cascade-select .chev.sc-sui-cascade-select{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-cascade-select .chev.sc-sui-cascade-select{transform:rotate(180deg)}.sui-inline.sc-sui-cascade-select:hover .clear.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select:focus-visible .clear.sc-sui-cascade-select,.sui-inline.shell.sc-sui-cascade-select .clear.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select:hover .chev.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select:focus-visible .chev.sc-sui-cascade-select,.sui-inline.shell.sc-sui-cascade-select .chev.sc-sui-cascade-select{visibility:visible}.sui-inline.sc-sui-cascade-select .spin.sc-sui-cascade-select{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px}.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select:hover:not(:disabled),.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select:focus-visible,.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select:disabled,.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-cascade-select:hover .clear.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select:focus-within .clear.sc-sui-cascade-select,.sui-inline.text.shell.sc-sui-cascade-select .clear.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select:hover .chev.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select:focus-within .chev.sc-sui-cascade-select,.sui-inline.text.shell.sc-sui-cascade-select .chev.sc-sui-cascade-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-cascade-select:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-cascade-select .chev.sc-sui-cascade-select{visibility:visible}.sui-inline.inverse.text.sc-sui-cascade-select .chev.sc-sui-cascade-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-cascade-select:not(.shell) sui-chip.sc-sui-cascade-select{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-cascade-select{border-color:CanvasText}.sui-inline.sc-sui-cascade-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-cascade-select{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-cascade-select:disabled,.sui-inline.disabled.sc-sui-cascade-select{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .lead.sc-sui-cascade-select{color:GrayText}.sui-inline.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:GrayText}}"}},[578,"sui-cascade-select",{label:[1],help:[1],error:[1],options:[16],placeholder:[1],value:[1032],showPath:[516,"show-path"],disabled:[516],readOnly:[516,"readonly"],invalid:[516],loading:[516],loadingMessage:[1,"loading-message"],emptyMessage:[1,"empty-message"],clearable:[516],size:[513],variant:[513],tone:[513],open:[1540],openPath:[1040],required:[516],name:[513],cursor:[32],keyNav:[32],drill:[32],focused:[32],hostLabel:[32],formDisabled:[32],closing:[32],setFocus:[64]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}],openPath:[{onPathChange:0}]}]),W=I,Q=function(){"undefined"!=typeof customElements&&["sui-cascade-select"].forEach((s=>{"sui-cascade-select"===s&&(customElements.get(c(s))||customElements.define(c(s),I))}))};export{W as SuiCascadeSelect,Q as defineCustomElement}