@solid-design-system/components 7.0.0 → 7.0.1

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

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

package/cdn-versioned/chunks/{chunk.Q64TZBRZ.js → chunk.HY624TPC.js}

@@ -1,2 +1,2 @@
-import{a as m}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.4ZZFYCXX.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.Z44RDBCE.js";import{b as l,e as n}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new m(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex sd-7-0-0-teaser-border-radius",{white:"bg-white","white border-neutral-400":"bg-white border sd-7-0-0-teaser--neutral-400-color-border","neutral-100":"sd-7-0-0-teaser--neutral-100-color-background",primary:"bg-primary text-white","primary-100":"sd-7-0-0-teaser--primary-100-color-background"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&i&&"py-8 px-10")}" part="base"><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${i?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left order-2",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&i&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="headline"><slot></slot></div></div><div part="media" id="media" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r("order-1",!i&&this._orientation==="vertical"&&"mb-4",!o["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]",this._orientation!=="vertical"&&this.reversedLayout&&"order-2")}"><slot name="media"></slot></div></div>`}};t.styles=[...s.styles,l`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{display:block}::slotted(*){margin:0}::slotted([slot=headline]){margin:0;font-size:var(--sd-text-lg,1.25rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:var(--leading-normal, 1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--sd-font-weight-bold, 600);font-weight:var(--sd-font-weight-bold,600)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-7-0-0-teaser")],t);export{t as a};
+import{a as m}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.4ZZFYCXX.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.J45556RK.js";import{b as l,e as n}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new m(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex sd-7-0-1-teaser-border-radius",{white:"bg-white","white border-neutral-400":"bg-white border sd-7-0-1-teaser--neutral-400-color-border","neutral-100":"sd-7-0-1-teaser--neutral-100-color-background",primary:"bg-primary text-white","primary-100":"sd-7-0-1-teaser--primary-100-color-background"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&i&&"py-8 px-10")}" part="base"><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${i?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left order-2",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&i&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="headline"><slot></slot></div></div><div part="media" id="media" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r("order-1",!i&&this._orientation==="vertical"&&"mb-4",!o["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]",this._orientation!=="vertical"&&this.reversedLayout&&"order-2")}"><slot name="media"></slot></div></div>`}};t.styles=[...s.styles,l`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+:host{display:block}::slotted(*){margin:0}::slotted([slot=headline]){margin:0;font-size:var(--sd-text-lg,1.25rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:var(--leading-normal, 1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--sd-font-weight-bold, 600);font-weight:var(--sd-font-weight-bold,600)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-7-0-1-teaser")],t);export{t as a};

package/cdn-versioned/chunks/{chunk.GG7UP3MH.js → chunk.I7OVY27Y.js}

