@riverty/web-components 5.8.0 → 6.0.0

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

@@ -1 +0,0 @@
-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.showValid=!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{valid:t,validMessage:i,validityMessage:e,invalid:r,error:s,customErrorMessage:h}=this;let a=null;return t&&(a=i||null),r&&(a=s||h||e||null),a}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}

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

@@ -1 +0,0 @@
-import{r as a,h as d,H as t,g as s}from"./p-Da7qOBFr.js";const r=class{constructor(d){a(this,d)}render(){return d(t,{key:"802f0d0c98c87abb566dd2ef0388d6d6237dba68",slot:"leading"},d("div",{key:"4c0296adc5dd6839dd150450f0be62e92a810d7c",class:"r-radio-button-leading",style:{display:"contents"}},d("slot",{key:"16b6131307cbaa02e1182b204ded280fa903da0a"})))}get host(){return s(this)}};r.style=":host{color:var(--r-icon-soft, #686868)}";export{r as r_radio_button_leading}