@shineuix/core 1.0.0 → 1.0.1

package/dist/shineui/{p-773f5e7e.entry.js → p-17c46ba9.entry.js}

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

package/dist/shineui/p-1991d33b.entry.js

@@ -0,0 +1 @@
+import{r as s,c as e,g as i,h as t,a}from"./p-ChCjmDsd.js";import{d as o}from"./p-B3wtlP4_.js";import{u as l}from"./p-U06fVoGD.js";import{G as d,q as r}from"./p-CHznIlgx.js";import{d as n}from"./p-CZ4DDtn8.js";import"./p-lWhwwQJ2.js";const c=class{constructor(i){s(this,i),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3)}get host(){return i(this)}legend="";collapsible=!1;collapsed=!1;disabled=!1;suiOpen;suiClose;mounted=!0;bodyId=l("sui-fieldset-body");reveal;collapseTimer;connectedCallback(){o(this.host,(()=>this.toggleEl()))}componentWillLoad(){this.mounted=!this.collapsed}async setFocus(){this.toggleEl()?.focus()}toggleEl(){return this.host.querySelector("legend.legend > button.toggle")}componentDidLoad(){this.reveal?.addEventListener("transitionend",this.onTransitionEnd)}disconnectedCallback(){void 0!==this.collapseTimer&&this.closed()}onCollapsedChange(s){if(this.stopCollapse(),!s)return void(this.mounted=!0);const e=n("--duration-base",this.host);e>0?this.collapseTimer=setTimeout((()=>this.closed()),e+80):this.mounted=!1}stopCollapse(){void 0!==this.collapseTimer&&clearTimeout(this.collapseTimer),this.collapseTimer=void 0}closed(){this.stopCollapse(),this.collapsed&&(this.mounted=!1)}onTransitionEnd=s=>{s.target===this.reveal&&"grid-template-rows"===s.propertyName&&void 0!==this.collapseTimer&&this.closed()};toggle=()=>{if(this.collapsible)if(this.collapsed)this.collapsed=!1,this.suiOpen.emit();else{if(this.suiClose.emit("trigger").defaultPrevented)return;this.collapsed=!0}};render(){return t(a,{key:"59953dc833a3d4cbd2ba868e8363c4b981fe8bad",class:{collapsed:this.collapsed,closed:!this.mounted,collapsible:this.collapsible}},t("fieldset",{key:"8241f36ad412819cb7cd6235b12251e7137a30a5",class:"set",disabled:this.disabled},t("legend",{key:"be34aced3da1507da5abe4c2d19bbaa16265a99d",class:"legend"},this.collapsible?t("button",{type:"button",class:"toggle","aria-expanded":this.collapsed?"false":"true","aria-controls":this.bodyId,onClick:this.toggle},t(d,{glyph:r,class:"chev"}),t("span",null,this.legend)):t("span",{class:"text"},this.legend)),t("div",{key:"5c009175a6cd8b32dde81e0d6d772185f1ff383b",class:{reveal:!0,open:!this.collapsed},ref:s=>this.reveal=s},this.mounted?t("div",{class:"body",id:this.bodyId},t("div",{class:"content"},t("slot",null))):null)))}static get watchers(){return{collapsed:[{onCollapsedChange:0}]}}};c.style=".sc-sui-fieldset-h{display:block;font-family:var(--font-sans);color:var(--ink)}.set.sc-sui-fieldset{border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:6px 16px 0;margin:0;min-width:0}.closed.sc-sui-fieldset-h .set.sc-sui-fieldset{padding:0 16px 12px}.reveal.sc-sui-fieldset{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base) var(--ease-out)}.reveal.open.sc-sui-fieldset{grid-template-rows:1fr}.body.sc-sui-fieldset{min-height:0;overflow:hidden}.content.sc-sui-fieldset{padding-bottom:16px}.legend.sc-sui-fieldset{padding:0 8px;margin-inline-start:-4px;font-size:12.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:7px;font-family:var(--font-sans);user-select:none}[disabled].sc-sui-fieldset-h .legend.sc-sui-fieldset{color:var(--disabled-ink)}.toggle.sc-sui-fieldset{display:inline-flex;align-items:center;gap:7px;margin:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;font-family:var(--font-sans);cursor:pointer}.toggle.sc-sui-fieldset:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-sm)}.chev.sc-sui-fieldset{font-size:9px;color:var(--ink-faint);transition:transform var(--duration-base) var(--ease-out)}.collapsed.sc-sui-fieldset-h .chev.sc-sui-fieldset{transform:rotate(-90deg)}.collapsed.sc-sui-fieldset-h:dir(rtl) .chev.sc-sui-fieldset{transform:rotate(90deg)}@media (forced-colors: active){[disabled].sc-sui-fieldset-h .legend.sc-sui-fieldset{color:GrayText}}";export{c as sui_fieldset}

package/dist/shineui/{p-1miPaPH6.js → p-1YFx2Hpt.js}

