@aceshooting/lyra-ui 8.2.0 → 8.2.2

package/dist/components/forms/textarea/textarea.class.js

@@ -1,4 +1,4 @@
-var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)if(d=decorators[i])r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r;return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{styleMap}from"lit/directives/style-map.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{isAccessibilityVisible}from"../../../internal/accessibility-visibility.js";import{LyraElement}from"../../../internal/lyra-element.js";import{FormAssociated,isBarredFromValidation}from"../../../internal/form-associated.js";import{SET_ANCHORED_VALIDITY}from"../../../internal/anchored-validity.js";import{lengthViolations}from"../../../internal/length-constraints.js";import{styles}from"./textarea.styles.js";import{sizes}from"../../../internal/sizes.styles.js";import{autocorrectConverter,normalizeAutocorrect,spellcheckConverter}from"../../../internal/converters.js";import{sanitizeCssResize}from"../../../internal/safe-css.js";import{finiteCount,finiteNumber}from"../../../internal/numbers.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{relayNativeEvent}from"../../../internal/native-event-relay.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_open,LYRA_DEFAULT_restore,LYRA_DEFAULT_select,LYRA_DEFAULT_textareaCharacterCount,LYRA_DEFAULT_textareaCharactersRemaining,LYRA_DEFAULT_textareaLabel,LYRA_DEFAULT_valueInvalid}from"../../../internal/default-strings.generated.js";const COUNT_ANNOUNCE_DELAY_MS=1e3;class LyraTextareaBase extends LyraElement{}class LyraTextarea extends FormAssociated(LyraTextareaBase){static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,details:LYRA_DEFAULT_details,fieldRequired:LYRA_DEFAULT_fieldRequired,open:LYRA_DEFAULT_open,restore:LYRA_DEFAULT_restore,select:LYRA_DEFAULT_select,textareaCharacterCount:LYRA_DEFAULT_textareaCharacterCount,textareaCharactersRemaining:LYRA_DEFAULT_textareaCharactersRemaining,textareaLabel:LYRA_DEFAULT_textareaLabel,valueInvalid:LYRA_DEFAULT_valueInvalid}}static{this.styles=[LyraElement.styles,sizes,styles]}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 defaultValueAlias(){return this.defaultValue}set defaultValueAlias(next){this.defaultValue=next??""}constructor(){super();this.rows=4;this.resize="vertical";this.size="m";this.appearance="outlined";this.filled=false;this.pill=false;this.withCount=false;this.placeholder="";this.readonly=false;this.label="";this.hint="";this.helpText="";this.withLabel=false;this.withHint=false;this.errorText="";this.accessibleLabel=null;this.spellcheck=true;this.autofocus=false;this.title="";this.autocapitalize="";this.autocorrectValue=true;this.wrap="soft";this.autocomplete="";this.inputMode="";this.enterKeyHint="";this.touched=false;this.announcedCountText="";this.slotPresence=new SlotPresenceController(this);this.onInput=event=>{if(!this.textareaEl)return;this.value=this.textareaEl.value;if(this.resize==="auto")this.fitToContent();this.scheduleCountAnnouncement();relayNativeEvent(this,event);this.emit("lr-input",{value:this.value})};this.onChange=event=>{if(!this.textareaEl)return;this.value=this.textareaEl.value;relayNativeEvent(this,event);this.emit("lr-change",{value:this.value})};this.onFocus=event=>{relayNativeEvent(this,event);this.emit("lr-focus")};this.onBlur=event=>{this.touched=true;relayNativeEvent(this,event);this.emit("lr-blur")};this.addEventListener("invalid",()=>{this.touched=true})}get input(){return this.textareaEl??null}get selectionStart(){return this.textareaEl?.selectionStart??null}set selectionStart(value){if(this.textareaEl)this.textareaEl.selectionStart=value??0}get selectionEnd(){return this.textareaEl?.selectionEnd??null}set selectionEnd(value){if(this.textareaEl)this.textareaEl.selectionEnd=value??0}get selectionDirection(){return this.textareaEl?.selectionDirection}set selectionDirection(value){if(this.textareaEl)this.textareaEl.selectionDirection=value??"none"}click(){if(!this.effectiveDisabled)this.textareaEl?.click()}focus(options){if(!this.effectiveDisabled)this.textareaEl?.focus(options)}blur(){this.textareaEl?.blur()}select(){this.textareaEl?.select()}setSelectionRange(selectionStart,selectionEnd,selectionDirection="none"){this.textareaEl?.setSelectionRange(selectionStart,selectionEnd,selectionDirection)}scrollPosition(position){const ta=this.textareaEl;if(!ta)return void 0;if(position){if(position.top!==void 0)ta.scrollTop=finiteNumber(position.top,ta.scrollTop);if(position.left!==void 0)ta.scrollLeft=finiteNumber(position.left,ta.scrollLeft);return void 0}return{top:ta.scrollTop,left:ta.scrollLeft}}setRangeText(replacement,start,end,selectMode="preserve"){const ta=this.textareaEl;if(!ta)return;if(start===void 0||end===void 0){ta.setRangeText(replacement)}else{ta.setRangeText(replacement,start,end,selectMode)}this.value=ta.value;this.fitToContent()}connectedCallback(){super.connectedCallback();this.countAnnouncementSink??=acquireAnnouncementSink("polite",{document:this.ownerDocument,source:this});if(this.resize==="auto"&&this.hasUpdated){this.armResizeObserver();this.fitToContent()}}disconnectedCallback(){this.resizeObserver?.disconnect();this.resizeObserver=void 0;if(this.resizeRaf!==void 0)this.resizeRafOwner?.cancelAnimationFrame(this.resizeRaf);this.resizeRaf=void 0;this.resizeRafOwner=void 0;if(this.countAnnounceTimer!==void 0){this.countAnnounceTimerOwner?.clearTimeout(this.countAnnounceTimer)}this.countAnnounceTimer=void 0;this.countAnnounceTimerOwner=void 0;this.countAnnouncementSink?.release();this.countAnnouncementSink=void 0;super.disconnectedCallback()}countMaxlength(){const declared=this.maxlength;if(declared===void 0||!Number.isFinite(declared))return void 0;return finiteCount(declared,0)}countText(){const format=getNumberFormat(this.effectiveLocale);const max=this.countMaxlength();if(max!==void 0){const remaining=Math.max(0,max-this.value.length);return this.localize("textareaCharactersRemaining",void 0,{count:format.format(remaining),pluralCount:remaining})}const length=this.value.length;return this.localize("textareaCharacterCount",void 0,{count:format.format(length),pluralCount:length})}scheduleCountAnnouncement(){if(this.countAnnounceTimer!==void 0){this.countAnnounceTimerOwner?.clearTimeout(this.countAnnounceTimer)}this.countAnnounceTimer=void 0;this.countAnnounceTimerOwner=void 0;if(!this.withCount)return;const view=this.ownerDocument.defaultView;if(!view)return;this.countAnnounceTimerOwner=view;this.countAnnounceTimer=view.setTimeout(()=>{this.countAnnounceTimer=void 0;this.countAnnounceTimerOwner=void 0;if(!this.isConnected||this.ownerDocument.defaultView!==view||!this.withCount)return;if(!isAccessibilityVisible(this))return;const text=this.countText();this.announcedCountText=text;this.countAnnouncementSink?.announce(text)},COUNT_ANNOUNCE_DELAY_MS)}updateValidity(){if(isBarredFromValidation(this,this.internals)){this[SET_ANCHORED_VALIDITY]({});return}if(this.required&&this.value===""){this[SET_ANCHORED_VALIDITY]({valueMissing:true},this.localize("fieldRequired"));return}const native=this.textareaEl;if(native&&native.value!==this.value)native.value=this.value;const own=lengthViolations(this.value,this.minlength,this.maxlength);const tooShort=Boolean(native?.validity.tooShort)||own.tooShort;const tooLong=Boolean(native?.validity.tooLong)||own.tooLong;if(!tooShort&&!tooLong){this[SET_ANCHORED_VALIDITY]({});return}this[SET_ANCHORED_VALIDITY]({tooShort,tooLong},native?.validationMessage||this.localize("valueInvalid"))}updated(changed){super.updated(changed);if(changed.has("value")){if(this.value==="")this.internals.states.add("blank");else this.internals.states.delete("blank")}if(changed.has("minlength")||changed.has("maxlength")||changed.has("readonly")){this.updateValidity()}if(changed.has("resize")){if(this.resize==="auto"){this.armResizeObserver()}else if(changed.get("resize")==="auto"){this.resizeObserver?.disconnect();this.resizeObserver=void 0;if(this.resizeRaf!==void 0)this.resizeRafOwner?.cancelAnimationFrame(this.resizeRaf);this.resizeRaf=void 0;this.resizeRafOwner=void 0;if(this.textareaEl){this.textareaEl.style.blockSize="";this.textareaEl.style.overflowY=""}}}if(this.resize==="auto"){this.armResizeObserver();if(changed.has("value")||changed.has("rows")||changed.has("resize"))this.fitToContent()}}formResetCallback(){super.formResetCallback();this.touched=false}armResizeObserver(){const textarea=this.textareaEl;if(this.resizeObserver||!textarea)return;const view=this.ownerDocument.defaultView;const ResizeObserverCtor=view?.ResizeObserver;if(!view||!ResizeObserverCtor)return;this.lastObservedWidth=textarea.getBoundingClientRect().width;this.resizeObserver=new ResizeObserverCtor(entries=>{if(!this.isConnected||this.ownerDocument.defaultView!==view)return;const width=entries[0]?.contentRect.width;if(width===void 0||this.lastObservedWidth!==void 0&&Math.abs(width-this.lastObservedWidth)<.5){return}this.lastObservedWidth=width;if(this.resizeRaf!==void 0)this.resizeRafOwner?.cancelAnimationFrame(this.resizeRaf);this.resizeRafOwner=view;this.resizeRaf=view.requestAnimationFrame(()=>{this.resizeRaf=void 0;this.resizeRafOwner=void 0;if(!this.isConnected||this.ownerDocument.defaultView!==view)return;this.fitToContent()})});this.resizeObserver.observe(textarea)}fitToContent(){const ta=this.textareaEl;if(!ta||this.resize!=="auto")return;ta.style.blockSize="auto";const computed=ta.ownerDocument.defaultView?.getComputedStyle(ta);if(!computed)return;const borderBlock=parseFloat(computed.borderBlockStartWidth)+parseFloat(computed.borderBlockEndWidth);const parsedMax=parseFloat(computed.maxBlockSize);const maxBlockSize=Number.isFinite(parsedMax)?parsedMax:Number.POSITIVE_INFINITY;const contentBlockSize=ta.scrollHeight+borderBlock;ta.style.blockSize=`${Math.min(contentBlockSize,maxBlockSize)}px`;ta.style.overflowY=contentBlockSize>maxBlockSize?"auto":"hidden"}render(){const hasHint=this.slotPresence.has("hint")||this.slotPresence.has("help-text")||this.hint.length>0||this.helpText.length>0||this.withHint;const hasError=this.slotPresence.has("error")||this.errorText.length>0;const hasLabel=this.slotPresence.has("label")||this.label.length>0||this.withLabel;const describedBy=[hasError?"textarea-error":"",hasHint?"textarea-hint":""].filter(Boolean).join(" ");const cssResize=this.resize==="auto"?"none":sanitizeCssResize(this.resize,"vertical");return html`
+var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)if(d=decorators[i])r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r;return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{styleMap}from"lit/directives/style-map.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{isAccessibilityVisible}from"../../../internal/accessibility-visibility.js";import{LyraElement}from"../../../internal/lyra-element.js";import{FormAssociated,isBarredFromValidation}from"../../../internal/form-associated.js";import{SET_ANCHORED_VALIDITY}from"../../../internal/anchored-validity.js";import{lengthViolations}from"../../../internal/length-constraints.js";import{styles}from"./textarea.styles.js";import{sizes}from"../../../internal/sizes.styles.js";import{autocorrectConverter,normalizeAutocorrect,spellcheckConverter}from"../../../internal/converters.js";import{sanitizeCssResize}from"../../../internal/safe-css.js";import{finiteCount,finiteNumber}from"../../../internal/numbers.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{relayNativeEvent}from"../../../internal/native-event-relay.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_open,LYRA_DEFAULT_restore,LYRA_DEFAULT_select,LYRA_DEFAULT_textareaCharacterCount,LYRA_DEFAULT_textareaCharactersRemaining,LYRA_DEFAULT_textareaLabel,LYRA_DEFAULT_valueInvalid}from"../../../internal/default-strings.generated.js";const COUNT_ANNOUNCE_DELAY_MS=1e3;class LyraTextareaBase extends LyraElement{}class LyraTextarea extends FormAssociated(LyraTextareaBase){static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,details:LYRA_DEFAULT_details,fieldRequired:LYRA_DEFAULT_fieldRequired,open:LYRA_DEFAULT_open,restore:LYRA_DEFAULT_restore,select:LYRA_DEFAULT_select,textareaCharacterCount:LYRA_DEFAULT_textareaCharacterCount,textareaCharactersRemaining:LYRA_DEFAULT_textareaCharactersRemaining,textareaLabel:LYRA_DEFAULT_textareaLabel,valueInvalid:LYRA_DEFAULT_valueInvalid}}static{this.styles=[LyraElement.styles,sizes,styles]}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 defaultValueAlias(){return this.defaultValue}set defaultValueAlias(next){this.defaultValue=next??""}constructor(){super();this.rows=4;this.resize="vertical";this.size="m";this.appearance="outlined";this.filled=false;this.pill=false;this.withCount=false;this.placeholder="";this.readonly=false;this.label="";this.hint="";this.helpText="";this.withLabel=false;this.withHint=false;this.errorText="";this.accessibleLabel=null;this.spellcheck=true;this.autofocus=false;this.title="";this.autocapitalize="";this.autocorrectValue=true;this.wrap="soft";this.autocomplete="";this.inputMode="";this.enterKeyHint="";this.touched=false;this.announcedCountText="";this.slotPresence=new SlotPresenceController(this);this.onInput=event=>{if(!this.textareaEl)return;this.value=this.textareaEl.value;if(this.resize==="auto")this.fitToContent();this.scheduleCountAnnouncement();relayNativeEvent(this,event);this.emit("lr-input",{value:this.value})};this.onChange=event=>{if(!this.textareaEl)return;this.value=this.textareaEl.value;relayNativeEvent(this,event);this.emit("lr-change",{value:this.value})};this.onFocus=event=>{relayNativeEvent(this,event);this.emit("lr-focus")};this.onBlur=event=>{if(!this.effectiveDisabled)this.touched=true;relayNativeEvent(this,event);this.emit("lr-blur")};this.addEventListener("invalid",()=>{this.touched=true})}get input(){return this.textareaEl??null}get selectionStart(){return this.textareaEl?.selectionStart??null}set selectionStart(value){if(this.textareaEl)this.textareaEl.selectionStart=value??0}get selectionEnd(){return this.textareaEl?.selectionEnd??null}set selectionEnd(value){if(this.textareaEl)this.textareaEl.selectionEnd=value??0}get selectionDirection(){return this.textareaEl?.selectionDirection}set selectionDirection(value){if(this.textareaEl)this.textareaEl.selectionDirection=value??"none"}click(){if(!this.effectiveDisabled)this.textareaEl?.click()}focus(options){if(!this.effectiveDisabled)this.textareaEl?.focus(options)}blur(){this.textareaEl?.blur()}select(){this.textareaEl?.select()}setSelectionRange(selectionStart,selectionEnd,selectionDirection="none"){this.textareaEl?.setSelectionRange(selectionStart,selectionEnd,selectionDirection)}scrollPosition(position){const ta=this.textareaEl;if(!ta)return void 0;if(position){if(position.top!==void 0)ta.scrollTop=finiteNumber(position.top,ta.scrollTop);if(position.left!==void 0)ta.scrollLeft=finiteNumber(position.left,ta.scrollLeft);return void 0}return{top:ta.scrollTop,left:ta.scrollLeft}}setRangeText(replacement,start,end,selectMode="preserve"){const ta=this.textareaEl;if(!ta)return;if(start===void 0||end===void 0){ta.setRangeText(replacement)}else{ta.setRangeText(replacement,start,end,selectMode)}this.value=ta.value;this.fitToContent()}connectedCallback(){super.connectedCallback();this.countAnnouncementSink??=acquireAnnouncementSink("polite",{document:this.ownerDocument,source:this});if(this.resize==="auto"&&this.hasUpdated){this.armResizeObserver();this.fitToContent()}}disconnectedCallback(){this.resizeObserver?.disconnect();this.resizeObserver=void 0;if(this.resizeRaf!==void 0)this.resizeRafOwner?.cancelAnimationFrame(this.resizeRaf);this.resizeRaf=void 0;this.resizeRafOwner=void 0;if(this.countAnnounceTimer!==void 0){this.countAnnounceTimerOwner?.clearTimeout(this.countAnnounceTimer)}this.countAnnounceTimer=void 0;this.countAnnounceTimerOwner=void 0;this.countAnnouncementSink?.release();this.countAnnouncementSink=void 0;super.disconnectedCallback()}countMaxlength(){const declared=this.maxlength;if(declared===void 0||!Number.isFinite(declared))return void 0;return finiteCount(declared,0)}countText(){const format=getNumberFormat(this.effectiveLocale);const max=this.countMaxlength();if(max!==void 0){const remaining=Math.max(0,max-this.value.length);return this.localize("textareaCharactersRemaining",void 0,{count:format.format(remaining),pluralCount:remaining})}const length=this.value.length;return this.localize("textareaCharacterCount",void 0,{count:format.format(length),pluralCount:length})}scheduleCountAnnouncement(){if(this.countAnnounceTimer!==void 0){this.countAnnounceTimerOwner?.clearTimeout(this.countAnnounceTimer)}this.countAnnounceTimer=void 0;this.countAnnounceTimerOwner=void 0;if(!this.withCount)return;const view=this.ownerDocument.defaultView;if(!view)return;this.countAnnounceTimerOwner=view;this.countAnnounceTimer=view.setTimeout(()=>{this.countAnnounceTimer=void 0;this.countAnnounceTimerOwner=void 0;if(!this.isConnected||this.ownerDocument.defaultView!==view||!this.withCount)return;if(!isAccessibilityVisible(this))return;const text=this.countText();this.announcedCountText=text;this.countAnnouncementSink?.announce(text)},COUNT_ANNOUNCE_DELAY_MS)}updateValidity(){if(isBarredFromValidation(this,this.internals)){this[SET_ANCHORED_VALIDITY]({});return}if(this.required&&this.value===""){this[SET_ANCHORED_VALIDITY]({valueMissing:true},this.localize("fieldRequired"));return}const native=this.textareaEl;if(native&&native.value!==this.value)native.value=this.value;const own=lengthViolations(this.value,this.minlength,this.maxlength);const tooShort=Boolean(native?.validity.tooShort)||own.tooShort;const tooLong=Boolean(native?.validity.tooLong)||own.tooLong;if(!tooShort&&!tooLong){this[SET_ANCHORED_VALIDITY]({});return}this[SET_ANCHORED_VALIDITY]({tooShort,tooLong},native?.validationMessage||this.localize("valueInvalid"))}updated(changed){super.updated(changed);if(changed.has("value")){if(this.value==="")this.internals.states.add("blank");else this.internals.states.delete("blank")}if(changed.has("minlength")||changed.has("maxlength")||changed.has("readonly")){this.updateValidity()}if(changed.has("resize")){if(this.resize==="auto"){this.armResizeObserver()}else if(changed.get("resize")==="auto"){this.resizeObserver?.disconnect();this.resizeObserver=void 0;if(this.resizeRaf!==void 0)this.resizeRafOwner?.cancelAnimationFrame(this.resizeRaf);this.resizeRaf=void 0;this.resizeRafOwner=void 0;if(this.textareaEl){this.textareaEl.style.blockSize="";this.textareaEl.style.overflowY=""}}}if(this.resize==="auto"){this.armResizeObserver();if(changed.has("value")||changed.has("rows")||changed.has("resize"))this.fitToContent()}}formResetCallback(){super.formResetCallback();this.touched=false}armResizeObserver(){const textarea=this.textareaEl;if(this.resizeObserver||!textarea)return;const view=this.ownerDocument.defaultView;const ResizeObserverCtor=view?.ResizeObserver;if(!view||!ResizeObserverCtor)return;this.lastObservedWidth=textarea.getBoundingClientRect().width;this.resizeObserver=new ResizeObserverCtor(entries=>{if(!this.isConnected||this.ownerDocument.defaultView!==view)return;const width=entries[0]?.contentRect.width;if(width===void 0||this.lastObservedWidth!==void 0&&Math.abs(width-this.lastObservedWidth)<.5){return}this.lastObservedWidth=width;if(this.resizeRaf!==void 0)this.resizeRafOwner?.cancelAnimationFrame(this.resizeRaf);this.resizeRafOwner=view;this.resizeRaf=view.requestAnimationFrame(()=>{this.resizeRaf=void 0;this.resizeRafOwner=void 0;if(!this.isConnected||this.ownerDocument.defaultView!==view)return;this.fitToContent()})});this.resizeObserver.observe(textarea)}fitToContent(){const ta=this.textareaEl;if(!ta||this.resize!=="auto")return;ta.style.blockSize="auto";const computed=ta.ownerDocument.defaultView?.getComputedStyle(ta);if(!computed)return;const borderBlock=parseFloat(computed.borderBlockStartWidth)+parseFloat(computed.borderBlockEndWidth);const parsedMax=parseFloat(computed.maxBlockSize);const maxBlockSize=Number.isFinite(parsedMax)?parsedMax:Number.POSITIVE_INFINITY;const contentBlockSize=ta.scrollHeight+borderBlock;ta.style.blockSize=`${Math.min(contentBlockSize,maxBlockSize)}px`;ta.style.overflowY=contentBlockSize>maxBlockSize?"auto":"hidden"}render(){const hasHint=this.slotPresence.has("hint")||this.slotPresence.has("help-text")||this.hint.length>0||this.helpText.length>0||this.withHint;const hasError=this.slotPresence.has("error")||this.errorText.length>0;const hasLabel=this.slotPresence.has("label")||this.label.length>0||this.withLabel;const describedBy=[hasError?"textarea-error":"",hasHint?"textarea-hint":""].filter(Boolean).join(" ");const cssResize=this.resize==="auto"?"none":sanitizeCssResize(this.resize,"vertical");return html`
       <div part="form-control">
         <label part="form-control-label" for="textarea" ?hidden=${!hasLabel}>
           <span part="label">${this.label}<slot name="label"></slot></span>

package/dist/components/forms/token-input/token-input.class.js

