@aceshooting/lyra-ui 29.0.2 → 29.1.0

package/dist/components/forms/combobox/option.class.d.ts

@@ -64,7 +64,9 @@ value:string;
 /** Disable selecting this option. */
 disabled:boolean;
 /** Whether this option is currently selected. Parent controls write this live, property-only
-* state without changing `defaultSelected` or the declarative reset attribute.
+* state without changing `defaultSelected` or the declarative reset attribute. Consumer writes
+* update this option immediately; select/combobox parent selection and form state settle in
+* the next microtask. Multiple writes share one reconciliation and emit no parent value events.
 * @default false */
 get selected():boolean;set selected(next:boolean);
 /** Declarative/reset selection default supplied by the `selected` attribute. Property writes
@@ -94,6 +96,6 @@ data?:unknown;
 */
 get label():string;set label(next:string);
 /** Accessible text generated from flattened default-slot content, excluding named adornments. */
-get defaultLabel():string;private computeDefaultLabel;private readonly labelTextObserver;private observedDefaultLabel;private cachedDefaultLabel?;private readonly handlePointerEnter;private readonly handlePointerLeave;private readonly handleFocusIn;private readonly handleFocusOut;private readonly handleLabelMutation;private isDefaultLabelNode;private labelForwardingSlots;private sourceParentForLabelNode;private isClosedSourceDetailsBranch;private isSourceLabelVisible;private handleLabelSlotChange;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;private handleLabelRecords;protected updated(changed:PropertyValues):void;private syncOptionState;
+get defaultLabel():string;private computeDefaultLabel;private readonly labelTextObserver;private observedDefaultLabel;private cachedDefaultLabel?;private readonly handlePointerEnter;private readonly handlePointerLeave;private readonly handleFocusIn;private readonly handleFocusOut;private readonly handleLabelMutation;private isDefaultLabelNode;private labelForwardingSlots;private sourceParentForLabelNode;private isClosedSourceDetailsBranch;private isSourceLabelVisible;private handleLabelSlotChange;private inertAncestorReleases;private bindInertAncestors;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;private handleLabelRecords;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private syncOptionState;
 /** Returns an accessibility-visible label generated from flattened default-slot content. */
 getTextLabel():string;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-option':LyraOption;}}

package/dist/components/forms/combobox/option.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{html,svg}from"lit";import{property}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{AccessibleTextController}from"../../../internal/accessible-text-controller.js";import{setCustomState}from"../../../internal/custom-states.js";import{attachInternalsSafely}from"../../../internal/element-internals.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{isAccessibilitySubtreeExcluded,isAccessibilityVisibilityHidden}from"../../../internal/a11y.js";import{composedAccessibilityText}from"../../../internal/accessibility-visibility.js";import{markOptionSelectedDirty,notifyOptionSelectedWrite,RESET_OPTION_SELECTED_FROM_OWNER,SET_OPTION_SELECTED_FROM_OWNER}from"../../../internal/option-selection.js";import{styles}from"./option.styles.js";const GLYPH_VIEW_BOX="0 0 24 24",GLYPH_STROKE_WIDTH="1.75";function checkmarkGlyph(){return svg`
+import{__decorate}from"tslib";import{subscribeInheritedAttributes}from"../../../internal/inherited-attribute-hub.js";import{composedParentElement}from"../../../internal/active-element.js";import{html,svg}from"lit";import{property}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{AccessibleTextController}from"../../../internal/accessible-text-controller.js";import{setCustomState}from"../../../internal/custom-states.js";import{attachInternalsSafely}from"../../../internal/element-internals.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{isAccessibilitySubtreeExcluded,isAccessibilityVisibilityHidden}from"../../../internal/a11y.js";import{composedAccessibilityText}from"../../../internal/accessibility-visibility.js";import{markOptionSelectedDirty,notifyOptionSelectedWrite,RESET_OPTION_SELECTED_FROM_OWNER,SET_OPTION_SELECTED_FROM_OWNER}from"../../../internal/option-selection.js";import{styles}from"./option.styles.js";const GLYPH_VIEW_BOX="0 0 24 24",GLYPH_STROKE_WIDTH="1.75";function checkmarkGlyph(){return svg`
     <svg
       width="1em"
       height="1em"
@@ -11,7 +11,7 @@ import{__decorate}from"tslib";import{html,svg}from"lit";import{property}from"lit
       aria-hidden="true"
       focusable="false"
     ><polyline points="5 12.5 10 17.5 19 6.5"></polyline></svg>
-  `}class LyraOption extends LyraElement{constructor(){super(...arguments),this.slotPresence=new SlotPresenceController(this),this.optionInternals=attachInternalsSafely(this),this.hasHover=!1,this.hasCurrent=!1,this._label="",this.selectedValue=!1,this.defaultSelectedValue=!1,this.selectedDirty=!1,this.value="",this.disabled=!1,this.title="",this.group="",this.searchText="",this.sub="",this.dotColor="",this.labelTextObserver=new AccessibleTextController(this,[],records=>this.handleLabelRecords([...records]),["slot","title"]),this.observedDefaultLabel="",this.handlePointerEnter=()=>{this.hasHover=!0,this.syncOptionState()},this.handlePointerLeave=()=>{this.hasHover=!1,this.syncOptionState()},this.handleFocusIn=()=>{this.hasCurrent=!0,this.syncOptionState()},this.handleFocusOut=()=>{this.hasCurrent=!1,this.syncOptionState()},this.handleLabelMutation=(presentationChanged=!1)=>{const next=this.defaultLabel;next===this.observedDefaultLabel&&!presentationChanged||(this.observedDefaultLabel=next,this.requestUpdate(),this.emit("lr-option-change"))},this.handleLabelSlotChange=event=>{const target=event.target;target?.nodeType!==1||target.localName!=="slot"||target.getRootNode()!==this.renderRoot&&!this.labelForwardingSlots().includes(target)||(this.cachedDefaultLabel=void 0,this.labelTextObserver.bind(),this.handleLabelMutation())}}static{this.styles=[LyraElement.styles,styles]}get selected(){return this.selectedValue}set selected(next){this.setLiveSelected(next,!0),notifyOptionSelectedWrite(this,()=>this.emit("lr-option-change"))}get defaultSelected(){return this.defaultSelectedValue}set defaultSelected(next){const normalized=!!next,old=this.defaultSelectedValue;old!==normalized&&(this.defaultSelectedValue=normalized,this.selectedDirty||this.setLiveSelected(normalized,!1),this.requestUpdate("defaultSelected",old))}setLiveSelected(next,dirty){dirty&&(this.selectedDirty=!0,markOptionSelectedDirty(this,!0));const normalized=!!next,old=this.selectedValue;old!==normalized&&(this.selectedValue=normalized,this.requestUpdate("selected",old))}[SET_OPTION_SELECTED_FROM_OWNER](next){this.selectedDirty||markOptionSelectedDirty(this,!1),this.setLiveSelected(next,!1)}[RESET_OPTION_SELECTED_FROM_OWNER](next){this.selectedDirty=!1,markOptionSelectedDirty(this,!1),this.setLiveSelected(next,!1)}get label(){return this._label.trim()||this.defaultLabel}set label(next){const normalized=String(next??""),old=this._label;old!==normalized&&(this._label=normalized,this.requestUpdate("label",old))}get defaultLabel(){if(!("childNodes"in this))return"";const pending=this.labelTextObserver.takeRecords();if(pending.length){this.cachedDefaultLabel=void 0;const ownerDocument=this.ownerDocument;queueMicrotask(()=>{this.isConnected&&this.ownerDocument===ownerDocument&&this.handleLabelRecords(pending)})}return this.isConnected?this.cachedDefaultLabel??=this.computeDefaultLabel():this.computeDefaultLabel()}computeDefaultLabel(){const roots=Array.from(this.childNodes??[]).filter(node=>this.isDefaultLabelNode(node));return composedAccessibilityText(roots,{requireRendered:!1,shouldPruneNode:node=>!this.contains(node)&&!this.isSourceLabelVisible(node),skipRootAncestorValidation:!0}).replace(/\s+/g," ").trim()}isDefaultLabelNode(node){if(node.nodeType!==1)return!0;const slotName=node.getAttribute("slot");return slotName===null||slotName===""}labelForwardingSlots(){return Array.from(this.querySelectorAll("slot")).filter(slot=>{let top=slot;for(;top.parentNode&&top.parentNode!==this;)top=top.parentNode;return top.parentNode===this&&this.isDefaultLabelNode(top)})}sourceParentForLabelNode(node){if(node.parentElement)return node.parentElement;const root=node.getRootNode();return"host"in root&&root.host.nodeType===1?root.host:null}isClosedSourceDetailsBranch(details,branch){if(details.localName!=="details"||details.hasAttribute("open")||branch===null)return!1;const summary=Array.from(details.children).find(child=>child.localName==="summary");return branch!==summary}isSourceLabelVisible(node){const target=node.nodeType===1?node:this.sourceParentForLabelNode(node);if(!target?.isConnected||isAccessibilitySubtreeExcluded(target)||isAccessibilityVisibilityHidden(target))return!1;let branch=target,ancestor=this.sourceParentForLabelNode(target);for(;ancestor;){if(isAccessibilitySubtreeExcluded(ancestor)||this.isClosedSourceDetailsBranch(ancestor,branch))return!1;branch=ancestor,ancestor=this.sourceParentForLabelNode(ancestor)}return!0}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut),this.syncOptionState(),this.addEventListener("slotchange",this.handleLabelSlotChange),this.cachedDefaultLabel=void 0,this.observedDefaultLabel=this.defaultLabel}disconnectedCallback(){this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),this.removeEventListener("focusin",this.handleFocusIn),this.removeEventListener("focusout",this.handleFocusOut),this.removeEventListener("slotchange",this.handleLabelSlotChange),this.hasHover=!1,this.hasCurrent=!1,this.syncOptionState(),super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.cachedDefaultLabel=void 0,this.labelTextObserver.adopted()}handleLabelRecords(records){this.cachedDefaultLabel=void 0;const presentationChanged=records.some(record=>{if(record.type==="attributes"&&record.attributeName==="inert"||record.type==="attributes"&&record.attributeName==="slot"&&this.contains(record.target))return!0;let node=record.target;for(;node&&node!==this&&node.parentNode!==this;)node=node.parentNode;return node&&node!==this&&!this.isDefaultLabelNode(node)?!0:record.type==="childList"&&record.target===this&&[...record.addedNodes,...record.removedNodes].some(child=>!this.isDefaultLabelNode(child))});this.handleLabelMutation(presentationChanged)}shouldUpdate(changed){return this.hasUpdated&&changed.size===1&&changed.has("label")&&!this.labelTextObserver.hasDrainedRecords()?(queueMicrotask(()=>this.emit("lr-option-change")),!1):super.shouldUpdate(changed)}updated(changed){super.updated(changed),changed.has("disabled")&&this.disabled&&(this.hasCurrent=!1),this.syncOptionState(),(changed.has("value")||changed.has("disabled")||changed.has("group")||changed.has("title")||changed.has("searchText")||changed.has("sub")||changed.has("dotColor")||changed.has("label")||changed.has("defaultSelected")||changed.has("data"))&&this.emit("lr-option-change")}syncOptionState(){this.optionInternals.role="option",this.optionInternals.ariaSelected=this.selected?"true":"false",this.optionInternals.ariaDisabled=this.disabled?"true":"false",setCustomState(this.optionInternals,"current",this.hasCurrent&&!this.disabled),setCustomState(this.optionInternals,"selected",this.selected),setCustomState(this.optionInternals,"disabled",this.disabled),setCustomState(this.optionInternals,"hover",this.hasHover&&!this.disabled)}getTextLabel(){return this.defaultLabel}render(){const hasStart=this.slotPresence.has("start")||this.slotPresence.has("prefix"),hasEnd=this.slotPresence.has("end")||this.slotPresence.has("suffix");return html`
+  `}class LyraOption extends LyraElement{constructor(){super(...arguments),this.slotPresence=new SlotPresenceController(this),this.optionInternals=attachInternalsSafely(this),this.hasHover=!1,this.hasCurrent=!1,this._label="",this.selectedValue=!1,this.defaultSelectedValue=!1,this.selectedDirty=!1,this.value="",this.disabled=!1,this.title="",this.group="",this.searchText="",this.sub="",this.dotColor="",this.labelTextObserver=new AccessibleTextController(this,[],records=>this.handleLabelRecords([...records]),["slot","title"],!0,!1,()=>this.labelForwardingSlots().length>0),this.observedDefaultLabel="",this.handlePointerEnter=()=>{this.hasHover=!0,this.syncOptionState()},this.handlePointerLeave=()=>{this.hasHover=!1,this.syncOptionState()},this.handleFocusIn=()=>{this.hasCurrent=!0,this.syncOptionState()},this.handleFocusOut=()=>{this.hasCurrent=!1,this.syncOptionState()},this.handleLabelMutation=(presentationChanged=!1)=>{const next=this.defaultLabel;next===this.observedDefaultLabel&&!presentationChanged||(this.observedDefaultLabel=next,this.requestUpdate(),this.emit("lr-option-change"))},this.handleLabelSlotChange=event=>{const target=event.target;target?.nodeType!==1||target.localName!=="slot"||target.getRootNode()!==this.renderRoot&&!this.labelForwardingSlots().includes(target)||(this.cachedDefaultLabel=void 0,this.labelTextObserver.bind(),this.handleLabelMutation())},this.inertAncestorReleases=[]}static{this.styles=[LyraElement.styles,styles]}get selected(){return this.selectedValue}set selected(next){this.setLiveSelected(next,!0),notifyOptionSelectedWrite(this,()=>this.emit("lr-option-change"))}get defaultSelected(){return this.defaultSelectedValue}set defaultSelected(next){const normalized=!!next,old=this.defaultSelectedValue;old!==normalized&&(this.defaultSelectedValue=normalized,this.selectedDirty||this.setLiveSelected(normalized,!1),this.requestUpdate("defaultSelected",old))}setLiveSelected(next,dirty){dirty&&(this.selectedDirty=!0,markOptionSelectedDirty(this,!0));const normalized=!!next,old=this.selectedValue;old!==normalized&&(this.selectedValue=normalized,this.requestUpdate("selected",old))}[SET_OPTION_SELECTED_FROM_OWNER](next){this.selectedDirty||markOptionSelectedDirty(this,!1),this.setLiveSelected(next,!1)}[RESET_OPTION_SELECTED_FROM_OWNER](next){this.selectedDirty=!1,markOptionSelectedDirty(this,!1),this.setLiveSelected(next,!1)}get label(){return this._label.trim()||this.defaultLabel}set label(next){const normalized=String(next??""),old=this._label;old!==normalized&&(this._label=normalized,this.requestUpdate("label",old))}get defaultLabel(){if(!("childNodes"in this))return"";const pending=this.labelTextObserver.takeRecords();if(pending.length){this.cachedDefaultLabel=void 0;const ownerDocument=this.ownerDocument;queueMicrotask(()=>{this.isConnected&&this.ownerDocument===ownerDocument&&this.handleLabelRecords(pending)})}return this.isConnected?this.cachedDefaultLabel??=this.computeDefaultLabel():this.computeDefaultLabel()}computeDefaultLabel(){const roots=Array.from(this.childNodes??[]).filter(node=>this.isDefaultLabelNode(node));return composedAccessibilityText(roots,{requireRendered:!1,shouldPruneNode:node=>!this.contains(node)&&!this.isSourceLabelVisible(node),skipRootAncestorValidation:!0}).replace(/\s+/g," ").trim()}isDefaultLabelNode(node){if(node.nodeType!==1)return!0;const slotName=node.getAttribute("slot");return slotName===null||slotName===""}labelForwardingSlots(){return Array.from(this.querySelectorAll("slot")).filter(slot=>{let top=slot;for(;top.parentNode&&top.parentNode!==this;)top=top.parentNode;return top.parentNode===this&&this.isDefaultLabelNode(top)})}sourceParentForLabelNode(node){if(node.parentElement)return node.parentElement;const root=node.getRootNode();return"host"in root&&root.host.nodeType===1?root.host:null}isClosedSourceDetailsBranch(details,branch){if(details.localName!=="details"||details.hasAttribute("open")||branch===null)return!1;const summary=Array.from(details.children).find(child=>child.localName==="summary");return branch!==summary}isSourceLabelVisible(node){const target=node.nodeType===1?node:this.sourceParentForLabelNode(node);if(!target?.isConnected||isAccessibilitySubtreeExcluded(target)||isAccessibilityVisibilityHidden(target))return!1;let branch=target,ancestor=this.sourceParentForLabelNode(target);for(;ancestor;){if(isAccessibilitySubtreeExcluded(ancestor)||this.isClosedSourceDetailsBranch(ancestor,branch))return!1;branch=ancestor,ancestor=this.sourceParentForLabelNode(ancestor)}return!0}bindInertAncestors(){for(const release of this.inertAncestorReleases.splice(0))release();const roots=new Map;for(let ancestor=composedParentElement(this);ancestor;ancestor=composedParentElement(ancestor)){const root=ancestor.getRootNode();let elements=roots.get(root);elements||roots.set(root,elements=new Set),elements.add(ancestor)}for(const[root,ancestors]of roots){const release=subscribeInheritedAttributes(root,this.ownerDocument.defaultView?.MutationObserver,{attributes:["inert"],changed:records=>{!this.labelForwardingSlots().length&&records.some(record=>ancestors.has(record.target))&&this.emit("lr-option-change")}});release&&this.inertAncestorReleases.push(release)}}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut),this.syncOptionState(),this.addEventListener("slotchange",this.handleLabelSlotChange),this.cachedDefaultLabel=void 0,this.observedDefaultLabel=this.defaultLabel,this.bindInertAncestors()}disconnectedCallback(){for(const release of this.inertAncestorReleases.splice(0))release();this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),this.removeEventListener("focusin",this.handleFocusIn),this.removeEventListener("focusout",this.handleFocusOut),this.removeEventListener("slotchange",this.handleLabelSlotChange),this.hasHover=!1,this.hasCurrent=!1,this.syncOptionState(),super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.cachedDefaultLabel=void 0,this.labelTextObserver.adopted(),this.isConnected&&this.bindInertAncestors()}handleLabelRecords(records){this.cachedDefaultLabel=void 0;const presentationChanged=records.some(record=>{if(record.type==="attributes"&&record.attributeName==="inert"||record.type==="attributes"&&record.attributeName==="slot"&&this.contains(record.target))return!0;let node=record.target;for(;node&&node!==this&&node.parentNode!==this;)node=node.parentNode;return node&&node!==this&&!this.isDefaultLabelNode(node)?!0:record.type==="childList"&&record.target===this&&[...record.addedNodes,...record.removedNodes].some(child=>!this.isDefaultLabelNode(child))});this.handleLabelMutation(presentationChanged)}shouldUpdate(changed){return this.hasUpdated&&changed.size===1&&changed.has("label")&&!this.labelTextObserver.hasDrainedRecords()?(queueMicrotask(()=>this.emit("lr-option-change")),!1):super.shouldUpdate(changed)}willUpdate(changed){super.willUpdate(changed),this.hasUpdated&&!changed.has("label")&&!changed.has("slot")&&this.labelTextObserver.preserveBindingForNextUpdate()}updated(changed){super.updated(changed),changed.has("disabled")&&this.disabled&&(this.hasCurrent=!1),this.syncOptionState(),(changed.has("value")||changed.has("disabled")||changed.has("group")||changed.has("title")||changed.has("searchText")||changed.has("sub")||changed.has("dotColor")||changed.has("label")||changed.has("defaultSelected")||changed.has("data"))&&this.emit("lr-option-change")}syncOptionState(){this.optionInternals.role="option",this.optionInternals.ariaSelected=this.selected?"true":"false",this.optionInternals.ariaDisabled=this.disabled?"true":"false",setCustomState(this.optionInternals,"current",this.hasCurrent&&!this.disabled),setCustomState(this.optionInternals,"selected",this.selected),setCustomState(this.optionInternals,"disabled",this.disabled),setCustomState(this.optionInternals,"hover",this.hasHover&&!this.disabled)}getTextLabel(){return this.defaultLabel}render(){const hasStart=this.slotPresence.has("start")||this.slotPresence.has("prefix"),hasEnd=this.slotPresence.has("end")||this.slotPresence.has("suffix");return html`
       <div part="base">
         <span part="checked-icon" aria-hidden="true" inert ?hidden=${!this.selected}>
           ${checkmarkGlyph()}

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

