@aceshooting/lyra-ui 26.0.0 → 27.0.0

package/dist/components/forms/date-picker/date-input.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{setNativeRangeText}from"../../../internal/native-text-control.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{GlassScrollLayer}from"../../../internal/glass-scroll-layer.js";import{observeReactivePropertyWrites}from"../../../internal/reactive-property-writes.js";import{html,nothing}from"lit";import{property,state,query}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{FormAssociated,isBarredFromValidation}from"../../../internal/form-associated.js";import{SET_ANCHORED_VALIDITY,VALIDITY_ANCHOR}from"../../../internal/anchored-validity.js";import{deferredPlaceReady as place,settlePopupTransition,PopupTransitionWaiters,waitForDeferredPlacement}from"../../../internal/anchored-overlay-runtime.js";import{resolveEffectivePositioningStrategy}from"../../../internal/positioning-strategy.js";import{DocumentPointerListener}from"../../../internal/document-pointer.js";import{acquireNativeControlDescription}from"../../../internal/native-control-description.js";import{nextId}from"../../../internal/a11y.js";import{closeIcon,calendarIcon,chevronIcon}from"../../../internal/icons.js";import{activateNonmodalOverlay,composedContains,deepActiveElement}from"../../../internal/nonmodal-overlay-manager.js";import{setCustomState}from"../../../internal/custom-states.js";import{finiteCount,finiteNumber}from"../../../internal/numbers.js";import{isDateObject}from"../../../internal/dom-guards.js";import{localeDateOrder,normalizeLocaleDigits,stripBidiFormattingMarks}from"../../../internal/locale-date.js";import{dateTimeFormat,parseISO,formatISO,localDate,utcDate,normalizeCalendarMonths,normalizeWeekdayFormat}from"./calendar-core.js";import{sizes}from"../../../internal/sizes.styles.js";import{styles}from"./date-input.styles.js";import{inclusiveDayCount,parseDisabledWeekdays,projectDisabledDateKeys}from"./date-picker.class.js";import"./date-picker.class.js";import{literalSetConverter,spellcheckFromAttributeConverter as spellcheckConverter}from"../../../internal/converters.js";import{isImplicitSubmission,submitOnEnter}from"../../../internal/submit-on-enter.js";import{dispatchNativeEvent,dispatchNativeInputEvent,relayNativeEvent}from"../../../internal/native-event-relay.js";import{LYRA_DEFAULT_chooseDate,LYRA_DEFAULT_clear,LYRA_DEFAULT_date,LYRA_DEFAULT_dateInputFutureDisabled,LYRA_DEFAULT_dateInputInvalid,LYRA_DEFAULT_dateInputMaxMessage,LYRA_DEFAULT_dateInputMinMessage,LYRA_DEFAULT_dateInputPastDisabled,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_openCalendar}from"../../../internal/default-strings.generated.js";const DASH_CLASS="[-\\u2010-\\u2015\\u2212~\\u301c\\uff5e]",DASH_LIKE=new RegExp(DASH_CLASS,"u");function literalPattern(literal){const visible=Array.from(literal.replace(/\s+/gu,""));return visible.length?`\\s*${visible.map(char=>DASH_LIKE.test(char)?DASH_CLASS:char.replace(/[.*+?^${}()|[\]\\/]/gu,"\\$&")).join("\\s*")}\\s*`:literal?"\\s+":""}function compileDatePattern(parts){const fields=[],pieces=[];for(const part of parts)part.type==="day"||part.type==="month"||part.type==="year"?(fields.push([part.source==="startRange"?1:part.source==="endRange"?2:0,part.type]),pieces.push("(\\d{1,4})")):pieces.push(literalPattern(stripBidiFormattingMarks(part.value)));for(const owner of[1,2])for(const type of["day","month","year"])if(fields.filter(([o,t])=>t===type&&(o===0||o===owner)).length!==1)return null;const first=pieces.indexOf("(\\d{1,4})"),last=pieces.lastIndexOf("(\\d{1,4})"),optional=source2=>source2?`(?:${source2})?`:"",source=optional(pieces.slice(0,first).join(""))+pieces.slice(first,last+1).join("")+optional(pieces.slice(last+1).join(""));return{regex:new RegExp(`^\\s*${source}\\s*$`,"iu"),fields}}function localeDatePatterns(locale){const formatter=dateTimeFormat(locale,{year:"numeric",month:"numeric",day:"numeric"});let letters="";const compile=parts=>{for(const part of parts)part.type==="literal"&&(letters+=(part.value.match(/\p{L}/gu)??[]).join(""));return compileDatePattern(parts)};let single=null;try{single=compile(formatter.formatToParts(localDate(2026,0,2)))}catch{}const ranges=[];for(const[from,to]of[[localDate(2026,0,2),localDate(2026,0,3)],[localDate(2026,0,2),localDate(2026,1,3)],[localDate(2025,0,2),localDate(2026,1,3)]])try{const pattern=compile(formatter.formatRangeToParts(from,to));pattern&&ranges.push(pattern)}catch{}return{single,ranges,letters:letters.toLowerCase()}}function dateFromFields({day,month,year}){if(!day||!month||!year)return null;const fullYear=year.length<=2?2e3+Number(year):Number(year);return parseISO(`${String(fullYear).padStart(4,"0")}-${String(Number(month)).padStart(2,"0")}-${String(Number(day)).padStart(2,"0")}`)}function matchDatePattern(pattern,text){const match=pattern?.regex.exec(text);if(!pattern||!match)return null;const start={},end={};pattern.fields.forEach(([owner,type],index)=>{owner!==2&&(start[type]=match[index+1]),owner!==1&&(end[type]=match[index+1])});const from=dateFromFields(start),to=dateFromFields(end);return from&&to?[from,to]:null}function hasForeignLetters(text,letters){return(text.match(/\p{L}/gu)??[]).some(letter=>!letters.includes(letter.toLowerCase()))}function normalizeLocalizedDateText(raw,locale){return normalizeLocaleDigits(raw,locale).trim()}const monthsConverter={fromAttribute:normalizeCalendarMonths,toAttribute:normalizeCalendarMonths},weekdayFormatConverter={fromAttribute:normalizeWeekdayFormat,toAttribute:normalizeWeekdayFormat},APPEARANCE=literalSetConverter(["accent","filled","outlined","filled-outlined","plain"],"outlined"),placements=new Set(["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"]);function normalizeDateInputPlacement(value){return typeof value=="string"&&placements.has(value)?value:"bottom-start"}const placementConverter={fromAttribute:normalizeDateInputPlacement,toAttribute:normalizeDateInputPlacement};function normalizeDateInputPageBy(value){return value==="single"?"single":"months"}const pageByConverter={fromAttribute:normalizeDateInputPageBy,toAttribute:normalizeDateInputPageBy},VALIDITY_FLAG_KEYS=new Set(["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"]);function isValidityFlagKey(value){return typeof value=="string"&&VALIDITY_FLAG_KEYS.has(value)}class LyraDateInputBase extends LyraElement{}class LyraDateInput extends FormAssociated(LyraDateInputBase){static{this.defaultStrings={...super.defaultStrings,chooseDate:LYRA_DEFAULT_chooseDate,clear:LYRA_DEFAULT_clear,date:LYRA_DEFAULT_date,dateInputFutureDisabled:LYRA_DEFAULT_dateInputFutureDisabled,dateInputInvalid:LYRA_DEFAULT_dateInputInvalid,dateInputMaxMessage:LYRA_DEFAULT_dateInputMaxMessage,dateInputMinMessage:LYRA_DEFAULT_dateInputMinMessage,dateInputPastDisabled:LYRA_DEFAULT_dateInputPastDisabled,fieldRequired:LYRA_DEFAULT_fieldRequired,openCalendar:LYRA_DEFAULT_openCalendar}}static{this.styles=[LyraElement.styles,sizes,styles]}static{this.properties={mode:{reflect:!0,noAccessor:!0},min:{reflect:!0,noAccessor:!0},max:{reflect:!0,noAccessor:!0},readonly:{type:Boolean,reflect:!0,noAccessor:!0},disablePast:{type:Boolean,attribute:"disable-past",reflect:!0,noAccessor:!0},disableFuture:{type:Boolean,attribute:"disable-future",reflect:!0,noAccessor:!0}}}get appearance(){return this._appearance}set appearance(next){const normalized=APPEARANCE.normalizeReflected(this,"appearance",next),old=this._appearance;this._appearance=normalized,normalized!==old&&this.requestUpdate("appearance",old)}get open(){return this._open}set open(next){const old=this._open,liveDisabled=this.effectiveDisabled||typeof this.matches=="function"&&this.matches(":disabled");if(this._open=!!next&&!this.readonly&&!liveDisabled,this._open===old){next&&!this._open&&this.hasAttribute("open")&&this.removeAttribute("open");return}this.requestUpdate("open",old)}get appliedPreset(){return this._appliedPreset}static get observedAttributes(){const attributes=super.observedAttributes;return observeReactivePropertyWrites(this.prototype,["clearLabel","openLabel","dialogLabel"],(instance,name,value)=>{const authored=value!=null;let ownershipChanged=!1;switch(name){case"clearLabel":if(instance.clearLabelAuthored===void 0)return;ownershipChanged=authored!==instance.clearLabelAuthored,instance.clearLabelAuthored=authored;break;case"openLabel":if(instance.openLabelAuthored===void 0)return;ownershipChanged=authored!==instance.openLabelAuthored,instance.openLabelAuthored=authored;break;case"dialogLabel":if(instance.dialogLabelAuthored===void 0)return;ownershipChanged=authored!==instance.dialogLabelAuthored,instance.dialogLabelAuthored=authored;break}ownershipChanged&&instance.requestUpdate()}),attributes}constructor(){super(),this._appearance="outlined",this.clearable=!1,this.withClear=!1,this.withHint=!1,this.withLabel=!1,this.size="m",this.pill=!1,this.label="",this.hint="",this.errorText="",this.placeholder="",this.spellcheck=!0,this.autocapitalize="",this.autoCorrect="",this.autocomplete="",this.inputMode="",this.enterKeyHint="",this.accessibleLabel=null,this.locale="",this.months=1,this.firstDayOfWeek="auto",this.weekdayFormat="short",this.presets=Object.freeze([]),this.withOutsideDays=!1,this.withWeekNumbers=!1,this.disabledDates="",this.disabledDaysOfWeek="",this.minRange=0,this.maxRange=0,this.pageBy="months",this.today="",this.distance=0,this.placement="bottom-start",this.assumeInteractionOn=["input"],this.validators=[],this.clearLabel="",this.clearLabelAuthored=!1,this.openLabel="",this.openLabelAuthored=!1,this.dialogLabel="Choose date",this.dialogLabelAuthored=!1,this.enterCommittedText=null,this.committingTypedText=!1,this.forcingClose=!1,this.inputRelayedSinceCommit=!1,this.pointer=new DocumentPointerListener(this,event=>this.onDocPointer(event)),this.restorePopupFocusOnClose=!1,this.popupHidden=!0,this.popupPositioned=!1,this.transitionToken=0,this.transitionWaiters=new PopupTransitionWaiters,this.interactionListeners=new Map,this.renderedDaySlots="",this.localDescriptionIds="",this.inputId=nextId("date-input"),this.popupId=nextId("date-popup"),this.touched=!1,this.slotPresence=new SlotPresenceController(this),this.validityRevision=0,this._mode="single",this._min="",this._max="",this._open=!1,this._readonly=!1,this._disablePast=!1,this._disableFuture=!1,this.typedBadInput=!1,this.now=()=>new Date,this.onVisibilityChange=()=>{this.ownerDocument.visibilityState==="visible"&&(this.updateValidity(),this.validityRevision++)},this.onDocPointer=e=>{e.composedPath().includes(this)||this.hide(!1)},this.onClearClick=()=>{this.clear(),this.inputElement?.focus()},this.onInputChange=e=>{e.stopPropagation(),!this.liveDisabled&&this.commitInputChange(e.target.value,e)},this.onInput=event=>{if(event.stopPropagation(),this.liveDisabled)return;this.enterCommittedText=null,this.inputRelayedSinceCommit=!0;const value=this.value;relayNativeEvent(this,event),this.emit("lr-input",{value})},this.onInputKey=e=>{if(e.altKey&&e.key==="ArrowDown"){e.preventDefault(),this.show();return}if(this.liveDisabled||this.readonly||!isImplicitSubmission(e))return;const input=this.inputElement;if(input&&input.value!==this.displayText){const raw=input.value;if(this.applyTypedText(raw)){const value=this.value;this.inputRelayedSinceCommit||(dispatchNativeInputEvent(this,{inputType:"insertReplacementText"}),this.emit("lr-input",{value})),this.inputRelayedSinceCommit=!1,dispatchNativeEvent(this,"change"),this.emit("lr-change",{value})}else this.inputRelayedSinceCommit=!1;this.enterCommittedText=raw}submitOnEnter(this,e)},this.onInputBlur=event=>{!this.liveDisabled&&this.inputRelayedSinceCommit&&this.inputElement&&this.commitInputChange(this.inputElement.value),this.liveDisabled||(this.touched=!0),relayNativeEvent(this,event)},this.onInputFocus=event=>{if(this.liveDisabled){event.stopPropagation();return}relayNativeEvent(this,event)},this.onPickerInput=e=>{if(e.stopPropagation(),this.liveDisabled)return;const picker=e.target;this.value=picker.value,this._appliedPreset=picker.appliedPreset,this.inputRelayedSinceCommit=!1;const value=this.value;relayNativeEvent(this,e),this.emit("lr-input",{value})},this.onPickerChange=e=>{if(e.stopPropagation(),this.liveDisabled)return;const picker=e.target;this.value=picker.value,this._appliedPreset=picker.appliedPreset;const value=this.value;relayNativeEvent(this,e),this.emit("lr-change",{value}),this.hide(!0)},new GlassScrollLayer(this,'[part="popup"]',()=>this.open),this.addEventListener("invalid",()=>{this.touched=!0})}get hasHintSlot(){return this.slotPresence.has("hint")}get hasErrorSlot(){return this.slotPresence.has("error")}get hasLabelSlot(){return this.slotPresence.has("label")}get hasStartSlot(){return this.slotPresence.has("start")}get hasEndSlot(){return this.slotPresence.has("end")}get mode(){return this._mode}set mode(next){const old=this._mode;this._mode=next==="range"?"range":"single",this.internals.setFormValue(this.isIncompleteRangeValue(this.value)?"":this.value),this.updateValidity(),this.syncCustomStates(),this.requestUpdate("mode",old)}get min(){return this._min}set min(next){const old=this._min;this._min=next??"",this.updateValidity(),this.requestUpdate("min",old)}get max(){return this._max}set max(next){const old=this._max;this._max=next??"",this.updateValidity(),this.requestUpdate("max",old)}get readonly(){return this._readonly}set readonly(next){const old=this._readonly;this._readonly=!!next,this.toggleAttribute("readonly",this._readonly),this._readonly&&this.forceClose(),this.updateValidity(),this.requestUpdate("readonly",old)}get disabled(){return super.disabled}set disabled(next){super.disabled=next,next&&this.forceClose(),this.syncCustomStates()}get disablePast(){return this._disablePast}set disablePast(next){const old=this._disablePast;this._disablePast=!!next,this.updateValidity(),this.requestUpdate("disablePast",old)}get disableFuture(){return this._disableFuture}set disableFuture(next){const old=this._disableFuture;this._disableFuture=!!next,this.updateValidity(),this.requestUpdate("disableFuture",old)}get input(){return this.inputElement}get selectionStart(){return this.inputElement?.selectionStart??null}set selectionStart(value){this.inputElement&&(this.inputElement.selectionStart=value??0)}get selectionEnd(){return this.inputElement?.selectionEnd??null}set selectionEnd(value){this.inputElement&&(this.inputElement.selectionEnd=value??0)}get selectionDirection(){return this.inputElement?.selectionDirection??null}set selectionDirection(value){this.inputElement&&(this.inputElement.selectionDirection=value??"none")}get value(){return super.value}set value(next){this.setTypedBadInput(!1);const old=super.value,normalized=this.normalizeCommittedValue(next??"");super.value=normalized,this.internals.setFormValue(this.isIncompleteRangeValue(normalized)?"":normalized),this.syncCustomStates(),normalized!==old&&this.valueReplaced()}valueReplaced(){this.enterCommittedText=null,this.committingTypedText||(this.inputRelayedSinceCommit=!1,this.inputElement&&(this.inputElement.value=this.displayText))}get valueAsDate(){return this.mode==="single"?this.parseStrictISO(this.value):null}set valueAsDate(next){this.value=isDateObject(next)&&Number.isFinite(next.getTime())?formatISO(next):""}get valueAsLocalDate(){return this.valueAsDate}set valueAsLocalDate(next){this.valueAsDate=next}get valueAsUTCDate(){const local=this.valueAsDate;return local?utcDate(local.getFullYear(),local.getMonth(),local.getDate()):null}set valueAsUTCDate(next){this.valueAsDate=isDateObject(next)?localDate(next.getUTCFullYear(),next.getUTCMonth(),next.getUTCDate()):null}get valueAsRange(){if(this.mode!=="range")return{from:null,to:null};const[from="",to=""]=this.value.split("/");return{from:this.parseStrictISO(from),to:this.parseStrictISO(to)}}set valueAsRange(next){let from=isDateObject(next?.from)&&Number.isFinite(next.from.getTime())?next.from:null,to=isDateObject(next?.to)&&Number.isFinite(next.to.getTime())?next.to:null;from&&to&&to<from&&([from,to]=[to,from]),this.value=from?to?`${formatISO(from)}/${formatISO(to)}`:formatISO(from):""}get validationTarget(){return this.validationTargetOverride??this.inputElement}set validationTarget(next){const old=this.validationTarget;this.validationTargetOverride=next??void 0,this.requestUpdate("validationTarget",old)}[VALIDITY_ANCHOR](){return this.validationTarget}resetValidity(){this.setCustomValidity(""),this.updateValidity()}setTypedBadInput(next){const old=this.typedBadInput;this.typedBadInput=next,old!==next&&this.requestUpdate("typedBadInput",old)}parseStrictISO(value){return/^\d{4}-\d{2}-\d{2}$/.test(value)?parseISO(value):null}normalizeCommittedValue(value){if(value==="")return"";const parts=value.split("/");if(parts.length!==1&&parts.length!==2)return"";const dates=parts.map(part=>this.parseStrictISO(part));return dates.some(date=>date===null)?"":parts.length===2&&dates[0]>dates[1]?`${parts[1]}/${parts[0]}`:value}isIncompleteRangeValue(value){return this.mode==="range"&&value!==""&&!value.includes("/")}valueDates(value){const parts=value.split("/"),expectedParts=this.mode==="range"&&parts.length===2?2:1;if(parts.length!==expectedParts)return null;const dates=parts.map(part=>this.parseStrictISO(part));return dates.some(date=>date===null)?null:dates}get disabledDateKeys(){const source=this.disabledDates;return(!this.disabledDateKeysCache||this.disabledDateKeysCache[0]!==source)&&(this.disabledDateKeysCache=[source,new Set(projectDisabledDateKeys(source))]),this.disabledDateKeysCache[1]}validatorResult(){for(const validator of Array.isArray(this.validators)?this.validators:[]){let result;try{if(typeof validator=="object"&&validator!==null&&"checkValidity"in validator){const checked=validator.checkValidity(this);if(checked?.isValid===!0)continue;const flags={};for(const key of Array.isArray(checked?.invalidKeys)?checked.invalidKeys:[])isValidityFlagKey(key)&&(flags[key]=!0);Object.values(flags).some(Boolean)||(flags.customError=!0);let message=typeof checked?.message=="string"?checked.message:"";return!message&&typeof validator.message=="string"&&(message=validator.message),!message&&typeof validator.message=="function"&&(message=validator.message(this)),{flags,message:message||this.localize("dateInputInvalid")}}result=typeof validator=="function"?validator(this.value,this):validator?.validate(this.value,this)}catch{return{flags:{customError:!0},message:this.localize("dateInputInvalid")}}if(!(result===void 0||result===!0)){if(typeof result=="string")return{flags:{customError:!0},message:result};if(result===!1)return{flags:{customError:!0},message:this.localize("dateInputInvalid")};if(result&&typeof result=="object"&&Object.values(result).some(Boolean))return{flags:result,message:this.localize("dateInputInvalid")}}}return{}}updateValidity(){if(isBarredFromValidation(this,this.internals)){this[SET_ANCHORED_VALIDITY]({});return}const flags={};let underflowMessage="",overflowMessage="";const incompleteRange=this.isIncompleteRangeValue(this.value);if(this.required&&(this.value===""||incompleteRange)&&(flags.valueMissing=!0),this.typedBadInput&&(flags.badInput=!0),this.value!==""){const dates=this.valueDates(this.value);if(!dates)flags.badInput=!0;else{const min=this.parseStrictISO(this.min),max=this.parseStrictISO(this.max),now=this.parseStrictISO(this.today)??this.now(),today=localDate(now.getFullYear(),now.getMonth(),now.getDate());min!==null&&dates.some(date=>date<min)&&(flags.rangeUnderflow=!0,underflowMessage=this.localize("dateInputMinMessage",void 0,{min:this.displayDate(min)})),this.disablePast&&dates.some(date=>date<today)&&(flags.rangeUnderflow=!0,underflowMessage||=this.localize("dateInputPastDisabled")),max!==null&&dates.some(date=>date>max)&&(flags.rangeOverflow=!0,overflowMessage=this.localize("dateInputMaxMessage",void 0,{max:this.displayDate(max)})),this.disableFuture&&dates.some(date=>date>today)&&(flags.rangeOverflow=!0,overflowMessage||=this.localize("dateInputFutureDisabled"));const disabledDates=this.disabledDateKeys,disabledWeekdays=parseDisabledWeekdays(this.disabledDaysOfWeek);let configuredDisabled=dates.some(date=>disabledDates.has(formatISO(date))||disabledWeekdays.has(date.getDay()));if(!configuredDisabled&&this.isDateDisabled)try{configuredDisabled=dates.some(date=>!!this.isDateDisabled?.(new Date(date.getTime())))}catch{configuredDisabled=!1}if(configuredDisabled&&(flags.customError=!0),this.mode==="range"&&dates.length===2){const length=inclusiveDayCount(dates[0],dates[1]),minimum=finiteCount(this.minRange,0),maximum=finiteCount(this.maxRange,0);minimum>0&&length<minimum&&(flags.rangeUnderflow=!0,underflowMessage||=this.localize("dateInputInvalid")),maximum>0&&length>maximum&&(flags.rangeOverflow=!0,overflowMessage||=this.localize("dateInputInvalid"))}}}const configured=this.validatorResult();configured.flags&&Object.assign(flags,configured.flags);let message="";configured.message?message=configured.message:flags.badInput||flags.customError?message=this.localize("dateInputInvalid"):flags.rangeUnderflow?message=underflowMessage:flags.rangeOverflow?message=overflowMessage:flags.valueMissing&&(message=this.localize("fieldRequired")),this[SET_ANCHORED_VALIDITY](flags,message)}checkValidity(){return this.updateValidity(),super.checkValidity()}reportValidity(){return this.updateValidity(),super.reportValidity()}bindVisibilityListener(){if(!this.isConnected)return;const ownerDocument=this.ownerDocument;if(this.visibilityListenerDocument===ownerDocument&&this.visibilityListener)return;this.unbindVisibilityListener();const listener=()=>{this.visibilityListener!==listener||this.visibilityListenerDocument!==ownerDocument||!this.isConnected||this.ownerDocument!==ownerDocument||this.onVisibilityChange()};this.visibilityListenerDocument=ownerDocument,this.visibilityListener=listener,ownerDocument.addEventListener("visibilitychange",listener)}unbindVisibilityListener(){this.visibilityListenerDocument&&this.visibilityListener&&this.visibilityListenerDocument.removeEventListener("visibilitychange",this.visibilityListener),this.visibilityListenerDocument=void 0,this.visibilityListener=void 0}displayDate(date){return dateTimeFormat(this.effectiveLocale,{year:"numeric",month:"numeric",day:"numeric"}).format(date)}get displayText(){const parts=this.value.split("/"),from=parseISO(parts[0]),to=parseISO(parts[1]??"");if(!from)return"";const formatter=dateTimeFormat(this.effectiveLocale,{year:"numeric",month:"numeric",day:"numeric"}),fmt=d=>formatter.format(d);if(this.mode!=="range"||!to)return fmt(from);try{return formatter.formatRange(from,to)}catch{return`${fmt(from)} – ${fmt(to)}`}}willUpdate(changed){super.willUpdate(changed),changed.has("open")&&(this.open&&this.isConnected?this.bindDocumentPointer():this.unbindDocumentPointer(),this.popupPositioned=!1),this.open&&(this.popupHidden=!1)}get liveDisabled(){return this.effectiveDisabled||this.matches(":disabled")}show(){if(this.open||this.liveDisabled||this.readonly||this.emit("lr-show",null,{cancelable:!0}).defaultPrevented)return Promise.resolve();this.transitionWaiters.resolve("lr-after-hide");const settled=this.transitionWaiters.wait("lr-after-show");return this.open=!0,this.settleTransition("lr-after-show"),settled}hide(restoreFocus=!1){if(!this.open||this.emit("lr-hide",null,{cancelable:!this.forcingClose}).defaultPrevented)return Promise.resolve();this.transitionWaiters.resolve("lr-after-show");const settled=this.transitionWaiters.wait("lr-after-hide");return this.restorePopupFocusOnClose||=restoreFocus,this.open=!1,this.settleTransition("lr-after-hide"),settled}forceClose(){this.forcingClose=!0;try{this.hide()}finally{this.forcingClose=!1}}bindDocumentPointer(){this.isConnected&&this.pointer.bind()}unbindDocumentPointer(){this.pointer.unbind()}reconnectOpenPopup(){if(!this.isConnected||!this.open)return;this.bindDocumentPointer(),this.cleanupFn?.();const anchor=this.renderRoot.querySelector('[part="input-wrapper"]'),popup=this.renderRoot.querySelector('[part="popup"]');if(!(!anchor||!popup)){this.cleanupFn=place(anchor,popup,{placement:normalizeDateInputPlacement(this.placement),offset:finiteNumber(this.distance,0),strategy:resolveEffectivePositioningStrategy(this,void 0,"fixed")});{const operation=this.cleanupFn;operation.ready.then(positioned=>{positioned&&this.cleanupFn===operation&&this.open&&this.isConnected&&(this.popupPositioned=!0)})}this.overlayHandle?.deactivate({restoreFocus:!1}),this.overlayHandle=activateNonmodalOverlay({host:this,panel:()=>this.renderRoot.querySelector('[part="popup"]'),onEscape:()=>{this.hide(!0)}})}}async settleTransition(event){const token=++this.transitionToken;await settlePopupTransition({host:this,popup:()=>this.renderRoot.querySelector('[part="popup"]'),isCurrent:()=>this.transitionToken===token,waitForPosition:event==="lr-after-show"?async()=>{const positioned=await waitForDeferredPlacement(()=>this.cleanupFn);return this.transitionToken!==token||!this.open?!1:positioned?!0:(this.transitionWaiters.resolve("lr-after-show"),this.open=!1,!1)}:void 0,conceal:event==="lr-after-hide"?()=>{this.popupHidden=!0}:void 0,onSettled:()=>{this.emit(event),this.transitionWaiters.resolve(event)}})}connectedCallback(){super.connectedCallback(),this.observeDaySlots(),this.syncExternalDescription(),this.bindVisibilityListener(),this.syncInteractionListeners(),this.syncValidatorAttributeObserver(),this.syncCustomStates(),this.hasUpdated&&this.open&&queueMicrotask(()=>this.reconnectOpenPopup())}daySlotNames(){return[...new Set(Array.from(this.children??[]).map(child=>child.getAttribute("slot")??"").filter(name=>/^day-\d{4}-\d{2}-\d{2}$/.test(name)))]}observeDaySlots(){const Observer=this.ownerDocument.defaultView?.MutationObserver;this.daySlotObserver||!Observer||(this.daySlotObserver=new Observer(()=>{this.daySlotNames().join(" ")!==this.renderedDaySlots&&this.requestUpdate()}),this.daySlotObserver.observe(this,{childList:!0,subtree:!0,attributeFilter:["slot"]}))}clear(){!this.value||this.liveDisabled||this.readonly||(this.touched=!0,this._appliedPreset=void 0,this.value="",this.inputRelayedSinceCommit=!1,dispatchNativeInputEvent(this,{inputType:"deleteContentBackward"}),this.emit("lr-input",{value:""}),dispatchNativeEvent(this,"change"),this.emit("lr-change",{value:""}),this.emit("lr-clear"))}syncInteractionListeners(){const requested=new Set((Array.isArray(this.assumeInteractionOn)?this.assumeInteractionOn:[]).filter(name=>typeof name=="string"&&name.length>0));for(const[name,listener]of this.interactionListeners)requested.has(name)||(this.removeEventListener(name,listener),this.interactionListeners.delete(name));for(const name of requested){if(this.interactionListeners.has(name))continue;const listener=()=>{this.touched=!0,this.syncCustomStates()};this.addEventListener(name,listener),this.interactionListeners.set(name,listener)}}syncValidatorAttributeObserver(){this.disconnectValidatorAttributeObserver();const owner=this.ownerDocument.defaultView,MutationObserverCtor=owner?.MutationObserver;if(!this.isConnected||!owner||typeof MutationObserverCtor!="function")return;const attributes=new Set;for(const validator of Array.isArray(this.validators)?this.validators:[]){if(typeof validator!="object"||validator===null||!("checkValidity"in validator))continue;let observed;try{observed=validator.observedAttributes}catch{continue}if(Array.isArray(observed))for(const name of observed)typeof name=="string"&&name.length>0&&attributes.add(name)}if(attributes.size===0)return;const binding={},observer=new MutationObserverCtor(()=>{this.validatorAttributeObserver!==binding||!this.isConnected||this.ownerDocument.defaultView!==owner||(this.updateValidity(),this.validityRevision++)});binding.observer=observer,binding.owner=owner;try{observer.observe(this,{attributes:!0,attributeFilter:[...attributes]}),this.validatorAttributeObserver=binding}catch{observer.disconnect()}}disconnectValidatorAttributeObserver(){const binding=this.validatorAttributeObserver;this.validatorAttributeObserver=void 0,binding?.observer.disconnect()}syncCustomStates(){setCustomState(this.internals,"blank",this.value===""),setCustomState(this.internals,"disabled",this.effectiveDisabled),setCustomState(this.internals,"open",this.open),setCustomState(this.internals,"range",this.mode==="range")}disconnectedCallback(){this.popupHidden=!0,this.daySlotObserver?.disconnect(),this.daySlotObserver=void 0,this.externalDescription?.release(),this.externalDescription=void 0,this.transitionToken++,this.cleanupFn?.(),this.cleanupFn=void 0,this.overlayHandle?.deactivate({restoreFocus:!1}),this.overlayHandle=void 0,this.unbindVisibilityListener(),this.unbindDocumentPointer(),this.disconnectValidatorAttributeObserver(),this.restorePopupFocusOnClose=!1,this.transitionWaiters.resolve("lr-after-show"),this.transitionWaiters.resolve("lr-after-hide");for(const[name,listener]of this.interactionListeners)this.removeEventListener(name,listener);this.interactionListeners.clear(),this.enterCommittedText=null,this.inputRelayedSinceCommit=!1,this.open=!1,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.externalDescription?.release(),this.externalDescription=void 0,this.syncExternalDescription(),this.cleanupFn?.(),this.cleanupFn=void 0,this.overlayHandle?.deactivate({restoreFocus:!1}),this.overlayHandle=void 0,this.unbindVisibilityListener(),this.unbindDocumentPointer(),this.disconnectValidatorAttributeObserver()}syncExternalDescription(){if(!this.isConnected)return;const input=this.renderRoot?.querySelector("input")??null;this.externalDescription?this.externalDescription.update(input):this.externalDescription=acquireNativeControlDescription(this,input,()=>this.localDescriptionIds)}updated(changed){if(super.updated(changed),this.syncExternalDescription(),(changed.has("disabledDates")||changed.has("disabledDaysOfWeek")||changed.has("isDateDisabled")||changed.has("minRange")||changed.has("maxRange")||changed.has("today")||changed.has("validators"))&&this.updateValidity(),(changed.has("open")||this.open&&(changed.has("placement")||changed.has("distance")))&&(this.cleanupFn?.(),this.cleanupFn=void 0,this.open&&this.isConnected)){const anchor=this.renderRoot.querySelector('[part="input-wrapper"]'),popup=this.renderRoot.querySelector('[part="popup"]');if(anchor&&popup){this.cleanupFn=place(anchor,popup,{placement:normalizeDateInputPlacement(this.placement),offset:finiteNumber(this.distance,0),strategy:resolveEffectivePositioningStrategy(this,void 0,"fixed")});const operation=this.cleanupFn;operation.ready.then(positioned=>{positioned&&this.cleanupFn===operation&&this.open&&this.isConnected&&(this.popupPositioned=!0)})}}if(changed.has("open")){if(this.open&&this.isConnected)this.renderRoot.querySelector('[part="popup"]')&&(this.overlayHandle=activateNonmodalOverlay({host:this,panel:()=>this.renderRoot.querySelector('[part="popup"]'),onEscape:()=>{this.hide(!0)}}));else if(!this.open){const popup=this.renderRoot.querySelector('[part="popup"]'),focusWasInsidePopup=popup!==null&&composedContains(popup,deepActiveElement(this.ownerDocument));this.overlayHandle?.deactivate({restoreFocus:this.restorePopupFocusOnClose||focusWasInsidePopup}),this.overlayHandle=void 0,this.restorePopupFocusOnClose=!1}}changed.has("assumeInteractionOn")&&this.syncInteractionListeners(),changed.has("validators")&&this.syncValidatorAttributeObserver(),this.syncCustomStates(),(changed.has("touched")||changed.has("required")||changed.has("value")||changed.has("mode")||changed.has("min")||changed.has("max")||changed.has("readonly")||changed.has("disablePast")||changed.has("disableFuture")||changed.has("disabledDates")||changed.has("disabledDaysOfWeek")||changed.has("minRange")||changed.has("maxRange")||changed.has("validators")||changed.has("typedBadInput")||changed.has("validityRevision"))&&this.toggleAttribute("data-invalid",this.touched&&!this.internals.validity.valid)}commitTypedValue(next){this.committingTypedText=!0;try{this.value=next}finally{this.committingTypedText=!1}}applyTypedText(raw){this.enterCommittedText=null;const trimmed=raw.trim();if(!trimmed)return this.value!==""&&(this._appliedPreset=void 0),this.commitTypedValue(""),!0;const parsed=this.mode==="range"?this.parseRangeText(trimmed):this.parseSingleText(trimmed);return parsed?(parsed!==this.value&&(this._appliedPreset=void 0),this.commitTypedValue(parsed),!0):(this.inputElement&&(this.inputElement.value=this.displayText),this.setTypedBadInput(!0),this.updateValidity(),!1)}commitInputChange(raw,source){if(this.enterCommittedText!==null&&(raw===this.enterCommittedText||raw===this.displayText))return;if(this.enterCommittedText=null,this.applyTypedText(raw)){const value=this.value;this.inputRelayedSinceCommit||(dispatchNativeInputEvent(this,{inputType:"insertReplacementText"}),this.emit("lr-input",{value})),this.inputRelayedSinceCommit=!1,source?relayNativeEvent(this,source):dispatchNativeEvent(this,"change"),this.emit("lr-change",{value})}else this.inputRelayedSinceCommit=!1}numericDate(groups){if(groups.length!==3)return null;const order=groups[0].length===4?["year","month","day"]:localeDateOrder(this.effectiveLocale,"gregory"),fields={};return order.forEach((type,index)=>{fields[type]=groups[index]}),dateFromFields(fields)}parseOneDate(raw){const text=normalizeLocalizedDateText(raw,this.effectiveLocale),patterns=localeDatePatterns(this.effectiveLocale),own=matchDatePattern(patterns.single,text);if(own)return own[0];if(/^\d{4}-\d{2}-\d{2}$/.test(text))return parseISO(text);const groups=text.match(/\d+/g)??[];if(!hasForeignLetters(text,patterns.letters))return this.numericDate(groups);if(groups.length===3)return null;const timestamp=Date.parse(text);return Number.isNaN(timestamp)?null:new Date(timestamp)}parseSingleText(raw){const parsed=this.parseOneDate(raw);return parsed?formatISO(parsed):null}localizedRangeSeparator(){const formatter=dateTimeFormat(this.effectiveLocale,{year:"numeric",month:"numeric",day:"numeric"});try{const parts=formatter.formatRangeToParts(localDate(2026,0,2),localDate(2026,0,3)),firstEnd=parts.findIndex(part=>part.source==="endRange");let lastStart=-1;for(let index=0;index<firstEnd;index++)parts[index]?.source==="startRange"&&(lastStart=index);const separator=parts.slice(lastStart+1,firstEnd).map(part=>part.value).join("");return normalizeLocalizedDateText(separator,this.effectiveLocale)||"–"}catch{return"–"}}parseRangeText(raw){if(raw=normalizeLocalizedDateText(raw,this.effectiveLocale),raw===normalizeLocalizedDateText(this.displayText,this.effectiveLocale)&&this.value.includes("/"))return this.normalizeCommittedValue(this.value);if(/^\d{4}-\d{2}-\d{2}\/\d{4}-\d{2}-\d{2}$/.test(raw)){const[a,b]=raw.split("/"),from2=parseISO(a),to2=parseISO(b);return!from2||!to2?null:from2<=to2?raw:`${b}/${a}`}const patterns=localeDatePatterns(this.effectiveLocale);let pair=null;for(const pattern of[...patterns.ranges,patterns.single])pair??=matchDatePattern(pattern,raw);if(!pair){const groups=raw.match(/\d+/g)??[];if(hasForeignLetters(raw,patterns.letters)){const separator=this.localizedRangeSeparator(),idx=raw.indexOf(separator);if(idx===-1)return null;const from2=this.parseOneDate(raw.slice(0,idx).trim()),to2=this.parseOneDate(raw.slice(idx+separator.length).trim());pair=from2&&to2?[from2,to2]:null}else{if(groups.length!==6)return null;const from2=this.numericDate(groups.slice(0,3)),to2=this.numericDate(groups.slice(3));pair=from2&&to2?[from2,to2]:null}}if(!pair)return null;const[from,to]=pair[0]<=pair[1]?pair:[pair[1],pair[0]],start=formatISO(from),end=formatISO(to);return start&&end?`${start}/${end}`:null}click(){this.liveDisabled||this.inputElement?.click()}focus(options){this.liveDisabled||this.inputElement?.focus(options)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(start,end,direction){this.inputElement?.setSelectionRange(start,end,direction)}setRangeText(replacement,start,end,selectMode){const input=this.inputElement;input&&(setNativeRangeText(input,replacement,start,end,selectMode),this.applyTypedText(input.value))}formStateRestoreCallback(state2,_mode){this.value=typeof state2=="string"?state2:""}formResetCallback(){super.formResetCallback(),this.valueReplaced(),this.touched=!1,this._appliedPreset=void 0}formDisabledCallback(disabled){Object.getPrototypeOf(LyraDateInput.prototype).formDisabledCallback.call(this,disabled),disabled&&this.forceClose(),this.syncCustomStates()}render(){const hasValue=this.value.length>0,hasHint=this.withHint||this.hasHintSlot||(this.hint??"").length>0,hasError=this.hasErrorSlot||(this.errorText??"").length>0,hasLabel=this.withLabel||this.hasLabelSlot||(this.label??"").length>0,invalid=hasError||this.touched&&!this.internals.validity.valid,describedBy=this.localDescriptionIds=[hasError?"date-input-error":"",hasHint?"date-input-hint":""].filter(Boolean).join(" "),dynamicDaySlots=this.daySlotNames();return this.renderedDaySlots=dynamicDaySlots.join(" "),html`
+import{__decorate}from"tslib";import{nativeAutocorrectAttribute,setNativeRangeText}from"../../../internal/native-text-control.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{GlassScrollLayer}from"../../../internal/glass-scroll-layer.js";import{observeReactivePropertyWrites}from"../../../internal/reactive-property-writes.js";import{html,nothing}from"lit";import{property,state,query}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{FormAssociated,isBarredFromValidation}from"../../../internal/form-associated.js";import{SET_ANCHORED_VALIDITY,VALIDITY_ANCHOR}from"../../../internal/anchored-validity.js";import{deferredPlaceReady as place,waitForDeferredPlacement}from"../../../internal/anchored-overlay-runtime.js";import{resolveEffectivePositioningStrategy}from"../../../internal/positioning-strategy.js";import{PopupController,emitPopupEvent}from"../../../internal/popup-controller.js";import{acquireNativeControlDescription}from"../../../internal/native-control-description.js";import{nextId}from"../../../internal/a11y.js";import{closeIcon,calendarIcon,chevronIcon}from"../../../internal/icons.js";import{activateNonmodalOverlay,composedContains,deepActiveElement}from"../../../internal/nonmodal-overlay-manager.js";import{setCustomState}from"../../../internal/custom-states.js";import{finiteCount,finiteNumber}from"../../../internal/numbers.js";import{isDateObject}from"../../../internal/dom-guards.js";import{localeDateOrder,normalizeLocaleDigits,stripBidiFormattingMarks}from"../../../internal/locale-date.js";import{dateTimeFormat,parseISO,formatISO,localDate,utcDate,normalizeCalendarMonths,normalizeWeekdayFormat}from"./calendar-core.js";import{sizes}from"../../../internal/sizes.styles.js";import{styles}from"./date-input.styles.js";import{inclusiveDayCount,parseDisabledWeekdays,projectDisabledDateKeys}from"./date-picker.class.js";import"./date-picker.class.js";import{autocorrectConverter,literalSetConverter,normalizeAutocorrect,spellcheckFromAttributeConverter as spellcheckConverter}from"../../../internal/converters.js";import{isImplicitSubmission,submitOnEnter}from"../../../internal/submit-on-enter.js";import{dispatchNativeEvent,dispatchNativeInputEvent,relayNativeEvent}from"../../../internal/native-event-relay.js";import{LYRA_DEFAULT_chooseDate,LYRA_DEFAULT_clear,LYRA_DEFAULT_date,LYRA_DEFAULT_dateInputFutureDisabled,LYRA_DEFAULT_dateInputInvalid,LYRA_DEFAULT_dateInputMaxMessage,LYRA_DEFAULT_dateInputMinMessage,LYRA_DEFAULT_dateInputPastDisabled,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_openCalendar}from"../../../internal/default-strings.generated.js";const DASH_CLASS="[-\\u2010-\\u2015\\u2212~\\u301c\\uff5e]",DASH_LIKE=new RegExp(DASH_CLASS,"u");function literalPattern(literal){const visible=Array.from(literal.replace(/\s+/gu,""));return visible.length?`\\s*${visible.map(char=>DASH_LIKE.test(char)?DASH_CLASS:char.replace(/[.*+?^${}()|[\]\\/]/gu,"\\$&")).join("\\s*")}\\s*`:literal?"\\s+":""}function compileDatePattern(parts){const fields=[],pieces=[];for(const part of parts)part.type==="day"||part.type==="month"||part.type==="year"?(fields.push([part.source==="startRange"?1:part.source==="endRange"?2:0,part.type]),pieces.push("(\\d{1,4})")):pieces.push(literalPattern(stripBidiFormattingMarks(part.value)));for(const owner of[1,2])for(const type of["day","month","year"])if(fields.filter(([o,t])=>t===type&&(o===0||o===owner)).length!==1)return null;const first=pieces.indexOf("(\\d{1,4})"),last=pieces.lastIndexOf("(\\d{1,4})"),optional=source2=>source2?`(?:${source2})?`:"",source=optional(pieces.slice(0,first).join(""))+pieces.slice(first,last+1).join("")+optional(pieces.slice(last+1).join(""));return{regex:new RegExp(`^\\s*${source}\\s*$`,"iu"),fields}}function localeDatePatterns(locale){const formatter=dateTimeFormat(locale,{year:"numeric",month:"numeric",day:"numeric"});let letters="";const compile=parts=>{for(const part of parts)part.type==="literal"&&(letters+=(part.value.match(/\p{L}/gu)??[]).join(""));return compileDatePattern(parts)};let single=null;try{single=compile(formatter.formatToParts(localDate(2026,0,2)))}catch{}const ranges=[];for(const[from,to]of[[localDate(2026,0,2),localDate(2026,0,3)],[localDate(2026,0,2),localDate(2026,1,3)],[localDate(2025,0,2),localDate(2026,1,3)]])try{const pattern=compile(formatter.formatRangeToParts(from,to));pattern&&ranges.push(pattern)}catch{}return{single,ranges,letters:letters.toLowerCase()}}function dateFromFields({day,month,year}){if(!day||!month||!year)return null;const fullYear=year.length<=2?2e3+Number(year):Number(year);return parseISO(`${String(fullYear).padStart(4,"0")}-${String(Number(month)).padStart(2,"0")}-${String(Number(day)).padStart(2,"0")}`)}function matchDatePattern(pattern,text){const match=pattern?.regex.exec(text);if(!pattern||!match)return null;const start={},end={};pattern.fields.forEach(([owner,type],index)=>{owner!==2&&(start[type]=match[index+1]),owner!==1&&(end[type]=match[index+1])});const from=dateFromFields(start),to=dateFromFields(end);return from&&to?[from,to]:null}function hasForeignLetters(text,letters){return(text.match(/\p{L}/gu)??[]).some(letter=>!letters.includes(letter.toLowerCase()))}function normalizeLocalizedDateText(raw,locale){return normalizeLocaleDigits(raw,locale).trim()}const monthsConverter={fromAttribute:normalizeCalendarMonths,toAttribute:normalizeCalendarMonths},weekdayFormatConverter={fromAttribute:normalizeWeekdayFormat,toAttribute:normalizeWeekdayFormat},APPEARANCE=literalSetConverter(["accent","filled","outlined","filled-outlined","plain"],"outlined"),placements=new Set(["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"]);function normalizeDateInputPlacement(value){return typeof value=="string"&&placements.has(value)?value:"bottom-start"}const placementConverter={fromAttribute:normalizeDateInputPlacement,toAttribute:normalizeDateInputPlacement};function normalizeDateInputPageBy(value){return value==="single"?"single":"months"}const pageByConverter={fromAttribute:normalizeDateInputPageBy,toAttribute:normalizeDateInputPageBy},VALIDITY_FLAG_KEYS=new Set(["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"]);function isValidityFlagKey(value){return typeof value=="string"&&VALIDITY_FLAG_KEYS.has(value)}class LyraDateInputBase extends LyraElement{}class LyraDateInput extends FormAssociated(LyraDateInputBase){static{this.defaultStrings={...super.defaultStrings,chooseDate:LYRA_DEFAULT_chooseDate,clear:LYRA_DEFAULT_clear,date:LYRA_DEFAULT_date,dateInputFutureDisabled:LYRA_DEFAULT_dateInputFutureDisabled,dateInputInvalid:LYRA_DEFAULT_dateInputInvalid,dateInputMaxMessage:LYRA_DEFAULT_dateInputMaxMessage,dateInputMinMessage:LYRA_DEFAULT_dateInputMinMessage,dateInputPastDisabled:LYRA_DEFAULT_dateInputPastDisabled,fieldRequired:LYRA_DEFAULT_fieldRequired,openCalendar:LYRA_DEFAULT_openCalendar}}static{this.styles=[LyraElement.styles,sizes,styles]}static{this.properties={mode:{reflect:!0,noAccessor:!0},min:{reflect:!0,noAccessor:!0},max:{reflect:!0,noAccessor:!0},readonly:{type:Boolean,reflect:!0,noAccessor:!0},disablePast:{type:Boolean,attribute:"disable-past",reflect:!0,noAccessor:!0},disableFuture:{type:Boolean,attribute:"disable-future",reflect:!0,noAccessor:!0}}}get appearance(){return this._appearance}set appearance(next){const normalized=APPEARANCE.normalizeReflected(this,"appearance",next),old=this._appearance;this._appearance=normalized,normalized!==old&&this.requestUpdate("appearance",old)}get open(){return this._open}set open(next){const old=this._open,liveDisabled=this.effectiveDisabled||typeof this.matches=="function"&&this.matches(":disabled");if(this._open=!!next&&!this.readonly&&!liveDisabled,this._open===old){next&&!this._open&&this.hasAttribute("open")&&this.removeAttribute("open");return}this.requestUpdate("open",old)}get autocorrect(){return this.autocorrectValue}set autocorrect(next){this.autocorrectValue=normalizeAutocorrect(next),this.requestUpdate()}get inputmode(){return this.inputMode}set inputmode(next){this.inputMode=next??""}get enterkeyhint(){return this.enterKeyHint}set enterkeyhint(next){this.enterKeyHint=next??""}get appliedPreset(){return this._appliedPreset}static get observedAttributes(){const attributes=super.observedAttributes;return observeReactivePropertyWrites(this.prototype,["clearLabel","openLabel","dialogLabel"],(instance,name,value)=>{const authored=value!=null;let ownershipChanged=!1;switch(name){case"clearLabel":if(instance.clearLabelAuthored===void 0)return;ownershipChanged=authored!==instance.clearLabelAuthored,instance.clearLabelAuthored=authored;break;case"openLabel":if(instance.openLabelAuthored===void 0)return;ownershipChanged=authored!==instance.openLabelAuthored,instance.openLabelAuthored=authored;break;case"dialogLabel":if(instance.dialogLabelAuthored===void 0)return;ownershipChanged=authored!==instance.dialogLabelAuthored,instance.dialogLabelAuthored=authored;break}ownershipChanged&&instance.requestUpdate()}),attributes}constructor(){super(),this._appearance="outlined",this.clearable=!1,this.withClear=!1,this.withHint=!1,this.withLabel=!1,this.size="m",this.pill=!1,this.label="",this.hint="",this.errorText="",this.placeholder="",this.spellcheck=!0,this.autocapitalize="",this.autocorrectValue=!0,this.autocomplete="",this.inputMode="",this.enterKeyHint="",this.accessibleLabel=null,this.locale="",this.months=1,this.firstDayOfWeek="auto",this.weekdayFormat="short",this.presets=Object.freeze([]),this.withOutsideDays=!1,this.withWeekNumbers=!1,this.disabledDates="",this.disabledDaysOfWeek="",this.minRange=0,this.maxRange=0,this.pageBy="months",this.today="",this.distance=0,this.placement="bottom-start",this.assumeInteractionOn=["input"],this.validators=[],this.clearLabel="",this.clearLabelAuthored=!1,this.openLabel="",this.openLabelAuthored=!1,this.dialogLabel="Choose date",this.dialogLabelAuthored=!1,this.enterCommittedText=null,this.committingTypedText=!1,this.forcingClose=!1,this.inputRelayedSinceCommit=!1,this.popupController=new PopupController({host:this,popup:()=>this.renderRoot.querySelector('[part="popup"]'),emit:(name,cancelable)=>emitPopupEvent(this,name,cancelable),onPointer:event=>this.onDocPointer(event)}),this.restorePopupFocusOnClose=!1,this.popupHidden=!0,this.popupPositioned=!1,this.interactionListeners=new Map,this.renderedDaySlots="",this.localDescriptionIds="",this.inputId=nextId("date-input"),this.popupId=nextId("date-popup"),this.touched=!1,this.slotPresence=new SlotPresenceController(this),this.validityRevision=0,this._mode="single",this._min="",this._max="",this._open=!1,this._readonly=!1,this._disablePast=!1,this._disableFuture=!1,this.typedBadInput=!1,this.now=()=>new Date,this.onVisibilityChange=()=>{this.ownerDocument.visibilityState==="visible"&&(this.updateValidity(),this.validityRevision++)},this.onDocPointer=e=>{e.composedPath().includes(this)||this.hide(!1)},this.onClearClick=()=>{this.clear(),this.inputElement?.focus()},this.onInputChange=e=>{e.stopPropagation(),!this.liveDisabled&&this.commitInputChange(e.target.value,e)},this.onInput=event=>{if(event.stopPropagation(),this.liveDisabled)return;this.enterCommittedText=null,this.inputRelayedSinceCommit=!0;const value=this.value;relayNativeEvent(this,event),this.emit("lr-input",{value})},this.onInputKey=e=>{if(e.altKey&&e.key==="ArrowDown"){e.preventDefault(),this.show();return}if(this.liveDisabled||this.readonly||!isImplicitSubmission(e))return;const input=this.inputElement;if(input&&input.value!==this.displayText){const raw=input.value;if(this.applyTypedText(raw)){const value=this.value;this.inputRelayedSinceCommit||(dispatchNativeInputEvent(this,{inputType:"insertReplacementText"}),this.emit("lr-input",{value})),this.inputRelayedSinceCommit=!1,dispatchNativeEvent(this,"change"),this.emit("lr-change",{value})}else this.inputRelayedSinceCommit=!1;this.enterCommittedText=raw}submitOnEnter(this,e)},this.onInputBlur=event=>{!this.liveDisabled&&this.inputRelayedSinceCommit&&this.inputElement&&this.commitInputChange(this.inputElement.value),this.liveDisabled||(this.touched=!0),relayNativeEvent(this,event)},this.onInputFocus=event=>{if(this.liveDisabled){event.stopPropagation();return}relayNativeEvent(this,event)},this.onPickerInput=e=>{if(e.stopPropagation(),this.liveDisabled)return;const picker=e.target;this.value=picker.value,this._appliedPreset=picker.appliedPreset,this.inputRelayedSinceCommit=!1;const value=this.value;relayNativeEvent(this,e),this.emit("lr-input",{value})},this.onPickerChange=e=>{if(e.stopPropagation(),this.liveDisabled)return;const picker=e.target;this.value=picker.value,this._appliedPreset=picker.appliedPreset;const value=this.value;relayNativeEvent(this,e),this.emit("lr-change",{value}),this.hide(!0)},new GlassScrollLayer(this,'[part="popup"]',()=>this.open),this.addEventListener("invalid",()=>{this.touched=!0})}get hasHintSlot(){return this.slotPresence.has("hint")}get hasErrorSlot(){return this.slotPresence.has("error")}get hasLabelSlot(){return this.slotPresence.has("label")}get hasStartSlot(){return this.slotPresence.has("start")}get hasEndSlot(){return this.slotPresence.has("end")}get mode(){return this._mode}set mode(next){const old=this._mode;this._mode=next==="range"?"range":"single",this.internals.setFormValue(this.isIncompleteRangeValue(this.value)?"":this.value),this.updateValidity(),this.syncCustomStates(),this.requestUpdate("mode",old)}get min(){return this._min}set min(next){const old=this._min;this._min=next??"",this.updateValidity(),this.requestUpdate("min",old)}get max(){return this._max}set max(next){const old=this._max;this._max=next??"",this.updateValidity(),this.requestUpdate("max",old)}get readonly(){return this._readonly}set readonly(next){const old=this._readonly;this._readonly=!!next,this.toggleAttribute("readonly",this._readonly),this._readonly&&this.forceClose(),this.updateValidity(),this.requestUpdate("readonly",old)}get disabled(){return super.disabled}set disabled(next){super.disabled=next,next&&this.forceClose(),this.syncCustomStates()}get disablePast(){return this._disablePast}set disablePast(next){const old=this._disablePast;this._disablePast=!!next,this.updateValidity(),this.requestUpdate("disablePast",old)}get disableFuture(){return this._disableFuture}set disableFuture(next){const old=this._disableFuture;this._disableFuture=!!next,this.updateValidity(),this.requestUpdate("disableFuture",old)}get input(){return this.inputElement}get selectionStart(){return this.inputElement?.selectionStart??null}set selectionStart(value){this.inputElement&&(this.inputElement.selectionStart=value??0)}get selectionEnd(){return this.inputElement?.selectionEnd??null}set selectionEnd(value){this.inputElement&&(this.inputElement.selectionEnd=value??0)}get selectionDirection(){return this.inputElement?.selectionDirection??null}set selectionDirection(value){this.inputElement&&(this.inputElement.selectionDirection=value??"none")}get value(){return super.value}set value(next){this.setTypedBadInput(!1);const old=super.value,normalized=this.normalizeCommittedValue(next??"");super.value=normalized,this.internals.setFormValue(this.isIncompleteRangeValue(normalized)?"":normalized),this.syncCustomStates(),normalized!==old&&this.valueReplaced()}valueReplaced(){this.enterCommittedText=null,this.committingTypedText||(this.inputRelayedSinceCommit=!1,this.inputElement&&(this.inputElement.value=this.displayText))}get valueAsDate(){return this.mode==="single"?this.parseStrictISO(this.value):null}set valueAsDate(next){this.value=isDateObject(next)&&Number.isFinite(next.getTime())?formatISO(next):""}get valueAsLocalDate(){return this.valueAsDate}set valueAsLocalDate(next){this.valueAsDate=next}get valueAsUTCDate(){const local=this.valueAsDate;return local?utcDate(local.getFullYear(),local.getMonth(),local.getDate()):null}set valueAsUTCDate(next){this.valueAsDate=isDateObject(next)?localDate(next.getUTCFullYear(),next.getUTCMonth(),next.getUTCDate()):null}get valueAsRange(){if(this.mode!=="range")return{from:null,to:null};const[from="",to=""]=this.value.split("/");return{from:this.parseStrictISO(from),to:this.parseStrictISO(to)}}set valueAsRange(next){let from=isDateObject(next?.from)&&Number.isFinite(next.from.getTime())?next.from:null,to=isDateObject(next?.to)&&Number.isFinite(next.to.getTime())?next.to:null;from&&to&&to<from&&([from,to]=[to,from]),this.value=from?to?`${formatISO(from)}/${formatISO(to)}`:formatISO(from):""}get validationTarget(){return this.validationTargetOverride??this.inputElement}set validationTarget(next){const old=this.validationTarget;this.validationTargetOverride=next??void 0,this.requestUpdate("validationTarget",old)}[VALIDITY_ANCHOR](){return this.validationTarget}resetValidity(){this.setCustomValidity(""),this.updateValidity()}setTypedBadInput(next){const old=this.typedBadInput;this.typedBadInput=next,old!==next&&this.requestUpdate("typedBadInput",old)}parseStrictISO(value){return/^\d{4}-\d{2}-\d{2}$/.test(value)?parseISO(value):null}normalizeCommittedValue(value){if(value==="")return"";const parts=value.split("/");if(parts.length!==1&&parts.length!==2)return"";const dates=parts.map(part=>this.parseStrictISO(part));return dates.some(date=>date===null)?"":parts.length===2&&dates[0]>dates[1]?`${parts[1]}/${parts[0]}`:value}isIncompleteRangeValue(value){return this.mode==="range"&&value!==""&&!value.includes("/")}valueDates(value){const parts=value.split("/"),expectedParts=this.mode==="range"&&parts.length===2?2:1;if(parts.length!==expectedParts)return null;const dates=parts.map(part=>this.parseStrictISO(part));return dates.some(date=>date===null)?null:dates}get disabledDateKeys(){const source=this.disabledDates;return(!this.disabledDateKeysCache||this.disabledDateKeysCache[0]!==source)&&(this.disabledDateKeysCache=[source,new Set(projectDisabledDateKeys(source))]),this.disabledDateKeysCache[1]}validatorResult(){for(const validator of Array.isArray(this.validators)?this.validators:[]){let result;try{if(typeof validator=="object"&&validator!==null&&"checkValidity"in validator){const checked=validator.checkValidity(this);if(checked?.isValid===!0)continue;const flags={};for(const key of Array.isArray(checked?.invalidKeys)?checked.invalidKeys:[])isValidityFlagKey(key)&&(flags[key]=!0);Object.values(flags).some(Boolean)||(flags.customError=!0);let message=typeof checked?.message=="string"?checked.message:"";return!message&&typeof validator.message=="string"&&(message=validator.message),!message&&typeof validator.message=="function"&&(message=validator.message(this)),{flags,message:message||this.localize("dateInputInvalid")}}result=typeof validator=="function"?validator(this.value,this):validator?.validate(this.value,this)}catch{return{flags:{customError:!0},message:this.localize("dateInputInvalid")}}if(!(result===void 0||result===!0)){if(typeof result=="string")return{flags:{customError:!0},message:result};if(result===!1)return{flags:{customError:!0},message:this.localize("dateInputInvalid")};if(result&&typeof result=="object"&&Object.values(result).some(Boolean))return{flags:result,message:this.localize("dateInputInvalid")}}}return{}}updateValidity(){if(isBarredFromValidation(this,this.internals)){this[SET_ANCHORED_VALIDITY]({});return}const flags={};let underflowMessage="",overflowMessage="";const incompleteRange=this.isIncompleteRangeValue(this.value);if(this.required&&(this.value===""||incompleteRange)&&(flags.valueMissing=!0),this.typedBadInput&&(flags.badInput=!0),this.value!==""){const dates=this.valueDates(this.value);if(!dates)flags.badInput=!0;else{const min=this.parseStrictISO(this.min),max=this.parseStrictISO(this.max),now=this.parseStrictISO(this.today)??this.now(),today=localDate(now.getFullYear(),now.getMonth(),now.getDate());min!==null&&dates.some(date=>date<min)&&(flags.rangeUnderflow=!0,underflowMessage=this.localize("dateInputMinMessage",void 0,{min:this.displayDate(min)})),this.disablePast&&dates.some(date=>date<today)&&(flags.rangeUnderflow=!0,underflowMessage||=this.localize("dateInputPastDisabled")),max!==null&&dates.some(date=>date>max)&&(flags.rangeOverflow=!0,overflowMessage=this.localize("dateInputMaxMessage",void 0,{max:this.displayDate(max)})),this.disableFuture&&dates.some(date=>date>today)&&(flags.rangeOverflow=!0,overflowMessage||=this.localize("dateInputFutureDisabled"));const disabledDates=this.disabledDateKeys,disabledWeekdays=parseDisabledWeekdays(this.disabledDaysOfWeek);let configuredDisabled=dates.some(date=>disabledDates.has(formatISO(date))||disabledWeekdays.has(date.getDay()));if(!configuredDisabled&&this.isDateDisabled)try{configuredDisabled=dates.some(date=>!!this.isDateDisabled?.(new Date(date.getTime())))}catch{configuredDisabled=!1}if(configuredDisabled&&(flags.customError=!0),this.mode==="range"&&dates.length===2){const length=inclusiveDayCount(dates[0],dates[1]),minimum=finiteCount(this.minRange,0),maximum=finiteCount(this.maxRange,0);minimum>0&&length<minimum&&(flags.rangeUnderflow=!0,underflowMessage||=this.localize("dateInputInvalid")),maximum>0&&length>maximum&&(flags.rangeOverflow=!0,overflowMessage||=this.localize("dateInputInvalid"))}}}const configured=this.validatorResult();configured.flags&&Object.assign(flags,configured.flags);let message="";configured.message?message=configured.message:flags.badInput||flags.customError?message=this.localize("dateInputInvalid"):flags.rangeUnderflow?message=underflowMessage:flags.rangeOverflow?message=overflowMessage:flags.valueMissing&&(message=this.localize("fieldRequired")),this[SET_ANCHORED_VALIDITY](flags,message)}checkValidity(){return this.updateValidity(),super.checkValidity()}reportValidity(){return this.updateValidity(),super.reportValidity()}bindVisibilityListener(){if(!this.isConnected)return;const ownerDocument=this.ownerDocument;if(this.visibilityListenerDocument===ownerDocument&&this.visibilityListener)return;this.unbindVisibilityListener();const listener=()=>{this.visibilityListener!==listener||this.visibilityListenerDocument!==ownerDocument||!this.isConnected||this.ownerDocument!==ownerDocument||this.onVisibilityChange()};this.visibilityListenerDocument=ownerDocument,this.visibilityListener=listener,ownerDocument.addEventListener("visibilitychange",listener)}unbindVisibilityListener(){this.visibilityListenerDocument&&this.visibilityListener&&this.visibilityListenerDocument.removeEventListener("visibilitychange",this.visibilityListener),this.visibilityListenerDocument=void 0,this.visibilityListener=void 0}displayDate(date){return dateTimeFormat(this.effectiveLocale,{year:"numeric",month:"numeric",day:"numeric"}).format(date)}get displayText(){const parts=this.value.split("/"),from=parseISO(parts[0]),to=parseISO(parts[1]??"");if(!from)return"";const formatter=dateTimeFormat(this.effectiveLocale,{year:"numeric",month:"numeric",day:"numeric"}),fmt=d=>formatter.format(d);if(this.mode!=="range"||!to)return fmt(from);try{return formatter.formatRange(from,to)}catch{return`${fmt(from)} – ${fmt(to)}`}}willUpdate(changed){super.willUpdate(changed),changed.has("open")&&(this.open&&this.isConnected?this.popupController.bindPointer():this.popupController.unbindPointer(),this.popupPositioned=!1),this.open&&(this.popupHidden=!1)}get liveDisabled(){return this.effectiveDisabled||this.matches(":disabled")}show(){if(this.open||this.liveDisabled||this.readonly||this.emit("lr-show",null,{cancelable:!0}).defaultPrevented)return Promise.resolve();const settled=this.popupController.wait(!0);return this.open=!0,this.settleTransition("lr-after-show"),settled}hide(restoreFocus=!1){if(!this.open||this.emit("lr-hide",null,{cancelable:!this.forcingClose}).defaultPrevented)return Promise.resolve();const settled=this.popupController.wait(!1);return this.restorePopupFocusOnClose||=restoreFocus,this.open=!1,this.settleTransition("lr-after-hide"),settled}forceClose(){this.forcingClose=!0;try{this.hide()}finally{this.forcingClose=!1}}reconnectOpenPopup(){if(!this.isConnected||!this.open)return;this.popupController.bindPointer(),this.cleanupFn?.();const anchor=this.renderRoot.querySelector('[part="input-wrapper"]'),popup=this.renderRoot.querySelector('[part="popup"]');if(!(!anchor||!popup)){this.cleanupFn=place(anchor,popup,{placement:normalizeDateInputPlacement(this.placement),offset:finiteNumber(this.distance,0),strategy:resolveEffectivePositioningStrategy(this,void 0,"fixed")});{const operation=this.cleanupFn;operation.ready.then(positioned=>{positioned&&this.cleanupFn===operation&&this.open&&this.isConnected&&(this.popupPositioned=!0)})}this.overlayHandle?.deactivate({restoreFocus:!1}),this.overlayHandle=activateNonmodalOverlay({host:this,panel:()=>this.renderRoot.querySelector('[part="popup"]'),onEscape:()=>{this.hide(!0)}})}}settleTransition(event){return this.popupController.settle(event,{waitForPosition:async stale=>{const positioned=await waitForDeferredPlacement(()=>this.cleanupFn);return stale()||!this.open?!1:positioned?!0:(this.popupController.release("lr-after-show"),this.open=!1,!1)},conceal:()=>{this.popupHidden=!0}})}connectedCallback(){super.connectedCallback(),this.observeDaySlots(),this.syncExternalDescription(),this.bindVisibilityListener(),this.syncInteractionListeners(),this.syncValidatorAttributeObserver(),this.syncCustomStates(),this.hasUpdated&&this.open&&queueMicrotask(()=>this.reconnectOpenPopup())}daySlotNames(){return[...new Set(Array.from(this.children??[]).map(child=>child.getAttribute("slot")??"").filter(name=>/^day-\d{4}-\d{2}-\d{2}$/.test(name)))]}observeDaySlots(){const Observer=this.ownerDocument.defaultView?.MutationObserver;this.daySlotObserver||!Observer||(this.daySlotObserver=new Observer(()=>{this.daySlotNames().join(" ")!==this.renderedDaySlots&&this.requestUpdate()}),this.daySlotObserver.observe(this,{childList:!0,subtree:!0,attributeFilter:["slot"]}))}clear(){!this.value||this.liveDisabled||this.readonly||(this.touched=!0,this._appliedPreset=void 0,this.value="",this.inputRelayedSinceCommit=!1,dispatchNativeInputEvent(this,{inputType:"deleteContentBackward"}),this.emit("lr-input",{value:""}),dispatchNativeEvent(this,"change"),this.emit("lr-change",{value:""}),this.emit("lr-clear"))}syncInteractionListeners(){const requested=new Set((Array.isArray(this.assumeInteractionOn)?this.assumeInteractionOn:[]).filter(name=>typeof name=="string"&&name.length>0));for(const[name,listener]of this.interactionListeners)requested.has(name)||(this.removeEventListener(name,listener),this.interactionListeners.delete(name));for(const name of requested){if(this.interactionListeners.has(name))continue;const listener=()=>{this.touched=!0,this.syncCustomStates()};this.addEventListener(name,listener),this.interactionListeners.set(name,listener)}}syncValidatorAttributeObserver(){this.disconnectValidatorAttributeObserver();const owner=this.ownerDocument.defaultView,MutationObserverCtor=owner?.MutationObserver;if(!this.isConnected||!owner||typeof MutationObserverCtor!="function")return;const attributes=new Set;for(const validator of Array.isArray(this.validators)?this.validators:[]){if(typeof validator!="object"||validator===null||!("checkValidity"in validator))continue;let observed;try{observed=validator.observedAttributes}catch{continue}if(Array.isArray(observed))for(const name of observed)typeof name=="string"&&name.length>0&&attributes.add(name)}if(attributes.size===0)return;const binding={},observer=new MutationObserverCtor(()=>{this.validatorAttributeObserver!==binding||!this.isConnected||this.ownerDocument.defaultView!==owner||(this.updateValidity(),this.validityRevision++)});binding.observer=observer,binding.owner=owner;try{observer.observe(this,{attributes:!0,attributeFilter:[...attributes]}),this.validatorAttributeObserver=binding}catch{observer.disconnect()}}disconnectValidatorAttributeObserver(){const binding=this.validatorAttributeObserver;this.validatorAttributeObserver=void 0,binding?.observer.disconnect()}syncCustomStates(){setCustomState(this.internals,"blank",this.value===""),setCustomState(this.internals,"disabled",this.effectiveDisabled),setCustomState(this.internals,"open",this.open),setCustomState(this.internals,"range",this.mode==="range")}disconnectedCallback(){this.popupHidden=!0,this.daySlotObserver?.disconnect(),this.daySlotObserver=void 0,this.externalDescription?.release(),this.externalDescription=void 0,this.popupController.cancel(),this.cleanupFn?.(),this.cleanupFn=void 0,this.overlayHandle?.deactivate({restoreFocus:!1}),this.overlayHandle=void 0,this.unbindVisibilityListener(),this.popupController.unbindPointer(),this.disconnectValidatorAttributeObserver(),this.restorePopupFocusOnClose=!1;for(const[name,listener]of this.interactionListeners)this.removeEventListener(name,listener);this.interactionListeners.clear(),this.enterCommittedText=null,this.inputRelayedSinceCommit=!1,this.open=!1,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.externalDescription?.release(),this.externalDescription=void 0,this.syncExternalDescription(),this.cleanupFn?.(),this.cleanupFn=void 0,this.overlayHandle?.deactivate({restoreFocus:!1}),this.overlayHandle=void 0,this.unbindVisibilityListener(),this.popupController.unbindPointer(),this.disconnectValidatorAttributeObserver()}syncExternalDescription(){if(!this.isConnected)return;const input=this.renderRoot?.querySelector("input")??null;this.externalDescription?this.externalDescription.update(input):this.externalDescription=acquireNativeControlDescription(this,input,()=>this.localDescriptionIds)}updated(changed){if(super.updated(changed),this.syncExternalDescription(),(changed.has("disabledDates")||changed.has("disabledDaysOfWeek")||changed.has("isDateDisabled")||changed.has("minRange")||changed.has("maxRange")||changed.has("today")||changed.has("validators"))&&this.updateValidity(),(changed.has("open")||this.open&&(changed.has("placement")||changed.has("distance")))&&(this.cleanupFn?.(),this.cleanupFn=void 0,this.open&&this.isConnected)){const anchor=this.renderRoot.querySelector('[part="input-wrapper"]'),popup=this.renderRoot.querySelector('[part="popup"]');if(anchor&&popup){this.cleanupFn=place(anchor,popup,{placement:normalizeDateInputPlacement(this.placement),offset:finiteNumber(this.distance,0),strategy:resolveEffectivePositioningStrategy(this,void 0,"fixed")});const operation=this.cleanupFn;operation.ready.then(positioned=>{positioned&&this.cleanupFn===operation&&this.open&&this.isConnected&&(this.popupPositioned=!0)})}}if(changed.has("open")){if(this.open&&this.isConnected)this.renderRoot.querySelector('[part="popup"]')&&(this.overlayHandle=activateNonmodalOverlay({host:this,panel:()=>this.renderRoot.querySelector('[part="popup"]'),onEscape:()=>{this.hide(!0)}}));else if(!this.open){const popup=this.renderRoot.querySelector('[part="popup"]'),focusWasInsidePopup=popup!==null&&composedContains(popup,deepActiveElement(this.ownerDocument));this.overlayHandle?.deactivate({restoreFocus:this.restorePopupFocusOnClose||focusWasInsidePopup}),this.overlayHandle=void 0,this.restorePopupFocusOnClose=!1}}changed.has("assumeInteractionOn")&&this.syncInteractionListeners(),changed.has("validators")&&this.syncValidatorAttributeObserver(),this.syncCustomStates(),(changed.has("touched")||changed.has("required")||changed.has("value")||changed.has("mode")||changed.has("min")||changed.has("max")||changed.has("readonly")||changed.has("disablePast")||changed.has("disableFuture")||changed.has("disabledDates")||changed.has("disabledDaysOfWeek")||changed.has("minRange")||changed.has("maxRange")||changed.has("validators")||changed.has("typedBadInput")||changed.has("validityRevision"))&&this.toggleAttribute("data-invalid",this.touched&&!this.internals.validity.valid)}commitTypedValue(next){this.committingTypedText=!0;try{this.value=next}finally{this.committingTypedText=!1}}applyTypedText(raw){this.enterCommittedText=null;const trimmed=raw.trim();if(!trimmed)return this.value!==""&&(this._appliedPreset=void 0),this.commitTypedValue(""),!0;const parsed=this.mode==="range"?this.parseRangeText(trimmed):this.parseSingleText(trimmed);return parsed?(parsed!==this.value&&(this._appliedPreset=void 0),this.commitTypedValue(parsed),!0):(this.inputElement&&(this.inputElement.value=this.displayText),this.setTypedBadInput(!0),this.updateValidity(),!1)}commitInputChange(raw,source){if(this.enterCommittedText!==null&&(raw===this.enterCommittedText||raw===this.displayText))return;if(this.enterCommittedText=null,this.applyTypedText(raw)){const value=this.value;this.inputRelayedSinceCommit||(dispatchNativeInputEvent(this,{inputType:"insertReplacementText"}),this.emit("lr-input",{value})),this.inputRelayedSinceCommit=!1,source?relayNativeEvent(this,source):dispatchNativeEvent(this,"change"),this.emit("lr-change",{value})}else this.inputRelayedSinceCommit=!1}numericDate(groups){if(groups.length!==3)return null;const order=groups[0].length===4?["year","month","day"]:localeDateOrder(this.effectiveLocale,"gregory"),fields={};return order.forEach((type,index)=>{fields[type]=groups[index]}),dateFromFields(fields)}parseOneDate(raw){const text=normalizeLocalizedDateText(raw,this.effectiveLocale),patterns=localeDatePatterns(this.effectiveLocale),own=matchDatePattern(patterns.single,text);if(own)return own[0];if(/^\d{4}-\d{2}-\d{2}$/.test(text))return parseISO(text);const groups=text.match(/\d+/g)??[];if(!hasForeignLetters(text,patterns.letters))return this.numericDate(groups);if(groups.length===3)return null;const timestamp=Date.parse(text);return Number.isNaN(timestamp)?null:new Date(timestamp)}parseSingleText(raw){const parsed=this.parseOneDate(raw);return parsed?formatISO(parsed):null}localizedRangeSeparator(){const formatter=dateTimeFormat(this.effectiveLocale,{year:"numeric",month:"numeric",day:"numeric"});try{const parts=formatter.formatRangeToParts(localDate(2026,0,2),localDate(2026,0,3)),firstEnd=parts.findIndex(part=>part.source==="endRange");let lastStart=-1;for(let index=0;index<firstEnd;index++)parts[index]?.source==="startRange"&&(lastStart=index);const separator=parts.slice(lastStart+1,firstEnd).map(part=>part.value).join("");return normalizeLocalizedDateText(separator,this.effectiveLocale)||"–"}catch{return"–"}}parseRangeText(raw){if(raw=normalizeLocalizedDateText(raw,this.effectiveLocale),raw===normalizeLocalizedDateText(this.displayText,this.effectiveLocale)&&this.value.includes("/"))return this.normalizeCommittedValue(this.value);if(/^\d{4}-\d{2}-\d{2}\/\d{4}-\d{2}-\d{2}$/.test(raw)){const[a,b]=raw.split("/"),from2=parseISO(a),to2=parseISO(b);return!from2||!to2?null:from2<=to2?raw:`${b}/${a}`}const patterns=localeDatePatterns(this.effectiveLocale);let pair=null;for(const pattern of[...patterns.ranges,patterns.single])pair??=matchDatePattern(pattern,raw);if(!pair){const groups=raw.match(/\d+/g)??[];if(hasForeignLetters(raw,patterns.letters)){const separator=this.localizedRangeSeparator(),idx=raw.indexOf(separator);if(idx===-1)return null;const from2=this.parseOneDate(raw.slice(0,idx).trim()),to2=this.parseOneDate(raw.slice(idx+separator.length).trim());pair=from2&&to2?[from2,to2]:null}else{if(groups.length!==6)return null;const from2=this.numericDate(groups.slice(0,3)),to2=this.numericDate(groups.slice(3));pair=from2&&to2?[from2,to2]:null}}if(!pair)return null;const[from,to]=pair[0]<=pair[1]?pair:[pair[1],pair[0]],start=formatISO(from),end=formatISO(to);return start&&end?`${start}/${end}`:null}click(){this.liveDisabled||this.inputElement?.click()}focus(options){this.liveDisabled||this.inputElement?.focus(options)}blur(){this.inputElement?.blur()}select(){this.inputElement?.select()}setSelectionRange(start,end,direction){this.inputElement?.setSelectionRange(start,end,direction)}setRangeText(replacement,start,end,selectMode){const input=this.inputElement;input&&(setNativeRangeText(input,replacement,start,end,selectMode),this.applyTypedText(input.value))}formStateRestoreCallback(state2,_mode){this.value=typeof state2=="string"?state2:""}formResetCallback(){super.formResetCallback(),this.valueReplaced(),this.touched=!1,this._appliedPreset=void 0}formDisabledCallback(disabled){Object.getPrototypeOf(LyraDateInput.prototype).formDisabledCallback.call(this,disabled),disabled&&this.forceClose(),this.syncCustomStates()}render(){const hasValue=this.value.length>0,hasHint=this.withHint||this.hasHintSlot||(this.hint??"").length>0,hasError=this.hasErrorSlot||(this.errorText??"").length>0,hasLabel=this.withLabel||this.hasLabelSlot||(this.label??"").length>0,invalid=hasError||this.touched&&!this.internals.validity.valid,describedBy=this.localDescriptionIds=[hasError?"date-input-error":"",hasHint?"date-input-hint":""].filter(Boolean).join(" "),dynamicDaySlots=this.daySlotNames();return this.renderedDaySlots=dynamicDaySlots.join(" "),html`
       <div part="date-input">
         <div part="base">
           <div part="form-control">
