@riverty/web-components 5.8.0 → 6.0.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 +86 -0
- package/custom-elements.json +124 -369
- package/dist/cjs/index-DJ4H_bFj.js +6 -10
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/r-accordion-panel.cjs.entry.js +1 -1
- package/dist/cjs/r-accordion-section.cjs.entry.js +1 -1
- package/dist/cjs/r-accordion-trigger.cjs.entry.js +5 -35
- package/dist/cjs/r-accordion.cjs.entry.js +3 -7
- package/dist/cjs/r-alert.cjs.entry.js +26 -11
- package/dist/cjs/r-badge.cjs.entry.js +1 -1
- package/dist/cjs/r-button.cjs.entry.js +1 -1
- package/dist/cjs/r-checkbox-group.cjs.entry.js +1 -11
- package/dist/cjs/r-checkbox.cjs.entry.js +76 -75
- package/dist/cjs/r-dialog.cjs.entry.js +3 -11
- package/dist/cjs/r-hint_2.cjs.entry.js +50 -0
- package/dist/cjs/{r-hint_3.cjs.entry.js → r-icon-button_2.cjs.entry.js} +64 -51
- package/dist/cjs/r-input-code.cjs.entry.js +112 -17
- package/dist/cjs/r-input-date.cjs.entry.js +8 -14
- package/dist/cjs/r-input-password.cjs.entry.js +16 -8
- package/dist/cjs/r-input-phone-number.cjs.entry.js +7 -12
- package/dist/cjs/r-input.cjs.entry.js +87 -41
- package/dist/cjs/r-list-item.cjs.entry.js +5 -5
- package/dist/cjs/r-panel.cjs.entry.js +2 -2
- package/dist/cjs/r-popover-action.cjs.entry.js +1 -1
- package/dist/cjs/r-popover-content.cjs.entry.js +1 -1
- package/dist/cjs/r-popover-headline.cjs.entry.js +1 -1
- package/dist/cjs/r-popover-trigger.cjs.entry.js +1 -1
- package/dist/cjs/r-popover.cjs.entry.js +3 -3
- package/dist/cjs/r-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-description.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-leading.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-title.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-trailing.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button.cjs.entry.js +29 -12
- package/dist/cjs/r-radio-group.cjs.entry.js +18 -22
- package/dist/cjs/r-select-option.cjs.entry.js +1 -1
- package/dist/cjs/r-select.cjs.entry.js +6 -24
- package/dist/cjs/r-skip-link.cjs.entry.js +1 -1
- package/dist/cjs/r-stepper-item.cjs.entry.js +2 -2
- package/dist/cjs/r-stepper.cjs.entry.js +1 -1
- package/dist/cjs/r-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/r-tab.cjs.entry.js +1 -1
- package/dist/cjs/r-tabs-list.cjs.entry.js +1 -1
- package/dist/cjs/r-tabs.cjs.entry.js +1 -1
- package/dist/cjs/r-textarea.cjs.entry.js +6 -18
- package/dist/cjs/r-toast-group.cjs.entry.js +1 -1
- package/dist/cjs/r-toast.cjs.entry.js +9 -9
- package/dist/cjs/web-components.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/accordion/accordion.css +0 -2
- package/dist/collection/components/accordion/accordion.js +4 -8
- package/dist/collection/components/accordion/exports.js +1 -1
- package/dist/collection/components/accordion-panel/accordion-panel.js +1 -1
- package/dist/collection/components/accordion-section/accordion-section.js +1 -1
- package/dist/collection/components/accordion-trigger/accordion-trigger.css +0 -4
- package/dist/collection/components/accordion-trigger/accordion-trigger.js +4 -215
- package/dist/collection/components/alert/alert.css +6 -0
- package/dist/collection/components/alert/alert.js +48 -10
- package/dist/collection/components/badge/badge.js +1 -1
- package/dist/collection/components/button/button.js +1 -1
- package/dist/collection/components/checkbox/checkbox.js +80 -98
- package/dist/collection/components/checkbox-group/checkbox-group.js +1 -50
- package/dist/collection/components/dialog/dialog.css +1 -3
- package/dist/collection/components/dialog/dialog.js +2 -10
- package/dist/collection/components/hint/hint.js +2 -2
- package/dist/collection/components/icon-button/icon-button.js +3 -3
- package/dist/collection/components/input/input.css +3 -0
- package/dist/collection/components/input/input.js +180 -370
- package/dist/collection/components/input-code/exports.js +2 -0
- package/dist/collection/components/input-code/input-code.js +294 -26
- package/dist/collection/components/input-date/input-date.js +8 -77
- package/dist/collection/components/input-password/exports.js +1 -0
- package/dist/collection/components/input-password/input-password.css +1 -0
- package/dist/collection/components/input-password/input-password.js +195 -70
- package/dist/collection/components/input-phone-number/input-phone-number.js +7 -75
- package/dist/collection/components/label/label.js +3 -113
- package/dist/collection/components/list-item/list-item/list-item.css +7 -7
- package/dist/collection/components/list-item/list-item/list-item.js +4 -26
- package/dist/collection/components/panel/panel.js +2 -2
- package/dist/collection/components/popover/exports.js +0 -1
- package/dist/collection/components/popover/popover.css +2 -10
- package/dist/collection/components/popover/popover.js +2 -55
- package/dist/collection/components/popover-action/popover-action.js +1 -1
- package/dist/collection/components/popover-content/popover-content.js +1 -1
- package/dist/collection/components/popover-headline/popover-headline.js +1 -1
- package/dist/collection/components/popover-trigger/popover-trigger.js +1 -1
- package/dist/collection/components/progress-bar/progress-bar.js +1 -1
- package/dist/collection/components/radio-button/radio-button.js +49 -12
- package/dist/collection/components/radio-button-description/radio-button-description.js +1 -1
- package/dist/collection/components/radio-button-leading/radio-button-leading.js +1 -1
- package/dist/collection/components/radio-button-title/radio-button-title.js +1 -1
- package/dist/collection/components/radio-button-trailing/radio-button-trailing.js +1 -1
- package/dist/collection/components/radio-group/radio-group.js +38 -124
- package/dist/collection/components/select/select.js +6 -330
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/skip-link/skip-link.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/stepper-item/stepper-item.js +2 -2
- package/dist/collection/components/tab/tab.js +1 -1
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tabs-list/tabs-list.js +1 -1
- package/dist/collection/components/textarea/textarea.js +6 -158
- package/dist/collection/components/toast/toast.js +9 -31
- package/dist/collection/components/toast-group/toast-group.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +1 -1
- package/dist/esm/index-Da7qOBFr.js +6 -10
- package/dist/esm/loader.js +1 -1
- package/dist/esm/r-accordion-panel.entry.js +1 -1
- package/dist/esm/r-accordion-section.entry.js +1 -1
- package/dist/esm/r-accordion-trigger.entry.js +5 -35
- package/dist/esm/r-accordion.entry.js +3 -7
- package/dist/esm/r-alert.entry.js +26 -11
- package/dist/esm/r-badge.entry.js +1 -1
- package/dist/esm/r-button.entry.js +1 -1
- package/dist/esm/r-checkbox-group.entry.js +1 -11
- package/dist/esm/r-checkbox.entry.js +76 -75
- package/dist/esm/r-dialog.entry.js +3 -11
- package/dist/esm/r-hint_2.entry.js +47 -0
- package/dist/esm/{r-hint_3.entry.js → r-icon-button_2.entry.js} +65 -51
- package/dist/esm/r-input-code.entry.js +112 -17
- package/dist/esm/r-input-date.entry.js +8 -14
- package/dist/esm/r-input-password.entry.js +16 -8
- package/dist/esm/r-input-phone-number.entry.js +7 -12
- package/dist/esm/r-input.entry.js +87 -41
- package/dist/esm/r-list-item.entry.js +5 -5
- package/dist/esm/r-panel.entry.js +2 -2
- package/dist/esm/r-popover-action.entry.js +1 -1
- package/dist/esm/r-popover-content.entry.js +1 -1
- package/dist/esm/r-popover-headline.entry.js +1 -1
- package/dist/esm/r-popover-trigger.entry.js +1 -1
- package/dist/esm/r-popover.entry.js +3 -3
- package/dist/esm/r-progress-bar.entry.js +1 -1
- package/dist/esm/r-radio-button-description.entry.js +1 -1
- package/dist/esm/r-radio-button-leading.entry.js +1 -1
- package/dist/esm/r-radio-button-title.entry.js +1 -1
- package/dist/esm/r-radio-button-trailing.entry.js +1 -1
- package/dist/esm/r-radio-button.entry.js +29 -12
- package/dist/esm/r-radio-group.entry.js +18 -22
- package/dist/esm/r-select-option.entry.js +1 -1
- package/dist/esm/r-select.entry.js +6 -24
- package/dist/esm/r-skip-link.entry.js +1 -1
- package/dist/esm/r-stepper-item.entry.js +2 -2
- package/dist/esm/r-stepper.entry.js +1 -1
- package/dist/esm/r-tab-panel.entry.js +1 -1
- package/dist/esm/r-tab.entry.js +1 -1
- package/dist/esm/r-tabs-list.entry.js +1 -1
- package/dist/esm/r-tabs.entry.js +1 -1
- package/dist/esm/r-textarea.entry.js +6 -18
- package/dist/esm/r-toast-group.entry.js +1 -1
- package/dist/esm/r-toast.entry.js +9 -9
- package/dist/esm/web-components.js +1 -1
- package/dist/types/components/accordion/accordion.d.ts +1 -5
- package/dist/types/components/accordion/exports.d.ts +1 -1
- package/dist/types/components/accordion-trigger/accordion-trigger.d.ts +0 -36
- package/dist/types/components/alert/alert.d.ts +6 -1
- package/dist/types/components/checkbox/checkbox.d.ts +24 -34
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +0 -11
- package/dist/types/components/dialog/dialog.d.ts +0 -2
- package/dist/types/components/input/input.d.ts +30 -72
- package/dist/types/components/input-code/exports.d.ts +4 -0
- package/dist/types/components/input-code/input-code.d.ts +49 -7
- package/dist/types/components/input-date/input-date.d.ts +0 -16
- package/dist/types/components/input-password/exports.d.ts +1 -0
- package/dist/types/components/input-password/input-password.d.ts +48 -16
- package/dist/types/components/input-phone-number/input-phone-number.d.ts +0 -16
- package/dist/types/components/label/label.d.ts +0 -18
- package/dist/types/components/list-item/list-item/list-item.d.ts +0 -6
- package/dist/types/components/popover/exports.d.ts +0 -2
- package/dist/types/components/popover/popover.d.ts +1 -14
- package/dist/types/components/radio-button/radio-button.d.ts +5 -0
- package/dist/types/components/radio-group/radio-group.d.ts +5 -26
- package/dist/types/components/select/select.d.ts +0 -50
- package/dist/types/components/textarea/textarea.d.ts +0 -32
- package/dist/types/components/toast/toast.d.ts +0 -5
- package/dist/types/components.d.ts +201 -636
- package/dist/web-components/p-0347feff.entry.js +1 -0
- package/dist/web-components/p-05738503.entry.js +1 -0
- package/dist/web-components/p-0e4c8bf1.entry.js +1 -0
- package/dist/web-components/{p-5744d75c.entry.js → p-1da75540.entry.js} +1 -1
- package/dist/web-components/p-26ef77d6.entry.js +1 -0
- package/dist/web-components/p-3884c6e7.entry.js +1 -0
- package/dist/web-components/p-3a5a67e7.entry.js +1 -0
- package/dist/web-components/p-3f60c6c0.entry.js +1 -0
- package/dist/web-components/p-4254a383.entry.js +1 -0
- package/dist/web-components/{p-87f39749.entry.js → p-4595fa8e.entry.js} +1 -1
- package/dist/web-components/{p-4e3df002.entry.js → p-4cc58c6a.entry.js} +1 -1
- package/dist/web-components/p-5441b746.entry.js +1 -0
- package/dist/web-components/{p-72fa1fd1.entry.js → p-550e2237.entry.js} +1 -1
- package/dist/web-components/p-589baaf9.entry.js +1 -0
- package/dist/web-components/p-60341de2.entry.js +1 -0
- package/dist/web-components/{p-4bd3e077.entry.js → p-60ca994e.entry.js} +1 -1
- package/dist/web-components/{p-44ae9f33.entry.js → p-62b788bf.entry.js} +1 -1
- package/dist/web-components/{p-2b2f581a.entry.js → p-6303b9fe.entry.js} +1 -1
- package/dist/web-components/p-63fd817d.entry.js +1 -0
- package/dist/web-components/{p-e0e2f2b2.entry.js → p-673dbfd0.entry.js} +1 -1
- package/dist/web-components/p-67fa3f84.entry.js +1 -0
- package/dist/web-components/p-6cc2ea2c.entry.js +1 -0
- package/dist/web-components/p-70784685.entry.js +1 -0
- package/dist/web-components/{p-429213ea.entry.js → p-7fed6f4d.entry.js} +1 -1
- package/dist/web-components/p-8a66d20c.entry.js +1 -0
- package/dist/web-components/{p-0bb04d79.entry.js → p-8b4d2448.entry.js} +1 -1
- package/dist/web-components/{p-c7f8e59b.entry.js → p-8c31cbd5.entry.js} +1 -1
- package/dist/web-components/p-8dac326b.entry.js +1 -0
- package/dist/web-components/{p-1c2497de.entry.js → p-9ef1bbee.entry.js} +1 -1
- package/dist/web-components/p-a0dbde7c.entry.js +1 -0
- package/dist/web-components/{p-755cc697.entry.js → p-a71485d8.entry.js} +1 -1
- package/dist/web-components/p-a7d22c76.entry.js +1 -0
- package/dist/web-components/{p-85a9af42.entry.js → p-ae251d2f.entry.js} +1 -1
- package/dist/web-components/p-b9e3b3d6.entry.js +1 -0
- package/dist/web-components/p-c1e748f2.entry.js +1 -0
- package/dist/web-components/{p-5bbd6e3c.entry.js → p-c478712b.entry.js} +1 -1
- package/dist/web-components/{p-3078b2b8.entry.js → p-d054eb4d.entry.js} +1 -1
- package/dist/web-components/{p-8563a1ab.entry.js → p-d433a828.entry.js} +1 -1
- package/dist/web-components/p-d7726e46.entry.js +1 -0
- package/dist/web-components/p-d819c8e5.entry.js +1 -0
- package/dist/web-components/p-e2188953.entry.js +1 -0
- package/dist/web-components/{p-3b4e3faf.entry.js → p-e5945c01.entry.js} +1 -1
- package/dist/web-components/{p-d1379ac6.entry.js → p-f9d5004c.entry.js} +1 -1
- package/dist/web-components/web-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/r-accordion-item.cjs.entry.js +0 -78
- package/dist/cjs/r-icon-button.cjs.entry.js +0 -81
- package/dist/collection/components/accordion-item/accordion-item.css +0 -121
- package/dist/collection/components/accordion-item/accordion-item.js +0 -138
- package/dist/esm/r-accordion-item.entry.js +0 -76
- package/dist/esm/r-icon-button.entry.js +0 -79
- package/dist/types/components/accordion-item/accordion-item.d.ts +0 -26
- package/dist/web-components/p-00ca474f.entry.js +0 -1
- package/dist/web-components/p-15ac0fdd.entry.js +0 -1
- package/dist/web-components/p-1c956370.entry.js +0 -1
- package/dist/web-components/p-2a512983.entry.js +0 -1
- package/dist/web-components/p-2e18e762.entry.js +0 -1
- package/dist/web-components/p-3bc93d65.entry.js +0 -1
- package/dist/web-components/p-51a5804b.entry.js +0 -1
- package/dist/web-components/p-56da04d8.entry.js +0 -1
- package/dist/web-components/p-5e6aabd8.entry.js +0 -1
- package/dist/web-components/p-656229de.entry.js +0 -1
- package/dist/web-components/p-7775228c.entry.js +0 -1
- package/dist/web-components/p-7ad8e78b.entry.js +0 -1
- package/dist/web-components/p-9e50120b.entry.js +0 -1
- package/dist/web-components/p-a022f356.entry.js +0 -1
- package/dist/web-components/p-a7e7f8fa.entry.js +0 -1
- package/dist/web-components/p-ad9b2a48.entry.js +0 -1
- package/dist/web-components/p-b2f03016.entry.js +0 -1
- package/dist/web-components/p-b87ad83b.entry.js +0 -1
- package/dist/web-components/p-c937bd92.entry.js +0 -1
- package/dist/web-components/p-cbcd7699.entry.js +0 -1
- package/dist/web-components/p-dbe579e8.entry.js +0 -1
- package/dist/web-components/p-e4b66277.entry.js +0 -1
- package/dist/web-components/p-e6a31881.entry.js +0 -1
- package/dist/web-components/p-f2577a3c.entry.js +0 -1
- package/dist/web-components/p-f6a92287.entry.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as r,h as e,H as a,g as i}from"./p-Da7qOBFr.js";import{a as s}from"./p-DvLT8-y3.js";const n=class{constructor(e){t(this,e),this.rChange=r(this,"rChange"),this.rInput=r(this,"rInput"),this.rReset=r(this,"rReset"),this.rValidate=r(this,"rValidate"),this.value=this.textareaSlotValue,this.placeholder="Provide an input",this.resize="none",this.characterLimitReachedMessage="You've reached the character limit.",this.showValid=!1,this.validityState=null,this.validityMessage="",this.initial={},this.uniqueId=`r-textarea-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.onInput=t=>{if(this.readonly)return;this.value=t.target.value,this.validateFormElement(this.nativeElement);const{host:r,value:e}=this;this.rInput.emit({element:r,value:e}),e.length===this.maxlength&&this.characterLimitReachedAlert&&(this.characterLimitReachedAlert.innerText=this.characterLimitReachedMessage,setTimeout((()=>{this.characterLimitReachedAlert.innerText=""}),2e3))},this.onChange=t=>{if(this.readonly)return;this.value=t.target.value,this.validateFormElement(this.nativeElement);const{host:r,value:e}=this;this.rChange.emit({element:r,value:e})},this.onSubmitForm=t=>{this.isNoValidate||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.onResetForm=()=>{if(this.readonly)return;this.validityState=null,this.validityMessage=null,this.value=this.initial.value,this.invalid=this.initial.invalid,this.valid=!this.invalid;const{host:t,value:r}=this;this.rReset.emit({element:t,value:r})},this.getValidityStateData=t=>{let r="",e="";for(const a in t.validity)if(t.validity[a]){if(r=a,this[a+"Message"])return e=this[a+"Message"],{validityState:r,validityMessage:e};e=t.validationMessage}return{validityState:r,validityMessage:e}},this.validateFormElement=(t=null)=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;const{validityState:r,validityMessage:e}=this.getValidityStateData(t);this.validityState=r,this.validityMessage=e;const a="valid"===this.validityState;this.valid=a,this.invalid=!a,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.contributeToFormData=t=>{s(this.nativeElement||this.host,t.formData)}}async setValue(t){this.readonly||(this.value=t)}async getValue(){return this.value}async reset(){this.readonly||(this.validityState=null,this.validityMessage=null,this.value=this.initial.value,this.invalid=this.initial.invalid,this.valid=!this.invalid)}async setFocus(){this.nativeElement.focus()}async setBlur(){this.nativeElement.blur()}async setSelectionRange(t,r,e){this.nativeElement.setSelectionRange(t,r,e)}async setRangeText(t,r,e,a){this.nativeElement.setRangeText(t,r,e,a)}async setCustomValidity(t){this.customErrorMessage=t,this.validateFormElement(this.nativeElement)}async checkValidity(){const{validityState:t}=this.getValidityStateData(this.nativeElement);return"valid"===t}async reportValidity(){this.validateFormElement(this.nativeElement)}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get ariaDescribedBy(){const t=`${this.uniqueId}-message`;return this.hint?`${this.uniqueId}-hint ${t}`:t}get hasError(){var t;return this.invalid&&!!(null===(t=this.error)||void 0===t?void 0:t.length)}get hasValidationError(){return!!this.validityState&&("valid"!==this.validityState&&!(!this.customErrorMessage&&!this.validityMessage))}get hasValidationSuccess(){return this.valid&&this.validMessage&&this.showValid}get hasMessage(){return this.hasError||this.hasValidationError||this.hasValidationSuccess}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!1}get hasTrailingSlot(){return!!this.host.querySelector('[slot="trailing"]')}get textareaSlotValue(){return this.host.textContent}connectFormEventListeners(){var t,r,e;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(r=this.parentFormEl)||void 0===r||r.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(e=this.parentFormEl)||void 0===e||e.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,r,e;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(r=this.parentFormEl)||void 0===r||r.removeEventListener("submit",this.onSubmitForm),null===(e=this.parentFormEl)||void 0===e||e.removeEventListener("reset",this.onResetForm)}componentWillLoad(){this.initial.value=this.value,this.initial.invalid=this.invalid}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}render(){const{name:t,rows:r,cols:i,placeholder:s,required:n,showCounter:o,maxlength:l,minlength:h,form:d,value:c,disabled:u,resize:v,hint:p,invalid:x,label:g,uniqueId:m,fieldIndicator:b,tooltip:f,tooltipIcon:y,tooltipIconColor:w,readonly:z}=this,k={name:t,rows:r,cols:i,placeholder:s,required:n,maxlength:l,minlength:h,form:d,value:c,disabled:u,resize:v,readonly:z,id:m,"aria-describedby":this.ariaDescribedBy,"aria-invalid":`${!!x}`,"aria-required":`${!!n}`},$=g?Object.assign({label:g,fieldIndicator:b},f&&!u?{tooltip:f,tooltipIcon:y,tooltipIconColor:w}:{}):{},V=Object.entries(this).reduce(((t,[r,e])=>("function"==typeof e&&r.startsWith("on")&&(t[r]=e),t)),{});return e(a,null,e("div",{class:"r-textarea--label-container"},e("label",{htmlFor:m},g&&e("r-label",Object.assign({id:`${m}-label`},$),g)),e("slot",{name:"popover"})),p&&e("r-hint",{id:`${m}-hint`,role:"note"},p),e("div",{class:"r-textarea--container","data-disabled":`${!!u}`,"data-readonly":`${!!z}`},e("textarea",Object.assign({class:"r-textarea--input"},k,V,{ref:t=>this.nativeElement=t,onChange:this.onChange,onInput:this.onInput})),e("div",{class:"r-textarea--trailing"},this.readonly&&e("r-icon",{class:"r-textarea--readonly-icon",name:"pen-disabled",size:"s"}),this.hasTrailingSlot&&e("slot",{name:"trailing"}))),e("div",{class:"r-textarea--messages"},e("r-hint",{"aria-live":"polite","aria-atomic":"true",id:`${m}-message`,class:!this.hasMessage&&"visually-hidden",variant:x?"error":"success"},this.hasError&&this.error,this.hasValidationError&&(this.customErrorMessage||this.validityMessage),this.hasValidationSuccess&&this.validMessage),o&&e("r-hint",{"aria-hidden":!0,class:"r-textarea--messages--counter"},`${c.length}${l?"/":""}${l}`),l&&e("div",{class:"visually-hidden",ref:t=>this.characterLimitReachedAlert=t,"aria-live":"assertive"})))}get host(){return i(this)}};n.style=":host{opacity:1;display:block;outline:none;--r-label--margin-bottom:0}:host(:focus-visible){outline:none}:host([resize=none]){--r-textarea--input--resize:none}:host([resize=both]){--r-textarea--input--resize:both}:host([resize=horizontal]){--r-textarea--input--resize:horizontal}:host([resize=vertical]){--r-textarea--input--resize:vertical}:host([resize=initial]){--r-textarea--input--resize:initial}:host([resize=inherit]){--r-textarea--input--resize:inherit}:host([invalid]:not([invalid=false])){--r-textarea--container--background-color:var(--r-status-error-soft, #fef6f6);--r-textarea--container--border-color:var(--r-status-error-regular, #b00c15)}.r-textarea--label-container{display:var(--r-textarea--label-container--display, flex);gap:var(--r-textarea--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-textarea--label-container--align-items, center);justify-content:var(--r-textarea--label-container--align-items, space-between)}.r-textarea--label-container ::slotted([slot=popover]){display:var(--r-textarea--popover--display, inline-flex);height:var(--r-textarea--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-textarea--popover--align-items, center);justify-content:var(--r-textarea--popover--justify-content, center);margin-right:var(--r-textarea--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-textarea--popover-trigger--min-width, var(--r-spacing-150, 1.5))}.r-textarea--input::placeholder{color:var(--r-textarea--input--placeholder--color, var(--r-text-soft, #686868))}.r-textarea--input{vertical-align:top;width:var(--r-textarea--input--width, 100%);max-width:var(--r-textarea--input--max-width, 100%);min-height:var(--r-textarea--input--min-height, 8.875em);font-family:var(--r-textarea--input--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-textarea--input--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-textarea--input--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-textarea--input--line-height, var(--r-line-height-m, 1.5));color:var(--r-textarea--input--color, var(--r-text-regular, #282828));background-color:var(--r-textarea--input--background-color, transparent);opacity:var(--r-textarea--input--opacity, 1);border-width:var(--r-textarea--input--border-width, 0px);border-style:var(--r-textarea--input--border-style, solid);border-color:var(--r-textarea--input--border-color, var(--r-border-soft, #686868));border-radius:var(--r-textarea--input--border-radius, 0);box-sizing:var(--r-textarea--input--box-sizing, border-box);box-shadow:var(--r-textarea--input--box-shadow, none);padding:var(--r-textarea--input--padding, var(--r-textarea--input--padding-top, 0.688em) var(--r-textarea--input--padding-right, 0.625em) var(--r-textarea--input--padding-bottom, 0.688em) var(--r-textarea--input--padding-left, 0.625em));margin-top:var(--r-textarea--input--margin-top, 0);resize:var(--r-textarea--input--resize, both);z-index:var(--r-textarea--input--z-index, 1);outline:var(--r-textarea--input--outline, none);outline-offset:var(--r-textarea--input--outline-offset, 0);pointer-events:var(--r-textarea--input--pointer-events, auto);cursor:var(--r-textarea--input--cursor, inherit)}.r-textarea--container{display:flex;align-items:start;overflow:visible;background-color:var(--r-textarea--container--background-color, var(--r-background-interactive-softest, #f7f7f7));border-width:var(--r-textarea--container--border-width, 1px);border-style:var(--r-textarea--container--border-style, solid);border-color:var(--r-textarea--container--border-color, var(--r-border-soft, #686868));padding:var(--r-textarea--container--padding, 0);margin-top:var(--r-textarea--container--margin-top, var(--r-spacing-025, 0.25rem));box-shadow:var(--r-textarea--container--box-shadow, none);outline:var(--r-textarea--container--outline, none);outline-offset:var(--r-textarea--container--outline-offset, none)}.r-textarea--container[data-readonly=true]{--r-textarea--container--background-color:var(--r-background-soft, #f3f1f0);--r-textarea--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-textarea--container--cursor:text}.r-textarea--container:hover:not([data-disabled=true]):not([data-readonly=true]){--r-textarea--container--background-color:var(--r-background-interactive-hovered)}.r-textarea--container:active:not([data-disabled=true]):not([data-readonly=true]){--r-textarea--container--background-color:var(--r-background-interactive-pressed)}.r-textarea--container:focus-within{--r-textarea--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-textarea--container--outline:2px solid var(--r-border-focused, #0071e3);--r-textarea--container--outline-offset:2px}.r-textarea--trailing{display:var(--r-textarea--trailing--display, flex);margin-top:var(--r-textarea--trailing--margin-top, 0.688em);margin-right:var(--r-textarea--trailing--margin-right, 0.625em);margin-left:var(--r-textarea--trailing--margin-left, auto);gap:var(--r-textarea--trailing--gap, 0.625rem)}.r-textarea--trailing:empty{display:none}.r-textarea--readonly-icon{color:var(--r-textarea--readonly-icon--color, var(--r-icon-soft, #686868))}.r-textarea--messages{display:flex;gap:var(--r-textarea--messages--gap, var(--r-spacing-025, 0.25rem))}.r-textarea--messages--counter{margin-left:auto}.r-textarea--messages:has(r-hint){margin-top:var(--r-spacing-025, 0.25rem)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";export{n as r_textarea}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as r,H as i,g as o}from"./p-Da7qOBFr.js";import{a as s}from"./p-DvLT8-y3.js";const a=class{constructor(r){e(this,r),this.rChange=t(this,"rChange"),this.rReset=t(this,"rReset"),this.rValidate=t(this,"rValidate"),this.showValid=!1,this.validityState="",this.validityMessage="",this.initial={},this.getValidityStateData=e=>{let t="",r="";for(const i in e.validity)if(e.validity[i]){if(t=i,this[i+"Message"])return r=this[i+"Message"],{validityState:t,validityMessage:r};r=e.validationMessage}return{validityState:t,validityMessage:r}},this.validateFormElement=(e=null)=>{if(null===e)return;if(this.isNoValidate)return;if(this.error)return;const{validityState:t,validityMessage:r}=this.getValidityStateData(e);this.validityState=t,this.validityMessage=r;const i="valid"===this.validityState;this.valid=i,this.invalid=!i,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.uniqueId=`r-checkbox-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.touched=!1,this.handleClick=e=>{this.disabled||"A"!==e.target.tagName&&(e.preventDefault(),this.toggleChecked())},this.onSubmitForm=e=>{this.isNoValidate||(this.validateFormElement(this.nativeElement),this.invalid&&(e.preventDefault(),e.stopPropagation()))},this.onResetForm=()=>{this.validityState=null,this.validityMessage=null,this.checked=this.initial.checked,this.invalid=this.initial.invalid,this.valid=!this.invalid;const{host:e,value:t,checked:r}=this;this.rReset.emit({element:e,value:t,checked:r})},this.contributeToFormData=e=>{s(this.nativeElement||this.host,e.formData)}}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get isNoValidate(){var e;return(null===(e=this.parentFormEl)||void 0===e?void 0:e.hasAttribute("novalidate"))||this.novalidate||!1}async getValidityState(){const{validityState:e,validityMessage:t}=this.getValidityStateData(this.nativeElement);return this.validityState=e,this.validityMessage=t,{state:this.validityState,message:this.validityMessage}}async handleCheckedChange(){if(!this.touched)return;if(this.disabled)return;const{host:e,value:t,checked:r}=this;this.rChange.emit({element:e,value:t,checked:r}),this.nativeElement&&(this.nativeElement.checked=r),this.required&&!this.isNoValidate&&this.validateFormElement(this.nativeElement)}connectFormEventListeners(){var e,t,r;null===(e=this.parentFormEl)||void 0===e||e.addEventListener("formdata",this.contributeToFormData),null===(t=this.parentFormEl)||void 0===t||t.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(r=this.parentFormEl)||void 0===r||r.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var e,t,r;null===(e=this.parentFormEl)||void 0===e||e.removeEventListener("formdata",this.contributeToFormData),null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("submit",this.onSubmitForm),null===(r=this.parentFormEl)||void 0===r||r.removeEventListener("reset",this.onResetForm)}componentWillLoad(){this.initial.checked=this.checked,this.initial.invalid=this.invalid}componentDidLoad(){this.nativeElement&&(this.nativeElement.indeterminate=this.indeterminate)}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}async setFocus(){var e;null===(e=this.nativeElement)||void 0===e||e.focus()}async setBlur(){var e;null===(e=this.nativeElement)||void 0===e||e.blur()}async check(){this.checked=!0}async uncheck(){this.checked=!1}async toggleChecked(){this.touched=!0,this.checked=!this.checked}async setIndeterminate(){this.indeterminate=!0}async clearIndeterminate(){this.indeterminate=!1}async checkValidity(){const{validityState:e}=this.getValidityStateData(this.nativeElement);return"valid"===e}get hasErrorMessage(){var e;return"string"==typeof this.error&&(null===(e=this.error)||void 0===e?void 0:e.length)>0}get hasCustomErrorMessage(){var e;return"string"==typeof this.customErrorMessage&&(null===(e=this.customErrorMessage)||void 0===e?void 0:e.length)>0}get hasValidationError(){var e;return"valid"!==this.validityState&&(null===(e=this.validityMessage)||void 0===e?void 0:e.length)>0}get hasInvalidMessage(){return!!this.invalid&&(this.hasErrorMessage||this.hasCustomErrorMessage||this.hasValidationError)}get hasValidMessage(){const{valid:e,validMessage:t}=this,r="string"==typeof t&&(null==t?void 0:t.trim().length)>0;return e&&r}get hasMessage(){return this.hasInvalidMessage||this.hasValidMessage}render(){const{error:e,name:t,value:o,disabled:s,required:a,uniqueId:c,checked:h,indeterminate:n}=this;return r(i,{key:"3c1b6f0ea2497cc8c1641b9ba3a1408832c50808",onClick:this.handleClick},r("div",{key:"585298821156cb66889bfc13e7148afb2847d1c4",class:"r-checkbox"},r("input",Object.assign({key:"02509a5c0d4b869c03e6a023e5c3aa1ef4b7057e",class:"r-checkbox--input",type:"checkbox"},{name:t,value:o,disabled:s,required:a,checked:h,indeterminate:n},{id:`${c}-input`,ref:e=>this.nativeElement=e,"aria-describedby":this.hasMessage?`${c}-message`:null,"aria-required":`${this.required||!1}`,"aria-invalid":`${this.invalid||!1}`})),r("div",{key:"ec02858464651e1938848375fbf527f73fab76f1",class:"r-checkbox--box","aria-hidden":"true"},this.checked?r("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M8.80019 15.8988L4.6002 11.6988L3.2002 13.0988L8.80019 18.6988L20.8002 6.69883L19.4002 5.29883L8.80019 15.8988Z",fill:"currentColor"})):this.indeterminate?r("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("rect",{x:"4",y:"11",width:"16",height:"2",fill:"currentColor"})):null),r("div",{key:"310a1c3a77074fa77bf9daa4e371196f9f39fdd5",class:"r-checkbox--description"},r("label",{key:"05666e7a11e9907067b9fbe7024669e8b11e5884",class:"r-checkbox--label",id:`${c}-label`,htmlFor:`${c}-input`},r("slot",{key:"45c7ed40f84a15a0dccb6768011d067d4c9da26b"})),r("div",{key:"b41e092d77775c0a9c4582248d353b1b49533206",id:`${c}-message`,class:this.hasMessage?"r-checkbox--message":"visually-hidden","aria-live":"polite","aria-atomic":"true"},this.hasInvalidMessage&&r("r-hint",{key:"169e7d7ae74e6484f50f0cc5575dfdb537b16076",variant:"error"},e||this.customErrorMessage||this.validityMessage),this.hasValidMessage&&r("r-hint",{key:"cdaaad06d4f0cd0e880a3f327c0eb8d2058eb91b",variant:"success"},this.validMessage)))))}get host(){return o(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};a.style=":host{display:block;user-select:none;box-sizing:border-box;font-family:var(--r-font-family-text);font-size:var(--r-font-size-400);text-align:left;color:var(--r-text-regular);cursor:pointer}:host ::slotted(a),:host ::slotted(a:visited),:host ::slotted(a:hover),:host ::slotted(a:focus),:host ::slotted(a:active){color:var(--r-text-regular)}:host slot{display:contents}:host(:hover:not([disabled]:not([disabled=false]))){--r-checkbox--box--background-color:var(--r-background-interactive-hovered)}:host(:focus-within:not(:active)){box-shadow:0 0 0 3px var(--r-border-focused-outlined, #fff), inset 0 0 0 1px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px;--r-checkbox--box--box-shadow:0 0 0 3px var(--r-border-focused-outlined, #fff), inset 0 0 0 1px var(--r-border-focused-outlined, #fff);--r-checkbox--box--outline:2px solid var(--r-border-focused, #0071e3);--r-checkbox--box--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false]))){--r-checkbox--box--background-color:var(--r-background-interactive-pressed)}:host([invalid]:not([invalid=false])){--r-checkbox--box--border-color:var(--r-status-error-regular);--r-checkbox--box--background-color:var(--r-status-error-soft);--r-checkbox--marker--color:var(--r-status-error-regular)}:host([disabled]:not([disabled=false])){--r-checkbox--box--opacity:0.4;--r-checkbox--cursor:not-allowed;--r-checkbox--label-container--cursor:not-allowed;--r-checkbox--label--cursor:not-allowed;cursor:not-allowed}.r-checkbox{position:var(--r-checkbox--position, relative);display:var(--r-checkbox--display, flex);gap:var(--r-checkbox--gap, var(--r-spacing-100, 1rem));cursor:var(--r-checkbox--cursor, pointer);padding:var(--r-checkbox--padding, var(--r-spacing-100, 1rem));min-height:var(--r-checkbox--min-height, var(--r-spacing-150, 1.5rem))}.r-checkbox--input{position:var(--r-checkbox--input--position, absolute);top:var(--r-checkbox--input--top, var(--r-checkbox--padding));left:var(--r-checkbox--input--left, var(--r-checkbox--padding));opacity:var(--r-checkbox--input--opacity, 0);width:var(--r-checkbox--input--width, 1.5rem);height:var(--r-checkbox--input--height, 1.5rem);box-sizing:var(--r-checkbox--input--box-sizing, border-box);padding:var(--r-checkbox--input--padding, 0);margin:var(--r-checkbox--input--margin, 0)}.r-checkbox--box{position:var(--r-checkbox--box--position, relative);display:var(--r-checkbox--box--display, flex);align-items:var(--r-checkbox--box--align-items, center);justify-content:var(--r-checkbox--box--justify-content, center);left:var(--r-checkbox--box--left, 0);top:var(--r-checkbox--box--top, 0);height:var(--r-checkbox--box--height, 1.5rem);width:var(--r-checkbox--box--width, 1.5rem);min-width:var(--r-checkbox--box--min-width, 1.5rem);background-color:var(--r-checkbox--box--background-color, var(--r-background-interactive-softest, #fff));border-width:var(--r-checkbox--box--border-width, 0.0625rem);border-style:var(--r-checkbox--box--border-style, solid);border-color:var(--r-checkbox--box--border-color, var(--r-border-soft, #686868));outline:var(--r-checkbox--box--outline, none);outline-offset:var(--r-checkbox--box--outline-offset, 0);box-sizing:var(--r-checkbox--box--box-sizing, border-box);box-shadow:var(--r-checkbox--box--box-shadow, none);opacity:var(--r-checkbox--box--opacity, 1)}.r-checkbox--description{cursor:var(--r-checkbox--label-container--cursor, pointer);flex:var(--r-checkbox--label-container--flex, 1);line-height:var(--r-checkbox--label-container--line-height, 1.5);display:var(--r-checkbox--label-container--display, flex);flex-direction:var(--r-checkbox--label-container--flex-direction, column);gap:var(--r-checkbox--label-container--gap, var(--r-spacing-025, 0.25rem))}.r-checkbox--label{cursor:var(--r-checkbox--label--cursor, pointer)}.r-checkbox--message{margin-top:var(--r-checkbox--message--margin-top, var(--r-spacing-025, 0.25rem))}:host(.visually-hidden),.visually-hidden{position:absolute;width:0.0625rem;height:0.0625rem;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}";export{a as r_checkbox}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as r,H as e,g as o}from"./p-Da7qOBFr.js";import{a as s}from"./p-DvLT8-y3.js";const a=class{constructor(r){t(this,r),this.rValidate=i(this,"rValidate"),this.rChange=i(this,"rChange"),this.rReset=i(this,"rReset"),this.showValid=!1,this.variant="standard",this.validityState="",this.validityMessage="",this.initial={},this.uniqueId=`r-radio-group-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.getValidityStateData=t=>{let i="",r="";if(null===t)return{validityState:i,validityMessage:r};for(const e in t.validity)if(t.validity[e]){if(i=e,this[e+"Message"])return r=this[e+"Message"],{validityState:i,validityMessage:r};r=t.validationMessage}return{validityState:i,validityMessage:r}},this.validateFormElement=(t=null)=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;const{validityState:i,validityMessage:r}=this.getValidityStateData(t);this.validityState=i,this.validityMessage=r;const e="valid"===this.validityState;this.valid=e,this.invalid=!e,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onSubmitForm=t=>{this.isNoValidate||(this.validateFormElement(this.nativeSelectedEl||this.nativeFirstEl),this.hasSelected&&!this.invalid||(t.preventDefault(),t.stopPropagation()))},this.onResetForm=()=>{this.reset()},this.onLabelClick=()=>{const t=this.radioButtonElements[0].shadowRoot.querySelector('[type="radio"]');null==t||t.focus()},this.contributeToFormData=t=>{s(this.host,t.formData)}}rChangeAction(t){this.resetValidity(),this.setValue(t.detail.value)}radioButtonClickAction(t){!t.target.disabled&&t.target.select()}get selectedIndex(){return Array.from(this.radioButtonElements).findIndex((t=>t.hasAttribute("checked")))}get prevIndex(){return 0===this.selectedIndex||-1===this.selectedIndex?this.radioButtonElements.length-1:this.selectedIndex-1}get focusedRadioButtonEl(){return this.host.querySelector("r-radio-button.focused")}get focusedRadioButtonElIndex(){return Array.from(this.radioButtonElements).indexOf(this.focusedRadioButtonEl)}get nextIndex(){return-1===this.selectedIndex?-1===this.focusedRadioButtonElIndex?0:this.focusedRadioButtonElIndex+1:this.selectedIndex===this.radioButtonElements.length-1?0:this.selectedIndex+1}radioButtonKeydownAction(t){var i;switch(t.detail.code){case"ArrowUp":case"ArrowLeft":this.radioButtonElements[this.prevIndex].select();break;case"ArrowDown":case"ArrowRight":this.radioButtonElements[this.nextIndex].select();break;case"Enter":{const t=this.host.querySelector('[type="submit"]')||(null===(i=this.parentFormEl)||void 0===i?void 0:i.querySelector('[type="submit"]'));t&&"triggerClick"in t?null==t||t.triggerClick():this.parentFormEl.requestSubmit();break}}}async resetValidity(){this.validityMessage=null,this.validityState=null,this.invalid=this.initial.invalid,this.valid=!this.invalid}async reset(){this.resetValidity(),this.initial.value?this.setValue(this.initial.value):this.clearValue()}async setValue(t){const i=Array.from(this.radioButtonElements).find((i=>i.value===t));void 0!==i?(this.value=t,null==i||i.select()):this.clearValue()}async getValue(){return this.value||null}async clearValue(){var t,i,r,e,o,s;(null===(t=this.nativeSelectedEl)||void 0===t?void 0:t.value)===(null===(i=this.nativeFirstEl)||void 0===i?void 0:i.value)||null===(r=this.nativeSelectedEl)||void 0===r||r.setAttribute("tabindex","-1"),null===(e=this.nativeSelectedEl)||void 0===e||e.setAttribute("tabindex","-1"),null===(o=this.nativeFirstEl)||void 0===o||o.setAttribute("tabindex","0"),null===(s=this.selectedRadioButtonElement)||void 0===s||s.removeAttribute("checked"),this.value=null}async checkValidity(){const t=this.nativeSelectedEl||this.nativeFirstEl||null,{validityState:i}=this.getValidityStateData(t);return"valid"===i}async reportValidity(){return this.validateFormElement(this.nativeSelectedEl||this.nativeFirstEl||null),"valid"===this.validityState}async setCustomValidity(t){const i=this.nativeSelectedEl||this.nativeFirstEl||null;this.customErrorMessage=t,this.validateFormElement(i)}async setFocus(){const t=this.selectedRadioButtonElement||this.radioButtonElements[0]||null;null==t||t.setFocus()}async setBlur(){var t;null===(t=this.focusedRadioButtonEl)||void 0===t||t.setBlur()}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!this.required||!1}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get radioButtonElements(){return this.host.querySelectorAll('r-radio-button:not([disabled]:not([disabled="false"]))')}get selectedRadioButtonElement(){return Array.from(this.radioButtonElements).find((t=>t.hasAttribute("checked")))||null}get hasSelected(){return Array.from(this.radioButtonElements).some((t=>t.hasAttribute("checked")))}get nativeSelectedEl(){var t,i;return null===this.selectedRadioButtonElement?null:(null===(i=null===(t=this.selectedRadioButtonElement)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector(".r-radio-button--input"))||null}get nativeFirstEl(){var t,i;return(null===(i=null===(t=this.radioButtonElements[0])||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector(".r-radio-button--input"))||null}passPropsToGroupItems(t={}){Object.entries(t).forEach((([t,i])=>{this.radioButtonElements.forEach((r=>{"string"==typeof i&&r.setAttribute(t,i),"boolean"==typeof i&&i&&r.setAttribute(t,"")}))}))}selectGroupItemByValue(){this.hasSelected&&!this.value&&(this.value=this.selectedRadioButtonElement.value),this.setValue(this.value)}setTabindex(){const t=this.nativeSelectedEl||this.nativeFirstEl;null==t||t.setAttribute("tabindex","0")}connectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("reset",this.onResetForm),null===(r=this.parentFormEl)||void 0===r||r.addEventListener("submit",this.onSubmitForm,{capture:!0})}disconnectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("reset",this.onResetForm),null===(r=this.parentFormEl)||void 0===r||r.removeEventListener("submit",this.onSubmitForm)}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}componentWillLoad(){const{required:t,name:i}=this;this.passPropsToGroupItems({required:t,name:i}),this.selectGroupItemByValue(),this.initial.value=this.value,this.initial.invalid=this.invalid}componentDidLoad(){const{name:t,required:i}=this;this.passPropsToGroupItems({name:t,required:i}),this.setTabindex()}render(){const{label:t,hint:i,fieldIndicator:o,tooltip:s,tooltipIcon:a,tooltipIconColor:n,error:l,uniqueId:d,invalid:h}=this;return r(e,{key:"5bf5f0493d2329b07d82e332153e467239ddff0f"},r("div",{key:"06f96cb1868f7cbb635137ca68eda6a326b969c3",class:"r-radio-group",onClick:this.onLabelClick},t&&r("div",{key:"4dca24e0cb903a2e74e55ee743ed595608af0bf4",class:"r-radio-group--label-container"},r("r-label",Object.assign({key:"cba1398032eae164db0a00808a06116affa671ec",id:`${d}-label`,class:"r-radio-group--label","field-indicator":o},{tooltip:s,"tooltip-icon":a,"tooltip-icon-color":n}),t),r("slot",{key:"c0180f3c6c99fed7d524719aff8eb8e64236cc3c",name:"popover"})),i&&r("r-hint",{key:"3ae1c84630975059aa1532b4b72957967e398949",id:`${d}-hint`,class:"r-radio-group--hint",role:"note"},i),r("div",{key:"2c18a09474189e6f2719db7c6ee5fb51c460e52f",class:"r-radio-group--content"},r("slot",{key:"1c79f92cc0cd2095cfe51ee5fc108b6a004c4e4e"}))),h&&l&&r("r-hint",{key:"86aa0f4d1400e401cc7f71259511f118a3f68ef7","aria-live":"polite",id:`${d}-message`,role:"alert",variant:"error"},l),"valid"!==this.validityState&&this.validityMessage&&r("r-hint",{key:"aa06f829a6566becdf4a1f86e26e5161526756fb","aria-live":"polite",id:`${d}-message`,role:"alert",variant:"error"},this.customErrorMessage||this.validityMessage),this.valid&&this.validMessage&&this.showValid&&r("r-hint",{key:"11500e705487028e4312679a6757dc48d861ebba",role:"alert",variant:"success"},this.validMessage))}get host(){return o(this)}};a.style=":host{display:flex;flex-direction:column;box-sizing:border-box;margin-bottom:var(--r-spacing-100)}:host ::slotted(r-radio-button){display:var(--r-radio-group--slotted-radio-button--display, flex)}:host ::slotted(.focused){--r-radio-button--box-shadow:0 0 0 3px var(--r-border-focused-outlined, #fff), inset 0 0 0 1px var(--r-border-focused-outlined, #fff);--r-radio-button--outline:2px solid var(--r-border-focused, #0071e3);--r-radio-button--outline-offset:2px}:host slot{display:contents}:host([variant=contained]) ::slotted(r-radio-button){padding:0;--r-radio-button--padding:var(--r-spacing-100, 1rem);--r-radio-button--border-color:var(--r-border-soft, #686868);--r-radio-button--border-width:1px}:host([invalid]:not([invalid=false])) ::slotted(r-radio-button){--r-radio-button--box--border-color:var(--r-status-error-regular, #b00c15);--r-radio-button--box--background-color:var(--r-status-error-soft, #fef6f6);--r-radio-button--marker--background-color:var(--r-status-error-regular, #b00c15)}:host .r-radio-group{display:var(--r-radio-group--display, flex);flex-direction:var(--r-radio-group--flex-direction, column)}:host .r-radio-group--label-container{display:var(--r-radio-group--label-container--display, flex);gap:var(--r-radio-group--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-radio-group--label-container--align-items, center);justify-content:var(--r-radio-group--label-container--justify-content, space-between)}:host .r-radio-group--label-container ::slotted([slot=popover]){display:var(--r-radio-group--popover--display, inline-flex);height:var(--r-radio-group--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-radio-group--popover--align-items, center);justify-content:var(--r-radio-group--popover--justify-content, center);margin-right:var(--r-radio-group--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-radio-group--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-radio-group--popover--trigger--min-height, var(--r-spacing-150, 1.5))}:host .r-radio-group--hint{margin-bottom:var(--r-radio-group--hint--margin-bottom, var(--r-spacing-100, 1rem))}:host .r-radio-group--content{display:var(--r-radio-group--content--display, flex);flex-direction:var(--r-radio-group--content--flex-direction, column);flex-wrap:var(--r-radio-group--content--flex-wrap, nowrap);gap:var(--r-radio-group--content--gap, var(--r-spacing-050, 0.5rem))}:host .r-radio-group+r-hint{margin-top:var(--r-radio-group--hint--margin-top, var(--r-spacing-050, 0.5rem))}";export{a as r_radio_group}
|
|
@@ -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=>{let i="",r="";if("email"===this.type&&this.pattern)return t.setCustomValidity(""),i=this.validEmailPattern?"valid":"patternMismatch",r=this.validEmailPattern?"":this.patternMismatchMessage,{validityState:i,validityMessage:r};for(const n in t.validity)if(t.validity[n]){if(i=n,this[n+"Message"])return r=this[n+"Message"],{validityState:i,validityMessage:r};r=t.validationMessage}return{validityState:i,validityMessage:r}},this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;const{validityState:i,validityMessage:r}=this.getValidityStateData(t);this.validityState=i,this.validityMessage=r;const n="valid"===this.validityState;this.valid=n,this.invalid=!n,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onInput=t=>{if(this.readonly)return;this.value=t.target.value;const{host:i,value:r}=this;this.rInput.emit({element:i,value:r})},this.onChange=t=>{if(this.readonly)return;this.value=t.target.value;const{host:i,value:r}=this;this.rChange.emit({element:i,value:r})},this.onBlur=()=>{this.host.classList.remove("focused"),this.validateFormElement(this.nativeElement),this.rBlur.emit()},this.onFocus=()=>{this.host.classList.add("focused"),this.rFocus.emit()},this.contributeToFormData=t=>{a(this.nativeElement||this.host,t.formData)},this.onResetForm=()=>{if(this.readonly)return;this.validityState=null,this.validityMessage=null,this.setValue(this.initial.value),this.invalid=this.initial.invalid,this.valid=!this.invalid;const{host:t,value:i}=this;this.rReset.emit({element:t,value:i})},this.onSubmitForm=t=>{this.isNoValidate||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.handleKeyup=t=>{var i,r;if(this.validateFormElement(this.nativeElement),(!this.invalid||this.isNoValidate)&&"Enter"===t.code){const t=this.host.querySelector('[type="submit"]')||(null===(i=this.parentFormEl)||void 0===i?void 0:i.querySelector('[type="submit"]'));t&&"triggerClick"in t?null==t||t.triggerClick():null===(r=this.parentFormEl)||void 0===r||r.requestSubmit()}},this.handleClick=()=>{this.host.shadowRoot.querySelector("input").focus()}}async setFocus(){var t;null===(t=this.nativeElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.nativeElement)||void 0===t||t.blur()}async select(){var t;null===(t=this.nativeElement)||void 0===t||t.select()}async getSelectionStart(){var t,i;return null!==(i=null===(t=this.nativeElement)||void 0===t?void 0:t.selectionStart)&&void 0!==i?i:null}async getSelectionEnd(){var t,i;return null!==(i=null===(t=this.nativeElement)||void 0===t?void 0:t.selectionEnd)&&void 0!==i?i:null}async setSelectionRange(t,i,r="none"){this.nativeElement&&this.nativeElement.setSelectionRange(t,i,r)}async getValue(){var t;return(null===(t=this.nativeElement)||void 0===t?void 0:t.value)||""}async setValue(t){this.nativeElement.value=t,this.validateFormElement(this.nativeElement)}async checkValidity(){const{validityState:t}=this.getValidityStateData(this.nativeElement);return"valid"===t}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get ariaDescribedBy(){const t=`${this.uniqueId}-message`;return this.hint?`${this.uniqueId}-hint ${t}`:t}get hasError(){var t;return this.invalid&&!!(null===(t=this.error)||void 0===t?void 0:t.length)}get hasValidationError(){return("valid"!==this.validityState||this.invalid)&&!(!this.validityMessage&&!this.customErrorMessage)}get hasValidationSuccess(){return("valid"===this.validityState||this.valid)&&!!this.validMessage&&this.showValid}get hasMessage(){return this.hasError||this.hasValidationError||this.hasValidationSuccess}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!1}get hasTrailingSlot(){return!!this.host.querySelector('[slot="trailing"]')}get validEmailPattern(){return new RegExp(this.pattern,"u").test(this.value)}componentWillLoad(){this.initial.value=this.value,this.initial.invalid=this.invalid}connectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(r=this.parentFormEl)||void 0===r||r.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("submit",this.onSubmitForm),null===(r=this.parentFormEl)||void 0===r||r.removeEventListener("reset",this.onResetForm)}connectedCallback(){this.connectFormEventListeners(),this.autofocus&&queueMicrotask((()=>{var t;return null===(t=this.host.querySelector("input[autofocus]"))||void 0===t?void 0:t.focus({preventScroll:!0})}))}disconnectedCallback(){this.disconnectFormEventListeners()}handleValueChange(){this.validateFormElement(this.nativeElement)}render(){const{name:t,placeholder:i,required:e,fieldIndicator:a,maxlength:o,minlength:s,min:l,max:u,value:p,disabled:h,form:c,pattern:d,invalid:v,valid:g,validMarker:m,hint:b,label:f,internal:y,tooltip:x,tooltipIcon:k,tooltipIconColor:w,uniqueId:C,autocomplete:F,readonly:D,autofocus:E}=this,M={disabled:h,readonly:D,required:e,label:f,name:t,placeholder:i,maxlength:o,minlength:s,min:l,max:u,form:c,pattern:d,autocomplete:F,autofocus:E||null,id:C,"data-value":p,"aria-placeholder":i,"aria-invalid":`${v||!1}`,"aria-required":`${e||!1}`,"aria-describedby":this.ariaDescribedBy},S=f?Object.assign({id:`${C}-label`,fieldIndicator:a},x&&!h?{tooltip:x,"tooltip-icon":k,"tooltip-icon-color":w}:{}):{},V=Object.entries(this).reduce(((t,[i,r])=>("function"==typeof r&&i.startsWith("on")&&(t[i]=r),t)),{});return r(n,{onClick:this.handleClick,onKeyup:this.handleKeyup},r("div",{class:y?"visually-hidden":"r-input--label-container"},r("label",{htmlFor:C},f?r("r-label",Object.assign({class:"r-input--label"},S),f):r("slot",{name:"label"})),r("slot",{name:"popover"})),b&&r("r-hint",{id:`${C}-hint`,role:"note"},b),r("div",{class:"r-input--container"},r("slot",{name:"leading"}),r("input",Object.assign({class:"r-input--input",type:this.type},M,V,{ref:t=>this.nativeElement=t,value:this.value,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onFocus:this.onFocus})),r("div",{class:"r-input--trailing"},this.readonly&&r("r-icon",{class:"r-input--readonly-icon",name:"pen-disabled",size:"s"}),m&&(g||v)?r("r-icon",{class:"r-input--validation-icon","aria-hidden":!0,size:"s",name:v?"circled-exclamation-mark":"circled-check",color:v?"--r-status-error-regular":"--r-status-success-regular"}):null,this.hasTrailingSlot&&r("slot",{name:"trailing"}))),r("div",{id:`${C}-message`,"aria-live":y?null:"polite",class:y?"visually-hidden":"r-input--message"},r("slot",{name:"message"},this.hasMessage&&r("r-hint",{variant:g?"success":"error"},this.hasError&&this.error,this.hasValidationError&&(this.customErrorMessage||this.validityMessage),this.hasValidationSuccess&&this.validMessage))))}get host(){return e(this)}static get watchers(){return{value:["handleValueChange"]}}};o.style=':host{display:inline-flex;flex-direction:column;vertical-align:top;--r-label--margin-bottom:0}:host slot{display:contents}:host([readonly]:not([readonly=false])){--r-input--container--background-color:var(--r-background-soft, #f3f1f0);--r-input--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-input--container--cursor:text}:host(:hover:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(.focused){--r-input--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-input--container--outline:2px solid var(--r-border-focused);--r-input--container--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input--container--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([expanded]:not([expanded=false])),:host([full-width]:not([full-width=false])){display:block}:host([disabled]:not([disabled=false])){--r-input--container--opacity:0.4;--r-input--container--cursor:not-allowed;--r-input--container--pointer-events:none;--r-input--container--background-color:transparent}:host([invalid]:not([invalid=false])){--r-input--container--border-color:var(--r-status-error-regular, #b00c15);--r-input--container--background-color:var(--r-status-error-soft, #fef6f6)}.r-input{display:var(--r-input--display, flex);flex:var(--r-input--flex, 1);flex-direction:var(--r-input--flex-direction, column);width:var(--r-input--width, auto);font-family:var(--r-input--font-family, system-ui);position:var(--r-input--position, relative);border-radius:var(--r-input--border-radius, 0);cursor:var(--r-input--cursor, inherit)}.r-input--label-container{display:var(--r-input--label-container--display, flex);gap:var(--r-input--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-input--label-container--align-items, center);justify-content:var(--r-input--label-container--align-items, space-between)}.r-input--label-container ::slotted([slot=popover]){display:var(--r-input--popover--display, inline-flex);height:var(--r-input--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-input--popover--align-items, center);justify-content:var(--r-input--popover--justify-content, center);margin-right:var(--r-input--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-input--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-input--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-input--label{cursor:var(--r-input--label--cursor, inherit)}.r-input--input{font-family:var(--r-input--input--font-family, system-ui);font-size:var(--r-input--input--font-size, 1em);width:var(--r-input--input--width, 100%);max-width:var(--r-input--input--max-width, 100%);height:var(--r-input--input--height, var(--r-spacing-275, 2.75rem));border-radius:var(--r-input--input--border-radius, 0);border:var(--r-input--input--border, none);color:var(--r-input--input--color, var(--r-text-regular, #282828));background-color:var(--r-input--input--background-color, none);appearance:var(--r-input--input--appearance, none);box-sizing:var(--r-input--input--box-sizing, border-box);outline:var(--r-input--input--outline, none);cursor:var(--r-input--input--cursor, inherit);pointer-events:var(--r-input--input--pointer-events, auto)}.r-input--input:autofill,.r-input--input:-webkit-autofill{-webkit-background-clip:text !important}.r-input--input::-ms-reveal{display:var(--r-input--input--ms-reveal--display, none)}.r-input--input::placeholder{color:var(--r-input--input--placeholder--color, var(--r-text-soft, #686868))}.r-input--input[type=search]::-webkit-search-cancel-button{cursor:var(--r-input--input-clear--cursor, pointer);display:var(--r-input--input-clear--display, block);height:var(--r-input--input-clear--height, 0.875rem);width:var(--r-input--input-clear--width, 0.875rem);appearance:var(--r-input--input-clear--appearance, none);background-repeat:var(--r-input--input-clear--background-repeat, no-repeat);background-image:var(--r-input--input-clear--background-image, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke-width%3D%221.5%22%20viewBox%3D%220.75%200.75%2022.5%2022.5%22%3E%3Cpath%20id%3D%22Vector%202269%22%20stroke%3D%22currentColor%22%20d%3D%22M1.5%201.5L22.5%2022.5%22%2F%3E%3Cpath%20id%3D%22Vector%202270%22%20stroke%3D%22currentColor%22%20d%3D%22M22.5%201.5L1.5%2022.5%22%2F%3E%3C%2Fsvg%3E"));background-size:var(--r-input--input-clear--background-size, contain);margin-inline:var(--r-input--input-clear--margin-inline, 0);color:currentColor}.r-input--button{position:var(--r-input--icon-button--position, absolute);width:var(--r-input--icon-button--width, calc(1.125em + var(--r-input--icon--width)));height:var(--r-input--icon-button--height, 100%);top:var(--r-input--icon-button--top, 0);right:var(--r-input--icon-button--right, auto);bottom:var(--r-input--icon-button--bottom, auto);left:var(--r-input--icon-button--left, 0);cursor:var(--r-input--icon-button--cursor, inherit)}.r-input--container{position:var(--r-input--container--position, relative);display:var(--r-input--container--display, flex);align-items:var(--r-input--container--align-items, center);gap:var(--r-input--container--gap, 0.625rem);height:var(--r-input--container--height, var(--r-spacing-275, 2.75rem));background-color:var(--r-input--container--background-color, var(--r-background-softest, #fff));border-width:var(--r-input--container--border-width, 1px);border-style:var(--r-input--container--border-style, solid);border-color:var(--r-input--container--border-color, var(--r-border-soft, #686868));box-sizing:var(--r-input--container--box-sizing, border-box);box-shadow:var(--r-input--container--box-shadow, none);outline:var(--r-input--container--outline, none);outline-offset:var(--r-input--container--outline-offset, 0);padding-top:var(--r-input--container--padding-top, 0.6875rem);padding-right:var(--r-input--container--padding-right, var(--r-spacing-075, 0.75rem));padding-bottom:var(--r-input--container--padding-bottom, 0.6875rem);padding-left:var(--r-input--container--padding-left, var(--r-spacing-0275, 0.75rem));opacity:var(--r-input--container--opacity, 1);pointer-events:var(--r-input--container--pointer-events, auto);line-height:var(--r-input--container--line-height, 1);cursor:var(--r-input--container--cursor, inherit);margin-top:var(--r-input--container--margin-top, var(--r-spacing-025, 0.25rem))}.r-input--container slot[name=leading]{color:var(--r-input--container-leading--color, var(--r-icon-soft, #686868))}.r-input--message:has(r-hint),.r-input--message ::slotted([slot=message]){margin-top:var(--r-input--message--margin-top, var(--r-spacing-025, 0.25rem))}.r-input--trailing{display:var(--r-input--trailing--display, flex);margin-left:var(--r-input--trailing--margin-left, auto);align-items:var(--r-input--trailing--align-items, center);gap:var(--r-input--trailing--gap, 0.625rem)}.r-input--readonly-icon{color:var(--r-input--readonly-icon--color, var(--r-icon-soft, #686868))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';export{o as r_input}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as t,H as e,g as a}from"./p-Da7qOBFr.js";const s=class{constructor(t){r(this,t)}render(){return t(e,{key:"83668642a70a083a0db012ad4e80aa31eeb08b85",slot:"description"},t("div",{key:"12530fbda5f2789443e7d78237ba633922d97683",class:"r-radio-button-description",style:{display:"contents"}},t("slot",{key:"a62b23dc0e9ea5f80660e9e97a45a4f1aef50c24"})))}get host(){return a(this)}};s.style=":host{font-size:var(--r-font-size-400, 1rem);font-weight:var(--r-font-weight-regular, 400);color:var(--r-text-regular, #282828)}";export{s as r_radio_button_description}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,c as r,h as o,H as i,g as e}from"./p-Da7qOBFr.js";const t=class{constructor(o){a(this,o),this.dialogClose=r(this,"close"),this.open=!1,this.bodyHeight="auto",this.size="medium",this.isOpen=this.open,this.uniqueId=`r-dialog-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.isElContent=a=>{const r=this.host.querySelector(a);return null!==r&&(null==r?void 0:r.textContent.trim().length)>0},this.onTriggerClick=()=>{this.close()},this.isInside=a=>{var r;const o=null===(r=this.dialogElement)||void 0===r?void 0:r.getBoundingClientRect();return o.top<=a.clientY&&a.clientY<=o.bottom&&o.left<=a.clientX&&a.clientX<=o.right}}handleOpenChange(){this.open&&!this.isOpen&&this.showModal()}get isFooterSlot(){return this.isElContent('[slot="footer"]')}get dialogLabel(){var a,r;return this.headline||(null===(r=null===(a=this.host.querySelector('[slot="header"]'))||void 0===a?void 0:a.textContent)||void 0===r?void 0:r.trim())}async showModal(){var a;this.isOpen=!0,null===(a=this.dialogElement)||void 0===a||a.showModal()}async close(){var a,r;const{returnValue:o}=this;null===(a=this.dialogElement)||void 0===a||a.close(o),null===(r=this.dialogClose)||void 0===r||r.emit(),this.isOpen=!1}async toggle(){this.isOpen?this.showModal():this.close()}_renderInitialState(){this.isOpen&&this.showModal()}connectEventListeners(){var a;null===(a=this.dialogElement)||void 0===a||a.addEventListener("close",this.close)}disconnectEventListeners(){var a;null===(a=this.dialogElement)||void 0===a||a.removeEventListener("close",this.close)}componentDidLoad(){this._renderInitialState(),this.connectEventListeners()}disconnectedCallback(){this.disconnectEventListeners()}onMouseup(a){this.isOpen&&(a.stopPropagation(),this.isInside(a)||this.close())}render(){return o(i,{key:"7fcaaecb6adb988027b05a2a8024db535cda93ba",open:this.isOpen},o("dialog",{key:"f567771b57a02336b8320bd21240d3045b666116",class:"r-dialog","aria-label":this.dialogLabel,ref:a=>this.dialogElement=a,style:{"--r-dialog--body--height":this.bodyHeight}},o("div",{key:"75f660383a67ec9c109fed5f19158ec9c67b38ab",class:"r-dialog--content"},o("div",{key:"e027e8baa90beef1224210c476a6948519492a5a",class:"r-dialog--header",id:`${this.uniqueId}-header`},o("slot",{key:"b480fff8b92e7a77fec394bb6b1b68b5466bc152",name:"header"},this.headline&&o("h2",{key:"f082e1ace95de447ef399f19698bae0f1058fb27",class:"r-dialog--headline"},this.headline)),o("r-icon-button",{key:"681ac8aab0119d3be635f23efd8ccb9113f76ac3",class:"r-dialog--close",name:"cross",size:"s",onRClick:this.onTriggerClick,label:this.closeAriaLabel})),o("div",{key:"262d48e01c3ad1d8bb7b984c1182a9623bfd36d2",class:"r-dialog--body"},this.bodyText,o("slot",{key:"0d77bfb9d9059b3571bb30da11da3464aa6ffea5"}),o("slot",{key:"0bdc239a2abe6fb6643e14c188d4a8f5d214e8b8",name:"form"})),this.isFooterSlot&&o("div",{key:"02c6c9ee41bb7893955b492f4fd171e498041777",class:"r-dialog--footer"},o("slot",{key:"bcf48fd3ecc2378fa82ffb48aa3739ea65477dcd",name:"footer"})))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"]}}};t.style=":host([size=small]){--r-dialog--width:23.4375rem;--r-dialog--max-height:15.625rem}:host([size=medium]){--r-dialog--width:37.5rem;--r-dialog--max-height:37.5rem}:host([size=large]){--r-dialog--width:50rem;--r-dialog--max-height:45rem}@media (max-width: 50rem){:host([size=large]){--r-dialog--width:100%;--right:0;--left:0;--r-dialog--footer--flex-wrap:wrap}}@media (max-height: 48.75rem){:host([size=large]){--r-dialog--margin:18px auto;--top:0;--bottom:0}}@media (max-width: 37.5rem){:host([size=medium]){--r-dialog--width:100%;--right:0;--left:0;--r-dialog--footer--flex-wrap:wrap}}@media (max-height: 43.75rem){:host([size=medium]){--r-dialog--margin:18px auto;--top:0;--bottom:0}}:host{top:var(--top, auto);right:var(--right, auto);bottom:var(--bottom, auto);left:var(--left, auto)}.r-dialog{border:var(--r-dialog--border, none);padding:var(--r-dialog--padding, 24px 0);box-sizing:var(--r-dialog--box-sizing, border-box);overflow:var(--r-dialog--overflow, hidden);width:var(--r-dialog--width, auto);height:var(--r-dialog--height, auto);background-color:var(--r-dialog--background-color, var(--r-background-softest));margin:var(--r-dialog--margin, auto);max-height:var(--r-dialog--max-height, auto)}.r-dialog--content{display:var(--r-dialog--content--display, flex);flex-direction:var(--r-dialog--content--flex-direction, column);gap:var(--r-dialog--content--gap, var(--r-spacing-150, 1.5rem));color:var(--r-dialog--content--color, var(--r-text-regular));height:var(--r-dialog--content--height, 100%)}.r-dialog ::slotted([slot=header]),.r-dialog--headline{font-family:var(--r-dialog--headline--font-family, var(--r-font-family-heading, sans-serif));font-size:var(--r-dialog--headline--font-size, var(--r-font-size-500));font-weight:var(--r-dialog--headline--font-weight, var(--r-font-weight-light));margin:var(--r-dialog--headline--margin, 0);flex:var(--r-dialog--headline--flex, 1)}.r-dialog--close{--r-button--display:var(--r-dialog--close--dispaly, flex);--r-button--padding:var(--r-dialog--close--padding, 0)}.r-dialog--header{display:var(--r-dialog--header--display, flex);justify-content:var(--r-dialog--header--justify-content, space-between);align-items:var(--r-dialog--header--align-items, start);gap:var(--r-dialog--header--gap, 32px);padding:var(--r-dialog--header--padding, 0 24px)}.r-dialog--body{font-family:var(--r-dialog--body--font-family, var(--r-font-family-text));font-size:var(--r-dialog--body--font-size, var(--r-font-size-desktop-400));line-height:var(--r-dialog--body--line-height, var(--r-line-height-m));flex-grow:var(--r-dialog--body--flex-grow, 1);overflow-y:var(--r-dialog--body--overflow, auto);justify-self:var(--r-dialog--body--justify-self, stretch);padding:var(--r-dialog--body--padding, 0 24px)}.r-dialog--body{scrollbar-width:auto;scrollbar-color:var(--r-border-softer) #ffffff}.r-dialog--body::-webkit-scrollbar{width:var(--r-spacing-100, 1rem)}.r-dialog--body::-webkit-scrollbar-track{background:#ffffff}.r-dialog--body::-webkit-scrollbar-thumb{background-color:var(--r-border-softer);border-radius:10px;border:3px solid #ffffff}.r-dialog--footer{margin-top:var(--r-dialog--footer--margin-top, auto)}.r-dialog--footer ::slotted(*){display:var(--r-dialog--footer--display, flex);flex-direction:var(--r-dialog--footer--flex-direction, row);flex-wrap:var(--r-dialog--footer--flex-wrap, nowrap);justify-content:var(--r-dialog--footer--justify-content, flex-start);gap:var(--r-dialog--footer--gap, var(--r-spacing-100, 1rem));align-items:var(--r-dialog--footer--align-items, end);padding:var(--r-dialog--header--padding, 0 24px)}.r-dialog::backdrop{background:var(--backdrop--background-color, rgba(0, 0, 0, 0.25))}";export{t as r_dialog}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as s,g as r}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";import{S as l}from"./p-4Uv3PpKT.js";const o=class{constructor(s){t(this,s),this.rValidate=e(this,"rValidate"),this.rChange=e(this,"rChange"),this.rReset=e(this,"rReset"),this.showValid=!1,this.fullWidth=!1,this.leadingIconSize="s",this.trailingIcon="angle-down",this.tralingIconSize="s",this.listboxPosition="bottom",this.toggleButtonAriaLabel="Toggle combobox",this.noResultsFound="No results found",this.validityState="",this.validityMessage="",this.isExpanded=!1,this.isReadonly=!1,this.currentValue="",this.valueToDisplay="",this.isInitializing=!1,this.isResetting=!1,this.focusedOption=null,this.isValueFocused=!1,this.isNoResultsFound=!1,this.touched=!1,this.dirty=!1,this.handleSlotChange=()=>{setTimeout((()=>{this.initialize(),this.defineHostWidth()}),0)},this.initial={},this.uniqueId=`r-select-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.getValidityStateData=t=>{let e="",i="";for(const s in t.validity)if(t.validity[s]){if(e=s,this[s+"Message"])return i=this[s+"Message"],{validityState:e,validityMessage:i};i=t.validationMessage}return{validityState:e,validityMessage:i}},this.validateFormElement=(t=null)=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;const{validityState:e,validityMessage:i}=this.getValidityStateData(t);this.validityState=e,this.validityMessage=i;const s="valid"===this.validityState;this.valid=s,this.invalid=!s,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.typeaheadBuffer="",this.typeaheadTimeout=null,this.lastTypeaheadIndex=-1,this.contributeToFormData=t=>{a(this.nativeElement,t.formData)},this.onValueClick=t=>{var e;this.disabled||(t.preventDefault(),t.stopPropagation(),this.touched=!0,this.toggle(),this.isExpanded&&(this.combobox&&(null===(e=this.valueElement)||void 0===e||e.focus()),this.defineListboxPositionState()))},this.keyboardEventHandlerFactory=(t,e=!1)=>{switch(t){case"Enter":return()=>{var t;if(this.isExpanded){const e=(null===(t=this.focusedOption)||void 0===t?void 0:t.value)||"";return e!==this.currentValue&&(this.dirty=!0),void this.setValueFromUserInteraction(e)}this.expand(),this.setOptionFocus(this.selectedElement)};case"Escape":return()=>{this.collapse(),this.reportValidity()};case"ArrowUp":return()=>{var t;if(this.isExpanded){if(this.focusedOption&&e){const e=(null===(t=this.focusedOption)||void 0===t?void 0:t.value)||"";return e!==this.currentValue&&(this.dirty=!0),void this.setValueFromUserInteraction(e)}(this.combobox||this.focusedOption!==this.optionElements[0])&&(this.focusedOption?this.focusPrevOption():this.setOptionFocus(this.selectedElement||this.optionElements[0]))}else this.expand(),this.setOptionFocus(this.selectedElement||this.optionElements[this.combobox?this.optionElements.length-1:0])};case"ArrowDown":return()=>{if(this.isExpanded)(this.combobox||this.focusedOption!==this.optionElements[this.optionElements.length-1])&&(this.focusedOption?this.focusNextOption():this.setOptionFocus(this.selectedElement||this.optionElements[0]));else{if(this.expand(),e)return;this.setOptionFocus(this.selectedElement||this.optionElements[0])}};case"Home":return()=>{if(!this.isExpanded)return this.expand(),void this.setOptionFocus(this.selectedElement||this.optionElements[0]);this.setOptionFocus(this.optionElements[0])};case"End":return()=>{if(!this.isExpanded)return this.expand(),void this.setOptionFocus(this.selectedElement||this.optionElements[this.optionElements.length-1]);this.setOptionFocus(this.optionElements[this.optionElements.length-1])};case"PageUp":return()=>{if(!this.isExpanded)return;if(null===this.focusedOption)return;const t=this.optionElementsArray.indexOf(this.focusedOption);-1!==t&&this.setOptionFocus(this.optionElements[t-10>=0?t-10:0])};case"PageDown":return()=>{if(!this.isExpanded)return;if(null===this.focusedOption)return;const t=this.optionElementsArray.indexOf(this.focusedOption);if(-1===t)return;const e=this.optionElements.length-1;this.setOptionFocus(this.optionElements[t+10<=e?t+10:e])};case"Tab":return()=>{var t;const e=(null===(t=this.focusedOption)||void 0===t?void 0:t.value)||"";e!==this.currentValue&&(this.dirty=!0),this.setValueFromUserInteraction(e)};default:return()=>{}}},this.onValueKeydown=t=>{if(t.stopPropagation(),["ArrowUp","ArrowDown","Home","End","PageUp","PageDown","Space","Enter","Escape"].includes(t.code))t.preventDefault();else if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey)return this.isExpanded||this.expand(),void this.handleTypeahead(t.key);switch(t.code){case"Space":this.keyboardEventHandlerFactory("Enter")();break;case"Tab":if(null===this.focusedOption)break;this.keyboardEventHandlerFactory("Tab")();break;default:this.keyboardEventHandlerFactory(t.code,t.altKey)()}},this.onComboboxKeydown=t=>{switch(t.stopPropagation(),["ArrowUp","ArrowDown","Home","End","PageUp","PageDown","Enter","Escape"].includes(t.code)&&t.preventDefault(),t.code){case"Tab":if(null===this.focusedOption){this.collapse();break}this.keyboardEventHandlerFactory("Tab")();break;case"Escape":if(this.isExpanded)return void this.keyboardEventHandlerFactory("Escape")();this.valueElement.value="";const e="";e!==this.currentValue&&(this.dirty=!0),this.setValueFromUserInteraction(e),this.reportValidity();break;default:this.keyboardEventHandlerFactory(t.code,t.altKey)()}},this.onValueBlur=()=>{this.isValueFocused=!1;const{isBusy:t,isExpanded:e}=this;t||e||this.reportValidity()},this.onValueFocus=()=>{this.isValueFocused=!0,this.touched=!0},this.filterOptionsListByComboboxValue=(t="")=>{const e=Array.from(this.host.querySelectorAll('r-select-option:not([data-no-results="true"])'));e.forEach((e=>{var i,s;const r=-1!==(null===(s=null===(i=null==e?void 0:e.textContent)||void 0===i?void 0:i.trim())||void 0===s?void 0:s.toLowerCase()).search(t.toLowerCase());e.setAttribute("aria-hidden",`${!r}`)})),this.isNoResultsFound=e.every((t=>"true"===(null==t?void 0:t.getAttribute("aria-hidden")))),this.isNoResultsFound&&(this.statusElement.innerHTML=this.noResultsFound,setTimeout((()=>{this.statusElement.innerText=""}),1e3))},this.clearComboboxOptions=()=>{this.combobox&&this.filterOptionsListByComboboxValue()},this.onComboboxChange=t=>{this.filterOptionsListByComboboxValue(t.target.value)},this.onComboboxInput=t=>{this.filterOptionsListByComboboxValue(t.target.value),this.isExpanded||(this.expand(),this.defineListboxPositionState())},this.onSubmitForm=t=>{this.isNoValidate||(this.reportValidity(),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.onResetForm=()=>{this.resetValidation(),this.markAsPristine(),this.setValue(this.initial.value),this.rReset.emit({element:this.host,value:this.currentValue})},this.renderSelect=t=>{var e,s;return i("span",Object.assign({class:"r-select--value",role:"combobox"},t,{ref:t=>this.valueElement=t,onClick:this.isInteractive?this.onValueClick:null,onKeyDown:this.isInteractive?this.onValueKeydown:null,onBlur:this.isInteractive?this.onValueBlur:null,onFocus:this.isInteractive?this.onValueFocus:null}),i("span",{class:"r-select--value-display"},this.isLeadingSlotRendered?i("slot",{name:"leading"}):null,i("span",{class:"r-select--value-selected",innerHTML:(null===(s=null===(e=this.valueToDisplay)||void 0===e?void 0:e.trim)||void 0===s?void 0:s.call(e))||this.placeholder||""})),i("span",{class:"r-select--value-arrow"},i("r-icon",{class:"r-select--trailing-icon",name:"angle-down",size:"s"})))},this.renderCombobox=t=>{var e,s,r;return i("div",{class:"r-select--value",onClick:this.isInteractive?this.onValueClick:null,ref:t=>this.comboboxContainerElement=t},i("div",{class:"r-select--value-display"},this.isLeadingSlotRendered?i("slot",{name:"leading"}):null,i("input",Object.assign({role:"combobox",autocomplete:"off","aria-autocomplete":"list",disabled:this.disabled,readonly:this.readonly,type:"text"},t,{class:"r-select--input",ref:t=>this.valueElement=t,onKeyDown:this.isInteractive?this.onComboboxKeydown:null,onBlur:this.isInteractive?this.onValueBlur:null,onFocus:this.isInteractive?this.onValueFocus:null,onChange:this.isInteractive?this.onComboboxChange:null,onInput:this.isInteractive?this.onComboboxInput:null,placeholder:this.placeholder||"",value:(null===(r=null===(s=null===(e=this.selectedElement)||void 0===e?void 0:e.textContent)||void 0===s?void 0:s.trim)||void 0===r?void 0:r.call(s))||""}))),i("button",{"aria-label":this.toggleButtonAriaLabel,"aria-expanded":`${this.expanded||!1}`,"aria-controls":`${this.uniqueId}-list`,disabled:this.disabled,tabindex:"-1",class:"r-select--value-arrow-button r-select--value-arrow"},i("r-icon",{class:"r-select--trailing-icon",name:"angle-down",size:"s"})),i("div",{class:"visually-hidden",role:"status",ref:t=>this.statusElement=t}))}}async setReadonly(){this.collapse(),this.resetValidation(),this.isReadonly=!0}async clearReadonly(){this.isReadonly=!1}handleListboxPositionChange(){this.defineListboxPositionState()}handleExpandedChange(){this.expanded?this.expand():this.collapse()}handleReadonlyChange(){this.readonly?this.setReadonly():this.clearReadonly()}handleValueChange(t,e){this.isInitializing||void 0!==e&&e!==t&&(this._renderSelected(t,!1),this.clearComboboxOptions())}optionSelectAction(t){t.stopPropagation(),this.disabled||(t.target.value!==this.currentValue&&(this.dirty=!0),this.setValueFromUserInteraction(t.target.value))}tooltipFocusAction(){this.collapse(),this.reportValidity()}onMouseup(t){this.isExpanded&&(t.stopPropagation(),this.host.contains(t.target)||(this.collapse(),this.reportValidity()))}onKeyup(t){this.isExpanded&&(t.stopPropagation(),this.host.contains(t.target)||(this.collapse(),this.reportValidity()))}handleScrolling(){this.isExpanded&&this.defineListboxPositionState()}handleResizing(){this.isExpanded&&this.defineListboxPositionState()}async setValue(t=""){this.resetValidation(),this._renderSelected(t,!1),this.clearComboboxOptions()}setValueFromUserInteraction(t=""){this.resetValidation(),this._renderSelected(t,!0),this.clearComboboxOptions()}async getValue(){return this.currentValue||""}async reset(){if(this.resetValidation(),this.markAsPristine(),this.collapse(),this.clearComboboxOptions(),this.currentValue!==this.initial.value){if(""!==this.initial.value&&this.initiallySelectedElement)return this.isResetting=!0,this.setValue(this.initial.value),void(this.isResetting=!1);this.deselectOptions(),this.currentValue="",this.valueToDisplay=""}}async resetValidation(){this.validityMessage=null,this.validityState=null,this.invalid=this.initial.invalid,this.valid=!this.invalid}async isTouched(){return this.touched}async isDirty(){return this.dirty}async markAsPristine(){this.touched=!1,this.dirty=!1}async checkValidity(){const{validityState:t}=this.getValidityStateData(this.nativeElement);return"valid"===t}async reportValidity(){return this.validateFormElement(this.nativeElement),"valid"===this.validityState}async setFocus(){var t;null===(t=this.valueElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.valueElement)||void 0===t||t.blur()}async expand(){this.isExpanded=!0}async collapse(){this.isExpanded=!1,this.isBusy||(this.clearOptionsFocus(),this.setComboboxValueOnCollapse())}async getFocusedOption(){return this.host.querySelector('r-select-option[data-focused="true"]')||null}async setFocusedOption(t){return this.setOptionFocus(this.optionElements[t])}clearOptionsFocus(){var t;this.focusedOption=null;try{this.valueElement.ariaActiveDescendantElement=null}catch(e){null===(t=this.valueElement)||void 0===t||t.removeAttribute("aria-activedescendant")}this.focusedOptions.forEach((t=>t.setBlur()))}setComboboxValueOnCollapse(){var t,e,i;this.combobox&&(this.valueElement.value=(null===(i=null===(e=null===(t=this.selectedElement)||void 0===t?void 0:t.textContent)||void 0===e?void 0:e.trim)||void 0===i?void 0:i.call(e))||"",this.clearComboboxOptions())}get focusedOptions(){return Array.from(this.host.querySelectorAll('r-select-option[data-focused="true"]'))}toggle(){this.isExpanded=!this.isExpanded}get selectedElement(){return this.host.querySelector(`r-select-option[value="${this.currentValue}"]`)}get initiallySelectedElement(){return this.host.querySelector(`r-select-option[value="${this.initial.value}"]`)||null}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!1}get optionElements(){return this.host.querySelectorAll('r-select-option:not([disabled]:not([disabled="false"])):not([aria-hidden="true"])')||null}get optionElementsArray(){return Array.from(this.optionElements)}deselectOptions(){this.optionElements&&this.optionElements.forEach((t=>t.clearSelected()))}get isBusy(){return this.isInitializing||this.isResetting}_renderSelected(t="",e=!0){var i,s;this.currentValue=t,null===this.currentValue?this.host.removeAttribute("value"):this.host.setAttribute("value",this.currentValue);const r=this.host.querySelector(`r-select-option[value="${null===(i=this.currentValue)||void 0===i?void 0:i.trim()}"]`);this.valueToDisplay=(null==r?void 0:r.innerHTML)||(null==r?void 0:r.textContent)||this.currentValue||"",null===(s=this.optionElements)||void 0===s||s.forEach((e=>{e.value===t?e.setSelected():e.clearSelected()})),this._renderNativeOption(),this.isExpanded&&this.collapse(),this.isBusy||this.reportValidity(),e&&!this.isBusy&&this.dirty&&this.rChange.emit({element:this.host,value:t})}setOptionFocus(t=this.selectedElement){t&&null!==this.optionElements&&requestAnimationFrame((()=>{var e;this.clearOptionsFocus(),t.setFocus(),this.focusedOption=t;try{this.valueElement.ariaActiveDescendantElement=t}catch(i){null===(e=this.valueElement)||void 0===e||e.setAttribute("aria-activedescendant",t.id)}((t,e)=>{var i,s;if(!e)return;try{null===(i=t.scrollIntoView)||void 0===i||i.call(t,{block:"nearest",inline:"nearest"})}catch(e){null===(s=t.scrollIntoView)||void 0===s||s.call(t,!1)}const r=t.getBoundingClientRect(),a=e.getBoundingClientRect();(r.top<a.top||r.bottom>a.bottom)&&((t,e)=>{const i=t.offsetTop,s=i+t.offsetHeight,r=e.scrollTop,a=r+e.clientHeight;i<r?e.scrollTop=i:s>a&&(e.scrollTop=s-e.clientHeight)})(t,e)})(t,this.listboxElement)}))}focusPrevOption(t=this.focusedOption||this.selectedElement){if(null===this.optionElements)return;const e=this.optionElementsArray.indexOf(t)-1;this.setOptionFocus(e>=0?this.optionElements[e]:this.optionElements[this.optionElements.length-1])}focusNextOption(t=this.focusedOption||this.selectedElement){if(null===this.optionElements)return;const e=this.optionElementsArray.indexOf(t)+1;this.setOptionFocus(e<=this.optionElements.length-1?this.optionElements[e]:this.optionElements[0])}filterOptions(t,e){if(!e)return[];const i=e.toLowerCase();return t.filter((t=>!t.disabled&&(t.textContent||"").trim().toLowerCase().startsWith(i)))}getIndexByLetter(t,e,i=0){if(!t.length||!e)return-1;const s=[...t.slice(i),...t.slice(0,i)],r=this.filterOptions(s,e).sort(((t,e)=>(t.textContent||"").trim().toLowerCase().localeCompare((e.textContent||"").trim().toLowerCase()))),a=e.split("").every((t=>t===e[0]));if(r[0])return t.indexOf(r[0]);if(a){const i=this.filterOptions(s,e[0]);return i[0]?t.indexOf(i[0]):-1}return-1}handleTypeahead(t){clearTimeout(this.typeaheadTimeout);const e=this.optionElementsArray;let i;if(this.typeaheadBuffer+=t.toLowerCase(),this.typeaheadBuffer.split("").every((t=>t===this.typeaheadBuffer[0]))&&-1!==this.lastTypeaheadIndex)i=(this.lastTypeaheadIndex+1)%e.length;else{const t=e.indexOf(this.focusedOption||this.selectedElement);i=-1===t?0:(t+1)%e.length}const s=this.getIndexByLetter(e,this.typeaheadBuffer,i);if(-1!==s){this.lastTypeaheadIndex=s;const t=e[s];this.isExpanded||this.expand(),this.setOptionFocus(t)}this.typeaheadTimeout=setTimeout((()=>{this.typeaheadBuffer=""}),500)}connectFormEventListeners(){this.parentFormEl&&(this.parentFormEl.addEventListener("formdata",this.contributeToFormData),this.parentFormEl.addEventListener("submit",this.onSubmitForm,{capture:!0}),this.parentFormEl.addEventListener("reset",this.onResetForm))}disconnectFormEventListeners(){this.parentFormEl&&(this.parentFormEl.removeEventListener("formdata",this.contributeToFormData),this.parentFormEl.removeEventListener("submit",this.onSubmitForm),this.parentFormEl.removeEventListener("reset",this.onResetForm))}defineHostWidth(){if(this.fullWidth)return;const t=this.host.shadowRoot.querySelector(".r-select--native").getBoundingClientRect().width,e=(this.combobox?this.comboboxContainerElement:this.valueElement).getBoundingClientRect().width,i=this.listboxElement.getBoundingClientRect().width,s=Math.max(t,e,i);this.host.style.setProperty("--width",`${s}px`)}_renderNativeOption(){var t,e,i,s,r;const a=document.createElement("option"),l=document.createTextNode(null===(i=null===(e=null===(t=this.selectedElement)||void 0===t?void 0:t.textContent)||void 0===e?void 0:e.trim)||void 0===i?void 0:i.call(e));a.value=this.currentValue,a.selected=!0,a.appendChild(l),this.nativeElement&&(this.nativeElement.innerHTML="",null===(s=this.nativeElement)||void 0===s||s.appendChild(a),this.nativeElement.value=this.currentValue,null===(r=this.nativeElement)||void 0===r||r.setAttribute("value",this.currentValue))}notVisible(t){return"visible"!==getComputedStyle(t).overflow}findOverflowParent(t){var e,i;return(null===(e=t.parentNode)||void 0===e?void 0:e.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?this.findOverflowParent(null===(i=t.parentNode)||void 0===i?void 0:i.host):this.notVisible(t)?t:t.parentElement?this.findOverflowParent(t.parentElement):null}get ariaDescribedBy(){const t=`${this.uniqueId}-message`;return this.hint?`${this.uniqueId}-hint ${t}`:t}get overflowedParent(){return this.findOverflowParent(this.host.parentElement)}get top(){var t,e;return this.overflowedParent?Math.abs(this.overflowedParent.getBoundingClientRect().top-(null===(e=this.valueElement)||void 0===e?void 0:e.getBoundingClientRect().top)):null===(t=this.valueElement)||void 0===t?void 0:t.getBoundingClientRect().top}get bottom(){var t;function e(t){return window.innerHeight-t.getBoundingClientRect().top-t.getBoundingClientRect().height}const i=window.getComputedStyle(this.messageContainer),s=(null===(t=this.messageContainer)||void 0===t?void 0:t.getBoundingClientRect().height)+parseFloat(i.marginTop),r=e(this.host)+s;return this.overflowedParent?Math.abs(e(this.overflowedParent)-r):r+s}defineListboxPositionState(){var t,e;const i=(null===(t=this.listboxElement)||void 0===t?void 0:t.offsetHeight)<this.bottom,s=(null===(e=this.listboxElement)||void 0===e?void 0:e.offsetHeight)<this.top;if("top"===this.listboxPosition&&(s||!i)||"bottom"===this.listboxPosition&&(i||!s))this.listboxPositionState=this.listboxPosition;else switch(this.listboxPosition){case"top":this.listboxPositionState=s?"top":"bottom";break;case"bottom":this.listboxPositionState=i?"bottom":"top"}}initialize(){var t;const e=this.value||"";if(this.initial.value=this.value||"",this.initial.invalid=this.invalid||!1,this.listboxPositionState=this.listboxPosition,this.optionElementsArray.find((t=>t.value.trim()===e)))return this.isInitializing=!0,this.setValue(e),void(this.isInitializing=!1);if(this.placeholder)return;if(this.combobox)return;const i=null===(t=this.optionElements)||void 0===t?void 0:t[0];i&&(this.isInitializing=!0,this.setValue(null==i?void 0:i.value),this.isInitializing=!1)}initializeStyleObserver(){!this.listboxWidthObserver&&this.listboxElement&&(this.listboxWidthObserver=new l((()=>{this.listboxElement&&(this.listboxElement.getBoundingClientRect().width<=this.host.getBoundingClientRect().width||this.defineHostWidth())})),this.listboxWidthObserver.observe([this.listboxElement],["width"]))}get hasError(){var t;return this.invalid&&(null===(t=this.error)||void 0===t?void 0:t.length)>0}get hasValidationError(){var t;return"valid"!==this.validityState&&(null===(t=this.validityMessage)||void 0===t?void 0:t.length)>0}get hasValidationSuccess(){return this.valid&&this.validMessage&&this.showValid}get hasMessage(){return this.hasError||this.hasValidationError||this.hasValidationSuccess}get isInteractive(){return!this.disabled&&!this.isReadonly}get hasLeadingSlot(){return!!this.host.querySelector('[slot="leading"]')}get hasOptionIcon(){return!!this.optionElementsArray.find((t=>!!t.querySelector('[slot="icon"]')))}get isLeadingSlotRendered(){return this.hasLeadingSlot&&this.hasOptionIcon&&!this.currentValue}get isPlaceholder(){var t,e;const{placeholder:i}=this;return((null===(e=null===(t=this.valueToDisplay)||void 0===t?void 0:t.trim)||void 0===e?void 0:e.call(t))||i||"")===i}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}componentWillLoad(){this.isExpanded=this.expanded,this.isReadonly=this.readonly}componentDidLoad(){this.defineListboxPositionState(),this.initializeStyleObserver()}render(){var t;const{uniqueId:e,disabled:r,isExpanded:a,fieldIndicator:l,invalid:o,placeholder:n,required:h,hint:c,label:d,internal:v,tooltip:u,tooltipIcon:p,tooltipIconColor:b}=this,f=d?Object.assign({fieldIndicator:l},u&&!r?{tooltip:u,"tooltip-icon":p,"tooltip-icon-color":b}:{}):{},g=!!this.isInteractive&&!!h,m={id:`${e}-value`,tabindex:""+(r?-1:0),"aria-controls":`${e}-list`,"aria-describedby":this.ariaDescribedBy,"aria-disabled":`${r||!1}`,"aria-expanded":`${a||!1}`,"aria-invalid":`${o||!1}`,"aria-readonly":`${!this.isInteractive||!1}`,"aria-required":`${g}`,"aria-labelledby":`${e}-label`},y={"aria-label":d},w={placeholder:n,name:this.name,value:this.currentValue,"aria-hidden":"true",tabindex:"-1",invalid:o,disabled:r,required:g};return i(s,{key:"9c22bae93d955802f695b20f25d3ff5c79fcc7d8","data-value":this.currentValue,expanded:!this.disabled&&this.isExpanded,"data-listbox-position":this.listboxPositionState,"data-initial-value":this.initial.value,"data-is-placeholder":`${!!this.isPlaceholder}`,"data-value-focused":`${!!this.isValueFocused}`,"data-option-focused":`${!!this.focusedOption}`,"data-validity-state":`${this.validityState||""}`,"data-validity-message":`${this.validityMessage||""}`,"data-readonly":`${!!this.isReadonly}`,"data-touched":`${this.touched}`,"data-dirty":`${this.dirty}`},i("div",{key:"2e8de0d2041d00c4d90caf5aba2aeb50fcfc86e5",class:"r-select--label "+(v?"":"r-select--label__margin-bottom")},i("div",{key:"273524030b099899861c93e9bba205c6c820d425",class:v?"visually-hidden":"r-select--label-container"},i("label",{key:"f050500698aa5a48d6db101074129fae09899de3",id:`${e}-label`,onClick:this.isInteractive?this.onValueClick:null},i("r-label",Object.assign({key:"b5560ba5b8ee794eb775a555dec514f4d6e6546f"},f),d)),i("slot",{key:"bbbbe371702b95ac3d1636756eb673dc44c0dcb4",name:"popover"})),c&&i("r-hint",{key:"27585bacce2143f20bdb20a3e03b5700dbb87d9b",id:`${e}-hint`,class:"r-select--hint"},c)),i("div",{key:"92a69fbee0890d5ddab0353348cdb4d8eb772137",class:"r-select"},i("select",Object.assign({key:"bc2de60d73dcebf750a99e7b88eacc701a8c0b85",class:"r-select--native",ref:t=>this.nativeElement=t},w)),i("div",{key:"b561dee21bdf58abe51786564a18812a20a0e97f",class:"r-select--container"},this.combobox?this.renderCombobox(m):this.renderSelect(m),i("div",Object.assign({key:"06984ccf7f6740e2480ef61924676e99d40044d4",role:"listbox",tabindex:"-1",id:`${e}-list`,class:"r-select--options",ref:t=>this.listboxElement=t},y),(this.isNoResultsFound||!(null===(t=this.optionElements)||void 0===t?void 0:t.length))&&i("r-select-option",{key:"67888a456006e44869081876d35cdceca754942d","data-no-results":"true",value:"no_results"},this.noResultsFound),i("slot",{key:"4f404790887ad37d488183d814bb69f33c262688",onSlotchange:this.handleSlotChange})))),i("div",{key:"0b223f242cfc90ce38a0cf83d38dc0c81348b36d",id:`${e}-message`,"aria-live":"polite","aria-atomic":"true",ref:t=>this.messageContainer=t,class:this.hasMessage&&!v?"r-select--message":"visually-hidden"},this.hasMessage&&i("r-hint",{key:"57336df2dd79b8f91be950f7a4ca05258ec26184",variant:this.invalid?"error":"success"},this.hasError&&this.error,this.hasValidationError&&this.validityMessage,this.hasValidationSuccess&&this.validMessage)))}get host(){return r(this)}static get watchers(){return{listboxPosition:["handleListboxPositionChange"],expanded:["handleExpandedChange"],readonly:["handleReadonlyChange"],value:["handleValueChange"]}}};o.style=":host{display:inline-flex;flex-direction:column;width:var(--width, auto);transition:width 0.2s ease-out;max-width:none;opacity:1;outline:none}:host slot{display:contents}:host(:hover:not([disabled]:not([disabled=false]))){--r-select--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([expanded]:not([expanded=false])){--r-select--options--visibility:visible;--r-select--options--z-index:1;--r-select--background-color:var(--r-background-interactive-softest, #fff);--r-select--value--border-color:var(--r-border-soft, #686868);--r-select--value--background-color:var(--r-background-interactive-softest, #fff);--r-select--trailing-icon--transform:rotate(180deg)}:host([invalid]:not([invalid=false])){--r-select--container--background-color:var(--r-status-error-soft, #fef6f6);--r-select--value--border-color:var(--r-status-error-regular, #b00c15);--r-select--options--border-color:var(--r-status-error-regular, #b00c15)}:host([disabled]:not([disabled=false])){--r-select--opacity:0.4;--r-select--pointer-events:none;--r-select--cursor:not-allowed}:host([data-is-placeholder=true]){--r-select--value-diplay--color:var(--r-text-soft, #686868)}:host([data-max-width=set]){width:100%;--r-select--options--right:0}:host([full-width]){width:100%}:host([data-listbox-position=top]){--r-select--options--top:auto;--r-select--options--bottom:2.875em;--r-select--options--border-width:1px 1px 0 1px}:host([data-listbox-position=bottom]){--r-select--options--top:100%;--r-select--options--bottom:auto;--r-select--options--border-width:0 1px 1px 1px}:host([data-readonly=true]){--r-select--color:var(--r-text-soft, #686868);--r-select--value--background-color:var(--r-background-soft, #f3f1f0);--r-select--value--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-select--value--cursor:text;--r-select--value-arrow--visiblility:hidden}.r-select{display:var(--r-select--display, flex);flex-grow:var(--r-select--flex-grow, 1);flex-direction:var(--r-select--flex-direction, column);position:var(--r-select--position, relative);box-sizing:var(--r-select--box-sizing, border-box);max-width:var(--r-select--max-width, 100%);min-width:var(--r-select--min-width, fit-content);font-family:var(--r-select--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-select--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-select--font-size, var(--r-font-size-400, 1rem));text-align:var(--r-select--text-align, left);color:var(--r-select--color, var(--r-text-regular, #282828));opacity:var(--r-select--opacity, 1);pointer-events:var(--r-select--pointer-events, auto);cursor:var(--r-select--cursor, pointer)}.r-select--label__margin-bottom{margin-bottom:var(--r-select--label--margin-bottom, var(--r-spacing-025, 0.25rem))}.r-select--label-container{display:var(--r-select--label-container--display, flex);gap:var(--r-select--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-select--label-container--align-items, center);justify-content:var(--r-select--label-container--align-items, space-between)}.r-select--label-container ::slotted([slot=popover]){display:var(--r-select--popover--display, inline-flex);height:var(--r-select--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-select--popover--align-items, center);justify-content:var(--r-select--popover--justify-content, center);margin-right:var(--r-select--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-select--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-select--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-select--trailing-icon{transform:var(--r-select--trailing-icon--transform, rotate(0deg));transition:var(--r-select--trailing-icon--transition, transform 0.15s)}.r-select ::slotted([name=leading]){display:var(--r-select--value--leading-icon--display, flex);align-items:var(--r-select--value--leading-icon--align-items, center);color:var(--r-select--value--leading-icon--color, var(--r-icon-soft, #686868))}.r-select--container{background-color:var(--r-select--container--background-color, var(--r-background-softest, #fff));opacity:var(--r-select--container--opacity, 1);pointer-events:var(--r-select--container--pointer-events, auto)}.r-select--input{height:var(--r-select--input--height, 100%);width:var(--r-select--input--width, 100%);border:var(--r-select--input--border, none);outline:var(--r-select--input--outline, none);background-color:var(--r-select--input--background-color, inherit);color:var(--r-select--input--color, inherit);font-family:var(--r-select--input--font-family, inherit);font-size:var(--r-select--input--font-size, inherit);font-weight:var(--r-select--input--font-weight, inherit);padding:var(--r-select--input--padding, 0)}.r-select--native{position:var(--r-select--native--position, fixed);top:var(--r-select--native--top, -100vh);z-index:var(--r-select--native--z-index, -1);opacity:var(--r-select--native--opacity, 0);font-size:var(--r-select--native--font-size, 1rem);padding:var(--r-select--native--padding, 0 calc(48px + 0.75em) 0 0.75em)}.r-select--value:not([aria-readonly=true]):not(:has(input:read-only)):not(:has(input:disabled)):active{--r-select--value--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}.r-select--value[aria-disabled=false]:focus,.r-select--value:has(input:focus){outline:var(--r-select--value--outline, none);--r-select--value--z-index:2;--r-select--value--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-select--value--outline:2px solid var(--r-border-focused, #0071e3);--r-select--value--outline-offset:2px}.r-select--value{position:var(--r-select--value--position, relative);display:var(--r-select--value--display, inline-grid);grid-template-columns:var(--r-select--value--grid-template-columns, 1fr 1.75rem);box-sizing:var(--r-select--value--box-sizing, border-box);align-items:var(--r-select--value--align-items, center);justify-content:var(--r-select--value--justify-content, space-between);text-align:var(--r-select--value--text-align, left);min-width:var(--r-select--value--min-width, 100%);min-height:var(--r-select--value--min-height, var(--r-spacing-275, 2.75rem));padding:var(--r-select--value--padding, 0);white-space:var(--r-select--value--white-space, nowrap);background-color:var(--r-select--value--background-color, transparent);border-width:var(--r-select--value--border-width, 1px);border-style:var(--r-select--value--border-style, solid);border-color:var(--r-select--value--border-color, var(--r-border-soft, #686868));box-shadow:var(--r-select--value--box-shadow, none);outline:var(--r-select--value--outline, none);outline-offset:var(--r-select--value--outline-offset, 0);z-index:var(--r-select--value--z-index, 0);cursor:var(--r-select--value--cursor, inherit)}.r-select--value-display{display:var(--r-select--value-diplay--display, flex);gap:var(--r-select--value-diplay--gap, 0.5em);align-items:var(--r-select--value-diplay--align-tems, center);flex:var(--r-select--value-diplay--flex, 1);padding:var(--r-select--value-diplay--padding, 0 0.75em);overflow:var(--r-select--value-diplay--overflow, hidden);text-overflow:var(--r-select--value-diplay--text-overflow, ellipsis);color:var(--r-select--value-diplay--color, inherit);min-width:var(--r-select--value-diplay--min-width, fit-content);height:var(--r-select--value-diplay--height, 100%)}.r-select--value-selected{display:var(--r-select--value-diplay--display, flex);gap:var(--r-select--value-diplay--gap, 0.75em);align-items:var(--r-select--value-diplay--align-items, center)}.r-select--value-arrow{display:var(--r-select--value-arrow--display, flex);align-items:var(--r-select--value-arrow--align-items, center);justify-content:var(--r-select--value-arrow--justify-content, center);padding:var(--r-select--value-arrow--padding, 0 0.75em 0 0);visibility:var(--r-select--value-arrow--visiblility, visible)}.r-select--value-arrow-button{height:var(--r-select--value-arrow-button--height, 100%);background-color:var(--r-select--value-arrow-button--background-color, transparent);color:var(--r-select--value-arrow-button--color, inherit);border:var(--r-select--value-arrow-button--border, none);outline:var(--r-select--value-arrow-button--outline, none);cursor:var(--r-select--value-arrow-button--cursor, inherit)}.r-select--options{visibility:var(--r-select--options--visibility, hidden);position:var(--r-select--options--position, absolute);top:var(--r-select--options--top, 100%);right:var(--r-select--options--right, 0);bottom:var(--r-select--options--bottom, auto);left:var(--r-select--options--left, 0);margin:var(--r-select--options--margin, 0);padding:var(--r-select--options--padding, 0);list-style:var(--r-select--options--list-style, none);max-height:var(--r-select--options--max-height, 14.375em);min-width:var(--r-select--options--min-width, fit-content);overflow-y:var(--r-select--options--overflow-y, auto);background-color:var(--r-select--options--background-color, var(--r-background-interactive-softest, #fff));border-style:var(--r-select--options--border-style, solid);border-color:var(--r-select--options--border-color, var(--r-border-soft, #686868));border-width:var(--r-select--options--border-width, 0 1px 1px 1px);z-index:var(--r-select--options--z-index, -1)}.r-select--message{margin-top:var(--r-select--message--margin-top, var(--r-spacing-025, 0.25rem))}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}@media (prefers-reduced-motion){:host{transition:none}}";export{o as r_select}
|
|
@@ -1 +0,0 @@
|
|
|
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=>{let i="",e="";return this.required&&0===t.value.length?(i="valueMissing",e=this.valueMissingMessage,{validityState:i,validityMessage:e}):t.value.length>0&&t.value.length<this.length?(i="tooShort",e=this.tooShortMessage,{validityState:i,validityMessage:e}):(i="valid",{validityState:i,validityMessage:e})},this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;const{validityState:i,validityMessage:e}=this.getValidityStateData(t);this.validityState=i,this.validityMessage=e;const r="valid"===this.validityState;this.valid=r,this.invalid=!r,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onResetForm=async()=>{if(this.readonly)return;this.reset(),this.validityState=null,this.validityMessage=null,this.invalid=null,this.valid=null;const{host:t}=this;this.rReset.emit({element:t,value:this.values.join("")})},this.onSubmitForm=t=>{this.isNoValidate||this.disabled||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.contributeToFormData=t=>{a(this.nativeElement||this.host,t.formData)}}async getValue(){return this.values.join("")}async reset(){var t;this.readonly||(this.values=new Array(this.length).fill(""),null===(t=this.inputs[0])||void 0===t||t.focus())}async setValue(t){if(!t)return void(this.values=new Array(this.length).fill(""));const i=Array.from(t).slice(0,this.length).map((t=>String(t)));this.values=i,this.rChange.emit({value:this.values.join("")})}async checkValidity(){const{validityState:t}=this.getValidityStateData(this.nativeElement);return"valid"===t}handleValuesChange(){this.value=this.values.join("")}get firstEmptyInput(){return this.inputs.find((t=>!t.value))||null}get message(){return this.invalid&&this.error?this.error:this.valid||"valid"===this.validityState?null:this.validityState&&"valid"!==this.validityState?this.customErrorMessage||this.validityMessage:null}get ariaDescribedBy(){const t=this.message?`${this.uniqueId}-message`:null;return this.hint?`${this.uniqueId}-hint ${t}`:t}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get isNoValidate(){var t,i;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||this.disabled||(null===(i=this.error)||void 0===i?void 0:i.length)>0||!1}connectFormEventListeners(){var t,i,e;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(e=this.parentFormEl)||void 0===e||e.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,i,e;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("submit",this.onSubmitForm),null===(e=this.parentFormEl)||void 0===e||e.removeEventListener("reset",this.onResetForm)}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}get hasMessage(){return!!this.message}get groupDescribedby(){const{uniqueId:t,hint:i,hasMessage:e}=this;return e&&i?`${t}-message ${t}-hint`:e?`${t}-message`:i?`${t}-hint`:null}get hasTrailingSlot(){return!!this.host.querySelector('[slot="trailing"]')}componentWillLoad(){this.setValue(this.value)}render(){const{form:t,name:i,novalidate:n,required:a,disabled:o,label:s,fieldIndicator:d,hint:l,uniqueId:c,valid:h,readonly:u}=this,p={id:c,readonly:u,form:t,name:i,novalidate:n,required:a,disabled:o,"aria-describedby":this.ariaDescribedBy,minlength:this.length,maxlength:this.length};return e(r,{key:"2babfeef172a7d6b76c734f3170ede3a7a8d3392",value:this.value,onClick:this.onHostClick},e("div",{key:"712d241caa9d80f982f831633009a8452c472a3c",class:"r-input-code--label-container"},e("label",{key:"5a6be87bb1ab122cea9e2c7cefaf2781c39a9465",htmlFor:c},s?e("r-label",Object.assign({},s?{id:`${c}-label`,fieldIndicator:d}:{}),s):e("slot",{name:"label"})),e("slot",{key:"d7afacaedc1741fdf703f5263eda57dc3591b36d",name:"popover"})),l&&e("r-hint",{key:"d49faa30ca4ebbefe7e88217392ef7f6a9487e7f",id:`${c}-hint`,role:"note"},l),e("div",{key:"89deb68a39134cdacc1009e83113c589aafc311e",class:"r-input-code--container",role:"group","aria-labelledby":`${c}-label`,"aria-describedby":this.groupDescribedby},e("slot",{key:"170f25027ccf4d3603474a77a92c5ff24579e46e",name:"leading"}),Array.from({length:this.length}).map(((t,i)=>e("input",{class:"r-input-code--input",key:i,id:`${c}-input-section-${i}`,"aria-label":`${this.ariaCharacterLabel||"Character"}: ${i+1}`,"aria-invalid":`${this.invalid||!1}`,value:this.values[i],ref:t=>this.inputs[i]=t,maxlength:1,disabled:this.disabled,required:this.required,readonly:u,onInput:this.createInputHandler(i),onKeyDown:this.createKeyDownHandler(i),onPaste:this.handlePaste}))),e("input",Object.assign({key:"482c544b68d48b089f7177846cee7f5fc279bbd9",type:"hidden"},p,{value:this.values.join(""),ref:t=>this.nativeElement=t})),e("div",{key:"73f393a98b3ca5e830e7b35c360cd9e242564d8e",class:"r-input-code--trailing"},this.readonly&&e("r-icon",{key:"751fb71619d0d0ea808332de4cc9e1b1f2dff59d",class:"r-input-code--readonly-icon",name:"pen-disabled",size:"s"}),this.hasTrailingSlot&&e("slot",{key:"072e2f141e1ef3fbf931e9c0abf24d6c42f64ec5",name:"trailing"},h&&e("r-icon",{key:"45b17f30472b9a5cc2e2101261f7884bd96d1d72",name:"circled-check",size:"s",color:"var(--r-status-success-regular)"})))),e("slot",{key:"b8be9bc6d2c14fa04312313709a7911d8339c735",name:"message"},this.hasMessage&&e("r-hint",{key:"f76a1e5aa6d542790bdc01c7e931eda9a986a14b","aria-live":"polite",id:`${c}-message`,variant:"error"},this.message)))}get host(){return n(this)}static get watchers(){return{values:["handleValuesChange"]}}};o.style=":host{display:inline-flex;flex-direction:column;vertical-align:top;--r-label--margin-bottom:0}:host slot{display:contents}:host slot[name=trailing]{display:flex;margin-left:auto}:host([readonly]:not([readonly=false])){--r-input-code--container--background-color:var(--r-background-soft, #f3f1f0);--r-input-code--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-input-code--container--cursor:text}:host(:hover:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input-code--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:focus-within:not([disabled]:not([disabled=false]))){--r-input-code--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-input-code--container--outline:2px solid var(--r-border-focused);--r-input-code--container--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input-code--container--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([full-width]:not([full-width=false])){display:flex}:host([disabled]:not([disabled=false])){cursor:not-allowed;--r-input-code--container--opacity:0.4;--r-input-code--container--cursor:not-allowed;--r-input-code--container--pointer-events:none;--r-input-code--container--background-color:transparent}:host([invalid]:not([invalid=false])){--r-input-code--container--border-color:var(--r-status-error-regular, #b00c15);--r-input-code--container--background-color:var(--r-status-error-soft, #fef6f6)}.r-input-code--label-container{display:var(--r-input-code--label-container--display, flex);gap:var(--r-input-code--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-input-code--label-container--align-items, center);justify-content:var(--r-input-code--label-container--align-items, space-between)}.r-input-code--label-container ::slotted([slot=popover]){display:var(--r-input-code--popover--display, inline-flex);height:var(--r-input-code--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-input-code--popover--align-items, center);justify-content:var(--r-input-code--popover--justify-content, center);margin-right:var(--r-input-code--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-input-code--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-input-code--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-input-code--container{position:var(--r-input-code--container--position, relative);display:var(--r-input-code--container--display, flex);align-items:var(--r-input-code--container--align-items, center);gap:var(--r-input-code--container--gap, 0.625em);height:var(--r-input-code--container--height, var(--r-spacing-275, 2.75rem));background-color:var(--r-input-code--container--background-color, var(--r-background-softest, #fff));border-width:var(--r-input-code--container--border-width, 1px);border-style:var(--r-input-code--container--border-style, solid);border-color:var(--r-input-code--container--border-color, var(--r-border-soft, #686868));box-sizing:var(--r-input-code--container--box-sizing, border-box);box-shadow:var(--r-input-code--container--box-shadow, none);outline:var(--r-input-code--container--outline, none);outline-offset:var(--r-input-code--container--outline-offset, 0);padding-top:var(--r-input-code--container--padding-top, 0.8em);padding-right:var(--r-input-code--container--padding-right, 0.7em);padding-bottom:var(--r-input-code--container--padding-bottom, 0.8em);padding-left:var(--r-input-code--container--padding-left, 0.7em);opacity:var(--r-input-code--container--opacity, 1);pointer-events:var(--r-input-code--container--pointer-events, auto);line-height:var(--r-input-code--container--line-height, 1);cursor:var(--r-input-code--container--cursor, inherit);margin-top:var(--r-input-code--container--margin-top, var(--r-spacing-025, 0.25rem));margin-bottom:var(--r-input-code--container--margin-bottom, var(--r-spacing-025, 0.25rem))}.r-input-code--input{width:var(--r-input-code--input--width, 0.725rem);outline:var(--r-input-code--input--outline, none);font-size:var(--r-input-code--input--font-size, 1rem);text-align:var(--r-input-code--input--text-align, center);background-color:var(--r-input-code--input--background-color, transparent);border-width:var(--r-input-code--input--border-width, 0 0 1px 0);border-style:var(--r-input-code--input--border-style, solid);border-color:var(--r-input-code--input--border-color, var(--r-text-soft))}.r-input-code--trailing{display:var(--r-input-code--trailing--display, flex);margin-left:var(--r-input-code--trailing--margin-left, auto);align-items:var(--r-input-code--trailing--align-items, center);gap:var(--r-input-code--trailing--gap, 0.625rem)}.r-input-code--readonly-icon{color:var(--r-input-code--readonly-icon--color, var(--r-icon-soft, #686868))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";export{o as r_input_code}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,c as o,h as t,H as e,g as a}from"./p-Da7qOBFr.js";const i=class{constructor(t){r(this,t),this.popoverOpenChange=o(this,"popoverOpenChange"),this.hidePopover=o(this,"hidePopover"),this.showPopover=o(this,"showPopover"),this.focusPopover=o(this,"focusPopover"),this.dismissMode="auto",this.triggerAction="toggle",this.vertical="bottom",this.horizontal="center",this.isOpen=!1,this._focusOnElement=r=>{var o,t;if(r){if("function"!=typeof r.setFocus)return null===(t=null==r?void 0:r.focus)||void 0===t||t.call(r),this.focusPopover.emit(),this;null===(o=null==r?void 0:r.setFocus)||void 0===o||o.call(r)}},this.uniqueId=`r-popover-${Date.now().toString(16)}${Math.random().toString(32)}`.replace(/\./g,""),this.onToggle=r=>{if("open"===r.newState)return this.isOpen=!0,requestAnimationFrame((()=>{this.renderPosition(),this.setFocus()})),this;this.isOpen=!1,requestAnimationFrame((()=>{this.setBlur(),this.triggerElement.focus()}))},this.onClickDismiss=()=>{this.hide()},this.onKeyDown=async r=>{if("Tab"===r.key){r.preventDefault();const o=r.target,t=await this._getFocusable(),e=t.indexOf(o);this._focusOnElement(r.shiftKey?e?t[e-1]:t[t.length-1]:e<t.length-1?t[e+1]:t[0])}}}async show(){this.isOpen=!0}async hide(){this.isOpen=!1}async toggle(){this.isOpen?this.hide():this.show()}async setFocus(){if(!this.isOpen)return this;const r=await this._getFocusable();return this._focusOnElement(r[0]),this}async _getFocusable(){const{dismissElement:r}=this,o=this.host.querySelector("r-popover-content"),t=this.host.querySelector("r-popover-action");return[r,...await o.getActiveElements(),...await t.getActiveElements()].filter((r=>void 0!==r))}async setBlur(){if(!this.isOpen)return this;const{dismissElement:r}=this,o=this.host.querySelector("r-popover-content"),t=this.host.querySelector("r-popover-action"),e=this.host.querySelector("r-popover-trigger");return null==r||r.setBlur(),null==o||o.setBlur(),null==t||t.setBlur(),null==e||e.setBlur(),this.host.blur(),this}handleOpenChange(){this.open?this.show():this.hide()}watchOpen(){var r,o,t,e,a,i,p,v,n,s;this.isOpen?(null===(o=null===(r=this.boardElement)||void 0===r?void 0:r.showPopover)||void 0===o||o.call(r),null===(e=null===(t=this.showPopover)||void 0===t?void 0:t.emit)||void 0===e||e.call(t)):(null===(i=null===(a=this.boardElement)||void 0===a?void 0:a.hidePopover)||void 0===i||i.call(a),null===(v=null===(p=this.hidePopover)||void 0===p?void 0:p.emit)||void 0===v||v.call(p)),null===(s=null===(n=this.popoverOpenChange)||void 0===n?void 0:n.emit)||void 0===s||s.call(n)}handlePreferredPositionChange(){this.renderPosition()}onKeyup(r){if(!this.isOpen)return this;"Escape"===r.key&&this.hide()}onResize(){this.isOpen&&this.renderPosition()}onScroll(){this.isOpen&&this.renderPosition()}get hasDismiss(){return"manual"===this.dismissMode}get triggerRect(){var r;return null===(r=this.triggerElement)||void 0===r?void 0:r.getBoundingClientRect()}get boardRect(){var r;return null===(r=this.boardElement)||void 0===r?void 0:r.getBoundingClientRect()}renderPosition(){if(!this.triggerRect)return this;const{triggerRect:r,boardRect:o,vertical:t,horizontal:e}=this,a=window.innerWidth,i=window.innerHeight;if(r.bottom<0||r.right<0||r.top>i||r.left>a)return this.hide(),this;this.host.setAttribute("style",`\n --r-popover--trigger--width: ${r.width}px;\n --r-popover--trigger--height: ${r.height}px;\n --r-popover--trigger--left: ${r.left}px;\n --r-popover--trigger--top: ${r.top}px;\n `);const p=r.top,v=a-r.right,n=i-r.bottom,s=r.left,h=r=>getComputedStyle(this.host).getPropertyValue(r),d=r=>r.includes("rem")?parseFloat(r)*parseFloat(getComputedStyle(document.documentElement).fontSize):parseFloat(r),l=d(h("--board--shift"))||0,c=d(h("--pointer--height"))||0,g=o.height+c;let b=o.width-r.width-l;const f=r=>Object.values(r).filter(Boolean).length>0,m=r=>Object.keys(r).find((o=>r[o])),u={vertical:{},horizontal:{}};u.vertical={top:p>=g,bottom:n>=g,middle:n>(o.height-r.height-c)/2&&p>(o.height-r.height)/2},!u.vertical.middle&&f(u.vertical)||(b=o.width+l),u.horizontal={left:s>=b,right:v>o.width-r.width-l,center:s>o.width/2&&v>o.width/2};let w="cover";u.vertical[t]?w=t:f(u.vertical)&&(w=m(u.vertical));let x="cover";if(u.horizontal[e]?x=e:f(u.horizontal)&&(x=m(u.horizontal)),"cover"===w){const r=this.triggerRect.top+this.triggerRect.height;if(r>this.boardRect.height){const o=r-this.boardRect.height;this.host.style.setProperty("--r-popover--board--top",`${o}px`),this.host.style.setProperty("--r-popover--pointer--top",this.triggerRect.top+this.triggerRect.height/2-c/2-o+"px")}}return this.host.setAttribute("data-vertical",w),this.host.setAttribute("data-horizontal",x),this}componentDidLoad(){this.open?this.show():this.hide()}render(){return t(e,{key:"da45eae6a21cc01596344d33afc5def4da57967f",id:this.uniqueId,"data-position":this.positionState,"data-open":`${this.isOpen}`,open:this.isOpen},t("div",{key:"ad832de894e0af250cc93bdf3158032bc252740f",class:"r-popover"},t("button",{key:"28c4938bb02cb7c4eaed074178dda00c2c39a0b7",class:"r-popover--trigger","aria-label":this.triggerAriaLabel,ref:r=>this.triggerElement=r,popoverTarget:`${this.uniqueId}-board`,popoverTargetAction:this.triggerAction},t("slot",{key:"0a74ac9d6a7ecdba54771e733f8db5af1709e7fb",name:"trigger"})),t("div",{key:"dbdb43df6a9823f5d8c954146347f40438bbf053",class:"r-popover--board",id:`${this.uniqueId}-board`,popover:this.dismissMode,ref:r=>this.boardElement=r,onToggle:this.onToggle,onKeyDown:this.onKeyDown},this.hasDismiss&&t("r-icon-button",{key:"99cb4c1c050cdf197346ef84f7c610f5f6ed0b4c",ref:r=>this.dismissElement=r,class:"r-popover--dismiss",name:"cross",onClick:this.onClickDismiss,label:this.dismissAriaLabel}),t("div",{key:"fe7e18bd38a4f3879aada14169bfa50f84cd2eac",class:"r-popover--board-content"},t("slot",{key:"b5674f8f2f72340cf5af712f513a20bda9e04b47",name:"headline"}),t("slot",{key:"024ce9cc17f041df172d853176d09f4ec493df20",name:"content"}),t("slot",{key:"437ca7707856b7c6db59240d7b4378c74dc8fda8",name:"action"})),t("div",{key:"93184bd493520dbea03c7c63bbfe8c4ae788cde3",class:"r-popover--board-pointer","aria-hidden":"true"},t("svg",{key:"779d8b7df8f92ea14517ce9ce5099a73a4fdeac8",width:"16",height:"8",viewBox:"0 0 16 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"53b9fee3e6a34cf184d8818ac272122f04193ff6",d:"M8 8L0 0L16 0L8 8Z",fill:"currentColor"}))))))}get host(){return a(this)}static get watchers(){return{open:["handleOpenChange"],isOpen:["watchOpen"],horizontal:["handlePreferredPositionChange"],vertical:["handlePreferredPositionChange"]}}};i.style=":host{position:relative;overflow:visible;color:var(--r-text-inverse);font-family:var(--r-font-family-text, system-ui);font-weight:var(--r-font-weight-regular, 400);font-size:var(--r-font-size-400, 1rem);text-align:left}:host slot{display:contents}:host{--board--shift:1rem;--board--min-width:304px;--board--max-width:504px;--board--max-height:320px;--pointer--width:1rem;--pointer--height:0.5rem;--pointer--spacer:0.25rem}:host([size=s]){--r-popover--board--max-width:375px}:host([size=l]){--r-popover--board--max-width:500px}:host([data-open=true]){--r-popover--pointer--display:block;--r-popover--board--visibility:visible;--r-popover--board--left:var(--r-popover--trigger--left);--r-popover--board--top:var(--r-popover--trigger--top)}:host([data-open=true]) ::slotted([slot=trigger]){--r-popover--trigger--display:none}:host([data-vertical=top]){--r-popover--pointer--top:100%;--r-popover--pointer--transform:rotate(0deg) translate(0,-1px)}:host([data-vertical=bottom]){--r-popover--pointer--bottom:100%;--r-popover--pointer--transform:rotate(180deg)}:host([data-vertical=middle]){--r-popover--pointer--top:calc(50% - var(--pointer--height)/2);--r-popover--pointer--bottom:auto}:host([data-horizontal=left]){--r-popover--board--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0) + var(--board--shift));--r-popover--pointer--left:calc(100% - var(--r-popover--trigger--width, 0)/2 - var(--board--shift) - var(--pointer--width)/2)}:host([data-horizontal=right]){--r-popover--pointer--left:calc(var(--r-popover--trigger--width, 0)/2 + var(--pointer--width)/2)}:host([data-horizontal=center]){--r-popover--pointer--left:calc(50% - var(--pointer--width)/2)}:host([data-vertical=top][data-horizontal=left]){--r-popover--board--transform:translate(-100%, calc(-100% - var(--pointer--spacer) - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=top][data-horizontal=right]){--r-popover--board--transform:translate(calc(0px - var(--board--shift)), calc(-100% - var(--pointer--spacer) - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=top][data-horizontal=center]){--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), calc(-100% - var(--pointer--spacer) - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=top][data-horizontal=cover]){--r-popover--pointer--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0)/2 - var(--r-popover--pointer--width, var(--pointer--width))/2);--r-popover--board--left:0;--r-popover--board--transform:translate(0, calc(-100% - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=middle][data-horizontal=left]){--r-popover--board--left:var(--r-popover--trigger--left, 0);--r-popover--board--transform:translate(calc(-100% - var(--pointer--height) - var(--pointer--spacer)), calc(-50% + var(--r-popover--trigger--height, 0)/2));--r-popover--pointer--left:100%;--r-popover--pointer--right:auto;--r-popover--pointer--transform:rotate(-90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=middle][data-horizontal=right]){--r-popover--board--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0) + var(--pointer--height) + var(--pointer--spacer));--r-popover--board--transform:translate(0, calc(-50% + var(--r-popover--trigger--height, 0)/2));--r-popover--pointer--top:calc(50% - var(--pointer--height)/2);--r-popover--pointer--left:auto;--r-popover--pointer--right:100%;--r-popover--pointer--transform:rotate(90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=middle][data-horizontal=center]){--r-popover--pointer--display:none;--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), calc(-50% + var(--r-popover--trigger--height, 0)/2))}:host([data-vertical=middle][data-horizontal=cover]){--r-popover--pointer--display:none;--r-popover--board--left:0;--r-popover--board--transform:translate(0, calc(-50% + var(--r-popover--trigger--height, 0)/2))}:host([data-vertical=bottom][data-horizontal=left]){--r-popover--board--transform:translate(-100%, calc(var(--r-popover--trigger--height, 0) + var(--pointer--spacer) + var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=bottom][data-horizontal=right]){--r-popover--board--transform:translate(calc(0px - var(--board--shift)), calc(var(--r-popover--trigger--height, 0) + var(--r-popover--pointer--height, var(--pointer--height)) + var(--pointer--spacer)))}:host([data-vertical=bottom][data-horizontal=center]){--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), calc(var(--r-popover--trigger--height, 0) + var(--pointer--spacer) + var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=bottom][data-horizontal=cover]){--r-popover--pointer--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0)/2 - var(--r-popover--pointer--width, var(--pointer--width))/2);--r-popover--board--left:0;--r-popover--board--transform:translate(0, calc(var(--r-popover--trigger--height, 0) + var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=cover]){--r-popover--board--top:0;--r-popover--board--height:100%;--r-popover--board-content--height:100%;--r-popover--pointer--top:calc(var(--r-popover--trigger--top, 0) + var(--r-popover--trigger--height)/2 - var(--pointer--height)/2);--r-popover--pointer--bottom:auto}:host([data-vertical=cover][data-content-has-scroll=false]){--r-popover--board--top:var(--r-popover--trigger--top, 0)}:host([data-vertical=cover][data-horizontal=left]){--r-popover--board--left:var(--r-popover--trigger--left, 0);--r-popover--board--transform:translate(calc(-100% - var(--pointer--spacer) - var(--pointer--height)), 0);--r-popover--pointer--left:100%;--r-popover--pointer--right:auto;--r-popover--pointer--transform:rotate(-90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=cover][data-horizontal=right]){--r-popover--board--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0) + var(--pointer--width));--r-popover--pointer--left:auto;--r-popover--pointer--right:100%;--r-popover--pointer--transform:rotate(90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=cover][data-horizontal=center]),:host([data-vertical=cover][data-horizontal=cover]){--r-popover--pointer--display:none;--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), 0)}:host([data-vertical=cover][data-horizontal=cover]){--r-popover--pointer--display:none;--r-popover--board--transform:none;--r-popover--board--height:100%;--r-popover--board--width:100%;--r-popover--board--left:0}:host([data-fixed-top=true]){--r-popover--board-container--height:var(--r-popover--trigger--top, var(--board--max-height))}:host([dismiss-mode=manual]){--r-popover--board-content--padding:1.5rem 3.5rem 1.5rem 1.5rem}.r-popover{position:var(--r-popover--position, relative);display:var(--r-popover--display, inline-flex)}.r-popover--dismiss{position:var(--r-popover--dismiss--position, absolute);top:var(--r-popover--dismiss--top, 20px);right:var(--r-popover--dismiss--right, 20px);color:var(--r-text-inverse)}.r-popover--dismiss:hover{--r-icon-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}.r-popover--dismiss:active{--r-icon-button--background-color:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}.r-popover--trigger{border:var(--r-popover--trigger--border, none);background:var(--r-popover--trigger--background, none);padding:var(--r-popover--trigger--padding, 0);cursor:var(--r-popover--trigger--cursor, pointer);display:var(--r-popover--trigger--display, inline-flex);align-items:var(--r-popover--trigger--align-items, center);justify-content:var(--r-popover--trigger--justify-content, center);min-width:var(--r-popover--trigger--min-width, unset);min-height:var(--r-popover--trigger--min-height, unset)}.r-popover--trigger:focus{box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}.r-popover--board{position:var(--r-popover--board--position, fixed);top:var(--r-popover--board--top, -1000em);right:var(--r-popover--board--right, auto);bottom:var(--r-popover--board--bottom, auto);left:var(--r-popover--board--left, -1000em);visibility:var(--r-popover--board--visibility, hidden);width:var(--r-popover--board--width, 100%);min-width:var(--r-popover--board--max-width, var(--board--min-width));max-width:var(--r-popover--board--max-width, var(--board--max-width));height:var(--r-popover--board--height, auto);max-height:var(--r-popover--board--max-height, var(--board--max-height));background-color:var(--r-popover--board--background-color, var(--r-background-inverse));color:var(--r-popover--board--color, var(--r-text-inverse));border:var(--r-popover--board--border, none);transform:var(--r-popover--board--transform, none);box-sizing:var(--r-popover--board--box-sizing, border-box);padding:var(--r-popover--board--padding, 0);margin:var(--r-popover--board--margin, 0);overflow:var(--r-popover--board--overflow, visible)}.r-popover--board-content{display:var(--r-popover--board-content--display, flex);flex-direction:var(--r-popover--board-content--flex-direction, column);gap:var(--r-popover--board-content--gap, 1.5rem);overflow:var(--r-popover--board-content--overflow, auto);height:var(--r-popover--board-content--height, auto);max-height:var(--r-popover--board-content--max-height, var(--board--max-height));padding:var(--r-popover--board-content--padding, 1.5rem);box-sizing:var(--r-popover--board-content--box-sizing, border-box)}.r-popover--board-pointer{display:var(--r-popover--pointer--display, flex);width:var(--r-popover--pointer--width, var(--pointer--width));height:var(--r-popover--pointer--height, var(--pointer--height));position:var(--r-popover--pointer--position, absolute);top:var(--r-popover--pointer--top, auto);right:var(--r-popover--pointer--right, auto);bottom:var(--r-popover--pointer--bottom, auto);left:var(--r-popover--pointer--left, auto);color:var(--r-popover--pointer--color, var(--r-background-inverse));transform:var(--r-popover--pointer--transform, none);transform-origin:var(--r-popover--pointer--transform-origin, center)}.r-popover--board-pointer>svg{display:flex}";export{i as r_popover}
|
|
@@ -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}from"./p-DvLT8-y3.js";const o=class{constructor(s){t(this,s),this.rValidate=i(this,"rValidate"),this.rInput=i(this,"rInput"),this.rChange=i(this,"rChange"),this.rReset=i(this,"rReset"),this.value="",this.showPasswordAriaLabel="Show password.",this.hidePasswordAriaLabel="Hide password.",this.shownPasswordMessage="Your password is shown.",this.hiddenPasswordMessage="Your password is hidden.",this.showed=!1,this.validityState="",this.validityMessage="",this.initial={},this.onShowClick=t=>{t.stopPropagation(),this.toggleShow()},this.alertOnPasswordVisibilityChange=()=>{this.passwordVisibilityChangeAlertContainer.innerText=this.showed?this.shownPasswordMessage:this.hiddenPasswordMessage,this.passwordVisibilityTimer=setTimeout((()=>{this.passwordVisibilityChangeAlertContainer.innerText="",clearTimeout(this.passwordVisibilityTimer)}),2e3)},this.onInput=t=>{if(this.readonly)return;this.value=t.detail.value;const{host:i,value:s}=this;this.rInput.emit({element:i,value:s})},this.onChange=t=>{if(this.readonly)return;this.value=t.detail.value;const{host:i,value:s}=this;this.rChange.emit({element:i,value:s})},this.getValidityStateData=t=>{let i="",s="";for(const e in t.validity)if(t.validity[e]){if(i=e,this[e+"Message"])return s=this[e+"Message"],{validityState:i,validityMessage:s};s=t.validationMessage}return{validityState:i,validityMessage:s}},this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;const{validityState:i,validityMessage:s}=this.getValidityStateData(t.shadowRoot.querySelector("input"));this.validityState=i,this.validityMessage=s;const e="valid"===this.validityState;this.valid=e,this.invalid=!e,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.contributeToFormData=t=>{a(this.nativeElement||this.host,t.formData)},this.onResetForm=()=>{if(this.readonly)return;this.validityState=null,this.validityMessage=null,this.value=this.initial.value,this.invalid=this.initial.invalid,this.valid=!this.invalid;const{host:t,value:i}=this;this.rReset.emit({element:t,value:i})},this.onSubmitForm=async t=>{this.isNoValidate||(this.validateFormElement(this.nativeElement),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.handleKeyup=async t=>{var i,s;if(this.readonly)return;if("Enter"!==t.code)return;if(this.validateFormElement(this.nativeElement),this.invalid&&!this.isNoValidate)return;const e=this.host.querySelector('[type="submit"]')||(null===(i=this.parentFormEl)||void 0===i?void 0:i.querySelector('[type="submit"]'));e&&"triggerClick"in e?null==e||e.triggerClick():null===(s=this.parentFormEl)||void 0===s||s.requestSubmit()},this.handleBlur=()=>{this.readonly||this.validateFormElement(this.nativeElement)}}async toggleShow(){this.showed?await this.hidePassword():await this.showPassword()}async showPassword(){this.showed=!0,this.alertOnPasswordVisibilityChange()}async hidePassword(){this.showed=!1,this.alertOnPasswordVisibilityChange()}async getValue(){return this.value||""}async setValue(t){this.readonly||(this.value=t,this.validateFormElement(this.nativeElement))}async checkValidity(){const{validityState:t}=this.getValidityStateData(this.nativeElement.shadowRoot.querySelector("input"));return"valid"===t}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!1}get hasError(){var t;return this.invalid&&!!(null===(t=this.error)||void 0===t?void 0:t.length)}get hasValidationError(){var t,i;return!("valid"===this.validityState||!(null===(t=this.customErrorMessage)||void 0===t?void 0:t.length)&&!(null===(i=this.validityMessage)||void 0===i?void 0:i.length))}get hasMessage(){return this.hasError||this.hasValidationError}componentWillLoad(){this.initial.value=this.value,this.initial.invalid=this.invalid}connectFormEventListeners(){var t,i,s;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(s=this.parentFormEl)||void 0===s||s.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,i,s;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("submit",this.onSubmitForm),null===(s=this.parentFormEl)||void 0===s||s.removeEventListener("reset",this.onResetForm)}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}render(){const{name:t,placeholder:i,required:h,fieldIndicator:a,value:o,disabled:l,form:r,invalid:n,valid:d,hint:c,label:u,tooltip:v,tooltipIcon:f,tooltipIconColor:p,fullWidth:b,showPasswordAriaLabel:y,hidePasswordAriaLabel:m,showed:g,readonly:w}=this;return s(e,{key:"810ae74cdcdcd8a4289255e2b99b6cfc213330ac"},s("r-input",Object.assign({key:"55027ca5cd8b8ba4eade60067ac182e38eaf1bfa"},{name:t,placeholder:i,required:h,fieldIndicator:a,value:o,disabled:l,form:r,invalid:n,valid:d,hint:c,label:u,tooltip:v,tooltipIcon:f,tooltipIconColor:p,fullWidth:b,novalidate:!0,readonly:w},{ref:t=>this.nativeElement=t,type:g?"text":"password",onRInput:this.onInput,onRChange:this.onChange,onKeyUp:this.handleKeyup,onRBlur:this.handleBlur}),s("r-icon",{key:"935aa481c0eff444462e6be6d8e6975db8a24708",name:"padlock-closed",size:"s",slot:"leading"}),s("slot",{key:"df29bd4fa96db1c1f5f70be9c44fab1b9c5f02be",name:"popover",slot:"popover"}),s("r-icon-button",{key:"95d5f3c5e64eb7b43364db7aff943d35fbdc4d2d",slot:"trailing",name:g?"eye-crossed-out":"eye",size:"s",disabled:l,label:g?m:y,onClick:this.onShowClick}),this.hasMessage&&s("r-hint",{key:"7390d667a69c4ae5c2c6ae480eaf5f879ad6ed78",slot:"message",variant:"error"},this.hasError&&this.error,this.hasValidationError&&(this.customErrorMessage||this.validityMessage))),s("div",{key:"c70c38f1249c80973bb2fe2a25ddf7d88835c686",class:"visually-hidden",ref:t=>this.passwordVisibilityChangeAlertContainer=t,"aria-live":"polite"}))}get host(){return h(this)}};o.style=":host{display:inline-flex;flex-direction:column;vertical-align:top}:host([full-width]:not([full-width=false])){display:block}:host([disabled]:not([disabled=false])) r-icon-button{opacity:1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";export{o as r_input_password}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as o,g as r,c as e}from"./p-Da7qOBFr.js";const n=class{constructor(i){t(this,i)}get iconName(){if(this.icon)return this.icon;const t={error:"circled-exclamation-mark",warning:"circled-cross",success:"circled-check"};return this.variant in t?t[this.variant]:null}get hasIconSlot(){return!!this.host.querySelector('[slot="icon"]')}get hasIcon(){return this.hasIconSlot||null!==this.iconName}render(){return i(o,{key:"77951c878faf0f74385c72dfdfa11adc9d38da73"},i("div",{key:"577c8674ce57e8ad8c784b926eff21b201af4bb2",class:"r-hint"},this.hasIcon&&i("div",{key:"7cba7116b04a7894aae4f2a3026324e15a95c9c5",class:"r-hint--icon"},i("slot",{key:"dba72b1442b9f0d27ca6d6387572b044468b54cb",name:"icon"},this.iconName&&i("r-icon",{key:"a7cdb025298dc8b6f4290efcd366a03dc8135bb0",name:this.iconName,size:"s"}))),i("div",{key:"bd96a4d4ec4a5c0f0e029b86e3a423b20e0a7341",class:"r-hint--text"},i("slot",{key:"e763e051b3d598fd78e777607f21a6358edc0dc2"}))))}get host(){return r(this)}};n.style=":host{--r-hint--text--flex:1}:host([variant=information]){--r-hint--color:var(--r-text-soft, #686868)}:host([variant=success]),:host([success]){--r-hint--color:var(--r-status-success-regular, #298535)}:host([variant=warning]),:host([warning]){--r-hint--color:var(--r-status-warning-strong, #89411a)}:host([variant=error]),:host([invalid]){--r-hint--color:var(--r-status-error-regular, #b00c15)}:host([icon-position=end]){--r-hint--flex-direction:row-reverse}:host{display:block}.r-hint{display:var(--r-hint--display, flex);flex-direction:var(--r-hint--flex-direction, row);gap:var(--r-hint--gap, var(--r-spacing-050, 0.5rem));font-family:var(--r-hint--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-hint--font-size, var(--r-font-size-300, 0.875rem));line-height:var(--r-hint--line-height, var(--r-line-height-m, 1.5));color:var(--r-hint--color, var(--r-text-soft, #686868));font-weight:var(--r-hint--font-weight, var(--r-font-weight-regular, 400));margin-top:var(--r-hint--margin-top, 0);margin-bottom:var(--r-hint--margin-bottom, 0)}.r-hint--icon{display:var(--r-hint--icon--display, flex);align-items:var(--r-hint--icon--align-items, start);min-width:var(--r-hint--icon--min-width, 1rem);margin-top:var(--r-hint--icon--margin-top, 0.15rem)}.r-hint--text{flex:var(--r-hint--text--flex, 1)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";const a=class{constructor(i){t(this,i),this.tooltipPosition="right",this.tooltipIcon="circled-question-mark"}render(){const{tooltip:t,tooltipPosition:r,tooltipIcon:e,tooltipIconColor:n,fieldIndicator:a}=this,l={text:t,position:r},s={name:e,size:"s",color:n};return i(o,{key:"2d7da94197a774e5b3399ff59dba01f946f0d8df"},i("div",{key:"56baaf39a736e1f504502c9f49b4cf5fbff2f911",class:"r-label"},i("span",{key:"5b0032c31e83b628d73a207eeaa915368edc7237",class:"r-label--slot"},i("slot",{key:"fbcd30c185b9eef55ea43c8ca8b082a0308953e2"}),a&&i("span",{key:"0d355d5857e515e735dc543d3416540e0a0ffdba",class:"r-label--marker"},a)),t&&i("span",{key:"b450b3e7ee2b33dbdc02d9fce04bd2ef6a97713d",class:"r-label--tooltip-icon"},i("r-tooltip",Object.assign({key:"a1b2a24a312b7eabd5acd43273658bce3199ef1b"},l),i("r-icon",Object.assign({key:"c22f6349b9c67a82b29f4a5758a77fb1b2910b75"},s))))))}};a.style='@charset "UTF-8";:host([field-indicator]){--r-label--marker--display:inline}.r-label{display:var(--r-label--display, flex);flex-direction:var(--r-label--flex-direction, row);gap:var(--r-label--gap, var(--r-spacing-100, 1rem));cursor:var(--r-label--cursor, default);color:var(--r-label--color, var(--r-text-regular, #282828));margin-bottom:var(--r-label--margin-bottom, 0)}.r-label--slot{flex:var(--r-label--slot--flex, 1);line-height:var(--r-label--line-height, var(--r-line-height-m, 1.5));font-family:var(--r-label--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-label--font-size, var(--r-font-size-regular, 1rem));font-weight:var(--r-label--font-weight, var(--r-font-weight-regular, 400))}.r-label--marker{display:var(--r-label--marker--display, none);color:var(--r-label--marker--color, var(--r-text-soft, #686868));font-size:var(--r-label--marker--font-size, var(--r-font-size-300, 0.875rem));font-style:var(--r-label--marker--font-style, normal);font-weight:var(--r-label--marker--font-weight, var(--r-font-weight-regular, 400));margin-left:var(--r-label--marker--margin-left, var(--r-spacing-075, 0.75rem))}.r-label--marker::before{content:var(--r-label--marker--before--content, "– ")}.r-label--tooltip-icon{color:var(--r-label--tooltip-icon--color, var(--r-text-regular, inherit));display:var(--r-label--tooltip-icon--display, inline-flex);line-height:var(--r-label--tooltip-icon--line-height, 1);align-items:var(--r-label--tooltip-icon--align-items, center);justify-content:var(--r-label--tooltip-icon--justify-content, center)}';const l=20,s=class{constructor(i){t(this,i),this.rTooltipFocus=e(this,"rTooltipFocus"),this.text="",this.position="top",this.arrowPositionState="left",this.isShown=!1,this.uniqueId=`r-tooltip-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.getOffsetLeft=t=>{var i,o,r;const e=Math.abs((null===(i=this.element)||void 0===i?void 0:i.getBoundingClientRect().width)-(null===(r=null===(o=this.tooltip)||void 0===o?void 0:o.getBoundingClientRect())||void 0===r?void 0:r.width));switch(t){case"center":return e/2;case"right":return e;default:return 0}},this.alignTooltipPosition=()=>{var t,i,o,r,e,n,a;const l=Math.abs((null===(t=this.element)||void 0===t?void 0:t.getBoundingClientRect().height)-(null===(o=null===(i=this.tooltip)||void 0===i?void 0:i.getBoundingClientRect())||void 0===o?void 0:o.height))/2,s=this.getOffsetLeft(this.arrowPositionState),h=(null===(e=null===(r=this.element)||void 0===r?void 0:r.getBoundingClientRect())||void 0===e?void 0:e.height)+this.arrowHeight||0,c=(null===(a=null===(n=this.element)||void 0===n?void 0:n.getBoundingClientRect())||void 0===a?void 0:a.width)+this.arrowWidth||0;switch(this.positionState){case"top":this.alignPosition(this.tooltip,-s,-this.tooltipContainerHeight);break;case"bottom":this.alignPosition(this.tooltip,-s,h);break;case"left":this.alignPosition(this.tooltip,-this.tooltipContainerWidth,-l);break;case"right":this.alignPosition(this.tooltip,c,-l)}},this.alignArrowPosition=()=>{var t,i,o,r,e,n,a,l,s,h;const c=Math.abs((null===(t=this.element)||void 0===t?void 0:t.getBoundingClientRect().height)-(null===(o=null===(i=this.arrow)||void 0===i?void 0:i.getBoundingClientRect())||void 0===o?void 0:o.height))/2,d=Math.abs((null===(r=this.element)||void 0===r?void 0:r.getBoundingClientRect().width)-(null===(n=null===(e=this.arrow)||void 0===e?void 0:e.getBoundingClientRect())||void 0===n?void 0:n.width))/2,p=(null===(l=null===(a=this.element)||void 0===a?void 0:a.getBoundingClientRect())||void 0===l?void 0:l.height)||0,v=(null===(h=null===(s=this.element)||void 0===s?void 0:s.getBoundingClientRect())||void 0===h?void 0:h.width)||0;switch(this.positionState){case"top":this.alignPosition(this.arrow,d,-this.arrowHeight);break;case"bottom":this.alignPosition(this.arrow,d,p);break;case"left":this.alignPosition(this.arrow,-this.arrowWidth,c);break;case"right":this.alignPosition(this.arrow,v,c)}},this.alignPosition=(t,i,o)=>{var r;if(!t)return;let e=null===(r=this.element)||void 0===r?void 0:r.getBoundingClientRect(),n=e.left+i,a=e.top+o;t.style.left=`${n>0?n:0}px`,t.style.top=`${a}px`},this.handleHover=()=>{this.showTooltip(),this.setCorrectPosition()},this.handleFocus=()=>{this.showTooltip(),this.setCorrectPosition(),this.rTooltipFocus.emit({element:this.element})},this.showTooltip=()=>{this.isShown=!0,this.tooltip.classList.add("r-tooltip--content--visible")},this.removeTooltip=()=>{this.isShown=!1,this.tooltip.style.width="max-content",this.tooltip.classList.remove("r-tooltip--content--visible")},this.handleScroll=()=>{this.isShown&&(this.isOnScreen?this.setCorrectPosition():this.removeTooltip())}}handleVerticalPosition(){this.setCorrectPosition()}handleScrolling(){this.setCorrectPosition()}handleResizing(){this.setCorrectPosition()}handleKeydown(t){this.isShown&&"Escape"===t.key&&this.removeTooltip()}get overflowedParent(){return this.findOverflowParent(this.element.parentElement)}get arrowWidth(){var t;return(null===(t=this.arrow)||void 0===t?void 0:t.getBoundingClientRect().width)||0}get arrowHeight(){var t;return(null===(t=this.arrow)||void 0===t?void 0:t.getBoundingClientRect().height)||0}get tooltipContainerWidth(){var t,i;return(null===(i=null===(t=this.tooltip)||void 0===t?void 0:t.getBoundingClientRect())||void 0===i?void 0:i.width)+this.arrowWidth||0}get tooltipContainerHeight(){var t,i;return(null===(i=null===(t=this.tooltip)||void 0===t?void 0:t.getBoundingClientRect())||void 0===i?void 0:i.height)+this.arrowHeight||0}get top(){return this.element.getBoundingClientRect().top}get left(){return this.element.getBoundingClientRect().left}get isOnScreen(){const t=(this.overflowedParent||document.documentElement).getBoundingClientRect(),i=this.element.getBoundingClientRect();return i.top>=t.top&&i.bottom<=t.bottom&&i.left>=t.left&&i.right<=t.right}get bottom(){return t=this.element,window.innerHeight-t.getBoundingClientRect().top-t.getBoundingClientRect().height;var t}get right(){return t=this.element,window.innerWidth-t.getBoundingClientRect().left-t.getBoundingClientRect().width;var t}get horizontalPlacement(){return this.tooltipContainerWidth+l<this.left?"left":"right"}get verticalPlacement(){return this.tooltipContainerHeight+l<this.top?"top":"bottom"}get isEnoughSpaceVertically(){return this.tooltipContainerHeight+l<this.top||this.tooltipContainerHeight+l<this.bottom}get isEnoughSpaceHorizontally(){return this.tooltipContainerWidth+l<this.left||this.tooltipContainerWidth+l<this.right}get activeElement(){return this.element.querySelector('r-button, r-icon-button, a, button, [tabindex]:not([tabindex="-1"])')}componentWillLoad(){this.positionState=this.position}componentDidLoad(){var t,i,o;null===(t=this.activeElement)||void 0===t||t.addEventListener("focus",(()=>{this.handleFocus()})),null===(i=this.activeElement)||void 0===i||i.addEventListener("blur",(()=>{this.removeTooltip()})),null===(o=this.overflowedParent)||void 0===o||o.addEventListener("scroll",(()=>{this.handleScroll()}))}findOverflowParent(t){var i,o;return t?(null===(i=t.parentNode)||void 0===i?void 0:i.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?this.findOverflowParent(null===(o=t.parentNode)||void 0===o?void 0:o.host):function(t){return"visible"!==getComputedStyle(t).overflow}(t)?t:t.parentElement?this.findOverflowParent(t.parentElement):null:null}getAlternativePosition(){switch(this.position){case"top":return this.isEnoughSpaceVertically?"bottom":this.horizontalPlacement;case"bottom":return this.isEnoughSpaceVertically?"top":this.horizontalPlacement;case"left":return this.isEnoughSpaceHorizontally?"right":this.verticalPlacement;case"right":return this.isEnoughSpaceHorizontally?"left":this.verticalPlacement}}setCorrectPosition(){if(this.tooltip&&this.isShown){switch(this.position){case"top":this.positionState=this.tooltipContainerHeight+l<this.top?this.position:this.getAlternativePosition();break;case"bottom":this.positionState=this.tooltipContainerHeight+l<this.bottom?this.position:this.getAlternativePosition();break;case"left":this.positionState=this.tooltipContainerWidth+l<this.left?this.position:this.getAlternativePosition();break;case"right":this.positionState=this.tooltipContainerWidth+l<this.right?this.position:this.getAlternativePosition()}this.adjustArrowPosition(),this.alignTooltipPosition(),this.alignArrowPosition(),"fit-content"!==this.tooltip.style.width&&(this.tooltip.style.width="fit-content",this.alignTooltipPosition())}}adjustArrowPosition(){const t=this.tooltipContainerWidth/2+l<this.left,i=this.tooltipContainerWidth/2+l<this.right;t&&i||!t&&!i||"left"===this.positionState||"right"===this.positionState?this.arrowPositionState="center":t?i||(this.arrowPositionState="right"):this.arrowPositionState="left"}render(){const{text:t,arrowPositionState:r,positionState:e,isShown:n,uniqueId:a}=this,l={tabindex:this.activeElement?null:0,role:this.activeElement?null:"button","aria-describedby":n&&a||null},s={id:a,role:"tooltip","aria-hidden":`${!n}`};return i(o,Object.assign({key:"f0b2e0117f0604d325becbcc05686433fbd3d506"},{"data-arrow-position":r,"data-position":e},{onMouseenter:this.handleHover,onMouseleave:this.removeTooltip}),i("div",{key:"2f5ff7638dedddd04dac78a2131438457211354b",class:"r-tooltip"},i("div",Object.assign({key:"cb562089f6e7ac27b99ba09953c2f28f29e3e649",class:"r-tooltip--trigger",onFocus:this.handleFocus,onBlur:this.removeTooltip},l),i("slot",{key:"2e09b16563b9aa325ff64f10af1ad5f4728a2417"})),i("div",Object.assign({key:"ffe53881e5ec5335073a7adf2ed5479f3a56f00f",class:"r-tooltip--content",ref:t=>this.tooltip=t},s),t),i("div",{key:"3f85fb76e934b18d5963d125699d00776c6abbac",ref:t=>this.arrow=t,class:"r-tooltip--arrow"})))}get element(){return r(this)}static get watchers(){return{position:["handleVerticalPosition"]}}};s.style=':host{display:inline-block;--r-tooltip--position:relative;--r-tooltip--content--position:fixed;--r-tooltip--content--display:none;--r-tooltip--content--color:var(--r-text-inverse);--r-tooltip--content--background-color:var(--r-background-inverse);--r-tooltip--content--font-family:var(--r-font-family-text);--r-tooltip--content--font-weight:var(--r-font-weight-regular);--r-tooltip--content--font-size:var(--r-font-size-200);--r-tooltip--content--line-height:var(--r-line-height-s);--r-tooltip--content--min-width:32px;--r-tooltip--content--max-width:300px;--r-tooltip--content--min-height:32px;--r-tooltip--content--padding:var(--r-spacing-050) var(--r-spacing-100);--r-tooltip--content--width:max-width;--r-tooltip--content--word-break:break-word;--r-tooltip--content--box-sizing:border-box;--r-tooltip--content--justify-content:center;--r-tooltip--content--align-items:center;--r-tooltip--content--z-index:0;--r-tooltip--arrow--display:none;--r-tooltip--arrow--position:fixed;--r-tooltip--arrow--width:12px;--r-tooltip--arrow--height:12px;--r-tooltip--arrow--transform:rotate(180deg);--r-tooltip--arrow--inner-content:"";--r-tooltip--arrow--inner--width:12px;--r-tooltip--arrow--inner--height:6px;--r-tooltip--arrow--inner--background-color:var(--r-tooltip--content--background-color);--r-tooltip--arrow--inner--clip-path:polygon(50% 0%, 0% 100%, 100% 100%);--r-tooltip--arrow--inner--border-radius:0;--r-tooltip--arrow--inner--align-self:flex-end}:host slot{display:contents}:host([data-position=bottom]){--r-tooltip--arrow--transform:rotate(0)}:host([data-position=right]){--r-tooltip--arrow--transform:rotate(270deg)}:host([data-position=left]){--r-tooltip--arrow--transform:rotate(90deg)}.r-tooltip{position:var(--r-tooltip--position)}.r-tooltip:has(.r-tooltip--content--visible){--r-tooltip--content--width:max-content;--r-tooltip--content--display:flex;--r-tooltip--content--z-index:1060;--r-tooltip--arrow--display:flex;--r-tooltip--arrow--inner--display:block}.r-tooltip--trigger{color:var(--r-tooltip--trigger--color, inherit);box-shadow:var(--r-tooltip--trigger--box-shadow, none);outline:var(--r-tooltip--trigger--outline, none);outline-offset:var(--r-tooltip--trigger--outline-offset, 0)}.r-tooltip--trigger:focus{--r-tooltip--trigger--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-tooltip--trigger--outline:2px solid var(--r-border-focused);--r-tooltip--trigger--outline-offset:2px}.r-tooltip--content{position:var(--r-tooltip--content--position);display:var(--r-tooltip--content--display);color:var(--r-tooltip--content--color);background-color:var(--r-tooltip--content--background-color);font-family:var(--r-tooltip--content--font-family);font-weight:var(--r-tooltip--content--font-weight);font-size:var(--r-tooltip--content--font-size);line-height:var(--r-tooltip--content--line-height);min-width:var(--r-tooltip--content--min-width);max-width:var(--r-tooltip--content--max-width);min-height:var(--r-tooltip--content--min-height);padding:var(--r-tooltip--content--padding);width:var(--r-tooltip--content--width);word-break:var(--r-tooltip--content--word-break);box-sizing:var(--r-tooltip--content--box-sizing);z-index:var(--r-tooltip--content--z-index)}.r-tooltip--arrow{display:var(--r-tooltip--arrow--display);position:var(--r-tooltip--arrow--position);width:var(--r-tooltip--arrow--width);height:var(--r-tooltip--arrow--height);transform:var(--r-tooltip--arrow--transform)}.r-tooltip--arrow:after{content:var(--r-tooltip--arrow--inner-content);display:var(--r-tooltip--arrow--inner--display);width:var(--r-tooltip--arrow--inner--width);height:var(--r-tooltip--arrow--inner--height);background-color:var(--r-tooltip--arrow--inner--background-color);clip-path:var(--r-tooltip--arrow--inner--clip-path);border-radius:var(--r-tooltip--arrow--inner--border-radius);align-self:var(--r-tooltip--arrow--inner--align-self)}';export{n as r_hint,a as r_label,s as r_tooltip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as o,H as a,g as s}from"./p-Da7qOBFr.js";const c=class{constructor(o){r(this,o),this.size="l"}render(){return o(a,{key:"623360f15eff8713b2b6228d5b1793c035495b32"},o("div",{key:"95bf78640b2e1376a7bb6f5e3f0b31b447a110a7",class:"r-accordion"},o("slot",{key:"4de98884581aa2510d22127ce8e86fbc323b528f"})))}get host(){return s(this)}};c.style=":host{--r-accordion--display:block}:host slot{display:contents}:host ::slotted(r-accordion-section[expanded]){--r-accordion-panel--padding-top:var(--r-spacing-150, 1.5rem);--r-accordion-panel--padding-bottom:var(--r-spacing-200, 2rem)}:host([size=small]),:host([size=s]){--r-accordion-trigger--content--font-size:var(--r-font-size-400, 1rem);--r-accordion-trigger--padding-top:var(--r-spacing-100, 1rem);--r-accordion-trigger--padding-bottom:var(--r-spacing-100, 1rem)}:host([size=small]) ::slotted(r-accordion-section[expanded]),:host([size=s]) ::slotted(r-accordion-section[expanded]){--r-accordion-panel--padding-top:var(--r-spacing-100, 1rem);--r-accordion-panel--padding-bottom:var(--r-spacing-150, 1.5rem)}.r-accordion{display:var(--r-accordion--display)}";export{c as r_accordion}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,h as e,H as t}from"./p-Da7qOBFr.js";const o=class{constructor(e){a(this,e),this.active=!1}render(){const{tabId:a,active:o}=this;return e(t,Object.assign({key:"042aba1f5eebeafdff7035d8ad5afc9ec204eb8a",class:"r-typography"},{role:"tabpanel",tabindex:"0",active:o,"aria-labelledby":a}),e("div",{key:"0e9c72a859b07c1e4c2cb4a5d936fbadc07f23ca",class:"r-tab-panel"},e("slot",{key:"2d588c5c67cfd26d7762a2be0c8400faa12a96c8"})))}};o.style=":host([active]:not([active=false])){display:block}:host{display:none;outline:none}:host(:focus-visible){box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}.r-tab-panel{font-family:var(--r-tab-panel--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-tab-panel--font-size, var(--r-font-size-text-400, 1rem))}";export{o as r_tab_panel}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as e,H as o,g as i}from"./p-Da7qOBFr.js";const a=class{constructor(e){r(this,e),this.expanded=!1,this.uniqueId=`r-accoridon-item-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this._clearAttr=r=>{Array.from(this.accordionItemElements).forEach((e=>{this.host!==e&&e.removeAttribute(r)}))},this._toggleItem=()=>{!this.isMultiple&&this.accordionItemElements&&this._clearAttr("expanded"),this.expanded=!this.expanded},this._handleKeyup=r=>{const e="Space"===r.code,o="Enter"===r.code,i=this.host===document.activeElement;this._clearAttr("focused"),i&&this.host.setAttribute("focused","true"),(e||o)&&this._toggleItem()}}get accordionElement(){return this.host.closest("r-accordion")}get accordionItemElements(){var r;return null===(r=this.accordionElement)||void 0===r?void 0:r.querySelectorAll("r-accordion-item")}get isMultiple(){var r;return null===(r=this.accordionElement)||void 0===r?void 0:r.hasAttribute("multiple")}handleClick(){this._clearAttr("focused")}render(){const r={id:`panel-${this.uniqueId}`,"aria-labelledby":`label-${this.uniqueId}`,role:"region"};return e(o,{key:"2f2cf45a424b3de1a9b8c6eaa118be71c5b0363e"},e("div",{key:"a2348ba63e6ad69935c76998676db61b51edd43e",class:"r-accordion-item"},e("button",Object.assign({key:"01f37831070aabd7fbb676d1196ec2306882c165",class:"r-accordion-item--header"},{id:`label-${this.uniqueId}`,"aria-controls":`panel-${this.uniqueId}`,"aria-expanded":`${this.expanded}`},{onClick:this._toggleItem,onKeyUp:this._handleKeyup}),e("span",{key:"7a27bfd5b9d527e77b841b01c978c1d8e977d62e",class:"r-accordion-item--header--text"},this.header),e("span",{key:"25d59dde3a59a023dde787b2fce6e122f74d3b1b",class:"r-accordion-item--header--icon"},e("r-icon",Object.assign({key:"3aaa4ceea1fae691d770d4c2b0f087d2c7f4a0d2"},{name:"angle-down",size:"m"})))),e("div",Object.assign({key:"c9ccce6a6ec630bb4be61f3ae4b9ce378cddb4b3",class:"r-accordion-item--panel"},r),e("slot",{key:"75e7f4c94efd434855ecb80b2e45d76ca0d1fa5f"}))))}get host(){return i(this)}};a.style=":host{--outline:none;--r-accordion-item--display:block;--r-accordion-item--font-family:var(--r-font-family-text);--r-accordion-item--padding:0;--r-accordion-item--border-bottom:1px solid var(--r-border-softer);--r-accordion-item--outline:none;--r-accordion-item--header--width:100%;--r-accordion-item--header--display:flex;--r-accordion-item--header--align-items:center;--r-accordion-item--header--justify-content:space-between;--r-accordion-item--header--padding:24px 16px;--r-accordion-item--header--border-width:0;--r-accordion-item--header--background-color:transparent;--r-accordion-item--header--color:var(--r-text-regular);--r-accordion-item--header--text-align:left;--r-accordion-item--header--text-transform:none;--r-accordion-item--header--font-size:var(--r-font-size-desktop-500);--r-accordion-item--header--font-weight:var(--r-font-weight-regular);--r-accordion-item--header--letter-spacing:normal;--r-accordion-item--header--cursor:pointer;--r-accordion-item--header--outline-width:2px;--r-accordion-item--header--outline-color:rgba(0,0,0,0);--r-accordion-item--header--icon--display:flex;--r-accordion-item--header--icon--align-items:center;--r-accordion-item--header--icon--justify-content:center;--r-accordion-item--header--icon--border-radius:50%;--r-accordion-item--header--icon--width:24px;--r-accordion-item--header--icon--height:24px;--r-accordion-item--header--icon--transition:transform 0.5s cubic-bezier(0.25, 0.8, 0.5, 1) 0s;--r-accordion-item--header--icon--transform:rotate(0deg);--r-accordion-item--panel--font-weight:var(--r-font-weight-regular);--r-accordion-item--panel--font-size:var(--r-font-size-desktop-400);--r-accordion-item--panel--line-height:var(--r-line-height-s);--r-accordion-item--panel--margin:0 16px;--r-accordion-item--panel--transition:all 0.25s ease-in 0s;--r-accordion-item--panel--opacity:0;--r-accordion-item--panel--max-height:0;--r-accordion-item--panel--overflow:hidden;--r-accordion-item--panel--color:var(--r-text-regular)}:host{outline:var(--outline)}:host .r-accordion-item--header:hover{--r-accordion-item--header--background-color:var(--r-background-interactive-hovered)}:host .r-accordion-item--header:active{--r-accordion-item--header--background-color:var(--r-background-interactive-pressed)}:host([focused]:not([focused=false])){--r-accordion-item--header--outline-color:var(--r-border-focused);--r-accordion-item--header--box-shadow:0 0 0 3px var(--r-border-focused-outlined)}:host([expanded]:not([expanded=false])){--r-accordion-item--header--icon--transform:rotate(180deg);--r-accordion-item--panel--margin:24px 16px;--r-accordion-item--panel--opacity:1;--r-accordion-item--panel--max-height:max-content;--r-accordion-item--panel--padding:24px 16px}:host .r-accordion-item--header:hover{--r-accordion-item--header--icon--background-color:var(--r-color-white-haze-400)}:host{outline:var(--outline)}.r-accordion-item{display:var(--r-accordion-item--display);font-family:var(--r-accordion-item--font-family);padding:var(--r-accordion-item--padding);border-bottom:var(--r-accordion-item--border-bottom);outline:var(--r-accordion-item--outline)}.r-accordion-item--header{width:var(--r-accordion-item--header--width);padding:var(--r-accordion-item--header--padding);border-width:var(--r-accordion-item--header--border-width);background-color:var(--r-accordion-item--header--background-color);display:var(--r-accordion-item--header--display);justify-content:var(--r-accordion-item--header--justify-content);align-items:center;color:var(--r-accordion-item--header--color);outline-width:var(--r-accordion-item--header--outline-width);outline-color:var(--r-accordion-item--header--outline-color);cursor:var(--r-accordion-item--header--cursor)}.r-accordion-item--header--text{text-align:var(--r-accordion-item--header--text-align);text-transform:var(--r-accordion-item--header--text-transform);font-size:var(--r-accordion-item--header--font-size);font-weight:var(--r-accordion-item--header--font-weight);letter-spacing:var(--r-accordion-item--header--letter-spacing)}.r-accordion-item--header--icon{display:var(--r-accordion-item--header--icon--display);align-items:var(--r-accordion-item--header--icon--align-items);justify-content:var(--r-accordion-item--header--icon--justify-content);border-radius:var(--r-accordion-item--header--icon--border-radius);width:var(--r-accordion-item--header--icon--width);height:var(--r-accordion-item--header--icon--height);transition:var(--r-accordion-item--header--icon--transition);transform:var(--r-accordion-item--header--icon--transform)}.r-accordion-item--panel{font-weight:var(--r-accordion-item--panel--font-weight);font-size:var(--r-accordion-item--panel--font-size);line-height:var(--r-accordion-item--panel--line-height);margin:var(--r-accordion-item--panel--margin);transition:var(--r-accordion-item--panel--transition);opacity:var(--r-accordion-item--panel--opacity);max-height:var(--r-accordion-item--panel--max-height);overflow:var(--r-accordion-item--panel--overflow);color:var(--r-accordion-item--panel--color)}";export{a as r_accordion_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as r,h as a,H as o,g as s}from"./p-Da7qOBFr.js";const i=class{constructor(a){t(this,a),this.rClickToastTrailingIcon=r(this,"rClickToastTrailingIcon"),this.toastDismiss=r(this,"dismiss"),this.toastReveal=r(this,"reveal"),this.toastHide=r(this,"hide"),this.open=!0,this.status="info",this.announced=!0,this.leadingIconVisible=!0,this.trailingIcon="cross",this.target="_self",this.delay=3e3,this.dismissMode="manual",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 r=this.host.querySelector(t);return null!==r&&(null==r?void 0:r.textContent.trim().length)>0},this.getElContent=t=>{var r;const a=this.host.querySelector(t);return null===(r=null==a?void 0:a.textContent)||void 0===r?void 0:r.trim()},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 hasLeadingSlot(){return this.hasElContent('[slot="leading"]')}get hasLeading(){return this.leadingIconVisible||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}get leadingIconName(){if(this.leadingIcon)return this.leadingIcon;switch(this.status){case"info":default:return"circled-information-i";case"success":return"circled-check";case"warning":return"circled-exclamation-mark";case"error":return"triangle-with-exclamation-mark"}}componentWillLoad(){this.open?this.reveal():this.hide()}render(){const{headline:t,href:r,action:s,target:i,trailingIcon:e}=this,n=this.announced?{role:"alert","aria-live":this.isError?"assertive":"polite"}:{role:"region","aria-label":this.getElContent('[slot="headline"]')||this.headline||null},l={href:r,target:i},h={name:this.leadingIconName,size:"m"},c={name:e,size:"m"};return a(o,Object.assign({key:"f2eeed32d8cb3a36f985060b2301d5c4952740a3"},n,{id:this.uniqueId,"data-visually-hidden":this.isOpen?"false":"true"}),a("div",{key:"6dbcb19980495059a97ed6e2cf77b865c62f1d88",class:"r-toast"},this.hasLeading&&a("div",{key:"f3a7de9a3045b7e0d965d956d0dc36ac03dfb3f6",class:"r-toast--leading"},this.hasLeadingSlot&&a("slot",{key:"942830d225925446c5e1bc6f5fc9e47caf8e2530",name:"leading"}),this.leadingIconVisible&&a("r-icon",Object.assign({key:"4c4bdd20f9c69c59d4763d638dc2f3730eee581c",class:"r-toast--leading-icon"},h))),a("div",{key:"81180a1217f10f7cf4f630fd7866551deb8c3de2",class:"r-toast--main"},this.hasHeadline&&a("h2",{key:"2e22c9900e8f407739869a696f5d2dc8ec638caf",class:"r-toast--headline"},a("slot",{key:"9a123b8a5456bd5f881981a9c89c5d35f15e9415",name:"headline"},t)),this.hasContent&&a("div",{key:"34b506b6ef0ec533cec80c902d566ad428f55c7f",class:"r-toast--content r-typography"},a("slot",{key:"6231fd58c33b9219a780838f35a2177661113cfb",onSlotchange:this.handleSlotChange})),this.hasAction&&a("div",{key:"a856b17da30fa647b04e667b5d401b613490d2e7",class:"r-toast--action"},a("slot",{key:"9c64432a3c76ba430de1ed680b336fce9cc2bf6a",name:"action"},this.hasActionLink&&a("r-button",Object.assign({key:"05d60b75ac3eabfd75c3b30f38d8a6f36a7d9b84",class:"r-toast--action-link",variant:"text-inline",size:"small"},l),s)))),this.hasTrailing&&a("div",{key:"b5926bf99dd9bcf8a2783577156fbeb6ef14c889",class:"r-toast--trailing"},this.hasTrailingSlot&&a("slot",{key:"ba860676e3af6ab4998ed5a2ce3691eefc01511a",name:"trailing"}),this.isDismissManual&&a("r-icon-button",Object.assign({key:"19827fa126fa17763abd4f7efd1459b68e3bfa3f"},c,{class:"r-toast--trailing-button",onClick:this.handleTrailingButtonClick,label:this.dismissLabel}),a("slot",{key:"f398a89d77917a391a1bd883cdd40d87985931ff",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, #3e5c73);--r-toast--background-color:var(--r-status-info-soft, #f8fafb);--r-toast--leading-icon--color:var(--r-status-info-regular, #3e5c73)}:host([status=warning]){--r-toast--border-color:var(--r-status-warning-regular, #ff7429);--r-toast--background-color:var(--r-status-warning-soft, #fef9f5);--r-toast--leading-icon--color:var(--r-status-warning-regular, #89411A)}:host([status=error]){--r-toast--border-color:var(--r-status-error-regular, #b00c15);--r-toast--background-color:var(--r-status-error-soft, #fef6f6);--r-toast--leading-icon--color:var(--r-status-error-regular, #b00c15)}: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--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-050, 0.5rem));padding:var(--r-toast--padding, 12px);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, #3e5c73));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, #3e5c73));margin-top:var(--r-toast--leading-icon--margin-top, 0);margin-right:var(--r-toast--leading-icon--margin-right, var(--r-spacing-025, 0.25rem))}.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, var(--r-line-height-m, 1.5));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-regular, 400));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,.r-toast--action ::slotted(r-button){--r-button--background-color:transparent;--r-button--border-width:0;--r-button--color:var(--r-text-regular);--r-button--padding:10px 2px 18px 2px;--r-button--slot--text-decoration:underline;--r-button--slot--text-underline-offset:9px}.r-toast--action-link:hover,.r-toast--action ::slotted(r-button:hover:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-hovered)}.r-toast--action-link:active,.r-toast--action ::slotted(r-button:active:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-pressed)}.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,c as t,h as o,H as a,g as i}from"./p-Da7qOBFr.js";const e=class{constructor(o){r(this,o),this.rChange=t(this,"rChange"),this.rReset=t(this,"rReset"),this.radioButtonClick=t(this,"radioButtonClick"),this.radioButtonKeydown=t(this,"radioButtonKeydown"),this.radioButtonDeselect=t(this,"radioButtonDeselect"),this.value=this.slotTextValue,this.uniqueId=`r-radio-button-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.onClick=r=>{this.disabled||(r.stopPropagation(),r.preventDefault(),this.radioButtonClick.emit(r))},this.onKeydown=r=>{this.disabled||this.radioButtonKeydown.emit(r)},this.onFocus=()=>{this.host.classList.add("focused")},this.onBlur=()=>{this.host.classList.remove("focused")}}async setFocus(){this.nativeEl.focus()}async setBlur(){this.nativeEl.blur()}async select(){var r;if(this.checked)return;if(this.disabled)return;null===(r=this.radioElements)||void 0===r||r.forEach((r=>{r.checked=!1,r.shadowRoot.querySelector(".r-radio-button--input").setAttribute("tabindex","-1")})),this.checked=!0,this.nativeEl.setAttribute("tabindex","0"),this.nativeEl.focus();const{host:t,value:o,checked:a}=this;this.rChange.emit({element:t,value:o,checked:a})}get radioElements(){return this.groupEl?this.groupEl.querySelectorAll("r-radio-button"):this.parentFormEl?this.parentFormEl.querySelectorAll(`r-radio-button[name=${this.name}]`):document.querySelectorAll(`r-radio-button[name=${this.name}]`)}get slotTextValue(){return this.host.textContent||null}get groupEl(){return this.host.closest("r-radio-group")||null}get parentFormEl(){return this.host.closest("form")||null}get isLeading(){return void 0!==this.icon||null!==this.host.querySelector('[slot="leading"]')||null!==this.host.querySelector("r-radio-button-leading")}get isTrailing(){return null!==this.host.querySelector('[slot="trailing"]')||null!==this.host.querySelector("r-radio-button-trailing")}componentWillLoad(){this.initialState||(this.initialState=this.checked),this.groupEl&&!this.name&&(this.name=this.groupEl.name)}render(){const{name:r,value:t,checked:i,disabled:e,hint:n,uniqueId:d,required:s,invalid:b,error:u}=this;return o(a,{key:"862574a20e04e55e3e7e0b8cb48131652f029030"},o("label",{key:"b916e9d5740605bad9a1f88c6bb07d0564b63f16",class:"r-radio-button",onClick:this.onClick,onKeyDown:this.onKeydown},o("input",Object.assign({key:"d0ca90e85e619d8c5b9a8c71ae1582db65562036"},{type:"radio",tabindex:"-1",name:r,value:t,disabled:e,checked:i,required:s},{id:`${d}-input`,class:"r-radio-button--input",ref:r=>this.nativeEl=r,onFocus:this.onFocus,onBlur:this.onBlur})),o("span",{key:"f77f3e56e88c5e3ad1f3e36e5f96715edb7e91cc",class:"r-radio-button--box"}),this.isLeading&&o("div",{key:"60d6a15880fafd8007d20a80137b30f19d4f641e",class:"r-radio-button--leading"},o("slot",{key:"9329c56d97e5e357ea70d165ee11ac171c605519",name:"leading"},this.icon&&o("r-icon",{key:"ace86d3b61cd39f05ca3146e54d3ae4820d7b66d",name:this.icon,size:"m"}))),o("div",{key:"7773e0c5b2348245e4b4dafc06a6b10a6dc245c3",class:"r-radio-button--text"},o("slot",{key:"f060b0853a7a6ed0108d0182669807fd0236da33",name:"title"},o("div",{key:"1ca5059e718a0bda9a53e2e0f630a617d0252638",style:{display:"contents"}},o("slot",{key:"cb9128b915d2a71cff7e8960d5bd86973c615232"}))),o("slot",{key:"f07a62e2caa36ceb27bc547cf86c7dfcdce1c5b4",name:"description"},this.description)),this.isTrailing&&o("div",{key:"cc5e6dff1c324fdce239f8d4e553e154bdb73eac",class:"r-radio-button--trailing"},o("slot",{key:"3d5e862c5830adb7a480fbb71ff92fef054bf1f7",name:"trailing"}))),b&&u&&o("r-hint",{key:"997b440b69a23cb432b8376b0351a947ec3b162e",role:"alert",variant:"error",id:`${d}-hint`},this.error),n&&o("r-hint",{key:"d3c41065b4924f42a2971d1cb91154e8e3041238",role:"note",variant:"information",id:`${d}-hint`},n))}get host(){return i(this)}};e.style=':host{display:inline-flex;outline:none;position:relative;pointer-events:auto;border:0.0625rem solid transparent;cursor:pointer;min-width:17.5rem}:host slot{display:contents}:host(:hover:not([disabled]:not([disabled=false])):not([checked]:not([checked=false]))){--r-radio-button--cursor:pointer;--r-radio-button--box--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:active:not([disabled]:not([disabled=false])):not([checked]:not([checked=false]))){--r-radio-button--box--border-color:var(--r-border-regular, #282828);--r-radio-button--box--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host(:focus-within),:host(.focused){--r-radio-button--box--box-shadow:0 0 0 4px var(--r-border-focused-outlined, #fff);--r-radio-button--box--outline:2px solid var(--r-border-focused, #0071e3);--r-radio-button--box--outline-offset:1px}:host([checked]:not([checked=false])),:host([checked]:not([checked=false]):hover){cursor:default;--r-radio-button--box--border-color:var(--r-border-regular, #282828);--r-radio-button--box--background-color:var(--r-background-interactive-softest, #fff);--r-radio-button--marker--transform:scale(1)}:host([invalid]:not([invalid=false])),:host([invalid]:not([invalid=false])[checked]:not([checked=false])){--r-radio-button--box--border-color:var(--r-status-error-regular, #b00c15);--r-radio-button--box--background-color:var(--r-status-error-soft, #fef6f6)}:host([disabled]:not([disabled=false])){--r-radio-button--box--opacity:0.4;cursor:not-allowed}.r-radio-button{display:var(--r-radio-button--display, flex);flex:var(--r-radio-button--flex, 1);gap:var(--r-radio-button--gap, var(--r-spacing-075, 0.75rem));position:var(--r-radio-button--position, relative);min-height:var(--r-radio-button--min-height, 24px);user-select:var(--r-radio-button--user-select, none);box-sizing:var(--r-radio-button--box-sizing, border-box);font-family:var(--r-radio-button--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-radio-button--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-radio-button--line-height, var(--r-line-height-m, 1.5rem));text-align:var(--r-radio-button--text-align, left);color:var(--r-radio-button--color, var(--r-text-regular, #282828));opacity:var(--r-radio-button--opacity, 1);box-shadow:var(--r-radio-button--box-shadow, none);outline:var(--r-radio-button--outline, none);cursor:var(--r-radio-button--cursor, inherit);padding:var(--r-radio-button--padding, var(--r-spacing-100, 1rem));margin:var(--r-radio-button--margin, 0);background-color:var(--r-radio-button--background-color, transparent);border-color:var(--r-radio-button--border-color, transparent);border-width:var(--r-radio-button--border-width, 0);border-style:var(--r-radio-button--border-style, solid)}.r-radio-button--input{position:var(--r-radio-button--input--position, absolute);z-index:var(--r-radio-button--input--z-index, -1);opacity:var(--r-radio-button--input--opacity, 0)}.r-radio-button--box{position:var(--r-radio-button--box--position, relative);display:var(--r-radio-button--box--display, block);top:var(--r-radio-button--box--top, 0);left:var(--r-radio-button--box--left, 0);width:var(--r-radio-button--box--width, 1.5rem);height:var(--r-radio-button--box--height, 1.5rem);background-color:var(--r-radio-button--box--background-color, var(--r-background-interactive-softest, #fff));border-width:var(--r-radio-button--box--border-width, 0.0625rem);border-style:var(--r-radio-button--box--border-style, solid);border-color:var(--r-radio-button--box--border-color, var(--r-border-soft, #686868));border-radius:var(--r-radio-button--box--border-radius, 50%);box-sizing:var(--r-radio-button--box--box-sizing, border-box);box-shadow:var(--r-radio-button--box--box-shadow, none);outline:var(--r-radio-button--box--outline, none);outline-offset:var(--r-radio-button--box--outline-offset, 0);cursor:var(--r-radio-button--box--cursor, inherit);opacity:var(--r-radio-button--box--opacity, 1)}.r-radio-button--box::before{content:var(--r-radio-button--marker--content, "");display:var(--r-radio-button--marker--display, block);width:var(--r-radio-button--marker--width, 0.75rem);height:var(--r-radio-button--marker--height, 0.75rem);position:var(--r-radio-button--marker--position, absolute);top:var(--r-radio-button--marker--top, calc(50% - 0.375rem));left:var(--r-radio-button--marker--left, calc(50% - 0.375rem));border-radius:var(--r-radio-button--marker--border-radius, 50%);background-color:var(--r-radio-button--marker--background-color, var(--r-background-interactive-regular, #282828));transition:var(--r-radio-button--marker--transition, 0.1s all);transform:var(--r-radio-button--marker--transform, scale(0));transform-origin:var(--r-radio-button--marker--transform-origin, center)}.r-radio-button--text{flex:var(--r-radio-button--text--flex, 1);display:var(--r-radio-button--text--display, flex);flex-direction:var(--r-radio-button--text--flex-direction, column);gap:var(--r-radio-button--text--gap, var(--r-spacing-025, 0.25rem));font-weight:var(--r-radio-button--text--font-weight, var(--r-font-weight-semibold, 600))}.r-radio-button--leading{min-height:var(--r-radio-button--leading--min-height, var(--r-spacing-150, 1.5rem));min-width:var(--r-radio-button--leading--min-width, calc(var(--r-spacing-150, 1.5rem) + 2 * var(--r-spacing-075, 0.75rem)));color:var(--r-radio-button--leading--color, var(--r-icon-soft, #686868));display:var(--r-radio-button--leading--display, flex);justify-content:var(--r-radio-button--leading--justify-content, center);align-items:var(--r-radio-button--leading--align-items, start)}';export{e as r_radio_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as r,h as i,H as e,g as a}from"./p-Da7qOBFr.js";const o=class{constructor(i){t(this,i),this.rClickAlertTrailingIcon=r(this,"rClickAlertTrailingIcon"),this.status="info",this.announced=!0,this.leadingIconSize="m",this.trailingIcon="cross",this.trailingIconSize="m",this.target="_self",this.dismissButtonAriaLabel="Dismiss alert",this.isElContent=t=>{const r=this.host.querySelector(t);return null!==r&&(null==r?void 0:r.textContent.trim().length)>0},this.collapseAlert=()=>{this.host.setAttribute("aria-hidden","true")},this.startCollapseTimer=()=>{this.delayTimer=setTimeout((()=>{this.collapseAlert(),clearTimeout(this.delayTimer)}),1e3*this.delay)},this.handleTrailingButtonClick=()=>{this.rClickAlertTrailingIcon.emit(),this.collapseAlert()}}get isLeadingIcon(){var t,r;return(null===(t=this.leadingIcon)||void 0===t?void 0:t.length)>0||(null===(r=this.leadingIconSrc)||void 0===r?void 0:r.length)>0}get isLeadingSlot(){return this.isElContent('[slot="leading"]')}get isLeading(){return this.isLeadingIcon||this.isLeadingSlot}get isTrailingIcon(){var t,r;return(null===(t=this.trailingIcon)||void 0===t?void 0:t.length)>0||(null===(r=this.trailingIconSrc)||void 0===r?void 0:r.length)>0}get isTrailingSlot(){return this.isElContent('[slot="trailing"]')}get isTrailing(){return this.isTrailingIcon||this.isTrailingSlot}get isHeadline(){var t;return(null===(t=this.headline)||void 0===t?void 0:t.length)>0}get isContent(){var t;return(null===(t=this.content)||void 0===t?void 0:t.length)>0}get isLink(){var t,r;return(null===(t=this.href)||void 0===t?void 0:t.length)>0&&(null===(r=this.linkText)||void 0===r?void 0:r.length)>0}get isSlot(){return this.host.textContent.trim().length>0}get isMain(){return this.isHeadline||this.isContent||this.isLink||this.isSlot}get isDelay(){return this.delay&&this.delay>=0}get headlineSlotContent(){var t;const r=this.host.querySelector('[slot="headline"]');return null===(t=null==r?void 0:r.textContent)||void 0===t?void 0:t.trim()}componentDidLoad(){this.isDelay&&this.startCollapseTimer()}render(){const t={name:this.leadingIcon,src:this.leadingIconSrc,size:this.leadingIconSize},r={name:this.trailingIcon,src:this.trailingIconSrc,size:this.trailingIconSize};return i(e,Object.assign({key:"21f71227b2d8e749b9c222553324b7a518db6c00"},this.announced?{role:"alert","aria-live":"info"===this.status?"polite":"assertive"}:{role:"region","aria-label":this.headlineSlotContent||this.headline||null}),i("div",{key:"04545eb2e7f5aa149e08b1098a09b7bbd41b8f8b",class:"r-alert"},this.isLeading&&i("div",{key:"697fcb773c8688605bc369ecd562595f841c8b86",class:"r-alert--leading"},i("slot",{key:"e4f2341b214b5813c05663b98ebaf59144a29a21",name:"leading"}),this.isLeadingIcon&&i("r-icon",Object.assign({key:"94d64589b0b6063ba22b1b044a03505e8accc03a"},t))),this.isMain?i("div",{class:"r-alert--main"},i("slot",{name:"headline"},this.isHeadline&&i("h3",{class:"r-alert--headline"},this.headline)),i("slot",{name:"content"},this.isContent&&i("div",{class:"r-alert--content"},this.content)),i("slot",{name:"link"},this.isLink&&i("r-button",{class:"r-alert--link",variant:"text-inline",size:"small",href:this.href,target:this.target},this.linkText)),i("slot",null)):i("slot",null),this.isTrailing&&i("div",{key:"5ff4fffe810c9239edde784eae84640241881b26",class:"r-alert--trailing"},i("slot",{key:"633dc2f469d7e5d30d3168cad9f09d2d571907b0",name:"trailing"},this.isTrailingIcon&&i("r-icon-button",{key:"32bf203995271d64ad7ba57a979c5894d9da152d",name:this.trailingIconSrc?null:this.trailingIcon,onClick:this.handleTrailingButtonClick,label:this.dismissButtonAriaLabel},this.trailingIconSrc&&i("r-icon",Object.assign({key:"b3dcf618e5910745944600065c622ff6e19a953d"},r)))))))}get host(){return a(this)}};o.style=":host([status=info]){--color:var(--r-status-info-soft, #f8fafb);--background-color:var(--r-status-info-regular, #3e5c73)}:host([status=warning]){--color:var(--r-text-warning, #000000);--r-alert--leading-icon--color:var(--r-icon-warning, #000000);--background-color:var(--r-status-warning-regular, #ff7429)}:host([status=error]){--color:var(--r-status-error-soft, #fef6f6);--background-color:var(--r-status-error-regular, #b00c15)}:host([status=error]) r-icon-button:hover,:host([status=info]) r-icon-button:hover{--r-icon-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}:host([status=error]) r-icon-button:active,:host([status=info]) r-icon-button:active{--r-icon-button--background-color:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}:host([status=error]) .r-alert--link:hover,:host([status=error]) ::slotted(r-button:hover:not([disabled]):not([disabled=true])),:host([status=info]) .r-alert--link:hover,:host([status=info]) ::slotted(r-button:hover:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}:host([status=error]) .r-alert--link:active,:host([status=error]) ::slotted(r-button:active:not([disabled]):not([disabled=true])),:host([status=info]) .r-alert--link:active,:host([status=info]) ::slotted(r-button:active:not([disabled]):not([disabled=true])){--r-button--background-color--active:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}:host([aria-hidden=true]){--transition:all 0.5s;--position:absolute;--visibility:hidden;--opacity:0;--z-index:-1}:host{display:var(--display, block);color:var(--color, var(--r-status-info-soft, #f8fafb));background-color:var(--background-color, var(--r-status-info-regular, #3e5c73));position:var(--position, relative);width:var(--width, 100%);left:var(--left, 0);transition:var(--transition, none);visibility:var(--visibility, visible);opacity:var(--opacity, 1);z-index:var(--z-index, unset);font-family:var(--font-family, var(--r-font-family-text, system-ui));font-size:var(--font-size, var(--r-font-size-400, 1rem));font-weight:var(--font-weight, var(--r-font-weight-regular, 400))}@media (prefers-reduced-motion){:host{transition:none}}.r-alert{display:var(--r-alert--display, grid);grid-template-columns:var(--r-alert--grid-template-columns, auto 1fr auto);gap:var(--r-alert--gap, var(--r-spacing-100, 1rem));padding:var(--r-alert--padding, 16px);box-sizing:var(--r-alert--box-sizing, border-box)}.r-alert:empty{--r-alert--display:none}.r-alert--main{display:var(--r-alert--main--display, flex);flex-flow:var(--r-alert--main--flex-flow, column);gap:var(--r-alert--main--gap, var(--r-spacing-050))}.r-alert--headline{color:var(--r-alert--headline--color, var(--color));font-size:var(--r-alert--headline--font-size, var(--r-font-size-400, 1rem));font-weight:var(--r-alert--headline--font-weight, var(--r-font-weight-semibold, 600));line-height:var(--r-alert--headline--line-height, var(--r-line-height-m, 1.5));margin:var(--r-alert--headline--margin, 0)}.r-alert--leading{color:var(--r-alert--leading-icon--color, var(--color))}.r-alert--trailing r-icon-button{--r-button--padding:0;--r-button--color:var(--color)}.r-alert--link,.r-alert ::slotted(r-button){--r-button--background-color:transparent;--r-button--border-width:0;--r-button--color:var(--r-alert--link--color, var(--color));--r-button--padding:10px 2px 18px 2px;--r-button--slot--text-decoration:underline;--r-button--slot--text-underline-offset:9px}.r-alert--link:hover,.r-alert ::slotted(r-button:hover:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-hovered)}.r-alert--link:active,.r-alert ::slotted(r-button:active:not([disabled]):not([disabled=true])){--r-button--color--active:var(--r-alert--link--color, var(--color));--r-button--background-color--active:var(--r-background-interactive-pressed)}";export{o as r_alert}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,c as t,h as o,H as i,g as n}from"./p-Da7qOBFr.js";const a=class{constructor(o){r(this,o),this.rClickTrigger=t(this,"rClickTrigger"),this.rKeyupTrigger=t(this,"rKeyupTrigger"),this.icon="angle-down",this.iconSize="m",this.iconPosition="end",this.iconExpanded="angle-up",this.iconCollapsed="angle-down",this.leadingIconSize="m",this.handleClick=r=>{this.disabled||(r.stopPropagation(),r.preventDefault(),this.rClickTrigger.emit({element:this.host,panelId:this.panel,expanded:this.expanded}))},this.handleKeyup=r=>{this.disabled||("Space"===r.code||"Enter"===r.code)&&(r.stopPropagation(),r.preventDefault(),this.rKeyupTrigger.emit({element:this.host,panelId:this.panel,expanded:this.expanded}))},this.handleKeydown=r=>{this.disabled||"Space"===r.code&&r.preventDefault()},this._replaceSlotName=r=>{var t,o;const i=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(`.r-accordion-trigger--${r}`);null===(o=null==i?void 0:i.querySelector("slot"))||void 0===o||o.setAttribute("name",`${r}-${this.nameAddition}`)}}get hasPanel(){const r=this.host.closest("r-accordion-section");return null!==(null==r?void 0:r.querySelector("r-accordion-panel"))}get nameAddition(){return this.expanded?"expanded":"collapsed"}updateExpanded(){this.splitted&&(this._replaceSlotName("icon"),this._replaceSlotName("content"))}render(){const r={role:"button",tabindex:this.disabled?"-1":"0",slot:"accordion-trigger","aria-controls":`${this.panel||""}`,"aria-expanded":`${this.expanded||!1}`,"aria-disabled":`${this.disabled||!1}`,"data-has-panel":`${this.hasPanel}`};return r["aria-controls"]=this.panel?`${this.panel}`:null,o(i,Object.assign({key:"d235b70fd5a27c0395e7d64b1ceec4a9254de4c6",onClick:this.handleClick,onKeyup:this.handleKeyup,onKeydown:this.handleKeydown},r),o("span",{key:"e0aa03725cae1b5b2562581388b9d86a56c7ff9c",class:"r-accordion-trigger"},o("span",{key:"556699d5335fce11c5ad4e801d43770049971c52",class:"r-accordion-trigger--content"},o("slot",{key:"0666ed3a794a45d16d385909e9c7d37924d9c8c5",name:"leading-icon"},this.leadingIcon&&o("r-icon",{key:"05d42ffa9abcff6a3261bfc9af598587f0cc0c83",name:this.leadingIcon,size:this.leadingIconSize})),this.splitted?o("slot",{name:`content-${this.nameAddition}`},o("slot",null)):o("slot",null)),o("span",{key:"c174ffb461cb2ea616928c7d905926c548afac36",class:"r-accordion-trigger--icon"},this.splitted?o("slot",{name:`icon-${this.nameAddition}`},o("r-icon",{name:this.expanded?this.iconExpanded:this.iconCollapsed,size:this.iconSize})):o("slot",{name:"icon"},o("r-icon",{name:this.icon,size:this.iconSize})))))}get host(){return n(this)}static get watchers(){return{expanded:["updateExpanded"]}}};a.style=":host{display:block;cursor:pointer;font-family:var(--r-font-family-text, system-ui);outline:none}:host slot{display:contents}:host(:focus-visible){box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}:host(:hover:not([data-has-panel=false]):not([disabled]:not([disabled=false]))){--r-accordion-trigger--background-color:var(--r-background-interactive-hovered, rgba(40,40,40,0.04))}:host(:active:not([data-has-panel=false]):not([disabled]:not([disabled=false]))){--r-accordion-trigger--background-color:var(--r-background-interactive-pressed, rgba(40,40,40,0.12))}:host([expanded]:not([expanded=false]):not([splitted])){--r-accordion-trigger--icon--background-color:var(--r-color-white-haze-400);--r-accordion-trigger--icon--transform:rotate(180deg)}:host([disabled]:not([disabled=false])){cursor:not-allowed;--r-accordion-trigger--content--leading-slot--opacity:0.4;--r-accordion-trigger--icon--opacity:0.4;--r-accordion-trigger--background-color:transparent}:host([data-has-panel=false]){cursor:default;--r-accordion-trigger--icon--display:none}:host([icon-position=start]){--r-accordion-trigger--flex-direction:row-reverse}.r-accordion-trigger{display:var(--r-accordion-trigger--display, flex);align-items:var(--r-accordion-trigger--align-items, center);flex-direction:var(--r-accordion-trigger--flex-direction, end);justify-content:var(--r-accordion-trigger--justify-content, space-between);gap:var(--r-accordion-trigger--gap, var(--r-spacing-150, 1.5rem));color:var(--r-accordion-trigger--color, var(--r-text-regular, #282828));padding-right:var(--r-accordion-trigger--padding-right, var(--r-spacing-100, 1rem));padding-left:var(--r-accordion-trigger--padding-left, var(--r-spacing-100, 1rem));padding-top:var(--r-accordion-trigger--padding-top, var(--r-spacing-150, 1.5rem));padding-bottom:var(--r-accordion-trigger--padding-bottom, var(--r-spacing-150, 1.5rem));background-color:var(--r-accordion-trigger--background-color, transparent)}.r-accordion-trigger--content{box-sizing:var(--r-accordion-trigger--content--box-sizing, border-box);width:var(--r-accordion-trigger--content--width, 100%);display:var(--r-accordion-trigger--content--display, flex);align-items:var(--r-accordion-trigger--content--align-items, center);gap:var(--r-accordion-trigger--content--gap, var(--r-spacing-100, 1rem));border-width:var(--r-accordion-trigger--content--border-width, 0);background-color:var(--r-accordion-trigger--content--background-color, transparent);color:var(--r-accordion-trigger--content--color, inherit);text-align:var(--r-accordion-trigger--content--text-align, left);text-transform:var(--r-accordion-trigger--content--text-transform, none);font-size:var(--r-accordion-trigger--content--font-size, var(--r-font-size-500));font-weight:var(--r-accordion-trigger--content--font-weight, var(--r-font-weight-regular));letter-spacing:var(--r-accordion-trigger--content--letter-spacing, normal)}.r-accordion-trigger--content ::slotted([slot=leading-icon]){color:var(--r-accordion-trigger--content--leading-slot--color, var(--r-icon-soft, #686868));opacity:var(--r-accordion-trigger--content--leading-slot--opacity, 1)}.r-accordion-trigger--icon{display:var(--r-accordion-trigger--icon--display, flex);align-items:var(--r-accordion-trigger--icon--align-items, center);justify-content:var(--r-accordion-trigger--icon--justify-content, center);min-width:var(--r-accordion-trigger--icon--min-width, var(--r-spacing-150, 1.5rem));width:var(--r-accordion-trigger--icon--width, var(--r-spacing-150, 1.5rem));height:var(--r-accordion-trigger--icon--height, var(--r-spacing-150, 1.5rem));transition:var(--r-accordion-trigger--icon--transition, transform 0.25s cubic-bezier(0.25, 0.8, 0.5, 1) 0s);transform:var(--r-accordion-trigger--icon--transform, rotate(0deg));color:var(--r-accordion-trigger--icon--color, var(--r-text-regular, #282828));opacity:var(--r-accordion-trigger--icon--opacity, 1)}@media (prefers-reduced-motion){.r-accordion-trigger--icon{transition:none}}";export{a as r_accordion_trigger}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r,H as a,g as e}from"./p-Da7qOBFr.js";const s=class{constructor(r){t(this,r)}render(){return r(a,{key:"a1c1c9d525cd2fb7b6223677f216b8398c3dac9f",slot:"trailing"},r("div",{key:"554e798bcd117d7a56024097041609dc532ad2c1",class:"r-radio-button-trailing",style:{display:"contents"}},r("slot",{key:"f48cef26f06bedf6e37439dd1f406d5c789b06a0"})))}get host(){return e(this)}};s.style=":host{font-weight:var(--r-font-weight-regular, 400);font-size:var(--r-font-size-400, 1rem);text-align:right;color:var(--r-text-regular, #282828)}";export{s as r_radio_button_trailing}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as r,H as n,g as i}from"./p-Da7qOBFr.js";const e=class{constructor(r){t(this,r),this.rClick=o(this,"rClick"),this.size="m",this.tooltipPosition="top",this.variant="standard",this._handleClick=t=>{this.disabled?t.preventDefault():this.rClick.emit()},this.onFocus=()=>{this.setFocus()},this.onBlur=()=>{this.setBlur()}}async triggerClick(){var t;null===(t=this.nativeElement)||void 0===t||t.click()}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()}render(){const{name:t,size:o,disabled:i,tooltipText:e,tooltipPosition:a}=this,c={disabled:i},s={name:t,size:o},b=()=>r("button",Object.assign({key:"ce7c3beb7c5fdbff3b47011289fe730dddf844f5",type:"button",class:"r-icon-button","aria-label":this.host.getAttribute("aria-label")||null},c,{onClick:this._handleClick,onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.nativeElement=t}),t?r("r-icon",Object.assign({},s)):r("r-icon",{size:o,class:"r-icon-button--icon"},r("slot",null)),r("span",{key:"914c52bcfa15416981670f65cc4c009dd887003a",class:"r-icon-button--label visually-hidden"},this.label),r("span",{key:"e30a94256908de2c81f42d294e68a5e5524055c0",class:"r-icon-button--target-area"}));return r(n,{key:"b894237ccf791815719dc96ab85b7717141afdaf"},!i&&e?r("r-tooltip",{text:e,position:a},b()):b())}get host(){return i(this)}};e.style=":host{display:inline-flex;vertical-align:top;--r-icon-button--color:inherit}:host(:hover:not([disabled]:not([disabled=false])):not(:active)){--r-icon-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:active:not([disabled]:not([disabled=false]))){--r-icon-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host(:focus-within:not(:active):not([disabled]:not([disabled=false]))){box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}:host([disabled]:not([disabled=false])){opacity:0.4;--r-icon-button--cursor:not-allowed;--r-icon-button--box-shadow:none;--r-icon-button--background-color:transparent}:host([variant=contained]){--r-icon-button--color:var(--r-icon-inverse, #fff);--r-icon-button--background-color:var(--r-background-interactive-regular, #282828);--r-icon-button--box-shadow:none}:host([variant=contained]:hover:not([disabled]:not([disabled=false]))){--r-icon-button--color:var(--r-icon-regular, #282828);--r-icon-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([variant=contained]:active:not([disabled]:not([disabled=false]))){--r-icon-button--color:var(--r-icon-regular, #282828);--r-icon-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([variant=contained][disabled]:not([disabled=false])){--r-icon-button--color:var(--r-icon-inverse, #fff);--r-icon-button--background-color:var(--r-background-interactive-regular, #282828)}:host([size=s]){--r-icon-button--height:1.5rem;--r-icon-button--width:1.5rem}:host([size=m]){--r-icon-button--height:2.25rem;--r-icon-button--width:2.25rem}:host([size=l]){--r-icon-button--height:2.75rem;--r-icon-button--width:2.75rem}.r-icon-button{display:var(--r-icon-button--display, inline-flex);align-items:var(--r-icon-button--align-items, center);justify-content:var(--r-icon-button--justify-content, center);outline:var(--r-icon-button--outline, none);cursor:var(--r-icon-button--cursor, pointer);pointer-events:var(--r-icon-button--pointer-events, initial);padding:var(--r-icon-button--padding, 0);border:var(--r-icon-button--border, none);color:var(--r-icon-button--color, inherit);background-color:var(--r-icon-button--background-color, transparent);box-sizing:var(--r-icon-button--box-sizing, border-box);border-width:var(--r-icon-button--border-width, 1px);border-style:var(--r-icon-button--border-style, solid);border-color:var(--r-icon-button--border-color, transparent);border-radius:var(--r-icon-button--border-radius, 50%);z-index:var(--r-icon-button--z-index, initial);width:var(--r-icon-button--width, 2.25rem);height:var(--r-icon-button--height, 2.25rem)}.r-icon-button--target-area{position:var(--r-icon-button--target-area--position, absolute);background:var(--r-icon-button--target-area--background, rgba(0, 0, 0, 0));width:var(--r-icon-button--target-area--width, 2.75rem);height:var(--r-icon-button--target-area--height, 2.75rem);z-index:var(--r-icon-button--target-area--z-index, 1)}.r-icon-button--icon{display:flex;align-items:center;justify-content:center}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}";export{e as r_icon_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r,H as e,g as s}from"./p-Da7qOBFr.js";import{s as a,a as o}from"./p-B9rsR6cQ.js";import"./p-4Uv3PpKT.js";const i=class{constructor(r){t(this,r)}connectedCallback(){const t=this.host.closest("r-popover");a(this.host,t)}disconnectedCallback(){const t=this.host.closest("r-popover");o(this.host,t)}render(){return r(e,{key:"f878fb9ca3ffe1df00088bbd2fe1b6321130228a",slot:"headline"},r("slot",{key:"1a477943ab993f8960f3e77dd90a72a276bf4200"}))}get host(){return s(this)}};i.style=":host{margin:0;font-family:var(--r-font-family-heading);font-size:var(--r-font-size-500, 1.25rem);font-weight:var(--r-font-weight-light, 300);line-height:var(--r-line-height-s, 1.25)}";export{i as r_popover_headline}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,F as e,H as r,g as s}from"./p-Da7qOBFr.js";const l=class{constructor(i){t(this,i),this.variant="list-item",this.expanded=!1,this.isEl=t=>null!==this.host.querySelector(t)}async toggleSubitems(){this.disabled||"subitem"!==this.variant&&(this.expanded=!this.expanded)}get isLeadingIcon(){return!!this.leadingIcon||!!this.leadingIconSrc}get isLeadingSlot(){return this.isEl('[slot="leading"]')}get isLeading(){return this.isLeadingIcon&&!this.hideLeadingIcon||this.isLeadingSlot}get isTrailingIcon(){var t,i;return(null===(t=this.trailingIcon)||void 0===t?void 0:t.length)>0||(null===(i=this.trailingIconSrc)||void 0===i?void 0:i.length)>0}get isTrailingSlot(){return this.isEl('[slot="trailing"]')}get isTrailing(){var t;return this.isTrailingIcon||(null===(t=this.trailingText)||void 0===t?void 0:t.length)>0||this.isTrailingSlot}get isTextSlot(){return this.isEl('[slot="text"]')}get isHeadlineSlot(){return this.isEl('[slot="headline"]')}get isDescriptionSlot(){return this.isEl('[slot="description"]')||this.isEl('[slot="subtext"]')}get hasSubitems(){return this.isEl('[variant="subitem"]')}get subItems(){var t;return null===(t=this.host)||void 0===t?void 0:t.querySelectorAll('[variant="subitem"]')}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.toggleSubitems()}handleSubitemClick(t){t.stopPropagation()}setTabIndexOnSubItems(){this.hasSubitems&&this.subItems.forEach((t=>{t.shadowRoot.querySelector("a.r-list-item").setAttribute("tabindex",this.disabled?"-1":"0")}))}componentDidLoad(){this.setTabIndexOnSubItems()}get tagName(){return this.href&&!this.disabled?"a":"div"}render(){const{leadingIcon:t,leadingIconSrc:s,trailingIcon:l,trailingIconSrc:a,headline:o,trailingText:n,subtext:d,description:m}=this,c=this.tagName,h=Object.assign({href:"a"===c?this.href:null},this.disabled?{role:"link","aria-disabled":"true"}:null),v=i(c,Object.assign({class:"r-list-item"},h),this.isLeading&&i("span",{class:"r-list-item--leading"},i("slot",{name:"leading"},this.isLeadingIcon&&!this.hideLeadingIcon&&i("r-icon",{class:"r-list-item--leading-icon",name:t,src:s}))),i("span",{class:"r-list-item--text"},this.isTextSlot?i("slot",{name:"text"}):i(e,null,(this.isHeadlineSlot||o)&&i("span",{class:"r-list-item--headline"},i("slot",{name:"headline"},o)),(m||this.isDescriptionSlot||d)&&i("span",{class:"r-list-item--description"},i("slot",{name:"subtext"},d),i("slot",{name:"description"},m)))),this.isTrailing&&i("span",{class:"r-list-item--trailing"},i("slot",{name:"trailing"},this.isTrailingIcon&&!n&&i("r-icon",{class:"r-list-item--trailing-icon",name:l,src:a}),n&&!this.isTrailingIcon&&i("span",{class:"r-list-item--trailing-text"},n))));return this.hasSubitems?i(r,{onKeyDown:this.handleKeyDown,onClick:this.toggleSubitems,tabindex:this.disabled?"-1":"0"},i("div",{class:"r-list-item-wrapper"},v,this.expanded&&i("span",{class:"sub-items",onClick:this.handleSubitemClick},i("slot",null)))):i(r,null,v)}get host(){return s(this)}};l.style=":host([alignment=top]){--r-list-item--trailing-text--font-weight:bold;--r-list-item--trailing--align-self:start}:host([alignment=bottom]) .r-list-item{--r-list-item--trailing--align-self:end}:host([divider]:not([divider=false])){--r-list-item--border-color:var(--r-border-soft, #686868);--r-list-item--border-width:0 0 1px 0}:host([active]) .r-list-item{--r-list-item--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([variant=navitem]:not([active]):hover:not([disabled]:not([disabled=false])))>.r-list-item,:host([href]:not([active]):hover:not([disabled]:not([disabled=false])))>.r-list-item{--r-list-item--cursor:pointer;--r-list-item--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([variant=navitem][has-sub-items]:hover:not([disabled]:not([disabled=false])))>.r-list-item-wrapper>.r-list-item{--r-list-item--cursor:pointer;--r-list-item--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([variant=navitem][has-sub-items]:has([active]):hover:not([disabled]:not([disabled=false])))>.r-list-item-wrapper>.r-list-item{--r-list-item--cursor:pointer;--r-list-item--background-color:transparent}:host([variant=navitem][expanded])>.r-list-item-wrapper>.r-list-item{--r-list-item--headline--font-weight:600;--r-list-item--trailing-icon--transform:rotate(180deg);--r-list-item--trailing-icon--color:var(--r-icon-regular, #282828)}:host([variant=navitem][active-parent]:not([expanded])),:host([variant=navitem][active]:not([expanded])){--r-list-item--background-color:var(--r-background-interactive-activated, rgba(40, 40, 40, 0.08))}:host([variant=subitem]) .r-list-item{--r-list-item--margin-left:27px;--r-list-item--border-width:0 0 0 1px;--r-list-item--border-color:var(--r-border-soft, #686868)}:host([variant=subitem][active]) .r-list-item{--r-list-item--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host(:focus-visible:not(:active)) .r-list-item{--r-list-item--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-list-item--outline:2px solid var(--r-border-focused, #0071e3);--r-list-item--outline-offset:2px}:host(:focus-within) .r-list-item[href]{--r-list-item--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-list-item--outline:2px solid var(--r-border-focused, #0071e3);--r-list-item--outline-offset:2px}:host([disabled]:not([disabled=false])){cursor:not-allowed;--r-list-item--background-color:transparent}:host([disabled]:not([disabled=false])[divider]:not([divider=false])){--r-list-item--border-color:rgba(104,104,104, 0.4);--r-list-item--leading-icon--color:rgba(104,104,104, 0.4)}:host([truncate-description]:not([truncate-description=false])){--r-list-item--description--white-space:nowrap}:host{display:var(--display, block);pointer-events:var(--pointer-events, auto);outline:var(--outline, none);font-family:var(--font-family, var(--r-font-family-text, system-ui));line-height:var(--line-height, var(--r-line-height-m, 1.5));color:var(--color, var(--r-text-regular, #282828))}.r-list-item{display:var(--r-list-item--display, flex);align-items:var(--r-list-item--align-items, center);justify-content:var(--r-list-item--justify-content, center);gap:var(--r-list-item--gap, 16px);width:var(--r-list-item--width, inherit);padding:var(--r-list-item--padding, 16px);margin-left:var(--r-list-item--margin-left, 0);opacity:var(--r-list-item--opacity, 1);color:var(--r-list-item--color, inherit);box-shadow:var(--r-list-item--box-shadow, none);outline:var(--r-list-item--outline, none);outline-offset:var(--r-list-item--outline-offset, 0);text-decoration:var(--r-list-item--text-decoration, none);background-color:var(--r-list-item--background-color, transparent);border-style:var(--r-list-item--border-style, solid);border-width:var(--r-list-item--border-width, 0);border-color:var(--r-list-item--border-color, transparent);cursor:var(--r-list-item--cursor, inherit);font-weight:var(--r-list-item--font-weight, var(--r-font-weight-regular, 400));outline:var(--r-list-item--outline, none)}.r-list-item--leading{color:var(--r-list-item--leading--color, var(--r-icon-soft, #686868))}.r-list-item--leading-icon{color:var(--r-list-item--leading-icon--color, var(--r-icon-soft, #686868))}.r-list-item--trailing{display:var(--r-list-item--trailing--display, flex);align-self:var(--r-list-item--trailing--align-self, center);gap:var(--r-list-item--trailing--gap, 8px);color:var(--r-list-item--trailing--color, inherit)}.r-list-item--trailing-icon{transition:var(--r-list-item--trailing-icon--transition, transform 250ms ease-in-out);transform:var(--r-list-item--trailing-icon--transform, rotate(0deg));color:var(--r-list-item--trailing-icon--color, inherit)}.r-list-item--trailing-text{font-weight:var(--r-list-item--trailing-text--font-weight, 400);white-space:var(--r-list-item--trailing-text--white-space, nowrap)}.r-list-item--trailing ::slotted(*){display:var(--r-list-item--trailing-slotted--display, flex);gap:var(--r-list-item--trailing-slotted--display, 8px)}.r-list-item--text{display:var(--r-list-item--text--display, flex);flex-grow:var(--r-list-item--text--flex-grow, 1);flex-direction:var(--r-list-item--text--flex-direction, column);gap:var(--r-list-item--text--gap, 2px);white-space:var(--r-list-item--text--white-space, normal);overflow:var(--r-list-item--text--overflow, hidden);text-overflow:var(--r-list-item--text--text-overflow, ellipsis);font-weight:var(--r-list-item--trailing-text--font-weight, inherit)}.r-list-item--headline{font-size:var(--r-list-item--headline--font-size, 1rem);font-weight:var(--r-list-item--headline--font-weight, 600);line-height:var(--r-list-item--headline--line-height, 1.5);color:var(--r-list-item--headline--color, inherit)}.r-list-item--subtext,.r-list-item--description{font-size:var(--r-list-item--description--font-size, var(--r-list-item--subtext--font-size, 1rem));font-weight:var(--r-list-item--description--font-weight, var(--r-list-item--subtext--font-weight, 400));line-height:var(--r-list-item--description--line-height, var(--r-list-item--subtext--line-height, 1.5));color:var(--r-list-item--description--color, var(--r-list-item--subtext--color, var(--r-text-regular, #282828)));white-space:var(--r-list-item--description--white-space, normal);overflow:var(--r-list-item--description--overflow, hidden);text-overflow:var(--r-list-item--description--text-overflow, ellipsis)}.r-list-item--subtext ::slotted(a),.r-list-item--description ::slotted(a){color:var(--r-list-item--description--color, var(--r-list-item--subtext--slotted--color, inherit))}";export{l as r_list_item}
|