@riverty/web-components 5.5.0 → 5.7.0

package/dist/web-components/{p-7fccc301.entry.js → p-9d898089.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as s,g as r}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";import{S as l}from"./p-4Uv3PpKT.js";const o=class{constructor(s){t(this,s),this.rValidate=e(this,"rValidate"),this.rChange=e(this,"rChange"),this.rReset=e(this,"rReset"),this.showValid=!1,this.fullWidth=!1,this.leadingIconSize="s",this.trailingIcon="angle-down",this.tralingIconSize="s",this.listboxPosition="bottom",this.toggleButtonAriaLabel="Toggle combobox",this.noResultsFound="No results found",this.validityState="",this.validityMessage="",this.isExpanded=!1,this.isReadonly=!1,this.currentValue="",this.valueToDisplay="",this.isInitializing=!1,this.isResetting=!1,this.isNewValue=!1,this.focusedOption=null,this.isValueFocused=!1,this.isNoResultsFound=!1,this.handleSlotChange=()=>{setTimeout((()=>{this.initialize(),this.defineHostWidth()}),0)},this.initial={},this.uniqueId=`r-select-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.getValidityStateData=t=>{for(const e in t.validity)if(t.validity[e]){if(this.validityState=e,this[e+"Message"])return void(this.validityMessage=this[e+"Message"]);this.validityMessage=t.validationMessage}},this.validateFormElement=(t=null)=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;this.getValidityStateData(t);const e="valid"===this.validityState;this.valid=e,this.invalid=!e,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.typeaheadBuffer="",this.typeaheadTimeout=null,this.lastTypeaheadIndex=-1,this.contributeToFormData=t=>{a(this.nativeElement,t.formData)},this.onValueClick=t=>{var e;this.disabled||(t.preventDefault(),t.stopPropagation(),this.toggle(),this.isExpanded&&(this.combobox&&(null===(e=this.valueElement)||void 0===e||e.focus()),this.defineListboxPositionState()))},this.keyboardEventHandlerFactory=(t,e=!1)=>{switch(t){case"Enter":return()=>{var t;this.isExpanded?this.setValue((null===(t=this.focusedOption)||void 0===t?void 0:t.value)||""):(this.expand(),this.setOptionFocus(this.selectedElement))};case"Escape":return()=>{this.collapse(),this.reportValidity()};case"ArrowUp":return()=>{var t;this.isExpanded?this.focusedOption&&e?this.setValue((null===(t=this.focusedOption)||void 0===t?void 0:t.value)||""):(this.combobox||this.focusedOption!==this.optionElements[0])&&(this.focusedOption?this.focusPrevOption():this.setOptionFocus(this.selectedElement||this.optionElements[0])):(this.expand(),this.setOptionFocus(this.selectedElement||this.optionElements[this.combobox?this.optionElements.length-1:0]))};case"ArrowDown":return()=>{if(this.isExpanded)(this.combobox||this.focusedOption!==this.optionElements[this.optionElements.length-1])&&(this.focusedOption?this.focusNextOption():this.setOptionFocus(this.selectedElement||this.optionElements[0]));else{if(this.expand(),e)return;this.setOptionFocus(this.selectedElement||this.optionElements[0])}};case"Home":return()=>{if(!this.isExpanded)return this.expand(),void this.setOptionFocus(this.selectedElement||this.optionElements[0]);this.setOptionFocus(this.optionElements[0])};case"End":return()=>{if(!this.isExpanded)return this.expand(),void this.setOptionFocus(this.selectedElement||this.optionElements[this.optionElements.length-1]);this.setOptionFocus(this.optionElements[this.optionElements.length-1])};case"PageUp":return()=>{if(!this.isExpanded)return;if(null===this.focusedOption)return;const t=this.optionElementsArray.indexOf(this.focusedOption);-1!==t&&this.setOptionFocus(this.optionElements[t-10>=0?t-10:0])};case"PageDown":return()=>{if(!this.isExpanded)return;if(null===this.focusedOption)return;const t=this.optionElementsArray.indexOf(this.focusedOption);if(-1===t)return;const e=this.optionElements.length-1;this.setOptionFocus(this.optionElements[t+10<=e?t+10:e])};case"Tab":return()=>{var t;return this.setValue((null===(t=this.focusedOption)||void 0===t?void 0:t.value)||"")};default:return()=>{}}},this.onValueKeydown=t=>{if(t.stopPropagation(),["ArrowUp","ArrowDown","Home","End","PageUp","PageDown","Space","Enter","Escape"].includes(t.code))t.preventDefault();else if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey)return this.isExpanded||this.expand(),void this.handleTypeahead(t.key);switch(t.code){case"Space":this.keyboardEventHandlerFactory("Enter")();break;case"Tab":if(null===this.focusedOption)break;this.keyboardEventHandlerFactory("Tab")();break;default:this.keyboardEventHandlerFactory(t.code,t.altKey)()}},this.onComboboxKeydown=t=>{switch(t.stopPropagation(),["ArrowUp","ArrowDown","Home","End","PageUp","PageDown","Enter","Escape"].includes(t.code)&&t.preventDefault(),t.code){case"Tab":if(null===this.focusedOption){this.collapse();break}this.keyboardEventHandlerFactory("Tab")();break;case"Escape":if(this.isExpanded)return void this.keyboardEventHandlerFactory("Escape")();this.valueElement.value="",this.setValue(""),this.reportValidity();break;default:this.keyboardEventHandlerFactory(t.code,t.altKey)()}},this.onValueBlur=()=>{this.isValueFocused=!1;const{isBusy:t,isExpanded:e}=this;t||e||this.reportValidity()},this.onValueFocus=()=>{this.isValueFocused=!0},this.filterOptionsListByComboboxValue=(t="")=>{const e=Array.from(this.host.querySelectorAll('r-select-option:not([data-no-results="true"])'));e.forEach((e=>{var i,s;const r=-1!==(null===(s=null===(i=null==e?void 0:e.textContent)||void 0===i?void 0:i.trim())||void 0===s?void 0:s.toLowerCase()).search(t.toLowerCase());e.setAttribute("aria-hidden",`${!r}`)})),this.isNoResultsFound=e.every((t=>"true"===(null==t?void 0:t.getAttribute("aria-hidden")))),this.isNoResultsFound&&(this.statusElement.innerHTML=this.noResultsFound,setTimeout((()=>{this.statusElement.innerText=""}),1e3))},this.clearComboboxOptions=()=>{this.combobox&&this.filterOptionsListByComboboxValue()},this.onComboboxChange=t=>{this.filterOptionsListByComboboxValue(t.target.value)},this.onComboboxInput=t=>{this.filterOptionsListByComboboxValue(t.target.value),this.isExpanded||(this.expand(),this.defineListboxPositionState())},this.onSubmitForm=t=>{this.isNoValidate||(this.reportValidity(),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.onResetForm=()=>{this.resetValidation(),this.setValue(this.initial.value),this.rReset.emit({element:this.host,value:this.currentValue})},this.renderSelect=t=>{var e,s;return i("span",Object.assign({class:"r-select--value",role:"combobox"},t,{ref:t=>this.valueElement=t,onClick:this.isInteractive?this.onValueClick:null,onKeyDown:this.isInteractive?this.onValueKeydown:null,onBlur:this.isInteractive?this.onValueBlur:null,onFocus:this.isInteractive?this.onValueFocus:null}),i("span",{class:"r-select--value-display"},this.isLeadingSlotRendered?i("slot",{name:"leading"}):null,i("span",{class:"r-select--value-selected",innerHTML:(null===(s=null===(e=this.valueToDisplay)||void 0===e?void 0:e.trim)||void 0===s?void 0:s.call(e))||this.placeholder||""})),i("span",{class:"r-select--value-arrow"},i("r-icon",{class:"r-select--trailing-icon",name:"angle-down",size:"s"})))},this.renderCombobox=t=>{var e,s,r;return i("div",{class:"r-select--value",onClick:this.isInteractive?this.onValueClick:null,ref:t=>this.comboboxContainerElement=t},i("div",{class:"r-select--value-display"},this.isLeadingSlotRendered?i("slot",{name:"leading"}):null,i("input",Object.assign({role:"combobox",autocomplete:"off","aria-autocomplete":"list",disabled:this.disabled,readonly:this.readonly,type:"text"},t,{class:"r-select--input",ref:t=>this.valueElement=t,onKeyDown:this.isInteractive?this.onComboboxKeydown:null,onBlur:this.isInteractive?this.onValueBlur:null,onFocus:this.isInteractive?this.onValueFocus:null,onChange:this.isInteractive?this.onComboboxChange:null,onInput:this.isInteractive?this.onComboboxInput:null,placeholder:this.placeholder||"",value:(null===(r=null===(s=null===(e=this.selectedElement)||void 0===e?void 0:e.textContent)||void 0===s?void 0:s.trim)||void 0===r?void 0:r.call(s))||""}))),i("button",{"aria-label":this.toggleButtonAriaLabel,"aria-expanded":`${this.expanded||!1}`,"aria-controls":`${this.uniqueId}-list`,disabled:this.disabled,tabindex:"-1",class:"r-select--value-arrow-button r-select--value-arrow"},i("r-icon",{class:"r-select--trailing-icon",name:"angle-down",size:"s"})),i("div",{class:"visually-hidden",role:"status",ref:t=>this.statusElement=t}))}}async setReadonly(){this.collapse(),this.resetValidation(),this.isReadonly=!0}async clearReadonly(){this.isReadonly=!1}handleListboxPositionChange(){this.defineListboxPositionState()}handleExpandedChange(){this.expanded?this.expand():this.collapse()}handleReadonlyChange(){this.readonly?this.setReadonly():this.clearReadonly()}handleValueChange(t,e){this.isInitializing||(this.isNewValue=e!==t,this.isNewValue&&this.setValue(t))}optionSelectAction(t){t.stopPropagation(),this.disabled||this.setValue(t.target.value)}tooltipFocusAction(){this.collapse(),this.reportValidity()}onMouseup(t){this.isExpanded&&(t.stopPropagation(),this.host.contains(t.target)||(this.collapse(),this.reportValidity()))}onKeyup(t){this.isExpanded&&(t.stopPropagation(),this.host.contains(t.target)||(this.collapse(),this.reportValidity()))}handleScrolling(){this.isExpanded&&this.defineListboxPositionState()}handleResizing(){this.isExpanded&&this.defineListboxPositionState()}async setValue(t=""){this.resetValidation(),this._renderSelected(t,this.currentValue!==t),this.clearComboboxOptions()}async getValue(){return this.currentValue||""}async reset(){if(this.resetValidation(),this.collapse(),this.clearComboboxOptions(),this.currentValue!==this.initial.value){if(""!==this.initial.value&&this.initiallySelectedElement)return this.isResetting=!0,this.setValue(this.initial.value),void(this.isResetting=!1);this.deselectOptions(),this.currentValue="",this.valueToDisplay=""}}async resetValidation(){this.validityMessage=null,this.validityState=null,this.invalid=this.initial.invalid,this.valid=!this.invalid}async reportValidity(){return this.validateFormElement(this.nativeElement),"valid"===this.validityState}async setFocus(){var t;null===(t=this.valueElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.valueElement)||void 0===t||t.blur()}async expand(){this.isExpanded=!0}async collapse(){this.isExpanded=!1,this.isBusy||(this.clearOptionsFocus(),this.setComboboxValueOnCollapse())}async getFocusedOption(){return this.host.querySelector('r-select-option[data-focused="true"]')||null}async setFocusedOption(t){return this.setOptionFocus(this.optionElements[t])}clearOptionsFocus(){var t;this.focusedOption=null;try{this.valueElement.ariaActiveDescendantElement=null}catch(e){null===(t=this.valueElement)||void 0===t||t.removeAttribute("aria-activedescendant")}this.focusedOptions.forEach((t=>t.setBlur()))}setComboboxValueOnCollapse(){var t,e,i;this.combobox&&(this.valueElement.value=(null===(i=null===(e=null===(t=this.selectedElement)||void 0===t?void 0:t.textContent)||void 0===e?void 0:e.trim)||void 0===i?void 0:i.call(e))||"",this.clearComboboxOptions())}get focusedOptions(){return Array.from(this.host.querySelectorAll('r-select-option[data-focused="true"]'))}toggle(){this.isExpanded=!this.isExpanded}get selectedElement(){return this.host.querySelector(`r-select-option[value="${this.currentValue}"]`)}get initiallySelectedElement(){return this.host.querySelector(`r-select-option[value="${this.initial.value}"]`)||null}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!1}get optionElements(){return this.host.querySelectorAll('r-select-option:not([disabled]:not([disabled="false"])):not([aria-hidden="true"])')||null}get optionElementsArray(){return Array.from(this.optionElements)}deselectOptions(){this.optionElements&&this.optionElements.forEach((t=>t.clearSelected()))}get isBusy(){return this.isInitializing||this.isResetting}_renderSelected(t="",e=!0){var i,s;this.currentValue=t,null===this.currentValue?this.host.removeAttribute("value"):this.host.setAttribute("value",this.currentValue);const r=this.host.querySelector(`r-select-option[value="${null===(i=this.currentValue)||void 0===i?void 0:i.trim()}"]`);this.valueToDisplay=(null==r?void 0:r.innerHTML)||(null==r?void 0:r.textContent)||this.currentValue||"",null===(s=this.optionElements)||void 0===s||s.forEach((e=>{e.value===t?e.setSelected():e.clearSelected()})),this._renderNativeOption(),this.isExpanded&&this.collapse(),this.isBusy||this.reportValidity(),e&&this.rChange.emit({element:this.host,value:t})}setOptionFocus(t=this.selectedElement){t&&null!==this.optionElements&&requestAnimationFrame((()=>{var e;this.clearOptionsFocus(),t.setFocus(),this.focusedOption=t;try{this.valueElement.ariaActiveDescendantElement=t}catch(i){null===(e=this.valueElement)||void 0===e||e.setAttribute("aria-activedescendant",t.id)}((t,e)=>{var i,s;if(!e)return;try{null===(i=t.scrollIntoView)||void 0===i||i.call(t,{block:"nearest",inline:"nearest"})}catch(e){null===(s=t.scrollIntoView)||void 0===s||s.call(t,!1)}const r=t.getBoundingClientRect(),a=e.getBoundingClientRect();(r.top<a.top||r.bottom>a.bottom)&&((t,e)=>{const i=t.offsetTop,s=i+t.offsetHeight,r=e.scrollTop,a=r+e.clientHeight;i<r?e.scrollTop=i:s>a&&(e.scrollTop=s-e.clientHeight)})(t,e)})(t,this.listboxElement)}))}focusPrevOption(t=this.focusedOption||this.selectedElement){if(null===this.optionElements)return;const e=this.optionElementsArray.indexOf(t)-1;this.setOptionFocus(e>=0?this.optionElements[e]:this.optionElements[this.optionElements.length-1])}focusNextOption(t=this.focusedOption||this.selectedElement){if(null===this.optionElements)return;const e=this.optionElementsArray.indexOf(t)+1;this.setOptionFocus(e<=this.optionElements.length-1?this.optionElements[e]:this.optionElements[0])}filterOptions(t,e){if(!e)return[];const i=e.toLowerCase();return t.filter((t=>!t.disabled&&(t.textContent||"").trim().toLowerCase().startsWith(i)))}getIndexByLetter(t,e,i=0){if(!t.length||!e)return-1;const s=[...t.slice(i),...t.slice(0,i)],r=this.filterOptions(s,e).sort(((t,e)=>(t.textContent||"").trim().toLowerCase().localeCompare((e.textContent||"").trim().toLowerCase()))),a=e.split("").every((t=>t===e[0]));if(r[0])return t.indexOf(r[0]);if(a){const i=this.filterOptions(s,e[0]);return i[0]?t.indexOf(i[0]):-1}return-1}handleTypeahead(t){clearTimeout(this.typeaheadTimeout);const e=this.optionElementsArray;let i;if(this.typeaheadBuffer+=t.toLowerCase(),this.typeaheadBuffer.split("").every((t=>t===this.typeaheadBuffer[0]))&&-1!==this.lastTypeaheadIndex)i=(this.lastTypeaheadIndex+1)%e.length;else{const t=e.indexOf(this.focusedOption||this.selectedElement);i=-1===t?0:(t+1)%e.length}const s=this.getIndexByLetter(e,this.typeaheadBuffer,i);if(-1!==s){this.lastTypeaheadIndex=s;const t=e[s];this.isExpanded||this.expand(),this.setOptionFocus(t)}this.typeaheadTimeout=setTimeout((()=>{this.typeaheadBuffer=""}),500)}connectFormEventListeners(){this.parentFormEl&&(this.parentFormEl.addEventListener("formdata",this.contributeToFormData),this.parentFormEl.addEventListener("submit",this.onSubmitForm,{capture:!0}),this.parentFormEl.addEventListener("reset",this.onResetForm))}disconnectFormEventListeners(){this.parentFormEl&&(this.parentFormEl.removeEventListener("formdata",this.contributeToFormData),this.parentFormEl.removeEventListener("submit",this.onSubmitForm),this.parentFormEl.removeEventListener("reset",this.onResetForm))}defineHostWidth(){if(this.fullWidth)return;const t=this.host.shadowRoot.querySelector(".r-select--native").getBoundingClientRect().width,e=(this.combobox?this.comboboxContainerElement:this.valueElement).getBoundingClientRect().width,i=this.listboxElement.getBoundingClientRect().width,s=Math.max(t,e,i);this.host.style.setProperty("--width",`${s}px`)}_renderNativeOption(){var t,e,i,s,r;const a=document.createElement("option"),l=document.createTextNode(null===(i=null===(e=null===(t=this.selectedElement)||void 0===t?void 0:t.textContent)||void 0===e?void 0:e.trim)||void 0===i?void 0:i.call(e));a.value=this.currentValue,a.selected=!0,a.appendChild(l),this.nativeElement&&(this.nativeElement.innerHTML="",null===(s=this.nativeElement)||void 0===s||s.appendChild(a),this.nativeElement.value=this.currentValue,null===(r=this.nativeElement)||void 0===r||r.setAttribute("value",this.currentValue))}notVisible(t){return"visible"!==getComputedStyle(t).overflow}findOverflowParent(t){var e,i;return(null===(e=t.parentNode)||void 0===e?void 0:e.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?this.findOverflowParent(null===(i=t.parentNode)||void 0===i?void 0:i.host):this.notVisible(t)?t:t.parentElement?this.findOverflowParent(t.parentElement):null}get ariaDescribedBy(){const t=`${this.uniqueId}-message`;return this.hint?`${this.uniqueId}-hint ${t}`:t}get overflowedParent(){return this.findOverflowParent(this.host.parentElement)}get top(){var t,e;return this.overflowedParent?Math.abs(this.overflowedParent.getBoundingClientRect().top-(null===(e=this.valueElement)||void 0===e?void 0:e.getBoundingClientRect().top)):null===(t=this.valueElement)||void 0===t?void 0:t.getBoundingClientRect().top}get bottom(){var t;function e(t){return window.innerHeight-t.getBoundingClientRect().top-t.getBoundingClientRect().height}const i=window.getComputedStyle(this.messageContainer),s=(null===(t=this.messageContainer)||void 0===t?void 0:t.getBoundingClientRect().height)+parseFloat(i.marginTop),r=e(this.host)+s;return this.overflowedParent?Math.abs(e(this.overflowedParent)-r):r+s}defineListboxPositionState(){var t,e;const i=(null===(t=this.listboxElement)||void 0===t?void 0:t.offsetHeight)<this.bottom,s=(null===(e=this.listboxElement)||void 0===e?void 0:e.offsetHeight)<this.top;if("top"===this.listboxPosition&&(s||!i)||"bottom"===this.listboxPosition&&(i||!s))this.listboxPositionState=this.listboxPosition;else switch(this.listboxPosition){case"top":this.listboxPositionState=s?"top":"bottom";break;case"bottom":this.listboxPositionState=i?"bottom":"top"}}initialize(){var t;const e=this.value||"";if(this.initial.value=this.value||"",this.initial.invalid=this.invalid||!1,this.listboxPositionState=this.listboxPosition,this.optionElementsArray.find((t=>t.value.trim()===e)))return this.isInitializing=!0,this.setValue(e),void(this.isInitializing=!1);if(this.placeholder)return;if(this.combobox)return;const i=null===(t=this.optionElements)||void 0===t?void 0:t[0];i&&(this.isInitializing=!0,this.setValue(null==i?void 0:i.value),this.isInitializing=!1)}initializeStyleObserver(){!this.listboxWidthObserver&&this.listboxElement&&(this.listboxWidthObserver=new l((()=>{this.listboxElement&&(this.listboxElement.getBoundingClientRect().width<=this.host.getBoundingClientRect().width||this.defineHostWidth())})),this.listboxWidthObserver.observe([this.listboxElement],["width"]))}get hasError(){var t;return this.invalid&&(null===(t=this.error)||void 0===t?void 0:t.length)>0}get hasValidationError(){var t;return"valid"!==this.validityState&&(null===(t=this.validityMessage)||void 0===t?void 0:t.length)>0}get hasValidationSuccess(){return this.valid&&this.validMessage&&this.showValid}get hasMessage(){return this.hasError||this.hasValidationError||this.hasValidationSuccess}get isInteractive(){return!this.disabled&&!this.isReadonly}get hasLeadingSlot(){return!!this.host.querySelector('[slot="leading"]')}get hasOptionIcon(){return!!this.optionElementsArray.find((t=>!!t.querySelector('[slot="icon"]')))}get isLeadingSlotRendered(){return this.hasLeadingSlot&&this.hasOptionIcon&&!this.currentValue}get isPlaceholder(){var t,e;const{placeholder:i}=this;return((null===(e=null===(t=this.valueToDisplay)||void 0===t?void 0:t.trim)||void 0===e?void 0:e.call(t))||i||"")===i}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}componentWillLoad(){this.isExpanded=this.expanded,this.isReadonly=this.readonly}componentDidLoad(){this.defineListboxPositionState(),this.initializeStyleObserver()}render(){var t;const{uniqueId:e,disabled:r,isExpanded:a,fieldIndicator:l,invalid:o,placeholder:n,required:h,hint:c,label:d,internal:v,tooltip:u,tooltipIcon:p,tooltipIconColor:f}=this,b=d?Object.assign({fieldIndicator:l},u&&!r?{tooltip:u,"tooltip-icon":p,"tooltip-icon-color":f}:{}):{},g=!!this.isInteractive&&!!h,m={id:`${e}-value`,tabindex:""+(r?-1:0),"aria-controls":`${e}-list`,"aria-describedby":this.ariaDescribedBy,"aria-disabled":`${r||!1}`,"aria-expanded":`${a||!1}`,"aria-invalid":`${o||!1}`,"aria-readonly":`${!this.isInteractive||!1}`,"aria-required":`${g}`,"aria-labelledby":`${e}-label`},y={"aria-label":d},w={placeholder:n,name:this.name,value:this.currentValue,"aria-hidden":"true",tabindex:"-1",invalid:o,disabled:r,required:g};return i(s,{key:"aca9ddac308a41221f08de7fde92f45fcd89162f","data-value":this.currentValue,expanded:!this.disabled&&this.isExpanded,"data-listbox-position":this.listboxPositionState,"data-initial-value":this.initial.value,"data-is-placeholder":`${!!this.isPlaceholder}`,"data-value-focused":`${!!this.isValueFocused}`,"data-option-focused":`${!!this.focusedOption}`,"data-validity-state":`${this.validityState||""}`,"data-validity-message":`${this.validityMessage||""}`,"data-readonly":`${!!this.isReadonly}`},i("div",{key:"34c00c70c0b73cdd7afdcd65f175a94e82c900d2",class:"r-select--label "+(v?"":"r-select--label__margin-bottom")},i("div",{key:"5a2b30341687b152eb17c2fc5ca2f65b1fda886f",class:v?"visually-hidden":"r-select--label-container"},i("label",{key:"10021c02cfe8a697ee3a0e452e0052044f2b80a7",id:`${e}-label`,onClick:this.isInteractive?this.onValueClick:null},i("r-label",Object.assign({key:"cc7173f5b427c9fca7e08a12552227d3f20ad64c"},b),d)),i("slot",{key:"625e1bd9f1fa11950ff75e1875e03510f55022c0",name:"popover"})),c&&i("r-hint",{key:"6d22db79a4375ddd901f5ea6b25d9c456e8f1ab2",id:`${e}-hint`,class:"r-select--hint"},c)),i("div",{key:"a243a731bdd150386ea47ad0897831b37eed6621",class:"r-select"},i("select",Object.assign({key:"e1878ed06636fad3768d8b4b1f4a944d30730346",class:"r-select--native",ref:t=>this.nativeElement=t},w)),i("div",{key:"b47cd423033129e827a99f8fcff39173f4c74ed9",class:"r-select--container"},this.combobox?this.renderCombobox(m):this.renderSelect(m),i("div",Object.assign({key:"04db58929d97226614d344f7f419c3e8aa7e250d",role:"listbox",tabindex:"-1",id:`${e}-list`,class:"r-select--options",ref:t=>this.listboxElement=t},y),(this.isNoResultsFound||!(null===(t=this.optionElements)||void 0===t?void 0:t.length))&&i("r-select-option",{key:"b23380c2c75c33e6a8a99737189c43400e29940b","data-no-results":"true",value:"no_results"},this.noResultsFound),i("slot",{key:"83e215daafbd8909f9788e8918691b08417a5f2d",onSlotchange:this.handleSlotChange})))),i("div",{key:"57acdd7994fa67813e60641493e99f29afafcaf4",id:`${e}-message`,"aria-live":"polite","aria-atomic":"true",ref:t=>this.messageContainer=t,class:this.hasMessage&&!v?"r-select--message":"visually-hidden"},this.hasMessage&&i("r-hint",{key:"f14bc3026b6bee74b1192f37af64381958c0c87b",variant:this.invalid?"error":"success"},this.hasError&&this.error,this.hasValidationError&&this.validityMessage,this.hasValidationSuccess&&this.validMessage)))}get host(){return r(this)}static get watchers(){return{listboxPosition:["handleListboxPositionChange"],expanded:["handleExpandedChange"],readonly:["handleReadonlyChange"],value:["handleValueChange"]}}};o.style=":host{display:inline-flex;flex-direction:column;width:var(--width, auto);transition:width 0.2s ease-out;max-width:none;opacity:1;outline:none}:host slot{display:contents}:host(:hover:not([disabled]:not([disabled=false]))){--r-select--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([expanded]:not([expanded=false])){--r-select--options--visibility:visible;--r-select--options--z-index:1;--r-select--background-color:var(--r-background-interactive-softest, #fff);--r-select--value--border-color:var(--r-border-soft, #686868);--r-select--value--background-color:var(--r-background-interactive-softest, #fff);--r-select--trailing-icon--transform:rotate(180deg)}:host([invalid]:not([invalid=false])){--r-select--container--background-color:var(--r-status-error-soft, #fef6f6);--r-select--value--border-color:var(--r-status-error-regular, #da1e28);--r-select--options--border-color:var(--r-status-error-regular, #da1e28)}:host([disabled]:not([disabled=false])){--r-select--opacity:0.4;--r-select--pointer-events:none;--r-select--cursor:not-allowed}:host([data-is-placeholder=true]){--r-select--value-diplay--color:var(--r-text-soft, #686868)}:host([data-max-width=set]){width:100%;--r-select--options--right:0}:host([full-width]){width:100%}:host([data-listbox-position=top]){--r-select--options--top:auto;--r-select--options--bottom:2.875em;--r-select--options--border-width:1px 1px 0 1px}:host([data-listbox-position=bottom]){--r-select--options--top:100%;--r-select--options--bottom:auto;--r-select--options--border-width:0 1px 1px 1px}:host([data-readonly=true]){--r-select--color:var(--r-text-soft, #686868);--r-select--value--background-color:var(--r-background-soft, #f3f1f0);--r-select--value--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-select--value--cursor:text;--r-select--value-arrow--visiblility:hidden}.r-select{display:var(--r-select--display, flex);flex-grow:var(--r-select--flex-grow, 1);flex-direction:var(--r-select--flex-direction, column);position:var(--r-select--position, relative);box-sizing:var(--r-select--box-sizing, border-box);max-width:var(--r-select--max-width, 100%);min-width:var(--r-select--min-width, fit-content);font-family:var(--r-select--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-select--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-select--font-size, var(--r-font-size-400, 1rem));text-align:var(--r-select--text-align, left);color:var(--r-select--color, var(--r-text-regular, #282828));opacity:var(--r-select--opacity, 1);pointer-events:var(--r-select--pointer-events, auto);cursor:var(--r-select--cursor, pointer)}.r-select--label__margin-bottom{margin-bottom:var(--r-select--label--margin-bottom, var(--r-spacing-025, 0.25rem))}.r-select--label-container{display:var(--r-select--label-container--display, flex);gap:var(--r-select--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-select--label-container--align-items, center);justify-content:var(--r-select--label-container--align-items, space-between)}.r-select--label-container ::slotted([slot=popover]){display:var(--r-select--popover--display, inline-flex);height:var(--r-select--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-select--popover--align-items, center);justify-content:var(--r-select--popover--justify-content, center);margin-right:var(--r-select--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-select--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-select--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-select--trailing-icon{transform:var(--r-select--trailing-icon--transform, rotate(0deg));transition:var(--r-select--trailing-icon--transition, transform 0.15s)}.r-select ::slotted([name=leading]){display:var(--r-select--value--leading-icon--display, flex);align-items:var(--r-select--value--leading-icon--align-items, center);color:var(--r-select--value--leading-icon--color, var(--r-icon-soft, #686868))}.r-select--container{background-color:var(--r-select--container--background-color, var(--r-background-softest, #fff));opacity:var(--r-select--container--opacity, 1);pointer-events:var(--r-select--container--pointer-events, auto)}.r-select--input{height:var(--r-select--input--height, 100%);width:var(--r-select--input--width, 100%);border:var(--r-select--input--border, none);outline:var(--r-select--input--outline, none);background-color:var(--r-select--input--background-color, inherit);color:var(--r-select--input--color, inherit);font-family:var(--r-select--input--font-family, inherit);font-size:var(--r-select--input--font-size, inherit);font-weight:var(--r-select--input--font-weight, inherit);padding:var(--r-select--input--padding, 0)}.r-select--native{position:var(--r-select--native--position, fixed);top:var(--r-select--native--top, -100vh);z-index:var(--r-select--native--z-index, -1);opacity:var(--r-select--native--opacity, 0);font-size:var(--r-select--native--font-size, 1rem);padding:var(--r-select--native--padding, 0 calc(48px + 0.75em) 0 0.75em)}.r-select--value:not([aria-readonly=true]):not(:has(input:read-only)):not(:has(input:disabled)):active{--r-select--value--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}.r-select--value[aria-disabled=false]:focus,.r-select--value:has(input:focus){outline:var(--r-select--value--outline, none);--r-select--value--z-index:2;--r-select--value--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-select--value--outline:2px solid var(--r-border-focused, #0071e3);--r-select--value--outline-offset:2px}.r-select--value{position:var(--r-select--value--position, relative);display:var(--r-select--value--display, inline-grid);grid-template-columns:var(--r-select--value--grid-template-columns, 1fr 1.75rem);box-sizing:var(--r-select--value--box-sizing, border-box);align-items:var(--r-select--value--align-items, center);justify-content:var(--r-select--value--justify-content, space-between);text-align:var(--r-select--value--text-align, left);min-width:var(--r-select--value--min-width, 100%);min-height:var(--r-select--value--min-height, var(--r-spacing-275, 2.75rem));padding:var(--r-select--value--padding, 0);white-space:var(--r-select--value--white-space, nowrap);background-color:var(--r-select--value--background-color, transparent);border-width:var(--r-select--value--border-width, 1px);border-style:var(--r-select--value--border-style, solid);border-color:var(--r-select--value--border-color, var(--r-border-soft, #686868));box-shadow:var(--r-select--value--box-shadow, none);outline:var(--r-select--value--outline, none);outline-offset:var(--r-select--value--outline-offset, 0);z-index:var(--r-select--value--z-index, 0);cursor:var(--r-select--value--cursor, inherit)}.r-select--value-display{display:var(--r-select--value-diplay--display, flex);gap:var(--r-select--value-diplay--gap, 0.5em);align-items:var(--r-select--value-diplay--align-tems, center);flex:var(--r-select--value-diplay--flex, 1);padding:var(--r-select--value-diplay--padding, 0 0.75em);overflow:var(--r-select--value-diplay--overflow, hidden);text-overflow:var(--r-select--value-diplay--text-overflow, ellipsis);color:var(--r-select--value-diplay--color, inherit);min-width:var(--r-select--value-diplay--min-width, fit-content);height:var(--r-select--value-diplay--height, 100%)}.r-select--value-selected{display:var(--r-select--value-diplay--display, flex);gap:var(--r-select--value-diplay--gap, 0.75em);align-items:var(--r-select--value-diplay--align-items, center)}.r-select--value-arrow{display:var(--r-select--value-arrow--display, flex);align-items:var(--r-select--value-arrow--align-items, center);justify-content:var(--r-select--value-arrow--justify-content, center);padding:var(--r-select--value-arrow--padding, 0 0.75em 0 0);visibility:var(--r-select--value-arrow--visiblility, visible)}.r-select--value-arrow-button{height:var(--r-select--value-arrow-button--height, 100%);background-color:var(--r-select--value-arrow-button--background-color, transparent);color:var(--r-select--value-arrow-button--color, inherit);border:var(--r-select--value-arrow-button--border, none);outline:var(--r-select--value-arrow-button--outline, none);cursor:var(--r-select--value-arrow-button--cursor, inherit)}.r-select--options{visibility:var(--r-select--options--visibility, hidden);position:var(--r-select--options--position, absolute);top:var(--r-select--options--top, 100%);right:var(--r-select--options--right, 0);bottom:var(--r-select--options--bottom, auto);left:var(--r-select--options--left, 0);margin:var(--r-select--options--margin, 0);padding:var(--r-select--options--padding, 0);list-style:var(--r-select--options--list-style, none);max-height:var(--r-select--options--max-height, 14.375em);min-width:var(--r-select--options--min-width, fit-content);overflow-y:var(--r-select--options--overflow-y, auto);background-color:var(--r-select--options--background-color, var(--r-background-interactive-softest, #fff));border-style:var(--r-select--options--border-style, solid);border-color:var(--r-select--options--border-color, var(--r-border-soft, #686868));border-width:var(--r-select--options--border-width, 0 1px 1px 1px);z-index:var(--r-select--options--z-index, -1)}.r-select--message{margin-top:var(--r-select--message--margin-top, var(--r-spacing-025, 0.25rem))}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}@media (prefers-reduced-motion){:host{transition:none}}";export{o as r_select}
+import{r as t,c as e,h as i,H as s,g as r}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";import{S as l}from"./p-4Uv3PpKT.js";const o=class{constructor(s){t(this,s),this.rValidate=e(this,"rValidate"),this.rChange=e(this,"rChange"),this.rReset=e(this,"rReset"),this.showValid=!1,this.fullWidth=!1,this.leadingIconSize="s",this.trailingIcon="angle-down",this.tralingIconSize="s",this.listboxPosition="bottom",this.toggleButtonAriaLabel="Toggle combobox",this.noResultsFound="No results found",this.validityState="",this.validityMessage="",this.isExpanded=!1,this.isReadonly=!1,this.currentValue="",this.valueToDisplay="",this.isInitializing=!1,this.isResetting=!1,this.isNewValue=!1,this.focusedOption=null,this.isValueFocused=!1,this.isNoResultsFound=!1,this.handleSlotChange=()=>{setTimeout((()=>{this.initialize(),this.defineHostWidth()}),0)},this.initial={},this.uniqueId=`r-select-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.getValidityStateData=t=>{for(const e in t.validity)if(t.validity[e]){if(this.validityState=e,this[e+"Message"])return void(this.validityMessage=this[e+"Message"]);this.validityMessage=t.validationMessage}},this.validateFormElement=(t=null)=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;this.getValidityStateData(t);const e="valid"===this.validityState;this.valid=e,this.invalid=!e,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.typeaheadBuffer="",this.typeaheadTimeout=null,this.lastTypeaheadIndex=-1,this.contributeToFormData=t=>{a(this.nativeElement,t.formData)},this.onValueClick=t=>{var e;this.disabled||(t.preventDefault(),t.stopPropagation(),this.toggle(),this.isExpanded&&(this.combobox&&(null===(e=this.valueElement)||void 0===e||e.focus()),this.defineListboxPositionState()))},this.keyboardEventHandlerFactory=(t,e=!1)=>{switch(t){case"Enter":return()=>{var t;this.isExpanded?this.setValue((null===(t=this.focusedOption)||void 0===t?void 0:t.value)||""):(this.expand(),this.setOptionFocus(this.selectedElement))};case"Escape":return()=>{this.collapse(),this.reportValidity()};case"ArrowUp":return()=>{var t;this.isExpanded?this.focusedOption&&e?this.setValue((null===(t=this.focusedOption)||void 0===t?void 0:t.value)||""):(this.combobox||this.focusedOption!==this.optionElements[0])&&(this.focusedOption?this.focusPrevOption():this.setOptionFocus(this.selectedElement||this.optionElements[0])):(this.expand(),this.setOptionFocus(this.selectedElement||this.optionElements[this.combobox?this.optionElements.length-1:0]))};case"ArrowDown":return()=>{if(this.isExpanded)(this.combobox||this.focusedOption!==this.optionElements[this.optionElements.length-1])&&(this.focusedOption?this.focusNextOption():this.setOptionFocus(this.selectedElement||this.optionElements[0]));else{if(this.expand(),e)return;this.setOptionFocus(this.selectedElement||this.optionElements[0])}};case"Home":return()=>{if(!this.isExpanded)return this.expand(),void this.setOptionFocus(this.selectedElement||this.optionElements[0]);this.setOptionFocus(this.optionElements[0])};case"End":return()=>{if(!this.isExpanded)return this.expand(),void this.setOptionFocus(this.selectedElement||this.optionElements[this.optionElements.length-1]);this.setOptionFocus(this.optionElements[this.optionElements.length-1])};case"PageUp":return()=>{if(!this.isExpanded)return;if(null===this.focusedOption)return;const t=this.optionElementsArray.indexOf(this.focusedOption);-1!==t&&this.setOptionFocus(this.optionElements[t-10>=0?t-10:0])};case"PageDown":return()=>{if(!this.isExpanded)return;if(null===this.focusedOption)return;const t=this.optionElementsArray.indexOf(this.focusedOption);if(-1===t)return;const e=this.optionElements.length-1;this.setOptionFocus(this.optionElements[t+10<=e?t+10:e])};case"Tab":return()=>{var t;return this.setValue((null===(t=this.focusedOption)||void 0===t?void 0:t.value)||"")};default:return()=>{}}},this.onValueKeydown=t=>{if(t.stopPropagation(),["ArrowUp","ArrowDown","Home","End","PageUp","PageDown","Space","Enter","Escape"].includes(t.code))t.preventDefault();else if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey)return this.isExpanded||this.expand(),void this.handleTypeahead(t.key);switch(t.code){case"Space":this.keyboardEventHandlerFactory("Enter")();break;case"Tab":if(null===this.focusedOption)break;this.keyboardEventHandlerFactory("Tab")();break;default:this.keyboardEventHandlerFactory(t.code,t.altKey)()}},this.onComboboxKeydown=t=>{switch(t.stopPropagation(),["ArrowUp","ArrowDown","Home","End","PageUp","PageDown","Enter","Escape"].includes(t.code)&&t.preventDefault(),t.code){case"Tab":if(null===this.focusedOption){this.collapse();break}this.keyboardEventHandlerFactory("Tab")();break;case"Escape":if(this.isExpanded)return void this.keyboardEventHandlerFactory("Escape")();this.valueElement.value="",this.setValue(""),this.reportValidity();break;default:this.keyboardEventHandlerFactory(t.code,t.altKey)()}},this.onValueBlur=()=>{this.isValueFocused=!1;const{isBusy:t,isExpanded:e}=this;t||e||this.reportValidity()},this.onValueFocus=()=>{this.isValueFocused=!0},this.filterOptionsListByComboboxValue=(t="")=>{const e=Array.from(this.host.querySelectorAll('r-select-option:not([data-no-results="true"])'));e.forEach((e=>{var i,s;const r=-1!==(null===(s=null===(i=null==e?void 0:e.textContent)||void 0===i?void 0:i.trim())||void 0===s?void 0:s.toLowerCase()).search(t.toLowerCase());e.setAttribute("aria-hidden",`${!r}`)})),this.isNoResultsFound=e.every((t=>"true"===(null==t?void 0:t.getAttribute("aria-hidden")))),this.isNoResultsFound&&(this.statusElement.innerHTML=this.noResultsFound,setTimeout((()=>{this.statusElement.innerText=""}),1e3))},this.clearComboboxOptions=()=>{this.combobox&&this.filterOptionsListByComboboxValue()},this.onComboboxChange=t=>{this.filterOptionsListByComboboxValue(t.target.value)},this.onComboboxInput=t=>{this.filterOptionsListByComboboxValue(t.target.value),this.isExpanded||(this.expand(),this.defineListboxPositionState())},this.onSubmitForm=t=>{this.isNoValidate||(this.reportValidity(),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.onResetForm=()=>{this.resetValidation(),this.setValue(this.initial.value),this.rReset.emit({element:this.host,value:this.currentValue})},this.renderSelect=t=>{var e,s;return i("span",Object.assign({class:"r-select--value",role:"combobox"},t,{ref:t=>this.valueElement=t,onClick:this.isInteractive?this.onValueClick:null,onKeyDown:this.isInteractive?this.onValueKeydown:null,onBlur:this.isInteractive?this.onValueBlur:null,onFocus:this.isInteractive?this.onValueFocus:null}),i("span",{class:"r-select--value-display"},this.isLeadingSlotRendered?i("slot",{name:"leading"}):null,i("span",{class:"r-select--value-selected",innerHTML:(null===(s=null===(e=this.valueToDisplay)||void 0===e?void 0:e.trim)||void 0===s?void 0:s.call(e))||this.placeholder||""})),i("span",{class:"r-select--value-arrow"},i("r-icon",{class:"r-select--trailing-icon",name:"angle-down",size:"s"})))},this.renderCombobox=t=>{var e,s,r;return i("div",{class:"r-select--value",onClick:this.isInteractive?this.onValueClick:null,ref:t=>this.comboboxContainerElement=t},i("div",{class:"r-select--value-display"},this.isLeadingSlotRendered?i("slot",{name:"leading"}):null,i("input",Object.assign({role:"combobox",autocomplete:"off","aria-autocomplete":"list",disabled:this.disabled,readonly:this.readonly,type:"text"},t,{class:"r-select--input",ref:t=>this.valueElement=t,onKeyDown:this.isInteractive?this.onComboboxKeydown:null,onBlur:this.isInteractive?this.onValueBlur:null,onFocus:this.isInteractive?this.onValueFocus:null,onChange:this.isInteractive?this.onComboboxChange:null,onInput:this.isInteractive?this.onComboboxInput:null,placeholder:this.placeholder||"",value:(null===(r=null===(s=null===(e=this.selectedElement)||void 0===e?void 0:e.textContent)||void 0===s?void 0:s.trim)||void 0===r?void 0:r.call(s))||""}))),i("button",{"aria-label":this.toggleButtonAriaLabel,"aria-expanded":`${this.expanded||!1}`,"aria-controls":`${this.uniqueId}-list`,disabled:this.disabled,tabindex:"-1",class:"r-select--value-arrow-button r-select--value-arrow"},i("r-icon",{class:"r-select--trailing-icon",name:"angle-down",size:"s"})),i("div",{class:"visually-hidden",role:"status",ref:t=>this.statusElement=t}))}}async setReadonly(){this.collapse(),this.resetValidation(),this.isReadonly=!0}async clearReadonly(){this.isReadonly=!1}handleListboxPositionChange(){this.defineListboxPositionState()}handleExpandedChange(){this.expanded?this.expand():this.collapse()}handleReadonlyChange(){this.readonly?this.setReadonly():this.clearReadonly()}handleValueChange(t,e){this.isInitializing||(this.isNewValue=e!==t,this.isNewValue&&this.setValue(t))}optionSelectAction(t){t.stopPropagation(),this.disabled||this.setValue(t.target.value)}tooltipFocusAction(){this.collapse(),this.reportValidity()}onMouseup(t){this.isExpanded&&(t.stopPropagation(),this.host.contains(t.target)||(this.collapse(),this.reportValidity()))}onKeyup(t){this.isExpanded&&(t.stopPropagation(),this.host.contains(t.target)||(this.collapse(),this.reportValidity()))}handleScrolling(){this.isExpanded&&this.defineListboxPositionState()}handleResizing(){this.isExpanded&&this.defineListboxPositionState()}async setValue(t=""){this.resetValidation(),this._renderSelected(t,this.currentValue!==t),this.clearComboboxOptions()}async getValue(){return this.currentValue||""}async reset(){if(this.resetValidation(),this.collapse(),this.clearComboboxOptions(),this.currentValue!==this.initial.value){if(""!==this.initial.value&&this.initiallySelectedElement)return this.isResetting=!0,this.setValue(this.initial.value),void(this.isResetting=!1);this.deselectOptions(),this.currentValue="",this.valueToDisplay=""}}async resetValidation(){this.validityMessage=null,this.validityState=null,this.invalid=this.initial.invalid,this.valid=!this.invalid}async reportValidity(){return this.validateFormElement(this.nativeElement),"valid"===this.validityState}async setFocus(){var t;null===(t=this.valueElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.valueElement)||void 0===t||t.blur()}async expand(){this.isExpanded=!0}async collapse(){this.isExpanded=!1,this.isBusy||(this.clearOptionsFocus(),this.setComboboxValueOnCollapse())}async getFocusedOption(){return this.host.querySelector('r-select-option[data-focused="true"]')||null}async setFocusedOption(t){return this.setOptionFocus(this.optionElements[t])}clearOptionsFocus(){var t;this.focusedOption=null;try{this.valueElement.ariaActiveDescendantElement=null}catch(e){null===(t=this.valueElement)||void 0===t||t.removeAttribute("aria-activedescendant")}this.focusedOptions.forEach((t=>t.setBlur()))}setComboboxValueOnCollapse(){var t,e,i;this.combobox&&(this.valueElement.value=(null===(i=null===(e=null===(t=this.selectedElement)||void 0===t?void 0:t.textContent)||void 0===e?void 0:e.trim)||void 0===i?void 0:i.call(e))||"",this.clearComboboxOptions())}get focusedOptions(){return Array.from(this.host.querySelectorAll('r-select-option[data-focused="true"]'))}toggle(){this.isExpanded=!this.isExpanded}get selectedElement(){return this.host.querySelector(`r-select-option[value="${this.currentValue}"]`)}get initiallySelectedElement(){return this.host.querySelector(`r-select-option[value="${this.initial.value}"]`)||null}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!1}get optionElements(){return this.host.querySelectorAll('r-select-option:not([disabled]:not([disabled="false"])):not([aria-hidden="true"])')||null}get optionElementsArray(){return Array.from(this.optionElements)}deselectOptions(){this.optionElements&&this.optionElements.forEach((t=>t.clearSelected()))}get isBusy(){return this.isInitializing||this.isResetting}_renderSelected(t="",e=!0){var i,s;this.currentValue=t,null===this.currentValue?this.host.removeAttribute("value"):this.host.setAttribute("value",this.currentValue);const r=this.host.querySelector(`r-select-option[value="${null===(i=this.currentValue)||void 0===i?void 0:i.trim()}"]`);this.valueToDisplay=(null==r?void 0:r.innerHTML)||(null==r?void 0:r.textContent)||this.currentValue||"",null===(s=this.optionElements)||void 0===s||s.forEach((e=>{e.value===t?e.setSelected():e.clearSelected()})),this._renderNativeOption(),this.isExpanded&&this.collapse(),this.isBusy||this.reportValidity(),e&&this.rChange.emit({element:this.host,value:t})}setOptionFocus(t=this.selectedElement){t&&null!==this.optionElements&&requestAnimationFrame((()=>{var e;this.clearOptionsFocus(),t.setFocus(),this.focusedOption=t;try{this.valueElement.ariaActiveDescendantElement=t}catch(i){null===(e=this.valueElement)||void 0===e||e.setAttribute("aria-activedescendant",t.id)}((t,e)=>{var i,s;if(!e)return;try{null===(i=t.scrollIntoView)||void 0===i||i.call(t,{block:"nearest",inline:"nearest"})}catch(e){null===(s=t.scrollIntoView)||void 0===s||s.call(t,!1)}const r=t.getBoundingClientRect(),a=e.getBoundingClientRect();(r.top<a.top||r.bottom>a.bottom)&&((t,e)=>{const i=t.offsetTop,s=i+t.offsetHeight,r=e.scrollTop,a=r+e.clientHeight;i<r?e.scrollTop=i:s>a&&(e.scrollTop=s-e.clientHeight)})(t,e)})(t,this.listboxElement)}))}focusPrevOption(t=this.focusedOption||this.selectedElement){if(null===this.optionElements)return;const e=this.optionElementsArray.indexOf(t)-1;this.setOptionFocus(e>=0?this.optionElements[e]:this.optionElements[this.optionElements.length-1])}focusNextOption(t=this.focusedOption||this.selectedElement){if(null===this.optionElements)return;const e=this.optionElementsArray.indexOf(t)+1;this.setOptionFocus(e<=this.optionElements.length-1?this.optionElements[e]:this.optionElements[0])}filterOptions(t,e){if(!e)return[];const i=e.toLowerCase();return t.filter((t=>!t.disabled&&(t.textContent||"").trim().toLowerCase().startsWith(i)))}getIndexByLetter(t,e,i=0){if(!t.length||!e)return-1;const s=[...t.slice(i),...t.slice(0,i)],r=this.filterOptions(s,e).sort(((t,e)=>(t.textContent||"").trim().toLowerCase().localeCompare((e.textContent||"").trim().toLowerCase()))),a=e.split("").every((t=>t===e[0]));if(r[0])return t.indexOf(r[0]);if(a){const i=this.filterOptions(s,e[0]);return i[0]?t.indexOf(i[0]):-1}return-1}handleTypeahead(t){clearTimeout(this.typeaheadTimeout);const e=this.optionElementsArray;let i;if(this.typeaheadBuffer+=t.toLowerCase(),this.typeaheadBuffer.split("").every((t=>t===this.typeaheadBuffer[0]))&&-1!==this.lastTypeaheadIndex)i=(this.lastTypeaheadIndex+1)%e.length;else{const t=e.indexOf(this.focusedOption||this.selectedElement);i=-1===t?0:(t+1)%e.length}const s=this.getIndexByLetter(e,this.typeaheadBuffer,i);if(-1!==s){this.lastTypeaheadIndex=s;const t=e[s];this.isExpanded||this.expand(),this.setOptionFocus(t)}this.typeaheadTimeout=setTimeout((()=>{this.typeaheadBuffer=""}),500)}connectFormEventListeners(){this.parentFormEl&&(this.parentFormEl.addEventListener("formdata",this.contributeToFormData),this.parentFormEl.addEventListener("submit",this.onSubmitForm,{capture:!0}),this.parentFormEl.addEventListener("reset",this.onResetForm))}disconnectFormEventListeners(){this.parentFormEl&&(this.parentFormEl.removeEventListener("formdata",this.contributeToFormData),this.parentFormEl.removeEventListener("submit",this.onSubmitForm),this.parentFormEl.removeEventListener("reset",this.onResetForm))}defineHostWidth(){if(this.fullWidth)return;const t=this.host.shadowRoot.querySelector(".r-select--native").getBoundingClientRect().width,e=(this.combobox?this.comboboxContainerElement:this.valueElement).getBoundingClientRect().width,i=this.listboxElement.getBoundingClientRect().width,s=Math.max(t,e,i);this.host.style.setProperty("--width",`${s}px`)}_renderNativeOption(){var t,e,i,s,r;const a=document.createElement("option"),l=document.createTextNode(null===(i=null===(e=null===(t=this.selectedElement)||void 0===t?void 0:t.textContent)||void 0===e?void 0:e.trim)||void 0===i?void 0:i.call(e));a.value=this.currentValue,a.selected=!0,a.appendChild(l),this.nativeElement&&(this.nativeElement.innerHTML="",null===(s=this.nativeElement)||void 0===s||s.appendChild(a),this.nativeElement.value=this.currentValue,null===(r=this.nativeElement)||void 0===r||r.setAttribute("value",this.currentValue))}notVisible(t){return"visible"!==getComputedStyle(t).overflow}findOverflowParent(t){var e,i;return(null===(e=t.parentNode)||void 0===e?void 0:e.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?this.findOverflowParent(null===(i=t.parentNode)||void 0===i?void 0:i.host):this.notVisible(t)?t:t.parentElement?this.findOverflowParent(t.parentElement):null}get ariaDescribedBy(){const t=`${this.uniqueId}-message`;return this.hint?`${this.uniqueId}-hint ${t}`:t}get overflowedParent(){return this.findOverflowParent(this.host.parentElement)}get top(){var t,e;return this.overflowedParent?Math.abs(this.overflowedParent.getBoundingClientRect().top-(null===(e=this.valueElement)||void 0===e?void 0:e.getBoundingClientRect().top)):null===(t=this.valueElement)||void 0===t?void 0:t.getBoundingClientRect().top}get bottom(){var t;function e(t){return window.innerHeight-t.getBoundingClientRect().top-t.getBoundingClientRect().height}const i=window.getComputedStyle(this.messageContainer),s=(null===(t=this.messageContainer)||void 0===t?void 0:t.getBoundingClientRect().height)+parseFloat(i.marginTop),r=e(this.host)+s;return this.overflowedParent?Math.abs(e(this.overflowedParent)-r):r+s}defineListboxPositionState(){var t,e;const i=(null===(t=this.listboxElement)||void 0===t?void 0:t.offsetHeight)<this.bottom,s=(null===(e=this.listboxElement)||void 0===e?void 0:e.offsetHeight)<this.top;if("top"===this.listboxPosition&&(s||!i)||"bottom"===this.listboxPosition&&(i||!s))this.listboxPositionState=this.listboxPosition;else switch(this.listboxPosition){case"top":this.listboxPositionState=s?"top":"bottom";break;case"bottom":this.listboxPositionState=i?"bottom":"top"}}initialize(){var t;const e=this.value||"";if(this.initial.value=this.value||"",this.initial.invalid=this.invalid||!1,this.listboxPositionState=this.listboxPosition,this.optionElementsArray.find((t=>t.value.trim()===e)))return this.isInitializing=!0,this.setValue(e),void(this.isInitializing=!1);if(this.placeholder)return;if(this.combobox)return;const i=null===(t=this.optionElements)||void 0===t?void 0:t[0];i&&(this.isInitializing=!0,this.setValue(null==i?void 0:i.value),this.isInitializing=!1)}initializeStyleObserver(){!this.listboxWidthObserver&&this.listboxElement&&(this.listboxWidthObserver=new l((()=>{this.listboxElement&&(this.listboxElement.getBoundingClientRect().width<=this.host.getBoundingClientRect().width||this.defineHostWidth())})),this.listboxWidthObserver.observe([this.listboxElement],["width"]))}get hasError(){var t;return this.invalid&&(null===(t=this.error)||void 0===t?void 0:t.length)>0}get hasValidationError(){var t;return"valid"!==this.validityState&&(null===(t=this.validityMessage)||void 0===t?void 0:t.length)>0}get hasValidationSuccess(){return this.valid&&this.validMessage&&this.showValid}get hasMessage(){return this.hasError||this.hasValidationError||this.hasValidationSuccess}get isInteractive(){return!this.disabled&&!this.isReadonly}get hasLeadingSlot(){return!!this.host.querySelector('[slot="leading"]')}get hasOptionIcon(){return!!this.optionElementsArray.find((t=>!!t.querySelector('[slot="icon"]')))}get isLeadingSlotRendered(){return this.hasLeadingSlot&&this.hasOptionIcon&&!this.currentValue}get isPlaceholder(){var t,e;const{placeholder:i}=this;return((null===(e=null===(t=this.valueToDisplay)||void 0===t?void 0:t.trim)||void 0===e?void 0:e.call(t))||i||"")===i}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}componentWillLoad(){this.isExpanded=this.expanded,this.isReadonly=this.readonly}componentDidLoad(){this.defineListboxPositionState(),this.initializeStyleObserver()}render(){var t;const{uniqueId:e,disabled:r,isExpanded:a,fieldIndicator:l,invalid:o,placeholder:n,required:h,hint:c,label:d,internal:v,tooltip:u,tooltipIcon:p,tooltipIconColor:f}=this,b=d?Object.assign({fieldIndicator:l},u&&!r?{tooltip:u,"tooltip-icon":p,"tooltip-icon-color":f}:{}):{},g=!!this.isInteractive&&!!h,m={id:`${e}-value`,tabindex:""+(r?-1:0),"aria-controls":`${e}-list`,"aria-describedby":this.ariaDescribedBy,"aria-disabled":`${r||!1}`,"aria-expanded":`${a||!1}`,"aria-invalid":`${o||!1}`,"aria-readonly":`${!this.isInteractive||!1}`,"aria-required":`${g}`,"aria-labelledby":`${e}-label`},y={"aria-label":d},w={placeholder:n,name:this.name,value:this.currentValue,"aria-hidden":"true",tabindex:"-1",invalid:o,disabled:r,required:g};return i(s,{key:"4faff470b9b6b8b7d61e3076e92791ef59337a48","data-value":this.currentValue,expanded:!this.disabled&&this.isExpanded,"data-listbox-position":this.listboxPositionState,"data-initial-value":this.initial.value,"data-is-placeholder":`${!!this.isPlaceholder}`,"data-value-focused":`${!!this.isValueFocused}`,"data-option-focused":`${!!this.focusedOption}`,"data-validity-state":`${this.validityState||""}`,"data-validity-message":`${this.validityMessage||""}`,"data-readonly":`${!!this.isReadonly}`},i("div",{key:"0e171d25d2210017b79c8e4298e24335087f0528",class:"r-select--label "+(v?"":"r-select--label__margin-bottom")},i("div",{key:"d23c28cea13b76464697eadca26ba34a3d1009cd",class:v?"visually-hidden":"r-select--label-container"},i("label",{key:"5eed04830b9339a2c274f79eda156fa48eaa8249",id:`${e}-label`,onClick:this.isInteractive?this.onValueClick:null},i("r-label",Object.assign({key:"85c9eecfbff6e3d5412c99faafc142bf495aedb4"},b),d)),i("slot",{key:"72a93bf0defe9a3f41d7b7be5cf3415e95874141",name:"popover"})),c&&i("r-hint",{key:"d0b4a4bd2ca88ba642285dc85920d57f73298bb5",id:`${e}-hint`,class:"r-select--hint"},c)),i("div",{key:"d859fdbd5f21ab2ec625712e5704f7e594ecff05",class:"r-select"},i("select",Object.assign({key:"388cf0c3f3234c2547aec144060f0d700df2fa57",class:"r-select--native",ref:t=>this.nativeElement=t},w)),i("div",{key:"e2409bf6c794e8360089fc113144dfcd7dffbbe2",class:"r-select--container"},this.combobox?this.renderCombobox(m):this.renderSelect(m),i("div",Object.assign({key:"8b813027f707bf37ccdf022c852838eb4801e03e",role:"listbox",tabindex:"-1",id:`${e}-list`,class:"r-select--options",ref:t=>this.listboxElement=t},y),(this.isNoResultsFound||!(null===(t=this.optionElements)||void 0===t?void 0:t.length))&&i("r-select-option",{key:"b6aa6ab7eb6390b05ac6d475546ca9647edb1a02","data-no-results":"true",value:"no_results"},this.noResultsFound),i("slot",{key:"e84ce6b5e610147962c25a930967e1554a91f2a1",onSlotchange:this.handleSlotChange})))),i("div",{key:"92a91fc11ac5c98330bd677a97ab76a88af48f3b",id:`${e}-message`,"aria-live":"polite","aria-atomic":"true",ref:t=>this.messageContainer=t,class:this.hasMessage&&!v?"r-select--message":"visually-hidden"},this.hasMessage&&i("r-hint",{key:"c23f0cc7347fb7ceb61c4696d527534ececec403",variant:this.invalid?"error":"success"},this.hasError&&this.error,this.hasValidationError&&this.validityMessage,this.hasValidationSuccess&&this.validMessage)))}get host(){return r(this)}static get watchers(){return{listboxPosition:["handleListboxPositionChange"],expanded:["handleExpandedChange"],readonly:["handleReadonlyChange"],value:["handleValueChange"]}}};o.style=":host{display:inline-flex;flex-direction:column;width:var(--width, auto);transition:width 0.2s ease-out;max-width:none;opacity:1;outline:none}:host slot{display:contents}:host(:hover:not([disabled]:not([disabled=false]))){--r-select--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([expanded]:not([expanded=false])){--r-select--options--visibility:visible;--r-select--options--z-index:1;--r-select--background-color:var(--r-background-interactive-softest, #fff);--r-select--value--border-color:var(--r-border-soft, #686868);--r-select--value--background-color:var(--r-background-interactive-softest, #fff);--r-select--trailing-icon--transform:rotate(180deg)}:host([invalid]:not([invalid=false])){--r-select--container--background-color:var(--r-status-error-soft, #fef6f6);--r-select--value--border-color:var(--r-status-error-regular, #b00c15);--r-select--options--border-color:var(--r-status-error-regular, #b00c15)}:host([disabled]:not([disabled=false])){--r-select--opacity:0.4;--r-select--pointer-events:none;--r-select--cursor:not-allowed}:host([data-is-placeholder=true]){--r-select--value-diplay--color:var(--r-text-soft, #686868)}:host([data-max-width=set]){width:100%;--r-select--options--right:0}:host([full-width]){width:100%}:host([data-listbox-position=top]){--r-select--options--top:auto;--r-select--options--bottom:2.875em;--r-select--options--border-width:1px 1px 0 1px}:host([data-listbox-position=bottom]){--r-select--options--top:100%;--r-select--options--bottom:auto;--r-select--options--border-width:0 1px 1px 1px}:host([data-readonly=true]){--r-select--color:var(--r-text-soft, #686868);--r-select--value--background-color:var(--r-background-soft, #f3f1f0);--r-select--value--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-select--value--cursor:text;--r-select--value-arrow--visiblility:hidden}.r-select{display:var(--r-select--display, flex);flex-grow:var(--r-select--flex-grow, 1);flex-direction:var(--r-select--flex-direction, column);position:var(--r-select--position, relative);box-sizing:var(--r-select--box-sizing, border-box);max-width:var(--r-select--max-width, 100%);min-width:var(--r-select--min-width, fit-content);font-family:var(--r-select--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-select--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-select--font-size, var(--r-font-size-400, 1rem));text-align:var(--r-select--text-align, left);color:var(--r-select--color, var(--r-text-regular, #282828));opacity:var(--r-select--opacity, 1);pointer-events:var(--r-select--pointer-events, auto);cursor:var(--r-select--cursor, pointer)}.r-select--label__margin-bottom{margin-bottom:var(--r-select--label--margin-bottom, var(--r-spacing-025, 0.25rem))}.r-select--label-container{display:var(--r-select--label-container--display, flex);gap:var(--r-select--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-select--label-container--align-items, center);justify-content:var(--r-select--label-container--align-items, space-between)}.r-select--label-container ::slotted([slot=popover]){display:var(--r-select--popover--display, inline-flex);height:var(--r-select--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-select--popover--align-items, center);justify-content:var(--r-select--popover--justify-content, center);margin-right:var(--r-select--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-select--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-select--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-select--trailing-icon{transform:var(--r-select--trailing-icon--transform, rotate(0deg));transition:var(--r-select--trailing-icon--transition, transform 0.15s)}.r-select ::slotted([name=leading]){display:var(--r-select--value--leading-icon--display, flex);align-items:var(--r-select--value--leading-icon--align-items, center);color:var(--r-select--value--leading-icon--color, var(--r-icon-soft, #686868))}.r-select--container{background-color:var(--r-select--container--background-color, var(--r-background-softest, #fff));opacity:var(--r-select--container--opacity, 1);pointer-events:var(--r-select--container--pointer-events, auto)}.r-select--input{height:var(--r-select--input--height, 100%);width:var(--r-select--input--width, 100%);border:var(--r-select--input--border, none);outline:var(--r-select--input--outline, none);background-color:var(--r-select--input--background-color, inherit);color:var(--r-select--input--color, inherit);font-family:var(--r-select--input--font-family, inherit);font-size:var(--r-select--input--font-size, inherit);font-weight:var(--r-select--input--font-weight, inherit);padding:var(--r-select--input--padding, 0)}.r-select--native{position:var(--r-select--native--position, fixed);top:var(--r-select--native--top, -100vh);z-index:var(--r-select--native--z-index, -1);opacity:var(--r-select--native--opacity, 0);font-size:var(--r-select--native--font-size, 1rem);padding:var(--r-select--native--padding, 0 calc(48px + 0.75em) 0 0.75em)}.r-select--value:not([aria-readonly=true]):not(:has(input:read-only)):not(:has(input:disabled)):active{--r-select--value--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}.r-select--value[aria-disabled=false]:focus,.r-select--value:has(input:focus){outline:var(--r-select--value--outline, none);--r-select--value--z-index:2;--r-select--value--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-select--value--outline:2px solid var(--r-border-focused, #0071e3);--r-select--value--outline-offset:2px}.r-select--value{position:var(--r-select--value--position, relative);display:var(--r-select--value--display, inline-grid);grid-template-columns:var(--r-select--value--grid-template-columns, 1fr 1.75rem);box-sizing:var(--r-select--value--box-sizing, border-box);align-items:var(--r-select--value--align-items, center);justify-content:var(--r-select--value--justify-content, space-between);text-align:var(--r-select--value--text-align, left);min-width:var(--r-select--value--min-width, 100%);min-height:var(--r-select--value--min-height, var(--r-spacing-275, 2.75rem));padding:var(--r-select--value--padding, 0);white-space:var(--r-select--value--white-space, nowrap);background-color:var(--r-select--value--background-color, transparent);border-width:var(--r-select--value--border-width, 1px);border-style:var(--r-select--value--border-style, solid);border-color:var(--r-select--value--border-color, var(--r-border-soft, #686868));box-shadow:var(--r-select--value--box-shadow, none);outline:var(--r-select--value--outline, none);outline-offset:var(--r-select--value--outline-offset, 0);z-index:var(--r-select--value--z-index, 0);cursor:var(--r-select--value--cursor, inherit)}.r-select--value-display{display:var(--r-select--value-diplay--display, flex);gap:var(--r-select--value-diplay--gap, 0.5em);align-items:var(--r-select--value-diplay--align-tems, center);flex:var(--r-select--value-diplay--flex, 1);padding:var(--r-select--value-diplay--padding, 0 0.75em);overflow:var(--r-select--value-diplay--overflow, hidden);text-overflow:var(--r-select--value-diplay--text-overflow, ellipsis);color:var(--r-select--value-diplay--color, inherit);min-width:var(--r-select--value-diplay--min-width, fit-content);height:var(--r-select--value-diplay--height, 100%)}.r-select--value-selected{display:var(--r-select--value-diplay--display, flex);gap:var(--r-select--value-diplay--gap, 0.75em);align-items:var(--r-select--value-diplay--align-items, center)}.r-select--value-arrow{display:var(--r-select--value-arrow--display, flex);align-items:var(--r-select--value-arrow--align-items, center);justify-content:var(--r-select--value-arrow--justify-content, center);padding:var(--r-select--value-arrow--padding, 0 0.75em 0 0);visibility:var(--r-select--value-arrow--visiblility, visible)}.r-select--value-arrow-button{height:var(--r-select--value-arrow-button--height, 100%);background-color:var(--r-select--value-arrow-button--background-color, transparent);color:var(--r-select--value-arrow-button--color, inherit);border:var(--r-select--value-arrow-button--border, none);outline:var(--r-select--value-arrow-button--outline, none);cursor:var(--r-select--value-arrow-button--cursor, inherit)}.r-select--options{visibility:var(--r-select--options--visibility, hidden);position:var(--r-select--options--position, absolute);top:var(--r-select--options--top, 100%);right:var(--r-select--options--right, 0);bottom:var(--r-select--options--bottom, auto);left:var(--r-select--options--left, 0);margin:var(--r-select--options--margin, 0);padding:var(--r-select--options--padding, 0);list-style:var(--r-select--options--list-style, none);max-height:var(--r-select--options--max-height, 14.375em);min-width:var(--r-select--options--min-width, fit-content);overflow-y:var(--r-select--options--overflow-y, auto);background-color:var(--r-select--options--background-color, var(--r-background-interactive-softest, #fff));border-style:var(--r-select--options--border-style, solid);border-color:var(--r-select--options--border-color, var(--r-border-soft, #686868));border-width:var(--r-select--options--border-width, 0 1px 1px 1px);z-index:var(--r-select--options--z-index, -1)}.r-select--message{margin-top:var(--r-select--message--margin-top, var(--r-spacing-025, 0.25rem))}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}@media (prefers-reduced-motion){:host{transition:none}}";export{o as r_select}

package/dist/web-components/{p-99ba15d9.entry.js → p-9e50120b.entry.js}

@@ -1 +1 @@
-import{r,h as o,H as a,g as c}from"./p-Da7qOBFr.js";const e=class{constructor(o){r(this,o),this.size="l"}render(){return o(a,{key:"cfe81e7e83671bc25886b4a039a897c60449e2c8"},o("div",{key:"13dee7e5799d33b901558d363ad80002cdcdff44",class:"r-accordion"},o("slot",{key:"d91feec7fb11323cec6c61da29a50abf3e28af76"})))}get host(){return c(this)}};e.style=":host{--r-accordion--display:block}:host slot{display:contents}:host ::slotted(r-accordion-section[expanded]){--r-accordion-panel--padding-top:var(--r-spacing-150, 1.5rem);--r-accordion-panel--padding-bottom:var(--r-spacing-200, 2rem)}:host([size=small]),:host([size=s]){--r-accordion-trigger--content--font-size:var(--r-font-size-400, 1rem);--r-accordion-trigger--padding-top:var(--r-spacing-100, 1rem);--r-accordion-trigger--padding-bottom:var(--r-spacing-100, 1rem)}:host([size=small]) ::slotted(r-accordion-section[expanded]),:host([size=s]) ::slotted(r-accordion-section[expanded]){--r-accordion-panel--padding-top:var(--r-spacing-100, 1rem);--r-accordion-panel--padding-bottom:var(--r-spacing-150, 1.5rem)}.r-accordion{display:var(--r-accordion--display)}";export{e as r_accordion}
+import{r,h as o,H as a,g as s}from"./p-Da7qOBFr.js";const c=class{constructor(o){r(this,o),this.size="l"}render(){return o(a,{key:"623360f15eff8713b2b6228d5b1793c035495b32"},o("div",{key:"95bf78640b2e1376a7bb6f5e3f0b31b447a110a7",class:"r-accordion"},o("slot",{key:"4de98884581aa2510d22127ce8e86fbc323b528f"})))}get host(){return s(this)}};c.style=":host{--r-accordion--display:block}:host slot{display:contents}:host ::slotted(r-accordion-section[expanded]){--r-accordion-panel--padding-top:var(--r-spacing-150, 1.5rem);--r-accordion-panel--padding-bottom:var(--r-spacing-200, 2rem)}:host([size=small]),:host([size=s]){--r-accordion-trigger--content--font-size:var(--r-font-size-400, 1rem);--r-accordion-trigger--padding-top:var(--r-spacing-100, 1rem);--r-accordion-trigger--padding-bottom:var(--r-spacing-100, 1rem)}:host([size=small]) ::slotted(r-accordion-section[expanded]),:host([size=s]) ::slotted(r-accordion-section[expanded]){--r-accordion-panel--padding-top:var(--r-spacing-100, 1rem);--r-accordion-panel--padding-bottom:var(--r-spacing-150, 1.5rem)}.r-accordion{display:var(--r-accordion--display)}";export{c as r_accordion}

package/dist/web-components/{p-e49b1ec3.entry.js → p-b2f03016.entry.js}

@@ -1 +1 @@
-import{r,c as t,h as o,H as a,g as i}from"./p-Da7qOBFr.js";const e=class{constructor(o){r(this,o),this.rChange=t(this,"rChange"),this.rReset=t(this,"rReset"),this.radioButtonClick=t(this,"radioButtonClick"),this.radioButtonKeydown=t(this,"radioButtonKeydown"),this.radioButtonDeselect=t(this,"radioButtonDeselect"),this.value=this.slotTextValue,this.uniqueId=`r-radio-button-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.onClick=r=>{this.disabled||(r.stopPropagation(),r.preventDefault(),this.radioButtonClick.emit(r))},this.onKeydown=r=>{this.disabled||this.radioButtonKeydown.emit(r)},this.onFocus=()=>{this.host.classList.add("focused")},this.onBlur=()=>{this.host.classList.remove("focused")}}async setFocus(){this.nativeEl.focus()}async setBlur(){this.nativeEl.blur()}async select(){var r;if(this.checked)return;if(this.disabled)return;null===(r=this.radioElements)||void 0===r||r.forEach((r=>{r.checked=!1,r.shadowRoot.querySelector(".r-radio-button--input").setAttribute("tabindex","-1")})),this.checked=!0,this.nativeEl.setAttribute("tabindex","0"),this.nativeEl.focus();const{host:t,value:o,checked:a}=this;this.rChange.emit({element:t,value:o,checked:a})}get radioElements(){return this.groupEl?this.groupEl.querySelectorAll("r-radio-button"):this.parentFormEl?this.parentFormEl.querySelectorAll(`r-radio-button[name=${this.name}]`):document.querySelectorAll(`r-radio-button[name=${this.name}]`)}get slotTextValue(){return this.host.textContent||null}get groupEl(){return this.host.closest("r-radio-group")||null}get parentFormEl(){return this.host.closest("form")||null}get isLeading(){return void 0!==this.icon||null!==this.host.querySelector('[slot="leading"]')||null!==this.host.querySelector("r-radio-button-leading")}get isTrailing(){return null!==this.host.querySelector('[slot="trailing"]')||null!==this.host.querySelector("r-radio-button-trailing")}componentWillLoad(){this.initialState||(this.initialState=this.checked),this.groupEl&&!this.name&&(this.name=this.groupEl.name)}render(){const{name:r,value:t,checked:i,disabled:e,hint:n,uniqueId:d,required:s,invalid:b,error:u}=this;return o(a,{key:"862574a20e04e55e3e7e0b8cb48131652f029030"},o("label",{key:"b916e9d5740605bad9a1f88c6bb07d0564b63f16",class:"r-radio-button",onClick:this.onClick,onKeyDown:this.onKeydown},o("input",Object.assign({key:"d0ca90e85e619d8c5b9a8c71ae1582db65562036"},{type:"radio",tabindex:"-1",name:r,value:t,disabled:e,checked:i,required:s},{id:`${d}-input`,class:"r-radio-button--input",ref:r=>this.nativeEl=r,onFocus:this.onFocus,onBlur:this.onBlur})),o("span",{key:"f77f3e56e88c5e3ad1f3e36e5f96715edb7e91cc",class:"r-radio-button--box"}),this.isLeading&&o("div",{key:"60d6a15880fafd8007d20a80137b30f19d4f641e",class:"r-radio-button--leading"},o("slot",{key:"9329c56d97e5e357ea70d165ee11ac171c605519",name:"leading"},this.icon&&o("r-icon",{key:"ace86d3b61cd39f05ca3146e54d3ae4820d7b66d",name:this.icon,size:"m"}))),o("div",{key:"7773e0c5b2348245e4b4dafc06a6b10a6dc245c3",class:"r-radio-button--text"},o("slot",{key:"f060b0853a7a6ed0108d0182669807fd0236da33",name:"title"},o("div",{key:"1ca5059e718a0bda9a53e2e0f630a617d0252638",style:{display:"contents"}},o("slot",{key:"cb9128b915d2a71cff7e8960d5bd86973c615232"}))),o("slot",{key:"f07a62e2caa36ceb27bc547cf86c7dfcdce1c5b4",name:"description"},this.description)),this.isTrailing&&o("div",{key:"cc5e6dff1c324fdce239f8d4e553e154bdb73eac",class:"r-radio-button--trailing"},o("slot",{key:"3d5e862c5830adb7a480fbb71ff92fef054bf1f7",name:"trailing"}))),b&&u&&o("r-hint",{key:"997b440b69a23cb432b8376b0351a947ec3b162e",role:"alert",variant:"error",id:`${d}-hint`},this.error),n&&o("r-hint",{key:"d3c41065b4924f42a2971d1cb91154e8e3041238",role:"note",variant:"information",id:`${d}-hint`},n))}get host(){return i(this)}};e.style=':host{display:inline-flex;outline:none;position:relative;pointer-events:auto;border:0.0625rem solid transparent;cursor:pointer;min-width:17.5rem}:host slot{display:contents}:host(:hover:not([disabled]:not([disabled=false])):not([checked]:not([checked=false]))){--r-radio-button--cursor:pointer;--r-radio-button--box--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:active:not([disabled]:not([disabled=false])):not([checked]:not([checked=false]))){--r-radio-button--box--border-color:var(--r-border-regular, #282828);--r-radio-button--box--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host(:focus-within),:host(.focused){--r-radio-button--box--box-shadow:0 0 0 4px var(--r-border-focused-outlined, #fff);--r-radio-button--box--outline:2px solid var(--r-border-focused, #0071e3);--r-radio-button--box--outline-offset:1px}:host([checked]:not([checked=false])),:host([checked]:not([checked=false]):hover){cursor:default;--r-radio-button--box--border-color:var(--r-border-regular, #282828);--r-radio-button--box--background-color:var(--r-background-interactive-softest, #fff);--r-radio-button--marker--transform:scale(1)}:host([invalid]:not([invalid=false])),:host([invalid]:not([invalid=false])[checked]:not([checked=false])){--r-radio-button--box--border-color:var(--r-status-error-regular, #da1e28);--r-radio-button--box--background-color:var(--r-status-error-soft, #fef6f6)}:host([disabled]:not([disabled=false])){--r-radio-button--box--opacity:0.4;cursor:not-allowed}.r-radio-button{display:var(--r-radio-button--display, flex);flex:var(--r-radio-button--flex, 1);gap:var(--r-radio-button--gap, var(--r-spacing-075, 0.75rem));position:var(--r-radio-button--position, relative);min-height:var(--r-radio-button--min-height, 24px);user-select:var(--r-radio-button--user-select, none);box-sizing:var(--r-radio-button--box-sizing, border-box);font-family:var(--r-radio-button--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-radio-button--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-radio-button--line-height, var(--r-line-height-m, 1.5rem));text-align:var(--r-radio-button--text-align, left);color:var(--r-radio-button--color, var(--r-text-regular, #282828));opacity:var(--r-radio-button--opacity, 1);box-shadow:var(--r-radio-button--box-shadow, none);outline:var(--r-radio-button--outline, none);cursor:var(--r-radio-button--cursor, inherit);padding:var(--r-radio-button--padding, var(--r-spacing-100, 1rem));margin:var(--r-radio-button--margin, 0);background-color:var(--r-radio-button--background-color, transparent);border-color:var(--r-radio-button--border-color, transparent);border-width:var(--r-radio-button--border-width, 0);border-style:var(--r-radio-button--border-style, solid)}.r-radio-button--input{position:var(--r-radio-button--input--position, absolute);z-index:var(--r-radio-button--input--z-index, -1);opacity:var(--r-radio-button--input--opacity, 0)}.r-radio-button--box{position:var(--r-radio-button--box--position, relative);display:var(--r-radio-button--box--display, block);top:var(--r-radio-button--box--top, 0);left:var(--r-radio-button--box--left, 0);width:var(--r-radio-button--box--width, 1.5rem);height:var(--r-radio-button--box--height, 1.5rem);background-color:var(--r-radio-button--box--background-color, var(--r-background-interactive-softest, #fff));border-width:var(--r-radio-button--box--border-width, 0.0625rem);border-style:var(--r-radio-button--box--border-style, solid);border-color:var(--r-radio-button--box--border-color, var(--r-border-soft, #686868));border-radius:var(--r-radio-button--box--border-radius, 50%);box-sizing:var(--r-radio-button--box--box-sizing, border-box);box-shadow:var(--r-radio-button--box--box-shadow, none);outline:var(--r-radio-button--box--outline, none);outline-offset:var(--r-radio-button--box--outline-offset, 0);cursor:var(--r-radio-button--box--cursor, inherit);opacity:var(--r-radio-button--box--opacity, 1)}.r-radio-button--box::before{content:var(--r-radio-button--marker--content, "");display:var(--r-radio-button--marker--display, block);width:var(--r-radio-button--marker--width, 0.75rem);height:var(--r-radio-button--marker--height, 0.75rem);position:var(--r-radio-button--marker--position, absolute);top:var(--r-radio-button--marker--top, calc(50% - 0.375rem));left:var(--r-radio-button--marker--left, calc(50% - 0.375rem));border-radius:var(--r-radio-button--marker--border-radius, 50%);background-color:var(--r-radio-button--marker--background-color, var(--r-background-interactive-regular, #282828));transition:var(--r-radio-button--marker--transition, 0.1s all);transform:var(--r-radio-button--marker--transform, scale(0));transform-origin:var(--r-radio-button--marker--transform-origin, center)}.r-radio-button--text{flex:var(--r-radio-button--text--flex, 1);display:var(--r-radio-button--text--display, flex);flex-direction:var(--r-radio-button--text--flex-direction, column);gap:var(--r-radio-button--text--gap, var(--r-spacing-025, 0.25rem));font-weight:var(--r-radio-button--text--font-weight, var(--r-font-weight-semibold, 600))}.r-radio-button--leading{min-height:var(--r-radio-button--leading--min-height, var(--r-spacing-150, 1.5rem));min-width:var(--r-radio-button--leading--min-width, calc(var(--r-spacing-150, 1.5rem) + 2 * var(--r-spacing-075, 0.75rem)));color:var(--r-radio-button--leading--color, var(--r-icon-soft, #686868));display:var(--r-radio-button--leading--display, flex);justify-content:var(--r-radio-button--leading--justify-content, center);align-items:var(--r-radio-button--leading--align-items, start)}';export{e as r_radio_button}
+import{r,c as t,h as o,H as a,g as i}from"./p-Da7qOBFr.js";const e=class{constructor(o){r(this,o),this.rChange=t(this,"rChange"),this.rReset=t(this,"rReset"),this.radioButtonClick=t(this,"radioButtonClick"),this.radioButtonKeydown=t(this,"radioButtonKeydown"),this.radioButtonDeselect=t(this,"radioButtonDeselect"),this.value=this.slotTextValue,this.uniqueId=`r-radio-button-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.onClick=r=>{this.disabled||(r.stopPropagation(),r.preventDefault(),this.radioButtonClick.emit(r))},this.onKeydown=r=>{this.disabled||this.radioButtonKeydown.emit(r)},this.onFocus=()=>{this.host.classList.add("focused")},this.onBlur=()=>{this.host.classList.remove("focused")}}async setFocus(){this.nativeEl.focus()}async setBlur(){this.nativeEl.blur()}async select(){var r;if(this.checked)return;if(this.disabled)return;null===(r=this.radioElements)||void 0===r||r.forEach((r=>{r.checked=!1,r.shadowRoot.querySelector(".r-radio-button--input").setAttribute("tabindex","-1")})),this.checked=!0,this.nativeEl.setAttribute("tabindex","0"),this.nativeEl.focus();const{host:t,value:o,checked:a}=this;this.rChange.emit({element:t,value:o,checked:a})}get radioElements(){return this.groupEl?this.groupEl.querySelectorAll("r-radio-button"):this.parentFormEl?this.parentFormEl.querySelectorAll(`r-radio-button[name=${this.name}]`):document.querySelectorAll(`r-radio-button[name=${this.name}]`)}get slotTextValue(){return this.host.textContent||null}get groupEl(){return this.host.closest("r-radio-group")||null}get parentFormEl(){return this.host.closest("form")||null}get isLeading(){return void 0!==this.icon||null!==this.host.querySelector('[slot="leading"]')||null!==this.host.querySelector("r-radio-button-leading")}get isTrailing(){return null!==this.host.querySelector('[slot="trailing"]')||null!==this.host.querySelector("r-radio-button-trailing")}componentWillLoad(){this.initialState||(this.initialState=this.checked),this.groupEl&&!this.name&&(this.name=this.groupEl.name)}render(){const{name:r,value:t,checked:i,disabled:e,hint:n,uniqueId:d,required:s,invalid:b,error:u}=this;return o(a,{key:"862574a20e04e55e3e7e0b8cb48131652f029030"},o("label",{key:"b916e9d5740605bad9a1f88c6bb07d0564b63f16",class:"r-radio-button",onClick:this.onClick,onKeyDown:this.onKeydown},o("input",Object.assign({key:"d0ca90e85e619d8c5b9a8c71ae1582db65562036"},{type:"radio",tabindex:"-1",name:r,value:t,disabled:e,checked:i,required:s},{id:`${d}-input`,class:"r-radio-button--input",ref:r=>this.nativeEl=r,onFocus:this.onFocus,onBlur:this.onBlur})),o("span",{key:"f77f3e56e88c5e3ad1f3e36e5f96715edb7e91cc",class:"r-radio-button--box"}),this.isLeading&&o("div",{key:"60d6a15880fafd8007d20a80137b30f19d4f641e",class:"r-radio-button--leading"},o("slot",{key:"9329c56d97e5e357ea70d165ee11ac171c605519",name:"leading"},this.icon&&o("r-icon",{key:"ace86d3b61cd39f05ca3146e54d3ae4820d7b66d",name:this.icon,size:"m"}))),o("div",{key:"7773e0c5b2348245e4b4dafc06a6b10a6dc245c3",class:"r-radio-button--text"},o("slot",{key:"f060b0853a7a6ed0108d0182669807fd0236da33",name:"title"},o("div",{key:"1ca5059e718a0bda9a53e2e0f630a617d0252638",style:{display:"contents"}},o("slot",{key:"cb9128b915d2a71cff7e8960d5bd86973c615232"}))),o("slot",{key:"f07a62e2caa36ceb27bc547cf86c7dfcdce1c5b4",name:"description"},this.description)),this.isTrailing&&o("div",{key:"cc5e6dff1c324fdce239f8d4e553e154bdb73eac",class:"r-radio-button--trailing"},o("slot",{key:"3d5e862c5830adb7a480fbb71ff92fef054bf1f7",name:"trailing"}))),b&&u&&o("r-hint",{key:"997b440b69a23cb432b8376b0351a947ec3b162e",role:"alert",variant:"error",id:`${d}-hint`},this.error),n&&o("r-hint",{key:"d3c41065b4924f42a2971d1cb91154e8e3041238",role:"note",variant:"information",id:`${d}-hint`},n))}get host(){return i(this)}};e.style=':host{display:inline-flex;outline:none;position:relative;pointer-events:auto;border:0.0625rem solid transparent;cursor:pointer;min-width:17.5rem}:host slot{display:contents}:host(:hover:not([disabled]:not([disabled=false])):not([checked]:not([checked=false]))){--r-radio-button--cursor:pointer;--r-radio-button--box--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:active:not([disabled]:not([disabled=false])):not([checked]:not([checked=false]))){--r-radio-button--box--border-color:var(--r-border-regular, #282828);--r-radio-button--box--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host(:focus-within),:host(.focused){--r-radio-button--box--box-shadow:0 0 0 4px var(--r-border-focused-outlined, #fff);--r-radio-button--box--outline:2px solid var(--r-border-focused, #0071e3);--r-radio-button--box--outline-offset:1px}:host([checked]:not([checked=false])),:host([checked]:not([checked=false]):hover){cursor:default;--r-radio-button--box--border-color:var(--r-border-regular, #282828);--r-radio-button--box--background-color:var(--r-background-interactive-softest, #fff);--r-radio-button--marker--transform:scale(1)}:host([invalid]:not([invalid=false])),:host([invalid]:not([invalid=false])[checked]:not([checked=false])){--r-radio-button--box--border-color:var(--r-status-error-regular, #b00c15);--r-radio-button--box--background-color:var(--r-status-error-soft, #fef6f6)}:host([disabled]:not([disabled=false])){--r-radio-button--box--opacity:0.4;cursor:not-allowed}.r-radio-button{display:var(--r-radio-button--display, flex);flex:var(--r-radio-button--flex, 1);gap:var(--r-radio-button--gap, var(--r-spacing-075, 0.75rem));position:var(--r-radio-button--position, relative);min-height:var(--r-radio-button--min-height, 24px);user-select:var(--r-radio-button--user-select, none);box-sizing:var(--r-radio-button--box-sizing, border-box);font-family:var(--r-radio-button--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-radio-button--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-radio-button--line-height, var(--r-line-height-m, 1.5rem));text-align:var(--r-radio-button--text-align, left);color:var(--r-radio-button--color, var(--r-text-regular, #282828));opacity:var(--r-radio-button--opacity, 1);box-shadow:var(--r-radio-button--box-shadow, none);outline:var(--r-radio-button--outline, none);cursor:var(--r-radio-button--cursor, inherit);padding:var(--r-radio-button--padding, var(--r-spacing-100, 1rem));margin:var(--r-radio-button--margin, 0);background-color:var(--r-radio-button--background-color, transparent);border-color:var(--r-radio-button--border-color, transparent);border-width:var(--r-radio-button--border-width, 0);border-style:var(--r-radio-button--border-style, solid)}.r-radio-button--input{position:var(--r-radio-button--input--position, absolute);z-index:var(--r-radio-button--input--z-index, -1);opacity:var(--r-radio-button--input--opacity, 0)}.r-radio-button--box{position:var(--r-radio-button--box--position, relative);display:var(--r-radio-button--box--display, block);top:var(--r-radio-button--box--top, 0);left:var(--r-radio-button--box--left, 0);width:var(--r-radio-button--box--width, 1.5rem);height:var(--r-radio-button--box--height, 1.5rem);background-color:var(--r-radio-button--box--background-color, var(--r-background-interactive-softest, #fff));border-width:var(--r-radio-button--box--border-width, 0.0625rem);border-style:var(--r-radio-button--box--border-style, solid);border-color:var(--r-radio-button--box--border-color, var(--r-border-soft, #686868));border-radius:var(--r-radio-button--box--border-radius, 50%);box-sizing:var(--r-radio-button--box--box-sizing, border-box);box-shadow:var(--r-radio-button--box--box-shadow, none);outline:var(--r-radio-button--box--outline, none);outline-offset:var(--r-radio-button--box--outline-offset, 0);cursor:var(--r-radio-button--box--cursor, inherit);opacity:var(--r-radio-button--box--opacity, 1)}.r-radio-button--box::before{content:var(--r-radio-button--marker--content, "");display:var(--r-radio-button--marker--display, block);width:var(--r-radio-button--marker--width, 0.75rem);height:var(--r-radio-button--marker--height, 0.75rem);position:var(--r-radio-button--marker--position, absolute);top:var(--r-radio-button--marker--top, calc(50% - 0.375rem));left:var(--r-radio-button--marker--left, calc(50% - 0.375rem));border-radius:var(--r-radio-button--marker--border-radius, 50%);background-color:var(--r-radio-button--marker--background-color, var(--r-background-interactive-regular, #282828));transition:var(--r-radio-button--marker--transition, 0.1s all);transform:var(--r-radio-button--marker--transform, scale(0));transform-origin:var(--r-radio-button--marker--transform-origin, center)}.r-radio-button--text{flex:var(--r-radio-button--text--flex, 1);display:var(--r-radio-button--text--display, flex);flex-direction:var(--r-radio-button--text--flex-direction, column);gap:var(--r-radio-button--text--gap, var(--r-spacing-025, 0.25rem));font-weight:var(--r-radio-button--text--font-weight, var(--r-font-weight-semibold, 600))}.r-radio-button--leading{min-height:var(--r-radio-button--leading--min-height, var(--r-spacing-150, 1.5rem));min-width:var(--r-radio-button--leading--min-width, calc(var(--r-spacing-150, 1.5rem) + 2 * var(--r-spacing-075, 0.75rem)));color:var(--r-radio-button--leading--color, var(--r-icon-soft, #686868));display:var(--r-radio-button--leading--display, flex);justify-content:var(--r-radio-button--leading--justify-content, center);align-items:var(--r-radio-button--leading--align-items, start)}';export{e as r_radio_button}

package/dist/web-components/{p-8c577cda.entry.js → p-c300c22f.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,H as r,g as n}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";const o=class{constructor(e){t(this,e),this.rChange=i(this,"rChange"),this.rValidate=i(this,"rValidate"),this.rReset=i(this,"rReset"),this.name="input-code",this.length=4,this.label="Verification code",this.tooShortMessage=`All ${this.length} characters must be filled.`,this.value="",this.values=new Array(this.length).fill(""),this.validityState="",this.validityMessage="",this.inputs=[],this.handleInput=(t,i)=>{var e;if(this.readonly)return;const r=i.target.value.slice(-1);this.values[t]=r,this.values=[...this.values],r&&t<this.length-1&&(null===(e=this.inputs[t+1])||void 0===e||e.focus()),this.rChange.emit({value:this.values.join("")})},this.handleKeyDown=(t,i)=>{var e,r,n;if(this.readonly)return;const a=i.key;"Backspace"===a&&!this.values[t]&&t>0&&(this.values[t-1]="",this.values=[...this.values],null===(e=this.inputs[t-1])||void 0===e||e.focus()),"ArrowLeft"===a&&t>0&&(null===(r=this.inputs[t-1])||void 0===r||r.focus(),this.values[t-1]&&setTimeout((()=>{var i;null===(i=this.inputs[t-1])||void 0===i||i.setSelectionRange(0,1)}),0)),"ArrowRight"===a&&t<this.length-1&&(null===(n=this.inputs[t+1])||void 0===n||n.focus(),this.values[t+1]&&setTimeout((()=>{var i;null===(i=this.inputs[t+1])||void 0===i||i.setSelectionRange(0,1)}),0))},this.createInputHandler=t=>i=>this.handleInput(t,i),this.createKeyDownHandler=t=>i=>this.handleKeyDown(t,i),this.handlePaste=async t=>{var i;if(this.readonly)return;t.preventDefault();const e=t.clipboardData.getData("text").slice(0,this.length);this.values=e.split("").concat(new Array(this.length).fill("")).slice(0,this.length),this.values=[...this.values],this.rChange.emit({value:this.values.join("")});const r=this.values.findIndex((t=>!t));null===(i=this.inputs[-1===r?this.length-1:r])||void 0===i||i.focus()},this.onHostClick=()=>{const t=this.firstEmptyInput||this.inputs[this.inputs.length-1];null==t||t.focus(),null===this.firstEmptyInput&&setTimeout((()=>{null==t||t.setSelectionRange(0,1)}),0)},this.uniqueId=`r-input-code-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.nativeElement=null,this.getValidityStateData=t=>0===t.value.length?(this.validityState="valueMissing",void(this.validityMessage=this.valueMissingMessage)):t.value.length>0&&t.value.length<this.length?(this.validityState="tooShort",void(this.validityMessage=this.tooShortMessage)):void(this.validityState="valid"),this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;this.getValidityStateData(t);const i="valid"===this.validityState;this.valid=i,this.invalid=!i,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onResetForm=async()=>{if(this.readonly)return;this.reset(),this.validityState=null,this.validityMessage=null,this.invalid=null,this.valid=null;const{host:t}=this;this.rReset.emit({element:t,value:this.values.join("")})},this.onSubmitForm=t=>{this.isNoValidate||this.disabled||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.contributeToFormData=t=>{a(this.nativeElement||this.host,t.formData)}}async getValue(){return this.values.join("")}async reset(){var t;this.readonly||(this.values=new Array(this.length).fill(""),null===(t=this.inputs[0])||void 0===t||t.focus())}async setValue(t){if(!t)return void(this.values=new Array(this.length).fill(""));const i=Array.from(t).slice(0,this.length).map((t=>String(t)));this.values=i,this.rChange.emit({value:this.values.join("")})}handleValuesChange(){this.value=this.values.join("")}get firstEmptyInput(){return this.inputs.find((t=>!t.value))||null}get message(){return this.invalid&&this.error?this.error:this.valid||"valid"===this.validityState?null:this.validityState&&"valid"!==this.validityState?this.customErrorMessage||this.validityMessage:null}get ariaDescribedBy(){const t=this.message?`${this.uniqueId}-message`:null;return this.hint?`${this.uniqueId}-hint ${t}`:t}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get isNoValidate(){var t,i;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||this.disabled||(null===(i=this.error)||void 0===i?void 0:i.length)>0||!1}connectFormEventListeners(){var t,i,e;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(e=this.parentFormEl)||void 0===e||e.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,i,e;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("submit",this.onSubmitForm),null===(e=this.parentFormEl)||void 0===e||e.removeEventListener("reset",this.onResetForm)}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}get hasMessage(){return!!this.message}get groupDescribedby(){const{uniqueId:t,hint:i,hasMessage:e}=this;return e&&i?`${t}-message ${t}-hint`:e?`${t}-message`:i?`${t}-hint`:null}get hasTrailingSlot(){return!!this.host.querySelector('[slot="trailing"]')}componentWillLoad(){this.setValue(this.value)}render(){const{form:t,name:i,novalidate:n,required:a,disabled:o,label:s,fieldIndicator:d,hint:l,uniqueId:c,valid:h,readonly:u}=this,p={id:c,readonly:u,form:t,name:i,novalidate:n,required:a,disabled:o,"aria-describedby":this.ariaDescribedBy,minlength:this.length,maxlength:this.length};return e(r,{key:"7c77442f0a5b39e6baca0e0a19b07e5c28388267",value:this.value,onClick:this.onHostClick},e("div",{key:"e9d80a3cbb3f8afcbfce17da69bbe881112307c5",class:"r-input-code--label-container"},e("label",{key:"dfdc795d969466e71d82492dd142773fbad93f6b",htmlFor:c},s?e("r-label",Object.assign({},s?{id:`${c}-label`,fieldIndicator:d}:{}),s):e("slot",{name:"label"})),e("slot",{key:"f68f02578abd8be8fceea4bdaf1af657f07f5327",name:"popover"})),l&&e("r-hint",{key:"784b4a072ee504c99873d8e7744c1c055cbdd52a",id:`${c}-hint`,role:"note"},l),e("div",{key:"b9b458b9b18859132145848135118aacf6c43ab2",class:"r-input-code--container",role:"group","aria-labelledby":`${c}-label`,"aria-describedby":this.groupDescribedby},e("slot",{key:"34d0391987a526d9672ff457fbfd34c153099dbc",name:"leading"}),Array.from({length:this.length}).map(((t,i)=>e("input",{class:"r-input-code--input",key:i,id:`${c}-input-section-${i}`,"aria-label":`${this.ariaCharacterLabel||"Character"}: ${i+1}`,"aria-invalid":`${this.invalid||!1}`,value:this.values[i],ref:t=>this.inputs[i]=t,maxlength:1,disabled:this.disabled,required:this.required,readonly:u,onInput:this.createInputHandler(i),onKeyDown:this.createKeyDownHandler(i),onPaste:this.handlePaste}))),e("input",Object.assign({key:"029bcca9a6907090058ea65de36cc3aea106ad25",type:"hidden"},p,{value:this.values.join(""),ref:t=>this.nativeElement=t})),e("div",{key:"a91256c17340a75fe1e5a7942c9ede1089bd477c",class:"r-input-code--trailing"},this.readonly&&e("r-icon",{key:"28df1a0823e8b6c94a26fe8dac6838d663da26b7",class:"r-input-code--readonly-icon",name:"pen-disabled",size:"s"}),this.hasTrailingSlot&&e("slot",{key:"13dee654a15b7104fbe66408ba6c0a8d4b839a2c",name:"trailing"},h&&e("r-icon",{key:"85f0413d86b7366229fe07af87a7bdd5368f8a22",name:"circled-check",size:"s",color:"var(--r-status-success-regular)"})))),e("slot",{key:"cf9e23001dec5216a2c35144b9282dee25d5fe50",name:"message"},this.hasMessage&&e("r-hint",{key:"0c642fbeef09ec9c5ce1e2a6272bb27160be05c0","aria-live":"polite",id:`${c}-message`,variant:"error"},this.message)))}get host(){return n(this)}static get watchers(){return{values:["handleValuesChange"]}}};o.style=":host{display:inline-flex;flex-direction:column;vertical-align:top;--r-label--margin-bottom:0}:host slot{display:contents}:host slot[name=trailing]{display:flex;margin-left:auto}:host([readonly]:not([readonly=false])){--r-input-code--container--background-color:var(--r-background-soft, #f3f1f0);--r-input-code--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-input-code--container--cursor:text}:host(:hover:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input-code--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:focus-within:not([disabled]:not([disabled=false]))){--r-input-code--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-input-code--container--outline:2px solid var(--r-border-focused);--r-input-code--container--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input-code--container--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([full-width]:not([full-width=false])){display:flex}:host([disabled]:not([disabled=false])){cursor:not-allowed;--r-input-code--container--opacity:0.4;--r-input-code--container--cursor:not-allowed;--r-input-code--container--pointer-events:none;--r-input-code--container--background-color:transparent}:host([invalid]:not([invalid=false])){--r-input-code--container--border-color:var(--r-status-error-regular, #da1e28);--r-input-code--container--background-color:var(--r-status-error-soft, #fef6f6)}.r-input-code--label-container{display:var(--r-input-code--label-container--display, flex);gap:var(--r-input-code--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-input-code--label-container--align-items, center);justify-content:var(--r-input-code--label-container--align-items, space-between)}.r-input-code--label-container ::slotted([slot=popover]){display:var(--r-input-code--popover--display, inline-flex);height:var(--r-input-code--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-input-code--popover--align-items, center);justify-content:var(--r-input-code--popover--justify-content, center);margin-right:var(--r-input-code--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-input-code--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-input-code--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-input-code--container{position:var(--r-input-code--container--position, relative);display:var(--r-input-code--container--display, flex);align-items:var(--r-input-code--container--align-items, center);gap:var(--r-input-code--container--gap, 0.625em);height:var(--r-input-code--container--height, var(--r-spacing-275, 2.75rem));background-color:var(--r-input-code--container--background-color, var(--r-background-softest, #fff));border-width:var(--r-input-code--container--border-width, 1px);border-style:var(--r-input-code--container--border-style, solid);border-color:var(--r-input-code--container--border-color, var(--r-border-soft, #686868));box-sizing:var(--r-input-code--container--box-sizing, border-box);box-shadow:var(--r-input-code--container--box-shadow, none);outline:var(--r-input-code--container--outline, none);outline-offset:var(--r-input-code--container--outline-offset, 0);padding-top:var(--r-input-code--container--padding-top, 0.8em);padding-right:var(--r-input-code--container--padding-right, 0.7em);padding-bottom:var(--r-input-code--container--padding-bottom, 0.8em);padding-left:var(--r-input-code--container--padding-left, 0.7em);opacity:var(--r-input-code--container--opacity, 1);pointer-events:var(--r-input-code--container--pointer-events, auto);line-height:var(--r-input-code--container--line-height, 1);cursor:var(--r-input-code--container--cursor, inherit);margin-top:var(--r-input-code--container--margin-top, var(--r-spacing-025, 0.25rem));margin-bottom:var(--r-input-code--container--margin-bottom, var(--r-spacing-025, 0.25rem))}.r-input-code--input{width:var(--r-input-code--input--width, 0.725rem);outline:var(--r-input-code--input--outline, none);font-size:var(--r-input-code--input--font-size, 1rem);text-align:var(--r-input-code--input--text-align, center);background-color:var(--r-input-code--input--background-color, transparent);border-width:var(--r-input-code--input--border-width, 0 0 1px 0);border-style:var(--r-input-code--input--border-style, solid);border-color:var(--r-input-code--input--border-color, var(--r-text-soft))}.r-input-code--trailing{display:var(--r-input-code--trailing--display, flex);margin-left:var(--r-input-code--trailing--margin-left, auto);align-items:var(--r-input-code--trailing--align-items, center);gap:var(--r-input-code--trailing--gap, 0.625rem)}.r-input-code--readonly-icon{color:var(--r-input-code--readonly-icon--color, var(--r-icon-soft, #686868))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";export{o as r_input_code}
+import{r as t,c as i,h as e,H as r,g as n}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";const o=class{constructor(e){t(this,e),this.rChange=i(this,"rChange"),this.rValidate=i(this,"rValidate"),this.rReset=i(this,"rReset"),this.name="input-code",this.length=4,this.label="Verification code",this.tooShortMessage=`All ${this.length} characters must be filled.`,this.value="",this.values=new Array(this.length).fill(""),this.validityState="",this.validityMessage="",this.inputs=[],this.handleInput=(t,i)=>{var e;if(this.readonly)return;const r=i.target.value.slice(-1);this.values[t]=r,this.values=[...this.values],r&&t<this.length-1&&(null===(e=this.inputs[t+1])||void 0===e||e.focus()),this.rChange.emit({value:this.values.join("")})},this.handleKeyDown=(t,i)=>{var e,r,n;if(this.readonly)return;const a=i.key;"Backspace"===a&&!this.values[t]&&t>0&&(this.values[t-1]="",this.values=[...this.values],null===(e=this.inputs[t-1])||void 0===e||e.focus()),"ArrowLeft"===a&&t>0&&(null===(r=this.inputs[t-1])||void 0===r||r.focus(),this.values[t-1]&&setTimeout((()=>{var i;null===(i=this.inputs[t-1])||void 0===i||i.setSelectionRange(0,1)}),0)),"ArrowRight"===a&&t<this.length-1&&(null===(n=this.inputs[t+1])||void 0===n||n.focus(),this.values[t+1]&&setTimeout((()=>{var i;null===(i=this.inputs[t+1])||void 0===i||i.setSelectionRange(0,1)}),0))},this.createInputHandler=t=>i=>this.handleInput(t,i),this.createKeyDownHandler=t=>i=>this.handleKeyDown(t,i),this.handlePaste=async t=>{var i;if(this.readonly)return;t.preventDefault();const e=t.clipboardData.getData("text").slice(0,this.length);this.values=e.split("").concat(new Array(this.length).fill("")).slice(0,this.length),this.values=[...this.values],this.rChange.emit({value:this.values.join("")});const r=this.values.findIndex((t=>!t));null===(i=this.inputs[-1===r?this.length-1:r])||void 0===i||i.focus()},this.onHostClick=()=>{const t=this.firstEmptyInput||this.inputs[this.inputs.length-1];null==t||t.focus(),null===this.firstEmptyInput&&setTimeout((()=>{null==t||t.setSelectionRange(0,1)}),0)},this.uniqueId=`r-input-code-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.nativeElement=null,this.getValidityStateData=t=>0===t.value.length?(this.validityState="valueMissing",void(this.validityMessage=this.valueMissingMessage)):t.value.length>0&&t.value.length<this.length?(this.validityState="tooShort",void(this.validityMessage=this.tooShortMessage)):void(this.validityState="valid"),this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;this.getValidityStateData(t);const i="valid"===this.validityState;this.valid=i,this.invalid=!i,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onResetForm=async()=>{if(this.readonly)return;this.reset(),this.validityState=null,this.validityMessage=null,this.invalid=null,this.valid=null;const{host:t}=this;this.rReset.emit({element:t,value:this.values.join("")})},this.onSubmitForm=t=>{this.isNoValidate||this.disabled||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.contributeToFormData=t=>{a(this.nativeElement||this.host,t.formData)}}async getValue(){return this.values.join("")}async reset(){var t;this.readonly||(this.values=new Array(this.length).fill(""),null===(t=this.inputs[0])||void 0===t||t.focus())}async setValue(t){if(!t)return void(this.values=new Array(this.length).fill(""));const i=Array.from(t).slice(0,this.length).map((t=>String(t)));this.values=i,this.rChange.emit({value:this.values.join("")})}handleValuesChange(){this.value=this.values.join("")}get firstEmptyInput(){return this.inputs.find((t=>!t.value))||null}get message(){return this.invalid&&this.error?this.error:this.valid||"valid"===this.validityState?null:this.validityState&&"valid"!==this.validityState?this.customErrorMessage||this.validityMessage:null}get ariaDescribedBy(){const t=this.message?`${this.uniqueId}-message`:null;return this.hint?`${this.uniqueId}-hint ${t}`:t}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get isNoValidate(){var t,i;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||this.disabled||(null===(i=this.error)||void 0===i?void 0:i.length)>0||!1}connectFormEventListeners(){var t,i,e;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(e=this.parentFormEl)||void 0===e||e.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,i,e;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("submit",this.onSubmitForm),null===(e=this.parentFormEl)||void 0===e||e.removeEventListener("reset",this.onResetForm)}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}get hasMessage(){return!!this.message}get groupDescribedby(){const{uniqueId:t,hint:i,hasMessage:e}=this;return e&&i?`${t}-message ${t}-hint`:e?`${t}-message`:i?`${t}-hint`:null}get hasTrailingSlot(){return!!this.host.querySelector('[slot="trailing"]')}componentWillLoad(){this.setValue(this.value)}render(){const{form:t,name:i,novalidate:n,required:a,disabled:o,label:s,fieldIndicator:d,hint:l,uniqueId:c,valid:h,readonly:u}=this,p={id:c,readonly:u,form:t,name:i,novalidate:n,required:a,disabled:o,"aria-describedby":this.ariaDescribedBy,minlength:this.length,maxlength:this.length};return e(r,{key:"7c77442f0a5b39e6baca0e0a19b07e5c28388267",value:this.value,onClick:this.onHostClick},e("div",{key:"e9d80a3cbb3f8afcbfce17da69bbe881112307c5",class:"r-input-code--label-container"},e("label",{key:"dfdc795d969466e71d82492dd142773fbad93f6b",htmlFor:c},s?e("r-label",Object.assign({},s?{id:`${c}-label`,fieldIndicator:d}:{}),s):e("slot",{name:"label"})),e("slot",{key:"f68f02578abd8be8fceea4bdaf1af657f07f5327",name:"popover"})),l&&e("r-hint",{key:"784b4a072ee504c99873d8e7744c1c055cbdd52a",id:`${c}-hint`,role:"note"},l),e("div",{key:"b9b458b9b18859132145848135118aacf6c43ab2",class:"r-input-code--container",role:"group","aria-labelledby":`${c}-label`,"aria-describedby":this.groupDescribedby},e("slot",{key:"34d0391987a526d9672ff457fbfd34c153099dbc",name:"leading"}),Array.from({length:this.length}).map(((t,i)=>e("input",{class:"r-input-code--input",key:i,id:`${c}-input-section-${i}`,"aria-label":`${this.ariaCharacterLabel||"Character"}: ${i+1}`,"aria-invalid":`${this.invalid||!1}`,value:this.values[i],ref:t=>this.inputs[i]=t,maxlength:1,disabled:this.disabled,required:this.required,readonly:u,onInput:this.createInputHandler(i),onKeyDown:this.createKeyDownHandler(i),onPaste:this.handlePaste}))),e("input",Object.assign({key:"029bcca9a6907090058ea65de36cc3aea106ad25",type:"hidden"},p,{value:this.values.join(""),ref:t=>this.nativeElement=t})),e("div",{key:"a91256c17340a75fe1e5a7942c9ede1089bd477c",class:"r-input-code--trailing"},this.readonly&&e("r-icon",{key:"28df1a0823e8b6c94a26fe8dac6838d663da26b7",class:"r-input-code--readonly-icon",name:"pen-disabled",size:"s"}),this.hasTrailingSlot&&e("slot",{key:"13dee654a15b7104fbe66408ba6c0a8d4b839a2c",name:"trailing"},h&&e("r-icon",{key:"85f0413d86b7366229fe07af87a7bdd5368f8a22",name:"circled-check",size:"s",color:"var(--r-status-success-regular)"})))),e("slot",{key:"cf9e23001dec5216a2c35144b9282dee25d5fe50",name:"message"},this.hasMessage&&e("r-hint",{key:"0c642fbeef09ec9c5ce1e2a6272bb27160be05c0","aria-live":"polite",id:`${c}-message`,variant:"error"},this.message)))}get host(){return n(this)}static get watchers(){return{values:["handleValuesChange"]}}};o.style=":host{display:inline-flex;flex-direction:column;vertical-align:top;--r-label--margin-bottom:0}:host slot{display:contents}:host slot[name=trailing]{display:flex;margin-left:auto}:host([readonly]:not([readonly=false])){--r-input-code--container--background-color:var(--r-background-soft, #f3f1f0);--r-input-code--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-input-code--container--cursor:text}:host(:hover:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input-code--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:focus-within:not([disabled]:not([disabled=false]))){--r-input-code--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-input-code--container--outline:2px solid var(--r-border-focused);--r-input-code--container--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input-code--container--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([full-width]:not([full-width=false])){display:flex}:host([disabled]:not([disabled=false])){cursor:not-allowed;--r-input-code--container--opacity:0.4;--r-input-code--container--cursor:not-allowed;--r-input-code--container--pointer-events:none;--r-input-code--container--background-color:transparent}:host([invalid]:not([invalid=false])){--r-input-code--container--border-color:var(--r-status-error-regular, #b00c15);--r-input-code--container--background-color:var(--r-status-error-soft, #fef6f6)}.r-input-code--label-container{display:var(--r-input-code--label-container--display, flex);gap:var(--r-input-code--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-input-code--label-container--align-items, center);justify-content:var(--r-input-code--label-container--align-items, space-between)}.r-input-code--label-container ::slotted([slot=popover]){display:var(--r-input-code--popover--display, inline-flex);height:var(--r-input-code--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-input-code--popover--align-items, center);justify-content:var(--r-input-code--popover--justify-content, center);margin-right:var(--r-input-code--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-input-code--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-input-code--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-input-code--container{position:var(--r-input-code--container--position, relative);display:var(--r-input-code--container--display, flex);align-items:var(--r-input-code--container--align-items, center);gap:var(--r-input-code--container--gap, 0.625em);height:var(--r-input-code--container--height, var(--r-spacing-275, 2.75rem));background-color:var(--r-input-code--container--background-color, var(--r-background-softest, #fff));border-width:var(--r-input-code--container--border-width, 1px);border-style:var(--r-input-code--container--border-style, solid);border-color:var(--r-input-code--container--border-color, var(--r-border-soft, #686868));box-sizing:var(--r-input-code--container--box-sizing, border-box);box-shadow:var(--r-input-code--container--box-shadow, none);outline:var(--r-input-code--container--outline, none);outline-offset:var(--r-input-code--container--outline-offset, 0);padding-top:var(--r-input-code--container--padding-top, 0.8em);padding-right:var(--r-input-code--container--padding-right, 0.7em);padding-bottom:var(--r-input-code--container--padding-bottom, 0.8em);padding-left:var(--r-input-code--container--padding-left, 0.7em);opacity:var(--r-input-code--container--opacity, 1);pointer-events:var(--r-input-code--container--pointer-events, auto);line-height:var(--r-input-code--container--line-height, 1);cursor:var(--r-input-code--container--cursor, inherit);margin-top:var(--r-input-code--container--margin-top, var(--r-spacing-025, 0.25rem));margin-bottom:var(--r-input-code--container--margin-bottom, var(--r-spacing-025, 0.25rem))}.r-input-code--input{width:var(--r-input-code--input--width, 0.725rem);outline:var(--r-input-code--input--outline, none);font-size:var(--r-input-code--input--font-size, 1rem);text-align:var(--r-input-code--input--text-align, center);background-color:var(--r-input-code--input--background-color, transparent);border-width:var(--r-input-code--input--border-width, 0 0 1px 0);border-style:var(--r-input-code--input--border-style, solid);border-color:var(--r-input-code--input--border-color, var(--r-text-soft))}.r-input-code--trailing{display:var(--r-input-code--trailing--display, flex);margin-left:var(--r-input-code--trailing--margin-left, auto);align-items:var(--r-input-code--trailing--align-items, center);gap:var(--r-input-code--trailing--gap, 0.625rem)}.r-input-code--readonly-icon{color:var(--r-input-code--readonly-icon--color, var(--r-icon-soft, #686868))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";export{o as r_input_code}

package/dist/web-components/{p-f1e22caa.entry.js → p-d1379ac6.entry.js}

@@ -1 +1 @@
-import{r,h as a,H as e}from"./p-Da7qOBFr.js";const o=class{constructor(a){r(this,a),this.iconVisible=!1}get iconName(){switch(this.variant){case"information":default:return"circled-information-i";case"success":return"circled-check";case"warning":return"triangle-with-exclamation-mark";case"error":return"circled-exclamation-mark"}}render(){const{variant:r,iconVisible:o,iconAriaLabel:t}=this;return a(e,Object.assign({key:"73206915b750bff058e10baa6b725f763ce9c4cc"},{variant:r}),a("div",{key:"cd108d117bfd02dbddf34f026aabee07dcf9a709",class:"r-badge"},o&&a("slot",{key:"8c171f451c87943a2e079eee5dc0b41da0ef0c2b",name:"icon"},a("r-icon",{key:"a9fdeb7b0685cd9f76916818bd6ea5fd320cb657",size:"s",name:this.iconName,iconAriaLabel:t})),a("slot",{key:"507b120621c22339e988216713197f22ab7bf6f8"})))}};o.style=":host([variant=information]){--r-badge--icon--color:var(--r-status-info-regular, #466882);--r-badge--border-color:var(--r-status-info-regular, #466882);--r-badge--background-color:var(--r-status-info-soft, #f8fafb)}:host([variant=success]){--r-badge--icon--color:var(--r-status-success-regular, #298535);--r-badge--border-color:var(--r-status-success-regular, #298535);--r-badge--background-color:var(--r-status-success-soft, #f7fdf8)}:host([variant=warning]){--r-badge--icon--color:var(--r-status-warning-regular, #f26a20);--r-badge--border-color:var(--r-status-warning-regular, #f26a20);--r-badge--background-color:var(--r-status-warning-soft, #fef9f5)}:host([variant=error]){--r-badge--icon--color:var(--r-status-error-regular, #da1e28);--r-badge--border-color:var(--r-status-error-regular, #da1e28);--r-badge--background-color:var(--r-status-error-soft, #fef6f6)}:host{display:var(--display, inline-flex);line-height:var(--line-height, var(--r-line-height-s, 1.2))}.r-badge{display:var(--r-badge--display, inline-flex);justify-content:var(--r-badge--justify-content, center);align-items:var(--r-badge--align-items, center);gap:var(--r-badge--gap, var(--r-spacing-025, 0.25rem));padding:var(--r-badge--padding, 0.05rem 0.5rem);margin:var(--r-badge--margin, 0);color:var(--r-badge--text--color, var(--r-text-regular, #282828));border-width:var(--r-badge--border-width, 1.2px);border-style:var(--r-badge--border-style, solid);border-color:var(--r-badge--border-color, var(--r-status-info-regular, #466882));border-radius:var(--r-badge--border-radius, var(--r-spacing-150, 1.5rem));background-color:var(--r-badge--background-color, var(--r-status-info-soft, #f8fafb));box-sizing:var(--r-badge--box-sizing, border-box);font-family:var(--r-badge--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-badge--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-badge--font-size, var(--r-font-size-300, 0.875rem));line-height:var(--r-badge--line-height, var(--r-line-height-m, 1.5));text-transform:var(--r-badge--text-transform, none)}.r-badge slot[name=icon]{color:var(--r-badge--icon--color, var(--r-status-info-regular, #466882))}";export{o as r_badge}
+import{r,h as a,H as e}from"./p-Da7qOBFr.js";const o=class{constructor(a){r(this,a),this.iconVisible=!1}get iconName(){switch(this.variant){case"information":default:return"circled-information-i";case"success":return"circled-check";case"warning":return"triangle-with-exclamation-mark";case"error":return"circled-exclamation-mark"}}render(){const{variant:r,iconVisible:o,iconAriaLabel:t}=this;return a(e,Object.assign({key:"73206915b750bff058e10baa6b725f763ce9c4cc"},{variant:r}),a("div",{key:"cd108d117bfd02dbddf34f026aabee07dcf9a709",class:"r-badge"},o&&a("slot",{key:"8c171f451c87943a2e079eee5dc0b41da0ef0c2b",name:"icon"},a("r-icon",{key:"a9fdeb7b0685cd9f76916818bd6ea5fd320cb657",size:"s",name:this.iconName,iconAriaLabel:t})),a("slot",{key:"507b120621c22339e988216713197f22ab7bf6f8"})))}};o.style=":host([variant=information]){--r-badge--icon--color:var(--r-status-info-regular, #3e5c73);--r-badge--border-color:var(--r-status-info-regular, #3e5c73);--r-badge--background-color:var(--r-status-info-soft, #f8fafb)}:host([variant=success]){--r-badge--icon--color:var(--r-status-success-regular, #298535);--r-badge--border-color:var(--r-status-success-regular, #298535);--r-badge--background-color:var(--r-status-success-soft, #f7fdf8)}:host([variant=warning]){--r-badge--icon--color:var(--r-status-warning-regular, #ff7429);--r-badge--border-color:var(--r-status-warning-regular, #ff7429);--r-badge--background-color:var(--r-status-warning-soft, #fef9f5)}:host([variant=error]){--r-badge--icon--color:var(--r-status-error-regular, #b00c15);--r-badge--border-color:var(--r-status-error-regular, #b00c15);--r-badge--background-color:var(--r-status-error-soft, #fef6f6)}:host{display:var(--display, inline-flex);line-height:var(--line-height, var(--r-line-height-s, 1.2))}.r-badge{display:var(--r-badge--display, inline-flex);justify-content:var(--r-badge--justify-content, center);align-items:var(--r-badge--align-items, center);gap:var(--r-badge--gap, var(--r-spacing-025, 0.25rem));padding:var(--r-badge--padding, 0.05rem 0.5rem);margin:var(--r-badge--margin, 0);color:var(--r-badge--text--color, var(--r-text-regular, #282828));border-width:var(--r-badge--border-width, 1.2px);border-style:var(--r-badge--border-style, solid);border-color:var(--r-badge--border-color, var(--r-status-info-regular, #3e5c73));border-radius:var(--r-badge--border-radius, var(--r-spacing-150, 1.5rem));background-color:var(--r-badge--background-color, var(--r-status-info-soft, #f8fafb));box-sizing:var(--r-badge--box-sizing, border-box);font-family:var(--r-badge--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-badge--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-badge--font-size, var(--r-font-size-300, 0.875rem));line-height:var(--r-badge--line-height, var(--r-line-height-m, 1.5));text-transform:var(--r-badge--text-transform, none)}.r-badge slot[name=icon]{color:var(--r-badge--icon--color, var(--r-status-info-regular, #3e5c73))}";export{o as r_badge}

package/dist/web-components/{p-c09a863b.entry.js → p-d93c240d.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as r,H as n,g as e}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";const o=class{constructor(r){t(this,r),this.rClickIcon=i(this,"rClickIcon"),this.rValidate=i(this,"rValidate"),this.rInput=i(this,"rInput"),this.rBlur=i(this,"rBlur"),this.rFocus=i(this,"rFocus"),this.rChange=i(this,"rChange"),this.rReset=i(this,"rReset"),this.type="text",this.value="",this.iconPosition="start",this.validMarker=!1,this.validMarkerIcon="circled-check",this.validityState="",this.validityMessage="",this.nativeElement=null,this.uniqueId=`r-input-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.initial={},this.getValidityStateData=t=>{for(const i in t.validity)if(t.validity[i]){if(this.validityState=i,this[i+"Message"])return void(this.validityMessage=this[i+"Message"]);this.validityMessage=t.validationMessage}},this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;"email"===this.type&&this.pattern?(t.setCustomValidity(""),this.validityState=this.validEmailPattern?"valid":"patternMismatch",this.validityMessage=this.validEmailPattern?"":this.patternMismatchMessage):this.getValidityStateData(t);const i="valid"===this.validityState;this.valid=i,this.invalid=!i,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onInput=t=>{if(this.readonly)return;this.value=t.target.value;const{host:i,value:r}=this;this.rInput.emit({element:i,value:r})},this.onChange=t=>{this.readonly||(this.value=t.target.value)},this.onBlur=()=>{this.host.classList.remove("focused"),this.validateFormElement(this.nativeElement),this.rBlur.emit()},this.onFocus=()=>{this.host.classList.add("focused"),this.rFocus.emit()},this.contributeToFormData=t=>{a(this.nativeElement||this.host,t.formData)},this.onResetForm=()=>{if(this.readonly)return;this.validityState=null,this.validityMessage=null,this.setValue(this.initial.value),this.invalid=this.initial.invalid,this.valid=!this.invalid;const{host:t,value:i}=this;this.rReset.emit({element:t,value:i})},this.onSubmitForm=t=>{this.isNoValidate||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.handleKeyup=t=>{var i,r;if(this.validateFormElement(this.nativeElement),(!this.invalid||this.isNoValidate)&&"Enter"===t.code){const t=this.host.querySelector('[type="submit"]')||(null===(i=this.parentFormEl)||void 0===i?void 0:i.querySelector('[type="submit"]'));t&&"triggerClick"in t?null==t||t.triggerClick():null===(r=this.parentFormEl)||void 0===r||r.requestSubmit()}},this.handleClick=()=>{this.host.shadowRoot.querySelector("input").focus()}}async setFocus(){var t;null===(t=this.nativeElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.nativeElement)||void 0===t||t.blur()}async select(){var t;null===(t=this.nativeElement)||void 0===t||t.select()}async getSelectionStart(){var t,i;return null!==(i=null===(t=this.nativeElement)||void 0===t?void 0:t.selectionStart)&&void 0!==i?i:null}async getSelectionEnd(){var t,i;return null!==(i=null===(t=this.nativeElement)||void 0===t?void 0:t.selectionEnd)&&void 0!==i?i:null}async setSelectionRange(t,i,r="none"){this.nativeElement&&this.nativeElement.setSelectionRange(t,i,r)}async getValue(){var t;return(null===(t=this.nativeElement)||void 0===t?void 0:t.value)||""}async setValue(t){this.nativeElement.value=t,this.validateFormElement(this.nativeElement)}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get ariaDescribedBy(){const t=`${this.uniqueId}-message`;return this.hint?`${this.uniqueId}-hint ${t}`:t}get hasError(){var t;return this.invalid&&!!(null===(t=this.error)||void 0===t?void 0:t.length)}get hasValidationError(){return("valid"!==this.validityState||this.invalid)&&!(!this.validityMessage&&!this.customErrorMessage)}get hasValidationSuccess(){return("valid"===this.validityState||this.valid)&&!!this.validMessage&&this.showValid}get hasMessage(){return this.hasError||this.hasValidationError||this.hasValidationSuccess}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!1}get hasTrailingSlot(){return!!this.host.querySelector('[slot="trailing"]')}get validEmailPattern(){return new RegExp(this.pattern,"u").test(this.value)}componentWillLoad(){this.initial.value=this.value,this.initial.invalid=this.invalid}connectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(r=this.parentFormEl)||void 0===r||r.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("submit",this.onSubmitForm),null===(r=this.parentFormEl)||void 0===r||r.removeEventListener("reset",this.onResetForm)}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}handleValueChange(){this.validateFormElement(this.nativeElement);const{host:t,value:i}=this;this.rChange.emit({element:t,value:i})}render(){const{name:t,placeholder:i,required:e,fieldIndicator:a,maxlength:o,minlength:s,min:l,max:u,value:p,disabled:h,form:c,pattern:d,invalid:v,valid:g,validMarker:m,hint:b,label:f,internal:y,tooltip:x,tooltipIcon:k,tooltipIconColor:w,uniqueId:C,autocomplete:F,readonly:D}=this,E={disabled:h,readonly:D,required:e,label:f,name:t,placeholder:i,maxlength:o,minlength:s,min:l,max:u,form:c,pattern:d,autocomplete:F,id:C,"data-value":p,"aria-placeholder":i,"aria-invalid":`${v||!1}`,"aria-required":`${e||!1}`,"aria-describedby":this.ariaDescribedBy},$=f?Object.assign({id:`${C}-label`,fieldIndicator:a},x&&!h?{tooltip:x,"tooltip-icon":k,"tooltip-icon-color":w}:{}):{},z=Object.entries(this).reduce(((t,[i,r])=>("function"==typeof r&&i.startsWith("on")&&(t[i]=r),t)),{});return r(n,{onClick:this.handleClick,onKeyup:this.handleKeyup},r("div",{class:y?"visually-hidden":"r-input--label-container"},r("label",{htmlFor:C},f?r("r-label",Object.assign({class:"r-input--label"},$),f):r("slot",{name:"label"})),r("slot",{name:"popover"})),b&&r("r-hint",{id:`${C}-hint`,role:"note"},b),r("div",{class:"r-input--container"},r("slot",{name:"leading"}),r("input",Object.assign({class:"r-input--input",type:this.type},E,z,{ref:t=>this.nativeElement=t,value:this.value,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onFocus:this.onFocus})),r("div",{class:"r-input--trailing"},this.readonly&&r("r-icon",{class:"r-input--readonly-icon",name:"pen-disabled",size:"s"}),m&&(g||v)?r("r-icon",{class:"r-input--validation-icon","aria-hidden":!0,size:"s",name:v?"circled-exclamation-mark":"circled-check",color:v?"--r-status-error-regular":"--r-status-success-regular"}):null,this.hasTrailingSlot&&r("slot",{name:"trailing"}))),r("div",{id:`${C}-message`,"aria-live":y?null:"polite",class:y?"visually-hidden":"r-input--message"},r("slot",{name:"message"},this.hasMessage&&r("r-hint",{variant:g?"success":"error"},this.hasError&&this.error,this.hasValidationError&&(this.customErrorMessage||this.validityMessage),this.hasValidationSuccess&&this.validMessage))))}get host(){return e(this)}static get watchers(){return{value:["handleValueChange"]}}};o.style=':host{display:inline-flex;flex-direction:column;vertical-align:top;--r-label--margin-bottom:0}:host slot{display:contents}:host([readonly]:not([readonly=false])){--r-input--container--background-color:var(--r-background-soft, #f3f1f0);--r-input--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-input--container--cursor:text}:host(:hover:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(.focused){--r-input--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-input--container--outline:2px solid var(--r-border-focused);--r-input--container--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input--container--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([expanded]:not([expanded=false])),:host([full-width]:not([full-width=false])){display:block}:host([disabled]:not([disabled=false])){--r-input--container--opacity:0.4;--r-input--container--cursor:not-allowed;--r-input--container--pointer-events:none;--r-input--container--background-color:transparent}:host([invalid]:not([invalid=false])){--r-input--container--border-color:var(--r-status-error-regular, #da1e28);--r-input--container--background-color:var(--r-status-error-soft, #fef6f6)}.r-input{display:var(--r-input--display, flex);flex:var(--r-input--flex, 1);flex-direction:var(--r-input--flex-direction, column);width:var(--r-input--width, auto);font-family:var(--r-input--font-family, system-ui);position:var(--r-input--position, relative);border-radius:var(--r-input--border-radius, 0);cursor:var(--r-input--cursor, inherit)}.r-input--label-container{display:var(--r-input--label-container--display, flex);gap:var(--r-input--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-input--label-container--align-items, center);justify-content:var(--r-input--label-container--align-items, space-between)}.r-input--label-container ::slotted([slot=popover]){display:var(--r-input--popover--display, inline-flex);height:var(--r-input--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-input--popover--align-items, center);justify-content:var(--r-input--popover--justify-content, center);margin-right:var(--r-input--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-input--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-input--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-input--label{cursor:var(--r-input--label--cursor, inherit)}.r-input--input{font-family:var(--r-input--input--font-family, system-ui);font-size:var(--r-input--input--font-size, 1em);width:var(--r-input--input--width, 100%);max-width:var(--r-input--input--max-width, 100%);height:var(--r-input--input--height, var(--r-spacing-275, 2.75rem));border-radius:var(--r-input--input--border-radius, 0);border:var(--r-input--input--border, none);color:var(--r-input--input--color, var(--r-text-regular, #282828));background-color:var(--r-input--input--background-color, none);appearance:var(--r-input--input--appearance, none);box-sizing:var(--r-input--input--box-sizing, border-box);outline:var(--r-input--input--outline, none);cursor:var(--r-input--input--cursor, inherit);pointer-events:var(--r-input--input--pointer-events, auto)}.r-input--input:autofill,.r-input--input:-webkit-autofill{-webkit-background-clip:text !important}.r-input--input::-ms-reveal{display:var(--r-input--input--ms-reveal--display, none)}.r-input--input::placeholder{color:var(--r-input--input--placeholder--color, var(--r-text-soft, #686868))}.r-input--input[type=search]::-webkit-search-cancel-button{cursor:var(--r-input--input-clear--cursor, pointer);display:var(--r-input--input-clear--display, block);height:var(--r-input--input-clear--height, 0.875rem);width:var(--r-input--input-clear--width, 0.875rem);appearance:var(--r-input--input-clear--appearance, none);background-repeat:var(--r-input--input-clear--background-repeat, no-repeat);background-image:var(--r-input--input-clear--background-image, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke-width%3D%221.5%22%20viewBox%3D%220.75%200.75%2022.5%2022.5%22%3E%3Cpath%20id%3D%22Vector%202269%22%20stroke%3D%22currentColor%22%20d%3D%22M1.5%201.5L22.5%2022.5%22%2F%3E%3Cpath%20id%3D%22Vector%202270%22%20stroke%3D%22currentColor%22%20d%3D%22M22.5%201.5L1.5%2022.5%22%2F%3E%3C%2Fsvg%3E"));background-size:var(--r-input--input-clear--background-size, contain);margin-inline:var(--r-input--input-clear--margin-inline, 0);color:currentColor}.r-input--button{position:var(--r-input--icon-button--position, absolute);width:var(--r-input--icon-button--width, calc(1.125em + var(--r-input--icon--width)));height:var(--r-input--icon-button--height, 100%);top:var(--r-input--icon-button--top, 0);right:var(--r-input--icon-button--right, auto);bottom:var(--r-input--icon-button--bottom, auto);left:var(--r-input--icon-button--left, 0);cursor:var(--r-input--icon-button--cursor, inherit)}.r-input--container{position:var(--r-input--container--position, relative);display:var(--r-input--container--display, flex);align-items:var(--r-input--container--align-items, center);gap:var(--r-input--container--gap, 0.625rem);height:var(--r-input--container--height, var(--r-spacing-275, 2.75rem));background-color:var(--r-input--container--background-color, var(--r-background-softest, #fff));border-width:var(--r-input--container--border-width, 1px);border-style:var(--r-input--container--border-style, solid);border-color:var(--r-input--container--border-color, var(--r-border-soft, #686868));box-sizing:var(--r-input--container--box-sizing, border-box);box-shadow:var(--r-input--container--box-shadow, none);outline:var(--r-input--container--outline, none);outline-offset:var(--r-input--container--outline-offset, 0);padding-top:var(--r-input--container--padding-top, 0.6875rem);padding-right:var(--r-input--container--padding-right, var(--r-spacing-075, 0.75rem));padding-bottom:var(--r-input--container--padding-bottom, 0.6875rem);padding-left:var(--r-input--container--padding-left, var(--r-spacing-0275, 0.75rem));opacity:var(--r-input--container--opacity, 1);pointer-events:var(--r-input--container--pointer-events, auto);line-height:var(--r-input--container--line-height, 1);cursor:var(--r-input--container--cursor, inherit);margin-top:var(--r-input--container--margin-top, var(--r-spacing-025, 0.25rem))}.r-input--container slot[name=leading]{color:var(--r-input--container-leading--color, var(--r-icon-soft, #686868))}.r-input--message:has(r-hint),.r-input--message ::slotted([slot=message]){margin-top:var(--r-input--message--margin-top, var(--r-spacing-025, 0.25rem))}.r-input--trailing{display:var(--r-input--trailing--display, flex);margin-left:var(--r-input--trailing--margin-left, auto);align-items:var(--r-input--trailing--align-items, center);gap:var(--r-input--trailing--gap, 0.625rem)}.r-input--readonly-icon{color:var(--r-input--readonly-icon--color, var(--r-icon-soft, #686868))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';export{o as r_input}
+import{r as t,c as i,h as r,H as n,g as e}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";const o=class{constructor(r){t(this,r),this.rClickIcon=i(this,"rClickIcon"),this.rValidate=i(this,"rValidate"),this.rInput=i(this,"rInput"),this.rBlur=i(this,"rBlur"),this.rFocus=i(this,"rFocus"),this.rChange=i(this,"rChange"),this.rReset=i(this,"rReset"),this.type="text",this.value="",this.iconPosition="start",this.validMarker=!1,this.validMarkerIcon="circled-check",this.validityState="",this.validityMessage="",this.nativeElement=null,this.uniqueId=`r-input-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.initial={},this.getValidityStateData=t=>{for(const i in t.validity)if(t.validity[i]){if(this.validityState=i,this[i+"Message"])return void(this.validityMessage=this[i+"Message"]);this.validityMessage=t.validationMessage}},this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;"email"===this.type&&this.pattern?(t.setCustomValidity(""),this.validityState=this.validEmailPattern?"valid":"patternMismatch",this.validityMessage=this.validEmailPattern?"":this.patternMismatchMessage):this.getValidityStateData(t);const i="valid"===this.validityState;this.valid=i,this.invalid=!i,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onInput=t=>{if(this.readonly)return;this.value=t.target.value;const{host:i,value:r}=this;this.rInput.emit({element:i,value:r})},this.onChange=t=>{if(this.readonly)return;this.value=t.target.value;const{host:i,value:r}=this;this.rChange.emit({element:i,value:r})},this.onBlur=()=>{this.host.classList.remove("focused"),this.validateFormElement(this.nativeElement),this.rBlur.emit()},this.onFocus=()=>{this.host.classList.add("focused"),this.rFocus.emit()},this.contributeToFormData=t=>{a(this.nativeElement||this.host,t.formData)},this.onResetForm=()=>{if(this.readonly)return;this.validityState=null,this.validityMessage=null,this.setValue(this.initial.value),this.invalid=this.initial.invalid,this.valid=!this.invalid;const{host:t,value:i}=this;this.rReset.emit({element:t,value:i})},this.onSubmitForm=t=>{this.isNoValidate||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.handleKeyup=t=>{var i,r;if(this.validateFormElement(this.nativeElement),(!this.invalid||this.isNoValidate)&&"Enter"===t.code){const t=this.host.querySelector('[type="submit"]')||(null===(i=this.parentFormEl)||void 0===i?void 0:i.querySelector('[type="submit"]'));t&&"triggerClick"in t?null==t||t.triggerClick():null===(r=this.parentFormEl)||void 0===r||r.requestSubmit()}},this.handleClick=()=>{this.host.shadowRoot.querySelector("input").focus()}}async setFocus(){var t;null===(t=this.nativeElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.nativeElement)||void 0===t||t.blur()}async select(){var t;null===(t=this.nativeElement)||void 0===t||t.select()}async getSelectionStart(){var t,i;return null!==(i=null===(t=this.nativeElement)||void 0===t?void 0:t.selectionStart)&&void 0!==i?i:null}async getSelectionEnd(){var t,i;return null!==(i=null===(t=this.nativeElement)||void 0===t?void 0:t.selectionEnd)&&void 0!==i?i:null}async setSelectionRange(t,i,r="none"){this.nativeElement&&this.nativeElement.setSelectionRange(t,i,r)}async getValue(){var t;return(null===(t=this.nativeElement)||void 0===t?void 0:t.value)||""}async setValue(t){this.nativeElement.value=t,this.validateFormElement(this.nativeElement)}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get ariaDescribedBy(){const t=`${this.uniqueId}-message`;return this.hint?`${this.uniqueId}-hint ${t}`:t}get hasError(){var t;return this.invalid&&!!(null===(t=this.error)||void 0===t?void 0:t.length)}get hasValidationError(){return("valid"!==this.validityState||this.invalid)&&!(!this.validityMessage&&!this.customErrorMessage)}get hasValidationSuccess(){return("valid"===this.validityState||this.valid)&&!!this.validMessage&&this.showValid}get hasMessage(){return this.hasError||this.hasValidationError||this.hasValidationSuccess}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!1}get hasTrailingSlot(){return!!this.host.querySelector('[slot="trailing"]')}get validEmailPattern(){return new RegExp(this.pattern,"u").test(this.value)}componentWillLoad(){this.initial.value=this.value,this.initial.invalid=this.invalid}connectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(r=this.parentFormEl)||void 0===r||r.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("submit",this.onSubmitForm),null===(r=this.parentFormEl)||void 0===r||r.removeEventListener("reset",this.onResetForm)}connectedCallback(){this.connectFormEventListeners(),this.autofocus&&queueMicrotask((()=>{var t;return null===(t=this.host.querySelector("input[autofocus]"))||void 0===t?void 0:t.focus({preventScroll:!0})}))}disconnectedCallback(){this.disconnectFormEventListeners()}handleValueChange(){this.validateFormElement(this.nativeElement)}render(){const{name:t,placeholder:i,required:e,fieldIndicator:a,maxlength:o,minlength:s,min:l,max:u,value:p,disabled:h,form:c,pattern:d,invalid:v,valid:g,validMarker:m,hint:b,label:f,internal:y,tooltip:x,tooltipIcon:k,tooltipIconColor:w,uniqueId:C,autocomplete:F,readonly:D,autofocus:E}=this,$={disabled:h,readonly:D,required:e,label:f,name:t,placeholder:i,maxlength:o,minlength:s,min:l,max:u,form:c,pattern:d,autocomplete:F,autofocus:E||null,id:C,"data-value":p,"aria-placeholder":i,"aria-invalid":`${v||!1}`,"aria-required":`${e||!1}`,"aria-describedby":this.ariaDescribedBy},z=f?Object.assign({id:`${C}-label`,fieldIndicator:a},x&&!h?{tooltip:x,"tooltip-icon":k,"tooltip-icon-color":w}:{}):{},V=Object.entries(this).reduce(((t,[i,r])=>("function"==typeof r&&i.startsWith("on")&&(t[i]=r),t)),{});return r(n,{onClick:this.handleClick,onKeyup:this.handleKeyup},r("div",{class:y?"visually-hidden":"r-input--label-container"},r("label",{htmlFor:C},f?r("r-label",Object.assign({class:"r-input--label"},z),f):r("slot",{name:"label"})),r("slot",{name:"popover"})),b&&r("r-hint",{id:`${C}-hint`,role:"note"},b),r("div",{class:"r-input--container"},r("slot",{name:"leading"}),r("input",Object.assign({class:"r-input--input",type:this.type},$,V,{ref:t=>this.nativeElement=t,value:this.value,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onFocus:this.onFocus})),r("div",{class:"r-input--trailing"},this.readonly&&r("r-icon",{class:"r-input--readonly-icon",name:"pen-disabled",size:"s"}),m&&(g||v)?r("r-icon",{class:"r-input--validation-icon","aria-hidden":!0,size:"s",name:v?"circled-exclamation-mark":"circled-check",color:v?"--r-status-error-regular":"--r-status-success-regular"}):null,this.hasTrailingSlot&&r("slot",{name:"trailing"}))),r("div",{id:`${C}-message`,"aria-live":y?null:"polite",class:y?"visually-hidden":"r-input--message"},r("slot",{name:"message"},this.hasMessage&&r("r-hint",{variant:g?"success":"error"},this.hasError&&this.error,this.hasValidationError&&(this.customErrorMessage||this.validityMessage),this.hasValidationSuccess&&this.validMessage))))}get host(){return e(this)}static get watchers(){return{value:["handleValueChange"]}}};o.style=':host{display:inline-flex;flex-direction:column;vertical-align:top;--r-label--margin-bottom:0}:host slot{display:contents}:host([readonly]:not([readonly=false])){--r-input--container--background-color:var(--r-background-soft, #f3f1f0);--r-input--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-input--container--cursor:text}:host(:hover:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(.focused){--r-input--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-input--container--outline:2px solid var(--r-border-focused);--r-input--container--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input--container--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([expanded]:not([expanded=false])),:host([full-width]:not([full-width=false])){display:block}:host([disabled]:not([disabled=false])){--r-input--container--opacity:0.4;--r-input--container--cursor:not-allowed;--r-input--container--pointer-events:none;--r-input--container--background-color:transparent}:host([invalid]:not([invalid=false])){--r-input--container--border-color:var(--r-status-error-regular, #b00c15);--r-input--container--background-color:var(--r-status-error-soft, #fef6f6)}.r-input{display:var(--r-input--display, flex);flex:var(--r-input--flex, 1);flex-direction:var(--r-input--flex-direction, column);width:var(--r-input--width, auto);font-family:var(--r-input--font-family, system-ui);position:var(--r-input--position, relative);border-radius:var(--r-input--border-radius, 0);cursor:var(--r-input--cursor, inherit)}.r-input--label-container{display:var(--r-input--label-container--display, flex);gap:var(--r-input--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-input--label-container--align-items, center);justify-content:var(--r-input--label-container--align-items, space-between)}.r-input--label-container ::slotted([slot=popover]){display:var(--r-input--popover--display, inline-flex);height:var(--r-input--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-input--popover--align-items, center);justify-content:var(--r-input--popover--justify-content, center);margin-right:var(--r-input--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-input--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-input--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-input--label{cursor:var(--r-input--label--cursor, inherit)}.r-input--input{font-family:var(--r-input--input--font-family, system-ui);font-size:var(--r-input--input--font-size, 1em);width:var(--r-input--input--width, 100%);max-width:var(--r-input--input--max-width, 100%);height:var(--r-input--input--height, var(--r-spacing-275, 2.75rem));border-radius:var(--r-input--input--border-radius, 0);border:var(--r-input--input--border, none);color:var(--r-input--input--color, var(--r-text-regular, #282828));background-color:var(--r-input--input--background-color, none);appearance:var(--r-input--input--appearance, none);box-sizing:var(--r-input--input--box-sizing, border-box);outline:var(--r-input--input--outline, none);cursor:var(--r-input--input--cursor, inherit);pointer-events:var(--r-input--input--pointer-events, auto)}.r-input--input:autofill,.r-input--input:-webkit-autofill{-webkit-background-clip:text !important}.r-input--input::-ms-reveal{display:var(--r-input--input--ms-reveal--display, none)}.r-input--input::placeholder{color:var(--r-input--input--placeholder--color, var(--r-text-soft, #686868))}.r-input--input[type=search]::-webkit-search-cancel-button{cursor:var(--r-input--input-clear--cursor, pointer);display:var(--r-input--input-clear--display, block);height:var(--r-input--input-clear--height, 0.875rem);width:var(--r-input--input-clear--width, 0.875rem);appearance:var(--r-input--input-clear--appearance, none);background-repeat:var(--r-input--input-clear--background-repeat, no-repeat);background-image:var(--r-input--input-clear--background-image, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke-width%3D%221.5%22%20viewBox%3D%220.75%200.75%2022.5%2022.5%22%3E%3Cpath%20id%3D%22Vector%202269%22%20stroke%3D%22currentColor%22%20d%3D%22M1.5%201.5L22.5%2022.5%22%2F%3E%3Cpath%20id%3D%22Vector%202270%22%20stroke%3D%22currentColor%22%20d%3D%22M22.5%201.5L1.5%2022.5%22%2F%3E%3C%2Fsvg%3E"));background-size:var(--r-input--input-clear--background-size, contain);margin-inline:var(--r-input--input-clear--margin-inline, 0);color:currentColor}.r-input--button{position:var(--r-input--icon-button--position, absolute);width:var(--r-input--icon-button--width, calc(1.125em + var(--r-input--icon--width)));height:var(--r-input--icon-button--height, 100%);top:var(--r-input--icon-button--top, 0);right:var(--r-input--icon-button--right, auto);bottom:var(--r-input--icon-button--bottom, auto);left:var(--r-input--icon-button--left, 0);cursor:var(--r-input--icon-button--cursor, inherit)}.r-input--container{position:var(--r-input--container--position, relative);display:var(--r-input--container--display, flex);align-items:var(--r-input--container--align-items, center);gap:var(--r-input--container--gap, 0.625rem);height:var(--r-input--container--height, var(--r-spacing-275, 2.75rem));background-color:var(--r-input--container--background-color, var(--r-background-softest, #fff));border-width:var(--r-input--container--border-width, 1px);border-style:var(--r-input--container--border-style, solid);border-color:var(--r-input--container--border-color, var(--r-border-soft, #686868));box-sizing:var(--r-input--container--box-sizing, border-box);box-shadow:var(--r-input--container--box-shadow, none);outline:var(--r-input--container--outline, none);outline-offset:var(--r-input--container--outline-offset, 0);padding-top:var(--r-input--container--padding-top, 0.6875rem);padding-right:var(--r-input--container--padding-right, var(--r-spacing-075, 0.75rem));padding-bottom:var(--r-input--container--padding-bottom, 0.6875rem);padding-left:var(--r-input--container--padding-left, var(--r-spacing-0275, 0.75rem));opacity:var(--r-input--container--opacity, 1);pointer-events:var(--r-input--container--pointer-events, auto);line-height:var(--r-input--container--line-height, 1);cursor:var(--r-input--container--cursor, inherit);margin-top:var(--r-input--container--margin-top, var(--r-spacing-025, 0.25rem))}.r-input--container slot[name=leading]{color:var(--r-input--container-leading--color, var(--r-icon-soft, #686868))}.r-input--message:has(r-hint),.r-input--message ::slotted([slot=message]){margin-top:var(--r-input--message--margin-top, var(--r-spacing-025, 0.25rem))}.r-input--trailing{display:var(--r-input--trailing--display, flex);margin-left:var(--r-input--trailing--margin-left, auto);align-items:var(--r-input--trailing--align-items, center);gap:var(--r-input--trailing--gap, 0.625rem)}.r-input--readonly-icon{color:var(--r-input--readonly-icon--color, var(--r-icon-soft, #686868))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';export{o as r_input}

package/dist/web-components/p-f770e22b.entry.js

@@ -0,0 +1 @@
+import{r,h as t,H as e,F as o,g as a}from"./p-Da7qOBFr.js";const c="https://cdn.riverty.design/icons/",i="riverty";let s;const l={ai:'<svg><g clip-path="url(#clip0_1808_283)"><path d="M10 6L2 6M6 2V10M9 11C11.8889 11 15.5 7.38889 15.5 4.5C15.5 7.38889 19.1111 11 22 11C19.1111 11 15.5 14.6111 15.5 17.5C15.5 14.6111 11.8889 11 9 11ZM11 18.25C11 19.9069 9.65685 21.25 8 21.25C6.34315 21.25 5 19.9069 5 18.25C5 16.5931 6.34315 15.25 8 15.25C9.65685 15.25 11 16.5931 11 18.25Z" stroke="currentColor" stroke-width="1.5"/></g><defs><clipPath id="clip0_1808_283"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>',"alarm-clock":'<svg><circle id="Ellipse 618" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Vector 2021" stroke="currentColor" d="M19 1L23.5 5.5"></path><path id="Vector 2022" stroke="currentColor" d="M0.5 5.5L5 1"></path><path id="Vector 2023" stroke="currentColor" d="M12 7V12H16.5"></path></svg>',"angle-down":'<svg><g id="arrow-down-3--arrow-down-keyboard"><path id="Vector 2244" stroke="currentColor" d="M1.5 8.5L12 19L22.5 8.5"></path></g></svg>',"angle-left-double":'<svg><path d="M13.5 1.5L3 12L13.5 22.5M21 1.5L10.5 12L21 22.5" stroke="currentColor"/></svg>',"angle-left-with-vertical-line":'<svg><g id="arrow-left-4--arrow-line-to-left"><path id="Vector 2244" stroke="currentColor" d="M14.5 1.5L4 12L14.5 22.5"></path><path id="Vector 2245" stroke="currentColor" d="M20 1L20 23"></path></g></svg>',"angle-left":'<svg><g id="arrow-left-3--arrow-keyboard-left"><path id="Vector 2244" stroke="currentColor" d="M16.5 1.5L6 12L16.5 22.5"></path></g></svg>',"angle-right-double":'<svg><path d="M10.75 1.5L21.25 12L10.75 22.5M3.25 1.50003L13.75 12L3.25 22.5" stroke="currentColor"/></svg>',"angle-right-with-vertical-line":'<svg><g id="arrow-right-4--arrow-line-to-right"><path id="Vector 2244" stroke="currentColor" d="M9.5 1.5L20 12L9.5 22.5"></path><path id="Vector 2245" stroke="currentColor" d="M4 1V23"></path></g></svg>',"angle-right":'<svg><g id="arrow-right-3--arrow-right-keyboard"><path id="Vector 2244" stroke="currentColor" d="M7.5 1.5L18 12L7.5 22.5"></path></g></svg>',"angle-up":'<svg><g id="arrow-up-3--arrow-up-keyboard"><path id="Vector 2244" stroke="currentColor" d="M1.5 17.5L12 7L22.5 17.5"></path></g></svg>',"arrow-down-left":'<svg><g id="arrow-diagonal-bottom-left--down-keyboard-arrow-left-bottom"><path id="Vector 2247" stroke="currentColor" d="M2 13V22H11"></path><path id="Vector 2248" stroke="currentColor" d="M2 22L22 2"></path></g></svg>',"arrow-down-right":'<svg><g id="arrow-diagonal-bottom-right--down-keyboard-arrow-right-bottom"><path id="Vector 2247" stroke="currentColor" d="M22 13V22H13"></path><path id="Vector 2248" stroke="currentColor" d="M22 22L2 2"></path></g></svg>',"arrow-down-with-horizontal-line":'<svg><g id="arrow-down-2--down-move-arrow-arrows"><path id="Vector 2241" stroke="currentColor" d="M12 1V17"></path><path id="Vector 2242" stroke="currentColor" d="M7 12L12 17L17 12"></path><path id="Vector 2243" stroke="currentColor" d="M7 22H17"></path></g></svg>',"arrow-down":'<svg><g id="arrow-down-1--arrow-down-keyboard"><path id="Rectangle 33" stroke="currentColor" d="M12 22L12 1"></path><path id="Vector 163" stroke="currentColor" d="M6 16L12 22L18 16"></path></g></svg>',"arrow-left-with-vertical-line":'<svg><g id="arrow-left-2--left-move-arrow-arrows"><path id="Vector" stroke="currentColor" d="M13.2501 6.55371L8.42871 11.3751L13.2501 16.1966"></path><path id="Vector_2" stroke="currentColor" d="M22.893 11.375L8.42871 11.375"></path><path id="Vector_3" stroke="currentColor" d="M2 5.75L2 17"></path></g></svg>',"arrow-left":'<svg><g id="arrow-left-1--arrow-keyboard-left"><path id="Rectangle 33" stroke="currentColor" d="M2 12L23 12"></path><path id="Vector 163" stroke="currentColor" d="M8 6L2 12L8 18"></path></g></svg>',"arrow-pointing-backward":'<svg><g id="arrow-turn-backward--arrow-bend-curve-change-direction-return-left-back-backward"><path id="Vector 1864" stroke="currentColor" d="M7 3L2 8L7 13"></path><path id="Vector 2191" stroke="currentColor" d="M2 8L22 8V20H8"></path></g></svg>',"arrow-pointing-down-at-tray":'<svg><g id="download-tray--arrow-bottom-down-download-internet-network-server-upload"><path id="Vector 1427" stroke="currentColor" d="M7 10L12 15L17 10"></path><path id="Vector 1428" stroke="currentColor" d="M12 15V1"></path><path id="Rectangle 638" stroke="currentColor" d="M3.5 18V22H20.5V18"></path></g></svg>',"arrow-pointing-forward":'<svg><g id="arrow-turn-forward--arrow-bend-curve-change-direction-return-right-next-forward"><path id="Vector 1864" stroke="currentColor" d="M17 3L22 8L17 13"></path><path id="Vector 2191" stroke="currentColor" d="M22 8H2V20H16"></path></g></svg>',"arrow-right-with-vertical-line":'<svg><g id="arrow-right-2--move-right-arrow-arrows"><path id="Vector" stroke="currentColor" d="M10.6966 6.55371L15.5181 11.3751L10.6966 16.1966"></path><path id="Vector_2" stroke="currentColor" d="M1.05378 11.375L15.5181 11.375"></path><path id="Vector_3" stroke="currentColor" d="M21.9463 5.75L21.9463 17"></path></g></svg>',"arrow-right":'<svg><g id="arrow-right-1--arrow-right-keyboard"><path id="Rectangle 33" stroke="currentColor" d="M1 12L22 12"></path><path id="Vector 163" stroke="currentColor" d="M16 6L22 12L16 18"></path></g></svg>',"arrow-splitting":'<svg><g id="split-vertical"><path id="Vector 2329" stroke="currentColor" d="M2 9V2H9"></path><path id="Vector 2330" stroke="currentColor" d="M22 9V2H15"></path><path id="Vector 2331" stroke="currentColor" d="M2 2L12 12M12 12V23M12 12L22 2"></path></g></svg>',"arrow-up-left":'<svg><g id="arrow-diagonal-top-left--keyboard-top-arrow-left-up"><path id="Vector 2247" stroke="currentColor" d="M2 11V2H11"></path><path id="Vector 2248" stroke="currentColor" d="M2 2L22 22"></path></g></svg>',"arrow-up-right-from-square":'<svg><path d="M12 5H2V22H19V12M10 14L22 2M22 2H14M22 1.25V10" stroke="currentColor"/></svg>',"arrow-up-right":'<svg><g id="arrow-diagonal-top-right--keyboard-top-arrow-right-up"><path id="Vector 2247" stroke="currentColor" d="M22 11V2H13"></path><path id="Vector 2248" stroke="currentColor" d="M22 2L2 22"></path></g></svg>',"arrow-up-with-horizontal-line":'<svg><g id="arrow-up-2--move-up-arrow-arrows"><path id="Vector 2244" stroke="currentColor" d="M12 23V7"></path><path id="Vector 2242" stroke="currentColor" d="M7 12L12 7L17 12"></path><path id="Vector 2245" stroke="currentColor" d="M7 2H17"></path></g></svg>',"arrow-up":'<svg><g id="arrow-up-1--arrow-up-keyboard"><path id="Rectangle 33" stroke="currentColor" d="M12 23L12 2"></path><path id="Vector 163" stroke="currentColor" d="M6 8L12 2L18 8"></path></g></svg>',"arrows-circled":'<svg><path d="M3.64697 6.5C5.43571 3.78889 8.50892 2 11.9999 2C17.5228 2 22 6.47715 22 12C22 13.0452 21.8396 14.053 21.5421 15"stroke="currentColor"/><path d="M3.5 2.5V6.5H7.5"stroke="currentColor"/><path d="M20.353 17.5C18.5642 20.2111 15.491 22 12 22C6.47715 22 2 17.5228 2 12C2 10.9548 2.16035 9.94704 2.4578 9"stroke="currentColor"/><path d="M20.5 21.5V17.5H16.5"stroke="currentColor"/></svg>',"arrows-pointing-outwards":'<svg><g id="arrow-expand--expand-small-bigger-retract-smaller-big"><path id="Vector 2247" stroke="currentColor" d="M2 9V2H9"></path><path id="Vector 2248" stroke="currentColor" d="M14 14L22 22"></path><path id="Vector 2253" stroke="currentColor" d="M2 2L10 10"></path><path id="Vector 2249" stroke="currentColor" d="M22 15V22H15"></path><path id="Vector 2250" stroke="currentColor" d="M2 15V22H9"></path><path id="Vector 2251" stroke="currentColor" d="M14 10L22 2"></path><path id="Vector 2254" stroke="currentColor" d="M2 22L10 14"></path><path id="Vector 2252" stroke="currentColor" d="M22 9V2H15"></path></g></svg>',bag:'<svg><g id="shopping-bag-hand-bag-2--shopping-bag-purse-goods-item-products"><path id="Vector 2477" stroke="currentColor" d="M2 22L4 9H20L22 22H2Z"></path><path id="Vector 2479" stroke="currentColor" d="M7 9V7C7 4.23858 9.23858 2 12 2V2C14.7614 2 17 4.23858 17 7V9"></path></g></svg>',bank:'<svg><g id="bank--institution-saving-bank-payment-finance"><path id="Vector 2497" stroke="currentColor" d="M2 7V9H22V7L12 2L2 7Z"></path><path id="Vector 2498" stroke="currentColor" d="M1 22H23"></path><path id="Vector 2593" stroke="currentColor" d="M3.75 11.5V19.5"></path><path id="Vector 2594" stroke="currentColor" d="M9.25 11.5V19.5"></path><path id="Vector 2595" stroke="currentColor" d="M14.75 11.5V19.5"></path><path id="Vector 2596" stroke="currentColor" d="M20.25 11.5V19.5"></path></g></svg>',beer:'<svg><path d="M5 9.5V21.3017C5 21.6874 5.31264 22 5.69829 22H16.3017C16.6874 22 17 21.6874 17 21.3017V9.30952" stroke="currentColor"/><path d="M17.2308 12H17.7655C18.9996 12 20 13.0004 20 14.2345V14.7655C20 15.9996 18.9996 17 17.7655 17H17" stroke="currentColor"/><path d="M17.6291 5.76755C16.6892 3.81479 14.9212 3.863 14.0036 4.03176C13.7127 3.40495 12.7817 2.12239 10.8481 2.00668C8.91453 1.89096 7.80451 3.30852 7.55834 4.03176C6.37222 3.863 4 4.19087 4 6.85241C4 9.51396 5.5 9.96237 6.5 9.96237C6.43286 10.8785 6.82154 13 8.5 13C10.0192 13 10.6119 11.0713 10.5 9.96237H16.6892L17.0249 9.7454C17.6515 9.26323 18.4973 7.57119 17.6291 5.76755Z" stroke="currentColor"/><path d="M13 13V19" stroke="currentColor"/><path d="M9 15V19" stroke="currentColor"/></svg>',"bell-crossed-out":'<svg><g id="disable-bell-notification--disable-silent-notification-off-silence-alarm-bell-alert"><path id="Vector 2344" stroke="currentColor" d="M18.0001 18H21.0001L19.0001 14V9C19.0001 5.13401 15.866 2 12.0001 2C9.29432 2 6.94715 3.53513 5.78198 5.78193"></path><path id="Vector 2346" stroke="currentColor" d="M5 9V14L3 18H14"></path><path id="Vector 2345" stroke="currentColor" d="M10 22H14"></path><path id="Vector 200" stroke="currentColor" d="M1 1L23 23"></path></g></svg>',bell:'<svg><g id="bell-notification--alert-bell-ring-notification-alarm"><path id="Vector 2344" stroke="currentColor" d="M5 9V14L3 18H21L19 14V9C19 5.13401 15.866 2 12 2C8.13401 2 5 5.13401 5 9Z"></path><path id="Vector 2345" stroke="currentColor" d="M10 22H14"></path></g></svg>',"biometric-id-face-scan":'<svg><g id="face-scan-1--identification-angle-secure-human-id-person-face-security-brackets"><path id="Vector 1145" stroke="currentColor" d="M2 8L2 2L8 2"></path><path id="Vector 1146" stroke="currentColor" d="M16 2H22V8"></path><path id="Vector 1147" stroke="currentColor" d="M22 16V22H16"></path><path id="Vector 1148" stroke="currentColor" d="M8 22H2V16"></path><path id="Vector 2211" stroke="currentColor" d="M12 7.5V13.5H9"></path><path id="Vector 2212" stroke="currentColor" d="M8 6V10"></path><path id="Vector 2213" stroke="currentColor" d="M16 6V10"></path><path id="Ellipse 557" stroke="currentColor" d="M16.2426 16.2426C13.8995 18.5858 10.1005 18.5858 7.75736 16.2426"></path></g></svg>',"biometric-id-fingerprint":'<svg><g id="fingerprint-2--identification-password-touch-id-secure-fingerprint-finger-security"><path id="Rectangle 749" stroke="currentColor" d="M3 11C3 6.02944 7.02944 2 12 2C14.3051 2 16.4077 2.86656 18 4.29168"></path><path id="Rectangle 752" stroke="currentColor" d="M3.22302 15C3.91186 18.0357 6.13524 20.4886 9.03451 21.5"></path><path id="Rectangle 751" stroke="currentColor" d="M12 22C16.9706 22 21 17.9706 21 13V11C21 9.75859 20.7487 8.57589 20.2941 7.5"></path><path id="Rectangle 750" stroke="currentColor" d="M9.81794 17.5C8.14985 16.6896 7 14.9791 7 13V11C7 9.0209 8.14985 7.31036 9.81794 6.5"></path><path id="Rectangle 753" stroke="currentColor" d="M17 13V11C17 8.23858 14.7614 6 12 6"></path><path id="Rectangle 754" stroke="currentColor" d="M12 18C13.8507 18 15.4666 16.9945 16.3311 15.5"></path><path id="Vector 2264" stroke="currentColor" d="M12 10V14"></path></g></svg>',box:'<svg><g id="shipping-box-1--box-package-label-delivery-shipment-shipping"><path id="Vector 1" stroke="currentColor" d="M2 22V2H22V22H2Z"></path><path id="Vector 2" stroke="currentColor" d="M9 2V11L12 9L15 11V2"></path><path id="Vector 3" stroke="currentColor" d="M14 18H18"></path></g></svg>',"broken-glass":'<svg><g id="fragile--fragile-shipping-glass-delivery-wine-crack-shipment-sign-sticker"><path id="Vector 30" stroke="currentColor" d="M12 14.7734V22"></path><path id="Vector 31" stroke="currentColor" d="M7 22H17"></path><path id="Vector 32" stroke="currentColor" d="M5 8V2H19V8C19 11.866 15.866 15 12 15C8.13401 15 5 11.866 5 8Z"></path><path id="Vector 33" stroke="currentColor" d="M13 2V6H15V9.5"></path></g></svg>',"building-office":'<svg><g id="building-office--travel-places-building-office"><path id="Vector 3567" stroke="currentColor" d="M6 6.5V8"></path><path id="Vector 3568" stroke="currentColor" d="M6 10V11.5"></path><path id="Vector 3571" stroke="currentColor" d="M6 13.5V15"></path><path id="Vector 3570" stroke="currentColor" d="M11 10V11.5"></path><path id="Vector 3569" stroke="currentColor" d="M11 6.5V8"></path><path id="Vector 3572" stroke="currentColor" d="M11 13.5V15"></path><path id="Rectangle 986" stroke="currentColor" d="M15 10H22V22H15z"></path><path id="Rectangle 983" stroke="currentColor" d="M15 22V3.5H2V22H15Z"></path><path id="Vector 3561" stroke="currentColor" d="M8.5 18V22"></path></g></svg>',"bullet-list":'<svg><g id="bullet-list--points-bullet-unordered-list-lists-bullets"><path id="Vector 2098" stroke="currentColor" d="M10 4H23"></path><path id="Vector 2100" stroke="currentColor" d="M10 12L23 12"></path><path id="Vector 2099" stroke="currentColor" d="M10 20H23"></path><path id="Rectangle 946" stroke="currentColor" d="M2 2H6V6H2z"></path><path id="Rectangle 947" stroke="currentColor" d="M2 10H6V14H2z"></path><path id="Rectangle 948" stroke="currentColor" d="M2 18H6V22H2z"></path></g></svg>',"bulls-eye":'<svg><g id="target--shop-bullseye-arrow-target"><path id="Ellipse 454" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2"></path><path id="Ellipse 455" stroke="currentColor" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7"></path><path id="Vector 2774" stroke="currentColor" d="M12 12L14.5 9.5"></path><path id="Vector 2775" stroke="currentColor" d="M14.5 6.5V9.5H17.5L21 6H18V3L14.5 6.5Z"></path></g></svg>',calendar:'<svg><g id="blank-calendar--blank-calendar-date-day-month-empty"><path id="Rectangle 11" stroke="currentColor" d="M2 4H22V22H2z"></path><path id="Vector 38" stroke="currentColor" d="M2 9H22"></path><path id="Vector 39" stroke="currentColor" d="M7 1V4"></path><path id="Vector 40" stroke="currentColor" d="M17 1V4"></path></g></svg>',camera:'<svg><path d="M2 19V7H5.5L8 3H16L18.5 7H22V19H2Z"stroke="currentColor"/><path d="M12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.5 12 8.5C10.067 8.5 8.5 10.067 8.5 12C8.5 13.933 10.067 15.5 12 15.5Z"stroke="currentColor"/></svg>',cart:'<svg><path d="M2 2H6V18H19"stroke="currentColor"/><path d="M6 13.5H18L22 6H8.5"stroke="currentColor"/><path d="M6 21.9999V21.2495H6.75043V21.9999H6Z"stroke="currentColor"/><path d="M12 21.9999V21.2495H12.7504V21.9999H12Z"stroke="currentColor"/></svg>',check:'<svg><g id="check--check-form-validation-checkmark-success-add-addition-tick"><path id="Vector 2356" stroke="currentColor" d="M1.5 12.5L8.5 19.5L22.5 5.5"></path></g></svg>',"circled-check":'<svg><g id="check-circle--checkmark-addition-circle-success-check-validation-add-form-tick"><circle id="Ellipse 579" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Vector 1618" stroke="currentColor" d="M7.25 12.75L10.75 15.75L16.75 8.25"></path></g></svg>',"circled-cross":'<svg><g id="delete-circle--button-delete-remove-add-circle-buttons-cross-x-mathematics-multiply-math"><circle id="Ellipse 565" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Vector 2283" stroke="currentColor" d="M8 8L16 16"></path><path id="Vector 2284" stroke="currentColor" d="M16 8L8 16"></path></g></svg>',"circled-exclamation-mark":'<svg><g id="warning-circle--warning-alert-frame-exclamation-caution-circle"><circle id="Ellipse 579" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Vector 2351" stroke="currentColor" d="M12 7V13.5"></path><path id="Vector 2352" stroke="currentColor" d="M12 15.5V17"></path></g></svg>',"circled-information-i":'<svg><g id="information-circle--information-frame-info-more-help-point-circle"><circle id="Ellipse 579" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Vector 2348" stroke="currentColor" d="M9 10.5H12V16.5"></path><path id="Vector 2349" stroke="currentColor" d="M9 16.5H15"></path><path id="Vector 2350" stroke="currentColor" d="M12 8V6.5"></path></g></svg>',"circled-percentage-sign":'<svg><g id="discount-percent-circle--store-shop-shops-stores-discount-coupon"><circle id="Ellipse 44" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Vector 2649" stroke="currentColor" d="M7.5 16.5L16.5 7.5"></path><path id="Vector 3028" stroke="currentColor" d="M8.25 8.75L8.75 8.25L9.25 8.75L8.75 9.25L8.25 8.75Z"></path><path id="Vector 3029" stroke="currentColor" d="M14.75 15.25L15.25 14.75L15.75 15.25L15.25 15.75L14.75 15.25Z"></path></g></svg>',"circled-question-mark":'<svg><g id="help-question-1--circle-faq-frame-help-info-mark-more-query-question"><circle id="Ellipse 406" cx="12" cy="12" r="10.5" stroke="currentColor"></circle><path id="Vector 135" stroke="currentColor" d="M8.5 10V9.5C8.5 7.567 10.067 6 12 6V6C13.933 6 15.5 7.567 15.5 9.5V10L12 13L12 15"></path><path id="Vector 166" stroke="currentColor" d="M12 17L12 18.5"></path></g></svg>',"clipboard-with-checkmark":'<svg><g id="clipboard-check--checkmark-edit-task-edition-checklist-check-success-clipboard-form"><path id="Vector 1618" stroke="currentColor" d="M8 14L11 16.5L16 10"></path><path id="Rectangle 689" stroke="currentColor" d="M8 3H3.5L3.5 22H20.5V3H16"></path><path id="Rectangle 690" stroke="currentColor" d="M8 2H16V6H8V2Z"></path></g></svg>',clipboard:'<svg><g id="empty-clipboard--work-plain-clipboard-task-list-company-office"><path id="Rectangle 689" stroke="currentColor" d="M8 3H3.5L3.5 22H20.5V3H16"></path><path id="Rectangle 690" stroke="currentColor" d="M8 2H16V6H8V2Z"></path></g></svg>',clock:'<svg><g id="circle-clock--clock-loading-measure-time-circle"><circle id="Ellipse 6" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Vector 68" stroke="currentColor" d="M12 6V12H16"></path></g></svg>',"code-prompt":'<svg><g id="browser-code-2--code-browser-tags-angle-bracket"><path id="Rectangle 594" stroke="currentColor" d="M22 3H2V21H22V3Z"></path><path id="Vector 1373" stroke="currentColor" d="M22 7H2"></path><path id="Vector 2050" stroke="currentColor" d="M15.5 11L18.5 14L15.5 17"></path><path id="Vector 2051" stroke="currentColor" d="M8.5 11L5.5 14L8.5 17"></path><path id="Vector 2052" stroke="currentColor" d="M13.5 10L10.5 18"></path></g></svg>',cog:'<svg><g id="cog--work-loading-cog-gear-settings-machine"><circle id="Ellipse 404" cx="12" cy="12" r="3" stroke="currentColor"></circle><path id="Ellipse 405" stroke="currentColor" d="M14.4996 2L9.49963 2L9.49963 4.39838C8.44114 4.74629 7.48017 5.30911 6.66833 6.03523L4.58936 4.83494L2.08936 9.16506L4.16694 10.3646C4.05727 10.8925 3.99963 11.4395 3.99963 12C3.99963 12.5605 4.05727 13.1075 4.16694 13.6354L2.08936 14.8349L4.58936 19.1651L6.66833 17.9648C7.48017 18.6909 8.44115 19.2537 9.49963 19.6016V22H14.4996L14.4996 19.6016C15.5581 19.2537 16.5191 18.6909 17.3309 17.9648L19.4099 19.1651L21.9099 14.8349L19.8323 13.6354C19.942 13.1075 19.9996 12.5605 19.9996 12C19.9996 11.4395 19.942 10.8925 19.8323 10.3646L21.9099 9.16506L19.4099 4.83494L17.3309 6.03523C16.5191 5.30911 15.5581 4.74629 14.4996 4.39838V2Z"></path></g></svg>',"coins-stack":'<svg><g id="coins-stack--accounting-billing-payment-stack-cash-coins-currency-money-finance"><ellipse id="Ellipse 175" cx="15.5" cy="11" stroke="currentColor" rx="6.5" ry="3"></ellipse><path id="Ellipse 178" stroke="currentColor" d="M15 5C15 3.34315 12.0899 2 8.5 2C4.91015 2 2 3.34315 2 5C2 6.24798 3.65105 7.31797 6 7.77008"></path><path id="Ellipse 176" stroke="currentColor" d="M9 11V15C9 16.6569 11.9101 18 15.5 18C19.0899 18 22 16.6569 22 15V11"></path><path id="Ellipse 179" stroke="currentColor" d="M2 5V9C2 10.248 3.65105 11.318 6 11.7701"></path><path id="Ellipse 177" stroke="currentColor" d="M9 15V19C9 20.6569 11.9101 22 15.5 22C19.0899 22 22 20.6569 22 19V15"></path><path id="Ellipse 180" stroke="currentColor" d="M2 9V13C2 14.248 3.65105 15.318 6 15.7701"></path></g></svg>',cookie:'<svg><path stroke="currentColor" d="M17.79 4.308a4.061 4.061 0 0 1-7.216-1.93C5.726 3.07 2 7.238 2 12.278c0 5.522 4.477 10 10 10s10-4.478 10-10c0-.578-.049-1.144-.143-1.695a4.06 4.06 0 0 1-4.067-6.275Z"></path><path stroke="currentColor" d="M7.25 10.03h.5v.5h-.5v-.5ZM15.949 14.249h.5v.5h-.5v-.5ZM9.602 15.876h.5v.5h-.5v-.5Z"></path></svg>',copy:'<svg><g id="copy-document"><path id="Rectangle 842" stroke="currentColor" d="M16.5 5H6V22H21V9.5L16.5 5Z"></path><path id="Rectangle 843" stroke="currentColor" d="M3 19.5V2H14.5"></path><path id="Vector 1941" stroke="currentColor" d="M15.5 5V10.5H21"></path></g></svg>',"credit-card-with-plus-sign":'<svg><path d="M12 4H2V20H22V9M19 16H12M10 16H7M22.7307 4H14.75M18.75 0V8" stroke="currentColor"/></svg>',"credit-card":'<svg><path d="M2 20V4H22V20H2Z" stroke="currentColor"/><path d="M2 8H22" stroke="currentColor"/><path d="M2 12H22" stroke="currentColor"/><path d="M15 16H19" stroke="currentColor"/></svg>',cross:'<svg><g id="delete-1--remove-add-button-buttons-delete-cross-x-mathematics-multiply-math"><path id="Vector 2269" stroke="currentColor" d="M4 4L20 20"></path><path id="Vector 2270" stroke="currentColor" d="M20 4L4 20"></path></g></svg>',"currency-dollar":'<svg><g id="dollar-coin--accounting-billing-payment-cash-coin-currency-money-finance"><circle id="Ellipse 44" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Vector 2947" stroke="currentColor" d="M12 8V5.5"></path><path id="Vector 2948" stroke="currentColor" d="M12 18.5V16"></path><path id="Vector 3037" stroke="currentColor"      d="M15 10V9C15 8.44772 14.5523 8 14 8H10C9.44772 8 9 8.44772 9 9V10.2192C9 10.6781 9.3123 11.0781 9.75746 11.1894L14.2425 12.3106C14.6877 12.4219 15 12.8219 15 13.2808V15C15 15.5523 14.5523 16 14 16H10C9.44772 16 9 15.5523 9 15V14"></path></g></svg>',"currency-euro":'<svg><g id="euro-circle--exchange-payment-euro-forex-finance-foreign-currency"><circle id="Ellipse 44" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Vector" stroke="currentColor"      d="M15.5573 16.5573L15.1443 16.7048C11.8908 17.8667 8.46822 15.4548 8.46822 12C8.46822 8.54527 11.8908 6.13331 15.1443 7.29527L15.5573 7.44277M6.00001 10.5H12M6 13.5H12"></path></g></svg>',"document-checked":'<svg><g id="file-check-alternate--file-common-check"><path id="Rectangle 842" stroke="currentColor" d="M10 22H22V6L18 2H4V16"></path><path id="Vector 1618" stroke="currentColor" d="M1.5 19L5 22L11 14.5"></path></g></svg>',document:'<svg><g id="text-file--text-common-file"><path id="Rectangle 842" stroke="currentColor" d="M16 2H3V22H21V7L16 2Z"></path><path id="Vector 1952" stroke="currentColor" d="M7 7H12"></path><path id="Vector 1953" stroke="currentColor" d="M7 12H17"></path><path id="Vector 1954" stroke="currentColor" d="M7 17H17"></path></g></svg>',"ellipsis-vertical":'<svg><path d="M12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13ZM12 20C11.4477 20 11 19.5523 11 19C11 18.4477 11.4477 18 12 18C12.5523 18 13 18.4477 13 19C13 19.5523 12.5523 20 12 20ZM12 6C11.4477 6 11 5.55228 11 5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5C13 5.55228 12.5523 6 12 6Z" stroke="currentColor"/></svg>',ellipsis:'<svg><circle cx="12" cy="12" r="1" stroke="currentColor" stroke-width="2"/><circle cx="19" cy="12" r="1" stroke="currentColor" stroke-width="2"/><circle cx="5" cy="12" r="1" stroke="currentColor" stroke-width="2"/></svg>',envelope:'<svg><g id="mail-send-envelope--envelope-email-message-unopened-sealed-close"><path id="Rectangle 846" stroke="currentColor" d="M2 4H22V20H2z"></path><path id="Vector 2539" stroke="currentColor" d="M2 7L12 13L22 7"></path></g></svg>',euro:'<svg><g id="euro--exchange-payment-euro-forex-finance-foreign-currency"><path id="Vector 2371" stroke="currentColor" d="M19 21L18.1844 21.2913C11.7592 23.586 5 18.8227 5 12V12C5 5.1773 11.7592 0.413989 18.1844 2.70871L19 3"></path><path id="Vector 2372" stroke="currentColor" d="M1 10H13"></path><path id="Vector 2373" stroke="currentColor" d="M1 14H13"></path></g></svg>',"eye-crossed-out":'<svg><g id="invisible-1--disable-eye-eyeball-hide-off-view"><path id="Vector 1349" stroke="currentColor" d="M1 1L23 23"></path><path id="Intersect" stroke="currentColor" d="M6.53421 6.5224C8.14524 5.00997 9.90103 4 12.2446 4C16.9086 4 19.2446 8 22.7446 12C20.9274 14.0768 19.4239 16.1536 17.7455 17.6706M4.85571 8.29772C3.86157 9.44494 2.86247 10.7225 1.74463 12C5.24463 16 7.58064 20 12.2446 20C13.5447 20 14.6639 19.6892 15.6779 19.1542"></path><path id="Ellipse 20" stroke="currentColor" d="M10.0083 10C10.5576 9.38625 11.3559 9 12.2444 9C13.9013 9 15.2444 10.3431 15.2444 12C15.2444 12.8714 14.8728 13.6561 14.2795 14.2042"></path></g></svg>',eye:'<svg><g id="visible--eye-eyeball-open-view"><path id="Intersect" stroke="currentColor" d="M12.0814 4C7.41743 4 5.08142 8 1.58142 12C5.08142 16 7.41743 20 12.0814 20C16.7454 20 19.0814 16 22.5814 12C19.0814 8 16.7454 4 12.0814 4Z"></path><circle id="Ellipse 20" cx="12.081" cy="12" r="3" stroke="currentColor"></circle></g></svg>',flag:'<svg><path d="M1.5 1.5V23M4.60303 13.1051H19.2796L15.1097 7.55208L19.2796 1.99902H4.60303" stroke="currentColor"/></svg>',folder:'<svg><g id="new-folder--empty-folder"><path id="Rectangle 18" stroke="currentColor" d="M2 3H8L12 7H22V22H2V3Z"></path></g></svg>',"funnel-filter":'<svg><path d="M14.5005 13.5005L22.0005 6.00049V2.00049H2.00049V6.00049L9.50049 13.5005V21.5005L14.5005 18.5005V13.5005Z" stroke="currentColor"/></svg>',gallery:'<svg><path d="M5 20V7H22V20H5Z"stroke="currentColor"/><path d="M2 17V4H19"stroke="currentColor"/><path d="M9 20L17 12L22 17"stroke="currentColor"/><path d="M8.62646 11.3737V10.6265H9.37372V11.3737H8.62646Z"stroke="currentColor"/></svg>',globe:'<svg><g id="web--server-world-internet-earth-www-globe-worldwide-web-network"><circle id="Ellipse 701" cx="10" cy="10" r="10" stroke="currentColor" transform="matrix(-1 0 0 1 22 2)"></circle><path id="Vector 2586" stroke="currentColor" d="M2 12H22"></path><path id="Vector 2588" stroke="currentColor" d="M13.25 2L16.75 12L13.25 22"></path><path id="Vector 2589" stroke="currentColor" d="M10.75 2L7.25 12L10.75 22"></path></g></svg>',graph:'<svg><g id="graph--analytics-business-product-graph-data-chart-analysis"><path id="Vector 2450" stroke="currentColor" d="M2 1V22H23"></path><path id="Vector 2451" stroke="currentColor" d="M6 12L9 15L17 7L21.5 11.5"></path></g></svg>',hamburger:'<svg><g id="hamburger-menu-1--button-parallel-horizontal-lines-menu-navigation-three-hamburger"><path id="Vector 1993" stroke="currentColor" d="M1 2H23"></path><path id="Vector 1994" stroke="currentColor" d="M1 12H23"></path><path id="Vector 1995" stroke="currentColor" d="M1 22H23"></path></g></svg>',"happy-face":'<svg><g id="happy-face--smiley-chat-message-smile-emoji-face-satisfied"><circle id="Ellipse 7" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Vector 2050" stroke="currentColor" d="M8.5 8V10.5"></path><path id="Vector 2051" stroke="currentColor" d="M15.5 8V10.5"></path><path id="Ellipse 988" stroke="currentColor" d="M15.5 13C15.5 14.933 13.933 16.5 12 16.5C10.067 16.5 8.5 14.933 8.5 13"></path></g></svg>',headset:'<svg><g id="customer-support-1--customer-headset-help-microphone-phone-support"><path id="Rectangle 543" stroke="currentColor" d="M2 10H6V16H2V10Z"></path><path id="Rectangle 544" stroke="currentColor" d="M18 10H22V16H18V10Z"></path><path id="Vector 1276" stroke="currentColor" d="M6 10V8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8V16C18 18.2091 16.2091 20 14 20"></path><path id="Vector 1277" stroke="currentColor" d="M14 21.5V18.5H10V21.5H14Z"></path></g></svg>',heart:'<svg><g id="heart--reward-social-rating-media-heart-it-like-favorite-love"><path id="Vector 2027" stroke="currentColor" d="M10.25 5.75L12 7.5L13.75 5.75C15.5449 3.95507 18.4551 3.95508 20.25 5.75C22.0449 7.54492 22.0449 10.4551 20.25 12.25L12 20.5L3.75 12.25C1.95507 10.4551 1.95508 7.54492 3.75 5.75C5.54492 3.95508 8.45507 3.95507 10.25 5.75Z"></path></g></svg>',"hour-glass":'<svg><g id="hourglass--hourglass-loading-measure-clock-time"><path id="Vector 2052" stroke="currentColor" d="M3 2H21"></path><path id="Vector 2053" stroke="currentColor" d="M3 22H21"></path><path id="Vector 2054" stroke="currentColor" d="M6 8V2H18V8L14 12L18 16V22H6V16L10 12L6 8Z"></path><path id="Vector 2055" stroke="currentColor" d="M10 12H14"></path></g></svg>',house:'<svg><g id="home-1--home-house-roof-shelter"><path id="Vector 1" stroke="currentColor" d="M22 22H2V11L12 2L22 11V22Z"></path></g></svg>',image:'<svg><path d="M2 20V5H22V20H2Z"stroke="currentColor"/><path d="M16.5 7.7666C17.6046 7.7666 18.5 8.66203 18.5 9.7666C18.5 10.8712 17.6046 11.7666 16.5 11.7666C15.3954 11.7666 14.5 10.8712 14.5 9.7666C14.5 8.66203 15.3954 7.7666 16.5 7.7666Z"stroke="currentColor"/><path d="M2 16L7 11L13 17L15.1888 14.8112L20.3775 20"stroke="currentColor"/></svg>',invoice:'<svg><g id="inbox-open--mail-envelope-email-message-open-letter-text-document"><path id="Rectangle 846" stroke="currentColor" d="M22 22V10L12 16L2 10V22H22Z"></path><path id="Vector 2560" stroke="currentColor" d="M5 12V2H19V12"></path><path id="Vector 2561" stroke="currentColor" d="M8 5.5H16"></path><path id="Vector 2562" stroke="currentColor" d="M8 9.5H16"></path></g></svg>',key:'<svg><g id="key--entry-key-lock-login-pass-unlock-access"><path id="Vector 1289" stroke="currentColor" d="M6 12H11V17L7.5 20.5L2.5 15.5L6 12Z"></path><path id="Vector 1188" stroke="currentColor" d="M11 12L19 4L22.5 7.5"></path><path id="Vector 1189" stroke="currentColor" d="M16 7L19.5 10.5"></path></g></svg>',"link-crossed-out":'<svg><g id="broken-link-2--break-broken-hyperlink-link-remove-unlink-chain"><path id="Vector 47" stroke="currentColor" d="M16 8L12 12"></path><path id="Vector 1350" stroke="currentColor" d="M7.5 16.4999L9.99994 14"></path><path id="Vector 48" stroke="currentColor" d="M11 7L16 2L22 8L17 13"></path><path id="Vector 1348" stroke="currentColor" d="M13 17L8 22L2 16L7 11"></path><path id="Vector 1349" stroke="currentColor" d="M1 1L23 23"></path></g></svg>',link:'<svg><g id="link-chain--create-hyperlink-link-make-unlink-connection-chain"><path id="Vector 47" stroke="currentColor" d="M16 8L8 16"></path><path id="Vector 48" stroke="currentColor" d="M10.5 7.5L16 2L22 8L16.5 13.5"></path><path id="Vector 1348" stroke="currentColor" d="M13.5 16.5L8 22L2 16L7.5 10.5"></path></g></svg>',login:'<svg><g id="login-1--arrow-enter-frame-left-login-point-rectangle"><path id="Rectangle 452" stroke="currentColor" d="M15 7V2H2V22H15V17"></path><path id="Vector 1185" stroke="currentColor" d="M23 12H9"></path><path id="Vector 1186" stroke="currentColor" d="M13 8L9 12L13 16"></path></g></svg>',logout:'<svg><g id="logout-1--arrow-exit-frame-leave-logout-rectangle-right"><path id="Rectangle 452" stroke="currentColor" d="M15 7V2H2V22H15V17"></path><path id="Vector 1185" stroke="currentColor" d="M22 12H8"></path><path id="Vector 1186" stroke="currentColor" d="M18 8L22 12L18 16"></path></g></svg>',"mad-face":'<svg><g id="smiley-mad"><path id="Ellipse 988" stroke="currentColor" d="M15.5 17C15.5 15.067 13.933 13.5 12 13.5C10.067 13.5 8.5 15.067 8.5 17"></path><circle id="Ellipse 7" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Vector 2050" stroke="currentColor" d="M7 8.5L10 10"></path><path id="Vector 2051" stroke="currentColor" d="M17 8.5L14 10"></path></g></svg>',magnifier:'<svg><g id="magnifying-glass--glass-search-magnifying"><circle id="Ellipse 44" cx="11" cy="11" r="9" stroke="currentColor"></circle><path id="Vector 195" stroke="currentColor" d="M17.3639 17.3643L22.0001 22.0004"></path></g></svg>',"money-bill":'<svg><g id="bill-2--currency-billing-payment-finance-cash-bill-money-accounting"><circle id="Ellipse 174" cx="12" cy="12" r="3" stroke="currentColor"></circle><path id="Vector 1761" stroke="currentColor" d="M4 8H6"></path><path id="Vector 1762" stroke="currentColor" d="M18 16H20"></path><path id="Vector 1760" stroke="currentColor" d="M2 19V5H22V19H2Z"></path></g></svg>',"money-coin":'<svg><g id="dollar-coin-1--accounting-billing-payment-cash-coin-currency-money-finance"><path id="Ellipse 20" stroke="currentColor" d="M3.18034 9.81543C2.43174 11.0328 2 12.466 2 14C2 18.4182 5.58172 22 10 22C11.6209 22 13.1292 21.5179 14.3894 20.6893"></path><circle id="Ellipse 19" cx="14" cy="10" r="8" stroke="currentColor"></circle><path id="Vector 2947" stroke="currentColor" d="M14 7V5"></path><path id="Vector 2948" stroke="currentColor" d="M14 15V13"></path><path id="Vector 3037" stroke="currentColor" d="M16.25 8.5V8C16.25 7.44772 15.8023 7 15.25 7H12.75C12.1977 7 11.75 7.44772 11.75 8V8.44783C11.75 8.91653 12.0755 9.32234 12.5331 9.42402L15.4669 10.076C15.9245 10.1777 16.25 10.5835 16.25 11.0522V12C16.25 12.5523 15.8023 13 15.25 13H12.75C12.1977 13 11.75 12.5523 11.75 12V11.5"></path></g></svg>',"organization-chart":'<svg><g id="hierarchy-3--node-organization-links-structure-link-nodes-network-hierarchy"><path id="Rectangle 982" stroke="currentColor" d="M16 16H22V22H16z"></path><path id="Rectangle 983" stroke="currentColor" d="M2 16H8V22H2z"></path><path id="Rectangle 984" stroke="currentColor" d="M9 2H15V8H9z"></path><path id="Vector 2217" stroke="currentColor" d="M9 8L5 16"></path><path id="Vector 2218" stroke="currentColor" d="M8 19H16"></path><path id="Vector 2219" stroke="currentColor" d="M15 8L19 16"></path></g></svg>',"padlock-closed":'<svg><g id="padlock-square-1--combination-combo-lock-locked-padlock-secure-security-shield-keyhole"><path id="Ellipse 1" stroke="currentColor" d="M20 11L4 11L4 22L20 22L20 11Z"></path><path id="Vector 26" stroke="currentColor" d="M7 11V7C7 4.23858 9.23858 2 12 2V2C14.7614 2 17 4.23858 17 7V11"></path><path id="Vector 1270" stroke="currentColor" d="M12 15V18"></path></g></svg>',"padlock-open":'<svg><g id="padlock-square-2--combination-combo-key-keyhole-lock-secure-security-square-unlock-unlocked"><path id="Ellipse 1" stroke="currentColor" d="M20 11L4 11L4 22L20 22L20 11Z"></path><path id="Vector 26" stroke="currentColor" d="M7 11V7C7 4.23858 9.23858 2 12 2V2C14.7614 2 17 4.23864 17 7.00006V7.00006"></path><path id="Vector 1270" stroke="currentColor" d="M12 15V18"></path></g></svg>',"paper-plane":'<svg><g id="send-email--mail-send-email-paper-airplane"><path id="Vector 2529" stroke="currentColor" d="M2 9L22 2L15 22L10.5 17.5L7 21V14L2 9Z"></path><path id="Vector 2531" stroke="currentColor" d="M7 14L14.5 8"></path></g></svg>',"paperclip-2":'<svg><g id="paperclip-2--attachment-link-paperclip-unlink"><path id="Vector 1471" stroke="currentColor" d="M18 18V2H6V22H14V7H10V18"></path></g></svg>',pen:'<svg><g id="pencil--change-edit-modify-pencil-write-writing"><path id="Vector 48" stroke="currentColor" d="M8.00002 22L22 8L16 2L2 16L2.00002 22L8.00002 22Z"></path><path id="Vector 49" stroke="currentColor" d="M12.5 5.5L18.5 11.5"></path></g></svg>',"pen-disabled":'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1725_257)"><path d="M12.5001 5.49999L18.5001 11.5M2.03033 2.46961L21.5303 21.9696M8.00008 22L22.0001 8L16.0001 2L2.00006 16L2.00008 22H8.00008Z" stroke="currentColor" stroke-width="1.5"/></g><defs><clipPath id="clip0_1725_257"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>',"phone-with-shield":'<svg><g id="phone-shield--android-phone-mobile-device-smartphone-iphone-protection-shield"><path id="Rectangle 37" stroke="currentColor" d="M9 2L2 2L2 22L16 22L16 16.5"></path><path id="Vector 196" stroke="currentColor" d="M11 18L7 18"></path><path id="Vector 2333" stroke="currentColor" d="M12 9V2H22V9L17 13L12 9Z"></path></g></svg>',"pie-chart":'<svg><g id="pie-chart--product-data-analysis-analytics-pie-business-chart"><path id="Intersect" stroke="currentColor" d="M22 10.5C22 5.80558 18.1944 2 13.5 2V10.5L22 10.5Z"></path><path id="Subtract" stroke="currentColor" d="M10.5 22C15.1944 22 19 18.1944 19 13.5L10.5 13.5L10.5 5C5.80558 5 2 8.80558 2 13.5C2 18.1944 5.80558 22 10.5 22Z"></path></g></svg>',plus:'<svg><g id="add-1--expand-cross-buttons-button-more-remove-plus-add-+-mathematics-math"><path id="Vector 2265" stroke="currentColor" d="M12 1V23"></path><path id="Vector 2266" stroke="currentColor" d="M1 12H23"></path></g></svg>',printer:'<svg><g id="printer--scan-device-electronics-printer-print-computer"><path id="Rectangle 739" stroke="currentColor" d="M6 19H2V9H22V19H18"></path><path id="Rectangle 738" stroke="currentColor" d="M6 16H18V22H6z"></path><path id="Rectangle 740" stroke="currentColor" d="M18 6.5V2H6L6 6.5"></path></g></svg>',"puzzle-piece":'<svg><g id="module-puzzle-2--code-puzzle-module-programming-plugin-piece"><path id="Union" stroke="currentColor" d="M12.6632 7C12.8792 6.54537 13 6.0368 13 5.5C13 3.567 11.433 2 9.5 2C7.567 2 6 3.567 6 5.5C6 6.0368 6.12085 6.54537 6.33682 7H2V10.5354C2.1633 10.5121 2.33024 10.5 2.5 10.5C4.433 10.5 6 12.067 6 14C6 15.933 4.433 17.5 2.5 17.5C2.33024 17.5 2.1633 17.4879 2 17.4646V22H6.53544C6.51209 21.8367 6.5 21.6698 6.5 21.5C6.5 19.567 8.067 18 10 18C11.933 18 13.5 19.567 13.5 21.5C13.5 21.6698 13.4879 21.8367 13.4646 22H17V17.6632C17.4546 17.8792 17.9632 18 18.5 18C20.433 18 22 16.433 22 14.5C22 12.567 20.433 11 18.5 11C17.9632 11 17.4546 11.1208 17 11.3368V7H12.6632Z"></path></g></svg>',"qr-code":'<svg><g id="qr-code--codes-tags-code-qr"><path id="Vector 2518" stroke="currentColor" d="M10 10L6 10L6 6L10 6L10 10Z"></path><path id="Vector 2537" stroke="currentColor" d="M18 10L14 10L14 6L18 6L18 10Z"></path><path id="Vector 2538" stroke="currentColor" d="M10 18L6 18L6 14L10 14L10 18Z"></path><path id="Vector 2532" stroke="currentColor" d="M2 9V2H9"></path><path id="Vector 2534" stroke="currentColor" d="M2 15V22H9"></path><path id="Vector 2533" stroke="currentColor" d="M15 2L22 2L22 9"></path><path id="Vector 2535" stroke="currentColor" d="M15 22L22 22L22 15"></path><path id="Vector 2545" stroke="currentColor" d="M19.25 18H14V13"></path><path id="Vector 2507" stroke="currentColor" d="M17.9956 14.2542V13.75H18.4998V14.2542H17.9956Z"></path></g></svg>',receipt:'<svg><path d="M12 7V4.5"stroke="currentColor"/><path d="M12 16.5V14"stroke="currentColor"/><path d="M14.5 8.5V8C14.5 7.44772 14.0523 7 13.5 7H10.5C9.94772 7 9.5 7.44772 9.5 8V8.9302C9.5 9.40688 9.83646 9.81729 10.3039 9.91078L13.6961 10.5892C14.1635 10.6827 14.5 11.0931 14.5 11.5698V13C14.5 13.5523 14.0523 14 13.5 14H10.5C9.94772 14 9.5 13.5523 9.5 13V12.5"stroke="currentColor"/><path d="M4 2V21L8 18.5L12 22L16 18.5L20 21V2H4Z"stroke="currentColor"/></svg>',"recycle-bin-1":'<svg><g id="recycle-bin-1--remove-delete-empty-bin-trash-garbage"><path id="Vector 2273" stroke="currentColor" d="M1 6H23"></path><path id="Rectangle 760" stroke="currentColor" d="M4 6H20L18 22H6L4 6Z"></path><path id="Vector 2274" stroke="currentColor" d="M8 6V6C8 3.79086 9.79086 2 12 2V2C14.2091 2 16 3.79086 16 6V6"></path></g></svg>',"sad-face":'<svg><g id="sad-face--smiley-chat-message-emoji-sad-face-unsatisfied"><circle id="Ellipse 7" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Vector 2050" stroke="currentColor" d="M8.5 8V10.5"></path><path id="Vector 2051" stroke="currentColor" d="M15.5 8V10.5"></path><path id="Ellipse 988" stroke="currentColor" d="M15.5 17C15.5 15.067 13.933 13.5 12 13.5C10.067 13.5 8.5 15.067 8.5 17"></path></g></svg>',scale:'<svg><g id="justice-scale-1--office-work-scale-justice-company-arbitration-balance-court"><path id="Vector 2698" stroke="currentColor" d="M2 6H22"></path><path id="Vector 2700" stroke="currentColor" d="M10 16H2V17.5C2 17.5 3.5 19.5 6 19.5C8.5 19.5 10 17.5 10 17.5V16Z"></path><path id="Vector 2700_2" stroke="currentColor" d="M22 16H14V17.5C14 17.5 15.5 19.5 18 19.5C20.5 19.5 22 17.5 22 17.5V16Z"></path><path id="Vector 2703" stroke="currentColor" d="M12 6V2.5"></path><path id="Vector 2950" stroke="currentColor" d="M2 16V15.3438L6 6"></path><path id="Vector 2952" stroke="currentColor" d="M6 6L10 15.3438V16"></path><path id="Vector 2953" stroke="currentColor" d="M14 16V15.3438L18 6"></path><path id="Vector 2954" stroke="currentColor" d="M18 6L22 15.3438V16"></path></g></svg>',"shield-check":'<svg><g id="shield-check--shield-protection-security-defend-crime-war-cover-check"><path id="Rectangle 38" stroke="currentColor" d="M2.5 2L2.5 17L12 22L21.5 17L21.5 2L2.5 2Z"></path><path id="Vector 1143" stroke="currentColor" d="M7.5 11.5L11 14.5L17 7"></path></g></svg>',shield:'<svg><g id="shield-1--shield-protection-security-defend-crime-war-cover"><path id="Rectangle 38" stroke="currentColor" d="M2.5 2L2.5 17L12 22L21.5 17L21.5 2L2.5 2Z"></path></g></svg>',"sign-at":'<svg><g id="sign-at--mail-email-at-sign-read-address"><path id="Ellipse 682" stroke="currentColor" d="M12 17H17H22V12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22H16.5"></path><path id="Ellipse 683" stroke="currentColor" d="M12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12V17"></path></g></svg>',signature:'<svg><g id="signature"><path id="Vector 2206" stroke="currentColor" d="M14 19L23 19"></path><path id="Vector 2207" stroke="currentColor" d="M4 8V5.5C4 3.567 5.567 2 7.5 2V2C9.433 2 11 3.567 11 5.5V17.5C11 19.9853 8.98528 22 6.5 22H6C3.79086 22 2 20.2091 2 18V18C2 14.215 6.77544 12.0218 10.6779 10.9183C13.43 10.1401 15.9038 12.0188 16.4647 14.8233L16.5 15H17.5L17.9348 14.1305C18.894 12.2119 20.855 11 23 11V11"></path></g></svg>',slider:'<svg><g id="horizontal-slider-2--adjustment-adjust-controls-fader-horizontal-settings-slider"><path id="Vector 2003" stroke="currentColor" d="M1 12H7.5"></path><path id="Vector 2004" stroke="currentColor" d="M16.5 12H23"></path><circle id="Ellipse 611" cx="12" cy="12" r="2" stroke="currentColor"></circle><path id="Vector 2006" stroke="currentColor" d="M8.5 4H23"></path><circle id="Ellipse 612" cx="4" cy="4" r="2" stroke="currentColor"></circle><path id="Vector 2007" stroke="currentColor" d="M1 20H15.5"></path><circle id="Ellipse 613" cx="20" cy="20" r="2" stroke="currentColor"></circle></g></svg>',"speech-bubble-oval":'<svg><path d="M11.9998 22.0005C17.5226 22.0005 21.9998 17.5233 21.9998 12.0005C21.9998 6.47764 17.5226 2.00049 11.9998 2.00049C6.47691 2.00049 1.99976 6.47764 1.99976 12.0005C1.99976 14.4138 2.85464 16.6275 4.27809 18.3551L1.99976 22.0002L11.9998 22.0005Z" stroke="currentColor"/></svg>',"speech-bubble":'<svg><g id="chat-bubble-text-square--messages-message-bubble-text-square-chat"><path id="Rectangle 729" stroke="currentColor" d="M21 2.5L21 19L6.99976 19L3 21.5L3 2.5L21 2.5Z"></path><path id="Vector 2046" stroke="currentColor" d="M7 8H17"></path><path id="Vector 2047" stroke="currentColor" d="M7 12.5H14"></path></g></svg>',"splitted-circles":'<svg><path d="M6.43079 17.3847C3.0872 14.0411 3.0872 8.62057 6.43079 5.27698C9.77438 1.93339 15.1949 1.93339 18.5385 5.27698L6.43079 17.3847Z" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round"/><path d="M17.1846 6.61536C20.5282 9.95894 20.5282 15.3795 17.1846 18.7231C13.841 22.0666 8.42049 22.0666 5.0769 18.7231L6.6951 17.1049" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="square"/><path d="M17 18.5385L11.6154 12.7693" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round"/><path d="M13.3636 20.6364L8.36365 15.6364" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round"/><path d="M18.9231 14.3076L14.3077 9.69226" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round"/></svg>',star:'<svg><g id="star-1--reward-rating-rate-social-star-media-favorite-like-stars"><path id="Star 4" stroke="currentColor" d="M12 2.50024L15.5 8.50024L21.5 10.0002L17.5 14.5002L18.5 21.5002L12 18.5002L5.5 21.5002L6.5 14.5002L2.5 10.0002L8.5 8.50024L12 2.50024Z"></path></g></svg>',store:'<svg><g id="store-phone--store-shop-shops-stores-online-mobile-phone"><path id="Vector 2631" stroke="currentColor" d="M3 6H21"></path><path id="Vector 2754" stroke="currentColor" d="M5 2L3 6V8C3 9.65685 4.34315 11 6 11C7.65685 11 9 9.65685 9 8C9 9.65685 10.3431 11 12 11C13.6569 11 15 9.65685 15 8C15 9.65685 16.3431 11 18 11C19.6569 11 21 9.65685 21 8V6L19 2H5Z"></path><path id="Rectangle 881" stroke="currentColor" d="M5.5 14V22H18.5V14"></path><path id="Vector 2630" stroke="currentColor" d="M10 18H14"></path></g></svg>',"straight-face":'<svg><g id="straight-face--smiley-chat-message-indifferent-emoji-face-poker"><circle id="Ellipse 7" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Vector 2052" stroke="currentColor" d="M8.5 8V10.5"></path><path id="Vector 2051" stroke="currentColor" d="M15.5 8V10.5"></path><path id="Vector 2050" stroke="currentColor" d="M6.5 14.5H17.5"></path></g></svg>',"thumb-up":'<svg><g id="like-1--reward-social-up-rating-media-like-thumb-hand"><path id="Vector 33" stroke="currentColor" d="M6 11.5L6 21"></path><path id="Vector 34" stroke="currentColor" d="M19.5 21H2V11.5H6L8.5 3H9.4C11.3882 3 13 4.61177 13 6.6V9H22L19.5 21Z"></path></g></svg>',tray:'<svg><g id="inbox-tray-1--mail-email-outbox-drawer-empty-open-inbox-arrow-down"><path id="Vector 88" stroke="currentColor" d="M8.5 12.9998H2V22H22V12.9998H15.5V13.9998C15.5 15.9328 13.933 17.4998 12 17.4998C10.067 17.4998 8.5 15.9328 8.5 13.9998V12.9998Z"></path><path id="Vector 2557" stroke="currentColor" d="M8 6L12 10L16 6"></path><path id="Vector 2558" stroke="currentColor" d="M12 1V10"></path></g></svg>',"triangle-with-exclamation-mark":'<svg><path d="M12 9.5V16M12 18V19.5M12 3L21.5 21.5H2.5L12 3Z" stroke="currentColor"/></svg>',"two-speech-bubbles":'<svg><g id="chat-two-bubbles-oval--messages-message-bubble-chat-oval-conversation"><path id="Ellipse 331" stroke="currentColor" d="M7 19.9998H2L4.0505 16.7192C2.76939 15.1643 2 13.172 2 11C2 6.02944 6.02944 2 11 2C14.5337 2 17.5918 4.03656 19.0645 7"></path><path id="Ellipse 332" stroke="currentColor" d="M15.5 22C11.9101 22 9 19.0899 9 15.5C9 11.9101 11.9101 9 15.5 9C19.0899 9 22 11.9101 22 15.5C22 17.0687 21.4443 18.5075 20.5191 19.6305L22 21.9998L15.5 22Z"></path></g></svg>',"upload-document":'<svg><g id="upload-document"><path d="M7 8L12 3M12 3L17 8M12 3V17M3.5 18V22H20.5V18" stroke="currentColor" /></g><defs><clipPath id="clip0_1220_232"><rect width="24" height="24"/></clipPath></defs></svg>',"user-avatar-multiple":'<svg><g clip-path="url(#clip0_1069_263)"><path d="M15 11.5C16.933 11.5 18.5 9.933 18.5 8C18.5 6.067 16.933 4.5 15 4.5M18.5 19.5H22V16.3729C20.9167 15.7463 19.7417 15.2606 18.5 14.941M12.5 8C12.5 9.933 10.933 11.5 9 11.5C7.067 11.5 5.5 9.933 5.5 8C5.5 6.067 7.067 4.5 9 4.5C10.933 4.5 12.5 6.067 12.5 8ZM9 14.5C6.44999 14.5 4.05921 15.1818 2 16.373V19.5H16V16.373C13.9408 15.1818 11.55 14.5 9 14.5Z" stroke="currentColor" stroke-width="1.5"/></g><defs><clipPath id="clip0_1069_263"><rect width="24" height="24"/></clipPath></defs></svg>',"user-avatar-with-bars":'<svg><g clip-path="url(#clip0_1069_253)"><path d="M23 20.3798H14M12 20.3798H2V17.3292C4.51673 15.9281 7.41515 15.1299 10.5 15.1299C11.0053 15.1299 11.5056 15.1513 12 15.1933M23 17.3798C19.4853 17.3798 17.5147 17.3798 14 17.3798M23 14.3798H14M15 7.87988C15 10.2271 13.0972 12.1299 10.75 12.1299C8.40279 12.1299 6.5 10.2271 6.5 7.87988C6.5 5.53267 8.40279 3.62988 10.75 3.62988C13.0972 3.62988 15 5.53267 15 7.87988Z" stroke="currentColor" stroke-width="1.5"/></g><defs><clipPath id="clip0_1069_253"><rect width="24" height="24"/></clipPath></defs></svg>',"user-avatar-with-exclamation-mark":'<svg><g clip-path="url(#clip0_1067_239)"><path d="M15.3125 20.1299H2V17.3292C4.51673 15.9281 7.41515 15.1299 10.5 15.1299C12.4214 15.1299 14.2704 15.4395 16 16.0117M19.5 10.6299V19.1299M19.5 21.1299V22.6299M15 7.87988C15 10.2271 13.0972 12.1299 10.75 12.1299C8.40279 12.1299 6.5 10.2271 6.5 7.87988C6.5 5.53267 8.40279 3.62988 10.75 3.62988C13.0972 3.62988 15 5.53267 15 7.87988Z" stroke="currentColor" stroke-width="1.5"/></g><defs><clipPath id="clip0_1067_239"><rect width="24" height="24"/></clipPath></defs></svg>',"user-avatar-with-minus":'<svg><g clip-path="url(#clip0_130_1359)"><path d="M23 20.1299H14M12 20.1299H2V17.3292C4.51673 15.9281 7.41515 15.1299 10.5 15.1299C13.0274 15.1299 15.4297 15.6657 17.5995 16.6299M15 7.87988C15 10.2271 13.0972 12.1299 10.75 12.1299C8.40279 12.1299 6.5 10.2271 6.5 7.87988C6.5 5.53267 8.40279 3.62988 10.75 3.62988C13.0972 3.62988 15 5.53267 15 7.87988Z" stroke="currentColor" stroke-width="1.5"/></g><defs><clipPath id="clip0_130_1359"><rect width="24" height="24"/></clipPath></defs></svg>',"user-avatar":'<svg><g id="user-single-neutral--close-geometric-human-person-single-up-user"><path id="Ellipse 414" stroke="currentColor" d="M12 16C8.56169 16 5.32602 16.8676 2.5 18.3959V22H21.5V18.3959C18.674 16.8676 15.4383 16 12 16Z"></path><circle id="Ellipse 419" cx="12" cy="8" r="5" stroke="currentColor"></circle></g></svg>',"very-happy-face":'<svg><g id="smiley-very-happy-1"><circle id="Ellipse 7" cx="12" cy="12" r="10" stroke="currentColor"></circle><path id="Ellipse 988" stroke="currentColor" d="M15.5 13C15.5 14.933 13.933 16.5 12 16.5C10.067 16.5 8.5 14.933 8.5 13"></path><path id="Ellipse 990" stroke="currentColor" d="M10 10C10 9.17157 9.32843 8.5 8.5 8.5C7.67157 8.5 7 9.17157 7 10"></path><path id="Ellipse 991" stroke="currentColor" d="M17 10C17 9.17157 16.3284 8.5 15.5 8.5C14.6716 8.5 14 9.17157 14 10"></path></g></svg>',webhook:'<svg><g id="webhook"><path id="ellipse 172" stroke="currentColor" d="M15.4386 6.27433C15.4386 4.08493 13.6637 2.31006 11.4743 2.31006C9.28488 2.31006 7.51001 4.08493 7.51001 6.27433C7.51001 7.75902 8.32618 9.05308 9.53433 9.73231L6.02539 16.8671"></path><path id="ellipse 174" stroke="currentColor" d="M16.3325 20.5489C18.2285 21.6436 20.6531 20.9939 21.7478 19.0979C22.8425 17.2018 22.1928 14.7773 20.2967 13.6826C19.011 12.9402 17.4822 13 16.2899 13.7067L11.9235 7.06696"></path><path id="ellipse 173" stroke="currentColor" d="M4.0226 13.6145C2.05927 14.5835 1.25316 16.9605 2.2221 18.9239C3.19105 20.8872 5.56812 21.6933 7.53145 20.7244C8.86283 20.0673 9.66206 18.7627 9.73648 17.3787L17.6284 17.3649"></path></g></svg>'},d=r=>{s||(s=new DOMParser);const t=s.parseFromString(r,"text/html").querySelector("svg");return t&&(r=>{const t=(r=>Array.from(r.querySelectorAll("*")).filter((r=>{if(Array.from(r.attributes).filter((r=>r.name.startsWith("on"))).length>0)return r})).length>0)(r),e=r.querySelectorAll("script").length>0,o=r.querySelectorAll('[href^="javascript:"]').length>0;return!t&&!e&&!o})(t)?t:null},n=async r=>{try{const t=await fetch(r);if(!t.ok)return void console.warn(`Error while fetching from ${r}: ${t.status}.`);const e=await t.text(),o=d(e);return Promise.resolve(o)}catch(r){return Promise.reject(r)}},h=()=>l,p=(r,t)=>{const e=(r=>{let t=r.trim();return t=t.replace(/\sfill="([\S]*)"/gi,""),t=t.replace(/\sstroke="([\S]*)"/gi,""),t=t.replace(/\n|\r/g,""),t=t.replace(/>\s+</g,"><"),t=t.replace(/<svg[^>]*?>/gi,'<svg stroke="currentColor">'),t})(t);void 0===l[r]&&(l[r]=e)},g={s:"16",m:"24",l:"32"};let u=h();const C=class{constructor(t){r(this,t),this.kit=i,this.size="m",this.viewBox="0 0 24 24",this.color=null,this._setElementAttrs=(r,t={})=>{r&&Object.keys(t).forEach((e=>{null===r.getAttribute(e)&&void 0!==t[e]&&r.setAttribute(e,t[e])}))},this._defineSvgAttrs=()=>{const{viewBox:r,name:t}=this,e=this.size?g[this.size]:null,o={viewBox:r,key:t,xmlns:"http://www.w3.org/2000/svg","aria-label":this.iconAriaLabel,"aria-hidden":!this.iconAriaLabel};return null!==e&&(o.width=e,o.height=e),o},this._passAttributesToSvg=()=>{const r=this.host.querySelector("svg");null!==r&&this._setElementAttrs(r,{viewBox:(t=>this.host.getAttribute(t)||r.getAttribute(t)||this[t])("viewBox")})},this._defineSvgElement=async()=>{let r=null,t={};if(this.src){try{r=await n(this.src)}catch(r){return console.info("Error while fetching:",r),null}if(r){this._setElementAttrs(r,this._defineSvgAttrs());const t=this.src.split("/").pop().replace(".svg","");return void 0!==u[t]||(p(t,`${r.outerHTML}`),u=h()),r}console.warn(`The icon was NOT found by src "${this.src}".`)}if(this.name){if(r=(r=>{const t=(r=>l[r]||null)(r);return t?d(t):null})(this.name),null!==r)return t=this._defineSvgAttrs(),this._setElementAttrs(r,t),r;const e=this.kit===i?`${c}${this.name}.svg`:`${c}${this.kit}/${this.name}.svg`;try{r=await n(e)}catch(r){return void console.info(`Error while fetching "${e}":`,r)}return r?(this._setElementAttrs(r,this._defineSvgAttrs()),p(this.name,`${r.outerHTML}`),u=h(),r):void console.info(`\n          No SVG Element recieved after fetching "${e}".\n        `)}}}get cssColor(){if(!this.color)return null;const r=new RegExp(/^var\(/),t=new RegExp(/^--r-/),e=new RegExp(/^rgb?.\(/),o=new RegExp(/^#(?:[0-9a-fA-F]{3}){1,2}$/).test(this.color),a=e.test(this.color),c=r.test(this.color),i=t.test(this.color);return o||a||c?this.color:i?`var(${this.color})`:null}componentWillLoad(){this._passAttributesToSvg()}async componentWillRender(){this.svgElement=await this._defineSvgElement()}render(){const r={};if(r.style={color:this.cssColor},!this.svgElement)return t(e,null,t("div",Object.assign({class:"r-icon"},r),t("slot",null)));const a={innerHTML:this.svgElement.outerHTML};return t(e,null,t("div",Object.assign({class:"r-icon"},r),t("i",Object.assign({class:"r-icon--container"},a)),"button"===this.variant&&t(o,null,t("i",{class:"r-icon--button-area"}),t("i",{class:"r-icon--target-area"}))))}static get assetsDirs(){return["bundled-icons"]}get host(){return a(this)}};C.style=":host{display:inline-block;vertical-align:top}:host([size=s]){--r-icon--width:16px;--r-icon--height:16px;line-height:16px}:host([size=m]){--r-icon--width:24px;--r-icon--height:24px;line-height:24px}:host([size=l]){--r-icon--width:32px;--r-icon--height:32px;line-height:32px}:host([size]){--r-icon--slotted--width:var(--r-icon--width, 24px);--r-icon--slotted--height:var(--r-icon--height, 24px)}:host([variant=button]){--r-icon--target-area--display:block;--r-icon--button-area--display:block}:host([variant=button]:hover){--r-icon--button-area--border-color:var(--r-border-softer);--r-icon--button-area--background-color:var(--r-background-interactive-hovered)}:host([variant=button][size=m]){--r-icon--button-area--width:2.25rem;--r-icon--button-area--height:2.25rem;--r-icon--button-area--top:calc(50% - 1.125rem)\n  --r-icon--button-area--left: calc(50% - 1.125rem)}:host([variant=button][size=l]){--r-icon--button-area--width:2.75rem;--r-icon--button-area--height:2.75rem;--r-icon--button-area--top:calc(50% - 1.375rem)\n  --r-icon--button-area--left: calc(50% - 1.375rem)}.r-icon{display:var(--r-icon--display, block);width:var(--r-icon--width, 24px);height:var(--r-icon--height, 24px);margin-left:var(--r-icon--margin-left, 0);margin-right:var(--r-icon--margin-right, 0);overflow:var(--r-icon--overflow, hidden);color:var(--r-icon--color, inherit)}.r-icon--container{display:var(--r-icon--container--display, flex);align-items:var(--r-icon--container--align-items, center);justify-content:var(--r-icon--container--justify-content, center);fill:var(--r-icon--container--fill, rgba(0, 0, 0, 0));stroke:var(--r-icon--container--stroke, inherit);stroke-width:var(--r-icon--container--stroke-width, 1.5);width:var(--r-icon--container--width, inherit);height:var(--r-icon--container--height, inherit)}.r-icon ::slotted(svg){width:var(--r-icon--slotted--width, 100%);height:var(--r-icon--slotted--height, auto);vertical-align:var(--r-icon--slotted--vertical-align, top);color:var(--r-icon--slotted--color, inherit);stroke-width:var(--r-icon--slotted--stroke-width, 1.5);fill:var(--r-icon--slotted--fill, transparent)}.r-icon--button-area{position:var(--r-icon--button-area--position, absolute);left:var(--r-icon--button-area--left, calc(50% - 0.75rem));top:var(--r-icon--button-area--top, calc(50% - 0.75rem));display:var(--r-icon--button-area--display, none);width:var(--r-icon--button-area--width, 1.5rem);height:var(--r-icon--button-area--height, 1.5rem);background-color:var(--r-icon--button-area--background-color, transparent);border-width:var(--r-icon--button-area--border-width, 1px);border-style:var(--r-icon--button-area--border-style, solid);border-color:var(--r-icon--button-area--border-color, transparent);border-radius:var(--r-icon--button-area--border-radius, 50%);box-sizing:var(--r-icon--button-area--box-sizing, border-box);outline:var(--r-icon--button-area--outline, none);outline-offset:var(--r-icon--button-area--outline-offset, 0);box-shadow:var(--r-icon--button-area--box-shadow, 0)}.r-icon--target-area{position:var(--r-icon--target-area--position, absolute);left:var(--r-icon--target-area--left, calc(50% - 1.375rem));top:var(--r-icon--target-area--top, calc(50% - 1.375rem));display:var(--r-icon--target-area--display, none);width:var(--r-icon--target-area--width, 2.75rem);height:var(--r-icon--target-area--height, 2.75rem);background-color:var(--r-icon--target-area--background-color, transparent)}";export{C as r_icon}