@@ -1,12 +1,12 @@
-import{b as f,c as k}from"./chunk.LZRL7OLU.js";import{a as i}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as b,b as h}from"./chunk.NL7YFV4O.js";import{a}from"./chunk.4ZZFYCXX.js";import{a as y}from"./chunk.NYKJXI3Q.js";import{a as m,b as r,c,d as g,g as p,h as u}from"./chunk.Z44RDBCE.js";import{b as v}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends u{constructor(){super(...arguments);this.formControlController=new f(this,{form:e=>{if(e.hasAttribute("form")){let s=e.getRootNode(),n=e.getAttribute("form");return s.getElementById(n)}return e.closest("form")}});this.hasSlotController=new x(this,"[default]","icon-left","icon-right");this.invalid=!1;this.hasUiMotion=!1;this.title="";this.variant="primary";this.inverted=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.loading=!1;this.type="button";this.name="";this.value="";this.href=""}get validity(){return this.isButton()?this.button.validity:k}get validationMessage(){return this.isButton()?this.button.validationMessage:""}connectedCallback(){super.connectedCallback(),this.updateMotionTheme()}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}onThemeChange(){this.updateMotionTheme()}updateMotionTheme(){let e=getComputedStyle(this).getPropertyValue("--sd-theme").trim().replace(/['"]/g,"");this.hasUiMotion=e===""||e==="ui-light"||e==="ui-dark"}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(e){if(this.disabled||this.loading||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(e){this.button.focus(e)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(e){this.isButton()&&(this.button.setCustomValidity(e),this.formControlController.updateValidity())}render(){let e=this.isLink(),s=e?b`a`:b`button`,n={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0},d=this.variant==="secondary",l={primary:this.inverted?{motionBackground:"sd-7-0-0-button--primary--inverted--hover-color-background group-active:sd-7-0-0-button--primary--inverted--active-color-background",baseBackground:"hover:sd-7-0-0-button--primary--inverted--hover-color-background active:sd-7-0-0-button--primary--inverted--active-color-background"}:{motionBackground:"sd-7-0-0-button--primary--hover-color-background group-active:sd-7-0-0-button--primary--active-color-background",baseBackground:"hover:sd-7-0-0-button--primary--hover-color-background active:sd-7-0-0-button--primary--active-color-background"},secondary:this.inverted?{motionBackground:"sd-7-0-0-button--secondary--inverted--hover-color-background group-active:sd-7-0-0-button--secondary--inverted--active-color-background group-active:sd-7-0-0-button--secondary--inverted--active-color-text",baseBackground:"hover:sd-7-0-0-button--secondary--inverted--hover-color-background active:sd-7-0-0-button--secondary--inverted--active-color-background"}:{motionBackground:"sd-7-0-0-button--secondary--hover-color-background group-active:sd-7-0-0-button--secondary--active-color-background",baseBackground:"hover:sd-7-0-0-button--secondary--hover-color-background active:sd-7-0-0-button--secondary--active-color-background"},tertiary:this.inverted?{motionBackground:"sd-7-0-0-button--tertiary--inverted--hover-color-background group-active:sd-7-0-0-button--tertiary--inverted--active-color-background group-active:sd-7-0-0-button--tertiary--inverted--active-color-text",baseBackground:"hover:sd-7-0-0-button--tertiary--inverted--hover-color-background active:sd-7-0-0-button--tertiary--inverted--active-color-background"}:{motionBackground:"sd-7-0-0-button--tertiary--hover-color-background group-active:sd-7-0-0-button--tertiary--active-color-background",baseBackground:"hover:sd-7-0-0-button--tertiary--hover-color-background active:sd-7-0-0-button--tertiary--active-color-background"},cta:this.inverted?{motionBackground:"sd-7-0-0-button--cta--inverted--hover-color-background group-active:sd-7-0-0-button--cta--inverted--active-color-background",baseBackground:"hover:sd-7-0-0-button--cta--inverted--hover-color-background active:sd-7-0-0-button--cta--inverted--active-color-background"}:{motionBackground:"bg-accent-500 group-active:bg-accent-700",baseBackground:"hover:bg-accent-500 active:bg-accent-700"}}[this.variant];return h`<sd-7-0-0-theme-listener></sd-7-0-0-theme-listener><${s} part="base" class="${a(`group relative z-10 font-md no-underline
+import{b as f,c as k}from"./chunk.LZRL7OLU.js";import{a as i}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as b,b as h}from"./chunk.NL7YFV4O.js";import{a}from"./chunk.4ZZFYCXX.js";import{a as y}from"./chunk.NYKJXI3Q.js";import{a as m,b as r,c,d as g,g as p,h as u}from"./chunk.J45556RK.js";import{b as v}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends u{constructor(){super(...arguments);this.formControlController=new f(this,{form:e=>{if(e.hasAttribute("form")){let s=e.getRootNode(),n=e.getAttribute("form");return s.getElementById(n)}return e.closest("form")}});this.hasSlotController=new x(this,"[default]","icon-left","icon-right");this.invalid=!1;this.hasUiMotion=!1;this.title="";this.variant="primary";this.inverted=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.loading=!1;this.type="button";this.name="";this.value="";this.href=""}get validity(){return this.isButton()?this.button.validity:k}get validationMessage(){return this.isButton()?this.button.validationMessage:""}connectedCallback(){super.connectedCallback(),this.updateMotionTheme()}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}onThemeChange(){this.updateMotionTheme()}updateMotionTheme(){let e=getComputedStyle(this).getPropertyValue("--sd-theme").trim().replace(/['"]/g,"");this.hasUiMotion=e===""||e==="ui-light"||e==="ui-dark"}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(e){if(this.disabled||this.loading||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(e){this.button.focus(e)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(e){this.isButton()&&(this.button.setCustomValidity(e),this.formControlController.updateValidity())}render(){let e=this.isLink(),s=e?b`a`:b`button`,n={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0},d=this.variant==="secondary",l={primary:this.inverted?{motionBackground:"sd-7-0-1-button--primary--inverted--hover-color-background group-active:sd-7-0-1-button--primary--inverted--active-color-background",baseBackground:"hover:sd-7-0-1-button--primary--inverted--hover-color-background active:sd-7-0-1-button--primary--inverted--active-color-background"}:{motionBackground:"sd-7-0-1-button--primary--hover-color-background group-active:sd-7-0-1-button--primary--active-color-background",baseBackground:"hover:sd-7-0-1-button--primary--hover-color-background active:sd-7-0-1-button--primary--active-color-background"},secondary:this.inverted?{motionBackground:"sd-7-0-1-button--secondary--inverted--hover-color-background group-active:sd-7-0-1-button--secondary--inverted--active-color-background group-active:sd-7-0-1-button--secondary--inverted--active-color-text",baseBackground:"hover:sd-7-0-1-button--secondary--inverted--hover-color-background active:sd-7-0-1-button--secondary--inverted--active-color-background"}:{motionBackground:"sd-7-0-1-button--secondary--hover-color-background group-active:sd-7-0-1-button--secondary--active-color-background",baseBackground:"hover:sd-7-0-1-button--secondary--hover-color-background active:sd-7-0-1-button--secondary--active-color-background"},tertiary:this.inverted?{motionBackground:"sd-7-0-1-button--tertiary--inverted--hover-color-background group-active:sd-7-0-1-button--tertiary--inverted--active-color-background group-active:sd-7-0-1-button--tertiary--inverted--active-color-text",baseBackground:"hover:sd-7-0-1-button--tertiary--inverted--hover-color-background active:sd-7-0-1-button--tertiary--inverted--active-color-background"}:{motionBackground:"sd-7-0-1-button--tertiary--hover-color-background group-active:sd-7-0-1-button--tertiary--active-color-background",baseBackground:"hover:sd-7-0-1-button--tertiary--hover-color-background active:sd-7-0-1-button--tertiary--active-color-background"},cta:this.inverted?{motionBackground:"sd-7-0-1-button--cta--inverted--hover-color-background group-active:sd-7-0-1-button--cta--inverted--active-color-background",baseBackground:"hover:sd-7-0-1-button--cta--inverted--hover-color-background active:sd-7-0-1-button--cta--inverted--active-color-background"}:{motionBackground:"bg-accent-500 group-active:bg-accent-700",baseBackground:"hover:bg-accent-500 active:bg-accent-700"}}[this.variant];return h`<sd-7-0-1-theme-listener></sd-7-0-1-theme-listener><${s} part="base" class="${a(`group relative z-10 font-md no-underline
         w-full align-middle inline-flex items-stretch justify-center
         transition-colors duration-fast ease-in-out
-        select-none cursor-[inherit]`,!this.hasUiMotion&&"sd-7-0-0-button--simple-motion",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-7-0-0-button--size-sm-font-size sd-7-0-0-button-font-weight sd-7-0-0-button--secondary--size-sm-padding-block sd-7-0-0-button-border-radius",md:"varspacing-10 sd-7-0-0-button--size-md-height sd-7-0-0-button--size-md-font-size sd-7-0-0-button--secondary--size-md-padding-block sd-7-0-0-button-font-weight sd-7-0-0-button-border-radius",lg:"varspacing-12 sd-7-0-0-button--size-lg-height sd-7-0-0-button--size-lg-font-size sd-7-0-0-button--secondary--size-lg-padding-block sd-7-0-0-button-font-weight sd-7-0-0-button-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-7-0-0-button--secondary-padding-inline":"sd-7-0-0-button--size-sm-padding-block sd-7-0-0-button-padding-inline"}`,md:`${d?"sd-7-0-0-button--secondary-padding-inline":"sd-7-0-0-button--size-md-padding-block sd-7-0-0-button-padding-inline"}`,lg:`${d?"sd-7-0-0-button--secondary-padding-inline":"sd-7-0-0-button--size-lg-padding-block sd-7-0-0-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-7-0-0-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-7-0-0-button--inverted--disabled-color-background text-white border-neutral-500":"sd-7-0-0-button--primary--inverted--default-color-text sd-7-0-0-button--primary--inverted--default-color-background border-white hover:sd-7-0-0-button--primary--inverted--hover-color-text active:sd-7-0-0-button--primary--inverted--active-color-text"}
-          disabled:sd-7-0-0-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-7-0-0-button--primary--disabled-color-background border-neutral-500 text-white":"sd-7-0-0-button--primary--default-color-background border-transparent sd-7-0-0-button--primary--default-color-text hover:sd-7-0-0-button--primary--hover-color-text active:sd-7-0-0-button--primary--active-color-text"}
-          disabled:sd-7-0-0-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-7-0-0-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-7-0-0-button--secondary--inverted-color-text sd-7-0-0-button--secondary--inverted-color-border hover:sd-7-0-0-button--secondary--inverted-color-border hover:sd-7-0-0-button--secondary--inverted--hover-color-text active:sd-7-0-0-button--secondary--inverted--active-color-text active:border-primary-200"}
-          disabled:sd-7-0-0-button--inverted--disabled-color-border disabled:sd-7-0-0-button--inverted--disabled-color-text`:`border sd-7-0-0-button-border-width ${this.visuallyDisabled?"sd-7-0-0-button--secondary--disabled-color-text sd-7-0-0-button--secondary--disabled-color-border":"sd-7-0-0-button--secondary--default-color-text sd-7-0-0-button--secondary--default-color-border hover:sd-7-0-0-button--secondary--hover-color-text hover:sd-7-0-0-button--secondary--hover-color-border active:sd-7-0-0-button--secondary--active-color-text active:sd-7-0-0-button--secondary--active-color-border"}
-          disabled:sd-7-0-0-button--secondary--disabled-color-text disabled:sd-7-0-0-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent  ${this.visuallyDisabled?"text-neutral-600":"sd-7-0-0-button--tertiary--inverted-color-text hover:sd-7-0-0-button--tertiary--inverted--hover-color-text active:sd-7-0-0-button--tertiary--inverted--active-color-text"}
-          disabled:sd-7-0-0-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-7-0-0-button--tertiary--disabled-color-text":"sd-7-0-0-button--tertiary--default-color-text hover:sd-7-0-0-button--tertiary--hover-color-text active:sd-7-0-0-button--tertiary--active-color-text"}
-          disabled:sd-7-0-0-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-7-0-0-button--primary--disabled-color-background border-neutral-500":"border-transparent"}
-          ${this.inverted?"sd-7-0-0-button--cta--inverted--default-color-background sd-7-0-0-button--cta--inverted--default-color-text hover:sd-7-0-0-button--cta--inverted--hover-color-text active:sd-7-0-0-button--cta--inverted--active-color-text disabled:sd-7-0-0-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-7-0-0-button--primary--disabled-color-background disabled:border-neutral-500 disabled:text-white"}`}[this.variant],!this.hasUiMotion&&!this.disabled&&!this.visuallyDisabled&&l.baseBackground)}" ?disabled="${i(e?void 0:this.disabled)}" type="${i(e?void 0:this.type)}" title="${this.title}" name="${i(e?void 0:this.name)}" value="${i(e?void 0:this.value)}" href="${i(e?this.href:void 0)}" target="${i(e?this.target:void 0)}" download="${i(e?this.download:void 0)}" rel="${i(e&&this.target?"noreferrer noopener":void 0)}" role="${i(e?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${a("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(!this.hasUiMotion||this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-7-0-0-button-border-radius",md:"sd-7-0-0-button-border-radius",lg:"sd-7-0-0-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${a("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",l.motionBackground)}"></div><div class="${a("absolute w-full h-full mt-[22%]",l.motionBackground,this.variant==="secondary"&&this.inverted&&"group-active:sd-7-0-0-button--secondary--active-color-border")}"></div></div></div><slot name="icon-left" part="icon-left" class="${a("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${a("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${a("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?h`<sd-7-0-0-loader class="${a("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-7-0-0-loader>`:""}</${s}>`}};t.styles=[...u.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}.sd-7-0-0-button--simple-motion{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}::slotted(sd-7-0-0-badge){pointer-events:none;position:absolute;top:0;right:0;--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-7-0-0-icon),sd-7-0-0-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-7-0-0-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}.sd-7-0-0-button-border-radius{border-radius:var(--sd-button-border-radius)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],o([g("a, button")],t.prototype,"button",2),o([p({selector:"sd-7-0-0-icon"})],t.prototype,"_iconsInDefaultSlot",2),o([c()],t.prototype,"invalid",2),o([c()],t.prototype,"hasUiMotion",2),o([r({type:String,reflect:!0})],t.prototype,"title",2),o([r({type:String,reflect:!0})],t.prototype,"variant",2),o([r({type:Boolean,reflect:!0})],t.prototype,"inverted",2),o([r({type:String,reflect:!0})],t.prototype,"size",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),o([r({type:Boolean,reflect:!0})],t.prototype,"loading",2),o([r({type:String,reflect:!0})],t.prototype,"type",2),o([r({type:String,reflect:!0})],t.prototype,"name",2),o([r()],t.prototype,"value",2),o([r({type:String,reflect:!0})],t.prototype,"href",2),o([r({type:String,reflect:!0})],t.prototype,"target",2),o([r({reflect:!0})],t.prototype,"download",2),o([r({reflect:!0})],t.prototype,"form",2),o([r({attribute:"formaction"})],t.prototype,"formAction",2),o([r({attribute:"formenctype"})],t.prototype,"formEnctype",2),o([r({attribute:"formmethod"})],t.prototype,"formMethod",2),o([r({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),o([r({attribute:"formtarget"})],t.prototype,"formTarget",2),o([y("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=o([m("sd-7-0-0-button")],t);export{t as a};
+        select-none cursor-[inherit]`,!this.hasUiMotion&&"sd-7-0-1-button--simple-motion",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-7-0-1-button--size-sm-font-size sd-7-0-1-button-font-weight sd-7-0-1-button--secondary--size-sm-padding-block sd-7-0-1-button-border-radius",md:"varspacing-10 sd-7-0-1-button--size-md-height sd-7-0-1-button--size-md-font-size sd-7-0-1-button--secondary--size-md-padding-block sd-7-0-1-button-font-weight sd-7-0-1-button-border-radius",lg:"varspacing-12 sd-7-0-1-button--size-lg-height sd-7-0-1-button--size-lg-font-size sd-7-0-1-button--secondary--size-lg-padding-block sd-7-0-1-button-font-weight sd-7-0-1-button-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-7-0-1-button--secondary-padding-inline":"sd-7-0-1-button--size-sm-padding-block sd-7-0-1-button-padding-inline"}`,md:`${d?"sd-7-0-1-button--secondary-padding-inline":"sd-7-0-1-button--size-md-padding-block sd-7-0-1-button-padding-inline"}`,lg:`${d?"sd-7-0-1-button--secondary-padding-inline":"sd-7-0-1-button--size-lg-padding-block sd-7-0-1-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-7-0-1-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-7-0-1-button--inverted--disabled-color-background text-white border-neutral-500":"sd-7-0-1-button--primary--inverted--default-color-text sd-7-0-1-button--primary--inverted--default-color-background border-white hover:sd-7-0-1-button--primary--inverted--hover-color-text active:sd-7-0-1-button--primary--inverted--active-color-text"}
+          disabled:sd-7-0-1-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-7-0-1-button--primary--disabled-color-background border-neutral-500 text-white":"sd-7-0-1-button--primary--default-color-background border-transparent sd-7-0-1-button--primary--default-color-text hover:sd-7-0-1-button--primary--hover-color-text active:sd-7-0-1-button--primary--active-color-text"}
+          disabled:sd-7-0-1-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-7-0-1-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-7-0-1-button--secondary--inverted-color-text sd-7-0-1-button--secondary--inverted-color-border hover:sd-7-0-1-button--secondary--inverted-color-border hover:sd-7-0-1-button--secondary--inverted--hover-color-text active:sd-7-0-1-button--secondary--inverted--active-color-text active:border-primary-200"}
+          disabled:sd-7-0-1-button--inverted--disabled-color-border disabled:sd-7-0-1-button--inverted--disabled-color-text`:`border sd-7-0-1-button-border-width ${this.visuallyDisabled?"sd-7-0-1-button--secondary--disabled-color-text sd-7-0-1-button--secondary--disabled-color-border":"sd-7-0-1-button--secondary--default-color-text sd-7-0-1-button--secondary--default-color-border hover:sd-7-0-1-button--secondary--hover-color-text hover:sd-7-0-1-button--secondary--hover-color-border active:sd-7-0-1-button--secondary--active-color-text active:sd-7-0-1-button--secondary--active-color-border"}
+          disabled:sd-7-0-1-button--secondary--disabled-color-text disabled:sd-7-0-1-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent  ${this.visuallyDisabled?"text-neutral-600":"sd-7-0-1-button--tertiary--inverted-color-text hover:sd-7-0-1-button--tertiary--inverted--hover-color-text active:sd-7-0-1-button--tertiary--inverted--active-color-text"}
+          disabled:sd-7-0-1-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-7-0-1-button--tertiary--disabled-color-text":"sd-7-0-1-button--tertiary--default-color-text hover:sd-7-0-1-button--tertiary--hover-color-text active:sd-7-0-1-button--tertiary--active-color-text"}
+          disabled:sd-7-0-1-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-7-0-1-button--primary--disabled-color-background border-neutral-500":"border-transparent"}
+          ${this.inverted?"sd-7-0-1-button--cta--inverted--default-color-background sd-7-0-1-button--cta--inverted--default-color-text hover:sd-7-0-1-button--cta--inverted--hover-color-text active:sd-7-0-1-button--cta--inverted--active-color-text disabled:sd-7-0-1-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-7-0-1-button--primary--disabled-color-background disabled:border-neutral-500 disabled:text-white"}`}[this.variant],!this.hasUiMotion&&!this.disabled&&!this.visuallyDisabled&&l.baseBackground)}" ?disabled="${i(e?void 0:this.disabled)}" type="${i(e?void 0:this.type)}" title="${this.title}" name="${i(e?void 0:this.name)}" value="${i(e?void 0:this.value)}" href="${i(e?this.href:void 0)}" target="${i(e?this.target:void 0)}" download="${i(e?this.download:void 0)}" rel="${i(e&&this.target?"noreferrer noopener":void 0)}" role="${i(e?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${a("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(!this.hasUiMotion||this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-7-0-1-button-border-radius",md:"sd-7-0-1-button-border-radius",lg:"sd-7-0-1-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${a("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",l.motionBackground)}"></div><div class="${a("absolute w-full h-full mt-[22%]",l.motionBackground,this.variant==="secondary"&&this.inverted&&"group-active:sd-7-0-1-button--secondary--active-color-border")}"></div></div></div><slot name="icon-left" part="icon-left" class="${a("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${a("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${a("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?h`<sd-7-0-1-loader class="${a("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-7-0-1-loader>`:""}</${s}>`}};t.styles=[...u.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}.sd-7-0-1-button--simple-motion{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}::slotted(sd-7-0-1-badge){pointer-events:none;position:absolute;top:0;right:0;--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-7-0-1-icon),sd-7-0-1-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-7-0-1-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}.sd-7-0-1-button-border-radius{border-radius:var(--sd-button-border-radius)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],o([g("a, button")],t.prototype,"button",2),o([p({selector:"sd-7-0-1-icon"})],t.prototype,"_iconsInDefaultSlot",2),o([c()],t.prototype,"invalid",2),o([c()],t.prototype,"hasUiMotion",2),o([r({type:String,reflect:!0})],t.prototype,"title",2),o([r({type:String,reflect:!0})],t.prototype,"variant",2),o([r({type:Boolean,reflect:!0})],t.prototype,"inverted",2),o([r({type:String,reflect:!0})],t.prototype,"size",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),o([r({type:Boolean,reflect:!0})],t.prototype,"loading",2),o([r({type:String,reflect:!0})],t.prototype,"type",2),o([r({type:String,reflect:!0})],t.prototype,"name",2),o([r()],t.prototype,"value",2),o([r({type:String,reflect:!0})],t.prototype,"href",2),o([r({type:String,reflect:!0})],t.prototype,"target",2),o([r({reflect:!0})],t.prototype,"download",2),o([r({reflect:!0})],t.prototype,"form",2),o([r({attribute:"formaction"})],t.prototype,"formAction",2),o([r({attribute:"formenctype"})],t.prototype,"formEnctype",2),o([r({attribute:"formmethod"})],t.prototype,"formMethod",2),o([r({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),o([r({attribute:"formtarget"})],t.prototype,"formTarget",2),o([y("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=o([m("sd-7-0-1-button")],t);export{t as a};

package/cdn-versioned/chunks/{chunk.2LXNC6H3.js → chunk.IFLRUJCI.js}

@@ -1,2 +1,2 @@
-import{a as E}from"./chunk.5KXVHZV5.js";import{b,c as C,d as x,e as w}from"./chunk.LZRL7OLU.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.4ZZFYCXX.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as y,b as r,c,d as m,h as f}from"./chunk.Z44RDBCE.js";import{b as v,e as d}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var s=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new k(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?w:t?x:C}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}updated(t){super.updated(t),this.syncAriaDescription()}syncAriaDescription(){var l;let t=(l=this.shadowRoot)==null?void 0:l.querySelector("fieldset"),e=this.showInvalidStyle?this.validationMessage:"";e?t==null||t.setAttribute("aria-description",e):t==null||t.removeAttribute("aria-description")}getAllRadios(){let t=[...this.querySelectorAll("sd-7-0-0-radio, sd-7-0-0-radio-button")];return t.length===0&&console.warn("No radios found in the radio group."),t}handleRadioClick(t){let e=t.target.closest("sd-7-0-0-radio, sd-7-0-0-radio-button"),l=this.value,i=this.getAllRadios();i.length!==0&&(e.disabled||(this.value=e.value,i.forEach(n=>n.checked=n===e),this.value!==l&&(this.emit("sd-change"),this.emit("sd-input"))))}handleKeyDown(t){var g;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(h=>!h.disabled);if(e.length===0)return;let l=(g=e.find(h=>h.checked))!=null?g:e[0],i=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,a=e.indexOf(l)+i;a<0&&(a=e.length-1),a>e.length-1&&(a=0),this.getAllRadios().forEach(h=>{h.checked=!1,this.hasButtonGroup||(h.tabIndex=-1)}),this.value=e[a].value,e[a].checked=!0,this.hasButtonGroup?e[a].shadowRoot.querySelector("button").focus():(e[a].tabIndex=0,e[a].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios();if(t.length===0)return;let l=t.find(i=>i.checked)||t[0];l&&l.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,l;let t=this.getAllRadios();if(t.length===0){this.hasButtonGroup=!1;return}if(await Promise.all(t.map(async i=>{await i.updateComplete,i.checked=i.value===this.value,i.size=this.size,i instanceof E&&(i.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(i=>i.tagName.toLowerCase()==="sd-7-0-0-radio-button"),!t.some(i=>i.checked))if(this.hasButtonGroup){let i=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");i&&(i.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let i=(l=this.shadowRoot)==null?void 0:l.querySelector("sd-7-0-0-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-7-0-0-radio")&&customElements.get("sd-7-0-0-radio-button")){this.syncRadioElements();return}customElements.get("sd-7-0-0-radio")?this.syncRadioElements():customElements.whenDefined("sd-7-0-0-radio").then(()=>this.syncRadios()),customElements.get("sd-7-0-0-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-7-0-0-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){let t=this.getAllRadios();t.length!==0&&(t.forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid))}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,l=this.hasSlotController.test("help-text"),i=this.helpText?!0:!!l,n=this.hasSlotController.test("tooltip"),a=d`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return d`<fieldset part="form-control" class="${u("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message" aria-labelledby="label">${e||n?d`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${u("p-0 font-bold leading-normal text-black text-left",e?"inline-block":"hidden")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?d`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${u("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?d`<sd-7-0-0-button-group class="border border-primary sd-7-0-0-radio-button-group-border-radius sd-7-0-0-radio-button-group-border-width sd-7-0-0-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${a}</sd-7-0-0-button-group>`:a}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${u("text-sm text-neutral-700 mt-2",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?d`<sd-7-0-0-icon part="invalid-icon" class="${u("text-error")}" library="_internal" name="risk"></sd-7-0-0-icon>`:""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`}};s.styles=[...f.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}:host([orientation=vertical]) ::slotted(sd-7-0-0-radio){margin-bottom:var(--sd-spacing-2,.5rem);display:flex}:host([orientation=vertical]) ::slotted(sd-7-0-0-radio:last-of-type){margin-bottom:0}:host([orientation=horizontal]) ::slotted(sd-7-0-0-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-7-0-0-radio:last-of-type){margin-right:0}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-0-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-0-radio:last-of-type){margin-right:0}:host([required]) #label::after{content:' *'}:host:has(sd-7-0-0-button-group){display:inline-flex}`],o([m("slot:not([name])")],s.prototype,"defaultSlot",2),o([m("#validation-input")],s.prototype,"validationInput",2),o([m("#invalid-message")],s.prototype,"invalidMessage",2),o([c()],s.prototype,"hasButtonGroup",2),o([c()],s.prototype,"defaultValue",2),o([c()],s.prototype,"showInvalidStyle",2),o([r({type:String,reflect:!0})],s.prototype,"size",2),o([r({type:Boolean,reflect:!0})],s.prototype,"required",2),o([r({type:String,reflect:!0})],s.prototype,"orientation",2),o([r({type:String,reflect:!0})],s.prototype,"label",2),o([r({type:String,attribute:"help-text",reflect:!0})],s.prototype,"helpText",2),o([r({type:String,reflect:!0})],s.prototype,"name",2),o([r()],s.prototype,"value",2),o([r({type:String,reflect:!0})],s.prototype,"form",2),o([p("size",{waitUntilFirstUpdate:!0})],s.prototype,"handleSizeChange",1),o([p("showInvalidStyle",{waitUntilFirstUpdate:!0})],s.prototype,"handleInvalidChange",1),o([p("value")],s.prototype,"handleValueChange",1),s=o([y("sd-7-0-0-radio-group")],s);export{s as a};
+import{a as E}from"./chunk.V6IM4GAA.js";import{b,c as C,d as x,e as w}from"./chunk.LZRL7OLU.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.4ZZFYCXX.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as y,b as r,c,d as m,h as f}from"./chunk.J45556RK.js";import{b as v,e as d}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var s=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new k(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?w:t?x:C}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}updated(t){super.updated(t),this.syncAriaDescription()}syncAriaDescription(){var l;let t=(l=this.shadowRoot)==null?void 0:l.querySelector("fieldset"),e=this.showInvalidStyle?this.validationMessage:"";e?t==null||t.setAttribute("aria-description",e):t==null||t.removeAttribute("aria-description")}getAllRadios(){let t=[...this.querySelectorAll("sd-7-0-1-radio, sd-7-0-1-radio-button")];return t.length===0&&console.warn("No radios found in the radio group."),t}handleRadioClick(t){let e=t.target.closest("sd-7-0-1-radio, sd-7-0-1-radio-button"),l=this.value,i=this.getAllRadios();i.length!==0&&(e.disabled||(this.value=e.value,i.forEach(n=>n.checked=n===e),this.value!==l&&(this.emit("sd-change"),this.emit("sd-input"))))}handleKeyDown(t){var g;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(h=>!h.disabled);if(e.length===0)return;let l=(g=e.find(h=>h.checked))!=null?g:e[0],i=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,a=e.indexOf(l)+i;a<0&&(a=e.length-1),a>e.length-1&&(a=0),this.getAllRadios().forEach(h=>{h.checked=!1,this.hasButtonGroup||(h.tabIndex=-1)}),this.value=e[a].value,e[a].checked=!0,this.hasButtonGroup?e[a].shadowRoot.querySelector("button").focus():(e[a].tabIndex=0,e[a].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios();if(t.length===0)return;let l=t.find(i=>i.checked)||t[0];l&&l.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,l;let t=this.getAllRadios();if(t.length===0){this.hasButtonGroup=!1;return}if(await Promise.all(t.map(async i=>{await i.updateComplete,i.checked=i.value===this.value,i.size=this.size,i instanceof E&&(i.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(i=>i.tagName.toLowerCase()==="sd-7-0-1-radio-button"),!t.some(i=>i.checked))if(this.hasButtonGroup){let i=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");i&&(i.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let i=(l=this.shadowRoot)==null?void 0:l.querySelector("sd-7-0-1-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-7-0-1-radio")&&customElements.get("sd-7-0-1-radio-button")){this.syncRadioElements();return}customElements.get("sd-7-0-1-radio")?this.syncRadioElements():customElements.whenDefined("sd-7-0-1-radio").then(()=>this.syncRadios()),customElements.get("sd-7-0-1-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-7-0-1-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){let t=this.getAllRadios();t.length!==0&&(t.forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid))}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,l=this.hasSlotController.test("help-text"),i=this.helpText?!0:!!l,n=this.hasSlotController.test("tooltip"),a=d`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return d`<fieldset part="form-control" class="${u("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message" aria-labelledby="label">${e||n?d`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${u("p-0 font-bold leading-normal text-black text-left",e?"inline-block":"hidden")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?d`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${u("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?d`<sd-7-0-1-button-group class="border border-primary sd-7-0-1-radio-button-group-border-radius sd-7-0-1-radio-button-group-border-width sd-7-0-1-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${a}</sd-7-0-1-button-group>`:a}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${u("text-sm text-neutral-700 mt-2",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?d`<sd-7-0-1-icon part="invalid-icon" class="${u("text-error")}" library="_internal" name="risk"></sd-7-0-1-icon>`:""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`}};s.styles=[...f.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:block}:host([orientation=vertical]) ::slotted(sd-7-0-1-radio){margin-bottom:var(--sd-spacing-2,.5rem);display:flex}:host([orientation=vertical]) ::slotted(sd-7-0-1-radio:last-of-type){margin-bottom:0}:host([orientation=horizontal]) ::slotted(sd-7-0-1-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-7-0-1-radio:last-of-type){margin-right:0}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-1-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-1-radio:last-of-type){margin-right:0}:host([required]) #label::after{content:' *'}:host:has(sd-7-0-1-button-group){display:inline-flex}`],o([m("slot:not([name])")],s.prototype,"defaultSlot",2),o([m("#validation-input")],s.prototype,"validationInput",2),o([m("#invalid-message")],s.prototype,"invalidMessage",2),o([c()],s.prototype,"hasButtonGroup",2),o([c()],s.prototype,"defaultValue",2),o([c()],s.prototype,"showInvalidStyle",2),o([r({type:String,reflect:!0})],s.prototype,"size",2),o([r({type:Boolean,reflect:!0})],s.prototype,"required",2),o([r({type:String,reflect:!0})],s.prototype,"orientation",2),o([r({type:String,reflect:!0})],s.prototype,"label",2),o([r({type:String,attribute:"help-text",reflect:!0})],s.prototype,"helpText",2),o([r({type:String,reflect:!0})],s.prototype,"name",2),o([r()],s.prototype,"value",2),o([r({type:String,reflect:!0})],s.prototype,"form",2),o([p("size",{waitUntilFirstUpdate:!0})],s.prototype,"handleSizeChange",1),o([p("showInvalidStyle",{waitUntilFirstUpdate:!0})],s.prototype,"handleInvalidChange",1),o([p("value")],s.prototype,"handleValueChange",1),s=o([y("sd-7-0-1-radio-group")],s);export{s as a};

package/cdn-versioned/chunks/{chunk.OL5UARRQ.js → chunk.IQBZ7GRB.js}

@@ -1,5 +1,5 @@
-import{a as l}from"./chunk.LHSR56PH.js";import{a as t}from"./chunk.4ZZFYCXX.js";import{a as c,b as e,c as m,d as o,h as n}from"./chunk.Z44RDBCE.js";import{b as s,e as d}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var r=class extends n{constructor(){super(...arguments);this.flipDirection="horizontal";this.placement="top";this.frontVariant="primary";this.backVariant="primary";this.activeSide="front"}connectedCallback(){super.connectedCallback()}flipFront(){this.activeSide="back",this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),setTimeout(()=>{this.back.focus()})}flipBack(){this.activeSide="front",this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),setTimeout(()=>{this.front.focus()})}handleFrontKeydown(a){a.code==="Enter"&&this.front===a.target&&this.flipFront()}handleBackKeydown(a){a.code==="Enter"&&this.back===a.target&&this.flipBack()}render(){return d`<div part="base" class="${t("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${l(this.activeSide==="back"||void 0)}" class="${t("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.frontVariant==="primary"&&"bg-primary",this.frontVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-front" class="${t("absolute h-full w-full -z-20",(this.frontVariant==="primary"||this.frontVariant==="primary-100")&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${t("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant])}"><div class="${t("absolute inset-0 pointer-events-none -z-10",{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t  from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b  from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"></div><slot name="front" class="relative z-10"></slot></div><div part="front-secondary-gradient" class="${t("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.frontVariant])}"></div><sd-7-0-0-button part="front-button" size="md" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.frontVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.frontVariant]}" class="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-7-0-0-icon library="_internal" name="reload" label="Flip to Back"></sd-7-0-0-icon></sd-7-0-0-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide==="front"}" inert="${l(this.activeSide==="front"||void 0)}" class="${t("flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.backVariant==="primary"&&"bg-primary",this.backVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-back" class="${t("absolute h-full w-full -z-20",(this.backVariant==="primary"||this.backVariant==="primary-100")&&"hidden")}"><slot name="media-back"></slot></div><div part="back-slot-container" class="${t("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.backVariant],{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t  from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b  from-primary-800/75 to-primary-800/60"}[this.backVariant])}"><slot name="back" class="relative z-10"></slot></div><div part="back-secondary-gradient" class="${t("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.backVariant])}"></div><sd-7-0-0-button size="md" part="back-button" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.backVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.backVariant]}" class="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-7-0-0-icon library="_internal" name="reload" label="Flip to Front"></sd-7-0-0-icon></sd-7-0-0-button></div></div>`}};r.styles=[...n.styles,s`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+import{a as l}from"./chunk.LHSR56PH.js";import{a as t}from"./chunk.4ZZFYCXX.js";import{a as c,b as e,c as m,d as o,h as n}from"./chunk.J45556RK.js";import{b as s,e as d}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var r=class extends n{constructor(){super(...arguments);this.flipDirection="horizontal";this.placement="top";this.frontVariant="primary";this.backVariant="primary";this.activeSide="front"}connectedCallback(){super.connectedCallback()}flipFront(){this.activeSide="back",this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),setTimeout(()=>{this.back.focus()})}flipBack(){this.activeSide="front",this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),setTimeout(()=>{this.front.focus()})}handleFrontKeydown(a){a.code==="Enter"&&this.front===a.target&&this.flipFront()}handleBackKeydown(a){a.code==="Enter"&&this.back===a.target&&this.flipBack()}render(){return d`<div part="base" class="${t("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${l(this.activeSide==="back"||void 0)}" class="${t("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.frontVariant==="primary"&&"bg-primary",this.frontVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-front" class="${t("absolute h-full w-full -z-20",(this.frontVariant==="primary"||this.frontVariant==="primary-100")&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${t("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant])}"><div class="${t("absolute inset-0 pointer-events-none -z-10",{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t  from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b  from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"></div><slot name="front" class="relative z-10"></slot></div><div part="front-secondary-gradient" class="${t("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.frontVariant])}"></div><sd-7-0-1-button part="front-button" size="md" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.frontVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.frontVariant]}" class="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-7-0-1-icon library="_internal" name="reload" label="Flip to Back"></sd-7-0-1-icon></sd-7-0-1-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide==="front"}" inert="${l(this.activeSide==="front"||void 0)}" class="${t("flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.backVariant==="primary"&&"bg-primary",this.backVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-back" class="${t("absolute h-full w-full -z-20",(this.backVariant==="primary"||this.backVariant==="primary-100")&&"hidden")}"><slot name="media-back"></slot></div><div part="back-slot-container" class="${t("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.backVariant],{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t  from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b  from-primary-800/75 to-primary-800/60"}[this.backVariant])}"><slot name="back" class="relative z-10"></slot></div><div part="back-secondary-gradient" class="${t("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.backVariant])}"></div><sd-7-0-1-button size="md" part="back-button" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.backVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.backVariant]}" class="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-7-0-1-icon library="_internal" name="reload" label="Flip to Front"></sd-7-0-1-icon></sd-7-0-1-button></div></div>`}};r.styles=[...n.styles,s`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:block;aspect-ratio:var(--sd-aspect-3\\/4,3 / 4);--name:'';--height:480px;height:var(--height)}.flip-card{perspective:100rem}.flip-card__side{backface-visibility:hidden}.flip-card__side--back{transform:rotateY(180deg)}.clicked--front{transform:rotateY(-180deg)}.clicked--back{transform:rotateY(0)}.flip-card__side--back.vertical{transform:rotateX(180deg)}.clicked--front.vertical{transform:rotateX(-180deg)}.clicked--back.vertical{transform:rotateX(0)}.flip-card__gradient{flex:.2 1 0;pointer-events:none}.bg-gradient-to-b,.bg-gradient-to-t{--sd-color-background-primary-800:var(
           --sd-informational-gradient--primary-800-color-background,
           var(--sd-color-primary-800)
-        )}`],i([o('[part="front"]')],r.prototype,"front",2),i([o('[part="back"]')],r.prototype,"back",2),i([e({reflect:!0,attribute:"flip-direction"})],r.prototype,"flipDirection",2),i([e({reflect:!0})],r.prototype,"placement",2),i([e({type:String,reflect:!0,attribute:"front-variant"})],r.prototype,"frontVariant",2),i([e({type:String,reflect:!0,attribute:"back-variant"})],r.prototype,"backVariant",2),i([m()],r.prototype,"activeSide",2),r=i([c("sd-7-0-0-flipcard")],r);export{r as a};
+        )}`],i([o('[part="front"]')],r.prototype,"front",2),i([o('[part="back"]')],r.prototype,"back",2),i([e({reflect:!0,attribute:"flip-direction"})],r.prototype,"flipDirection",2),i([e({reflect:!0})],r.prototype,"placement",2),i([e({type:String,reflect:!0,attribute:"front-variant"})],r.prototype,"frontVariant",2),i([e({type:String,reflect:!0,attribute:"back-variant"})],r.prototype,"backVariant",2),i([m()],r.prototype,"activeSide",2),r=i([c("sd-7-0-1-flipcard")],r);export{r as a};