@@ -34,7 +34,8 @@ import{__decorate}from"tslib";import{setNativeRangeText}from"../../../internal/n
                     aria-controls=${this.popupId}
                     spellcheck=${this.spellcheck}
                     autocapitalize=${this.autocapitalize||nothing}
-                    autocorrect=${this.autoCorrect||nothing}
+                    autocorrect=${nativeAutocorrectAttribute(this,this.autocorrect)}
+                    name=${this.name||nothing}
                     autocomplete=${this.autocomplete||nothing}
                     inputmode=${this.inputMode||nothing}
                     enterkeyhint=${this.enterKeyHint||nothing}
@@ -146,4 +147,4 @@ import{__decorate}from"tslib";import{setNativeRangeText}from"../../../internal/n
           </div>
         </div>
       </div>
-    `}}__decorate([property({converter:APPEARANCE,reflect:!0})],LyraDateInput.prototype,"appearance",null),__decorate([property({type:Boolean,reflect:!0})],LyraDateInput.prototype,"open",null),__decorate([property({type:Boolean,reflect:!0})],LyraDateInput.prototype,"clearable",void 0),__decorate([property({type:Boolean,attribute:"with-clear"})],LyraDateInput.prototype,"withClear",void 0),__decorate([property({type:Boolean,attribute:"with-hint"})],LyraDateInput.prototype,"withHint",void 0),__decorate([property({type:Boolean,attribute:"with-label"})],LyraDateInput.prototype,"withLabel",void 0),__decorate([property({reflect:!0})],LyraDateInput.prototype,"size",void 0),__decorate([property({type:Boolean,reflect:!0})],LyraDateInput.prototype,"pill",void 0),__decorate([property()],LyraDateInput.prototype,"label",void 0),__decorate([property()],LyraDateInput.prototype,"hint",void 0),__decorate([property({attribute:"error-text"})],LyraDateInput.prototype,"errorText",void 0),__decorate([property()],LyraDateInput.prototype,"placeholder",void 0),__decorate([property({converter:spellcheckConverter})],LyraDateInput.prototype,"spellcheck",void 0),__decorate([property()],LyraDateInput.prototype,"autocapitalize",void 0),__decorate([property({attribute:"autocorrect"})],LyraDateInput.prototype,"autoCorrect",void 0),__decorate([property()],LyraDateInput.prototype,"autocomplete",void 0),__decorate([property({attribute:"inputmode"})],LyraDateInput.prototype,"inputMode",void 0),__decorate([property({attribute:"enterkeyhint"})],LyraDateInput.prototype,"enterKeyHint",void 0),__decorate([property({attribute:"aria-label"})],LyraDateInput.prototype,"accessibleLabel",void 0),__decorate([property()],LyraDateInput.prototype,"locale",void 0),__decorate([property({converter:monthsConverter,reflect:!0})],LyraDateInput.prototype,"months",void 0),__decorate([property({attribute:"first-day-of-week",reflect:!0})],LyraDateInput.prototype,"firstDayOfWeek",void 0),__decorate([property({attribute:"weekday-format",converter:weekdayFormatConverter,reflect:!0})],LyraDateInput.prototype,"weekdayFormat",void 0),__decorate([property({attribute:!1})],LyraDateInput.prototype,"presets",void 0),__decorate([property({type:Boolean,attribute:"with-outside-days",reflect:!0})],LyraDateInput.prototype,"withOutsideDays",void 0),__decorate([property({type:Boolean,attribute:"with-week-numbers",reflect:!0})],LyraDateInput.prototype,"withWeekNumbers",void 0),__decorate([property({attribute:"disabled-dates"})],LyraDateInput.prototype,"disabledDates",void 0),__decorate([property({attribute:"disabled-days-of-week"})],LyraDateInput.prototype,"disabledDaysOfWeek",void 0),__decorate([property({attribute:!1})],LyraDateInput.prototype,"isDateDisabled",void 0),__decorate([property({attribute:!1})],LyraDateInput.prototype,"dayContent",void 0),__decorate([property({type:Number,attribute:"min-range",reflect:!0})],LyraDateInput.prototype,"minRange",void 0),__decorate([property({type:Number,attribute:"max-range",reflect:!0})],LyraDateInput.prototype,"maxRange",void 0),__decorate([property({converter:pageByConverter,attribute:"page-by",reflect:!0})],LyraDateInput.prototype,"pageBy",void 0),__decorate([property({reflect:!0})],LyraDateInput.prototype,"today",void 0),__decorate([property({type:Number,reflect:!0})],LyraDateInput.prototype,"distance",void 0),__decorate([property({converter:placementConverter,reflect:!0})],LyraDateInput.prototype,"placement",void 0),__decorate([property({attribute:!1})],LyraDateInput.prototype,"assumeInteractionOn",void 0),__decorate([property({attribute:!1})],LyraDateInput.prototype,"validators",void 0),__decorate([property({attribute:"clear-label"})],LyraDateInput.prototype,"clearLabel",void 0),__decorate([property({attribute:"open-label"})],LyraDateInput.prototype,"openLabel",void 0),__decorate([property({attribute:"dialog-label"})],LyraDateInput.prototype,"dialogLabel",void 0),__decorate([query('input[part="input"]')],LyraDateInput.prototype,"inputElement",void 0),__decorate([state()],LyraDateInput.prototype,"popupHidden",void 0),__decorate([state()],LyraDateInput.prototype,"popupPositioned",void 0),__decorate([state()],LyraDateInput.prototype,"touched",void 0),__decorate([state()],LyraDateInput.prototype,"validityRevision",void 0);export{LyraDateInput};
+    `}}__decorate([property({converter:APPEARANCE,reflect:!0})],LyraDateInput.prototype,"appearance",null),__decorate([property({type:Boolean,reflect:!0})],LyraDateInput.prototype,"open",null),__decorate([property({type:Boolean,reflect:!0})],LyraDateInput.prototype,"clearable",void 0),__decorate([property({type:Boolean,attribute:"with-clear"})],LyraDateInput.prototype,"withClear",void 0),__decorate([property({type:Boolean,attribute:"with-hint"})],LyraDateInput.prototype,"withHint",void 0),__decorate([property({type:Boolean,attribute:"with-label"})],LyraDateInput.prototype,"withLabel",void 0),__decorate([property({reflect:!0})],LyraDateInput.prototype,"size",void 0),__decorate([property({type:Boolean,reflect:!0})],LyraDateInput.prototype,"pill",void 0),__decorate([property()],LyraDateInput.prototype,"label",void 0),__decorate([property()],LyraDateInput.prototype,"hint",void 0),__decorate([property({attribute:"error-text"})],LyraDateInput.prototype,"errorText",void 0),__decorate([property()],LyraDateInput.prototype,"placeholder",void 0),__decorate([property({converter:spellcheckConverter})],LyraDateInput.prototype,"spellcheck",void 0),__decorate([property()],LyraDateInput.prototype,"autocapitalize",void 0),__decorate([property({converter:autocorrectConverter})],LyraDateInput.prototype,"autocorrect",null),__decorate([property()],LyraDateInput.prototype,"autocomplete",void 0),__decorate([property({attribute:"inputmode"})],LyraDateInput.prototype,"inputMode",void 0),__decorate([property({attribute:"enterkeyhint"})],LyraDateInput.prototype,"enterKeyHint",void 0),__decorate([property({attribute:"aria-label"})],LyraDateInput.prototype,"accessibleLabel",void 0),__decorate([property()],LyraDateInput.prototype,"locale",void 0),__decorate([property({converter:monthsConverter,reflect:!0})],LyraDateInput.prototype,"months",void 0),__decorate([property({attribute:"first-day-of-week",reflect:!0})],LyraDateInput.prototype,"firstDayOfWeek",void 0),__decorate([property({attribute:"weekday-format",converter:weekdayFormatConverter,reflect:!0})],LyraDateInput.prototype,"weekdayFormat",void 0),__decorate([property({attribute:!1})],LyraDateInput.prototype,"presets",void 0),__decorate([property({type:Boolean,attribute:"with-outside-days",reflect:!0})],LyraDateInput.prototype,"withOutsideDays",void 0),__decorate([property({type:Boolean,attribute:"with-week-numbers",reflect:!0})],LyraDateInput.prototype,"withWeekNumbers",void 0),__decorate([property({attribute:"disabled-dates"})],LyraDateInput.prototype,"disabledDates",void 0),__decorate([property({attribute:"disabled-days-of-week"})],LyraDateInput.prototype,"disabledDaysOfWeek",void 0),__decorate([property({attribute:!1})],LyraDateInput.prototype,"isDateDisabled",void 0),__decorate([property({attribute:!1})],LyraDateInput.prototype,"dayContent",void 0),__decorate([property({type:Number,attribute:"min-range",reflect:!0})],LyraDateInput.prototype,"minRange",void 0),__decorate([property({type:Number,attribute:"max-range",reflect:!0})],LyraDateInput.prototype,"maxRange",void 0),__decorate([property({converter:pageByConverter,attribute:"page-by",reflect:!0})],LyraDateInput.prototype,"pageBy",void 0),__decorate([property({reflect:!0})],LyraDateInput.prototype,"today",void 0),__decorate([property({type:Number,reflect:!0})],LyraDateInput.prototype,"distance",void 0),__decorate([property({converter:placementConverter,reflect:!0})],LyraDateInput.prototype,"placement",void 0),__decorate([property({attribute:!1})],LyraDateInput.prototype,"assumeInteractionOn",void 0),__decorate([property({attribute:!1})],LyraDateInput.prototype,"validators",void 0),__decorate([property({attribute:"clear-label"})],LyraDateInput.prototype,"clearLabel",void 0),__decorate([property({attribute:"open-label"})],LyraDateInput.prototype,"openLabel",void 0),__decorate([property({attribute:"dialog-label"})],LyraDateInput.prototype,"dialogLabel",void 0),__decorate([query('input[part="input"]')],LyraDateInput.prototype,"inputElement",void 0),__decorate([state()],LyraDateInput.prototype,"popupHidden",void 0),__decorate([state()],LyraDateInput.prototype,"popupPositioned",void 0),__decorate([state()],LyraDateInput.prototype,"touched",void 0),__decorate([state()],LyraDateInput.prototype,"validityRevision",void 0);export{LyraDateInput};

