@riverty/web-components 5.8.0 → 6.1.0

package/dist/web-components/p-0bb04d79.entry.js

@@ -1 +0,0 @@
-import{r as a,c as e,h as r,H as t,g as n}from"./p-Da7qOBFr.js";const l=class{constructor(r){a(this,r),this.panelStateChanged=e(this,"panelStateChanged"),this.hasHeader=!1,this.active=!1,this.hasFooter=!1,this.variant="visible",this.collapsed=!1,this.labelCollapse="collapse-panel",this.labelExpand="expand-panel",this.isCollapsed=this.collapsed,this.updateCurrentLocationBound=this.updateCurrentLocation.bind(this),this.handleSemiCollapsedButtonClick=()=>{this.togglePanel();document.querySelectorAll("r-list-item[expanded]").forEach(this.isCollapsed?a=>{a.removeAttribute("expanded")}:a=>{a.setAttribute("expanded","")})},this.handleFullyCollapsedButtonClick=()=>{this.collapsePanel()}}toggleSubItems(a){const e=a.target;"R-LIST-ITEM"===e.tagName&&this.isCollapsed&&this.variant&&e.hasAttribute("has-sub-items")&&this.expandPanel()}async togglePanel(){this.isCollapsed=!this.isCollapsed}async expandPanel(){this.isCollapsed=!1}async collapsePanel(){this.isCollapsed=!0}handleCollapseChange(a){this.isCollapsed=a,"drawer"!==this.variant&&"modal"!==this.variant||(localStorage.setItem("panelState",JSON.stringify(a)),this.panelStateChanged.emit({collapsed:a}))}watchVariant(a){this.isCollapsed="modal"===a}handleDocumentClick(a){this.handleClickOutside(a)}getNavLinks(){return document.querySelectorAll("r-list-item[href]")}get isVariantCollapsible(){return"modal"===this.variant}handleClickOutside(a){"R-BUTTON"===a.target.tagName||this.host.contains(a.target)||!this.isVariantCollapsible||this.isCollapsed||this.collapsePanel()}componentWillLoad(){if(this.isCollapsed=this.isVariantCollapsible,"drawer"===this.variant){const a=localStorage.getItem("panelState");this.isCollapsed=a?JSON.parse(a):this.isCollapsed}}componentWillRender(){window.addEventListener("popstate",this.updateCurrentLocationBound),window.addEventListener("hashchange",this.updateCurrentLocationBound),this.highlightCurrentLink()}componentDidRender(){this.highlightCurrentLink()}disconnectedCallback(){window.removeEventListener("popstate",this.updateCurrentLocationBound),window.removeEventListener("hashchange",this.updateCurrentLocationBound)}updateCurrentLocation(){this.currentLocation=window.location.hash?window.location.hash.slice(1):window.location.href,this.highlightCurrentLink()}highlightCurrentLink(){this.getNavLinks().forEach((a=>{if(a instanceof HTMLElement){const e=a.getAttribute("href"),r=e===this.currentLocation||e===window.location.pathname+window.location.hash;this.updateLinkState(a,r)}}));const a=document.querySelector(".active");a&&a.scrollIntoView({behavior:"smooth",block:"end"})}updateLinkState(a,e){e?(a.setAttribute("active",""),a.classList.add("active"),this.expandParentMenus(a),this.highlightParent(a)):(a.removeAttribute("active"),a.classList.remove("active"))}highlightParent(a){const e=a.parentElement;e&&"R-LIST-ITEM"===e.tagName&&e.setAttribute("active-parent","")}expandParentMenus(a){var e;let r=a.closest("r-list-item[has-sub-items]");for(;r&&!this.isCollapsed;)r.setAttribute("expanded",""),r=null===(e=r.parentElement)||void 0===e?void 0:e.closest("r-panel")}render(){return r(t,{key:"f57ca21d8a782d736984c091af8ad7bede50f81b",collapsed:this.isCollapsed},r("div",{key:"138a6e18232630123667ad328c393c93e4908cf6",class:"r-panel"},r("div",{key:"377662f16e8fca37a557adaf4fd8329e47828303",class:"r-panel--header"},this.hasHeader&&r("a",{key:"f183b59e3dff6ca76905b2b52902d2e6ec6f2709",class:"logo-wrapper",href:this.logoLink},r("slot",this.isCollapsed?{name:"logo-collapsed"}:{name:"logo-expanded"})),"modal"===this.variant?r("r-button",{class:"r-panel--trigger",variant:"blank",title:`${this.labelCollapse}`,icon:"cross","r-aria-label":`${this.labelCollapse}`,onClick:this.handleFullyCollapsedButtonClick}):"drawer"===this.variant?r("r-button",{class:"r-panel--trigger",variant:"blank",title:this.isCollapsed?`${this.labelExpand}`:`${this.labelCollapse}`,icon:"angle-left","r-aria-label":this.isCollapsed?`${this.labelExpand}`:`${this.labelCollapse}`,onClick:this.handleSemiCollapsedButtonClick}):null),r("div",{key:"0f239dc288b9c73f348341e99a06cce9e4499a0e",class:"r-panel--body"},r("slot",{key:"6fd883065b4db924b1c245e7ea5bcf71229f0840"})),this.hasFooter&&!this.isCollapsed&&r("div",{key:"ce6a1f84358a505940d3ef04c5c218caa972b090",class:"r-panel--footer"},r("slot",{key:"e4422d8955e7e64babab3b3f04cfa06f32dad74a",name:"footer"}))))}get host(){return n(this)}static get watchers(){return{isCollapsed:["handleCollapseChange"],variant:["watchVariant"]}}};l.style=":host{--r-panel--min-width:300px;--r-panel--background-color:var(--r-background-soft, #F3F1F0);--r-panel--display:flex;--r-panel--flex-direction:column;--r-panel--position:fixed;--r-panel--align-items:flex-start;--r-panel--top:0;--r-panel--padding:var(--spacing-050, 8px) 0;--r-panel--width:300px;--r-panel--height:100%;--r-panel--color:var(--r-text-regular, #282828);--r-panel--transition:all 250ms ease-in-out;--r-panel--transform:none;--r-panel--font-family:var(--r-font-family-text);--r-panel--left:0;--r-panel--header--display:flex;--r-panel--header--padding:var(--spacing-075, 12px) var(--spacing-100, 16px) var(--spacing-075, 12px) var(--spacing-100, 16px);--r-panel--header--justify-content:space-between;--r-panel--header--align-items:center;--r-panel--header--align-self:stretch;--r-panel--header--icon-rotate:none;--r-panel--header--flex-direction:row;--r-panel--header--gap:50px;--r-panel--header--logo--img--width:100%;--r-panel--header--logo--img--height:auto;--r-panel--header--logo--img--expanded--width:192px;--r-panel--header--logo--img--collapsed--width:30px;--r-panel--header--height:unset;--r-panel--body--display:block;--r-panel--body--flex-grow:1;--r-panel--body--align-self:stretch;--r-panel--body--overflow:auto;--r-panel--body--padding:var(--r-spacing-025, 4px) var(--spacing-050, 8px) 0;--r-panel--body-header--color:var(--r-text-soft, #686868);--r-panel--body-header--padding:var(--spacing-100, 16px) 0 var(--spacing-100, 16px);--r-panel--body-header--width:268px;--r-panel--footer--dispay:flex;--r-panel--footer--padding:var(--spacing-100, 16px) var(--spacing-100, 16px) var(--spacing-150, 24px) var(--spacing-100, 16px);--r-panel--footer--flex-direction:column;--r-panel--footer--justify-content:center;--r-panel--footer-gap:var(--spacing-100, 16px);--r-panel--footer--align-self:stretch;--r-panel--footer--text-align:center}:host([variant=drawer]) r-button{--r-button--padding:10px;--r-button--background:var(--r-background-interactive-softer, #E7E4E2);--r-button--border-radius:10%;--r-button--slot--position:relative;--r-button--left:5%}:host([variant=drawer][collapsed]){--r-panel--width:72px;--r-panel--header--display:none;--r-panel--header--icon-rotate:rotate(180deg);--r-panel--header--logo--expaned--display:none;--r-panel--header--logo--collapsed--display:block;--r-panel--header--flex-direction:column;--r-panel--header--gap:12px;--r-list-item--epxanded--background-color:rgba(40, 40, 40, 0.08)}:host([variant=drawer][collapsed]) r-button{--r-button--slot--position:inherit;transition:transform 250ms ease-in-out}:host([variant=modal][collapsed]){--r-panel--transform:translate(-100%)}:host([collapsed]:not([variant=modal])){--r-panel--min-width:0;--r-list-item--text--display:none;--r-list-item--trailing--display:none}:host([variant=drawer]:not([has-header]):not([collapsed])),:host([variant=drawer][has-header=false]:not([collapsed])){--r-panel--header--height:24px;--r-panel--header--padding:var(--spacing-075, 12px) var(--spacing-050, 8px) 0 var(--spacing-100, 16px)}:host([variant=drawer]:not([has-header]):not([collapsed])) r-button,:host([variant=drawer][has-header=false]:not([collapsed])) r-button{--r-button--top:20%;--r-button--left:97%}:host([collapsed]){--r-list-item--active-parent--background-color:rgba(40, 40, 40, 0.08)}.r-panel{z-index:2;min-width:var(--r-panel--min-width);background-color:var(--r-panel--background-color);display:var(--r-panel--display);flex-direction:var(--r-panel--flex-direction);align-items:var(--r-panel--align-items);width:var(--r-panel--width);height:var(--r-panel--height);position:var(--r-panel--position);top:var(--r-panel--top);padding:var(--r-panel--padding);color:var(--r-panel--color);transition:var(--r-panel--transition);transform:var(--r-panel--transform);left:var(--r-panel--left);font-family:var(--r-panel--font-family);box-sizing:border-box}.r-panel .logo-wrapper .logo-expanded{width:var(--r-panel--header--logo--img--expanded--width)}.r-panel .logo-wrapper .logo-collapsed{width:var(--r-panel--header--logo--img--collapsed--width)}.r-panel .logo-wrapper img{width:var(--r-panel--header--logo--img--width);height:var(--r-panel--header--logo--img--height)}.r-panel .logo-wrapper:focus,.r-panel .logo-wrapper:focus-visible{box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}.r-panel--header{display:flex;padding:var(--r-panel--header--padding);justify-content:var(--r-panel--header--justify-content);align-items:var(--r-panel--header--align-items);align-self:var(--r-panel--header--align-self);flex-direction:var(--r-panel--header--flex-direction);gap:var(--r-panel--header--gap);height:var(--r-panel--header--height)}.r-panel--header r-button{--r-button--padding:0;transform:var(--r-panel--header--icon-rotate);background:var(--r-button--background);position:var(--r-button--slot--position);left:var(--r-button--left);top:var(--r-button--top);border-radius:var(--r-button--border-radius)}.r-panel--body{flex-grow:var(--r-panel--body--flex-grow);align-self:var(--r-panel--body--align-self);display:var(--r-panel--body--display);overflow:var(--r-panel--body--overflow);padding:var(--r-panel--body--padding)}.r-panel--body ::slotted(.header){color:var(--r-panel--body-header--color);padding:var(--r-panel--body-header--padding);display:var(--r-panel--header--display);width:var(--r-panel--body-header--width)}.r-panel ::slotted([slot=footer]){display:var(--r-panel--footer--dispay);padding:var(--r-panel--footer--padding);flex-direction:var(--r-panel--footer--flex-direction);justify-content:var(--r-panel--footer--justify-content);gap:var(--r-panel--footer-gap);align-self:var(--r-panel--footer--align-self);text-align:var(--r-panel--footer--text-align)}";export{l as r_panel}