@@ -1 +1 @@
-import{r as i,c as e,g as s,f as t,h as r}from"./p-ChCjmDsd.js";import{F as a,d as n}from"./p-hpOwNlzr.js";import{i as o}from"./p-Cs2X0Kih.js";import{i as d}from"./p-GAnFXayY.js";import{u as c}from"./p-U06fVoGD.js";import{i as l,d as h,s as u,a as p,r as k}from"./p-B3wtlP4_.js";import{k as v,j as f}from"./p--VsCbcYp.js";import{p as b,f as g}from"./p-B6tiG-uD.js";import{k as m}from"./p-CYlxvoVo.js";import{t as x,i as y,b as w,p as D,h as C,d as T,f as z,e as j,w as F}from"./p-DKbCMJi0.js";import{l as A}from"./p-Bks17SqT.js";import{i as M,a as S,l as G}from"./p-lWhwwQJ2.js";import{G as O,f as H,k as $,r as L,ai as E,q}from"./p-DGU97JSr.js";import{f as B}from"./p-CGWvlrv_.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";import"./p-DHVm09RY.js";const K=["sm","md","lg"],V=43200,I=x,P=y,R=T,W=i=>new Date(i.getFullYear(),i.getMonth(),i.getDate()),Y=(i,e)=>!!i&&!!e&&i.getFullYear()===e.getFullYear()&&i.getMonth()===e.getMonth()&&i.getDate()===e.getDate(),N=(i,e)=>new Date(i.getFullYear(),i.getMonth(),i.getDate()+e),U=(i,e)=>{const s=new Date(i.getFullYear(),i.getMonth()+e,1);return new Date(s.getFullYear(),s.getMonth(),Math.min(i.getDate(),R(s.getFullYear(),s.getMonth())))};let X,J,Q,_,Z,ii,ei,si,ti,ri,ai,ni=!1;const oi=()=>X??=import("./p-CSPVrtqf.js").then((i=>{({atTimeOfDay:J,formatDateTime:Q,formatTimeOfDay:_,hasTimeOfDay:Z,isoDateTime:ii,parseTime:ei,readDateTime:si,timeOfDay:ti,toLocalDateTime:ri,uses24HourClock:ai}=i),ni=!0}),(()=>{X=void 0})),di=(i,e)=>{const s=ri(i);return s&&!Z(i)&&e?J(s,86340):s},ci=class{constructor(s){i(this,s),this.suiChange=e(this,"suiChange",7),this.suiMonthChange=e(this,"suiMonthChange",3),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}get host(){return s(this)}internals;label;help;error;value;range=!1;showTime=!1;hourFormat;timeStep=30;minTime;maxTime;dateFormat="medium";locale;firstDayOfWeek;placeholder;minDate;maxDate;disabledDates;disabledDays;disabled=!1;readOnly=!1;invalid=!1;size="md";variant="default";tone;open=!1;inline=!1;todayDate;presets;required=!1;name;suiChange;suiMonthChange;suiOpen;suiClose;hostLabel;stopAria;val=null;rng=[];viewY=2026;viewM=0;cursor=new Date;timeCursor=null;hoverKey="";gridFocused=!1;text="";editing=!1;typedError="";formDisabled=!1;fieldId=c("sui-date");input;box;chev;panel;timeList;gridEl;pendingFocus=!1;pendingTimeFocus=!1;pendingTimeScroll=!1;selfWrite=!1;focusOnOpen=!1;focused=!1;settling=!1;initial;limits={lo:null,hi:null,loAt:null,hiAt:null,off:new Set,days:[]};closing=!1;popup=b({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){l(this.host,this.internals),h(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=o(this.host,(i=>{this.hostLabel=i})),this.open&&!this.inline&&this.panel&&t(this)}componentWillLoad(){if(this.initial=this.value,this.showTime&&!ni)return oi().then((()=>this.firstSync()));this.firstSync()}firstSync(){this.syncLimits(),this.syncFromValue(),this.syncText();const i=W(this.val||this.rng[0]||this.today());this.setView(i.getFullYear(),i.getMonth(),!0),this.cursor=i,this.syncForm()}componentDidLoad(){this.syncForm(),this.inline&&this.timed&&this.scrollTime(!0)}componentDidRender(){this.syncForm(),this.open&&!this.inline&&this.afterOpen(),this.pendingFocus&&(this.pendingFocus=!1,this.dayButton(this.cursor)?.focus()),this.pendingTimeFocus?(this.pendingTimeFocus=!1,this.activeTimeRow()?.focus({preventScroll:!0}),this.scrollTime(!1)):this.pendingTimeScroll&&(this.pendingTimeScroll=!1,this.scrollTime(!0))}disconnectedCallback(){this.popup.disconnect()&&(this.closing=!1),this.stopAria?.()}syncLimits(){this.limits={lo:I(this.minDate),hi:I(this.maxDate),loAt:ni?di(this.minDate,!1):null,hiAt:ni?di(this.maxDate,!0):null,off:new Set((this.disabledDates||[]).map((i=>I(i))).filter((i=>!!i)).map(P)),days:this.disabledDays||[]}}onValueChange(){this.syncFromValue(),this.timeCursor=null,this.timed&&!this.selfWrite&&(this.inline||this.open)&&(this.pendingTimeScroll=!0),this.focused||this.settling||(this.editing=!1,this.typedError=""),this.syncText();const i=this.val||this.rng[0];i&&!this.open&&(this.setView(i.getFullYear(),i.getMonth()),this.cursor=W(i)),this.syncForm()}onSpellingChange(){this.syncText(),this.typedError&&this.syncForm()}onShowTimeChange(){!this.showTime||ni?(this.syncLimits(),this.syncFromValue(),this.editing=!1,this.typedError="",this.timeCursor=null,this.syncText(),this.syncForm()):oi().then((()=>{ni&&this.onShowTimeChange()}))}syncForm(){const i=this.range?this.rng.length<2:!this.val,e=this.range?2===this.rng.length?`${P(this.rng[0])},${P(this.rng[1])}`:"":this.val?this.enc(this.val):"";u(this.internals,this.isDisabled?null:e),this.typedError&&!this.isDisabled?p(this.internals,{badInput:!0},this.typedError,this.input):k(this.internals,this.required&&!this.isDisabled&&!this.readOnly,i,this.label,this.input,this.error)}onOpenChange(i){this.inline||(i?(this.popup.reopen(),this.closing=!1,this.timeCursor=null,this.cursor=W(this.val||this.rng[0]||this.today()),this.setView(this.cursor.getFullYear(),this.cursor.getMonth())):(this.hoverKey="",this.focusOnOpen=!1,this.closing=this.popup.close()))}formResetCallback(){this.editing=!1,this.typedError="",this.value=this.initial,this.initial||(this.val=null,this.rng=[]),this.syncText(),this.input&&(this.input.value=this.text),this.syncForm()}formDisabledCallback(i){this.formDisabled=B(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}get isQuiet(){return"quiet"===this.variant}get timed(){return this.showTime&&!this.range&&ni}get loc(){return M(this.locale)}get h24(){return"24"===this.hourFormat||"12"!==this.hourFormat&&ai(this.loc)}firstDay(){const i=Number(this.firstDayOfWeek);return null!=this.firstDayOfWeek&&Number.isFinite(i)?(Math.round(i)%7+7)%7:A(this.loc)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.inline?this.dayButton(this.cursor):this.input}today(){return I(this.todayDate)||I(new Date)}now(){if(Z(this.todayDate)&&ri(this.todayDate))return ri(this.todayDate);const i=new Date;return J(this.today(),3600*i.getHours()+60*i.getMinutes())}fmt(i){return w(i,this.loc,this.dateFormat)}fmtValue(i){return this.timed?Q(i,this.loc,this.dateFormat,this.h24):this.fmt(i)}enc(i){return this.timed?ii(i):P(i)}syncFromValue(){const i=this.value;if(this.range){const e=(Array.isArray(i)?i:i?[i]:[]).map((i=>I(i))).filter((i=>!!i)).slice(0,2);e.sort(((i,e)=>i.getTime()-e.getTime())),this.rng=e,this.val=null}else{const e=Array.isArray(i)?i[0]:i;this.val=this.timed?ri(e):I(e),this.rng=[]}}syncText(){this.editing||(this.text=this.display())}setView(i,e,s=!1){const t=new Date(i,e,1);t.getFullYear()===this.viewY&&t.getMonth()===this.viewM||(this.viewY=t.getFullYear(),this.viewM=t.getMonth(),s||this.suiMonthChange.emit({year:this.viewY,month:this.viewM}))}dayDisabled(i){const e=W(i),{lo:s,hi:t,off:r,days:a}=this.limits;return!!(s&&e.getTime()<s.getTime())||!!(t&&e.getTime()>t.getTime())||!!a.includes(e.getDay())||!!r.has(P(e))||this.timed&&!this.dayWindow(e)}timeWindow(){const i=ei(this.minTime)??0,e=ei(this.maxTime)??86340;return[i,Math.max(i,e)]}dayWindow(i){let[e,s]=this.timeWindow();const{loAt:t,hiAt:r}=this.limits;return t&&Y(i,t)&&(e=Math.max(e,ti(t))),r&&Y(i,r)&&(s=Math.min(s,ti(r))),t&&W(i).getTime()<W(t).getTime()||r&&W(i).getTime()>W(r).getTime()?null:e<=s?[e,s]:null}timeDisabled(i,e){if(this.dayDisabled(i))return!0;const s=this.dayWindow(i);return e<s[0]||e>s[1]}keptTime(i){const e=this.dayWindow(i)||this.timeWindow();return this.val?((i,[e,s])=>Math.min(Math.max(i,e),s))(ti(this.val),e):e[0]}timeDay(){return W(this.val||this.cursor)}timeOptions(){const[i,e]=this.timeWindow(),s=60*Math.max(1,Math.round(this.timeStep>0?this.timeStep:30)),t=[];for(let r=i;r<=e;r+=s)t.push(r);const r=this.val?ti(this.val):null;return null!=r&&r>=i&&r<=e&&!t.includes(r)&&(t.push(r),t.sort(((i,e)=>i-e))),t}activeTime(i){if(null!=this.timeCursor&&i.includes(this.timeCursor))return this.timeCursor;const e=this.val?ti(this.val):null;if(null!=e&&i.includes(e))return e;const s=this.timeDay();return i.find((i=>!this.timeDisabled(s,i)))??i[0]}activeTimeRow(){return this.timeList?.querySelector('[role="option"][tabindex="0"]')}scrollTime(i){const e=this.timeList,s=this.activeTimeRow()||this.timeList?.querySelector('[role="option"]');if(!e||!s)return;const t=s.offsetTop||0,r=s.offsetHeight||0,a=t+r;i?e.scrollTop=Math.max(0,t-((e.clientHeight||0)-r)/2):t<e.scrollTop?e.scrollTop=t:a>e.scrollTop+e.clientHeight&&(e.scrollTop=a-e.clientHeight)}dayButton(i){return this.panel?.querySelector(`[data-day="${P(i)}"]`)}afterOpen(){this.open&&!this.inline&&this.input&&this.popup.open(this.panel)&&(this.timed&&this.scrollTime(!0),this.focusOnOpen&&(this.focusOnOpen=!1,g((()=>this.dayButton(this.cursor)),(()=>this.open))))}reposition(){const i=this.box||this.input?.parentElement;i&&this.panel&&v(this.panel,f(i,this.panel,"bottom",6,"start"))}show(){this.open||this.inline||this.isDisabled||this.readOnly||(this.open=!0,m(this.host,this.chev),this.suiOpen.emit())}requestClose(i,e=!1){return!(this.inline||!this.open||this.suiClose.emit(i).defaultPrevented||(this.open=!1,e&&this.input?.focus(),0))}commitSingle(i,e){const s=this.enc(i);this.val=i,this.cursor=W(i),this.timeCursor=null,this.selfWrite=!0,this.value=s,this.selfWrite=!1,this.suiChange.emit(s),e&&this.requestClose("pick",!0)}commitRange(i,e){const[s,t]=i.getTime()<=e.getTime()?[i,e]:[e,i];this.rng=[s,t],this.value=[P(s),P(t)],this.suiChange.emit([P(s),P(t)])}pick(i){const e=W(i);this.isDisabled||this.readOnly||this.dayDisabled(e)||(this.cursor=e,this.range?1!==this.rng.length?this.rng=[e]:this.commitRange(this.rng[0],e):(this.editing=!1,this.typedError="",this.timed?this.commitSingle(J(e,this.keptTime(e)),!1):this.commitSingle(e,!this.inline),this.syncText(),this.syncForm()))}pickTime(i){const e=this.timeDay();this.isDisabled||this.readOnly||this.timeDisabled(e,i)||(this.editing=!1,this.typedError="",this.commitSingle(J(e,i),!this.inline),this.syncText(),this.syncForm())}pickToday=()=>{const i=this.today();this.readOnly||this.dayDisabled(i)||(this.setView(i.getFullYear(),i.getMonth()),this.cursor=i,this.range?this.pendingFocus=!0:this.pick(i))};nowBarred(i){return this.timeDisabled(W(i),ti(i))}pickNow=()=>{const i=this.now();this.isDisabled||this.readOnly||this.nowBarred(i)||(this.setView(i.getFullYear(),i.getMonth()),this.editing=!1,this.typedError="",this.commitSingle(i,!this.inline),this.syncText(),this.syncForm())};clear=()=>{if(this.readOnly)return;const i=this.range?this.rng.length>0:!!this.val;this.val=null,this.rng=[],this.timeCursor=null,this.editing=!1,this.typedError="",this.value=this.range?[]:"",this.syncText(),this.syncForm(),i&&this.suiChange.emit(this.range?[]:"")};applyPreset(i){const e=I(i.range[0]),s=I(i.range[1]);e&&s&&(this.commitRange(e,s),this.setView(e.getFullYear(),e.getMonth()),this.cursor=e)}presetActive(i){return 2===this.rng.length&&Y(this.rng[0],I(i.range[0]))&&Y(this.rng[1],I(i.range[1]))}navigate(i){this.setView(this.viewY,this.viewM+i),this.cursor.getFullYear()===this.viewY&&this.cursor.getMonth()===this.viewM||(this.cursor=new Date(this.viewY,this.viewM,1))}moveCursor(i){this.cursor=i,this.setView(i.getFullYear(),i.getMonth()),this.pendingFocus=!0}parseTyped(i){if(!this.timed)return D(i,this.loc,this.dateFormat,this.today());const e=si(i,this.loc,this.h24,(i=>C(i,this.loc)?D(i,this.loc,this.dateFormat,this.today()):void 0));if(null===e.date||null===e.time||void 0===e.date&&void 0===e.time)return null;const s=e.date??(this.val?W(this.val):null);if(!s)return null;if(void 0===e.time)return J(s,this.keptTime(s));let t=e.time-e.time%60;if(e.bare){const i=this.dayWindow(s)||this.timeWindow();this.val?t=ti(this.val)>=V?t+V:t:(t<i[0]||t>i[1])&&(t+=V)}return J(s,t)}typedBarred(i){return this.timed?this.timeDisabled(W(i),ti(i)):this.dayDisabled(i)}sameValue(i,e){return this.timed?!!e&&i.getTime()===e.getTime():Y(i,e)}onInput=i=>{const e=i.target.value;this.editing=!0,this.text=e;const s=this.parseTyped(e);!this.typedError||!s&&e.trim()||(this.typedError="",this.syncForm()),s&&this.open&&!this.dayDisabled(s)&&(this.cursor=W(s),this.setView(s.getFullYear(),s.getMonth()))};commitTyped(){if(this.range||!this.editing)return!!this.val;const i=this.text.trim();if(!i)return this.editing=!1,this.typedError="",this.val&&(this.val=null,this.value="",this.suiChange.emit("")),this.syncText(),this.syncForm(),!1;const e=this.parseTyped(i);return!e||this.typedBarred(e)?(this.typedError=e?S(void 0,"date-picker.cannotBePicked",void 0,"{date} cannot be picked.",{date:this.fmtValue(e)}):this.timed?S(void 0,"date-picker.enterADateTimeLike",void 0,"Enter a date and time like {date}.",{date:this.fmtValue(J(this.today(),52200))}):S(void 0,"date-picker.enterADateLike",void 0,"Enter a date like {date}.",{date:this.fmt(this.today())}),this.val&&(this.val=null,this.settling=!0,this.value="",this.settling=!1,this.suiChange.emit("")),this.syncForm(),!1):(this.editing=!1,this.typedError="",this.sameValue(e,this.val)?this.cursor=W(e):this.commitSingle(e,!1),this.syncText(),this.syncForm(),!0)}onFieldClick=()=>{this.isDisabled||this.readOnly||this.open||this.show()};onBoxClick=i=>{const e=i.target;e===this.input||this.chev?.contains(e)||this.isDisabled||(this.input?.focus(),this.onFieldClick())};onFieldFocus=()=>{this.focused=!0};onFieldBlur=()=>{this.commitTyped(),this.focused=!1};onGridKeyDown=i=>{if(this.isDisabled||this.readOnly)return;const e=this.cursor,s=d(this.host)?-1:1;switch(i.key){case"ArrowLeft":this.moveCursor(N(e,-s));break;case"ArrowRight":this.moveCursor(N(e,s));break;case"ArrowUp":this.moveCursor(N(e,-7));break;case"ArrowDown":this.moveCursor(N(e,7));break;case"Home":this.moveCursor(new Date(e.getFullYear(),e.getMonth(),1));break;case"End":this.moveCursor(new Date(e.getFullYear(),e.getMonth(),R(e.getFullYear(),e.getMonth())));break;case"PageUp":this.moveCursor(U(e,i.shiftKey?-12:-1));break;case"PageDown":this.moveCursor(U(e,i.shiftKey?12:1));break;case"Enter":case" ":this.pick(e);break;default:return}i.preventDefault()};onGridFocus=()=>{Promise.resolve().then((()=>{const i="function"==typeof this.gridEl?.getRootNode?this.gridEl.getRootNode():void 0,e=i&&"activeElement"in i?i.activeElement:"undefined"!=typeof document?document.activeElement:null,s=!!this.gridEl&&!!e&&this.gridEl.contains(e);s!==this.gridFocused&&(this.gridFocused=s)}))};onTimeKeyDown=i=>{if(this.isDisabled||this.readOnly)return;const e=this.timeOptions(),s=this.activeTime(e);if(null==s)return;const t=e.indexOf(s);let r;switch(i.key){case"ArrowDown":r=Math.min(e.length-1,t+1);break;case"ArrowUp":r=Math.max(0,t-1);break;case"Home":r=0;break;case"End":r=e.length-1;break;case"Enter":case" ":return i.preventDefault(),void this.pickTime(s);default:return}i.preventDefault(),this.timeCursor=e[r],this.pendingTimeFocus=!0};onPanelKey=i=>{this.isDisabled||this.readOnly||this.inline||("Escape"!==i.key?this.popup.tab(i,(()=>this.requestClose("outside"))):this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape",!0)))};onWrapKeyDown=i=>{if(this.isDisabled||this.readOnly||this.inline)return;if(this.panel&&this.panel.contains(i.target))return;if("Escape"===i.key)return void(this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape",!0)));const e=i.target===this.chev;if(i.target===this.input||e)if("ArrowDown"===i.key||"ArrowUp"===i.key)i.preventDefault(),this.focusOnOpen=!0,this.open?this.dayButton(this.cursor)?.focus():this.show();else if("Enter"===i.key){if(e)return void(this.focusOnOpen=!0);if(this.range)return i.preventDefault(),this.focusOnOpen=!0,void(this.open?this.requestClose("trigger"):this.show());this.open&&i.preventDefault(),this.commitTyped()&&this.open&&this.requestClose("pick",!0)}else" "===i.key&&e?this.focusOnOpen=!0:"Tab"===i.key&&this.open&&(e?!i.shiftKey:i.shiftKey)&&this.requestClose("trigger")};display(){return this.range?2===this.rng.length?`${this.fmt(this.rng[0])} – ${this.fmt(this.rng[1])}`:1===this.rng.length?`${this.fmt(this.rng[0])} – …`:"":this.fmtValue(this.val)}renderFoot(){const i=this.timed,e=this.today(),s=i?this.nowBarred(this.now()):this.dayDisabled(e);return r("div",{class:"cal-foot"},r("button",{type:"button",class:"link today-link",disabled:this.isDisabled||s,onClick:i?this.pickNow:this.pickToday},i?G(void 0,"date-picker.now",void 0,"Now"):G(void 0,"date-picker.today",void 0,"Today")),r("button",{type:"button",class:"link clear-link",disabled:this.isDisabled,onClick:this.clear},G(void 0,"date-picker.clear",void 0,"Clear")))}renderCalendar(){const i=this.today(),e=this.viewY,s=this.viewM,t=this.firstDay(),a=(new Date(e,s,1).getDay()-t+7)%7,n=R(e,s),o=[];for(let i=0;i<a;i++)o.push(null);for(let i=1;i<=n;i++)o.push(new Date(e,s,i));for(;o.length%7;)o.push(null);const d=[];for(let i=0;i<o.length;i+=7)d.push(o.slice(i,i+7));const c=i=>this.range&&2===this.rng.length&&i>this.rng[0]&&i<this.rng[1];let l=null,h=null,u=!1;if(this.range&&2===this.rng.length)[l,h]=[this.rng[0],this.rng[1]];else if(this.range&&1===this.rng.length){const i=this.hoverKey?x(this.hoverKey):this.gridFocused?W(this.cursor):null;i&&!Y(i,this.rng[0])&&(u=!0,[l,h]=i<this.rng[0]?[i,this.rng[0]]:[this.rng[0],i])}const p=z(e,s,this.loc),k=j(this.loc),v=F(this.loc,"long"),f=!!this.limits.lo&&new Date(e,s,0).getTime()<this.limits.lo.getTime(),b=!!this.limits.hi&&new Date(e,s+1,1).getTime()>this.limits.hi.getTime();return r("div",{class:"cal"},r("div",{class:"cal-head"},r("button",{type:"button",class:"nav","aria-label":G(void 0,"date-picker.previousMonth",void 0,"Previous month"),disabled:this.isDisabled||f,onClick:()=>this.navigate(-1)},r(O,{glyph:H})),r("span",{class:"cal-title","aria-live":"polite"},p),r("button",{type:"button",class:"nav","aria-label":G(void 0,"date-picker.nextMonth",void 0,"Next month"),disabled:this.isDisabled||b,onClick:()=>this.navigate(1)},r(O,{glyph:$}))),r("div",{class:{grid:!0,previewing:u},role:"grid","aria-label":p,ref:i=>this.gridEl=i,onKeyDown:this.onGridKeyDown,onFocusin:this.onGridFocus,onFocusout:this.onGridFocus},r("div",{class:"row",role:"row"},k.map(((i,e)=>{const s=(t+e)%7;return r("div",{key:`h${s}`,class:"dow",role:"columnheader","aria-label":v[s]},k[s])}))),d.map(((e,s)=>r("div",{key:`w${s}`,class:"row",role:"row"},e.map(((t,a)=>{if(!t)return r("div",{key:`e${s}-${a}`,class:"cell empty",role:"gridcell"});const n=this.range?Y(t,this.rng[0])||Y(t,this.rng[1]):Y(t,this.val),o=Y(t,i),d=P(t),u=Y(t,this.cursor),p=this.dayDisabled(t),k=(i=>!!l&&!!h&&!Y(l,h)&&i>=W(l)&&i<=W(h))(t),v=k&&Y(t,l),f=k&&Y(t,h),b=0===a||!e[a-1],g=6===a||!e[a+1],m=k&&(v||b),x=k&&(f||g);return r("button",{key:d,type:"button",role:"gridcell","data-day":d,class:{day:!0,sel:n,"in-range":c(t),hover:this.hoverKey===d,today:o,cursor:u,band:k,"run-start":m,"run-end":x,"band-from":k&&n&&v&&!g,"band-to":k&&n&&f&&!b},tabIndex:u&&!this.isDisabled?0:-1,"aria-selected":n?"true":"false","aria-current":o?"date":null,"aria-disabled":p?"true":null,"aria-label":this.fmt(t),disabled:this.isDisabled,onClick:()=>this.pick(t),onMouseEnter:()=>this.hoverKey=p?"":d,onMouseLeave:()=>this.hoverKey=""},t.getDate(),o&&!n?r("span",{class:"dot","aria-hidden":"true"}):null)})))))),this.timed?null:this.renderFoot())}renderTime(){const i=this.timeOptions(),e=this.timeDay(),s=this.val?ti(this.val):null,t=this.activeTime(i),a=`${this.fieldId}-time`;return r("div",{class:"time"},r("div",{class:"time-head",id:a},G(void 0,"date-picker.time",void 0,"Time")),r("div",{class:"time-body"},r("div",{ref:i=>this.timeList=i,class:"time-list",role:"listbox",tabIndex:-1,"aria-labelledby":a,"aria-disabled":this.isDisabled?"true":null,onKeyDown:this.onTimeKeyDown},i.map((i=>{const a=s===i,n=this.timeDisabled(e,i);return r("div",{key:`t${i}`,role:"option","data-time":i,class:{option:!0,selected:a},tabIndex:i!==t||this.isDisabled?-1:0,"aria-selected":a?"true":"false","aria-disabled":n||this.isDisabled?"true":null,onClick:()=>this.pickTime(i)},r("span",{class:"option-label"},_(i,this.loc,this.h24)),a?r(O,{glyph:L}):null)})))))}renderPanel(){const i=this.range&&this.presets&&this.presets.length?this.presets:null,e=this.timed;return r("div",{key:"panel",ref:i=>this.panel=i,id:`${this.fieldId}-panel`,class:{panel:!0,inline:this.inline,"with-presets":!!i,"with-time":e,closing:this.closing},inert:this.closing,role:this.inline?"group":"dialog","aria-label":this.label||G(void 0,"date-picker.calendar",void 0,"Calendar"),onKeyDown:this.onPanelKey},i?r("div",{class:"presets"},i.map((i=>r("button",{key:i.label,type:"button",class:{preset:!0,active:this.presetActive(i)},"aria-pressed":this.presetActive(i)?"true":"false",disabled:this.isDisabled,onClick:()=>this.applyPreset(i)},i.label)))):null,e?r("div",{class:"cal-time"},this.renderCalendar(),this.renderTime()):this.renderCalendar(),e?this.renderFoot():null)}render(){const i=this.error||this.typedError||void 0;if(this.inline)return r(a,{label:this.label,required:this.required,help:this.help,error:i,descId:this.fieldId},r("div",{class:{"sui-date-picker":!0,disabled:this.isDisabled}},this.renderPanel()));const e=this.invalid||!!i,s=K.includes(this.size)?this.size:"md",t=this.isQuiet,o=this.range?this.display():this.text,d=this.timed?G(void 0,"date-picker.placeholderDateTime",this.placeholder,"Select date and time"):G(void 0,"date-picker.placeholder",this.placeholder,"Select date"),c=t?{"sui-inline":!0,text:!0,[s]:!0,invalid:e,disabled:this.isDisabled,readonly:this.readOnly,shell:this.open||this.focused,inverse:"inverse"===this.tone}:{trigger:!0,"sui-frame":!0,[s]:!0,open:this.open,invalid:e,disabled:this.isDisabled,readonly:this.readOnly},l=r("input",{ref:i=>this.input=i,id:this.fieldId,class:"val",type:"text",size:t?1:void 0,value:o,placeholder:d,readOnly:this.range||this.readOnly,disabled:this.isDisabled,autocomplete:"off",role:"combobox","aria-readonly":this.readOnly?"true":null,"aria-label":t?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false","aria-controls":this.open?`${this.fieldId}-panel`:void 0,"aria-invalid":e?"true":null,"aria-describedby":n(this.fieldId,this.help,i),"aria-required":this.required?"true":null,onInput:this.onInput,onClick:this.onFieldClick,onFocus:this.onFieldFocus,onBlur:this.onFieldBlur});return r(a,{label:t?void 0:this.label,required:this.required,help:this.help,error:i,htmlFor:this.fieldId,descId:this.fieldId},r("div",{class:{"sui-date-picker":!0,open:this.open,inline:t},onKeyDown:this.onWrapKeyDown},r("div",{ref:i=>this.box=i,class:c,onClick:this.onBoxClick},r(O,{glyph:E,class:"lead"}),t?r("span",{class:"fit","data-value":o||d},l):l,r("button",{ref:i=>this.chev=i,type:"button",class:"chev","aria-label":G(void 0,"date-picker.openCalendar",void 0,"Open calendar"),"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false","aria-controls":this.open?`${this.fieldId}-panel`:void 0,disabled:this.isDisabled||this.readOnly,onClick:()=>this.open?this.requestClose("trigger"):this.show()},r(O,{glyph:q}))),this.open||this.closing?this.renderPanel():null))}static get formAssociated(){return!0}static get watchers(){return{minDate:[{syncLimits:0}],maxDate:[{syncLimits:0}],disabledDates:[{syncLimits:0}],disabledDays:[{syncLimits:0}],value:[{onValueChange:0}],dateFormat:[{onSpellingChange:0}],locale:[{onSpellingChange:0}],range:[{onSpellingChange:0}],hourFormat:[{onSpellingChange:0}],showTime:[{onShowTimeChange:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],open:[{onOpenChange:0}]}}};ci.style=".sc-sui-date-picker-h{display:block;min-inline-size:min(180px, 100%);font-family:var(--font-sans)}.sui-date-picker.sc-sui-date-picker{position:relative}.sui-date-picker.inline.sc-sui-date-picker{display:flex;align-items:flex-start}.trigger.sc-sui-date-picker{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 8px;color:var(--ink);font-family:var(--font-sans);font-weight:460;font-feature-settings:'tnum';cursor:text;text-align:start}.trigger.sm.sc-sui-date-picker{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.trigger.md.sc-sui-date-picker{height:var(--sui-field-height, var(--control-md));font-size:13px}.trigger.lg.sc-sui-date-picker{height:var(--sui-field-height, var(--control-lg));font-size:14px}.trigger.disabled.sc-sui-date-picker{cursor:not-allowed}.trigger.sc-sui-date-picker .val.sc-sui-date-picker{flex:1;width:0;min-width:0;height:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;font-feature-settings:'tnum';text-overflow:ellipsis}.trigger.sc-sui-date-picker .val.sc-sui-date-picker::placeholder{color:var(--ink-placeholder)}.trigger.sc-sui-date-picker .val[readonly].sc-sui-date-picker{cursor:pointer}.trigger.sc-sui-date-picker .val.sc-sui-date-picker:disabled{cursor:not-allowed}.trigger.sc-sui-date-picker .lead.sc-sui-date-picker{font-size:12px;color:var(--ink-faint)}.trigger.disabled.sc-sui-date-picker .lead.sc-sui-date-picker{color:var(--ink-placeholder)}.chev.sc-sui-date-picker{flex-shrink:0;width:22px;height:22px;padding:0;border:none;background:transparent;display:var(--sui-field-chevron, inline-flex);align-items:center;justify-content:center;border-radius:var(--radius-xs);color:var(--ink-faint);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.chev.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.chev.sc-sui-date-picker:hover:not(:disabled){color:var(--ink)}.chev.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.chev.sc-sui-date-picker:disabled{color:var(--ink-placeholder);cursor:not-allowed}.open.sc-sui-date-picker .chev.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{transform:rotate(180deg)}.sui-date-picker.sc-sui-date-picker .sui-inline.sc-sui-date-picker{font-feature-settings:'tnum'}.sui-inline.sc-sui-date-picker .val[readonly].sc-sui-date-picker{cursor:pointer}.panel.sc-sui-date-picker{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;width:252px;padding:12px;display:block;gap:12px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);animation:sui-date-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-date-picker{animation-name:sui-date-in-top}.panel.closing.sc-sui-date-picker{animation:sui-date-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-date-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-date-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-date-out{to{opacity:0}}.panel.with-presets.sc-sui-date-picker{width:380px;max-width:calc(100vw - 16px);display:flex}.panel.with-time.sc-sui-date-picker{width:374px;max-width:calc(100vw - 16px)}.panel.inline.sc-sui-date-picker{position:static;background:var(--surface);box-shadow:none;animation:none;z-index:auto}.cal-time.sc-sui-date-picker{display:flex;gap:10px}.time.sc-sui-date-picker{flex:0 0 112px;min-width:0;display:flex;flex-direction:column;border-inline-start:1px solid var(--hairline);padding-inline-start:8px}.time-head.sc-sui-date-picker{flex:none;display:flex;align-items:center;height:26px;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--ink)}.time-body.sc-sui-date-picker{position:relative;flex:1 1 auto}.time-list.sc-sui-date-picker{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;gap:2px}.option.sc-sui-date-picker{flex:none;display:flex;align-items:center;gap:6px;height:30px;padding:0 8px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:460;font-feature-settings:'tnum';white-space:nowrap;color:var(--ink);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.option-label.sc-sui-date-picker{flex:1;min-width:0}.option.sc-sui-date-picker:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.option.selected.sc-sui-date-picker{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.option.selected.sc-sui-date-picker:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.option.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{flex-shrink:0;font-size:11px;color:var(--brand-soft-ink)}.option.sc-sui-date-picker:focus{outline:none}.option.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.option[aria-disabled='true'].sc-sui-date-picker:not(.selected){color:var(--disabled-ink);cursor:not-allowed;background:transparent}.presets.sc-sui-date-picker{width:120px;flex-shrink:0;border-inline-end:1px solid var(--hairline);padding-inline-end:10px;display:flex;flex-direction:column;gap:2px}.preset.sc-sui-date-picker{text-align:start;border:none;background:transparent;color:var(--ink);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);padding:6px 8px;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}.preset.sc-sui-date-picker:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.preset.active.sc-sui-date-picker{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected)}.preset.active.sc-sui-date-picker:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.preset.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.cal.sc-sui-date-picker{flex:1;min-width:0}.cal-head.sc-sui-date-picker{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cal-title.sc-sui-date-picker{font-size:13px;font-weight:700;color:var(--ink)}.nav.sc-sui-date-picker{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)}.nav.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{font-size:11px}.nav.sc-sui-date-picker .sui-glyph.sc-sui-date-picker:dir(rtl){transform:scaleX(-1)}.nav.sc-sui-date-picker:hover:not(:disabled){background:var(--surface-hover);color:var(--ink)}.nav.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.nav.sc-sui-date-picker:disabled{color:var(--ink-placeholder);cursor:not-allowed}.grid.sc-sui-date-picker{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:2px;column-gap:0;--dp-band:var(--brand-soft);--dp-to-end:to right}.grid.sc-sui-date-picker:dir(rtl){--dp-to-end:to left}.grid.previewing.sc-sui-date-picker{--dp-band:var(--surface-hover)}.row.sc-sui-date-picker{display:contents}.dow.sc-sui-date-picker{text-align:center;font-size:10.5px;font-weight:650;color:var(--ink-faint);padding:4px 0;text-transform:uppercase;letter-spacing:0.04em}.cell.empty.sc-sui-date-picker{height:30px}.day.sc-sui-date-picker{position:relative;height:30px;border:none;border-radius:50%;padding:0;background:transparent;color:var(--ink);font-size:12.5px;font-weight:460;font-family:var(--font-sans);font-feature-settings:'tnum';cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.day.hover.sc-sui-date-picker{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.day.sel.sc-sui-date-picker{background:var(--brand);color:var(--brand-contrast);font-weight:700}.day.band.sc-sui-date-picker{--ink-faint:var(--ink-muted);background:var(--dp-band);border-radius:0}.day.band.run-start.sc-sui-date-picker{border-start-start-radius:15px;border-end-start-radius:15px}.day.band.run-end.sc-sui-date-picker{border-start-end-radius:15px;border-end-end-radius:15px}.day.band.hover.sc-sui-date-picker:not(.sel){--ink-faint:var(--ink-muted);background:linear-gradient(var(--surface-hover) 0 0) var(--dp-band)}.day.band.sel.sc-sui-date-picker{background:radial-gradient(closest-side, var(--brand) calc(100% - 1px), transparent 100%);border-radius:0}.day.band.sel.band-from.sc-sui-date-picker{--ink-faint:var(--ink-muted);background:radial-gradient(closest-side, var(--brand) calc(100% - 1px), transparent 100%), linear-gradient(var(--dp-to-end), transparent 50%, var(--dp-band) 50%)}.day.band.sel.band-to.sc-sui-date-picker{--ink-faint:var(--ink-muted);background:radial-gradient(closest-side, var(--brand) calc(100% - 1px), transparent 100%), linear-gradient(var(--dp-to-end), var(--dp-band) 50%, transparent 50%)}.day.sc-sui-date-picker:focus{outline:none}.day.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.day.sc-sui-date-picker:disabled,.day[aria-disabled='true'].sc-sui-date-picker:not(.sel){color:var(--disabled-ink);cursor:not-allowed}.dot.sc-sui-date-picker{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent)}.cal-foot.sc-sui-date-picker{display:flex;justify-content:space-between;border-top:1px solid var(--hairline);margin-top:8px;padding-top:8px}.link.sc-sui-date-picker{border:none;background:transparent;font-size:12px;font-weight:620;cursor:pointer;font-family:var(--font-sans);padding:0;border-radius:var(--radius-xs)}.today-link.sc-sui-date-picker{color:var(--link)}.clear-link.sc-sui-date-picker{color:var(--ink-faint)}.clear-link.sc-sui-date-picker:hover{color:var(--ink)}.link.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.link.sc-sui-date-picker:disabled{color:var(--ink-placeholder);cursor:not-allowed}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker{color:var(--disabled-ink)}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .cal-title.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .day.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .today-link.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .clear-link.sc-sui-date-picker{color:var(--disabled-ink);cursor:not-allowed}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .dow.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .nav.sc-sui-date-picker{color:var(--ink-placeholder);cursor:not-allowed}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .day.sel.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .day.in-range.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .day.band.sc-sui-date-picker{background:var(--disabled-bg)}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .dot.sc-sui-date-picker{background:var(--disabled-ink)}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .time-head.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .option.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .option.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{color:var(--disabled-ink);cursor:not-allowed}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .option.selected.sc-sui-date-picker{background:var(--disabled-bg)}@media (forced-colors: active){.trigger.disabled.sc-sui-date-picker{color:GrayText;border-color:GrayText}.trigger.sc-sui-date-picker .val.sc-sui-date-picker:disabled{color:GrayText}.preset.active.sc-sui-date-picker{forced-color-adjust:none;background:Highlight;color:HighlightText}.preset.active.sc-sui-date-picker:focus-visible{outline-color:CanvasText;box-shadow:none}.day.sc-sui-date-picker{box-sizing:border-box}.day.in-range.sc-sui-date-picker{border:1px solid Highlight}.day.band.sc-sui-date-picker{background:Canvas}.day.band.sel.sc-sui-date-picker,.day.band.sel.band-from.sc-sui-date-picker,.day.band.sel.band-to.sc-sui-date-picker{background:Highlight;border-radius:50%}.day.sel.sc-sui-date-picker{forced-color-adjust:none;background:Highlight;color:HighlightText}.day.sel.sc-sui-date-picker:focus-visible{outline-color:CanvasText;box-shadow:none}.day[aria-disabled='true'].sc-sui-date-picker:not(.sel){color:GrayText}.dot.sc-sui-date-picker{background:CanvasText}.option.sc-sui-date-picker:hover{outline:2px solid Highlight;outline-offset:-2px}.option.selected.sc-sui-date-picker{forced-color-adjust:none;background:Highlight;color:HighlightText}.option.selected.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{color:HighlightText}.option.selected.sc-sui-date-picker:hover,.option.selected.sc-sui-date-picker:focus-visible{outline-color:CanvasText}.option[aria-disabled='true'].sc-sui-date-picker:not(.selected){color:GrayText}}.sui-field.sc-sui-date-picker{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-date-picker{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-date-picker .sui-field-label.sc-sui-date-picker{color:var(--danger)}.sui-field-req.sc-sui-date-picker{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-date-picker{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-date-picker{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-date-picker .sui-glyph.sc-sui-date-picker{font-size:11px}.sui-frame.sc-sui-date-picker{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-date-picker:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-date-picker,.sui-frame.readonly.sc-sui-date-picker{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-date-picker:focus-within,.sui-frame.focus.sc-sui-date-picker,.sui-frame.open.sc-sui-date-picker{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-date-picker{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-date-picker:focus-within,.sui-frame.invalid.focus.sc-sui-date-picker,.sui-frame.invalid.open.sc-sui-date-picker{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-date-picker:disabled,.sui-frame.disabled.sc-sui-date-picker{--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-date-picker{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-date-picker::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-date-picker{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-date-picker{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-date-picker{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-date-picker:focus-within,.sui-frame.focus.sc-sui-date-picker,.sui-frame.open.sc-sui-date-picker{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-date-picker:disabled,.sui-frame.disabled.sc-sui-date-picker{color:GrayText;border-color:GrayText}}.sui-inline.sc-sui-date-picker{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-date-picker{min-height:var(--control-sm)}.sui-inline.md.sc-sui-date-picker{min-height:var(--control-md)}.sui-inline.lg.sc-sui-date-picker{min-height:var(--control-lg)}.sui-inline.text.sc-sui-date-picker{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-date-picker{cursor:default}.sui-inline.sc-sui-date-picker:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-date-picker:focus{outline:none}.sui-inline.sc-sui-date-picker: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-date-picker{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-date-picker{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-date-picker{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-date-picker:disabled,.sui-inline.disabled.sc-sui-date-picker{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-date-picker .icon.sc-sui-date-picker,.sui-inline.sc-sui-date-picker .lead.sc-sui-date-picker{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-date-picker:disabled .icon.sc-sui-date-picker,.sui-inline.disabled.sc-sui-date-picker .icon.sc-sui-date-picker,.sui-inline.disabled.sc-sui-date-picker .lead.sc-sui-date-picker{color:var(--ink-placeholder)}.sui-inline.sc-sui-date-picker .val.sc-sui-date-picker{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-date-picker .val.sc-sui-date-picker{color:var(--ink-muted)}.sui-inline.sc-sui-date-picker:disabled.placeholder .val.sc-sui-date-picker,.sui-inline.disabled.placeholder.sc-sui-date-picker .val.sc-sui-date-picker{color:var(--ink-placeholder)}.sui-inline.sc-sui-date-picker .fit.sc-sui-date-picker{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-date-picker .fit.sc-sui-date-picker::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-date-picker .fit.sc-sui-date-picker input.sc-sui-date-picker{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-date-picker .fit.sc-sui-date-picker input.sc-sui-date-picker::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-date-picker .fit.sc-sui-date-picker input.sc-sui-date-picker:disabled{cursor:not-allowed}.sui-inline.sc-sui-date-picker .fit.sc-sui-date-picker input.sc-sui-date-picker:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-date-picker .clear.sc-sui-date-picker{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-date-picker .clear.sc-sui-date-picker:hover{color:var(--ink)}.sui-inline.sc-sui-date-picker .chev.sc-sui-date-picker{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-date-picker .chev.sc-sui-date-picker{transform:rotate(180deg)}.sui-inline.sc-sui-date-picker:hover .clear.sc-sui-date-picker,.sui-inline.sc-sui-date-picker:focus-visible .clear.sc-sui-date-picker,.sui-inline.shell.sc-sui-date-picker .clear.sc-sui-date-picker,.sui-inline.sc-sui-date-picker:hover .chev.sc-sui-date-picker,.sui-inline.sc-sui-date-picker:focus-visible .chev.sc-sui-date-picker,.sui-inline.shell.sc-sui-date-picker .chev.sc-sui-date-picker{visibility:visible}.sui-inline.sc-sui-date-picker .spin.sc-sui-date-picker{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-date-picker .clear.sc-sui-date-picker,.sui-inline.text.sc-sui-date-picker .chev.sc-sui-date-picker{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-date-picker .clear.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{font-size:11px}.sui-inline.text.sc-sui-date-picker .chev.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-date-picker .clear.sc-sui-date-picker:hover:not(:disabled),.sui-inline.text.sc-sui-date-picker .chev.sc-sui-date-picker:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-date-picker .clear.sc-sui-date-picker:focus-visible,.sui-inline.text.sc-sui-date-picker .chev.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-date-picker .clear.sc-sui-date-picker:disabled,.sui-inline.text.sc-sui-date-picker .chev.sc-sui-date-picker:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-date-picker:hover .clear.sc-sui-date-picker,.sui-inline.text.sc-sui-date-picker:focus-within .clear.sc-sui-date-picker,.sui-inline.text.shell.sc-sui-date-picker .clear.sc-sui-date-picker,.sui-inline.text.sc-sui-date-picker:hover .chev.sc-sui-date-picker,.sui-inline.text.sc-sui-date-picker:focus-within .chev.sc-sui-date-picker,.sui-inline.text.shell.sc-sui-date-picker .chev.sc-sui-date-picker{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-date-picker: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-date-picker .chev.sc-sui-date-picker{visibility:visible}.sui-inline.inverse.text.sc-sui-date-picker .chev.sc-sui-date-picker{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-date-picker:not(.shell) sui-chip.sc-sui-date-picker{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-date-picker{border-color:CanvasText}.sui-inline.sc-sui-date-picker:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-date-picker{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-date-picker:disabled,.sui-inline.disabled.sc-sui-date-picker{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-date-picker:disabled .icon.sc-sui-date-picker,.sui-inline.disabled.sc-sui-date-picker .icon.sc-sui-date-picker,.sui-inline.disabled.sc-sui-date-picker .lead.sc-sui-date-picker{color:GrayText}.sui-inline.placeholder.sc-sui-date-picker .val.sc-sui-date-picker{color:GrayText}}";export{ci as SuiDatePicker}
+import{r as i,c as e,g as s,f as t,h as r}from"./p-ChCjmDsd.js";import{F as a,d as n}from"./p-DLfOvQY0.js";import{i as o}from"./p-BsRW1Q8k.js";import{i as d}from"./p-GAnFXayY.js";import{u as c}from"./p-U06fVoGD.js";import{i as l,d as h,s as u,a as p,r as k}from"./p-B3wtlP4_.js";import{k as v,j as f}from"./p-DxQKrio7.js";import{p as b,f as g}from"./p-D12pOgZQ.js";import{k as m}from"./p-CYlxvoVo.js";import{t as x,i as y,b as w,p as D,h as C,d as T,f as z,e as j,w as F}from"./p-9-zmhK_0.js";import{l as A}from"./p-CnJv00ak.js";import{i as M,a as O,l as S}from"./p-lWhwwQJ2.js";import{G,f as H,k as L,r as $,ai as E,q as B}from"./p-CHznIlgx.js";import{f as K}from"./p-CGWvlrv_.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";import"./p-BnfaBLhb.js";const q=["sm","md","lg"],I=43200,P=x,V=y,W=T,R=i=>new Date(i.getFullYear(),i.getMonth(),i.getDate()),Q=(i,e)=>!!i&&!!e&&i.getFullYear()===e.getFullYear()&&i.getMonth()===e.getMonth()&&i.getDate()===e.getDate(),Y=(i,e)=>new Date(i.getFullYear(),i.getMonth(),i.getDate()+e),N=(i,e)=>{const s=new Date(i.getFullYear(),i.getMonth()+e,1);return new Date(s.getFullYear(),s.getMonth(),Math.min(i.getDate(),W(s.getFullYear(),s.getMonth())))};let U,X,_,J,Z,ii,ei,si,ti,ri,ai,ni=!1;const oi=()=>U??=import("./p-CSPVrtqf.js").then((i=>{({atTimeOfDay:X,formatDateTime:_,formatTimeOfDay:J,hasTimeOfDay:Z,isoDateTime:ii,parseTime:ei,readDateTime:si,timeOfDay:ti,toLocalDateTime:ri,uses24HourClock:ai}=i),ni=!0}),(()=>{U=void 0})),di=(i,e)=>{const s=ri(i);return s&&!Z(i)&&e?X(s,86340):s},ci=class{constructor(s){i(this,s),this.suiChange=e(this,"suiChange",7),this.suiMonthChange=e(this,"suiMonthChange",3),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}get host(){return s(this)}internals;label;help;error;value;range=!1;showTime=!1;hourFormat;timeStep=30;minTime;maxTime;dateFormat="medium";locale;firstDayOfWeek;placeholder;minDate;maxDate;disabledDates;disabledDays;disabled=!1;readOnly=!1;invalid=!1;size="md";variant="default";tone;open=!1;inline=!1;todayDate;presets;required=!1;name;suiChange;suiMonthChange;suiOpen;suiClose;hostLabel;stopAria;val=null;rng=[];viewY=2026;viewM=0;cursor=new Date;timeCursor=null;hoverKey="";gridFocused=!1;text="";editing=!1;typedError="";formDisabled=!1;fieldId=c("sui-date");input;box;chev;panel;timeList;gridEl;pendingFocus=!1;pendingTimeFocus=!1;pendingTimeScroll=!1;selfWrite=!1;focusOnOpen=!1;focused=!1;settling=!1;initial;limits={lo:null,hi:null,loAt:null,hiAt:null,off:new Set,days:[]};closing=!1;popup=b({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){l(this.host,this.internals),h(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=o(this.host,(i=>{this.hostLabel=i})),this.open&&!this.inline&&this.panel&&t(this)}componentWillLoad(){if(this.initial=this.value,this.showTime&&!ni)return oi().then((()=>this.firstSync()));this.firstSync()}firstSync(){this.syncLimits(),this.syncFromValue(),this.syncText();const i=R(this.val||this.rng[0]||this.today());this.setView(i.getFullYear(),i.getMonth(),!0),this.cursor=i,this.syncForm()}componentDidLoad(){this.syncForm(),this.inline&&this.timed&&this.scrollTime(!0)}componentDidRender(){this.syncForm(),this.open&&!this.inline&&this.afterOpen(),this.pendingFocus&&(this.pendingFocus=!1,this.dayButton(this.cursor)?.focus()),this.pendingTimeFocus?(this.pendingTimeFocus=!1,this.activeTimeRow()?.focus({preventScroll:!0}),this.scrollTime(!1)):this.pendingTimeScroll&&(this.pendingTimeScroll=!1,this.scrollTime(!0))}disconnectedCallback(){this.popup.disconnect()&&(this.closing=!1),this.stopAria?.()}syncLimits(){this.limits={lo:P(this.minDate),hi:P(this.maxDate),loAt:ni?di(this.minDate,!1):null,hiAt:ni?di(this.maxDate,!0):null,off:new Set((this.disabledDates||[]).map((i=>P(i))).filter((i=>!!i)).map(V)),days:this.disabledDays||[]}}onValueChange(){this.syncFromValue(),this.timeCursor=null,this.timed&&!this.selfWrite&&(this.inline||this.open)&&(this.pendingTimeScroll=!0),this.focused||this.settling||(this.editing=!1,this.typedError=""),this.syncText();const i=this.val||this.rng[0];i&&!this.open&&(this.setView(i.getFullYear(),i.getMonth()),this.cursor=R(i)),this.syncForm()}onSpellingChange(){this.syncText(),this.typedError&&this.syncForm()}onShowTimeChange(){!this.showTime||ni?(this.syncLimits(),this.syncFromValue(),this.editing=!1,this.typedError="",this.timeCursor=null,this.syncText(),this.syncForm()):oi().then((()=>{ni&&this.onShowTimeChange()}))}syncForm(){const i=this.range?this.rng.length<2:!this.val,e=this.range?2===this.rng.length?`${V(this.rng[0])},${V(this.rng[1])}`:"":this.val?this.enc(this.val):"";u(this.internals,this.isDisabled?null:e),this.typedError&&!this.isDisabled?p(this.internals,{badInput:!0},this.typedError,this.input):k(this.internals,this.required&&!this.isDisabled&&!this.readOnly,i,this.label,this.input,this.error)}onOpenChange(i){this.inline||(i?(this.popup.reopen(),this.closing=!1,this.timeCursor=null,this.cursor=R(this.val||this.rng[0]||this.today()),this.setView(this.cursor.getFullYear(),this.cursor.getMonth())):(this.hoverKey="",this.focusOnOpen=!1,this.closing=this.popup.close()))}formResetCallback(){this.editing=!1,this.typedError="",this.value=this.initial,this.initial||(this.val=null,this.rng=[]),this.syncText(),this.input&&(this.input.value=this.text),this.syncForm()}formDisabledCallback(i){this.formDisabled=K(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}get isQuiet(){return"quiet"===this.variant}get timed(){return this.showTime&&!this.range&&ni}get loc(){return M(this.locale)}get h24(){return"24"===this.hourFormat||"12"!==this.hourFormat&&ai(this.loc)}firstDay(){const i=Number(this.firstDayOfWeek);return null!=this.firstDayOfWeek&&Number.isFinite(i)?(Math.round(i)%7+7)%7:A(this.loc)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.inline?this.dayButton(this.cursor):this.input}today(){return P(this.todayDate)||P(new Date)}now(){if(Z(this.todayDate)&&ri(this.todayDate))return ri(this.todayDate);const i=new Date;return X(this.today(),3600*i.getHours()+60*i.getMinutes())}fmt(i){return w(i,this.loc,this.dateFormat)}fmtValue(i){return this.timed?_(i,this.loc,this.dateFormat,this.h24):this.fmt(i)}enc(i){return this.timed?ii(i):V(i)}syncFromValue(){const i=this.value;if(this.range){const e=(Array.isArray(i)?i:i?[i]:[]).map((i=>P(i))).filter((i=>!!i)).slice(0,2);e.sort(((i,e)=>i.getTime()-e.getTime())),this.rng=e,this.val=null}else{const e=Array.isArray(i)?i[0]:i;this.val=this.timed?ri(e):P(e),this.rng=[]}}syncText(){this.editing||(this.text=this.display())}setView(i,e,s=!1){const t=new Date(i,e,1);t.getFullYear()===this.viewY&&t.getMonth()===this.viewM||(this.viewY=t.getFullYear(),this.viewM=t.getMonth(),s||this.suiMonthChange.emit({year:this.viewY,month:this.viewM}))}dayDisabled(i){const e=R(i),{lo:s,hi:t,off:r,days:a}=this.limits;return!!(s&&e.getTime()<s.getTime())||!!(t&&e.getTime()>t.getTime())||!!a.includes(e.getDay())||!!r.has(V(e))||this.timed&&!this.dayWindow(e)}timeWindow(){const i=ei(this.minTime)??0,e=ei(this.maxTime)??86340;return[i,Math.max(i,e)]}dayWindow(i){let[e,s]=this.timeWindow();const{loAt:t,hiAt:r}=this.limits;return t&&Q(i,t)&&(e=Math.max(e,ti(t))),r&&Q(i,r)&&(s=Math.min(s,ti(r))),t&&R(i).getTime()<R(t).getTime()||r&&R(i).getTime()>R(r).getTime()?null:e<=s?[e,s]:null}timeDisabled(i,e){if(this.dayDisabled(i))return!0;const s=this.dayWindow(i);return e<s[0]||e>s[1]}keptTime(i){const e=this.dayWindow(i)||this.timeWindow();return this.val?((i,[e,s])=>Math.min(Math.max(i,e),s))(ti(this.val),e):e[0]}timeDay(){return R(this.val||this.cursor)}timeOptions(){const[i,e]=this.timeWindow(),s=60*Math.max(1,Math.round(this.timeStep>0?this.timeStep:30)),t=[];for(let r=i;r<=e;r+=s)t.push(r);const r=this.val?ti(this.val):null;return null!=r&&r>=i&&r<=e&&!t.includes(r)&&(t.push(r),t.sort(((i,e)=>i-e))),t}activeTime(i){if(null!=this.timeCursor&&i.includes(this.timeCursor))return this.timeCursor;const e=this.val?ti(this.val):null;if(null!=e&&i.includes(e))return e;const s=this.timeDay();return i.find((i=>!this.timeDisabled(s,i)))??i[0]}activeTimeRow(){return this.timeList?.querySelector('[role="option"][tabindex="0"]')}scrollTime(i){const e=this.timeList,s=this.activeTimeRow()||this.timeList?.querySelector('[role="option"]');if(!e||!s)return;const t=s.offsetTop||0,r=s.offsetHeight||0,a=t+r;i?e.scrollTop=Math.max(0,t-((e.clientHeight||0)-r)/2):t<e.scrollTop?e.scrollTop=t:a>e.scrollTop+e.clientHeight&&(e.scrollTop=a-e.clientHeight)}dayButton(i){return this.panel?.querySelector(`[data-day="${V(i)}"]`)}afterOpen(){this.open&&!this.inline&&this.input&&this.popup.open(this.panel)&&(this.timed&&this.scrollTime(!0),this.focusOnOpen&&(this.focusOnOpen=!1,g((()=>this.dayButton(this.cursor)),(()=>this.open))))}reposition(){const i=this.box||this.input?.parentElement;i&&this.panel&&v(this.panel,f(i,this.panel,"bottom",6,"start"))}show(){this.open||this.inline||this.isDisabled||this.readOnly||(this.open=!0,m(this.host,this.chev),this.suiOpen.emit())}requestClose(i,e=!1){return!(this.inline||!this.open||this.suiClose.emit(i).defaultPrevented||(this.open=!1,e&&this.input?.focus(),0))}commitSingle(i,e){const s=this.enc(i);this.val=i,this.cursor=R(i),this.timeCursor=null,this.selfWrite=!0,this.value=s,this.selfWrite=!1,this.suiChange.emit(s),e&&this.requestClose("pick",!0)}commitRange(i,e){const[s,t]=i.getTime()<=e.getTime()?[i,e]:[e,i];this.rng=[s,t],this.value=[V(s),V(t)],this.suiChange.emit([V(s),V(t)])}pick(i){const e=R(i);this.isDisabled||this.readOnly||this.dayDisabled(e)||(this.cursor=e,this.range?1!==this.rng.length?this.rng=[e]:this.commitRange(this.rng[0],e):(this.editing=!1,this.typedError="",this.timed?this.commitSingle(X(e,this.keptTime(e)),!1):this.commitSingle(e,!this.inline),this.syncText(),this.syncForm()))}pickTime(i){const e=this.timeDay();this.isDisabled||this.readOnly||this.timeDisabled(e,i)||(this.editing=!1,this.typedError="",this.commitSingle(X(e,i),!this.inline),this.syncText(),this.syncForm())}pickToday=()=>{const i=this.today();this.readOnly||this.dayDisabled(i)||(this.setView(i.getFullYear(),i.getMonth()),this.cursor=i,this.range?this.pendingFocus=!0:this.pick(i))};nowBarred(i){return this.timeDisabled(R(i),ti(i))}pickNow=()=>{const i=this.now();this.isDisabled||this.readOnly||this.nowBarred(i)||(this.setView(i.getFullYear(),i.getMonth()),this.editing=!1,this.typedError="",this.commitSingle(i,!this.inline),this.syncText(),this.syncForm())};clear=()=>{if(this.readOnly)return;const i=this.range?this.rng.length>0:!!this.val;this.val=null,this.rng=[],this.timeCursor=null,this.editing=!1,this.typedError="",this.value=this.range?[]:"",this.syncText(),this.syncForm(),i&&this.suiChange.emit(this.range?[]:"")};applyPreset(i){const e=P(i.range[0]),s=P(i.range[1]);e&&s&&(this.commitRange(e,s),this.setView(e.getFullYear(),e.getMonth()),this.cursor=e)}presetActive(i){return 2===this.rng.length&&Q(this.rng[0],P(i.range[0]))&&Q(this.rng[1],P(i.range[1]))}navigate(i){this.setView(this.viewY,this.viewM+i),this.cursor.getFullYear()===this.viewY&&this.cursor.getMonth()===this.viewM||(this.cursor=new Date(this.viewY,this.viewM,1))}moveCursor(i){this.cursor=i,this.setView(i.getFullYear(),i.getMonth()),this.pendingFocus=!0}parseTyped(i){if(!this.timed)return D(i,this.loc,this.dateFormat,this.today());const e=si(i,this.loc,this.h24,(i=>C(i,this.loc)?D(i,this.loc,this.dateFormat,this.today()):void 0));if(null===e.date||null===e.time||void 0===e.date&&void 0===e.time)return null;const s=e.date??(this.val?R(this.val):null);if(!s)return null;if(void 0===e.time)return X(s,this.keptTime(s));let t=e.time-e.time%60;if(e.bare){const i=this.dayWindow(s)||this.timeWindow();this.val?t=ti(this.val)>=I?t+I:t:(t<i[0]||t>i[1])&&(t+=I)}return X(s,t)}typedBarred(i){return this.timed?this.timeDisabled(R(i),ti(i)):this.dayDisabled(i)}sameValue(i,e){return this.timed?!!e&&i.getTime()===e.getTime():Q(i,e)}onInput=i=>{const e=i.target.value;this.editing=!0,this.text=e;const s=this.parseTyped(e);!this.typedError||!s&&e.trim()||(this.typedError="",this.syncForm()),s&&this.open&&!this.dayDisabled(s)&&(this.cursor=R(s),this.setView(s.getFullYear(),s.getMonth()))};commitTyped(){if(this.range||!this.editing)return!!this.val;const i=this.text.trim();if(!i)return this.editing=!1,this.typedError="",this.val&&(this.val=null,this.value="",this.suiChange.emit("")),this.syncText(),this.syncForm(),!1;const e=this.parseTyped(i);return!e||this.typedBarred(e)?(this.typedError=e?O(void 0,"date-picker.cannotBePicked",void 0,"{date} cannot be picked.",{date:this.fmtValue(e)}):this.timed?O(void 0,"date-picker.enterADateTimeLike",void 0,"Enter a date and time like {date}.",{date:this.fmtValue(X(this.today(),52200))}):O(void 0,"date-picker.enterADateLike",void 0,"Enter a date like {date}.",{date:this.fmt(this.today())}),this.val&&(this.val=null,this.settling=!0,this.value="",this.settling=!1,this.suiChange.emit("")),this.syncForm(),!1):(this.editing=!1,this.typedError="",this.sameValue(e,this.val)?this.cursor=R(e):this.commitSingle(e,!1),this.syncText(),this.syncForm(),!0)}onFieldClick=()=>{this.isDisabled||this.readOnly||this.open||this.show()};onBoxClick=i=>{const e=i.target;e===this.input||this.chev?.contains(e)||this.isDisabled||(this.input?.focus(),this.onFieldClick())};onFieldFocus=()=>{this.focused=!0};onFieldBlur=()=>{this.commitTyped(),this.focused=!1};onGridKeyDown=i=>{if(this.isDisabled||this.readOnly)return;const e=this.cursor,s=d(this.host)?-1:1;switch(i.key){case"ArrowLeft":this.moveCursor(Y(e,-s));break;case"ArrowRight":this.moveCursor(Y(e,s));break;case"ArrowUp":this.moveCursor(Y(e,-7));break;case"ArrowDown":this.moveCursor(Y(e,7));break;case"Home":this.moveCursor(new Date(e.getFullYear(),e.getMonth(),1));break;case"End":this.moveCursor(new Date(e.getFullYear(),e.getMonth(),W(e.getFullYear(),e.getMonth())));break;case"PageUp":this.moveCursor(N(e,i.shiftKey?-12:-1));break;case"PageDown":this.moveCursor(N(e,i.shiftKey?12:1));break;case"Enter":case" ":this.pick(e);break;default:return}i.preventDefault()};onGridFocus=()=>{Promise.resolve().then((()=>{const i="function"==typeof this.gridEl?.getRootNode?this.gridEl.getRootNode():void 0,e=i&&"activeElement"in i?i.activeElement:"undefined"!=typeof document?document.activeElement:null,s=!!this.gridEl&&!!e&&this.gridEl.contains(e);s!==this.gridFocused&&(this.gridFocused=s)}))};onTimeKeyDown=i=>{if(this.isDisabled||this.readOnly)return;const e=this.timeOptions(),s=this.activeTime(e);if(null==s)return;const t=e.indexOf(s);let r;switch(i.key){case"ArrowDown":r=Math.min(e.length-1,t+1);break;case"ArrowUp":r=Math.max(0,t-1);break;case"Home":r=0;break;case"End":r=e.length-1;break;case"Enter":case" ":return i.preventDefault(),void this.pickTime(s);default:return}i.preventDefault(),this.timeCursor=e[r],this.pendingTimeFocus=!0};onPanelKey=i=>{this.isDisabled||this.readOnly||this.inline||("Escape"!==i.key?this.popup.tab(i,(()=>this.requestClose("outside"))):this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape",!0)))};onWrapKeyDown=i=>{if(this.isDisabled||this.readOnly||this.inline)return;if(this.panel&&this.panel.contains(i.target))return;if("Escape"===i.key)return void(this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape",!0)));const e=i.target===this.chev;if(i.target===this.input||e)if("ArrowDown"===i.key||"ArrowUp"===i.key)i.preventDefault(),this.focusOnOpen=!0,this.open?this.dayButton(this.cursor)?.focus():this.show();else if("Enter"===i.key){if(e)return void(this.focusOnOpen=!0);if(this.range)return i.preventDefault(),this.focusOnOpen=!0,void(this.open?this.requestClose("trigger"):this.show());this.open&&i.preventDefault(),this.commitTyped()&&this.open&&this.requestClose("pick",!0)}else" "===i.key&&e?this.focusOnOpen=!0:"Tab"===i.key&&this.open&&(e?!i.shiftKey:i.shiftKey)&&this.requestClose("trigger")};display(){return this.range?2===this.rng.length?`${this.fmt(this.rng[0])} – ${this.fmt(this.rng[1])}`:1===this.rng.length?`${this.fmt(this.rng[0])} – …`:"":this.fmtValue(this.val)}renderFoot(){const i=this.timed,e=this.today(),s=i?this.nowBarred(this.now()):this.dayDisabled(e);return r("div",{class:"cal-foot"},r("button",{type:"button",class:"link today-link",disabled:this.isDisabled||s,onClick:i?this.pickNow:this.pickToday},i?S(void 0,"date-picker.now",void 0,"Now"):S(void 0,"date-picker.today",void 0,"Today")),r("button",{type:"button",class:"link clear-link",disabled:this.isDisabled,onClick:this.clear},S(void 0,"date-picker.clear",void 0,"Clear")))}renderCalendar(){const i=this.today(),e=this.viewY,s=this.viewM,t=this.firstDay(),a=(new Date(e,s,1).getDay()-t+7)%7,n=W(e,s),o=[];for(let i=0;i<a;i++)o.push(null);for(let i=1;i<=n;i++)o.push(new Date(e,s,i));for(;o.length%7;)o.push(null);const d=[];for(let i=0;i<o.length;i+=7)d.push(o.slice(i,i+7));const c=i=>this.range&&2===this.rng.length&&i>this.rng[0]&&i<this.rng[1];let l=null,h=null,u=!1;if(this.range&&2===this.rng.length)[l,h]=[this.rng[0],this.rng[1]];else if(this.range&&1===this.rng.length){const i=this.hoverKey?x(this.hoverKey):this.gridFocused?R(this.cursor):null;i&&!Q(i,this.rng[0])&&(u=!0,[l,h]=i<this.rng[0]?[i,this.rng[0]]:[this.rng[0],i])}const p=z(e,s,this.loc),k=j(this.loc),v=F(this.loc,"long"),f=!!this.limits.lo&&new Date(e,s,0).getTime()<this.limits.lo.getTime(),b=!!this.limits.hi&&new Date(e,s+1,1).getTime()>this.limits.hi.getTime();return r("div",{class:"cal"},r("div",{class:"cal-head"},r("button",{type:"button",class:"nav","aria-label":S(void 0,"date-picker.previousMonth",void 0,"Previous month"),disabled:this.isDisabled||f,onClick:()=>this.navigate(-1)},r(G,{glyph:H})),r("span",{class:"cal-title","aria-live":"polite"},p),r("button",{type:"button",class:"nav","aria-label":S(void 0,"date-picker.nextMonth",void 0,"Next month"),disabled:this.isDisabled||b,onClick:()=>this.navigate(1)},r(G,{glyph:L}))),r("div",{class:{grid:!0,previewing:u},role:"grid","aria-label":p,ref:i=>this.gridEl=i,onKeyDown:this.onGridKeyDown,onFocusin:this.onGridFocus,onFocusout:this.onGridFocus},r("div",{class:"row",role:"row"},k.map(((i,e)=>{const s=(t+e)%7;return r("div",{key:`h${s}`,class:"dow",role:"columnheader","aria-label":v[s]},k[s])}))),d.map(((e,s)=>r("div",{key:`w${s}`,class:"row",role:"row"},e.map(((t,a)=>{if(!t)return r("div",{key:`e${s}-${a}`,class:"cell empty",role:"gridcell"});const n=this.range?Q(t,this.rng[0])||Q(t,this.rng[1]):Q(t,this.val),o=Q(t,i),d=V(t),u=Q(t,this.cursor),p=this.dayDisabled(t),k=(i=>!!l&&!!h&&!Q(l,h)&&i>=R(l)&&i<=R(h))(t),v=k&&Q(t,l),f=k&&Q(t,h),b=0===a||!e[a-1],g=6===a||!e[a+1],m=k&&(v||b),x=k&&(f||g);return r("button",{key:d,type:"button",role:"gridcell","data-day":d,class:{day:!0,sel:n,"in-range":c(t),hover:this.hoverKey===d,today:o,cursor:u,band:k,"run-start":m,"run-end":x,"band-from":k&&n&&v&&!g,"band-to":k&&n&&f&&!b},tabIndex:u&&!this.isDisabled?0:-1,"aria-selected":n?"true":"false","aria-current":o?"date":null,"aria-disabled":p?"true":null,"aria-label":this.fmt(t),disabled:this.isDisabled,onClick:()=>this.pick(t),onMouseEnter:()=>this.hoverKey=p?"":d,onMouseLeave:()=>this.hoverKey=""},t.getDate(),o&&!n?r("span",{class:"dot","aria-hidden":"true"}):null)})))))),this.timed?null:this.renderFoot())}renderTime(){const i=this.timeOptions(),e=this.timeDay(),s=this.val?ti(this.val):null,t=this.activeTime(i),a=`${this.fieldId}-time`;return r("div",{class:"time"},r("div",{class:"time-head",id:a},S(void 0,"date-picker.time",void 0,"Time")),r("div",{class:"time-body"},r("div",{ref:i=>this.timeList=i,class:"time-list",role:"listbox",tabIndex:-1,"aria-labelledby":a,"aria-disabled":this.isDisabled?"true":null,onKeyDown:this.onTimeKeyDown},i.map((i=>{const a=s===i,n=this.timeDisabled(e,i);return r("div",{key:`t${i}`,role:"option","data-time":i,class:{option:!0,selected:a},tabIndex:i!==t||this.isDisabled?-1:0,"aria-selected":a?"true":"false","aria-disabled":n||this.isDisabled?"true":null,onClick:()=>this.pickTime(i)},r("span",{class:"option-label"},J(i,this.loc,this.h24)),a?r(G,{glyph:$}):null)})))))}renderPanel(){const i=this.range&&this.presets&&this.presets.length?this.presets:null,e=this.timed;return r("div",{key:"panel",ref:i=>this.panel=i,id:`${this.fieldId}-panel`,class:{panel:!0,inline:this.inline,"with-presets":!!i,"with-time":e,closing:this.closing},inert:this.closing,role:this.inline?"group":"dialog","aria-label":this.label||S(void 0,"date-picker.calendar",void 0,"Calendar"),onKeyDown:this.onPanelKey},i?r("div",{class:"presets"},i.map((i=>r("button",{key:i.label,type:"button",class:{preset:!0,active:this.presetActive(i)},"aria-pressed":this.presetActive(i)?"true":"false",disabled:this.isDisabled,onClick:()=>this.applyPreset(i)},i.label)))):null,e?r("div",{class:"cal-time"},this.renderCalendar(),this.renderTime()):this.renderCalendar(),e?this.renderFoot():null)}render(){const i=this.error||this.typedError||void 0;if(this.inline)return r(a,{label:this.label,required:this.required,help:this.help,error:i,descId:this.fieldId},r("div",{class:{"sui-date-picker":!0,disabled:this.isDisabled}},this.renderPanel()));const e=this.invalid||!!i,s=q.includes(this.size)?this.size:"md",t=this.isQuiet,o=this.range?this.display():this.text,d=this.timed?S(void 0,"date-picker.placeholderDateTime",this.placeholder,"Select date and time"):S(void 0,"date-picker.placeholder",this.placeholder,"Select date"),c=t?{"sui-inline":!0,text:!0,[s]:!0,invalid:e,disabled:this.isDisabled,readonly:this.readOnly,shell:this.open||this.focused,inverse:"inverse"===this.tone}:{trigger:!0,"sui-frame":!0,[s]:!0,open:this.open,invalid:e,disabled:this.isDisabled,readonly:this.readOnly},l=r("input",{ref:i=>this.input=i,id:this.fieldId,class:"val",type:"text",size:t?1:void 0,value:o,placeholder:d,readOnly:this.range||this.readOnly,disabled:this.isDisabled,autocomplete:"off",role:"combobox","aria-readonly":this.readOnly?"true":null,"aria-label":t?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false","aria-controls":this.open?`${this.fieldId}-panel`:void 0,"aria-invalid":e?"true":null,"aria-describedby":n(this.fieldId,this.help,i),"aria-required":this.required?"true":null,onInput:this.onInput,onClick:this.onFieldClick,onFocus:this.onFieldFocus,onBlur:this.onFieldBlur});return r(a,{label:t?void 0:this.label,required:this.required,help:this.help,error:i,htmlFor:this.fieldId,descId:this.fieldId},r("div",{class:{"sui-date-picker":!0,open:this.open,inline:t},onKeyDown:this.onWrapKeyDown},r("div",{ref:i=>this.box=i,class:c,onClick:this.onBoxClick},r(G,{glyph:E,class:"lead"}),t?r("span",{class:"fit","data-value":o||d},l):l,r("button",{ref:i=>this.chev=i,type:"button",class:"chev","aria-label":S(void 0,"date-picker.openCalendar",void 0,"Open calendar"),"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false","aria-controls":this.open?`${this.fieldId}-panel`:void 0,disabled:this.isDisabled||this.readOnly,onClick:()=>this.open?this.requestClose("trigger"):this.show()},r(G,{glyph:B}))),this.open||this.closing?this.renderPanel():null))}static get formAssociated(){return!0}static get watchers(){return{minDate:[{syncLimits:0}],maxDate:[{syncLimits:0}],disabledDates:[{syncLimits:0}],disabledDays:[{syncLimits:0}],value:[{onValueChange:0}],dateFormat:[{onSpellingChange:0}],locale:[{onSpellingChange:0}],range:[{onSpellingChange:0}],hourFormat:[{onSpellingChange:0}],showTime:[{onShowTimeChange:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],open:[{onOpenChange:0}]}}};ci.style=".sc-sui-date-picker-h{display:block;min-inline-size:min(180px, 100%);font-family:var(--font-sans)}.sui-date-picker.sc-sui-date-picker{position:relative}.sui-date-picker.inline.sc-sui-date-picker{display:flex;align-items:flex-start}.trigger.sc-sui-date-picker{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 8px;color:var(--ink);font-family:var(--font-sans);font-weight:460;font-feature-settings:'tnum';cursor:text;text-align:start}.trigger.sm.sc-sui-date-picker{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.trigger.md.sc-sui-date-picker{height:var(--sui-field-height, var(--control-md));font-size:13px}.trigger.lg.sc-sui-date-picker{height:var(--sui-field-height, var(--control-lg));font-size:14px}.trigger.disabled.sc-sui-date-picker{cursor:not-allowed}.trigger.sc-sui-date-picker .val.sc-sui-date-picker{flex:1;width:0;min-width:0;height:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;font-feature-settings:'tnum';text-overflow:ellipsis}.trigger.sc-sui-date-picker .val.sc-sui-date-picker::placeholder{color:var(--ink-placeholder)}.trigger.sc-sui-date-picker .val[readonly].sc-sui-date-picker{cursor:pointer}.trigger.sc-sui-date-picker .val.sc-sui-date-picker:disabled{cursor:not-allowed}.trigger.sc-sui-date-picker .lead.sc-sui-date-picker{font-size:12px;color:var(--ink-faint)}.trigger.disabled.sc-sui-date-picker .lead.sc-sui-date-picker{color:var(--ink-placeholder)}.chev.sc-sui-date-picker{flex-shrink:0;width:22px;height:22px;padding:0;border:none;background:transparent;display:var(--sui-field-chevron, inline-flex);align-items:center;justify-content:center;border-radius:var(--radius-xs);color:var(--ink-faint);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.chev.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.chev.sc-sui-date-picker:hover:not(:disabled){color:var(--ink)}.chev.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.chev.sc-sui-date-picker:disabled{color:var(--ink-placeholder);cursor:not-allowed}.open.sc-sui-date-picker .chev.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{transform:rotate(180deg)}.sui-date-picker.sc-sui-date-picker .sui-inline.sc-sui-date-picker{font-feature-settings:'tnum'}.sui-inline.sc-sui-date-picker .val[readonly].sc-sui-date-picker{cursor:pointer}.panel.sc-sui-date-picker{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;width:252px;padding:12px;display:block;gap:12px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);animation:sui-date-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-date-picker{animation-name:sui-date-in-top}.panel.closing.sc-sui-date-picker{animation:sui-date-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-date-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-date-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-date-out{to{opacity:0}}.panel.with-presets.sc-sui-date-picker{width:380px;max-width:calc(100vw - 16px);display:flex}.panel.with-time.sc-sui-date-picker{width:374px;max-width:calc(100vw - 16px)}.panel.inline.sc-sui-date-picker{position:static;background:var(--surface);box-shadow:none;animation:none;z-index:auto}.cal-time.sc-sui-date-picker{display:flex;gap:10px}.time.sc-sui-date-picker{flex:0 0 112px;min-width:0;display:flex;flex-direction:column;border-inline-start:1px solid var(--hairline);padding-inline-start:8px}.time-head.sc-sui-date-picker{flex:none;display:flex;align-items:center;height:26px;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--ink)}.time-body.sc-sui-date-picker{position:relative;flex:1 1 auto}.time-list.sc-sui-date-picker{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;gap:2px}.option.sc-sui-date-picker{flex:none;display:flex;align-items:center;gap:6px;height:30px;padding:0 8px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:460;font-feature-settings:'tnum';white-space:nowrap;color:var(--ink);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.option-label.sc-sui-date-picker{flex:1;min-width:0}.option.sc-sui-date-picker:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.option.selected.sc-sui-date-picker{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.option.selected.sc-sui-date-picker:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.option.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{flex-shrink:0;font-size:11px;color:var(--brand-soft-ink)}.option.sc-sui-date-picker:focus{outline:none}.option.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.option[aria-disabled='true'].sc-sui-date-picker:not(.selected){color:var(--disabled-ink);cursor:not-allowed;background:transparent}.presets.sc-sui-date-picker{width:120px;flex-shrink:0;border-inline-end:1px solid var(--hairline);padding-inline-end:10px;display:flex;flex-direction:column;gap:2px}.preset.sc-sui-date-picker{text-align:start;border:none;background:transparent;color:var(--ink);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);padding:6px 8px;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}.preset.sc-sui-date-picker:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.preset.active.sc-sui-date-picker{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected)}.preset.active.sc-sui-date-picker:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.preset.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.cal.sc-sui-date-picker{flex:1;min-width:0}.cal-head.sc-sui-date-picker{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cal-title.sc-sui-date-picker{font-size:13px;font-weight:700;color:var(--ink)}.nav.sc-sui-date-picker{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)}.nav.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{font-size:11px}.nav.sc-sui-date-picker .sui-glyph.sc-sui-date-picker:dir(rtl){transform:scaleX(-1)}.nav.sc-sui-date-picker:hover:not(:disabled){background:var(--surface-hover);color:var(--ink)}.nav.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.nav.sc-sui-date-picker:disabled{color:var(--ink-placeholder);cursor:not-allowed}.grid.sc-sui-date-picker{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:2px;column-gap:0;--dp-band:var(--brand-soft);--dp-to-end:to right}.grid.sc-sui-date-picker:dir(rtl){--dp-to-end:to left}.grid.previewing.sc-sui-date-picker{--dp-band:var(--surface-hover)}.row.sc-sui-date-picker{display:contents}.dow.sc-sui-date-picker{text-align:center;font-size:10.5px;font-weight:650;color:var(--ink-faint);padding:4px 0;text-transform:uppercase;letter-spacing:0.04em}.cell.empty.sc-sui-date-picker{height:30px}.day.sc-sui-date-picker{position:relative;height:30px;border:none;border-radius:50%;padding:0;background:transparent;color:var(--ink);font-size:12.5px;font-weight:460;font-family:var(--font-sans);font-feature-settings:'tnum';cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.day.hover.sc-sui-date-picker{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.day.sel.sc-sui-date-picker{background:var(--brand);color:var(--brand-contrast);font-weight:700}.day.band.sc-sui-date-picker{--ink-faint:var(--ink-muted);background:var(--dp-band);border-radius:0}.day.band.run-start.sc-sui-date-picker{border-start-start-radius:15px;border-end-start-radius:15px}.day.band.run-end.sc-sui-date-picker{border-start-end-radius:15px;border-end-end-radius:15px}.day.band.hover.sc-sui-date-picker:not(.sel){--ink-faint:var(--ink-muted);background:linear-gradient(var(--surface-hover) 0 0) var(--dp-band)}.day.band.sel.sc-sui-date-picker{background:radial-gradient(closest-side, var(--brand) calc(100% - 1px), transparent 100%);border-radius:0}.day.band.sel.band-from.sc-sui-date-picker{--ink-faint:var(--ink-muted);background:radial-gradient(closest-side, var(--brand) calc(100% - 1px), transparent 100%), linear-gradient(var(--dp-to-end), transparent 50%, var(--dp-band) 50%)}.day.band.sel.band-to.sc-sui-date-picker{--ink-faint:var(--ink-muted);background:radial-gradient(closest-side, var(--brand) calc(100% - 1px), transparent 100%), linear-gradient(var(--dp-to-end), var(--dp-band) 50%, transparent 50%)}.day.sc-sui-date-picker:focus{outline:none}.day.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.day.sc-sui-date-picker:disabled,.day[aria-disabled='true'].sc-sui-date-picker:not(.sel){color:var(--disabled-ink);cursor:not-allowed}.dot.sc-sui-date-picker{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent)}.cal-foot.sc-sui-date-picker{display:flex;justify-content:space-between;border-top:1px solid var(--hairline);margin-top:8px;padding-top:8px}.link.sc-sui-date-picker{border:none;background:transparent;font-size:12px;font-weight:620;cursor:pointer;font-family:var(--font-sans);padding:0;border-radius:var(--radius-xs)}.today-link.sc-sui-date-picker{color:var(--link)}.clear-link.sc-sui-date-picker{color:var(--ink-faint)}.clear-link.sc-sui-date-picker:hover{color:var(--ink)}.link.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.link.sc-sui-date-picker:disabled{color:var(--ink-placeholder);cursor:not-allowed}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker{color:var(--disabled-ink)}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .cal-title.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .day.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .today-link.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .clear-link.sc-sui-date-picker{color:var(--disabled-ink);cursor:not-allowed}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .dow.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .nav.sc-sui-date-picker{color:var(--ink-placeholder);cursor:not-allowed}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .day.sel.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .day.in-range.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .day.band.sc-sui-date-picker{background:var(--disabled-bg)}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .dot.sc-sui-date-picker{background:var(--disabled-ink)}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .time-head.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .option.sc-sui-date-picker,.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .option.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{color:var(--disabled-ink);cursor:not-allowed}.disabled.sc-sui-date-picker .panel.sc-sui-date-picker .option.selected.sc-sui-date-picker{background:var(--disabled-bg)}@media (forced-colors: active){.trigger.disabled.sc-sui-date-picker{color:GrayText;border-color:GrayText}.trigger.sc-sui-date-picker .val.sc-sui-date-picker:disabled{color:GrayText}.preset.active.sc-sui-date-picker{forced-color-adjust:none;background:Highlight;color:HighlightText}.preset.active.sc-sui-date-picker:focus-visible{outline-color:CanvasText;box-shadow:none}.day.sc-sui-date-picker{box-sizing:border-box}.day.in-range.sc-sui-date-picker{border:1px solid Highlight}.day.band.sc-sui-date-picker{background:Canvas}.day.band.sel.sc-sui-date-picker,.day.band.sel.band-from.sc-sui-date-picker,.day.band.sel.band-to.sc-sui-date-picker{background:Highlight;border-radius:50%}.day.sel.sc-sui-date-picker{forced-color-adjust:none;background:Highlight;color:HighlightText}.day.sel.sc-sui-date-picker:focus-visible{outline-color:CanvasText;box-shadow:none}.day[aria-disabled='true'].sc-sui-date-picker:not(.sel){color:GrayText}.dot.sc-sui-date-picker{background:CanvasText}.option.sc-sui-date-picker:hover{outline:2px solid Highlight;outline-offset:-2px}.option.selected.sc-sui-date-picker{forced-color-adjust:none;background:Highlight;color:HighlightText}.option.selected.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{color:HighlightText}.option.selected.sc-sui-date-picker:hover,.option.selected.sc-sui-date-picker:focus-visible{outline-color:CanvasText}.option[aria-disabled='true'].sc-sui-date-picker:not(.selected){color:GrayText}}.sui-field.sc-sui-date-picker{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-date-picker{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-date-picker .sui-field-label.sc-sui-date-picker{color:var(--danger)}.sui-field-req.sc-sui-date-picker{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-date-picker{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-date-picker{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-date-picker .sui-glyph.sc-sui-date-picker{font-size:11px}.sui-frame.sc-sui-date-picker{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-date-picker:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-date-picker,.sui-frame.readonly.sc-sui-date-picker{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-date-picker:focus-within,.sui-frame.focus.sc-sui-date-picker,.sui-frame.open.sc-sui-date-picker{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-date-picker{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-date-picker:focus-within,.sui-frame.invalid.focus.sc-sui-date-picker,.sui-frame.invalid.open.sc-sui-date-picker{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-date-picker:disabled,.sui-frame.disabled.sc-sui-date-picker{--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-date-picker{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-date-picker::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-date-picker{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-date-picker{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-date-picker{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-date-picker:focus-within,.sui-frame.focus.sc-sui-date-picker,.sui-frame.open.sc-sui-date-picker{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-date-picker:disabled,.sui-frame.disabled.sc-sui-date-picker{color:GrayText;border-color:GrayText}}.sui-inline.sc-sui-date-picker{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-date-picker{min-height:var(--control-sm)}.sui-inline.md.sc-sui-date-picker{min-height:var(--control-md)}.sui-inline.lg.sc-sui-date-picker{min-height:var(--control-lg)}.sui-inline.text.sc-sui-date-picker{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-date-picker{cursor:default}.sui-inline.sc-sui-date-picker:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-date-picker:focus{outline:none}.sui-inline.sc-sui-date-picker: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-date-picker{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-date-picker{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-date-picker{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-date-picker:disabled,.sui-inline.disabled.sc-sui-date-picker{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-date-picker .icon.sc-sui-date-picker,.sui-inline.sc-sui-date-picker .lead.sc-sui-date-picker{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-date-picker:disabled .icon.sc-sui-date-picker,.sui-inline.disabled.sc-sui-date-picker .icon.sc-sui-date-picker,.sui-inline.disabled.sc-sui-date-picker .lead.sc-sui-date-picker{color:var(--ink-placeholder)}.sui-inline.sc-sui-date-picker .val.sc-sui-date-picker{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-date-picker .val.sc-sui-date-picker{color:var(--ink-muted)}.sui-inline.sc-sui-date-picker:disabled.placeholder .val.sc-sui-date-picker,.sui-inline.disabled.placeholder.sc-sui-date-picker .val.sc-sui-date-picker{color:var(--ink-placeholder)}.sui-inline.sc-sui-date-picker .fit.sc-sui-date-picker{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-date-picker .fit.sc-sui-date-picker::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-date-picker .fit.sc-sui-date-picker input.sc-sui-date-picker{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-date-picker .fit.sc-sui-date-picker input.sc-sui-date-picker::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-date-picker .fit.sc-sui-date-picker input.sc-sui-date-picker:disabled{cursor:not-allowed}.sui-inline.sc-sui-date-picker .fit.sc-sui-date-picker input.sc-sui-date-picker:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-date-picker .clear.sc-sui-date-picker{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-date-picker .clear.sc-sui-date-picker:hover{color:var(--ink)}.sui-inline.sc-sui-date-picker .chev.sc-sui-date-picker{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-date-picker .chev.sc-sui-date-picker{transform:rotate(180deg)}.sui-inline.sc-sui-date-picker:hover .clear.sc-sui-date-picker,.sui-inline.sc-sui-date-picker:focus-visible .clear.sc-sui-date-picker,.sui-inline.shell.sc-sui-date-picker .clear.sc-sui-date-picker,.sui-inline.sc-sui-date-picker:hover .chev.sc-sui-date-picker,.sui-inline.sc-sui-date-picker:focus-visible .chev.sc-sui-date-picker,.sui-inline.shell.sc-sui-date-picker .chev.sc-sui-date-picker{visibility:visible}.sui-inline.sc-sui-date-picker .spin.sc-sui-date-picker{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-date-picker .clear.sc-sui-date-picker,.sui-inline.text.sc-sui-date-picker .chev.sc-sui-date-picker{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-date-picker .clear.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{font-size:11px}.sui-inline.text.sc-sui-date-picker .chev.sc-sui-date-picker .sui-glyph.sc-sui-date-picker{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-date-picker .clear.sc-sui-date-picker:hover:not(:disabled),.sui-inline.text.sc-sui-date-picker .chev.sc-sui-date-picker:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-date-picker .clear.sc-sui-date-picker:focus-visible,.sui-inline.text.sc-sui-date-picker .chev.sc-sui-date-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-date-picker .clear.sc-sui-date-picker:disabled,.sui-inline.text.sc-sui-date-picker .chev.sc-sui-date-picker:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-date-picker:hover .clear.sc-sui-date-picker,.sui-inline.text.sc-sui-date-picker:focus-within .clear.sc-sui-date-picker,.sui-inline.text.shell.sc-sui-date-picker .clear.sc-sui-date-picker,.sui-inline.text.sc-sui-date-picker:hover .chev.sc-sui-date-picker,.sui-inline.text.sc-sui-date-picker:focus-within .chev.sc-sui-date-picker,.sui-inline.text.shell.sc-sui-date-picker .chev.sc-sui-date-picker{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-date-picker: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-date-picker .chev.sc-sui-date-picker{visibility:visible}.sui-inline.inverse.text.sc-sui-date-picker .chev.sc-sui-date-picker{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-date-picker:not(.shell) sui-chip.sc-sui-date-picker{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-date-picker{border-color:CanvasText}.sui-inline.sc-sui-date-picker:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-date-picker{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-date-picker:disabled,.sui-inline.disabled.sc-sui-date-picker{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-date-picker:disabled .icon.sc-sui-date-picker,.sui-inline.disabled.sc-sui-date-picker .icon.sc-sui-date-picker,.sui-inline.disabled.sc-sui-date-picker .lead.sc-sui-date-picker{color:GrayText}.sui-inline.placeholder.sc-sui-date-picker .val.sc-sui-date-picker{color:GrayText}}";export{ci as SuiDatePicker}

package/dist/shineui/{p-5bc0428c.entry.js → p-1ac1b686.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,g as a,h as l}from"./p-ChCjmDsd.js";import{d as t,F as e}from"./p-hpOwNlzr.js";import{u as o}from"./p-U06fVoGD.js";import{i as r,d as n,s as u,r as f}from"./p-B3wtlP4_.js";import{i as d,a as c}from"./p-Cs2X0Kih.js";import{i as h}from"./p-MsqFuhDd.js";import{f as b}from"./p-CGWvlrv_.js";import"./p-DGU97JSr.js";import"./p-lWhwwQJ2.js";const p=class{constructor(a){i(this,a),this.suiInput=s(this,"suiInput",7),this.suiChange=s(this,"suiChange",7),this.suiFocus=s(this,"suiFocus",3),this.suiBlur=s(this,"suiBlur",3),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals)}get host(){return a(this)}internals;label;help;error;value="";type="text";invalid=!1;disabled=!1;readOnly=!1;maxLength;pattern;minLength;required=!1;name;autocomplete;suiInput;suiChange;suiFocus;suiBlur;focused=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=o("sui-float");input;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){r(this.host,this.internals),n(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=d(this.host,(i=>{this.hostLabel=i})),this.stopHints?.(),this.stopHints=h(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=c(this.host,(i=>{this.hostLabelledby=i}))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){u(this.internals,this.isDisabled?null:this.value),f(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=b(this.host,this.disabled,i),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=i=>{this.value=i.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};render(){const i=this.invalid||!!this.error;return l(e,{key:"fbe190ed093fd199fbae1f5332b74ff3dfb376e1",help:this.help,error:this.error,descId:this.fieldId},l("div",{key:"88c016752270f107da947149cfce1edbaefa94c1",class:{"sui-float":!0,up:this.focused||this.value.length>0,focus:this.focused,invalid:i}},l("input",{key:"15908e6cadaa01ce554e8d9c53656ab42f78be88",ref:i=>this.input=i,id:this.fieldId,class:{"sui-input":!0,"sui-frame":!0,lg:!0,invalid:i},type:this.type,value:this.value,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,maxLength:this.maxLength,autocomplete:this.autocomplete,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":i?"true":null,"aria-describedby":t(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),l("label",{key:"5b3a8521a56c0f24288574c4599390d60f433242",class:"float-label",htmlFor:this.fieldId},this.label,this.required?l("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null)))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}};p.style=".sc-sui-float-label-h{display:block;font-family:var(--font-sans)}.sui-float.sc-sui-float-label{position:relative;padding-top:6px}.float-label.sc-sui-float-label{position:absolute;inset-inline-start:9px;top:17px;padding:0 4px;font-size:14px;font-weight:460;line-height:1.3;color:var(--ink-placeholder);max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;background:transparent;pointer-events:none;white-space:nowrap;transition:top var(--duration-fast) var(--ease-out), font-size var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.sui-float.up.sc-sui-float-label .float-label.sc-sui-float-label{top:-2px;font-size:11px;font-weight:650;background:linear-gradient(transparent 50%, var(--surface) 50%)}.sui-float.up.focus.sc-sui-float-label .float-label.sc-sui-float-label{color:var(--focus-ring)}.sui-float.invalid.sc-sui-float-label .float-label.sc-sui-float-label,.sui-float.up.invalid.focus.sc-sui-float-label .float-label.sc-sui-float-label{color:var(--danger)}.sui-float.up.sc-sui-float-label input[readonly].sc-sui-float-label:not(:disabled)+.float-label.sc-sui-float-label{background:linear-gradient(transparent 50%, var(--surface-sunken) 50%)}.sui-float.up.sc-sui-float-label input.sc-sui-float-label:disabled+.float-label.sc-sui-float-label{background:linear-gradient(transparent 50%, var(--disabled-bg) 50%)}@media (forced-colors: active){.float-label.sc-sui-float-label{color:GrayText}.sui-float.up.sc-sui-float-label .float-label.sc-sui-float-label{color:CanvasText}}.sui-field.sc-sui-float-label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-float-label{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-float-label .sui-field-label.sc-sui-float-label{color:var(--danger)}.sui-field-req.sc-sui-float-label{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-float-label{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-float-label{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-float-label .sui-glyph.sc-sui-float-label{font-size:11px}.sui-frame.sc-sui-float-label{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-float-label:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-float-label,.sui-frame.readonly.sc-sui-float-label{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-float-label:focus-within,.sui-frame.focus.sc-sui-float-label,.sui-frame.open.sc-sui-float-label{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-float-label{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-float-label:focus-within,.sui-frame.invalid.focus.sc-sui-float-label,.sui-frame.invalid.open.sc-sui-float-label{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-float-label:disabled,.sui-frame.disabled.sc-sui-float-label{--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-float-label{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-float-label::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-float-label{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-float-label{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-float-label{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-float-label:focus-within,.sui-frame.focus.sc-sui-float-label,.sui-frame.open.sc-sui-float-label{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-float-label:disabled,.sui-frame.disabled.sc-sui-float-label{color:GrayText;border-color:GrayText}}";export{p as sui_float_label}
+import{r as i,c as s,g as a,h as l}from"./p-ChCjmDsd.js";import{d as t,F as e}from"./p-DLfOvQY0.js";import{u as o}from"./p-U06fVoGD.js";import{i as r,d as n,s as u,r as f}from"./p-B3wtlP4_.js";import{i as d,a as c}from"./p-BsRW1Q8k.js";import{i as h}from"./p-MsqFuhDd.js";import{f as b}from"./p-CGWvlrv_.js";import"./p-CHznIlgx.js";import"./p-lWhwwQJ2.js";const p=class{constructor(a){i(this,a),this.suiInput=s(this,"suiInput",7),this.suiChange=s(this,"suiChange",7),this.suiFocus=s(this,"suiFocus",3),this.suiBlur=s(this,"suiBlur",3),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals)}get host(){return a(this)}internals;label;help;error;value="";type="text";invalid=!1;disabled=!1;readOnly=!1;maxLength;pattern;minLength;required=!1;name;autocomplete;suiInput;suiChange;suiFocus;suiBlur;focused=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=o("sui-float");input;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){r(this.host,this.internals),n(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=d(this.host,(i=>{this.hostLabel=i})),this.stopHints?.(),this.stopHints=h(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=c(this.host,(i=>{this.hostLabelledby=i}))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){u(this.internals,this.isDisabled?null:this.value),f(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=b(this.host,this.disabled,i),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=i=>{this.value=i.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};render(){const i=this.invalid||!!this.error;return l(e,{key:"8f9a8dc84a706dc09ea2c2e1c413821e46a9fafa",help:this.help,error:this.error,descId:this.fieldId},l("div",{key:"81b4b1c68f7c11c5432b29d06f55a78aa6f6b841",class:{"sui-float":!0,up:this.focused||this.value.length>0,focus:this.focused,invalid:i}},l("input",{key:"619bd89da26a7f1cc91bbd8f47f352e0236546f8",ref:i=>this.input=i,id:this.fieldId,class:{"sui-input":!0,"sui-frame":!0,lg:!0,invalid:i},type:this.type,value:this.value,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,maxLength:this.maxLength,autocomplete:this.autocomplete,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":i?"true":null,"aria-describedby":t(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),l("label",{key:"c981aee4cb39f5c99b6bb4320be7ce0479e62fba",class:"float-label",htmlFor:this.fieldId},this.label,this.required?l("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null)))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}};p.style=".sc-sui-float-label-h{display:block;font-family:var(--font-sans)}.sui-float.sc-sui-float-label{position:relative;padding-top:6px}.float-label.sc-sui-float-label{position:absolute;inset-inline-start:9px;top:17px;padding:0 4px;font-size:14px;font-weight:460;line-height:1.3;color:var(--ink-placeholder);max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;background:transparent;pointer-events:none;white-space:nowrap;transition:top var(--duration-fast) var(--ease-out), font-size var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.sui-float.up.sc-sui-float-label .float-label.sc-sui-float-label{top:-2px;font-size:11px;font-weight:650;background:linear-gradient(transparent 50%, var(--surface) 50%)}.sui-float.up.focus.sc-sui-float-label .float-label.sc-sui-float-label{color:var(--focus-ring)}.sui-float.invalid.sc-sui-float-label .float-label.sc-sui-float-label,.sui-float.up.invalid.focus.sc-sui-float-label .float-label.sc-sui-float-label{color:var(--danger)}.sui-float.up.sc-sui-float-label input[readonly].sc-sui-float-label:not(:disabled)+.float-label.sc-sui-float-label{background:linear-gradient(transparent 50%, var(--surface-sunken) 50%)}.sui-float.up.sc-sui-float-label input.sc-sui-float-label:disabled+.float-label.sc-sui-float-label{background:linear-gradient(transparent 50%, var(--disabled-bg) 50%)}@media (forced-colors: active){.float-label.sc-sui-float-label{color:GrayText}.sui-float.up.sc-sui-float-label .float-label.sc-sui-float-label{color:CanvasText}}.sui-field.sc-sui-float-label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-float-label{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-float-label .sui-field-label.sc-sui-float-label{color:var(--danger)}.sui-field-req.sc-sui-float-label{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-float-label{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-float-label{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-float-label .sui-glyph.sc-sui-float-label{font-size:11px}.sui-frame.sc-sui-float-label{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-float-label:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-float-label,.sui-frame.readonly.sc-sui-float-label{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-float-label:focus-within,.sui-frame.focus.sc-sui-float-label,.sui-frame.open.sc-sui-float-label{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-float-label{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-float-label:focus-within,.sui-frame.invalid.focus.sc-sui-float-label,.sui-frame.invalid.open.sc-sui-float-label{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-float-label:disabled,.sui-frame.disabled.sc-sui-float-label{--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-float-label{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-float-label::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-float-label{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-float-label{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-float-label{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-float-label:focus-within,.sui-frame.focus.sc-sui-float-label,.sui-frame.open.sc-sui-float-label{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-float-label:disabled,.sui-frame.disabled.sc-sui-float-label{color:GrayText;border-color:GrayText}}";export{p as sui_float_label}

package/dist/shineui/{p-c4e46f85.entry.js → p-1c1bd485.entry.js}

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