@roadtrip/components 3.6.0 → 3.8.0

package/dist/roadtrip/{p-9ef4cedb.entry.js → p-b5d485a2.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as s,H as a,e as r}from"./p-cdc666bc.js";import"./p-12fd8791.js";const d=class{constructor(s){t(this,s),this.roadsegmentedbuttonbarchanged=e(this,"roadsegmentedbuttonbarchanged",7),this.roadSegmentedButtonBarChanged=e(this,"roadSegmentedButtonBarChanged",7)}selectedTabChanged(){void 0!==this.selectedTab&&(this.roadsegmentedbuttonbarchanged.emit({tab:this.selectedTab}),this.roadSegmentedButtonBarChanged.emit({tab:this.selectedTab}))}componentWillLoad(){this.selectedTabChanged()}render(){return s(a,{role:"tablist"},s("slot",null))}get el(){return r(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};d.style=":host{display:flex;max-width:500px}";export{d as road_segmented_button_bar}
+import{r as t,c as e,h as s,H as a,e as r}from"./p-9b0bc49b.js";import"./p-12fd8791.js";const i=class{constructor(s){t(this,s),this.roadsegmentedbuttonbarchanged=e(this,"roadsegmentedbuttonbarchanged",7),this.roadSegmentedButtonBarChanged=e(this,"roadSegmentedButtonBarChanged",7)}selectedTabChanged(){void 0!==this.selectedTab&&(this.roadsegmentedbuttonbarchanged.emit({tab:this.selectedTab}),this.roadSegmentedButtonBarChanged.emit({tab:this.selectedTab}))}componentWillLoad(){this.selectedTabChanged()}render(){return s(a,{role:"tablist"},s("slot",null))}get el(){return r(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};i.style=":host{display:flex;max-width:500px}";export{i as road_segmented_button_bar}

package/dist/roadtrip/{p-fb23c9b4.entry.js → p-bb114085.entry.js}

@@ -1 +1 @@
-import{r as c,c as o,h as e,H as r}from"./p-cdc666bc.js";import{c as a,b as i}from"./p-87259af5.js";import"./p-12fd8791.js";const s=class{constructor(e){c(this,e),this.roadchange=o(this,"roadchange",7),this.roadChange=o(this,"roadChange",7),this.roadfocus=o(this,"roadfocus",7),this.roadFocus=o(this,"roadFocus",7),this.roadblur=o(this,"roadblur",7),this.roadBlur=o(this,"roadBlur",7),this.checkboxId="road-checkbox-"+h++,this.name=this.checkboxId,this.required=!1,this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.value="on",this.label=`${this.checkboxId}-label`,this.inverse=!1,this.onClick=()=>{this.checked=!this.checked,this.indeterminate=!1},this.onFocus=()=>{this.roadfocus.emit(),this.roadFocus.emit()},this.onBlur=()=>{this.roadblur.emit(),this.roadBlur.emit()}}checkedChanged(c){this.roadchange.emit({checked:c,value:this.value}),this.roadChange.emit({checked:c,value:this.value})}render(){const c=this.checkboxId+"-label",o=this.inverse&&"form-checkbox-inverse";return e(r,null,e("input",{class:"form-check-input "+(void 0===this.error||this.checked||""===this.error?"":"is-invalid"),type:"checkbox",id:this.checkboxId,name:this.name,required:this.required,disabled:this.disabled,indeterminate:this.indeterminate,checked:this.checked,value:this.value,"aria-checked":`${this.checked}`,"aria-disabled":this.disabled?"true":null,"aria-labelledby":c,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),e("label",{class:`form-check-label ${o}`,id:c,htmlFor:this.checkboxId},e("div",null,this.label,e("slot",null)),this.checked&&!this.indeterminate&&e("road-icon",{class:"form-check-icon",icon:a}),this.indeterminate&&e("road-icon",{class:"form-check-icon",icon:i})),this.error&&""!==this.error&&e("p",{class:"invalid-feedback"},this.error),this.helper&&""!==this.helper&&e("p",{class:"helper"},this.helper))}static get watchers(){return{checked:["checkedChanged"]}}};let h=0;s.style='.sc-road-checkbox-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-font-size-16);line-height:1.5;color:var(--road-on-surface)}.form-check-input.sc-road-checkbox{position:absolute;z-index:-1;opacity:0}.form-check-label.sc-road-checkbox{position:relative;display:inline-flex;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-check-label.sc-road-checkbox::before{box-sizing:border-box;display:block;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0 0.75rem 0 0;content:"";background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;transition:border 0.2s ease-in-out, background 0.2s ease-in-out}.form-check-icon.sc-road-checkbox{position:absolute;top:0;left:0;box-sizing:border-box;display:block;width:1.25rem;height:1.25rem;color:var(--road-primary-contrast);opacity:0;transition:opacity 0.2s ease-in-out}@media (hover: hover){.form-check-input.sc-road-checkbox:not(:disabled)~.form-check-label.sc-road-checkbox:hover::before{border-color:var(--road-input-surface-variant)}.form-check-input.sc-road-checkbox:not(:disabled):checked~.form-check-label.sc-road-checkbox:hover::before,.form-check-input.sc-road-checkbox:not(:disabled):indeterminate~.form-check-label.sc-road-checkbox:hover::before{background:var(--road-input-surface-variant)}}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{opacity:1}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-input-surface);border-color:var(--road-input-surface)}.form-check-input.focus-visible.sc-road-checkbox~.form-check-label.sc-road-checkbox::before{box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700)}.form-check-input.focus-visible.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.focus-visible.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-input-surface-variant);border-color:var(--road-input-surface-variant)}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox{cursor:not-allowed}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox::before,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox::before{background:var(--road-surface-disabled);border:none}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{fill:var(--road-on-surface-disabled)}.invalid-feedback.sc-road-checkbox{display:none;flex:0 0 100%;width:100%;margin-top:0.5rem;font-size:var(--road-font-size-12);color:var(--road-danger-default)}.form-check-input.is-invalid.sc-road-checkbox~.form-check-label.sc-road-checkbox::before,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.form-check-label.sc-road-checkbox::before{border-color:var(--road-danger-outline)}.form-check-input.is-invalid.sc-road-checkbox~.invalid-feedback.sc-road-checkbox,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.invalid-feedback.sc-road-checkbox{display:block}.form-checkbox-inverse.sc-road-checkbox{display:flex;flex-direction:row-reverse;justify-content:space-between}.form-checkbox-inverse.sc-road-checkbox::before{margin:0 0 0 1rem}.form-checkbox-inverse.sc-road-checkbox .form-check-icon.sc-road-checkbox{right:0;left:auto}.helper.sc-road-checkbox{margin-top:0.5rem;font-size:0.75rem;color:var(--road-grey-500)}';export{s as road_checkbox}
+import{r as c,c as o,h as e,H as r}from"./p-9b0bc49b.js";import{c as a,b as i}from"./p-87259af5.js";import"./p-12fd8791.js";const s=class{constructor(e){c(this,e),this.roadchange=o(this,"roadchange",7),this.roadChange=o(this,"roadChange",7),this.roadfocus=o(this,"roadfocus",7),this.roadFocus=o(this,"roadFocus",7),this.roadblur=o(this,"roadblur",7),this.roadBlur=o(this,"roadBlur",7),this.checkboxId="road-checkbox-"+h++,this.name=this.checkboxId,this.required=!1,this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.value="on",this.label=`${this.checkboxId}-label`,this.inverse=!1,this.onClick=()=>{this.checked=!this.checked,this.indeterminate=!1},this.onFocus=()=>{this.roadfocus.emit(),this.roadFocus.emit()},this.onBlur=()=>{this.roadblur.emit(),this.roadBlur.emit()}}checkedChanged(c){this.roadchange.emit({checked:c,value:this.value}),this.roadChange.emit({checked:c,value:this.value})}render(){const c=this.checkboxId+"-label",o=this.inverse&&"form-checkbox-inverse";return e(r,null,e("input",{class:"form-check-input "+(void 0===this.error||this.checked||""===this.error?"":"is-invalid"),type:"checkbox",id:this.checkboxId,name:this.name,required:this.required,disabled:this.disabled,indeterminate:this.indeterminate,checked:this.checked,value:this.value,"aria-checked":`${this.checked}`,"aria-disabled":this.disabled?"true":null,"aria-labelledby":c,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),e("label",{class:`form-check-label ${o}`,id:c,htmlFor:this.checkboxId},e("div",null,this.label,e("slot",null)),this.checked&&!this.indeterminate&&e("road-icon",{class:"form-check-icon",icon:a}),this.indeterminate&&e("road-icon",{class:"form-check-icon",icon:i})),this.error&&""!==this.error&&e("p",{class:"invalid-feedback"},this.error),this.helper&&""!==this.helper&&e("p",{class:"helper"},this.helper))}static get watchers(){return{checked:["checkedChanged"]}}};let h=0;s.style='.sc-road-checkbox-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-font-size-16);line-height:1.5;color:var(--road-on-surface)}.form-check-input.sc-road-checkbox{position:absolute;z-index:-1;opacity:0}.form-check-label.sc-road-checkbox{position:relative;display:inline-flex;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-check-label.sc-road-checkbox::before{box-sizing:border-box;display:block;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0 0.75rem 0 0;content:"";background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;transition:border 0.2s ease-in-out, background 0.2s ease-in-out}.form-check-icon.sc-road-checkbox{position:absolute;top:0;left:0;box-sizing:border-box;display:block;width:1.25rem;height:1.25rem;color:var(--road-primary-contrast);opacity:0;transition:opacity 0.2s ease-in-out}@media (hover: hover){.form-check-input.sc-road-checkbox:not(:disabled)~.form-check-label.sc-road-checkbox:hover::before{border-color:var(--road-input-surface-variant)}.form-check-input.sc-road-checkbox:not(:disabled):checked~.form-check-label.sc-road-checkbox:hover::before,.form-check-input.sc-road-checkbox:not(:disabled):indeterminate~.form-check-label.sc-road-checkbox:hover::before{background:var(--road-input-surface-variant)}}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{opacity:1}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-input-surface);border-color:var(--road-input-surface)}.form-check-input.focus-visible.sc-road-checkbox~.form-check-label.sc-road-checkbox::before{box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700)}.form-check-input.focus-visible.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.focus-visible.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-input-surface-variant);border-color:var(--road-input-surface-variant)}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox{cursor:not-allowed}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox::before,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox::before{background:var(--road-surface-disabled);border:none}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{fill:var(--road-on-surface-disabled)}.invalid-feedback.sc-road-checkbox{display:none;flex:0 0 100%;width:100%;margin-top:0.5rem;font-size:var(--road-font-size-12);color:var(--road-danger-default)}.form-check-input.is-invalid.sc-road-checkbox~.form-check-label.sc-road-checkbox::before,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.form-check-label.sc-road-checkbox::before{border-color:var(--road-danger-outline)}.form-check-input.is-invalid.sc-road-checkbox~.invalid-feedback.sc-road-checkbox,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.invalid-feedback.sc-road-checkbox{display:block}.form-checkbox-inverse.sc-road-checkbox{display:flex;flex-direction:row-reverse;justify-content:space-between}.form-checkbox-inverse.sc-road-checkbox::before{margin:0 0 0 1rem}.form-checkbox-inverse.sc-road-checkbox .form-check-icon.sc-road-checkbox{right:0;left:auto}.helper.sc-road-checkbox{margin-top:0.5rem;font-size:0.75rem;color:var(--road-grey-500)}';export{s as road_checkbox}