package/dist/components/forms/date-picker/date-input.styles.js

@@ -1 +1 @@
-import{focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{overlaySurface,overlaySurfaceControlEdge}from"../../../internal/overlay-surface.styles.js";import{glassSurface}from"../../../internal/glass-surface.styles.js";import{glassScrollLayerStyles}from"../../../internal/glass-scroll-layer.styles.js";import{glassIndependentRootStyles}from"../../../internal/glass-independent-root.styles.js";import{formControlTextWrap,formControlChrome,formControlFocusHalo,formControlRequiredMarker}from"../../../internal/form-control.styles.js";const styles=css` :host { display: block; --_lr-date-input-padding-block: var(--lr-form-control-padding-block); --_lr-date-input-padding-inline: var(--lr-form-control-padding-inline); --_lr-date-input-font-size: var(--lr-form-control-font-size); --_lr-date-input-gap: var(--lr-space-xs); --_lr-date-input-radius: var(--lr-form-control-radius); --_lr-date-input-fill: var(--lr-color-surface); --_lr-date-input-border-color: var(--lr-color-border); --_lr-date-input-text-color: inherit; --_lr-form-control-focus-shadow: var(--lr-form-control-focus-shadow, none); --_lr-date-input-control-min-height: var(--lr-form-control-height); } :host([pill]) { --_lr-date-input-radius: var(--lr-radius-pill); } [part="date-input"], [part="base"] { display: block; min-inline-size: 0; max-inline-size: 100%; } :host([appearance="filled"]) { --_lr-date-input-border-color: transparent; --_lr-date-input-fill: var(--lr-color-surface-raised); } :host([appearance="filled-outlined"]) { --_lr-date-input-fill: var(--lr-color-surface-raised); } :host([appearance="plain"]) { --_lr-date-input-border-color: transparent; --_lr-date-input-fill: transparent; } :host([appearance="accent"]) { --_lr-date-input-border-color: var(--lr-color-brand); --_lr-date-input-fill: var(--lr-color-brand-quiet); } ${formControlChrome} ${formControlRequiredMarker} [part='input-wrapper'] { display: flex; align-items: center; gap: var(--lr-date-input-gap, var(--_lr-date-input-gap)); inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; box-sizing: border-box; min-block-size: var( --lr-date-input-control-height, var( --lr-date-input-control-min-height, var(--_lr-date-input-control-min-height) ) ); block-size: var(--lr-date-input-control-height, auto); padding-inline: var(--lr-date-input-padding-inline, var(--_lr-date-input-padding-inline)); border: var(--lr-border-width-thin) solid var(--lr-date-input-border-color, var(--_lr-date-input-border-color)); border-radius: var(--lr-date-input-radius, var(--_lr-date-input-radius)); background: var(--lr-date-input-fill, var(--_lr-date-input-fill)); color: var(--lr-date-input-color, var(--_lr-date-input-text-color)); } [part="input-wrapper"]:focus-within { border-color: var( --lr-date-input-focus-border-color, var(--lr-color-brand) ); ${formControlFocusHalo} } :host(:disabled) [part="input-wrapper"] { opacity: var(--lr-opacity-disabled); cursor: not-allowed; } [part="input"] { flex: 1 1 var(--lr-size-4ch); min-inline-size: 0; padding-block: var(--lr-date-input-padding-block, var(--_lr-date-input-padding-block)); border: none; outline: none; background: transparent; color: inherit; font: inherit; font-size: var(--lr-date-input-font-size, var(--_lr-date-input-font-size)); } [part="form-control-input"], [part="segment"] { display: contents; } [part="input"]::placeholder { color: var(--lr-date-input-placeholder-color, var(--lr-color-text-quiet)); } :where([part="input-wrapper"]:has(> [part="start"]:not([hidden]), > [part="end"]:not([hidden]))) [part="input"] { min-inline-size: min(var(--lr-size-4ch), 100%); } [part="start"], [part="end"] { flex: 0 1 auto; display: inline-flex; min-inline-size: 0; max-inline-size: 40%; align-items: center; color: var(--lr-color-text-quiet); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [part="start"] ::slotted(*), [part="end"] ::slotted(*) { min-inline-size: 0; max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [part="start"][hidden], [part="end"][hidden] { display: none; } [part="clear-button"], [part="expand-button"] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; border: none; background: none; cursor: pointer; color: var(--lr-color-text-quiet); padding: var(--lr-space-xs); min-inline-size: max(var(--lr-size-24px), min(var(--lr-icon-button-size), calc(var(--lr-form-control-height) - 2 * var(--lr-border-width-thin)))); min-block-size: max(var(--lr-size-24px), min(var(--lr-icon-button-size), calc(var(--lr-form-control-height) - 2 * var(--lr-border-width-thin)))); line-height: var(--lr-line-height-none); font-size: var(--lr-font-size-m); } [part='expand-icon'], [part='clear-button'] > span { display: inline-flex; align-items: center; } [part="clear-button"]:hover:not(:disabled), [part="expand-button"]:hover:not(:disabled) { color: var(--lr-date-input-action-hover-color, var(--lr-color-text)); background: var(--lr-date-input-action-hover-bg, transparent); border-radius: var( --lr-date-input-action-hover-radius, var(--lr-date-input-radius, var(--_lr-date-input-radius)) ); } [part="clear-button"]:active:not(:disabled), [part="expand-button"]:active:not(:disabled) { color: var( --lr-date-input-action-active-color, var(--lr-date-input-action-hover-color, var(--lr-color-text)) ); background: var( --lr-date-input-action-active-bg, color-mix( in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-active) ) ); border-radius: var( --lr-date-input-action-active-radius, var(--lr-date-input-radius, var(--_lr-date-input-radius)) ); } [part="clear-button"]:focus-visible, [part="expand-button"]:focus-visible { ${focusRing} } [part="popup"][hidden] { display: none; } [part="popup"] { position: fixed; ${overlaySurface} ${overlaySurfaceControlEdge} box-shadow: var(--lr-overlay-shadow-anchored, var(--lr-shadow-m)); max-block-size: var(--lr-positioner-available-block-size, 100vb); overflow: auto; z-index: var(--lr-overlay-stack-index, var(--lr-layer-dropdown)); max-inline-size: min( var(--lr-popover-viewport-clamp), var(--lr-size-28rem) ); visibility: hidden; opacity: 0; transform: translateY(var(--lr-size-neg-0-25rem)); transition-property: opacity, transform, visibility; transition-duration: var(--_lr-motion-duration, var(--hide-duration, var(--lr-transition-fast))); } [part="date-picker"]::part(base) { background: transparent; border: none; border-radius: inherit; } :host([open]) [part="popup"][data-positioned] { visibility: visible; opacity: 1; transform: translateY(0); transition-duration: var(--_lr-motion-duration, var(--show-duration, var(--lr-transition-fast))); } @media (prefers-reduced-motion: reduce) { [part="popup"] { transition: none !important; } } [part="form-control"], [part="form-control-label"], [part="hint"], [part="error"] { ${formControlTextWrap} } ${glassScrollLayerStyles} ${glassIndependentRootStyles} ${glassSurface('[part="popup"]',css`var(--lr-overlay-surface, var(--_lr-overlay-surface, var(--lr-color-surface-container-high)))`,void 0,!0)} `;export{styles};
+import{focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{overlaySurface,overlaySurfaceControlEdge}from"../../../internal/overlay-surface.styles.js";import{glassSurface}from"../../../internal/glass-surface.styles.js";import{glassScrollLayerStyles}from"../../../internal/glass-scroll-layer.styles.js";import{glassIndependentRootStyles}from"../../../internal/glass-independent-root.styles.js";import{formControlTextWrap,formControlChrome,formControlAppearance,formControlFocusHalo,formControlRequiredMarker}from"../../../internal/form-control.styles.js";const styles=css` :host { display: block; --_lr-date-input-padding-block: var(--lr-form-control-padding-block); --_lr-date-input-padding-inline: var(--lr-form-control-padding-inline); --_lr-date-input-font-size: var(--lr-form-control-font-size); --_lr-date-input-gap: var(--lr-space-xs); --_lr-date-input-radius: var(--lr-form-control-radius); --_lr-date-input-fill: var(--_lr-form-control-fill); --_lr-date-input-border-color: var(--_lr-form-control-border-color); --_lr-date-input-text-color: inherit; --_lr-form-control-focus-shadow: var(--lr-form-control-focus-shadow, none); --_lr-date-input-control-min-height: var(--lr-form-control-height); } :host([pill]) { --_lr-date-input-radius: var(--lr-radius-pill); } [part="date-input"], [part="base"] { display: block; min-inline-size: 0; max-inline-size: 100%; } ${formControlAppearance} ${formControlChrome} ${formControlRequiredMarker} [part='input-wrapper'] { display: flex; align-items: center; gap: var(--lr-date-input-gap, var(--_lr-date-input-gap)); inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; box-sizing: border-box; min-block-size: var( --lr-date-input-control-height, var( --lr-date-input-control-min-height, var(--_lr-date-input-control-min-height) ) ); block-size: var(--lr-date-input-control-height, auto); padding-inline: var(--lr-date-input-padding-inline, var(--_lr-date-input-padding-inline)); border: var(--lr-border-width-thin) solid var(--lr-date-input-border-color, var(--_lr-date-input-border-color)); border-radius: var(--lr-date-input-radius, var(--_lr-date-input-radius)); background: var(--lr-date-input-fill, var(--_lr-date-input-fill)); color: var(--lr-date-input-color, var(--_lr-date-input-text-color)); } [part="input-wrapper"]:focus-within { border-color: var( --lr-date-input-focus-border-color, var(--lr-color-brand) ); ${formControlFocusHalo} } :host(:disabled) [part="input-wrapper"] { opacity: var(--lr-opacity-disabled); cursor: not-allowed; } [part="input"] { flex: 1 1 var(--lr-size-4ch); min-inline-size: 0; padding-block: var(--lr-date-input-padding-block, var(--_lr-date-input-padding-block)); border: none; outline: none; background: transparent; color: inherit; font: inherit; font-size: var(--lr-date-input-font-size, var(--_lr-date-input-font-size)); } [part="form-control-input"], [part="segment"] { display: contents; } [part="input"]::placeholder { color: var(--lr-date-input-placeholder-color, var(--lr-color-text-quiet)); } :where([part="input-wrapper"]:has(> [part="start"]:not([hidden]), > [part="end"]:not([hidden]))) [part="input"] { min-inline-size: min(var(--lr-size-4ch), 100%); } [part="start"], [part="end"] { flex: 0 1 auto; display: inline-flex; min-inline-size: 0; max-inline-size: 40%; align-items: center; color: var(--lr-color-text-quiet); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [part="start"] ::slotted(*), [part="end"] ::slotted(*) { min-inline-size: 0; max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [part="start"][hidden], [part="end"][hidden] { display: none; } [part="clear-button"], [part="expand-button"] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; border: none; background: none; cursor: pointer; color: var(--lr-color-text-quiet); padding: var(--lr-space-xs); min-inline-size: max(var(--lr-size-24px), min(var(--lr-icon-button-size), calc(var(--lr-form-control-height) - 2 * var(--lr-border-width-thin)))); min-block-size: max(var(--lr-size-24px), min(var(--lr-icon-button-size), calc(var(--lr-form-control-height) - 2 * var(--lr-border-width-thin)))); line-height: var(--lr-line-height-none); font-size: var(--lr-font-size-m); } [part='expand-icon'], [part='clear-button'] > span { display: inline-flex; align-items: center; } [part="clear-button"]:hover:not(:disabled), [part="expand-button"]:hover:not(:disabled) { color: var(--lr-date-input-action-hover-color, var(--lr-color-text)); background: var(--lr-date-input-action-hover-bg, transparent); border-radius: var( --lr-date-input-action-hover-radius, var(--lr-date-input-radius, var(--_lr-date-input-radius)) ); } [part="clear-button"]:active:not(:disabled), [part="expand-button"]:active:not(:disabled) { color: var( --lr-date-input-action-active-color, var(--lr-date-input-action-hover-color, var(--lr-color-text)) ); background: var( --lr-date-input-action-active-bg, color-mix( in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-active) ) ); border-radius: var( --lr-date-input-action-active-radius, var(--lr-date-input-radius, var(--_lr-date-input-radius)) ); } [part="clear-button"]:focus-visible, [part="expand-button"]:focus-visible { ${focusRing} } [part="popup"][hidden] { display: none; } [part="popup"] { position: fixed; ${overlaySurface} ${overlaySurfaceControlEdge} box-shadow: var(--lr-overlay-shadow-anchored, var(--lr-shadow-m)); max-block-size: var(--lr-positioner-available-block-size, 100vb); overflow: auto; z-index: var(--lr-overlay-stack-index, var(--lr-layer-dropdown)); max-inline-size: min( var(--lr-popover-viewport-clamp), var(--lr-size-28rem) ); visibility: hidden; opacity: 0; transform: translateY(var(--lr-size-neg-0-25rem)); transition-property: opacity, transform, visibility; transition-duration: var(--_lr-motion-duration, var(--hide-duration, var(--lr-transition-fast))); } [part="date-picker"]::part(base) { background: transparent; border: none; border-radius: inherit; } :host([open]) [part="popup"][data-positioned] { visibility: visible; opacity: 1; transform: translateY(0); transition-duration: var(--_lr-motion-duration, var(--show-duration, var(--lr-transition-fast))); } @media (prefers-reduced-motion: reduce) { [part="popup"] { transition: none !important; } } [part="form-control"], [part="form-control-label"], [part="hint"], [part="error"] { ${formControlTextWrap} } ${glassScrollLayerStyles} ${glassIndependentRootStyles} ${glassSurface('[part="popup"]',css`var(--lr-overlay-surface, var(--_lr-overlay-surface, var(--lr-color-surface-container-high)))`,void 0,!0)} `;export{styles};

package/dist/components/forms/date-picker/date-picker.class.d.ts

@@ -91,6 +91,12 @@ readonly id?:string;}
 *   current value.
 * @cssprop [--lr-date-picker-preset-hover-bg=var(--lr-color-brand-quiet)] - Hover background of a
 *   quick-range button.
+* @cssprop [--lr-date-picker-preset-hover-border-color=var(--lr-color-brand)] - Hover border color
+*   of a quick-range button.
+* @cssprop --lr-date-picker-preset-pressed-border-color - Pressed border color of a quick-range
+*   button; defaults to an active-state mix of `--lr-color-brand`.
+* @cssprop [--lr-date-picker-preset-selected-border-color=var(--lr-color-brand)] - Border color of
+*   the selected quick-range button; wins over `--lr-date-picker-preset-selected-border`.
 * @cssprop --lr-date-picker-preset-active-bg - Pressed background of a quick-range button;
 *   defaults to a mix of the hover background with the shared active mix partner.
 * @cssprop --lr-date-picker-preset-pressed-bg - Pressed background of a quick-range button; wins

package/dist/components/forms/date-picker/date-picker.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/collection-snapshot.js";import{observeReactivePropertyWrites}from"../../../internal/reactive-property-writes.js";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{chevronIcon}from"../../../internal/icons.js";import{hostAriaLabel,nextId}from"../../../internal/a11y.js";import{isRtl}from"../../../internal/rtl.js";import{attachInternalsSafely}from"../../../internal/element-internals.js";import{setCustomState}from"../../../internal/custom-states.js";import{finiteCount}from"../../../internal/numbers.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{observeScrollOverflow}from"../../../internal/scroll-overflow.js";import{scrollOverflowFadeStyles}from"../../../internal/scroll-overflow.styles.js";import{activeElementIn}from"../../../internal/active-element.js";import{MISSING_OWN_DATA_DESCRIPTOR,UNSAFE_OWN_DATA_DESCRIPTOR,getOwnDataDescriptor}from"../../../internal/data-descriptors.js";import{dispatchNativeEvent,dispatchNativeInputEvent}from"../../../internal/native-event-relay.js";import{styles}from"./date-picker.styles.js";import{isSafeArray,copyNativeDate,projectDisabledDateKeys,parseDisabledWeekdays,inclusiveDayCount}from"./date-picker-disabled-dates.js";import{projectDisabledDateKeys as projectDisabledDateKeys2,parseDisabledWeekdays as parseDisabledWeekdays2,inclusiveDayCount as inclusiveDayCount2}from"./date-picker-disabled-dates.js";import{monthMatrix,weekdayLabels,monthTitle,formatISO,parseISO,isSameDay,addMonths,addMonthsClampingDay,clampDate,dateTimeFormat,localDate,utcDate,normalizeCalendarMode,normalizeCalendarMonths,normalizeWeekdayFormat,resolveFirstDayOfWeek}from"./calendar-core.js";import{LYRA_DEFAULT_next,LYRA_DEFAULT_nextMonth,LYRA_DEFAULT_previous,LYRA_DEFAULT_previousMonth}from"../../../internal/default-strings.generated.js";const MAX_VIEW_PERIOD_DAYS=366*10,modeConverter={fromAttribute:normalizeCalendarMode,toAttribute:normalizeCalendarMode},monthsConverter={fromAttribute:normalizeCalendarMonths,toAttribute:normalizeCalendarMonths},weekdayFormatConverter={fromAttribute:normalizeWeekdayFormat,toAttribute:normalizeWeekdayFormat};function normalizePageBy(value){return value==="single"?"single":"months"}function normalizeView(value){return value==="months"||value==="years"||value==="decades"?value:"days"}const pageByConverter={fromAttribute:normalizePageBy,toAttribute:normalizePageBy},viewConverter={fromAttribute:normalizeView,toAttribute:normalizeView},canonicalPresetSnapshots=new WeakMap;function isSafeNonArrayObject(value){if(value===null||typeof value!="object")return!1;try{return!Array.isArray(value)}catch{return!1}}function projectDateRangePreset(value){if(!isSafeNonArrayObject(value))return;const label=getOwnDataDescriptor(value,"label"),start=getOwnDataDescriptor(value,"start"),end=getOwnDataDescriptor(value,"end");if(!(label===MISSING_OWN_DATA_DESCRIPTOR||label===UNSAFE_OWN_DATA_DESCRIPTOR||typeof label.value!="string"||label.value.trim().length===0||start===UNSAFE_OWN_DATA_DESCRIPTOR||end===UNSAFE_OWN_DATA_DESCRIPTOR)&&!(start!==MISSING_OWN_DATA_DESCRIPTOR&&start.value!==void 0&&typeof start.value!="string"||end!==MISSING_OWN_DATA_DESCRIPTOR&&end.value!==void 0&&typeof end.value!="string"))return Object.freeze({source:value,label:label.value,start:start===MISSING_OWN_DATA_DESCRIPTOR?void 0:start.value,end:end===MISSING_OWN_DATA_DESCRIPTOR?void 0:end.value})}function canonicalDateRangePresets(values){const cached=canonicalPresetSnapshots.get(values);if(cached)return cached;const projected=[];for(const value of values){const preset=projectDateRangePreset(value);preset&&projected.push(preset)}const snapshot=Object.freeze(projected);return canonicalPresetSnapshots.set(values,snapshot),snapshot}class LyraDatePicker extends LyraElement{static{this.defaultStrings={...super.defaultStrings,next:LYRA_DEFAULT_next,nextMonth:LYRA_DEFAULT_nextMonth,previous:LYRA_DEFAULT_previous,previousMonth:LYRA_DEFAULT_previousMonth}}static{this.styles=[LyraElement.styles,scrollOverflowFadeStyles,styles]}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["presets"])}static{this.identityCollectionProperties=Object.freeze(["presets"])}get presets(){return this._presets}set presets(next){const old=this._presets;this._presets=isSafeArray(next)?next:Object.freeze([]),this.requestUpdate("presets",old)}get appliedPreset(){return this._appliedPreset}resolvePresetRange(preset){const bound=(own,fallback)=>{const text=typeof own=="string"&&own.trim()?own:fallback;return text?parseISO(text):null},min=parseISO(this.min),max=parseISO(this.max);if(min&&max&&min>max)return null;const start=bound(preset.start,this.min),end=bound(preset.end,this.max);if(!start||!end)return null;let from=clampDate(start,min,max),to=clampDate(end,min,max);return to<from&&([from,to]=[to,from]),this.admitsRange(from,to,min,max,this.resolvedToday())?{from,to}:null}static get observedAttributes(){const attributes=super.observedAttributes;return observeReactivePropertyWrites(this.prototype,["previousLabel","nextLabel"],(instance,name,value)=>{const authored=value!=null;let ownershipChanged=!1;switch(name){case"previousLabel":if(instance.previousLabelAuthored===void 0)return;ownershipChanged=authored!==instance.previousLabelAuthored,instance.previousLabelAuthored=authored;break;case"nextLabel":if(instance.nextLabelAuthored===void 0)return;ownershipChanged=authored!==instance.nextLabelAuthored,instance.nextLabelAuthored=authored;break}ownershipChanged&&instance.requestUpdate()}),attributes}constructor(){super(),this.value="",this.mode="single",this.min="",this.max="",this.disabled=!1,this.readonly=!1,this.months=1,this.size="m",this.locale="",this.firstDayOfWeek="auto",this.weekdayFormat="short",this.disablePast=!1,this.disableFuture=!1,this.withOutsideDays=!1,this.withWeekNumbers=!1,this.disabledDates="",this.disabledDaysOfWeek="",this._presets=Object.freeze([]),this.minRange=0,this.maxRange=0,this.pageBy="months",this.today="",this.focusedDate="",this.view="days",this.previousLabel="Previous month",this.previousLabelAuthored=!1,this.nextLabel="Next month",this.nextLabelAuthored=!1,this.viewDate=localDate(new Date().getFullYear(),new Date().getMonth(),1),this.rangePreview=null,this.focusedViewStart="",this.focusPending=!1,this.viewFocusPending=!1,this.restoringViewFocus=!1,this.internals=attachInternalsSafely(this),this.disabledDatesCache=new Set,this.disabledWeekdaysCache=new Set,this.viewPeriodAvailabilityCache=new Map,this.titleIds=[nextId("date-picker-title"),nextId("date-picker-title")],this.onViewGridKey=event=>{const view=this.effectiveView;if(view==="days")return;const periods=this.viewPeriods(view),source=event.composedPath().find(node=>node instanceof HTMLElement&&node.hasAttribute("data-view-start")),currentSource=parseISO(source?.getAttribute("data-view-start")??"")??this.resolveViewFocus(periods);if(!currentSource)return;const current=this.viewPeriodStart(currentSource,view),span=this.viewPeriodMonths(view),rtl=isRtl(this),forwardKey=rtl?"ArrowLeft":"ArrowRight",backwardKey=rtl?"ArrowRight":"ArrowLeft";let next=null;switch(event.key){case backwardKey:next=this.firstEnabledViewPeriod(addMonths(current,-span),-1);break;case forwardKey:next=this.firstEnabledViewPeriod(addMonths(current,span),1);break;case"ArrowUp":next=this.firstEnabledViewPeriod(addMonths(current,-4*span),-1);break;case"ArrowDown":next=this.firstEnabledViewPeriod(addMonths(current,4*span),1);break;case"Home":next=periods.find(period=>!this.viewPeriodDisabled(period.start,period.end))?.start??null;break;case"End":next=[...periods].reverse().find(period=>!this.viewPeriodDisabled(period.start,period.end))?.start??null;break;case"Enter":case" ":event.preventDefault(),this.pickViewItem(current);return;default:return}event.preventDefault(),next&&(this.viewDate=localDate(next.getFullYear(),next.getMonth(),1),this.focusViewPeriod(next,view))},this.onGridKey=e=>{const min=parseISO(this.min),max=parseISO(this.max),today=this.resolvedToday(),current=this.focusedDateValue??this.selection.from??this.firstEnabledDate(min,max,today)??localDate(this.viewDate.getFullYear(),this.viewDate.getMonth(),1),step=(base,days)=>localDate(base.getFullYear(),base.getMonth(),base.getDate()+days),firstEnabledFrom=(base,dayStep)=>{let d=base;for(let i=0;i<366;i++){if(d.getFullYear()<0||d.getFullYear()>9999)return null;if(!this.isDisabled(d,min,max,today))return d;d=step(d,dayStep)}return null},rtl=isRtl(this),forwardKey=rtl?"ArrowLeft":"ArrowRight",backwardKey=rtl?"ArrowRight":"ArrowLeft";let next=null;switch(e.key){case backwardKey:next=firstEnabledFrom(step(current,-1),-1);break;case forwardKey:next=firstEnabledFrom(step(current,1),1);break;case"ArrowUp":next=firstEnabledFrom(step(current,-7),-1);break;case"ArrowDown":next=firstEnabledFrom(step(current,7),1);break;case"PageUp":next=firstEnabledFrom(addMonthsClampingDay(current,-1),1);break;case"PageDown":next=firstEnabledFrom(addMonthsClampingDay(current,1),1);break;case"Home":next=firstEnabledFrom(localDate(current.getFullYear(),current.getMonth(),1),1);break;case"End":next=firstEnabledFrom(localDate(current.getFullYear(),current.getMonth()+1,0),-1);break;case"Enter":case" ":e.preventDefault(),this.selectDate(current);return;default:return}e.preventDefault(),next&&(this.setFocusedDate(next),this.viewDate=this.viewDateForFocus(next),this.focusPending=!0)},observeScrollOverflow(this,()=>this.renderRoot.querySelectorAll(".calendar-scroll")[0]),observeScrollOverflow(this,()=>this.renderRoot.querySelectorAll(".calendar-scroll")[1])}get effectiveMode(){return normalizeCalendarMode(this.mode)}get visibleMonths(){return normalizeCalendarMonths(this.months)}get effectiveWeekdayFormat(){return normalizeWeekdayFormat(this.weekdayFormat)}get effectiveView(){return normalizeView(this.view)}get selection(){const parts=(this.value??"").split("/");return{from:parseISO(parts[0]??""),to:parseISO(parts[1]??"")}}set selection(next){this.valueAsRange=next}get valueAsDate(){return this.effectiveMode==="single"?this.selection.from:null}set valueAsDate(next){const date=copyNativeDate(next);if(!date){this.value="";return}this.value=formatISO(date)}get valueAsLocalDate(){return this.valueAsDate}set valueAsLocalDate(next){this.valueAsDate=next}get valueAsUTCDate(){const local=this.valueAsDate;return local?utcDate(local.getFullYear(),local.getMonth(),local.getDate()):null}set valueAsUTCDate(next){const date=copyNativeDate(next);this.valueAsDate=date&&localDate(date.getUTCFullYear(),date.getUTCMonth(),date.getUTCDate())}get valueAsRange(){return this.effectiveMode==="range"?this.selection:{from:null,to:null}}set valueAsRange(next){let from=copyNativeDate(next?.from),to=copyNativeDate(next?.to);from&&to&&to<from&&([from,to]=[to,from]),this.value=from?to?`${formatISO(from)}/${formatISO(to)}`:formatISO(from):""}get focusedDateValue(){return parseISO(this.focusedDate)}setFocusedDate(date){this.focusedDate=date?formatISO(date):""}resolvedToday(){const today=parseISO(this.today)??new Date;return localDate(today.getFullYear(),today.getMonth(),today.getDate())}syncCustomStates(){setCustomState(this.internals,"disabled",this.disabled),setCustomState(this.internals,"range",this.effectiveMode==="range"),setCustomState(this.internals,"readonly",this.readonly)}willUpdate(changed){super.willUpdate(changed),this.viewPeriodAvailabilityCache.clear();const activeElement=activeElementIn(this.renderRoot),activeViewStart=activeElement?.matches('[part~="view-item"]')?parseISO(activeElement.getAttribute("data-view-start")??""):null;if(changed.has("value")){const external=this.committedValue!==this.value;if(this.committedValue=void 0,external&&(this._appliedPreset=void 0),external&&this.value){const from=this.selection.from;from&&(this.viewDate=localDate(from.getFullYear(),from.getMonth(),1))}}if(changed.has("focusedDate")){const focused=this.focusedDateValue;focused&&!this.isVisibleDate(focused)&&(this.viewDate=this.viewDateForFocus(focused))}const min=parseISO(this.min),max=parseISO(this.max),today=this.resolvedToday();if(this.viewDate=this.clampViewAnchor(this.viewDate),this.normalizeFocusedDate(min,max,today),this.clampViewDateToEnabledPeriod(),this.syncCustomStates(),activeViewStart&&this.effectiveView!=="days"){const next=this.resolveViewFocus(this.viewPeriods());next&&!isSameDay(activeViewStart,next)&&(this.setFocusedViewStart(next),this.viewFocusPending=!0)}}get fdow(){return resolveFirstDayOfWeek(this.firstDayOfWeek,this.effectiveLocale)}get disabledDateKeys(){return this.disabledDatesCacheSource===this.disabledDates?this.disabledDatesCache:(this.disabledDatesCacheSource=this.disabledDates,this.disabledDatesCache=new Set(projectDisabledDateKeys(this.disabledDates)),this.disabledDatesCache)}get disabledWeekdays(){return this.disabledWeekdaysCacheSource===this.disabledDaysOfWeek?this.disabledWeekdaysCache:(this.disabledWeekdaysCacheSource=this.disabledDaysOfWeek,this.disabledWeekdaysCache=parseDisabledWeekdays(this.disabledDaysOfWeek),this.disabledWeekdaysCache)}isDisabled(d,min,max,today,pendingRange=!0){if(!Number.isFinite(d.getTime())||d.getFullYear()<0||d.getFullYear()>9999||this.disabled||min&&d<min||max&&d>max||this.disablePast&&d<today||this.disableFuture&&d>today||this.disabledDateKeys.has(formatISO(d))||this.disabledWeekdays.has(d.getDay()))return!0;try{if(this.isDateDisabled?.(new Date(d.getTime())))return!0}catch{}if(pendingRange&&this.effectiveMode==="range"){const{from,to}=this.selection;if(from&&!to&&!isSameDay(from,d)){const length=inclusiveDayCount(from,d),minimum=finiteCount(this.minRange,0),maximum=finiteCount(this.maxRange,0);if(minimum>0&&length<minimum||maximum>0&&length>maximum)return!0}}return!1}nearestEnabledDate(anchor,min,max,today){let lower=min??localDate(0),upper=max??localDate(9999,11,31);if(this.disablePast&&today>lower&&(lower=today),this.disableFuture&&today<upper&&(upper=today),lower>upper)return null;if(anchor=clampDate(anchor,lower,upper),!this.isDisabled(anchor,min,max,today))return new Date(anchor.getTime());for(let distance=1;distance<=732;distance++){const before=localDate(anchor.getFullYear(),anchor.getMonth(),anchor.getDate()-distance);if(!this.isDisabled(before,min,max,today))return before;const after=localDate(anchor.getFullYear(),anchor.getMonth(),anchor.getDate()+distance);if(!this.isDisabled(after,min,max,today))return after}return null}isVisibleDate(date){const start=localDate(this.viewDate.getFullYear(),this.viewDate.getMonth(),1),end=addMonths(start,this.visibleMonths);return date>=start&&date<end}normalizeFocusedDate(min,max,today){const anchor=this.focusedDateValue??this.selection.from??(this.effectiveView==="days"?this.viewDate:null);if(!anchor)return;const disabled=this.isDisabled(anchor,min,max,today);if(!disabled&&this.isVisibleDate(anchor))return;const next=disabled?this.nearestEnabledDate(anchor,min,max,today):this.firstEnabledDate(min,max,today);if(!next){this.setFocusedDate(null),this.focusPending=!1;return}this.setFocusedDate(next),this.viewDate=this.viewDateForFocus(next);const active=activeElementIn(this.renderRoot);disabled&&active?.matches('[part~="day"]')&&(this.constraintFocusOwner=active,this.focusPending=!0)}firstEnabledDate(min,max,today){let d=localDate(this.viewDate.getFullYear(),this.viewDate.getMonth(),1);const lastVisibleMonth=addMonths(d,this.visibleMonths-1),boundEnd=localDate(lastVisibleMonth.getFullYear(),lastVisibleMonth.getMonth()+1,0);for(let i=0;i<732&&d<=boundEnd;i++){if(!this.isDisabled(d,min,max,today))return d;d=localDate(d.getFullYear(),d.getMonth(),d.getDate()+1)}return null}admitsRange(from,to,min,max,today){if(this.isDisabled(from,min,max,today,!1)||this.isDisabled(to,min,max,today,!1))return!1;const length=inclusiveDayCount(from,to),minimum=finiteCount(this.minRange,0),maximum=finiteCount(this.maxRange,0);return(minimum===0||length>=minimum)&&(maximum===0||length<=maximum)}commit(from,to,fire){const next=this.effectiveMode==="range"?from&&to?`${formatISO(from)}/${formatISO(to)}`:from?formatISO(from):"":from?formatISO(from):"";next!==this.value&&(this.committedValue=next),this.value=next,dispatchNativeInputEvent(this),this.emit("lr-input",{value:next}),fire&&(dispatchNativeEvent(this,"change"),this.emit("lr-change",{value:next}))}selectDate(date){if(this.readonly)return;const min=parseISO(this.min),max=parseISO(this.max),today=this.resolvedToday();if(this.isDisabled(date,min,max,today))return;const pending=this.selection;if(!(this.effectiveMode==="range"&&pending.from&&!pending.to&&!this.admitsRange(pending.from,date,min,max,today)))if(this._appliedPreset=void 0,this.setFocusedDate(date),this.effectiveMode==="range"){const{from,to}=this.selection;if(!from||from&&to)this.commit(date,null,!1);else{let a=from,b=date;b<a&&([a,b]=[b,a]),this.commit(a,b,!0)}}else this.commit(date,null,!0)}clear(){!this.value||this.disabled||this.readonly||(this._appliedPreset=void 0,this.commit(null,null,!0),this.emit("lr-clear"))}goToToday(){this.goToDate(this.resolvedToday())}goToDate(date){const d=typeof date=="string"?parseISO(date):date;if(!d||!Number.isFinite(d.getTime()))return;const midnight=localDate(d.getFullYear(),d.getMonth(),d.getDate()),clamped=clampDate(midnight,parseISO(this.min)??localDate(0),parseISO(this.max)??localDate(9999,11,31));this.viewDate=localDate(clamped.getFullYear(),clamped.getMonth(),1),this.setFocusedDate(clamped),this.focusPending=!0}clampViewAnchor(date){return clampDate(date,localDate(0),localDate(9999,12-this.visibleMonths,1))}nav(delta){const page=this.pageBy==="single"?1:this.visibleMonths;this.viewDate=this.clampViewAnchor(addMonths(this.viewDate,delta*page))}get rovingTarget(){return this.renderRoot?.querySelector('[part~="day"][tabindex="0"], [part~="view-item"][tabindex="0"]:not(:disabled)')??null}focus(options){this.rovingTarget?.focus(options)}blur(){this.rovingTarget?.blur()}click(){this.rovingTarget?.click()}viewPeriodMonths(view=this.effectiveView){return view==="years"?12:view==="decades"?120:1}viewPeriodStart(date,view=this.effectiveView){return view==="years"?localDate(date.getFullYear(),0,1):view==="decades"?localDate(Math.floor(date.getFullYear()/10)*10,0,1):localDate(date.getFullYear(),date.getMonth(),1)}viewPageStart(view=this.effectiveView){const year=this.viewDate.getFullYear();return view==="months"?localDate(year,0,1):view==="years"?localDate(Math.floor(year/12)*12,0,1):localDate(Math.floor(year/120)*120,0,1)}viewPeriods(view=this.effectiveView){const pageStart=this.viewPageStart(view),span=this.viewPeriodMonths(view);return Array.from({length:12},(_,index)=>{const start=addMonths(pageStart,index*span);return{start,end:clampDate(localDate(start.getFullYear(),start.getMonth()+span,0),null,localDate(9999,11,31))}}).filter(period=>period.start.getFullYear()<=9999)}clampViewDateToEnabledPeriod(view=this.effectiveView){if(view==="days")return null;const periods=this.viewPeriods(view);if(this.disabled||periods.some(period=>!this.viewPeriodDisabled(period.start,period.end)))return null;const first=periods[0],last=periods[periods.length-1],span=this.viewPeriodMonths(view),min=parseISO(this.min),max=parseISO(this.max),forward=min&&last.end<min,backward=max&&first.start>max,next=forward?this.firstEnabledViewPeriod(this.viewPeriodStart(min),1):backward?this.firstEnabledViewPeriod(this.viewPeriodStart(max),-1):this.firstEnabledViewPeriod(addMonths(last.start,span),1)??this.firstEnabledViewPeriod(addMonths(first.start,-span),-1);return next?(this.viewDate=localDate(next.getFullYear(),next.getMonth(),1),next):null}resolveViewFocus(periods){const inView=candidate=>{if(!candidate)return null;const start=this.viewPeriodStart(candidate),period=periods.find(item=>isSameDay(item.start,start));return period&&!this.viewPeriodDisabled(period.start,period.end)?period.start:null},fallback=periods.find(period=>!this.viewPeriodDisabled(period.start,period.end));return inView(parseISO(this.focusedViewStart))??inView(this.selection.from)??inView(this.viewDate)??fallback?.start??null}setFocusedViewStart(date,view=this.effectiveView,requestUpdate=!1){const next=formatISO(this.viewPeriodStart(date,view));this.focusedViewStart!==next&&(this.focusedViewStart=next,requestUpdate&&this.requestUpdate())}onViewItemFocus(start){this.restoringViewFocus||this.setFocusedViewStart(start,this.effectiveView,!0)}firstEnabledViewPeriod(start,direction){const span=this.viewPeriodMonths();let candidate=this.viewPeriodStart(start);for(let index=0;index<366;index++){if(candidate.getFullYear()<0||candidate.getFullYear()>9999)return null;const end=localDate(candidate.getFullYear(),candidate.getMonth()+span,0);if(!this.viewPeriodDisabled(candidate,end))return candidate;candidate=addMonths(candidate,direction*span)}return null}focusViewPeriod(date,view=this.effectiveView){this.setFocusedViewStart(date,view),this.viewFocusPending=!0}setView(next,date=this.viewDate){next!==this.view&&(this.view=next,this.emit("lr-view-change",{view:next,date:new Date(date.getTime())}))}advanceView(){const next={days:"months",months:"years",years:"decades",decades:"decades"},current=this.effectiveView,nextView=next[current];if(nextView===current)return;const focused=current==="days"?this.focusedDateValue??this.selection.from??this.viewDate:this.resolveViewFocus(this.viewPeriods(current))??this.viewDate;this.focusViewPeriod(focused,nextView),this.setView(nextView)}onDayFocus(date){this.setFocusedDate(date),this.emit("lr-focus-day",{date:new Date(date.getTime())})}viewDateForFocus(next){const firstMonth=this.clampViewAnchor(localDate(this.viewDate.getFullYear(),this.viewDate.getMonth(),1)),nextMonth=localDate(next.getFullYear(),next.getMonth(),1),lastMonth=addMonths(firstMonth,this.visibleMonths-1);return nextMonth<firstMonth?nextMonth:nextMonth>lastMonth?addMonths(nextMonth,-(this.visibleMonths-1)):firstMonth}updated(changed){super.updated(changed);const focusedDate=this.focusedDateValue,repairOwner=this.constraintFocusOwner;this.constraintFocusOwner=void 0;const active=activeElementIn(this.renderRoot);if(repairOwner&&active!==repairOwner&&(active!==null||activeElementIn(this.ownerDocument)!==this.ownerDocument.body)&&(this.focusPending=!1),this.focusPending&&focusedDate){this.focusPending=!1;const iso=formatISO(focusedDate);this.renderRoot.querySelector(`[data-date="${iso}"][tabindex="0"]`)?.focus()}if(this.viewFocusPending){this.viewFocusPending=!1;const item=this.renderRoot.querySelector('[part~="view-item"][tabindex="0"]:not(:disabled)');if(item){this.restoringViewFocus=!0;try{item.focus()}finally{this.restoringViewFocus=!1}}}}renderDay(date,shownMonth,selection,min,max,today,rowHasVisibleDay,fallbackFocusDate,dayLabelFmt){const outside=date.getMonth()!==shownMonth;if(date.getFullYear()<0||date.getFullYear()>9999||outside&&!this.withOutsideDays)return html`<span
+import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/collection-snapshot.js";import{observeReactivePropertyWrites}from"../../../internal/reactive-property-writes.js";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{chevronIcon}from"../../../internal/icons.js";import{hostAriaLabel,nextId}from"../../../internal/a11y.js";import{isRtl}from"../../../internal/rtl.js";import{attachInternalsSafely}from"../../../internal/element-internals.js";import{setCustomState}from"../../../internal/custom-states.js";import{finiteCount}from"../../../internal/numbers.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{observeScrollOverflow}from"../../../internal/scroll-overflow.js";import{scrollOverflowFadeStyles}from"../../../internal/scroll-overflow.styles.js";import{activeElementIn,shadowFocusTarget}from"../../../internal/active-element.js";import{MISSING_OWN_DATA_DESCRIPTOR,UNSAFE_OWN_DATA_DESCRIPTOR,getOwnDataDescriptor}from"../../../internal/data-descriptors.js";import{dispatchNativeEvent,dispatchNativeInputEvent}from"../../../internal/native-event-relay.js";import{styles}from"./date-picker.styles.js";import{isSafeArray,copyNativeDate,projectDisabledDateKeys,parseDisabledWeekdays,inclusiveDayCount}from"./date-picker-disabled-dates.js";import{projectDisabledDateKeys as projectDisabledDateKeys2,parseDisabledWeekdays as parseDisabledWeekdays2,inclusiveDayCount as inclusiveDayCount2}from"./date-picker-disabled-dates.js";import{monthMatrix,weekdayLabels,monthTitle,formatISO,parseISO,isSameDay,addMonths,addMonthsClampingDay,clampDate,dateTimeFormat,localDate,utcDate,normalizeCalendarMode,normalizeCalendarMonths,normalizeWeekdayFormat,resolveFirstDayOfWeek}from"./calendar-core.js";import{LYRA_DEFAULT_next,LYRA_DEFAULT_nextMonth,LYRA_DEFAULT_previous,LYRA_DEFAULT_previousMonth}from"../../../internal/default-strings.generated.js";const MAX_VIEW_PERIOD_DAYS=366*10,modeConverter={fromAttribute:normalizeCalendarMode,toAttribute:normalizeCalendarMode},monthsConverter={fromAttribute:normalizeCalendarMonths,toAttribute:normalizeCalendarMonths},weekdayFormatConverter={fromAttribute:normalizeWeekdayFormat,toAttribute:normalizeWeekdayFormat};function normalizePageBy(value){return value==="single"?"single":"months"}function normalizeView(value){return value==="months"||value==="years"||value==="decades"?value:"days"}const pageByConverter={fromAttribute:normalizePageBy,toAttribute:normalizePageBy},viewConverter={fromAttribute:normalizeView,toAttribute:normalizeView},canonicalPresetSnapshots=new WeakMap;function isSafeNonArrayObject(value){if(value===null||typeof value!="object")return!1;try{return!Array.isArray(value)}catch{return!1}}function projectDateRangePreset(value){if(!isSafeNonArrayObject(value))return;const label=getOwnDataDescriptor(value,"label"),start=getOwnDataDescriptor(value,"start"),end=getOwnDataDescriptor(value,"end");if(!(label===MISSING_OWN_DATA_DESCRIPTOR||label===UNSAFE_OWN_DATA_DESCRIPTOR||typeof label.value!="string"||label.value.trim().length===0||start===UNSAFE_OWN_DATA_DESCRIPTOR||end===UNSAFE_OWN_DATA_DESCRIPTOR)&&!(start!==MISSING_OWN_DATA_DESCRIPTOR&&start.value!==void 0&&typeof start.value!="string"||end!==MISSING_OWN_DATA_DESCRIPTOR&&end.value!==void 0&&typeof end.value!="string"))return Object.freeze({source:value,label:label.value,start:start===MISSING_OWN_DATA_DESCRIPTOR?void 0:start.value,end:end===MISSING_OWN_DATA_DESCRIPTOR?void 0:end.value})}function canonicalDateRangePresets(values){const cached=canonicalPresetSnapshots.get(values);if(cached)return cached;const projected=[];for(const value of values){const preset=projectDateRangePreset(value);preset&&projected.push(preset)}const snapshot=Object.freeze(projected);return canonicalPresetSnapshots.set(values,snapshot),snapshot}class LyraDatePicker extends LyraElement{static{this.defaultStrings={...super.defaultStrings,next:LYRA_DEFAULT_next,nextMonth:LYRA_DEFAULT_nextMonth,previous:LYRA_DEFAULT_previous,previousMonth:LYRA_DEFAULT_previousMonth}}static{this.styles=[LyraElement.styles,scrollOverflowFadeStyles,styles]}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["presets"])}static{this.identityCollectionProperties=Object.freeze(["presets"])}get presets(){return this._presets}set presets(next){const old=this._presets;this._presets=isSafeArray(next)?next:Object.freeze([]),this.requestUpdate("presets",old)}get appliedPreset(){return this._appliedPreset}resolvePresetRange(preset){const bound=(own,fallback)=>{const text=typeof own=="string"&&own.trim()?own:fallback;return text?parseISO(text):null},min=parseISO(this.min),max=parseISO(this.max);if(min&&max&&min>max)return null;const start=bound(preset.start,this.min),end=bound(preset.end,this.max);if(!start||!end)return null;let from=clampDate(start,min,max),to=clampDate(end,min,max);return to<from&&([from,to]=[to,from]),this.admitsRange(from,to,min,max,this.resolvedToday())?{from,to}:null}static get observedAttributes(){const attributes=super.observedAttributes;return observeReactivePropertyWrites(this.prototype,["previousLabel","nextLabel"],(instance,name,value)=>{const authored=value!=null;let ownershipChanged=!1;switch(name){case"previousLabel":if(instance.previousLabelAuthored===void 0)return;ownershipChanged=authored!==instance.previousLabelAuthored,instance.previousLabelAuthored=authored;break;case"nextLabel":if(instance.nextLabelAuthored===void 0)return;ownershipChanged=authored!==instance.nextLabelAuthored,instance.nextLabelAuthored=authored;break}ownershipChanged&&instance.requestUpdate()}),attributes}constructor(){super(),this.value="",this.mode="single",this.min="",this.max="",this.disabled=!1,this.readonly=!1,this.months=1,this.size="m",this.locale="",this.firstDayOfWeek="auto",this.weekdayFormat="short",this.disablePast=!1,this.disableFuture=!1,this.withOutsideDays=!1,this.withWeekNumbers=!1,this.disabledDates="",this.disabledDaysOfWeek="",this._presets=Object.freeze([]),this.minRange=0,this.maxRange=0,this.pageBy="months",this.today="",this.focusedDate="",this.view="days",this.previousLabel="Previous month",this.previousLabelAuthored=!1,this.nextLabel="Next month",this.nextLabelAuthored=!1,this.viewDate=localDate(new Date().getFullYear(),new Date().getMonth(),1),this.rangePreview=null,this.focusedViewStart="",this.focusPending=!1,this.viewFocusPending=!1,this.restoringViewFocus=!1,this.internals=attachInternalsSafely(this),this.disabledDatesCache=new Set,this.disabledWeekdaysCache=new Set,this.viewPeriodAvailabilityCache=new Map,this.titleIds=[nextId("date-picker-title"),nextId("date-picker-title")],this.onViewGridKey=event=>{const view=this.effectiveView;if(view==="days")return;const periods=this.viewPeriods(view),source=event.composedPath().find(node=>node instanceof HTMLElement&&node.hasAttribute("data-view-start")),currentSource=parseISO(source?.getAttribute("data-view-start")??"")??this.resolveViewFocus(periods);if(!currentSource)return;const current=this.viewPeriodStart(currentSource,view),span=this.viewPeriodMonths(view),rtl=isRtl(this),forwardKey=rtl?"ArrowLeft":"ArrowRight",backwardKey=rtl?"ArrowRight":"ArrowLeft";let next=null;switch(event.key){case backwardKey:next=this.firstEnabledViewPeriod(addMonths(current,-span),-1);break;case forwardKey:next=this.firstEnabledViewPeriod(addMonths(current,span),1);break;case"ArrowUp":next=this.firstEnabledViewPeriod(addMonths(current,-4*span),-1);break;case"ArrowDown":next=this.firstEnabledViewPeriod(addMonths(current,4*span),1);break;case"Home":next=periods.find(period=>!this.viewPeriodDisabled(period.start,period.end))?.start??null;break;case"End":next=[...periods].reverse().find(period=>!this.viewPeriodDisabled(period.start,period.end))?.start??null;break;case"Enter":case" ":event.preventDefault(),this.pickViewItem(current);return;default:return}event.preventDefault(),next&&(this.viewDate=localDate(next.getFullYear(),next.getMonth(),1),this.focusViewPeriod(next,view))},this.onGridKey=e=>{const min=parseISO(this.min),max=parseISO(this.max),today=this.resolvedToday(),current=this.focusedDateValue??this.selection.from??this.firstEnabledDate(min,max,today)??localDate(this.viewDate.getFullYear(),this.viewDate.getMonth(),1),step=(base,days)=>localDate(base.getFullYear(),base.getMonth(),base.getDate()+days),firstEnabledFrom=(base,dayStep)=>{let d=base;for(let i=0;i<366;i++){if(d.getFullYear()<0||d.getFullYear()>9999)return null;if(!this.isDisabled(d,min,max,today))return d;d=step(d,dayStep)}return null},rtl=isRtl(this),forwardKey=rtl?"ArrowLeft":"ArrowRight",backwardKey=rtl?"ArrowRight":"ArrowLeft";let next=null;switch(e.key){case backwardKey:next=firstEnabledFrom(step(current,-1),-1);break;case forwardKey:next=firstEnabledFrom(step(current,1),1);break;case"ArrowUp":next=firstEnabledFrom(step(current,-7),-1);break;case"ArrowDown":next=firstEnabledFrom(step(current,7),1);break;case"PageUp":next=firstEnabledFrom(addMonthsClampingDay(current,-1),1);break;case"PageDown":next=firstEnabledFrom(addMonthsClampingDay(current,1),1);break;case"Home":next=firstEnabledFrom(localDate(current.getFullYear(),current.getMonth(),1),1);break;case"End":next=firstEnabledFrom(localDate(current.getFullYear(),current.getMonth()+1,0),-1);break;case"Enter":case" ":e.preventDefault(),this.selectDate(current);return;default:return}e.preventDefault(),next&&(this.setFocusedDate(next),this.viewDate=this.viewDateForFocus(next),this.focusPending=!0)},observeScrollOverflow(this,()=>this.renderRoot.querySelectorAll(".calendar-scroll")[0]),observeScrollOverflow(this,()=>this.renderRoot.querySelectorAll(".calendar-scroll")[1])}get effectiveMode(){return normalizeCalendarMode(this.mode)}get visibleMonths(){return normalizeCalendarMonths(this.months)}get effectiveWeekdayFormat(){return normalizeWeekdayFormat(this.weekdayFormat)}get effectiveView(){return normalizeView(this.view)}get selection(){const parts=(this.value??"").split("/");return{from:parseISO(parts[0]??""),to:parseISO(parts[1]??"")}}set selection(next){this.valueAsRange=next}get valueAsDate(){return this.effectiveMode==="single"?this.selection.from:null}set valueAsDate(next){const date=copyNativeDate(next);if(!date){this.value="";return}this.value=formatISO(date)}get valueAsLocalDate(){return this.valueAsDate}set valueAsLocalDate(next){this.valueAsDate=next}get valueAsUTCDate(){const local=this.valueAsDate;return local?utcDate(local.getFullYear(),local.getMonth(),local.getDate()):null}set valueAsUTCDate(next){const date=copyNativeDate(next);this.valueAsDate=date&&localDate(date.getUTCFullYear(),date.getUTCMonth(),date.getUTCDate())}get valueAsRange(){return this.effectiveMode==="range"?this.selection:{from:null,to:null}}set valueAsRange(next){let from=copyNativeDate(next?.from),to=copyNativeDate(next?.to);from&&to&&to<from&&([from,to]=[to,from]),this.value=from?to?`${formatISO(from)}/${formatISO(to)}`:formatISO(from):""}get focusedDateValue(){return parseISO(this.focusedDate)}setFocusedDate(date){this.focusedDate=date?formatISO(date):""}resolvedToday(){const today=parseISO(this.today)??new Date;return localDate(today.getFullYear(),today.getMonth(),today.getDate())}syncCustomStates(){setCustomState(this.internals,"disabled",this.disabled),setCustomState(this.internals,"range",this.effectiveMode==="range"),setCustomState(this.internals,"readonly",this.readonly)}willUpdate(changed){super.willUpdate(changed),this.viewPeriodAvailabilityCache.clear();const activeElement=shadowFocusTarget(this),activeViewStart=activeElement?.matches('[part~="view-item"]')?parseISO(activeElement.getAttribute("data-view-start")??""):null;if(changed.has("value")){const external=this.committedValue!==this.value;if(this.committedValue=void 0,external&&(this._appliedPreset=void 0),external&&this.value){const from=this.selection.from;from&&(this.viewDate=localDate(from.getFullYear(),from.getMonth(),1))}}if(changed.has("focusedDate")){const focused=this.focusedDateValue;focused&&!this.isVisibleDate(focused)&&(this.viewDate=this.viewDateForFocus(focused))}const min=parseISO(this.min),max=parseISO(this.max),today=this.resolvedToday();if(this.viewDate=this.clampViewAnchor(this.viewDate),this.normalizeFocusedDate(min,max,today),this.clampViewDateToEnabledPeriod(),this.syncCustomStates(),activeViewStart&&this.effectiveView!=="days"){const next=this.resolveViewFocus(this.viewPeriods());next&&!isSameDay(activeViewStart,next)&&(this.setFocusedViewStart(next),this.viewFocusPending=!0)}}get fdow(){return resolveFirstDayOfWeek(this.firstDayOfWeek,this.effectiveLocale)}get disabledDateKeys(){return this.disabledDatesCacheSource===this.disabledDates?this.disabledDatesCache:(this.disabledDatesCacheSource=this.disabledDates,this.disabledDatesCache=new Set(projectDisabledDateKeys(this.disabledDates)),this.disabledDatesCache)}get disabledWeekdays(){return this.disabledWeekdaysCacheSource===this.disabledDaysOfWeek?this.disabledWeekdaysCache:(this.disabledWeekdaysCacheSource=this.disabledDaysOfWeek,this.disabledWeekdaysCache=parseDisabledWeekdays(this.disabledDaysOfWeek),this.disabledWeekdaysCache)}isDisabled(d,min,max,today,pendingRange=!0){if(!Number.isFinite(d.getTime())||d.getFullYear()<0||d.getFullYear()>9999||this.disabled||min&&d<min||max&&d>max||this.disablePast&&d<today||this.disableFuture&&d>today||this.disabledDateKeys.has(formatISO(d))||this.disabledWeekdays.has(d.getDay()))return!0;try{if(this.isDateDisabled?.(new Date(d.getTime())))return!0}catch{}if(pendingRange&&this.effectiveMode==="range"){const{from,to}=this.selection;if(from&&!to&&!isSameDay(from,d)){const length=inclusiveDayCount(from,d),minimum=finiteCount(this.minRange,0),maximum=finiteCount(this.maxRange,0);if(minimum>0&&length<minimum||maximum>0&&length>maximum)return!0}}return!1}nearestEnabledDate(anchor,min,max,today){let lower=min??localDate(0),upper=max??localDate(9999,11,31);if(this.disablePast&&today>lower&&(lower=today),this.disableFuture&&today<upper&&(upper=today),lower>upper)return null;if(anchor=clampDate(anchor,lower,upper),!this.isDisabled(anchor,min,max,today))return new Date(anchor.getTime());for(let distance=1;distance<=732;distance++){const before=localDate(anchor.getFullYear(),anchor.getMonth(),anchor.getDate()-distance);if(!this.isDisabled(before,min,max,today))return before;const after=localDate(anchor.getFullYear(),anchor.getMonth(),anchor.getDate()+distance);if(!this.isDisabled(after,min,max,today))return after}return null}isVisibleDate(date){const start=localDate(this.viewDate.getFullYear(),this.viewDate.getMonth(),1),end=addMonths(start,this.visibleMonths);return date>=start&&date<end}normalizeFocusedDate(min,max,today){const anchor=this.focusedDateValue??this.selection.from??(this.effectiveView==="days"?this.viewDate:null);if(!anchor)return;const disabled=this.isDisabled(anchor,min,max,today);if(!disabled&&this.isVisibleDate(anchor))return;const next=disabled?this.nearestEnabledDate(anchor,min,max,today):this.firstEnabledDate(min,max,today);if(!next){this.setFocusedDate(null),this.focusPending=!1;return}this.setFocusedDate(next),this.viewDate=this.viewDateForFocus(next);const active=shadowFocusTarget(this);disabled&&active?.matches('[part~="day"]')&&(this.constraintFocusOwner=active,this.focusPending=!0)}firstEnabledDate(min,max,today){let d=localDate(this.viewDate.getFullYear(),this.viewDate.getMonth(),1);const lastVisibleMonth=addMonths(d,this.visibleMonths-1),boundEnd=localDate(lastVisibleMonth.getFullYear(),lastVisibleMonth.getMonth()+1,0);for(let i=0;i<732&&d<=boundEnd;i++){if(!this.isDisabled(d,min,max,today))return d;d=localDate(d.getFullYear(),d.getMonth(),d.getDate()+1)}return null}admitsRange(from,to,min,max,today){if(this.isDisabled(from,min,max,today,!1)||this.isDisabled(to,min,max,today,!1))return!1;const length=inclusiveDayCount(from,to),minimum=finiteCount(this.minRange,0),maximum=finiteCount(this.maxRange,0);return(minimum===0||length>=minimum)&&(maximum===0||length<=maximum)}commit(from,to,fire){const next=this.effectiveMode==="range"?from&&to?`${formatISO(from)}/${formatISO(to)}`:from?formatISO(from):"":from?formatISO(from):"";next!==this.value&&(this.committedValue=next),this.value=next,dispatchNativeInputEvent(this),this.emit("lr-input",{value:next}),fire&&(dispatchNativeEvent(this,"change"),this.emit("lr-change",{value:next}))}selectDate(date){if(this.readonly)return;const min=parseISO(this.min),max=parseISO(this.max),today=this.resolvedToday();if(this.isDisabled(date,min,max,today))return;const pending=this.selection;if(!(this.effectiveMode==="range"&&pending.from&&!pending.to&&!this.admitsRange(pending.from,date,min,max,today)))if(this._appliedPreset=void 0,this.setFocusedDate(date),this.effectiveMode==="range"){const{from,to}=this.selection;if(!from||from&&to)this.commit(date,null,!1);else{let a=from,b=date;b<a&&([a,b]=[b,a]),this.commit(a,b,!0)}}else this.commit(date,null,!0)}clear(){!this.value||this.disabled||this.readonly||(this._appliedPreset=void 0,this.commit(null,null,!0),this.emit("lr-clear"))}goToToday(){this.goToDate(this.resolvedToday())}goToDate(date){const d=typeof date=="string"?parseISO(date):date;if(!d||!Number.isFinite(d.getTime()))return;const midnight=localDate(d.getFullYear(),d.getMonth(),d.getDate()),clamped=clampDate(midnight,parseISO(this.min)??localDate(0),parseISO(this.max)??localDate(9999,11,31));this.viewDate=localDate(clamped.getFullYear(),clamped.getMonth(),1),this.setFocusedDate(clamped),this.focusPending=!0}clampViewAnchor(date){return clampDate(date,localDate(0),localDate(9999,12-this.visibleMonths,1))}nav(delta){const page=this.pageBy==="single"?1:this.visibleMonths;this.viewDate=this.clampViewAnchor(addMonths(this.viewDate,delta*page))}get rovingTarget(){return this.renderRoot?.querySelector('[part~="day"][tabindex="0"], [part~="view-item"][tabindex="0"]:not(:disabled)')??null}focus(options){this.rovingTarget?.focus(options)}blur(){this.rovingTarget?.blur()}click(){this.rovingTarget?.click()}viewPeriodMonths(view=this.effectiveView){return view==="years"?12:view==="decades"?120:1}viewPeriodStart(date,view=this.effectiveView){return view==="years"?localDate(date.getFullYear(),0,1):view==="decades"?localDate(Math.floor(date.getFullYear()/10)*10,0,1):localDate(date.getFullYear(),date.getMonth(),1)}viewPageStart(view=this.effectiveView){const year=this.viewDate.getFullYear();return view==="months"?localDate(year,0,1):view==="years"?localDate(Math.floor(year/12)*12,0,1):localDate(Math.floor(year/120)*120,0,1)}viewPeriods(view=this.effectiveView){const pageStart=this.viewPageStart(view),span=this.viewPeriodMonths(view);return Array.from({length:12},(_,index)=>{const start=addMonths(pageStart,index*span);return{start,end:clampDate(localDate(start.getFullYear(),start.getMonth()+span,0),null,localDate(9999,11,31))}}).filter(period=>period.start.getFullYear()<=9999)}clampViewDateToEnabledPeriod(view=this.effectiveView){if(view==="days")return null;const periods=this.viewPeriods(view);if(this.disabled||periods.some(period=>!this.viewPeriodDisabled(period.start,period.end)))return null;const first=periods[0],last=periods[periods.length-1],span=this.viewPeriodMonths(view),min=parseISO(this.min),max=parseISO(this.max),forward=min&&last.end<min,backward=max&&first.start>max,next=forward?this.firstEnabledViewPeriod(this.viewPeriodStart(min),1):backward?this.firstEnabledViewPeriod(this.viewPeriodStart(max),-1):this.firstEnabledViewPeriod(addMonths(last.start,span),1)??this.firstEnabledViewPeriod(addMonths(first.start,-span),-1);return next?(this.viewDate=localDate(next.getFullYear(),next.getMonth(),1),next):null}resolveViewFocus(periods){const inView=candidate=>{if(!candidate)return null;const start=this.viewPeriodStart(candidate),period=periods.find(item=>isSameDay(item.start,start));return period&&!this.viewPeriodDisabled(period.start,period.end)?period.start:null},fallback=periods.find(period=>!this.viewPeriodDisabled(period.start,period.end));return inView(parseISO(this.focusedViewStart))??inView(this.selection.from)??inView(this.viewDate)??fallback?.start??null}setFocusedViewStart(date,view=this.effectiveView,requestUpdate=!1){const next=formatISO(this.viewPeriodStart(date,view));this.focusedViewStart!==next&&(this.focusedViewStart=next,requestUpdate&&this.requestUpdate())}onViewItemFocus(start){this.restoringViewFocus||this.setFocusedViewStart(start,this.effectiveView,!0)}firstEnabledViewPeriod(start,direction){const span=this.viewPeriodMonths();let candidate=this.viewPeriodStart(start);for(let index=0;index<366;index++){if(candidate.getFullYear()<0||candidate.getFullYear()>9999)return null;const end=localDate(candidate.getFullYear(),candidate.getMonth()+span,0);if(!this.viewPeriodDisabled(candidate,end))return candidate;candidate=addMonths(candidate,direction*span)}return null}focusViewPeriod(date,view=this.effectiveView){this.setFocusedViewStart(date,view),this.viewFocusPending=!0}setView(next,date=this.viewDate){next!==this.view&&(this.view=next,this.emit("lr-view-change",{view:next,date:new Date(date.getTime())}))}advanceView(){const next={days:"months",months:"years",years:"decades",decades:"decades"},current=this.effectiveView,nextView=next[current];if(nextView===current)return;const focused=current==="days"?this.focusedDateValue??this.selection.from??this.viewDate:this.resolveViewFocus(this.viewPeriods(current))??this.viewDate;this.focusViewPeriod(focused,nextView),this.setView(nextView)}onDayFocus(date){this.setFocusedDate(date),this.emit("lr-focus-day",{date:new Date(date.getTime())})}viewDateForFocus(next){const firstMonth=this.clampViewAnchor(localDate(this.viewDate.getFullYear(),this.viewDate.getMonth(),1)),nextMonth=localDate(next.getFullYear(),next.getMonth(),1),lastMonth=addMonths(firstMonth,this.visibleMonths-1);return nextMonth<firstMonth?nextMonth:nextMonth>lastMonth?addMonths(nextMonth,-(this.visibleMonths-1)):firstMonth}updated(changed){super.updated(changed);const focusedDate=this.focusedDateValue,repairOwner=this.constraintFocusOwner;this.constraintFocusOwner=void 0;const active=shadowFocusTarget(this);if(repairOwner&&active!==repairOwner&&(active!==null||activeElementIn(this.ownerDocument)!==this.ownerDocument.body)&&(this.focusPending=!1),this.focusPending&&focusedDate){this.focusPending=!1;const iso=formatISO(focusedDate);this.renderRoot.querySelector(`[data-date="${iso}"][tabindex="0"]`)?.focus()}if(this.viewFocusPending){this.viewFocusPending=!1;const item=this.renderRoot.querySelector('[part~="view-item"][tabindex="0"]:not(:disabled)');if(item){this.restoringViewFocus=!0;try{item.focus()}finally{this.restoringViewFocus=!1}}}}renderDay(date,shownMonth,selection,min,max,today,rowHasVisibleDay,fallbackFocusDate,dayLabelFmt){const outside=date.getMonth()!==shownMonth;if(date.getFullYear()<0||date.getFullYear()>9999||outside&&!this.withOutsideDays)return html`<span
         part="day-placeholder"
         role="gridcell"
         aria-hidden=${rowHasVisibleDay?"true":nothing}

package/dist/components/forms/date-picker/date-picker.styles.js

@@ -1 +1 @@
-import{iconHitTarget,focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";const styles=css` :host { display: inline-block; --_lr-cell-size: var(--lr-size-2-25rem); --_lr-date-picker-month-gap: var(--lr-space-l); --_lr-date-picker-header-gap: var(--lr-space-s); --_lr-date-picker-radius: var(--lr-radius); } :host([size="2xs"]) { --_lr-cell-size: var(--lr-size-1-5rem); } :host([size="xs"]) { --_lr-cell-size: var(--lr-size-1-75rem); } :host([size="s"]), :host([size="small"]) { --_lr-cell-size: var(--lr-size-2rem); } :host([size="l"]), :host([size="large"]) { --_lr-cell-size: var(--lr-size-2-5rem); } :host([size="xl"]) { --_lr-cell-size: var(--lr-size-3rem); } :host([disabled]) { opacity: var(--lr-opacity-disabled); pointer-events: none; } [part~="base"] { display: flex; flex-wrap: wrap; gap: var(--lr-date-picker-month-gap, var(--_lr-date-picker-month-gap)); padding: var(--lr-space-s); background: var(--lr-color-surface); border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-date-picker-radius, var(--_lr-date-picker-radius)); } [part~="date-picker"] { min-inline-size: 0; max-inline-size: 100%; } .content { min-inline-size: 0; max-inline-size: 100%; } [part="months"] { display: flex; flex-wrap: wrap; min-inline-size: 0; max-inline-size: 100%; gap: var(--lr-date-picker-month-gap, var(--_lr-date-picker-month-gap)); } [part="month"] { min-inline-size: 0; max-inline-size: 100%; } [part="header"] { display: flex; align-items: center; justify-content: space-between; gap: var(--lr-date-picker-header-gap, var(--_lr-date-picker-header-gap)); margin-block-end: var(--lr-space-xs); } [part="nav"] { display: flex; align-items: center; justify-content: space-between; gap: var(--lr-date-picker-header-gap, var(--_lr-date-picker-header-gap)); inline-size: 100%; } [part="title"] { appearance: none; border: none; background: none; color: inherit; cursor: pointer; font: inherit; font-weight: var(--lr-font-weight-semibold); font-size: var(--lr-size-0-9375rem); transition: background-color var(--lr-transition-fast), color var(--lr-transition-fast); } :where([part="title"]):hover:not(:disabled) { color: var(--lr-date-picker-title-hover-color, var(--lr-color-brand)); } :where([part="title"]):active:not(:disabled) { color: var(--lr-date-picker-title-active-color, var(--lr-color-brand)); background: var( --lr-date-picker-title-active-bg, var(--lr-color-brand-quiet) ); border-radius: var( --lr-date-picker-title-active-radius, var(--lr-date-picker-radius, var(--_lr-date-picker-radius)) ); } :where([part="title"]):focus-visible { ${focusRing} } [part="previous"], [part="next"] { display: inline-flex; align-items: center; justify-content: center; ${iconHitTarget} border: none; background: none; cursor: pointer; color: var(--lr-color-text); font-size: var(--lr-size-1-1rem); line-height: var(--lr-line-height-none); padding: var(--lr-space-xs); border-radius: var(--lr-date-picker-radius, var(--_lr-date-picker-radius)); transition: background-color var(--lr-transition-fast); } :where([part="previous"]):hover:not(:disabled), :where([part="next"]):hover:not(:disabled) { background: var(--lr-date-picker-nav-hover-bg, var(--lr-color-brand-quiet)); } :where([part="previous"]):active:not(:disabled), :where([part="next"]):active:not(:disabled) { background: var( --lr-date-picker-nav-active-bg, color-mix( in oklab, var(--lr-date-picker-nav-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active) ) ); } [part="previous"]:focus-visible, [part="next"]:focus-visible { ${focusRing} } [part="previous"] { transform: rotate(180deg); } :host(:dir(rtl)) [part="previous"] { transform: rotate(0deg); } :host(:dir(rtl)) [part="next"] { transform: rotate(180deg); } .calendar-scroll { min-inline-size: 0; max-inline-size: 100%; overflow-x: auto; overflow-y: hidden; } [part="weekdays"] { display: grid; grid-template-columns: repeat(7, var(--lr-date-picker-cell-size, var(--_lr-cell-size))); } :host([with-week-numbers]) [part="weekdays"] { margin-inline-start: calc( var(--lr-date-picker-cell-size, var(--_lr-cell-size)) + var(--lr-border-width-thin) ); } [part="weekday"] { text-align: center; font-size: var(--lr-font-size-xs); color: var(--lr-color-text-quiet); padding-block: var(--lr-space-xs); } [part="grid"] { display: grid; grid-template-columns: repeat(7, var(--lr-date-picker-cell-size, var(--_lr-cell-size))); } .calendar-body { display: flex; align-items: stretch; } [part="weeknumbers"] { display: grid; grid-template-rows: repeat(6, var(--lr-date-picker-cell-size, var(--_lr-cell-size))); border-inline-end: var(--lr-border-width-thin) solid var(--lr-color-border); } [part="weeknumber"] { display: inline-flex; align-items: center; justify-content: center; min-inline-size: var(--lr-date-picker-cell-size, var(--_lr-cell-size)); block-size: var(--lr-date-picker-cell-size, var(--_lr-cell-size)); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); } [part="week"] { display: contents; } [part~="day"] { inline-size: var(--lr-date-picker-cell-size, var(--_lr-cell-size)); block-size: var(--lr-date-picker-cell-size, var(--_lr-cell-size)); border: none; background: none; cursor: pointer; color: var(--lr-color-text); font: inherit; border-radius: var(--lr-date-picker-radius, var(--_lr-date-picker-radius)); transition: background-color var(--lr-transition-fast); } :where([part~="day"]):hover:not(:disabled) { background: var(--lr-date-picker-day-hover-bg, var(--lr-color-brand-quiet)); } :where([part~="day"]):active:not(:disabled) { background: var( --lr-date-picker-day-active-bg, color-mix( in oklab, var(--lr-date-picker-day-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active) ) ); } [part~="day-outside"] { color: var(--lr-date-picker-day-outside-color, var(--lr-color-text-quiet)); } [part~="day-outside"][part~="day-range-inner"], [part~="day-outside"][part~="day-range-inner"]:hover:not(:disabled) { color: var(--lr-date-picker-range-color, var(--lr-color-text)); } [part="day-placeholder"] { inline-size: var(--lr-date-picker-cell-size, var(--_lr-cell-size)); block-size: var(--lr-date-picker-cell-size, var(--_lr-cell-size)); } [part~="day-today"] { outline: var(--lr-border-width-thin) solid var(--lr-date-picker-today-outline, var(--lr-color-brand)); outline-offset: var(--lr-size-neg-1px); } [part~="day-range-inner"] { background: var(--lr-date-picker-range-bg, var(--lr-color-brand-quiet)); border-radius: 0; } [part~="day-range-preview"] { background: var( --lr-date-picker-range-preview-bg, var(--lr-date-picker-range-bg, var(--lr-color-brand-quiet)) ); } [part~="day-selected"], [part~="day-range-start"], [part~="day-range-end"] { background: var(--lr-date-picker-selected-bg, var(--lr-color-brand)); color: var(--lr-date-picker-selected-color, var(--lr-color-on-brand)); transition: background-color var(--lr-transition-fast); } :where([part~="day-selected"], [part~="day-range-start"], [part~="day-range-end"]):hover:not(:disabled), :where([part~="day-selected"], [part~="day-range-start"], [part~="day-range-end"]):active:not(:disabled) { color: var(--lr-date-picker-selected-color, var(--lr-color-on-brand)); } :where([part~="day-selected"], [part~="day-range-start"], [part~="day-range-end"]):hover:not(:disabled) { background-color: var(--lr-date-picker-day-hover-bg, var(--lr-date-picker-selected-bg, var(--lr-color-brand))); background-image: linear-gradient( color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-hover)), color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-hover)) ); } :where([part~="day-selected"], [part~="day-range-start"], [part~="day-range-end"]):active:not(:disabled) { background-color: var(--lr-date-picker-day-active-bg, var(--lr-date-picker-day-hover-bg, var(--lr-date-picker-selected-bg, var(--lr-color-brand)))); background-image: linear-gradient( color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)), color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)) ); } :host([readonly]) [part~="day"] { cursor: default; } [part~="day"]:disabled { color: var(--lr-date-picker-disabled-color, var(--lr-color-text-quiet)); opacity: var(--lr-date-picker-disabled-opacity, var(--lr-opacity-disabled)); cursor: not-allowed; } [part~="day"]:focus-visible { ${focusRing} } [part="view-grid"] { display: grid; gap: var(--lr-space-xs); } [part="view-row"] { display: grid; grid-template-columns: repeat(4, minmax(var(--lr-size-3rem), 1fr)); gap: var(--lr-space-xs); } [part~="view-item"] { inline-size: 100%; min-block-size: var(--lr-icon-button-size); border: none; border-radius: var(--lr-date-picker-radius, var(--_lr-date-picker-radius)); background: none; color: var(--lr-color-text); cursor: pointer; font: inherit; padding: var(--lr-space-s); transition: background-color var(--lr-transition-fast); } :where([part~="view-item"]):hover:not(:disabled) { background: var( --lr-date-picker-view-hover-bg, var(--lr-color-brand-quiet) ); } :where([part~="view-item"]):active:not(:disabled) { background: var( --lr-date-picker-view-active-bg, color-mix( in oklab, var(--lr-date-picker-view-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active) ) ); } :where([part~="view-item"]):focus-visible { ${focusRing} } [part~="view-item-selected"] { background: var(--lr-date-picker-view-selected-bg, var(--lr-color-brand)); color: var(--lr-date-picker-view-selected-color, var(--lr-color-on-brand)); } :where([part~="view-item-selected"]):hover:not(:disabled) { background-color: var(--lr-date-picker-view-hover-bg, var(--lr-date-picker-view-selected-bg, var(--lr-color-brand))); background-image: linear-gradient( color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-hover)), color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-hover)) ); } :where([part~="view-item-selected"]):active:not(:disabled) { background-color: var(--lr-date-picker-view-active-bg, var(--lr-date-picker-view-hover-bg, var(--lr-date-picker-view-selected-bg, var(--lr-color-brand)))); background-image: linear-gradient( color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)), color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)) ); } [part~="view-item-today"] { outline: var(--lr-border-width-thin) solid var(--lr-date-picker-view-today-outline, var(--lr-color-brand)); outline-offset: var(--lr-size-neg-1px); } [part~="view-item-disabled"] { cursor: not-allowed; opacity: var( --lr-date-picker-view-disabled-opacity, var(--lr-opacity-disabled) ); } [part~="presets"] { display: flex; flex-wrap: wrap; gap: var(--lr-space-2xs); margin-block-end: var(--lr-space-xs); } [part~="preset-button"] { font: inherit; font-size: var(--lr-font-size-xs); min-block-size: var(--lr-icon-button-size); padding: var(--lr-size-0-15rem) var(--lr-size-0-5rem); border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-radius); background: var(--lr-color-surface); color: var(--lr-color-text); cursor: pointer; white-space: normal; overflow-wrap: anywhere; min-inline-size: 0; max-inline-size: 100%; transition: background-color var(--lr-transition-fast); } [part~="preset-button"]:hover:not(:disabled) { background: var(--lr-date-picker-preset-hover-bg, var(--lr-color-brand-quiet)); } [part~="preset-button"]:active:not(:disabled) { background: var( --lr-date-picker-preset-pressed-bg, var( --lr-date-picker-preset-active-bg, color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active)) ) ); } [part~="preset-button"][data-active] { background: var(--lr-date-picker-preset-selected-bg, var(--lr-color-brand)); border-color: var(--lr-date-picker-preset-selected-border, var(--lr-color-brand)); color: var(--lr-date-picker-preset-selected-color, var(--lr-color-on-brand)); } [part~="preset-button"]:where([data-active]):hover:not(:disabled) { background-color: var(--lr-date-picker-preset-hover-bg, var(--lr-date-picker-preset-selected-bg, var(--lr-color-brand))); background-image: linear-gradient( color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-hover)), color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-hover)) ); } [part~="preset-button"]:where([data-active]):active:not(:disabled) { background-color: var(--lr-date-picker-preset-pressed-bg, var(--lr-date-picker-preset-active-bg, var(--lr-date-picker-preset-hover-bg, var(--lr-date-picker-preset-selected-bg, var(--lr-color-brand))))); background-image: linear-gradient( color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)), color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)) ); } [part~="preset-button"]:focus-visible { outline: var(--lr-focus-ring); outline-offset: var(--lr-focus-ring-offset); } [part~="preset-button"]:disabled { cursor: not-allowed; opacity: var(--lr-opacity-disabled); } @media (forced-colors: active) { :where( [part="previous"], [part="next"], [part="title"], [part~="day"], [part~="view-item"] ):hover:not(:disabled) { outline: var(--lr-border-width-thin) dashed Highlight; outline-offset: var(--lr-size-neg-1px); } :where( [part="previous"], [part="next"], [part="title"], [part~="day"], [part~="view-item"] ):active:not(:disabled) { outline: var(--lr-border-width-medium) double Highlight; } [part~="day-selected"], [part~="view-item-selected"] { color: HighlightText; background: Highlight; outline: var(--lr-border-width-medium) solid Highlight; } [part~="day-today"], [part~="view-item-today"] { outline-style: dotted; } [part~="day"]:disabled, [part~="view-item-disabled"] { color: GrayText; forced-color-adjust: none; } [part~="preset-button"][data-active] { forced-color-adjust: none; background: Highlight; color: HighlightText; } } `;export{styles};
+import{iconHitTarget,focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{formControlPresetButton}from"../../../internal/form-control.styles.js";const styles=css` :host { --_lr-preset-hover-bg: var(--lr-date-picker-preset-hover-bg); --_lr-preset-hover-border-color: var(--lr-date-picker-preset-hover-border-color); --_lr-preset-pressed-bg: var(--lr-date-picker-preset-pressed-bg, var(--lr-date-picker-preset-active-bg)); --_lr-preset-pressed-border-color: var(--lr-date-picker-preset-pressed-border-color); --_lr-preset-selected-bg: var(--lr-date-picker-preset-selected-bg); --_lr-preset-selected-border-color: var( --lr-date-picker-preset-selected-border-color, var(--lr-date-picker-preset-selected-border) ); --_lr-preset-selected-color: var(--lr-date-picker-preset-selected-color); --_lr-preset-selected-pressed-bg: var( --lr-date-picker-preset-pressed-bg, var( --lr-date-picker-preset-active-bg, var(--lr-date-picker-preset-hover-bg, var(--lr-date-picker-preset-selected-bg, var(--lr-color-brand))) ) ); --_lr-preset-selected-pressed-image: linear-gradient( color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)), color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)) ); --_lr-preset-selected-pressed-border-color: var( --lr-date-picker-preset-selected-border-color, var(--lr-date-picker-preset-selected-border, var(--lr-color-brand)) ); display: inline-block; --_lr-cell-size: var(--lr-size-2-25rem); --_lr-date-picker-month-gap: var(--lr-space-l); --_lr-date-picker-header-gap: var(--lr-space-s); --_lr-date-picker-radius: var(--lr-radius); } :host([size="2xs"]) { --_lr-cell-size: var(--lr-size-1-5rem); } :host([size="xs"]) { --_lr-cell-size: var(--lr-size-1-75rem); } :host([size="s"]), :host([size="small"]) { --_lr-cell-size: var(--lr-size-2rem); } :host([size="l"]), :host([size="large"]) { --_lr-cell-size: var(--lr-size-2-5rem); } :host([size="xl"]) { --_lr-cell-size: var(--lr-size-3rem); } :host([disabled]) { opacity: var(--lr-opacity-disabled); pointer-events: none; } [part~="base"] { display: flex; flex-wrap: wrap; gap: var(--lr-date-picker-month-gap, var(--_lr-date-picker-month-gap)); padding: var(--lr-space-s); background: var(--lr-color-surface); border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-date-picker-radius, var(--_lr-date-picker-radius)); } [part~="date-picker"] { min-inline-size: 0; max-inline-size: 100%; } .content { min-inline-size: 0; max-inline-size: 100%; } [part="months"] { display: flex; flex-wrap: wrap; min-inline-size: 0; max-inline-size: 100%; gap: var(--lr-date-picker-month-gap, var(--_lr-date-picker-month-gap)); } [part="month"] { min-inline-size: 0; max-inline-size: 100%; } [part="header"] { display: flex; align-items: center; justify-content: space-between; gap: var(--lr-date-picker-header-gap, var(--_lr-date-picker-header-gap)); margin-block-end: var(--lr-space-xs); } [part="nav"] { display: flex; align-items: center; justify-content: space-between; gap: var(--lr-date-picker-header-gap, var(--_lr-date-picker-header-gap)); inline-size: 100%; } [part="title"] { appearance: none; border: none; background: none; color: inherit; cursor: pointer; font: inherit; font-weight: var(--lr-font-weight-semibold); font-size: var(--lr-size-0-9375rem); transition: background-color var(--lr-transition-fast), color var(--lr-transition-fast); } :where([part="title"]):hover:not(:disabled) { color: var(--lr-date-picker-title-hover-color, var(--lr-color-brand)); } :where([part="title"]):active:not(:disabled) { color: var(--lr-date-picker-title-active-color, var(--lr-color-brand)); background: var( --lr-date-picker-title-active-bg, var(--lr-color-brand-quiet) ); border-radius: var( --lr-date-picker-title-active-radius, var(--lr-date-picker-radius, var(--_lr-date-picker-radius)) ); } :where([part="title"]):focus-visible { ${focusRing} } [part="previous"], [part="next"] { display: inline-flex; align-items: center; justify-content: center; ${iconHitTarget} border: none; background: none; cursor: pointer; color: var(--lr-color-text); font-size: var(--lr-size-1-1rem); line-height: var(--lr-line-height-none); padding: var(--lr-space-xs); border-radius: var(--lr-date-picker-radius, var(--_lr-date-picker-radius)); transition: background-color var(--lr-transition-fast); } :where([part="previous"]):hover:not(:disabled), :where([part="next"]):hover:not(:disabled) { background: var(--lr-date-picker-nav-hover-bg, var(--lr-color-brand-quiet)); } :where([part="previous"]):active:not(:disabled), :where([part="next"]):active:not(:disabled) { background: var( --lr-date-picker-nav-active-bg, color-mix( in oklab, var(--lr-date-picker-nav-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active) ) ); } [part="previous"]:focus-visible, [part="next"]:focus-visible { ${focusRing} } [part="previous"] { transform: rotate(180deg); } :host(:dir(rtl)) [part="previous"] { transform: rotate(0deg); } :host(:dir(rtl)) [part="next"] { transform: rotate(180deg); } .calendar-scroll { min-inline-size: 0; max-inline-size: 100%; overflow-x: auto; overflow-y: hidden; } [part="weekdays"] { display: grid; grid-template-columns: repeat(7, var(--lr-date-picker-cell-size, var(--_lr-cell-size))); } :host([with-week-numbers]) [part="weekdays"] { margin-inline-start: calc( var(--lr-date-picker-cell-size, var(--_lr-cell-size)) + var(--lr-border-width-thin) ); } [part="weekday"] { text-align: center; font-size: var(--lr-font-size-xs); color: var(--lr-color-text-quiet); padding-block: var(--lr-space-xs); } [part="grid"] { display: grid; grid-template-columns: repeat(7, var(--lr-date-picker-cell-size, var(--_lr-cell-size))); } .calendar-body { display: flex; align-items: stretch; } [part="weeknumbers"] { display: grid; grid-template-rows: repeat(6, var(--lr-date-picker-cell-size, var(--_lr-cell-size))); border-inline-end: var(--lr-border-width-thin) solid var(--lr-color-border); } [part="weeknumber"] { display: inline-flex; align-items: center; justify-content: center; min-inline-size: var(--lr-date-picker-cell-size, var(--_lr-cell-size)); block-size: var(--lr-date-picker-cell-size, var(--_lr-cell-size)); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); } [part="week"] { display: contents; } [part~="day"] { inline-size: var(--lr-date-picker-cell-size, var(--_lr-cell-size)); block-size: var(--lr-date-picker-cell-size, var(--_lr-cell-size)); border: none; background: none; cursor: pointer; color: var(--lr-color-text); font: inherit; border-radius: var(--lr-date-picker-radius, var(--_lr-date-picker-radius)); transition: background-color var(--lr-transition-fast); } :where([part~="day"]):hover:not(:disabled) { background: var(--lr-date-picker-day-hover-bg, var(--lr-color-brand-quiet)); } :where([part~="day"]):active:not(:disabled) { background: var( --lr-date-picker-day-active-bg, color-mix( in oklab, var(--lr-date-picker-day-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active) ) ); } [part~="day-outside"] { color: var(--lr-date-picker-day-outside-color, var(--lr-color-text-quiet)); } [part~="day-outside"][part~="day-range-inner"], [part~="day-outside"][part~="day-range-inner"]:hover:not(:disabled) { color: var(--lr-date-picker-range-color, var(--lr-color-text)); } [part="day-placeholder"] { inline-size: var(--lr-date-picker-cell-size, var(--_lr-cell-size)); block-size: var(--lr-date-picker-cell-size, var(--_lr-cell-size)); } [part~="day-today"] { outline: var(--lr-border-width-thin) solid var(--lr-date-picker-today-outline, var(--lr-color-brand)); outline-offset: var(--lr-size-neg-1px); } [part~="day-range-inner"] { background: var(--lr-date-picker-range-bg, var(--lr-color-brand-quiet)); border-radius: 0; } [part~="day-range-preview"] { background: var( --lr-date-picker-range-preview-bg, var(--lr-date-picker-range-bg, var(--lr-color-brand-quiet)) ); } [part~="day-selected"], [part~="day-range-start"], [part~="day-range-end"] { background: var(--lr-date-picker-selected-bg, var(--lr-color-brand)); color: var(--lr-date-picker-selected-color, var(--lr-color-on-brand)); transition: background-color var(--lr-transition-fast); } :where([part~="day-selected"], [part~="day-range-start"], [part~="day-range-end"]):hover:not(:disabled), :where([part~="day-selected"], [part~="day-range-start"], [part~="day-range-end"]):active:not(:disabled) { color: var(--lr-date-picker-selected-color, var(--lr-color-on-brand)); } :where([part~="day-selected"], [part~="day-range-start"], [part~="day-range-end"]):hover:not(:disabled) { background-color: var(--lr-date-picker-day-hover-bg, var(--lr-date-picker-selected-bg, var(--lr-color-brand))); background-image: linear-gradient( color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-hover)), color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-hover)) ); } :where([part~="day-selected"], [part~="day-range-start"], [part~="day-range-end"]):active:not(:disabled) { background-color: var(--lr-date-picker-day-active-bg, var(--lr-date-picker-day-hover-bg, var(--lr-date-picker-selected-bg, var(--lr-color-brand)))); background-image: linear-gradient( color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)), color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)) ); } :host([readonly]) [part~="day"] { cursor: default; } [part~="day"]:disabled { color: var(--lr-date-picker-disabled-color, var(--lr-color-text-quiet)); opacity: var(--lr-date-picker-disabled-opacity, var(--lr-opacity-disabled)); cursor: not-allowed; } [part~="day"]:focus-visible { ${focusRing} } [part="view-grid"] { display: grid; gap: var(--lr-space-xs); } [part="view-row"] { display: grid; grid-template-columns: repeat(4, minmax(var(--lr-size-3rem), 1fr)); gap: var(--lr-space-xs); } [part~="view-item"] { inline-size: 100%; min-block-size: var(--lr-icon-button-size); border: none; border-radius: var(--lr-date-picker-radius, var(--_lr-date-picker-radius)); background: none; color: var(--lr-color-text); cursor: pointer; font: inherit; padding: var(--lr-space-s); transition: background-color var(--lr-transition-fast); } :where([part~="view-item"]):hover:not(:disabled) { background: var( --lr-date-picker-view-hover-bg, var(--lr-color-brand-quiet) ); } :where([part~="view-item"]):active:not(:disabled) { background: var( --lr-date-picker-view-active-bg, color-mix( in oklab, var(--lr-date-picker-view-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active) ) ); } :where([part~="view-item"]):focus-visible { ${focusRing} } [part~="view-item-selected"] { background: var(--lr-date-picker-view-selected-bg, var(--lr-color-brand)); color: var(--lr-date-picker-view-selected-color, var(--lr-color-on-brand)); } :where([part~="view-item-selected"]):hover:not(:disabled) { background-color: var(--lr-date-picker-view-hover-bg, var(--lr-date-picker-view-selected-bg, var(--lr-color-brand))); background-image: linear-gradient( color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-hover)), color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-hover)) ); } :where([part~="view-item-selected"]):active:not(:disabled) { background-color: var(--lr-date-picker-view-active-bg, var(--lr-date-picker-view-hover-bg, var(--lr-date-picker-view-selected-bg, var(--lr-color-brand)))); background-image: linear-gradient( color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)), color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)) ); } [part~="view-item-today"] { outline: var(--lr-border-width-thin) solid var(--lr-date-picker-view-today-outline, var(--lr-color-brand)); outline-offset: var(--lr-size-neg-1px); } [part~="view-item-disabled"] { cursor: not-allowed; opacity: var( --lr-date-picker-view-disabled-opacity, var(--lr-opacity-disabled) ); } [part~="presets"] { display: flex; flex-wrap: wrap; gap: var(--lr-space-2xs); margin-block-end: var(--lr-space-xs); } ${formControlPresetButton} [part~="preset-button"] { font-size: var(--lr-font-size-xs); min-block-size: var(--lr-icon-button-size); padding: var(--lr-size-0-15rem) var(--lr-size-0-5rem); border-radius: var(--lr-radius); white-space: normal; overflow-wrap: anywhere; min-inline-size: 0; max-inline-size: 100%; } [part~="preset-button"]:disabled { opacity: var(--lr-opacity-disabled); } @media (forced-colors: active) { :where( [part="previous"], [part="next"], [part="title"], [part~="day"], [part~="view-item"] ):hover:not(:disabled) { outline: var(--lr-border-width-thin) dashed Highlight; outline-offset: var(--lr-size-neg-1px); } :where( [part="previous"], [part="next"], [part="title"], [part~="day"], [part~="view-item"] ):active:not(:disabled) { outline: var(--lr-border-width-medium) double Highlight; } [part~="day-selected"], [part~="view-item-selected"] { color: HighlightText; background: Highlight; outline: var(--lr-border-width-medium) solid Highlight; } [part~="day-today"], [part~="view-item-today"] { outline-style: dotted; } [part~="day"]:disabled, [part~="view-item-disabled"] { color: GrayText; forced-color-adjust: none; } [part~="preset-button"][data-active] { forced-color-adjust: none; background: Highlight; color: HighlightText; } } `;export{styles};

package/dist/components/forms/emoji-picker/emoji-data-loader.js

@@ -1 +1 @@
-const LOCALE_DATA_IMPORTERS=Object.freeze({en:()=>import("emoji-picker-element-data/en/emojibase/data.json"),"en-gb":()=>import("emoji-picker-element-data/en-gb/emojibase/data.json"),fr:()=>import("emoji-picker-element-data/fr/emojibase/data.json"),ja:()=>import("emoji-picker-element-data/ja/emojibase/data.json"),ru:()=>import("emoji-picker-element-data/ru/emojibase/data.json"),sv:()=>import("emoji-picker-element-data/sv/emojibase/data.json"),zh:()=>import("emoji-picker-element-data/zh/emojibase/data.json")}),importEnglishData=()=>import("emoji-picker-element-data/en/emojibase/data.json"),SUPPORTED_LOCALE_DIRECTORIES=new Set(Object.keys(LOCALE_DATA_IMPORTERS));function resolveEmojiDataLocale(locale){const lower=locale.toLowerCase();if(SUPPORTED_LOCALE_DIRECTORIES.has(lower))return lower;const base=lower.split("-")[0];return base&&SUPPORTED_LOCALE_DIRECTORIES.has(base)?base:"en"}const cached=new Map;async function loadEmojiData(locale="en",importData=resolvedLocale=>(LOCALE_DATA_IMPORTERS[resolvedLocale]??importEnglishData)()){try{const raw=await importData(resolveEmojiDataLocale(locale)),adapted=adaptEmojiPickerElementData(raw);if(adapted===null)throw new TypeError("The emoji-picker-element-data peer does not expose the expected array (or { default: array }) shape.");return adapted}catch(error){return console.warn("<lr-emoji-picker> needs the optional peer dependency `emoji-picker-element-data` to show a default emoji set — install it with `pnpm add emoji-picker-element-data`, or supply `groups` directly:",error),null}}function loadEmojiDataCached(locale="en",importData){const key=resolveEmojiDataLocale(locale);let entry=cached.get(key);if(!entry){const pending=loadEmojiData(key,importData);entry=pending,cached.set(key,pending),pending.then(groups=>{groups===null&&cached.get(key)===pending&&cached.delete(key)})}return entry}function clearEmojiDataCache(){cached.clear()}const GROUP_LABELS={0:"Smileys & Emotion",1:"People & Body",2:"Component",3:"Animals & Nature",4:"Food & Drink",5:"Travel & Places",6:"Activities",7:"Objects",8:"Symbols",9:"Flags"};function adaptEmojiPickerElementData(raw){const candidate=raw?.default,entries=Array.isArray(raw)?raw:Array.isArray(candidate)?candidate:null;if(entries===null)return null;const byGroup=new Map;for(const entry of entries){if(!entry.emoji||!entry.annotation||entry.group===void 0)continue;let bucket=byGroup.get(entry.group);bucket||(bucket={key:String(entry.group),label:GROUP_LABELS[entry.group]??String(entry.group),emojis:[]},byGroup.set(entry.group,bucket)),bucket.emojis.push({emoji:entry.emoji,name:entry.annotation,shortcodes:entry.shortcodes})}return[...byGroup.entries()].sort(([a],[b])=>a-b).map(([,group])=>group)}export{clearEmojiDataCache,loadEmojiData,loadEmojiDataCached,resolveEmojiDataLocale};
+const LOCALE_DATA_IMPORTERS=Object.freeze({en:()=>import("emoji-picker-element-data/en/emojibase/data.json",{with:{type:"json"}}),"en-gb":()=>import("emoji-picker-element-data/en-gb/emojibase/data.json",{with:{type:"json"}}),fr:()=>import("emoji-picker-element-data/fr/emojibase/data.json",{with:{type:"json"}}),ja:()=>import("emoji-picker-element-data/ja/emojibase/data.json",{with:{type:"json"}}),ru:()=>import("emoji-picker-element-data/ru/emojibase/data.json",{with:{type:"json"}}),sv:()=>import("emoji-picker-element-data/sv/emojibase/data.json",{with:{type:"json"}}),zh:()=>import("emoji-picker-element-data/zh/emojibase/data.json",{with:{type:"json"}})}),importEnglishData=()=>import("emoji-picker-element-data/en/emojibase/data.json",{with:{type:"json"}}),SUPPORTED_LOCALE_DIRECTORIES=new Set(Object.keys(LOCALE_DATA_IMPORTERS));function resolveEmojiDataLocale(locale){const lower=locale.toLowerCase();if(SUPPORTED_LOCALE_DIRECTORIES.has(lower))return lower;const base=lower.split("-")[0];return base&&SUPPORTED_LOCALE_DIRECTORIES.has(base)?base:"en"}const cached=new Map;async function loadEmojiData(locale="en",importData=resolvedLocale=>(LOCALE_DATA_IMPORTERS[resolvedLocale]??importEnglishData)()){try{const raw=await importData(resolveEmojiDataLocale(locale)),adapted=adaptEmojiPickerElementData(raw);if(adapted===null)throw new TypeError("The emoji-picker-element-data peer does not expose the expected array (or { default: array }) shape.");return adapted}catch(error){return console.warn("<lr-emoji-picker> needs the optional peer dependency `emoji-picker-element-data` to show a default emoji set — install it with `pnpm add emoji-picker-element-data`, or supply `groups` directly:",error),null}}function loadEmojiDataCached(locale="en",importData){const key=resolveEmojiDataLocale(locale);let entry=cached.get(key);if(!entry){const pending=loadEmojiData(key,importData);entry=pending,cached.set(key,pending),pending.then(groups=>{groups===null&&cached.get(key)===pending&&cached.delete(key)})}return entry}function clearEmojiDataCache(){cached.clear()}const GROUP_LABELS={0:"Smileys & Emotion",1:"People & Body",2:"Component",3:"Animals & Nature",4:"Food & Drink",5:"Travel & Places",6:"Activities",7:"Objects",8:"Symbols",9:"Flags"};function adaptEmojiPickerElementData(raw){const candidate=raw?.default,entries=Array.isArray(raw)?raw:Array.isArray(candidate)?candidate:null;if(entries===null)return null;const byGroup=new Map;for(const entry of entries){if(!entry.emoji||!entry.annotation||entry.group===void 0)continue;let bucket=byGroup.get(entry.group);bucket||(bucket={key:String(entry.group),label:GROUP_LABELS[entry.group]??String(entry.group),emojis:[]},byGroup.set(entry.group,bucket)),bucket.emojis.push({emoji:entry.emoji,name:entry.annotation,shortcodes:entry.shortcodes})}return[...byGroup.entries()].sort(([a],[b])=>a-b).map(([,group])=>group)}export{clearEmojiDataCache,loadEmojiData,loadEmojiDataCached,resolveEmojiDataLocale};