@riverty/web-components 5.6.0 → 5.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/cjs/r-alert.cjs.entry.js +1 -1
- package/dist/cjs/r-badge.cjs.entry.js +1 -1
- package/dist/cjs/r-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/r-hint_3.cjs.entry.js +1 -1
- package/dist/cjs/r-input-code.cjs.entry.js +1 -1
- package/dist/cjs/r-input-date.cjs.entry.js +1 -1
- package/dist/cjs/r-input-password.cjs.entry.js +7 -4
- package/dist/cjs/r-input.cjs.entry.js +3 -3
- package/dist/cjs/r-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/r-select.cjs.entry.js +1 -1
- package/dist/cjs/r-textarea.cjs.entry.js +1 -1
- package/dist/cjs/r-toast.cjs.entry.js +2 -2
- package/dist/collection/components/alert/alert.css +4 -4
- package/dist/collection/components/badge/badge.css +8 -8
- package/dist/collection/components/checkbox-group/checkbox-group.css +2 -2
- package/dist/collection/components/hint/hint.css +1 -1
- package/dist/collection/components/input/input.css +1 -1
- package/dist/collection/components/input/input.js +2 -2
- package/dist/collection/components/input-code/input-code.css +1 -1
- package/dist/collection/components/input-date/input-date.css +1 -1
- package/dist/collection/components/input-password/input-password.js +7 -4
- package/dist/collection/components/radio-button/radio-button.css +1 -1
- package/dist/collection/components/radio-group/radio-group.css +2 -2
- package/dist/collection/components/select/select.css +2 -2
- package/dist/collection/components/textarea/textarea.css +1 -1
- package/dist/collection/components/toast/toast.css +7 -7
- package/dist/collection/components/toast/toast.js +1 -1
- package/dist/esm/r-alert.entry.js +1 -1
- package/dist/esm/r-badge.entry.js +1 -1
- package/dist/esm/r-checkbox-group.entry.js +1 -1
- package/dist/esm/r-hint_3.entry.js +1 -1
- package/dist/esm/r-input-code.entry.js +1 -1
- package/dist/esm/r-input-date.entry.js +1 -1
- package/dist/esm/r-input-password.entry.js +7 -4
- package/dist/esm/r-input.entry.js +3 -3
- package/dist/esm/r-radio-button.entry.js +1 -1
- package/dist/esm/r-radio-group.entry.js +1 -1
- package/dist/esm/r-select.entry.js +1 -1
- package/dist/esm/r-textarea.entry.js +1 -1
- package/dist/esm/r-toast.entry.js +2 -2
- package/dist/web-components/p-289eb4b0.entry.js +1 -0
- package/dist/web-components/p-2b8e12ae.entry.js +1 -0
- package/dist/web-components/{p-89136369.entry.js → p-2e2c8a5b.entry.js} +1 -1
- package/dist/web-components/{p-d3ff65b0.entry.js → p-3a39932b.entry.js} +1 -1
- package/dist/web-components/{p-230e44ae.entry.js → p-63474b32.entry.js} +1 -1
- package/dist/web-components/{p-9b08e9ee.entry.js → p-74d2a563.entry.js} +1 -1
- package/dist/web-components/{p-29a1e75f.entry.js → p-7ad8e78b.entry.js} +1 -1
- package/dist/web-components/{p-1ae69897.entry.js → p-9d898089.entry.js} +1 -1
- package/dist/web-components/{p-e49b1ec3.entry.js → p-b2f03016.entry.js} +1 -1
- package/dist/web-components/{p-8c577cda.entry.js → p-c300c22f.entry.js} +1 -1
- package/dist/web-components/{p-f1e22caa.entry.js → p-d1379ac6.entry.js} +1 -1
- package/dist/web-components/p-d93c240d.entry.js +1 -0
- package/dist/web-components/{p-a58124c4.entry.js → p-f952161b.entry.js} +1 -1
- package/dist/web-components/web-components.esm.js +1 -1
- package/package.json +6 -6
- package/dist/web-components/p-828cb164.entry.js +0 -1
- package/dist/web-components/p-a5be3395.entry.js +0 -1
- package/dist/web-components/p-b2cec978.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as r,g as n}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";const o=class{constructor(e){t(this,e),this.rChange=i(this,"rChange"),this.rValidate=i(this,"rValidate"),this.rReset=i(this,"rReset"),this.name="input-code",this.length=4,this.label="Verification code",this.tooShortMessage=`All ${this.length} characters must be filled.`,this.value="",this.values=new Array(this.length).fill(""),this.validityState="",this.validityMessage="",this.inputs=[],this.handleInput=(t,i)=>{var e;if(this.readonly)return;const r=i.target.value.slice(-1);this.values[t]=r,this.values=[...this.values],r&&t<this.length-1&&(null===(e=this.inputs[t+1])||void 0===e||e.focus()),this.rChange.emit({value:this.values.join("")})},this.handleKeyDown=(t,i)=>{var e,r,n;if(this.readonly)return;const a=i.key;"Backspace"===a&&!this.values[t]&&t>0&&(this.values[t-1]="",this.values=[...this.values],null===(e=this.inputs[t-1])||void 0===e||e.focus()),"ArrowLeft"===a&&t>0&&(null===(r=this.inputs[t-1])||void 0===r||r.focus(),this.values[t-1]&&setTimeout((()=>{var i;null===(i=this.inputs[t-1])||void 0===i||i.setSelectionRange(0,1)}),0)),"ArrowRight"===a&&t<this.length-1&&(null===(n=this.inputs[t+1])||void 0===n||n.focus(),this.values[t+1]&&setTimeout((()=>{var i;null===(i=this.inputs[t+1])||void 0===i||i.setSelectionRange(0,1)}),0))},this.createInputHandler=t=>i=>this.handleInput(t,i),this.createKeyDownHandler=t=>i=>this.handleKeyDown(t,i),this.handlePaste=async t=>{var i;if(this.readonly)return;t.preventDefault();const e=t.clipboardData.getData("text").slice(0,this.length);this.values=e.split("").concat(new Array(this.length).fill("")).slice(0,this.length),this.values=[...this.values],this.rChange.emit({value:this.values.join("")});const r=this.values.findIndex((t=>!t));null===(i=this.inputs[-1===r?this.length-1:r])||void 0===i||i.focus()},this.onHostClick=()=>{const t=this.firstEmptyInput||this.inputs[this.inputs.length-1];null==t||t.focus(),null===this.firstEmptyInput&&setTimeout((()=>{null==t||t.setSelectionRange(0,1)}),0)},this.uniqueId=`r-input-code-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.nativeElement=null,this.getValidityStateData=t=>0===t.value.length?(this.validityState="valueMissing",void(this.validityMessage=this.valueMissingMessage)):t.value.length>0&&t.value.length<this.length?(this.validityState="tooShort",void(this.validityMessage=this.tooShortMessage)):void(this.validityState="valid"),this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;this.getValidityStateData(t);const i="valid"===this.validityState;this.valid=i,this.invalid=!i,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onResetForm=async()=>{if(this.readonly)return;this.reset(),this.validityState=null,this.validityMessage=null,this.invalid=null,this.valid=null;const{host:t}=this;this.rReset.emit({element:t,value:this.values.join("")})},this.onSubmitForm=t=>{this.isNoValidate||this.disabled||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.contributeToFormData=t=>{a(this.nativeElement||this.host,t.formData)}}async getValue(){return this.values.join("")}async reset(){var t;this.readonly||(this.values=new Array(this.length).fill(""),null===(t=this.inputs[0])||void 0===t||t.focus())}async setValue(t){if(!t)return void(this.values=new Array(this.length).fill(""));const i=Array.from(t).slice(0,this.length).map((t=>String(t)));this.values=i,this.rChange.emit({value:this.values.join("")})}handleValuesChange(){this.value=this.values.join("")}get firstEmptyInput(){return this.inputs.find((t=>!t.value))||null}get message(){return this.invalid&&this.error?this.error:this.valid||"valid"===this.validityState?null:this.validityState&&"valid"!==this.validityState?this.customErrorMessage||this.validityMessage:null}get ariaDescribedBy(){const t=this.message?`${this.uniqueId}-message`:null;return this.hint?`${this.uniqueId}-hint ${t}`:t}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get isNoValidate(){var t,i;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||this.disabled||(null===(i=this.error)||void 0===i?void 0:i.length)>0||!1}connectFormEventListeners(){var t,i,e;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(e=this.parentFormEl)||void 0===e||e.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,i,e;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("submit",this.onSubmitForm),null===(e=this.parentFormEl)||void 0===e||e.removeEventListener("reset",this.onResetForm)}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}get hasMessage(){return!!this.message}get groupDescribedby(){const{uniqueId:t,hint:i,hasMessage:e}=this;return e&&i?`${t}-message ${t}-hint`:e?`${t}-message`:i?`${t}-hint`:null}get hasTrailingSlot(){return!!this.host.querySelector('[slot="trailing"]')}componentWillLoad(){this.setValue(this.value)}render(){const{form:t,name:i,novalidate:n,required:a,disabled:o,label:s,fieldIndicator:d,hint:l,uniqueId:c,valid:h,readonly:u}=this,p={id:c,readonly:u,form:t,name:i,novalidate:n,required:a,disabled:o,"aria-describedby":this.ariaDescribedBy,minlength:this.length,maxlength:this.length};return e(r,{key:"7c77442f0a5b39e6baca0e0a19b07e5c28388267",value:this.value,onClick:this.onHostClick},e("div",{key:"e9d80a3cbb3f8afcbfce17da69bbe881112307c5",class:"r-input-code--label-container"},e("label",{key:"dfdc795d969466e71d82492dd142773fbad93f6b",htmlFor:c},s?e("r-label",Object.assign({},s?{id:`${c}-label`,fieldIndicator:d}:{}),s):e("slot",{name:"label"})),e("slot",{key:"f68f02578abd8be8fceea4bdaf1af657f07f5327",name:"popover"})),l&&e("r-hint",{key:"784b4a072ee504c99873d8e7744c1c055cbdd52a",id:`${c}-hint`,role:"note"},l),e("div",{key:"b9b458b9b18859132145848135118aacf6c43ab2",class:"r-input-code--container",role:"group","aria-labelledby":`${c}-label`,"aria-describedby":this.groupDescribedby},e("slot",{key:"34d0391987a526d9672ff457fbfd34c153099dbc",name:"leading"}),Array.from({length:this.length}).map(((t,i)=>e("input",{class:"r-input-code--input",key:i,id:`${c}-input-section-${i}`,"aria-label":`${this.ariaCharacterLabel||"Character"}: ${i+1}`,"aria-invalid":`${this.invalid||!1}`,value:this.values[i],ref:t=>this.inputs[i]=t,maxlength:1,disabled:this.disabled,required:this.required,readonly:u,onInput:this.createInputHandler(i),onKeyDown:this.createKeyDownHandler(i),onPaste:this.handlePaste}))),e("input",Object.assign({key:"029bcca9a6907090058ea65de36cc3aea106ad25",type:"hidden"},p,{value:this.values.join(""),ref:t=>this.nativeElement=t})),e("div",{key:"a91256c17340a75fe1e5a7942c9ede1089bd477c",class:"r-input-code--trailing"},this.readonly&&e("r-icon",{key:"28df1a0823e8b6c94a26fe8dac6838d663da26b7",class:"r-input-code--readonly-icon",name:"pen-disabled",size:"s"}),this.hasTrailingSlot&&e("slot",{key:"13dee654a15b7104fbe66408ba6c0a8d4b839a2c",name:"trailing"},h&&e("r-icon",{key:"85f0413d86b7366229fe07af87a7bdd5368f8a22",name:"circled-check",size:"s",color:"var(--r-status-success-regular)"})))),e("slot",{key:"cf9e23001dec5216a2c35144b9282dee25d5fe50",name:"message"},this.hasMessage&&e("r-hint",{key:"0c642fbeef09ec9c5ce1e2a6272bb27160be05c0","aria-live":"polite",id:`${c}-message`,variant:"error"},this.message)))}get host(){return n(this)}static get watchers(){return{values:["handleValuesChange"]}}};o.style=":host{display:inline-flex;flex-direction:column;vertical-align:top;--r-label--margin-bottom:0}:host slot{display:contents}:host slot[name=trailing]{display:flex;margin-left:auto}:host([readonly]:not([readonly=false])){--r-input-code--container--background-color:var(--r-background-soft, #f3f1f0);--r-input-code--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-input-code--container--cursor:text}:host(:hover:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input-code--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:focus-within:not([disabled]:not([disabled=false]))){--r-input-code--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-input-code--container--outline:2px solid var(--r-border-focused);--r-input-code--container--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input-code--container--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([full-width]:not([full-width=false])){display:flex}:host([disabled]:not([disabled=false])){cursor:not-allowed;--r-input-code--container--opacity:0.4;--r-input-code--container--cursor:not-allowed;--r-input-code--container--pointer-events:none;--r-input-code--container--background-color:transparent}:host([invalid]:not([invalid=false])){--r-input-code--container--border-color:var(--r-status-error-regular, #da1e28);--r-input-code--container--background-color:var(--r-status-error-soft, #fef6f6)}.r-input-code--label-container{display:var(--r-input-code--label-container--display, flex);gap:var(--r-input-code--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-input-code--label-container--align-items, center);justify-content:var(--r-input-code--label-container--align-items, space-between)}.r-input-code--label-container ::slotted([slot=popover]){display:var(--r-input-code--popover--display, inline-flex);height:var(--r-input-code--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-input-code--popover--align-items, center);justify-content:var(--r-input-code--popover--justify-content, center);margin-right:var(--r-input-code--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-input-code--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-input-code--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-input-code--container{position:var(--r-input-code--container--position, relative);display:var(--r-input-code--container--display, flex);align-items:var(--r-input-code--container--align-items, center);gap:var(--r-input-code--container--gap, 0.625em);height:var(--r-input-code--container--height, var(--r-spacing-275, 2.75rem));background-color:var(--r-input-code--container--background-color, var(--r-background-softest, #fff));border-width:var(--r-input-code--container--border-width, 1px);border-style:var(--r-input-code--container--border-style, solid);border-color:var(--r-input-code--container--border-color, var(--r-border-soft, #686868));box-sizing:var(--r-input-code--container--box-sizing, border-box);box-shadow:var(--r-input-code--container--box-shadow, none);outline:var(--r-input-code--container--outline, none);outline-offset:var(--r-input-code--container--outline-offset, 0);padding-top:var(--r-input-code--container--padding-top, 0.8em);padding-right:var(--r-input-code--container--padding-right, 0.7em);padding-bottom:var(--r-input-code--container--padding-bottom, 0.8em);padding-left:var(--r-input-code--container--padding-left, 0.7em);opacity:var(--r-input-code--container--opacity, 1);pointer-events:var(--r-input-code--container--pointer-events, auto);line-height:var(--r-input-code--container--line-height, 1);cursor:var(--r-input-code--container--cursor, inherit);margin-top:var(--r-input-code--container--margin-top, var(--r-spacing-025, 0.25rem));margin-bottom:var(--r-input-code--container--margin-bottom, var(--r-spacing-025, 0.25rem))}.r-input-code--input{width:var(--r-input-code--input--width, 0.725rem);outline:var(--r-input-code--input--outline, none);font-size:var(--r-input-code--input--font-size, 1rem);text-align:var(--r-input-code--input--text-align, center);background-color:var(--r-input-code--input--background-color, transparent);border-width:var(--r-input-code--input--border-width, 0 0 1px 0);border-style:var(--r-input-code--input--border-style, solid);border-color:var(--r-input-code--input--border-color, var(--r-text-soft))}.r-input-code--trailing{display:var(--r-input-code--trailing--display, flex);margin-left:var(--r-input-code--trailing--margin-left, auto);align-items:var(--r-input-code--trailing--align-items, center);gap:var(--r-input-code--trailing--gap, 0.625rem)}.r-input-code--readonly-icon{color:var(--r-input-code--readonly-icon--color, var(--r-icon-soft, #686868))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";export{o as r_input_code}
|
|
1
|
+
import{r as t,c as i,h as e,H as r,g as n}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";const o=class{constructor(e){t(this,e),this.rChange=i(this,"rChange"),this.rValidate=i(this,"rValidate"),this.rReset=i(this,"rReset"),this.name="input-code",this.length=4,this.label="Verification code",this.tooShortMessage=`All ${this.length} characters must be filled.`,this.value="",this.values=new Array(this.length).fill(""),this.validityState="",this.validityMessage="",this.inputs=[],this.handleInput=(t,i)=>{var e;if(this.readonly)return;const r=i.target.value.slice(-1);this.values[t]=r,this.values=[...this.values],r&&t<this.length-1&&(null===(e=this.inputs[t+1])||void 0===e||e.focus()),this.rChange.emit({value:this.values.join("")})},this.handleKeyDown=(t,i)=>{var e,r,n;if(this.readonly)return;const a=i.key;"Backspace"===a&&!this.values[t]&&t>0&&(this.values[t-1]="",this.values=[...this.values],null===(e=this.inputs[t-1])||void 0===e||e.focus()),"ArrowLeft"===a&&t>0&&(null===(r=this.inputs[t-1])||void 0===r||r.focus(),this.values[t-1]&&setTimeout((()=>{var i;null===(i=this.inputs[t-1])||void 0===i||i.setSelectionRange(0,1)}),0)),"ArrowRight"===a&&t<this.length-1&&(null===(n=this.inputs[t+1])||void 0===n||n.focus(),this.values[t+1]&&setTimeout((()=>{var i;null===(i=this.inputs[t+1])||void 0===i||i.setSelectionRange(0,1)}),0))},this.createInputHandler=t=>i=>this.handleInput(t,i),this.createKeyDownHandler=t=>i=>this.handleKeyDown(t,i),this.handlePaste=async t=>{var i;if(this.readonly)return;t.preventDefault();const e=t.clipboardData.getData("text").slice(0,this.length);this.values=e.split("").concat(new Array(this.length).fill("")).slice(0,this.length),this.values=[...this.values],this.rChange.emit({value:this.values.join("")});const r=this.values.findIndex((t=>!t));null===(i=this.inputs[-1===r?this.length-1:r])||void 0===i||i.focus()},this.onHostClick=()=>{const t=this.firstEmptyInput||this.inputs[this.inputs.length-1];null==t||t.focus(),null===this.firstEmptyInput&&setTimeout((()=>{null==t||t.setSelectionRange(0,1)}),0)},this.uniqueId=`r-input-code-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.nativeElement=null,this.getValidityStateData=t=>0===t.value.length?(this.validityState="valueMissing",void(this.validityMessage=this.valueMissingMessage)):t.value.length>0&&t.value.length<this.length?(this.validityState="tooShort",void(this.validityMessage=this.tooShortMessage)):void(this.validityState="valid"),this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;this.getValidityStateData(t);const i="valid"===this.validityState;this.valid=i,this.invalid=!i,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onResetForm=async()=>{if(this.readonly)return;this.reset(),this.validityState=null,this.validityMessage=null,this.invalid=null,this.valid=null;const{host:t}=this;this.rReset.emit({element:t,value:this.values.join("")})},this.onSubmitForm=t=>{this.isNoValidate||this.disabled||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.contributeToFormData=t=>{a(this.nativeElement||this.host,t.formData)}}async getValue(){return this.values.join("")}async reset(){var t;this.readonly||(this.values=new Array(this.length).fill(""),null===(t=this.inputs[0])||void 0===t||t.focus())}async setValue(t){if(!t)return void(this.values=new Array(this.length).fill(""));const i=Array.from(t).slice(0,this.length).map((t=>String(t)));this.values=i,this.rChange.emit({value:this.values.join("")})}handleValuesChange(){this.value=this.values.join("")}get firstEmptyInput(){return this.inputs.find((t=>!t.value))||null}get message(){return this.invalid&&this.error?this.error:this.valid||"valid"===this.validityState?null:this.validityState&&"valid"!==this.validityState?this.customErrorMessage||this.validityMessage:null}get ariaDescribedBy(){const t=this.message?`${this.uniqueId}-message`:null;return this.hint?`${this.uniqueId}-hint ${t}`:t}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get isNoValidate(){var t,i;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||this.disabled||(null===(i=this.error)||void 0===i?void 0:i.length)>0||!1}connectFormEventListeners(){var t,i,e;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(e=this.parentFormEl)||void 0===e||e.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,i,e;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("submit",this.onSubmitForm),null===(e=this.parentFormEl)||void 0===e||e.removeEventListener("reset",this.onResetForm)}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}get hasMessage(){return!!this.message}get groupDescribedby(){const{uniqueId:t,hint:i,hasMessage:e}=this;return e&&i?`${t}-message ${t}-hint`:e?`${t}-message`:i?`${t}-hint`:null}get hasTrailingSlot(){return!!this.host.querySelector('[slot="trailing"]')}componentWillLoad(){this.setValue(this.value)}render(){const{form:t,name:i,novalidate:n,required:a,disabled:o,label:s,fieldIndicator:d,hint:l,uniqueId:c,valid:h,readonly:u}=this,p={id:c,readonly:u,form:t,name:i,novalidate:n,required:a,disabled:o,"aria-describedby":this.ariaDescribedBy,minlength:this.length,maxlength:this.length};return e(r,{key:"7c77442f0a5b39e6baca0e0a19b07e5c28388267",value:this.value,onClick:this.onHostClick},e("div",{key:"e9d80a3cbb3f8afcbfce17da69bbe881112307c5",class:"r-input-code--label-container"},e("label",{key:"dfdc795d969466e71d82492dd142773fbad93f6b",htmlFor:c},s?e("r-label",Object.assign({},s?{id:`${c}-label`,fieldIndicator:d}:{}),s):e("slot",{name:"label"})),e("slot",{key:"f68f02578abd8be8fceea4bdaf1af657f07f5327",name:"popover"})),l&&e("r-hint",{key:"784b4a072ee504c99873d8e7744c1c055cbdd52a",id:`${c}-hint`,role:"note"},l),e("div",{key:"b9b458b9b18859132145848135118aacf6c43ab2",class:"r-input-code--container",role:"group","aria-labelledby":`${c}-label`,"aria-describedby":this.groupDescribedby},e("slot",{key:"34d0391987a526d9672ff457fbfd34c153099dbc",name:"leading"}),Array.from({length:this.length}).map(((t,i)=>e("input",{class:"r-input-code--input",key:i,id:`${c}-input-section-${i}`,"aria-label":`${this.ariaCharacterLabel||"Character"}: ${i+1}`,"aria-invalid":`${this.invalid||!1}`,value:this.values[i],ref:t=>this.inputs[i]=t,maxlength:1,disabled:this.disabled,required:this.required,readonly:u,onInput:this.createInputHandler(i),onKeyDown:this.createKeyDownHandler(i),onPaste:this.handlePaste}))),e("input",Object.assign({key:"029bcca9a6907090058ea65de36cc3aea106ad25",type:"hidden"},p,{value:this.values.join(""),ref:t=>this.nativeElement=t})),e("div",{key:"a91256c17340a75fe1e5a7942c9ede1089bd477c",class:"r-input-code--trailing"},this.readonly&&e("r-icon",{key:"28df1a0823e8b6c94a26fe8dac6838d663da26b7",class:"r-input-code--readonly-icon",name:"pen-disabled",size:"s"}),this.hasTrailingSlot&&e("slot",{key:"13dee654a15b7104fbe66408ba6c0a8d4b839a2c",name:"trailing"},h&&e("r-icon",{key:"85f0413d86b7366229fe07af87a7bdd5368f8a22",name:"circled-check",size:"s",color:"var(--r-status-success-regular)"})))),e("slot",{key:"cf9e23001dec5216a2c35144b9282dee25d5fe50",name:"message"},this.hasMessage&&e("r-hint",{key:"0c642fbeef09ec9c5ce1e2a6272bb27160be05c0","aria-live":"polite",id:`${c}-message`,variant:"error"},this.message)))}get host(){return n(this)}static get watchers(){return{values:["handleValuesChange"]}}};o.style=":host{display:inline-flex;flex-direction:column;vertical-align:top;--r-label--margin-bottom:0}:host slot{display:contents}:host slot[name=trailing]{display:flex;margin-left:auto}:host([readonly]:not([readonly=false])){--r-input-code--container--background-color:var(--r-background-soft, #f3f1f0);--r-input-code--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-input-code--container--cursor:text}:host(:hover:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input-code--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:focus-within:not([disabled]:not([disabled=false]))){--r-input-code--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-input-code--container--outline:2px solid var(--r-border-focused);--r-input-code--container--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input-code--container--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([full-width]:not([full-width=false])){display:flex}:host([disabled]:not([disabled=false])){cursor:not-allowed;--r-input-code--container--opacity:0.4;--r-input-code--container--cursor:not-allowed;--r-input-code--container--pointer-events:none;--r-input-code--container--background-color:transparent}:host([invalid]:not([invalid=false])){--r-input-code--container--border-color:var(--r-status-error-regular, #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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as a,H as e}from"./p-Da7qOBFr.js";const o=class{constructor(a){r(this,a),this.iconVisible=!1}get iconName(){switch(this.variant){case"information":default:return"circled-information-i";case"success":return"circled-check";case"warning":return"triangle-with-exclamation-mark";case"error":return"circled-exclamation-mark"}}render(){const{variant:r,iconVisible:o,iconAriaLabel:t}=this;return a(e,Object.assign({key:"73206915b750bff058e10baa6b725f763ce9c4cc"},{variant:r}),a("div",{key:"cd108d117bfd02dbddf34f026aabee07dcf9a709",class:"r-badge"},o&&a("slot",{key:"8c171f451c87943a2e079eee5dc0b41da0ef0c2b",name:"icon"},a("r-icon",{key:"a9fdeb7b0685cd9f76916818bd6ea5fd320cb657",size:"s",name:this.iconName,iconAriaLabel:t})),a("slot",{key:"507b120621c22339e988216713197f22ab7bf6f8"})))}};o.style=":host([variant=information]){--r-badge--icon--color:var(--r-status-info-regular, #
|
|
1
|
+
import{r,h as a,H as e}from"./p-Da7qOBFr.js";const o=class{constructor(a){r(this,a),this.iconVisible=!1}get iconName(){switch(this.variant){case"information":default:return"circled-information-i";case"success":return"circled-check";case"warning":return"triangle-with-exclamation-mark";case"error":return"circled-exclamation-mark"}}render(){const{variant:r,iconVisible:o,iconAriaLabel:t}=this;return a(e,Object.assign({key:"73206915b750bff058e10baa6b725f763ce9c4cc"},{variant:r}),a("div",{key:"cd108d117bfd02dbddf34f026aabee07dcf9a709",class:"r-badge"},o&&a("slot",{key:"8c171f451c87943a2e079eee5dc0b41da0ef0c2b",name:"icon"},a("r-icon",{key:"a9fdeb7b0685cd9f76916818bd6ea5fd320cb657",size:"s",name:this.iconName,iconAriaLabel:t})),a("slot",{key:"507b120621c22339e988216713197f22ab7bf6f8"})))}};o.style=":host([variant=information]){--r-badge--icon--color:var(--r-status-info-regular, #3e5c73);--r-badge--border-color:var(--r-status-info-regular, #3e5c73);--r-badge--background-color:var(--r-status-info-soft, #f8fafb)}:host([variant=success]){--r-badge--icon--color:var(--r-status-success-regular, #298535);--r-badge--border-color:var(--r-status-success-regular, #298535);--r-badge--background-color:var(--r-status-success-soft, #f7fdf8)}:host([variant=warning]){--r-badge--icon--color:var(--r-status-warning-regular, #ff7429);--r-badge--border-color:var(--r-status-warning-regular, #ff7429);--r-badge--background-color:var(--r-status-warning-soft, #fef9f5)}:host([variant=error]){--r-badge--icon--color:var(--r-status-error-regular, #b00c15);--r-badge--border-color:var(--r-status-error-regular, #b00c15);--r-badge--background-color:var(--r-status-error-soft, #fef6f6)}:host{display:var(--display, inline-flex);line-height:var(--line-height, var(--r-line-height-s, 1.2))}.r-badge{display:var(--r-badge--display, inline-flex);justify-content:var(--r-badge--justify-content, center);align-items:var(--r-badge--align-items, center);gap:var(--r-badge--gap, var(--r-spacing-025, 0.25rem));padding:var(--r-badge--padding, 0.05rem 0.5rem);margin:var(--r-badge--margin, 0);color:var(--r-badge--text--color, var(--r-text-regular, #282828));border-width:var(--r-badge--border-width, 1.2px);border-style:var(--r-badge--border-style, solid);border-color:var(--r-badge--border-color, var(--r-status-info-regular, #3e5c73));border-radius:var(--r-badge--border-radius, var(--r-spacing-150, 1.5rem));background-color:var(--r-badge--background-color, var(--r-status-info-soft, #f8fafb));box-sizing:var(--r-badge--box-sizing, border-box);font-family:var(--r-badge--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-badge--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-badge--font-size, var(--r-font-size-300, 0.875rem));line-height:var(--r-badge--line-height, var(--r-line-height-m, 1.5));text-transform:var(--r-badge--text-transform, none)}.r-badge slot[name=icon]{color:var(--r-badge--icon--color, var(--r-status-info-regular, #3e5c73))}";export{o as r_badge}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as r,H as n,g as e}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";const o=class{constructor(r){t(this,r),this.rClickIcon=i(this,"rClickIcon"),this.rValidate=i(this,"rValidate"),this.rInput=i(this,"rInput"),this.rBlur=i(this,"rBlur"),this.rFocus=i(this,"rFocus"),this.rChange=i(this,"rChange"),this.rReset=i(this,"rReset"),this.type="text",this.value="",this.iconPosition="start",this.validMarker=!1,this.validMarkerIcon="circled-check",this.validityState="",this.validityMessage="",this.nativeElement=null,this.uniqueId=`r-input-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.initial={},this.getValidityStateData=t=>{for(const i in t.validity)if(t.validity[i]){if(this.validityState=i,this[i+"Message"])return void(this.validityMessage=this[i+"Message"]);this.validityMessage=t.validationMessage}},this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;"email"===this.type&&this.pattern?(t.setCustomValidity(""),this.validityState=this.validEmailPattern?"valid":"patternMismatch",this.validityMessage=this.validEmailPattern?"":this.patternMismatchMessage):this.getValidityStateData(t);const i="valid"===this.validityState;this.valid=i,this.invalid=!i,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onInput=t=>{if(this.readonly)return;this.value=t.target.value;const{host:i,value:r}=this;this.rInput.emit({element:i,value:r})},this.onChange=t=>{if(this.readonly)return;this.value=t.target.value;const{host:i,value:r}=this;this.rChange.emit({element:i,value:r})},this.onBlur=()=>{this.host.classList.remove("focused"),this.validateFormElement(this.nativeElement),this.rBlur.emit()},this.onFocus=()=>{this.host.classList.add("focused"),this.rFocus.emit()},this.contributeToFormData=t=>{a(this.nativeElement||this.host,t.formData)},this.onResetForm=()=>{if(this.readonly)return;this.validityState=null,this.validityMessage=null,this.setValue(this.initial.value),this.invalid=this.initial.invalid,this.valid=!this.invalid;const{host:t,value:i}=this;this.rReset.emit({element:t,value:i})},this.onSubmitForm=t=>{this.isNoValidate||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.handleKeyup=t=>{var i,r;if(this.validateFormElement(this.nativeElement),(!this.invalid||this.isNoValidate)&&"Enter"===t.code){const t=this.host.querySelector('[type="submit"]')||(null===(i=this.parentFormEl)||void 0===i?void 0:i.querySelector('[type="submit"]'));t&&"triggerClick"in t?null==t||t.triggerClick():null===(r=this.parentFormEl)||void 0===r||r.requestSubmit()}},this.handleClick=()=>{this.host.shadowRoot.querySelector("input").focus()}}async setFocus(){var t;null===(t=this.nativeElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.nativeElement)||void 0===t||t.blur()}async select(){var t;null===(t=this.nativeElement)||void 0===t||t.select()}async getSelectionStart(){var t,i;return null!==(i=null===(t=this.nativeElement)||void 0===t?void 0:t.selectionStart)&&void 0!==i?i:null}async getSelectionEnd(){var t,i;return null!==(i=null===(t=this.nativeElement)||void 0===t?void 0:t.selectionEnd)&&void 0!==i?i:null}async setSelectionRange(t,i,r="none"){this.nativeElement&&this.nativeElement.setSelectionRange(t,i,r)}async getValue(){var t;return(null===(t=this.nativeElement)||void 0===t?void 0:t.value)||""}async setValue(t){this.nativeElement.value=t,this.validateFormElement(this.nativeElement)}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get ariaDescribedBy(){const t=`${this.uniqueId}-message`;return this.hint?`${this.uniqueId}-hint ${t}`:t}get hasError(){var t;return this.invalid&&!!(null===(t=this.error)||void 0===t?void 0:t.length)}get hasValidationError(){return("valid"!==this.validityState||this.invalid)&&!(!this.validityMessage&&!this.customErrorMessage)}get hasValidationSuccess(){return("valid"===this.validityState||this.valid)&&!!this.validMessage&&this.showValid}get hasMessage(){return this.hasError||this.hasValidationError||this.hasValidationSuccess}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!1}get hasTrailingSlot(){return!!this.host.querySelector('[slot="trailing"]')}get validEmailPattern(){return new RegExp(this.pattern,"u").test(this.value)}componentWillLoad(){this.initial.value=this.value,this.initial.invalid=this.invalid}connectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(r=this.parentFormEl)||void 0===r||r.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("submit",this.onSubmitForm),null===(r=this.parentFormEl)||void 0===r||r.removeEventListener("reset",this.onResetForm)}connectedCallback(){this.connectFormEventListeners(),this.autofocus&&queueMicrotask((()=>{var t;return null===(t=this.host.querySelector("input[autofocus]"))||void 0===t?void 0:t.focus({preventScroll:!0})}))}disconnectedCallback(){this.disconnectFormEventListeners()}handleValueChange(){this.validateFormElement(this.nativeElement)}render(){const{name:t,placeholder:i,required:e,fieldIndicator:a,maxlength:o,minlength:s,min:l,max:u,value:p,disabled:h,form:c,pattern:d,invalid:v,valid:g,validMarker:m,hint:b,label:f,internal:y,tooltip:x,tooltipIcon:k,tooltipIconColor:w,uniqueId:C,autocomplete:F,readonly:D,autofocus:E}=this,$={disabled:h,readonly:D,required:e,label:f,name:t,placeholder:i,maxlength:o,minlength:s,min:l,max:u,form:c,pattern:d,autocomplete:F,autofocus:E||null,id:C,"data-value":p,"aria-placeholder":i,"aria-invalid":`${v||!1}`,"aria-required":`${e||!1}`,"aria-describedby":this.ariaDescribedBy},z=f?Object.assign({id:`${C}-label`,fieldIndicator:a},x&&!h?{tooltip:x,"tooltip-icon":k,"tooltip-icon-color":w}:{}):{},V=Object.entries(this).reduce(((t,[i,r])=>("function"==typeof r&&i.startsWith("on")&&(t[i]=r),t)),{});return r(n,{onClick:this.handleClick,onKeyup:this.handleKeyup},r("div",{class:y?"visually-hidden":"r-input--label-container"},r("label",{htmlFor:C},f?r("r-label",Object.assign({class:"r-input--label"},z),f):r("slot",{name:"label"})),r("slot",{name:"popover"})),b&&r("r-hint",{id:`${C}-hint`,role:"note"},b),r("div",{class:"r-input--container"},r("slot",{name:"leading"}),r("input",Object.assign({class:"r-input--input",type:this.type},$,V,{ref:t=>this.nativeElement=t,value:this.value,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onFocus:this.onFocus})),r("div",{class:"r-input--trailing"},this.readonly&&r("r-icon",{class:"r-input--readonly-icon",name:"pen-disabled",size:"s"}),m&&(g||v)?r("r-icon",{class:"r-input--validation-icon","aria-hidden":!0,size:"s",name:v?"circled-exclamation-mark":"circled-check",color:v?"--r-status-error-regular":"--r-status-success-regular"}):null,this.hasTrailingSlot&&r("slot",{name:"trailing"}))),r("div",{id:`${C}-message`,"aria-live":y?null:"polite",class:y?"visually-hidden":"r-input--message"},r("slot",{name:"message"},this.hasMessage&&r("r-hint",{variant:g?"success":"error"},this.hasError&&this.error,this.hasValidationError&&(this.customErrorMessage||this.validityMessage),this.hasValidationSuccess&&this.validMessage))))}get host(){return e(this)}static get watchers(){return{value:["handleValueChange"]}}};o.style=':host{display:inline-flex;flex-direction:column;vertical-align:top;--r-label--margin-bottom:0}:host slot{display:contents}:host([readonly]:not([readonly=false])){--r-input--container--background-color:var(--r-background-soft, #f3f1f0);--r-input--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-input--container--cursor:text}:host(:hover:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(.focused){--r-input--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-input--container--outline:2px solid var(--r-border-focused);--r-input--container--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input--container--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([expanded]:not([expanded=false])),:host([full-width]:not([full-width=false])){display:block}:host([disabled]:not([disabled=false])){--r-input--container--opacity:0.4;--r-input--container--cursor:not-allowed;--r-input--container--pointer-events:none;--r-input--container--background-color:transparent}:host([invalid]:not([invalid=false])){--r-input--container--border-color:var(--r-status-error-regular, #b00c15);--r-input--container--background-color:var(--r-status-error-soft, #fef6f6)}.r-input{display:var(--r-input--display, flex);flex:var(--r-input--flex, 1);flex-direction:var(--r-input--flex-direction, column);width:var(--r-input--width, auto);font-family:var(--r-input--font-family, system-ui);position:var(--r-input--position, relative);border-radius:var(--r-input--border-radius, 0);cursor:var(--r-input--cursor, inherit)}.r-input--label-container{display:var(--r-input--label-container--display, flex);gap:var(--r-input--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-input--label-container--align-items, center);justify-content:var(--r-input--label-container--align-items, space-between)}.r-input--label-container ::slotted([slot=popover]){display:var(--r-input--popover--display, inline-flex);height:var(--r-input--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-input--popover--align-items, center);justify-content:var(--r-input--popover--justify-content, center);margin-right:var(--r-input--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-input--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-input--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-input--label{cursor:var(--r-input--label--cursor, inherit)}.r-input--input{font-family:var(--r-input--input--font-family, system-ui);font-size:var(--r-input--input--font-size, 1em);width:var(--r-input--input--width, 100%);max-width:var(--r-input--input--max-width, 100%);height:var(--r-input--input--height, var(--r-spacing-275, 2.75rem));border-radius:var(--r-input--input--border-radius, 0);border:var(--r-input--input--border, none);color:var(--r-input--input--color, var(--r-text-regular, #282828));background-color:var(--r-input--input--background-color, none);appearance:var(--r-input--input--appearance, none);box-sizing:var(--r-input--input--box-sizing, border-box);outline:var(--r-input--input--outline, none);cursor:var(--r-input--input--cursor, inherit);pointer-events:var(--r-input--input--pointer-events, auto)}.r-input--input:autofill,.r-input--input:-webkit-autofill{-webkit-background-clip:text !important}.r-input--input::-ms-reveal{display:var(--r-input--input--ms-reveal--display, none)}.r-input--input::placeholder{color:var(--r-input--input--placeholder--color, var(--r-text-soft, #686868))}.r-input--input[type=search]::-webkit-search-cancel-button{cursor:var(--r-input--input-clear--cursor, pointer);display:var(--r-input--input-clear--display, block);height:var(--r-input--input-clear--height, 0.875rem);width:var(--r-input--input-clear--width, 0.875rem);appearance:var(--r-input--input-clear--appearance, none);background-repeat:var(--r-input--input-clear--background-repeat, no-repeat);background-image:var(--r-input--input-clear--background-image, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke-width%3D%221.5%22%20viewBox%3D%220.75%200.75%2022.5%2022.5%22%3E%3Cpath%20id%3D%22Vector%202269%22%20stroke%3D%22currentColor%22%20d%3D%22M1.5%201.5L22.5%2022.5%22%2F%3E%3Cpath%20id%3D%22Vector%202270%22%20stroke%3D%22currentColor%22%20d%3D%22M22.5%201.5L1.5%2022.5%22%2F%3E%3C%2Fsvg%3E"));background-size:var(--r-input--input-clear--background-size, contain);margin-inline:var(--r-input--input-clear--margin-inline, 0);color:currentColor}.r-input--button{position:var(--r-input--icon-button--position, absolute);width:var(--r-input--icon-button--width, calc(1.125em + var(--r-input--icon--width)));height:var(--r-input--icon-button--height, 100%);top:var(--r-input--icon-button--top, 0);right:var(--r-input--icon-button--right, auto);bottom:var(--r-input--icon-button--bottom, auto);left:var(--r-input--icon-button--left, 0);cursor:var(--r-input--icon-button--cursor, inherit)}.r-input--container{position:var(--r-input--container--position, relative);display:var(--r-input--container--display, flex);align-items:var(--r-input--container--align-items, center);gap:var(--r-input--container--gap, 0.625rem);height:var(--r-input--container--height, var(--r-spacing-275, 2.75rem));background-color:var(--r-input--container--background-color, var(--r-background-softest, #fff));border-width:var(--r-input--container--border-width, 1px);border-style:var(--r-input--container--border-style, solid);border-color:var(--r-input--container--border-color, var(--r-border-soft, #686868));box-sizing:var(--r-input--container--box-sizing, border-box);box-shadow:var(--r-input--container--box-shadow, none);outline:var(--r-input--container--outline, none);outline-offset:var(--r-input--container--outline-offset, 0);padding-top:var(--r-input--container--padding-top, 0.6875rem);padding-right:var(--r-input--container--padding-right, var(--r-spacing-075, 0.75rem));padding-bottom:var(--r-input--container--padding-bottom, 0.6875rem);padding-left:var(--r-input--container--padding-left, var(--r-spacing-0275, 0.75rem));opacity:var(--r-input--container--opacity, 1);pointer-events:var(--r-input--container--pointer-events, auto);line-height:var(--r-input--container--line-height, 1);cursor:var(--r-input--container--cursor, inherit);margin-top:var(--r-input--container--margin-top, var(--r-spacing-025, 0.25rem))}.r-input--container slot[name=leading]{color:var(--r-input--container-leading--color, var(--r-icon-soft, #686868))}.r-input--message:has(r-hint),.r-input--message ::slotted([slot=message]){margin-top:var(--r-input--message--margin-top, var(--r-spacing-025, 0.25rem))}.r-input--trailing{display:var(--r-input--trailing--display, flex);margin-left:var(--r-input--trailing--margin-left, auto);align-items:var(--r-input--trailing--align-items, center);gap:var(--r-input--trailing--gap, 0.625rem)}.r-input--readonly-icon{color:var(--r-input--readonly-icon--color, var(--r-icon-soft, #686868))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';export{o as r_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as r,h as e,H as a,g as i}from"./p-Da7qOBFr.js";import{a as n}from"./p-DvLT8-y3.js";const s=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=>{for(const r in t.validity)if(t.validity[r]){if(this.validityState=r,this[r+"Message"])return void(this.validityMessage=this[r+"Message"]);this.validityMessage=t.validationMessage}},this.validateFormElement=(t=null)=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;this.getValidityStateData(t);const r="valid"===this.validityState;this.valid=r,this.invalid=!r,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.contributeToFormData=t=>{n(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 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:n,required:s,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,$={name:t,rows:r,cols:i,placeholder:n,required:s,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":`${!!s}`},k=g?Object.assign({label:g,fieldIndicator:b},f&&!u?{tooltip:f,tooltipIcon:y,tooltipIconColor:w}:{}):{},j=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`},k),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"},$,j,{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)}};s.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, #da1e28)}.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{s as r_textarea}
|
|
1
|
+
import{r as t,c as r,h as e,H as a,g as i}from"./p-Da7qOBFr.js";import{a as n}from"./p-DvLT8-y3.js";const s=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=>{for(const r in t.validity)if(t.validity[r]){if(this.validityState=r,this[r+"Message"])return void(this.validityMessage=this[r+"Message"]);this.validityMessage=t.validationMessage}},this.validateFormElement=(t=null)=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;this.getValidityStateData(t);const r="valid"===this.validityState;this.valid=r,this.invalid=!r,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.contributeToFormData=t=>{n(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 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:n,required:s,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,$={name:t,rows:r,cols:i,placeholder:n,required:s,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":`${!!s}`},k=g?Object.assign({label:g,fieldIndicator:b},f&&!u?{tooltip:f,tooltipIcon:y,tooltipIconColor:w}:{}):{},j=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`},k),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"},$,j,{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)}};s.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{s as r_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as i}from"./p-Da7qOBFr.js";export{s as setNonce}from"./p-Da7qOBFr.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const i=import.meta.url,a={};return""!==i&&(a.resourcesUrl=new URL(".",i).href),e(a)})().then((async e=>(await a(),i(JSON.parse('[["p-77155630",[[257,"r-pagination",{"arrows":[1028],"totalResults":[514,"total-results"],"pageActive":[1538,"page-active"],"itemsPerPage":[1026,"items-per-page"],"itemsPerPageOptions":[16,"items-per-page-options"],"variant":[1],"resultsLine":[1028,"results-line"],"startText":[1,"start-text"],"middleText":[1,"middle-text"],"endText":[1,"end-text"],"selectText":[1,"select-text"],"listBoxPosition":[1,"list-box-position"],"total":[32],"active":[32],"previous":[32],"next":[32],"first":[32],"last":[32]}]]],["p-828cb164",[[257,"r-input-password",{"form":[1],"novalidate":[4],"name":[513],"value":[1537],"placeholder":[1],"label":[513],"fieldIndicator":[1,"field-indicator"],"tooltip":[1],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"hint":[1],"fullWidth":[516,"full-width"],"valid":[1540],"invalid":[1540],"error":[1],"disabled":[516],"readonly":[516],"required":[516],"valueMissingMessage":[1,"value-missing-message"],"customErrorMessage":[1,"custom-error-message"],"showPasswordAriaLabel":[1,"show-password-aria-label"],"hidePasswordAriaLabel":[1,"hide-password-aria-label"],"shownPasswordMessage":[1,"shown-password-message"],"hiddenPasswordMessage":[1,"hidden-password-message"],"showed":[32],"validityState":[32],"validityMessage":[32],"passwordVisibilityTimer":[32],"toggleShow":[64],"showPassword":[64],"hidePassword":[64],"getValue":[64],"setValue":[64]}]]],["p-230e44ae",[[257,"r-checkbox-group",{"form":[1],"name":[1],"value":[1],"required":[516],"valueMissingMessage":[1,"value-missing-message"],"showValid":[4,"show-valid"],"valid":[1540],"validMessage":[1,"valid-message"],"invalid":[1540],"error":[1],"customErrorMessage":[1,"custom-error-message"],"label":[1],"fieldIndicator":[1,"field-indicator"],"help":[1],"helpIcon":[1,"help-icon"],"helpIconColor":[1,"help-icon-color"],"hint":[1],"showSelectAll":[516,"show-select-all"],"novalidate":[4],"checked":[4],"indetermitate":[4],"indeterminate":[32],"allChecked":[32],"noChecked":[32],"validityState":[32],"validityMessage":[32],"resetValidity":[64],"checkAll":[64],"uncheckAll":[64]},[[0,"rChange","handleCheckboxChange"]]]]],["p-72c0c0d8",[[257,"r-input-phone-number",{"value":[513],"form":[1],"novalidate":[4],"label":[1],"fieldIndicator":[1,"field-indicator"],"hint":[1],"tooltip":[513],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"name":[1],"inputLabel":[1,"input-label"],"countryCodeLabel":[1,"country-code-label"],"disabled":[516],"readonly":[516],"required":[516],"valid":[1540],"invalid":[1540],"error":[1],"customErrorMessage":[513,"custom-error-message"],"valueMissingMessage":[1,"value-missing-message"],"fullWidth":[516,"full-width"],"fullPhoneNumber":[32],"phoneNumber":[32],"validityState":[32],"validityMessage":[32],"getValue":[64],"setValue":[64],"setCustomValidity":[64],"reportValidity":[64],"reset":[64]},null,{"value":["watchValueChange"],"disabled":["handleDisabledChange"],"required":["handleRequiredChange"],"readonly":["handleReadonlyChange"],"label":["handleLabelChange"]}]]],["p-8c577cda",[[257,"r-input-code",{"form":[1],"name":[1],"length":[2],"disabled":[516],"novalidate":[4],"required":[4],"readonly":[516],"label":[1],"fieldIndicator":[1,"field-indicator"],"hint":[1],"invalid":[1540],"error":[1],"valid":[1540],"tooShortMessage":[1,"too-short-message"],"customErrorMessage":[1,"custom-error-message"],"valueMissingMessage":[1,"value-missing-message"],"fullWidth":[516,"full-width"],"ariaCharacterLabel":[1,"aria-character-label"],"value":[1537],"values":[32],"validityState":[32],"validityMessage":[32],"getValue":[64],"reset":[64],"setValue":[64]},null,{"values":["handleValuesChange"]}]]],["p-d3ff65b0",[[257,"r-input-date",{"form":[1],"novalidate":[4],"name":[513],"format":[1537],"value":[1537],"label":[513],"fieldIndicator":[1,"field-indicator"],"tooltip":[1],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"hint":[1],"fullWidth":[516,"full-width"],"dayAriaLabel":[513,"day-aria-label"],"monthAriaLabel":[513,"month-aria-label"],"yearAriaLabel":[513,"year-aria-label"],"valid":[1540],"invalid":[1540],"error":[1],"disabled":[516],"readonly":[516],"required":[516],"valueMissingMessage":[1,"value-missing-message"],"invalidDateMessage":[1,"invalid-date-message"],"customErrorMessage":[1,"custom-error-message"],"currentValues":[32],"delimiter":[32],"validityState":[32],"validityMessage":[32],"getValue":[64],"setValue":[64],"getFormat":[64],"setFormat":[64],"reset":[64]},null,{"format":["handleFormatChange"],"value":["handleValueChange"]}]]],["p-9b08e9ee",[[257,"r-radio-group",{"form":[513],"name":[513],"value":[1537],"novalidate":[4],"label":[1],"required":[4],"fieldIndicator":[1,"field-indicator"],"tooltip":[1],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"valueMissingMessage":[1,"value-missing-message"],"showValid":[4,"show-valid"],"valid":[1540],"validMessage":[1,"valid-message"],"invalid":[1540],"error":[1],"customErrorMessage":[1,"custom-error-message"],"hint":[1],"variant":[513],"validityState":[32],"validityMessage":[32],"resetValidity":[64],"reset":[64],"setValue":[64],"getValue":[64],"clearValue":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64],"setFocus":[64],"setBlur":[64]},[[0,"rChange","rChangeAction"],[0,"radioButtonClick","radioButtonClickAction"],[0,"radioButtonKeydown","radioButtonKeydownAction"]]]]],["p-a58124c4",[[257,"r-textarea",{"form":[1],"novalidate":[4],"name":[513],"value":[1537],"placeholder":[1],"rows":[2],"cols":[2],"resize":[513],"disabled":[4],"readonly":[516],"hint":[1],"required":[516],"valueMissingMessage":[1,"value-missing-message"],"maxlength":[2],"showCounter":[4,"show-counter"],"characterLimitReachedMessage":[1,"character-limit-reached-message"],"tooLongMessage":[1,"too-long-message"],"minlength":[2],"tooShortMessage":[1,"too-short-message"],"customErrorMessage":[1,"custom-error-message"],"showValid":[4,"show-valid"],"valid":[1540],"validMessage":[1,"valid-message"],"invalid":[1540],"error":[1],"label":[1],"fieldIndicator":[1,"field-indicator"],"optional":[4],"optionalText":[1,"optional-text"],"tooltip":[1],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"validityState":[32],"validityMessage":[32],"setValue":[64],"getValue":[64],"reset":[64],"setFocus":[64],"setBlur":[64],"setSelectionRange":[64],"setRangeText":[64],"setCustomValidity":[64],"reportValidity":[64]}]]],["p-51a5804b",[[257,"r-dialog",{"open":[4],"returnValue":[1,"return-value"],"headline":[1],"bodyText":[1,"body-text"],"bodyHeight":[1,"body-height"],"size":[513],"closeAriaLabel":[513,"close-aria-label"],"isOpen":[32],"showModal":[64],"close":[64],"toggle":[64]},[[9,"mouseup","onMouseup"]],{"open":["handleOpenChange"]}]]],["p-4652635a",[[257,"r-popover",{"open":[516],"size":[513],"dismissMode":[513,"dismiss-mode"],"dismissAriaLabel":[1,"dismiss-aria-label"],"triggerAction":[513,"trigger-action"],"triggerAriaLabel":[1,"trigger-aria-label"],"containerAriaLabel":[1,"container-aria-label"],"vertical":[1],"horizontal":[1],"positionState":[32],"isOpen":[32],"show":[64],"hide":[64],"toggle":[64],"setFocus":[64],"setBlur":[64]},[[8,"keyup","onKeyup"],[9,"resize","onResize"],[9,"scroll","onScroll"]],{"open":["handleOpenChange"],"isOpen":["watchOpen"],"horizontal":["handlePreferredPositionChange"],"vertical":["handlePreferredPositionChange"]}]]],["p-a5be3395",[[257,"r-toast",{"open":[516],"status":[513],"leadingIcon":[1,"leading-icon"],"trailingIcon":[1,"trailing-icon"],"headline":[513],"href":[1],"action":[1],"target":[1],"delay":[2],"dismissMode":[1,"dismiss-mode"],"dismissLabel":[1,"dismiss-label"],"delayBeforeRemoval":[2,"delay-before-removal"],"dismissable":[4],"isOpen":[32],"dismiss":[64],"reveal":[64],"hide":[64],"toggle":[64]},null,{"open":["handleOpenChange"]}]]],["p-89136369",[[257,"r-alert",{"status":[513],"leadingIcon":[1,"leading-icon"],"leadingIconSrc":[1,"leading-icon-src"],"leadingIconSize":[1,"leading-icon-size"],"trailingIcon":[1,"trailing-icon"],"trailingIconSrc":[1,"trailing-icon-src"],"trailingIconSize":[1,"trailing-icon-size"],"headline":[1],"content":[1],"href":[1],"linkText":[1,"link-text"],"target":[1],"delay":[2],"dismissButtonAriaLabel":[1,"dismiss-button-aria-label"],"delayTimer":[32]}]]],["p-0bb04d79",[[257,"r-panel",{"header":[1],"hasHeader":[4,"has-header"],"active":[4],"hasFooter":[4,"has-footer"],"variant":[513],"collapsed":[4],"logoLink":[1,"logo-link"],"labelCollapse":[1,"label-collapse"],"labelExpand":[1,"label-expand"],"currentLocation":[32],"isCollapsed":[32],"togglePanel":[64],"expandPanel":[64],"collapsePanel":[64]},[[2,"click","toggleSubItems"],[4,"click","handleDocumentClick"]],{"isCollapsed":["handleCollapseChange"],"variant":["watchVariant"]}]]],["p-e49b1ec3",[[257,"r-radio-button",{"form":[513],"name":[1537],"value":[520],"novalidate":[4],"invalid":[516],"required":[516],"disabled":[516],"checked":[1540],"hint":[1],"error":[1],"description":[1],"icon":[1],"setFocus":[64],"setBlur":[64],"select":[64]}]]],["p-755cc697",[[257,"r-stepper",{"completed":[514],"completeSteps":[514,"complete-steps"],"total":[2]}]]],["p-a7e7f8fa",[[257,"r-accordion-item",{"header":[1],"expanded":[1540]},[[8,"click","handleClick"]]]]],["p-c937bd92",[[257,"r-accordion-trigger",{"panel":[1],"expanded":[516],"disabled":[516],"splitted":[4],"icon":[1],"iconSize":[1,"icon-size"],"iconPosition":[1,"icon-position"],"iconExpanded":[1,"icon-expanded"],"iconCollapsed":[1,"icon-collapsed"],"leadingIcon":[1,"leading-icon"],"leadingIconSize":[1,"leading-icon-size"]},null,{"expanded":["updateExpanded"]}]]],["p-f1e22caa",[[257,"r-badge",{"variant":[1],"iconAriaLabel":[1,"icon-aria-label"],"iconVisible":[4,"icon-visible"]}]]],["p-e6a31881",[[257,"r-list-item",{"headline":[1],"subtext":[1],"description":[1],"truncateDescription":[4,"truncate-description"],"leadingIcon":[1,"leading-icon"],"leadingIconSrc":[1,"leading-icon-src"],"hideLeadingIcon":[4,"hide-leading-icon"],"trailingIcon":[1,"trailing-icon"],"trailingIconSrc":[1,"trailing-icon-src"],"trailingText":[1,"trailing-text"],"alignment":[513],"divider":[516],"href":[513],"disabled":[516],"variant":[513],"expanded":[1540],"toggleSubitems":[64]}]]],["p-9e50120b",[[257,"r-accordion",{"multiple":[516],"size":[513]}]]],["p-87f39749",[[257,"r-accordion-panel",{"trigger":[1],"expanded":[516],"disabled":[516]}]]],["p-1c2497de",[[257,"r-accordion-section",{"disabled":[1540],"expanded":[1540],"headingAriaLevel":[514,"heading-aria-level"],"isExpanded":[32]},[[0,"rClickTrigger","rClickTriggerAction"],[0,"rKeyupTrigger","rKeyupTriggerAction"]],{"expanded":["expandedAction"]}]]],["p-f7adb875",[[257,"r-design-system-devtools",{"designTokens":[4,"design-tokens"]}]]],["p-9eb1f262",[[257,"r-popover-action",{"setFocus":[64],"setBlur":[64],"getActiveElements":[64]}]]],["p-c7f8e59b",[[257,"r-popover-content",{"setFocus":[64],"setBlur":[64],"getActiveElements":[64]}]]],["p-e4b66277",[[257,"r-popover-headline"]]],["p-4e3df002",[[257,"r-popover-trigger",{"setFocus":[64],"setBlur":[64]}]]],["p-72fa1fd1",[[257,"r-progress-bar",{"progress":[514],"rAriaLabel":[513,"r-aria-label"]}]]],["p-3bc93d65",[[257,"r-radio-button-description"]]],["p-f6a92287",[[257,"r-radio-button-leading"]]],["p-00ca474f",[[257,"r-radio-button-title"]]],["p-cbcd7699",[[257,"r-radio-button-trailing"]]],["p-44ae9f33",[[257,"r-skip-link",{"position":[513]}]]],["p-2b2f581a",[[257,"r-tab",{"disabled":[516],"active":[516],"panelId":[513,"panel-id"]}]]],["p-a022f356",[[257,"r-tab-panel",{"active":[516],"tabId":[513,"tab-id"]}]]],["p-3b4e3faf",[[257,"r-tabs",{"navigation":[4],"activeTab":[32]},[[0,"tabChange","tabChangeAction"],[0,"moveTabFocus","moveTabFocusAction"]]]]],["p-4bd3e077",[[257,"r-tabs-list"]]],["p-e0e2f2b2",[[262,"r-toast-group"]]],["p-f770e22b",[[257,"r-icon",{"name":[513],"src":[1],"kit":[1],"size":[513],"viewBox":[1,"view-box"],"color":[1],"variant":[513],"iconAriaLabel":[1,"icon-aria-label"]}]]],["p-1ae69897",[[257,"r-select",{"form":[513],"novalidate":[4],"name":[513],"value":[513],"label":[513],"internal":[516],"tooltip":[513],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"placeholder":[513],"hint":[513],"disabled":[516],"disabledIcon":[1,"disabled-icon"],"required":[516],"fieldIndicator":[513,"field-indicator"],"optional":[4],"optionalText":[513,"optional-text"],"showValid":[4,"show-valid"],"valid":[1540],"invalid":[1540],"error":[513],"fullWidth":[516,"full-width"],"leadingIcon":[1,"leading-icon"],"leadingIconSrc":[1,"leading-icon-src"],"leadingIconSize":[1,"leading-icon-size"],"trailingIcon":[1,"trailing-icon"],"trailingIconSrc":[1,"trailing-icon-src"],"tralingIconSize":[1,"traling-icon-size"],"listboxPosition":[1,"listbox-position"],"validMessage":[513,"valid-message"],"valueMissingMessage":[513,"value-missing-message"],"customErrorMessage":[513,"custom-error-message"],"expanded":[4],"readonly":[516],"combobox":[516],"toggleButtonAriaLabel":[1,"toggle-button-aria-label"],"noResultsFound":[1,"no-results-found"],"listboxPositionState":[32],"validityState":[32],"validityMessage":[32],"isExpanded":[32],"isReadonly":[32],"currentValue":[32],"valueToDisplay":[32],"isInitializing":[32],"isResetting":[32],"isNewValue":[32],"focusedOption":[32],"isValueFocused":[32],"isNoResultsFound":[32],"setReadonly":[64],"clearReadonly":[64],"setValue":[64],"getValue":[64],"reset":[64],"resetValidation":[64],"reportValidity":[64],"setFocus":[64],"setBlur":[64],"expand":[64],"collapse":[64],"getFocusedOption":[64],"setFocusedOption":[64]},[[0,"optionClick","optionSelectAction"],[0,"rTooltipFocus","tooltipFocusAction"],[9,"mouseup","onMouseup"],[8,"keyup","onKeyup"],[9,"scroll","handleScrolling"],[9,"resize","handleResizing"]],{"listboxPosition":["handleListboxPositionChange"],"expanded":["handleExpandedChange"],"readonly":["handleReadonlyChange"],"value":["handleValueChange"]}]]],["p-96ddeb7f",[[257,"r-checkbox",{"form":[1],"novalidate":[4],"name":[513],"value":[513],"checked":[1540],"indeterminate":[1540],"disabled":[516],"showValid":[4,"show-valid"],"valid":[1540],"validMessage":[1,"valid-message"],"invalid":[1540],"error":[1],"required":[516],"valueMissingMessage":[1,"value-missing-message"],"customErrorMessage":[1,"custom-error-message"],"validityState":[32],"validityMessage":[32],"touched":[32],"getValidityState":[64],"setFocus":[64],"setBlur":[64],"check":[64],"uncheck":[64],"toggleChecked":[64],"setIndeterminate":[64],"clearIndeterminate":[64]},null,{"checked":["handleCheckedChange"]}]]],["p-85a9af42",[[257,"r-stepper-item",{"complete":[516],"active":[516],"icon":[513],"number":[514],"stepNumber":[514,"step-number"]}]]],["p-b2cec978",[[257,"r-input",{"form":[1],"novalidate":[4],"type":[513],"name":[513],"value":[1537],"placeholder":[1],"label":[513],"fieldIndicator":[1,"field-indicator"],"internal":[516],"optional":[4],"optionalText":[1,"optional-text"],"tooltip":[1],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"hint":[1],"icon":[513],"iconColor":[1,"icon-color"],"iconPosition":[1,"icon-position"],"iconSubmit":[4,"icon-submit"],"fullWidth":[516,"full-width"],"showValid":[516,"show-valid"],"valid":[1540],"validMarker":[516,"valid-marker"],"validMarkerIcon":[513,"valid-marker-icon"],"validMessage":[1,"valid-message"],"invalid":[1540],"error":[1],"disabled":[516],"required":[516],"maxlength":[2],"minlength":[2],"min":[2],"max":[2],"pattern":[8],"step":[2],"valueMissingMessage":[1,"value-missing-message"],"typeMismatchMessage":[1,"type-mismatch-message"],"patternMismatchMessage":[1,"pattern-mismatch-message"],"tooLongMessage":[1,"too-long-message"],"tooShortMessage":[1,"too-short-message"],"rangeOverflowMessage":[1,"range-overflow-message"],"rangeUnderflowMessage":[1,"range-underflow-message"],"stepMismatchMessage":[1,"step-mismatch-message"],"badInputMessage":[1,"bad-input-message"],"customErrorMessage":[1,"custom-error-message"],"autocomplete":[1],"autofocus":[516],"readonly":[516],"validityState":[32],"validityMessage":[32],"setFocus":[64],"setBlur":[64],"select":[64],"getSelectionStart":[64],"getSelectionEnd":[64],"setSelectionRange":[64],"getValue":[64],"setValue":[64]},null,{"value":["handleValueChange"]}]]],["p-429213ea",[[257,"r-select-option",{"disabled":[516],"selected":[516],"value":[513],"label":[513],"icon":[1],"iconSize":[1,"icon-size"],"iconColor":[1,"icon-color"],"iconPosition":[513,"icon-position"],"isFocused":[32],"isSelected":[32],"setFocus":[64],"setBlur":[64],"setSelected":[64],"clearSelected":[64]}]]],["p-44be9992",[[257,"r-button",{"form":[1],"type":[513],"rAriaLabel":[513,"r-aria-label"],"size":[513],"variant":[513],"expanded":[516],"disabled":[516],"icon":[1],"iconPosition":[1,"icon-position"],"href":[1],"target":[1],"triggerClick":[64],"setFocus":[64],"setBlur":[64]},null,{"icon":["handleIconChange"]}]]],["p-29a1e75f",[[257,"r-label",{"tooltip":[1],"tooltipPosition":[1,"tooltip-position"],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[513,"tooltip-icon-color"],"fieldIndicator":[513,"field-indicator"]}],[257,"r-hint",{"invalid":[516],"variant":[513],"icon":[1]}],[257,"r-tooltip",{"text":[1],"position":[513],"positionState":[32],"arrowPositionState":[32],"isShown":[32]},[[9,"scroll","handleScrolling"],[9,"resize","handleResizing"],[8,"keydown","handleKeydown"]],{"position":["handleVerticalPosition"]}]]],["p-8028c2a9",[[257,"r-icon-button",{"label":[1],"name":[513],"size":[513],"tooltipPosition":[1,"tooltip-position"],"tooltipText":[1,"tooltip-text"],"disabled":[516],"variant":[513],"triggerClick":[64],"setFocus":[64],"setBlur":[64]}]]]]'),e))));
|
|
1
|
+
import{p as e,b as i}from"./p-Da7qOBFr.js";export{s as setNonce}from"./p-Da7qOBFr.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const i=import.meta.url,a={};return""!==i&&(a.resourcesUrl=new URL(".",i).href),e(a)})().then((async e=>(await a(),i(JSON.parse('[["p-77155630",[[257,"r-pagination",{"arrows":[1028],"totalResults":[514,"total-results"],"pageActive":[1538,"page-active"],"itemsPerPage":[1026,"items-per-page"],"itemsPerPageOptions":[16,"items-per-page-options"],"variant":[1],"resultsLine":[1028,"results-line"],"startText":[1,"start-text"],"middleText":[1,"middle-text"],"endText":[1,"end-text"],"selectText":[1,"select-text"],"listBoxPosition":[1,"list-box-position"],"total":[32],"active":[32],"previous":[32],"next":[32],"first":[32],"last":[32]}]]],["p-2b8e12ae",[[257,"r-input-password",{"form":[1],"novalidate":[4],"name":[513],"value":[1537],"placeholder":[1],"label":[513],"fieldIndicator":[1,"field-indicator"],"tooltip":[1],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"hint":[1],"fullWidth":[516,"full-width"],"valid":[1540],"invalid":[1540],"error":[1],"disabled":[516],"readonly":[516],"required":[516],"valueMissingMessage":[1,"value-missing-message"],"customErrorMessage":[1,"custom-error-message"],"showPasswordAriaLabel":[1,"show-password-aria-label"],"hidePasswordAriaLabel":[1,"hide-password-aria-label"],"shownPasswordMessage":[1,"shown-password-message"],"hiddenPasswordMessage":[1,"hidden-password-message"],"showed":[32],"validityState":[32],"validityMessage":[32],"passwordVisibilityTimer":[32],"toggleShow":[64],"showPassword":[64],"hidePassword":[64],"getValue":[64],"setValue":[64]}]]],["p-63474b32",[[257,"r-checkbox-group",{"form":[1],"name":[1],"value":[1],"required":[516],"valueMissingMessage":[1,"value-missing-message"],"showValid":[4,"show-valid"],"valid":[1540],"validMessage":[1,"valid-message"],"invalid":[1540],"error":[1],"customErrorMessage":[1,"custom-error-message"],"label":[1],"fieldIndicator":[1,"field-indicator"],"help":[1],"helpIcon":[1,"help-icon"],"helpIconColor":[1,"help-icon-color"],"hint":[1],"showSelectAll":[516,"show-select-all"],"novalidate":[4],"checked":[4],"indetermitate":[4],"indeterminate":[32],"allChecked":[32],"noChecked":[32],"validityState":[32],"validityMessage":[32],"resetValidity":[64],"checkAll":[64],"uncheckAll":[64]},[[0,"rChange","handleCheckboxChange"]]]]],["p-72c0c0d8",[[257,"r-input-phone-number",{"value":[513],"form":[1],"novalidate":[4],"label":[1],"fieldIndicator":[1,"field-indicator"],"hint":[1],"tooltip":[513],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"name":[1],"inputLabel":[1,"input-label"],"countryCodeLabel":[1,"country-code-label"],"disabled":[516],"readonly":[516],"required":[516],"valid":[1540],"invalid":[1540],"error":[1],"customErrorMessage":[513,"custom-error-message"],"valueMissingMessage":[1,"value-missing-message"],"fullWidth":[516,"full-width"],"fullPhoneNumber":[32],"phoneNumber":[32],"validityState":[32],"validityMessage":[32],"getValue":[64],"setValue":[64],"setCustomValidity":[64],"reportValidity":[64],"reset":[64]},null,{"value":["watchValueChange"],"disabled":["handleDisabledChange"],"required":["handleRequiredChange"],"readonly":["handleReadonlyChange"],"label":["handleLabelChange"]}]]],["p-c300c22f",[[257,"r-input-code",{"form":[1],"name":[1],"length":[2],"disabled":[516],"novalidate":[4],"required":[4],"readonly":[516],"label":[1],"fieldIndicator":[1,"field-indicator"],"hint":[1],"invalid":[1540],"error":[1],"valid":[1540],"tooShortMessage":[1,"too-short-message"],"customErrorMessage":[1,"custom-error-message"],"valueMissingMessage":[1,"value-missing-message"],"fullWidth":[516,"full-width"],"ariaCharacterLabel":[1,"aria-character-label"],"value":[1537],"values":[32],"validityState":[32],"validityMessage":[32],"getValue":[64],"reset":[64],"setValue":[64]},null,{"values":["handleValuesChange"]}]]],["p-3a39932b",[[257,"r-input-date",{"form":[1],"novalidate":[4],"name":[513],"format":[1537],"value":[1537],"label":[513],"fieldIndicator":[1,"field-indicator"],"tooltip":[1],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"hint":[1],"fullWidth":[516,"full-width"],"dayAriaLabel":[513,"day-aria-label"],"monthAriaLabel":[513,"month-aria-label"],"yearAriaLabel":[513,"year-aria-label"],"valid":[1540],"invalid":[1540],"error":[1],"disabled":[516],"readonly":[516],"required":[516],"valueMissingMessage":[1,"value-missing-message"],"invalidDateMessage":[1,"invalid-date-message"],"customErrorMessage":[1,"custom-error-message"],"currentValues":[32],"delimiter":[32],"validityState":[32],"validityMessage":[32],"getValue":[64],"setValue":[64],"getFormat":[64],"setFormat":[64],"reset":[64]},null,{"format":["handleFormatChange"],"value":["handleValueChange"]}]]],["p-74d2a563",[[257,"r-radio-group",{"form":[513],"name":[513],"value":[1537],"novalidate":[4],"label":[1],"required":[4],"fieldIndicator":[1,"field-indicator"],"tooltip":[1],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"valueMissingMessage":[1,"value-missing-message"],"showValid":[4,"show-valid"],"valid":[1540],"validMessage":[1,"valid-message"],"invalid":[1540],"error":[1],"customErrorMessage":[1,"custom-error-message"],"hint":[1],"variant":[513],"validityState":[32],"validityMessage":[32],"resetValidity":[64],"reset":[64],"setValue":[64],"getValue":[64],"clearValue":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64],"setFocus":[64],"setBlur":[64]},[[0,"rChange","rChangeAction"],[0,"radioButtonClick","radioButtonClickAction"],[0,"radioButtonKeydown","radioButtonKeydownAction"]]]]],["p-f952161b",[[257,"r-textarea",{"form":[1],"novalidate":[4],"name":[513],"value":[1537],"placeholder":[1],"rows":[2],"cols":[2],"resize":[513],"disabled":[4],"readonly":[516],"hint":[1],"required":[516],"valueMissingMessage":[1,"value-missing-message"],"maxlength":[2],"showCounter":[4,"show-counter"],"characterLimitReachedMessage":[1,"character-limit-reached-message"],"tooLongMessage":[1,"too-long-message"],"minlength":[2],"tooShortMessage":[1,"too-short-message"],"customErrorMessage":[1,"custom-error-message"],"showValid":[4,"show-valid"],"valid":[1540],"validMessage":[1,"valid-message"],"invalid":[1540],"error":[1],"label":[1],"fieldIndicator":[1,"field-indicator"],"optional":[4],"optionalText":[1,"optional-text"],"tooltip":[1],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"validityState":[32],"validityMessage":[32],"setValue":[64],"getValue":[64],"reset":[64],"setFocus":[64],"setBlur":[64],"setSelectionRange":[64],"setRangeText":[64],"setCustomValidity":[64],"reportValidity":[64]}]]],["p-51a5804b",[[257,"r-dialog",{"open":[4],"returnValue":[1,"return-value"],"headline":[1],"bodyText":[1,"body-text"],"bodyHeight":[1,"body-height"],"size":[513],"closeAriaLabel":[513,"close-aria-label"],"isOpen":[32],"showModal":[64],"close":[64],"toggle":[64]},[[9,"mouseup","onMouseup"]],{"open":["handleOpenChange"]}]]],["p-4652635a",[[257,"r-popover",{"open":[516],"size":[513],"dismissMode":[513,"dismiss-mode"],"dismissAriaLabel":[1,"dismiss-aria-label"],"triggerAction":[513,"trigger-action"],"triggerAriaLabel":[1,"trigger-aria-label"],"containerAriaLabel":[1,"container-aria-label"],"vertical":[1],"horizontal":[1],"positionState":[32],"isOpen":[32],"show":[64],"hide":[64],"toggle":[64],"setFocus":[64],"setBlur":[64]},[[8,"keyup","onKeyup"],[9,"resize","onResize"],[9,"scroll","onScroll"]],{"open":["handleOpenChange"],"isOpen":["watchOpen"],"horizontal":["handlePreferredPositionChange"],"vertical":["handlePreferredPositionChange"]}]]],["p-289eb4b0",[[257,"r-toast",{"open":[516],"status":[513],"leadingIcon":[1,"leading-icon"],"trailingIcon":[1,"trailing-icon"],"headline":[513],"href":[1],"action":[1],"target":[1],"delay":[2],"dismissMode":[1,"dismiss-mode"],"dismissLabel":[1,"dismiss-label"],"delayBeforeRemoval":[2,"delay-before-removal"],"dismissable":[4],"isOpen":[32],"dismiss":[64],"reveal":[64],"hide":[64],"toggle":[64]},null,{"open":["handleOpenChange"]}]]],["p-2e2c8a5b",[[257,"r-alert",{"status":[513],"leadingIcon":[1,"leading-icon"],"leadingIconSrc":[1,"leading-icon-src"],"leadingIconSize":[1,"leading-icon-size"],"trailingIcon":[1,"trailing-icon"],"trailingIconSrc":[1,"trailing-icon-src"],"trailingIconSize":[1,"trailing-icon-size"],"headline":[1],"content":[1],"href":[1],"linkText":[1,"link-text"],"target":[1],"delay":[2],"dismissButtonAriaLabel":[1,"dismiss-button-aria-label"],"delayTimer":[32]}]]],["p-0bb04d79",[[257,"r-panel",{"header":[1],"hasHeader":[4,"has-header"],"active":[4],"hasFooter":[4,"has-footer"],"variant":[513],"collapsed":[4],"logoLink":[1,"logo-link"],"labelCollapse":[1,"label-collapse"],"labelExpand":[1,"label-expand"],"currentLocation":[32],"isCollapsed":[32],"togglePanel":[64],"expandPanel":[64],"collapsePanel":[64]},[[2,"click","toggleSubItems"],[4,"click","handleDocumentClick"]],{"isCollapsed":["handleCollapseChange"],"variant":["watchVariant"]}]]],["p-b2f03016",[[257,"r-radio-button",{"form":[513],"name":[1537],"value":[520],"novalidate":[4],"invalid":[516],"required":[516],"disabled":[516],"checked":[1540],"hint":[1],"error":[1],"description":[1],"icon":[1],"setFocus":[64],"setBlur":[64],"select":[64]}]]],["p-755cc697",[[257,"r-stepper",{"completed":[514],"completeSteps":[514,"complete-steps"],"total":[2]}]]],["p-a7e7f8fa",[[257,"r-accordion-item",{"header":[1],"expanded":[1540]},[[8,"click","handleClick"]]]]],["p-c937bd92",[[257,"r-accordion-trigger",{"panel":[1],"expanded":[516],"disabled":[516],"splitted":[4],"icon":[1],"iconSize":[1,"icon-size"],"iconPosition":[1,"icon-position"],"iconExpanded":[1,"icon-expanded"],"iconCollapsed":[1,"icon-collapsed"],"leadingIcon":[1,"leading-icon"],"leadingIconSize":[1,"leading-icon-size"]},null,{"expanded":["updateExpanded"]}]]],["p-d1379ac6",[[257,"r-badge",{"variant":[1],"iconAriaLabel":[1,"icon-aria-label"],"iconVisible":[4,"icon-visible"]}]]],["p-e6a31881",[[257,"r-list-item",{"headline":[1],"subtext":[1],"description":[1],"truncateDescription":[4,"truncate-description"],"leadingIcon":[1,"leading-icon"],"leadingIconSrc":[1,"leading-icon-src"],"hideLeadingIcon":[4,"hide-leading-icon"],"trailingIcon":[1,"trailing-icon"],"trailingIconSrc":[1,"trailing-icon-src"],"trailingText":[1,"trailing-text"],"alignment":[513],"divider":[516],"href":[513],"disabled":[516],"variant":[513],"expanded":[1540],"toggleSubitems":[64]}]]],["p-9e50120b",[[257,"r-accordion",{"multiple":[516],"size":[513]}]]],["p-87f39749",[[257,"r-accordion-panel",{"trigger":[1],"expanded":[516],"disabled":[516]}]]],["p-1c2497de",[[257,"r-accordion-section",{"disabled":[1540],"expanded":[1540],"headingAriaLevel":[514,"heading-aria-level"],"isExpanded":[32]},[[0,"rClickTrigger","rClickTriggerAction"],[0,"rKeyupTrigger","rKeyupTriggerAction"]],{"expanded":["expandedAction"]}]]],["p-f7adb875",[[257,"r-design-system-devtools",{"designTokens":[4,"design-tokens"]}]]],["p-9eb1f262",[[257,"r-popover-action",{"setFocus":[64],"setBlur":[64],"getActiveElements":[64]}]]],["p-c7f8e59b",[[257,"r-popover-content",{"setFocus":[64],"setBlur":[64],"getActiveElements":[64]}]]],["p-e4b66277",[[257,"r-popover-headline"]]],["p-4e3df002",[[257,"r-popover-trigger",{"setFocus":[64],"setBlur":[64]}]]],["p-72fa1fd1",[[257,"r-progress-bar",{"progress":[514],"rAriaLabel":[513,"r-aria-label"]}]]],["p-3bc93d65",[[257,"r-radio-button-description"]]],["p-f6a92287",[[257,"r-radio-button-leading"]]],["p-00ca474f",[[257,"r-radio-button-title"]]],["p-cbcd7699",[[257,"r-radio-button-trailing"]]],["p-44ae9f33",[[257,"r-skip-link",{"position":[513]}]]],["p-2b2f581a",[[257,"r-tab",{"disabled":[516],"active":[516],"panelId":[513,"panel-id"]}]]],["p-a022f356",[[257,"r-tab-panel",{"active":[516],"tabId":[513,"tab-id"]}]]],["p-3b4e3faf",[[257,"r-tabs",{"navigation":[4],"activeTab":[32]},[[0,"tabChange","tabChangeAction"],[0,"moveTabFocus","moveTabFocusAction"]]]]],["p-4bd3e077",[[257,"r-tabs-list"]]],["p-e0e2f2b2",[[262,"r-toast-group"]]],["p-f770e22b",[[257,"r-icon",{"name":[513],"src":[1],"kit":[1],"size":[513],"viewBox":[1,"view-box"],"color":[1],"variant":[513],"iconAriaLabel":[1,"icon-aria-label"]}]]],["p-9d898089",[[257,"r-select",{"form":[513],"novalidate":[4],"name":[513],"value":[513],"label":[513],"internal":[516],"tooltip":[513],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"placeholder":[513],"hint":[513],"disabled":[516],"disabledIcon":[1,"disabled-icon"],"required":[516],"fieldIndicator":[513,"field-indicator"],"optional":[4],"optionalText":[513,"optional-text"],"showValid":[4,"show-valid"],"valid":[1540],"invalid":[1540],"error":[513],"fullWidth":[516,"full-width"],"leadingIcon":[1,"leading-icon"],"leadingIconSrc":[1,"leading-icon-src"],"leadingIconSize":[1,"leading-icon-size"],"trailingIcon":[1,"trailing-icon"],"trailingIconSrc":[1,"trailing-icon-src"],"tralingIconSize":[1,"traling-icon-size"],"listboxPosition":[1,"listbox-position"],"validMessage":[513,"valid-message"],"valueMissingMessage":[513,"value-missing-message"],"customErrorMessage":[513,"custom-error-message"],"expanded":[4],"readonly":[516],"combobox":[516],"toggleButtonAriaLabel":[1,"toggle-button-aria-label"],"noResultsFound":[1,"no-results-found"],"listboxPositionState":[32],"validityState":[32],"validityMessage":[32],"isExpanded":[32],"isReadonly":[32],"currentValue":[32],"valueToDisplay":[32],"isInitializing":[32],"isResetting":[32],"isNewValue":[32],"focusedOption":[32],"isValueFocused":[32],"isNoResultsFound":[32],"setReadonly":[64],"clearReadonly":[64],"setValue":[64],"getValue":[64],"reset":[64],"resetValidation":[64],"reportValidity":[64],"setFocus":[64],"setBlur":[64],"expand":[64],"collapse":[64],"getFocusedOption":[64],"setFocusedOption":[64]},[[0,"optionClick","optionSelectAction"],[0,"rTooltipFocus","tooltipFocusAction"],[9,"mouseup","onMouseup"],[8,"keyup","onKeyup"],[9,"scroll","handleScrolling"],[9,"resize","handleResizing"]],{"listboxPosition":["handleListboxPositionChange"],"expanded":["handleExpandedChange"],"readonly":["handleReadonlyChange"],"value":["handleValueChange"]}]]],["p-96ddeb7f",[[257,"r-checkbox",{"form":[1],"novalidate":[4],"name":[513],"value":[513],"checked":[1540],"indeterminate":[1540],"disabled":[516],"showValid":[4,"show-valid"],"valid":[1540],"validMessage":[1,"valid-message"],"invalid":[1540],"error":[1],"required":[516],"valueMissingMessage":[1,"value-missing-message"],"customErrorMessage":[1,"custom-error-message"],"validityState":[32],"validityMessage":[32],"touched":[32],"getValidityState":[64],"setFocus":[64],"setBlur":[64],"check":[64],"uncheck":[64],"toggleChecked":[64],"setIndeterminate":[64],"clearIndeterminate":[64]},null,{"checked":["handleCheckedChange"]}]]],["p-85a9af42",[[257,"r-stepper-item",{"complete":[516],"active":[516],"icon":[513],"number":[514],"stepNumber":[514,"step-number"]}]]],["p-d93c240d",[[257,"r-input",{"form":[1],"novalidate":[4],"type":[513],"name":[513],"value":[1537],"placeholder":[1],"label":[513],"fieldIndicator":[1,"field-indicator"],"internal":[516],"optional":[4],"optionalText":[1,"optional-text"],"tooltip":[1],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[1,"tooltip-icon-color"],"hint":[1],"icon":[513],"iconColor":[1,"icon-color"],"iconPosition":[1,"icon-position"],"iconSubmit":[4,"icon-submit"],"fullWidth":[516,"full-width"],"showValid":[516,"show-valid"],"valid":[1540],"validMarker":[516,"valid-marker"],"validMarkerIcon":[513,"valid-marker-icon"],"validMessage":[1,"valid-message"],"invalid":[1540],"error":[1],"disabled":[516],"required":[516],"maxlength":[2],"minlength":[2],"min":[2],"max":[2],"pattern":[8],"step":[2],"valueMissingMessage":[1,"value-missing-message"],"typeMismatchMessage":[1,"type-mismatch-message"],"patternMismatchMessage":[1,"pattern-mismatch-message"],"tooLongMessage":[1,"too-long-message"],"tooShortMessage":[1,"too-short-message"],"rangeOverflowMessage":[1,"range-overflow-message"],"rangeUnderflowMessage":[1,"range-underflow-message"],"stepMismatchMessage":[1,"step-mismatch-message"],"badInputMessage":[1,"bad-input-message"],"customErrorMessage":[1,"custom-error-message"],"autocomplete":[1],"autofocus":[516],"readonly":[516],"validityState":[32],"validityMessage":[32],"setFocus":[64],"setBlur":[64],"select":[64],"getSelectionStart":[64],"getSelectionEnd":[64],"setSelectionRange":[64],"getValue":[64],"setValue":[64]},null,{"value":["handleValueChange"]}]]],["p-429213ea",[[257,"r-select-option",{"disabled":[516],"selected":[516],"value":[513],"label":[513],"icon":[1],"iconSize":[1,"icon-size"],"iconColor":[1,"icon-color"],"iconPosition":[513,"icon-position"],"isFocused":[32],"isSelected":[32],"setFocus":[64],"setBlur":[64],"setSelected":[64],"clearSelected":[64]}]]],["p-44be9992",[[257,"r-button",{"form":[1],"type":[513],"rAriaLabel":[513,"r-aria-label"],"size":[513],"variant":[513],"expanded":[516],"disabled":[516],"icon":[1],"iconPosition":[1,"icon-position"],"href":[1],"target":[1],"triggerClick":[64],"setFocus":[64],"setBlur":[64]},null,{"icon":["handleIconChange"]}]]],["p-7ad8e78b",[[257,"r-label",{"tooltip":[1],"tooltipPosition":[1,"tooltip-position"],"tooltipIcon":[1,"tooltip-icon"],"tooltipIconColor":[513,"tooltip-icon-color"],"fieldIndicator":[513,"field-indicator"]}],[257,"r-hint",{"invalid":[516],"variant":[513],"icon":[1]}],[257,"r-tooltip",{"text":[1],"position":[513],"positionState":[32],"arrowPositionState":[32],"isShown":[32]},[[9,"scroll","handleScrolling"],[9,"resize","handleResizing"],[8,"keydown","handleKeydown"]],{"position":["handleVerticalPosition"]}]]],["p-8028c2a9",[[257,"r-icon-button",{"label":[1],"name":[513],"size":[513],"tooltipPosition":[1,"tooltip-position"],"tooltipText":[1,"tooltip-text"],"disabled":[516],"variant":[513],"triggerClick":[64],"setFocus":[64],"setBlur":[64]}]]]]'),e))));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@riverty/web-components",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.7.0",
|
|
4
4
|
"description": "Riverty Design System: Web Components",
|
|
5
5
|
"homepage": "https://designsystem.riverty.com/",
|
|
6
6
|
"private": false,
|
|
@@ -38,19 +38,19 @@
|
|
|
38
38
|
"prepublishOnly": "npm run build"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@stencil/core": "^4.36.3"
|
|
41
|
+
"@stencil/core": "^4.36.3",
|
|
42
|
+
"dayjs": "^1.11.18",
|
|
43
|
+
"phone": "^3.1.67",
|
|
44
|
+
"style-observer": "^0.1.1"
|
|
42
45
|
},
|
|
43
46
|
"devDependencies": {
|
|
44
47
|
"@stencil-community/eslint-plugin": "^0.10.0",
|
|
45
48
|
"@types/jest": "^29.5.14",
|
|
46
|
-
"dayjs": "^1.11.18",
|
|
47
49
|
"eslint": "^9.35.0",
|
|
48
50
|
"jest": "^29.7.0",
|
|
49
51
|
"jest-cli": "^29.7.0",
|
|
50
52
|
"npm-run-all": "^4.1.5",
|
|
51
|
-
"
|
|
52
|
-
"sass": "^1.92.1",
|
|
53
|
-
"style-observer": "^0.1.1"
|
|
53
|
+
"sass": "^1.92.1"
|
|
54
54
|
},
|
|
55
55
|
"license": "UNLICENSED",
|
|
56
56
|
"html.customData": "custom-elements.json",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,g as h}from"./p-Da7qOBFr.js";import{a as o}from"./p-DvLT8-y3.js";const a=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=>{for(const i in t.validity)if(t.validity[i]){if(this.validityState=i,this[i+"Message"])return void(this.validityMessage=this[i+"Message"]);this.validityMessage=t.validationMessage}},this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;this.getValidityStateData(t.shadowRoot.querySelector("input"));const i="valid"===this.validityState;this.valid=i,this.invalid=!i,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.contributeToFormData=t=>{o(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.nativeElement.getValue()}async setValue(t){this.nativeElement.value=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:o,value:a,disabled:l,form:r,invalid:n,valid:d,hint:u,label:c,tooltip:f,tooltipIcon:b,tooltipIconColor:v,fullWidth:p,showPasswordAriaLabel:m,hidePasswordAriaLabel:y,showed:g,readonly:w}=this;return s(e,{key:"7ab5b4c4eb280f906cbabcc0d1ffa823d7b67bd1"},s("r-input",Object.assign({key:"0b71f3034611c2ed0d82b91dd8b9d98649ebd63f"},{name:t,placeholder:i,required:h,fieldIndicator:o,value:a,disabled:l,form:r,invalid:n,valid:d,hint:u,label:c,tooltip:f,tooltipIcon:b,tooltipIconColor:v,fullWidth:p,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:"5cf30f89fead0941ebf8f388f4380e7be82222b9",name:"padlock-closed",size:"s",slot:"leading"}),s("slot",{key:"921d8abefcef0bb71b2a518db1cba0c263b8924a",name:"popover",slot:"popover"}),s("r-icon-button",{key:"3b005036b4110685e4abf54add5bbe2571f2cf1b",slot:"trailing",name:g?"eye-crossed-out":"eye",size:"s",disabled:l,label:g?y:m,onClick:this.onShowClick}),this.hasMessage&&s("r-hint",{key:"b5c7af864da0a47d81b40c1aa53f6bed20bc8349",slot:"message",variant:"error"},this.hasError&&this.error,this.hasValidationError&&(this.customErrorMessage||this.validityMessage))),s("div",{key:"f3d2f7ad5811e716eb2184aad5ff25f5a282078d",class:"visually-hidden",ref:t=>this.passwordVisibilityChangeAlertContainer=t,"aria-live":"polite"}))}get host(){return h(this)}};a.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{a as r_input_password}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as a,h as r,H as o,g as s}from"./p-Da7qOBFr.js";const i=class{constructor(r){t(this,r),this.rClickToastTrailingIcon=a(this,"rClickToastTrailingIcon"),this.toastDismiss=a(this,"dismiss"),this.toastReveal=a(this,"reveal"),this.toastHide=a(this,"hide"),this.open=!0,this.status="info",this.trailingIcon="cross",this.target="_self",this.delay=3e3,this.dismissMode="auto",this.dismissLabel="Dismiss the toast",this.delayBeforeRemoval=300,this.uniqueId=`r-toast-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.hasElContent=t=>{const a=this.host.querySelector(t);return null!==a&&(null==a?void 0:a.textContent.trim().length)>0},this.startDelayTimer=()=>{this.delayTimer=setTimeout((()=>{this.dismiss(),clearTimeout(this.delayTimer)}),this.delay)},this.handleTrailingButtonClick=()=>{this.rClickToastTrailingIcon.emit(),this.dismiss()},this.handleSlotChange=()=>{this.host.setAttribute("is-content",`${this.hasContent}`)}}async dismiss(){this.host.style.setProperty("--r-toast--host--height-expanded",`${this.host.offsetHeight}px`),this.isOpen=!1,this.toastDismiss.emit(),this.removalTimer&&clearTimeout(this.removalTimer),this.removalTimer=setTimeout((()=>this.host.remove()),this.delayBeforeRemoval)}async reveal(){this.isOpen=!0,this.toastReveal.emit(),this.delayTimer&&clearTimeout(this.delayTimer),this.isDismissManual||this.hasDelay&&this.startDelayTimer()}async hide(){this.isOpen=!1,this.toastHide.emit()}async toggle(){this.isOpen?this.hide():this.reveal()}handleOpenChange(){this.isOpen?this.hide():this.reveal()}get hasLeadingIcon(){var t;return(null===(t=this.leadingIcon)||void 0===t?void 0:t.length)>0}get hasLeadingSlot(){return this.hasElContent('[slot="leading"]')}get hasLeading(){return this.hasLeadingIcon||this.hasLeadingSlot}get hasTrailingSlot(){return this.hasElContent('[slot="trailing"]')}get isDismissManual(){return"manual"===this.dismissMode||this.dismissable}get hasTrailing(){return this.hasTrailingSlot||this.isDismissManual}get hasContent(){var t;return(null===(t=this.host.textContent)||void 0===t?void 0:t.trim().length)>0}get hasActionLink(){return"string"==typeof this.href&&"string"==typeof this.action}get hasActionSlot(){return this.hasElContent('[slot="action"]')}get hasAction(){return this.hasActionLink||this.hasActionSlot}get hasHeadlineSlot(){return this.hasElContent('[slot="headline"]')}get hasHeadline(){return"string"==typeof this.headline||this.hasHeadlineSlot}get hasDelay(){return this.delay&&this.delay>0}get isError(){return"error"===this.status}componentWillLoad(){this.open?this.reveal():this.hide()}render(){const{headline:t,href:a,action:s,target:i,leadingIcon:e,trailingIcon:n}=this,h={href:a,target:i},l={name:e,size:"s"},c={name:n,size:"m"};return r(o,{key:"ecccac165e35c1d3479db71c8da83d676592a428",id:this.uniqueId,role:"alert","aria-live":this.isError?"assertive":"polite","data-visually-hidden":this.isOpen?"false":"true"},r("div",{key:"18c27be9270236a6a4ca4de0bd10a64e6dd5532f",class:"r-toast"},this.hasLeading&&r("div",{key:"16d69b95a0b843efeec05449d71762abc3bb55be",class:"r-toast--leading"},this.hasLeadingSlot&&r("slot",{key:"acfa65e5150af0b2e2a06752e9d4b329bebebf1f",name:"leading"}),this.hasLeadingIcon&&r("r-icon",Object.assign({key:"ecaddd2b51d91276e2eb20a1e992e0eeea541668",class:"r-toast--leading-icon"},l))),r("div",{key:"7cc6d9af5dfc4cf78a10071fb97e4e280ddbe8c4",class:"r-toast--main"},this.hasHeadline&&r("h2",{key:"88f4dae62b41098d730fb05f731ddf6dace827fd",class:"r-toast--headline"},r("slot",{key:"93beeba62659efa72d5d6254ea63f9da23666936",name:"headline"},t)),this.hasContent&&r("div",{key:"b38a7111b06b93eb93141bf470a74e4ccbc701be",class:"r-toast--content r-typography"},r("slot",{key:"8d734d4d579be0cee0a512a1c8017f7c11f6a4d7",onSlotchange:this.handleSlotChange})),this.hasAction&&r("div",{key:"8cd04075e9c01e8478f0cd443d0711f23f9b072a",class:"r-toast--action"},r("slot",{key:"788ec92aa6dd9141500004fd2f7bf99423cb6a8d",name:"action"},this.hasActionLink&&r("a",Object.assign({key:"d1ed349333ac36d5ef64a00f4b86055c6593567a",class:"r-toast--action-link"},h),s)))),this.hasTrailing&&r("div",{key:"6fac76c40a13c7ad0ad417f7ea4793df130258db",class:"r-toast--trailing"},this.hasTrailingSlot&&r("slot",{key:"96a11d4d0a2fed9303cbe6cac872504b177e8143",name:"trailing"}),this.isDismissManual&&r("r-icon-button",Object.assign({key:"e1a913e0cfdebb82cd5b657a8c6847be4fbe9bf4"},c,{class:"r-toast--trailing-button",onClick:this.handleTrailingButtonClick,"aria-label":this.dismissLabel}),r("slot",{key:"1df0a1d761630c7c6b004078b0e9db5d33179a0e",name:"dismiss"})))))}get host(){return s(this)}static get watchers(){return{open:["handleOpenChange"]}}};i.style=":host([status=info]){--r-toast--border-color:var(--r-status-info-regular, #466882);--r-toast--background-color:var(--r-status-info-soft, #f8fafb);--r-toast--leading-icon--color:var(--r-status-info-regular, #466882)}:host([status=warning]){--r-toast--border-color:var(--r-status-warning-regular, #f26a20);--r-toast--background-color:var(--r-status-warning-soft, #fef9f5);--r-toast--leading-icon--color:var(--r-status-warning-strong, #89411A)}:host([status=error]){--r-toast--border-color:var(--r-status-error-regular, #da1e28);--r-toast--background-color:var(--r-status-error-soft, #fef6f6);--r-toast--leading-icon--color:var(--r-status-error-regular, #da1e28)}:host([status=success]){--r-toast--border-color:var(--r-status-success-regular, #298535);--r-toast--background-color:var(--r-status-success-soft, #f7fdf8);--r-toast--leading-icon--color:var(--r-status-success-regular, #298535)}:host([is-content=false]){--r-toast--content--display:none}:host([headline]){--r-toast--content--margin-top:var(--r-spacing-050, 0.5rem)}:host([data-visually-hidden=true]){--r-toast--host--transition:all 0.15s;--r-toast--host--transition-delay:0.15s;--r-toast--host--opacity:0;--r-toast--host--height-expanded:0}:host{animation-duration:var(--r-toast--host--animation-duration, 0.3s);animation-fill-mode:var(--r-toast--host--animation-fill-mode, forwards);animation-name:var(--r-toast--host--animation-name, none);box-sizing:var(--r-toast--host--box-sizing, border-box);display:var(--r-toast--host--display, block);height:var(--r-toast--host--height, var(--r-toast--host--height-expanded, auto));opacity:var(--r-toast--host--opacity, 1);overflow:var(--r-toast--host--overflow, hidden);position:var(--r-toast--host--position, relative);transition:var(--r-toast--host--transition, all 0.3s);transition-delay:var(--r-toast--host--transition-delay, 0s)}:host ::slotted(p){margin:0}:host ::slotted(p+p),:host ::slotted(p+ul),:host ::slotted(p+ol){margin-top:1rem}:host .r-toast--action-link:hover{--r-toast--action--color:var(--r-text-strong, #000000)}:host .r-toast--action-link:focus{outline:var(--r-toast--action-link--outline, 2px solid var(--r-border-focused, #0071e3));box-shadow:var(--r-toast--action-link--box-shadow, 0 0 0 1px var(--r-border-focused-outlined, #fff), 0 0 0 3px var(--r-border-focused, #0071e3), 0 0 0 4px var(--r-border-focused-outlined, #fff))}:host .r-toast--trailing-button{--r-button--width:2.75rem;--r-button--height:2.75rem;--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:transparent;--r-button--background-color:transparent;position:relative;top:-8px;right:-8px}:host .r-toast--trailing-button:hover{--r-button--color:var(--r-text-strong, #000000);--r-button--background-color:var(--r-background-interactive-hovered, #000000)}:host .r-toast--trailing-button:active{--r-button--transform:scale(0.94)}@media (prefers-reduced-motion){:host{--r-toast--transition:none;--r-toast--host--animation-name:none}}.r-toast{font-family:var(--r-toast--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-toast--font-size, var(--r-font-size-400, 1rem));display:var(--r-toast--display, flex);flex-direction:var(--r-toast--flex-direction, row);align-items:var(--r-toast--align-items, stretch);gap:var(--r-toast--gap, var(--r-spacing-075, 0.75rem));padding:var(--r-toast--padding, 16px);border-width:var(--r-toast--border-width, 1px);border-style:var(--r-toast--border-style, solid);border-color:var(--r-toast--border-color, var(--r-status-info-regular, #466882));background-color:var(--r-toast--background-color, var(--r-status-info-soft, #f8fafb));box-sizing:var(--r-toast--box-sizing, border-box);transition:var(--r-toast--transition, all 0.3s)}.r-toast--main{flex:var(--r-toast--content--flex, 1)}.r-toast--leading-icon{color:var(--r-toast--leading-icon--color, var(--r-status-info-regular, #466882));margin-top:var(--r-toast--leading-icon--margin-top, 0)}.r-toast--headline{color:var(--r-toast--headline--color, var(--r-text-regular, #282828));font-size:var(--r-toast--headline--font-size, var(--r-font-size-400, 1rem));font-weight:var(--r-toast--headline--font-weight, var(--r-font-weight-semibold, 600));line-height:var(--r-toast--headline--line-height, 1);margin:var(--r-toast--headline--margin, 0)}.r-toast--content{display:var(--r-toast--content--display, block);color:var(--r-toast--content--color, var(--r-text-regular, #282828));line-height:var(--r-toast--content--line-height, var(--r-line-height-m, 1.5));font-size:var(--r-toast--content--font-size, var(--r-font-size-300, 0.875rem));font-weight:var(--r-toast--content--font-weight, var(--r-font-weight-light, 300));margin-top:var(--r-toast--content--margin-top, 0)}.r-toast--action{display:var(--r-toast--action--display, flex);margin-top:var(--r-toast--action--margin-top, var(--r-spacing-050, 0.5rem));color:var(--r-toast--action--color, var(--r-text-regular, #282828));font-size:var(--r-toast--action--font-size, var(--r-font-size-300, 0.875rem));font-weight:var(--r-toast--action--font-weight, var(--r-font-weight-light, 300))}.r-toast--action-link{color:var(--r-toast--action--color, var(--r-text-regular, #282828))}.r-toast--action ::slotted(*){font-size:inherit;color:inherit}.r-toast--action ::slotted(a){color:var(--r-toast--action--color, var(--r-text-regular, #282828))}";export{i as r_toast}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as r,H as n,g as e}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";const o=class{constructor(r){t(this,r),this.rClickIcon=i(this,"rClickIcon"),this.rValidate=i(this,"rValidate"),this.rInput=i(this,"rInput"),this.rBlur=i(this,"rBlur"),this.rFocus=i(this,"rFocus"),this.rChange=i(this,"rChange"),this.rReset=i(this,"rReset"),this.type="text",this.value="",this.iconPosition="start",this.validMarker=!1,this.validMarkerIcon="circled-check",this.validityState="",this.validityMessage="",this.nativeElement=null,this.uniqueId=`r-input-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.initial={},this.getValidityStateData=t=>{for(const i in t.validity)if(t.validity[i]){if(this.validityState=i,this[i+"Message"])return void(this.validityMessage=this[i+"Message"]);this.validityMessage=t.validationMessage}},this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;"email"===this.type&&this.pattern?(t.setCustomValidity(""),this.validityState=this.validEmailPattern?"valid":"patternMismatch",this.validityMessage=this.validEmailPattern?"":this.patternMismatchMessage):this.getValidityStateData(t);const i="valid"===this.validityState;this.valid=i,this.invalid=!i,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onInput=t=>{if(this.readonly)return;this.value=t.target.value;const{host:i,value:r}=this;this.rInput.emit({element:i,value:r})},this.onChange=t=>{this.readonly||(this.value=t.target.value)},this.onBlur=()=>{this.host.classList.remove("focused"),this.validateFormElement(this.nativeElement),this.rBlur.emit()},this.onFocus=()=>{this.host.classList.add("focused"),this.rFocus.emit()},this.contributeToFormData=t=>{a(this.nativeElement||this.host,t.formData)},this.onResetForm=()=>{if(this.readonly)return;this.validityState=null,this.validityMessage=null,this.setValue(this.initial.value),this.invalid=this.initial.invalid,this.valid=!this.invalid;const{host:t,value:i}=this;this.rReset.emit({element:t,value:i})},this.onSubmitForm=t=>{this.isNoValidate||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.handleKeyup=t=>{var i,r;if(this.validateFormElement(this.nativeElement),(!this.invalid||this.isNoValidate)&&"Enter"===t.code){const t=this.host.querySelector('[type="submit"]')||(null===(i=this.parentFormEl)||void 0===i?void 0:i.querySelector('[type="submit"]'));t&&"triggerClick"in t?null==t||t.triggerClick():null===(r=this.parentFormEl)||void 0===r||r.requestSubmit()}},this.handleClick=()=>{this.host.shadowRoot.querySelector("input").focus()}}async setFocus(){var t;null===(t=this.nativeElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.nativeElement)||void 0===t||t.blur()}async select(){var t;null===(t=this.nativeElement)||void 0===t||t.select()}async getSelectionStart(){var t,i;return null!==(i=null===(t=this.nativeElement)||void 0===t?void 0:t.selectionStart)&&void 0!==i?i:null}async getSelectionEnd(){var t,i;return null!==(i=null===(t=this.nativeElement)||void 0===t?void 0:t.selectionEnd)&&void 0!==i?i:null}async setSelectionRange(t,i,r="none"){this.nativeElement&&this.nativeElement.setSelectionRange(t,i,r)}async getValue(){var t;return(null===(t=this.nativeElement)||void 0===t?void 0:t.value)||""}async setValue(t){this.nativeElement.value=t,this.validateFormElement(this.nativeElement)}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get ariaDescribedBy(){const t=`${this.uniqueId}-message`;return this.hint?`${this.uniqueId}-hint ${t}`:t}get hasError(){var t;return this.invalid&&!!(null===(t=this.error)||void 0===t?void 0:t.length)}get hasValidationError(){return("valid"!==this.validityState||this.invalid)&&!(!this.validityMessage&&!this.customErrorMessage)}get hasValidationSuccess(){return("valid"===this.validityState||this.valid)&&!!this.validMessage&&this.showValid}get hasMessage(){return this.hasError||this.hasValidationError||this.hasValidationSuccess}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!1}get hasTrailingSlot(){return!!this.host.querySelector('[slot="trailing"]')}get validEmailPattern(){return new RegExp(this.pattern,"u").test(this.value)}componentWillLoad(){this.initial.value=this.value,this.initial.invalid=this.invalid}connectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(r=this.parentFormEl)||void 0===r||r.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("submit",this.onSubmitForm),null===(r=this.parentFormEl)||void 0===r||r.removeEventListener("reset",this.onResetForm)}connectedCallback(){this.connectFormEventListeners(),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);const{host:t,value:i}=this;this.rChange.emit({element:t,value:i})}render(){const{name:t,placeholder:i,required:e,fieldIndicator:a,maxlength:o,minlength:s,min:l,max:u,value:p,disabled:h,form:c,pattern:d,invalid:v,valid:g,validMarker:m,hint:b,label:f,internal:y,tooltip:x,tooltipIcon:k,tooltipIconColor:w,uniqueId:C,autocomplete:F,readonly:D,autofocus:E}=this,$={disabled:h,readonly:D,required:e,label:f,name:t,placeholder:i,maxlength:o,minlength:s,min:l,max:u,form:c,pattern:d,autocomplete:F,autofocus:E||null,id:C,"data-value":p,"aria-placeholder":i,"aria-invalid":`${v||!1}`,"aria-required":`${e||!1}`,"aria-describedby":this.ariaDescribedBy},z=f?Object.assign({id:`${C}-label`,fieldIndicator:a},x&&!h?{tooltip:x,"tooltip-icon":k,"tooltip-icon-color":w}:{}):{},V=Object.entries(this).reduce(((t,[i,r])=>("function"==typeof r&&i.startsWith("on")&&(t[i]=r),t)),{});return r(n,{onClick:this.handleClick,onKeyup:this.handleKeyup},r("div",{class:y?"visually-hidden":"r-input--label-container"},r("label",{htmlFor:C},f?r("r-label",Object.assign({class:"r-input--label"},z),f):r("slot",{name:"label"})),r("slot",{name:"popover"})),b&&r("r-hint",{id:`${C}-hint`,role:"note"},b),r("div",{class:"r-input--container"},r("slot",{name:"leading"}),r("input",Object.assign({class:"r-input--input",type:this.type},$,V,{ref:t=>this.nativeElement=t,value:this.value,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onFocus:this.onFocus})),r("div",{class:"r-input--trailing"},this.readonly&&r("r-icon",{class:"r-input--readonly-icon",name:"pen-disabled",size:"s"}),m&&(g||v)?r("r-icon",{class:"r-input--validation-icon","aria-hidden":!0,size:"s",name:v?"circled-exclamation-mark":"circled-check",color:v?"--r-status-error-regular":"--r-status-success-regular"}):null,this.hasTrailingSlot&&r("slot",{name:"trailing"}))),r("div",{id:`${C}-message`,"aria-live":y?null:"polite",class:y?"visually-hidden":"r-input--message"},r("slot",{name:"message"},this.hasMessage&&r("r-hint",{variant:g?"success":"error"},this.hasError&&this.error,this.hasValidationError&&(this.customErrorMessage||this.validityMessage),this.hasValidationSuccess&&this.validMessage))))}get host(){return e(this)}static get watchers(){return{value:["handleValueChange"]}}};o.style=':host{display:inline-flex;flex-direction:column;vertical-align:top;--r-label--margin-bottom:0}:host slot{display:contents}:host([readonly]:not([readonly=false])){--r-input--container--background-color:var(--r-background-soft, #f3f1f0);--r-input--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-input--container--cursor:text}:host(:hover:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(.focused){--r-input--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-input--container--outline:2px solid var(--r-border-focused);--r-input--container--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input--container--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([expanded]:not([expanded=false])),:host([full-width]:not([full-width=false])){display:block}:host([disabled]:not([disabled=false])){--r-input--container--opacity:0.4;--r-input--container--cursor:not-allowed;--r-input--container--pointer-events:none;--r-input--container--background-color:transparent}:host([invalid]:not([invalid=false])){--r-input--container--border-color:var(--r-status-error-regular, #da1e28);--r-input--container--background-color:var(--r-status-error-soft, #fef6f6)}.r-input{display:var(--r-input--display, flex);flex:var(--r-input--flex, 1);flex-direction:var(--r-input--flex-direction, column);width:var(--r-input--width, auto);font-family:var(--r-input--font-family, system-ui);position:var(--r-input--position, relative);border-radius:var(--r-input--border-radius, 0);cursor:var(--r-input--cursor, inherit)}.r-input--label-container{display:var(--r-input--label-container--display, flex);gap:var(--r-input--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-input--label-container--align-items, center);justify-content:var(--r-input--label-container--align-items, space-between)}.r-input--label-container ::slotted([slot=popover]){display:var(--r-input--popover--display, inline-flex);height:var(--r-input--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-input--popover--align-items, center);justify-content:var(--r-input--popover--justify-content, center);margin-right:var(--r-input--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-input--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-input--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-input--label{cursor:var(--r-input--label--cursor, inherit)}.r-input--input{font-family:var(--r-input--input--font-family, system-ui);font-size:var(--r-input--input--font-size, 1em);width:var(--r-input--input--width, 100%);max-width:var(--r-input--input--max-width, 100%);height:var(--r-input--input--height, var(--r-spacing-275, 2.75rem));border-radius:var(--r-input--input--border-radius, 0);border:var(--r-input--input--border, none);color:var(--r-input--input--color, var(--r-text-regular, #282828));background-color:var(--r-input--input--background-color, none);appearance:var(--r-input--input--appearance, none);box-sizing:var(--r-input--input--box-sizing, border-box);outline:var(--r-input--input--outline, none);cursor:var(--r-input--input--cursor, inherit);pointer-events:var(--r-input--input--pointer-events, auto)}.r-input--input:autofill,.r-input--input:-webkit-autofill{-webkit-background-clip:text !important}.r-input--input::-ms-reveal{display:var(--r-input--input--ms-reveal--display, none)}.r-input--input::placeholder{color:var(--r-input--input--placeholder--color, var(--r-text-soft, #686868))}.r-input--input[type=search]::-webkit-search-cancel-button{cursor:var(--r-input--input-clear--cursor, pointer);display:var(--r-input--input-clear--display, block);height:var(--r-input--input-clear--height, 0.875rem);width:var(--r-input--input-clear--width, 0.875rem);appearance:var(--r-input--input-clear--appearance, none);background-repeat:var(--r-input--input-clear--background-repeat, no-repeat);background-image:var(--r-input--input-clear--background-image, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke-width%3D%221.5%22%20viewBox%3D%220.75%200.75%2022.5%2022.5%22%3E%3Cpath%20id%3D%22Vector%202269%22%20stroke%3D%22currentColor%22%20d%3D%22M1.5%201.5L22.5%2022.5%22%2F%3E%3Cpath%20id%3D%22Vector%202270%22%20stroke%3D%22currentColor%22%20d%3D%22M22.5%201.5L1.5%2022.5%22%2F%3E%3C%2Fsvg%3E"));background-size:var(--r-input--input-clear--background-size, contain);margin-inline:var(--r-input--input-clear--margin-inline, 0);color:currentColor}.r-input--button{position:var(--r-input--icon-button--position, absolute);width:var(--r-input--icon-button--width, calc(1.125em + var(--r-input--icon--width)));height:var(--r-input--icon-button--height, 100%);top:var(--r-input--icon-button--top, 0);right:var(--r-input--icon-button--right, auto);bottom:var(--r-input--icon-button--bottom, auto);left:var(--r-input--icon-button--left, 0);cursor:var(--r-input--icon-button--cursor, inherit)}.r-input--container{position:var(--r-input--container--position, relative);display:var(--r-input--container--display, flex);align-items:var(--r-input--container--align-items, center);gap:var(--r-input--container--gap, 0.625rem);height:var(--r-input--container--height, var(--r-spacing-275, 2.75rem));background-color:var(--r-input--container--background-color, var(--r-background-softest, #fff));border-width:var(--r-input--container--border-width, 1px);border-style:var(--r-input--container--border-style, solid);border-color:var(--r-input--container--border-color, var(--r-border-soft, #686868));box-sizing:var(--r-input--container--box-sizing, border-box);box-shadow:var(--r-input--container--box-shadow, none);outline:var(--r-input--container--outline, none);outline-offset:var(--r-input--container--outline-offset, 0);padding-top:var(--r-input--container--padding-top, 0.6875rem);padding-right:var(--r-input--container--padding-right, var(--r-spacing-075, 0.75rem));padding-bottom:var(--r-input--container--padding-bottom, 0.6875rem);padding-left:var(--r-input--container--padding-left, var(--r-spacing-0275, 0.75rem));opacity:var(--r-input--container--opacity, 1);pointer-events:var(--r-input--container--pointer-events, auto);line-height:var(--r-input--container--line-height, 1);cursor:var(--r-input--container--cursor, inherit);margin-top:var(--r-input--container--margin-top, var(--r-spacing-025, 0.25rem))}.r-input--container slot[name=leading]{color:var(--r-input--container-leading--color, var(--r-icon-soft, #686868))}.r-input--message:has(r-hint),.r-input--message ::slotted([slot=message]){margin-top:var(--r-input--message--margin-top, var(--r-spacing-025, 0.25rem))}.r-input--trailing{display:var(--r-input--trailing--display, flex);margin-left:var(--r-input--trailing--margin-left, auto);align-items:var(--r-input--trailing--align-items, center);gap:var(--r-input--trailing--gap, 0.625rem)}.r-input--readonly-icon{color:var(--r-input--readonly-icon--color, var(--r-icon-soft, #686868))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';export{o as r_input}
|