@solid-design-system/components 6.21.1 → 6.22.0

package/cdn-versioned/chunks/{chunk.AJ772JWH.js → chunk.D4I2KYVZ.js}

@@ -1,2 +1,2 @@
-import{a}from"./chunk.WWGARXPI.js";import{b as K}from"./chunk.LZRL7OLU.js";import{a as G}from"./chunk.CGQ2BPPZ.js";import{a as U}from"./chunk.VAM5SM3O.js";import{a as $}from"./chunk.UFTAQNZB.js";import{a as _}from"./chunk.NYKJXI3Q.js";import{a as W,b,c as O,d as B,h as H}from"./chunk.ZWP56CX7.js";import{b as N,e as k,i as q}from"./chunk.OBAEIKIV.js";import{e as h}from"./chunk.6EV4YU6C.js";var A={fromAttribute(M){if(!M)return null;let t=M.trim().replace(/[./]/g,"-").match(/^(\d{4})-(\d{2})-(\d{2})$/);if(!t)return null;let e=`${t[1]}-${t[2]}-${t[3]}`,i=new Date(+t[1],+t[2]-1,+t[3]);return i.getFullYear()!==+t[1]||i.getMonth()!==+t[2]-1||i.getDate()!==+t[3]?null:e},toAttribute(M){return M!=null?M:""}},j={fromAttribute(M){if(!M)return null;let F=M.trim().replace(/[./]/g,"-"),t=F.match(/^(\d{2})-(\d{4})$/),e,i;if(t)e=Number(t[1]),i=Number(t[2]);else{if(t=F.match(/^(\d{4})-(\d{2})$/),!t)return null;i=Number(t[1]),e=Number(t[2])}return!i||!e||e<1||e>12?null:new Date(i,e-1,1)},toAttribute(M){if(!M)return"";let F=M.getFullYear(),t=String(M.getMonth()+1).padStart(2,"0");return`${F}-${t}`}},J={fromAttribute(M){if(!M)return[];let F=[],t=M.trim();if(t.startsWith("["))try{let i=JSON.parse(t);Array.isArray(i)&&(F=i.map(String))}catch(i){return[]}else F=t.split(/[\s,]+/).map(i=>i.trim()).filter(Boolean);let e=[];for(let i of F){let s=i.replace(/[-/]/g,".").split(".");if(s.length!==3)continue;let[n,o,f]=s.map(Number);if(!n||!o||!f)continue;let v=new Date(n,o-1,f);if(v.getFullYear()!==n||v.getMonth()!==o-1||v.getDate()!==f)continue;let g=`${n}-${String(o).padStart(2,"0")}-${String(f).padStart(2,"0")}`;e.push(g)}return e},toAttribute(M){return M?M.join(","):""}},l=class extends H{constructor(){super();this.localize=new U(this);this.hasSlotController=new G(this,"label","help-text","tooltip");this.formControlController=new K(this,{assumeInteractionOn:["sd-blur","sd-input"]});this.locale="en-US";this.value=null;this.range=!1;this.rangeStart=null;this.rangeEnd=null;this.allowSameDayRange=!1;this.min=void 0;this.max=void 0;this.viewMonth=null;this.firstDayOfWeek=null;this.disabledWeekends=!1;this.disabledDates=[];this.isDateDisabled=null;this.size="lg";this.alignment="left";this.label="";this.helpText="";this.floatingLabel=!1;this.disabled=!1;this.required=!1;this.visuallyDisabled=!1;this.styleOnValid=!1;this.readonly=!1;this.placement="bottom";this.placeholder="";this.name="";this.form="";this.open=!1;this.today=a.startOfDayLocal(new Date);this.disabledDatesSet=new Set;this.previewEnd=null;this.statusNavText="";this.statusSelectText="";this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.currentPlacement=this.placement;this.inputValue="";this.tabbingIntoGrid=!1;this.statusBumpCounter=0;this.onFocusOut=t=>{let e=t.relatedTarget;e&&this.contains(e)||(this.open&&(this.hide(),this.emit("sd-datepicker-close")),this.hasFocus=!1)};this.onFocusIn=t=>{if(this.disabled||this.visuallyDisabled)return;t.composedPath().some(r=>{var s,n;return r instanceof HTMLElement&&(((s=r.classList)==null?void 0:s.contains("nav"))||((n=r.classList)==null?void 0:n.contains("month-label")))})&&(this.tabbingIntoGrid=!0)};this.handleInput=t=>{var n,o,f,v,g;if(this.disabled||this.visuallyDisabled||this.readonly){(n=t.preventDefault)==null||n.call(t),(o=t.stopPropagation)==null||o.call(t);return}let e=t.target,i=e.value,r=(f=e.selectionStart)!=null?f:i.length,s=(v=t.inputType)==null?void 0:v.startsWith("delete");if(this.range){let d=i.replace(/\D/g,""),u=d.slice(0,8),c=d.slice(8,16),p=this.buildDmyFromDigits(u),m=this.buildDmyFromDigits(c),L;u.length===0?L="":u.length<8?L=p:c.length>0?L=`${p} - ${m}`:L=s?p:`${p} -`;let I=this.countDigitsBeforeCaret(i,r),D;if(I<=8){let y=this.digitIndexToDmyCaretPos(Math.min(I,8));D=Math.min(y,p.length)}else{let y=u.length<8?p.length:p.length+3,S=Math.min(I-8,8),w=this.digitIndexToDmyCaretPos(S);D=y+Math.min(w,m.length)}this.inputValue=L;let E=!1;if(/^\d{2}\.\d{2}\.\d{4}$/.test(p)){let y=this.dmyToIso(p),S=y?a.parseLocalISO(y):null;S&&!this.isDisabled(S)&&this.inMinMax(S)&&this.rangeStart!==y&&(this.rangeStart=y,this.previewEnd=null,this.viewMonth=new Date(S.getFullYear(),S.getMonth(),1),this.focusedDate=a.startOfDayLocal(S),E=!0)}else this.rangeStart&&(this.rangeStart=null,E=!0),this.rangeEnd&&(this.rangeEnd=null,E=!0);if(/^\d{2}\.\d{2}\.\d{4}$/.test(m)&&this.rangeStart){let y=a.parseLocalISO(this.rangeStart),S=this.dmyToIso(m),w=S?a.parseLocalISO(S):null;if(!!w&&!this.isDisabled(w)&&this.inMinMax(w)){let[T,P]=a.compareDates(y,w)<=0?[y,w]:[w,y],Y=a.isSameDay(T,P);if((this.allowSameDayRange||!Y)&&!this.wouldRangeContainDisabled(T,P)){let V=a.toLocalISODate(a.startOfDayLocal(T)),z=a.toLocalISODate(a.startOfDayLocal(P));(this.rangeStart!==V||this.rangeEnd!==z)&&(this.rangeStart=V,this.rangeEnd=z,this.viewMonth=new Date(P.getFullYear(),P.getMonth(),1),this.focusedDate=a.startOfDayLocal(P),E=!0)}}}else this.rangeEnd&&(this.rangeEnd=null,E=!0);this.showInvalidStyle=!1,this.showValidStyle=!!(this.rangeStart&&this.rangeEnd),E&&(this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.emit("sd-change",{detail:{value:this.value,rangeStart:this.rangeStart,rangeEnd:this.rangeEnd}})),Promise.resolve().then(()=>{requestAnimationFrame(()=>{var S;let y=(S=this.input)!=null?S:e;y&&(y.value=this.inputValue,y.setSelectionRange(D,D))})})}else{let d=e,u=d.value,c=(g=d.selectionStart)!=null?g:u.length,p=u.replace(/\D/g,"").slice(0,8),m=p.slice(0,2),L=p.slice(2,4),I=p.slice(4,8),D="";m.length>0&&(D+=m,m.length===2&&(D+=".")),L.length>0&&m.length===2&&(D+=L,L.length===2&&(D+=".")),I.length>0&&m.length===2&&L.length===2&&(D+=I),D=D.replace(/\.\.+/g,".");let E=this.inputValue||"";this.inputValue=D;let y=c,S=x=>{let V=[];for(let z=0;z<x.length;z++)x[z]==="."&&V.push(z);return V},w=S(E),C=S(D),T=w.filter(x=>x<c).length,Y=C.filter(x=>x<c).length-T;if(Y>0?y+=Y:!w.includes(c)&&C.includes(c)&&(y+=1),y=Math.min(Math.max(0,y),D.length),requestAnimationFrame(()=>{var V;let x=(V=this.input)!=null?V:d;x&&(x.value=this.inputValue,x.setSelectionRange(y,y))}),/^\d{2}\.\d{2}\.\d{4}$/.test(D)){let x=this.parseInputText(D);this.applyParsedInput(x)}else this.showInvalidStyle=!1,this.showValidStyle=!1;return}if(!this.open&&this.hasFocus&&!this.disabled&&!this.visuallyDisabled&&this.show(),this.range){let d=this.rangeStart?a.parseLocalISO(this.rangeStart):null,u=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;d&&!u?this.setNavStatus(`${this.termStartSelected()}: ${this.formatSelectionLabel(d)}`):d&&u&&this.setNavStatus(`${this.termStartSelected()}: ${this.formatSelectionLabel(d)}; ${this.termEndSelected()}: ${this.formatSelectionLabel(u)}`)}else if(this.value){let d=a.parseLocalISO(this.value);this.setNavStatus(`${this.formatSelectionLabel(d)}`)}};this.handleInputBlur=()=>{if(this.disabled||this.visuallyDisabled){this.handleBlur();return}let t=this.parseInputText(this.inputValue);t.valid?this.applyParsedInput(t):(this.inputValue=this.formatInputValue(),this.showInvalidStyle=!!this.inputValue&&!this.value&&!this.rangeStart),this.handleBlur()};this.handleCurrentPlacement=t=>{let e=t.detail;e&&(this.currentPlacement=e)};this.handleHeaderKeyDown=(t,e,i,r)=>{if(!(this.disabled||this.visuallyDisabled||this.readonly)){if(t.key==="Tab"&&!t.shiftKey){r&&(t.preventDefault(),t.stopPropagation(),this.tabbingIntoGrid=!0,this.focusInitialGridDay());return}(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.stopPropagation(),e==="month"?this.setMonth(i):this.setYear(i))}};this.onKeyDown=t=>{var s,n;if(this.disabled||this.visuallyDisabled||this.readonly){t.preventDefault(),t.stopPropagation();return}let e=t.key,i=!0,r=new Date(this.focusedDate);switch(e){case"ArrowLeft":r.setDate(r.getDate()-1);break;case"ArrowRight":r.setDate(r.getDate()+1);break;case"ArrowUp":r.setDate(r.getDate()-7);break;case"ArrowDown":r.setDate(r.getDate()+7);break;case"Escape":{this.previewEnd?(this.previewEnd=null,this.setNavStatus(this.localize.term("selectionCleared"))):this.range&&this.rangeStart&&!this.rangeEnd&&(this.rangeStart=null,this.setNavStatus(this.localize.term("selectionCleared")),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}})),this.open&&(this.hide(),this.emit("sd-datepicker-close"));break}case"Enter":case" ":this.selectDate(this.focusedDate);break;default:i=!1}if(i){t.preventDefault();let o=(s=this.viewMonth)!=null?s:this.ensureViewMonth();if(r.getMonth()!==o.getMonth()||r.getFullYear()!==o.getFullYear()){let d=new Date(r.getFullYear(),r.getMonth(),1);this.viewMonth=d;let u=this.formatMonthYear(d);this.setNavStatus(u)}let v=a.startOfDayLocal(r);v.getTime()!==((n=this.focusedDate)==null?void 0:n.getTime())&&(this.focusedDate=v);let g=v.toLocaleDateString(this.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"});this.setNavStatus(g),this.requestUpdate(),requestAnimationFrame(()=>{let d=this.shadowRoot,u=d==null?void 0:d.querySelector("button.day.focused");u==null||u.focus({preventScroll:!0})})}};this.handleInputKeyDown=t=>{if((this.disabled||this.visuallyDisabled||this.readonly)&&t.key!=="Tab"){t.preventDefault(),t.stopPropagation();return}if(!(t.key==="ArrowLeft"||t.key==="ArrowRight"||t.key==="ArrowUp"||t.key==="ArrowDown"||t.key==="Home"||t.key==="End"||t.key==="PageUp"||t.key==="PageDown")){if(t.key==="Escape"&&this.open){t.preventDefault(),this.hide(),this.emit("sd-datepicker-close");return}t.key==="Enter"&&!this.open&&!this.disabled&&!this.visuallyDisabled&&!this.readonly&&(t.preventDefault(),this.show())}};this.handleOutsideClick=this.handleOutsideClick.bind(this)}connectedCallback(){var n;super.connectedCallback(),this.syncDisabledDatesSet(),document.addEventListener("click",this.handleOutsideClick),this.addEventListener("focusout",this.onFocusOut),this.updateComplete.then(()=>{this.formControlController.updateValidity()});let t=this.value?a.parseLocalISO(this.value):null,e=this.rangeStart?a.parseLocalISO(this.rangeStart):null,i=a.startOfDayLocal(new Date),r=this.range&&e?e:t!=null?t:i,s=(n=this.viewMonth)!=null?n:new Date(r.getFullYear(),r.getMonth(),1);this.viewMonth=s,this.focusedDate=a.clampDateToMonth(r,s),(this.firstDayOfWeek===null||this.firstDayOfWeek===void 0)&&(this.firstDayOfWeek=1),this.inputValue=this.formatInputValue(),this.setAttribute("role","group"),this.setAttribute("aria-label",this.range?this.localize.term("datePickerRange"):this.localize.term("datePicker")),this.addEventListener("focusin",this.onFocusIn)}firstUpdated(){this.formControlController.updateValidity()}handleOpenChange(){this.popup&&(this.popup.active=this.open&&!this.disabled&&!this.visuallyDisabled)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusin",this.onFocusIn),this.removeEventListener("focusout",this.onFocusOut),document.removeEventListener("click",this.handleOutsideClick)}handleLocaleChange(){this.firstDayOfWeek===null&&(this.firstDayOfWeek=1),this.requestUpdate()}handleViewMonthChange(){var i;if(!this.viewMonth)return;let t=this.focusedDate||this.range&&this.rangeEnd&&a.parseLocalISO(this.rangeEnd)||this.range&&this.rangeStart&&a.parseLocalISO(this.rangeStart)||this.value&&a.parseLocalISO(this.value)||this.today;if(!t)return;let e=a.clampDateToMonth(t,this.viewMonth);e.getTime()!==((i=this.focusedDate)==null?void 0:i.getTime())&&(this.focusedDate=e)}handleDisabledDatesChange(){this.syncDisabledDatesSet(),this.requestUpdate()}handleValueChange(){let t=this.value?a.parseLocalISO(this.value):null;t&&(this.viewMonth=new Date(t.getFullYear(),t.getMonth(),1),this.focusedDate=a.startOfDayLocal(t)),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var i;let e=this.input;if(e){e.value=(i=this.inputValue)!=null?i:"";let r=e.value.length;e.setSelectionRange(r,r)}this.formControlController.updateValidity()}),this.emit("sd-change",{detail:{value:this.value,rangeStart:this.rangeStart,rangeEnd:this.rangeEnd}})}handleRangeChange(){let t=this.rangeStart?a.parseLocalISO(this.rangeStart):null,e=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null,i=t!=null?t:e;i&&(this.viewMonth=new Date(i.getFullYear(),i.getMonth(),1),this.focusedDate=a.startOfDayLocal(i)),this.previewEnd!==null&&(this.previewEnd=null),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var s;let r=this.input;if(r){r.value=(s=this.inputValue)!=null?s:"";let n=r.value.length;r.setSelectionRange(n,n)}this.formControlController.updateValidity()}),this.emit("sd-change",{detail:{value:this.value,rangeStart:this.rangeStart,rangeEnd:this.rangeEnd}})}handleDisabledChange(){this.formControlController.setValidity(this.disabled),(this.disabled||this.visuallyDisabled)&&(this.open=!1)}handleSizeChange(){this.size=this.floatingLabel&&this.size==="sm"?"md":this.size}get validity(){let t={valid:!0};return this.input instanceof HTMLInputElement?this.input.validity:t}get validationMessage(){return(this.input instanceof HTMLInputElement?this.input.validationMessage:"")||""}checkValidity(){return this.input instanceof HTMLInputElement?this.input.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input instanceof HTMLInputElement?this.input.reportValidity():!0}setCustomValidity(t){var e;(e=this.input)==null||e.setCustomValidity(t),this.formControlController.updateValidity()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}parseISO(t){return a.parseLocalISO(t)}inMinMax(t){let e=s=>{if(s==null)return null;if(s instanceof Date)return a.startOfDayLocal(s);if(typeof s=="number")return a.startOfDayLocal(new Date(s));if(typeof s=="string"){let n=this.parseISO(s);return n?a.startOfDayLocal(n):null}return null},i=e(this.min),r=e(this.max);return!(i&&t<i||r&&t>r)}isInDisabledDates(t){if(!this.disabledDatesSet||this.disabledDatesSet.size===0)return!1;let e=t.getFullYear(),i=String(t.getMonth()+1).padStart(2,"0"),r=String(t.getDate()).padStart(2,"0"),s=`${e}-${i}-${r}`;return this.disabledDatesSet.has(s)}isWeekend(t){let e=t.getDay();return e===0||e===6}isDisabled(t){var e;return!!(!this.inMinMax(t)||this.disabledWeekends&&this.isWeekend(t)||this.isInDisabledDates(t)||(e=this.isDateDisabled)!=null&&e.call(this,t))}setNavStatus(t){this.statusNavText=t}announceSelect(t,e=40){setTimeout(()=>{this.statusBumpCounter++;let i="\u200B".repeat(this.statusBumpCounter%3);this.statusSelectText=t+i},e)}formatSelectionLabel(t){if(this.locale==="de-DE")return t.toLocaleDateString("de-DE",{day:"numeric",month:"long",year:"numeric"});let e=t.getDate(),i=this.ordinal(e),r=t.toLocaleDateString("en-US",{month:"long"}),s=t.getFullYear();return`${i} of ${r} ${s}`}ordinal(t){let e=["th","st","nd","rd"],i=t%100,r=e[(i-20)%10]||e[i]||e[0];return t+r}syncDisabledDatesSet(){let t=[];if(Array.isArray(this.disabledDates))t=this.disabledDates;else if(typeof this.disabledDates=="string"){let e=this.disabledDates.trim();if(e.startsWith("["))try{let i=JSON.parse(e);Array.isArray(i)&&(t=i)}catch(i){t=[]}else e.length>0&&(t=e.split(",").map(i=>i.trim()).filter(Boolean))}this.disabledDatesSet=new Set(t)}wouldRangeContainDisabled(t,e){let i=a.compareDates(t,e)<=0?a.startOfDayLocal(t):a.startOfDayLocal(e),r=a.compareDates(t,e)<=0?a.startOfDayLocal(e):a.startOfDayLocal(t),s=new Date(i);for(;a.compareDates(s,r)<=0;){if(this.isDisabled(s))return!0;s.setDate(s.getDate()+1)}return!1}termStartSelected(){var t,e;return(e=(t=this.localize)==null?void 0:t.term)==null?void 0:e.call(t,"startDateSelected")}termEndSelected(){var t,e;return(e=(t=this.localize)==null?void 0:t.term)==null?void 0:e.call(t,"endDateSelected")}isoToDmy(t){if(!t)return"";let e=a.parseLocalISO(t);if(e||(e=a.parseLocalISO(t.replace(/-/g,"."))),!e)return"";let i=String(e.getDate()).padStart(2,"0"),r=String(e.getMonth()+1).padStart(2,"0"),s=String(e.getFullYear());return`${i}.${r}.${s}`}dmyToIso(t){if(!t)return null;let e=t.match(/^(\d{2})\.(\d{2})\.(\d{4})$/);if(!e)return null;let i=Number(e[1]),r=Number(e[2]),s=Number(e[3]),n=new Date(s,r-1,i);if(n.getFullYear()!==s||n.getMonth()!==r-1||n.getDate()!==i)return null;let o=a.startOfDayLocal(n);return a.toLocalISODate(o)}formatInputValue(){let t=(this.locale||"").toLowerCase(),e=(this.getAttribute("lang")||"").toLowerCase(),r=t.startsWith("de")||e.startsWith("de")?"\u2013":"-";if(!this.range)return this.isoToDmy(this.value);let s=this.isoToDmy(this.rangeStart),n=this.isoToDmy(this.rangeEnd);return s&&n?`${s} ${r} ${n}`:s&&!n?`${s} ${r}`:""}parseInputText(t){var r,s;let e=t.trim();if(this.range){let n=e.split(/\s*-\s*/);if(n.length===1){let o=n[0];if(!o)return{start:null,end:null,valid:!0};let f=this.dmyToIso(o);return f?{start:f,end:null,valid:!0}:{start:null,end:null,valid:!1}}else if(n.length>=2){let o=(r=n[0])!=null?r:"",f=(s=n[1])!=null?s:"",v=o?this.dmyToIso(o):null,g=f?this.dmyToIso(f):null;return o&&!v?{start:null,end:null,valid:!1}:f&&!g?{start:null,end:null,valid:!1}:{start:v,end:g,valid:!0}}return{start:null,end:null,valid:!1}}if(!e)return{single:null,valid:!0};let i=this.dmyToIso(e);return i?{single:i,valid:!0}:{single:null,valid:!1}}applyParsedInput(t){var o,f,v,g;if(!t.valid)return this.showInvalidStyle=!0,this.showValidStyle=!1,this.formControlController.setValidity(!1),!1;let e=d=>{if(!d)return!0;let u=a.parseLocalISO(d);return!(!this.inMinMax(u)||this.isDisabled(u))},i=!1;if(this.range){let d=(o=t.start)!=null?o:null,u=(f=t.end)!=null?f:null;if(!e(d)||u&&!e(u))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1;let c=d?a.parseLocalISO(d):null,p=u?a.parseLocalISO(u):null;if(c&&p){if(a.compareDates(c,p)>0){let I=c;c=p,p=I}if(!this.allowSameDayRange&&a.isSameDay(c,p))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1;if(this.wouldRangeContainDisabled(c,p))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1}let m=c?a.toLocalISODate(a.startOfDayLocal(c)):null,L=p?a.toLocalISODate(a.startOfDayLocal(p)):null;if(this.rangeStart!==m||this.rangeEnd!==L){this.rangeStart=m,this.rangeEnd=L,this.previewEnd=null,i=!0;let I=(v=c!=null?c:p)!=null?v:this.today;this.viewMonth=new Date(I.getFullYear(),I.getMonth(),1),this.focusedDate=a.startOfDayLocal(I),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}})}return this.showInvalidStyle=!1,this.range?this.showValidStyle=!!(this.rangeStart&&this.rangeEnd&&this.styleOnValid):this.showValidStyle=!!(this.value&&this.styleOnValid),this.formControlController.setValidity(!0),this.updateComplete.then(()=>{this.formControlController.updateValidity()}),!0}let r=(g=t.single)!=null?g:null;if(!e(r))return this.input.setCustomValidity(this.localize.term("datePickerRange")),this.formControlController.setValidity(!1),this.showInvalidStyle=!0,this.showValidStyle=!1,!1;let s=r?a.parseLocalISO(r):null,n=s?a.toLocalISODate(a.startOfDayLocal(s)):null;return this.value!==n&&(this.value=n,i=!0,s&&(this.viewMonth=new Date(s.getFullYear(),s.getMonth(),1),this.focusedDate=a.startOfDayLocal(s)),this.emit("sd-select",{detail:{value:this.value,date:s!=null?s:null}})),this.showInvalidStyle=!1,this.showValidStyle=!!this.value,this.inputValue=this.formatInputValue(),i}buildDmyFromDigits(t){let e=t.slice(0,8),i=e.slice(0,2),r=e.slice(2,4),s=e.slice(4,8),n=i;return r.length&&(n+="."+r),s.length&&(n+="."+s),n}digitIndexToDmyCaretPos(t){return t<=2?t:t<=4?3+(t-2):6+(t-4)}countDigitsBeforeCaret(t,e){return t.slice(0,e).replace(/\D/g,"").length}handleOutsideClick(t){var i,r;((r=(i=t.composedPath)==null?void 0:i.call(t))!=null?r:[]).includes(this)||(this.hide(),this.hasFocus=!1,this.emit("sd-datepicker-close"))}show(){if(this.open||this.disabled||this.visuallyDisabled||this.readonly){this.open=!1;return}this.open=!0}hide(){if(!this.open||this.disabled){this.open=!1;return}this.open=!1}handleMouseDown(t){if(this.visuallyDisabled||this.disabled||this.readonly){t.preventDefault(),t.stopPropagation();return}t.preventDefault(),this.open||this.show()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleFocus(){this.hasFocus=!0,!this.open&&!this.disabled&&!this.visuallyDisabled&&!this.readonly&&this.show(),this.emit("sd-focus")}setMonth(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=new Date(e.getFullYear(),e.getMonth()+t,1);if(i.getMonth()===e.getMonth()&&i.getFullYear()===e.getFullYear())return;this.viewMonth=i;let r=this.formatMonthYear(i);this.setNavStatus(r),this.emit("sd-month-change",{detail:{month:i}})}setYear(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=new Date(e.getFullYear()+t,e.getMonth(),1);if(i.getFullYear()===e.getFullYear()&&i.getMonth()===e.getMonth())return;this.viewMonth=i;let r=this.formatMonthYear(i);this.setNavStatus(r),this.emit("sd-month-year",{detail:{month:i}})}focusInitialGridDay(){var r;let t=null;if(!this.range&&this.value){let s=a.parseLocalISO(this.value);s&&(t=a.startOfDayLocal(s))}if(this.range){let s=this.rangeStart?a.parseLocalISO(this.rangeStart):null,n=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;n?t=a.startOfDayLocal(n):s&&(t=a.startOfDayLocal(s))}let e=(r=this.viewMonth)!=null?r:this.ensureViewMonth();if(!(s=>s?s.getFullYear()===e.getFullYear()&&s.getMonth()===e.getMonth()&&!this.isDisabled(s):!1)(t)){let{weeks:s}=this.getMonthMatrix(e),n=s.flat().find(o=>o.getMonth()===e.getMonth()&&a.isSameDay(o,this.today)&&!this.isDisabled(o));if(n)t=a.startOfDayLocal(n);else{let o=s.flat().find(f=>f.getMonth()===e.getMonth()&&!this.isDisabled(f));t=o?a.startOfDayLocal(o):null}}t&&(this.focusedDate=t),this.requestUpdate(),requestAnimationFrame(()=>{let s=this.shadowRoot,n=(s==null?void 0:s.querySelector("button.day.selected"))||(s==null?void 0:s.querySelector("button.day.focused"))||(s==null?void 0:s.querySelector('button.day[tabindex="0"]'))||(s==null?void 0:s.querySelector("button.day"));n==null||n.focus({preventScroll:!0})})}selectSingleDate(t){if(this.readonly||this.isDisabled(t))return;let e=a.startOfDayLocal(t),i=a.toLocalISODate(e);if(this.value===i)return;this.value=i;let r=`${this.formatSelectionLabel(e)}, ${this.localize.term("selected")}`;this.announceSelect(r),this.emit("sd-select",{detail:{value:this.value,date:e}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var n;let s=this.input;s&&(s.value=(n=this.inputValue)!=null?n:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let o=s.value.length;s.setSelectionRange(o,o)})}))})}selectRangeDate(t){if(this.readonly)return;let e=a.startOfDayLocal(t),i=this.rangeStart?a.parseLocalISO(this.rangeStart):null,r=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;if(!i&&!r){if(this.isDisabled(e))return;this.rangeStart=a.toLocalISODate(e),this.rangeEnd=null,this.previewEnd=null;let s=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${s}`,40),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var o;let n=this.input;n&&(n.value=(o=this.inputValue)!=null?o:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let f=n.value.length;n.setSelectionRange(f,f)})}))});return}if(i&&!r){if(this.isDisabled(e))return;if(a.isSameDay(i,e)){if(!this.allowSameDayRange){this.rangeStart=a.toLocalISODate(e),this.rangeEnd=null,this.previewEnd=null;let d=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${d}`,40),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var c;let u=this.input;u&&(u.value=(c=this.inputValue)!=null?c:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let p=u.value.length;u.setSelectionRange(p,p)})}))});return}this.rangeStart=a.toLocalISODate(e),this.rangeEnd=a.toLocalISODate(e),this.previewEnd=null;let g=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${g}`,40),this.announceSelect(`${this.termEndSelected()}: ${g}`,140),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var u;let d=this.input;d&&(d.value=(u=this.inputValue)!=null?u:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let c=d.value.length;d.setSelectionRange(c,c)})}))});return}let s=a.parseLocalISO(this.rangeStart);if(this.wouldRangeContainDisabled(s,e))return;let[n,o]=a.compareDates(s,e)<=0?[s,e]:[e,s];this.rangeStart=a.toLocalISODate(n),this.rangeEnd=a.toLocalISODate(o),this.previewEnd=null;let f=this.formatSelectionLabel(n),v=this.formatSelectionLabel(o);this.announceSelect(`${this.termStartSelected()}: ${f}`,40),this.announceSelect(`${this.termEndSelected()}: ${v}`,140),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var d;let g=this.input;g&&(g.value=(d=this.inputValue)!=null?d:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let u=g.value.length;g.setSelectionRange(u,u)})}))});return}if(i&&r){if(this.isDisabled(e))return;this.rangeStart=a.toLocalISODate(e),this.rangeEnd=null,this.previewEnd=null;let s=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${s}`,40),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var o;let n=this.input;n&&(n.value=(o=this.inputValue)!=null?o:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let f=n.value.length;n.setSelectionRange(f,f)})}))})}}selectDate(t){this.readonly||(this.range?this.selectRangeDate(t):this.selectSingleDate(t))}ensureViewMonth(){if(this.viewMonth)return this.viewMonth;let t=this.value?a.parseLocalISO(this.value):null,e=this.rangeStart?a.parseLocalISO(this.rangeStart):null,i=a.startOfDayLocal(new Date),r=this.range&&e?e:t!=null?t:i,s=new Date(r.getFullYear(),r.getMonth(),1);return this.viewMonth=s,s}getMonthMatrix(t){var v;let e=(v=this.firstDayOfWeek)!=null?v:1,i=new Date(t.getFullYear(),t.getMonth(),1),r=new Date(i),s=(i.getDay()-e+7)%7;r.setDate(i.getDate()-s);let n=[],o=r;for(let g=0;g<6;g++){let d=[];for(let u=0;u<7;u++)d.push(new Date(o)),o.setDate(o.getDate()+1);n.push(d)}let f=g=>g.every(d=>d.getMonth()!==t.getMonth());for(;n.length>0&&f(n[n.length-1]);)n.pop();return{weeks:n}}formatMonthYear(t){try{return new Intl.DateTimeFormat(this.locale,{month:"long",year:"numeric"}).format(t)}catch(e){return`${t.toLocaleString(void 0,{month:"long"})} ${t.getFullYear()}`}}weekdayLabels(){var r;let t=(r=this.firstDayOfWeek)!=null?r:1,e=new Date(2021,7,1),i=[];for(let s=0;s<7;s++){let n=new Date(e);n.setDate(e.getDate()+(t+s)%7);try{i.push(new Intl.DateTimeFormat(this.locale,{weekday:"short"}).format(n))}catch(o){i.push(n.toLocaleDateString(void 0,{weekday:"short"}))}}return i}getTabTargetDayForCurrentView(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=t.flat().find(n=>n.getMonth()===e.getMonth()&&a.isSameDay(n,this.today)&&!this.isDisabled(n));if(i)return a.startOfDayLocal(i);let r=t.flat().find(n=>n.getMonth()===e.getMonth()&&!this.isDisabled(n));return r?a.startOfDayLocal(r):null}onDayMouseEnter(t){if(!this.range||this.readonly)return;let e=this.rangeStart?a.parseLocalISO(this.rangeStart):null,i=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;if(e&&!i){let r=a.startOfDayLocal(t);this.previewEnd=this.isDisabled(r)?null:r,this.requestUpdate()}}onGridMouseLeave(){this.previewEnd!==null&&(this.previewEnd=null,this.requestUpdate())}renderCalendar(){var d,u;let t=(d=this.viewMonth)!=null?d:this.ensureViewMonth(),{weeks:e}=this.getMonthMatrix(t),i=this.formatMonthYear(t),r=this.weekdayLabels(),s=this.value?this.parseISO(this.value):null,n=this.rangeStart?this.parseISO(this.rangeStart):null,o=this.rangeEnd?this.parseISO(this.rangeEnd):null,f=this.previewEnd,v=c=>!this.range||!n||o||!f?!1:a.isBetweenInclusive(c,n,f),g=this.getTabTargetDayForCurrentView(e);return k`<div part="datepicker" class="${$("w-[284px] z-50 bg-white py-3 px-4",this.open?"block shadow-listbox":"hidden",(u=this.currentPlacement)!=null&&u.startsWith("bottom")?"border-r-2 border-b-2 border-l-2 form-control__listbox-border-bottom-right-radius form-control__listbox-border-bottom-left-radius":"border-r-2 border-t-2 border-l-2 form-control__listbox-border-top-right-radius form-control__listbox-border-top-left-radius","border-primary")}"><div class="flex flex-row items-center w-full justify-between mb-3" part="header"><div class="flex items-center"><button type="button" tabindex="0" class="nav prev w-6 h-6 hover:cursor-pointer sd-interactive" part="prev-year-button" @click="${()=>this.setYear(-1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"year",-1,!1)}" aria-label="${this.localize.term("previousYear")}"><sd-6-21-1-icon library="_internal" name="chevrons-sm-left" class="h-6 w-6"></sd-6-21-1-icon></button> <button type="button" tabindex="0" class="nav prev w-6 h-6 hover:cursor-pointer sd-interactive" part="prev-month-button" @click="${()=>this.setMonth(-1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"month",-1,!1)}" aria-label="${this.localize.term("previousMonth")}"><sd-6-21-1-icon library="_internal" name="chevron-sm-left" class="h-6 w-6"></sd-6-21-1-icon></button></div><div tabindex="-1" class="month-label flex justify-center sd-headline sd-headline--size-base" part="month-label" aria-live="polite">${i}</div><div class="flex items-center"><button type="button" tabindex="0" class="nav next w-6 h-6 hover:cursor-pointer sd-interactive" part="next-month-button" @click="${()=>this.setMonth(1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"month",1,!1)}" aria-label="${this.localize.term("nextMonth")}"><sd-6-21-1-icon library="_internal" name="chevron-sm-right" class="h-6 w-6"></sd-6-21-1-icon></button> <button type="button" tabindex="0" class="nav next w-6 h-6 hover:cursor-pointer sd-interactive" part="next-year-button" @click="${()=>this.setYear(1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"year",1,!0)}" aria-label="${this.localize.term("nextYear")}"><sd-6-21-1-icon library="_internal" name="chevrons-sm-right" class="h-6 w-6"></sd-6-21-1-icon></button></div></div><sd-6-21-1-divider></sd-6-21-1-divider><div class="sr-only" aria-live="polite" aria-atomic="true">${this.statusNavText}</div><div class="sr-only" aria-live="assertive" aria-atomic="true">${this.statusSelectText}</div><div class="sr-only" id="keyboard-hint">${this.localize.term("datePickerInfo")}</div><div class="grid mt-2" role="grid" aria-describedby="keyboard-hint" aria-label="${i}" part="grid" @mouseleave="${this.onGridMouseLeave}" @focusin="${()=>{this.tabbingIntoGrid=!1}}"><div class="grid-row grid-head grid grid-cols-7 gap-y-[1px]" role="row">${r.map((c,p)=>k`<div role="columnheader" aria-colindex="${p+1}" part="weekday" class="cell head flex items-center justify-center font-bold text-black text-sm leading-none h-8" aria-label="${c}" title="${c}" id="${"col-"+(p+1)}">${c}</div>`)}</div>${e.map((c,p)=>k`<div class="grid-row grid grid-cols-7 ${p===0?"mt-2":""}" role="row" aria-rowindex="${p+2}">${c.map((m,L)=>{let I=m.getMonth()===t.getMonth(),D=this.isDisabled(m)||!this.inMinMax(m),E=a.isSameDay(m,this.focusedDate),y=a.isSameDay(m,this.today),S=!this.range&&s?a.isSameDay(m,s):!1,w=this.range&&n?a.isSameDay(m,n):!1,C=this.range&&o?a.isSameDay(m,o):!1,T=this.range&&n&&o?a.isBetweenInclusive(m,n,o):!1,P=v(m)&&!D,Y=-1,x=g&&a.isSameDay(m,g);(this.tabbingIntoGrid&&x||!this.tabbingIntoGrid&&E)&&(Y=0);let V=this.isWeekend(m),z=m.toLocaleDateString(this.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"}),R=w?this.localize.term("startDateSelected"):C?this.localize.term("endDateSelected"):void 0;return k`<button type="button" part="day" class="${$("cell day flex items-center justify-center focus-visible:outline focus:outline-2 focus:outline-primary -outline-offset-2 rounded w-[36px]",this.size==="sm"?"text-sm h-6":"text-base h-8",w||C?E?"outline-none sd-6-21-1-datepicker__date-item--selected--hover-color-background sd-6-21-1-datepicker__date-item--selected--hover-color-text":"outline-none sd-6-21-1-datepicker__date-item--selected-color-background sd-6-21-1-datepicker__date-item--selected-color-text hover:sd-6-21-1-datepicker__date-item--selected--hover-color-background hover:sd-6-21-1-datepicker__date-item--selected--hover-color-text":"hover:sd-6-21-1-datepicker__date-item--hover--default-color-text",!w&&!C&&!T&&"hover:sd-6-21-1-datepicker__date-item--hover--default-color-background",S?"selected outline-none border-primary sd-6-21-1-datepicker__date-item--selected-color-background sd-6-21-1-datepicker__date-item--selected-color-text hover:sd-6-21-1-datepicker__date-item--selected--hover-color-text hover:sd-6-21-1-datepicker__date-item--selected--hover-color-background":I?this.isInDisabledDates(m)||!this.inMinMax(m)?"out-month text-neutral-500":this.disabledWeekends&&V?"weekend-day text-neutral-500":"in-month sd-6-21-1-datepicker__date-item--default-color-text":this.disabledWeekends&&V?"out-month weekend-day text-neutral-500":V?"out-month weekend-day text-neutral-700":"out-month text-neutral-700 hover:sd-6-21-1-datepicker__date-item--hover--prev-next-color-text hover:sd-6-21-1-datepicker__date-item--hover--prev-next-color-background",w?"rounded-l-md rounded-r-none":"",C?"range-end rounded-r-md rounded-l-none":"",T&&!w&&!C?"in-range selected sd-6-21-1-datepicker__date-item--range-color-background rounded-none hover:sd-6-21-1-datepicker__date-item--selected--hover-color-background hover:sd-6-21-1-datepicker__date-item--selected--hover-color-text":"",!T&&P&&!w&&!C?"in-preview-range bg-primary-100 text-primary-500 rounded-none":"",y&&!S&&!w&&!C&&E?"today border-[1px] border-primary sd-6-21-1-datepicker__date-item--current-font-weight":"",D?"disabled cursor-not-allowed hover:bg-transparent":"cursor-pointer",E&&!y?"focused outline outline-2 outline-primary":"")}" role="gridcell" aria-colindex="${L+1}" aria-labelledby="${"col-"+(L+1)}" .tabIndex="${Y}" ?disabled="${D||this.disabled||this.readonly}" aria-disabled="${D||this.visuallyDisabled||this.disabled||this.readonly?"true":"false"}" aria-selected="${S||T||w||C?"true":"false"}" aria-current="${y?"date":q}" aria-label="${z}" aria-roledescription="${R!=null?R:q}" @focus="${()=>this.focusedDate=a.startOfDayLocal(m)}" @mouseenter="${()=>this.onDayMouseEnter(m)}" @keydown="${this.onKeyDown}" @click="${()=>{this.focusedDate=a.startOfDayLocal(m),this.selectDate(m)}}">${m.getDate()}</button>`})}</div>`)}</div></div>`}render(){var c,p;let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,i=this.helpText?!0:!!t.helpText,r=!!t.tooltip,s=this.value!==null&&String(this.value).length>0||this.range&&this.rangeStart!==null||this.rangeEnd!==null,n=this.floatingLabel&&e&&(this.hasFocus||this.open||s)&&!this.disabled&&!this.visuallyDisabled,o=this.disabled||this.visuallyDisabled?"text-neutral-500":"icon-color",f={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],v={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],g=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus||this.open?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",d={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[g],u=this.size==="sm"?"text-sm":"text-base";return k`<div part="form-control" class="${$("min-w-[284px]",this.open&&"z-50",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${e&&!this.floatingLabel||r?k`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${$(e?"inline-block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"form-control-color-text",u)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?k`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${$("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}">${e&&this.floatingLabel?k`<label id="label" part="form-control-floating-label" class="${$("absolute left-4 z-20 pointer-events-none transition-all duration-200 form-control--filled__floating-label-color-text",n?this.size==="lg"?"top-2 text-xs":"top-1 text-xs":"top-1/2 -translate-y-1/2 form-control-color-text",n&&"mt-1")}" for="input"><span class="${$("leading-none",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",n&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null}<div part="border" class="${$("absolute top-0 w-full h-full pointer-events-none border form-control-border-radius z-10 transition-[border] duration-medium ease-in-out",d,this.open&&((c=this.currentPlacement)!=null&&c.startsWith("bottom")?this.open&&this.alignment==="left"?"rounded-bl-none":"rounded-br-none":this.open&&this.alignment==="left"?"rounded-tl-none":"rounded-tr-none"))}"></div><sd-6-21-1-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${$("inline-flex relative w-full",(p=this.currentPlacement)!=null&&p.startsWith("bottom")?"origin-top":"origin-bottom")}" placement="${this.alignment==="left"?`${this.placement}-start`:`${this.placement}-end`}" flip shift auto-size="vertical" auto-size-padding="10" exportparts="popup:popup__content,"><div part="base" class="${$("px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast w-full",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:[@media(hover:hover)]:form-control--hover-color-background":"",this.readonly?"form-control--read-only-color-background":"bg-white",g==="disabled"||g==="visuallyDisabled"?"text-neutral-500":"text-black",g==="invalid"&&"form-control--invalid-color-background",g==="active"&&"shadow")}" slot="anchor"><input id="input" type="text" role="combobox" aria-expanded="${this.open?"true":"false"}" aria-haspopup="dialog" aria-controls="calendar-grid" aria-describedby="${i?"help-text":void 0}" aria-invalid="${this.showInvalidStyle?"true":"false"}" aria-label="${this.range?"Select date range":"Select a date"}" class="${$("min-w-0 grow focus:outline-none bg-transparent hover:cursor-pointer text-black",this.visuallyDisabled||this.disabled?"placeholder:text-neutral-500 cursor-not-allowed":"placeholder:text-neutral-700",{sm:"h-8",md:"h-10",lg:"h-12"}[this.size],u,this.floatingLabel&&"mt-4")}" autocomplete="off" spellcheck="false" placeholder="${!this.floatingLabel||n?this.placeholder||this.localize.term(this.range?"dateRangePlaceholder":"datePlaceholder"):""}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly||this.visuallyDisabled}" @input="${this.handleInput}" @click="${this.handleMouseDown}" @keydown="${this.handleInputKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleInputBlur}" @invalid="${this.handleInvalid}"> ${this.showInvalidStyle?k`<sd-6-21-1-icon part="invalid-icon" class="${$("text-error",f,v)}" library="_internal" name="risk"></sd-6-21-1-icon>`:""} ${this.showValidStyle&&this.styleOnValid?k`<sd-6-21-1-icon class="${$("text-success shrink-0",f,v)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-21-1-icon>`:""}<sd-6-21-1-icon class="${$(o,f,v,"hover:cursor-pointer")}" library="_internal" name="calendar" @click="${this.show}"></sd-6-21-1-icon></div>${this.renderCalendar()}</sd-6-21-1-popup></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${$("text-sm mt-1",i?"block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"text-neutral-700")}" aria-hidden="${!i}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`}};l.styles=[...H.styles,N`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{position:relative;display:inline-block;width:100%;--tw-outline-style:none;outline-style:none}:host([required]) #label::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}.today:hover{border-color:rgba(var(--sd-datepicker__date-item--hover--default-color-border,rgba(var(--sd-color-primary-500))))}.in-range,.today{color:rgba(var(--sd-datepicker__date-item--current-color-text,rgba(var(--sd-color-primary))))}.icon-color{color:rgb(var(--sd-color-icon-fill-primary))}.month-label{color:rgb(var(--sd-color-border-primary))!important}`],h([b({type:String,reflect:!0})],l.prototype,"locale",2),h([b({type:String,converter:A,reflect:!0})],l.prototype,"value",2),h([b({type:Boolean,reflect:!0})],l.prototype,"range",2),h([b({attribute:"range-start",converter:A,reflect:!0})],l.prototype,"rangeStart",2),h([b({attribute:"range-end",converter:A,reflect:!0})],l.prototype,"rangeEnd",2),h([b({type:Boolean})],l.prototype,"allowSameDayRange",2),h([b({type:String,converter:A,reflect:!0})],l.prototype,"min",2),h([b({type:String,converter:A,reflect:!0})],l.prototype,"max",2),h([b({attribute:"view-month",converter:j})],l.prototype,"viewMonth",2),h([b({type:Number})],l.prototype,"firstDayOfWeek",2),h([b({type:Boolean,reflect:!0,attribute:"disabled-weekends"})],l.prototype,"disabledWeekends",2),h([b({attribute:"disabled-dates",converter:J})],l.prototype,"disabledDates",2),h([b({attribute:!1})],l.prototype,"isDateDisabled",2),h([b({type:String,reflect:!0})],l.prototype,"size",2),h([b({type:String})],l.prototype,"alignment",2),h([b({type:String,reflect:!0})],l.prototype,"label",2),h([b({type:String,attribute:"help-text",reflect:!0})],l.prototype,"helpText",2),h([b({attribute:"floating-label",type:Boolean,reflect:!0})],l.prototype,"floatingLabel",2),h([b({type:Boolean,reflect:!0})],l.prototype,"disabled",2),h([b({type:Boolean,reflect:!0})],l.prototype,"required",2),h([b({type:Boolean,attribute:"visually-disabled"})],l.prototype,"visuallyDisabled",2),h([b({type:Boolean,reflect:!0,attribute:"style-on-valid"})],l.prototype,"styleOnValid",2),h([b({type:Boolean,reflect:!0})],l.prototype,"readonly",2),h([b({type:String,reflect:!0})],l.prototype,"placement",2),h([b({type:String,reflect:!0})],l.prototype,"placeholder",2),h([b({reflect:!0})],l.prototype,"name",2),h([b({type:String,reflect:!0})],l.prototype,"form",2),h([O()],l.prototype,"open",2),h([O()],l.prototype,"focusedDate",2),h([O()],l.prototype,"today",2),h([O()],l.prototype,"disabledDatesSet",2),h([O()],l.prototype,"previewEnd",2),h([O()],l.prototype,"statusNavText",2),h([O()],l.prototype,"statusSelectText",2),h([O()],l.prototype,"hasFocus",2),h([O()],l.prototype,"showValidStyle",2),h([O()],l.prototype,"showInvalidStyle",2),h([O()],l.prototype,"currentPlacement",2),h([O()],l.prototype,"inputValue",2),h([B("sd-6-21-1-popup")],l.prototype,"popup",2),h([B("#invalid-message")],l.prototype,"invalidMessage",2),h([B("#input")],l.prototype,"input",2),h([_("open",{waitUntilFirstUpdate:!0})],l.prototype,"handleOpenChange",1),h([_("locale")],l.prototype,"handleLocaleChange",1),h([_("viewMonth")],l.prototype,"handleViewMonthChange",1),h([_("disabledDates")],l.prototype,"handleDisabledDatesChange",1),h([_("value")],l.prototype,"handleValueChange",1),h([_("rangeStart"),_("rangeEnd")],l.prototype,"handleRangeChange",1),h([_(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],l.prototype,"handleDisabledChange",1),h([_(["size","floatingLabel"])],l.prototype,"handleSizeChange",1),l=h([W("sd-6-21-1-datepicker")],l);export{l as a};
+import{a}from"./chunk.WWGARXPI.js";import{b as K}from"./chunk.LZRL7OLU.js";import{a as G}from"./chunk.CGQ2BPPZ.js";import{a as U}from"./chunk.VAM5SM3O.js";import{a as $}from"./chunk.UFTAQNZB.js";import{a as _}from"./chunk.NYKJXI3Q.js";import{a as W,b,c as O,d as B,h as H}from"./chunk.XJAJO727.js";import{b as N,e as k,i as q}from"./chunk.OBAEIKIV.js";import{e as h}from"./chunk.6EV4YU6C.js";var A={fromAttribute(M){if(!M)return null;let t=M.trim().replace(/[./]/g,"-").match(/^(\d{4})-(\d{2})-(\d{2})$/);if(!t)return null;let e=`${t[1]}-${t[2]}-${t[3]}`,i=new Date(+t[1],+t[2]-1,+t[3]);return i.getFullYear()!==+t[1]||i.getMonth()!==+t[2]-1||i.getDate()!==+t[3]?null:e},toAttribute(M){return M!=null?M:""}},j={fromAttribute(M){if(!M)return null;let F=M.trim().replace(/[./]/g,"-"),t=F.match(/^(\d{2})-(\d{4})$/),e,i;if(t)e=Number(t[1]),i=Number(t[2]);else{if(t=F.match(/^(\d{4})-(\d{2})$/),!t)return null;i=Number(t[1]),e=Number(t[2])}return!i||!e||e<1||e>12?null:new Date(i,e-1,1)},toAttribute(M){if(!M)return"";let F=M.getFullYear(),t=String(M.getMonth()+1).padStart(2,"0");return`${F}-${t}`}},J={fromAttribute(M){if(!M)return[];let F=[],t=M.trim();if(t.startsWith("["))try{let i=JSON.parse(t);Array.isArray(i)&&(F=i.map(String))}catch(i){return[]}else F=t.split(/[\s,]+/).map(i=>i.trim()).filter(Boolean);let e=[];for(let i of F){let s=i.replace(/[-/]/g,".").split(".");if(s.length!==3)continue;let[n,o,f]=s.map(Number);if(!n||!o||!f)continue;let v=new Date(n,o-1,f);if(v.getFullYear()!==n||v.getMonth()!==o-1||v.getDate()!==f)continue;let g=`${n}-${String(o).padStart(2,"0")}-${String(f).padStart(2,"0")}`;e.push(g)}return e},toAttribute(M){return M?M.join(","):""}},l=class extends H{constructor(){super();this.localize=new U(this);this.hasSlotController=new G(this,"label","help-text","tooltip");this.formControlController=new K(this,{assumeInteractionOn:["sd-blur","sd-input"]});this.locale="en-US";this.value=null;this.range=!1;this.rangeStart=null;this.rangeEnd=null;this.allowSameDayRange=!1;this.min=void 0;this.max=void 0;this.viewMonth=null;this.firstDayOfWeek=null;this.disabledWeekends=!1;this.disabledDates=[];this.isDateDisabled=null;this.size="lg";this.alignment="left";this.label="";this.helpText="";this.floatingLabel=!1;this.disabled=!1;this.required=!1;this.visuallyDisabled=!1;this.styleOnValid=!1;this.readonly=!1;this.placement="bottom";this.placeholder="";this.name="";this.form="";this.open=!1;this.today=a.startOfDayLocal(new Date);this.disabledDatesSet=new Set;this.previewEnd=null;this.statusNavText="";this.statusSelectText="";this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.currentPlacement=this.placement;this.inputValue="";this.tabbingIntoGrid=!1;this.statusBumpCounter=0;this.onFocusOut=t=>{let e=t.relatedTarget;e&&this.contains(e)||(this.open&&(this.hide(),this.emit("sd-datepicker-close")),this.hasFocus=!1)};this.onFocusIn=t=>{if(this.disabled||this.visuallyDisabled)return;t.composedPath().some(r=>{var s,n;return r instanceof HTMLElement&&(((s=r.classList)==null?void 0:s.contains("nav"))||((n=r.classList)==null?void 0:n.contains("month-label")))})&&(this.tabbingIntoGrid=!0)};this.handleInput=t=>{var n,o,f,v,g;if(this.disabled||this.visuallyDisabled||this.readonly){(n=t.preventDefault)==null||n.call(t),(o=t.stopPropagation)==null||o.call(t);return}let e=t.target,i=e.value,r=(f=e.selectionStart)!=null?f:i.length,s=(v=t.inputType)==null?void 0:v.startsWith("delete");if(this.range){let d=i.replace(/\D/g,""),u=d.slice(0,8),c=d.slice(8,16),p=this.buildDmyFromDigits(u),m=this.buildDmyFromDigits(c),L;u.length===0?L="":u.length<8?L=p:c.length>0?L=`${p} - ${m}`:L=s?p:`${p} -`;let I=this.countDigitsBeforeCaret(i,r),D;if(I<=8){let y=this.digitIndexToDmyCaretPos(Math.min(I,8));D=Math.min(y,p.length)}else{let y=u.length<8?p.length:p.length+3,S=Math.min(I-8,8),w=this.digitIndexToDmyCaretPos(S);D=y+Math.min(w,m.length)}this.inputValue=L;let E=!1;if(/^\d{2}\.\d{2}\.\d{4}$/.test(p)){let y=this.dmyToIso(p),S=y?a.parseLocalISO(y):null;S&&!this.isDisabled(S)&&this.inMinMax(S)&&this.rangeStart!==y&&(this.rangeStart=y,this.previewEnd=null,this.viewMonth=new Date(S.getFullYear(),S.getMonth(),1),this.focusedDate=a.startOfDayLocal(S),E=!0)}else this.rangeStart&&(this.rangeStart=null,E=!0),this.rangeEnd&&(this.rangeEnd=null,E=!0);if(/^\d{2}\.\d{2}\.\d{4}$/.test(m)&&this.rangeStart){let y=a.parseLocalISO(this.rangeStart),S=this.dmyToIso(m),w=S?a.parseLocalISO(S):null;if(!!w&&!this.isDisabled(w)&&this.inMinMax(w)){let[T,P]=a.compareDates(y,w)<=0?[y,w]:[w,y],Y=a.isSameDay(T,P);if((this.allowSameDayRange||!Y)&&!this.wouldRangeContainDisabled(T,P)){let V=a.toLocalISODate(a.startOfDayLocal(T)),z=a.toLocalISODate(a.startOfDayLocal(P));(this.rangeStart!==V||this.rangeEnd!==z)&&(this.rangeStart=V,this.rangeEnd=z,this.viewMonth=new Date(P.getFullYear(),P.getMonth(),1),this.focusedDate=a.startOfDayLocal(P),E=!0)}}}else this.rangeEnd&&(this.rangeEnd=null,E=!0);this.showInvalidStyle=!1,this.showValidStyle=!!(this.rangeStart&&this.rangeEnd),E&&(this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.emit("sd-change",{detail:{value:this.value,rangeStart:this.rangeStart,rangeEnd:this.rangeEnd}})),Promise.resolve().then(()=>{requestAnimationFrame(()=>{var S;let y=(S=this.input)!=null?S:e;y&&(y.value=this.inputValue,y.setSelectionRange(D,D))})})}else{let d=e,u=d.value,c=(g=d.selectionStart)!=null?g:u.length,p=u.replace(/\D/g,"").slice(0,8),m=p.slice(0,2),L=p.slice(2,4),I=p.slice(4,8),D="";m.length>0&&(D+=m,m.length===2&&(D+=".")),L.length>0&&m.length===2&&(D+=L,L.length===2&&(D+=".")),I.length>0&&m.length===2&&L.length===2&&(D+=I),D=D.replace(/\.\.+/g,".");let E=this.inputValue||"";this.inputValue=D;let y=c,S=x=>{let V=[];for(let z=0;z<x.length;z++)x[z]==="."&&V.push(z);return V},w=S(E),C=S(D),T=w.filter(x=>x<c).length,Y=C.filter(x=>x<c).length-T;if(Y>0?y+=Y:!w.includes(c)&&C.includes(c)&&(y+=1),y=Math.min(Math.max(0,y),D.length),requestAnimationFrame(()=>{var V;let x=(V=this.input)!=null?V:d;x&&(x.value=this.inputValue,x.setSelectionRange(y,y))}),/^\d{2}\.\d{2}\.\d{4}$/.test(D)){let x=this.parseInputText(D);this.applyParsedInput(x)}else this.showInvalidStyle=!1,this.showValidStyle=!1;return}if(!this.open&&this.hasFocus&&!this.disabled&&!this.visuallyDisabled&&this.show(),this.range){let d=this.rangeStart?a.parseLocalISO(this.rangeStart):null,u=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;d&&!u?this.setNavStatus(`${this.termStartSelected()}: ${this.formatSelectionLabel(d)}`):d&&u&&this.setNavStatus(`${this.termStartSelected()}: ${this.formatSelectionLabel(d)}; ${this.termEndSelected()}: ${this.formatSelectionLabel(u)}`)}else if(this.value){let d=a.parseLocalISO(this.value);this.setNavStatus(`${this.formatSelectionLabel(d)}`)}};this.handleInputBlur=()=>{if(this.disabled||this.visuallyDisabled){this.handleBlur();return}let t=this.parseInputText(this.inputValue);t.valid?this.applyParsedInput(t):(this.inputValue=this.formatInputValue(),this.showInvalidStyle=!!this.inputValue&&!this.value&&!this.rangeStart),this.handleBlur()};this.handleCurrentPlacement=t=>{let e=t.detail;e&&(this.currentPlacement=e)};this.handleHeaderKeyDown=(t,e,i,r)=>{if(!(this.disabled||this.visuallyDisabled||this.readonly)){if(t.key==="Tab"&&!t.shiftKey){r&&(t.preventDefault(),t.stopPropagation(),this.tabbingIntoGrid=!0,this.focusInitialGridDay());return}(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.stopPropagation(),e==="month"?this.setMonth(i):this.setYear(i))}};this.onKeyDown=t=>{var s,n;if(this.disabled||this.visuallyDisabled||this.readonly){t.preventDefault(),t.stopPropagation();return}let e=t.key,i=!0,r=new Date(this.focusedDate);switch(e){case"ArrowLeft":r.setDate(r.getDate()-1);break;case"ArrowRight":r.setDate(r.getDate()+1);break;case"ArrowUp":r.setDate(r.getDate()-7);break;case"ArrowDown":r.setDate(r.getDate()+7);break;case"Escape":{this.previewEnd?(this.previewEnd=null,this.setNavStatus(this.localize.term("selectionCleared"))):this.range&&this.rangeStart&&!this.rangeEnd&&(this.rangeStart=null,this.setNavStatus(this.localize.term("selectionCleared")),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}})),this.open&&(this.hide(),this.emit("sd-datepicker-close"));break}case"Enter":case" ":this.selectDate(this.focusedDate);break;default:i=!1}if(i){t.preventDefault();let o=(s=this.viewMonth)!=null?s:this.ensureViewMonth();if(r.getMonth()!==o.getMonth()||r.getFullYear()!==o.getFullYear()){let d=new Date(r.getFullYear(),r.getMonth(),1);this.viewMonth=d;let u=this.formatMonthYear(d);this.setNavStatus(u)}let v=a.startOfDayLocal(r);v.getTime()!==((n=this.focusedDate)==null?void 0:n.getTime())&&(this.focusedDate=v);let g=v.toLocaleDateString(this.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"});this.setNavStatus(g),this.requestUpdate(),requestAnimationFrame(()=>{let d=this.shadowRoot,u=d==null?void 0:d.querySelector("button.day.focused");u==null||u.focus({preventScroll:!0})})}};this.handleInputKeyDown=t=>{if((this.disabled||this.visuallyDisabled||this.readonly)&&t.key!=="Tab"){t.preventDefault(),t.stopPropagation();return}if(!(t.key==="ArrowLeft"||t.key==="ArrowRight"||t.key==="ArrowUp"||t.key==="ArrowDown"||t.key==="Home"||t.key==="End"||t.key==="PageUp"||t.key==="PageDown")){if(t.key==="Escape"&&this.open){t.preventDefault(),this.hide(),this.emit("sd-datepicker-close");return}t.key==="Enter"&&!this.open&&!this.disabled&&!this.visuallyDisabled&&!this.readonly&&(t.preventDefault(),this.show())}};this.handleOutsideClick=this.handleOutsideClick.bind(this)}connectedCallback(){var n;super.connectedCallback(),this.syncDisabledDatesSet(),document.addEventListener("click",this.handleOutsideClick),this.addEventListener("focusout",this.onFocusOut),this.updateComplete.then(()=>{this.formControlController.updateValidity()});let t=this.value?a.parseLocalISO(this.value):null,e=this.rangeStart?a.parseLocalISO(this.rangeStart):null,i=a.startOfDayLocal(new Date),r=this.range&&e?e:t!=null?t:i,s=(n=this.viewMonth)!=null?n:new Date(r.getFullYear(),r.getMonth(),1);this.viewMonth=s,this.focusedDate=a.clampDateToMonth(r,s),(this.firstDayOfWeek===null||this.firstDayOfWeek===void 0)&&(this.firstDayOfWeek=1),this.inputValue=this.formatInputValue(),this.setAttribute("role","group"),this.setAttribute("aria-label",this.range?this.localize.term("datePickerRange"):this.localize.term("datePicker")),this.addEventListener("focusin",this.onFocusIn)}firstUpdated(){this.formControlController.updateValidity()}handleOpenChange(){this.popup&&(this.popup.active=this.open&&!this.disabled&&!this.visuallyDisabled)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusin",this.onFocusIn),this.removeEventListener("focusout",this.onFocusOut),document.removeEventListener("click",this.handleOutsideClick)}handleLocaleChange(){this.firstDayOfWeek===null&&(this.firstDayOfWeek=1),this.requestUpdate()}handleViewMonthChange(){var i;if(!this.viewMonth)return;let t=this.focusedDate||this.range&&this.rangeEnd&&a.parseLocalISO(this.rangeEnd)||this.range&&this.rangeStart&&a.parseLocalISO(this.rangeStart)||this.value&&a.parseLocalISO(this.value)||this.today;if(!t)return;let e=a.clampDateToMonth(t,this.viewMonth);e.getTime()!==((i=this.focusedDate)==null?void 0:i.getTime())&&(this.focusedDate=e)}handleDisabledDatesChange(){this.syncDisabledDatesSet(),this.requestUpdate()}handleValueChange(){let t=this.value?a.parseLocalISO(this.value):null;t&&(this.viewMonth=new Date(t.getFullYear(),t.getMonth(),1),this.focusedDate=a.startOfDayLocal(t)),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var i;let e=this.input;if(e){e.value=(i=this.inputValue)!=null?i:"";let r=e.value.length;e.setSelectionRange(r,r)}this.formControlController.updateValidity()}),this.emit("sd-change",{detail:{value:this.value,rangeStart:this.rangeStart,rangeEnd:this.rangeEnd}})}handleRangeChange(){let t=this.rangeStart?a.parseLocalISO(this.rangeStart):null,e=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null,i=t!=null?t:e;i&&(this.viewMonth=new Date(i.getFullYear(),i.getMonth(),1),this.focusedDate=a.startOfDayLocal(i)),this.previewEnd!==null&&(this.previewEnd=null),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var s;let r=this.input;if(r){r.value=(s=this.inputValue)!=null?s:"";let n=r.value.length;r.setSelectionRange(n,n)}this.formControlController.updateValidity()}),this.emit("sd-change",{detail:{value:this.value,rangeStart:this.rangeStart,rangeEnd:this.rangeEnd}})}handleDisabledChange(){this.formControlController.setValidity(this.disabled),(this.disabled||this.visuallyDisabled)&&(this.open=!1)}handleSizeChange(){this.size=this.floatingLabel&&this.size==="sm"?"md":this.size}get validity(){let t={valid:!0};return this.input instanceof HTMLInputElement?this.input.validity:t}get validationMessage(){return(this.input instanceof HTMLInputElement?this.input.validationMessage:"")||""}checkValidity(){return this.input instanceof HTMLInputElement?this.input.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input instanceof HTMLInputElement?this.input.reportValidity():!0}setCustomValidity(t){var e;(e=this.input)==null||e.setCustomValidity(t),this.formControlController.updateValidity()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}parseISO(t){return a.parseLocalISO(t)}inMinMax(t){let e=s=>{if(s==null)return null;if(s instanceof Date)return a.startOfDayLocal(s);if(typeof s=="number")return a.startOfDayLocal(new Date(s));if(typeof s=="string"){let n=this.parseISO(s);return n?a.startOfDayLocal(n):null}return null},i=e(this.min),r=e(this.max);return!(i&&t<i||r&&t>r)}isInDisabledDates(t){if(!this.disabledDatesSet||this.disabledDatesSet.size===0)return!1;let e=t.getFullYear(),i=String(t.getMonth()+1).padStart(2,"0"),r=String(t.getDate()).padStart(2,"0"),s=`${e}-${i}-${r}`;return this.disabledDatesSet.has(s)}isWeekend(t){let e=t.getDay();return e===0||e===6}isDisabled(t){var e;return!!(!this.inMinMax(t)||this.disabledWeekends&&this.isWeekend(t)||this.isInDisabledDates(t)||(e=this.isDateDisabled)!=null&&e.call(this,t))}setNavStatus(t){this.statusNavText=t}announceSelect(t,e=40){setTimeout(()=>{this.statusBumpCounter++;let i="\u200B".repeat(this.statusBumpCounter%3);this.statusSelectText=t+i},e)}formatSelectionLabel(t){if(this.locale==="de-DE")return t.toLocaleDateString("de-DE",{day:"numeric",month:"long",year:"numeric"});let e=t.getDate(),i=this.ordinal(e),r=t.toLocaleDateString("en-US",{month:"long"}),s=t.getFullYear();return`${i} of ${r} ${s}`}ordinal(t){let e=["th","st","nd","rd"],i=t%100,r=e[(i-20)%10]||e[i]||e[0];return t+r}syncDisabledDatesSet(){let t=[];if(Array.isArray(this.disabledDates))t=this.disabledDates;else if(typeof this.disabledDates=="string"){let e=this.disabledDates.trim();if(e.startsWith("["))try{let i=JSON.parse(e);Array.isArray(i)&&(t=i)}catch(i){t=[]}else e.length>0&&(t=e.split(",").map(i=>i.trim()).filter(Boolean))}this.disabledDatesSet=new Set(t)}wouldRangeContainDisabled(t,e){let i=a.compareDates(t,e)<=0?a.startOfDayLocal(t):a.startOfDayLocal(e),r=a.compareDates(t,e)<=0?a.startOfDayLocal(e):a.startOfDayLocal(t),s=new Date(i);for(;a.compareDates(s,r)<=0;){if(this.isDisabled(s))return!0;s.setDate(s.getDate()+1)}return!1}termStartSelected(){var t,e;return(e=(t=this.localize)==null?void 0:t.term)==null?void 0:e.call(t,"startDateSelected")}termEndSelected(){var t,e;return(e=(t=this.localize)==null?void 0:t.term)==null?void 0:e.call(t,"endDateSelected")}isoToDmy(t){if(!t)return"";let e=a.parseLocalISO(t);if(e||(e=a.parseLocalISO(t.replace(/-/g,"."))),!e)return"";let i=String(e.getDate()).padStart(2,"0"),r=String(e.getMonth()+1).padStart(2,"0"),s=String(e.getFullYear());return`${i}.${r}.${s}`}dmyToIso(t){if(!t)return null;let e=t.match(/^(\d{2})\.(\d{2})\.(\d{4})$/);if(!e)return null;let i=Number(e[1]),r=Number(e[2]),s=Number(e[3]),n=new Date(s,r-1,i);if(n.getFullYear()!==s||n.getMonth()!==r-1||n.getDate()!==i)return null;let o=a.startOfDayLocal(n);return a.toLocalISODate(o)}formatInputValue(){let t=(this.locale||"").toLowerCase(),e=(this.getAttribute("lang")||"").toLowerCase(),r=t.startsWith("de")||e.startsWith("de")?"\u2013":"-";if(!this.range)return this.isoToDmy(this.value);let s=this.isoToDmy(this.rangeStart),n=this.isoToDmy(this.rangeEnd);return s&&n?`${s} ${r} ${n}`:s&&!n?`${s} ${r}`:""}parseInputText(t){var r,s;let e=t.trim();if(this.range){let n=e.split(/\s*-\s*/);if(n.length===1){let o=n[0];if(!o)return{start:null,end:null,valid:!0};let f=this.dmyToIso(o);return f?{start:f,end:null,valid:!0}:{start:null,end:null,valid:!1}}else if(n.length>=2){let o=(r=n[0])!=null?r:"",f=(s=n[1])!=null?s:"",v=o?this.dmyToIso(o):null,g=f?this.dmyToIso(f):null;return o&&!v?{start:null,end:null,valid:!1}:f&&!g?{start:null,end:null,valid:!1}:{start:v,end:g,valid:!0}}return{start:null,end:null,valid:!1}}if(!e)return{single:null,valid:!0};let i=this.dmyToIso(e);return i?{single:i,valid:!0}:{single:null,valid:!1}}applyParsedInput(t){var o,f,v,g;if(!t.valid)return this.showInvalidStyle=!0,this.showValidStyle=!1,this.formControlController.setValidity(!1),!1;let e=d=>{if(!d)return!0;let u=a.parseLocalISO(d);return!(!this.inMinMax(u)||this.isDisabled(u))},i=!1;if(this.range){let d=(o=t.start)!=null?o:null,u=(f=t.end)!=null?f:null;if(!e(d)||u&&!e(u))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1;let c=d?a.parseLocalISO(d):null,p=u?a.parseLocalISO(u):null;if(c&&p){if(a.compareDates(c,p)>0){let I=c;c=p,p=I}if(!this.allowSameDayRange&&a.isSameDay(c,p))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1;if(this.wouldRangeContainDisabled(c,p))return this.showInvalidStyle=!0,this.showValidStyle=!1,!1}let m=c?a.toLocalISODate(a.startOfDayLocal(c)):null,L=p?a.toLocalISODate(a.startOfDayLocal(p)):null;if(this.rangeStart!==m||this.rangeEnd!==L){this.rangeStart=m,this.rangeEnd=L,this.previewEnd=null,i=!0;let I=(v=c!=null?c:p)!=null?v:this.today;this.viewMonth=new Date(I.getFullYear(),I.getMonth(),1),this.focusedDate=a.startOfDayLocal(I),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}})}return this.showInvalidStyle=!1,this.range?this.showValidStyle=!!(this.rangeStart&&this.rangeEnd&&this.styleOnValid):this.showValidStyle=!!(this.value&&this.styleOnValid),this.formControlController.setValidity(!0),this.updateComplete.then(()=>{this.formControlController.updateValidity()}),!0}let r=(g=t.single)!=null?g:null;if(!e(r))return this.input.setCustomValidity(this.localize.term("datePickerRange")),this.formControlController.setValidity(!1),this.showInvalidStyle=!0,this.showValidStyle=!1,!1;let s=r?a.parseLocalISO(r):null,n=s?a.toLocalISODate(a.startOfDayLocal(s)):null;return this.value!==n&&(this.value=n,i=!0,s&&(this.viewMonth=new Date(s.getFullYear(),s.getMonth(),1),this.focusedDate=a.startOfDayLocal(s)),this.emit("sd-select",{detail:{value:this.value,date:s!=null?s:null}})),this.showInvalidStyle=!1,this.showValidStyle=!!this.value,this.inputValue=this.formatInputValue(),i}buildDmyFromDigits(t){let e=t.slice(0,8),i=e.slice(0,2),r=e.slice(2,4),s=e.slice(4,8),n=i;return r.length&&(n+="."+r),s.length&&(n+="."+s),n}digitIndexToDmyCaretPos(t){return t<=2?t:t<=4?3+(t-2):6+(t-4)}countDigitsBeforeCaret(t,e){return t.slice(0,e).replace(/\D/g,"").length}handleOutsideClick(t){var i,r;((r=(i=t.composedPath)==null?void 0:i.call(t))!=null?r:[]).includes(this)||(this.hide(),this.hasFocus=!1,this.emit("sd-datepicker-close"))}show(){if(this.open||this.disabled||this.visuallyDisabled||this.readonly){this.open=!1;return}this.open=!0}hide(){if(!this.open||this.disabled){this.open=!1;return}this.open=!1}handleMouseDown(t){if(this.visuallyDisabled||this.disabled||this.readonly){t.preventDefault(),t.stopPropagation();return}t.preventDefault(),this.open||this.show()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleFocus(){this.hasFocus=!0,!this.open&&!this.disabled&&!this.visuallyDisabled&&!this.readonly&&this.show(),this.emit("sd-focus")}setMonth(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=new Date(e.getFullYear(),e.getMonth()+t,1);if(i.getMonth()===e.getMonth()&&i.getFullYear()===e.getFullYear())return;this.viewMonth=i;let r=this.formatMonthYear(i);this.setNavStatus(r),this.emit("sd-month-change",{detail:{month:i}})}setYear(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=new Date(e.getFullYear()+t,e.getMonth(),1);if(i.getFullYear()===e.getFullYear()&&i.getMonth()===e.getMonth())return;this.viewMonth=i;let r=this.formatMonthYear(i);this.setNavStatus(r),this.emit("sd-month-year",{detail:{month:i}})}focusInitialGridDay(){var r;let t=null;if(!this.range&&this.value){let s=a.parseLocalISO(this.value);s&&(t=a.startOfDayLocal(s))}if(this.range){let s=this.rangeStart?a.parseLocalISO(this.rangeStart):null,n=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;n?t=a.startOfDayLocal(n):s&&(t=a.startOfDayLocal(s))}let e=(r=this.viewMonth)!=null?r:this.ensureViewMonth();if(!(s=>s?s.getFullYear()===e.getFullYear()&&s.getMonth()===e.getMonth()&&!this.isDisabled(s):!1)(t)){let{weeks:s}=this.getMonthMatrix(e),n=s.flat().find(o=>o.getMonth()===e.getMonth()&&a.isSameDay(o,this.today)&&!this.isDisabled(o));if(n)t=a.startOfDayLocal(n);else{let o=s.flat().find(f=>f.getMonth()===e.getMonth()&&!this.isDisabled(f));t=o?a.startOfDayLocal(o):null}}t&&(this.focusedDate=t),this.requestUpdate(),requestAnimationFrame(()=>{let s=this.shadowRoot,n=(s==null?void 0:s.querySelector("button.day.selected"))||(s==null?void 0:s.querySelector("button.day.focused"))||(s==null?void 0:s.querySelector('button.day[tabindex="0"]'))||(s==null?void 0:s.querySelector("button.day"));n==null||n.focus({preventScroll:!0})})}selectSingleDate(t){if(this.readonly||this.isDisabled(t))return;let e=a.startOfDayLocal(t),i=a.toLocalISODate(e);if(this.value===i)return;this.value=i;let r=`${this.formatSelectionLabel(e)}, ${this.localize.term("selected")}`;this.announceSelect(r),this.emit("sd-select",{detail:{value:this.value,date:e}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var n;let s=this.input;s&&(s.value=(n=this.inputValue)!=null?n:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let o=s.value.length;s.setSelectionRange(o,o)})}))})}selectRangeDate(t){if(this.readonly)return;let e=a.startOfDayLocal(t),i=this.rangeStart?a.parseLocalISO(this.rangeStart):null,r=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;if(!i&&!r){if(this.isDisabled(e))return;this.rangeStart=a.toLocalISODate(e),this.rangeEnd=null,this.previewEnd=null;let s=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${s}`,40),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var o;let n=this.input;n&&(n.value=(o=this.inputValue)!=null?o:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let f=n.value.length;n.setSelectionRange(f,f)})}))});return}if(i&&!r){if(this.isDisabled(e))return;if(a.isSameDay(i,e)){if(!this.allowSameDayRange){this.rangeStart=a.toLocalISODate(e),this.rangeEnd=null,this.previewEnd=null;let d=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${d}`,40),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var c;let u=this.input;u&&(u.value=(c=this.inputValue)!=null?c:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let p=u.value.length;u.setSelectionRange(p,p)})}))});return}this.rangeStart=a.toLocalISODate(e),this.rangeEnd=a.toLocalISODate(e),this.previewEnd=null;let g=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${g}`,40),this.announceSelect(`${this.termEndSelected()}: ${g}`,140),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var u;let d=this.input;d&&(d.value=(u=this.inputValue)!=null?u:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let c=d.value.length;d.setSelectionRange(c,c)})}))});return}let s=a.parseLocalISO(this.rangeStart);if(this.wouldRangeContainDisabled(s,e))return;let[n,o]=a.compareDates(s,e)<=0?[s,e]:[e,s];this.rangeStart=a.toLocalISODate(n),this.rangeEnd=a.toLocalISODate(o),this.previewEnd=null;let f=this.formatSelectionLabel(n),v=this.formatSelectionLabel(o);this.announceSelect(`${this.termStartSelected()}: ${f}`,40),this.announceSelect(`${this.termEndSelected()}: ${v}`,140),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var d;let g=this.input;g&&(g.value=(d=this.inputValue)!=null?d:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let u=g.value.length;g.setSelectionRange(u,u)})}))});return}if(i&&r){if(this.isDisabled(e))return;this.rangeStart=a.toLocalISODate(e),this.rangeEnd=null,this.previewEnd=null;let s=this.formatSelectionLabel(e);this.announceSelect(`${this.termStartSelected()}: ${s}`,40),this.emit("sd-range-select",{detail:{start:this.rangeStart,end:this.rangeEnd}}),this.inputValue=this.formatInputValue(),this.updateComplete.then(()=>{var o;let n=this.input;n&&(n.value=(o=this.inputValue)!=null?o:"",Promise.resolve().then(()=>{requestAnimationFrame(()=>{let f=n.value.length;n.setSelectionRange(f,f)})}))})}}selectDate(t){this.readonly||(this.range?this.selectRangeDate(t):this.selectSingleDate(t))}ensureViewMonth(){if(this.viewMonth)return this.viewMonth;let t=this.value?a.parseLocalISO(this.value):null,e=this.rangeStart?a.parseLocalISO(this.rangeStart):null,i=a.startOfDayLocal(new Date),r=this.range&&e?e:t!=null?t:i,s=new Date(r.getFullYear(),r.getMonth(),1);return this.viewMonth=s,s}getMonthMatrix(t){var v;let e=(v=this.firstDayOfWeek)!=null?v:1,i=new Date(t.getFullYear(),t.getMonth(),1),r=new Date(i),s=(i.getDay()-e+7)%7;r.setDate(i.getDate()-s);let n=[],o=r;for(let g=0;g<6;g++){let d=[];for(let u=0;u<7;u++)d.push(new Date(o)),o.setDate(o.getDate()+1);n.push(d)}let f=g=>g.every(d=>d.getMonth()!==t.getMonth());for(;n.length>0&&f(n[n.length-1]);)n.pop();return{weeks:n}}formatMonthYear(t){try{return new Intl.DateTimeFormat(this.locale,{month:"long",year:"numeric"}).format(t)}catch(e){return`${t.toLocaleString(void 0,{month:"long"})} ${t.getFullYear()}`}}weekdayLabels(){var r;let t=(r=this.firstDayOfWeek)!=null?r:1,e=new Date(2021,7,1),i=[];for(let s=0;s<7;s++){let n=new Date(e);n.setDate(e.getDate()+(t+s)%7);try{i.push(new Intl.DateTimeFormat(this.locale,{weekday:"short"}).format(n))}catch(o){i.push(n.toLocaleDateString(void 0,{weekday:"short"}))}}return i}getTabTargetDayForCurrentView(t){var s;let e=(s=this.viewMonth)!=null?s:this.ensureViewMonth(),i=t.flat().find(n=>n.getMonth()===e.getMonth()&&a.isSameDay(n,this.today)&&!this.isDisabled(n));if(i)return a.startOfDayLocal(i);let r=t.flat().find(n=>n.getMonth()===e.getMonth()&&!this.isDisabled(n));return r?a.startOfDayLocal(r):null}onDayMouseEnter(t){if(!this.range||this.readonly)return;let e=this.rangeStart?a.parseLocalISO(this.rangeStart):null,i=this.rangeEnd?a.parseLocalISO(this.rangeEnd):null;if(e&&!i){let r=a.startOfDayLocal(t);this.previewEnd=this.isDisabled(r)?null:r,this.requestUpdate()}}onGridMouseLeave(){this.previewEnd!==null&&(this.previewEnd=null,this.requestUpdate())}renderCalendar(){var d,u;let t=(d=this.viewMonth)!=null?d:this.ensureViewMonth(),{weeks:e}=this.getMonthMatrix(t),i=this.formatMonthYear(t),r=this.weekdayLabels(),s=this.value?this.parseISO(this.value):null,n=this.rangeStart?this.parseISO(this.rangeStart):null,o=this.rangeEnd?this.parseISO(this.rangeEnd):null,f=this.previewEnd,v=c=>!this.range||!n||o||!f?!1:a.isBetweenInclusive(c,n,f),g=this.getTabTargetDayForCurrentView(e);return k`<div part="datepicker" class="${$("w-[284px] z-50 bg-white py-3 px-4",this.open?"block shadow-listbox":"hidden",(u=this.currentPlacement)!=null&&u.startsWith("bottom")?"border-r-2 border-b-2 border-l-2 form-control__listbox-border-bottom-right-radius form-control__listbox-border-bottom-left-radius":"border-r-2 border-t-2 border-l-2 form-control__listbox-border-top-right-radius form-control__listbox-border-top-left-radius","border-primary")}"><div class="flex flex-row items-center w-full justify-between mb-3" part="header"><div class="flex items-center"><button type="button" tabindex="0" class="nav prev w-6 h-6 hover:cursor-pointer sd-interactive" part="prev-year-button" @click="${()=>this.setYear(-1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"year",-1,!1)}" aria-label="${this.localize.term("previousYear")}"><sd-6-22-0-icon library="_internal" name="chevrons-sm-left" class="h-6 w-6"></sd-6-22-0-icon></button> <button type="button" tabindex="0" class="nav prev w-6 h-6 hover:cursor-pointer sd-interactive" part="prev-month-button" @click="${()=>this.setMonth(-1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"month",-1,!1)}" aria-label="${this.localize.term("previousMonth")}"><sd-6-22-0-icon library="_internal" name="chevron-sm-left" class="h-6 w-6"></sd-6-22-0-icon></button></div><div tabindex="-1" class="month-label flex justify-center sd-headline sd-headline--size-base" part="month-label" aria-live="polite">${i}</div><div class="flex items-center"><button type="button" tabindex="0" class="nav next w-6 h-6 hover:cursor-pointer sd-interactive" part="next-month-button" @click="${()=>this.setMonth(1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"month",1,!1)}" aria-label="${this.localize.term("nextMonth")}"><sd-6-22-0-icon library="_internal" name="chevron-sm-right" class="h-6 w-6"></sd-6-22-0-icon></button> <button type="button" tabindex="0" class="nav next w-6 h-6 hover:cursor-pointer sd-interactive" part="next-year-button" @click="${()=>this.setYear(1)}" @keydown="${c=>this.handleHeaderKeyDown(c,"year",1,!0)}" aria-label="${this.localize.term("nextYear")}"><sd-6-22-0-icon library="_internal" name="chevrons-sm-right" class="h-6 w-6"></sd-6-22-0-icon></button></div></div><sd-6-22-0-divider></sd-6-22-0-divider><div class="sr-only" aria-live="polite" aria-atomic="true">${this.statusNavText}</div><div class="sr-only" aria-live="assertive" aria-atomic="true">${this.statusSelectText}</div><div class="sr-only" id="keyboard-hint">${this.localize.term("datePickerInfo")}</div><div class="grid mt-2" role="grid" aria-describedby="keyboard-hint" aria-label="${i}" part="grid" @mouseleave="${this.onGridMouseLeave}" @focusin="${()=>{this.tabbingIntoGrid=!1}}"><div class="grid-row grid-head grid grid-cols-7 gap-y-[1px]" role="row">${r.map((c,p)=>k`<div role="columnheader" aria-colindex="${p+1}" part="weekday" class="cell head flex items-center justify-center font-bold text-black text-sm leading-none h-8" aria-label="${c}" title="${c}" id="${"col-"+(p+1)}">${c}</div>`)}</div>${e.map((c,p)=>k`<div class="grid-row grid grid-cols-7 ${p===0?"mt-2":""}" role="row" aria-rowindex="${p+2}">${c.map((m,L)=>{let I=m.getMonth()===t.getMonth(),D=this.isDisabled(m)||!this.inMinMax(m),E=a.isSameDay(m,this.focusedDate),y=a.isSameDay(m,this.today),S=!this.range&&s?a.isSameDay(m,s):!1,w=this.range&&n?a.isSameDay(m,n):!1,C=this.range&&o?a.isSameDay(m,o):!1,T=this.range&&n&&o?a.isBetweenInclusive(m,n,o):!1,P=v(m)&&!D,Y=-1,x=g&&a.isSameDay(m,g);(this.tabbingIntoGrid&&x||!this.tabbingIntoGrid&&E)&&(Y=0);let V=this.isWeekend(m),z=m.toLocaleDateString(this.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"}),R=w?this.localize.term("startDateSelected"):C?this.localize.term("endDateSelected"):void 0;return k`<button type="button" part="day" class="${$("cell day flex items-center justify-center focus-visible:outline focus:outline-2 focus:outline-primary -outline-offset-2 rounded w-[36px]",this.size==="sm"?"text-sm h-6":"text-base h-8",w||C?E?"outline-none sd-6-22-0-datepicker__date-item--selected--hover-color-background sd-6-22-0-datepicker__date-item--selected--hover-color-text":"outline-none sd-6-22-0-datepicker__date-item--selected-color-background sd-6-22-0-datepicker__date-item--selected-color-text hover:sd-6-22-0-datepicker__date-item--selected--hover-color-background hover:sd-6-22-0-datepicker__date-item--selected--hover-color-text":"hover:sd-6-22-0-datepicker__date-item--hover--default-color-text",!w&&!C&&!T&&"hover:sd-6-22-0-datepicker__date-item--hover--default-color-background",S?"selected outline-none border-primary sd-6-22-0-datepicker__date-item--selected-color-background sd-6-22-0-datepicker__date-item--selected-color-text hover:sd-6-22-0-datepicker__date-item--selected--hover-color-text hover:sd-6-22-0-datepicker__date-item--selected--hover-color-background":I?this.isInDisabledDates(m)||!this.inMinMax(m)?"out-month text-neutral-500":this.disabledWeekends&&V?"weekend-day text-neutral-500":"in-month sd-6-22-0-datepicker__date-item--default-color-text":this.disabledWeekends&&V?"out-month weekend-day text-neutral-500":V?"out-month weekend-day text-neutral-700":"out-month text-neutral-700 hover:sd-6-22-0-datepicker__date-item--hover--prev-next-color-text hover:sd-6-22-0-datepicker__date-item--hover--prev-next-color-background",w?"rounded-l-md rounded-r-none":"",C?"range-end rounded-r-md rounded-l-none":"",T&&!w&&!C?"in-range selected sd-6-22-0-datepicker__date-item--range-color-background rounded-none hover:sd-6-22-0-datepicker__date-item--selected--hover-color-background hover:sd-6-22-0-datepicker__date-item--selected--hover-color-text":"",!T&&P&&!w&&!C?"in-preview-range bg-primary-100 text-primary-500 rounded-none":"",y&&!S&&!w&&!C&&E?"today border-[1px] border-primary sd-6-22-0-datepicker__date-item--current-font-weight":"",D?"disabled cursor-not-allowed hover:bg-transparent":"cursor-pointer",E&&!y?"focused outline outline-2 outline-primary":"")}" role="gridcell" aria-colindex="${L+1}" aria-labelledby="${"col-"+(L+1)}" .tabIndex="${Y}" ?disabled="${D||this.disabled||this.readonly}" aria-disabled="${D||this.visuallyDisabled||this.disabled||this.readonly?"true":"false"}" aria-selected="${S||T||w||C?"true":"false"}" aria-current="${y?"date":q}" aria-label="${z}" aria-roledescription="${R!=null?R:q}" @focus="${()=>this.focusedDate=a.startOfDayLocal(m)}" @mouseenter="${()=>this.onDayMouseEnter(m)}" @keydown="${this.onKeyDown}" @click="${()=>{this.focusedDate=a.startOfDayLocal(m),this.selectDate(m)}}">${m.getDate()}</button>`})}</div>`)}</div></div>`}render(){var c,p;let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,i=this.helpText?!0:!!t.helpText,r=!!t.tooltip,s=this.value!==null&&String(this.value).length>0||this.range&&this.rangeStart!==null||this.rangeEnd!==null,n=this.floatingLabel&&e&&(this.hasFocus||this.open||s)&&!this.disabled&&!this.visuallyDisabled,o=this.disabled||this.visuallyDisabled?"text-neutral-500":"icon-color",f={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],v={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],g=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus||this.open?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",d={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[g],u=this.size==="sm"?"text-sm":"text-base";return k`<div part="form-control" class="${$("min-w-[284px]",this.open&&"z-50",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${e&&!this.floatingLabel||r?k`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${$(e?"inline-block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"form-control-color-text",u)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?k`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${$("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}">${e&&this.floatingLabel?k`<label id="label" part="form-control-floating-label" class="${$("absolute left-4 z-20 pointer-events-none transition-all duration-200 form-control--filled__floating-label-color-text",n?this.size==="lg"?"top-2 text-xs":"top-1 text-xs":"top-1/2 -translate-y-1/2 form-control-color-text",n&&"mt-1")}" for="input"><span class="${$("leading-none",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",n&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null}<div part="border" class="${$("absolute top-0 w-full h-full pointer-events-none border form-control-border-radius z-10 transition-[border] duration-medium ease-in-out",d,this.open&&((c=this.currentPlacement)!=null&&c.startsWith("bottom")?this.open&&this.alignment==="left"?"rounded-bl-none":"rounded-br-none":this.open&&this.alignment==="left"?"rounded-tl-none":"rounded-tr-none"))}"></div><sd-6-22-0-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${$("inline-flex relative w-full",(p=this.currentPlacement)!=null&&p.startsWith("bottom")?"origin-top":"origin-bottom")}" placement="${this.alignment==="left"?`${this.placement}-start`:`${this.placement}-end`}" flip shift auto-size="vertical" auto-size-padding="10" exportparts="popup:popup__content,"><div part="base" class="${$("px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast w-full",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:[@media(hover:hover)]:form-control--hover-color-background":"",this.readonly?"form-control--read-only-color-background":"bg-white",g==="disabled"||g==="visuallyDisabled"?"text-neutral-500":"text-black",g==="invalid"&&"form-control--invalid-color-background",g==="active"&&"shadow")}" slot="anchor"><input id="input" type="text" role="combobox" aria-expanded="${this.open?"true":"false"}" aria-haspopup="dialog" aria-controls="calendar-grid" aria-describedby="${i?"help-text":void 0}" aria-invalid="${this.showInvalidStyle?"true":"false"}" aria-label="${this.range?"Select date range":"Select a date"}" class="${$("min-w-0 grow focus:outline-none bg-transparent hover:cursor-pointer text-black",this.visuallyDisabled||this.disabled?"placeholder:text-neutral-500 cursor-not-allowed":"placeholder:text-neutral-700",{sm:"h-8",md:"h-10",lg:"h-12"}[this.size],u,this.floatingLabel&&"mt-4")}" autocomplete="off" spellcheck="false" placeholder="${!this.floatingLabel||n?this.placeholder||this.localize.term(this.range?"dateRangePlaceholder":"datePlaceholder"):""}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly||this.visuallyDisabled}" @input="${this.handleInput}" @click="${this.handleMouseDown}" @keydown="${this.handleInputKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleInputBlur}" @invalid="${this.handleInvalid}"> ${this.showInvalidStyle?k`<sd-6-22-0-icon part="invalid-icon" class="${$("text-error",f,v)}" library="_internal" name="risk"></sd-6-22-0-icon>`:""} ${this.showValidStyle&&this.styleOnValid?k`<sd-6-22-0-icon class="${$("text-success shrink-0",f,v)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-22-0-icon>`:""}<sd-6-22-0-icon class="${$(o,f,v,"hover:cursor-pointer")}" library="_internal" name="calendar" @click="${this.show}"></sd-6-22-0-icon></div>${this.renderCalendar()}</sd-6-22-0-popup></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${$("text-sm mt-1",i?"block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"text-neutral-700")}" aria-hidden="${!i}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`}};l.styles=[...H.styles,N`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{position:relative;display:inline-block;width:100%;--tw-outline-style:none;outline-style:none}:host([required]) #label::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}.today:hover{border-color:rgba(var(--sd-datepicker__date-item--hover--default-color-border,rgba(var(--sd-color-primary-500))))}.in-range,.today{color:rgba(var(--sd-datepicker__date-item--current-color-text,rgba(var(--sd-color-primary))))}.icon-color{color:rgb(var(--sd-color-icon-fill-primary))}.month-label{color:rgb(var(--sd-color-border-primary))!important}`],h([b({type:String,reflect:!0})],l.prototype,"locale",2),h([b({type:String,converter:A,reflect:!0})],l.prototype,"value",2),h([b({type:Boolean,reflect:!0})],l.prototype,"range",2),h([b({attribute:"range-start",converter:A,reflect:!0})],l.prototype,"rangeStart",2),h([b({attribute:"range-end",converter:A,reflect:!0})],l.prototype,"rangeEnd",2),h([b({type:Boolean})],l.prototype,"allowSameDayRange",2),h([b({type:String,converter:A,reflect:!0})],l.prototype,"min",2),h([b({type:String,converter:A,reflect:!0})],l.prototype,"max",2),h([b({attribute:"view-month",converter:j})],l.prototype,"viewMonth",2),h([b({type:Number})],l.prototype,"firstDayOfWeek",2),h([b({type:Boolean,reflect:!0,attribute:"disabled-weekends"})],l.prototype,"disabledWeekends",2),h([b({attribute:"disabled-dates",converter:J})],l.prototype,"disabledDates",2),h([b({attribute:!1})],l.prototype,"isDateDisabled",2),h([b({type:String,reflect:!0})],l.prototype,"size",2),h([b({type:String})],l.prototype,"alignment",2),h([b({type:String,reflect:!0})],l.prototype,"label",2),h([b({type:String,attribute:"help-text",reflect:!0})],l.prototype,"helpText",2),h([b({attribute:"floating-label",type:Boolean,reflect:!0})],l.prototype,"floatingLabel",2),h([b({type:Boolean,reflect:!0})],l.prototype,"disabled",2),h([b({type:Boolean,reflect:!0})],l.prototype,"required",2),h([b({type:Boolean,attribute:"visually-disabled"})],l.prototype,"visuallyDisabled",2),h([b({type:Boolean,reflect:!0,attribute:"style-on-valid"})],l.prototype,"styleOnValid",2),h([b({type:Boolean,reflect:!0})],l.prototype,"readonly",2),h([b({type:String,reflect:!0})],l.prototype,"placement",2),h([b({type:String,reflect:!0})],l.prototype,"placeholder",2),h([b({reflect:!0})],l.prototype,"name",2),h([b({type:String,reflect:!0})],l.prototype,"form",2),h([O()],l.prototype,"open",2),h([O()],l.prototype,"focusedDate",2),h([O()],l.prototype,"today",2),h([O()],l.prototype,"disabledDatesSet",2),h([O()],l.prototype,"previewEnd",2),h([O()],l.prototype,"statusNavText",2),h([O()],l.prototype,"statusSelectText",2),h([O()],l.prototype,"hasFocus",2),h([O()],l.prototype,"showValidStyle",2),h([O()],l.prototype,"showInvalidStyle",2),h([O()],l.prototype,"currentPlacement",2),h([O()],l.prototype,"inputValue",2),h([B("sd-6-22-0-popup")],l.prototype,"popup",2),h([B("#invalid-message")],l.prototype,"invalidMessage",2),h([B("#input")],l.prototype,"input",2),h([_("open",{waitUntilFirstUpdate:!0})],l.prototype,"handleOpenChange",1),h([_("locale")],l.prototype,"handleLocaleChange",1),h([_("viewMonth")],l.prototype,"handleViewMonthChange",1),h([_("disabledDates")],l.prototype,"handleDisabledDatesChange",1),h([_("value")],l.prototype,"handleValueChange",1),h([_("rangeStart"),_("rangeEnd")],l.prototype,"handleRangeChange",1),h([_(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],l.prototype,"handleDisabledChange",1),h([_(["size","floatingLabel"])],l.prototype,"handleSizeChange",1),l=h([W("sd-6-22-0-datepicker")],l);export{l as a};

package/cdn-versioned/chunks/{chunk.QC5LFZGS.js → chunk.D4SBGWDF.js}

@@ -1,2 +1,2 @@
-import{a as T}from"./chunk.MHWW3RZB.js";import{c as b}from"./chunk.3L472FD4.js";import{a as f}from"./chunk.LHSR56PH.js";import{a as y}from"./chunk.VAM5SM3O.js";import{a as c}from"./chunk.UFTAQNZB.js";import{a as g,b as w,c as v,d as h,h as u}from"./chunk.ZWP56CX7.js";import{b as m,e as d}from"./chunk.OBAEIKIV.js";import{a as p,e as l}from"./chunk.6EV4YU6C.js";var a=class extends u{constructor(){super(...arguments);this.localize=new y(this);this.tabs=[];this.panels=[];this.hasScrollControls=!1;this.variant="default";this.canScroll={left:!1,right:!1};this.activation="auto"}connectedCallback(){let t=Promise.all([customElements.whenDefined("sd-6-21-1-tab"),customElements.whenDefined("sd-6-21-1-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollControls(),this.repositionIndicator()}),this.mutationObserver=new MutationObserver(i=>{i.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),i.some(e=>e.attributeName==="disabled")&&this.syncTabsAndPanels()}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),this.nav.addEventListener("scroll",()=>this.handleScroll()),t.then(()=>{new IntersectionObserver((e,o)=>{var s;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((s=this.activeTab)!=null?s:this.tabs[0],{emitEvents:!1}),o.unobserve(e[0].target))}).observe(this.tabGroup)})})}updated(t){!t.get("canScroll")&&this.canScroll&&this.handleScroll()}disconnectedCallback(){var t;this.mutationObserver.disconnect(),this.nav&&((t=this.resizeObserver)==null||t.unobserve(this.nav))}getAllTabs(t={includeDisabled:!0}){let i=this.shadowRoot.querySelector('slot[name="nav"]');return Array.from(i.assignedElements()).map(e=>e.tagName.toLocaleLowerCase()==="sd-6-21-1-tab"?e:e.querySelector("sd-6-21-1-tab")).filter(e=>e&&t.includeDisabled?e.tagName.toLowerCase()==="sd-6-21-1-tab":e.tagName.toLowerCase()==="sd-6-21-1-tab"&&!e.disabled)}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-6-21-1-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.matches(":focus"))}handleClick(t){let e=t.target.closest("sd-6-21-1-tab");(e==null?void 0:e.closest("sd-6-21-1-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("sd-6-21-1-tab");if((e==null?void 0:e.closest("sd-6-21-1-tab-group"))===this){if(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["Tab"].includes(t.key)){let s=this.tabs.indexOf(this.getActiveTab()),n=this.tabs[s+1];e!==null&&n&&b(n,this.nav,"horizontal")}if(["Shift","Tab"].includes(t.key)){let s=this.tabs.indexOf(this.getActiveTab()),n=this.tabs[s-1];e!==null&&n&&b(n,this.nav,"horizontal")}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){let s=this.tabs.find(r=>r.matches(":focus")),n=this.localize.dir()==="rtl";if((s==null?void 0:s.tagName.toLowerCase())==="sd-6-21-1-tab"){let r=this.tabs.indexOf(s);t.key==="Home"?r=0:t.key==="End"?r=this.tabs.length-1:t.key===(n?"ArrowRight":"ArrowLeft")||t.key==="ArrowUp"?r--:(t.key===(n?"ArrowLeft":"ArrowRight")||t.key==="ArrowDown")&&r++,r<0&&(r=this.tabs.length-1),r>this.tabs.length-1&&(r=0),this.tabs[r].focus({preventScroll:!0}),this.activation==="auto"&&this.setActiveTab(this.tabs[r],{scrollBehavior:"smooth"}),b(this.tabs[r],this.nav,"horizontal"),t.preventDefault()}}}}handleScroll(){this.canScroll={left:this.nav.scrollLeft>0,right:this.nav.scrollLeft+this.nav.clientWidth<this.nav.scrollWidth-1}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,i){if(i=p({emitEvents:!0,scrollBehavior:"auto"},i),t!==this.activeTab&&!t.disabled&&!t.visuallyDisabled){let e=this.activeTab;this.activeTab=t,this.tabs.map(o=>o.active=o===this.activeTab),this.panels.map(o=>{var s;return o.active=o.name===((s=this.activeTab)==null?void 0:s.panel)}),this.repositionIndicator(),b(this.activeTab,this.nav,"horizontal",i.scrollBehavior),i.emitEvents&&(e&&this.emit("sd-tab-hide",{detail:{name:e.panel}}),this.emit("sd-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let i=this.panels.find(e=>e.name===t.panel);i&&t.setAttribute("aria-controls",i.getAttribute("id"))})}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.repositionIndicator(),this.panels.forEach(t=>{t.tabIndex=0}),this.updateComplete.then(()=>this.updateScrollControls()),this.tabs.length!==0&&this.tabs[0].variant==="container"&&(this.variant="container")}updateScrollControls(){this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth}async repositionIndicator(){await this.updateComplete;let t=this.activeTab,i=this.indicator,e=this.tabsContainer;if(!t||!i||!e||t.variant==="container")return;let o=t.getBoundingClientRect(),s=e.getBoundingClientRect(),n=getComputedStyle(e).justifyContent==="center",r=s.left+s.width/2,A=o.left+o.width/2,x=t.offsetWidth,C=n?A-r:o.left-s.left;i.style.width=`${x}px`,i.style.transform=`translateX(${C}px)`}show(t){let i=this.tabs.find(e=>e.panel===t);i&&this.setActiveTab(i,{scrollBehavior:"smooth"})}render(){var i;let t=this.localize.dir()==="rtl";return d`<div part="base" class="${c("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${c(this.hasScrollControls&&"relative py-0 px-12")}">${this.hasScrollControls?d`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${f(!this.canScroll.left||void 0)}" class="${c("sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"left-auto right-0")}" @click="${this.handleScrollToStart}"><sd-6-21-1-icon library="_internal" name="${t?"chevron-up":"chevron-down"}" label="previous" class="${c("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-21-1-icon></button>`:""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${c("flex flex-auto relative flex-row")}" role="tablist">${((i=this.activeTab)==null?void 0:i.variant)!=="container"?d`<div part="active-tab-indicator" id="indicator" class="absolute h-1 bg-accent bottom-0 transition-[transform,width] duration-medium ease-in-out z-30 navigable__current-indicator-height navigable__current-indicator-border-radius"></div>`:""}<div part="separation" class="border-neutral-400 absolute w-full h-0.25 bottom-0 border-b z-10"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls?d`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${f(!this.canScroll.right||void 0)}" class="${c("sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"right-auto left-0")}" @click="${this.handleScrollToEnd}"><sd-6-21-1-icon library="_internal" name="${t?"chevron-down":"chevron-up"}" label="next" class="${c("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-21-1-icon></button>`:""}</div><slot part="body" class="${c("block auto py-8 px-6",this.variant==="container"&&"border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`}};a.styles=[...u.styles,m`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}::slotted(sd-6-21-1-tab-panel){--padding:1rem 0}::slotted(sd-6-21-1-tab-panel:focus-visible){outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:var(--outline-color-primary)}`],l([h("[part=base]")],a.prototype,"tabGroup",2),l([h("[part=body]")],a.prototype,"body",2),l([h("[part=scroll-container]")],a.prototype,"nav",2),l([h("[part=active-tab-indicator]")],a.prototype,"indicator",2),l([h('[part="tabs"]')],a.prototype,"tabsContainer",2),l([v()],a.prototype,"hasScrollControls",2),l([v()],a.prototype,"variant",2),l([v()],a.prototype,"canScroll",2),l([w({type:String,reflect:!0})],a.prototype,"activation",2),l([T(20)],a.prototype,"handleScroll",1),a=l([g("sd-6-21-1-tab-group")],a);export{a};
+import{a as T}from"./chunk.MHWW3RZB.js";import{c as b}from"./chunk.3L472FD4.js";import{a as f}from"./chunk.LHSR56PH.js";import{a as y}from"./chunk.VAM5SM3O.js";import{a as c}from"./chunk.UFTAQNZB.js";import{a as g,b as w,c as v,d as h,h as u}from"./chunk.XJAJO727.js";import{b as m,e as d}from"./chunk.OBAEIKIV.js";import{a as p,e as l}from"./chunk.6EV4YU6C.js";var a=class extends u{constructor(){super(...arguments);this.localize=new y(this);this.tabs=[];this.panels=[];this.hasScrollControls=!1;this.variant="default";this.canScroll={left:!1,right:!1};this.activation="auto"}connectedCallback(){let t=Promise.all([customElements.whenDefined("sd-6-22-0-tab"),customElements.whenDefined("sd-6-22-0-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollControls(),this.repositionIndicator()}),this.mutationObserver=new MutationObserver(i=>{i.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),i.some(e=>e.attributeName==="disabled")&&this.syncTabsAndPanels()}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),this.nav.addEventListener("scroll",()=>this.handleScroll()),t.then(()=>{new IntersectionObserver((e,o)=>{var s;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((s=this.activeTab)!=null?s:this.tabs[0],{emitEvents:!1}),o.unobserve(e[0].target))}).observe(this.tabGroup)})})}updated(t){!t.get("canScroll")&&this.canScroll&&this.handleScroll()}disconnectedCallback(){var t;this.mutationObserver.disconnect(),this.nav&&((t=this.resizeObserver)==null||t.unobserve(this.nav))}getAllTabs(t={includeDisabled:!0}){let i=this.shadowRoot.querySelector('slot[name="nav"]');return Array.from(i.assignedElements()).map(e=>e.tagName.toLocaleLowerCase()==="sd-6-22-0-tab"?e:e.querySelector("sd-6-22-0-tab")).filter(e=>e&&t.includeDisabled?e.tagName.toLowerCase()==="sd-6-22-0-tab":e.tagName.toLowerCase()==="sd-6-22-0-tab"&&!e.disabled)}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-6-22-0-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.matches(":focus"))}handleClick(t){let e=t.target.closest("sd-6-22-0-tab");(e==null?void 0:e.closest("sd-6-22-0-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("sd-6-22-0-tab");if((e==null?void 0:e.closest("sd-6-22-0-tab-group"))===this){if(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["Tab"].includes(t.key)){let s=this.tabs.indexOf(this.getActiveTab()),n=this.tabs[s+1];e!==null&&n&&b(n,this.nav,"horizontal")}if(["Shift","Tab"].includes(t.key)){let s=this.tabs.indexOf(this.getActiveTab()),n=this.tabs[s-1];e!==null&&n&&b(n,this.nav,"horizontal")}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){let s=this.tabs.find(r=>r.matches(":focus")),n=this.localize.dir()==="rtl";if((s==null?void 0:s.tagName.toLowerCase())==="sd-6-22-0-tab"){let r=this.tabs.indexOf(s);t.key==="Home"?r=0:t.key==="End"?r=this.tabs.length-1:t.key===(n?"ArrowRight":"ArrowLeft")||t.key==="ArrowUp"?r--:(t.key===(n?"ArrowLeft":"ArrowRight")||t.key==="ArrowDown")&&r++,r<0&&(r=this.tabs.length-1),r>this.tabs.length-1&&(r=0),this.tabs[r].focus({preventScroll:!0}),this.activation==="auto"&&this.setActiveTab(this.tabs[r],{scrollBehavior:"smooth"}),b(this.tabs[r],this.nav,"horizontal"),t.preventDefault()}}}}handleScroll(){this.canScroll={left:this.nav.scrollLeft>0,right:this.nav.scrollLeft+this.nav.clientWidth<this.nav.scrollWidth-1}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,i){if(i=p({emitEvents:!0,scrollBehavior:"auto"},i),t!==this.activeTab&&!t.disabled&&!t.visuallyDisabled){let e=this.activeTab;this.activeTab=t,this.tabs.map(o=>o.active=o===this.activeTab),this.panels.map(o=>{var s;return o.active=o.name===((s=this.activeTab)==null?void 0:s.panel)}),this.repositionIndicator(),b(this.activeTab,this.nav,"horizontal",i.scrollBehavior),i.emitEvents&&(e&&this.emit("sd-tab-hide",{detail:{name:e.panel}}),this.emit("sd-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let i=this.panels.find(e=>e.name===t.panel);i&&t.setAttribute("aria-controls",i.getAttribute("id"))})}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.repositionIndicator(),this.panels.forEach(t=>{t.tabIndex=0}),this.updateComplete.then(()=>this.updateScrollControls()),this.tabs.length!==0&&this.tabs[0].variant==="container"&&(this.variant="container")}updateScrollControls(){this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth}async repositionIndicator(){await this.updateComplete;let t=this.activeTab,i=this.indicator,e=this.tabsContainer;if(!t||!i||!e||t.variant==="container")return;let o=t.getBoundingClientRect(),s=e.getBoundingClientRect(),n=getComputedStyle(e).justifyContent==="center",r=s.left+s.width/2,A=o.left+o.width/2,x=t.offsetWidth,C=n?A-r:o.left-s.left;i.style.width=`${x}px`,i.style.transform=`translateX(${C}px)`}show(t){let i=this.tabs.find(e=>e.panel===t);i&&this.setActiveTab(i,{scrollBehavior:"smooth"})}render(){var i;let t=this.localize.dir()==="rtl";return d`<div part="base" class="${c("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${c(this.hasScrollControls&&"relative py-0 px-12")}">${this.hasScrollControls?d`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${f(!this.canScroll.left||void 0)}" class="${c("sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"left-auto right-0")}" @click="${this.handleScrollToStart}"><sd-6-22-0-icon library="_internal" name="${t?"chevron-up":"chevron-down"}" label="previous" class="${c("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-22-0-icon></button>`:""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${c("flex flex-auto relative flex-row")}" role="tablist">${((i=this.activeTab)==null?void 0:i.variant)!=="container"?d`<div part="active-tab-indicator" id="indicator" class="absolute h-1 bg-accent bottom-0 transition-[transform,width] duration-medium ease-in-out z-30 navigable__current-indicator-height navigable__current-indicator-border-radius"></div>`:""}<div part="separation" class="border-neutral-400 absolute w-full h-0.25 bottom-0 border-b z-10"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls?d`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${f(!this.canScroll.right||void 0)}" class="${c("sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"right-auto left-0")}" @click="${this.handleScrollToEnd}"><sd-6-22-0-icon library="_internal" name="${t?"chevron-down":"chevron-up"}" label="next" class="${c("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-22-0-icon></button>`:""}</div><slot part="body" class="${c("block auto py-8 px-6",this.variant==="container"&&"border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`}};a.styles=[...u.styles,m`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}::slotted(sd-6-22-0-tab-panel){--padding:1rem 0}::slotted(sd-6-22-0-tab-panel:focus-visible){outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:var(--outline-color-primary)}`],l([h("[part=base]")],a.prototype,"tabGroup",2),l([h("[part=body]")],a.prototype,"body",2),l([h("[part=scroll-container]")],a.prototype,"nav",2),l([h("[part=active-tab-indicator]")],a.prototype,"indicator",2),l([h('[part="tabs"]')],a.prototype,"tabsContainer",2),l([v()],a.prototype,"hasScrollControls",2),l([v()],a.prototype,"variant",2),l([v()],a.prototype,"canScroll",2),l([w({type:String,reflect:!0})],a.prototype,"activation",2),l([T(20)],a.prototype,"handleScroll",1),a=l([g("sd-6-22-0-tab-group")],a);export{a};

package/cdn-versioned/chunks/{chunk.4JDZRKEJ.js → chunk.DDU5T7TW.js}

@@ -1,2 +1,2 @@
-import{a as f}from"./chunk.LHSR56PH.js";import{a as h}from"./chunk.VAM5SM3O.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as o,b as r,d as c,h as i}from"./chunk.ZWP56CX7.js";import{b as a,e as l}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends i{constructor(){super(...arguments);this.localize=new h(this);this.href="";this.current=!1}handleCurrentChange(){var s,n;!this.base||!this.current||(n=(s=this.base.shadowRoot)==null?void 0:s.querySelector("a"))==null||n.setAttribute("aria-current","page")}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","listitem"),super.connectedCallback()}firstUpdated(){requestAnimationFrame(()=>this.handleCurrentChange())}render(){return l`<sd-6-21-1-link part="base" href="${f(this.current?void 0:this.href)}" target="${this.target}" standalone class="text-nowrap"><slot></slot></sd-6-21-1-link>`}};t.styles=[...i.styles,a`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:inline-flex;align-items:center}sd-6-21-1-link::part(base){align-items:center}sd-6-21-1-link::part(icon-left){margin-right:calc(var(--sd-spacing-1) * 0);display:inline-flex}:host([current]) sd-6-21-1-link::part(base){color:rgba(var(--sd-breadcrumb--current-color-text,rgba(var(--sd-color-neutral-700))))}:host([current]) sd-6-21-1-link::part(label){text-decoration-line:none}`],e([c('[part="base"]')],t.prototype,"base",2),e([r({type:String,reflect:!0})],t.prototype,"href",2),e([r({type:String,reflect:!0})],t.prototype,"target",2),e([r({type:Boolean,reflect:!0})],t.prototype,"current",2),e([p("current")],t.prototype,"handleCurrentChange",1),t=e([o("sd-6-21-1-breadcrumb-item")],t);export{t as a};
+import{a as f}from"./chunk.LHSR56PH.js";import{a as h}from"./chunk.VAM5SM3O.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as o,b as r,d as c,h as i}from"./chunk.XJAJO727.js";import{b as a,e as l}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends i{constructor(){super(...arguments);this.localize=new h(this);this.href="";this.current=!1}handleCurrentChange(){var s,n;!this.base||!this.current||(n=(s=this.base.shadowRoot)==null?void 0:s.querySelector("a"))==null||n.setAttribute("aria-current","page")}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","listitem"),super.connectedCallback()}firstUpdated(){requestAnimationFrame(()=>this.handleCurrentChange())}render(){return l`<sd-6-22-0-link part="base" href="${f(this.current?void 0:this.href)}" target="${this.target}" standalone class="text-nowrap"><slot></slot></sd-6-22-0-link>`}};t.styles=[...i.styles,a`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:inline-flex;align-items:center}sd-6-22-0-link::part(base){align-items:center}sd-6-22-0-link::part(icon-left){margin-right:calc(var(--sd-spacing-1) * 0);display:inline-flex}:host([current]) sd-6-22-0-link::part(base){color:rgba(var(--sd-breadcrumb--current-color-text,rgba(var(--sd-color-neutral-700))))}:host([current]) sd-6-22-0-link::part(label){text-decoration-line:none}`],e([c('[part="base"]')],t.prototype,"base",2),e([r({type:String,reflect:!0})],t.prototype,"href",2),e([r({type:String,reflect:!0})],t.prototype,"target",2),e([r({type:Boolean,reflect:!0})],t.prototype,"current",2),e([p("current")],t.prototype,"handleCurrentChange",1),t=e([o("sd-6-22-0-breadcrumb-item")],t);export{t as a};

package/cdn-versioned/chunks/chunk.DSKB3SEU.js

@@ -1,4 +1,4 @@
-import{a as f}from"./chunk.ICEC5PGK.js";import{b as c}from"./chunk.QQD62QOV.js";import{e as l,i as u}from"./chunk.OBAEIKIV.js";var v=()=>new p,p=class{},h=new WeakMap,b=c(class extends f{render(i){return u}update(i,[e]){var t;let s=e!==this.G;return s&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.G=e,this.ht=(t=i.options)==null?void 0:t.host,this.rt(this.ct=i.element)),u}rt(i){var e;if(this.G!==void 0)if(this.isConnected||(i=void 0),typeof this.G=="function"){let s=(e=this.ht)!=null?e:globalThis,t=h.get(s);t===void 0&&(t=new WeakMap,h.set(s,t)),t.get(this.G)!==void 0&&this.G.call(this.ht,void 0),t.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,e,s;return typeof this.G=="function"?(e=h.get((i=this.ht)!=null?i:globalThis))==null?void 0:e.get(this.G):(s=this.G)==null?void 0:s.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var g=class{constructor(e,s){this.popupRef=v();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=e=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${e.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${e.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=e=>{switch(e.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":e.target!==this.host&&(e.preventDefault(),e.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(e);break;default:break}};this.handleClick=e=>{var s;e.target===this.host?(e.preventDefault(),e.stopPropagation()):e.target instanceof Element&&(e.target.tagName==="sd-6-21-1-menu-item"||(s=e.target.role)!=null&&s.startsWith("menuitem"))&&e.target.getAttribute("type")!=="checkbox"&&this.disableSubmenu()};this.handleFocusOut=e=>{e.relatedTarget&&e.relatedTarget instanceof Element&&this.host.contains(e.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=e=>{e.stopPropagation()};this.handlePopupReposition=()=>{let e=this.host.renderRoot.querySelector("slot[name='submenu']"),s=e==null?void 0:e.assignedElements({flatten:!0}).filter(d=>d.localName==="sd-6-21-1-menu")[0],t=getComputedStyle(this.host).direction==="rtl";if(!s)return;let{left:o,top:n,width:r,height:a}=s.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${t?o+r:o}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${n}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${t?o+r:o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${n+a}px`)};(this.host=e).addController(this),this.hasSlotController=s}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(e){let s=this.host.renderRoot.querySelector("slot[name='submenu']");if(!s){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let t=null;for(let o of s.assignedElements())if(t=o.querySelectorAll("sd-6-21-1-menu-item, [role^='menuitem']"),t.length!==0)break;if(!(!t||t.length===0)){t[0].setAttribute("tabindex","0");for(let o=1;o!==t.length;++o)t[o].setAttribute("tabindex","-1");this.popupRef.value&&(e.preventDefault(),e.stopPropagation(),this.popupRef.value.active?t[0]instanceof HTMLElement&&t[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{t[0]instanceof HTMLElement&&t[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(e){this.popupRef.value&&this.popupRef.value.active!==e&&(this.popupRef.value.active=e,this.host.requestUpdate())}enableSubmenu(e=!0){e?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var o;if(!((o=this.host.parentElement)!=null&&o.computedStyleMap))return;let e=this.host.parentElement.computedStyleMap(),t=["padding-top","border-top-width","margin-top"].reduce((n,r)=>{var m;let a=(m=e.get(r))!=null?m:new CSSUnitValue(0,"px"),S=(a instanceof CSSUnitValue?a:new CSSUnitValue(0,"px")).to("px");return n-S.value},0);this.skidding=t}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let e=getComputedStyle(this.host).direction==="rtl";return this.isConnected?l`<sd-6-21-1-popup ${b(this.popupRef)} placement="${e?"left-start":"right-start"}" anchor="anchor" flip flip-fallback-strategy="best-fit" skidding="${this.skidding}" strategy="fixed" auto-size="vertical" auto-size-padding="10"><slot name="submenu"></slot></sd-6-21-1-popup>`:l`<slot name="submenu" hidden></slot>`}};export{g as a};
+import{a as f}from"./chunk.ICEC5PGK.js";import{b as c}from"./chunk.QQD62QOV.js";import{e as l,i as u}from"./chunk.OBAEIKIV.js";var v=()=>new p,p=class{},h=new WeakMap,b=c(class extends f{render(i){return u}update(i,[e]){var t;let s=e!==this.G;return s&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.G=e,this.ht=(t=i.options)==null?void 0:t.host,this.rt(this.ct=i.element)),u}rt(i){var e;if(this.G!==void 0)if(this.isConnected||(i=void 0),typeof this.G=="function"){let s=(e=this.ht)!=null?e:globalThis,t=h.get(s);t===void 0&&(t=new WeakMap,h.set(s,t)),t.get(this.G)!==void 0&&this.G.call(this.ht,void 0),t.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,e,s;return typeof this.G=="function"?(e=h.get((i=this.ht)!=null?i:globalThis))==null?void 0:e.get(this.G):(s=this.G)==null?void 0:s.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var g=class{constructor(e,s){this.popupRef=v();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=e=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${e.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${e.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=e=>{switch(e.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":e.target!==this.host&&(e.preventDefault(),e.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(e);break;default:break}};this.handleClick=e=>{var s;e.target===this.host?(e.preventDefault(),e.stopPropagation()):e.target instanceof Element&&(e.target.tagName==="sd-6-22-0-menu-item"||(s=e.target.role)!=null&&s.startsWith("menuitem"))&&e.target.getAttribute("type")!=="checkbox"&&this.disableSubmenu()};this.handleFocusOut=e=>{e.relatedTarget&&e.relatedTarget instanceof Element&&this.host.contains(e.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=e=>{e.stopPropagation()};this.handlePopupReposition=()=>{let e=this.host.renderRoot.querySelector("slot[name='submenu']"),s=e==null?void 0:e.assignedElements({flatten:!0}).filter(d=>d.localName==="sd-6-22-0-menu")[0],t=getComputedStyle(this.host).direction==="rtl";if(!s)return;let{left:o,top:n,width:r,height:a}=s.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${t?o+r:o}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${n}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${t?o+r:o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${n+a}px`)};(this.host=e).addController(this),this.hasSlotController=s}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(e){let s=this.host.renderRoot.querySelector("slot[name='submenu']");if(!s){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let t=null;for(let o of s.assignedElements())if(t=o.querySelectorAll("sd-6-22-0-menu-item, [role^='menuitem']"),t.length!==0)break;if(!(!t||t.length===0)){t[0].setAttribute("tabindex","0");for(let o=1;o!==t.length;++o)t[o].setAttribute("tabindex","-1");this.popupRef.value&&(e.preventDefault(),e.stopPropagation(),this.popupRef.value.active?t[0]instanceof HTMLElement&&t[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{t[0]instanceof HTMLElement&&t[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(e){this.popupRef.value&&this.popupRef.value.active!==e&&(this.popupRef.value.active=e,this.host.requestUpdate())}enableSubmenu(e=!0){e?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var o;if(!((o=this.host.parentElement)!=null&&o.computedStyleMap))return;let e=this.host.parentElement.computedStyleMap(),t=["padding-top","border-top-width","margin-top"].reduce((n,r)=>{var m;let a=(m=e.get(r))!=null?m:new CSSUnitValue(0,"px"),S=(a instanceof CSSUnitValue?a:new CSSUnitValue(0,"px")).to("px");return n-S.value},0);this.skidding=t}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let e=getComputedStyle(this.host).direction==="rtl";return this.isConnected?l`<sd-6-22-0-popup ${b(this.popupRef)} placement="${e?"left-start":"right-start"}" anchor="anchor" flip flip-fallback-strategy="best-fit" skidding="${this.skidding}" strategy="fixed" auto-size="vertical" auto-size-padding="10"><slot name="submenu"></slot></sd-6-22-0-popup>`:l`<slot name="submenu" hidden></slot>`}};export{g as a};
 /*! Bundled license information:
 
 lit-html/directives/ref.js:

package/cdn-versioned/chunks/chunk.E3RBLJOD.js

@@ -1,2 +1,2 @@
-function h(d,{setValueOnSelection:l,scrollSelectionIntoView:p}={setValueOnSelection:!0,scrollSelectionIntoView:!0}){let r=d?typeof d=="string"?document.querySelector(d):d:document.querySelector("#autoComplete"),n=r.shadowRoot.querySelector("input"),c=e=>e[0];return n.addEventListener("init",()=>{var a,s;let e=(a=r.shadowRoot)==null?void 0:a.querySelector("ul");e==null||e.setAttribute("part","listbox");let t=document.createElement("sd-6-21-1-popup");t.appendChild(e),(s=r.shadowRoot)==null||s.appendChild(t),t==null||t.setAttribute("exportparts","popup__content"),t&&(t.active=!1,t.autoSize="vertical",t.autoSizePadding=16,t.placement="bottom-start",t.anchor=r,t.sync="width");let i=c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-sd-6-21-1-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);overflow-y:scroll;border-bottom-right-radius:var(--sd-radius);border-bottom-left-radius:var(--sd-radius);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);border-top-style:var(--tw-border-style);border-top-width:0;border-color:rgba(var(--sd-color-border-primary));background-color:rgba(var(--sd-color-background-white));padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-6-21-1-popup li{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms))}sd-6-21-1-popup li:hover:not([disabled]){background-color:rgba(var(--sd-color-background-neutral-100))}sd-6-21-1-popup li{list-style-type:''}sd-6-21-1-popup li mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}sd-6-21-1-popup li:not(:has(sd-6-21-1-option)){cursor:pointer;padding-inline:var(--sd-spacing-4);padding-block:var(--sd-spacing-3);font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));color:rgba(var(--sd-color-text-black))}sd-6-21-1-popup li:not(:has(sd-6-21-1-option)):hover{background-color:rgba(var(--sd-color-background-neutral-200))}sd-6-21-1-popup li[aria-selected=true]{background-color:rgba(var(--sd-color-background-neutral-200))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}`,o=new CSSStyleSheet;o.replaceSync(i),r.shadowRoot.adoptedStyleSheets=[...r.shadowRoot.adoptedStyleSheets,o]}),l&&n.addEventListener("selection",e=>{var t;r.value=(t=e==null?void 0:e.detail)==null?void 0:t.selection.value}),n.addEventListener("open",()=>{var e,t,i,o,a,s;(t=(e=r.shadowRoot)==null?void 0:e.querySelector("sd-6-21-1-popup"))==null||t.setAttribute("active","true"),(o=(i=r.shadowRoot)==null?void 0:i.querySelector('[part="border"]'))==null||o.classList.add("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.add("z-50")}),n.addEventListener("close",()=>{var e,t,i,o,a,s;(t=(e=r.shadowRoot)==null?void 0:e.querySelector("sd-6-21-1-popup"))==null||t.removeAttribute("active"),(o=(i=r.shadowRoot)==null?void 0:i.querySelector('[part="border"]'))==null||o.classList.remove("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.remove("z-50")}),p&&n.addEventListener("navigate",()=>{let e=r.shadowRoot.querySelector('[aria-selected="true"]');e==null||e.scrollIntoView({block:"nearest"})}),{config:{selector:()=>n,resultsList:{tag:"ul"},wrapper:!1}}}export{h as a};
+function h(d,{setValueOnSelection:l,scrollSelectionIntoView:p}={setValueOnSelection:!0,scrollSelectionIntoView:!0}){let r=d?typeof d=="string"?document.querySelector(d):d:document.querySelector("#autoComplete"),n=r.shadowRoot.querySelector("input"),c=e=>e[0];return n.addEventListener("init",()=>{var a,s;let e=(a=r.shadowRoot)==null?void 0:a.querySelector("ul");e==null||e.setAttribute("part","listbox");let t=document.createElement("sd-6-22-0-popup");t.appendChild(e),(s=r.shadowRoot)==null||s.appendChild(t),t==null||t.setAttribute("exportparts","popup__content"),t&&(t.active=!1,t.autoSize="vertical",t.autoSizePadding=16,t.placement="bottom-start",t.anchor=r,t.sync="width");let i=c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+sd-6-22-0-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);overflow-y:scroll;border-bottom-right-radius:var(--sd-radius);border-bottom-left-radius:var(--sd-radius);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);border-top-style:var(--tw-border-style);border-top-width:0;border-color:rgba(var(--sd-color-border-primary));background-color:rgba(var(--sd-color-background-white));padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-6-22-0-popup li{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms))}sd-6-22-0-popup li:hover:not([disabled]){background-color:rgba(var(--sd-color-background-neutral-100))}sd-6-22-0-popup li{list-style-type:''}sd-6-22-0-popup li mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}sd-6-22-0-popup li:not(:has(sd-6-22-0-option)){cursor:pointer;padding-inline:var(--sd-spacing-4);padding-block:var(--sd-spacing-3);font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));color:rgba(var(--sd-color-text-black))}sd-6-22-0-popup li:not(:has(sd-6-22-0-option)):hover{background-color:rgba(var(--sd-color-background-neutral-200))}sd-6-22-0-popup li[aria-selected=true]{background-color:rgba(var(--sd-color-background-neutral-200))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}`,o=new CSSStyleSheet;o.replaceSync(i),r.shadowRoot.adoptedStyleSheets=[...r.shadowRoot.adoptedStyleSheets,o]}),l&&n.addEventListener("selection",e=>{var t;r.value=(t=e==null?void 0:e.detail)==null?void 0:t.selection.value}),n.addEventListener("open",()=>{var e,t,i,o,a,s;(t=(e=r.shadowRoot)==null?void 0:e.querySelector("sd-6-22-0-popup"))==null||t.setAttribute("active","true"),(o=(i=r.shadowRoot)==null?void 0:i.querySelector('[part="border"]'))==null||o.classList.add("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.add("z-50")}),n.addEventListener("close",()=>{var e,t,i,o,a,s;(t=(e=r.shadowRoot)==null?void 0:e.querySelector("sd-6-22-0-popup"))==null||t.removeAttribute("active"),(o=(i=r.shadowRoot)==null?void 0:i.querySelector('[part="border"]'))==null||o.classList.remove("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.remove("z-50")}),p&&n.addEventListener("navigate",()=>{let e=r.shadowRoot.querySelector('[aria-selected="true"]');e==null||e.scrollIntoView({block:"nearest"})}),{config:{selector:()=>n,resultsList:{tag:"ul"},wrapper:!1}}}export{h as a};

package/cdn-versioned/chunks/{chunk.4OS3FFNB.js → chunk.EBMYXBFR.js}

@@ -1,2 +1,2 @@
-import{a as p,b,c as _}from"./chunk.IVHEBGOY.js";import{a as A}from"./chunk.ERP45OHF.js";import{b as D}from"./chunk.LZRL7OLU.js";import{a as d}from"./chunk.LHSR56PH.js";import{a as M}from"./chunk.CGQ2BPPZ.js";import{a as w}from"./chunk.VAM5SM3O.js";import{a as c}from"./chunk.UFTAQNZB.js";import{a as C,b as h,d as f,e as I,h as T}from"./chunk.ZWP56CX7.js";import{b as E,e as v}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var l=class extends T{constructor(){super();this.formControlController=new D(this);this.hasSlotController=new M(this,"label","help-text");this.localize=new w(this);this.name="";this.label="";this.helpText="";this.min=0;this.max=100;this.step=1;this.disabled=!1;this.visuallyDisabled=!1;this.noTrackBar=!1;this.tooltip="on-interaction";this.defaultValue="";this._value=[0];this._rangeValues=new Map;this._lastChangeValue=[];this._hasFocus=!1;this._dragStyleElement=null;this._preventSelectStart=t=>t.preventDefault();this.tooltipFormatter=this.localize.number.bind(this.localize)}set value(t){this._value=t?t.split(" ").map(Number).sort(p):[]}get value(){return this._value.slice().sort(p).join(" ")}set valueAsArray(t){let e=this._value;this._value=Array.isArray(t)?t.slice().sort(p):t||[],b(e,this._value)&&this.requestUpdate("value",e.join(" "))}get valueAsArray(){return[...this._value].sort(p)}get rtl(){return this.localize.dir()==="rtl"}disconnectedCallback(){super.disconnectedCallback(),this._restoreTextSelection()}firstUpdated(){this.formControlController.updateValidity(),this._lastChangeValue=Array.from(this._value),this.thumbs.forEach(async t=>{var i,a;let e=t.parentElement;await e.updateComplete,(a=(i=e.shadowRoot)==null?void 0:i.querySelector("sd-6-21-1-popup"))==null||a.setAttribute("distance","14")})}willUpdate(t){super.willUpdate(t),this.min>this.max&&([this.min,this.max]=[this.max,this.min]),this.step>this.max-this.min&&(this.step=this.max-this.min),this.step<=0&&(this.step=1);let e=this._value.map(i=>{if(i<=this.min)return this.min;if(i>=this.max)return this.max;let a=this.min+this.step*Math.round((i-this.min)/this.step);return a>this.max?this.max:a});b(this._value,e)&&(this._value=e)}updated(t){super.updated(t);for(let e of this.thumbs){let i=+e.dataset.rangeId;this._rangeValues.has(i)&&(this.moveThumb(e,this._rangeValues.get(i)),this.tooltip==="always-visible"&&(e.parentElement.closeTrigger="manual",e.parentElement.show()))}this.updateActiveTrack()}focus(t){let e=this.thumbs.item(0);e?e.focus(t):super.focus(t)}get validity(){return this.input.validity}checkValidity(){var t;return(t=this.input)==null?void 0:t.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}updateTooltip(t){let e=+t.dataset.rangeId;if(!this._rangeValues.has(e))return;let i=this._rangeValues.get(e),a=t.parentElement;a.content=this.tooltipFormatter(i)}updateActiveTrack(){let{activeTrack:t}=this;if(!t)return;if(this.min===this.max){t.style.insetInlineStart="0%",t.style.insetInlineEnd="0%";return}if(this._value.length===1){let s=getComputedStyle(this).getPropertyValue("--track-active-offset")||"0%",n=100*(this._value[0]-this.min)/(this.max-this.min);t.style.insetInlineStart=`min(${s}, ${n}%)`,t.style.insetInlineEnd=`min(calc(100% - ${s}), calc(100% - ${n}%))`;return}let e=this._value.slice().sort(p),i=100*(e[0]-this.min)/(this.max-this.min),a=100*(e[e.length-1]-this.min)/(this.max-this.min);t.style.insetInlineStart=`${i}%`,t.style.insetInlineEnd=`calc(100% - ${a}%)`}moveThumb(t,e){t.setAttribute("aria-valuenow",e.toString()),t.setAttribute("aria-valuetext",this.tooltipFormatter(e));let i=(e-this.min)/(this.max-this.min);t.style.insetInlineStart=`calc(${100*i}% - 8px)`,this.updateTooltip(t)}movementBoundariesForThumb(t,e){let i=this.valueAsArray,s=Array.from(this.thumbs).indexOf(t),n=i[s-1]||this.min,r=i[s+1]||this.max,u=e<n||e>r;return{finalValue:Math.max(n,Math.min(r,e)),isRestricted:u,nextValue:r,prevValue:n}}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}onClickTrack(t,e=!0){if(this.disabled||this.visuallyDisabled)return;let{clientX:i}=t,a=Array.from(this.thumbs),s=_(this.inputWrapper,i),n=this.step/(this.max-this.min),r=this.min+this.step*Math.round(s/n),u=a.reduce((g,x)=>{let k=this._rangeValues.get(+x.dataset.rangeId),L=this._rangeValues.get(+g.dataset.rangeId),V=Math.abs(k-r),$=Math.abs(L-r);return V===$?k<r?x:g:V<$?x:g}),m=+u.dataset.rangeId;if(!m)return;this._rangeValues.set(m,r),this.moveThumb(u,r);let y=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),b(y,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change"));let F=new PointerEvent("pointerdown",t);e&&u.dispatchEvent(F)&&this.updateTooltip(u)}onClickTrackItem(t){this.onClickTrack(t,!1)}_preventTextSelection(){if(!this._dragStyleElement){let t=document.createElement("style");t.setAttribute("data-sd-6-21-1-range-drag",""),t.textContent="*, *::before, *::after { user-select: none !important; -webkit-user-select: none !important; }",document.head.appendChild(t),this._dragStyleElement=t}document.addEventListener("selectstart",this._preventSelectStart)}_restoreTextSelection(){this._dragStyleElement&&(this._dragStyleElement.remove(),this._dragStyleElement=null),document.removeEventListener("selectstart",this._preventSelectStart)}async onClickThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target;if(this.updateTooltip(e),e.dataset.pointerId)try{e.releasePointerCapture(+e.dataset.pointerId)}catch(i){}e.dataset.pointerId=t.pointerId.toString(),e.setPointerCapture(t.pointerId),this._preventTextSelection(),e.classList.add("grabbed"),this.tooltip==="on-interaction"&&await e.parentElement.show()}onDragThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target,i=+e.dataset.rangeId;if(!this._rangeValues.has(i)||(e.dataset.pointerId?+e.dataset.pointerId:null)!==t.pointerId)return;let s=_(this.inputWrapper,t.clientX),n=this.step/(this.max-this.min),r=this.min+this.step*Math.round(s/n);if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:r}}).defaultPrevented)return;let m=this.movementBoundariesForThumb(e,r);m.isRestricted?(r=m.finalValue,e.style.zIndex=(3+this.thumbs.length).toFixed(0)):e.style.zIndex="3",this._rangeValues.set(i,r),this.moveThumb(e,r);let y=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),b(y,this._value)&&this.emit("sd-input")}async onReleaseThumb(t){let e=t.target;!e.dataset.pointerId||t.pointerId!==+e.dataset.pointerId||(e.classList.remove("grabbed"),e.releasePointerCapture(t.pointerId),this._restoreTextSelection(),delete e.dataset.pointerId,b(this._lastChangeValue,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-change")),this.tooltip==="on-interaction"&&await e.parentElement.hide())}onKeyPress(t){let e=t.target,i=+e.dataset.rangeId,a=this._rangeValues.get(i);if(a===void 0)return;let s=a;switch(t.key){case"ArrowUp":case"Up":s=Math.min(a+this.step,this.max);break;case"ArrowDown":case"Down":s=Math.max(a-this.step,this.min);break;case"ArrowLeft":case"Left":s=this.rtl?Math.min(a+this.step,this.max):Math.max(a-this.step,this.min);break;case"ArrowRight":case"Right":s=this.rtl?Math.max(a-this.step,this.min):Math.min(a+this.step,this.max);break;case"PageUp":s=Math.min(a+(this.max-this.min)/5,this.max);break;case"PageDown":s=Math.max(a-(this.max-this.min)/5,this.min);break;case"Home":s=this.min;break;case"End":s=this.max;break;default:return}if(s!==a){if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:s}}).defaultPrevented)return;let r=this.movementBoundariesForThumb(e,s);r.isRestricted&&(s=r.finalValue),this.moveThumb(e,s),this._rangeValues.set(i,s),this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),this.updateTooltip(e),this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change")}t.preventDefault()}onBlur(t){var e;t.relatedTarget&&((e=this.shadowRoot)!=null&&e.contains(t.relatedTarget))||(this.emit("sd-blur"),this._hasFocus=!1)}onFocusThumb(t){var i;if(this.disabled||this.visuallyDisabled)return;this._hasFocus||(this._hasFocus=!0,this.emit("sd-focus"));let e=t.target;(i=e==null?void 0:e.dataset)!=null&&i.rangeId&&this.updateTooltip(e)}renderThumbs(t){let e=this._value.length>1;return this._rangeValues.clear(),this._value.map((i,a)=>{let s=a+1;this._rangeValues.set(s,i);let n=`thumb-${s}`,r="",u="";return e?(u=t?`label aria-label-hidden ${n}`:`aria-label-hidden ${n}`,a===0?r=`${this.localize.term("minimum")} (${this.tooltipFormatter(i)})`:a===this._value.length-1?r=`${this.localize.term("maximum")} (${this.tooltipFormatter(i)})`:r=this.tooltipFormatter(i)):u=t?"label aria-label-hidden":"",v`<sd-6-21-1-tooltip trigger="${this.tooltip==="on-interaction"?"focus":"manual"}" disabled="${d(this.disabled||this.visuallyDisabled||this.tooltip==="hidden"?!0:void 0)}"><div id="${n}" part="thumb" role="slider" tabindex="${this.disabled||this.visuallyDisabled?-1:0}" aria-disabled="${d(this.disabled||this.visuallyDisabled?"true":void 0)}" aria-labelledby="${u}" aria-label="${r}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${i}" aria-valuetext="${this.tooltipFormatter(i)}" data-range-id="${s}" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${c("rounded-full absolute top-0 size-4 hover:cursor-grab after:-inset-2",this.disabled||this.visuallyDisabled?"outline-none":"cursor-pointer focus-visible:focus-outline")}"></div></sd-6-21-1-tooltip>`})}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text")},e=!!(this.label||t.label),i=!!(this.helpText||t.helpText);return v`<div part="form-control" @focusout="${this.onBlur}" class="flex flex-col">${e?v`<div class="flex items-center gap-1"><label id="label" part="form-control-label" aria-hidden="${e?"false":"true"}" class="${c("w-full text-start",e?"inline-block":"hidden")}" @click="${this.focus}"><slot name="label">${this.label}</slot></label></div>`:null} <label id="aria-label-hidden" class="sr-only">(${this._value.map(this.tooltipFormatter).join(" - ")})</label><div part="base" class="${c("inline-flex w-full",this.visuallyDisabled&&"focus-visible:focus-outline")}" tabindex="${d(this.visuallyDisabled?"0":void 0)}"><div part="input-wrapper" class="relative flex-1 mx-2 mb-[10px]"><input id="input" tabindex="-1" hidden @invalid="${this.handleInvalid}"><div part="track-wrapper" role="presentation" @pointerdown="${this.onClickTrack}" class="relative cursor-pointer -mx-2"><div part="track-click-helper" class="absolute -inset-y-2 inset-x-0"></div><div part="track" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" class="${c("h-1 my-[6px]")}"></div><div part="active-track" hidden="${d(this.noTrackBar?!0:void 0)}" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" class="${c("absolute top-0 h-1")}"></div></div>${this.renderThumbs(e)}<div class="-mt-[10px]" part="scale-ticks" @pointerdown="${this.onClickTrackItem}" role="presentation"><slot name="scale-ticks"></slot></div></div></div><slot></slot><slot name="help-text" part="form-control-help-text" id="help-text" class="${c("text-sm text-neutral-700 mt-1",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot></div>`}};l.styles=[...T.styles,E`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-[part='base']{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=thumb]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=thumb]:hover{background-color:rgba(var(--sd-color-icon-fill-primary-500,rgba(var(--sd-color-primary-500))))}[part=thumb].grabbed{background-color:rgba(var(--sd-color-icon-fill-primary-800,rgba(var(--sd-color-primary-800))))}[part=thumb][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=track]{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}[part=track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=active-track]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=active-track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}`],o([f("#input")],l.prototype,"input",2),o([f('[part="active-track"]')],l.prototype,"activeTrack",2),o([f('[part="input-wrapper"]')],l.prototype,"inputWrapper",2),o([I('[part="thumb"]')],l.prototype,"thumbs",2),o([h({attribute:!1})],l.prototype,"tooltipFormatter",2),o([h({type:String,reflect:!0})],l.prototype,"name",2),o([h({type:String,reflect:!0})],l.prototype,"label",2),o([h({attribute:"help-text",reflect:!0})],l.prototype,"helpText",2),o([h({type:Number,reflect:!0})],l.prototype,"min",2),o([h({type:Number,reflect:!0})],l.prototype,"max",2),o([h({type:Number,reflect:!0})],l.prototype,"step",2),o([h({type:Boolean,reflect:!0})],l.prototype,"disabled",2),o([h({attribute:"visually-disabled",type:Boolean,reflect:!0})],l.prototype,"visuallyDisabled",2),o([h({attribute:"no-track-bar",type:Boolean,reflect:!0})],l.prototype,"noTrackBar",2),o([h({attribute:"tooltip",type:String,reflect:!0})],l.prototype,"tooltip",2),o([A()],l.prototype,"defaultValue",2),o([h({type:String})],l.prototype,"value",1),l=o([C("sd-6-21-1-range")],l);export{l as a};
+import{a as p,b,c as _}from"./chunk.IVHEBGOY.js";import{a as A}from"./chunk.ERP45OHF.js";import{b as D}from"./chunk.LZRL7OLU.js";import{a as d}from"./chunk.LHSR56PH.js";import{a as M}from"./chunk.CGQ2BPPZ.js";import{a as w}from"./chunk.VAM5SM3O.js";import{a as c}from"./chunk.UFTAQNZB.js";import{a as C,b as h,d as f,e as I,h as T}from"./chunk.XJAJO727.js";import{b as E,e as v}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var l=class extends T{constructor(){super();this.formControlController=new D(this);this.hasSlotController=new M(this,"label","help-text");this.localize=new w(this);this.name="";this.label="";this.helpText="";this.min=0;this.max=100;this.step=1;this.disabled=!1;this.visuallyDisabled=!1;this.noTrackBar=!1;this.tooltip="on-interaction";this.defaultValue="";this._value=[0];this._rangeValues=new Map;this._lastChangeValue=[];this._hasFocus=!1;this._dragStyleElement=null;this._preventSelectStart=t=>t.preventDefault();this.tooltipFormatter=this.localize.number.bind(this.localize)}set value(t){this._value=t?t.split(" ").map(Number).sort(p):[]}get value(){return this._value.slice().sort(p).join(" ")}set valueAsArray(t){let e=this._value;this._value=Array.isArray(t)?t.slice().sort(p):t||[],b(e,this._value)&&this.requestUpdate("value",e.join(" "))}get valueAsArray(){return[...this._value].sort(p)}get rtl(){return this.localize.dir()==="rtl"}disconnectedCallback(){super.disconnectedCallback(),this._restoreTextSelection()}firstUpdated(){this.formControlController.updateValidity(),this._lastChangeValue=Array.from(this._value),this.thumbs.forEach(async t=>{var i,a;let e=t.parentElement;await e.updateComplete,(a=(i=e.shadowRoot)==null?void 0:i.querySelector("sd-6-22-0-popup"))==null||a.setAttribute("distance","14")})}willUpdate(t){super.willUpdate(t),this.min>this.max&&([this.min,this.max]=[this.max,this.min]),this.step>this.max-this.min&&(this.step=this.max-this.min),this.step<=0&&(this.step=1);let e=this._value.map(i=>{if(i<=this.min)return this.min;if(i>=this.max)return this.max;let a=this.min+this.step*Math.round((i-this.min)/this.step);return a>this.max?this.max:a});b(this._value,e)&&(this._value=e)}updated(t){super.updated(t);for(let e of this.thumbs){let i=+e.dataset.rangeId;this._rangeValues.has(i)&&(this.moveThumb(e,this._rangeValues.get(i)),this.tooltip==="always-visible"&&(e.parentElement.closeTrigger="manual",e.parentElement.show()))}this.updateActiveTrack()}focus(t){let e=this.thumbs.item(0);e?e.focus(t):super.focus(t)}get validity(){return this.input.validity}checkValidity(){var t;return(t=this.input)==null?void 0:t.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}updateTooltip(t){let e=+t.dataset.rangeId;if(!this._rangeValues.has(e))return;let i=this._rangeValues.get(e),a=t.parentElement;a.content=this.tooltipFormatter(i)}updateActiveTrack(){let{activeTrack:t}=this;if(!t)return;if(this.min===this.max){t.style.insetInlineStart="0%",t.style.insetInlineEnd="0%";return}if(this._value.length===1){let s=getComputedStyle(this).getPropertyValue("--track-active-offset")||"0%",n=100*(this._value[0]-this.min)/(this.max-this.min);t.style.insetInlineStart=`min(${s}, ${n}%)`,t.style.insetInlineEnd=`min(calc(100% - ${s}), calc(100% - ${n}%))`;return}let e=this._value.slice().sort(p),i=100*(e[0]-this.min)/(this.max-this.min),a=100*(e[e.length-1]-this.min)/(this.max-this.min);t.style.insetInlineStart=`${i}%`,t.style.insetInlineEnd=`calc(100% - ${a}%)`}moveThumb(t,e){t.setAttribute("aria-valuenow",e.toString()),t.setAttribute("aria-valuetext",this.tooltipFormatter(e));let i=(e-this.min)/(this.max-this.min);t.style.insetInlineStart=`calc(${100*i}% - 8px)`,this.updateTooltip(t)}movementBoundariesForThumb(t,e){let i=this.valueAsArray,s=Array.from(this.thumbs).indexOf(t),n=i[s-1]||this.min,r=i[s+1]||this.max,u=e<n||e>r;return{finalValue:Math.max(n,Math.min(r,e)),isRestricted:u,nextValue:r,prevValue:n}}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}onClickTrack(t,e=!0){if(this.disabled||this.visuallyDisabled)return;let{clientX:i}=t,a=Array.from(this.thumbs),s=_(this.inputWrapper,i),n=this.step/(this.max-this.min),r=this.min+this.step*Math.round(s/n),u=a.reduce((g,x)=>{let k=this._rangeValues.get(+x.dataset.rangeId),L=this._rangeValues.get(+g.dataset.rangeId),V=Math.abs(k-r),$=Math.abs(L-r);return V===$?k<r?x:g:V<$?x:g}),m=+u.dataset.rangeId;if(!m)return;this._rangeValues.set(m,r),this.moveThumb(u,r);let y=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),b(y,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change"));let F=new PointerEvent("pointerdown",t);e&&u.dispatchEvent(F)&&this.updateTooltip(u)}onClickTrackItem(t){this.onClickTrack(t,!1)}_preventTextSelection(){if(!this._dragStyleElement){let t=document.createElement("style");t.setAttribute("data-sd-6-22-0-range-drag",""),t.textContent="*, *::before, *::after { user-select: none !important; -webkit-user-select: none !important; }",document.head.appendChild(t),this._dragStyleElement=t}document.addEventListener("selectstart",this._preventSelectStart)}_restoreTextSelection(){this._dragStyleElement&&(this._dragStyleElement.remove(),this._dragStyleElement=null),document.removeEventListener("selectstart",this._preventSelectStart)}async onClickThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target;if(this.updateTooltip(e),e.dataset.pointerId)try{e.releasePointerCapture(+e.dataset.pointerId)}catch(i){}e.dataset.pointerId=t.pointerId.toString(),e.setPointerCapture(t.pointerId),this._preventTextSelection(),e.classList.add("grabbed"),this.tooltip==="on-interaction"&&await e.parentElement.show()}onDragThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target,i=+e.dataset.rangeId;if(!this._rangeValues.has(i)||(e.dataset.pointerId?+e.dataset.pointerId:null)!==t.pointerId)return;let s=_(this.inputWrapper,t.clientX),n=this.step/(this.max-this.min),r=this.min+this.step*Math.round(s/n);if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:r}}).defaultPrevented)return;let m=this.movementBoundariesForThumb(e,r);m.isRestricted?(r=m.finalValue,e.style.zIndex=(3+this.thumbs.length).toFixed(0)):e.style.zIndex="3",this._rangeValues.set(i,r),this.moveThumb(e,r);let y=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),b(y,this._value)&&this.emit("sd-input")}async onReleaseThumb(t){let e=t.target;!e.dataset.pointerId||t.pointerId!==+e.dataset.pointerId||(e.classList.remove("grabbed"),e.releasePointerCapture(t.pointerId),this._restoreTextSelection(),delete e.dataset.pointerId,b(this._lastChangeValue,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-change")),this.tooltip==="on-interaction"&&await e.parentElement.hide())}onKeyPress(t){let e=t.target,i=+e.dataset.rangeId,a=this._rangeValues.get(i);if(a===void 0)return;let s=a;switch(t.key){case"ArrowUp":case"Up":s=Math.min(a+this.step,this.max);break;case"ArrowDown":case"Down":s=Math.max(a-this.step,this.min);break;case"ArrowLeft":case"Left":s=this.rtl?Math.min(a+this.step,this.max):Math.max(a-this.step,this.min);break;case"ArrowRight":case"Right":s=this.rtl?Math.max(a-this.step,this.min):Math.min(a+this.step,this.max);break;case"PageUp":s=Math.min(a+(this.max-this.min)/5,this.max);break;case"PageDown":s=Math.max(a-(this.max-this.min)/5,this.min);break;case"Home":s=this.min;break;case"End":s=this.max;break;default:return}if(s!==a){if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:s}}).defaultPrevented)return;let r=this.movementBoundariesForThumb(e,s);r.isRestricted&&(s=r.finalValue),this.moveThumb(e,s),this._rangeValues.set(i,s),this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),this.updateTooltip(e),this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change")}t.preventDefault()}onBlur(t){var e;t.relatedTarget&&((e=this.shadowRoot)!=null&&e.contains(t.relatedTarget))||(this.emit("sd-blur"),this._hasFocus=!1)}onFocusThumb(t){var i;if(this.disabled||this.visuallyDisabled)return;this._hasFocus||(this._hasFocus=!0,this.emit("sd-focus"));let e=t.target;(i=e==null?void 0:e.dataset)!=null&&i.rangeId&&this.updateTooltip(e)}renderThumbs(t){let e=this._value.length>1;return this._rangeValues.clear(),this._value.map((i,a)=>{let s=a+1;this._rangeValues.set(s,i);let n=`thumb-${s}`,r="",u="";return e?(u=t?`label aria-label-hidden ${n}`:`aria-label-hidden ${n}`,a===0?r=`${this.localize.term("minimum")} (${this.tooltipFormatter(i)})`:a===this._value.length-1?r=`${this.localize.term("maximum")} (${this.tooltipFormatter(i)})`:r=this.tooltipFormatter(i)):u=t?"label aria-label-hidden":"",v`<sd-6-22-0-tooltip trigger="${this.tooltip==="on-interaction"?"focus":"manual"}" disabled="${d(this.disabled||this.visuallyDisabled||this.tooltip==="hidden"?!0:void 0)}"><div id="${n}" part="thumb" role="slider" tabindex="${this.disabled||this.visuallyDisabled?-1:0}" aria-disabled="${d(this.disabled||this.visuallyDisabled?"true":void 0)}" aria-labelledby="${u}" aria-label="${r}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${i}" aria-valuetext="${this.tooltipFormatter(i)}" data-range-id="${s}" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${c("rounded-full absolute top-0 size-4 hover:cursor-grab after:-inset-2",this.disabled||this.visuallyDisabled?"outline-none":"cursor-pointer focus-visible:focus-outline")}"></div></sd-6-22-0-tooltip>`})}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text")},e=!!(this.label||t.label),i=!!(this.helpText||t.helpText);return v`<div part="form-control" @focusout="${this.onBlur}" class="flex flex-col">${e?v`<div class="flex items-center gap-1"><label id="label" part="form-control-label" aria-hidden="${e?"false":"true"}" class="${c("w-full text-start",e?"inline-block":"hidden")}" @click="${this.focus}"><slot name="label">${this.label}</slot></label></div>`:null} <label id="aria-label-hidden" class="sr-only">(${this._value.map(this.tooltipFormatter).join(" - ")})</label><div part="base" class="${c("inline-flex w-full",this.visuallyDisabled&&"focus-visible:focus-outline")}" tabindex="${d(this.visuallyDisabled?"0":void 0)}"><div part="input-wrapper" class="relative flex-1 mx-2 mb-[10px]"><input id="input" tabindex="-1" hidden @invalid="${this.handleInvalid}"><div part="track-wrapper" role="presentation" @pointerdown="${this.onClickTrack}" class="relative cursor-pointer -mx-2"><div part="track-click-helper" class="absolute -inset-y-2 inset-x-0"></div><div part="track" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" class="${c("h-1 my-[6px]")}"></div><div part="active-track" hidden="${d(this.noTrackBar?!0:void 0)}" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" class="${c("absolute top-0 h-1")}"></div></div>${this.renderThumbs(e)}<div class="-mt-[10px]" part="scale-ticks" @pointerdown="${this.onClickTrackItem}" role="presentation"><slot name="scale-ticks"></slot></div></div></div><slot></slot><slot name="help-text" part="form-control-help-text" id="help-text" class="${c("text-sm text-neutral-700 mt-1",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot></div>`}};l.styles=[...T.styles,E`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+[part='base']{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=thumb]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=thumb]:hover{background-color:rgba(var(--sd-color-icon-fill-primary-500,rgba(var(--sd-color-primary-500))))}[part=thumb].grabbed{background-color:rgba(var(--sd-color-icon-fill-primary-800,rgba(var(--sd-color-primary-800))))}[part=thumb][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=track]{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}[part=track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=active-track]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=active-track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}`],o([f("#input")],l.prototype,"input",2),o([f('[part="active-track"]')],l.prototype,"activeTrack",2),o([f('[part="input-wrapper"]')],l.prototype,"inputWrapper",2),o([I('[part="thumb"]')],l.prototype,"thumbs",2),o([h({attribute:!1})],l.prototype,"tooltipFormatter",2),o([h({type:String,reflect:!0})],l.prototype,"name",2),o([h({type:String,reflect:!0})],l.prototype,"label",2),o([h({attribute:"help-text",reflect:!0})],l.prototype,"helpText",2),o([h({type:Number,reflect:!0})],l.prototype,"min",2),o([h({type:Number,reflect:!0})],l.prototype,"max",2),o([h({type:Number,reflect:!0})],l.prototype,"step",2),o([h({type:Boolean,reflect:!0})],l.prototype,"disabled",2),o([h({attribute:"visually-disabled",type:Boolean,reflect:!0})],l.prototype,"visuallyDisabled",2),o([h({attribute:"no-track-bar",type:Boolean,reflect:!0})],l.prototype,"noTrackBar",2),o([h({attribute:"tooltip",type:String,reflect:!0})],l.prototype,"tooltip",2),o([A()],l.prototype,"defaultValue",2),o([h({type:String})],l.prototype,"value",1),l=o([C("sd-6-22-0-range")],l);export{l as a};