@@ -1,4 +1,4 @@
-var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)if(d=decorators[i])r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r;return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{AnchoredValidityController,VALIDITY_ANCHOR}from"../../../internal/anchored-validity.js";import{syncValidityStates}from"../../../internal/custom-states.js";import{nextId}from"../../../internal/a11y.js";import{closeIcon}from"../../../internal/icons.js";import{spellcheckConverter}from"../../../internal/converters.js";import{submitOnEnter}from"../../../internal/submit-on-enter.js";import{sizes}from"../../../internal/sizes.styles.js";import{styles}from"./token-input.styles.js";import{createStringArrayFormDataState,getFormOwner,installCustomErrorProperty,isBarredFromValidation,readStringArrayFormDataState,setFormOwner}from"../../../internal/form-associated.js";import{installInvalidEventAlias}from"../../../internal/invalid-event-alias.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_date,LYRA_DEFAULT_details,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_open,LYRA_DEFAULT_remove,LYRA_DEFAULT_removeWithContext,LYRA_DEFAULT_restore,LYRA_DEFAULT_search,LYRA_DEFAULT_tokenInputEditWithContext,LYRA_DEFAULT_tokenInputRequired}from"../../../internal/default-strings.generated.js";function createInternalsSafely(host){if(typeof host.attachInternals!=="function")return createNoopInternals();try{return host.attachInternals()}catch{return createNoopInternals()}}function createNoopInternals(){return{form:null,labels:[],validity:{},validationMessage:"",willValidate:false,setFormValue(){},setValidity(){},checkValidity(){return true},reportValidity(){return true}}}const delimiterConverter={fromAttribute:value=>{if(value===null)return",";return value===""||value==="none"?null:value},toAttribute:value=>value===null?"none":value};const stringArrayConverter={fromAttribute:value=>{if(value===null)return null;try{const parsed=JSON.parse(value);return Array.isArray(parsed)&&parsed.every(entry=>typeof entry==="string")?parsed:[]}catch{return[]}},toAttribute:value=>value==null?null:JSON.stringify(value)};class LyraTokenInput extends LyraElement{static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,date:LYRA_DEFAULT_date,details:LYRA_DEFAULT_details,fieldRequired:LYRA_DEFAULT_fieldRequired,open:LYRA_DEFAULT_open,remove:LYRA_DEFAULT_remove,removeWithContext:LYRA_DEFAULT_removeWithContext,restore:LYRA_DEFAULT_restore,search:LYRA_DEFAULT_search,tokenInputEditWithContext:LYRA_DEFAULT_tokenInputEditWithContext,tokenInputRequired:LYRA_DEFAULT_tokenInputRequired}}static{this.formAssociated=true}static{this.styles=[LyraElement.styles,sizes,styles]}static{this.properties={customError:{attribute:"custom-error",reflect:true,noAccessor:true},name:{reflect:true,noAccessor:true},required:{type:Boolean,reflect:true,noAccessor:true},disabled:{type:Boolean,reflect:true,noAccessor:true},defaultValue:{attribute:"value",reflect:true,useDefault:true,converter:stringArrayConverter,noAccessor:true}}}get editable(){return this._editable}set editable(next){const old=this._editable;this._editable=Boolean(next);if(!this._editable)this.discardTransientState(false);this.requestUpdate("editable",old)}get value(){return this._value}set value(next){const old=this._value;if(!this.settingDefaultValue)this._valueDirty=true;const normalized=Array.isArray(next)?[...next]:[];if(this.editingIndex>=0&&normalized!==old){this.editingIndex=-1;this.editDraft="";this.focusEditorPending=false}this._value=normalized;this.requestUpdate("value",old);if(this.internals)this.syncValidity()}get defaultValue(){return[...this._defaultValue]}set defaultValue(next){if(this.reflectingDefaultValue)return;const old=this._defaultValue;this._defaultValue=Array.isArray(next)?[...next]:[];this.reflectingDefaultValue=true;try{if(next==null)this.removeAttribute("value");else this.setAttribute("value",JSON.stringify(this._defaultValue))}finally{this.reflectingDefaultValue=false}if(!this._valueDirty)this.restoreLiveValueFromDefault();this.requestUpdate("defaultValue",old)}get name(){return this._name}set name(next){const old=this._name;this._name=next??"";if(this._name){this.setAttribute("name",this._name)}else{this.removeAttribute("name")}this.syncValidity();this.requestUpdate("name",old)}get required(){return this._required}set required(next){const old=this._required;this._required=Boolean(next);this.toggleAttribute("required",this._required);this.syncValidity();this.requestUpdate("required",old)}get disabled(){return this._disabled}set disabled(next){const old=this._disabled;this._disabled=Boolean(next);if(this._disabled)this.discardTransientState(true);this.toggleAttribute("disabled",this._disabled);this.syncValidity();this.requestUpdate("disabled",old)}constructor(){super();this.label="";this.hint="";this.errorText="";this.placeholder="";this.spellcheck=true;this.autocapitalize="";this.autoCorrect="";this.accessibleLabel="";this.size="m";this.pill=false;this.allowDuplicates=false;this._editable=false;this.delimiter=",";this.draft="";this.touched=false;this.editingIndex=-1;this.editDraft="";this.rovingIndex=0;this.focusEditorPending=false;this.focusTokenPending=-1;this.hasLabelSlot=false;this.hasHintSlot=false;this.hasErrorSlot=false;this.labelId=nextId("token-input-label");this.hintId=nextId("token-input-hint");this.errorId=nextId("token-input-error");this._value=[];this._defaultValue=[];this._valueDirty=false;this.settingDefaultValue=false;this.reflectingDefaultValue=false;this._fieldsetDisabled=false;this._name="";this._required=false;this._disabled=false;this.onEditInput=event=>{this.editDraft=event.target.value};this.onEditKeyDown=event=>{if(event.key==="Enter"){event.preventDefault();this.commitEdit(true)}else if(event.key==="Escape"){event.preventDefault();event.stopPropagation();this.cancelEdit()}};this.onEditBlur=()=>{queueMicrotask(()=>{if(!this.isConnected||!this.editable||this.effectiveDisabled||this.matches(":disabled")){this.discardTransientState(false);return}this.commitEdit(false)})};this.onInput=event=>{this.draft=event.target.value};this.onKeyDown=event=>{if(this.effectiveDisabled)return;if(event.key==="Enter"||this.delimiter!==null&&event.key===this.delimiter){if(this.draft.trim()){event.preventDefault();this.addDraft()}else if(event.key==="Enter")submitOnEnter(this,event)}else if(event.key==="Tab"){if(this.draft.trim())this.addDraft()}else if(event.key==="Backspace"&&!this.draft&&this.value.length&&this.editingIndex<0){this.removeToken(this.value.length-1)}};this.onBlur=()=>{if(this.draft.trim())this.addDraft();this.touched=true;this.syncValidity();this.emit("blur")};this.onFocus=()=>{this.emit("focus")};this.onLabelSlotChange=e=>{this.hasLabelSlot=e.target.assignedElements({flatten:true}).length>0};this.onHintSlotChange=e=>{this.hasHintSlot=e.target.assignedElements({flatten:true}).length>0};this.onErrorSlotChange=e=>{this.hasErrorSlot=e.target.assignedElements({flatten:true}).length>0};this.internals=createInternalsSafely(this);this.validityController=new AnchoredValidityController(this,this.internals,()=>this[VALIDITY_ANCHOR]());installCustomErrorProperty(this,()=>this.validityController.customValidityMessage);installInvalidEventAlias(this,init=>this.emit("lr-invalid",void 0,init))}connectedCallback(){super.connectedCallback();this.syncValidity()}disconnectedCallback(){this.discardTransientState(true);super.disconnectedCallback()}get form(){return getFormOwner(this.internals)}set form(owner){setFormOwner(this,owner)}getForm(){return getFormOwner(this.internals)}get labels(){return this.internals.labels}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}get effectiveDisabled(){return this.disabled||this._fieldsetDisabled}formDisabledCallback(disabled){this._fieldsetDisabled=disabled;if(disabled)this.discardTransientState(true);this.syncValidity();this.requestUpdate()}[VALIDITY_ANCHOR](){return this.inputEl??this.renderRoot?.querySelector('[part="input-wrapper"]')??null}checkValidity(){return this.internals.checkValidity()}reportValidity(){this.touched=true;this.syncValidity();return this.internals.reportValidity()}setCustomValidity(message){this.validityController.setCustomValidity(message??"");this.syncValidity()}focus(options){this.inputEl?.focus(options)}blur(){this.inputEl?.blur()}click(){if(this.effectiveDisabled)return;this.inputEl?.focus()}willUpdate(changed){super.willUpdate(changed);if(!this.hasUpdated){this.hasLabelSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="label");this.hasHintSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="hint");this.hasErrorSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="error")}}get barredFromValidation(){return isBarredFromValidation(this,this.internals)}syncValidity(){const barred=this.barredFromValidation;const missing=!barred&&this.required&&this.value.length===0;this.validityController.setValidity(missing?{valueMissing:true}:{},missing?this.localize("tokenInputRequired"):"");this.toggleAttribute("data-invalid",!barred&&this.touched&&!this.internals.validity.valid);syncValidityStates(this.internals,{required:this.required,hasInteracted:this.touched,barred});const data=new FormData;if(this.name)this.value.forEach(token=>data.append(this.name,token));this.internals.setFormValue(this.name?data:null,createStringArrayFormDataState(this.name,this.value))}updateValue(next,event){this.value=next;this.syncValidity();this.emit("input",{value:this.value});this.emit("change",{value:this.value});if(event==="add"){const added=next[next.length-1];if(added!==void 0)this.emit("lr-add",{value:added})}}addDraft(){if(this.effectiveDisabled)return;const parts=this.delimiter?this.draft.split(this.delimiter):[this.draft];const candidates=parts.map(token=>token.trim()).filter(Boolean);for(const token of candidates){if(!this.allowDuplicates&&this.value.includes(token))continue;this.updateValue([...this.value,token],"add")}this.draft=""}discardTransientState(clearDraft){this.editingIndex=-1;this.editDraft="";this.focusEditorPending=false;this.focusTokenPending=-1;if(clearDraft){this.draft="";if(this.inputEl)this.inputEl.value=""}}removeToken(index){const removed=this.value[index];if(removed===void 0)return;const event=this.emit("lr-remove",{value:removed,index},{cancelable:true});if(event.defaultPrevented)return;if(this.editingIndex>=0){this.editingIndex=-1;this.editDraft=""}this.updateValue(this.value.filter((_token,i)=>i!==index))}get activeTokenIndex(){if(!this.value.length)return-1;return Math.min(Math.max(this.rovingIndex,0),this.value.length-1)}startEdit(index){if(this.effectiveDisabled||!this.editable)return;if(index<0||index>=this.value.length)return;this.editingIndex=index;this.editDraft=this.value[index];this.rovingIndex=index;this.focusEditorPending=true}cancelEdit(){if(this.editingIndex<0)return;this.focusTokenPending=this.editingIndex;this.editingIndex=-1;this.editDraft=""}commitEdit(restoreFocus){const index=this.editingIndex;if(index<0)return;const previousValue=this.value[index];const next=this.editDraft.trim();if(restoreFocus)this.focusTokenPending=index;this.editingIndex=-1;this.editDraft="";if(previousValue===void 0)return;if(!next||next===previousValue)return;if(!this.allowDuplicates&&this.value.some((token,i)=>i!==index&&token===next))return;this.updateValue(this.value.map((token,i)=>i===index?next:token));this.emit("lr-token-edit",{value:next,previousValue,index})}moveRovingFocus(index){if(!this.value.length)return;const clamped=Math.min(Math.max(index,0),this.value.length-1);this.rovingIndex=clamped;this.focusTokenPending=clamped}onTokenKeyDown(event,index){if(this.effectiveDisabled)return;const rtl=this.effectiveDirection==="rtl";const forward=rtl?"ArrowLeft":"ArrowRight";const backward=rtl?"ArrowRight":"ArrowLeft";if(event.key==="Enter"||event.key===" "||event.key==="F2"){event.preventDefault();this.startEdit(index)}else if(event.key===forward){event.preventDefault();this.moveRovingFocus(index+1)}else if(event.key===backward){event.preventDefault();this.moveRovingFocus(index-1)}else if(event.key==="Home"){event.preventDefault();this.moveRovingFocus(0)}else if(event.key==="End"){event.preventDefault();this.moveRovingFocus(this.value.length-1)}}formResetCallback(){this.restoreLiveValueFromDefault();this.discardTransientState(true);this.rovingIndex=0;this.touched=false;this.syncValidity()}restoreLiveValueFromDefault(){this.settingDefaultValue=true;try{this.value=[...this._defaultValue]}finally{this.settingDefaultValue=false}this._valueDirty=false}formStateRestoreCallback(state2,_mode){this.value=readStringArrayFormDataState(state2);this.discardTransientState(true);this.rovingIndex=0;this.touched=false;this.syncValidity()}updated(changed){super.updated(changed);if(this.focusEditorPending){this.focusEditorPending=false;const editor=this.renderRoot?.querySelector('[part="token-editor"]');editor?.focus();editor?.select()}if(this.focusTokenPending>=0){const index=this.focusTokenPending;this.focusTokenPending=-1;const labels=this.renderRoot?.querySelectorAll('[part="token-label"]');labels?.[index]?.focus()}}renderRemoveButton(token,index){return html`<button part="remove" type="button" aria-label=${this.localize("removeWithContext",void 0,{label:token})} ?disabled=${this.effectiveDisabled} @click=${()=>this.removeToken(index)}>${closeIcon()}</button>`}renderEditableToken(token,index){if(this.editingIndex===index){return html`<span part="token"><input part="token-editor" .value=${this.editDraft} aria-label=${this.localize("tokenInputEditWithContext",void 0,{label:token})} ?disabled=${this.effectiveDisabled} spellcheck=${this.spellcheck} autocapitalize=${this.autocapitalize||nothing} autocorrect=${this.autoCorrect||nothing} @input=${this.onEditInput} @keydown=${this.onEditKeyDown} @blur=${this.onEditBlur} />${this.renderRemoveButton(token,index)}</span>`}return html`<span part="token"><span part="token-label" role="button" tabindex=${index===this.activeTokenIndex?0:-1} aria-label=${this.localize("tokenInputEditWithContext",void 0,{label:token})} @click=${()=>this.startEdit(index)} @focus=${()=>{if(this.rovingIndex!==index)this.rovingIndex=index}} @keydown=${event=>this.onTokenKeyDown(event,index)}>${token}</span>${this.renderRemoveButton(token,index)}</span>`}render(){const hasLabel=this.hasLabelSlot||this.label.length>0;const hasHint=this.hasHintSlot||this.hint.length>0;const hasError=this.hasErrorSlot||this.errorText.length>0;const described=[hasHint?this.hintId:"",hasError?this.errorId:""].filter(Boolean).join(" ")||nothing;return html`<div part="form-control">
+var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)if(d=decorators[i])r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r;return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{AnchoredValidityController,VALIDITY_ANCHOR}from"../../../internal/anchored-validity.js";import{syncValidityStates}from"../../../internal/custom-states.js";import{nextId}from"../../../internal/a11y.js";import{closeIcon}from"../../../internal/icons.js";import{spellcheckConverter}from"../../../internal/converters.js";import{submitOnEnter}from"../../../internal/submit-on-enter.js";import{sizes}from"../../../internal/sizes.styles.js";import{styles}from"./token-input.styles.js";import{createStringArrayFormDataState,getFormOwner,installCustomErrorProperty,isBarredFromValidation,readStringArrayFormDataState,setFormOwner}from"../../../internal/form-associated.js";import{installInvalidEventAlias}from"../../../internal/invalid-event-alias.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_date,LYRA_DEFAULT_details,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_open,LYRA_DEFAULT_remove,LYRA_DEFAULT_removeWithContext,LYRA_DEFAULT_restore,LYRA_DEFAULT_search,LYRA_DEFAULT_tokenInputEditWithContext,LYRA_DEFAULT_tokenInputRequired}from"../../../internal/default-strings.generated.js";function createInternalsSafely(host){if(typeof host.attachInternals!=="function")return createNoopInternals();try{return host.attachInternals()}catch{return createNoopInternals()}}function createNoopInternals(){return{form:null,labels:[],validity:{},validationMessage:"",willValidate:false,setFormValue(){},setValidity(){},checkValidity(){return true},reportValidity(){return true}}}const delimiterConverter={fromAttribute:value=>{if(value===null)return",";return value===""||value==="none"?null:value},toAttribute:value=>value===null?"none":value};const stringArrayConverter={fromAttribute:value=>{if(value===null)return null;try{const parsed=JSON.parse(value);return Array.isArray(parsed)&&parsed.every(entry=>typeof entry==="string")?parsed:[]}catch{return[]}},toAttribute:value=>value==null?null:JSON.stringify(value)};class LyraTokenInput extends LyraElement{static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,date:LYRA_DEFAULT_date,details:LYRA_DEFAULT_details,fieldRequired:LYRA_DEFAULT_fieldRequired,open:LYRA_DEFAULT_open,remove:LYRA_DEFAULT_remove,removeWithContext:LYRA_DEFAULT_removeWithContext,restore:LYRA_DEFAULT_restore,search:LYRA_DEFAULT_search,tokenInputEditWithContext:LYRA_DEFAULT_tokenInputEditWithContext,tokenInputRequired:LYRA_DEFAULT_tokenInputRequired}}static{this.formAssociated=true}static{this.styles=[LyraElement.styles,sizes,styles]}static{this.properties={customError:{attribute:"custom-error",reflect:true,noAccessor:true},name:{reflect:true,noAccessor:true},required:{type:Boolean,reflect:true,noAccessor:true},disabled:{type:Boolean,reflect:true,noAccessor:true},defaultValue:{attribute:"value",reflect:true,useDefault:true,converter:stringArrayConverter,noAccessor:true}}}get editable(){return this._editable}set editable(next){const old=this._editable;this._editable=Boolean(next);if(!this._editable)this.discardTransientState(false);this.requestUpdate("editable",old)}get value(){return this._value}set value(next){const old=this._value;if(!this.settingDefaultValue)this._valueDirty=true;const normalized=Array.isArray(next)?[...next]:[];if(this.editingIndex>=0&&normalized!==old){this.editingIndex=-1;this.editDraft="";this.focusEditorPending=false}this._value=normalized;this.requestUpdate("value",old);if(this.internals)this.syncValidity()}get defaultValue(){return[...this._defaultValue]}set defaultValue(next){if(this.reflectingDefaultValue)return;const old=this._defaultValue;this._defaultValue=Array.isArray(next)?[...next]:[];this.reflectingDefaultValue=true;try{if(next==null)this.removeAttribute("value");else this.setAttribute("value",JSON.stringify(this._defaultValue))}finally{this.reflectingDefaultValue=false}if(!this._valueDirty)this.restoreLiveValueFromDefault();this.requestUpdate("defaultValue",old)}get name(){return this._name}set name(next){const old=this._name;this._name=next??"";if(this._name){this.setAttribute("name",this._name)}else{this.removeAttribute("name")}this.syncValidity();this.requestUpdate("name",old)}get required(){return this._required}set required(next){const old=this._required;this._required=Boolean(next);this.toggleAttribute("required",this._required);this.syncValidity();this.requestUpdate("required",old)}get disabled(){return this._disabled}set disabled(next){const old=this._disabled;this._disabled=Boolean(next);if(this._disabled)this.discardTransientState(true);this.toggleAttribute("disabled",this._disabled);this.syncValidity();this.requestUpdate("disabled",old)}constructor(){super();this.label="";this.hint="";this.errorText="";this.placeholder="";this.spellcheck=true;this.autocapitalize="";this.autoCorrect="";this.accessibleLabel="";this.size="m";this.pill=false;this.allowDuplicates=false;this._editable=false;this.delimiter=",";this.draft="";this.touched=false;this.editingIndex=-1;this.editDraft="";this.rovingIndex=0;this.focusEditorPending=false;this.focusTokenPending=-1;this.hasLabelSlot=false;this.hasHintSlot=false;this.hasErrorSlot=false;this.labelId=nextId("token-input-label");this.hintId=nextId("token-input-hint");this.errorId=nextId("token-input-error");this._value=[];this._defaultValue=[];this._valueDirty=false;this.settingDefaultValue=false;this.reflectingDefaultValue=false;this._fieldsetDisabled=false;this._name="";this._required=false;this._disabled=false;this.onEditInput=event=>{this.editDraft=event.target.value};this.onEditKeyDown=event=>{if(event.key==="Enter"){event.preventDefault();this.commitEdit(true)}else if(event.key==="Escape"){event.preventDefault();event.stopPropagation();this.cancelEdit()}};this.onEditBlur=()=>{queueMicrotask(()=>{if(!this.isConnected||!this.editable||this.effectiveDisabled||this.matches(":disabled")){this.discardTransientState(false);return}this.commitEdit(false)})};this.onInput=event=>{this.draft=event.target.value};this.onKeyDown=event=>{if(this.effectiveDisabled)return;if(event.key==="Enter"||this.delimiter!==null&&event.key===this.delimiter){if(this.draft.trim()){event.preventDefault();this.addDraft()}else if(event.key==="Enter")submitOnEnter(this,event)}else if(event.key==="Tab"){if(this.draft.trim())this.addDraft()}else if(event.key==="Backspace"&&!this.draft&&this.value.length&&this.editingIndex<0){this.removeToken(this.value.length-1)}};this.onBlur=()=>{if(!this.effectiveDisabled){if(this.draft.trim())this.addDraft();this.touched=true}this.syncValidity();this.emit("blur")};this.onFocus=()=>{this.emit("focus")};this.onLabelSlotChange=e=>{this.hasLabelSlot=e.target.assignedElements({flatten:true}).length>0};this.onHintSlotChange=e=>{this.hasHintSlot=e.target.assignedElements({flatten:true}).length>0};this.onErrorSlotChange=e=>{this.hasErrorSlot=e.target.assignedElements({flatten:true}).length>0};this.internals=createInternalsSafely(this);this.validityController=new AnchoredValidityController(this,this.internals,()=>this[VALIDITY_ANCHOR]());installCustomErrorProperty(this,()=>this.validityController.customValidityMessage);installInvalidEventAlias(this,init=>this.emit("lr-invalid",void 0,init))}connectedCallback(){super.connectedCallback();this.syncValidity()}disconnectedCallback(){this.discardTransientState(true);super.disconnectedCallback()}get form(){return getFormOwner(this.internals)}set form(owner){setFormOwner(this,owner)}getForm(){return getFormOwner(this.internals)}get labels(){return this.internals.labels}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}get effectiveDisabled(){return this.disabled||this._fieldsetDisabled}formDisabledCallback(disabled){this._fieldsetDisabled=disabled;if(disabled)this.discardTransientState(true);this.syncValidity();this.requestUpdate()}[VALIDITY_ANCHOR](){return this.inputEl??this.renderRoot?.querySelector('[part="input-wrapper"]')??null}checkValidity(){return this.internals.checkValidity()}reportValidity(){this.touched=true;this.syncValidity();return this.internals.reportValidity()}setCustomValidity(message){this.validityController.setCustomValidity(message??"");this.syncValidity()}focus(options){this.inputEl?.focus(options)}blur(){this.inputEl?.blur()}click(){if(this.effectiveDisabled)return;this.inputEl?.focus()}willUpdate(changed){super.willUpdate(changed);if(!this.hasUpdated){this.hasLabelSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="label");this.hasHintSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="hint");this.hasErrorSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="error")}}get barredFromValidation(){return isBarredFromValidation(this,this.internals)}syncValidity(){const barred=this.barredFromValidation;const missing=!barred&&this.required&&this.value.length===0;this.validityController.setValidity(missing?{valueMissing:true}:{},missing?this.localize("tokenInputRequired"):"");this.toggleAttribute("data-invalid",!barred&&this.touched&&!this.internals.validity.valid);syncValidityStates(this.internals,{required:this.required,hasInteracted:this.touched,barred});const data=new FormData;if(this.name)this.value.forEach(token=>data.append(this.name,token));this.internals.setFormValue(this.name?data:null,createStringArrayFormDataState(this.name,this.value))}updateValue(next,event){this.value=next;this.syncValidity();this.emit("input",{value:this.value});this.emit("change",{value:this.value});if(event==="add"){const added=next[next.length-1];if(added!==void 0)this.emit("lr-add",{value:added})}}addDraft(){if(this.effectiveDisabled)return;const parts=this.delimiter?this.draft.split(this.delimiter):[this.draft];const candidates=parts.map(token=>token.trim()).filter(Boolean);for(const token of candidates){if(!this.allowDuplicates&&this.value.includes(token))continue;this.updateValue([...this.value,token],"add")}this.draft=""}discardTransientState(clearDraft){this.editingIndex=-1;this.editDraft="";this.focusEditorPending=false;this.focusTokenPending=-1;if(clearDraft){this.draft="";if(this.inputEl)this.inputEl.value=""}}removeToken(index){const removed=this.value[index];if(removed===void 0)return;const event=this.emit("lr-remove",{value:removed,index},{cancelable:true});if(event.defaultPrevented)return;if(this.editingIndex>=0){this.editingIndex=-1;this.editDraft=""}this.updateValue(this.value.filter((_token,i)=>i!==index))}get activeTokenIndex(){if(!this.value.length)return-1;return Math.min(Math.max(this.rovingIndex,0),this.value.length-1)}startEdit(index){if(this.effectiveDisabled||!this.editable)return;if(index<0||index>=this.value.length)return;this.editingIndex=index;this.editDraft=this.value[index];this.rovingIndex=index;this.focusEditorPending=true}cancelEdit(){if(this.editingIndex<0)return;this.focusTokenPending=this.editingIndex;this.editingIndex=-1;this.editDraft=""}commitEdit(restoreFocus){const index=this.editingIndex;if(index<0)return;const previousValue=this.value[index];const next=this.editDraft.trim();if(restoreFocus)this.focusTokenPending=index;this.editingIndex=-1;this.editDraft="";if(previousValue===void 0)return;if(!next||next===previousValue)return;if(!this.allowDuplicates&&this.value.some((token,i)=>i!==index&&token===next))return;this.updateValue(this.value.map((token,i)=>i===index?next:token));this.emit("lr-token-edit",{value:next,previousValue,index})}moveRovingFocus(index){if(!this.value.length)return;const clamped=Math.min(Math.max(index,0),this.value.length-1);this.rovingIndex=clamped;this.focusTokenPending=clamped}onTokenKeyDown(event,index){if(this.effectiveDisabled)return;const rtl=this.effectiveDirection==="rtl";const forward=rtl?"ArrowLeft":"ArrowRight";const backward=rtl?"ArrowRight":"ArrowLeft";if(event.key==="Enter"||event.key===" "||event.key==="F2"){event.preventDefault();this.startEdit(index)}else if(event.key===forward){event.preventDefault();this.moveRovingFocus(index+1)}else if(event.key===backward){event.preventDefault();this.moveRovingFocus(index-1)}else if(event.key==="Home"){event.preventDefault();this.moveRovingFocus(0)}else if(event.key==="End"){event.preventDefault();this.moveRovingFocus(this.value.length-1)}}formResetCallback(){this.restoreLiveValueFromDefault();this.discardTransientState(true);this.rovingIndex=0;this.touched=false;this.syncValidity()}restoreLiveValueFromDefault(){this.settingDefaultValue=true;try{this.value=[...this._defaultValue]}finally{this.settingDefaultValue=false}this._valueDirty=false}formStateRestoreCallback(state2,_mode){this.value=readStringArrayFormDataState(state2);this.discardTransientState(true);this.rovingIndex=0;this.touched=false;this.syncValidity()}updated(changed){super.updated(changed);if(this.focusEditorPending){this.focusEditorPending=false;const editor=this.renderRoot?.querySelector('[part="token-editor"]');editor?.focus();editor?.select()}if(this.focusTokenPending>=0){const index=this.focusTokenPending;this.focusTokenPending=-1;const labels=this.renderRoot?.querySelectorAll('[part="token-label"]');labels?.[index]?.focus()}}renderRemoveButton(token,index){return html`<button part="remove" type="button" aria-label=${this.localize("removeWithContext",void 0,{label:token})} ?disabled=${this.effectiveDisabled} @click=${()=>this.removeToken(index)}>${closeIcon()}</button>`}renderEditableToken(token,index){if(this.editingIndex===index){return html`<span part="token"><input part="token-editor" .value=${this.editDraft} aria-label=${this.localize("tokenInputEditWithContext",void 0,{label:token})} ?disabled=${this.effectiveDisabled} spellcheck=${this.spellcheck} autocapitalize=${this.autocapitalize||nothing} autocorrect=${this.autoCorrect||nothing} @input=${this.onEditInput} @keydown=${this.onEditKeyDown} @blur=${this.onEditBlur} />${this.renderRemoveButton(token,index)}</span>`}return html`<span part="token"><span part="token-label" role="button" tabindex=${index===this.activeTokenIndex?0:-1} aria-label=${this.localize("tokenInputEditWithContext",void 0,{label:token})} @click=${()=>this.startEdit(index)} @focus=${()=>{if(this.rovingIndex!==index)this.rovingIndex=index}} @keydown=${event=>this.onTokenKeyDown(event,index)}>${token}</span>${this.renderRemoveButton(token,index)}</span>`}render(){const hasLabel=this.hasLabelSlot||this.label.length>0;const hasHint=this.hasHintSlot||this.hint.length>0;const hasError=this.hasErrorSlot||this.errorText.length>0;const described=[hasHint?this.hintId:"",hasError?this.errorId:""].filter(Boolean).join(" ")||nothing;return html`<div part="form-control">
       <label part="form-control-label" ?hidden=${!hasLabel} for="input" id=${this.labelId}>${this.label}<slot name="label" @slotchange=${this.onLabelSlotChange}></slot></label>
       <div part="input-wrapper" role="group" aria-labelledby=${this.accessibleLabel?nothing:hasLabel?this.labelId:nothing} aria-label=${this.accessibleLabel||nothing}>
         ${this.value.map((token,index)=>this.editable?this.renderEditableToken(token,index):html`<span part="token"><span>${token}</span><button part="remove" type="button" aria-label=${this.localize("removeWithContext",void 0,{label:token})} ?disabled=${this.effectiveDisabled} @click=${()=>this.removeToken(index)}>${closeIcon()}</button></span>`)}