@@ -1,4 +1,4 @@
-import{nothing,type TemplateResult}from'lit';import{type SelectionCatalogRow}from'../../../internal/selection-catalog.js';import{LyraCatalogPickerBase,type LyraCatalogPickerChangeDetail,type LyraCatalogPickerEventMap}from'../catalog-picker-base.js';import{type LyraCountryCatalog,type LyraCountryEntry}from'../../../countries.js';export type{LyraCountryCatalog,LyraCountryEntry}from'../../../countries.js';export type LyraCountryChangeDetail=LyraCatalogPickerChangeDetail;export interface LyraCountryPickerEventMap extends LyraCatalogPickerEventMap{}
+import{nothing,type TemplateResult}from'lit';import type{SelectionCatalogRow}from'../../../internal/selection-catalog.js';import{LyraCatalogPickerBase,type LyraCatalogPickerChangeDetail,type LyraCatalogPickerEventMap}from'../catalog-picker-base.js';import{type LyraCountryCatalog,type LyraCountryEntry}from'../../../countries.js';export type{LyraCountryCatalog,LyraCountryEntry}from'../../../countries.js';export type LyraCountryChangeDetail=LyraCatalogPickerChangeDetail;export interface LyraCountryPickerEventMap extends LyraCatalogPickerEventMap{}
 /**
 * `<lr-country-picker>` — a form-associated country and territory selector.
 * Defaults to the pinned 249-code ISO catalog, localized names and decorative emoji flags.
@@ -16,11 +16,13 @@ import{nothing,type TemplateResult}from'lit';import{type SelectionCatalogRow}fro
 * @csspart select-trigger - The visible trigger or filter frame.
 * @csspart select-display-input - The committed name or optional filter input.
 * @csspart select-listbox - The offered countries.
+* @csspart select-option-overflow - Count of rows outside the 1,000-option popup ceiling; searchable mode can filter to them.
 * @csspart select-option - A country option.
 * @csspart select-option-sub - The country identifier.
 * @csspart select-group-label - A caller-provided group heading.
 * @csspart select-clear-button - The optional clear action.
 * @csspart flag - Decorative country flag emoji.
+* @csspart limit - Catalog input-loss notice, separate from the popup render-window overflow.
 * @csspart hint - Field guidance.
 * @csspart error - Validation guidance.
 * @event {Event} input - User selection changed the committed value and form state.

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

@@ -1 +1 @@
-import{__decorate}from"tslib";import{html,nothing}from"lit";import{property}from"lit/decorators.js";import{trueDefaultBooleanConverter}from"../../../internal/converters.js";import{snapshotSelectionCatalog}from"../../../internal/selection-catalog.js";import{LyraCatalogPickerBase}from"../catalog-picker-base.js";import{COUNTRY_CODES,resolveCountryNames}from"../../../countries.js";import{styles}from"./country-picker.styles.js";import{LyraElement}from"../../../internal/lyra-element.js";import{LYRA_DEFAULT_countryPickerLabel}from"../../../internal/default-strings/forms.generated.js";import{LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_notInCatalog,LYRA_DEFAULT_select}from"../../../internal/default-strings/shared.generated.js";const defaultEntries=Object.freeze(COUNTRY_CODES.map(code=>Object.freeze({code})));function normalizeCountry(value){const text=typeof value=="string"?value.trim():"";return/^[A-Za-z]{2}$/.test(text)?text.toUpperCase():text}class LyraCountryPicker extends LyraCatalogPickerBase{constructor(){super(...arguments),this.flags=!0}static{this.defaultStrings={...super.defaultStrings,countryPickerLabel:LYRA_DEFAULT_countryPickerLabel,fieldRequired:LYRA_DEFAULT_fieldRequired,notInCatalog:LYRA_DEFAULT_notInCatalog,select:LYRA_DEFAULT_select}}static{this.styles=[LyraElement.styles,styles]}get countries(){return this._countries}set countries(value){const previous=this._countries;this._countries=snapshotSelectionCatalog(value,normalizeCountry,code=>/^[A-Z]{2}$/.test(code)),this.updateValidity(),this.requestUpdate("countries",previous)}get entries(){return this._countries??defaultEntries}get pickerLabel(){return this.localize("countryPickerLabel")}normalizeValue(value){return normalizeCountry(value)}resolveRows(){return resolveCountryNames(this.entries,this.effectiveLocale)}renderAdornment(row){if(!this.flags||!/^[A-Z]{2}$/.test(row.code))return nothing;const emoji=String.fromCodePoint(...[...row.code].map(char=>char.charCodeAt(0)+127397));return html`<span part="flag" aria-hidden="true">${emoji}</span>`}}__decorate([property({converter:trueDefaultBooleanConverter})],LyraCountryPicker.prototype,"flags",void 0),__decorate([property({attribute:!1})],LyraCountryPicker.prototype,"countries",null);export{LyraCountryPicker};
+import{__decorate}from"tslib";import{html,nothing}from"lit";import{property}from"lit/decorators.js";import{trueDefaultBooleanConverter}from"../../../internal/converters.js";import{LyraCatalogPickerBase}from"../catalog-picker-base.js";import{COUNTRY_CODES,resolveCountryNames,snapshotCountryCatalog}from"../../../countries.js";import{styles}from"./country-picker.styles.js";import{LyraElement}from"../../../internal/lyra-element.js";import{LYRA_DEFAULT_countryPickerLabel}from"../../../internal/default-strings/forms.generated.js";import{LYRA_DEFAULT_catalogPickerInputLimit,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_notInCatalog,LYRA_DEFAULT_select}from"../../../internal/default-strings/shared.generated.js";const defaultEntries=Object.freeze(COUNTRY_CODES.map(code=>Object.freeze({code})));function normalizeCountry(value){const text=typeof value=="string"?value.trim():"";return/^[A-Za-z]{2}$/.test(text)?text.toUpperCase():text}class LyraCountryPicker extends LyraCatalogPickerBase{constructor(){super(...arguments),this.flags=!0}static{this.defaultStrings={...super.defaultStrings,catalogPickerInputLimit:LYRA_DEFAULT_catalogPickerInputLimit,countryPickerLabel:LYRA_DEFAULT_countryPickerLabel,fieldRequired:LYRA_DEFAULT_fieldRequired,notInCatalog:LYRA_DEFAULT_notInCatalog,select:LYRA_DEFAULT_select}}static{this.styles=[LyraElement.styles,styles]}get countries(){return this._countries}set countries(value){const previous=this._countries;this._countries=snapshotCountryCatalog(value),this.updateValidity(),this.requestUpdate("countries",previous)}get entries(){return this._countries??defaultEntries}get pickerLabel(){return this.localize("countryPickerLabel")}normalizeValue(value){return normalizeCountry(value)}resolveRows(){return resolveCountryNames(this.entries,this.effectiveLocale)}renderAdornment(row){if(!this.flags||!/^[A-Z]{2}$/.test(row.code))return nothing;const emoji=String.fromCodePoint(...[...row.code].map(char=>char.charCodeAt(0)+127397));return html`<span part="flag" aria-hidden="true">${emoji}</span>`}}__decorate([property({converter:trueDefaultBooleanConverter})],LyraCountryPicker.prototype,"flags",void 0),__decorate([property({attribute:!1})],LyraCountryPicker.prototype,"countries",null);export{LyraCountryPicker};

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

@@ -27,10 +27,12 @@ import{type SelectionCatalogRow}from'../../../internal/selection-catalog.js';imp
 * @csspart select-trigger - The select trigger or searchable input container.
 * @csspart select-display-input - The selected code or editable filter input.
 * @csspart select-listbox - The currency listbox.
+* @csspart select-option-overflow - Count of rows outside the 1,000-option popup ceiling; searchable mode can filter to them.
 * @csspart select-option - A currency option.
 * @csspart select-option-sub - The option descriptive subtext.
 * @csspart select-group-label - A caller-supplied contiguous group heading.
 * @csspart select-clear-button - The optional clear action.
+* @csspart limit - Catalog input-loss notice, separate from the popup render-window overflow.
 * @csspart hint - Field guidance.
 * @csspart error - Validation guidance.
 * @event {Event} input - Fired after a user selection updates the committed value and form state.

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

@@ -1 +1 @@
-import{__decorate}from"tslib";import{property}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{snapshotSelectionCatalog}from"../../../internal/selection-catalog.js";import{LyraCatalogPickerBase}from"../catalog-picker-base.js";import{styles}from"./currency-picker.styles.js";import{DEFAULT_CURRENCY_ENTRIES,normalizeCurrencyValue}from"./currency-catalog.js";import{resolveCurrencyPresentation}from"./currency-presentation.js";import{LYRA_DEFAULT_currencyPickerLabel}from"../../../internal/default-strings/forms.generated.js";import{LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_notInCatalog,LYRA_DEFAULT_select}from"../../../internal/default-strings/shared.generated.js";class LyraCurrencyPicker extends LyraCatalogPickerBase{static{this.defaultStrings={...super.defaultStrings,currencyPickerLabel:LYRA_DEFAULT_currencyPickerLabel,fieldRequired:LYRA_DEFAULT_fieldRequired,notInCatalog:LYRA_DEFAULT_notInCatalog,select:LYRA_DEFAULT_select}}static{this.styles=[LyraElement.styles,styles]}get currencies(){return this._currencies}set currencies(next){const previous=this._currencies;this._currencies=snapshotSelectionCatalog(next,normalizeCurrencyValue,code=>/^[A-Z]{3}$/.test(code)),this.updateValidity(),this.requestUpdate("currencies",previous)}get entries(){return this._currencies??DEFAULT_CURRENCY_ENTRIES}get pickerLabel(){return this.localize("currencyPickerLabel")}normalizeValue(value){return normalizeCurrencyValue(value)}resolveRows(){return resolveCurrencyPresentation(this.entries,this.effectiveLocale)}optionDisplay(row){return{label:row.code,sub:[row.label,row.symbol].filter(text=>!!text).join(" · ")}}}__decorate([property({attribute:!1})],LyraCurrencyPicker.prototype,"currencies",null);export{LyraCurrencyPicker};
+import{__decorate}from"tslib";import{property}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{snapshotSelectionCatalog}from"../../../internal/selection-catalog.js";import{LyraCatalogPickerBase}from"../catalog-picker-base.js";import{styles}from"./currency-picker.styles.js";import{DEFAULT_CURRENCY_ENTRIES,normalizeCurrencyValue}from"./currency-catalog.js";import{resolveCurrencyPresentation}from"./currency-presentation.js";import{LYRA_DEFAULT_currencyPickerLabel}from"../../../internal/default-strings/forms.generated.js";import{LYRA_DEFAULT_catalogPickerInputLimit,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_notInCatalog,LYRA_DEFAULT_select}from"../../../internal/default-strings/shared.generated.js";class LyraCurrencyPicker extends LyraCatalogPickerBase{static{this.defaultStrings={...super.defaultStrings,catalogPickerInputLimit:LYRA_DEFAULT_catalogPickerInputLimit,currencyPickerLabel:LYRA_DEFAULT_currencyPickerLabel,fieldRequired:LYRA_DEFAULT_fieldRequired,notInCatalog:LYRA_DEFAULT_notInCatalog,select:LYRA_DEFAULT_select}}static{this.styles=[LyraElement.styles,styles]}get currencies(){return this._currencies}set currencies(next){const previous=this._currencies;this._currencies=snapshotSelectionCatalog(next,normalizeCurrencyValue,code=>/^[A-Z]{3}$/.test(code)),this.updateValidity(),this.requestUpdate("currencies",previous)}get entries(){return this._currencies??DEFAULT_CURRENCY_ENTRIES}get pickerLabel(){return this.localize("currencyPickerLabel")}normalizeValue(value){return normalizeCurrencyValue(value)}resolveRows(){return resolveCurrencyPresentation(this.entries,this.effectiveLocale)}optionDisplay(row){return{label:row.code,sub:[row.label,row.symbol].filter(text=>!!text).join(" · ")}}}__decorate([property({attribute:!1})],LyraCurrencyPicker.prototype,"currencies",null);export{LyraCurrencyPicker};

package/dist/components/forms/currency-picker/currency-presentation.js

@@ -1 +1 @@
-import{getDisplayNames,getNumberFormat}from"../../../internal/intl-cache.js";function resolveSymbol(code,locale,currencyDisplay){try{const part=getNumberFormat(locale,{style:"currency",currency:code,currencyDisplay}).formatToParts(0).find(candidate=>candidate.type==="currency")?.value;return part?.trim()?part:code}catch{return code}}function resolveCurrencyPresentation(entries,locale){const rows=entries.map(entry=>{let localizedName;try{const name=getDisplayNames(locale,{type:"currency",fallback:"code"}).of(entry.code);localizedName=name?.trim()?name:entry.code}catch{localizedName=entry.code}const regularSymbol=resolveSymbol(entry.code,locale,"symbol"),narrowSymbol=resolveSymbol(entry.code,locale,"narrowSymbol"),label=entry.label??localizedName,symbol=entry.symbol??regularSymbol,searchText=[...new Set([entry.code,label,localizedName,symbol,regularSymbol,narrowSymbol])].join(" ");return Object.freeze({code:entry.code,label,symbol,narrowSymbol,disabled:entry.disabled===!0,...entry.group===void 0?{}:{group:entry.group},searchText})});return Object.freeze(rows)}export{resolveCurrencyPresentation};
+import{getDisplayNames,getNumberFormat}from"../../../internal/intl-cache.js";function resolveSymbol(code,locale,currencyDisplay){try{const part=getNumberFormat(locale,{style:"currency",currency:code,currencyDisplay},!1).formatToParts(0).find(candidate=>candidate.type==="currency")?.value;return part?.trim()?part:code}catch{return code}}const presentations=new Map;let nameImplementation=Intl.DisplayNames?.prototype?.of,partsImplementation=Intl.NumberFormat?.prototype?.formatToParts;function presentationFor(code,locale){(nameImplementation!==Intl.DisplayNames?.prototype?.of||partsImplementation!==Intl.NumberFormat?.prototype?.formatToParts)&&(presentations.clear(),nameImplementation=Intl.DisplayNames?.prototype?.of,partsImplementation=Intl.NumberFormat?.prototype?.formatToParts);const key=`${locale}\0${code}`,cached=presentations.get(key);if(cached)return cached;let name=code;try{name=getDisplayNames(locale,{type:"currency",fallback:"code"}).of(code)?.trim()||code}catch{}const result=[name,resolveSymbol(code,locale,"symbol"),resolveSymbol(code,locale,"narrowSymbol")];return presentations.size>=1024&&presentations.delete(presentations.keys().next().value),presentations.set(key,result),result}function resolveCurrencyPresentation(entries,locale){const rows=entries.map(entry=>{const[localizedName,regularSymbol,narrowSymbol]=presentationFor(entry.code,locale),label=entry.label??localizedName,symbol=entry.symbol??regularSymbol,searchText=[...new Set([entry.code,label,localizedName,symbol,regularSymbol,narrowSymbol])].join(" ");return Object.freeze({code:entry.code,label,symbol,narrowSymbol,disabled:entry.disabled===!0,...entry.group===void 0?{}:{group:entry.group},searchText})});return Object.freeze(rows)}export{resolveCurrencyPresentation};

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

@@ -59,6 +59,8 @@ import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from
 * ancestor theme wrapper override the active size tier. A value set directly on the picker still
 * wins through normal custom-property inheritance.
 *
+* Admission retains at most 64 groups, 20,000 emoji items total and 64 shortcodes per item. Input loss is disclosed through the limit part.
+*
 * @customElement lr-emoji-picker
 * @event input - Native `InputEvent` emitted in the host's current owner realm after a user pick.
 * @event change - Native commit `Event` emitted in the host's current owner realm with `input`.
@@ -72,6 +74,7 @@ import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from
 * @slot label - Custom label content.
 * @slot hint - Custom hint content.
 * @slot error - Custom error content.
+* @csspart limit - Localized notice when input admission omits catalog data.
 * @csspart form-control - The outer wrapper around label, base, error and hint.
 * @csspart form-control-label - The visible label.
 * @csspart base - The wrapper around the search input and grid.
@@ -164,7 +167,8 @@ export declare class LyraEmojiPicker extends LyraEmojiPicker_base{static styles:
 /** The full, ungrouped data set to search/render. Consumer-supplied — this component ships no
 *  emoji data of its own. Leaving the property unset allows the optional convenience loader to
 *  provide defaults; explicitly assigning `[]` opts out and renders only the search input and
-*  empty state. See `emoji-data-loader.ts` for the loader contract. */
+*  empty state. Admission retains at most 64 groups, 20,000 emoji items total, and 64 shortcodes
+*  per item. Input loss is disclosed through the limit part. See `emoji-data-loader.ts` for the loader contract. */
 get groups():readonly EmojiPickerGroup[];set groups(value:readonly EmojiPickerGroup[]);
 /** Accessible name forwarded from the host to the internal emoji listbox. Omission falls back
 *  to the visible label or localized default; an explicitly empty host attribute stays empty. */
