@solid-design-system/components 6.22.0 → 6.22.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "6.22.0",
+  "version": "6.22.2",
   "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
   "author": "Union Investment",
   "license": "MIT",
@@ -118,7 +118,7 @@
   "readme": "README.md",
   "meta": {
     "bundleSizeInKb": {
-      "uncompressed": 617,
+      "uncompressed": 618,
       "gzip": 138
     }
   },

package/cdn/chunks/chunk.D4I2KYVZ.js

@@ -1,2 +0,0 @@
-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-icon library="_internal" name="chevrons-sm-left" class="h-6 w-6"></sd-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-icon library="_internal" name="chevron-sm-left" class="h-6 w-6"></sd-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-icon library="_internal" name="chevron-sm-right" class="h-6 w-6"></sd-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-icon library="_internal" name="chevrons-sm-right" class="h-6 w-6"></sd-icon></button></div></div><sd-divider></sd-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-datepicker__date-item--selected--hover-color-background sd-datepicker__date-item--selected--hover-color-text":"outline-none sd-datepicker__date-item--selected-color-background sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected--hover-color-background hover:sd-datepicker__date-item--selected--hover-color-text":"hover:sd-datepicker__date-item--hover--default-color-text",!w&&!C&&!T&&"hover:sd-datepicker__date-item--hover--default-color-background",S?"selected outline-none border-primary sd-datepicker__date-item--selected-color-background sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected--hover-color-text hover:sd-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-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-datepicker__date-item--hover--prev-next-color-text hover:sd-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-datepicker__date-item--range-color-background rounded-none hover:sd-datepicker__date-item--selected--hover-color-background hover:sd-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-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-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-icon part="invalid-icon" class="${$("text-error",f,v)}" library="_internal" name="risk"></sd-icon>`:""} ${this.showValidStyle&&this.styleOnValid?k`<sd-icon class="${$("text-success shrink-0",f,v)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>`:""}<sd-icon class="${$(o,f,v,"hover:cursor-pointer")}" library="_internal" name="calendar" @click="${this.show}"></sd-icon></div>${this.renderCalendar()}</sd-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-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-datepicker")],l);export{l as a};

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

@@ -1,2 +0,0 @@
-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};