package/dist/components/media/file-input/file-input.class.js

@@ -1,4 +1,4 @@
-var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)if(d=decorators[i])r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r;return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,state,query}from"lit/decorators.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{LyraElement}from"../../../internal/lyra-element.js";import{srOnly}from"../../../internal/a11y.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{finiteCount,finiteRange}from"../../../internal/numbers.js";import{AnchoredValidityController,VALIDITY_ANCHOR}from"../../../internal/anchored-validity.js";import{setCustomState,syncValidityStates}from"../../../internal/custom-states.js";import{attachInternalsSafely,getFormOwner,installCustomErrorProperty,isBarredFromValidation,setFormOwner}from"../../../internal/form-associated.js";import{installInvalidEventAlias}from"../../../internal/invalid-event-alias.js";import{dispatchNativeEvent,relayNativeEvent}from"../../../internal/native-event-relay.js";import{sizes}from"../../../internal/sizes.styles.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{closeIcon,fileIcon}from"../../../internal/icons.js";import{styles}from"./file-input.styles.js";import{matchesAccept}from"./accept.js";import{presenceTrueDefaultBooleanConverter as trueDefaultBooleanConverter}from"../../../internal/converters.js";import{FILE_SIZE_UNIT_KEYS,formatFileSize}from"../attachment-chip/file-size.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_dropzoneRejectedType,LYRA_DEFAULT_dropzoneReleaseToAdd,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_fileInputAcceptedMany,LYRA_DEFAULT_fileInputAcceptedOne,LYRA_DEFAULT_fileInputDefaultLabel,LYRA_DEFAULT_fileInputFolderRejected,LYRA_DEFAULT_fileInputRejectedCount,LYRA_DEFAULT_fileInputRejectedMany,LYRA_DEFAULT_fileInputRejectedOne,LYRA_DEFAULT_fileInputRejectedSize,LYRA_DEFAULT_fileInputRejectedType,LYRA_DEFAULT_fileSizeUnitB,LYRA_DEFAULT_fileSizeUnitGb,LYRA_DEFAULT_fileSizeUnitKb,LYRA_DEFAULT_fileSizeUnitMb,LYRA_DEFAULT_fileSizeUnitTb,LYRA_DEFAULT_open,LYRA_DEFAULT_removeWithContext,LYRA_DEFAULT_restore}from"../../../internal/default-strings.generated.js";const DEFAULT_MAX_FILE_SIZE_BYTES=25*1024*1024;const INTERACTIVE_CONTENT_SELECTOR='a[href], area[href], button, input, select, textarea, summary, [contenteditable]:not([contenteditable="false"]), [role="button"], [role="link"], [tabindex]:not([tabindex="-1"])';function isElementTarget(value){const candidate=value;return candidate.nodeType===1&&typeof candidate.matches==="function"}function isFileValue(value){if(value===null||typeof value!=="object")return false;try{const candidate=value;return Object.prototype.toString.call(value)==="[object File]"&&typeof candidate.name==="string"&&typeof candidate.lastModified==="number"&&typeof candidate.size==="number"&&typeof candidate.type==="string"&&typeof candidate.slice==="function"}catch{return false}}function isFormDataValue(value){if(value===null||typeof value!=="object")return false;try{const candidate=value;return Object.prototype.toString.call(value)==="[object FormData]"&&typeof candidate.append==="function"&&typeof candidate.values==="function"}catch{return false}}class LyraFileInput extends LyraElement{static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,details:LYRA_DEFAULT_details,dropzoneRejectedType:LYRA_DEFAULT_dropzoneRejectedType,dropzoneReleaseToAdd:LYRA_DEFAULT_dropzoneReleaseToAdd,fieldRequired:LYRA_DEFAULT_fieldRequired,fileInputAcceptedMany:LYRA_DEFAULT_fileInputAcceptedMany,fileInputAcceptedOne:LYRA_DEFAULT_fileInputAcceptedOne,fileInputDefaultLabel:LYRA_DEFAULT_fileInputDefaultLabel,fileInputFolderRejected:LYRA_DEFAULT_fileInputFolderRejected,fileInputRejectedCount:LYRA_DEFAULT_fileInputRejectedCount,fileInputRejectedMany:LYRA_DEFAULT_fileInputRejectedMany,fileInputRejectedOne:LYRA_DEFAULT_fileInputRejectedOne,fileInputRejectedSize:LYRA_DEFAULT_fileInputRejectedSize,fileInputRejectedType:LYRA_DEFAULT_fileInputRejectedType,fileSizeUnitB:LYRA_DEFAULT_fileSizeUnitB,fileSizeUnitGb:LYRA_DEFAULT_fileSizeUnitGb,fileSizeUnitKb:LYRA_DEFAULT_fileSizeUnitKb,fileSizeUnitMb:LYRA_DEFAULT_fileSizeUnitMb,fileSizeUnitTb:LYRA_DEFAULT_fileSizeUnitTb,open:LYRA_DEFAULT_open,removeWithContext:LYRA_DEFAULT_removeWithContext,restore:LYRA_DEFAULT_restore}}static{this.formAssociated=true}static{this.styles=[LyraElement.styles,sizes,styles,srOnly]}static{this.properties={customError:{attribute:"custom-error",reflect:true,noAccessor:true},name:{reflect:true,noAccessor:true},files:{attribute:false,noAccessor:true},disabled:{type:Boolean,reflect:true,noAccessor:true},required:{type:Boolean,reflect:true,noAccessor:true}}}constructor(){super();this.multiple=false;this.compact=false;this.accept="";this.capture="";this.allowedMimeTypes=[];this.forbiddenMimeTypes=[];this.maxFileSize=0;this.directory=false;this.paste=true;this.label="";this.hint="";this.withLabel=false;this.withHint=false;this.size="m";this.validators=[];this.accessibleLabel="";this.acceptedMessage="{count} file(s) added.";this.rejectedMessage="{count} file(s) rejected.";this.dragState="default";this.resultStatus="";this.rejectedFiles=[];this.touched=false;this.slotPresence=new SlotPresenceController(this);this.dragCounter=0;this.dropToken=0;this.announcementsArmed=false;this._name=null;this._files=[];this._fileCount=0;this._disabled=false;this._required=false;this._fieldsetDisabled=false;this.thumbnailUrls=new Map;this.onDragEnter=e=>{e.preventDefault();if(this.effectiveDisabled)return;this.dragCounter++;const items=e.dataTransfer?[...e.dataTransfer.items].filter(i=>i.kind==="file"):[];this.dragState=items.length?this.previewState(items):"default";this.publishCustomStates()};this.onDragOver=e=>{e.preventDefault();if(this.effectiveDisabled)return};this.onDragLeave=e=>{if(this.effectiveDisabled)return;e.preventDefault();this.dragCounter=Math.max(0,this.dragCounter-1);if(this.dragCounter===0){this.dragState="default";this.publishCustomStates()}};this.onDrop=e=>{e.preventDefault();if(this.effectiveDisabled)return;this.resetDragSession();const token=++this.dropToken;const files=[...e.dataTransfer?.files??[]];const folders=[...e.dataTransfer?.items??[]].map(item=>item.webkitGetAsEntry?.()).filter(entry=>!!entry&&entry.isDirectory);if(folders.length&&this.multiple){void Promise.all(folders.map(folder=>this.readDroppedEntry(folder))).then(nested=>{if(token!==this.dropToken||!this.isConnected||this.effectiveDisabled)return;const allFiles=[...files,...nested.flat()];if(allFiles.length)this.emitFiles(allFiles)});return}const FileCtor=this.ownerDocument.defaultView?.File??globalThis.File;const rejectedFolders=folders.map(folder=>({file:new FileCtor([],folder.name),reason:"directory"}));if(files.length||rejectedFolders.length)this.emitFiles(files,rejectedFolders)};this.onPaste=e=>{if(!this.paste||this.effectiveDisabled)return;const files=[...e.clipboardData?.files??[]];if(files.length){e.preventDefault();this.emitFiles(files)}};this.onInputChange=e=>{const input=e.target;const files=[...input.files??[]];input.value="";if(!this.effectiveDisabled&&files.length)this.emitFiles(files)};this.onFocus=event=>{relayNativeEvent(this,event)};this.onBlur=event=>{this.touched=true;this.publishCustomStates();relayNativeEvent(this,event)};this.onKeyDown=e=>{if(this.effectiveDisabled)return;if(e.key==="Enter"||e.key===" "||e.key==="Spacebar"){e.preventDefault();this.openPicker()}};this.onDropzoneClick=event=>{const path=event.composedPath();if(path.includes(this.baseEl)||path.some(node=>isElementTarget(node)&&node.matches(INTERACTIVE_CONTENT_SELECTOR))){return}this.openPicker()};this.internals=attachInternalsSafely(this);this.validityController=new AnchoredValidityController(this,this.internals,()=>this[VALIDITY_ANCHOR]());installCustomErrorProperty(this,()=>this.validityController.customValidityMessage);installInvalidEventAlias(this,init=>this.emit("lr-invalid",void 0,init));this.internals.setFormValue(null)}get form(){return getFormOwner(this.internals)}set form(owner){setFormOwner(this,owner)}getForm(){return getFormOwner(this.internals)}get labels(){return this.internals.labels}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}get name(){return this._name}set name(next){const old=this._name;this._name=next==null||next===""?null:String(next);if(this._name==null)this.removeAttribute("name");else this.setAttribute("name",this._name);this.syncFormValue();this.requestUpdate("name",old)}get files(){return[...this._files]}set files(next){const old=this._files;const valid=Array.isArray(next)?next.filter(isFileValue):[];this._files=this.multiple?[...valid]:valid.slice(0,1);this.fileCount=this._files.length;this.syncThumbnailUrls();this.syncFormValue();this.updateValidity();this.requestUpdate("files",old)}get fileCount(){return this._fileCount}set fileCount(next){const old=this._fileCount;this._fileCount=finiteCount(next,this._files.length);this.requestUpdate("fileCount",old)}get dragging(){return this.dragState!=="default"}set dragging(next){const active=Boolean(next);if(active===this.dragging)return;this.dragState=active?"accept":"default";this.publishCustomStates()}get disabled(){return this._disabled}set disabled(next){const old=this._disabled;this._disabled=Boolean(next);this.toggleAttribute("disabled",this._disabled);if(this._disabled){this.dropToken++;this.resetDragSession()}this.updateValidity();this.requestUpdate("disabled",old)}get required(){return this._required}set required(next){const old=this._required;this._required=Boolean(next);this.toggleAttribute("required",this._required);this.updateValidity();this.requestUpdate("required",old)}get effectiveDisabled(){return this.disabled||this._fieldsetDisabled}get validationTarget(){return this.validationTargetOverride??this.baseEl}set validationTarget(next){this.validationTargetOverride=next??void 0;this.validityController.refreshAnchor()}[VALIDITY_ANCHOR](){return this.validationTarget??null}willUpdate(changed){super.willUpdate(changed);if(changed.has("multiple")){if(!this.multiple&&this._files.length>1)this.files=this._files;else this.syncFormValue()}}connectedCallback(){super.connectedCallback();this.syncThumbnailUrls();this.updateValidity();this.politeSink??=acquireAnnouncementSink("polite",{document:this.ownerDocument,source:this});this.assertiveSink??=acquireAnnouncementSink("assertive",{document:this.ownerDocument,source:this})}disconnectedCallback(){this.dropToken++;this.resetDragSession();for(const thumbnail of this.thumbnailUrls.values())thumbnail.revoke();this.thumbnailUrls.clear();this.politeSink?.release();this.politeSink=void 0;this.assertiveSink?.release();this.assertiveSink=void 0;this.announcementsArmed=false;super.disconnectedCallback()}updated(changed){if(this.announcementsArmed){if(changed.has("dragState")||changed.has("resultStatus")){this.politeSink?.announce(this.statusText())}if(changed.has("rejectedFiles")&&this.rejectedFiles.length>0){this.assertiveSink?.announce(this.rejectedFiles.map(rejected=>this.rejectionMessage(rejected)).join(" "))}}this.announcementsArmed=true}syncFormValue(){if(!this.name||this._files.length===0){const state2=this.multiple?this.createFormData():this._files[0]??null;this.internals.setFormValue(null,state2);return}if(this.multiple){const submitted=this.createFormData();const state2=this.createFormData();if(!submitted||!state2){this.internals.setFormValue(null);return}for(const file2 of this._files){submitted.append(this.name,file2);state2.append("file",file2)}this.internals.setFormValue(submitted,state2);return}const file=this._files[0]??null;this.internals.setFormValue(file,file)}createFormData(){const FormDataCtor=this.ownerDocument?.defaultView?.FormData;return FormDataCtor?new FormDataCtor:null}get barredFromValidation(){return isBarredFromValidation(this,this.internals)}updateValidity(){if(this.barredFromValidation){this.validityController.setValidity({})}else if(this.required&&this._files.length===0){this.validityController.setValidity({valueMissing:true},this.localize("fieldRequired"))}else{this.validityController.setValidity({})}this.publishCustomStates()}publishCustomStates(){syncValidityStates(this.internals,{required:this.required,hasInteracted:this.touched,barred:this.barredFromValidation});setCustomState(this.internals,"blank",this._files.length===0);setCustomState(this.internals,"dragging",this.dragging);this.toggleAttribute("dragging",this.dragging)}checkValidity(){return this.internals.checkValidity()}reportValidity(){this.touched=true;this.publishCustomStates();return this.internals.reportValidity()}setCustomValidity(message){this.validityController.setCustomValidity(message??"");this.publishCustomStates()}resetValidity(){this.validityController.setCustomValidity("");this.updateValidity()}formResetCallback(){this.touched=false;this.files=[];this.rejectedFiles=[];this.resultStatus=""}formStateRestoreCallback(state2,reason){void reason;if(isFileValue(state2)){this.files=[state2];return}if(isFormDataValue(state2)){this.files=[...state2.values()].filter(isFileValue);return}this.files=[]}formDisabledCallback(disabled){this._fieldsetDisabled=disabled;if(disabled){this.dropToken++;this.resetDragSession()}this.updateValidity();this.requestUpdate()}syncThumbnailUrls(){const urlApi=this.ownerDocument.defaultView?.URL??globalThis.URL;const canCreate=typeof urlApi.createObjectURL==="function";const canRevoke=typeof urlApi.revokeObjectURL==="function";let changed=false;for(const[file,thumbnail]of this.thumbnailUrls){if(!this._files.includes(file)||thumbnail.owner!==urlApi){thumbnail.revoke();this.thumbnailUrls.delete(file);changed=true}}if(canCreate){for(const file of this._files){if(!file.type.startsWith("image/")||this.thumbnailUrls.has(file))continue;const url=urlApi.createObjectURL(file);this.thumbnailUrls.set(file,{url,owner:urlApi,revoke:canRevoke?()=>urlApi.revokeObjectURL(url):()=>void 0});changed=true}}if(changed)this.requestUpdate()}get effectiveMaxFileSize(){const maxFileSize=this.maxFileSize;if(maxFileSize===0||maxFileSize===Infinity)return null;return finiteRange(maxFileSize>0?maxFileSize:NaN,DEFAULT_MAX_FILE_SIZE_BYTES,1)}isAllowed(file,isPreview=false){if(this.forbiddenMimeTypes.includes(file.type))return"type";if(this.allowedMimeTypes.length>0&&!this.allowedMimeTypes.includes(file.type))return"type";if(this.accept&&!matchesAccept(file,this.accept,isPreview))return"type";const maxFileSize=this.effectiveMaxFileSize;if(maxFileSize!==null&&file.size>maxFileSize)return"size";return"ok"}classify(fileList,isPreview=false){if(!this.multiple&&fileList.length>1){return{files:[],rejected:fileList.map(file=>({file,reason:"count"}))}}const files=[];const rejected=[];for(const f of fileList){const reason=this.isAllowed(f,isPreview);if(reason==="ok")files.push(f);else rejected.push({file:f,reason})}return{files,rejected}}rejectionMessage(rejected){const filename=rejected.file.name;switch(rejected.reason){case"type":return this.localize("fileInputRejectedType",void 0,{filename});case"size":return this.localize("fileInputRejectedSize",void 0,{filename});case"count":return this.localize("fileInputRejectedCount",void 0,{filename});case"directory":return this.localize("fileInputFolderRejected",void 0,{filename})}}emitFiles(fileList,additionalRejected=[]){const{files,rejected}=this.classify(fileList);rejected.push(...additionalRejected);this.rejectedFiles=rejected;const messages=[];const numberFormat=getNumberFormat(this.effectiveLocale);if(files.length){messages.push(this.localize(files.length===1?"fileInputAcceptedOne":"fileInputAcceptedMany",this.acceptedMessage==="{count} file(s) added."?void 0:this.acceptedMessage,{count:numberFormat.format(files.length)}))}if(rejected.length){messages.push(this.localize(rejected.length===1?"fileInputRejectedOne":"fileInputRejectedMany",this.rejectedMessage==="{count} file(s) rejected."?void 0:this.rejectedMessage,{count:numberFormat.format(rejected.length)}))}this.resultStatus=messages.join(" ");if(files.length){this.touched=true;this.files=this.multiple?[...this._files,...files]:files;dispatchNativeEvent(this,"input");dispatchNativeEvent(this,"change")}this.emit("lr-files",{files,rejected})}openPicker(){if(this.effectiveDisabled)return;this.inputEl?.click()}focus(options){this.baseEl?.focus(options)}blur(){this.baseEl?.blur()}click(){this.openPicker()}resetDragSession(){this.dragCounter=0;this.dragState="default";this.publishCustomStates()}previewState(fileList){const{rejected}=this.classify(fileList,true);return rejected.length>0?"reject":"accept"}readDroppedEntry(entry){if(entry.isFile){return new Promise(resolve=>{entry.file(file=>resolve([file]),()=>resolve([]))})}if(!entry.isDirectory)return Promise.resolve([]);const reader=entry.createReader();return new Promise(resolve=>{const files=[];const readBatch=()=>{reader.readEntries(entries=>{if(entries.length===0){resolve(files);return}void Promise.all(entries.map(child=>this.readDroppedEntry(child))).then(nested=>{files.push(...nested.flat());readBatch()})},()=>resolve(files))};readBatch()})}statusText(){if(this.dragState==="accept")return this.localize("dropzoneReleaseToAdd");if(this.dragState==="reject")return this.localize("dropzoneRejectedType");return this.resultStatus}get effectiveLabel(){return this.label||this.localize("fileInputDefaultLabel")}removeFile(index){if(this.effectiveDisabled||index<0||index>=this._files.length)return;this.touched=true;this.files=this._files.filter((_,candidate)=>candidate!==index);dispatchNativeEvent(this,"input");dispatchNativeEvent(this,"change")}fileSize(file){return formatFileSize(file.size,unit=>this.localize(FILE_SIZE_UNIT_KEYS[unit]),(value,fractionDigits)=>getNumberFormat(this.effectiveLocale,{minimumFractionDigits:fractionDigits,maximumFractionDigits:fractionDigits}).format(value))}renderFile(file,index){const thumbnail=this.thumbnailUrls.get(file)?.url;return html`<div part="file">
+var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)if(d=decorators[i])r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r;return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,state,query}from"lit/decorators.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{LyraElement}from"../../../internal/lyra-element.js";import{srOnly}from"../../../internal/a11y.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{finiteCount,finiteRange}from"../../../internal/numbers.js";import{AnchoredValidityController,VALIDITY_ANCHOR}from"../../../internal/anchored-validity.js";import{setCustomState,syncValidityStates}from"../../../internal/custom-states.js";import{attachInternalsSafely,getFormOwner,installCustomErrorProperty,isBarredFromValidation,setFormOwner}from"../../../internal/form-associated.js";import{installInvalidEventAlias}from"../../../internal/invalid-event-alias.js";import{dispatchNativeEvent,relayNativeEvent}from"../../../internal/native-event-relay.js";import{sizes}from"../../../internal/sizes.styles.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{closeIcon,fileIcon}from"../../../internal/icons.js";import{styles}from"./file-input.styles.js";import{matchesAccept}from"./accept.js";import{presenceTrueDefaultBooleanConverter as trueDefaultBooleanConverter}from"../../../internal/converters.js";import{FILE_SIZE_UNIT_KEYS,formatFileSize}from"../attachment-chip/file-size.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_dropzoneRejectedType,LYRA_DEFAULT_dropzoneReleaseToAdd,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_fileInputAcceptedMany,LYRA_DEFAULT_fileInputAcceptedOne,LYRA_DEFAULT_fileInputDefaultLabel,LYRA_DEFAULT_fileInputFolderRejected,LYRA_DEFAULT_fileInputRejectedCount,LYRA_DEFAULT_fileInputRejectedMany,LYRA_DEFAULT_fileInputRejectedOne,LYRA_DEFAULT_fileInputRejectedSize,LYRA_DEFAULT_fileInputRejectedType,LYRA_DEFAULT_fileSizeUnitB,LYRA_DEFAULT_fileSizeUnitGb,LYRA_DEFAULT_fileSizeUnitKb,LYRA_DEFAULT_fileSizeUnitMb,LYRA_DEFAULT_fileSizeUnitTb,LYRA_DEFAULT_open,LYRA_DEFAULT_removeWithContext,LYRA_DEFAULT_restore}from"../../../internal/default-strings.generated.js";const DEFAULT_MAX_FILE_SIZE_BYTES=25*1024*1024;const INTERACTIVE_CONTENT_SELECTOR='a[href], area[href], button, input, select, textarea, summary, [contenteditable]:not([contenteditable="false"]), [role="button"], [role="link"], [tabindex]:not([tabindex="-1"])';function isElementTarget(value){const candidate=value;return candidate.nodeType===1&&typeof candidate.matches==="function"}function isFileValue(value){if(value===null||typeof value!=="object")return false;try{const candidate=value;return Object.prototype.toString.call(value)==="[object File]"&&typeof candidate.name==="string"&&typeof candidate.lastModified==="number"&&typeof candidate.size==="number"&&typeof candidate.type==="string"&&typeof candidate.slice==="function"}catch{return false}}function isFormDataValue(value){if(value===null||typeof value!=="object")return false;try{const candidate=value;return Object.prototype.toString.call(value)==="[object FormData]"&&typeof candidate.append==="function"&&typeof candidate.values==="function"}catch{return false}}class LyraFileInput extends LyraElement{static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,details:LYRA_DEFAULT_details,dropzoneRejectedType:LYRA_DEFAULT_dropzoneRejectedType,dropzoneReleaseToAdd:LYRA_DEFAULT_dropzoneReleaseToAdd,fieldRequired:LYRA_DEFAULT_fieldRequired,fileInputAcceptedMany:LYRA_DEFAULT_fileInputAcceptedMany,fileInputAcceptedOne:LYRA_DEFAULT_fileInputAcceptedOne,fileInputDefaultLabel:LYRA_DEFAULT_fileInputDefaultLabel,fileInputFolderRejected:LYRA_DEFAULT_fileInputFolderRejected,fileInputRejectedCount:LYRA_DEFAULT_fileInputRejectedCount,fileInputRejectedMany:LYRA_DEFAULT_fileInputRejectedMany,fileInputRejectedOne:LYRA_DEFAULT_fileInputRejectedOne,fileInputRejectedSize:LYRA_DEFAULT_fileInputRejectedSize,fileInputRejectedType:LYRA_DEFAULT_fileInputRejectedType,fileSizeUnitB:LYRA_DEFAULT_fileSizeUnitB,fileSizeUnitGb:LYRA_DEFAULT_fileSizeUnitGb,fileSizeUnitKb:LYRA_DEFAULT_fileSizeUnitKb,fileSizeUnitMb:LYRA_DEFAULT_fileSizeUnitMb,fileSizeUnitTb:LYRA_DEFAULT_fileSizeUnitTb,open:LYRA_DEFAULT_open,removeWithContext:LYRA_DEFAULT_removeWithContext,restore:LYRA_DEFAULT_restore}}static{this.formAssociated=true}static{this.styles=[LyraElement.styles,sizes,styles,srOnly]}static{this.properties={customError:{attribute:"custom-error",reflect:true,noAccessor:true},name:{reflect:true,noAccessor:true},files:{attribute:false,noAccessor:true},disabled:{type:Boolean,reflect:true,noAccessor:true},required:{type:Boolean,reflect:true,noAccessor:true}}}constructor(){super();this.multiple=false;this.compact=false;this.accept="";this.capture="";this.allowedMimeTypes=[];this.forbiddenMimeTypes=[];this.maxFileSize=0;this.directory=false;this.paste=true;this.label="";this.hint="";this.withLabel=false;this.withHint=false;this.size="m";this.validators=[];this.accessibleLabel="";this.acceptedMessage="{count} file(s) added.";this.rejectedMessage="{count} file(s) rejected.";this.dragState="default";this.resultStatus="";this.rejectedFiles=[];this.touched=false;this.slotPresence=new SlotPresenceController(this);this.dragCounter=0;this.dropToken=0;this.announcementsArmed=false;this._name=null;this._files=[];this._fileCount=0;this._disabled=false;this._required=false;this._fieldsetDisabled=false;this.thumbnailUrls=new Map;this.onDragEnter=e=>{e.preventDefault();if(this.effectiveDisabled)return;this.dragCounter++;const items=e.dataTransfer?[...e.dataTransfer.items].filter(i=>i.kind==="file"):[];this.dragState=items.length?this.previewState(items):"default";this.publishCustomStates()};this.onDragOver=e=>{e.preventDefault();if(this.effectiveDisabled)return};this.onDragLeave=e=>{if(this.effectiveDisabled)return;e.preventDefault();this.dragCounter=Math.max(0,this.dragCounter-1);if(this.dragCounter===0){this.dragState="default";this.publishCustomStates()}};this.onDrop=e=>{e.preventDefault();if(this.effectiveDisabled)return;this.resetDragSession();const token=++this.dropToken;const files=[...e.dataTransfer?.files??[]];const folders=[...e.dataTransfer?.items??[]].map(item=>item.webkitGetAsEntry?.()).filter(entry=>!!entry&&entry.isDirectory);if(folders.length&&this.multiple){void Promise.all(folders.map(folder=>this.readDroppedEntry(folder))).then(nested=>{if(token!==this.dropToken||!this.isConnected||this.effectiveDisabled)return;const allFiles=[...files,...nested.flat()];if(allFiles.length)this.emitFiles(allFiles)});return}const FileCtor=this.ownerDocument.defaultView?.File??globalThis.File;const rejectedFolders=folders.map(folder=>({file:new FileCtor([],folder.name),reason:"directory"}));if(files.length||rejectedFolders.length)this.emitFiles(files,rejectedFolders)};this.onPaste=e=>{if(!this.paste||this.effectiveDisabled)return;const files=[...e.clipboardData?.files??[]];if(files.length){e.preventDefault();this.emitFiles(files)}};this.onInputChange=e=>{const input=e.target;const files=[...input.files??[]];input.value="";if(!this.effectiveDisabled&&files.length)this.emitFiles(files)};this.onFocus=event=>{relayNativeEvent(this,event)};this.onBlur=event=>{if(!this.effectiveDisabled)this.touched=true;this.publishCustomStates();relayNativeEvent(this,event)};this.onKeyDown=e=>{if(this.effectiveDisabled)return;if(e.key==="Enter"||e.key===" "||e.key==="Spacebar"){e.preventDefault();this.openPicker()}};this.onDropzoneClick=event=>{const path=event.composedPath();if(path.includes(this.baseEl)||path.some(node=>isElementTarget(node)&&node.matches(INTERACTIVE_CONTENT_SELECTOR))){return}this.openPicker()};this.internals=attachInternalsSafely(this);this.validityController=new AnchoredValidityController(this,this.internals,()=>this[VALIDITY_ANCHOR]());installCustomErrorProperty(this,()=>this.validityController.customValidityMessage);installInvalidEventAlias(this,init=>this.emit("lr-invalid",void 0,init));this.internals.setFormValue(null)}get form(){return getFormOwner(this.internals)}set form(owner){setFormOwner(this,owner)}getForm(){return getFormOwner(this.internals)}get labels(){return this.internals.labels}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}get name(){return this._name}set name(next){const old=this._name;this._name=next==null||next===""?null:String(next);if(this._name==null)this.removeAttribute("name");else this.setAttribute("name",this._name);this.syncFormValue();this.requestUpdate("name",old)}get files(){return[...this._files]}set files(next){const old=this._files;const valid=Array.isArray(next)?next.filter(isFileValue):[];this._files=this.multiple?[...valid]:valid.slice(0,1);this.fileCount=this._files.length;this.syncThumbnailUrls();this.syncFormValue();this.updateValidity();this.requestUpdate("files",old)}get fileCount(){return this._fileCount}set fileCount(next){const old=this._fileCount;this._fileCount=finiteCount(next,this._files.length);this.requestUpdate("fileCount",old)}get dragging(){return this.dragState!=="default"}set dragging(next){const active=Boolean(next);if(active===this.dragging)return;this.dragState=active?"accept":"default";this.publishCustomStates()}get disabled(){return this._disabled}set disabled(next){const old=this._disabled;this._disabled=Boolean(next);this.toggleAttribute("disabled",this._disabled);if(this._disabled){this.dropToken++;this.resetDragSession()}this.updateValidity();this.requestUpdate("disabled",old)}get required(){return this._required}set required(next){const old=this._required;this._required=Boolean(next);this.toggleAttribute("required",this._required);this.updateValidity();this.requestUpdate("required",old)}get effectiveDisabled(){return this.disabled||this._fieldsetDisabled}get validationTarget(){return this.validationTargetOverride??this.baseEl}set validationTarget(next){this.validationTargetOverride=next??void 0;this.validityController.refreshAnchor()}[VALIDITY_ANCHOR](){return this.validationTarget??null}willUpdate(changed){super.willUpdate(changed);if(changed.has("multiple")){if(!this.multiple&&this._files.length>1)this.files=this._files;else this.syncFormValue()}}connectedCallback(){super.connectedCallback();this.syncThumbnailUrls();this.updateValidity();this.politeSink??=acquireAnnouncementSink("polite",{document:this.ownerDocument,source:this});this.assertiveSink??=acquireAnnouncementSink("assertive",{document:this.ownerDocument,source:this})}disconnectedCallback(){this.dropToken++;this.resetDragSession();for(const thumbnail of this.thumbnailUrls.values())thumbnail.revoke();this.thumbnailUrls.clear();this.politeSink?.release();this.politeSink=void 0;this.assertiveSink?.release();this.assertiveSink=void 0;this.announcementsArmed=false;super.disconnectedCallback()}updated(changed){if(this.announcementsArmed){if(changed.has("dragState")||changed.has("resultStatus")){this.politeSink?.announce(this.statusText())}if(changed.has("rejectedFiles")&&this.rejectedFiles.length>0){this.assertiveSink?.announce(this.rejectedFiles.map(rejected=>this.rejectionMessage(rejected)).join(" "))}}this.announcementsArmed=true}syncFormValue(){if(!this.name||this._files.length===0){const state2=this.multiple?this.createFormData():this._files[0]??null;this.internals.setFormValue(null,state2);return}if(this.multiple){const submitted=this.createFormData();const state2=this.createFormData();if(!submitted||!state2){this.internals.setFormValue(null);return}for(const file2 of this._files){submitted.append(this.name,file2);state2.append("file",file2)}this.internals.setFormValue(submitted,state2);return}const file=this._files[0]??null;this.internals.setFormValue(file,file)}createFormData(){const FormDataCtor=this.ownerDocument?.defaultView?.FormData;return FormDataCtor?new FormDataCtor:null}get barredFromValidation(){return isBarredFromValidation(this,this.internals)}updateValidity(){if(this.barredFromValidation){this.validityController.setValidity({})}else if(this.required&&this._files.length===0){this.validityController.setValidity({valueMissing:true},this.localize("fieldRequired"))}else{this.validityController.setValidity({})}this.publishCustomStates()}publishCustomStates(){syncValidityStates(this.internals,{required:this.required,hasInteracted:this.touched,barred:this.barredFromValidation});setCustomState(this.internals,"blank",this._files.length===0);setCustomState(this.internals,"dragging",this.dragging);this.toggleAttribute("dragging",this.dragging)}checkValidity(){return this.internals.checkValidity()}reportValidity(){this.touched=true;this.publishCustomStates();return this.internals.reportValidity()}setCustomValidity(message){this.validityController.setCustomValidity(message??"");this.publishCustomStates()}resetValidity(){this.validityController.setCustomValidity("");this.updateValidity()}formResetCallback(){this.touched=false;this.files=[];this.rejectedFiles=[];this.resultStatus=""}formStateRestoreCallback(state2,reason){void reason;if(isFileValue(state2)){this.files=[state2];return}if(isFormDataValue(state2)){this.files=[...state2.values()].filter(isFileValue);return}this.files=[]}formDisabledCallback(disabled){this._fieldsetDisabled=disabled;if(disabled){this.dropToken++;this.resetDragSession()}this.updateValidity();this.requestUpdate()}syncThumbnailUrls(){const urlApi=this.ownerDocument.defaultView?.URL??globalThis.URL;const canCreate=typeof urlApi.createObjectURL==="function";const canRevoke=typeof urlApi.revokeObjectURL==="function";let changed=false;for(const[file,thumbnail]of this.thumbnailUrls){if(!this._files.includes(file)||thumbnail.owner!==urlApi){thumbnail.revoke();this.thumbnailUrls.delete(file);changed=true}}if(canCreate){for(const file of this._files){if(!file.type.startsWith("image/")||this.thumbnailUrls.has(file))continue;const url=urlApi.createObjectURL(file);this.thumbnailUrls.set(file,{url,owner:urlApi,revoke:canRevoke?()=>urlApi.revokeObjectURL(url):()=>void 0});changed=true}}if(changed)this.requestUpdate()}get effectiveMaxFileSize(){const maxFileSize=this.maxFileSize;if(maxFileSize===0||maxFileSize===Infinity)return null;return finiteRange(maxFileSize>0?maxFileSize:NaN,DEFAULT_MAX_FILE_SIZE_BYTES,1)}isAllowed(file,isPreview=false){if(this.forbiddenMimeTypes.includes(file.type))return"type";if(this.allowedMimeTypes.length>0&&!this.allowedMimeTypes.includes(file.type))return"type";if(this.accept&&!matchesAccept(file,this.accept,isPreview))return"type";const maxFileSize=this.effectiveMaxFileSize;if(maxFileSize!==null&&file.size>maxFileSize)return"size";return"ok"}classify(fileList,isPreview=false){if(!this.multiple&&fileList.length>1){return{files:[],rejected:fileList.map(file=>({file,reason:"count"}))}}const files=[];const rejected=[];for(const f of fileList){const reason=this.isAllowed(f,isPreview);if(reason==="ok")files.push(f);else rejected.push({file:f,reason})}return{files,rejected}}rejectionMessage(rejected){const filename=rejected.file.name;switch(rejected.reason){case"type":return this.localize("fileInputRejectedType",void 0,{filename});case"size":return this.localize("fileInputRejectedSize",void 0,{filename});case"count":return this.localize("fileInputRejectedCount",void 0,{filename});case"directory":return this.localize("fileInputFolderRejected",void 0,{filename})}}emitFiles(fileList,additionalRejected=[]){const{files,rejected}=this.classify(fileList);rejected.push(...additionalRejected);this.rejectedFiles=rejected;const messages=[];const numberFormat=getNumberFormat(this.effectiveLocale);if(files.length){messages.push(this.localize(files.length===1?"fileInputAcceptedOne":"fileInputAcceptedMany",this.acceptedMessage==="{count} file(s) added."?void 0:this.acceptedMessage,{count:numberFormat.format(files.length)}))}if(rejected.length){messages.push(this.localize(rejected.length===1?"fileInputRejectedOne":"fileInputRejectedMany",this.rejectedMessage==="{count} file(s) rejected."?void 0:this.rejectedMessage,{count:numberFormat.format(rejected.length)}))}this.resultStatus=messages.join(" ");if(files.length){this.touched=true;this.files=this.multiple?[...this._files,...files]:files;dispatchNativeEvent(this,"input");dispatchNativeEvent(this,"change")}this.emit("lr-files",{files,rejected})}openPicker(){if(this.effectiveDisabled)return;this.inputEl?.click()}focus(options){this.baseEl?.focus(options)}blur(){this.baseEl?.blur()}click(){this.openPicker()}resetDragSession(){this.dragCounter=0;this.dragState="default";this.publishCustomStates()}previewState(fileList){const{rejected}=this.classify(fileList,true);return rejected.length>0?"reject":"accept"}readDroppedEntry(entry){if(entry.isFile){return new Promise(resolve=>{entry.file(file=>resolve([file]),()=>resolve([]))})}if(!entry.isDirectory)return Promise.resolve([]);const reader=entry.createReader();return new Promise(resolve=>{const files=[];const readBatch=()=>{reader.readEntries(entries=>{if(entries.length===0){resolve(files);return}void Promise.all(entries.map(child=>this.readDroppedEntry(child))).then(nested=>{files.push(...nested.flat());readBatch()})},()=>resolve(files))};readBatch()})}statusText(){if(this.dragState==="accept")return this.localize("dropzoneReleaseToAdd");if(this.dragState==="reject")return this.localize("dropzoneRejectedType");return this.resultStatus}get effectiveLabel(){return this.label||this.localize("fileInputDefaultLabel")}removeFile(index){if(this.effectiveDisabled||index<0||index>=this._files.length)return;this.touched=true;this.files=this._files.filter((_,candidate)=>candidate!==index);dispatchNativeEvent(this,"input");dispatchNativeEvent(this,"change")}fileSize(file){return formatFileSize(file.size,unit=>this.localize(FILE_SIZE_UNIT_KEYS[unit]),(value,fractionDigits)=>getNumberFormat(this.effectiveLocale,{minimumFractionDigits:fractionDigits,maximumFractionDigits:fractionDigits}).format(value))}renderFile(file,index){const thumbnail=this.thumbnailUrls.get(file)?.url;return html`<div part="file">
       <span part="file-thumbnail" aria-hidden="true">
         ${thumbnail?html`<img part="file-image" src=${thumbnail} alt="" />`:html`<span part="file-icon">${fileIcon()}</span>`}
       </span>

package/dist/components/utility/known-date/known-date.class.js

@@ -1,4 +1,4 @@
-var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)if(d=decorators[i])r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r;return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{FormAssociated,isBarredFromValidation}from"../../../internal/form-associated.js";import{SET_ANCHORED_VALIDITY}from"../../../internal/anchored-validity.js";import{composedParentElement,isAccessibilitySubtreeExcluded,isAccessibilityVisible,isAccessibilityVisibilityHidden,nextId}from"../../../internal/a11y.js";import{sizes}from"../../../internal/sizes.styles.js";import{styles}from"./known-date.styles.js";import{getDateTimeFormat,getNumberFormat}from"../../../internal/intl-cache.js";import{activeElementIn}from"../../../internal/active-element.js";import{isImplicitSubmission,submitOnEnter}from"../../../internal/submit-on-enter.js";import{setCustomState}from"../../../internal/custom-states.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_date,LYRA_DEFAULT_dateInputInvalid,LYRA_DEFAULT_dateInputMaxMessage,LYRA_DEFAULT_dateInputMinMessage,LYRA_DEFAULT_details,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_knownDateDay,LYRA_DEFAULT_knownDateMonth,LYRA_DEFAULT_knownDateYear,LYRA_DEFAULT_open,LYRA_DEFAULT_restore,LYRA_DEFAULT_search}from"../../../internal/default-strings.generated.js";const EMPTY_PARTS={day:"",month:"",year:""};function parseISO(value){const match=/^(\d{4})-(\d{2})-(\d{2})$/.exec(value);if(!match)return null;const year=Number(match[1]);const month=Number(match[2]);const day=Number(match[3]);const date=new Date(year,month-1,day);if(isNaN(date.getTime()))return null;if(date.getFullYear()!==year||date.getMonth()!==month-1||date.getDate()!==day)return null;return date}function formatISO(date){const mm=String(date.getMonth()+1).padStart(2,"0");const dd=String(date.getDate()).padStart(2,"0");return`${date.getFullYear()}-${mm}-${dd}`}function localeDateOrder(locale){try{const parts=getDateTimeFormat(locale||void 0,{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date(2026,0,2));const order=parts.filter(p=>p.type==="day"||p.type==="month"||p.type==="year").map(p=>p.type);return order.length===3?order:["month","day","year"]}catch{return["month","day","year"]}}class LyraKnownDateBase extends LyraElement{}function addCompatibilityDetail(event,detail){Object.defineProperty(event,"detail",{configurable:true,value:detail});return event}class LyraKnownDate extends FormAssociated(LyraKnownDateBase){static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,date:LYRA_DEFAULT_date,dateInputInvalid:LYRA_DEFAULT_dateInputInvalid,dateInputMaxMessage:LYRA_DEFAULT_dateInputMaxMessage,dateInputMinMessage:LYRA_DEFAULT_dateInputMinMessage,details:LYRA_DEFAULT_details,fieldRequired:LYRA_DEFAULT_fieldRequired,knownDateDay:LYRA_DEFAULT_knownDateDay,knownDateMonth:LYRA_DEFAULT_knownDateMonth,knownDateYear:LYRA_DEFAULT_knownDateYear,open:LYRA_DEFAULT_open,restore:LYRA_DEFAULT_restore,search:LYRA_DEFAULT_search}}static{this.styles=[LyraElement.styles,sizes,styles]}static{this.properties={min:{reflect:true,noAccessor:true},max:{reflect:true,noAccessor:true},readonly:{type:Boolean,reflect:true,noAccessor:true},parts:{attribute:false,noAccessor:true}}}constructor(){super();this.size="m";this.appearance="outlined";this.pill=false;this.label="";this.hint="";this.errorText="";this.locale="";this.autocomplete="";this.withLabel=false;this.withHint=false;this.accessibleLabel=null;this.dayLabel="Day";this.monthLabel="Month";this.yearLabel="Year";this._parts={...EMPTY_PARTS};this.touched=false;this.hasLabelSlot=false;this.hasHintSlot=false;this.hasErrorSlot=false;this._min="";this._max="";this._readonly=false;this.lastCommittedValue="";this.lastEditedField="day";this.errorAnnouncementsArmed=false;this.lastVisibleError="";this.connectionGeneration=0;this.onForwardedSlotChange=event=>{const target=event.target;if(target?.nodeType!==1||target.localName!=="slot")return;this.bindErrorObserverTargets();this.announceVisibleError()};this.hintId=nextId("known-date-hint");this.errorId=nextId("known-date-error");this.dayId=nextId("known-date-day");this.monthId=nextId("known-date-month");this.yearId=nextId("known-date-year");this.onLabelSlotChange=e=>{this.hasLabelSlot=e.target.assignedElements({flatten:true}).length>0};this.onHintSlotChange=e=>{this.hasHintSlot=e.target.assignedElements({flatten:true}).length>0};this.onErrorSlotChange=e=>{this.hasErrorSlot=e.target.assignedElements({flatten:true}).length>0};this.onFieldInput=(field,e)=>{e.stopPropagation();const input=e.target;const maxLength=field==="year"?4:2;const digits=this.normalizeFieldDigits(input.value).slice(0,maxLength);if(input.value!==digits)input.value=digits;this.setFieldText(field,digits);this.lastEditedField=field;this.commitFromFields();const InputEventConstructor=this.ownerDocument.defaultView?.InputEvent??InputEvent;const event=addCompatibilityDetail(new InputEventConstructor("input",{bubbles:true,composed:true,inputType:"insertText"}),this.detailFor(field));this.dispatchEvent(event);if(field!=="year"&&digits.length===maxLength)this.focusAdjacentField(field,1)};this.onFieldKeydown=(field,e)=>{const input=e.currentTarget;if(isImplicitSubmission(e)){if(this.effectiveDisabled||this.readonly)return;submitOnEnter(this,e,{beforeSubmit:()=>this.commitChangeIfNeeded()});return}if(e.key==="Backspace"&&this.textFor(field)===""){e.preventDefault();this.focusAdjacentField(field,-1);return}if(e.key!=="ArrowLeft"&&e.key!=="ArrowRight")return;const atStart=input.selectionStart===0&&input.selectionEnd===0;const atEnd=input.selectionStart===input.value.length&&input.selectionEnd===input.value.length;const rtl=this.effectiveDirection==="rtl";if(e.key==="ArrowLeft"&&atStart){e.preventDefault();this.focusAdjacentField(field,rtl?1:-1)}else if(e.key==="ArrowRight"&&atEnd){e.preventDefault();this.focusAdjacentField(field,rtl?-1:1)}};this.onFieldFocus=e=>{e.stopPropagation();this.emit("focus")};this.onFieldBlur=e=>{e.stopPropagation();this.commitChangeIfNeeded();const related=e.relatedTarget;const active=activeElementIn(this.shadowRoot);const staysInsideControl=e.isTrusted&&(this.isRenderedFieldTarget(related)||active!==e.target&&this.isRenderedFieldTarget(active));if(staysInsideControl)return;this.touched=true;this.emit("blur")};this.addEventListener("invalid",()=>{this.touched=true})}connectedCallback(){super.connectedCallback();this.errorAnnouncementSink??=acquireAnnouncementSink("assertive",{document:this.ownerDocument,source:this});const MutationObserverCtor=this.ownerDocument.defaultView?.MutationObserver;this.errorObserver=MutationObserverCtor?new MutationObserverCtor(()=>{this.bindErrorObserverTargets();this.announceVisibleError()}):void 0;this.addEventListener("slotchange",this.onForwardedSlotChange);this.bindErrorObserverTargets();this.errorAnnouncementsArmed=false;const generation=++this.connectionGeneration;void this.updateComplete.then(()=>{const view=this.ownerDocument.defaultView;return typeof view?.requestAnimationFrame==="function"?new Promise(resolve=>view.requestAnimationFrame(()=>resolve())):Promise.resolve()}).then(()=>this.updateComplete).then(()=>{if(!this.isConnected||generation!==this.connectionGeneration)return;this.lastVisibleError=this.visibleErrorText();this.errorAnnouncementsArmed=true})}observeErrorNode(node){if(!this.errorObserver)return;if(node.nodeType===3){this.errorObserver.observe(node,{characterData:true});return}if(node.nodeType!==1)return;this.errorObserver.observe(node,{attributes:true,attributeFilter:["aria-hidden","aria-label","class","hidden","inert","slot","style"],characterData:true,childList:true,subtree:true})}bindErrorObserverTargets(){if(!this.errorObserver)return;this.errorObserver.disconnect();this.observeErrorNode(this);let ancestor=composedParentElement(this);while(ancestor){this.errorObserver.observe(ancestor,{attributes:true,attributeFilter:["aria-hidden","class","hidden","inert","style"]});ancestor=composedParentElement(ancestor)}const errorBranches=Array.from(this.children).filter(element=>element.getAttribute("slot")==="error");const forwardedSlots=errorBranches.flatMap(branch=>[...branch.localName==="slot"?[branch]:[],...branch.querySelectorAll("slot")]);for(const slot of forwardedSlots){for(const assigned of slot.assignedNodes({flatten:true}))this.observeErrorNode(assigned)}}disconnectedCallback(){this.connectionGeneration+=1;this.errorAnnouncementsArmed=false;this.lastVisibleError="";this.removeEventListener("slotchange",this.onForwardedSlotChange);this.errorObserver?.disconnect();this.errorObserver=void 0;this.errorAnnouncementSink?.release();this.errorAnnouncementSink=void 0;super.disconnectedCallback()}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=Boolean(next);this.toggleAttribute("readonly",this._readonly);this.updateValidity();this.requestUpdate("readonly",old)}get parts(){return this._parts}set parts(next){this.setParts(next,true)}setParts(next,programmatic){const old=this._parts;this._parts={day:String(next?.day??""),month:String(next?.month??""),year:String(next?.year??"")};if(programmatic){this.commitFromFields();this.lastCommittedValue=this.value}this.requestUpdate("parts",old)}get value(){return super.value}set value(next){const parsed=this.parseStrictISO(next??"");if(parsed){this.setParts({day:String(parsed.getDate()),month:String(parsed.getMonth()+1),year:String(parsed.getFullYear())},false);super.value=formatISO(parsed)}else{this.setParts({day:"",month:"",year:""},false);super.value=""}this.lastCommittedValue=super.value}get valueAsDate(){return this.value?parseISO(this.value):null}set valueAsDate(next){this.value=next?formatISO(next):""}parseStrictISO(value){if(!/^\d{4}-\d{2}-\d{2}$/.test(value))return null;return parseISO(value)}get fieldOrder(){return localeDateOrder(this.effectiveLocale)}textFor(field){return this._parts[field]}setFieldText(field,text){this.setParts({...this._parts,[field]:text},false)}idFor(field){if(field==="day")return this.dayId;if(field==="month")return this.monthId;return this.yearId}get effectiveDayLabel(){return this.localize("knownDateDay",this.dayLabel==="Day"?void 0:this.dayLabel)}get effectiveMonthLabel(){return this.localize("knownDateMonth",this.monthLabel==="Month"?void 0:this.monthLabel)}get effectiveYearLabel(){return this.localize("knownDateYear",this.yearLabel==="Year"?void 0:this.yearLabel)}labelFor(field){if(field==="day")return this.effectiveDayLabel;if(field==="month")return this.effectiveMonthLabel;return this.effectiveYearLabel}autocompleteFor(field){if(!this.autocomplete)return"";if(this.autocomplete==="bday")return`bday-${field}`;if(this.autocomplete==="on"||this.autocomplete==="off")return this.autocomplete;return field==="year"?this.autocomplete:""}computeCanonicalValue(){if(!this._parts.day||!this._parts.month||!this._parts.year)return"";const iso=`${this._parts.year.padStart(4,"0")}-${this._parts.month.padStart(2,"0")}-${this._parts.day.padStart(2,"0")}`;return parseISO(iso)?iso:""}commitFromFields(){super.value=this.computeCanonicalValue()}get eventDetail(){return{value:this.value,...this._parts}}detailFor(field){return{...this.eventDetail,field}}commitChangeIfNeeded(){if(this.value===this.lastCommittedValue)return;this.lastCommittedValue=this.value;const EventConstructor=this.ownerDocument.defaultView?.Event??Event;const event=addCompatibilityDetail(new EventConstructor("change",{bubbles:true,composed:true}),this.detailFor(this.lastEditedField));this.dispatchEvent(event)}fieldInputElement(field){return this.renderRoot.querySelector(`input[data-field="${field}"]`)}isRenderedFieldTarget(target){if(!target||typeof target!=="object")return false;const field=target.dataset?.field;if(field!=="day"&&field!=="month"&&field!=="year")return false;return this.fieldInputElement(field)===target}focusAdjacentField(field,delta){const order=this.fieldOrder;const targetIndex=order.indexOf(field)+delta;if(targetIndex<0||targetIndex>=order.length)return;this.fieldInputElement(order[targetIndex])?.focus()}updateValidity(){if(isBarredFromValidation(this,this.internals)){this[SET_ANCHORED_VALIDITY]({});return}const flags={};let message="";const blank=this._parts.day===""&&this._parts.month===""&&this._parts.year==="";if(this.value===""){if(this.required&&blank){flags.valueMissing=true;message=this.localize("fieldRequired")}else if(!blank){flags.badInput=true;message=this.localize("dateInputInvalid")}}else{const date=parseISO(this.value);const min=this.parseStrictISO(this.min);const max=this.parseStrictISO(this.max);if(min&&date<min){flags.rangeUnderflow=true;message=this.localize("dateInputMinMessage",void 0,{min:this.min})}if(max&&date>max){flags.rangeOverflow=true;message||=this.localize("dateInputMaxMessage",void 0,{max:this.max})}}this[SET_ANCHORED_VALIDITY](flags,message)}willUpdate(changed){super.willUpdate(changed);if(!this.hasUpdated){this.hasLabelSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="label");this.hasHintSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="hint");this.hasErrorSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="error")}}updated(changed){super.updated(changed);setCustomState(this.internals,"blank",this.value==="");setCustomState(this.internals,"disabled",this.effectiveDisabled);if(changed.has("touched")||changed.has("required")||changed.has("value")||changed.has("min")||changed.has("max")||changed.has("readonly")){this.toggleAttribute("data-invalid",this.touched&&!this.internals.validity.valid)}this.announceVisibleError()}formResetCallback(){super.formResetCallback();this.touched=false}formStateRestoreCallback(state2){this.value=typeof state2==="string"?state2:""}setCustomValidity(message){super.setCustomValidity(message);this.requestUpdate()}resetValidity(){this.setCustomValidity("");this.updateValidity()}visibleErrorText(){const slottedElements=Array.from(this.children).filter(element=>element.getAttribute("slot")==="error");if(slottedElements.length>0){return slottedElements.map(element=>this.accessibleVisibleText(element)).join(" ").replace(/\s+/g," ").trim()}return(this.errorText||(this.touched?this.validationMessage:"")).trim()}accessibleVisibleText(node){if(node.nodeType===3)return node.textContent??"";if(node.nodeType!==1)return"";const element=node;if(isAccessibilitySubtreeExcluded(element))return"";const visibilityHidden=isAccessibilityVisibilityHidden(element);const accessibleLabel=visibilityHidden?null:element.getAttribute("aria-label");if(accessibleLabel?.trim())return accessibleLabel;const assigned=element.localName==="slot"?element.assignedNodes({flatten:true}):[];const children=assigned.length>0?assigned:Array.from(element.childNodes);return children.map(child=>child.nodeType===3&&visibilityHidden?"":this.accessibleVisibleText(child)).join(" ")}announceVisibleError(){if(!this.errorAnnouncementsArmed||!isAccessibilityVisible(this))return;const message=this.visibleErrorText();if(message===this.lastVisibleError)return;this.lastVisibleError=message;if(message)this.errorAnnouncementSink?.announce(message)}normalizeFieldDigits(value){const digitMap=new Map([["\u0660","0"],["\u0661","1"],["\u0662","2"],["\u0663","3"],["\u0664","4"],["\u0665","5"],["\u0666","6"],["\u0667","7"],["\u0668","8"],["\u0669","9"],["\u06F0","0"],["\u06F1","1"],["\u06F2","2"],["\u06F3","3"],["\u06F4","4"],["\u06F5","5"],["\u06F6","6"],["\u06F7","7"],["\u06F8","8"],["\u06F9","9"]]);try{const formatter=getNumberFormat(this.effectiveLocale||void 0,{useGrouping:false});for(let digit=0;digit<=9;digit++)digitMap.set(formatter.format(digit),String(digit))}catch{}let normalized="";for(const character of value){if(character>="0"&&character<="9")normalized+=character;else normalized+=digitMap.get(character)??""}return normalized}focus(options){const target=this.fieldOrder.find(field=>this.textFor(field)==="")??this.fieldOrder[0];this.fieldInputElement(target)?.focus(options)}blur(){this.renderRoot.querySelector("input:focus")?.blur()}click(){this.fieldInputElement(this.fieldOrder[0])?.click()}renderField(field,describedBy,invalid){const id=this.idFor(field);const maxLength=field==="year"?4:2;const fieldPart=field==="day"?"field field-day":field==="month"?"field field-month":"field field-year";return html`
+var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)if(d=decorators[i])r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r;return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{FormAssociated,isBarredFromValidation}from"../../../internal/form-associated.js";import{SET_ANCHORED_VALIDITY}from"../../../internal/anchored-validity.js";import{composedParentElement,isAccessibilitySubtreeExcluded,isAccessibilityVisible,isAccessibilityVisibilityHidden,nextId}from"../../../internal/a11y.js";import{sizes}from"../../../internal/sizes.styles.js";import{styles}from"./known-date.styles.js";import{getDateTimeFormat,getNumberFormat}from"../../../internal/intl-cache.js";import{activeElementIn}from"../../../internal/active-element.js";import{isImplicitSubmission,submitOnEnter}from"../../../internal/submit-on-enter.js";import{setCustomState}from"../../../internal/custom-states.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_date,LYRA_DEFAULT_dateInputInvalid,LYRA_DEFAULT_dateInputMaxMessage,LYRA_DEFAULT_dateInputMinMessage,LYRA_DEFAULT_details,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_knownDateDay,LYRA_DEFAULT_knownDateMonth,LYRA_DEFAULT_knownDateYear,LYRA_DEFAULT_open,LYRA_DEFAULT_restore,LYRA_DEFAULT_search}from"../../../internal/default-strings.generated.js";const EMPTY_PARTS={day:"",month:"",year:""};function parseISO(value){const match=/^(\d{4})-(\d{2})-(\d{2})$/.exec(value);if(!match)return null;const year=Number(match[1]);const month=Number(match[2]);const day=Number(match[3]);const date=new Date(year,month-1,day);if(isNaN(date.getTime()))return null;if(date.getFullYear()!==year||date.getMonth()!==month-1||date.getDate()!==day)return null;return date}function formatISO(date){const mm=String(date.getMonth()+1).padStart(2,"0");const dd=String(date.getDate()).padStart(2,"0");return`${date.getFullYear()}-${mm}-${dd}`}function localeDateOrder(locale){try{const parts=getDateTimeFormat(locale||void 0,{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date(2026,0,2));const order=parts.filter(p=>p.type==="day"||p.type==="month"||p.type==="year").map(p=>p.type);return order.length===3?order:["month","day","year"]}catch{return["month","day","year"]}}class LyraKnownDateBase extends LyraElement{}function addCompatibilityDetail(event,detail){Object.defineProperty(event,"detail",{configurable:true,value:detail});return event}class LyraKnownDate extends FormAssociated(LyraKnownDateBase){static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,date:LYRA_DEFAULT_date,dateInputInvalid:LYRA_DEFAULT_dateInputInvalid,dateInputMaxMessage:LYRA_DEFAULT_dateInputMaxMessage,dateInputMinMessage:LYRA_DEFAULT_dateInputMinMessage,details:LYRA_DEFAULT_details,fieldRequired:LYRA_DEFAULT_fieldRequired,knownDateDay:LYRA_DEFAULT_knownDateDay,knownDateMonth:LYRA_DEFAULT_knownDateMonth,knownDateYear:LYRA_DEFAULT_knownDateYear,open:LYRA_DEFAULT_open,restore:LYRA_DEFAULT_restore,search:LYRA_DEFAULT_search}}static{this.styles=[LyraElement.styles,sizes,styles]}static{this.properties={min:{reflect:true,noAccessor:true},max:{reflect:true,noAccessor:true},readonly:{type:Boolean,reflect:true,noAccessor:true},parts:{attribute:false,noAccessor:true}}}constructor(){super();this.size="m";this.appearance="outlined";this.pill=false;this.label="";this.hint="";this.errorText="";this.locale="";this.autocomplete="";this.withLabel=false;this.withHint=false;this.accessibleLabel=null;this.dayLabel="Day";this.monthLabel="Month";this.yearLabel="Year";this._parts={...EMPTY_PARTS};this.touched=false;this.hasLabelSlot=false;this.hasHintSlot=false;this.hasErrorSlot=false;this._min="";this._max="";this._readonly=false;this.lastCommittedValue="";this.lastEditedField="day";this.errorAnnouncementsArmed=false;this.lastVisibleError="";this.connectionGeneration=0;this.onForwardedSlotChange=event=>{const target=event.target;if(target?.nodeType!==1||target.localName!=="slot")return;this.bindErrorObserverTargets();this.announceVisibleError()};this.hintId=nextId("known-date-hint");this.errorId=nextId("known-date-error");this.dayId=nextId("known-date-day");this.monthId=nextId("known-date-month");this.yearId=nextId("known-date-year");this.onLabelSlotChange=e=>{this.hasLabelSlot=e.target.assignedElements({flatten:true}).length>0};this.onHintSlotChange=e=>{this.hasHintSlot=e.target.assignedElements({flatten:true}).length>0};this.onErrorSlotChange=e=>{this.hasErrorSlot=e.target.assignedElements({flatten:true}).length>0};this.onFieldInput=(field,e)=>{e.stopPropagation();const input=e.target;const maxLength=field==="year"?4:2;const digits=this.normalizeFieldDigits(input.value).slice(0,maxLength);if(input.value!==digits)input.value=digits;this.setFieldText(field,digits);this.lastEditedField=field;this.commitFromFields();const InputEventConstructor=this.ownerDocument.defaultView?.InputEvent??InputEvent;const event=addCompatibilityDetail(new InputEventConstructor("input",{bubbles:true,composed:true,inputType:"insertText"}),this.detailFor(field));this.dispatchEvent(event);if(field!=="year"&&digits.length===maxLength)this.focusAdjacentField(field,1)};this.onFieldKeydown=(field,e)=>{const input=e.currentTarget;if(isImplicitSubmission(e)){if(this.effectiveDisabled||this.readonly)return;submitOnEnter(this,e,{beforeSubmit:()=>this.commitChangeIfNeeded()});return}if(e.key==="Backspace"&&this.textFor(field)===""){e.preventDefault();this.focusAdjacentField(field,-1);return}if(e.key!=="ArrowLeft"&&e.key!=="ArrowRight")return;const atStart=input.selectionStart===0&&input.selectionEnd===0;const atEnd=input.selectionStart===input.value.length&&input.selectionEnd===input.value.length;const rtl=this.effectiveDirection==="rtl";if(e.key==="ArrowLeft"&&atStart){e.preventDefault();this.focusAdjacentField(field,rtl?1:-1)}else if(e.key==="ArrowRight"&&atEnd){e.preventDefault();this.focusAdjacentField(field,rtl?-1:1)}};this.onFieldFocus=e=>{e.stopPropagation();this.emit("focus")};this.onFieldBlur=e=>{e.stopPropagation();this.commitChangeIfNeeded();const related=e.relatedTarget;const active=activeElementIn(this.shadowRoot);const staysInsideControl=e.isTrusted&&(this.isRenderedFieldTarget(related)||active!==e.target&&this.isRenderedFieldTarget(active));if(staysInsideControl)return;if(!this.effectiveDisabled)this.touched=true;this.emit("blur")};this.addEventListener("invalid",()=>{this.touched=true})}connectedCallback(){super.connectedCallback();this.errorAnnouncementSink??=acquireAnnouncementSink("assertive",{document:this.ownerDocument,source:this});const MutationObserverCtor=this.ownerDocument.defaultView?.MutationObserver;this.errorObserver=MutationObserverCtor?new MutationObserverCtor(()=>{this.bindErrorObserverTargets();this.announceVisibleError()}):void 0;this.addEventListener("slotchange",this.onForwardedSlotChange);this.bindErrorObserverTargets();this.errorAnnouncementsArmed=false;const generation=++this.connectionGeneration;void this.updateComplete.then(()=>{const view=this.ownerDocument.defaultView;return typeof view?.requestAnimationFrame==="function"?new Promise(resolve=>view.requestAnimationFrame(()=>resolve())):Promise.resolve()}).then(()=>this.updateComplete).then(()=>{if(!this.isConnected||generation!==this.connectionGeneration)return;this.lastVisibleError=this.visibleErrorText();this.errorAnnouncementsArmed=true})}observeErrorNode(node){if(!this.errorObserver)return;if(node.nodeType===3){this.errorObserver.observe(node,{characterData:true});return}if(node.nodeType!==1)return;this.errorObserver.observe(node,{attributes:true,attributeFilter:["aria-hidden","aria-label","class","hidden","inert","slot","style"],characterData:true,childList:true,subtree:true})}bindErrorObserverTargets(){if(!this.errorObserver)return;this.errorObserver.disconnect();this.observeErrorNode(this);let ancestor=composedParentElement(this);while(ancestor){this.errorObserver.observe(ancestor,{attributes:true,attributeFilter:["aria-hidden","class","hidden","inert","style"]});ancestor=composedParentElement(ancestor)}const errorBranches=Array.from(this.children).filter(element=>element.getAttribute("slot")==="error");const forwardedSlots=errorBranches.flatMap(branch=>[...branch.localName==="slot"?[branch]:[],...branch.querySelectorAll("slot")]);for(const slot of forwardedSlots){for(const assigned of slot.assignedNodes({flatten:true}))this.observeErrorNode(assigned)}}disconnectedCallback(){this.connectionGeneration+=1;this.errorAnnouncementsArmed=false;this.lastVisibleError="";this.removeEventListener("slotchange",this.onForwardedSlotChange);this.errorObserver?.disconnect();this.errorObserver=void 0;this.errorAnnouncementSink?.release();this.errorAnnouncementSink=void 0;super.disconnectedCallback()}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=Boolean(next);this.toggleAttribute("readonly",this._readonly);this.updateValidity();this.requestUpdate("readonly",old)}get parts(){return this._parts}set parts(next){this.setParts(next,true)}setParts(next,programmatic){const old=this._parts;this._parts={day:String(next?.day??""),month:String(next?.month??""),year:String(next?.year??"")};if(programmatic){this.commitFromFields();this.lastCommittedValue=this.value}this.requestUpdate("parts",old)}get value(){return super.value}set value(next){const parsed=this.parseStrictISO(next??"");if(parsed){this.setParts({day:String(parsed.getDate()),month:String(parsed.getMonth()+1),year:String(parsed.getFullYear())},false);super.value=formatISO(parsed)}else{this.setParts({day:"",month:"",year:""},false);super.value=""}this.lastCommittedValue=super.value}get valueAsDate(){return this.value?parseISO(this.value):null}set valueAsDate(next){this.value=next?formatISO(next):""}parseStrictISO(value){if(!/^\d{4}-\d{2}-\d{2}$/.test(value))return null;return parseISO(value)}get fieldOrder(){return localeDateOrder(this.effectiveLocale)}textFor(field){return this._parts[field]}setFieldText(field,text){this.setParts({...this._parts,[field]:text},false)}idFor(field){if(field==="day")return this.dayId;if(field==="month")return this.monthId;return this.yearId}get effectiveDayLabel(){return this.localize("knownDateDay",this.dayLabel==="Day"?void 0:this.dayLabel)}get effectiveMonthLabel(){return this.localize("knownDateMonth",this.monthLabel==="Month"?void 0:this.monthLabel)}get effectiveYearLabel(){return this.localize("knownDateYear",this.yearLabel==="Year"?void 0:this.yearLabel)}labelFor(field){if(field==="day")return this.effectiveDayLabel;if(field==="month")return this.effectiveMonthLabel;return this.effectiveYearLabel}autocompleteFor(field){if(!this.autocomplete)return"";if(this.autocomplete==="bday")return`bday-${field}`;if(this.autocomplete==="on"||this.autocomplete==="off")return this.autocomplete;return field==="year"?this.autocomplete:""}computeCanonicalValue(){if(!this._parts.day||!this._parts.month||!this._parts.year)return"";const iso=`${this._parts.year.padStart(4,"0")}-${this._parts.month.padStart(2,"0")}-${this._parts.day.padStart(2,"0")}`;return parseISO(iso)?iso:""}commitFromFields(){super.value=this.computeCanonicalValue()}get eventDetail(){return{value:this.value,...this._parts}}detailFor(field){return{...this.eventDetail,field}}commitChangeIfNeeded(){if(this.value===this.lastCommittedValue)return;this.lastCommittedValue=this.value;const EventConstructor=this.ownerDocument.defaultView?.Event??Event;const event=addCompatibilityDetail(new EventConstructor("change",{bubbles:true,composed:true}),this.detailFor(this.lastEditedField));this.dispatchEvent(event)}fieldInputElement(field){return this.renderRoot.querySelector(`input[data-field="${field}"]`)}isRenderedFieldTarget(target){if(!target||typeof target!=="object")return false;const field=target.dataset?.field;if(field!=="day"&&field!=="month"&&field!=="year")return false;return this.fieldInputElement(field)===target}focusAdjacentField(field,delta){const order=this.fieldOrder;const targetIndex=order.indexOf(field)+delta;if(targetIndex<0||targetIndex>=order.length)return;this.fieldInputElement(order[targetIndex])?.focus()}updateValidity(){if(isBarredFromValidation(this,this.internals)){this[SET_ANCHORED_VALIDITY]({});return}const flags={};let message="";const blank=this._parts.day===""&&this._parts.month===""&&this._parts.year==="";if(this.value===""){if(this.required&&blank){flags.valueMissing=true;message=this.localize("fieldRequired")}else if(!blank){flags.badInput=true;message=this.localize("dateInputInvalid")}}else{const date=parseISO(this.value);const min=this.parseStrictISO(this.min);const max=this.parseStrictISO(this.max);if(min&&date<min){flags.rangeUnderflow=true;message=this.localize("dateInputMinMessage",void 0,{min:this.min})}if(max&&date>max){flags.rangeOverflow=true;message||=this.localize("dateInputMaxMessage",void 0,{max:this.max})}}this[SET_ANCHORED_VALIDITY](flags,message)}willUpdate(changed){super.willUpdate(changed);if(!this.hasUpdated){this.hasLabelSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="label");this.hasHintSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="hint");this.hasErrorSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="error")}}updated(changed){super.updated(changed);setCustomState(this.internals,"blank",this.value==="");setCustomState(this.internals,"disabled",this.effectiveDisabled);if(changed.has("touched")||changed.has("required")||changed.has("value")||changed.has("min")||changed.has("max")||changed.has("readonly")){this.toggleAttribute("data-invalid",this.touched&&!this.internals.validity.valid)}this.announceVisibleError()}formResetCallback(){super.formResetCallback();this.touched=false}formStateRestoreCallback(state2){this.value=typeof state2==="string"?state2:""}setCustomValidity(message){super.setCustomValidity(message);this.requestUpdate()}resetValidity(){this.setCustomValidity("");this.updateValidity()}visibleErrorText(){const slottedElements=Array.from(this.children).filter(element=>element.getAttribute("slot")==="error");if(slottedElements.length>0){return slottedElements.map(element=>this.accessibleVisibleText(element)).join(" ").replace(/\s+/g," ").trim()}return(this.errorText||(this.touched?this.validationMessage:"")).trim()}accessibleVisibleText(node){if(node.nodeType===3)return node.textContent??"";if(node.nodeType!==1)return"";const element=node;if(isAccessibilitySubtreeExcluded(element))return"";const visibilityHidden=isAccessibilityVisibilityHidden(element);const accessibleLabel=visibilityHidden?null:element.getAttribute("aria-label");if(accessibleLabel?.trim())return accessibleLabel;const assigned=element.localName==="slot"?element.assignedNodes({flatten:true}):[];const children=assigned.length>0?assigned:Array.from(element.childNodes);return children.map(child=>child.nodeType===3&&visibilityHidden?"":this.accessibleVisibleText(child)).join(" ")}announceVisibleError(){if(!this.errorAnnouncementsArmed||!isAccessibilityVisible(this))return;const message=this.visibleErrorText();if(message===this.lastVisibleError)return;this.lastVisibleError=message;if(message)this.errorAnnouncementSink?.announce(message)}normalizeFieldDigits(value){const digitMap=new Map([["\u0660","0"],["\u0661","1"],["\u0662","2"],["\u0663","3"],["\u0664","4"],["\u0665","5"],["\u0666","6"],["\u0667","7"],["\u0668","8"],["\u0669","9"],["\u06F0","0"],["\u06F1","1"],["\u06F2","2"],["\u06F3","3"],["\u06F4","4"],["\u06F5","5"],["\u06F6","6"],["\u06F7","7"],["\u06F8","8"],["\u06F9","9"]]);try{const formatter=getNumberFormat(this.effectiveLocale||void 0,{useGrouping:false});for(let digit=0;digit<=9;digit++)digitMap.set(formatter.format(digit),String(digit))}catch{}let normalized="";for(const character of value){if(character>="0"&&character<="9")normalized+=character;else normalized+=digitMap.get(character)??""}return normalized}focus(options){const target=this.fieldOrder.find(field=>this.textFor(field)==="")??this.fieldOrder[0];this.fieldInputElement(target)?.focus(options)}blur(){this.renderRoot.querySelector("input:focus")?.blur()}click(){this.fieldInputElement(this.fieldOrder[0])?.click()}renderField(field,describedBy,invalid){const id=this.idFor(field);const maxLength=field==="year"?4:2;const fieldPart=field==="day"?"field field-day":field==="month"?"field field-month":"field field-year";return html`
       <div part=${fieldPart} data-field=${field}>
         <label part="field-label" for=${id}>${this.labelFor(field)}</label>
         <input

