@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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as e,H as a,g as t}from"./p-Da7qOBFr.js";const i=class{constructor(e){r(this,e)}get iconName(){if(this.icon)return this.icon;const r={error:"circled-exclamation-mark",warning:"circled-cross",success:"circled-check"};return this.variant in r?r[this.variant]:null}get hasIconSlot(){return!!this.host.querySelector('[slot="icon"]')}get hasIcon(){return this.hasIconSlot||null!==this.iconName}render(){return e(a,{key:"1cbe08b7b3b01fc7d870416a1b14e3b1b8525797"},e("div",{key:"17494f3ae8bdf394858e2f9337e54bd844a467d0",class:"r-hint"},this.hasIcon&&e("div",{key:"ed406c6ae45ea4c25e6735752ced3a988c2f2274",class:"r-hint--icon"},e("slot",{key:"9e93b83d3f9e71f722ffdb813d46b667eec556a5",name:"icon"},this.iconName&&e("r-icon",{key:"841c3e53381a21e1341191eb7a0b32fdd696c47f",name:this.iconName,size:"s"}))),e("div",{key:"946d0813297923053452519b9871cd9a0d04679f",class:"r-hint--text"},e("slot",{key:"f7343fcc6a4cbe9f5584f8d94feff33cfd8f2560"}))))}get host(){return t(this)}};i.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 l=class{constructor(e){r(this,e)}render(){const{fieldIndicator:r}=this;return e(a,{key:"d823556813a282022aa18e138a3ac89d7f22af2a"},e("div",{key:"1cea58412a4599e009080eb224d17324d5cad0b3",class:"r-label"},e("span",{key:"c0ade32425b07866b7a3096f203c7848eaa83e55",class:"r-label--slot"},e("slot",{key:"9c782ed621889966189bba0d4c46de620315c9c4"}),r&&e("span",{key:"c4a4fcbed3e744bed679d8e9c6416a51407a686a",class:"r-label--marker"},r))))}};l.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)}';export{i as r_hint,l as r_label}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as r,h as e,H as a,g as i}from"./p-Da7qOBFr.js";import{a as n}from"./p-DvLT8-y3.js";const s=class{constructor(e){t(this,e),this.rChange=r(this,"rChange"),this.rInput=r(this,"rInput"),this.rReset=r(this,"rReset"),this.rValidate=r(this,"rValidate"),this.value=this.textareaSlotValue,this.placeholder="Provide an input",this.resize="none",this.characterLimitReachedMessage="You've reached the character limit.",this.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=>{n(this.nativeElement||this.host,t.formData)}}async setValue(t){this.readonly||(this.value=t)}async getValue(){return this.value}async reset(){this.readonly||(this.validityState=null,this.validityMessage=null,this.value=this.initial.value,this.invalid=this.initial.invalid,this.valid=!this.invalid)}async setFocus(){this.nativeElement.focus()}async setBlur(){this.nativeElement.blur()}async setSelectionRange(t,r,e){this.nativeElement.setSelectionRange(t,r,e)}async setRangeText(t,r,e,a){this.nativeElement.setRangeText(t,r,e,a)}async setCustomValidity(t){this.customErrorMessage=t,this.validateFormElement(this.nativeElement)}async 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 hasMessage(){return this.hasError||this.hasValidationError}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!1}get hasTrailingSlot(){return!!this.host.querySelector('[slot="trailing"]')}get textareaSlotValue(){return this.host.textContent}connectFormEventListeners(){var t,r,e;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(r=this.parentFormEl)||void 0===r||r.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(e=this.parentFormEl)||void 0===e||e.addEventListener("reset",this.onResetForm)}disconnectFormEventListeners(){var t,r,e;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(r=this.parentFormEl)||void 0===r||r.removeEventListener("submit",this.onSubmitForm),null===(e=this.parentFormEl)||void 0===e||e.removeEventListener("reset",this.onResetForm)}componentWillLoad(){this.initial.value=this.value,this.initial.invalid=this.invalid}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}render(){const{name:t,rows:r,cols:i,placeholder:n,required:s,showCounter:o,maxlength:l,minlength:h,form:d,value:c,disabled:u,resize:v,hint:p,invalid:x,label:g,uniqueId:m,fieldIndicator:b,readonly:f}=this,y={name:t,rows:r,cols:i,placeholder:n,required:s,maxlength:l,minlength:h,form:d,value:c,disabled:u,resize:v,readonly:f,id:m,"aria-describedby":this.ariaDescribedBy,"aria-invalid":`${!!x}`,"aria-required":`${!!s}`},w=g?{label:g,fieldIndicator:b}:{},z=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`},w),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":`${!!f}`},e("textarea",Object.assign({class:"r-textarea--input"},y,z,{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)),o&&e("r-hint",{"aria-hidden":!0,class:"r-textarea--messages--counter"},`${c.length}${l?"/":""}${l}`),l&&e("div",{class:"visually-hidden",ref:t=>this.characterLimitReachedAlert=t,"aria-live":"assertive"})))}get host(){return i(this)}};s.style=":host{opacity:1;display:block;outline:none;--r-label--margin-bottom:0}:host(:focus-visible){outline:none}:host([resize=none]){--r-textarea--input--resize:none}:host([resize=both]){--r-textarea--input--resize:both}:host([resize=horizontal]){--r-textarea--input--resize:horizontal}:host([resize=vertical]){--r-textarea--input--resize:vertical}:host([resize=initial]){--r-textarea--input--resize:initial}:host([resize=inherit]){--r-textarea--input--resize:inherit}:host([invalid]:not([invalid=false])){--r-textarea--container--background-color:var(--r-status-error-soft, #fef6f6);--r-textarea--container--border-color:var(--r-status-error-regular, #b00c15)}.r-textarea--label-container{display:var(--r-textarea--label-container--display, flex);gap:var(--r-textarea--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-textarea--label-container--align-items, center);justify-content:var(--r-textarea--label-container--align-items, space-between)}.r-textarea--label-container ::slotted([slot=popover]){display:var(--r-textarea--popover--display, inline-flex);height:var(--r-textarea--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-textarea--popover--align-items, center);justify-content:var(--r-textarea--popover--justify-content, center);margin-right:var(--r-textarea--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-textarea--popover-trigger--min-width, var(--r-spacing-150, 1.5))}.r-textarea--input::placeholder{color:var(--r-textarea--input--placeholder--color, var(--r-text-soft, #686868))}.r-textarea--input{vertical-align:top;width:var(--r-textarea--input--width, 100%);max-width:var(--r-textarea--input--max-width, 100%);min-height:var(--r-textarea--input--min-height, 8.875em);font-family:var(--r-textarea--input--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-textarea--input--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-textarea--input--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-textarea--input--line-height, var(--r-line-height-m, 1.5));color:var(--r-textarea--input--color, var(--r-text-regular, #282828));background-color:var(--r-textarea--input--background-color, transparent);opacity:var(--r-textarea--input--opacity, 1);border-width:var(--r-textarea--input--border-width, 0px);border-style:var(--r-textarea--input--border-style, solid);border-color:var(--r-textarea--input--border-color, var(--r-border-soft, #686868));border-radius:var(--r-textarea--input--border-radius, 0);box-sizing:var(--r-textarea--input--box-sizing, border-box);box-shadow:var(--r-textarea--input--box-shadow, none);padding:var(--r-textarea--input--padding, var(--r-textarea--input--padding-top, 0.688em) var(--r-textarea--input--padding-right, 0.625em) var(--r-textarea--input--padding-bottom, 0.688em) var(--r-textarea--input--padding-left, 0.625em));margin-top:var(--r-textarea--input--margin-top, 0);resize:var(--r-textarea--input--resize, both);z-index:var(--r-textarea--input--z-index, 1);outline:var(--r-textarea--input--outline, none);outline-offset:var(--r-textarea--input--outline-offset, 0);pointer-events:var(--r-textarea--input--pointer-events, auto);cursor:var(--r-textarea--input--cursor, inherit)}.r-textarea--container{display:flex;align-items:start;overflow:visible;background-color:var(--r-textarea--container--background-color, var(--r-background-interactive-softest, #f7f7f7));border-width:var(--r-textarea--container--border-width, 1px);border-style:var(--r-textarea--container--border-style, solid);border-color:var(--r-textarea--container--border-color, var(--r-border-soft, #686868));padding:var(--r-textarea--container--padding, 0);margin-top:var(--r-textarea--container--margin-top, var(--r-spacing-025, 0.25rem));box-shadow:var(--r-textarea--container--box-shadow, none);outline:var(--r-textarea--container--outline, none);outline-offset:var(--r-textarea--container--outline-offset, none)}.r-textarea--container[data-readonly=true]{--r-textarea--container--background-color:var(--r-background-soft, #f3f1f0);--r-textarea--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-textarea--container--cursor:text}.r-textarea--container:hover:not([data-disabled=true]):not([data-readonly=true]){--r-textarea--container--background-color:var(--r-background-interactive-hovered)}.r-textarea--container:active:not([data-disabled=true]):not([data-readonly=true]){--r-textarea--container--background-color:var(--r-background-interactive-pressed)}.r-textarea--container:focus-within{--r-textarea--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-textarea--container--outline:2px solid var(--r-border-focused, #0071e3);--r-textarea--container--outline-offset:2px}.r-textarea--trailing{display:var(--r-textarea--trailing--display, flex);margin-top:var(--r-textarea--trailing--margin-top, 0.688em);margin-right:var(--r-textarea--trailing--margin-right, 0.625em);margin-left:var(--r-textarea--trailing--margin-left, auto);gap:var(--r-textarea--trailing--gap, 0.625rem)}.r-textarea--trailing:empty{display:none}.r-textarea--readonly-icon{color:var(--r-textarea--readonly-icon--color, var(--r-icon-soft, #686868))}.r-textarea--messages{display:flex;gap:var(--r-textarea--messages--gap, var(--r-spacing-025, 0.25rem))}.r-textarea--messages--counter{margin-left:auto}.r-textarea--messages:has(r-hint){margin-top:var(--r-spacing-025, 0.25rem)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";export{s as r_textarea}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as r,H as n,g as e}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";const s=class{constructor(r){t(this,r),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.validityMarker=!0,this.validityState="",this.validityMessage="",this.touched=!1,this.dirty=!1,this.isResetting=!1,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]){i=n;const e=this[n+"Message"];return e?(r=e,{validityState:i,validityMessage:r}):(r=t.validationMessage,{validityState:i,validityMessage:r})}return{validityState:"valid",validityMessage:""}},this.validateFormElement=t=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;t.checkValidity&&t.checkValidity();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,this.touched=!0,this.dirty=!0;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,this.touched=!0,this.dirty=!0;const{host:i,value:r}=this;this.rChange.emit({element:i,value:r})},this.onBlur=()=>{this.host.classList.remove("focused"),this.touched=!0,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.isResetting=!0,this.markAsPristine(),this.validityState=null,this.validityMessage=null,this.nativeElement&&(this.nativeElement.value=this.initial.value||""),this.value=this.initial.value,this.invalid=this.initial.invalid,this.valid=!this.invalid,this.isResetting=!1;const{host:t,value:i}=this;this.rReset.emit({element:t,value:i})},this.onSubmitForm=t=>{this.isNoValidate||(this.touched=!0,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&&(this.nativeElement.value=t),this.value=t,this.validateFormElement(this.nativeElement)}async checkValidity(){const{validityState:t}=this.getValidityStateData(this.nativeElement);return"valid"===t}async isTouched(){return this.touched}async isDirty(){return this.dirty}async markAsPristine(){this.touched=!1,this.dirty=!1}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 hasMessage(){return this.hasError||this.hasValidationError}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.isResetting||this.validateFormElement(this.nativeElement)}handleTypeChange(){this.setValue(this.nativeElement.value)}render(){const{name:t,placeholder:i,required:e,fieldIndicator:a,maxlength:s,minlength:o,min:l,max:u,value:p,disabled:h,form:c,pattern:d,invalid:v,valid:g,hint:m,label:b,internal:f,uniqueId:y,autocomplete:x,readonly:k,autofocus:w,passwordrules:C,validityMarker:D}=this,F={disabled:h,readonly:k,required:e,label:b,name:t,placeholder:i,maxlength:s,minlength:o,min:l,max:u,form:c,pattern:d,autocomplete:x,autofocus:w||null,passwordrules:C,id:y,"data-value":p,"aria-placeholder":i,"aria-invalid":`${v||!1}`,"aria-required":`${e||!1}`,"aria-describedby":this.ariaDescribedBy},E=b?{id:`${y}-label`,fieldIndicator:a}:{},M=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,"data-touched":`${this.touched}`,"data-dirty":`${this.dirty}`},r("div",{class:f?"visually-hidden":"r-input--label-container"},r("label",{htmlFor:y},b?r("r-label",Object.assign({class:"r-input--label"},E),b):r("slot",{name:"label"})),r("slot",{name:"popover"})),m&&r("r-hint",{id:`${y}-hint`,role:"note"},m),r("div",{class:"r-input--container"},r("slot",{name:"leading"}),r("input",Object.assign({class:"r-input--input",type:this.type},F,M,{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"}),(()=>{const t=!!D&&!!v;return D&&g&&p||t?r("r-icon",{class:"r-input--validation-icon","aria-hidden":!0,size:"s",name:t?"circled-exclamation-mark":"circled-check",color:t?"--r-status-error-regular":"--r-status-success-regular"}):null})(),this.hasTrailingSlot&&r("slot",{name:"trailing"}))),r("div",{id:`${y}-message`,"aria-live":f?null:"polite",class:f?"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)))))}get host(){return e(this)}static get watchers(){return{value:["handleValueChange"],type:["handleTypeChange"]}}};s.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--validation-icon{display:var(--r-input--validation-icon--display, inline-block)}.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{s as r_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as r,g as s}from"./p-Da7qOBFr.js";import{s as e,a as n}from"./p-B9rsR6cQ.js";import{f as a}from"./p-ky1yonnS.js";import"./p-4Uv3PpKT.js";const i=class{constructor(o){t(this,o),this.handleSlotChange=()=>{this.setButtonDefaults()}}connectedCallback(){this.setButtonDefaults();const t=this.host.closest("r-popover");e(this.host,t)}disconnectedCallback(){const t=this.host.closest("r-popover");n(this.host,t)}setButtonDefaults(){this.host.querySelectorAll("r-button").forEach((t=>{t.hasAttribute("size")||t.setAttribute("size","small"),t.hasAttribute("variant")||t.setAttribute("variant","text-inline")}))}async setFocus(){if(this.activeElement){if(!("setFocus"in this.activeElement)||"function"!=typeof this.activeElement.setFocus)return this.activeElement.focus(),this.activeElement;await this.activeElement.setFocus()}}async setBlur(){var t;null===(t=this.activeElement)||void 0===t||t.blur()}get activeElement(){return this.getActiveElements[0]||null}async getActiveElements(){return a(this.host)}render(){return o(r,{key:"
|
|
1
|
+
import{r as t,h as o,H as r,g as s}from"./p-Da7qOBFr.js";import{s as e,a as n}from"./p-B9rsR6cQ.js";import{f as a}from"./p-ky1yonnS.js";import"./p-4Uv3PpKT.js";const i=class{constructor(o){t(this,o),this.handleSlotChange=()=>{this.setButtonDefaults()}}connectedCallback(){this.setButtonDefaults();const t=this.host.closest("r-popover");e(this.host,t)}disconnectedCallback(){const t=this.host.closest("r-popover");n(this.host,t)}setButtonDefaults(){this.host.querySelectorAll("r-button").forEach((t=>{t.hasAttribute("size")||t.setAttribute("size","small"),t.hasAttribute("variant")||t.setAttribute("variant","text-inline")}))}async setFocus(){if(this.activeElement){if(!("setFocus"in this.activeElement)||"function"!=typeof this.activeElement.setFocus)return this.activeElement.focus(),this.activeElement;await this.activeElement.setFocus()}}async setBlur(){var t;null===(t=this.activeElement)||void 0===t||t.blur()}get activeElement(){return this.getActiveElements[0]||null}async getActiveElements(){return a(this.host)}render(){return o(r,{key:"898d4a649622403956b34ea5065ca5135e67c595",slot:"action"},o("slot",{key:"f61e085a1797778c33f07eaf3987cd743d56a662",onSlotchange:this.handleSlotChange}))}get host(){return s(this)}};i.style=":host slot{display:contents}::slotted(r-button){--r-button--color:var(--r-text-regular);--r-button--border-width:0;--r-button--background-color:rgba(0,0,0,0);--r-button--slot--position:relative;--r-button--slot--text-decoration:underline;--r-button--padding:10px 2px 18px 2px;--r-button--slot--text-underline-offset:9px}::slotted(r-button:hover:not([disabled]):not([disabled=false])){--r-button--background-color:var(--r-background-interactive-hovered)}::slotted(r-button:active:not([disabled]):not([disabled=false])){--r-button--background-color:var(--r-background-interactive-pressed)}";export{i as r_popover_action}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as o,h as t,H as i,g as n}from"./p-Da7qOBFr.js";const e=class{constructor(t){r(this,t),this.rClickTrigger=o(this,"rClickTrigger"),this.rKeyupTrigger=o(this,"rKeyupTrigger"),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 o,t;const i=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(`.r-accordion-trigger--${r}`);null===(t=null==i?void 0:i.querySelector("slot"))||void 0===t||t.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,t(i,Object.assign({key:"e823c4799fa51824a6de4db7bf857385b0558ec4",onClick:this.handleClick,onKeyup:this.handleKeyup,onKeydown:this.handleKeydown},r),t("span",{key:"55249e964a4eb164a4f842567f8cf14c9c58fee5",class:"r-accordion-trigger"},t("span",{key:"37ffd053c1af48ff23ee9d1c22b6a0b6c92a3110",class:"r-accordion-trigger--content"},t("slot",{key:"b4583e319fd62bb98c2f2b312cd2edcfc646ddb5",name:"leading-icon"}),this.splitted?t("slot",{name:`content-${this.nameAddition}`},t("slot",null)):t("slot",null)),t("span",{key:"190013be64d4239d80be83ae9fb581b1d1e64f83",class:"r-accordion-trigger--icon"},this.splitted?t("slot",{name:`icon-${this.nameAddition}`},t("r-icon",{name:this.expanded?"angle-up":"angle-down",size:"m"})):t("slot",{name:"icon"},t("r-icon",{name:"angle-down",size:"m"})))))}get host(){return n(this)}static get watchers(){return{expanded:["updateExpanded"]}}};e.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}.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{e as r_accordion_trigger}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as r,g as s}from"./p-Da7qOBFr.js";import{s as o,a}from"./p-B9rsR6cQ.js";import"./p-4Uv3PpKT.js";const i=class{constructor(e){t(this,e)}connectedCallback(){const t=this.host.closest("r-popover");o(this.host,t)}disconnectedCallback(){const t=this.host.closest("r-popover");a(this.host,t)}render(){return e(r,{key:"6b604401e4e82c17a300f00d6af33902b38f493c",slot:"headline"},e("slot",{key:"64c8c6ff661e0317ba3ae0d4f32f6424d91fccbe"}))}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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as e,H as r,g as n}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";const o=class{constructor(e){t(this,e),this.rChange=i(this,"rChange"),this.rValidate=i(this,"rValidate"),this.rReset=i(this,"rReset"),this.name="input-code",this.length=4,this.label="Verification code",this.value="",this.inputmode="numeric",this.enterkeyhint="done",this.autocomplete="one-time-code",this.values=[],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 t?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||`All ${this.length} characters must be filled.`,{validityState:i,validityMessage:e}):(i="valid",{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;await 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)}}validateSegmentIndex(t){if("number"!=typeof t||!Number.isInteger(t))throw new Error("Index must be an integer");if(t<0||t>=this.length)throw new Error("Index out of bounds: must be between 0 and "+(this.length-1))}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)));for(;i.length<this.length;)i.push("");this.values=i,this.rChange.emit({value:this.values.join("")})}async checkValidity(){const{validityState:t}=this.getValidityStateData(this.nativeElement);return"valid"===t}async focusSegment(t){this.validateSegmentIndex(t);const i=this.inputs[t];i&&(i.focus(),this.values[t]&&setTimeout((()=>{"function"==typeof i.setSelectionRange&&i.setSelectionRange(0,1)}),0))}async getSegmentValue(t){return this.validateSegmentIndex(t),this.values[t]||""}async setSegmentValue(t,i){this.validateSegmentIndex(t);const e=i?i.charAt(0):"";this.values[t]=e,this.values=[...this.values];const r=this.inputs[t];r&&(r.value=e)}handleValuesChange(){this.value=this.values.join("")}handleLengthChange(t){if(this.values.length!==t){const i=new Array(t).fill("");for(let e=0;e<Math.min(this.values.length,t);e++)i[e]=this.values[e];this.values=i,this.inputs=[]}}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||`All ${this.length} characters must be filled.`: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:"4d744320f4bf03760e4b11dd38934c0f7ce05223",value:this.value,onClick:this.onHostClick},e("div",{key:"f047f6669b243f301a2a462188d24721ccb565a5",class:"r-input-code--label-container"},e("label",{key:"a5acdd7308cca3981a78619c480d79c499ebc58a",htmlFor:c},s?e("r-label",Object.assign({},s?{id:`${c}-label`,fieldIndicator:d}:{}),s):e("slot",{name:"label"})),e("slot",{key:"696554954e2b29b49a8d639aa79d80abeaa6a729",name:"popover"})),l&&e("r-hint",{key:"58b3e011e49b4a3bd4dd31050ab554483fba0fc4",id:`${c}-hint`,role:"note"},l),e("div",{key:"6f4668b5bda975b59ff269759e2d3ae3306b09c4",class:"r-input-code--container",role:"group","aria-labelledby":`${c}-label`,"aria-describedby":this.groupDescribedby},e("slot",{key:"59206e0ed6e335735b610c44a925ea70b137ffe0",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,inputmode:this.inputmode,enterkeyhint:this.enterkeyhint,autocomplete:this.autocomplete,onInput:this.createInputHandler(i),onKeyDown:this.createKeyDownHandler(i),onPaste:this.handlePaste}))),e("input",Object.assign({key:"815da7a7566b0cefdbdfda32c990637385eba304",type:"hidden"},p,{value:this.values.join(""),ref:t=>this.nativeElement=t})),e("div",{key:"b03d7e03bd6c91d441f4377d53bb7d845edf498d",class:"r-input-code--trailing"},this.readonly&&e("r-icon",{key:"53796d1b572ff2eac8297a0fad8e22d3a95f1bee",class:"r-input-code--readonly-icon",name:"pen-disabled",size:"s"}),this.hasTrailingSlot&&e("slot",{key:"9becd49e7d79f824fcd79e7afbc3040a1b0f33a3",name:"trailing"},h&&e("r-icon",{key:"a31379d7e8eb6ad66bbf1567d4cd4f9526962226",name:"circled-check",size:"s",color:"var(--r-status-success-regular)"})))),e("slot",{key:"a38ac5d9dda2017a443ec2b58cffbdd0db952239",name:"message"},this.hasMessage&&e("r-hint",{key:"39e47e0fdf23b1ebab5a0384447a965a8890d77f","aria-live":"polite",id:`${c}-message`,variant:"error"},this.message)))}get host(){return n(this)}static get watchers(){return{values:["handleValuesChange"],length:["handleLengthChange"]}}};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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as e,F as r,H as s,g as h}from"./p-Da7qOBFr.js";const a=class{constructor(r){t(this,r),this.rValidate=i(this,"rValidate"),this.value="",this.required=!1,this.indeterminate=!1,this.allChecked=!1,this.noChecked=!1,this.validityState="",this.validityMessage="",this.uniqueId=`r-checkbox-group-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.initial={},this.renderMessage=()=>e("r-hint",{variant:this.valid?"success":"error",role:"alert","aria-live":"polite",id:`${this.uniqueId}-message`,class:this.message?null:"visually-hidden"},this.message),this.getValidityStateData=()=>{let t="",i="";const e=this.checkboxes.some((t=>t.checked));return this.required&&!e?(t="valueMissing",i=this.valueMissingMessage||"Please select at least one option."):(t="valid",i=null),{validityState:t,validityMessage:i}},this.validateGroup=()=>{if(this.isNoValidate||!this.required)return;const{validityState:t,validityMessage:i}=this.getValidityStateData();this.validityState=t,this.validityMessage=i;const e="valid"===this.validityState;this.valid=e,this.invalid=!e,this.noChecked=!e,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onSubmitForm=t=>{this.isNoValidate||(this.validateGroup(),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.onResetForm=()=>{this.resetValidity(),this.resetToInitial()}}async checkValidity(){const{validityState:t}=this.getValidityStateData();return"valid"===t}async resetValidity(){this.validityMessage=null,this.validityState=null,this.invalid=this.initial.invalid,this.valid=!this.invalid}get checkboxes(){return Array.from(this.host.querySelectorAll("r-checkbox"))}get hasMessage(){return null!==this.message}async checkAll(){return this.checkboxes.forEach((t=>{t.check()})),this.allChecked=!0,this.noChecked=!1,this.indeterminate=!1,this}async uncheckAll(){return this.checkboxes.forEach((t=>{var i;null===(i=null==t?void 0:t.uncheck)||void 0===i||i.call(t)})),this.allChecked=!1,this.noChecked=!0,this.indeterminate=!1,this}handleCheckboxChange(t){if(t.target)return t.detail.element.id===`${this.uniqueId}-select-all`?(this.updateCheckAllState(t.detail.checked),void setTimeout(this.validateGroup,0)):(this.updateCheckboxesState(t),void(this.required&&this.validateGroup()))}updateCheckAllState(t){t?this.checkAll():this.uncheckAll()}updateCheckboxesState(t){const{checkboxes:i}=this,e=i.filter((t=>t.checked)),r="r-checkbox"===t.target.tagName.toLowerCase(),s=i.includes(t.target);r&&s&&(this.allChecked=e.length===i.length,this.indeterminate=e.length>0&&e.length<i.length,this.noChecked=0===e.length)}get message(){const{validityMessage:t,invalid:i,error:e,customErrorMessage:r}=this;let s=null;return i&&(s=e||r||t||null),s}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}resetToInitial(){this.invalid=this.initial.invalid,this.checked=this.initial.checked,this.indeterminate=this.initial.indeterminate,this.updateCheckAllState(this.initial.checked)}connectedCallback(){var t,i;this.initial.invalid=this.invalid,this.initial.checked=this.checked,this.initial.indeterminate=this.indeterminate,this.updateCheckAllState(this.initial.checked),null===(t=this.parentFormEl)||void 0===t||t.addEventListener("submit",this.onSubmitForm,{capture:!0}),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("reset",this.onResetForm)}disconnectedCallback(){var t,i;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("submit",this.onSubmitForm),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("reset",this.onResetForm)}get groupDescribedby(){const{uniqueId:t,hint:i,hasMessage:e}=this;return e&&i?`${t}-message ${t}-hint`:e?`${t}-message`:i?`${t}-hint`:null}render(){const{label:t,fieldIndicator:i,help:h,helpIcon:a,helpIconColor:l,hint:o,uniqueId:c,form:n,name:d,value:u}=this,g=()=>t?e("r-label",Object.assign({id:`${c}-label`,class:"r-radio-group--label"},{fieldIndicator:i,help:h,helpIcon:a,helpIconColor:l}),t):null,b=()=>o?e("r-hint",{id:`${c}-hint`,class:"r-radio-group--hint",role:"note","aria-hidden":"true"},o):null,p={form:n,name:d,value:u};return e(s,null,e("div",{class:"r-checkbox-group",role:"group","aria-labelledby":`${c}-label`,"aria-invalid":`${this.invalid||!1}`,"aria-describedby":this.groupDescribedby},e("div",{class:"r-checkbox-group--label",id:`${c}-group-label`},this.showSelectAll?e("r-checkbox",Object.assign({id:`${c}-select-all`},p,{checked:this.allChecked,indeterminate:this.indeterminate}),g(),b()):e(r,null,e("r-checkbox",Object.assign({},p,{checked:this.allChecked,indeterminate:this.indeterminate,class:"visually-hidden"}),this.label),g(),b())),e("div",{class:"r-checkbox-group--content"},e("span",{style:{display:"contents"}},e("slot",null)),this.renderMessage())))}get host(){return h(this)}};a.style=":host([show-select-all]:not([show-select-all=false])){--r-checkbox-group--content--margin-left:calc(1.5rem + 1rem);--r-checkbox-group--content--padding-left:var(--r-spacing-100, 1rem);--r-checkbox-group--label--hint--margin-bottom:0}:host([invalid]:not([invalid=false])) ::slotted(r-checkbox){--r-checkbox--box--border-color:var(--r-status-error-regular, #b00c15);--r-checkbox--box--background-color:var(--r-status-error-soft, #fef6f6);--r-checkbox--marker--color:var(--r-status-error-regular, #b00c15)}.r-checkbox-group{display:var(--r-checkbox-group--display, flex);flex-direction:var(--r-checkbox-group--flex-direction, column);border:var(--r-checkbox-group--border, none);margin:var(--r-checkbox-group--margin, 0);padding:var(--r-checkbox-group--padding, 0);width:var(--r-checkbox-group--width, 100%)}.r-checkbox-group--label{padding:var(--r-checkbox-group--label--padding, 0);display:var(--r-checkbox-group--label--display, block);width:var(--r-checkbox-group--label--width, 100%);margin:var(--r-checkbox-group--label--margin, 0);padding:var(--r-checkbox-group--label--padding, 0)}.r-checkbox-group--label r-hint{--r-hint--margin-bottom:var(--r-checkbox-group--label--hint--margin-bottom, var(--r-spacing-100, 1rem))}.r-checkbox-group--content{margin-left:var(--r-checkbox-group--content--margin-left, 0);display:var(--r-checkbox-group--content--display, flex);flex-direction:var(--r-checkbox-group--content--flex-direction, column);gap:var(--r-checkbox-group--content--gap, var(--r-spacing-050, 0.5rem));padding-left:var(--r-checkbox-group--content--padding-left, 0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";export{a as r_checkbox_group}
|
|
@@ -0,0 +1 @@
|
|
|
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.leadingIconVisible=!0,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 isLeadingSlot(){return this.isElContent('[slot="leading"]')}get isLeading(){return this.leadingIconVisible||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()}get statusBasedLeadingIconName(){if(this.leadingIcon)return this.leadingIcon;switch(this.status){case"info":default:return"circled-information-i";case"warning":return"circled-exclamation-mark";case"error":return"triangle-with-exclamation-mark"}}componentDidLoad(){this.isDelay&&this.startCollapseTimer()}render(){const t={name:this.statusBasedLeadingIconName,src:this.leadingIconSrc,size:this.leadingIconSize},r={name:this.trailingIcon,src:this.trailingIconSrc,size:this.trailingIconSize};return i(e,Object.assign({key:"e0bb7ba3b7ca0c93e47c20c8666489976b52fe6d"},this.announced?{role:"alert","aria-live":"info"===this.status?"polite":"assertive"}:{role:"region","aria-label":this.headlineSlotContent||this.headline||null}),i("div",{key:"c13d2517796fb274af8632a574196603feb13e61",class:"r-alert"},this.isLeading&&i("div",{key:"b38044eb982c0b9fcd352122a6d21008e1802abb",class:"r-alert--leading"},i("slot",{key:"01a26f5684ab9dc959c5f79cb8694a23621d091f",name:"leading"},this.leadingIconVisible&&i("r-icon",Object.assign({key:"36b7c3e1c35faee26737e0f165ecad79c109bd4f"},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:"dc9b171a6263c167a08816bfb2c149376eef6d34",class:"r-alert--trailing"},i("slot",{key:"2d31946de22bb1cc247969207fc4243e4fcd7c08",name:"trailing"},this.isTrailingIcon&&i("r-icon-button",{key:"0c738aed534f98062835a59b55fe7b83e20473fb",name:this.trailingIconSrc?null:this.trailingIcon,onClick:this.handleTrailingButtonClick,label:this.dismissButtonAriaLabel},this.trailingIconSrc&&i("r-icon",Object.assign({key:"13653d686f0886f16c157cdb3a499abbd5006d2b"},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--main:not(:has(.r-alert--headline)){--r-alert--content--margin-top:var(--r-spacing-025, 0.25rem)}.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--content{margin-top:var(--r-alert--content--margin-top, 0)}.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 +1 @@
|
|
|
1
|
-
import{r as a,h as r,H as o,g as n}from"./p-Da7qOBFr.js";const i=class{constructor(r){a(this,r)}render(){return r(o,Object.assign({key:"
|
|
1
|
+
import{r as a,h as r,H as o,g as n}from"./p-Da7qOBFr.js";const i=class{constructor(r){a(this,r)}render(){return r(o,Object.assign({key:"af44b5edf84a5c1e031bee5fd9b5501993e2fa4e"},{role:"region",slot:"accordion-panel","aria-labelledby":this.trigger,"aria-disabled":`${this.disabled||!1}`}),r("div",{key:"e885aace8251b940637bde22098627be23650ac7",class:"r-accordion-panel"},r("slot",{key:"8d548a077a42730e50436554c44d3162edb02ebe"})))}get host(){return n(this)}};i.style=":host([expanded]:not([expanded=false])){max-height:fit-content;--r-accordion-panel--display:block;--r-accordion-panel--transform:translateY(0);--r-accordion-panel--opacity:1}:host([disabled]:not([disabled=false])){cursor:not-allowed}:host{display:block;position:relative;overflow:hidden;font-family:var(--r-font-family-text, system-ui);box-sizing:border-box;max-height:0;padding-top:var(--r-accordion-panel--padding-top, 0);transition:all 0.25s ease-out}:host slot{display:contents}:host ::slotted(a){color:inherit}@media (prefers-reduced-motion){:host{transition:none}}.r-accordion-panel{position:var(--r-accordion-panel--position, relative);display:var(--r-accordion-panel--display, none);line-height:var(--r-accordion-panel--line-height, var(--r-line-height-m, 1.5));font-size:var(--r-accordion-trigger--content--font-size, var(--r-font-size-400, 1rem));box-sizing:var(--r-accordion-panel--box-sizing, border-box);margin-top:var(--r-accordion-panel--margin-top, 0);margin-right:var(--r-accordion-panel--margin-right, 0);margin-bottom:var(--r-accordion-panel--margin-bottom, 0);margin-left:var(--r-accordion-panel--margin-left, 0);padding-right:var(--r-accordion-panel--padding-right, var(--r-spacing-100, 1rem));padding-bottom:var(--r-accordion-panel--padding-bottom, var(--r-spacing-150, 2rem));padding-left:var(--r-accordion-panel--padding-left, var(--r-spacing-100, 1rem));transform:var(--r-accordion-panel--transform, translateY(-30%));transition:var(--r-accordion-panel--transition, all 0.25s ease-out);opacity:var(--r-accordion-panel--opacity, 0)}";export{i as r_accordion_panel}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as
|
|
1
|
+
import{r as t,c as e,h as s,H as i,g as r}from"./p-Da7qOBFr.js";const o=class{constructor(s){t(this,s),this.triggerMouseEnter=e(this,"triggerMouseEnter"),this.triggerMouseLeave=e(this,"triggerMouseLeave"),this.handleMouseEnter=()=>{this.triggerMouseEnter.emit()},this.handleMouseLeave=()=>{this.triggerMouseLeave.emit()}}get activeElement(){const t=["r-button","r-icon-button","a[href]","button:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", "),e=this.host.querySelector(t);return e&&e instanceof HTMLElement?(e.tagName.toLowerCase(),e):null}async setFocus(){return this.activeElement?"setFocus"in this.activeElement&&"function"==typeof this.activeElement.setFocus?(await this.activeElement.setFocus(),Promise.resolve(this.activeElement)):(this.activeElement.focus(),Promise.resolve(this.activeElement)):Promise.resolve(null)}async setBlur(){var t;null===(t=this.activeElement)||void 0===t||t.blur()}render(){return s(i,{key:"fe285ee3a91600ee0e0cebeb9f5818eb30d89f06",slot:"trigger",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},s("slot",{key:"3782871f7aac634d3c1ccef2f516cdf00916b4f6"}))}get host(){return r(this)}};o.style=":host{display:block;cursor:pointer}";export{o as r_popover_trigger}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as i,H as r,g as n}from"./p-Da7qOBFr.js";const e=class{constructor(i){t(this,i),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:n,tooltipText:e,tooltipPosition:a}=this,s={disabled:n},l={name:t,size:o},h=()=>i("button",Object.assign({key:"911b0a6390b2dfa0084bda96e12f0968859a31e4",type:"button",class:"r-icon-button","aria-label":this.host.getAttribute("aria-label")||null},s,{onClick:this._handleClick,onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.nativeElement=t}),t?i("r-icon",Object.assign({},l)):i("r-icon",{size:o,class:"r-icon-button--icon"},i("slot",null)),i("span",{key:"2306cd32340a99653bb02c86de43324a2c0ca35b",class:"r-icon-button--label visually-hidden"},this.label),i("span",{key:"9cb523d0c82caf25d472b8969a0afee41ad776aa",class:"r-icon-button--target-area"}));return i(r,{key:"2710af0c77ea56a4cf69e29c09221ba7d913bc9d"},!n&&e?i("r-tooltip",{text:e,position:a},h()):h())}get host(){return n(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}";const a=20,s=class{constructor(i){t(this,i),this.rTooltipFocus=o(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 o,i,r;const n=Math.abs((null===(o=this.element)||void 0===o?void 0:o.getBoundingClientRect().width)-(null===(r=null===(i=this.tooltip)||void 0===i?void 0:i.getBoundingClientRect())||void 0===r?void 0:r.width));switch(t){case"center":return n/2;case"right":return n;default:return 0}},this.alignTooltipPosition=()=>{var t,o,i,r,n,e,a;const s=Math.abs((null===(t=this.element)||void 0===t?void 0:t.getBoundingClientRect().height)-(null===(i=null===(o=this.tooltip)||void 0===o?void 0:o.getBoundingClientRect())||void 0===i?void 0:i.height))/2,l=this.getOffsetLeft(this.arrowPositionState),h=(null===(n=null===(r=this.element)||void 0===r?void 0:r.getBoundingClientRect())||void 0===n?void 0:n.height)+this.arrowHeight||0,c=(null===(a=null===(e=this.element)||void 0===e?void 0:e.getBoundingClientRect())||void 0===a?void 0:a.width)+this.arrowWidth||0;switch(this.positionState){case"top":this.alignPosition(this.tooltip,-l,-this.tooltipContainerHeight);break;case"bottom":this.alignPosition(this.tooltip,-l,h);break;case"left":this.alignPosition(this.tooltip,-this.tooltipContainerWidth,-s);break;case"right":this.alignPosition(this.tooltip,c,-s)}},this.alignArrowPosition=()=>{var t,o,i,r,n,e,a,s,l,h;const c=Math.abs((null===(t=this.element)||void 0===t?void 0:t.getBoundingClientRect().height)-(null===(i=null===(o=this.arrow)||void 0===o?void 0:o.getBoundingClientRect())||void 0===i?void 0:i.height))/2,d=Math.abs((null===(r=this.element)||void 0===r?void 0:r.getBoundingClientRect().width)-(null===(e=null===(n=this.arrow)||void 0===n?void 0:n.getBoundingClientRect())||void 0===e?void 0:e.width))/2,u=(null===(s=null===(a=this.element)||void 0===a?void 0:a.getBoundingClientRect())||void 0===s?void 0:s.height)||0,p=(null===(h=null===(l=this.element)||void 0===l?void 0:l.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,u);break;case"left":this.alignPosition(this.arrow,-this.arrowWidth,c);break;case"right":this.alignPosition(this.arrow,p,c)}},this.alignPosition=(t,o,i)=>{var r;if(!t)return;let n=null===(r=this.element)||void 0===r?void 0:r.getBoundingClientRect(),e=n.left+o,a=n.top+i;t.style.left=`${e>0?e: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,o;return(null===(o=null===(t=this.tooltip)||void 0===t?void 0:t.getBoundingClientRect())||void 0===o?void 0:o.width)+this.arrowWidth||0}get tooltipContainerHeight(){var t,o;return(null===(o=null===(t=this.tooltip)||void 0===t?void 0:t.getBoundingClientRect())||void 0===o?void 0:o.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(),o=this.element.getBoundingClientRect();return o.top>=t.top&&o.bottom<=t.bottom&&o.left>=t.left&&o.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+a<this.left?"left":"right"}get verticalPlacement(){return this.tooltipContainerHeight+a<this.top?"top":"bottom"}get isEnoughSpaceVertically(){return this.tooltipContainerHeight+a<this.top||this.tooltipContainerHeight+a<this.bottom}get isEnoughSpaceHorizontally(){return this.tooltipContainerWidth+a<this.left||this.tooltipContainerWidth+a<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,o,i;null===(t=this.activeElement)||void 0===t||t.addEventListener("focus",(()=>{this.handleFocus()})),null===(o=this.activeElement)||void 0===o||o.addEventListener("blur",(()=>{this.removeTooltip()})),null===(i=this.overflowedParent)||void 0===i||i.addEventListener("scroll",(()=>{this.handleScroll()}))}findOverflowParent(t){var o,i;return t?(null===(o=t.parentNode)||void 0===o?void 0:o.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?this.findOverflowParent(null===(i=t.parentNode)||void 0===i?void 0:i.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+a<this.top?this.position:this.getAlternativePosition();break;case"bottom":this.positionState=this.tooltipContainerHeight+a<this.bottom?this.position:this.getAlternativePosition();break;case"left":this.positionState=this.tooltipContainerWidth+a<this.left?this.position:this.getAlternativePosition();break;case"right":this.positionState=this.tooltipContainerWidth+a<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+a<this.left,o=this.tooltipContainerWidth/2+a<this.right;t&&o||!t&&!o||"left"===this.positionState||"right"===this.positionState?this.arrowPositionState="center":t?o||(this.arrowPositionState="right"):this.arrowPositionState="left"}render(){const{text:t,arrowPositionState:o,positionState:n,isShown:e,uniqueId:a}=this,s={tabindex:this.activeElement?null:0,role:this.activeElement?null:"button","aria-describedby":e&&a||null},l={id:a,role:"tooltip","aria-hidden":`${!e}`};return i(r,Object.assign({key:"1b2ce4ee1a9f9ca227b96e567fb61b560858734e"},{"data-arrow-position":o,"data-position":n},{onMouseenter:this.handleHover,onMouseleave:this.removeTooltip}),i("div",{key:"1379aefd4bf69b312a9ce3ef443f5e9fe970f09e",class:"r-tooltip"},i("div",Object.assign({key:"80f00e66c8f01bb0df9107943c15d6616e4e7197",class:"r-tooltip--trigger",onFocus:this.handleFocus,onBlur:this.removeTooltip},s),i("slot",{key:"42e1453731bdd404083e11d3d2f0ae4603e4c57b"})),i("div",Object.assign({key:"00aa4f22f9c3e40d1c8e86cdd950ef1d160e29cf",class:"r-tooltip--content",ref:t=>this.tooltip=t},l),t),i("div",{key:"b717d5e45d3f970ee87f409d61a6353fb138fc7b",ref:t=>this.arrow=t,class:"r-tooltip--arrow"})))}get element(){return n(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{e as r_icon_button,s as r_tooltip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as a,H as s}from"./p-Da7qOBFr.js";const o=class{constructor(a){r(this,a),this.progress=0}render(){const{progress:r,rAriaLabel:o}=this;return a(s,{key:"
|
|
1
|
+
import{r,h as a,H as s}from"./p-Da7qOBFr.js";const o=class{constructor(a){r(this,a),this.progress=0}render(){const{progress:r,rAriaLabel:o}=this;return a(s,{key:"f79c73155a42eef63910abde1fc2cebd147b7129"},a("progress",Object.assign({key:"ce94e9a20124fa8cd1561612e2797e17f0ebe19f"},{value:r,max:"100","aria-label":o},{class:"r-progress-bar"})))}};o.style=":host{--r-progress-bar--appearance:none;--r-progress-bar--width:100%;--r-progress-bar--height:8px;--r-progress-bar--background-color:var(--r-background-soft);--r-progress-bar--border-radius:0;--r-progress-bar--border:none;--progress-bar--value--background-color:var(--r-background-interactive-regular);--progress-bar--value--border-radius:0;--progress-bar--value--transition:all 0.6s ease;display:block}.r-progress-bar{appearance:var(--r-progress-bar--appearance);width:var(--r-progress-bar--width);height:var(--r-progress-bar--height);background-color:var(--r-progress-bar--background-color);border-radius:var(--r-progress-bar--border-radius);border:var(--r-progress-bar--border)}.r-progress-bar::-webkit-progress-bar{background-color:var(--r-progress-bar--background-color);border-radius:var(--r-progress-bar--border-radius);border:var(--r-progress-bar--border)}.r-progress-bar::-webkit-progress-value{background-color:var(--progress-bar--value--background-color);border-radius:var(--progress-bar--value--border-radius);transition:var(--progress-bar--value--transition)}.r-progress-bar::-moz-progress-bar{background-color:var(--progress-bar--value--background-color);border-radius:var(--progress-bar--value--border-radius);transition:var(--progress-bar--value--transition)}.r-progress-bar::-ms-fill{background-color:var(--progress-bar--value--background-color);border-radius:var(--progress-bar--value--border-radius);transition:var(--progress-bar--value--transition)}";export{o as r_progress_bar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as e,H as t,g as s}from"./p-Da7qOBFr.js";const r=class{constructor(e){a(this,e)}render(){return e(t,{key:"272870387e6e1abe3db2a67a38cfcd502a0e5aac",slot:"leading"},e("div",{key:"7fd29eb8b31cda51e7a3bebebf8d80c7b0a79622",class:"r-radio-button-leading",style:{display:"contents"}},e("slot",{key:"542afc33263c2f06007b1c50225457af3e1b9051"})))}get host(){return s(this)}};r.style=":host{color:var(--r-icon-soft, #686868)}";export{r as r_radio_button_leading}
|
|
@@ -0,0 +1 @@
|
|
|
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:"cd678f2b6c1e00e95ecfc56b1e460b3b3ab37597",slot:"description"},t("div",{key:"a19901417798ef6dacd6ad82c9eab7e2a8227cd5",class:"r-radio-button-description",style:{display:"contents"}},t("slot",{key:"ba9308abf507f84affb24bb7eb8a43c8da4fd613"})))}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 +1 @@
|
|
|
1
|
-
import{r as t,h as r,H as
|
|
1
|
+
import{r as t,h as r,H as s}from"./p-Da7qOBFr.js";const a=class{constructor(r){t(this,r)}render(){return r(s,{key:"98a63f5b2df8649a90efc639cf745537eb903446",role:"tablist"},r("div",{key:"f1f0ce63461fed127e2e0789e941404545265b51",class:"r-tabs-list"},r("slot",{key:"e8302171cd66fba6332ed3301be7370dff43e69d"})))}};a.style=":host{display:block}.r-tabs-list{display:var(--r-tabs-list--display, flex);margin-bottom:var(--r-tabs-list--margin-bottom, 40px);border-bottom-width:var(--r-tabs-list--border-bottom-width, 1px);border-bottom-style:var(--r-tabs-list--border-bottom-style, solid);border-bottom-color:var(--r-tabs-list--border-bottom-color, var(--r-border-softer, #c9c9c9))}.r-tabs-list ::slotted(r-tab){margin-right:var(--r-tabs-list--r-tab--margin-right, 40px)}.r-tabs-list ::slotted(r-tab:last-of-type){margin-right:var(--r-tabs-list--r-tab--last-of-type--margin-right, 0)}";export{a as r_tabs_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as r}from"./p-Da7qOBFr.js";const s=class{constructor(i){t(this,i),this.position="center"}render(){return i(r,{key:"
|
|
1
|
+
import{r as t,h as i,H as r}from"./p-Da7qOBFr.js";const s=class{constructor(i){t(this,i),this.position="center"}render(){return i(r,{key:"5097cfa89ded56bcfb98dc24ca0b1e42c389e4ae"},i("slot",{key:"bba803efc4b82b0612e270665d5f80b740a786f1"}))}};s.style=":host{display:inline-block;position:absolute;z-index:99999}:host:has(:not(:focus-within)){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host:has(:focus-within){top:var(--r-spacing-100);padding:var(--r-spacing-100);border:1px solid var(--r-border-regular);background:var(--r-background-softest);left:var(--r-skip-link--left, 50%);transform:var(--r-skip-link--transform, translateX(-50%))}:host([position=left]){--r-skip-link--left:var(--r-spacing-100);--r-skip-link--transform:none}::slotted(*:not(:focus-within)){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{s as r_skip_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as t,h as a,H as e,g as o}from"./p-Da7qOBFr.js";const i=class{constructor(a){r(this,a),this.tabChange=t(this,"tabChange"),this.moveTabFocus=t(this,"moveTabFocus"),this.disabled=!1,this.active=!1,this.handleClick=()=>{this.disabled||this.active||this.tabChange.emit({element:this.host})},this.handleKeyup=r=>{this.disabled||this.active||("Enter"===r.code||"Space"===r.code)&&this.tabChange.emit({element:this.host})},this.handleKeydown=r=>{if(!this.disabled){switch(r.code){case"Space":case"Home":case"End":r.preventDefault()}this.moveTabFocus.emit({element:this.host,keycode:r.code})}}}render(){const{disabled:r,active:t,panelId:o}=this;return a(e,Object.assign({key:"
|
|
1
|
+
import{r,c as t,h as a,H as e,g as o}from"./p-Da7qOBFr.js";const i=class{constructor(a){r(this,a),this.tabChange=t(this,"tabChange"),this.moveTabFocus=t(this,"moveTabFocus"),this.disabled=!1,this.active=!1,this.handleClick=()=>{this.disabled||this.active||this.tabChange.emit({element:this.host})},this.handleKeyup=r=>{this.disabled||this.active||("Enter"===r.code||"Space"===r.code)&&this.tabChange.emit({element:this.host})},this.handleKeydown=r=>{if(!this.disabled){switch(r.code){case"Space":case"Home":case"End":r.preventDefault()}this.moveTabFocus.emit({element:this.host,keycode:r.code})}}}render(){const{disabled:r,active:t,panelId:o}=this;return a(e,Object.assign({key:"04af619a56c41414b02e942d9d5bba11ef5eb1a0",onClick:this.handleClick,onKeyUp:this.handleKeyup,onKeyDown:this.handleKeydown},{role:"tab",tabindex:t?"0":"-1","panel-id":o,"aria-controls":o,"aria-selected":`${t}`,"aria-disabled":`${r}`}),a("span",{key:"e3fcc9b084de339aafcf98d8c5ca06f0e9615916",class:"r-tab"},a("span",{key:"bb52bf58758c2404a61b595706ecb3e3f71942ee",class:"r-tab--slot"},a("slot",{key:"939a0e9618875e4909dbb763290f5f439122e312"}))))}get host(){return o(this)}};i.style=':host{display:flex;outline:none;opacity:1;cursor:pointer}:host(:hover:not([disabled]:not([disabled=false]))){--r-tab--color:var(--r-text-strong);--r-tab--marker--height:5px;--r-tab--marker--background-color:var(--r-border-softer, #c9c9c9);--r-tab--marker--visibility:visible}:host(:active:not([disabled]:not([disabled=false]))){--r-tab--background-color:var(--r-background-interactive-pressed, rgba(40,40,40,0.12))}:host(:focus-visible){--r-tab--marker--visibility:visible;--r-tab--marker--height:5px;--r-tab--marker--background-color:var(--r-background-interactive-pressed, rgba(40,40,40,0.12));--r-tab--slot--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-tab--slot--outline:2px solid var(--r-border-focused, #0071e3);--r-tab--slot--outline-offset:2px}:host([active]:not([active=false])){cursor:default;--r-tab--font-weight:var(--r-font-weight-semibold, 600);--r-tab--color:var(--r-text-strong, #000);--r-tab--padding-left:0.5625rem;--r-tab--padding-right:0.5625rem;--r-tab--marker--background-color:var(--r-border-regular, #282828);--r-tab--marker--visibility:visible;--r-tab--marker--height:3px}:host([disabled]:not([disabled=false])){opacity:0.4;cursor:not-allowed;--r-tab--pointer-events:none;--r-tab--marker--visibility:hidden;--r-tab--slot--box-shadow:none}.r-tab{position:var(--r-tab--position, relative);font-family:var(--r-tab--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-tab--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-tab--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-tab--line-height, 1);cursor:var(--r-tab--cursor, inherit);pointer-events:var(--r-tab--pointer-events, initial);padding-top:var(--r-tab--padding-top, 0);padding-right:var(--r-tab--padding-right, 0.625rem);padding-bottom:var(--r-tab--padding-bottom, 1.25rem);padding-left:var(--r-tab--padding-left, 0.625rem);opacity:var(--r-tab--opacity, 1);background:var(--r-tab--background, none);color:var(--r-tab--color, var(--r-text-regular, #282828));border:var(--r-tab--border, none);box-shadow:var(--r-tab--box-shadow, none);outline:var(--r-tab--outline, none)}.r-tab::after{content:var(--r-tab--marker--content, "");width:var(--r-tab--marker--width, 100%);height:var(--r-tab--marker--height, 3px);position:var(--r-tab--marker--position, absolute);bottom:var(--r-tab--marker--bottom, 0);left:var(--r-tab--marker--left, 0);visibility:var(--r-tab--marker--visibility, hidden);background-color:var(--r-tab--marker--background-color, rgba(0, 0, 0, 0));transition:var(--r-tab--marker--transition, all 0.1s ease-in)}.r-tab--slot{box-shadow:var(--r-tab--slot--box-shadow, none);outline:var(--r-tab--slot--outline, none);outline-offset:var(--r-tab--slot--outline-offset, 0)}';export{i as r_tab}
|
|
@@ -0,0 +1 @@
|
|
|
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:"844ad8251f30a4b0b6e700d0864798957e53750b",slot:"trailing"},r("div",{key:"26a3458b5a448a9d8a687081325a5aa93c83e512",class:"r-radio-button-trailing",style:{display:"contents"}},r("slot",{key:"fc1634011f555127d3281351a8ba9d7fdc1a7a38"})))}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 +1 @@
|
|
|
1
|
-
import{r as t,h as r,H as a,g as o}from"./p-Da7qOBFr.js";const i=class{constructor(r){t(this,r),this.updateHiddenState=()=>{this.host.setAttribute("data-visually-hidden",`${!this.hasChildren}`)},this.observeSlotContentChange=()=>{this.observer=new MutationObserver((()=>{this.updateHiddenState()})),this.observer.observe(this.host,{childList:!0,subtree:!0})}}get hasChildren(){return this.host.querySelectorAll("r-toast").length>0}componentWillLoad(){this.updateHiddenState(),this.observeSlotContentChange()}render(){return r(a,{key:"
|
|
1
|
+
import{r as t,h as r,H as a,g as o}from"./p-Da7qOBFr.js";const i=class{constructor(r){t(this,r),this.updateHiddenState=()=>{this.host.setAttribute("data-visually-hidden",`${!this.hasChildren}`)},this.observeSlotContentChange=()=>{this.observer=new MutationObserver((()=>{this.updateHiddenState()})),this.observer.observe(this.host,{childList:!0,subtree:!0})}}get hasChildren(){return this.host.querySelectorAll("r-toast").length>0}componentWillLoad(){this.updateHiddenState(),this.observeSlotContentChange()}render(){return r(a,{key:"bbb13408cb02b62fe5f6ab1c09548509bfb3a195"},r("div",{key:"d82f7deff5b66aa8f9e19d29a5b34fc4b984c94d",class:"r-toast-group"},r("slot",{key:"02a49bceae7197f72d5b80ba7d71374345d0f0c7"})))}get host(){return o(this)}};i.style="@media (max-width: 48rem){.sc-r-toast-group-h{--width:auto;--right:24px;--bottom:auto;--left:24px;--padding-right:0}}[data-visually-hidden=true].sc-r-toast-group-h{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sc-r-toast-group-h{display:var(--display, block);position:var(--position, fixed);top:var(--top, 32px);right:var(--right, 0);bottom:var(--bottom, auto);left:var(--left, auto);overflow:var(--overflow, hidden);overflow-y:var(--overflow-y, auto);width:var(--width, 352px);max-height:var(--max-height, calc(100vh - 64px));padding-right:var(--padding-right, 32px);padding-bottom:var(--padding-bottom, 32px);z-index:var(--z-index, 1)}.r-toast-group.sc-r-toast-group{position:relative;display:var(--r-toast-group--display, flex);flex-direction:var(--r-toast-group--flex-direction, column);justify-content:var(--r-toast-group--justify-content, flex-start);gap:var(--r-toast-group--gap, var(--r-spacing-100, 1rem))}";export{i as r_toast_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,H as s,g as r}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";import{S as l}from"./p-4Uv3PpKT.js";const o=class{constructor(s){t(this,s),this.rValidate=e(this,"rValidate"),this.rChange=e(this,"rChange"),this.rReset=e(this,"rReset"),this.fullWidth=!1,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 hasMessage(){return this.hasError||this.hasValidationError}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}=this,u=!!this.isInteractive&&!!h,p={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":`${u}`,"aria-labelledby":`${e}-label`},b={"aria-label":d},f={placeholder:n,name:this.name,value:this.currentValue,"aria-hidden":"true",tabindex:"-1",invalid:o,disabled:r,required:u};return i(s,{key:"7f1fb8ee95b7da1cd7aad0d212d1efa9da744dc2","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:"cb2a21da12f1f1c0dc298f42338d32b709f62375",class:"r-select--label "+(v?"":"r-select--label__margin-bottom")},i("div",{key:"d293ba41b9846d24ba4a2c44fb8fcb9895637c03",class:v?"visually-hidden":"r-select--label-container"},i("label",{key:"b562d22174f435deed545a94d0fd7ce0233ba3de",id:`${e}-label`,onClick:this.isInteractive?this.onValueClick:null},i("r-label",Object.assign({key:"2412f39f04b62a1fac018b588fb463efc9760ae0"},d?{fieldIndicator:l}:{}),d)),i("slot",{key:"99c5c78534118199fc1e99daac2737b78d55bc28",name:"popover"})),c&&i("r-hint",{key:"74f3cf98c25ba600e8faf8a1793d56ab14c01466",id:`${e}-hint`,class:"r-select--hint"},c)),i("div",{key:"1960780639c8896bc52d1b62269d9453645132ef",class:"r-select"},i("select",Object.assign({key:"2b9d75c37066bfeb8e06b4097ecc73bd96358702",class:"r-select--native",ref:t=>this.nativeElement=t},f)),i("div",{key:"3eff5f8f263a013e0ba7ba64eace1da6167b6d1f",class:"r-select--container"},this.combobox?this.renderCombobox(p):this.renderSelect(p),i("div",Object.assign({key:"bbfb28e905d17feee0bd2693faac327d8ef97894",role:"listbox",tabindex:"-1",id:`${e}-list`,class:"r-select--options",ref:t=>this.listboxElement=t},b),(this.isNoResultsFound||!(null===(t=this.optionElements)||void 0===t?void 0:t.length))&&i("r-select-option",{key:"319993c58f2133c271c2db357d22132497751958","data-no-results":"true",value:"no_results"},this.noResultsFound),i("slot",{key:"bbb21659679bb22e3aeb9471a34e3e007ab835d8",onSlotchange:this.handleSlotChange})))),i("div",{key:"5971e5c4f3bbb453dcae9f3ecbdf2c2f14cf0293",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:"1c1aba3c4f3baa93cd6ecab59dd40d99ad5bd0b2",variant:this.invalid?"error":"success"},this.hasError&&this.error,this.hasValidationError&&this.validityMessage)))}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}
|
|
@@ -0,0 +1 @@
|
|
|
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.autofocus=!1,this.validityState="",this.validityMessage="",this.touched=!1,this.initial={},this.uniqueId=`r-checkbox-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),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.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)},this.applyAutofocus=()=>{queueMicrotask((()=>{this.setFocus()}))}}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 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}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)}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}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)}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),this.autofocus&&this.applyAutofocus()}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}render(){const{error:e,name:t,value:o,disabled:s,required:a,uniqueId:c,checked:h,indeterminate:n,autofocus:l}=this;return r(i,{key:"54a5b4a38fd2e9c2a94a95d9ad7d47cd91123d0f",onClick:this.handleClick},r("div",{key:"089747b6032bfc4e0de581eed060558dc73a1118",class:"r-checkbox"},r("input",Object.assign({key:"fa2b9640c25d4f0d1e1781f885a27f1b24c906b4",class:"r-checkbox--input",type:"checkbox"},{name:t,value:o,disabled:s,required:a,checked:h,indeterminate:n,autofocus:l},{id:`${c}-input`,ref:e=>this.nativeElement=e,"aria-describedby":this.hasInvalidMessage?`${c}-message`:null,"aria-required":`${this.required||!1}`,"aria-invalid":`${this.invalid||!1}`})),r("div",{key:"49e514969fa11eccba18658d275462c8c705f8e2",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:"96090e0dc6dcf564a73e061a7e75ad0a4ec0b1cb",class:"r-checkbox--description"},r("label",{key:"524a1cba2f9ef69863c48ca536921411be743ec5",class:"r-checkbox--label",id:`${c}-label`,htmlFor:`${c}-input`},r("slot",{key:"cda4f61e27a86b988746465d14567f49f09eabd0"})),r("div",{key:"be4d6ba741c2580fd1d5a6dc3e2f71716df55d71",id:`${c}-message`,class:this.hasInvalidMessage?"r-checkbox--message":"visually-hidden","aria-live":"polite","aria-atomic":"true"},this.hasInvalidMessage&&r("r-hint",{key:"05b0c0d5ee3c603d19faa11006e9e3501dc8be82",variant:"error"},e||this.customErrorMessage||this.validityMessage)))))}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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as t,h as o,H as a,g as i}from"./p-Da7qOBFr.js";const e=class{constructor(o){r(this,o),this.rChange=t(this,"rChange"),this.rReset=t(this,"rReset"),this.radioButtonClick=t(this,"radioButtonClick"),this.radioButtonKeydown=t(this,"radioButtonKeydown"),this.radioButtonDeselect=t(this,"radioButtonDeselect"),this.value=this.slotTextValue,this.autofocus=!1,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")},this.applyAutofocus=()=>{queueMicrotask((()=>{this.setFocus()}))}}async setFocus(){var r;null===(r=this.nativeEl)||void 0===r||r.focus()}async setBlur(){var r;null===(r=this.nativeEl)||void 0===r||r.blur()}async select(){var r,t,o;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,null===(t=this.nativeEl)||void 0===t||t.setAttribute("tabindex","0"),null===(o=this.nativeEl)||void 0===o||o.focus();const{host:a,value:i,checked:e}=this;this.rChange.emit({element:a,value:i,checked:e})}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")}get shouldAutofocus(){return this.autofocus&&(!this.groupEl||!this.groupEl.autofocus)}componentWillLoad(){this.initialState||(this.initialState=this.checked),this.groupEl&&!this.name&&(this.name=this.groupEl.name)}componentDidLoad(){this.shouldAutofocus&&this.applyAutofocus()}render(){const{name:r,value:t,checked:i,disabled:e,hint:n,uniqueId:d,required:s,invalid:b,error:u,autofocus:l}=this;return o(a,{key:"718b29840798212b4a31a2250fe79620554a9fb5"},o("label",{key:"ab86d4ca9bb300628a5b7f4bf10ba2ce88656d6d",class:"r-radio-button",onClick:this.onClick,onKeyDown:this.onKeydown},o("input",Object.assign({key:"529324a5ae32238b56ab9443a9ba3dd67b9b76bd"},{type:"radio",tabindex:"-1",name:r,value:t,disabled:e,checked:i,required:s,autofocus:l},{id:`${d}-input`,class:"r-radio-button--input",ref:r=>this.nativeEl=r,onFocus:this.onFocus,onBlur:this.onBlur})),o("span",{key:"a90a3704b4fc2d431482cca0c4064241001e09d2",class:"r-radio-button--box"}),this.isLeading&&o("div",{key:"8a067dc10dc0f764c507be6610a8bf6f80565f8b",class:"r-radio-button--leading"},o("slot",{key:"db99a204cdf0932b203a65698f6167ede11309c4",name:"leading"},this.icon&&o("r-icon",{key:"8f6b1c585e0dcfcee9bb471e59f4d911ff72e7bc",name:this.icon,size:"m"}))),o("div",{key:"b2ec0c20df6bffa599c5331016f3c52ce5661a17",class:"r-radio-button--text"},o("slot",{key:"82ed5be7758c72ece18d4df27c0dbeb7e00ab1fc",name:"title"},o("div",{key:"9c839853016eb5e7a3940bea0f9c5c755933ae55",style:{display:"contents"}},o("slot",{key:"78875045c000e5dcd0375fe2143e3032bf3a5226"}))),o("slot",{key:"d75f2511dc33c734eb34c0d8953ed5be2f4cb7ea",name:"description"},this.description)),this.isTrailing&&o("div",{key:"fd204a1c99ac54d60fc4479de3ca650d8ecf6508",class:"r-radio-button--trailing"},o("slot",{key:"9a82590bc860567d1a60f9125622b1e63471ad94",name:"trailing"}))),b&&u&&o("r-hint",{key:"1fc760af1aff4ca5aaa595270c294b492fdb14e3",role:"alert",variant:"error",id:`${d}-hint`},this.error),n&&o("r-hint",{key:"079a060908d285505f7093820933c173194f2348",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 +1 @@
|
|
|
1
|
-
import{r as e,c as o,h as t,H as r,g as i}from"./p-Da7qOBFr.js";const n=class{constructor(t){e(this,t),this.optionClick=o(this,"optionClick"),this.disabled=!1,this.selected=!1,this.iconSize="m",this.iconColor="var(--r-select-option--color)",this.iconPosition="start",this.uniqueId=`r-select-option-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.isFocused=!1,this.isSelected=!1,this.handleClick=e=>{if(e.preventDefault(),this.disabled)return;const{host:o,value:t}=this;this.optionClick.emit({element:o,value:t})},this.handleKeydown=e=>{e.preventDefault()}}async setFocus(){this.isFocused=!0}async setBlur(){this.isFocused=!1}async setSelected(){this.isSelected=!0}async clearSelected(){this.isSelected=!1}get hasIconSlot(){return!!this.host.querySelector('[slot="icon"]')}get definedValue(){var e,o;const t=null===(e=this.host.textContent)||void 0===e?void 0:e.trim();return(null===(o=this.host.getAttribute("label"))||void 0===o?void 0:o.trim())||t||""}componentWillLoad(){var e;(null===(e=this.value)||void 0===e?void 0:e.length)>0||this.host.setAttribute("value",this.definedValue),this.isSelected=this.selected}render(){const{disabled:e,uniqueId:o,icon:i,iconSize:n,iconColor:s,hasIconSlot:a}=this;return t(r,{key:"
|
|
1
|
+
import{r as e,c as o,h as t,H as r,g as i}from"./p-Da7qOBFr.js";const n=class{constructor(t){e(this,t),this.optionClick=o(this,"optionClick"),this.disabled=!1,this.selected=!1,this.iconSize="m",this.iconColor="var(--r-select-option--color)",this.iconPosition="start",this.uniqueId=`r-select-option-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.isFocused=!1,this.isSelected=!1,this.handleClick=e=>{if(e.preventDefault(),this.disabled)return;const{host:o,value:t}=this;this.optionClick.emit({element:o,value:t})},this.handleKeydown=e=>{e.preventDefault()}}async setFocus(){this.isFocused=!0}async setBlur(){this.isFocused=!1}async setSelected(){this.isSelected=!0}async clearSelected(){this.isSelected=!1}get hasIconSlot(){return!!this.host.querySelector('[slot="icon"]')}get definedValue(){var e,o;const t=null===(e=this.host.textContent)||void 0===e?void 0:e.trim();return(null===(o=this.host.getAttribute("label"))||void 0===o?void 0:o.trim())||t||""}componentWillLoad(){var e;(null===(e=this.value)||void 0===e?void 0:e.length)>0||this.host.setAttribute("value",this.definedValue),this.isSelected=this.selected}render(){const{disabled:e,uniqueId:o,icon:i,iconSize:n,iconColor:s,hasIconSlot:a}=this;return t(r,{key:"d059d75cec11ef39ddea8c4ddc9ce8bc9d1a57e7",id:o,role:"option",onClick:this.handleClick,onKeydown:this.handleKeydown,"aria-disabled":`${e}`,"aria-selected":`${this.isSelected}`,"data-value":this.definedValue,"data-focused":`${this.isFocused}`},t("div",{key:"70fa5c2fc9194d197b4124b6afad296d2849032c",class:"r-select-option"},i&&t("span",{key:"07bdfeb2d8330c989e6b59c34ee85cac029135cb",class:"r-select-option--icon"},t("r-icon",Object.assign({key:"358748199ca580e8a9d397ed4f5642a722703441"},{name:i,size:n,color:s}))),!i&&a&&t("span",{key:"60a4e6059188b27d0fbe6e9b0134882cea803d90",class:"r-select-option--icon"},t("slot",{key:"08b11beec2c086b21ab92ad6cab080bae1cd0eac",name:"icon"})),t("span",{key:"4397696c7b8ec172098d9bd82e0c89c55781bb91",class:"r-select-option--label"},t("slot",{key:"b9dddec8b9c455f130ed38577c9321cb6aced0dd"}))))}get host(){return i(this)}};n.style=":host(:hover){--r-select-option--background-color:var(--r-background-interactive-hovered)}:host(:not([aria-disabled=true]):focus){outline:var(--outline, none);--r-select-option--background-color:var(--r-background-interactive-hovered);--r-select-option--border-color:var(--r-background-interactive-softest);--r-select-option--box-shadow:inset 0px 0px 0px 1px var(--r-border-focused-outlined, #fff), inset 0 0 0 3px var(--r-border-focused, #0071e3), inset 0 0 0 4px var(--r-border-focused-outlined, #fff);--r-select-option--outline:2px solid var(--r-border-focused, #0071e3);--r-select-option--outline-offset:-4px;--r-select-option--z-index:1}:host([data-focused=true]){outline:var(--outline, none);--r-select-option--background-color:var(--r-background-interactive-hovered);--r-select-option--border-color:var(--r-background-interactive-softest);--r-select-option--box-shadow:inset 0px 0px 0px 1px var(--r-border-focused-outlined, #fff), inset 0 0 0 3px var(--r-border-focused, #0071e3), inset 0 0 0 4px var(--r-border-focused-outlined, #fff);--r-select-option--outline:2px solid var(--r-border-focused, #0071e3);--r-select-option--outline-offset:-4px}:host(:not([aria-disabled=true]):active){--r-select-option--background-color:var(--r-background-interactive-pressed)}:host([aria-disabled=true]),:host([aria-disabled=true]:hover),:host([aria-disabled=true]:focus){--r-select-option--opacity:0.4;--r-select-option--background-color:transparent}:host([aria-selected=true]){--r-select-option--font-weight:600;--r-select-option--background-color:var(--r-background-interactive-hovered)}:host([aria-hidden=true]){--r-select-option--display:none}:host([icon-position=end]){--r-select-option--flex-direction:row-reverse;--r-select-option--icon--margin-left:0.75em;--r-select-option--icon--margin-right:0}.r-select-option{box-sizing:var(--r-select-option--box-sizing);position:var(--r-select-option--position);display:var(--r-select-option--display, flex);flex-direction:var(--r-select-option--flex-direction, row);min-height:var(--r-select-option--min-height, 1.125em);width:var(--r-select-option--width, auto);font-size:var(--r-select-option--font-size, 1rem);line-height:var(--r-select-option--line-height, 1.2);font-weight:var(--r-select-option--font-weight, normal);padding-top:var(--r-select-option--padding-top, 0.75em);padding-right:var(--r-select-option--padding-right, 0.75em);padding-bottom:var(--r-select-option--padding-bottom, 0.75em);padding-left:var(--r-select-option--padding-left, 0.75em);align-items:var(--r-select-option--align-items, center);color:var(--r-select-option--color, inherit);background-color:var(--r-select-option--background-color, rgba(0, 0, 0, 0));border-color:var(--r-select-option--border-color, rgba(0, 0, 0, 0));border-radius:var(--r-select-option--border-radius, 0);border-width:var(--r-select-option--border-width, 1px);border-style:var(--r-select-option--border-style, solid);box-shadow:var(--r-select-option--box-shadow, none);outline:var(--r-select-option--outline, none);outline-offset:var(--r-select-option--outline-offset, 0);transform:var(--r-select-option--transform, none);z-index:var(--r-select-option--z-index, 0);opacity:var(--r-select-option--opacity, 1)}.r-select-option--icon{display:var(--r-select-option--icon--display, inline-flex);align-items:var(--r-select-option--icon--align-items, center);justify-content:var(--r-select-option--icon--justify-content, center);margin-top:var(--r-select-option--icon--margin-top, 0.05em);margin-left:var(--r-select-option--icon--margin-left, 0);margin-right:var(--r-select-option--icon--margin-right, 0.75em)}.r-select-option--icon svg{display:var(--r-select-option--icon--svg--display, inline-flex)}.r-select-option--label{max-width:var(--r-select-option--label--max-width, 100%);text-overflow:var(--r-select-option--label--text-overflow, ellipsis);white-space:var(--r-select-option--label--white-space, normal)}";export{n as r_select_option}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as a,H as o,g as c}from"./p-Da7qOBFr.js";const n=class{constructor(a){r(this,a),this.size="l"}render(){return a(o,{key:"09de7ec91fc9aab3dfb6705f23aa5035c6aab622"},a("div",{key:"9152451f26122074076a6b7654a76312027309eb",class:"r-accordion"},a("slot",{key:"6c89250f9146fe4d18f550f8d0853188187daf0c"})))}get host(){return c(this)}};n.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=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=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{n as r_accordion}
|