@@ -191,4 +195,4 @@ focus(options?:FocusOptions):void;
 /** Blurs the currently focused owned search or emoji target, including a nested shadow owner. */
 blur():void;
 /** Activates the live search control while the form control is enabled. */
-click():void;private readonly gridId;private externalDescriptionLease?;private syncExternalDescription;private releaseExternalDescription;formResetCallback():void;private readonly haystacks;private projectionCache?;private rowCache?;private haystackFor;private projection;private get filteredGroups();private get flatItems();private get isVirtualized();private geometry;private syncGeometryProbe;private bindRenderedGeometryProbe;private observeGeometryProbe;private resetGeometryObserver;private onGeometryResize;private groupLabel;private virtualRows;private optionButtons;private get selectedIndex();private syncSelectedProjection;private columnsPerRow;private setActiveIndex;private onSearchInput;private onClearSearch;private onSearchFocus;private onSearchBlur;private pick;private onNavigationKeyDown;private onGridFocusIn;private onGridScroll;private cancelVirtualScrollFrame;private syncGridObserver;private resetGridObserver;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private restorePendingGridFocus;disconnectedCallback():void;private peerLoadMessage;private announcePeerLoadFailure;adoptedCallback():void;private resetOwnerRealmResources;private renderEmojiButton;private renderVirtualRows;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-emoji-picker':LyraEmojiPicker;}}
+click():void;private readonly gridId;private externalDescriptionLease?;private syncExternalDescription;private releaseExternalDescription;formResetCallback():void;private readonly haystacks;private projectionCache?;private rowCache?;private haystackFor;private projection;private get filteredGroups();private get flatItems();private get isVirtualized();private geometry;private syncGeometryProbe;private bindRenderedGeometryProbe;private observeGeometryProbe;private resetGeometryObserver;private onGeometryResize;private groupLabel;private virtualRows;private optionButtons;private get selectedIndex();private syncSelectedProjection;private columnsPerRow;private setActiveIndex;private onSearchInput;private onClearSearch;private onSearchFocus;private onSearchBlur;private pick;private onNavigationKeyDown;private onGridFocusIn;private onGridScroll;private cancelVirtualScrollFrame;private syncGridObserver;private resetGridObserver;protected willUpdate(changed:PropertyValues):void;private inputLimited;private readonly limitAnnouncements;private limitMounted;protected updated(changed:PropertyValues):void;private restorePendingGridFocus;disconnectedCallback():void;private peerLoadMessage;private announcePeerLoadFailure;adoptedCallback():void;private resetOwnerRealmResources;private renderEmojiButton;private renderVirtualRows;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-emoji-picker':LyraEmojiPicker;}}

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

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,state,query}from"lit/decorators.js";import{live}from"lit/directives/live.js";import{repeat}from"lit/directives/repeat.js";import{LyraElement}from"../../../internal/lyra-element.js";import{FormAssociated}from"../../../internal/form-associated.js";import{hostAriaLabel,nextId}from"../../../internal/a11y.js";import{deepActiveElementIn,shadowFocusTarget}from"../../../internal/active-element.js";import{acquireResolvedAriaRelationship}from"../../../internal/aria-controls.js";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{dispatchNativeEvent,dispatchNativeInputEvent,relayNativeEvent}from"../../../internal/native-event-relay.js";import{closeIcon}from"../../../internal/icons.js";import{revealRange,revealRow}from"../../../internal/reveal-row.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{styles}from"./emoji-picker.styles.js";import{loadEmojiDataOutcomeCached}from"./emoji-data-loader.js";import{LYRA_DEFAULT_emojiPickerEmpty,LYRA_DEFAULT_emojiPickerGridLabel,LYRA_DEFAULT_emojiPickerGroupActivities,LYRA_DEFAULT_emojiPickerGroupAnimalsNature,LYRA_DEFAULT_emojiPickerGroupComponent,LYRA_DEFAULT_emojiPickerGroupFlags,LYRA_DEFAULT_emojiPickerGroupFoodDrink,LYRA_DEFAULT_emojiPickerGroupObjects,LYRA_DEFAULT_emojiPickerGroupPeopleBody,LYRA_DEFAULT_emojiPickerGroupSmileysEmotion,LYRA_DEFAULT_emojiPickerGroupSymbols,LYRA_DEFAULT_emojiPickerGroupTravelPlaces,LYRA_DEFAULT_emojiPickerGroupUnknown,LYRA_DEFAULT_emojiPickerLoadError,LYRA_DEFAULT_emojiPickerPeerMissing,LYRA_DEFAULT_emojiPickerSearchLabel,LYRA_DEFAULT_emojiPickerSearchPlaceholder}from"../../../internal/default-strings/forms.generated.js";import{LYRA_DEFAULT_clear,LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_item,LYRA_DEFAULT_loading,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_open,LYRA_DEFAULT_progress,LYRA_DEFAULT_restore,LYRA_DEFAULT_retry,LYRA_DEFAULT_search,LYRA_DEFAULT_select}from"../../../internal/default-strings/shared.generated.js";const VIRTUALIZE_AT=200,ITEM_SIZE_FALLBACK=40,GAP_FALLBACK=2,VIRTUAL_ROW_HEIGHT_FALLBACK=56,MAX_VIRTUAL_COLUMNS=20,BUILT_IN_GROUP_LABEL_KEYS={0:"emojiPickerGroupSmileysEmotion",1:"emojiPickerGroupPeopleBody",2:"emojiPickerGroupComponent",3:"emojiPickerGroupAnimalsNature",4:"emojiPickerGroupFoodDrink",5:"emojiPickerGroupTravelPlaces",6:"emojiPickerGroupActivities",7:"emojiPickerGroupObjects",8:"emojiPickerGroupSymbols",9:"emojiPickerGroupFlags"},MAX_EMOJI_GROUPS=64,MAX_EMOJIS=2e4,MAX_SHORTCODES_PER_EMOJI=64;function snapshotEmojiGroups(source,itemSnapshots,replacements){if(!Array.isArray(source))return Object.freeze([]);const groups=[];let remaining=MAX_EMOJIS;for(let groupIndex=0;groupIndex<Math.min(source.length,MAX_EMOJI_GROUPS)&&remaining>0;groupIndex+=1)try{const rawGroup=source[groupIndex];if(rawGroup===null||typeof rawGroup!="object")continue;const group=rawGroup,key=group.key,label=group.label,rawEmojis=group.emojis;if(typeof key!="string"||typeof label!="string"||!Array.isArray(rawEmojis))continue;const emojis=[],length=Math.min(rawEmojis.length,remaining);for(let itemIndex=0;itemIndex<length;itemIndex+=1)try{const rawItem=rawEmojis[itemIndex];if(rawItem===null||typeof rawItem!="object")continue;const item=rawItem,emoji=item.emoji,name=item.name,rawShortcodes=item.shortcodes;if(typeof emoji!="string"||typeof name!="string"||rawShortcodes!==void 0&&!Array.isArray(rawShortcodes))continue;const shortcodes=rawShortcodes===void 0?void 0:Object.freeze(rawShortcodes.slice(0,MAX_SHORTCODES_PER_EMOJI).filter(entry=>typeof entry=="string")),cached=itemSnapshots.get(rawItem),snapshot=cached?.emoji===emoji&&cached.name===name&&(shortcodes===void 0?cached.shortcodes===void 0:cached.shortcodes!==void 0&&cached.shortcodes.length===shortcodes.length&&shortcodes.every((shortcode,index)=>shortcode===cached.shortcodes?.[index]))?cached:Object.freeze({emoji,name,...shortcodes===void 0?{}:{shortcodes}});cached&&cached!==snapshot&&replacements.set(cached,snapshot),itemSnapshots.set(rawItem,snapshot),emojis.push(snapshot)}catch{}remaining-=emojis.length,groups.push(Object.freeze({key,label,emojis:Object.freeze(emojis)}))}catch{}return Object.freeze(groups)}function probePixels(probe,fallback,allowZero=!1){const computed=probe.ownerDocument.defaultView?.getComputedStyle(probe);if(!computed)return fallback;const px=Number.parseFloat(computed.inlineSize);return!Number.isFinite(px)||px<0?fallback:px>0||allowZero?px:fallback}class EmojiPickerBase extends LyraElement{}class LyraEmojiPicker extends FormAssociated(EmojiPickerBase){constructor(){super(...arguments),this._groups=Object.freeze([]),this.itemSnapshots=new WeakMap,this.builtInGroups=new WeakSet,this.groupsWereSet=!1,this.applyingBuiltInGroups=!1,this.peerErrorAnnouncements=new AnnouncementSinkController(this),this.accessibleLabel="",this.size="m",this.label="",this.hint="",this.errorText="",this.slotPresence=new SlotPresenceController(this),this.touched=!1,this.labelId=nextId("emoji-picker-label"),this.hintId=nextId("emoji-picker-hint"),this.errorId=nextId("emoji-picker-error"),this.loadGroups=loadEmojiDataOutcomeCached,this.retryLoad=()=>{this.peerLoadFailure=void 0,this.builtInGroupsLocale=void 0,this.loadBuiltInGroups()},this.queryText="",this.activeIndex=0,this.virtualScrollTop=0,this.observedGridVirtualized=!1,this.liveGeometryReady=!1,this.ownerRealmGeneration=0,this.gridId=nextId("emoji-picker-grid"),this.haystacks=new WeakMap,this.onGeometryResize=()=>{const previous=this.geometryCache;if(this.geometryCache=void 0,!previous)return;const next=this.geometry();next.itemSize===previous.itemSize&&next.gap===previous.gap&&next.rowHeight===previous.rowHeight||this.requestUpdate()},this.onSearchInput=event=>{event.stopPropagation(),!this.liveDisabled&&(this.pendingGridFocus=void 0,this.queryText=event.target.value,this.activeIndex=0)},this.onClearSearch=()=>{this.liveDisabled||this.queryText===""||(this.pendingGridFocus=void 0,this.queryText="",this.activeIndex=0,this.searchEl?.focus())},this.onSearchFocus=event=>{if(this.liveDisabled){event.stopPropagation();return}relayNativeEvent(this,event)},this.onSearchBlur=event=>{this.liveDisabled||(this.touched=!0),relayNativeEvent(this,event)},this.onNavigationKeyDown=event=>{if(this.liveDisabled||event.isComposing||event.keyCode===229)return;const items=this.flatItems;if(items.length===0)return;const inSearch=event.currentTarget===this.searchEl,forwardKey=this.effectiveDirection==="rtl"?"ArrowLeft":"ArrowRight",backwardKey=this.effectiveDirection==="rtl"?"ArrowRight":"ArrowLeft";let target;if(event.key===forwardKey)target=this.activeIndex+1;else if(event.key===backwardKey)target=this.activeIndex-1;else if(event.key==="ArrowDown")target=this.activeIndex+this.columnsPerRow();else if(event.key==="ArrowUp")target=this.activeIndex-this.columnsPerRow();else if(event.key==="Home"&&!inSearch)target=0;else if(event.key==="End"&&!inSearch)target=items.length-1;else if(event.key==="Enter"||event.key===" "&&!inSearch){event.preventDefault();const item=items[this.activeIndex];item&&this.pick(item);return}else return;event.preventDefault(),inSearch&&(this.pendingGridFocus=void 0),this.setActiveIndex(target,!inSearch)},this.onGridFocusIn=event=>{const button=event.target;if(button?.nodeType!==1||button.localName!=="button")return;const option=button,indexed=Number(option.dataset.index),index=Number.isInteger(indexed)?indexed:this.optionButtons().indexOf(option);this.pendingGridFocus||(this.focusedGridItem=this.flatItems[index],index>=0&&index!==this.activeIndex&&this.setActiveIndex(index,!1))},this.onGridScroll=event=>{if(!this.isVirtualized)return;const grid=event.currentTarget;this.virtualScrollTop=grid.scrollTop;const ownerDocument=this.ownerDocument,ownerWindow=ownerDocument.defaultView;if(!ownerWindow||this.virtualScrollRaf!==void 0&&this.virtualScrollRafWindow===ownerWindow&&this.virtualScrollRafDocument===ownerDocument)return;this.cancelVirtualScrollFrame();const generation=this.ownerRealmGeneration;let handle=0;handle=ownerWindow.requestAnimationFrame(()=>{this.virtualScrollRaf!==handle||this.virtualScrollRafWindow!==ownerWindow||this.virtualScrollRafDocument!==ownerDocument||this.ownerRealmGeneration!==generation||!this.isConnected||this.ownerDocument!==ownerDocument||(this.virtualScrollRaf=void 0,this.virtualScrollRafWindow=void 0,this.virtualScrollRafDocument=void 0,this.requestUpdate())}),this.virtualScrollRaf=handle,this.virtualScrollRafWindow=ownerWindow,this.virtualScrollRafDocument=ownerDocument}}static{this.defaultStrings={...super.defaultStrings,clear:LYRA_DEFAULT_clear,collapse:LYRA_DEFAULT_collapse,details:LYRA_DEFAULT_details,emojiPickerEmpty:LYRA_DEFAULT_emojiPickerEmpty,emojiPickerGridLabel:LYRA_DEFAULT_emojiPickerGridLabel,emojiPickerGroupActivities:LYRA_DEFAULT_emojiPickerGroupActivities,emojiPickerGroupAnimalsNature:LYRA_DEFAULT_emojiPickerGroupAnimalsNature,emojiPickerGroupComponent:LYRA_DEFAULT_emojiPickerGroupComponent,emojiPickerGroupFlags:LYRA_DEFAULT_emojiPickerGroupFlags,emojiPickerGroupFoodDrink:LYRA_DEFAULT_emojiPickerGroupFoodDrink,emojiPickerGroupObjects:LYRA_DEFAULT_emojiPickerGroupObjects,emojiPickerGroupPeopleBody:LYRA_DEFAULT_emojiPickerGroupPeopleBody,emojiPickerGroupSmileysEmotion:LYRA_DEFAULT_emojiPickerGroupSmileysEmotion,emojiPickerGroupSymbols:LYRA_DEFAULT_emojiPickerGroupSymbols,emojiPickerGroupTravelPlaces:LYRA_DEFAULT_emojiPickerGroupTravelPlaces,emojiPickerGroupUnknown:LYRA_DEFAULT_emojiPickerGroupUnknown,emojiPickerLoadError:LYRA_DEFAULT_emojiPickerLoadError,emojiPickerPeerMissing:LYRA_DEFAULT_emojiPickerPeerMissing,emojiPickerSearchLabel:LYRA_DEFAULT_emojiPickerSearchLabel,emojiPickerSearchPlaceholder:LYRA_DEFAULT_emojiPickerSearchPlaceholder,fieldRequired:LYRA_DEFAULT_fieldRequired,item:LYRA_DEFAULT_item,loading:LYRA_DEFAULT_loading,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,open:LYRA_DEFAULT_open,progress:LYRA_DEFAULT_progress,restore:LYRA_DEFAULT_restore,retry:LYRA_DEFAULT_retry,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select}}static{this.styles=[LyraElement.styles,styles]}get groups(){return this._groups}set groups(value){const old=this._groups,focused=shadowFocusTarget(this),focusedIndex=Number(focused?.dataset?.index);this.pendingGridFocus=typeof focused?.getAttribute=="function"&&focused.getAttribute("part")?.split(/\s+/).includes("emoji")&&Number.isInteger(focusedIndex)?{item:this.focusedGridItem??this.flatItems[focusedIndex],index:focusedIndex}:void 0,this.applyingBuiltInGroups||(this.groupsWereSet=!0),this.peerLoadFailure=void 0,this.builtInGroups=new WeakSet;const replacements=new Map;this._groups=snapshotEmojiGroups(value,this.itemSnapshots,replacements),this.pendingGridFocus?.item&&(this.pendingGridFocus.item=replacements.get(this.pendingGridFocus.item)??this.pendingGridFocus.item),this.requestUpdate("groups",old)}connectedCallback(){super.connectedCallback(),this.hasUpdated&&(this.syncGeometryProbe(),this.syncExternalDescription()),this.observeGeometryProbe(),this.syncGridObserver(),this.loadBuiltInGroups()}loadBuiltInGroups(){if(this.groupsWereSet)return;const locale=this.effectiveLocale;if(this.builtInGroupsLocale===locale)return;this.builtInGroupsLocale=locale;const ownerDocument=this.ownerDocument,generation=this.ownerRealmGeneration;this.loadGroups(locale).then(loaded=>{if(!(this.ownerRealmGeneration!==generation||!this.isConnected||this.ownerDocument!==ownerDocument||this.groupsWereSet||this.builtInGroupsLocale!==locale)){if(!Array.isArray(loaded)){this.peerLoadFailure=loaded?.reason??"failed",this.announcePeerLoadFailure(),this.emit("lr-load-error");return}this.applyingBuiltInGroups=!0;try{this.groups=loaded}finally{this.applyingBuiltInGroups=!1}this.builtInGroups=new WeakSet(this._groups)}})}get liveDisabled(){return this.effectiveDisabled||this.matches(":disabled")}focus(options){this.liveDisabled||this.searchEl?.focus(options)}blur(){const active=deepActiveElementIn(this.isConnected?this.shadowRoot:null);active&&typeof active.blur=="function"&&active.blur()}click(){this.liveDisabled||this.searchEl?.click()}syncExternalDescription(){if(!this.isConnected)return;const owner=this.renderRoot.querySelector('[part="grid"]');owner&&(this.externalDescriptionLease?this.externalDescriptionLease.update(owner):this.externalDescriptionLease=acquireResolvedAriaRelationship(this,owner,"aria-describedby"))}releaseExternalDescription(){this.externalDescriptionLease?.release(),this.externalDescriptionLease=void 0}formResetCallback(){super.formResetCallback(),this.touched=!1}haystackFor(item){const locale=this.effectiveLocale;let cached=this.haystacks.get(item);return(cached===void 0||cached.locale!==locale)&&(cached={locale,value:[item.name,...item.shortcodes??[]].join(" ").toLocaleLowerCase(locale)},this.haystacks.set(item,cached)),cached.value}projection(){const locale=this.effectiveLocale,query2=this.queryText.trim().toLocaleLowerCase(locale),cached=this.projectionCache;if(cached?.source===this._groups&&cached.query===query2&&cached.locale===locale)return cached;const groups=query2?this._groups.map(group=>{const filtered={...group,emojis:group.emojis.filter(item=>this.haystackFor(item).includes(query2))};return this.builtInGroups.has(group)&&this.builtInGroups.add(filtered),filtered}).filter(group=>group.emojis.length>0):this._groups,next={source:this._groups,query:query2,locale,groups,items:groups.flatMap(group=>group.emojis)};return this.projectionCache=next,next}get filteredGroups(){return this.projection().groups}get flatItems(){return this.projection().items}get isVirtualized(){return this.flatItems.length>=VIRTUALIZE_AT}geometry(){if(this.geometryCache)return this.geometryCache;const probe=this.geometryProbe;return probe?(this.geometryCache={itemSize:probePixels(probe.item,ITEM_SIZE_FALLBACK),gap:probePixels(probe.gap,GAP_FALLBACK,!0),rowHeight:probePixels(probe.row,VIRTUAL_ROW_HEIGHT_FALLBACK)},this.geometryCache):{itemSize:ITEM_SIZE_FALLBACK,gap:GAP_FALLBACK,rowHeight:VIRTUAL_ROW_HEIGHT_FALLBACK}}syncGeometryProbe(){if(this.geometryProbe||!this.isVirtualized||!this.ownerDocument)return;const makeProbe=name=>{const probe=this.ownerDocument.createElement("div");return probe.dataset.probe=name,probe},root=makeProbe("root");root.setAttribute("aria-hidden","true");const item=makeProbe("item"),gap=makeProbe("gap"),row=makeProbe("row");root.append(item,gap,row),this.renderRoot.append(root),this.geometryProbe={root,item,gap,row},this.geometry(),root.remove(),this.geometryProbe=void 0}bindRenderedGeometryProbe(){const root=this.renderRoot?.querySelector('[data-probe="root"]'),item=root?.querySelector('[data-probe="item"]'),gap=root?.querySelector('[data-probe="gap"]'),row=root?.querySelector('[data-probe="row"]');if(!root||!item||!gap||!row)return;if(this.geometryProbe?.root===root){this.observeGeometryProbe();return}const prior=this.geometryCache??{itemSize:ITEM_SIZE_FALLBACK,gap:GAP_FALLBACK,rowHeight:VIRTUAL_ROW_HEIGHT_FALLBACK};this.geometryProbe={root,item,gap,row},this.geometryCache=void 0;const next=this.geometry();this.liveGeometryReady=!0,this.observeGeometryProbe(),(prior.itemSize!==next.itemSize||prior.gap!==next.gap||prior.rowHeight!==next.rowHeight)&&this.ownerDocument.defaultView?.requestAnimationFrame(()=>{this.isConnected&&this.geometryProbe?.root===root&&this.requestUpdate()})}observeGeometryProbe(){const probe=this.geometryProbe,ownerDocument=this.ownerDocument;if(!probe||!this.isConnected||this.geometryObserver&&this.geometryObserverDocument===ownerDocument&&this.geometryObserverRoot===probe.root)return;this.resetGeometryObserver();const ResizeObserverCtor=ownerDocument.defaultView?.ResizeObserver;if(!ResizeObserverCtor)return;const generation=this.ownerRealmGeneration,observer=new ResizeObserverCtor(()=>{this.geometryObserver!==observer||this.geometryObserverDocument!==ownerDocument||this.geometryObserverRoot!==probe.root||this.ownerRealmGeneration!==generation||!this.isConnected||this.ownerDocument!==ownerDocument||this.onGeometryResize()});this.geometryObserver=observer,this.geometryObserverDocument=ownerDocument,this.geometryObserverRoot=probe.root,observer.observe(probe.item),observer.observe(probe.gap),observer.observe(probe.row)}resetGeometryObserver(){this.geometryObserver?.disconnect(),this.geometryObserver=void 0,this.geometryObserverDocument=void 0,this.geometryObserverRoot=void 0}groupLabel(group){if(!this.builtInGroups.has(group))return group.label;const labelKey=BUILT_IN_GROUP_LABEL_KEYS[group.key];return labelKey?this.localize(labelKey):this.localize("emojiPickerGroupUnknown",void 0,{group:group.key})}virtualRows(){const projection=this.projection(),columns=this.columnsPerRow();if(this.rowCache?.projection===projection&&this.rowCache.columns===columns)return this.rowCache.rows;let index=0;const rows=[];for(const group of projection.groups)for(let offset=0;offset<group.emojis.length;offset+=columns)rows.push({heading:group,group:offset===0?group:void 0,items:group.emojis.slice(offset,offset+columns).map(item=>({item,index:index++}))});return this.rowCache={projection,columns,rows},rows}optionButtons(){return[...this.renderRoot.querySelectorAll('[part="emoji"]')]}get selectedIndex(){return this.value?this.flatItems.findIndex(item=>item.emoji===this.value):-1}syncSelectedProjection(){const selectedIndex=this.selectedIndex;for(const button of this.optionButtons())button.setAttribute("aria-selected",Number(button.dataset.index)===selectedIndex?"true":"false")}columnsPerRow(){if(this.isVirtualized){const width=(this.liveGeometryReady?this.renderRoot?.querySelector('[part="grid"]'):void 0)?.clientWidth??0,{itemSize,gap}=this.geometry();return Math.min(MAX_VIRTUAL_COLUMNS,Math.max(1,Math.floor((Math.max(width,itemSize)+gap)/(itemSize+gap))))}const buttons=this.optionButtons();if(buttons.length===0)return 1;const firstTop=buttons[0].offsetTop;let columns=0;for(const button of buttons){if(button.offsetTop!==firstTop)break;columns+=1}return Math.max(1,columns)}setActiveIndex(next,focusTarget){const buttons=this.optionButtons();if(buttons.length===0&&!this.isVirtualized)return;this.activeIndex=Math.max(0,Math.min(next,this.flatItems.length-1)),focusTarget&&(this.pendingGridFocus={item:this.flatItems[this.activeIndex],index:this.activeIndex});const target=this.isVirtualized?this.renderRoot.querySelector(`[part="emoji"][data-index="${this.activeIndex}"]`):buttons[this.activeIndex],previous=this.renderRoot.querySelector('[part="emoji"][data-active]');previous&&previous!==target&&(previous.tabIndex=-1,previous.removeAttribute("data-active")),target?(target.tabIndex=0,target.setAttribute("data-active",""),this.searchEl?.setAttribute("aria-activedescendant",target.id)):this.isVirtualized&&this.searchEl?.setAttribute("aria-activedescendant",`${this.gridId}-item-${this.activeIndex}`);const grid=this.renderRoot.querySelector('[part="grid"]');if(grid&&this.isVirtualized){const rowIndex=this.virtualRows().findIndex(row=>row.items.some(({index})=>index===this.activeIndex));if(rowIndex>=0){const{rowHeight}=this.geometry(),before=grid.scrollTop;revealRange(grid,rowIndex*rowHeight,rowHeight),grid.scrollTop!==before&&(this.virtualScrollTop=grid.scrollTop,this.requestUpdate())}}else grid&&target&&revealRow(grid,target);focusTarget&&target&&(this.pendingGridFocus=void 0,target.focus())}pick(item){if(this.liveDisabled)return;const detail={value:item.emoji,previousValue:this.value};this.value=item.emoji,this.syncSelectedProjection(),dispatchNativeInputEvent(this),this.emit("lr-input",detail),dispatchNativeEvent(this,"change"),this.emit("lr-change",detail)}cancelVirtualScrollFrame(){this.virtualScrollRaf!==void 0&&this.virtualScrollRafWindow?.cancelAnimationFrame(this.virtualScrollRaf),this.virtualScrollRaf=void 0,this.virtualScrollRafWindow=void 0,this.virtualScrollRafDocument=void 0}syncGridObserver(){const grid=this.renderRoot?.querySelector('[part="grid"]'),virtualized=this.isVirtualized,ownerDocument=this.ownerDocument;if(grid===this.observedGrid&&virtualized===this.observedGridVirtualized&&(!virtualized||this.gridResizeObserverDocument===ownerDocument)||(this.resetGridObserver(),!this.isConnected)||(this.observedGrid=grid??void 0,this.observedGridVirtualized=virtualized,!grid||!virtualized))return;grid.addEventListener("scroll",this.onGridScroll,{passive:!0});const ResizeObserverCtor=ownerDocument.defaultView?.ResizeObserver;if(!ResizeObserverCtor)return;const generation=this.ownerRealmGeneration,observer=new ResizeObserverCtor(()=>{this.gridResizeObserver!==observer||this.gridResizeObserverDocument!==ownerDocument||this.observedGrid!==grid||this.ownerRealmGeneration!==generation||!this.isConnected||this.ownerDocument!==ownerDocument||this.requestUpdate()});this.gridResizeObserver=observer,this.gridResizeObserverDocument=ownerDocument,observer.observe(grid)}resetGridObserver(){this.observedGrid?.removeEventListener("scroll",this.onGridScroll),this.gridResizeObserver?.disconnect(),this.gridResizeObserver=void 0,this.gridResizeObserverDocument=void 0,this.observedGrid=void 0,this.observedGridVirtualized=!1,this.cancelVirtualScrollFrame()}willUpdate(changed){super.willUpdate(changed),this.isVirtualized&&this.geometryProbe&&(this.geometryCache=void 0),this.syncGeometryProbe()}updated(changed){if(super.updated(changed),this.bindRenderedGeometryProbe(),this.syncGridObserver(),this.syncExternalDescription(),this.loadBuiltInGroups(),!changed.has("queryText")&&!changed.has("groups")){this.restorePendingGridFocus();return}const buttons=this.optionButtons();if(buttons.length===0){this.searchEl?.removeAttribute("aria-activedescendant"),this.pendingGridFocus&&(this.pendingGridFocus=void 0,this.searchEl?.focus());return}if(this.pendingGridFocus){const retainedIndex=this.pendingGridFocus.item?this.flatItems.indexOf(this.pendingGridFocus.item):-1;this.activeIndex=retainedIndex>=0?retainedIndex:Math.max(0,Math.min(this.pendingGridFocus.index,this.flatItems.length-1)),this.pendingGridFocus={item:this.flatItems[this.activeIndex],index:this.activeIndex}}else!this.isVirtualized&&this.activeIndex>=buttons.length&&(this.activeIndex=0);this.setActiveIndex(this.activeIndex,!1),this.syncSelectedProjection(),this.restorePendingGridFocus()}restorePendingGridFocus(){if(!this.pendingGridFocus)return;const target=this.renderRoot.querySelector(`[part="emoji"][data-index="${this.activeIndex}"]`);target&&(this.pendingGridFocus=void 0,target.focus())}disconnectedCallback(){this.releaseExternalDescription(),super.disconnectedCallback(),this.resetOwnerRealmResources()}peerLoadMessage(){return this.localize(this.peerLoadFailure==="missing"?"emojiPickerPeerMissing":"emojiPickerLoadError")}announcePeerLoadFailure(){this.isConnected&&this.peerErrorAnnouncements.announceAssertive(this.peerLoadMessage())}adoptedCallback(){super.adoptedCallback(),this.peerErrorAnnouncements.adopted(),this.releaseExternalDescription(),this.resetOwnerRealmResources(),this.isConnected&&this.hasUpdated&&this.syncExternalDescription()}resetOwnerRealmResources(){this.ownerRealmGeneration+=1,this.pendingGridFocus=void 0,this.resetGridObserver(),this.resetGeometryObserver()}renderEmojiButton(item,itemIndex,total,selectedIndex){return html`<button
+import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,state,query}from"lit/decorators.js";import{live}from"lit/directives/live.js";import{repeat}from"lit/directives/repeat.js";import{LyraElement}from"../../../internal/lyra-element.js";import{FormAssociated}from"../../../internal/form-associated.js";import{hostAriaLabel,nextId}from"../../../internal/a11y.js";import{deepActiveElementIn,shadowFocusTarget}from"../../../internal/active-element.js";import{acquireResolvedAriaRelationship}from"../../../internal/aria-controls.js";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{dispatchNativeEvent,dispatchNativeInputEvent,relayNativeEvent}from"../../../internal/native-event-relay.js";import{closeIcon}from"../../../internal/icons.js";import{revealRange,revealRow}from"../../../internal/reveal-row.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{styles}from"./emoji-picker.styles.js";import{loadEmojiDataOutcomeCached}from"./emoji-data-loader.js";import{LYRA_DEFAULT_emojiPickerEmpty,LYRA_DEFAULT_emojiPickerGridLabel,LYRA_DEFAULT_emojiPickerGroupActivities,LYRA_DEFAULT_emojiPickerGroupAnimalsNature,LYRA_DEFAULT_emojiPickerGroupComponent,LYRA_DEFAULT_emojiPickerGroupFlags,LYRA_DEFAULT_emojiPickerGroupFoodDrink,LYRA_DEFAULT_emojiPickerGroupObjects,LYRA_DEFAULT_emojiPickerGroupPeopleBody,LYRA_DEFAULT_emojiPickerGroupSmileysEmotion,LYRA_DEFAULT_emojiPickerGroupSymbols,LYRA_DEFAULT_emojiPickerGroupTravelPlaces,LYRA_DEFAULT_emojiPickerGroupUnknown,LYRA_DEFAULT_emojiPickerInputLimit,LYRA_DEFAULT_emojiPickerLoadError,LYRA_DEFAULT_emojiPickerPeerMissing,LYRA_DEFAULT_emojiPickerSearchLabel,LYRA_DEFAULT_emojiPickerSearchPlaceholder}from"../../../internal/default-strings/forms.generated.js";import{LYRA_DEFAULT_clear,LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_item,LYRA_DEFAULT_loading,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_open,LYRA_DEFAULT_progress,LYRA_DEFAULT_restore,LYRA_DEFAULT_retry,LYRA_DEFAULT_search,LYRA_DEFAULT_select}from"../../../internal/default-strings/shared.generated.js";const VIRTUALIZE_AT=200,ITEM_SIZE_FALLBACK=40,GAP_FALLBACK=2,VIRTUAL_ROW_HEIGHT_FALLBACK=56,MAX_VIRTUAL_COLUMNS=20,BUILT_IN_GROUP_LABEL_KEYS={0:"emojiPickerGroupSmileysEmotion",1:"emojiPickerGroupPeopleBody",2:"emojiPickerGroupComponent",3:"emojiPickerGroupAnimalsNature",4:"emojiPickerGroupFoodDrink",5:"emojiPickerGroupTravelPlaces",6:"emojiPickerGroupActivities",7:"emojiPickerGroupObjects",8:"emojiPickerGroupSymbols",9:"emojiPickerGroupFlags"},MAX_EMOJI_GROUPS=64,MAX_EMOJIS=2e4,MAX_SHORTCODES_PER_EMOJI=64,groupSnapshotLimits=new WeakMap,loadedGroupSnapshots=new WeakMap;function snapshotEmojiGroups(source,itemSnapshots,replacements){if(!Array.isArray(source))return Object.freeze([]);const groups=[];let remaining=MAX_EMOJIS,limited=source.length>MAX_EMOJI_GROUPS;for(let groupIndex=0;groupIndex<Math.min(source.length,MAX_EMOJI_GROUPS)&&remaining>0;groupIndex+=1)try{const rawGroup=source[groupIndex];if(rawGroup===null||typeof rawGroup!="object")continue;const group=rawGroup,key=group.key,label=group.label,rawEmojis=group.emojis;if(typeof key!="string"||typeof label!="string"||!Array.isArray(rawEmojis))continue;rawEmojis.length>remaining&&(limited=!0);const emojis=[],length=Math.min(rawEmojis.length,remaining);for(let itemIndex=0;itemIndex<length;itemIndex+=1)try{const rawItem=rawEmojis[itemIndex];if(rawItem===null||typeof rawItem!="object")continue;const item=rawItem,emoji=item.emoji,name=item.name,rawShortcodes=item.shortcodes;if(typeof emoji!="string"||typeof name!="string"||rawShortcodes!==void 0&&!Array.isArray(rawShortcodes))continue;rawShortcodes!==void 0&&rawShortcodes.length>MAX_SHORTCODES_PER_EMOJI&&(limited=!0);const shortcodes=rawShortcodes===void 0?void 0:Object.freeze(rawShortcodes.slice(0,MAX_SHORTCODES_PER_EMOJI).filter(entry=>typeof entry=="string")),cached=itemSnapshots.get(rawItem),snapshot=cached?.emoji===emoji&&cached.name===name&&(shortcodes===void 0?cached.shortcodes===void 0:cached.shortcodes!==void 0&&cached.shortcodes.length===shortcodes.length&&shortcodes.every((shortcode,index)=>shortcode===cached.shortcodes?.[index]))?cached:Object.freeze({emoji,name,...shortcodes===void 0?{}:{shortcodes}});cached&&cached!==snapshot&&replacements.set(cached,snapshot),itemSnapshots.set(rawItem,snapshot),emojis.push(snapshot)}catch{}remaining-=emojis.length,groups.push(Object.freeze({key,label,emojis:Object.freeze(emojis)}))}catch{}return remaining===0&&groups.length<Math.min(source.length,MAX_EMOJI_GROUPS)&&(limited=!0),groupSnapshotLimits.set(groups,limited),Object.freeze(groups)}function probePixels(probe,fallback,allowZero=!1){const computed=probe.ownerDocument.defaultView?.getComputedStyle(probe);if(!computed)return fallback;const px=Number.parseFloat(computed.inlineSize);return!Number.isFinite(px)||px<0?fallback:px>0||allowZero?px:fallback}class EmojiPickerBase extends LyraElement{}class LyraEmojiPicker extends FormAssociated(EmojiPickerBase){constructor(){super(...arguments),this._groups=Object.freeze([]),this.itemSnapshots=new WeakMap,this.builtInGroups=new WeakSet,this.groupsWereSet=!1,this.applyingBuiltInGroups=!1,this.peerErrorAnnouncements=new AnnouncementSinkController(this),this.accessibleLabel="",this.size="m",this.label="",this.hint="",this.errorText="",this.slotPresence=new SlotPresenceController(this),this.touched=!1,this.labelId=nextId("emoji-picker-label"),this.hintId=nextId("emoji-picker-hint"),this.errorId=nextId("emoji-picker-error"),this.loadGroups=loadEmojiDataOutcomeCached,this.retryLoad=()=>{this.peerLoadFailure=void 0,this.builtInGroupsLocale=void 0,this.loadBuiltInGroups()},this.queryText="",this.activeIndex=0,this.virtualScrollTop=0,this.observedGridVirtualized=!1,this.liveGeometryReady=!1,this.ownerRealmGeneration=0,this.gridId=nextId("emoji-picker-grid"),this.haystacks=new WeakMap,this.onGeometryResize=()=>{const previous=this.geometryCache;if(this.geometryCache=void 0,!previous)return;const next=this.geometry();next.itemSize===previous.itemSize&&next.gap===previous.gap&&next.rowHeight===previous.rowHeight||this.requestUpdate()},this.onSearchInput=event=>{event.stopPropagation(),!this.liveDisabled&&(this.pendingGridFocus=void 0,this.queryText=event.target.value,this.activeIndex=0)},this.onClearSearch=()=>{this.liveDisabled||this.queryText===""||(this.pendingGridFocus=void 0,this.queryText="",this.activeIndex=0,this.searchEl?.focus())},this.onSearchFocus=event=>{if(this.liveDisabled){event.stopPropagation();return}relayNativeEvent(this,event)},this.onSearchBlur=event=>{this.liveDisabled||(this.touched=!0),relayNativeEvent(this,event)},this.onNavigationKeyDown=event=>{if(this.liveDisabled||event.isComposing||event.keyCode===229)return;const items=this.flatItems;if(items.length===0)return;const inSearch=event.currentTarget===this.searchEl,forwardKey=this.effectiveDirection==="rtl"?"ArrowLeft":"ArrowRight",backwardKey=this.effectiveDirection==="rtl"?"ArrowRight":"ArrowLeft";let target;if(event.key===forwardKey)target=this.activeIndex+1;else if(event.key===backwardKey)target=this.activeIndex-1;else if(event.key==="ArrowDown")target=this.activeIndex+this.columnsPerRow();else if(event.key==="ArrowUp")target=this.activeIndex-this.columnsPerRow();else if(event.key==="Home"&&!inSearch)target=0;else if(event.key==="End"&&!inSearch)target=items.length-1;else if(event.key==="Enter"||event.key===" "&&!inSearch){event.preventDefault();const item=items[this.activeIndex];item&&this.pick(item);return}else return;event.preventDefault(),inSearch&&(this.pendingGridFocus=void 0),this.setActiveIndex(target,!inSearch)},this.onGridFocusIn=event=>{const button=event.target;if(button?.nodeType!==1||button.localName!=="button")return;const option=button,indexed=Number(option.dataset.index),index=Number.isInteger(indexed)?indexed:this.optionButtons().indexOf(option);this.pendingGridFocus||(this.focusedGridItem=this.flatItems[index],index>=0&&index!==this.activeIndex&&this.setActiveIndex(index,!1))},this.onGridScroll=event=>{if(!this.isVirtualized)return;const grid=event.currentTarget;this.virtualScrollTop=grid.scrollTop;const ownerDocument=this.ownerDocument,ownerWindow=ownerDocument.defaultView;if(!ownerWindow||this.virtualScrollRaf!==void 0&&this.virtualScrollRafWindow===ownerWindow&&this.virtualScrollRafDocument===ownerDocument)return;this.cancelVirtualScrollFrame();const generation=this.ownerRealmGeneration;let handle=0;handle=ownerWindow.requestAnimationFrame(()=>{this.virtualScrollRaf!==handle||this.virtualScrollRafWindow!==ownerWindow||this.virtualScrollRafDocument!==ownerDocument||this.ownerRealmGeneration!==generation||!this.isConnected||this.ownerDocument!==ownerDocument||(this.virtualScrollRaf=void 0,this.virtualScrollRafWindow=void 0,this.virtualScrollRafDocument=void 0,this.requestUpdate())}),this.virtualScrollRaf=handle,this.virtualScrollRafWindow=ownerWindow,this.virtualScrollRafDocument=ownerDocument},this.inputLimited=!1,this.limitAnnouncements=new AnnouncementSinkController(this),this.limitMounted=!1}static{this.defaultStrings={...super.defaultStrings,clear:LYRA_DEFAULT_clear,collapse:LYRA_DEFAULT_collapse,details:LYRA_DEFAULT_details,emojiPickerEmpty:LYRA_DEFAULT_emojiPickerEmpty,emojiPickerGridLabel:LYRA_DEFAULT_emojiPickerGridLabel,emojiPickerGroupActivities:LYRA_DEFAULT_emojiPickerGroupActivities,emojiPickerGroupAnimalsNature:LYRA_DEFAULT_emojiPickerGroupAnimalsNature,emojiPickerGroupComponent:LYRA_DEFAULT_emojiPickerGroupComponent,emojiPickerGroupFlags:LYRA_DEFAULT_emojiPickerGroupFlags,emojiPickerGroupFoodDrink:LYRA_DEFAULT_emojiPickerGroupFoodDrink,emojiPickerGroupObjects:LYRA_DEFAULT_emojiPickerGroupObjects,emojiPickerGroupPeopleBody:LYRA_DEFAULT_emojiPickerGroupPeopleBody,emojiPickerGroupSmileysEmotion:LYRA_DEFAULT_emojiPickerGroupSmileysEmotion,emojiPickerGroupSymbols:LYRA_DEFAULT_emojiPickerGroupSymbols,emojiPickerGroupTravelPlaces:LYRA_DEFAULT_emojiPickerGroupTravelPlaces,emojiPickerGroupUnknown:LYRA_DEFAULT_emojiPickerGroupUnknown,emojiPickerInputLimit:LYRA_DEFAULT_emojiPickerInputLimit,emojiPickerLoadError:LYRA_DEFAULT_emojiPickerLoadError,emojiPickerPeerMissing:LYRA_DEFAULT_emojiPickerPeerMissing,emojiPickerSearchLabel:LYRA_DEFAULT_emojiPickerSearchLabel,emojiPickerSearchPlaceholder:LYRA_DEFAULT_emojiPickerSearchPlaceholder,fieldRequired:LYRA_DEFAULT_fieldRequired,item:LYRA_DEFAULT_item,loading:LYRA_DEFAULT_loading,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,open:LYRA_DEFAULT_open,progress:LYRA_DEFAULT_progress,restore:LYRA_DEFAULT_restore,retry:LYRA_DEFAULT_retry,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select}}static{this.styles=[LyraElement.styles,styles]}get groups(){return this._groups}set groups(value){const old=this._groups,focused=shadowFocusTarget(this),focusedIndex=Number(focused?.dataset?.index);this.pendingGridFocus=typeof focused?.getAttribute=="function"&&focused.getAttribute("part")?.split(/\s+/).includes("emoji")&&Number.isInteger(focusedIndex)?{item:this.focusedGridItem??this.flatItems[focusedIndex],index:focusedIndex}:void 0,this.applyingBuiltInGroups||(this.groupsWereSet=!0),this.peerLoadFailure=void 0,this.builtInGroups=new WeakSet;const replacements=new Map,shared=this.applyingBuiltInGroups?loadedGroupSnapshots.get(value):void 0;this._groups=shared??snapshotEmojiGroups(value,this.itemSnapshots,replacements),this.inputLimited=groupSnapshotLimits.get(this._groups)??!1,this.applyingBuiltInGroups&&!shared&&loadedGroupSnapshots.set(value,this._groups),this.pendingGridFocus?.item&&(this.pendingGridFocus.item=replacements.get(this.pendingGridFocus.item)??this.pendingGridFocus.item),this.requestUpdate("groups",old)}connectedCallback(){super.connectedCallback(),this.hasUpdated&&(this.syncGeometryProbe(),this.syncExternalDescription()),this.observeGeometryProbe(),this.syncGridObserver(),this.loadBuiltInGroups()}loadBuiltInGroups(){if(this.groupsWereSet)return;const locale=this.effectiveLocale;if(this.builtInGroupsLocale===locale)return;this.builtInGroupsLocale=locale;const ownerDocument=this.ownerDocument,generation=this.ownerRealmGeneration;this.loadGroups(locale).then(loaded=>{if(!(this.ownerRealmGeneration!==generation||!this.isConnected||this.ownerDocument!==ownerDocument||this.groupsWereSet||this.builtInGroupsLocale!==locale)){if(!Array.isArray(loaded)){this.peerLoadFailure=loaded?.reason??"failed",this.announcePeerLoadFailure(),this.emit("lr-load-error");return}this.applyingBuiltInGroups=!0;try{this.groups=loaded}finally{this.applyingBuiltInGroups=!1}this.builtInGroups=new WeakSet(this._groups)}})}get liveDisabled(){return this.effectiveDisabled||this.matches(":disabled")}focus(options){this.liveDisabled||this.searchEl?.focus(options)}blur(){const active=deepActiveElementIn(this.isConnected?this.shadowRoot:null);active&&typeof active.blur=="function"&&active.blur()}click(){this.liveDisabled||this.searchEl?.click()}syncExternalDescription(){if(!this.isConnected)return;const owner=this.renderRoot.querySelector('[part="grid"]');owner&&(this.externalDescriptionLease?this.externalDescriptionLease.update(owner):this.externalDescriptionLease=acquireResolvedAriaRelationship(this,owner,"aria-describedby"))}releaseExternalDescription(){this.externalDescriptionLease?.release(),this.externalDescriptionLease=void 0}formResetCallback(){super.formResetCallback(),this.touched=!1}haystackFor(item){const locale=this.effectiveLocale;let cached=this.haystacks.get(item);return(cached===void 0||cached.locale!==locale)&&(cached={locale,value:[item.name,...item.shortcodes??[]].join(" ").toLocaleLowerCase(locale)},this.haystacks.set(item,cached)),cached.value}projection(){const locale=this.effectiveLocale,query2=this.queryText.trim().toLocaleLowerCase(locale),cached=this.projectionCache;if(cached?.source===this._groups&&cached.query===query2&&cached.locale===locale)return cached;const groups=query2?this._groups.map(group=>{const filtered={...group,emojis:group.emojis.filter(item=>this.haystackFor(item).includes(query2))};return this.builtInGroups.has(group)&&this.builtInGroups.add(filtered),filtered}).filter(group=>group.emojis.length>0):this._groups,next={source:this._groups,query:query2,locale,groups,items:groups.flatMap(group=>group.emojis)};return this.projectionCache=next,next}get filteredGroups(){return this.projection().groups}get flatItems(){return this.projection().items}get isVirtualized(){return this.flatItems.length>=VIRTUALIZE_AT}geometry(){if(this.geometryCache)return this.geometryCache;const probe=this.geometryProbe;return probe?(this.geometryCache={itemSize:probePixels(probe.item,ITEM_SIZE_FALLBACK),gap:probePixels(probe.gap,GAP_FALLBACK,!0),rowHeight:probePixels(probe.row,VIRTUAL_ROW_HEIGHT_FALLBACK)},this.geometryCache):{itemSize:ITEM_SIZE_FALLBACK,gap:GAP_FALLBACK,rowHeight:VIRTUAL_ROW_HEIGHT_FALLBACK}}syncGeometryProbe(){if(this.geometryProbe||!this.isVirtualized||!this.ownerDocument)return;const makeProbe=name=>{const probe=this.ownerDocument.createElement("div");return probe.dataset.probe=name,probe},root=makeProbe("root");root.setAttribute("aria-hidden","true");const item=makeProbe("item"),gap=makeProbe("gap"),row=makeProbe("row");root.append(item,gap,row),this.renderRoot.append(root),this.geometryProbe={root,item,gap,row},this.geometry(),root.remove(),this.geometryProbe=void 0}bindRenderedGeometryProbe(){const root=this.renderRoot?.querySelector('[data-probe="root"]'),item=root?.querySelector('[data-probe="item"]'),gap=root?.querySelector('[data-probe="gap"]'),row=root?.querySelector('[data-probe="row"]');if(!root||!item||!gap||!row)return;if(this.geometryProbe?.root===root){this.observeGeometryProbe();return}const prior=this.geometryCache??{itemSize:ITEM_SIZE_FALLBACK,gap:GAP_FALLBACK,rowHeight:VIRTUAL_ROW_HEIGHT_FALLBACK};this.geometryProbe={root,item,gap,row},this.geometryCache=void 0;const next=this.geometry();this.liveGeometryReady=!0,this.observeGeometryProbe(),(prior.itemSize!==next.itemSize||prior.gap!==next.gap||prior.rowHeight!==next.rowHeight)&&this.ownerDocument.defaultView?.requestAnimationFrame(()=>{this.isConnected&&this.geometryProbe?.root===root&&this.requestUpdate()})}observeGeometryProbe(){const probe=this.geometryProbe,ownerDocument=this.ownerDocument;if(!probe||!this.isConnected||this.geometryObserver&&this.geometryObserverDocument===ownerDocument&&this.geometryObserverRoot===probe.root)return;this.resetGeometryObserver();const ResizeObserverCtor=ownerDocument.defaultView?.ResizeObserver;if(!ResizeObserverCtor)return;const generation=this.ownerRealmGeneration,observer=new ResizeObserverCtor(()=>{this.geometryObserver!==observer||this.geometryObserverDocument!==ownerDocument||this.geometryObserverRoot!==probe.root||this.ownerRealmGeneration!==generation||!this.isConnected||this.ownerDocument!==ownerDocument||this.onGeometryResize()});this.geometryObserver=observer,this.geometryObserverDocument=ownerDocument,this.geometryObserverRoot=probe.root,observer.observe(probe.item),observer.observe(probe.gap),observer.observe(probe.row)}resetGeometryObserver(){this.geometryObserver?.disconnect(),this.geometryObserver=void 0,this.geometryObserverDocument=void 0,this.geometryObserverRoot=void 0}groupLabel(group){if(!this.builtInGroups.has(group))return group.label;const labelKey=BUILT_IN_GROUP_LABEL_KEYS[group.key];return labelKey?this.localize(labelKey):this.localize("emojiPickerGroupUnknown",void 0,{group:group.key})}virtualRows(){const projection=this.projection(),columns=this.columnsPerRow();if(this.rowCache?.projection===projection&&this.rowCache.columns===columns)return this.rowCache.rows;let index=0;const rows=[];for(const group of projection.groups)for(let offset=0;offset<group.emojis.length;offset+=columns)rows.push({heading:group,group:offset===0?group:void 0,items:group.emojis.slice(offset,offset+columns).map(item=>({item,index:index++}))});return this.rowCache={projection,columns,rows},rows}optionButtons(){return[...this.renderRoot.querySelectorAll('[part="emoji"]')]}get selectedIndex(){return this.value?this.flatItems.findIndex(item=>item.emoji===this.value):-1}syncSelectedProjection(){const selectedIndex=this.selectedIndex;for(const button of this.optionButtons())button.setAttribute("aria-selected",Number(button.dataset.index)===selectedIndex?"true":"false")}columnsPerRow(){if(this.isVirtualized){const width=(this.liveGeometryReady?this.renderRoot?.querySelector('[part="grid"]'):void 0)?.clientWidth??0,{itemSize,gap}=this.geometry();return Math.min(MAX_VIRTUAL_COLUMNS,Math.max(1,Math.floor((Math.max(width,itemSize)+gap)/(itemSize+gap))))}const buttons=this.optionButtons();if(buttons.length===0)return 1;const firstTop=buttons[0].offsetTop;let columns=0;for(const button of buttons){if(button.offsetTop!==firstTop)break;columns+=1}return Math.max(1,columns)}setActiveIndex(next,focusTarget){const buttons=this.optionButtons();if(buttons.length===0&&!this.isVirtualized)return;this.activeIndex=Math.max(0,Math.min(next,this.flatItems.length-1)),focusTarget&&(this.pendingGridFocus={item:this.flatItems[this.activeIndex],index:this.activeIndex});const target=this.isVirtualized?this.renderRoot.querySelector(`[part="emoji"][data-index="${this.activeIndex}"]`):buttons[this.activeIndex],previous=this.renderRoot.querySelector('[part="emoji"][data-active]');previous&&previous!==target&&(previous.tabIndex=-1,previous.removeAttribute("data-active")),target?(target.tabIndex=0,target.setAttribute("data-active",""),this.searchEl?.setAttribute("aria-activedescendant",target.id)):this.isVirtualized&&this.searchEl?.setAttribute("aria-activedescendant",`${this.gridId}-item-${this.activeIndex}`);const grid=this.renderRoot.querySelector('[part="grid"]');if(grid&&this.isVirtualized){const rowIndex=this.virtualRows().findIndex(row=>row.items.some(({index})=>index===this.activeIndex));if(rowIndex>=0){const{rowHeight}=this.geometry(),before=grid.scrollTop;revealRange(grid,rowIndex*rowHeight,rowHeight),grid.scrollTop!==before&&(this.virtualScrollTop=grid.scrollTop,this.requestUpdate())}}else grid&&target&&revealRow(grid,target);focusTarget&&target&&(this.pendingGridFocus=void 0,target.focus())}pick(item){if(this.liveDisabled)return;const detail={value:item.emoji,previousValue:this.value};this.value=item.emoji,this.syncSelectedProjection(),dispatchNativeInputEvent(this),this.emit("lr-input",detail),dispatchNativeEvent(this,"change"),this.emit("lr-change",detail)}cancelVirtualScrollFrame(){this.virtualScrollRaf!==void 0&&this.virtualScrollRafWindow?.cancelAnimationFrame(this.virtualScrollRaf),this.virtualScrollRaf=void 0,this.virtualScrollRafWindow=void 0,this.virtualScrollRafDocument=void 0}syncGridObserver(){const grid=this.renderRoot?.querySelector('[part="grid"]'),virtualized=this.isVirtualized,ownerDocument=this.ownerDocument;if(grid===this.observedGrid&&virtualized===this.observedGridVirtualized&&(!virtualized||this.gridResizeObserverDocument===ownerDocument)||(this.resetGridObserver(),!this.isConnected)||(this.observedGrid=grid??void 0,this.observedGridVirtualized=virtualized,!grid||!virtualized))return;grid.addEventListener("scroll",this.onGridScroll,{passive:!0});const ResizeObserverCtor=ownerDocument.defaultView?.ResizeObserver;if(!ResizeObserverCtor)return;const generation=this.ownerRealmGeneration,observer=new ResizeObserverCtor(()=>{this.gridResizeObserver!==observer||this.gridResizeObserverDocument!==ownerDocument||this.observedGrid!==grid||this.ownerRealmGeneration!==generation||!this.isConnected||this.ownerDocument!==ownerDocument||this.requestUpdate()});this.gridResizeObserver=observer,this.gridResizeObserverDocument=ownerDocument,observer.observe(grid)}resetGridObserver(){this.observedGrid?.removeEventListener("scroll",this.onGridScroll),this.gridResizeObserver?.disconnect(),this.gridResizeObserver=void 0,this.gridResizeObserverDocument=void 0,this.observedGrid=void 0,this.observedGridVirtualized=!1,this.cancelVirtualScrollFrame()}willUpdate(changed){super.willUpdate(changed),changed.has("groups")&&(this.geometryCache=void 0),this.syncGeometryProbe()}updated(changed){if(super.updated(changed),this.limitMounted&&changed.has("inputLimited")&&this.inputLimited&&this.limitAnnouncements.announcePolite(this.localize("emojiPickerInputLimit")),this.limitMounted=!0,this.bindRenderedGeometryProbe(),this.syncGridObserver(),this.syncExternalDescription(),this.loadBuiltInGroups(),!changed.has("queryText")&&!changed.has("groups")){this.restorePendingGridFocus();return}const buttons=this.optionButtons();if(buttons.length===0){this.searchEl?.removeAttribute("aria-activedescendant"),this.pendingGridFocus&&(this.pendingGridFocus=void 0,this.searchEl?.focus());return}if(this.pendingGridFocus){const retainedIndex=this.pendingGridFocus.item?this.flatItems.indexOf(this.pendingGridFocus.item):-1;this.activeIndex=retainedIndex>=0?retainedIndex:Math.max(0,Math.min(this.pendingGridFocus.index,this.flatItems.length-1)),this.pendingGridFocus={item:this.flatItems[this.activeIndex],index:this.activeIndex}}else!this.isVirtualized&&this.activeIndex>=buttons.length&&(this.activeIndex=0);this.setActiveIndex(this.activeIndex,!1),this.syncSelectedProjection(),this.restorePendingGridFocus()}restorePendingGridFocus(){if(!this.pendingGridFocus)return;const target=this.renderRoot.querySelector(`[part="emoji"][data-index="${this.activeIndex}"]`);target&&(this.pendingGridFocus=void 0,target.focus())}disconnectedCallback(){this.releaseExternalDescription(),super.disconnectedCallback(),this.resetOwnerRealmResources()}peerLoadMessage(){return this.localize(this.peerLoadFailure==="missing"?"emojiPickerPeerMissing":"emojiPickerLoadError")}announcePeerLoadFailure(){this.isConnected&&this.peerErrorAnnouncements.announceAssertive(this.peerLoadMessage())}adoptedCallback(){super.adoptedCallback(),this.peerErrorAnnouncements.adopted(),this.releaseExternalDescription(),this.resetOwnerRealmResources(),this.isConnected&&this.hasUpdated&&this.syncExternalDescription()}resetOwnerRealmResources(){this.ownerRealmGeneration+=1,this.pendingGridFocus=void 0,this.resetGridObserver(),this.resetGeometryObserver()}renderEmojiButton(item,itemIndex,total,selectedIndex){return html`<button
       type="button"
       part="emoji"
       id=${`${this.gridId}-item-${itemIndex}`}