package/dist/internal/form-associated.js

@@ -1 +1 @@
-import{LYRA_DEFAULT_fieldRequired}from"./default-strings.generated.js";import{resolveLyraString}from"./localization-runtime.js";import{AnchoredValidityController,SET_ANCHORED_VALIDITY,VALIDITY_ANCHOR}from"./anchored-validity.js";import{syncValidityStates}from"./custom-states.js";import{installInvalidEventAlias}from"./invalid-event-alias.js";import{omittedEmptyStringConverter}from"./converters.js";const FORM_ASSOCIATED_DEFAULT_STRINGS=Object.freeze({fieldRequired:LYRA_DEFAULT_fieldRequired});function setFormOwner(host,owner){const id=typeof owner==="string"?owner:owner?.id??"";if(id)host.setAttribute("form",id);else host.removeAttribute("form")}function getFormOwner(internals){return internals.form}function createStringArrayFormDataState(name,values){const state=new FormData;const key=name||"value";for(const value of values)state.append(key,value);return state}function readStringArrayFormDataState(state){if(typeof FormData!=="function")return[];let entries;try{entries=[...FormData.prototype.values.call(state)]}catch{return[]}if(entries.some(entry=>typeof entry!=="string"))return[];return entries}function isEmptyFormValue(value){if(value==null)return true;if(typeof value==="string")return value==="";if(Array.isArray(value))return value.length===0;if(typeof value==="object"){const prototype=Object.getPrototypeOf(value);if(prototype===null)return Object.keys(value).length===0;if(Object.getPrototypeOf(prototype)===null){const constructor=Object.getOwnPropertyDescriptor(prototype,"constructor")?.value;if(typeof constructor==="function"&&constructor.name==="Object"&&constructor.prototype===prototype){return Object.keys(value).length===0}}}return false}const stringFormValueAdapter={empty:"",toFormValue:value=>value,isEmpty:value=>value==="",fromAttribute:attribute=>attribute,toAttribute:value=>value,fromFormState:state=>typeof state==="string"?state:""};function resolveFormValueAdapter(adapter){if(adapter===void 0){return stringFormValueAdapter}return{empty:adapter.empty,toFormValue:value=>adapter.toFormValue(value),...adapter.toFormState?{toFormState:value=>adapter.toFormState(value)}:{},isEmpty:adapter.isEmpty?value=>adapter.isEmpty(value):isEmptyFormValue,fromAttribute:adapter.fromAttribute?attribute=>adapter.fromAttribute(attribute):attribute=>attribute,toAttribute:adapter.toAttribute?value=>adapter.toAttribute(value):value=>value==null?null:String(value),fromFormState:adapter.fromFormState?state=>adapter.fromFormState(state):state=>typeof state==="string"?state:adapter.empty}}function isBarredFromValidation(host,internals){if(host.effectiveDisabled??host.disabled)return true;if(host.readonly)return true;if(internals){const willValidate=readNativeWillValidate(internals);if(willValidate!==void 0)return!willValidate}return false}function readNativeWillValidate(internals){if(typeof ElementInternals!=="function")return void 0;const getter=Object.getOwnPropertyDescriptor(ElementInternals.prototype,"willValidate")?.get;if(typeof getter!=="function")return void 0;try{const value=getter.call(internals);return typeof value==="boolean"?value:void 0}catch{return void 0}}function installCustomErrorProperty(host,getCustomValidityMessage){if(Object.prototype.hasOwnProperty.call(host,"customError"))return;let reflecting=false;Object.defineProperty(host,"customError",{configurable:true,enumerable:true,get:()=>getCustomValidityMessage()||null,set:next=>{if(reflecting)return;const old=getCustomValidityMessage()||null;const message=next??"";reflecting=true;try{if(next==null){if(host.hasAttribute("custom-error"))host.removeAttribute("custom-error")}else if(host.getAttribute("custom-error")!==message){host.setAttribute("custom-error",message)}}finally{reflecting=false}host.setCustomValidity(message);host.requestUpdate("customError",old)}})}function createFallbackInternals(){let flags={};let message="";const validity={};const validityKeys=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"];for(const key of validityKeys){Object.defineProperty(validity,key,{enumerable:true,get:()=>Boolean(flags[key])})}Object.defineProperty(validity,"valid",{enumerable:true,get:()=>validityKeys.every(key=>!flags[key])});const states=new Set;return{form:null,labels:[],validity,get validationMessage(){return message},willValidate:false,states,setFormValue(){},setValidity(next={},nextMessage=""){flags={...next};message=nextMessage},checkValidity(){return validity.valid},reportValidity(){return validity.valid}}}function attachInternalsSafely(host){if(typeof host.attachInternals!=="function")return createFallbackInternals();try{return host.attachInternals()??createFallbackInternals()}catch{return createFallbackInternals()}}function FormAssociated(Base,valueAdapter){const adapter=resolveFormValueAdapter(valueAdapter);const defaultValueConverter={fromAttribute:attribute=>attribute===null?null:adapter.fromAttribute(attribute),toAttribute:value=>value==null?null:adapter.toAttribute(value)};class FormAssociatedElement extends Base{static{this.formAssociated=true}static{this.properties={name:{reflect:true,noAccessor:true,converter:omittedEmptyStringConverter},value:{attribute:false,noAccessor:true},defaultValue:{attribute:"value",reflect:true,useDefault:true,noAccessor:true,...valueAdapter?{converter:defaultValueConverter}:{}},customError:{attribute:"custom-error",reflect:true,noAccessor:true},form:{noAccessor:true},disabled:{type:Boolean,reflect:true,noAccessor:true},required:{type:Boolean,reflect:true,noAccessor:true}}}constructor(...args){super(...args);this._fieldsetDisabled=false;this._disabled=false;this._name="";this._value=adapter.empty;this._defaultValue=adapter.empty;this._valueDirty=false;this.settingDefaultValue=false;this.reflectingDefaultValue=false;this.reflectingCustomError=false;this.reflectingFormOwner=false;this._required=false;this._hasInteracted=false;this.internals=attachInternalsSafely(this);this.validityController=new AnchoredValidityController(this,this.internals,()=>this[VALIDITY_ANCHOR]());this.commitFormValue(this._value);installInvalidEventAlias(this,init=>this.emit("lr-invalid",void 0,init));const markInteracted=()=>{if(this._hasInteracted)return;this._hasInteracted=true;this.syncValidityStates()};this.addEventListener("input",markInteracted);this.addEventListener("change",markInteracted);this.addEventListener("focusout",markInteracted);this.syncValidityStates()}get form(){return getFormOwner(this.internals)}set form(owner){if(this.reflectingFormOwner)return;this.reflectingFormOwner=true;try{setFormOwner(this,owner)}finally{this.reflectingFormOwner=false}}getForm(){return getFormOwner(this.internals)}get labels(){return this.internals.labels}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}[VALIDITY_ANCHOR](){return this.renderRoot?.querySelector("input:not([type='hidden']), textarea, select, button, [tabindex]:not([tabindex='-1'])")??null}[SET_ANCHORED_VALIDITY](flags,message=""){this.validityController.setValidity(flags,message);this.syncValidityStates()}setCustomValidity(message){this.validityController.setCustomValidity(message??"");this.syncValidityStates()}resetValidity(){this.validityController.setCustomValidity("");this.updateValidity();this.syncValidityStates()}syncValidityStates(){syncValidityStates(this.internals,{required:this.required,hasInteracted:this._hasInteracted,barred:this.isBarredFromValidation()})}isBarredFromValidation(){return isBarredFromValidation(this,this.internals)}get name(){return this._name}set name(next){const old=this._name;this._name=next??"";if(this._name){this.setAttribute("name",this._name)}else{this.removeAttribute("name")}this.requestUpdate("name",old)}commitFormValue(value){const submitted=adapter.toFormValue(value);if(adapter.toFormState)this.internals.setFormValue(submitted,adapter.toFormState(value));else this.internals.setFormValue(submitted)}get value(){return this._value}set value(next){const old=this._value;this._value=next??adapter.empty;if(!this.settingDefaultValue)this._valueDirty=true;this.commitFormValue(this._value);this.updateValidity();this.requestUpdate("value",old)}get defaultValue(){return this._defaultValue}set defaultValue(next){if(this.reflectingDefaultValue)return;const old=this._defaultValue;this._defaultValue=next??adapter.empty;this.reflectingDefaultValue=true;try{const attribute=next==null?null:adapter.toAttribute(this._defaultValue);if(attribute==null)this.removeAttribute("value");else this.setAttribute("value",attribute)}finally{this.reflectingDefaultValue=false}if(!this._valueDirty)this.restoreLiveValueFromDefault();this.requestUpdate("defaultValue",old)}get customError(){return this.validityController.customValidityMessage||null}set customError(next){if(this.reflectingCustomError)return;const old=this.customError;const message=next??"";this.reflectingCustomError=true;try{if(next==null)this.removeAttribute("custom-error");else this.setAttribute("custom-error",message)}finally{this.reflectingCustomError=false}this.setCustomValidity(message);this.requestUpdate("customError",old)}get disabled(){return this._disabled}set disabled(next){const old=this._disabled;this._disabled=Boolean(next);this.toggleAttribute("disabled",this._disabled);this.updateValidity();this.syncValidityStates();this.requestUpdate("disabled",old)}get required(){return this._required}set required(next){const old=this._required;this._required=next;this.toggleAttribute("required",next);this.updateValidity();this.syncValidityStates();this.requestUpdate("required",old)}get effectiveDisabled(){return this.disabled||this._fieldsetDisabled}setFormValue(next){this.value=next}updateValidity(){if(this.isBarredFromValidation()){this[SET_ANCHORED_VALIDITY]({});return}if(this.required&&adapter.isEmpty(this._value)){const overrides=this.strings;const message=resolveLyraString(this,"fieldRequired",overrides,void 0,void 0,FORM_ASSOCIATED_DEFAULT_STRINGS);this[SET_ANCHORED_VALIDITY]({valueMissing:true},message)}else{this[SET_ANCHORED_VALIDITY]({})}}syncConstraintsToNative(){const host=this;if(!host.hasUpdated)return;host.performUpdate()}checkValidity(){this.syncConstraintsToNative();this.updateValidity();return this.internals.checkValidity()}reportValidity(){this.syncConstraintsToNative();this.updateValidity();this._hasInteracted=true;this.syncValidityStates();return this.internals.reportValidity()}formResetCallback(){this._valueDirty=false;this.restoreLiveValueFromDefault();this._hasInteracted=false;this.syncValidityStates()}restoreLiveValueFromDefault(){this.settingDefaultValue=true;try{this.value=this._defaultValue}finally{this.settingDefaultValue=false}this._valueDirty=false}formStateRestoreCallback(state,reason){void reason;this.value=adapter.fromFormState(state)}formDisabledCallback(fieldsetDisabled){this._fieldsetDisabled=fieldsetDisabled;this.updateValidity();this.syncValidityStates();this.requestUpdate()}updated(changed){super.updated(changed);if(!changed.has("readonly")&&!changed.has("disabled"))return;this.updateValidity();this.syncValidityStates()}connectedCallback(){super.connectedCallback();this.updateValidity();this.syncValidityStates()}}return FormAssociatedElement}export{FormAssociated,attachInternalsSafely,createFallbackInternals,createStringArrayFormDataState,getFormOwner,installCustomErrorProperty,isBarredFromValidation,isEmptyFormValue,readStringArrayFormDataState,setFormOwner,stringFormValueAdapter};
+import{LYRA_DEFAULT_fieldRequired}from"./default-strings.generated.js";import{resolveLyraString}from"./localization-runtime.js";import{AnchoredValidityController,SET_ANCHORED_VALIDITY,VALIDITY_ANCHOR}from"./anchored-validity.js";import{syncValidityStates}from"./custom-states.js";import{installInvalidEventAlias}from"./invalid-event-alias.js";import{omittedEmptyStringConverter}from"./converters.js";const FORM_ASSOCIATED_DEFAULT_STRINGS=Object.freeze({fieldRequired:LYRA_DEFAULT_fieldRequired});function setFormOwner(host,owner){const id=typeof owner==="string"?owner:owner?.id??"";if(id)host.setAttribute("form",id);else host.removeAttribute("form")}function getFormOwner(internals){return internals.form}function createStringArrayFormDataState(name,values){const state=new FormData;const key=name||"value";for(const value of values)state.append(key,value);return state}function readStringArrayFormDataState(state){if(typeof FormData!=="function")return[];let entries;try{entries=[...FormData.prototype.values.call(state)]}catch{return[]}if(entries.some(entry=>typeof entry!=="string"))return[];return entries}function isEmptyFormValue(value){if(value==null)return true;if(typeof value==="string")return value==="";if(Array.isArray(value))return value.length===0;if(typeof value==="object"){const prototype=Object.getPrototypeOf(value);if(prototype===null)return Object.keys(value).length===0;if(Object.getPrototypeOf(prototype)===null){const constructor=Object.getOwnPropertyDescriptor(prototype,"constructor")?.value;if(typeof constructor==="function"&&constructor.name==="Object"&&constructor.prototype===prototype){return Object.keys(value).length===0}}}return false}const stringFormValueAdapter={empty:"",toFormValue:value=>value,isEmpty:value=>value==="",fromAttribute:attribute=>attribute,toAttribute:value=>value,fromFormState:state=>typeof state==="string"?state:""};function resolveFormValueAdapter(adapter){if(adapter===void 0){return stringFormValueAdapter}return{empty:adapter.empty,toFormValue:value=>adapter.toFormValue(value),...adapter.toFormState?{toFormState:value=>adapter.toFormState(value)}:{},isEmpty:adapter.isEmpty?value=>adapter.isEmpty(value):isEmptyFormValue,fromAttribute:adapter.fromAttribute?attribute=>adapter.fromAttribute(attribute):attribute=>attribute,toAttribute:adapter.toAttribute?value=>adapter.toAttribute(value):value=>value==null?null:String(value),fromFormState:adapter.fromFormState?state=>adapter.fromFormState(state):state=>typeof state==="string"?state:adapter.empty}}function isBarredFromValidation(host,internals){if(host.effectiveDisabled??host.disabled)return true;if(host.readonly)return true;if(internals){const willValidate=readNativeWillValidate(internals);if(willValidate!==void 0)return!willValidate}return false}function readNativeWillValidate(internals){if(typeof ElementInternals!=="function")return void 0;const getter=Object.getOwnPropertyDescriptor(ElementInternals.prototype,"willValidate")?.get;if(typeof getter!=="function")return void 0;try{const value=getter.call(internals);return typeof value==="boolean"?value:void 0}catch{return void 0}}function installCustomErrorProperty(host,getCustomValidityMessage){if(Object.prototype.hasOwnProperty.call(host,"customError"))return;let reflecting=false;Object.defineProperty(host,"customError",{configurable:true,enumerable:true,get:()=>getCustomValidityMessage()||null,set:next=>{if(reflecting)return;const old=getCustomValidityMessage()||null;const message=next??"";reflecting=true;try{if(next==null){if(host.hasAttribute("custom-error"))host.removeAttribute("custom-error")}else if(host.getAttribute("custom-error")!==message){host.setAttribute("custom-error",message)}}finally{reflecting=false}host.setCustomValidity(message);host.requestUpdate("customError",old)}})}function createFallbackInternals(){let flags={};let message="";const validity={};const validityKeys=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"];for(const key of validityKeys){Object.defineProperty(validity,key,{enumerable:true,get:()=>Boolean(flags[key])})}Object.defineProperty(validity,"valid",{enumerable:true,get:()=>validityKeys.every(key=>!flags[key])});const states=new Set;return{form:null,labels:[],validity,get validationMessage(){return message},willValidate:false,states,setFormValue(){},setValidity(next={},nextMessage=""){flags={...next};message=nextMessage},checkValidity(){return validity.valid},reportValidity(){return validity.valid}}}function attachInternalsSafely(host){if(typeof host.attachInternals!=="function")return createFallbackInternals();try{return host.attachInternals()??createFallbackInternals()}catch{return createFallbackInternals()}}function FormAssociated(Base,valueAdapter){const adapter=resolveFormValueAdapter(valueAdapter);const defaultValueConverter={fromAttribute:attribute=>attribute===null?null:adapter.fromAttribute(attribute),toAttribute:value=>value==null?null:adapter.toAttribute(value)};class FormAssociatedElement extends Base{static{this.formAssociated=true}static{this.properties={name:{reflect:true,noAccessor:true,converter:omittedEmptyStringConverter},value:{attribute:false,noAccessor:true},defaultValue:{attribute:"value",reflect:true,useDefault:true,noAccessor:true,...valueAdapter?{converter:defaultValueConverter}:{}},customError:{attribute:"custom-error",reflect:true,noAccessor:true},form:{noAccessor:true},disabled:{type:Boolean,reflect:true,noAccessor:true},required:{type:Boolean,reflect:true,noAccessor:true}}}constructor(...args){super(...args);this._fieldsetDisabled=false;this._disabled=false;this._reflectingDisabledAttribute=false;this._name="";this._value=adapter.empty;this._defaultValue=adapter.empty;this._valueDirty=false;this.settingDefaultValue=false;this.reflectingDefaultValue=false;this.reflectingCustomError=false;this.reflectingFormOwner=false;this._required=false;this._hasInteracted=false;this.internals=attachInternalsSafely(this);this.validityController=new AnchoredValidityController(this,this.internals,()=>this[VALIDITY_ANCHOR]());this.commitFormValue(this._value);installInvalidEventAlias(this,init=>this.emit("lr-invalid",void 0,init));const markInteracted=()=>{if(this._hasInteracted)return;this._hasInteracted=true;this.syncValidityStates()};this.addEventListener("input",markInteracted);this.addEventListener("change",markInteracted);this.addEventListener("focusout",markInteracted);this.syncValidityStates()}get form(){return getFormOwner(this.internals)}set form(owner){if(this.reflectingFormOwner)return;this.reflectingFormOwner=true;try{setFormOwner(this,owner)}finally{this.reflectingFormOwner=false}}getForm(){return getFormOwner(this.internals)}get labels(){return this.internals.labels}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}[VALIDITY_ANCHOR](){return this.renderRoot?.querySelector("input:not([type='hidden']), textarea, select, button, [tabindex]:not([tabindex='-1'])")??null}[SET_ANCHORED_VALIDITY](flags,message=""){this.validityController.setValidity(flags,message);this.syncValidityStates()}setCustomValidity(message){this.validityController.setCustomValidity(message??"");this.syncValidityStates()}resetValidity(){this.validityController.setCustomValidity("");this.updateValidity();this.syncValidityStates()}syncValidityStates(){syncValidityStates(this.internals,{required:this.required,hasInteracted:this._hasInteracted,barred:this.isBarredFromValidation()})}isBarredFromValidation(){return isBarredFromValidation(this,this.internals)}get name(){return this._name}set name(next){const old=this._name;this._name=next??"";if(this._name){this.setAttribute("name",this._name)}else{this.removeAttribute("name")}this.requestUpdate("name",old)}commitFormValue(value){const submitted=adapter.toFormValue(value);if(adapter.toFormState)this.internals.setFormValue(submitted,adapter.toFormState(value));else this.internals.setFormValue(submitted)}get value(){return this._value}set value(next){const old=this._value;this._value=next??adapter.empty;if(!this.settingDefaultValue)this._valueDirty=true;this.commitFormValue(this._value);this.updateValidity();this.requestUpdate("value",old)}get defaultValue(){return this._defaultValue}set defaultValue(next){if(this.reflectingDefaultValue)return;const old=this._defaultValue;this._defaultValue=next??adapter.empty;this.reflectingDefaultValue=true;try{const attribute=next==null?null:adapter.toAttribute(this._defaultValue);if(attribute==null)this.removeAttribute("value");else this.setAttribute("value",attribute)}finally{this.reflectingDefaultValue=false}if(!this._valueDirty)this.restoreLiveValueFromDefault();this.requestUpdate("defaultValue",old)}get customError(){return this.validityController.customValidityMessage||null}set customError(next){if(this.reflectingCustomError)return;const old=this.customError;const message=next??"";this.reflectingCustomError=true;try{if(next==null)this.removeAttribute("custom-error");else this.setAttribute("custom-error",message)}finally{this.reflectingCustomError=false}this.setCustomValidity(message);this.requestUpdate("customError",old)}get disabled(){return this._disabled}set disabled(next){const old=this._disabled;this._disabled=Boolean(next);this.toggleAttribute("disabled",this._disabled);this.updateValidity();this.syncValidityStates();this.requestUpdate("disabled",old)}toggleAttribute(qualifiedName,force){if(qualifiedName!=="disabled")return super.toggleAttribute(qualifiedName,force);this._reflectingDisabledAttribute=true;try{return super.toggleAttribute(qualifiedName,force)}finally{queueMicrotask(()=>{this._reflectingDisabledAttribute=false})}}setAttribute(qualifiedName,value){if(qualifiedName!=="disabled"){super.setAttribute(qualifiedName,value);return}this._reflectingDisabledAttribute=true;try{super.setAttribute(qualifiedName,value)}finally{queueMicrotask(()=>{this._reflectingDisabledAttribute=false})}}removeAttribute(qualifiedName){if(qualifiedName!=="disabled"){super.removeAttribute(qualifiedName);return}this._reflectingDisabledAttribute=true;try{super.removeAttribute(qualifiedName)}finally{queueMicrotask(()=>{this._reflectingDisabledAttribute=false})}}get required(){return this._required}set required(next){const old=this._required;this._required=next;this.toggleAttribute("required",next);this.updateValidity();this.syncValidityStates();this.requestUpdate("required",old)}get effectiveDisabled(){return this.disabled||this._fieldsetDisabled}setFormValue(next){this.value=next}updateValidity(){if(this.isBarredFromValidation()){this[SET_ANCHORED_VALIDITY]({});return}if(this.required&&adapter.isEmpty(this._value)){const overrides=this.strings;const message=resolveLyraString(this,"fieldRequired",overrides,void 0,void 0,FORM_ASSOCIATED_DEFAULT_STRINGS);this[SET_ANCHORED_VALIDITY]({valueMissing:true},message)}else{this[SET_ANCHORED_VALIDITY]({})}}syncConstraintsToNative(){const host=this;if(!host.hasUpdated)return;host.performUpdate()}checkValidity(){this.syncConstraintsToNative();this.updateValidity();return this.internals.checkValidity()}reportValidity(){this.syncConstraintsToNative();this.updateValidity();this._hasInteracted=true;this.syncValidityStates();return this.internals.reportValidity()}formResetCallback(){this._valueDirty=false;this.restoreLiveValueFromDefault();this._hasInteracted=false;this.syncValidityStates()}restoreLiveValueFromDefault(){this.settingDefaultValue=true;try{this.value=this._defaultValue}finally{this.settingDefaultValue=false}this._valueDirty=false}formStateRestoreCallback(state,reason){void reason;this.value=adapter.fromFormState(state)}formDisabledCallback(fieldsetDisabled){if(this._reflectingDisabledAttribute)return;const before=this.effectiveDisabled;this._fieldsetDisabled=fieldsetDisabled;if(this.effectiveDisabled===before)return;this.updateValidity();this.syncValidityStates();this.requestUpdate()}updated(changed){super.updated(changed);if(!changed.has("readonly")&&!changed.has("disabled"))return;this.updateValidity();this.syncValidityStates()}connectedCallback(){super.connectedCallback();this.updateValidity();this.syncValidityStates()}}return FormAssociatedElement}export{FormAssociated,attachInternalsSafely,createFallbackInternals,createStringArrayFormDataState,getFormOwner,installCustomErrorProperty,isBarredFromValidation,isEmptyFormValue,readStringArrayFormDataState,setFormOwner,stringFormValueAdapter};

package/dist/internal/localization-runtime.d.ts

@@ -47,6 +47,19 @@ export declare function invalidateLyraLocaleCache(host: Element): void;
 export declare function resolveLyraLocale(host: Element): string;
 /** Resolve the direction inherited by a component host. */
 export declare function resolveLyraDirection(host: Element): 'ltr' | 'rtl';
+/**
+ * Reads a host's already-memoized locale/direction without resolving anything -- in particular,
+ * without `resolveLyraDirection()`'s `getComputedStyle()` call. `undefined` when the host was
+ * never opted into caching, or opted in but never actually read `effectiveLocale`/
+ * `effectiveDirection` (so its own render never populated the memo). Lets a caller establish a
+ * "what's currently rendered" baseline for free, piggybacking on whatever the host's own last
+ * render already computed, instead of forcing a fresh (potentially expensive or, for
+ * `getComputedStyle()` specifically, disruptive -- see `observeInheritedContext()`) resolution
+ * purely to seed a comparison.
+ */
+export declare function peekLyraLocale(host: Element): string | undefined;
+/** @see peekLyraLocale */
+export declare function peekLyraDirection(host: Element): 'ltr' | 'rtl' | undefined;
 /**
  * Resolve a message for a component. An explicit per-component override wins,
  * followed by a non-empty component property fallback, registered locale

package/dist/internal/localization-runtime.js

@@ -1 +1 @@
-import{getPluralRules}from"./intl-cache.js";const locales=new Map;const localeMeta=new Map;const exactOnlyLocales=new Set;const listeners=new Set;const registryListeners=new Set;let activeLocale="";function normalizeLocale(locale){return locale.trim().replace(/_/g,"-").toLowerCase()}function regionalFallbacks(subtags){const language=subtags[0];if(!language)return[];const requested=new Set(subtags);const score=key=>key.split("-").filter(subtag=>requested.has(subtag)).length;return[...locales.keys()].filter(key=>!exactOnlyLocales.has(key)&&key.split("-")[0]===language&&!isPrefixOf(key,subtags)).sort((a,b)=>score(b)-score(a)||(a<b?-1:a>b?1:0))}function isPrefixOf(key,subtags){const parts=key.split("-");return parts.length<=subtags.length&&parts.every((part,index)=>part===subtags[index])}function localeCandidates(locale){const normalized=normalizeLocale(locale);const subtags=normalized.split("-").filter(Boolean);const candidates=[];for(let length=subtags.length;length>0;length--){candidates.push(subtags.slice(0,length).join("-"))}candidates.push(...regionalFallbacks(subtags));if(!candidates.includes("en"))candidates.push("en");return candidates}function notify(){for(const listener of[...listeners])listener()}function getRegisteredLyraLocales(){const keys=new Set(["en",...locales.keys()]);return[...keys].sort()}function subscribeLyraLocaleRegistry(listener){registryListeners.add(listener);return()=>registryListeners.delete(listener)}function registerLocale(locale,strings,meta,exactOnly){const key=normalizeLocale(locale);if(!key)throw new TypeError("A locale is required.");if(exactOnly)exactOnlyLocales.add(key);locales.set(key,{...locales.get(key)??{},...strings});if(meta)localeMeta.set(key,{...localeMeta.get(key)??{},...meta});pluralLocaleCache.clear();notify();for(const listener of[...registryListeners])listener()}function registerLyraLocale(locale,strings,meta){registerLocale(locale,strings,meta,false)}function registerLyraExactLocale(locale,strings,meta){registerLocale(locale,strings,meta,true)}function getLyraLocaleDirection(locale){const normalized=normalizeLocale(locale);if(!normalized)return"ltr";for(const candidate of localeCandidates(normalized)){const declared=localeMeta.get(candidate)?.dir;if(declared)return declared}try{const resolved=new Intl.Locale(normalized);const direction=resolved.textInfo?.direction??resolved.getTextInfo?.().direction;return direction==="rtl"?"rtl":"ltr"}catch{return"ltr"}}function setLyraLocale(locale){const next=locale.trim();if(activeLocale===next)return;activeLocale=next;notify()}function getLyraLocale(){return activeLocale}function subscribeLyraLocale(listener){listeners.add(listener);return()=>listeners.delete(listener)}function inheritedLocale(host){const explicit=host.getAttribute("locale")||host.getAttribute("lang");if(explicit)return explicit;const composedParent=element=>{if(element.parentElement)return element.parentElement;const root=element.getRootNode();const candidate=root.host;return root.nodeType===11&&candidate!==null&&typeof candidate==="object"&&typeof candidate.getAttribute==="function"?candidate:null};let parent=composedParent(host);while(parent){const locale=parent.getAttribute("locale")||parent.getAttribute("lang");if(locale)return locale;parent=composedParent(parent)}const documentLocale=host.ownerDocument?.documentElement?.getAttribute("lang");if(documentLocale)return documentLocale;return activeLocale||"en"}const cacheableLocaleHosts=new WeakSet;const resolvedLocaleCache=new WeakMap;const resolvedDirectionCache=new WeakMap;function enableLyraLocaleCache(host){cacheableLocaleHosts.add(host)}function invalidateLyraLocaleCache(host){resolvedLocaleCache.delete(host);resolvedDirectionCache.delete(host)}function resolveLyraLocale(host){if(!cacheableLocaleHosts.has(host))return inheritedLocale(host);let locale=resolvedLocaleCache.get(host);if(locale===void 0){locale=inheritedLocale(host);resolvedLocaleCache.set(host,locale)}return locale}function inheritedDirection(host){const explicit=host.getAttribute("dir");if(explicit==="rtl"||explicit==="ltr")return explicit;const view=host.ownerDocument?.defaultView;if(view)return view.getComputedStyle(host).direction==="rtl"?"rtl":"ltr";return"ltr"}function resolveLyraDirection(host){if(!cacheableLocaleHosts.has(host))return inheritedDirection(host);let direction=resolvedDirectionCache.get(host);if(direction===void 0){direction=inheritedDirection(host);resolvedDirectionCache.set(host,direction)}return direction}const PLURAL_CATEGORY_FALLBACKS={zero:["zero","other"],one:["one","other"],two:["two","few","many","other"],few:["few","many","other"],many:["many","few","other"],other:["other"]};function isPluralMessage(message){return typeof message==="object"}function pluralSelector(values){const raw=values["pluralCount"]??values["count"];return typeof raw==="number"&&Number.isFinite(raw)?raw:void 0}const pluralLocaleCache=new Map;const MAX_PLURAL_LOCALE_ENTRIES=64;function pluralLocale(locale){const cached=pluralLocaleCache.get(locale);if(cached!==void 0||pluralLocaleCache.has(locale))return cached;let resolved;for(const candidate of localeCandidates(locale)){try{getPluralRules(candidate);resolved=candidate;break}catch{}}if(pluralLocaleCache.size>=MAX_PLURAL_LOCALE_ENTRIES)pluralLocaleCache.clear();pluralLocaleCache.set(locale,resolved);return resolved}function selectPluralMessage(message,locale,count){if(count===void 0)return message.other;const tag=pluralLocale(locale);if(tag===void 0)return message.other;const category=getPluralRules(tag).select(count);for(const candidate of PLURAL_CATEGORY_FALLBACKS[category]??PLURAL_CATEGORY_FALLBACKS.other){const text=message[candidate];if(text!==void 0)return text}return message.other}function resolveLyraString(host,key,overrides,fallback,values,defaults){const own=overrides?.[key];let message=own??fallback;let locale;if(message===void 0){locale=resolveLyraLocale(host);for(const candidate of localeCandidates(locale)){const registered=locales.get(candidate)?.[key];if(registered!==void 0){message=registered;break}}}message??=defaults?.[key]??key;let text;if(isPluralMessage(message)){locale??=resolveLyraLocale(host);text=selectPluralMessage(message,locale,values?pluralSelector(values):void 0)}else{text=message}if(!values)return text;return text.replace(/\{(\w+)\}/g,(_match,name)=>String(values[name]??`{${name}}`))}function resolveLocalizedParts(template,interpolate){let marker="\uE000";while(template.includes(marker))marker+="\uE001";return interpolate(marker).split(marker)}export{enableLyraLocaleCache,getLyraLocale,getLyraLocaleDirection,getRegisteredLyraLocales,invalidateLyraLocaleCache,registerLyraExactLocale,registerLyraLocale,resolveLocalizedParts,resolveLyraDirection,resolveLyraLocale,resolveLyraString,setLyraLocale,subscribeLyraLocale,subscribeLyraLocaleRegistry};
+import{getPluralRules}from"./intl-cache.js";const locales=new Map;const localeMeta=new Map;const exactOnlyLocales=new Set;const listeners=new Set;const registryListeners=new Set;let activeLocale="";function normalizeLocale(locale){return locale.trim().replace(/_/g,"-").toLowerCase()}function regionalFallbacks(subtags){const language=subtags[0];if(!language)return[];const requested=new Set(subtags);const score=key=>key.split("-").filter(subtag=>requested.has(subtag)).length;return[...locales.keys()].filter(key=>!exactOnlyLocales.has(key)&&key.split("-")[0]===language&&!isPrefixOf(key,subtags)).sort((a,b)=>score(b)-score(a)||(a<b?-1:a>b?1:0))}function isPrefixOf(key,subtags){const parts=key.split("-");return parts.length<=subtags.length&&parts.every((part,index)=>part===subtags[index])}function localeCandidates(locale){const normalized=normalizeLocale(locale);const subtags=normalized.split("-").filter(Boolean);const candidates=[];for(let length=subtags.length;length>0;length--){candidates.push(subtags.slice(0,length).join("-"))}candidates.push(...regionalFallbacks(subtags));if(!candidates.includes("en"))candidates.push("en");return candidates}function notify(){for(const listener of[...listeners])listener()}function getRegisteredLyraLocales(){const keys=new Set(["en",...locales.keys()]);return[...keys].sort()}function subscribeLyraLocaleRegistry(listener){registryListeners.add(listener);return()=>registryListeners.delete(listener)}function registerLocale(locale,strings,meta,exactOnly){const key=normalizeLocale(locale);if(!key)throw new TypeError("A locale is required.");if(exactOnly)exactOnlyLocales.add(key);locales.set(key,{...locales.get(key)??{},...strings});if(meta)localeMeta.set(key,{...localeMeta.get(key)??{},...meta});pluralLocaleCache.clear();notify();for(const listener of[...registryListeners])listener()}function registerLyraLocale(locale,strings,meta){registerLocale(locale,strings,meta,false)}function registerLyraExactLocale(locale,strings,meta){registerLocale(locale,strings,meta,true)}function getLyraLocaleDirection(locale){const normalized=normalizeLocale(locale);if(!normalized)return"ltr";for(const candidate of localeCandidates(normalized)){const declared=localeMeta.get(candidate)?.dir;if(declared)return declared}try{const resolved=new Intl.Locale(normalized);const direction=resolved.textInfo?.direction??resolved.getTextInfo?.().direction;return direction==="rtl"?"rtl":"ltr"}catch{return"ltr"}}function setLyraLocale(locale){const next=locale.trim();if(activeLocale===next)return;activeLocale=next;notify()}function getLyraLocale(){return activeLocale}function subscribeLyraLocale(listener){listeners.add(listener);return()=>listeners.delete(listener)}function inheritedLocale(host){const explicit=host.getAttribute("locale")||host.getAttribute("lang");if(explicit)return explicit;const composedParent=element=>{if(element.parentElement)return element.parentElement;const root=element.getRootNode();const candidate=root.host;return root.nodeType===11&&candidate!==null&&typeof candidate==="object"&&typeof candidate.getAttribute==="function"?candidate:null};let parent=composedParent(host);while(parent){const locale=parent.getAttribute("locale")||parent.getAttribute("lang");if(locale)return locale;parent=composedParent(parent)}const documentLocale=host.ownerDocument?.documentElement?.getAttribute("lang");if(documentLocale)return documentLocale;return activeLocale||"en"}const cacheableLocaleHosts=new WeakSet;const resolvedLocaleCache=new WeakMap;const resolvedDirectionCache=new WeakMap;function enableLyraLocaleCache(host){cacheableLocaleHosts.add(host)}function invalidateLyraLocaleCache(host){resolvedLocaleCache.delete(host);resolvedDirectionCache.delete(host)}function resolveLyraLocale(host){if(!cacheableLocaleHosts.has(host))return inheritedLocale(host);let locale=resolvedLocaleCache.get(host);if(locale===void 0){locale=inheritedLocale(host);resolvedLocaleCache.set(host,locale)}return locale}function inheritedDirection(host){const explicit=host.getAttribute("dir");if(explicit==="rtl"||explicit==="ltr")return explicit;const view=host.ownerDocument?.defaultView;if(view)return view.getComputedStyle(host).direction==="rtl"?"rtl":"ltr";return"ltr"}function resolveLyraDirection(host){if(!cacheableLocaleHosts.has(host))return inheritedDirection(host);let direction=resolvedDirectionCache.get(host);if(direction===void 0){direction=inheritedDirection(host);resolvedDirectionCache.set(host,direction)}return direction}function peekLyraLocale(host){return resolvedLocaleCache.get(host)}function peekLyraDirection(host){return resolvedDirectionCache.get(host)}const PLURAL_CATEGORY_FALLBACKS={zero:["zero","other"],one:["one","other"],two:["two","few","many","other"],few:["few","many","other"],many:["many","few","other"],other:["other"]};function isPluralMessage(message){return typeof message==="object"}function pluralSelector(values){const raw=values["pluralCount"]??values["count"];return typeof raw==="number"&&Number.isFinite(raw)?raw:void 0}const pluralLocaleCache=new Map;const MAX_PLURAL_LOCALE_ENTRIES=64;function pluralLocale(locale){const cached=pluralLocaleCache.get(locale);if(cached!==void 0||pluralLocaleCache.has(locale))return cached;let resolved;for(const candidate of localeCandidates(locale)){try{getPluralRules(candidate);resolved=candidate;break}catch{}}if(pluralLocaleCache.size>=MAX_PLURAL_LOCALE_ENTRIES)pluralLocaleCache.clear();pluralLocaleCache.set(locale,resolved);return resolved}function selectPluralMessage(message,locale,count){if(count===void 0)return message.other;const tag=pluralLocale(locale);if(tag===void 0)return message.other;const category=getPluralRules(tag).select(count);for(const candidate of PLURAL_CATEGORY_FALLBACKS[category]??PLURAL_CATEGORY_FALLBACKS.other){const text=message[candidate];if(text!==void 0)return text}return message.other}function resolveLyraString(host,key,overrides,fallback,values,defaults){const own=overrides?.[key];let message=own??fallback;let locale;if(message===void 0){locale=resolveLyraLocale(host);for(const candidate of localeCandidates(locale)){const registered=locales.get(candidate)?.[key];if(registered!==void 0){message=registered;break}}}message??=defaults?.[key]??key;let text;if(isPluralMessage(message)){locale??=resolveLyraLocale(host);text=selectPluralMessage(message,locale,values?pluralSelector(values):void 0)}else{text=message}if(!values)return text;return text.replace(/\{(\w+)\}/g,(_match,name)=>String(values[name]??`{${name}}`))}function resolveLocalizedParts(template,interpolate){let marker="\uE000";while(template.includes(marker))marker+="\uE001";return interpolate(marker).split(marker)}export{enableLyraLocaleCache,getLyraLocale,getLyraLocaleDirection,getRegisteredLyraLocales,invalidateLyraLocaleCache,peekLyraDirection,peekLyraLocale,registerLyraExactLocale,registerLyraLocale,resolveLocalizedParts,resolveLyraDirection,resolveLyraLocale,resolveLyraString,setLyraLocale,subscribeLyraLocale,subscribeLyraLocaleRegistry};

package/dist/internal/lyra-element.d.ts

@@ -68,6 +68,21 @@ export declare class LyraElement<Events = LyraEventMap> extends LitElement {
      */
     requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
     attributeChangedCallback(name: string, oldValue: string | null, value: string | null): void;
+    /**
+     * `class`/`style` sit in {@link INHERITED_CONTEXT_ATTRIBUTES} so a CSS-only ancestor direction
+     * change (`.rtl-context { direction: rtl }`, an inline `style="direction: rtl"`) is still
+     * picked up with no `dir` attribute anywhere — see the "reads computed direction live after
+     * ancestor style and class changes" test. But `class`/`style` also cover every OTHER reason an
+     * ancestor's inline style or class list might change, most of which have nothing to do with
+     * direction or locale (an overlay's own `--lr-overlay-stack-index` custom property, a consumer's
+     * unrelated theming class, …). A MutationObserver callback is its own microtask, scheduled
+     * independently of Lit's update batching, so an unconditional `requestUpdate()` here could land
+     * inside another in-flight update's `updated()`/`hostUpdated()` window purely because of a
+     * direction-irrelevant style write on some unrelated ancestor — Lit's dev-mode "scheduled an
+     * update after an update completed" warning, for a re-render that was never actually warranted
+     * (fr_asxOgk4UhNB07xevCWwFVQ). Comparing the freshly resolved direction/locale against the last
+     * observed pair keeps the feature intact while dropping every spurious trigger.
+     */
     private observeInheritedContext;
     /**
      * Runs `seed` before the first render — except while hydrating a server-rendered shadow root,

package/dist/internal/lyra-element.js

@@ -1 +1 @@
-var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)if(d=decorators[i])r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r;return c>3&&r&&Object.defineProperty(target,key,r),r};import{LitElement}from"lit";import{property}from"lit/decorators.js";import{captureFormInternals,ExternalLabelController}from"./form-control-labels.js";import{tokens}from"./tokens.styles.js";import{palette}from"./tokens/palette.styles.js";import{resolveIntlLocale}from"./intl-cache.js";import{enableLyraLocaleCache,invalidateLyraLocaleCache,resolveLyraDirection,resolveLyraString,resolveLyraLocale,subscribeLyraLocale}from"./localization-runtime.js";const REACTIVE_HOST_ATTRIBUTES=["aria-label","aria-describedby","lang","dir"];const DIRECTION_HOST_ATTRIBUTES=["class","style"];const INHERITED_CONTEXT_ATTRIBUTES=["locale","lang","dir","class","style"];function composedParentElement(element){if(element.parentElement)return element.parentElement;const root=element.getRootNode();const candidate=root.host;return root.nodeType===11&&candidate!==null&&typeof candidate==="object"&&typeof candidate.getAttribute==="function"?candidate:null}class LyraElement extends LitElement{static{this.styles=[palette,tokens]}static{this.defaultStrings=Object.freeze({})}static get observedAttributes(){return[...new Set([...super.observedAttributes,...REACTIVE_HOST_ATTRIBUTES,...DIRECTION_HOST_ATTRIBUTES])]}constructor(){super();this.locale="";this.strings={};if(this.constructor.formAssociated){this.addController(new ExternalLabelController(this))}}attachInternals(){const internals=super.attachInternals();captureFormInternals(this,internals);return internals}connectedCallback(){this.hydratingServerShadow??=!this.hasUpdated&&this.shadowRoot!==null;super.connectedCallback();enableLyraLocaleCache(this);invalidateLyraLocaleCache(this);this.observeInheritedContext();this.stopLocaleSubscription=subscribeLyraLocale(()=>this.requestUpdate());const deferred=this.deferredAfterUpdate;if(deferred){this.deferredAfterUpdate=void 0;for(const[key,callback]of deferred)this.scheduleAfterUpdate(callback,key)}}disconnectedCallback(){this.pendingLoadController?.abort();this.pendingLoadController=void 0;this.stopLocaleSubscription?.();this.stopLocaleSubscription=void 0;this.inheritedContextObserver?.disconnect();this.inheritedContextObserver=void 0;invalidateLyraLocaleCache(this);super.disconnectedCallback()}requestUpdate(name,oldValue,options){invalidateLyraLocaleCache(this);super.requestUpdate(name,oldValue,options)}attributeChangedCallback(name,oldValue,value){super.attributeChangedCallback(name,oldValue,value);if(oldValue!==value&&REACTIVE_HOST_ATTRIBUTES.includes(name)){this.requestUpdate()}else if(oldValue!==value&&DIRECTION_HOST_ATTRIBUTES.includes(name)){invalidateLyraLocaleCache(this)}}observeInheritedContext(){this.inheritedContextObserver?.disconnect();const Observer=this.ownerDocument?.defaultView?.MutationObserver;if(!Observer)return;const observer=new Observer(()=>this.requestUpdate());let ancestor=composedParentElement(this);while(ancestor){observer.observe(ancestor,{attributes:true,attributeFilter:[...INHERITED_CONTEXT_ATTRIBUTES]});ancestor=composedParentElement(ancestor)}this.inheritedContextObserver=observer}seedFirstRenderState(seed){if(this.hasUpdated)return;if(!this.hydratingServerShadow){seed();return}void this.updateComplete.then(()=>{this.hydratingServerShadow=false;seed()},()=>{this.hydratingServerShadow=false})}beginAbortableLoad(){this.pendingLoadController?.abort();this.pendingLoadController=void 0;const AbortControllerCtor=this.ownerDocument.defaultView?.AbortController;if(!AbortControllerCtor)return void 0;this.pendingLoadController=new AbortControllerCtor;return this.pendingLoadController.signal}scheduleAfterUpdate(callback,key="load"){const pending=this.afterUpdateCallbacks??=new Map;if(pending.has(key))return;pending.set(key,callback);if(pending.size>1)return;queueMicrotask(()=>{const due=this.afterUpdateCallbacks;this.afterUpdateCallbacks=void 0;if(!due)return;if(this.isConnected){for(const due_callback of due.values())due_callback();return}const held=this.deferredAfterUpdate??=new Map;for(const[heldKey,heldCallback]of due)if(!held.has(heldKey))held.set(heldKey,heldCallback)})}localize(key,fallback,values){return resolveLyraString(this,key,this.strings,fallback,values,this.constructor.defaultStrings)}get effectiveMessageLocale(){return this.locale||resolveLyraLocale(this)}get effectiveLocale(){return resolveIntlLocale(this.effectiveMessageLocale)}get effectiveIntlLocale(){return this.effectiveLocale}get effectiveDirection(){return resolveLyraDirection(this)}addEventListener(type,listener,options){super.addEventListener(type,listener,options)}removeEventListener(type,listener,options){super.removeEventListener(type,listener,options)}emit(name,...args){const[detail,options]=args;const ownerDocument=this.ownerDocument;let CustomEventCtor=ownerDocument?.defaultView?.CustomEvent;if(!CustomEventCtor&&ownerDocument){try{const candidate=ownerDocument.createEvent("CustomEvent").constructor;if(typeof candidate==="function"){CustomEventCtor=candidate}}catch{}}CustomEventCtor??=globalThis.CustomEvent;const event=new CustomEventCtor(name,{detail,bubbles:true,composed:true,cancelable:options?.cancelable??false});this.dispatchEvent(event);return event}}__decorate([property({reflect:true})],LyraElement.prototype,"locale",void 0);__decorate([property({attribute:false})],LyraElement.prototype,"strings",void 0);export{LyraElement};
+var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)if(d=decorators[i])r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r;return c>3&&r&&Object.defineProperty(target,key,r),r};import{LitElement}from"lit";import{property}from"lit/decorators.js";import{captureFormInternals,ExternalLabelController}from"./form-control-labels.js";import{tokens}from"./tokens.styles.js";import{palette}from"./tokens/palette.styles.js";import{resolveIntlLocale}from"./intl-cache.js";import{enableLyraLocaleCache,invalidateLyraLocaleCache,peekLyraDirection,peekLyraLocale,resolveLyraDirection,resolveLyraString,resolveLyraLocale,subscribeLyraLocale}from"./localization-runtime.js";const REACTIVE_HOST_ATTRIBUTES=["aria-label","aria-describedby","lang","dir"];const DIRECTION_HOST_ATTRIBUTES=["class","style"];const INHERITED_CONTEXT_ATTRIBUTES=["locale","lang","dir","class","style"];function composedParentElement(element){if(element.parentElement)return element.parentElement;const root=element.getRootNode();const candidate=root.host;return root.nodeType===11&&candidate!==null&&typeof candidate==="object"&&typeof candidate.getAttribute==="function"?candidate:null}const STYLE_DIRECTION_PATTERN=/(?:^|[;\s])direction\s*:\s*([^;]+)/i;function styleDirectionDeclaration(styleText){return STYLE_DIRECTION_PATTERN.exec(styleText)?.[1]?.trim()}class LyraElement extends LitElement{static{this.styles=[palette,tokens]}static{this.defaultStrings=Object.freeze({})}static get observedAttributes(){return[...new Set([...super.observedAttributes,...REACTIVE_HOST_ATTRIBUTES,...DIRECTION_HOST_ATTRIBUTES])]}constructor(){super();this.locale="";this.strings={};if(this.constructor.formAssociated){this.addController(new ExternalLabelController(this))}}attachInternals(){const internals=super.attachInternals();captureFormInternals(this,internals);return internals}connectedCallback(){this.hydratingServerShadow??=!this.hasUpdated&&this.shadowRoot!==null;super.connectedCallback();enableLyraLocaleCache(this);invalidateLyraLocaleCache(this);this.observeInheritedContext();this.stopLocaleSubscription=subscribeLyraLocale(()=>this.requestUpdate());const deferred=this.deferredAfterUpdate;if(deferred){this.deferredAfterUpdate=void 0;for(const[key,callback]of deferred)this.scheduleAfterUpdate(callback,key)}}disconnectedCallback(){this.pendingLoadController?.abort();this.pendingLoadController=void 0;this.stopLocaleSubscription?.();this.stopLocaleSubscription=void 0;this.inheritedContextObserver?.disconnect();this.inheritedContextObserver=void 0;invalidateLyraLocaleCache(this);super.disconnectedCallback()}requestUpdate(name,oldValue,options){invalidateLyraLocaleCache(this);super.requestUpdate(name,oldValue,options)}attributeChangedCallback(name,oldValue,value){super.attributeChangedCallback(name,oldValue,value);if(oldValue!==value&&REACTIVE_HOST_ATTRIBUTES.includes(name)){this.requestUpdate()}else if(oldValue!==value&&DIRECTION_HOST_ATTRIBUTES.includes(name)){invalidateLyraLocaleCache(this)}}observeInheritedContext(){this.inheritedContextObserver?.disconnect();const Observer=this.ownerDocument?.defaultView?.MutationObserver;if(!Observer)return;let lastLocale;let lastDirection;let checkQueued=false;let recheckDirection=false;const check=()=>{checkQueued=false;const resolveDirection=recheckDirection;recheckDirection=false;lastLocale??=peekLyraLocale(this);if(resolveDirection)lastDirection??=peekLyraDirection(this);const priorLocale=lastLocale;const priorDirection=lastDirection;invalidateLyraLocaleCache(this);const locale=resolveLyraLocale(this);lastLocale=locale;const localeChanged=priorLocale!==void 0&&locale!==priorLocale;let directionChanged=false;if(resolveDirection){const direction=resolveLyraDirection(this);directionChanged=priorDirection!==void 0&&direction!==priorDirection;lastDirection=direction}if(localeChanged||directionChanged)this.requestUpdate()};const observer=new Observer(records=>{for(const record of records){if(record.attributeName==="dir"||record.attributeName==="class"){recheckDirection=true;break}if(record.attributeName==="style"){const target=record.target;const before=record.oldValue??"";const after=target.getAttribute("style")??"";if(styleDirectionDeclaration(before)!==styleDirectionDeclaration(after)){recheckDirection=true;break}}}if(checkQueued)return;checkQueued=true;queueMicrotask(check)});let ancestor=composedParentElement(this);while(ancestor){observer.observe(ancestor,{attributes:true,attributeOldValue:true,attributeFilter:[...INHERITED_CONTEXT_ATTRIBUTES]});ancestor=composedParentElement(ancestor)}this.inheritedContextObserver=observer}seedFirstRenderState(seed){if(this.hasUpdated)return;if(!this.hydratingServerShadow){seed();return}void this.updateComplete.then(()=>{this.hydratingServerShadow=false;seed()},()=>{this.hydratingServerShadow=false})}beginAbortableLoad(){this.pendingLoadController?.abort();this.pendingLoadController=void 0;const AbortControllerCtor=this.ownerDocument.defaultView?.AbortController;if(!AbortControllerCtor)return void 0;this.pendingLoadController=new AbortControllerCtor;return this.pendingLoadController.signal}scheduleAfterUpdate(callback,key="load"){const pending=this.afterUpdateCallbacks??=new Map;if(pending.has(key))return;pending.set(key,callback);if(pending.size>1)return;queueMicrotask(()=>{const due=this.afterUpdateCallbacks;this.afterUpdateCallbacks=void 0;if(!due)return;if(this.isConnected){for(const due_callback of due.values())due_callback();return}const held=this.deferredAfterUpdate??=new Map;for(const[heldKey,heldCallback]of due)if(!held.has(heldKey))held.set(heldKey,heldCallback)})}localize(key,fallback,values){return resolveLyraString(this,key,this.strings,fallback,values,this.constructor.defaultStrings)}get effectiveMessageLocale(){return this.locale||resolveLyraLocale(this)}get effectiveLocale(){return resolveIntlLocale(this.effectiveMessageLocale)}get effectiveIntlLocale(){return this.effectiveLocale}get effectiveDirection(){return resolveLyraDirection(this)}addEventListener(type,listener,options){super.addEventListener(type,listener,options)}removeEventListener(type,listener,options){super.removeEventListener(type,listener,options)}emit(name,...args){const[detail,options]=args;const ownerDocument=this.ownerDocument;let CustomEventCtor=ownerDocument?.defaultView?.CustomEvent;if(!CustomEventCtor&&ownerDocument){try{const candidate=ownerDocument.createEvent("CustomEvent").constructor;if(typeof candidate==="function"){CustomEventCtor=candidate}}catch{}}CustomEventCtor??=globalThis.CustomEvent;const event=new CustomEventCtor(name,{detail,bubbles:true,composed:true,cancelable:options?.cancelable??false});this.dispatchEvent(event);return event}}__decorate([property({reflect:true})],LyraElement.prototype,"locale",void 0);__decorate([property({attribute:false})],LyraElement.prototype,"strings",void 0);export{LyraElement};

package/dist/internal/package-metadata.d.ts

@@ -3,4 +3,4 @@
  * Run `pnpm package-metadata` after changing package identity or version.
  */
 export declare const LYRA_PACKAGE_NAME: "@aceshooting/lyra-ui";
-export declare const LYRA_PACKAGE_VERSION: "8.2.0";
+export declare const LYRA_PACKAGE_VERSION: "8.2.2";

package/dist/internal/package-metadata.js

@@ -1 +1 @@
-const LYRA_PACKAGE_NAME="@aceshooting/lyra-ui";const LYRA_PACKAGE_VERSION="8.2.0";export{LYRA_PACKAGE_NAME,LYRA_PACKAGE_VERSION};
+const LYRA_PACKAGE_NAME="@aceshooting/lyra-ui";const LYRA_PACKAGE_VERSION="8.2.2";export{LYRA_PACKAGE_NAME,LYRA_PACKAGE_VERSION};

package/dist/testing/happy-dom-shims.d.ts

@@ -45,5 +45,5 @@ export declare function installHappyDomFormAssociatedShims(): void;
 /** Test-only: returns a fresh stub `ElementInternals`-shaped object, independent of whether
  *  `attachInternals` already exists natively -- exists purely so this module's own test can
  *  verify the stub's call-shape coverage without needing to run under happy-dom itself. */
-export declare function installStubInternalsForTest(_host: Element): StubElementInternals;
+export declare function installStubInternalsForTest(host: Element): StubElementInternals;
 export {};

package/dist/testing/happy-dom-shims.js

@@ -1 +1 @@
-function createStubInternals(){return{form:null,labels:document.createDocumentFragment().querySelectorAll("label"),states:new Set,validity:{valid:true},validationMessage:"",willValidate:true,setFormValue(){},checkValidity(){return true},reportValidity(){return true},setValidity(){}}}function installHappyDomFormAssociatedShims(){if(typeof HTMLElement==="undefined")return;if(typeof HTMLElement.prototype.attachInternals==="function")return;HTMLElement.prototype.attachInternals=function attachInternals(){return createStubInternals()}}function installStubInternalsForTest(_host){return createStubInternals()}export{installHappyDomFormAssociatedShims,installStubInternalsForTest};
+function createStubInternals(host){return{get form(){return host.closest("form")},labels:document.createDocumentFragment().querySelectorAll("label"),states:new Set,validity:{valid:true},validationMessage:"",willValidate:true,setFormValue(){},checkValidity(){return true},reportValidity(){return true},setValidity(){}}}function installHappyDomFormAssociatedShims(){if(typeof HTMLElement==="undefined")return;if(typeof HTMLElement.prototype.attachInternals==="function")return;HTMLElement.prototype.attachInternals=function attachInternals(){return createStubInternals(this)}}function installStubInternalsForTest(host){return createStubInternals(host)}export{installHappyDomFormAssociatedShims,installStubInternalsForTest};

package/llms/components/lr-input.md

@@ -42,6 +42,12 @@ see "Enter-to-submit" below for the exact rules and for which controls deliberat
 - `value: string = ''` (from `FormAssociated`)
 - `defaultValue: string = ''` — reset value, backed by the standard `value` content attribute;
   `default-value` is accepted as a Shoelace attribute alias
+- `name: string` (from `FormAssociated`) and the plain inherited `id` are both forwarded to the
+  internal native `<input>` (previously the internal input carried neither, only a fixed
+  `id="input"`), so shadow-DOM-aware password managers that key field detection off the actual
+  control's own `name`/`id` — not `autocomplete` alone — recognize `<lr-input>` fields. The
+  internal `<label for>` tracks whichever id is in use. Leaving `id` unset on the host keeps the
+  internal input at `id="input"`, identical to before
 - `placeholder: string = ''`
 - `clearable: boolean = false` (reflected) — shows a localized clear action while a `text` or
   `search` input has a value; clearing preserves input focus

package/llms-full.txt

@@ -3393,6 +3393,12 @@ see "Enter-to-submit" below for the exact rules and for which controls deliberat
 - `value: string = ''` (from `FormAssociated`)
 - `defaultValue: string = ''` — reset value, backed by the standard `value` content attribute;
   `default-value` is accepted as a Shoelace attribute alias
+- `name: string` (from `FormAssociated`) and the plain inherited `id` are both forwarded to the
+  internal native `<input>` (previously the internal input carried neither, only a fixed
+  `id="input"`), so shadow-DOM-aware password managers that key field detection off the actual
+  control's own `name`/`id` — not `autocomplete` alone — recognize `<lr-input>` fields. The
+  internal `<label for>` tracks whichever id is in use. Leaving `id` unset on the host keeps the
+  internal input at `id="input"`, identical to before
 - `placeholder: string = ''`
 - `clearable: boolean = false` (reflected) — shows a localized clear action while a `text` or
   `search` input has a value; clearing preserves input focus