package/dist/web-components/p-15ac0fdd.entry.js

@@ -1 +0,0 @@
-import{r as t,c as r,h as e,H as a,g as i}from"./p-Da7qOBFr.js";import{a as s}from"./p-DvLT8-y3.js";const n=class{constructor(e){t(this,e),this.rChange=r(this,"rChange"),this.rInput=r(this,"rInput"),this.rReset=r(this,"rReset"),this.rValidate=r(this,"rValidate"),this.value=this.textareaSlotValue,this.placeholder="Provide an input",this.resize="none",this.characterLimitReachedMessage="You've reached the character limit.",this.showValid=!1,this.validityState=null,this.validityMessage="",this.initial={},this.uniqueId=`r-textarea-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.onInput=t=>{if(this.readonly)return;this.value=t.target.value,this.validateFormElement(this.nativeElement);const{host:r,value:e}=this;this.rInput.emit({element:r,value:e}),e.length===this.maxlength&&this.characterLimitReachedAlert&&(this.characterLimitReachedAlert.innerText=this.characterLimitReachedMessage,setTimeout((()=>{this.characterLimitReachedAlert.innerText=""}),2e3))},this.onChange=t=>{if(this.readonly)return;this.value=t.target.value,this.validateFormElement(this.nativeElement);const{host:r,value:e}=this;this.rChange.emit({element:r,value:e})},this.onSubmitForm=t=>{this.isNoValidate||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.onResetForm=()=>{if(this.readonly)return;this.validityState=null,this.validityMessage=null,this.value=this.initial.value,this.invalid=this.initial.invalid,this.valid=!this.invalid;const{host:t,value:r}=this;this.rReset.emit({element:t,value:r})},this.getValidityStateData=t=>{let r="",e="";for(const a in t.validity)if(t.validity[a]){if(r=a,this[a+"Message"])return e=this[a+"Message"],{validityState:r,validityMessage:e};e=t.validationMessage}return{validityState:r,validityMessage:e}},this.validateFormElement=(t=null)=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;const{validityState:r,validityMessage:e}=this.getValidityStateData(t);this.validityState=r,this.validityMessage=e;const a="valid"===this.validityState;this.valid=a,this.invalid=!a,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.contributeToFormData=t=>{s(this.nativeElement||this.host,t.formData)}}async setValue(t){this.readonly||(this.value=t)}async getValue(){return this.value}async reset(){this.readonly||(this.validityState=null,this.validityMessage=null,this.value=this.initial.value,this.invalid=this.initial.invalid,this.valid=!this.invalid)}async setFocus(){this.nativeElement.focus()}async setBlur(){this.nativeElement.blur()}async setSelectionRange(t,r,e){this.nativeElement.setSelectionRange(t,r,e)}async setRangeText(t,r,e,a){this.nativeElement.setRangeText(t,r,e,a)}async setCustomValidity(t){this.customErrorMessage=t,this.validateFormElement(this.nativeElement)}async checkValidity(){const{validityState:t}=this.getValidityStateData(this.nativeElement);return"valid"===t}async reportValidity(){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!!this.validityState&&("valid"!==this.validityState&&!(!this.customErrorMessage&&!this.validityMessage))}get hasValidationSuccess(){return 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 textareaSlotValue(){return this.host.textContent}connectFormEventListeners(){var t,r,e;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(r=this.parentFormEl)||void 0===r||r.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(e=this.parentFormEl)||void 0===e||e.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,r,e;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(r=this.parentFormEl)||void 0===r||r.removeEventListener("submit",this.onSubmitForm),null===(e=this.parentFormEl)||void 0===e||e.removeEventListener("reset",this.onResetForm)}componentWillLoad(){this.initial.value=this.value,this.initial.invalid=this.invalid}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}render(){const{name:t,rows:r,cols:i,placeholder:s,required:n,showCounter:o,maxlength:l,minlength:h,form:d,value:c,disabled:u,resize:v,hint:p,invalid:x,label:g,uniqueId:m,fieldIndicator:b,tooltip:f,tooltipIcon:y,tooltipIconColor:w,readonly:z}=this,k={name:t,rows:r,cols:i,placeholder:s,required:n,maxlength:l,minlength:h,form:d,value:c,disabled:u,resize:v,readonly:z,id:m,"aria-describedby":this.ariaDescribedBy,"aria-invalid":`${!!x}`,"aria-required":`${!!n}`},$=g?Object.assign({label:g,fieldIndicator:b},f&&!u?{tooltip:f,tooltipIcon:y,tooltipIconColor:w}:{}):{},V=Object.entries(this).reduce(((t,[r,e])=>("function"==typeof e&&r.startsWith("on")&&(t[r]=e),t)),{});return e(a,null,e("div",{class:"r-textarea--label-container"},e("label",{htmlFor:m},g&&e("r-label",Object.assign({id:`${m}-label`},$),g)),e("slot",{name:"popover"})),p&&e("r-hint",{id:`${m}-hint`,role:"note"},p),e("div",{class:"r-textarea--container","data-disabled":`${!!u}`,"data-readonly":`${!!z}`},e("textarea",Object.assign({class:"r-textarea--input"},k,V,{ref:t=>this.nativeElement=t,onChange:this.onChange,onInput:this.onInput})),e("div",{class:"r-textarea--trailing"},this.readonly&&e("r-icon",{class:"r-textarea--readonly-icon",name:"pen-disabled",size:"s"}),this.hasTrailingSlot&&e("slot",{name:"trailing"}))),e("div",{class:"r-textarea--messages"},e("r-hint",{"aria-live":"polite","aria-atomic":"true",id:`${m}-message`,class:!this.hasMessage&&"visually-hidden",variant:x?"error":"success"},this.hasError&&this.error,this.hasValidationError&&(this.customErrorMessage||this.validityMessage),this.hasValidationSuccess&&this.validMessage),o&&e("r-hint",{"aria-hidden":!0,class:"r-textarea--messages--counter"},`${c.length}${l?"/":""}${l}`),l&&e("div",{class:"visually-hidden",ref:t=>this.characterLimitReachedAlert=t,"aria-live":"assertive"})))}get host(){return i(this)}};n.style=":host{opacity:1;display:block;outline:none;--r-label--margin-bottom:0}:host(:focus-visible){outline:none}:host([resize=none]){--r-textarea--input--resize:none}:host([resize=both]){--r-textarea--input--resize:both}:host([resize=horizontal]){--r-textarea--input--resize:horizontal}:host([resize=vertical]){--r-textarea--input--resize:vertical}:host([resize=initial]){--r-textarea--input--resize:initial}:host([resize=inherit]){--r-textarea--input--resize:inherit}:host([invalid]:not([invalid=false])){--r-textarea--container--background-color:var(--r-status-error-soft, #fef6f6);--r-textarea--container--border-color:var(--r-status-error-regular, #b00c15)}.r-textarea--label-container{display:var(--r-textarea--label-container--display, flex);gap:var(--r-textarea--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-textarea--label-container--align-items, center);justify-content:var(--r-textarea--label-container--align-items, space-between)}.r-textarea--label-container ::slotted([slot=popover]){display:var(--r-textarea--popover--display, inline-flex);height:var(--r-textarea--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-textarea--popover--align-items, center);justify-content:var(--r-textarea--popover--justify-content, center);margin-right:var(--r-textarea--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-textarea--popover-trigger--min-width, var(--r-spacing-150, 1.5))}.r-textarea--input::placeholder{color:var(--r-textarea--input--placeholder--color, var(--r-text-soft, #686868))}.r-textarea--input{vertical-align:top;width:var(--r-textarea--input--width, 100%);max-width:var(--r-textarea--input--max-width, 100%);min-height:var(--r-textarea--input--min-height, 8.875em);font-family:var(--r-textarea--input--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-textarea--input--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-textarea--input--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-textarea--input--line-height, var(--r-line-height-m, 1.5));color:var(--r-textarea--input--color, var(--r-text-regular, #282828));background-color:var(--r-textarea--input--background-color, transparent);opacity:var(--r-textarea--input--opacity, 1);border-width:var(--r-textarea--input--border-width, 0px);border-style:var(--r-textarea--input--border-style, solid);border-color:var(--r-textarea--input--border-color, var(--r-border-soft, #686868));border-radius:var(--r-textarea--input--border-radius, 0);box-sizing:var(--r-textarea--input--box-sizing, border-box);box-shadow:var(--r-textarea--input--box-shadow, none);padding:var(--r-textarea--input--padding, var(--r-textarea--input--padding-top, 0.688em) var(--r-textarea--input--padding-right, 0.625em) var(--r-textarea--input--padding-bottom, 0.688em) var(--r-textarea--input--padding-left, 0.625em));margin-top:var(--r-textarea--input--margin-top, 0);resize:var(--r-textarea--input--resize, both);z-index:var(--r-textarea--input--z-index, 1);outline:var(--r-textarea--input--outline, none);outline-offset:var(--r-textarea--input--outline-offset, 0);pointer-events:var(--r-textarea--input--pointer-events, auto);cursor:var(--r-textarea--input--cursor, inherit)}.r-textarea--container{display:flex;align-items:start;overflow:visible;background-color:var(--r-textarea--container--background-color, var(--r-background-interactive-softest, #f7f7f7));border-width:var(--r-textarea--container--border-width, 1px);border-style:var(--r-textarea--container--border-style, solid);border-color:var(--r-textarea--container--border-color, var(--r-border-soft, #686868));padding:var(--r-textarea--container--padding, 0);margin-top:var(--r-textarea--container--margin-top, var(--r-spacing-025, 0.25rem));box-shadow:var(--r-textarea--container--box-shadow, none);outline:var(--r-textarea--container--outline, none);outline-offset:var(--r-textarea--container--outline-offset, none)}.r-textarea--container[data-readonly=true]{--r-textarea--container--background-color:var(--r-background-soft, #f3f1f0);--r-textarea--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-textarea--container--cursor:text}.r-textarea--container:hover:not([data-disabled=true]):not([data-readonly=true]){--r-textarea--container--background-color:var(--r-background-interactive-hovered)}.r-textarea--container:active:not([data-disabled=true]):not([data-readonly=true]){--r-textarea--container--background-color:var(--r-background-interactive-pressed)}.r-textarea--container:focus-within{--r-textarea--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-textarea--container--outline:2px solid var(--r-border-focused, #0071e3);--r-textarea--container--outline-offset:2px}.r-textarea--trailing{display:var(--r-textarea--trailing--display, flex);margin-top:var(--r-textarea--trailing--margin-top, 0.688em);margin-right:var(--r-textarea--trailing--margin-right, 0.625em);margin-left:var(--r-textarea--trailing--margin-left, auto);gap:var(--r-textarea--trailing--gap, 0.625rem)}.r-textarea--trailing:empty{display:none}.r-textarea--readonly-icon{color:var(--r-textarea--readonly-icon--color, var(--r-icon-soft, #686868))}.r-textarea--messages{display:flex;gap:var(--r-textarea--messages--gap, var(--r-spacing-025, 0.25rem))}.r-textarea--messages--counter{margin-left:auto}.r-textarea--messages:has(r-hint){margin-top:var(--r-spacing-025, 0.25rem)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";export{n as r_textarea}

package/dist/web-components/p-1c956370.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as r,H as i,g as o}from"./p-Da7qOBFr.js";import{a as s}from"./p-DvLT8-y3.js";const a=class{constructor(r){e(this,r),this.rChange=t(this,"rChange"),this.rReset=t(this,"rReset"),this.rValidate=t(this,"rValidate"),this.showValid=!1,this.validityState="",this.validityMessage="",this.initial={},this.getValidityStateData=e=>{let t="",r="";for(const i in e.validity)if(e.validity[i]){if(t=i,this[i+"Message"])return r=this[i+"Message"],{validityState:t,validityMessage:r};r=e.validationMessage}return{validityState:t,validityMessage:r}},this.validateFormElement=(e=null)=>{if(null===e)return;if(this.isNoValidate)return;if(this.error)return;const{validityState:t,validityMessage:r}=this.getValidityStateData(e);this.validityState=t,this.validityMessage=r;const i="valid"===this.validityState;this.valid=i,this.invalid=!i,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.uniqueId=`r-checkbox-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.touched=!1,this.handleClick=e=>{this.disabled||"A"!==e.target.tagName&&(e.preventDefault(),this.toggleChecked())},this.onSubmitForm=e=>{this.isNoValidate||(this.validateFormElement(this.nativeElement),this.invalid&&(e.preventDefault(),e.stopPropagation()))},this.onResetForm=()=>{this.validityState=null,this.validityMessage=null,this.checked=this.initial.checked,this.invalid=this.initial.invalid,this.valid=!this.invalid;const{host:e,value:t,checked:r}=this;this.rReset.emit({element:e,value:t,checked:r})},this.contributeToFormData=e=>{s(this.nativeElement||this.host,e.formData)}}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get isNoValidate(){var e;return(null===(e=this.parentFormEl)||void 0===e?void 0:e.hasAttribute("novalidate"))||this.novalidate||!1}async getValidityState(){const{validityState:e,validityMessage:t}=this.getValidityStateData(this.nativeElement);return this.validityState=e,this.validityMessage=t,{state:this.validityState,message:this.validityMessage}}async handleCheckedChange(){if(!this.touched)return;if(this.disabled)return;const{host:e,value:t,checked:r}=this;this.rChange.emit({element:e,value:t,checked:r}),this.nativeElement&&(this.nativeElement.checked=r),this.required&&!this.isNoValidate&&this.validateFormElement(this.nativeElement)}connectFormEventListeners(){var e,t,r;null===(e=this.parentFormEl)||void 0===e||e.addEventListener("formdata",this.contributeToFormData),null===(t=this.parentFormEl)||void 0===t||t.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(r=this.parentFormEl)||void 0===r||r.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var e,t,r;null===(e=this.parentFormEl)||void 0===e||e.removeEventListener("formdata",this.contributeToFormData),null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("submit",this.onSubmitForm),null===(r=this.parentFormEl)||void 0===r||r.removeEventListener("reset",this.onResetForm)}componentWillLoad(){this.initial.checked=this.checked,this.initial.invalid=this.invalid}componentDidLoad(){this.nativeElement&&(this.nativeElement.indeterminate=this.indeterminate)}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}async setFocus(){var e;null===(e=this.nativeElement)||void 0===e||e.focus()}async setBlur(){var e;null===(e=this.nativeElement)||void 0===e||e.blur()}async check(){this.checked=!0}async uncheck(){this.checked=!1}async toggleChecked(){this.touched=!0,this.checked=!this.checked}async setIndeterminate(){this.indeterminate=!0}async clearIndeterminate(){this.indeterminate=!1}async checkValidity(){const{validityState:e}=this.getValidityStateData(this.nativeElement);return"valid"===e}get hasErrorMessage(){var e;return"string"==typeof this.error&&(null===(e=this.error)||void 0===e?void 0:e.length)>0}get hasCustomErrorMessage(){var e;return"string"==typeof this.customErrorMessage&&(null===(e=this.customErrorMessage)||void 0===e?void 0:e.length)>0}get hasValidationError(){var e;return"valid"!==this.validityState&&(null===(e=this.validityMessage)||void 0===e?void 0:e.length)>0}get hasInvalidMessage(){return!!this.invalid&&(this.hasErrorMessage||this.hasCustomErrorMessage||this.hasValidationError)}get hasValidMessage(){const{valid:e,validMessage:t}=this,r="string"==typeof t&&(null==t?void 0:t.trim().length)>0;return e&&r}get hasMessage(){return this.hasInvalidMessage||this.hasValidMessage}render(){const{error:e,name:t,value:o,disabled:s,required:a,uniqueId:c,checked:h,indeterminate:n}=this;return r(i,{key:"3c1b6f0ea2497cc8c1641b9ba3a1408832c50808",onClick:this.handleClick},r("div",{key:"585298821156cb66889bfc13e7148afb2847d1c4",class:"r-checkbox"},r("input",Object.assign({key:"02509a5c0d4b869c03e6a023e5c3aa1ef4b7057e",class:"r-checkbox--input",type:"checkbox"},{name:t,value:o,disabled:s,required:a,checked:h,indeterminate:n},{id:`${c}-input`,ref:e=>this.nativeElement=e,"aria-describedby":this.hasMessage?`${c}-message`:null,"aria-required":`${this.required||!1}`,"aria-invalid":`${this.invalid||!1}`})),r("div",{key:"ec02858464651e1938848375fbf527f73fab76f1",class:"r-checkbox--box","aria-hidden":"true"},this.checked?r("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M8.80019 15.8988L4.6002 11.6988L3.2002 13.0988L8.80019 18.6988L20.8002 6.69883L19.4002 5.29883L8.80019 15.8988Z",fill:"currentColor"})):this.indeterminate?r("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("rect",{x:"4",y:"11",width:"16",height:"2",fill:"currentColor"})):null),r("div",{key:"310a1c3a77074fa77bf9daa4e371196f9f39fdd5",class:"r-checkbox--description"},r("label",{key:"05666e7a11e9907067b9fbe7024669e8b11e5884",class:"r-checkbox--label",id:`${c}-label`,htmlFor:`${c}-input`},r("slot",{key:"45c7ed40f84a15a0dccb6768011d067d4c9da26b"})),r("div",{key:"b41e092d77775c0a9c4582248d353b1b49533206",id:`${c}-message`,class:this.hasMessage?"r-checkbox--message":"visually-hidden","aria-live":"polite","aria-atomic":"true"},this.hasInvalidMessage&&r("r-hint",{key:"169e7d7ae74e6484f50f0cc5575dfdb537b16076",variant:"error"},e||this.customErrorMessage||this.validityMessage),this.hasValidMessage&&r("r-hint",{key:"cdaaad06d4f0cd0e880a3f327c0eb8d2058eb91b",variant:"success"},this.validMessage)))))}get host(){return o(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};a.style=":host{display:block;user-select:none;box-sizing:border-box;font-family:var(--r-font-family-text);font-size:var(--r-font-size-400);text-align:left;color:var(--r-text-regular);cursor:pointer}:host ::slotted(a),:host ::slotted(a:visited),:host ::slotted(a:hover),:host ::slotted(a:focus),:host ::slotted(a:active){color:var(--r-text-regular)}:host slot{display:contents}:host(:hover:not([disabled]:not([disabled=false]))){--r-checkbox--box--background-color:var(--r-background-interactive-hovered)}:host(:focus-within:not(:active)){box-shadow:0 0 0 3px var(--r-border-focused-outlined, #fff), inset 0 0 0 1px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px;--r-checkbox--box--box-shadow:0 0 0 3px var(--r-border-focused-outlined, #fff), inset 0 0 0 1px var(--r-border-focused-outlined, #fff);--r-checkbox--box--outline:2px solid var(--r-border-focused, #0071e3);--r-checkbox--box--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false]))){--r-checkbox--box--background-color:var(--r-background-interactive-pressed)}:host([invalid]:not([invalid=false])){--r-checkbox--box--border-color:var(--r-status-error-regular);--r-checkbox--box--background-color:var(--r-status-error-soft);--r-checkbox--marker--color:var(--r-status-error-regular)}:host([disabled]:not([disabled=false])){--r-checkbox--box--opacity:0.4;--r-checkbox--cursor:not-allowed;--r-checkbox--label-container--cursor:not-allowed;--r-checkbox--label--cursor:not-allowed;cursor:not-allowed}.r-checkbox{position:var(--r-checkbox--position, relative);display:var(--r-checkbox--display, flex);gap:var(--r-checkbox--gap, var(--r-spacing-100, 1rem));cursor:var(--r-checkbox--cursor, pointer);padding:var(--r-checkbox--padding, var(--r-spacing-100, 1rem));min-height:var(--r-checkbox--min-height, var(--r-spacing-150, 1.5rem))}.r-checkbox--input{position:var(--r-checkbox--input--position, absolute);top:var(--r-checkbox--input--top, var(--r-checkbox--padding));left:var(--r-checkbox--input--left, var(--r-checkbox--padding));opacity:var(--r-checkbox--input--opacity, 0);width:var(--r-checkbox--input--width, 1.5rem);height:var(--r-checkbox--input--height, 1.5rem);box-sizing:var(--r-checkbox--input--box-sizing, border-box);padding:var(--r-checkbox--input--padding, 0);margin:var(--r-checkbox--input--margin, 0)}.r-checkbox--box{position:var(--r-checkbox--box--position, relative);display:var(--r-checkbox--box--display, flex);align-items:var(--r-checkbox--box--align-items, center);justify-content:var(--r-checkbox--box--justify-content, center);left:var(--r-checkbox--box--left, 0);top:var(--r-checkbox--box--top, 0);height:var(--r-checkbox--box--height, 1.5rem);width:var(--r-checkbox--box--width, 1.5rem);min-width:var(--r-checkbox--box--min-width, 1.5rem);background-color:var(--r-checkbox--box--background-color, var(--r-background-interactive-softest, #fff));border-width:var(--r-checkbox--box--border-width, 0.0625rem);border-style:var(--r-checkbox--box--border-style, solid);border-color:var(--r-checkbox--box--border-color, var(--r-border-soft, #686868));outline:var(--r-checkbox--box--outline, none);outline-offset:var(--r-checkbox--box--outline-offset, 0);box-sizing:var(--r-checkbox--box--box-sizing, border-box);box-shadow:var(--r-checkbox--box--box-shadow, none);opacity:var(--r-checkbox--box--opacity, 1)}.r-checkbox--description{cursor:var(--r-checkbox--label-container--cursor, pointer);flex:var(--r-checkbox--label-container--flex, 1);line-height:var(--r-checkbox--label-container--line-height, 1.5);display:var(--r-checkbox--label-container--display, flex);flex-direction:var(--r-checkbox--label-container--flex-direction, column);gap:var(--r-checkbox--label-container--gap, var(--r-spacing-025, 0.25rem))}.r-checkbox--label{cursor:var(--r-checkbox--label--cursor, pointer)}.r-checkbox--message{margin-top:var(--r-checkbox--message--margin-top, var(--r-spacing-025, 0.25rem))}:host(.visually-hidden),.visually-hidden{position:absolute;width:0.0625rem;height:0.0625rem;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}";export{a as r_checkbox}

package/dist/web-components/p-2a512983.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as r,H as e,g as o}from"./p-Da7qOBFr.js";import{a as s}from"./p-DvLT8-y3.js";const a=class{constructor(r){t(this,r),this.rValidate=i(this,"rValidate"),this.rChange=i(this,"rChange"),this.rReset=i(this,"rReset"),this.showValid=!1,this.variant="standard",this.validityState="",this.validityMessage="",this.initial={},this.uniqueId=`r-radio-group-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.getValidityStateData=t=>{let i="",r="";if(null===t)return{validityState:i,validityMessage:r};for(const e in t.validity)if(t.validity[e]){if(i=e,this[e+"Message"])return r=this[e+"Message"],{validityState:i,validityMessage:r};r=t.validationMessage}return{validityState:i,validityMessage:r}},this.validateFormElement=(t=null)=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;const{validityState:i,validityMessage:r}=this.getValidityStateData(t);this.validityState=i,this.validityMessage=r;const e="valid"===this.validityState;this.valid=e,this.invalid=!e,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onSubmitForm=t=>{this.isNoValidate||(this.validateFormElement(this.nativeSelectedEl||this.nativeFirstEl),this.hasSelected&&!this.invalid||(t.preventDefault(),t.stopPropagation()))},this.onResetForm=()=>{this.reset()},this.onLabelClick=()=>{const t=this.radioButtonElements[0].shadowRoot.querySelector('[type="radio"]');null==t||t.focus()},this.contributeToFormData=t=>{s(this.host,t.formData)}}rChangeAction(t){this.resetValidity(),this.setValue(t.detail.value)}radioButtonClickAction(t){!t.target.disabled&&t.target.select()}get selectedIndex(){return Array.from(this.radioButtonElements).findIndex((t=>t.hasAttribute("checked")))}get prevIndex(){return 0===this.selectedIndex||-1===this.selectedIndex?this.radioButtonElements.length-1:this.selectedIndex-1}get focusedRadioButtonEl(){return this.host.querySelector("r-radio-button.focused")}get focusedRadioButtonElIndex(){return Array.from(this.radioButtonElements).indexOf(this.focusedRadioButtonEl)}get nextIndex(){return-1===this.selectedIndex?-1===this.focusedRadioButtonElIndex?0:this.focusedRadioButtonElIndex+1:this.selectedIndex===this.radioButtonElements.length-1?0:this.selectedIndex+1}radioButtonKeydownAction(t){var i;switch(t.detail.code){case"ArrowUp":case"ArrowLeft":this.radioButtonElements[this.prevIndex].select();break;case"ArrowDown":case"ArrowRight":this.radioButtonElements[this.nextIndex].select();break;case"Enter":{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():this.parentFormEl.requestSubmit();break}}}async resetValidity(){this.validityMessage=null,this.validityState=null,this.invalid=this.initial.invalid,this.valid=!this.invalid}async reset(){this.resetValidity(),this.initial.value?this.setValue(this.initial.value):this.clearValue()}async setValue(t){const i=Array.from(this.radioButtonElements).find((i=>i.value===t));void 0!==i?(this.value=t,null==i||i.select()):this.clearValue()}async getValue(){return this.value||null}async clearValue(){var t,i,r,e,o,s;(null===(t=this.nativeSelectedEl)||void 0===t?void 0:t.value)===(null===(i=this.nativeFirstEl)||void 0===i?void 0:i.value)||null===(r=this.nativeSelectedEl)||void 0===r||r.setAttribute("tabindex","-1"),null===(e=this.nativeSelectedEl)||void 0===e||e.setAttribute("tabindex","-1"),null===(o=this.nativeFirstEl)||void 0===o||o.setAttribute("tabindex","0"),null===(s=this.selectedRadioButtonElement)||void 0===s||s.removeAttribute("checked"),this.value=null}async checkValidity(){const t=this.nativeSelectedEl||this.nativeFirstEl||null,{validityState:i}=this.getValidityStateData(t);return"valid"===i}async reportValidity(){return this.validateFormElement(this.nativeSelectedEl||this.nativeFirstEl||null),"valid"===this.validityState}async setCustomValidity(t){const i=this.nativeSelectedEl||this.nativeFirstEl||null;this.customErrorMessage=t,this.validateFormElement(i)}async setFocus(){const t=this.selectedRadioButtonElement||this.radioButtonElements[0]||null;null==t||t.setFocus()}async setBlur(){var t;null===(t=this.focusedRadioButtonEl)||void 0===t||t.setBlur()}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!this.required||!1}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get radioButtonElements(){return this.host.querySelectorAll('r-radio-button:not([disabled]:not([disabled="false"]))')}get selectedRadioButtonElement(){return Array.from(this.radioButtonElements).find((t=>t.hasAttribute("checked")))||null}get hasSelected(){return Array.from(this.radioButtonElements).some((t=>t.hasAttribute("checked")))}get nativeSelectedEl(){var t,i;return null===this.selectedRadioButtonElement?null:(null===(i=null===(t=this.selectedRadioButtonElement)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector(".r-radio-button--input"))||null}get nativeFirstEl(){var t,i;return(null===(i=null===(t=this.radioButtonElements[0])||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector(".r-radio-button--input"))||null}passPropsToGroupItems(t={}){Object.entries(t).forEach((([t,i])=>{this.radioButtonElements.forEach((r=>{"string"==typeof i&&r.setAttribute(t,i),"boolean"==typeof i&&i&&r.setAttribute(t,"")}))}))}selectGroupItemByValue(){this.hasSelected&&!this.value&&(this.value=this.selectedRadioButtonElement.value),this.setValue(this.value)}setTabindex(){const t=this.nativeSelectedEl||this.nativeFirstEl;null==t||t.setAttribute("tabindex","0")}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("reset",this.onResetForm),null===(r=this.parentFormEl)||void 0===r||r.addEventListener("submit",this.onSubmitForm,{capture:!0})}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("reset",this.onResetForm),null===(r=this.parentFormEl)||void 0===r||r.removeEventListener("submit",this.onSubmitForm)}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}componentWillLoad(){const{required:t,name:i}=this;this.passPropsToGroupItems({required:t,name:i}),this.selectGroupItemByValue(),this.initial.value=this.value,this.initial.invalid=this.invalid}componentDidLoad(){const{name:t,required:i}=this;this.passPropsToGroupItems({name:t,required:i}),this.setTabindex()}render(){const{label:t,hint:i,fieldIndicator:o,tooltip:s,tooltipIcon:a,tooltipIconColor:n,error:l,uniqueId:d,invalid:h}=this;return r(e,{key:"5bf5f0493d2329b07d82e332153e467239ddff0f"},r("div",{key:"06f96cb1868f7cbb635137ca68eda6a326b969c3",class:"r-radio-group",onClick:this.onLabelClick},t&&r("div",{key:"4dca24e0cb903a2e74e55ee743ed595608af0bf4",class:"r-radio-group--label-container"},r("r-label",Object.assign({key:"cba1398032eae164db0a00808a06116affa671ec",id:`${d}-label`,class:"r-radio-group--label","field-indicator":o},{tooltip:s,"tooltip-icon":a,"tooltip-icon-color":n}),t),r("slot",{key:"c0180f3c6c99fed7d524719aff8eb8e64236cc3c",name:"popover"})),i&&r("r-hint",{key:"3ae1c84630975059aa1532b4b72957967e398949",id:`${d}-hint`,class:"r-radio-group--hint",role:"note"},i),r("div",{key:"2c18a09474189e6f2719db7c6ee5fb51c460e52f",class:"r-radio-group--content"},r("slot",{key:"1c79f92cc0cd2095cfe51ee5fc108b6a004c4e4e"}))),h&&l&&r("r-hint",{key:"86aa0f4d1400e401cc7f71259511f118a3f68ef7","aria-live":"polite",id:`${d}-message`,role:"alert",variant:"error"},l),"valid"!==this.validityState&&this.validityMessage&&r("r-hint",{key:"aa06f829a6566becdf4a1f86e26e5161526756fb","aria-live":"polite",id:`${d}-message`,role:"alert",variant:"error"},this.customErrorMessage||this.validityMessage),this.valid&&this.validMessage&&this.showValid&&r("r-hint",{key:"11500e705487028e4312679a6757dc48d861ebba",role:"alert",variant:"success"},this.validMessage))}get host(){return o(this)}};a.style=":host{display:flex;flex-direction:column;box-sizing:border-box;margin-bottom:var(--r-spacing-100)}:host ::slotted(r-radio-button){display:var(--r-radio-group--slotted-radio-button--display, flex)}:host ::slotted(.focused){--r-radio-button--box-shadow:0 0 0 3px var(--r-border-focused-outlined, #fff), inset 0 0 0 1px var(--r-border-focused-outlined, #fff);--r-radio-button--outline:2px solid var(--r-border-focused, #0071e3);--r-radio-button--outline-offset:2px}:host slot{display:contents}:host([variant=contained]) ::slotted(r-radio-button){padding:0;--r-radio-button--padding:var(--r-spacing-100, 1rem);--r-radio-button--border-color:var(--r-border-soft, #686868);--r-radio-button--border-width:1px}:host([invalid]:not([invalid=false])) ::slotted(r-radio-button){--r-radio-button--box--border-color:var(--r-status-error-regular, #b00c15);--r-radio-button--box--background-color:var(--r-status-error-soft, #fef6f6);--r-radio-button--marker--background-color:var(--r-status-error-regular, #b00c15)}:host .r-radio-group{display:var(--r-radio-group--display, flex);flex-direction:var(--r-radio-group--flex-direction, column)}:host .r-radio-group--label-container{display:var(--r-radio-group--label-container--display, flex);gap:var(--r-radio-group--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-radio-group--label-container--align-items, center);justify-content:var(--r-radio-group--label-container--justify-content, space-between)}:host .r-radio-group--label-container ::slotted([slot=popover]){display:var(--r-radio-group--popover--display, inline-flex);height:var(--r-radio-group--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-radio-group--popover--align-items, center);justify-content:var(--r-radio-group--popover--justify-content, center);margin-right:var(--r-radio-group--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-radio-group--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-radio-group--popover--trigger--min-height, var(--r-spacing-150, 1.5))}:host .r-radio-group--hint{margin-bottom:var(--r-radio-group--hint--margin-bottom, var(--r-spacing-100, 1rem))}:host .r-radio-group--content{display:var(--r-radio-group--content--display, flex);flex-direction:var(--r-radio-group--content--flex-direction, column);flex-wrap:var(--r-radio-group--content--flex-wrap, nowrap);gap:var(--r-radio-group--content--gap, var(--r-spacing-050, 0.5rem))}:host .r-radio-group+r-hint{margin-top:var(--r-radio-group--hint--margin-top, var(--r-spacing-050, 0.5rem))}";export{a as r_radio_group}

package/dist/web-components/p-2b2f581a.entry.js

@@ -1 +0,0 @@
-import{r,c as t,h as a,H as e,g as o}from"./p-Da7qOBFr.js";const i=class{constructor(a){r(this,a),this.tabChange=t(this,"tabChange"),this.moveTabFocus=t(this,"moveTabFocus"),this.disabled=!1,this.active=!1,this.handleClick=()=>{this.disabled||this.active||this.tabChange.emit({element:this.host})},this.handleKeyup=r=>{this.disabled||this.active||("Enter"===r.code||"Space"===r.code)&&this.tabChange.emit({element:this.host})},this.handleKeydown=r=>{if(!this.disabled){switch(r.code){case"Space":case"Home":case"End":r.preventDefault()}this.moveTabFocus.emit({element:this.host,keycode:r.code})}}}render(){const{disabled:r,active:t,panelId:o}=this;return a(e,Object.assign({key:"2e2b2d84376e097c80a84a1e7224c0f026c16277",onClick:this.handleClick,onKeyUp:this.handleKeyup,onKeyDown:this.handleKeydown},{role:"tab",tabindex:t?"0":"-1","panel-id":o,"aria-controls":o,"aria-selected":`${t}`,"aria-disabled":`${r}`}),a("span",{key:"c38098d413b17ba8b8ddd3436687879d1b37114f",class:"r-tab"},a("span",{key:"3f7bfedd8a933da7ec52f34dd64f3a4e862cb836",class:"r-tab--slot"},a("slot",{key:"bc056a0d06188ddd1b47c3c062a4d51367e48393"}))))}get host(){return o(this)}};i.style=':host{display:flex;outline:none;opacity:1;cursor:pointer}:host(:hover:not([disabled]:not([disabled=false]))){--r-tab--color:var(--r-text-strong);--r-tab--marker--height:5px;--r-tab--marker--background-color:var(--r-border-softer, #c9c9c9);--r-tab--marker--visibility:visible}:host(:active:not([disabled]:not([disabled=false]))){--r-tab--background-color:var(--r-background-interactive-pressed, rgba(40,40,40,0.12))}:host(:focus-visible){--r-tab--marker--visibility:visible;--r-tab--marker--height:5px;--r-tab--marker--background-color:var(--r-background-interactive-pressed, rgba(40,40,40,0.12));--r-tab--slot--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-tab--slot--outline:2px solid var(--r-border-focused, #0071e3);--r-tab--slot--outline-offset:2px}:host([active]:not([active=false])){cursor:default;--r-tab--font-weight:var(--r-font-weight-semibold, 600);--r-tab--color:var(--r-text-strong, #000);--r-tab--padding-left:0.5625rem;--r-tab--padding-right:0.5625rem;--r-tab--marker--background-color:var(--r-border-regular, #282828);--r-tab--marker--visibility:visible;--r-tab--marker--height:3px}:host([disabled]:not([disabled=false])){opacity:0.4;cursor:not-allowed;--r-tab--pointer-events:none;--r-tab--marker--visibility:hidden;--r-tab--slot--box-shadow:none}.r-tab{position:var(--r-tab--position, relative);font-family:var(--r-tab--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-tab--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-tab--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-tab--line-height, 1);cursor:var(--r-tab--cursor, inherit);pointer-events:var(--r-tab--pointer-events, initial);padding-top:var(--r-tab--padding-top, 0);padding-right:var(--r-tab--padding-right, 0.625rem);padding-bottom:var(--r-tab--padding-bottom, 1.25rem);padding-left:var(--r-tab--padding-left, 0.625rem);opacity:var(--r-tab--opacity, 1);background:var(--r-tab--background, none);color:var(--r-tab--color, var(--r-text-regular, #282828));border:var(--r-tab--border, none);box-shadow:var(--r-tab--box-shadow, none);outline:var(--r-tab--outline, none)}.r-tab::after{content:var(--r-tab--marker--content, "");width:var(--r-tab--marker--width, 100%);height:var(--r-tab--marker--height, 3px);position:var(--r-tab--marker--position, absolute);bottom:var(--r-tab--marker--bottom, 0);left:var(--r-tab--marker--left, 0);visibility:var(--r-tab--marker--visibility, hidden);background-color:var(--r-tab--marker--background-color, rgba(0, 0, 0, 0));transition:var(--r-tab--marker--transition, all 0.1s ease-in)}.r-tab--slot{box-shadow:var(--r-tab--slot--box-shadow, none);outline:var(--r-tab--slot--outline, none);outline-offset:var(--r-tab--slot--outline-offset, 0)}';export{i as r_tab}

package/dist/web-components/p-2e18e762.entry.js

@@ -1 +0,0 @@
-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=>{let i="",r="";if("email"===this.type&&this.pattern)return t.setCustomValidity(""),i=this.validEmailPattern?"valid":"patternMismatch",r=this.validEmailPattern?"":this.patternMismatchMessage,{validityState:i,validityMessage:r};for(const n in t.validity)if(t.validity[n]){if(i=n,this[n+"Message"])return r=this[n+"Message"],{validityState:i,validityMessage:r};r=t.validationMessage}return{validityState:i,validityMessage:r}},this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;const{validityState:i,validityMessage:r}=this.getValidityStateData(t);this.validityState=i,this.validityMessage=r;const n="valid"===this.validityState;this.valid=n,this.invalid=!n,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)}async checkValidity(){const{validityState:t}=this.getValidityStateData(this.nativeElement);return"valid"===t}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,M={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},S=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"},S),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},M,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-3bc93d65.entry.js

@@ -1 +0,0 @@
-import{r,h as t,H as e,g as a}from"./p-Da7qOBFr.js";const s=class{constructor(t){r(this,t)}render(){return t(e,{key:"83668642a70a083a0db012ad4e80aa31eeb08b85",slot:"description"},t("div",{key:"12530fbda5f2789443e7d78237ba633922d97683",class:"r-radio-button-description",style:{display:"contents"}},t("slot",{key:"a62b23dc0e9ea5f80660e9e97a45a4f1aef50c24"})))}get host(){return a(this)}};s.style=":host{font-size:var(--r-font-size-400, 1rem);font-weight:var(--r-font-weight-regular, 400);color:var(--r-text-regular, #282828)}";export{s as r_radio_button_description}

package/dist/web-components/p-4bd3e077.entry.js

@@ -1 +0,0 @@
-import{r as t,h as r,H as a}from"./p-Da7qOBFr.js";const s=class{constructor(r){t(this,r)}render(){return r(a,{key:"323b36e7d276c42c72764c34f2564153d80b64d2",role:"tablist"},r("div",{key:"bab777186d6d538c6f541e08bda090ab228f38d3",class:"r-tabs-list"},r("slot",{key:"60a0d80ba3ada9d218ca8058cdcdf720277e19d0"})))}};s.style=":host{display:block}.r-tabs-list{display:var(--r-tabs-list--display, flex);margin-bottom:var(--r-tabs-list--margin-bottom, 40px);border-bottom-width:var(--r-tabs-list--border-bottom-width, 1px);border-bottom-style:var(--r-tabs-list--border-bottom-style, solid);border-bottom-color:var(--r-tabs-list--border-bottom-color, var(--r-border-softer, #c9c9c9))}.r-tabs-list ::slotted(r-tab){margin-right:var(--r-tabs-list--r-tab--margin-right, 40px)}.r-tabs-list ::slotted(r-tab:last-of-type){margin-right:var(--r-tabs-list--r-tab--last-of-type--margin-right, 0)}";export{s as r_tabs_list}

package/dist/web-components/p-51a5804b.entry.js

@@ -1 +0,0 @@
-import{r as a,c as r,h as o,H as i,g as e}from"./p-Da7qOBFr.js";const t=class{constructor(o){a(this,o),this.dialogClose=r(this,"close"),this.open=!1,this.bodyHeight="auto",this.size="medium",this.isOpen=this.open,this.uniqueId=`r-dialog-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.isElContent=a=>{const r=this.host.querySelector(a);return null!==r&&(null==r?void 0:r.textContent.trim().length)>0},this.onTriggerClick=()=>{this.close()},this.isInside=a=>{var r;const o=null===(r=this.dialogElement)||void 0===r?void 0:r.getBoundingClientRect();return o.top<=a.clientY&&a.clientY<=o.bottom&&o.left<=a.clientX&&a.clientX<=o.right}}handleOpenChange(){this.open&&!this.isOpen&&this.showModal()}get isFooterSlot(){return this.isElContent('[slot="footer"]')}get dialogLabel(){var a,r;return this.headline||(null===(r=null===(a=this.host.querySelector('[slot="header"]'))||void 0===a?void 0:a.textContent)||void 0===r?void 0:r.trim())}async showModal(){var a;this.isOpen=!0,null===(a=this.dialogElement)||void 0===a||a.showModal()}async close(){var a,r;const{returnValue:o}=this;null===(a=this.dialogElement)||void 0===a||a.close(o),null===(r=this.dialogClose)||void 0===r||r.emit(),this.isOpen=!1}async toggle(){this.isOpen?this.showModal():this.close()}_renderInitialState(){this.isOpen&&this.showModal()}connectEventListeners(){var a;null===(a=this.dialogElement)||void 0===a||a.addEventListener("close",this.close)}disconnectEventListeners(){var a;null===(a=this.dialogElement)||void 0===a||a.removeEventListener("close",this.close)}componentDidLoad(){this._renderInitialState(),this.connectEventListeners()}disconnectedCallback(){this.disconnectEventListeners()}onMouseup(a){this.isOpen&&(a.stopPropagation(),this.isInside(a)||this.close())}render(){return o(i,{key:"7fcaaecb6adb988027b05a2a8024db535cda93ba",open:this.isOpen},o("dialog",{key:"f567771b57a02336b8320bd21240d3045b666116",class:"r-dialog","aria-label":this.dialogLabel,ref:a=>this.dialogElement=a,style:{"--r-dialog--body--height":this.bodyHeight}},o("div",{key:"75f660383a67ec9c109fed5f19158ec9c67b38ab",class:"r-dialog--content"},o("div",{key:"e027e8baa90beef1224210c476a6948519492a5a",class:"r-dialog--header",id:`${this.uniqueId}-header`},o("slot",{key:"b480fff8b92e7a77fec394bb6b1b68b5466bc152",name:"header"},this.headline&&o("h2",{key:"f082e1ace95de447ef399f19698bae0f1058fb27",class:"r-dialog--headline"},this.headline)),o("r-icon-button",{key:"681ac8aab0119d3be635f23efd8ccb9113f76ac3",class:"r-dialog--close",name:"cross",size:"s",onRClick:this.onTriggerClick,label:this.closeAriaLabel})),o("div",{key:"262d48e01c3ad1d8bb7b984c1182a9623bfd36d2",class:"r-dialog--body"},this.bodyText,o("slot",{key:"0d77bfb9d9059b3571bb30da11da3464aa6ffea5"}),o("slot",{key:"0bdc239a2abe6fb6643e14c188d4a8f5d214e8b8",name:"form"})),this.isFooterSlot&&o("div",{key:"02c6c9ee41bb7893955b492f4fd171e498041777",class:"r-dialog--footer"},o("slot",{key:"bcf48fd3ecc2378fa82ffb48aa3739ea65477dcd",name:"footer"})))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"]}}};t.style=":host([size=small]){--r-dialog--width:23.4375rem;--r-dialog--max-height:15.625rem}:host([size=medium]){--r-dialog--width:37.5rem;--r-dialog--max-height:37.5rem}:host([size=large]){--r-dialog--width:50rem;--r-dialog--max-height:45rem}@media (max-width: 50rem){:host([size=large]){--r-dialog--width:100%;--right:0;--left:0;--r-dialog--footer--flex-wrap:wrap}}@media (max-height: 48.75rem){:host([size=large]){--r-dialog--margin:18px auto;--top:0;--bottom:0}}@media (max-width: 37.5rem){:host([size=medium]){--r-dialog--width:100%;--right:0;--left:0;--r-dialog--footer--flex-wrap:wrap}}@media (max-height: 43.75rem){:host([size=medium]){--r-dialog--margin:18px auto;--top:0;--bottom:0}}:host{top:var(--top, auto);right:var(--right, auto);bottom:var(--bottom, auto);left:var(--left, auto)}.r-dialog{border:var(--r-dialog--border, none);padding:var(--r-dialog--padding, 24px 0);box-sizing:var(--r-dialog--box-sizing, border-box);overflow:var(--r-dialog--overflow, hidden);width:var(--r-dialog--width, auto);height:var(--r-dialog--height, auto);background-color:var(--r-dialog--background-color, var(--r-background-softest));margin:var(--r-dialog--margin, auto);max-height:var(--r-dialog--max-height, auto)}.r-dialog--content{display:var(--r-dialog--content--display, flex);flex-direction:var(--r-dialog--content--flex-direction, column);gap:var(--r-dialog--content--gap, var(--r-spacing-150, 1.5rem));color:var(--r-dialog--content--color, var(--r-text-regular));height:var(--r-dialog--content--height, 100%)}.r-dialog ::slotted([slot=header]),.r-dialog--headline{font-family:var(--r-dialog--headline--font-family, var(--r-font-family-heading, sans-serif));font-size:var(--r-dialog--headline--font-size, var(--r-font-size-500));font-weight:var(--r-dialog--headline--font-weight, var(--r-font-weight-light));margin:var(--r-dialog--headline--margin, 0);flex:var(--r-dialog--headline--flex, 1)}.r-dialog--close{--r-button--display:var(--r-dialog--close--dispaly, flex);--r-button--padding:var(--r-dialog--close--padding, 0)}.r-dialog--header{display:var(--r-dialog--header--display, flex);justify-content:var(--r-dialog--header--justify-content, space-between);align-items:var(--r-dialog--header--align-items, start);gap:var(--r-dialog--header--gap, 32px);padding:var(--r-dialog--header--padding, 0 24px)}.r-dialog--body{font-family:var(--r-dialog--body--font-family, var(--r-font-family-text));font-size:var(--r-dialog--body--font-size, var(--r-font-size-desktop-400));line-height:var(--r-dialog--body--line-height, var(--r-line-height-m));flex-grow:var(--r-dialog--body--flex-grow, 1);overflow-y:var(--r-dialog--body--overflow, auto);justify-self:var(--r-dialog--body--justify-self, stretch);padding:var(--r-dialog--body--padding, 0 24px)}.r-dialog--body{scrollbar-width:auto;scrollbar-color:var(--r-border-softer) #ffffff}.r-dialog--body::-webkit-scrollbar{width:var(--r-spacing-100, 1rem)}.r-dialog--body::-webkit-scrollbar-track{background:#ffffff}.r-dialog--body::-webkit-scrollbar-thumb{background-color:var(--r-border-softer);border-radius:10px;border:3px solid #ffffff}.r-dialog--footer{margin-top:var(--r-dialog--footer--margin-top, auto)}.r-dialog--footer ::slotted(*){display:var(--r-dialog--footer--display, flex);flex-direction:var(--r-dialog--footer--flex-direction, row);flex-wrap:var(--r-dialog--footer--flex-wrap, nowrap);justify-content:var(--r-dialog--footer--justify-content, flex-start);gap:var(--r-dialog--footer--gap, var(--r-spacing-100, 1rem));align-items:var(--r-dialog--footer--align-items, end);padding:var(--r-dialog--header--padding, 0 24px)}.r-dialog::backdrop{background:var(--backdrop--background-color, rgba(0, 0, 0, 0.25))}";export{t as r_dialog}

package/dist/web-components/p-56da04d8.entry.js

@@ -1 +0,0 @@
-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.focusedOption=null,this.isValueFocused=!1,this.isNoResultsFound=!1,this.touched=!1,this.dirty=!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=>{let e="",i="";for(const s in t.validity)if(t.validity[s]){if(e=s,this[s+"Message"])return i=this[s+"Message"],{validityState:e,validityMessage:i};i=t.validationMessage}return{validityState:e,validityMessage:i}},this.validateFormElement=(t=null)=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;const{validityState:e,validityMessage:i}=this.getValidityStateData(t);this.validityState=e,this.validityMessage=i;const s="valid"===this.validityState;this.valid=s,this.invalid=!s,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.touched=!0,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;if(this.isExpanded){const e=(null===(t=this.focusedOption)||void 0===t?void 0:t.value)||"";return e!==this.currentValue&&(this.dirty=!0),void this.setValueFromUserInteraction(e)}this.expand(),this.setOptionFocus(this.selectedElement)};case"Escape":return()=>{this.collapse(),this.reportValidity()};case"ArrowUp":return()=>{var t;if(this.isExpanded){if(this.focusedOption&&e){const e=(null===(t=this.focusedOption)||void 0===t?void 0:t.value)||"";return e!==this.currentValue&&(this.dirty=!0),void this.setValueFromUserInteraction(e)}(this.combobox||this.focusedOption!==this.optionElements[0])&&(this.focusedOption?this.focusPrevOption():this.setOptionFocus(this.selectedElement||this.optionElements[0]))}else 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;const e=(null===(t=this.focusedOption)||void 0===t?void 0:t.value)||"";e!==this.currentValue&&(this.dirty=!0),this.setValueFromUserInteraction(e)};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="";const e="";e!==this.currentValue&&(this.dirty=!0),this.setValueFromUserInteraction(e),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.touched=!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.markAsPristine(),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||void 0!==e&&e!==t&&(this._renderSelected(t,!1),this.clearComboboxOptions())}optionSelectAction(t){t.stopPropagation(),this.disabled||(t.target.value!==this.currentValue&&(this.dirty=!0),this.setValueFromUserInteraction(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,!1),this.clearComboboxOptions()}setValueFromUserInteraction(t=""){this.resetValidation(),this._renderSelected(t,!0),this.clearComboboxOptions()}async getValue(){return this.currentValue||""}async reset(){if(this.resetValidation(),this.markAsPristine(),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 isTouched(){return this.touched}async isDirty(){return this.dirty}async markAsPristine(){this.touched=!1,this.dirty=!1}async checkValidity(){const{validityState:t}=this.getValidityStateData(this.nativeElement);return"valid"===t}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.isBusy&&this.dirty&&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:b}=this,f=d?Object.assign({fieldIndicator:l},u&&!r?{tooltip:u,"tooltip-icon":p,"tooltip-icon-color":b}:{}):{},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:"9c22bae93d955802f695b20f25d3ff5c79fcc7d8","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}`,"data-touched":`${this.touched}`,"data-dirty":`${this.dirty}`},i("div",{key:"2e8de0d2041d00c4d90caf5aba2aeb50fcfc86e5",class:"r-select--label "+(v?"":"r-select--label__margin-bottom")},i("div",{key:"273524030b099899861c93e9bba205c6c820d425",class:v?"visually-hidden":"r-select--label-container"},i("label",{key:"f050500698aa5a48d6db101074129fae09899de3",id:`${e}-label`,onClick:this.isInteractive?this.onValueClick:null},i("r-label",Object.assign({key:"b5560ba5b8ee794eb775a555dec514f4d6e6546f"},f),d)),i("slot",{key:"bbbbe371702b95ac3d1636756eb673dc44c0dcb4",name:"popover"})),c&&i("r-hint",{key:"27585bacce2143f20bdb20a3e03b5700dbb87d9b",id:`${e}-hint`,class:"r-select--hint"},c)),i("div",{key:"92a69fbee0890d5ddab0353348cdb4d8eb772137",class:"r-select"},i("select",Object.assign({key:"bc2de60d73dcebf750a99e7b88eacc701a8c0b85",class:"r-select--native",ref:t=>this.nativeElement=t},w)),i("div",{key:"b561dee21bdf58abe51786564a18812a20a0e97f",class:"r-select--container"},this.combobox?this.renderCombobox(m):this.renderSelect(m),i("div",Object.assign({key:"06984ccf7f6740e2480ef61924676e99d40044d4",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:"67888a456006e44869081876d35cdceca754942d","data-no-results":"true",value:"no_results"},this.noResultsFound),i("slot",{key:"4f404790887ad37d488183d814bb69f33c262688",onSlotchange:this.handleSlotChange})))),i("div",{key:"0b223f242cfc90ce38a0cf83d38dc0c81348b36d",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:"57336df2dd79b8f91be950f7a4ca05258ec26184",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-5e6aabd8.entry.js

@@ -1 +0,0 @@
-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=>{let i="",e="";return this.required&&0===t.value.length?(i="valueMissing",e=this.valueMissingMessage,{validityState:i,validityMessage:e}):t.value.length>0&&t.value.length<this.length?(i="tooShort",e=this.tooShortMessage,{validityState:i,validityMessage:e}):(i="valid",{validityState:i,validityMessage:e})},this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;const{validityState:i,validityMessage:e}=this.getValidityStateData(t);this.validityState=i,this.validityMessage=e;const r="valid"===this.validityState;this.valid=r,this.invalid=!r,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("")})}async checkValidity(){const{validityState:t}=this.getValidityStateData(this.nativeElement);return"valid"===t}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:"2babfeef172a7d6b76c734f3170ede3a7a8d3392",value:this.value,onClick:this.onHostClick},e("div",{key:"712d241caa9d80f982f831633009a8452c472a3c",class:"r-input-code--label-container"},e("label",{key:"5a6be87bb1ab122cea9e2c7cefaf2781c39a9465",htmlFor:c},s?e("r-label",Object.assign({},s?{id:`${c}-label`,fieldIndicator:d}:{}),s):e("slot",{name:"label"})),e("slot",{key:"d7afacaedc1741fdf703f5263eda57dc3591b36d",name:"popover"})),l&&e("r-hint",{key:"d49faa30ca4ebbefe7e88217392ef7f6a9487e7f",id:`${c}-hint`,role:"note"},l),e("div",{key:"89deb68a39134cdacc1009e83113c589aafc311e",class:"r-input-code--container",role:"group","aria-labelledby":`${c}-label`,"aria-describedby":this.groupDescribedby},e("slot",{key:"170f25027ccf4d3603474a77a92c5ff24579e46e",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:"482c544b68d48b089f7177846cee7f5fc279bbd9",type:"hidden"},p,{value:this.values.join(""),ref:t=>this.nativeElement=t})),e("div",{key:"73f393a98b3ca5e830e7b35c360cd9e242564d8e",class:"r-input-code--trailing"},this.readonly&&e("r-icon",{key:"751fb71619d0d0ea808332de4cc9e1b1f2dff59d",class:"r-input-code--readonly-icon",name:"pen-disabled",size:"s"}),this.hasTrailingSlot&&e("slot",{key:"072e2f141e1ef3fbf931e9c0abf24d6c42f64ec5",name:"trailing"},h&&e("r-icon",{key:"45b17f30472b9a5cc2e2101261f7884bd96d1d72",name:"circled-check",size:"s",color:"var(--r-status-success-regular)"})))),e("slot",{key:"b8be9bc6d2c14fa04312313709a7911d8339c735",name:"message"},this.hasMessage&&e("r-hint",{key:"f76a1e5aa6d542790bdc01c7e931eda9a986a14b","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-656229de.entry.js

@@ -1 +0,0 @@
-import{r,c as o,h as t,H as e,g as a}from"./p-Da7qOBFr.js";const i=class{constructor(t){r(this,t),this.popoverOpenChange=o(this,"popoverOpenChange"),this.hidePopover=o(this,"hidePopover"),this.showPopover=o(this,"showPopover"),this.focusPopover=o(this,"focusPopover"),this.dismissMode="auto",this.triggerAction="toggle",this.vertical="bottom",this.horizontal="center",this.isOpen=!1,this._focusOnElement=r=>{var o,t;if(r){if("function"!=typeof r.setFocus)return null===(t=null==r?void 0:r.focus)||void 0===t||t.call(r),this.focusPopover.emit(),this;null===(o=null==r?void 0:r.setFocus)||void 0===o||o.call(r)}},this.uniqueId=`r-popover-${Date.now().toString(16)}${Math.random().toString(32)}`.replace(/\./g,""),this.onToggle=r=>{if("open"===r.newState)return this.isOpen=!0,requestAnimationFrame((()=>{this.renderPosition(),this.setFocus()})),this;this.isOpen=!1,requestAnimationFrame((()=>{this.setBlur(),this.triggerElement.focus()}))},this.onClickDismiss=()=>{this.hide()},this.onKeyDown=async r=>{if("Tab"===r.key){r.preventDefault();const o=r.target,t=await this._getFocusable(),e=t.indexOf(o);this._focusOnElement(r.shiftKey?e?t[e-1]:t[t.length-1]:e<t.length-1?t[e+1]:t[0])}}}async show(){this.isOpen=!0}async hide(){this.isOpen=!1}async toggle(){this.isOpen?this.hide():this.show()}async setFocus(){if(!this.isOpen)return this;const r=await this._getFocusable();return this._focusOnElement(r[0]),this}async _getFocusable(){const{dismissElement:r}=this,o=this.host.querySelector("r-popover-content"),t=this.host.querySelector("r-popover-action");return[r,...await o.getActiveElements(),...await t.getActiveElements()].filter((r=>void 0!==r))}async setBlur(){if(!this.isOpen)return this;const{dismissElement:r}=this,o=this.host.querySelector("r-popover-content"),t=this.host.querySelector("r-popover-action"),e=this.host.querySelector("r-popover-trigger");return null==r||r.setBlur(),null==o||o.setBlur(),null==t||t.setBlur(),null==e||e.setBlur(),this.host.blur(),this}handleOpenChange(){this.open?this.show():this.hide()}watchOpen(){var r,o,t,e,a,i,p,v,n,s;this.isOpen?(null===(o=null===(r=this.boardElement)||void 0===r?void 0:r.showPopover)||void 0===o||o.call(r),null===(e=null===(t=this.showPopover)||void 0===t?void 0:t.emit)||void 0===e||e.call(t)):(null===(i=null===(a=this.boardElement)||void 0===a?void 0:a.hidePopover)||void 0===i||i.call(a),null===(v=null===(p=this.hidePopover)||void 0===p?void 0:p.emit)||void 0===v||v.call(p)),null===(s=null===(n=this.popoverOpenChange)||void 0===n?void 0:n.emit)||void 0===s||s.call(n)}handlePreferredPositionChange(){this.renderPosition()}onKeyup(r){if(!this.isOpen)return this;"Escape"===r.key&&this.hide()}onResize(){this.isOpen&&this.renderPosition()}onScroll(){this.isOpen&&this.renderPosition()}get hasDismiss(){return"manual"===this.dismissMode}get triggerRect(){var r;return null===(r=this.triggerElement)||void 0===r?void 0:r.getBoundingClientRect()}get boardRect(){var r;return null===(r=this.boardElement)||void 0===r?void 0:r.getBoundingClientRect()}renderPosition(){if(!this.triggerRect)return this;const{triggerRect:r,boardRect:o,vertical:t,horizontal:e}=this,a=window.innerWidth,i=window.innerHeight;if(r.bottom<0||r.right<0||r.top>i||r.left>a)return this.hide(),this;this.host.setAttribute("style",`\n      --r-popover--trigger--width: ${r.width}px;\n      --r-popover--trigger--height: ${r.height}px;\n      --r-popover--trigger--left: ${r.left}px;\n      --r-popover--trigger--top: ${r.top}px;\n    `);const p=r.top,v=a-r.right,n=i-r.bottom,s=r.left,h=r=>getComputedStyle(this.host).getPropertyValue(r),d=r=>r.includes("rem")?parseFloat(r)*parseFloat(getComputedStyle(document.documentElement).fontSize):parseFloat(r),l=d(h("--board--shift"))||0,c=d(h("--pointer--height"))||0,g=o.height+c;let b=o.width-r.width-l;const f=r=>Object.values(r).filter(Boolean).length>0,m=r=>Object.keys(r).find((o=>r[o])),u={vertical:{},horizontal:{}};u.vertical={top:p>=g,bottom:n>=g,middle:n>(o.height-r.height-c)/2&&p>(o.height-r.height)/2},!u.vertical.middle&&f(u.vertical)||(b=o.width+l),u.horizontal={left:s>=b,right:v>o.width-r.width-l,center:s>o.width/2&&v>o.width/2};let w="cover";u.vertical[t]?w=t:f(u.vertical)&&(w=m(u.vertical));let x="cover";if(u.horizontal[e]?x=e:f(u.horizontal)&&(x=m(u.horizontal)),"cover"===w){const r=this.triggerRect.top+this.triggerRect.height;if(r>this.boardRect.height){const o=r-this.boardRect.height;this.host.style.setProperty("--r-popover--board--top",`${o}px`),this.host.style.setProperty("--r-popover--pointer--top",this.triggerRect.top+this.triggerRect.height/2-c/2-o+"px")}}return this.host.setAttribute("data-vertical",w),this.host.setAttribute("data-horizontal",x),this}componentDidLoad(){this.open?this.show():this.hide()}render(){return t(e,{key:"da45eae6a21cc01596344d33afc5def4da57967f",id:this.uniqueId,"data-position":this.positionState,"data-open":`${this.isOpen}`,open:this.isOpen},t("div",{key:"ad832de894e0af250cc93bdf3158032bc252740f",class:"r-popover"},t("button",{key:"28c4938bb02cb7c4eaed074178dda00c2c39a0b7",class:"r-popover--trigger","aria-label":this.triggerAriaLabel,ref:r=>this.triggerElement=r,popoverTarget:`${this.uniqueId}-board`,popoverTargetAction:this.triggerAction},t("slot",{key:"0a74ac9d6a7ecdba54771e733f8db5af1709e7fb",name:"trigger"})),t("div",{key:"dbdb43df6a9823f5d8c954146347f40438bbf053",class:"r-popover--board",id:`${this.uniqueId}-board`,popover:this.dismissMode,ref:r=>this.boardElement=r,onToggle:this.onToggle,onKeyDown:this.onKeyDown},this.hasDismiss&&t("r-icon-button",{key:"99cb4c1c050cdf197346ef84f7c610f5f6ed0b4c",ref:r=>this.dismissElement=r,class:"r-popover--dismiss",name:"cross",onClick:this.onClickDismiss,label:this.dismissAriaLabel}),t("div",{key:"fe7e18bd38a4f3879aada14169bfa50f84cd2eac",class:"r-popover--board-content"},t("slot",{key:"b5674f8f2f72340cf5af712f513a20bda9e04b47",name:"headline"}),t("slot",{key:"024ce9cc17f041df172d853176d09f4ec493df20",name:"content"}),t("slot",{key:"437ca7707856b7c6db59240d7b4378c74dc8fda8",name:"action"})),t("div",{key:"93184bd493520dbea03c7c63bbfe8c4ae788cde3",class:"r-popover--board-pointer","aria-hidden":"true"},t("svg",{key:"779d8b7df8f92ea14517ce9ce5099a73a4fdeac8",width:"16",height:"8",viewBox:"0 0 16 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"53b9fee3e6a34cf184d8818ac272122f04193ff6",d:"M8 8L0 0L16 0L8 8Z",fill:"currentColor"}))))))}get host(){return a(this)}static get watchers(){return{open:["handleOpenChange"],isOpen:["watchOpen"],horizontal:["handlePreferredPositionChange"],vertical:["handlePreferredPositionChange"]}}};i.style=":host{position:relative;overflow:visible;color:var(--r-text-inverse);font-family:var(--r-font-family-text, system-ui);font-weight:var(--r-font-weight-regular, 400);font-size:var(--r-font-size-400, 1rem);text-align:left}:host slot{display:contents}:host{--board--shift:1rem;--board--min-width:304px;--board--max-width:504px;--board--max-height:320px;--pointer--width:1rem;--pointer--height:0.5rem;--pointer--spacer:0.25rem}:host([size=s]){--r-popover--board--max-width:375px}:host([size=l]){--r-popover--board--max-width:500px}:host([data-open=true]){--r-popover--pointer--display:block;--r-popover--board--visibility:visible;--r-popover--board--left:var(--r-popover--trigger--left);--r-popover--board--top:var(--r-popover--trigger--top)}:host([data-open=true]) ::slotted([slot=trigger]){--r-popover--trigger--display:none}:host([data-vertical=top]){--r-popover--pointer--top:100%;--r-popover--pointer--transform:rotate(0deg) translate(0,-1px)}:host([data-vertical=bottom]){--r-popover--pointer--bottom:100%;--r-popover--pointer--transform:rotate(180deg)}:host([data-vertical=middle]){--r-popover--pointer--top:calc(50% - var(--pointer--height)/2);--r-popover--pointer--bottom:auto}:host([data-horizontal=left]){--r-popover--board--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0) + var(--board--shift));--r-popover--pointer--left:calc(100% - var(--r-popover--trigger--width, 0)/2 - var(--board--shift) - var(--pointer--width)/2)}:host([data-horizontal=right]){--r-popover--pointer--left:calc(var(--r-popover--trigger--width, 0)/2 + var(--pointer--width)/2)}:host([data-horizontal=center]){--r-popover--pointer--left:calc(50% - var(--pointer--width)/2)}:host([data-vertical=top][data-horizontal=left]){--r-popover--board--transform:translate(-100%, calc(-100% - var(--pointer--spacer) - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=top][data-horizontal=right]){--r-popover--board--transform:translate(calc(0px - var(--board--shift)), calc(-100% - var(--pointer--spacer) - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=top][data-horizontal=center]){--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), calc(-100% - var(--pointer--spacer) - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=top][data-horizontal=cover]){--r-popover--pointer--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0)/2 - var(--r-popover--pointer--width, var(--pointer--width))/2);--r-popover--board--left:0;--r-popover--board--transform:translate(0, calc(-100% - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=middle][data-horizontal=left]){--r-popover--board--left:var(--r-popover--trigger--left, 0);--r-popover--board--transform:translate(calc(-100% - var(--pointer--height) - var(--pointer--spacer)), calc(-50% + var(--r-popover--trigger--height, 0)/2));--r-popover--pointer--left:100%;--r-popover--pointer--right:auto;--r-popover--pointer--transform:rotate(-90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=middle][data-horizontal=right]){--r-popover--board--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0) + var(--pointer--height) + var(--pointer--spacer));--r-popover--board--transform:translate(0, calc(-50% + var(--r-popover--trigger--height, 0)/2));--r-popover--pointer--top:calc(50% - var(--pointer--height)/2);--r-popover--pointer--left:auto;--r-popover--pointer--right:100%;--r-popover--pointer--transform:rotate(90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=middle][data-horizontal=center]){--r-popover--pointer--display:none;--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), calc(-50% + var(--r-popover--trigger--height, 0)/2))}:host([data-vertical=middle][data-horizontal=cover]){--r-popover--pointer--display:none;--r-popover--board--left:0;--r-popover--board--transform:translate(0, calc(-50% + var(--r-popover--trigger--height, 0)/2))}:host([data-vertical=bottom][data-horizontal=left]){--r-popover--board--transform:translate(-100%, calc(var(--r-popover--trigger--height, 0) + var(--pointer--spacer) + var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=bottom][data-horizontal=right]){--r-popover--board--transform:translate(calc(0px - var(--board--shift)), calc(var(--r-popover--trigger--height, 0) + var(--r-popover--pointer--height, var(--pointer--height)) + var(--pointer--spacer)))}:host([data-vertical=bottom][data-horizontal=center]){--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), calc(var(--r-popover--trigger--height, 0) + var(--pointer--spacer) + var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=bottom][data-horizontal=cover]){--r-popover--pointer--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0)/2 - var(--r-popover--pointer--width, var(--pointer--width))/2);--r-popover--board--left:0;--r-popover--board--transform:translate(0, calc(var(--r-popover--trigger--height, 0) + var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=cover]){--r-popover--board--top:0;--r-popover--board--height:100%;--r-popover--board-content--height:100%;--r-popover--pointer--top:calc(var(--r-popover--trigger--top, 0) + var(--r-popover--trigger--height)/2 - var(--pointer--height)/2);--r-popover--pointer--bottom:auto}:host([data-vertical=cover][data-content-has-scroll=false]){--r-popover--board--top:var(--r-popover--trigger--top, 0)}:host([data-vertical=cover][data-horizontal=left]){--r-popover--board--left:var(--r-popover--trigger--left, 0);--r-popover--board--transform:translate(calc(-100% - var(--pointer--spacer) - var(--pointer--height)), 0);--r-popover--pointer--left:100%;--r-popover--pointer--right:auto;--r-popover--pointer--transform:rotate(-90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=cover][data-horizontal=right]){--r-popover--board--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0) + var(--pointer--width));--r-popover--pointer--left:auto;--r-popover--pointer--right:100%;--r-popover--pointer--transform:rotate(90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=cover][data-horizontal=center]),:host([data-vertical=cover][data-horizontal=cover]){--r-popover--pointer--display:none;--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), 0)}:host([data-vertical=cover][data-horizontal=cover]){--r-popover--pointer--display:none;--r-popover--board--transform:none;--r-popover--board--height:100%;--r-popover--board--width:100%;--r-popover--board--left:0}:host([data-fixed-top=true]){--r-popover--board-container--height:var(--r-popover--trigger--top, var(--board--max-height))}:host([dismiss-mode=manual]){--r-popover--board-content--padding:1.5rem 3.5rem 1.5rem 1.5rem}.r-popover{position:var(--r-popover--position, relative);display:var(--r-popover--display, inline-flex)}.r-popover--dismiss{position:var(--r-popover--dismiss--position, absolute);top:var(--r-popover--dismiss--top, 20px);right:var(--r-popover--dismiss--right, 20px);color:var(--r-text-inverse)}.r-popover--dismiss:hover{--r-icon-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}.r-popover--dismiss:active{--r-icon-button--background-color:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}.r-popover--trigger{border:var(--r-popover--trigger--border, none);background:var(--r-popover--trigger--background, none);padding:var(--r-popover--trigger--padding, 0);cursor:var(--r-popover--trigger--cursor, pointer);display:var(--r-popover--trigger--display, inline-flex);align-items:var(--r-popover--trigger--align-items, center);justify-content:var(--r-popover--trigger--justify-content, center);min-width:var(--r-popover--trigger--min-width, unset);min-height:var(--r-popover--trigger--min-height, unset)}.r-popover--trigger:focus{box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}.r-popover--board{position:var(--r-popover--board--position, fixed);top:var(--r-popover--board--top, -1000em);right:var(--r-popover--board--right, auto);bottom:var(--r-popover--board--bottom, auto);left:var(--r-popover--board--left, -1000em);visibility:var(--r-popover--board--visibility, hidden);width:var(--r-popover--board--width, 100%);min-width:var(--r-popover--board--max-width, var(--board--min-width));max-width:var(--r-popover--board--max-width, var(--board--max-width));height:var(--r-popover--board--height, auto);max-height:var(--r-popover--board--max-height, var(--board--max-height));background-color:var(--r-popover--board--background-color, var(--r-background-inverse));color:var(--r-popover--board--color, var(--r-text-inverse));border:var(--r-popover--board--border, none);transform:var(--r-popover--board--transform, none);box-sizing:var(--r-popover--board--box-sizing, border-box);padding:var(--r-popover--board--padding, 0);margin:var(--r-popover--board--margin, 0);overflow:var(--r-popover--board--overflow, visible)}.r-popover--board-content{display:var(--r-popover--board-content--display, flex);flex-direction:var(--r-popover--board-content--flex-direction, column);gap:var(--r-popover--board-content--gap, 1.5rem);overflow:var(--r-popover--board-content--overflow, auto);height:var(--r-popover--board-content--height, auto);max-height:var(--r-popover--board-content--max-height, var(--board--max-height));padding:var(--r-popover--board-content--padding, 1.5rem);box-sizing:var(--r-popover--board-content--box-sizing, border-box)}.r-popover--board-pointer{display:var(--r-popover--pointer--display, flex);width:var(--r-popover--pointer--width, var(--pointer--width));height:var(--r-popover--pointer--height, var(--pointer--height));position:var(--r-popover--pointer--position, absolute);top:var(--r-popover--pointer--top, auto);right:var(--r-popover--pointer--right, auto);bottom:var(--r-popover--pointer--bottom, auto);left:var(--r-popover--pointer--left, auto);color:var(--r-popover--pointer--color, var(--r-background-inverse));transform:var(--r-popover--pointer--transform, none);transform-origin:var(--r-popover--pointer--transform-origin, center)}.r-popover--board-pointer>svg{display:flex}";export{i as r_popover}

package/dist/web-components/p-6a4f3836.entry.js

@@ -1 +0,0 @@
-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 viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_985_659)"><path d="M12 18C12.5523 18 13 18.4477 13 19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19C11 18.4477 11.4477 18 12 18ZM12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11ZM12 4C12.5523 4 13 4.44772 13 5C13 5.55228 12.5523 6 12 6C11.4477 6 11 5.55228 11 5C11 4.44772 11.4477 4 12 4Z" stroke="currentColor" stroke-width="2"/></g><defs><clipPath id="clip0_985_659"><rect width="24" height="24" fill="white"/></clipPath></defs></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}

package/dist/web-components/p-7775228c.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as h}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";const o=class{constructor(s){t(this,s),this.rValidate=i(this,"rValidate"),this.rInput=i(this,"rInput"),this.rChange=i(this,"rChange"),this.rReset=i(this,"rReset"),this.value="",this.showPasswordAriaLabel="Show password.",this.hidePasswordAriaLabel="Hide password.",this.shownPasswordMessage="Your password is shown.",this.hiddenPasswordMessage="Your password is hidden.",this.showed=!1,this.validityState="",this.validityMessage="",this.initial={},this.onShowClick=t=>{t.stopPropagation(),this.toggleShow()},this.alertOnPasswordVisibilityChange=()=>{this.passwordVisibilityChangeAlertContainer.innerText=this.showed?this.shownPasswordMessage:this.hiddenPasswordMessage,this.passwordVisibilityTimer=setTimeout((()=>{this.passwordVisibilityChangeAlertContainer.innerText="",clearTimeout(this.passwordVisibilityTimer)}),2e3)},this.onInput=t=>{if(this.readonly)return;this.value=t.detail.value;const{host:i,value:s}=this;this.rInput.emit({element:i,value:s})},this.onChange=t=>{if(this.readonly)return;this.value=t.detail.value;const{host:i,value:s}=this;this.rChange.emit({element:i,value:s})},this.getValidityStateData=t=>{let i="",s="";for(const e in t.validity)if(t.validity[e]){if(i=e,this[e+"Message"])return s=this[e+"Message"],{validityState:i,validityMessage:s};s=t.validationMessage}return{validityState:i,validityMessage:s}},this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;const{validityState:i,validityMessage:s}=this.getValidityStateData(t.shadowRoot.querySelector("input"));this.validityState=i,this.validityMessage=s;const e="valid"===this.validityState;this.valid=e,this.invalid=!e,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.contributeToFormData=t=>{a(this.nativeElement||this.host,t.formData)},this.onResetForm=()=>{if(this.readonly)return;this.validityState=null,this.validityMessage=null,this.value=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=async t=>{this.isNoValidate||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.handleKeyup=async t=>{var i,s;if(this.readonly)return;if("Enter"!==t.code)return;if(this.validateFormElement(this.nativeElement),this.invalid&&!this.isNoValidate)return;const e=this.host.querySelector('[type="submit"]')||(null===(i=this.parentFormEl)||void 0===i?void 0:i.querySelector('[type="submit"]'));e&&"triggerClick"in e?null==e||e.triggerClick():null===(s=this.parentFormEl)||void 0===s||s.requestSubmit()},this.handleBlur=()=>{this.readonly||this.validateFormElement(this.nativeElement)}}async toggleShow(){this.showed?await this.hidePassword():await this.showPassword()}async showPassword(){this.showed=!0,this.alertOnPasswordVisibilityChange()}async hidePassword(){this.showed=!1,this.alertOnPasswordVisibilityChange()}async getValue(){return this.value||""}async setValue(t){this.readonly||(this.value=t,this.validateFormElement(this.nativeElement))}async checkValidity(){const{validityState:t}=this.getValidityStateData(this.nativeElement.shadowRoot.querySelector("input"));return"valid"===t}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 hasError(){var t;return this.invalid&&!!(null===(t=this.error)||void 0===t?void 0:t.length)}get hasValidationError(){var t,i;return!("valid"===this.validityState||!(null===(t=this.customErrorMessage)||void 0===t?void 0:t.length)&&!(null===(i=this.validityMessage)||void 0===i?void 0:i.length))}get hasMessage(){return this.hasError||this.hasValidationError}componentWillLoad(){this.initial.value=this.value,this.initial.invalid=this.invalid}connectFormEventListeners(){var t,i,s;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===(s=this.parentFormEl)||void 0===s||s.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,i,s;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===(s=this.parentFormEl)||void 0===s||s.removeEventListener("reset",this.onResetForm)}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}render(){const{name:t,placeholder:i,required:h,fieldIndicator:a,value:o,disabled:l,form:r,invalid:n,valid:d,hint:c,label:u,tooltip:v,tooltipIcon:f,tooltipIconColor:p,fullWidth:b,showPasswordAriaLabel:y,hidePasswordAriaLabel:m,showed:g,readonly:w}=this;return s(e,{key:"810ae74cdcdcd8a4289255e2b99b6cfc213330ac"},s("r-input",Object.assign({key:"55027ca5cd8b8ba4eade60067ac182e38eaf1bfa"},{name:t,placeholder:i,required:h,fieldIndicator:a,value:o,disabled:l,form:r,invalid:n,valid:d,hint:c,label:u,tooltip:v,tooltipIcon:f,tooltipIconColor:p,fullWidth:b,novalidate:!0,readonly:w},{ref:t=>this.nativeElement=t,type:g?"text":"password",onRInput:this.onInput,onRChange:this.onChange,onKeyUp:this.handleKeyup,onRBlur:this.handleBlur}),s("r-icon",{key:"935aa481c0eff444462e6be6d8e6975db8a24708",name:"padlock-closed",size:"s",slot:"leading"}),s("slot",{key:"df29bd4fa96db1c1f5f70be9c44fab1b9c5f02be",name:"popover",slot:"popover"}),s("r-icon-button",{key:"95d5f3c5e64eb7b43364db7aff943d35fbdc4d2d",slot:"trailing",name:g?"eye-crossed-out":"eye",size:"s",disabled:l,label:g?m:y,onClick:this.onShowClick}),this.hasMessage&&s("r-hint",{key:"7390d667a69c4ae5c2c6ae480eaf5f879ad6ed78",slot:"message",variant:"error"},this.hasError&&this.error,this.hasValidationError&&(this.customErrorMessage||this.validityMessage))),s("div",{key:"c70c38f1249c80973bb2fe2a25ddf7d88835c686",class:"visually-hidden",ref:t=>this.passwordVisibilityChangeAlertContainer=t,"aria-live":"polite"}))}get host(){return h(this)}};o.style=":host{display:inline-flex;flex-direction:column;vertical-align:top}:host([full-width]:not([full-width=false])){display:block}:host([disabled]:not([disabled=false])) r-icon-button{opacity:1}.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_password}