@@ -30,6 +30,7 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
           ${this.label}<slot name="label"></slot>
         </div>
         <div part="base">
+          ${this.inputLimited?html`<p part="limit">${this.localize("emojiPickerInputLimit")}</p>`:nothing}
           <div part="search-wrapper">
             <input
               part="search"
@@ -100,4 +101,4 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
         <div data-probe="gap"></div>
         <div data-probe="row"></div>
       </div>
-    `}}__decorate([state()],LyraEmojiPicker.prototype,"peerLoadFailure",void 0),__decorate([property({attribute:!1})],LyraEmojiPicker.prototype,"groups",null),__decorate([property({attribute:"aria-label"})],LyraEmojiPicker.prototype,"accessibleLabel",void 0),__decorate([property({attribute:"search-placeholder"})],LyraEmojiPicker.prototype,"searchPlaceholder",void 0),__decorate([property({reflect:!0})],LyraEmojiPicker.prototype,"size",void 0),__decorate([property()],LyraEmojiPicker.prototype,"label",void 0),__decorate([property()],LyraEmojiPicker.prototype,"hint",void 0),__decorate([property({attribute:"error-text"})],LyraEmojiPicker.prototype,"errorText",void 0),__decorate([state()],LyraEmojiPicker.prototype,"touched",void 0),__decorate([state()],LyraEmojiPicker.prototype,"queryText",void 0),__decorate([query('[part="search"]')],LyraEmojiPicker.prototype,"searchEl",void 0);export{LyraEmojiPicker};
+    `}}__decorate([state()],LyraEmojiPicker.prototype,"peerLoadFailure",void 0),__decorate([property({attribute:!1})],LyraEmojiPicker.prototype,"groups",null),__decorate([property({attribute:"aria-label"})],LyraEmojiPicker.prototype,"accessibleLabel",void 0),__decorate([property({attribute:"search-placeholder"})],LyraEmojiPicker.prototype,"searchPlaceholder",void 0),__decorate([property({reflect:!0})],LyraEmojiPicker.prototype,"size",void 0),__decorate([property()],LyraEmojiPicker.prototype,"label",void 0),__decorate([property()],LyraEmojiPicker.prototype,"hint",void 0),__decorate([property({attribute:"error-text"})],LyraEmojiPicker.prototype,"errorText",void 0),__decorate([state()],LyraEmojiPicker.prototype,"touched",void 0),__decorate([state()],LyraEmojiPicker.prototype,"queryText",void 0),__decorate([query('[part="search"]')],LyraEmojiPicker.prototype,"searchEl",void 0),__decorate([state()],LyraEmojiPicker.prototype,"inputLimited",void 0);export{LyraEmojiPicker};

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

@@ -1 +1 @@
-import{iconHitTarget,focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{formControlTextWrap,formControlFocusHalo,formControlRequiredMarker}from"../../../internal/form-control.styles.js";const styles=css` :host { display: block; inline-size: 100%; --_lr-emoji-picker-item-size-default: var(--lr-icon-button-size); --_lr-emoji-picker-glyph-size-default: var(--lr-font-size-lg); --_lr-emoji-picker-gap-default: var(--lr-space-2xs); --_lr-emoji-picker-control-gap-default: var(--lr-space-xs); --_lr-emoji-picker-radius-default: var(--lr-radius); --_lr-emoji-picker-item-radius-default: var(--lr-radius-xs); --_lr-emoji-picker-row-height-default: calc(max(var(--lr-icon-button-size), var(--lr-emoji-picker-item-size, var(--_lr-emoji-picker-item-size-default))) + var(--lr-space-l)); --_lr-form-control-focus-shadow: var(--lr-form-control-focus-shadow, none); } :host([size='2xs']) { --_lr-emoji-picker-item-size-default: var(--lr-size-1-5rem); --_lr-emoji-picker-glyph-size-default: var(--lr-font-size-sm); } :host([size='xs']) { --_lr-emoji-picker-item-size-default: var(--lr-size-1-75rem); --_lr-emoji-picker-glyph-size-default: var(--lr-font-size-md-sm); } :host([size='s']), :host([size='small']) { --_lr-emoji-picker-item-size-default: var(--lr-size-2rem); --_lr-emoji-picker-glyph-size-default: var(--lr-font-size-m); } :host([size='l']), :host([size='large']) { --_lr-emoji-picker-item-size-default: var(--lr-size-3rem); --_lr-emoji-picker-glyph-size-default: var(--lr-font-size-xl); } :host([size='xl']) { --_lr-emoji-picker-item-size-default: var(--lr-size-3-5rem); --_lr-emoji-picker-glyph-size-default: var(--lr-font-size-2xl); } [part='form-control'] { display: flex; flex-direction: column; gap: var(--lr-emoji-picker-control-gap, var(--_lr-emoji-picker-control-gap-default)); } [part='form-control-label'] { color: var(--lr-color-text); font-size: var(--lr-font-size-md-sm); } [part='form-control-label'][hidden], [part='hint'][hidden], [part='error'][hidden] { display: none; } ${formControlRequiredMarker} [part='hint'] { color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-sm); } [part='error'] { color: var(--lr-color-danger); font-size: var(--lr-font-size-sm); } [part='base'] { display: flex; flex-direction: column; gap: var(--lr-emoji-picker-control-gap, var(--_lr-emoji-picker-control-gap-default)); border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-emoji-picker-radius, var(--_lr-emoji-picker-radius-default)); padding: var(--lr-space-s); background: var(--lr-color-surface); } :host(:disabled) [part='base'] { opacity: var(--lr-opacity-disabled); cursor: not-allowed; } [part='search']:disabled, [part='emoji']:disabled { cursor: not-allowed; } [part='search-wrapper'] { display: flex; align-items: center; gap: var(--lr-emoji-picker-search-clear-gap, var(--lr-space-xs)); } [part='search'] { flex: 1 1 auto; min-inline-size: 0; min-block-size: var(--lr-emoji-picker-search-min-height, auto); padding-block: var(--lr-emoji-picker-search-padding-block, var(--lr-space-xs)); padding-inline: var(--lr-emoji-picker-search-padding-inline, var(--lr-space-s)); border: var(--lr-border-width-thin) solid var(--lr-emoji-picker-search-border-color, var(--lr-color-border)); border-radius: var(--lr-emoji-picker-item-radius, var(--_lr-emoji-picker-item-radius-default)); background: var(--lr-emoji-picker-search-fill, var(--lr-color-surface)); color: var(--lr-color-text); font: inherit; font-size: var(--lr-emoji-picker-search-font-size, inherit); transition: border-color var(--lr-transition-fast); } [part='search']:focus-visible { ${focusRing} } [part='search']:focus { ${formControlFocusHalo} } [part='search']:hover:not(:disabled) { border-color: var(--lr-emoji-picker-search-hover-border-color, var(--lr-color-brand)); } [part='search']::-webkit-search-cancel-button, [part='search']::-webkit-search-decoration { appearance: none; } [part='search-clear'] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; ${iconHitTarget} border: 0; border-radius: var(--lr-emoji-picker-item-radius, var(--_lr-emoji-picker-item-radius-default)); background: transparent; cursor: pointer; color: var(--lr-color-text-quiet); padding: var(--lr-space-xs); font: inherit; transition: background-color var(--lr-transition-fast), color var(--lr-transition-fast); } [part='search-clear']:not(:disabled):hover { color: var(--lr-color-text); } [part='search-clear']:not(:disabled):active { color: var(--lr-color-text); background: color-mix( in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part='search-clear']:focus-visible { outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color); outline-offset: calc(-1 * var(--lr-focus-ring-width)); } [part='search-clear']:disabled { opacity: var(--lr-opacity-disabled); cursor: not-allowed; } [part='grid'] { position: relative; display: flex; flex-wrap: wrap; gap: var(--lr-emoji-picker-gap, var(--_lr-emoji-picker-gap-default)); max-block-size: var(--lr-size-16rem); overflow-block: auto; overflow-inline: hidden; } [part='grid'] { scrollbar-gutter: var(--lr-theme-scrollbar-gutter, stable); scrollbar-width: var(--lr-theme-scrollbar-width, auto); } [data-probe='root'] { position: absolute; inset-block-start: 0; inset-inline-start: 0; visibility: hidden; pointer-events: none; } [data-probe='item'], [data-probe='gap'], [data-probe='row'] { block-size: 0; } [data-probe='item'] { inline-size: var(--lr-emoji-picker-item-size, var(--_lr-emoji-picker-item-size-default)); min-inline-size: var(--lr-icon-button-size); } [data-probe='gap'] { inline-size: var(--lr-emoji-picker-gap, var(--_lr-emoji-picker-gap-default)); } [data-probe='row'] { inline-size: var(--lr-emoji-picker-row-height, var(--_lr-emoji-picker-row-height-default)); } [part='virtual-spacer'] { position: relative; inline-size: 100%; min-inline-size: 0; min-block-size: 100%; } [part='virtual-row'] { position: absolute; inset-inline: 0; inset-block-start: 0; min-block-size: var(--lr-emoji-picker-row-height, var(--_lr-emoji-picker-row-height-default)); } [part='virtual-items'] { display: flex; gap: var(--lr-emoji-picker-gap, var(--_lr-emoji-picker-gap-default)); min-block-size: var(--lr-emoji-picker-item-size, var(--_lr-emoji-picker-item-size-default)); } [part='virtual-label'] { block-size: var(--lr-space-l); } [part='group-label'] { flex-basis: 100%; padding-block: var(--lr-space-2xs); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); font-weight: var(--lr-font-weight-semibold); } [part='emoji'] { display: inline-flex; align-items: center; justify-content: center; inline-size: var(--lr-emoji-picker-item-size, var(--_lr-emoji-picker-item-size-default)); block-size: var(--lr-emoji-picker-item-size, var(--_lr-emoji-picker-item-size-default)); ${iconHitTarget} border: none; border-radius: var(--lr-emoji-picker-item-radius, var(--_lr-emoji-picker-item-radius-default)); background: transparent; color: var(--lr-color-text); font-size: var(--lr-emoji-picker-glyph-size, var(--_lr-emoji-picker-glyph-size-default)); cursor: pointer; transition: background-color var(--lr-transition-fast); } [part='emoji']:hover:not(:disabled) { background: var( --lr-emoji-picker-hover-bg, var(--lr-emoji-picker-active-bg, var(--lr-color-brand-quiet)) ); } [part='emoji'][aria-selected='true'] { background: var(--lr-emoji-picker-selected-bg, var(--lr-color-brand-quiet)); color: var(--lr-emoji-picker-selected-color, var(--lr-color-text)); outline: var(--lr-border-width-thin) solid var(--lr-emoji-picker-selected-outline-color, var(--lr-color-brand)); outline-offset: calc(var(--lr-focus-ring-offset) * -1); } [part='emoji'][data-active] { background: var( --lr-emoji-picker-keyboard-active-bg, var(--lr-emoji-picker-active-bg, var(--lr-color-brand-quiet)) ); outline: var(--lr-border-width-thin) dotted var(--lr-emoji-picker-keyboard-active-outline-color, var(--lr-color-brand)); outline-offset: calc(var(--lr-focus-ring-offset) * -1); } [part='emoji']:active:not(:disabled) { background: var( --lr-emoji-picker-pressed-bg, color-mix( in oklab, var(--lr-emoji-picker-hover-bg, var(--lr-emoji-picker-active-bg, var(--lr-color-brand-quiet))), var(--lr-color-mix-partner) var(--lr-color-mix-active) ) ); outline-color: var(--lr-emoji-picker-pressed-outline-color, var(--lr-color-brand)); outline-style: double; } [part='emoji']:focus-visible { outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color); outline-offset: calc(var(--lr-focus-ring-offset) * -1); } [part='empty'], [part='load-error'] { flex-basis: 100%; padding: var(--lr-space-m); text-align: center; color: var(--lr-color-text-quiet); } [part='load-error'] { color: var(--lr-color-danger); } .group { display: contents; } [part='load-retry'] { justify-self: center; ${iconHitTarget} padding: var(--lr-space-xs) var(--lr-space-s); border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-radius-button); background: var(--lr-color-surface); color: var(--lr-color-text); font: inherit; cursor: pointer; transition: var(--lr-transition-interactive); } [part='load-retry']:where(:hover:not(:disabled)) { background: color-mix(in oklab, var(--lr-color-surface), var(--lr-color-text) var(--lr-color-mix-hover)); } [part='load-retry']:where(:active:not(:disabled)) { background: color-mix(in oklab, var(--lr-color-surface), var(--lr-color-text) var(--lr-color-mix-active)); } [part='load-retry']:focus-visible { ${focusRing} } [part='load-retry']:where(:disabled) { cursor: default; opacity: var(--lr-opacity-disabled); } [part='form-control'], [part='form-control-label'], [part='hint'], [part='error'] { ${formControlTextWrap} } @media (forced-colors: active) { [part='emoji']:hover:not(:disabled) { outline: var(--lr-border-width-thin) dashed Highlight; outline-offset: calc(var(--lr-focus-ring-offset) * -1); } [part='emoji'][aria-selected='true'] { color: HighlightText; background: Highlight; outline: var(--lr-border-width-medium) solid Highlight; } [part='emoji'][data-active] { outline: var(--lr-border-width-thin) dotted Highlight; } [part='emoji']:active:not(:disabled) { color: HighlightText; background: Highlight; outline: var(--lr-border-width-medium) double Highlight; } } `;export{styles};
+import{iconHitTarget,focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{formControlTextWrap,formControlFocusHalo,formControlRequiredMarker}from"../../../internal/form-control.styles.js";const styles=css` [part='limit'] { margin: 0; padding: var(--lr-space-s); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-sm); overflow-wrap: anywhere; } :host { display: block; inline-size: 100%; --_lr-emoji-picker-item-size-default: var(--lr-icon-button-size); --_lr-emoji-picker-glyph-size-default: var(--lr-font-size-lg); --_lr-emoji-picker-gap-default: var(--lr-space-2xs); --_lr-emoji-picker-control-gap-default: var(--lr-space-xs); --_lr-emoji-picker-radius-default: var(--lr-radius); --_lr-emoji-picker-item-radius-default: var(--lr-radius-xs); --_lr-emoji-picker-row-height-default: calc(max(var(--lr-icon-button-size), var(--lr-emoji-picker-item-size, var(--_lr-emoji-picker-item-size-default))) + var(--lr-space-l)); --_lr-form-control-focus-shadow: var(--lr-form-control-focus-shadow, none); } :host([size='2xs']) { --_lr-emoji-picker-item-size-default: var(--lr-size-1-5rem); --_lr-emoji-picker-glyph-size-default: var(--lr-font-size-sm); } :host([size='xs']) { --_lr-emoji-picker-item-size-default: var(--lr-size-1-75rem); --_lr-emoji-picker-glyph-size-default: var(--lr-font-size-md-sm); } :host([size='s']), :host([size='small']) { --_lr-emoji-picker-item-size-default: var(--lr-size-2rem); --_lr-emoji-picker-glyph-size-default: var(--lr-font-size-m); } :host([size='l']), :host([size='large']) { --_lr-emoji-picker-item-size-default: var(--lr-size-3rem); --_lr-emoji-picker-glyph-size-default: var(--lr-font-size-xl); } :host([size='xl']) { --_lr-emoji-picker-item-size-default: var(--lr-size-3-5rem); --_lr-emoji-picker-glyph-size-default: var(--lr-font-size-2xl); } [part='form-control'] { display: flex; flex-direction: column; gap: var(--lr-emoji-picker-control-gap, var(--_lr-emoji-picker-control-gap-default)); } [part='form-control-label'] { color: var(--lr-color-text); font-size: var(--lr-font-size-md-sm); } [part='form-control-label'][hidden], [part='hint'][hidden], [part='error'][hidden] { display: none; } ${formControlRequiredMarker} [part='hint'] { color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-sm); } [part='error'] { color: var(--lr-color-danger); font-size: var(--lr-font-size-sm); } [part='base'] { display: flex; flex-direction: column; gap: var(--lr-emoji-picker-control-gap, var(--_lr-emoji-picker-control-gap-default)); border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-emoji-picker-radius, var(--_lr-emoji-picker-radius-default)); padding: var(--lr-space-s); background: var(--lr-color-surface); } :host(:disabled) [part='base'] { opacity: var(--lr-opacity-disabled); cursor: not-allowed; } [part='search']:disabled, [part='emoji']:disabled { cursor: not-allowed; } [part='search-wrapper'] { display: flex; align-items: center; gap: var(--lr-emoji-picker-search-clear-gap, var(--lr-space-xs)); } [part='search'] { flex: 1 1 auto; min-inline-size: 0; min-block-size: var(--lr-emoji-picker-search-min-height, auto); padding-block: var(--lr-emoji-picker-search-padding-block, var(--lr-space-xs)); padding-inline: var(--lr-emoji-picker-search-padding-inline, var(--lr-space-s)); border: var(--lr-border-width-thin) solid var(--lr-emoji-picker-search-border-color, var(--lr-color-border)); border-radius: var(--lr-emoji-picker-item-radius, var(--_lr-emoji-picker-item-radius-default)); background: var(--lr-emoji-picker-search-fill, var(--lr-color-surface)); color: var(--lr-color-text); font: inherit; font-size: var(--lr-emoji-picker-search-font-size, inherit); transition: border-color var(--lr-transition-fast); } [part='search']:focus-visible { ${focusRing} } [part='search']:focus { ${formControlFocusHalo} } [part='search']:hover:not(:disabled) { border-color: var(--lr-emoji-picker-search-hover-border-color, var(--lr-color-brand)); } [part='search']::-webkit-search-cancel-button, [part='search']::-webkit-search-decoration { appearance: none; } [part='search-clear'] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; ${iconHitTarget} border: 0; border-radius: var(--lr-emoji-picker-item-radius, var(--_lr-emoji-picker-item-radius-default)); background: transparent; cursor: pointer; color: var(--lr-color-text-quiet); padding: var(--lr-space-xs); font: inherit; transition: background-color var(--lr-transition-fast), color var(--lr-transition-fast); } [part='search-clear']:not(:disabled):hover { color: var(--lr-color-text); } [part='search-clear']:not(:disabled):active { color: var(--lr-color-text); background: color-mix( in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part='search-clear']:focus-visible { outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color); outline-offset: calc(-1 * var(--lr-focus-ring-width)); } [part='search-clear']:disabled { opacity: var(--lr-opacity-disabled); cursor: not-allowed; } [part='grid'] { position: relative; display: flex; flex-wrap: wrap; gap: var(--lr-emoji-picker-gap, var(--_lr-emoji-picker-gap-default)); max-block-size: var(--lr-size-16rem); overflow-block: auto; overflow-inline: hidden; } [part='grid'] { scrollbar-gutter: var(--lr-theme-scrollbar-gutter, stable); scrollbar-width: var(--lr-theme-scrollbar-width, auto); } [data-probe='root'] { position: absolute; inset-block-start: 0; inset-inline-start: 0; visibility: hidden; pointer-events: none; } [data-probe='item'], [data-probe='gap'], [data-probe='row'] { block-size: 0; } [data-probe='item'] { inline-size: var(--lr-emoji-picker-item-size, var(--_lr-emoji-picker-item-size-default)); min-inline-size: var(--lr-icon-button-size); } [data-probe='gap'] { inline-size: var(--lr-emoji-picker-gap, var(--_lr-emoji-picker-gap-default)); } [data-probe='row'] { inline-size: var(--lr-emoji-picker-row-height, var(--_lr-emoji-picker-row-height-default)); } [part='virtual-spacer'] { position: relative; inline-size: 100%; min-inline-size: 0; min-block-size: 100%; } [part='virtual-row'] { position: absolute; inset-inline: 0; inset-block-start: 0; min-block-size: var(--lr-emoji-picker-row-height, var(--_lr-emoji-picker-row-height-default)); } [part='virtual-items'] { display: flex; gap: var(--lr-emoji-picker-gap, var(--_lr-emoji-picker-gap-default)); min-block-size: var(--lr-emoji-picker-item-size, var(--_lr-emoji-picker-item-size-default)); } [part='virtual-label'] { block-size: var(--lr-space-l); } [part='group-label'] { flex-basis: 100%; padding-block: var(--lr-space-2xs); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); font-weight: var(--lr-font-weight-semibold); } [part='emoji'] { display: inline-flex; align-items: center; justify-content: center; inline-size: var(--lr-emoji-picker-item-size, var(--_lr-emoji-picker-item-size-default)); block-size: var(--lr-emoji-picker-item-size, var(--_lr-emoji-picker-item-size-default)); ${iconHitTarget} border: none; border-radius: var(--lr-emoji-picker-item-radius, var(--_lr-emoji-picker-item-radius-default)); background: transparent; color: var(--lr-color-text); font-size: var(--lr-emoji-picker-glyph-size, var(--_lr-emoji-picker-glyph-size-default)); cursor: pointer; transition: background-color var(--lr-transition-fast); } [part='emoji']:hover:not(:disabled) { background: var( --lr-emoji-picker-hover-bg, var(--lr-emoji-picker-active-bg, var(--lr-color-brand-quiet)) ); } [part='emoji'][aria-selected='true'] { background: var(--lr-emoji-picker-selected-bg, var(--lr-color-brand-quiet)); color: var(--lr-emoji-picker-selected-color, var(--lr-color-text)); outline: var(--lr-border-width-thin) solid var(--lr-emoji-picker-selected-outline-color, var(--lr-color-brand)); outline-offset: calc(var(--lr-focus-ring-offset) * -1); } [part='emoji'][data-active] { background: var( --lr-emoji-picker-keyboard-active-bg, var(--lr-emoji-picker-active-bg, var(--lr-color-brand-quiet)) ); outline: var(--lr-border-width-thin) dotted var(--lr-emoji-picker-keyboard-active-outline-color, var(--lr-color-brand)); outline-offset: calc(var(--lr-focus-ring-offset) * -1); } [part='emoji']:active:not(:disabled) { background: var( --lr-emoji-picker-pressed-bg, color-mix( in oklab, var(--lr-emoji-picker-hover-bg, var(--lr-emoji-picker-active-bg, var(--lr-color-brand-quiet))), var(--lr-color-mix-partner) var(--lr-color-mix-active) ) ); outline-color: var(--lr-emoji-picker-pressed-outline-color, var(--lr-color-brand)); outline-style: double; } [part='emoji']:focus-visible { outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color); outline-offset: calc(var(--lr-focus-ring-offset) * -1); } [part='empty'], [part='load-error'] { flex-basis: 100%; padding: var(--lr-space-m); text-align: center; color: var(--lr-color-text-quiet); } [part='load-error'] { color: var(--lr-color-danger); } .group { display: contents; } [part='load-retry'] { justify-self: center; ${iconHitTarget} padding: var(--lr-space-xs) var(--lr-space-s); border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-radius-button); background: var(--lr-color-surface); color: var(--lr-color-text); font: inherit; cursor: pointer; transition: var(--lr-transition-interactive); } [part='load-retry']:where(:hover:not(:disabled)) { background: color-mix(in oklab, var(--lr-color-surface), var(--lr-color-text) var(--lr-color-mix-hover)); } [part='load-retry']:where(:active:not(:disabled)) { background: color-mix(in oklab, var(--lr-color-surface), var(--lr-color-text) var(--lr-color-mix-active)); } [part='load-retry']:focus-visible { ${focusRing} } [part='load-retry']:where(:disabled) { cursor: default; opacity: var(--lr-opacity-disabled); } [part='form-control'], [part='form-control-label'], [part='hint'], [part='error'] { ${formControlTextWrap} } @media (forced-colors: active) { [part='emoji']:hover:not(:disabled) { outline: var(--lr-border-width-thin) dashed Highlight; outline-offset: calc(var(--lr-focus-ring-offset) * -1); } [part='emoji'][aria-selected='true'] { color: HighlightText; background: Highlight; outline: var(--lr-border-width-medium) solid Highlight; } [part='emoji'][data-active] { outline: var(--lr-border-width-thin) dotted Highlight; } [part='emoji']:active:not(:disabled) { color: HighlightText; background: Highlight; outline: var(--lr-border-width-medium) double Highlight; } } `;export{styles};

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

@@ -72,6 +72,8 @@ export interface LyraLocaleChangeDetail{value:string;previousValue:string;direct
 * relationships track target replacement, missing IDs, removal/reinsertion, reconnect, and adoption.
 * Removed label/hint/error-text content is safely omitted without changing null property readback.
 *
+* Explicit locale catalogs retain the first 512 source entries; unset discovery remains live. Input loss is disclosed through the limit part.
+*
 * @customElement lr-locale-picker
 * @event lr-change-request - Cancelable before selection, popup, and global locale changes. Same detail as `lr-change`.
 * @event {Event} input - Native event after an accepted selection commits, before `lr-input`.
@@ -89,6 +91,7 @@ export interface LyraLocaleChangeDetail{value:string;previousValue:string;direct
 * @slot label - Custom label content.
 * @slot hint - Custom hint content.
 * @slot error - Custom error content.
+* @csspart limit - Localized notice when input admission omits catalog data.
 * @csspart form-control - The outer wrapper around label, trigger, listbox, error and hint.
 * @csspart form-control-label - The `<label>` element (only rendered — and only contributes to
 *   the accessible name — once `label` is non-empty).
@@ -177,7 +180,10 @@ export declare class LyraLocalePicker extends LyraFormControlElement<LyraLocaleP
 * Import loadLyraLocale from the optional locale-loader.js entry to load built-in catalogs.
 * Unset preserves synchronous selection. Failures keep the previous value and offer retry;
 * an open popup places outside the failure guidance so Retry remains reachable. */
-get localeLoader():LyraLocaleLoader|undefined;set localeLoader(next:LyraLocaleLoader|undefined);private _locales?;get locales():LyraLocaleCatalog|undefined;set locales(next:LyraLocaleCatalog|undefined);
+get localeLoader():LyraLocaleLoader|undefined;set localeLoader(next:LyraLocaleLoader|undefined);private _locales?;
+/** Explicit catalogs retain the first 512 source entries and disclose loss through the limit part.
+*  Unset uses the live locale registry; an empty array opts out of discovery. */
+get locales():LyraLocaleCatalog|undefined;set locales(next:LyraLocaleCatalog|undefined);
 /** Omits every `<lr-flag>` -- each row's leading flag and the trigger flag -- for text-only
 *  rows. The composition recipe this component supersedes (`lr-popover` + `lr-flag`) already
 *  pairs a locale switcher with flags by convention, so flags render unless this is set. */
@@ -272,4 +278,4 @@ get effectiveDisabled():boolean;private updateValidity;private refreshLocalizedI
 *
 * The message is caller-supplied content, so it is used verbatim and never localized here.
 */
-setCustomValidity(message:string):void;private get normalizedEntries();private entriesCache?;private visibleCache?;private normalizeSearch;private get visibleEntries();private clearSearch;private queueSearchFocus;private get previewTag();private entryFor;private labelFor;private show;private hide;private dismissFromEscape;private onDocPointer;private activatePopupOverlay;private deactivatePopupOverlay;private syncPopup;private settleClosedLayout;protected updated(changed:PropertyValues):void;private commitDispatching;private valueWriteVersion;private loadGeneration;private loadAnnouncements?;private loadingTag?;private loadFailureTag?;private cancelLocaleLoad;private announceLoad;private commit;private retryLocaleLoad;private onTriggerClick;private onTriggerBlur;private onTriggerFocus;private isSearchFocusTransfer;private onSearchInput;private onSearchChange;private onSearchKeyDown;private typeAhead;private setActiveIndex;private queueActiveScroll;private onKeyDown;private onListboxMouseDown;private onListboxClick;private renderRows;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-locale-picker':LyraLocalePicker;}}
+setCustomValidity(message:string):void;private get normalizedEntries();private entriesCache?;private searchKeys?;private visibleCache?;private normalizeSearch;private get visibleEntries();private clearSearch;private queueSearchFocus;private get previewTag();private entryIndex?;private entryFor;private labelFor;private show;private hide;private dismissFromEscape;private onDocPointer;private activatePopupOverlay;private deactivatePopupOverlay;private syncPopup;private settleClosedLayout;private inputLimited;private readonly limitAnnouncements;private limitMounted;protected updated(changed:PropertyValues):void;private commitDispatching;private valueWriteVersion;private loadGeneration;private loadAnnouncements?;private loadingTag?;private loadFailureTag?;private cancelLocaleLoad;private announceLoad;private commit;private retryLocaleLoad;private onTriggerClick;private onTriggerBlur;private onTriggerFocus;private isSearchFocusTransfer;private onSearchInput;private onSearchChange;private onSearchKeyDown;private typeAhead;private setActiveIndex;private queueActiveScroll;private onKeyDown;private onListboxMouseDown;private onListboxClick;private renderRows;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-locale-picker':LyraLocalePicker;}}