@roadtrip/components 3.34.0 → 3.35.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/dist/cjs/index-fee0103c.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +2 -2
- package/dist/cjs/road-radio-card.cjs.entry.js +73 -0
- package/dist/cjs/road-radio-card.cjs.entry.js.map +1 -0
- package/dist/cjs/road-radio-group.cjs.entry.js +8 -1
- package/dist/cjs/road-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/road-range.cjs.entry.js +2 -2
- package/dist/cjs/road-rating.cjs.entry.js +1 -1
- package/dist/cjs/road-segmented-button-bar.cjs.entry.js +1 -1
- package/dist/cjs/road-segmented-button.cjs.entry.js +2 -2
- package/dist/cjs/road-segmented-buttons.cjs.entry.js +1 -1
- package/dist/cjs/road-select-filter.cjs.entry.js +2 -2
- package/dist/cjs/road-select.cjs.entry.js +1 -1
- package/dist/cjs/road-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/road-spinner.cjs.entry.js +1 -1
- package/dist/cjs/road-switch.cjs.entry.js +2 -2
- package/dist/cjs/road-tab-bar.cjs.entry.js +2 -2
- package/dist/cjs/road-tab-button.cjs.entry.js +2 -2
- package/dist/cjs/road-tab.cjs.entry.js +2 -2
- package/dist/cjs/road-table.cjs.entry.js +1 -1
- package/dist/cjs/road-tabs.cjs.entry.js +1 -1
- package/dist/cjs/road-tag.cjs.entry.js +1 -1
- package/dist/cjs/road-text.cjs.entry.js +1 -1
- package/dist/cjs/road-textarea.cjs.entry.js +2 -2
- package/dist/cjs/road-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/road-toast.cjs.entry.js +1 -1
- package/dist/cjs/road-toggle.cjs.entry.js +2 -2
- package/dist/cjs/road-toolbar-title-page.cjs.entry.js +1 -1
- package/dist/cjs/road-toolbar-title.cjs.entry.js +1 -1
- package/dist/cjs/road-toolbar-v2.cjs.entry.js +1 -1
- package/dist/cjs/road-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/radio-card/radio-card.css +234 -0
- package/dist/collection/components/radio-card/radio-card.js +253 -0
- package/dist/collection/components/radio-card/radio-card.js.map +1 -0
- package/dist/collection/components/radio-card/radio-card.stories.js +90 -0
- package/dist/collection/components/radio-group/radio-group.js +8 -1
- package/dist/collection/components/radio-group/radio-group.js.map +1 -1
- package/dist/collection/components/range/range.js +2 -2
- package/dist/collection/components/rating/rating.js +1 -1
- package/dist/collection/components/row/row.js +1 -1
- package/dist/collection/components/segmented-button/segmented-button.js +2 -2
- package/dist/collection/components/segmented-button-bar/segmented-button-bar.js +1 -1
- package/dist/collection/components/segmented-buttons/segmented-buttons.js +1 -1
- package/dist/collection/components/select/select.js +1 -1
- package/dist/collection/components/select-filter/select-filter.js +2 -2
- package/dist/collection/components/skeleton/skeleton.js +1 -1
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/switch/switch.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/table/table.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tag/tag.js +1 -1
- package/dist/collection/components/text/text.js +1 -1
- package/dist/collection/components/textarea/textarea.css +5 -2
- package/dist/collection/components/textarea/textarea.js +1 -1
- package/dist/collection/components/toast/toast.js +1 -1
- package/dist/collection/components/toggle/toggle.js +2 -2
- package/dist/collection/components/toolbar/toolbar.js +1 -1
- package/dist/collection/components/toolbar-title/toolbar-title.js +1 -1
- package/dist/collection/components/toolbar-title-page/toolbar-title-page.js +1 -1
- package/dist/collection/components/toolbar-v2/toolbar-v2.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +3 -3
- package/dist/esm/index-8dc34f94.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-badge_14.entry.js +2 -2
- package/dist/esm/road-radio-card.entry.js +69 -0
- package/dist/esm/road-radio-card.entry.js.map +1 -0
- package/dist/esm/road-radio-group.entry.js +8 -1
- package/dist/esm/road-radio-group.entry.js.map +1 -1
- package/dist/esm/road-range.entry.js +2 -2
- package/dist/esm/road-rating.entry.js +1 -1
- package/dist/esm/road-segmented-button-bar.entry.js +1 -1
- package/dist/esm/road-segmented-button.entry.js +2 -2
- package/dist/esm/road-segmented-buttons.entry.js +1 -1
- package/dist/esm/road-select-filter.entry.js +2 -2
- package/dist/esm/road-select.entry.js +1 -1
- package/dist/esm/road-skeleton.entry.js +1 -1
- package/dist/esm/road-spinner.entry.js +1 -1
- package/dist/esm/road-switch.entry.js +2 -2
- package/dist/esm/road-tab-bar.entry.js +2 -2
- package/dist/esm/road-tab-button.entry.js +2 -2
- package/dist/esm/road-tab.entry.js +2 -2
- package/dist/esm/road-table.entry.js +1 -1
- package/dist/esm/road-tabs.entry.js +1 -1
- package/dist/esm/road-tag.entry.js +1 -1
- package/dist/esm/road-text.entry.js +1 -1
- package/dist/esm/road-textarea.entry.js +2 -2
- package/dist/esm/road-textarea.entry.js.map +1 -1
- package/dist/esm/road-toast.entry.js +1 -1
- package/dist/esm/road-toggle.entry.js +2 -2
- package/dist/esm/road-toolbar-title-page.entry.js +1 -1
- package/dist/esm/road-toolbar-title.entry.js +1 -1
- package/dist/esm/road-toolbar-v2.entry.js +1 -1
- package/dist/esm/road-tooltip.entry.js +3 -3
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +39 -0
- package/dist/roadtrip/{p-78e6204e.entry.js → p-02a6e387.entry.js} +2 -2
- package/dist/roadtrip/{p-cb8924ee.entry.js → p-0b847a5d.entry.js} +2 -2
- package/dist/roadtrip/{p-4765c524.entry.js → p-0dce3168.entry.js} +2 -2
- package/dist/roadtrip/{p-061f6889.entry.js → p-1ca62c28.entry.js} +2 -2
- package/dist/roadtrip/{p-df897815.entry.js → p-355fcb74.entry.js} +2 -2
- package/dist/roadtrip/p-4a0711c8.entry.js +2 -0
- package/dist/roadtrip/p-4a0711c8.entry.js.map +1 -0
- package/dist/roadtrip/{p-4329a5ff.entry.js → p-4b1ac843.entry.js} +2 -2
- package/dist/roadtrip/{p-38fd91b3.entry.js → p-56f18548.entry.js} +2 -2
- package/dist/roadtrip/{p-ab550b59.entry.js → p-5f2a4cd5.entry.js} +2 -2
- package/dist/roadtrip/{p-f9ba8499.entry.js → p-5f6255ea.entry.js} +2 -2
- package/dist/roadtrip/{p-5ed9e829.entry.js → p-6cde1247.entry.js} +2 -2
- package/dist/roadtrip/{p-0de7b85d.entry.js → p-6e65c377.entry.js} +2 -2
- package/dist/roadtrip/p-6ef0a03b.entry.js +2 -0
- package/dist/roadtrip/{p-6fb0f8b8.entry.js.map → p-6ef0a03b.entry.js.map} +1 -1
- package/dist/roadtrip/{p-c4d3dda1.entry.js → p-780de42a.entry.js} +2 -2
- package/dist/roadtrip/p-80344aa2.entry.js +2 -0
- package/dist/roadtrip/p-80344aa2.entry.js.map +1 -0
- package/dist/roadtrip/{p-ebada9f6.entry.js → p-b0203787.entry.js} +2 -2
- package/dist/roadtrip/{p-7e1e110f.entry.js → p-c01aaf61.entry.js} +2 -2
- package/dist/roadtrip/{p-3aa617b1.entry.js → p-c09d87da.entry.js} +2 -2
- package/dist/roadtrip/p-cd1e078c.entry.js +2 -0
- package/dist/roadtrip/p-cd436a46.entry.js +2 -0
- package/dist/roadtrip/{p-93272a9d.entry.js.map → p-cd436a46.entry.js.map} +1 -1
- package/dist/roadtrip/p-d9cbd0b9.entry.js +2 -0
- package/dist/roadtrip/p-d9cbd0b9.entry.js.map +1 -0
- package/dist/roadtrip/{p-e82c8ca0.entry.js → p-da0e9f4e.entry.js} +2 -2
- package/dist/roadtrip/{p-e8bcf7a0.entry.js → p-df2f066e.entry.js} +2 -2
- package/dist/roadtrip/{p-dc9509b1.entry.js → p-dfc0d1c5.entry.js} +2 -2
- package/dist/roadtrip/{p-fafcecb2.entry.js → p-edfb6a90.entry.js} +2 -2
- package/dist/roadtrip/{p-7a7b1fb6.entry.js → p-f91b8ee7.entry.js} +2 -2
- package/dist/roadtrip/p-fb33aa91.entry.js +2 -0
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/roadtrip.esm.js.map +1 -1
- package/dist/types/components/radio-card/radio-card.d.ts +25 -0
- package/dist/types/components/radio-group/radio-group.d.ts +1 -0
- package/dist/types/components.d.ts +45 -0
- package/hydrate/index.js +188 -100
- package/hydrate/index.mjs +188 -100
- package/package.json +1 -1
- package/dist/roadtrip/p-2f89b651.entry.js +0 -2
- package/dist/roadtrip/p-2f89b651.entry.js.map +0 -1
- package/dist/roadtrip/p-41bab704.entry.js +0 -2
- package/dist/roadtrip/p-6fb0f8b8.entry.js +0 -2
- package/dist/roadtrip/p-93272a9d.entry.js +0 -2
- package/dist/roadtrip/p-97245610.entry.js +0 -2
- package/dist/roadtrip/p-ce386f80.entry.js +0 -2
- package/dist/roadtrip/p-ce386f80.entry.js.map +0 -1
- /package/dist/roadtrip/{p-78e6204e.entry.js.map → p-02a6e387.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-cb8924ee.entry.js.map → p-0b847a5d.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-4765c524.entry.js.map → p-0dce3168.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-061f6889.entry.js.map → p-1ca62c28.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-df897815.entry.js.map → p-355fcb74.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-4329a5ff.entry.js.map → p-4b1ac843.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-38fd91b3.entry.js.map → p-56f18548.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-ab550b59.entry.js.map → p-5f2a4cd5.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-f9ba8499.entry.js.map → p-5f6255ea.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-5ed9e829.entry.js.map → p-6cde1247.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-0de7b85d.entry.js.map → p-6e65c377.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c4d3dda1.entry.js.map → p-780de42a.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-ebada9f6.entry.js.map → p-b0203787.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-7e1e110f.entry.js.map → p-c01aaf61.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-3aa617b1.entry.js.map → p-c09d87da.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-97245610.entry.js.map → p-cd1e078c.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-e82c8ca0.entry.js.map → p-da0e9f4e.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-e8bcf7a0.entry.js.map → p-df2f066e.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-dc9509b1.entry.js.map → p-dfc0d1c5.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-fafcecb2.entry.js.map → p-edfb6a90.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-7a7b1fb6.entry.js.map → p-f91b8ee7.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-41bab704.entry.js.map → p-fb33aa91.entry.js.map} +0 -0
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as a,c as r,h as t,H as e}from"./p-d7aae05d.js";const o='.sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-control.sc-road-textarea{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;appearance:none}.form-control.sc-road-textarea::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-textarea:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:not(:disabled):focus{border-color:var(--road-input-outline-variant)}.form-control.sc-road-textarea:disabled,.form-control[readonly].sc-road-textarea{color:var(--road-on-surface-weak);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.textarea-control.sc-road-textarea{height:auto;padding-top:1rem;padding-bottom:0.5rem;line-height:1.5}.textarea-control.no-resize.sc-road-textarea{resize:none}.form-label.sc-road-textarea{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.input-xl.sc-road-textarea-h{--height:3.5rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea{padding:1.5rem 1rem 0.5rem}.input-xl.sc-road-textarea-h .form-label.sc-road-textarea{top:1rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type="date"].sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type="time"].sc-road-textarea~.form-label.sc-road-textarea{width:100vw;transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{width:100vw;transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-textarea{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.form-control.is-invalid.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-textarea~.invalid-feedback.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid~.invalid-feedback.sc-road-textarea{display:block}.helper.sc-road-textarea{margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-surface-weak)}';const s=o;const i=class{constructor(t){a(this,t);this.roadinput=r(this,"roadinput",7);this.roadInput=r(this,"roadInput",7);this.roadchange=r(this,"roadchange",7);this.roadChange=r(this,"roadChange",7);this.roadblur=r(this,"roadblur",7);this.roadBlur=r(this,"roadBlur",7);this.roadfocus=r(this,"roadfocus",7);this.roadFocus=r(this,"roadFocus",7);this.textareaId=`road-textarea-${d++}`;this.autocapitalize="none";this.autofocus=false;this.disabled=false;this.name=this.textareaId;this.sizes="lg";this.readonly=false;this.required=false;this.spellcheck=false;this.resize=true;this.value="";this.label=`${this.textareaId}-label`;this.onInput=a=>{const r=a.target;if(r){this.value=r.value||""}this.roadinput.emit(a);this.roadInput.emit(a)};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()}}valueChanged(){this.roadchange.emit({value:this.value});this.roadChange.emit({value:this.value})}getValue(){return this.value||""}render(){const a=this.getValue();const r=this.textareaId+"-label";const o=this.value!==""?"has-value":"";const s=this.resize==false?"no-resize":"";const i=this.error!==undefined&&this.error!==""?"is-invalid":"";return t(e,{key:"5940308a9e1f7ed1672cd03a83e55ddd05056111","aria-disabled":this.disabled?"true":null,class:this.sizes&&`input-${this.sizes}`},t("textarea",{key:"0fa4446695b94cbe652f81fab4e36a6f6f8cf11a",class:`form-control textarea-control ${o} ${s} ${i}`,id:this.textareaId,"aria-disabled":this.disabled?"true":null,"aria-labelledby":r,disabled:this.disabled,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,maxLength:this.maxlength,minLength:this.minlength,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,value:a,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}),t("label",{key:"fb2e631bd65dabff36792f56d7959f25c73b06ff",class:"form-label",id:r,htmlFor:this.textareaId},this.label),this.error&&this.error!==""&&t("p",{key:"be5ac6f2e132cd7a9abf0eb1514d78ed8fabc03b",class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&t("p",{key:"c61c6a1855748a295db996cf15bb2af3ba73988b",class:"helper"},this.helper))}static get watchers(){return{value:["valueChanged"]}}};let d=0;i.style=s;export{i as road_textarea};
|
|
2
|
-
//# sourceMappingURL=p-2f89b651.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["textareaCss","RoadTextareaStyle0","Textarea","constructor","hostRef","this","textareaId","textareaIds","autocapitalize","autofocus","disabled","name","sizes","readonly","required","spellcheck","resize","value","label","onInput","ev","input","target","roadinput","emit","roadInput","onBlur","roadblur","roadBlur","onFocus","roadfocus","roadFocus","valueChanged","roadchange","roadChange","getValue","render","labelId","hasValueClass","noResizeClass","isInvalidClass","error","undefined","h","Host","key","class","id","autoCapitalize","autoFocus","enterKeyHint","enterkeyhint","inputMode","inputmode","maxLength","maxlength","minLength","minlength","placeholder","readOnly","cols","rows","wrap","htmlFor","helper"],"sources":["src/components/textarea/textarea.css?tag=road-textarea&encapsulation=scoped","src/components/textarea/textarea.tsx"],"sourcesContent":["/*\n * Textarea\n *\n * Index\n * - Input\n * - Textarea\n * - Label\n * - Sizes\n * - Error\n * - Helper\n */\n\n:host {\n position: relative;\n display: block;\n margin-bottom: 1rem;\n font-family: var(--road-font, sans-serif);\n color: var(--road-on-surface);\n}\n\n/* INPUT\n -------------------- */\n\n.form-control {\n box-sizing: border-box;\n display: block;\n width: 100%;\n height: 3rem;\n padding: 0.75rem 1rem 0;\n margin: 0;\n font-size: var(--road-body-medium);\n color: var(--road-on-surface);\n background: var(--road-surface);\n border: 1px solid var(--road-input-outline);\n border-radius: 0.25rem;\n box-shadow: none;\n appearance: none;\n}\n\n/**\n * Placeholder\n */\n\n.form-control::placeholder {\n color: var(--road-on-surface-extra-weak);\n opacity: 1;\n}\n\n/**\n * Hover state\n */\n\n@media (hover: hover) {\n\n .form-control:not(:disabled):hover {\n border-color: var(--road-input-outline-variant);\n }\n}\n\n/**\n * Focus state\n */\n\n.form-control:focus ~ .form-label,\n.form-control[required]:valid ~ .form-label,\n.form-control.has-value ~ .form-label {\n transform: scale(0.625) translateY(-0.625rem);\n}\n\n.form-control:placeholder-shown ~ .form-label {\n transform: scale(0.625) translateY(-0.625rem);\n}\n\n/* stylelint-disable */\n\n/* IE FIX */\n\n.form-control:-ms-input-placeholder ~ .form-label {\n transform: scale(0.625) translateY(-0.625rem);\n}\n/* stylelint-enable */\n\n.form-control:not(:disabled):focus {\n border-color: var(--road-input-outline-variant);\n}\n\n/**\n * Disabled state\n */\n\n.form-control:disabled,\n.form-control[readonly] {\n color: var(--road-on-surface-weak);\n cursor: not-allowed;\n background: var(--road-surface-disabled);\n opacity: 1;\n}\n\n/* TEXTAREA\n -------------------- */\n\n.textarea-control {\n height: auto;\n padding-top: 1rem;\n padding-bottom: 0.5rem;\n line-height: 1.5;\n}\n\n.textarea-control.no-resize {\n resize: none;\n}\n\n/* LABEL\n -------------------- */\n\n.form-label {\n position: absolute;\n top: 0.75rem;\n left: 1rem;\n display: block;\n font-size: var(--road-body-medium);\n line-height: 1.5;\n color: var(--road-on-surface-weak);\n pointer-events: none;\n transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n transform-origin: 0 0;\n}\n\n/* SIZES\n -------------------- */\n\n:host(.input-xl) {\n --height: 3.5rem;\n}\n\n:host(.input-xl) .form-control {\n padding: 1.5rem 1rem 0.5rem;\n}\n\n:host(.input-xl) .form-label {\n top: 1rem;\n}\n\n:host(.input-xl) .form-control:focus ~ .form-label,\n:host(.input-xl) .form-control[required]:valid ~ .form-label,\n:host(.input-xl) .form-control.has-value ~ .form-label,\n:host(.input-xl) .form-control[type=\"date\"] ~ .form-label,\n:host(.input-xl) .form-control[type=\"time\"] ~ .form-label {\n width: 100vw;\n transform: scale(0.75) translateY(-0.625rem);\n}\n\n:host(.input-xl) .form-control:placeholder-shown ~ .form-label {\n width: 100vw;\n transform: scale(0.75) translateY(-0.625rem);\n}\n\n\n/* ERROR\n -------------------- */\n\n.invalid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.5rem;\n font-size: var(--road-helper-medium);\n color: var(--road-on-danger-surface);\n}\n\n.form-control.is-invalid,\n.was-validated .form-control:invalid {\n border-color: var(--road-danger-outline);\n}\n\n.form-control.is-invalid ~ .invalid-feedback,\n.was-validated .form-control:invalid ~ .invalid-feedback {\n display: block;\n}\n\n/* HELPER\n -------------------- */\n\n.helper {\n margin-top: 0.5rem;\n font-size: var(--road-helper-medium);\n color: var(--road-on-surface-weak);\n}\n","import { Component, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'road-textarea',\n styleUrl: 'textarea.css',\n scoped: true,\n})\nexport class Textarea {\n\n /**\n * The id of textarea\n */\n @Prop() textareaId: string = `road-textarea-${textareaIds++}`;\n\n /**\n * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\n */\n @Prop() autocapitalize: string = 'none';\n\n /**\n * This Boolean attribute lets you specify that a form control should have focus when the page loads.\n */\n @Prop() autofocus: boolean = false;\n\n /**\n * If `true`, the user cannot interact with the textarea.\n */\n @Prop() disabled: boolean = false;\n\n /**\n * A hint to the browser for which keyboard to display.\n * This attribute applies when the value of the type attribute is `\"text\"`, `\"password\"`, `\"email\"`, or `\"url\"`. Possible values are: `\"verbatim\"`, `\"latin\"`, `\"latin-name\"`, `\"latin-prose\"`, `\"full-width-latin\"`, `\"kana\"`, `\"katakana\"`, `\"numeric\"`, `\"tel\"`, `\"email\"`, `\"url\"`.\n */\n @Prop() inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';\n\n /**\n * A hint to the browser for which enter key to display.\n * Possible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n * `\"previous\"`, `\"search\"`, and `\"send\"`.\n */\n @Prop() enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';\n\n /**\n * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.\n */\n @Prop() maxlength?: number;\n\n /**\n * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter.\n */\n @Prop() minlength?: number;\n\n /**\n * The name of the control, which is submitted with the form data.\n */\n @Prop() name: string = this.textareaId;\n\n /**\n * Instructional text that shows before the textarea has a value.\n */\n @Prop() placeholder?: string;\n\n /**\n * The sizes of the input.\n */\n @Prop() sizes: 'lg' | 'xl' = 'lg';\n\n /**\n * If `true`, the user cannot modify the value.\n */\n @Prop() readonly: boolean = false;\n\n /**\n * If `true`, the user must fill in a value before submitting a form.\n */\n @Prop() required: boolean = false;\n\n /**\n * If `true`, the element will have its spelling and grammar checked.\n */\n @Prop() spellcheck: boolean = false;\n\n /**\n * If `false`, to disabled resize.\n */\n @Prop() resize: boolean = true;\n\n /**\n * The visible width of the text control, in average character widths. If it is specified, it must be a positive integer.\n */\n @Prop() cols?: number;\n\n /**\n * The number of rows of the control.\n */\n @Prop() rows?: number;\n\n /**\n * Indicates how the control wraps text.\n */\n @Prop() wrap?: 'hard' | 'soft' | 'off';\n\n /**\n * The value of the textarea.\n */\n @Prop({ mutable: true }) value?: string | null = '';\n\n /**\n * Label for the field\n */\n @Prop() label: string = `${this.textareaId}-label`;\n\n /**\n * Error message for the field\n */\n @Prop() error?: string;\n\n /**\n * Helper message for the field\n */\n @Prop() helper?: string;\n\n /**\n * Update the native textarea element when the value changes\n */\n @Watch('value')\n protected valueChanged() {\n this.roadchange.emit({ value: this.value });\n this.roadChange.emit({ value: this.value });\n }\n\n /**\n * Emitted when a keyboard input occurred.\n */\n @Event() roadinput!: EventEmitter<KeyboardEvent>;\n /** @internal */\n @Event() roadInput!: EventEmitter<KeyboardEvent>;\n\n /**\n * Emitted when the value has changed.\n */\n @Event() roadchange!: EventEmitter<{\n value: string | undefined | null\n }>;\n /** @internal */\n @Event() roadChange!: EventEmitter<{\n value: string | undefined | null\n }>;\n\n /**\n * Emitted when the textarea loses focus.\n */\n @Event() roadblur!: EventEmitter<void>;\n /** @internal */\n @Event() roadBlur!: EventEmitter<void>;\n\n /**\n * Emitted when the textarea has focus.\n */\n @Event() roadfocus!: EventEmitter<void>;\n /** @internal */\n @Event() roadFocus!: EventEmitter<void>;\n\n private getValue(): string {\n return this.value || '';\n }\n\n private onInput = (ev: Event) => {\n const input = ev.target as HTMLInputElement | null;\n if (input) {\n this.value = input.value || '';\n }\n this.roadinput.emit(ev as KeyboardEvent);\n this.roadInput.emit(ev as KeyboardEvent);\n };\n\n private onBlur = () => {\n this.roadblur.emit();\n this.roadBlur.emit();\n };\n\n private onFocus = () => {\n this.roadfocus.emit();\n this.roadFocus.emit();\n };\n\n render() {\n const value = this.getValue();\n const labelId = this.textareaId + '-label';\n const hasValueClass = this.value !== '' ? 'has-value' : '';\n const noResizeClass = this.resize == false ? 'no-resize' : '';\n const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';\n\n return (\n <Host aria-disabled={this.disabled ? 'true' : null} class={this.sizes && `input-${this.sizes}`}>\n <textarea\n class={`form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`}\n id={this.textareaId}\n aria-disabled={this.disabled ? 'true' : null}\n aria-labelledby={labelId}\n disabled={this.disabled}\n autoCapitalize={this.autocapitalize}\n autoFocus={this.autofocus}\n enterKeyHint={this.enterkeyhint}\n inputMode={this.inputmode}\n maxLength={this.maxlength}\n minLength={this.minlength}\n name={this.name}\n placeholder={this.placeholder}\n readOnly={this.readonly}\n required={this.required}\n value={value}\n spellcheck={this.spellcheck}\n cols={this.cols}\n rows={this.rows}\n wrap={this.wrap}\n onInput={this.onInput}\n onBlur={this.onBlur}\n onFocus={this.onFocus}\n >\n </textarea>\n <label class=\"form-label\" id={labelId} htmlFor={this.textareaId}>{this.label}</label>\n {this.error && this.error !== '' && <p class=\"invalid-feedback\">{this.error}</p>}\n {this.helper && this.helper !== '' && <p class=\"helper\">{this.helper}</p>}\n </Host>\n );\n }\n\n}\n\nlet textareaIds = 0;\n"],"mappings":"yDAAA,MAAMA,EAAc,61GACpB,MAAAC,EAAeD,E,MCMFE,EAAQ,MALrB,WAAAC,CAAAC,G,kTAUUC,KAAAC,WAAqB,iBAAiBC,MAKtCF,KAAAG,eAAyB,OAKzBH,KAAAI,UAAqB,MAKrBJ,KAAAK,SAAoB,MA4BpBL,KAAAM,KAAeN,KAAKC,WAUnBD,KAAAO,MAAqB,KAKtBP,KAAAQ,SAAoB,MAKpBR,KAAAS,SAAoB,MAKpBT,KAAAU,WAAsB,MAKpBV,KAAAW,OAAkB,KAoBHX,KAAAY,MAAwB,GAKzCZ,KAAAa,MAAgB,GAAGb,KAAKC,mBAyDxBD,KAAAc,QAAWC,IACjB,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACThB,KAAKY,MAAQI,EAAMJ,OAAS,E,CAE9BZ,KAAKkB,UAAUC,KAAKJ,GACpBf,KAAKoB,UAAUD,KAAKJ,EAAoB,EAGlCf,KAAAqB,OAAS,KACfrB,KAAKsB,SAASH,OACdnB,KAAKuB,SAASJ,MAAM,EAGdnB,KAAAwB,QAAU,KAChBxB,KAAKyB,UAAUN,OACfnB,KAAK0B,UAAUP,MAAM,C,CAzDb,YAAAQ,GACR3B,KAAK4B,WAAWT,KAAK,CAAEP,MAAOZ,KAAKY,QACnCZ,KAAK6B,WAAWV,KAAK,CAAEP,MAAOZ,KAAKY,O,CAmC7B,QAAAkB,GACN,OAAO9B,KAAKY,OAAS,E,CAsBvB,MAAAmB,GACE,MAAMnB,EAAQZ,KAAK8B,WACnB,MAAME,EAAUhC,KAAKC,WAAa,SAClC,MAAMgC,EAAgBjC,KAAKY,QAAU,GAAK,YAAc,GACxD,MAAMsB,EAAgBlC,KAAKW,QAAU,MAAQ,YAAc,GAC3D,MAAMwB,EAAiBnC,KAAKoC,QAAUC,WAAarC,KAAKoC,QAAU,GAAK,aAAe,GAEtF,OACEE,EAACC,EAAI,CAAAC,IAAA,2DAAgBxC,KAAKK,SAAW,OAAS,KAAMoC,MAAOzC,KAAKO,OAAS,SAASP,KAAKO,SACrF+B,EAAA,YAAAE,IAAA,2CACEC,MAAO,iCAAiCR,KAAiBC,KAAiBC,IAC1EO,GAAI1C,KAAKC,WAAU,gBACJD,KAAKK,SAAW,OAAS,KAAI,kBAC3B2B,EACjB3B,SAAUL,KAAKK,SACfsC,eAAgB3C,KAAKG,eACrByC,UAAW5C,KAAKI,UAChByC,aAAc7C,KAAK8C,aACnBC,UAAW/C,KAAKgD,UAChBC,UAAWjD,KAAKkD,UAChBC,UAAWnD,KAAKoD,UAChB9C,KAAMN,KAAKM,KACX+C,YAAarD,KAAKqD,YAClBC,SAAUtD,KAAKQ,SACfC,SAAUT,KAAKS,SACfG,MAAOA,EACPF,WAAYV,KAAKU,WACjB6C,KAAMvD,KAAKuD,KACXC,KAAMxD,KAAKwD,KACXC,KAAMzD,KAAKyD,KACX3C,QAASd,KAAKc,QACdO,OAAQrB,KAAKqB,OACbG,QAASxB,KAAKwB,UAGhBc,EAAA,SAAAE,IAAA,2CAAOC,MAAM,aAAaC,GAAIV,EAAS0B,QAAS1D,KAAKC,YAAaD,KAAKa,OACtEb,KAAKoC,OAASpC,KAAKoC,QAAU,IAAME,EAAA,KAAAE,IAAA,2CAAGC,MAAM,oBAAoBzC,KAAKoC,OACrEpC,KAAK2D,QAAU3D,KAAK2D,SAAW,IAAMrB,EAAA,KAAAE,IAAA,2CAAGC,MAAM,UAAUzC,KAAK2D,Q,wDAOtE,IAAIzD,EAAc,E","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as s,h as r,H as a}from"./p-d7aae05d.js";import{s as t,j as i}from"./p-db82e012.js";const n=":host{display:flex;align-items:center}.rating-stars{display:inline-flex;flex-shrink:0}.rating-star{color:var(--road-surface-disabled)}.rating-stars.rating-stars--small .icon-sm,.rating-stars.rating-stars--extra-small .icon-sm{width:1rem;height:1rem}.rating-number{margin-left:0.5rem;font-size:var(--road-link-medium);color:var(--road-on-surface);text-decoration:underline}.rating-number.rating-number--small{font-size:var(--road-link-small)}.rating-number.rating-number--extra-small{font-size:var(--road-link-extra-small)}.rating-number.readonly{text-decoration:none}";const e=n;const o=class{constructor(r){s(this,r);this.size="medium";this.rate=0;this.showreviews=true;this.readonly=false;this.reviews=0;this.reviewsText="reviews";this.url="#"}render(){const s=Math.floor(this.rate);const n=this.rate-Math.floor(this.rate)>0?1:0;const e=this.size!==undefined?`rating-stars rating-stars--${this.size}`:"rating-stars";const o=this.size!==undefined?`rating-number rating-number--${this.size}`:"rating-number";const c=this.readonly==true?`readonly`:"";return r(a,{key:"3384a50bdc4f0dc8d992ca8160dbe77a8c6ed891"},r("div",{key:"f905f3c7c16744d6bd8c34c31e2bec493169b71f",class:`${e}`},[...Array(s)].map((()=>r("road-icon",{icon:t,size:"sm",color:"warning"}))),[...Array(n)].map((()=>r("road-icon",{icon:i,size:"sm",class:"rating-star"}))),[...Array(5-s-n)].map((()=>r("road-icon",{icon:t,size:"sm",class:"rating-star"})))),this.readonly==false&&this.showreviews&&r("a",{key:"3f973733bb91d8243a84d4b12708a69921858fff",class:`${o}`,href:this.url},"(",this.reviews,this.reviewsText&&` ${this.reviewsText}`,")"),this.readonly==true&&this.showreviews&&r("road-label",{key:"66f1c7954279baba6b9be9e40af220f77c42cd8f",class:`${o} ${c}`},"(",this.reviews,this.reviewsText&&` ${this.reviewsText}`,")"))}};o.style=e;export{o as road_rating};
|
|
2
|
-
//# sourceMappingURL=p-41bab704.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as r,h as e,H as i,a as o}from"./p-d7aae05d.js";const a=":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.5rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-primary);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-top:1px solid var(--road-primary);border-bottom:1px solid var(--road-primary);border-left:1px solid var(--road-primary);border-radius:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:first-child){border:1px solid var(--road-primary);border-right:0;border-radius:999em 0 0 999em}:host(:last-child){border:1px solid var(--road-primary);border-radius:0 999em 999em 0}:host(.btn-sm){height:2rem;font-size:var(--road-button-small)}:host(.tab-selected){color:var(--road-primary-contrast);background-color:var(--road-primary)}:host(.tab-selected:hover){background-color:var(--road-button-primary-variant)}:host(:hover){background:var(--road-primary-90)}:host(.focus-visible){background:var(--road-primary-90);outline:auto}:host(.tab-selected.focus-visible){background-color:var(--road-button-primary-variant)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;max-height:2.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}";const n=a;const s=class{constructor(e){t(this,e);this.roadsegmentedbuttonclick=r(this,"roadsegmentedbuttonclick",7);this.roadSegmentedButtonClick=r(this,"roadSegmentedButtonClick",7);this.size="md";this.selected=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onButtonBarChanged(t){const r=t.target;const e=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(e)||r&&r.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadsegmentedbuttonclick.emit({tab:this.tab,selected:this.selected});this.roadSegmentedButtonClick.emit({tab:this.tab,selected:this.selected});t.preventDefault()}}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{tabIndex:t,selected:r,tab:o}=this;const a=this.size!==undefined?`btn-${this.size}`:"";return e(i,{key:"ea3ccb61b3e95bb8b266e1e47ecbd5a795a78f62",onClick:this.onClick,onKeyup:this.onKeyUp,role:"tab",tabindex:t,"aria-selected":r?"true":null,id:o!==undefined?`tab-button-${o}`:null,class:{"tab-selected":r,[`${a}`]:true}},e("span",{key:"f32414ad539917d0266447d41411eae0cd1f5926",tabIndex:-1,class:"button-native",part:"native","aria-hidden":"true"},e("slot",{key:"2a6270a073b709201505490b242e9b2425745779"})))}get el(){return o(this)}};s.style=n;export{s as road_segmented_button};
|
|
2
|
-
//# sourceMappingURL=p-6fb0f8b8.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as a,c as r,h as e,H as o,a as s}from"./p-d7aae05d.js";import{h as n,i}from"./p-db82e012.js";const d='.sc-road-range-h{display:block}.form-group.sc-road-range{width:100%}.form-range.sc-road-range{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:6px}.form-range-input.sc-road-range{position:relative;z-index:1;width:100%;background:transparent;outline:0;appearance:none}.form-range.sc-road-range>output.sc-road-range::after{display:block;font-size:var(--road-label-medium);text-align:right;content:counter(variable);counter-reset:variable var(--value)}.form-range-label.sc-road-range{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.form-range-progress.sc-road-range{position:relative;z-index:0;display:block;width:100%;margin-top:-1rem}.form-range-input.sc-road-range::-webkit-slider-runnable-track{border:0;appearance:none}.form-range-input.sc-road-range::-moz-range-track{height:0.5rem;border:0;appearance:none}.form-range-progress.sc-road-range::before{display:block;height:0.5rem;content:"";background-color:var(--road-on-surface-disabled);border:0;border-radius:1.125rem}.form-range-progress.sc-road-range.sc-road-range::after{position:absolute;top:0;right:0;left:0;display:block;width:calc(((var(--value) - var(--min)) * 100%) / (var(--max) - var(--min)));height:0.5rem;content:"";background:var(--road-primary);border-radius:1.125rem}.disabled.sc-road-range-h .form-range-progress.sc-road-range.sc-road-range::after{background:var(--road-surface-disabled)}.form-range-input.sc-road-range::-webkit-slider-thumb{position:relative;z-index:1;width:1.625rem;height:1.625rem;cursor:grab;background:var(--road-surface);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);appearance:none}.form-range-input.sc-road-range::-moz-range-thumb{position:relative;z-index:1;box-sizing:border-box;width:1.625rem;height:1.625rem;margin-top:-0.625rem;cursor:grab;background:var(--road-surface);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);appearance:none}.disabled.sc-road-range-h .form-range-input.sc-road-range::-webkit-slider-thumb,.disabled.sc-road-range-h .form-range-input.sc-road-range::-moz-range-thumb{cursor:not-allowed;background:var(--road-on-surface-disabled);box-shadow:none}.disabled.sc-road-range-h .form-range-input.sc-road-range{pointer-events:none}.disabled.sc-road-range-h{cursor:not-allowed}.sc-road-range-h:not(.disabled).focus-visible .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:not(.disabled):active .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:not(.disabled):focus .form-range-input.sc-road-range::-webkit-slider-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.sc-road-range-h:not(.disabled).focus-visible .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:not(.disabled):active .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:not(.disabled):focus .form-range-input.sc-road-range::-moz-range-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.sc-road-range-s>datalist{display:flex;justify-content:space-between}.sc-road-range-s>datalist option{width:32px;margin:0;font-size:var(--road-label-medium);text-align:center}';const t=d;const c=class{constructor(e){a(this,e);this.roadchange=r(this,"roadchange",7);this.roadChange=r(this,"roadChange",7);this.rangeId=`road-range-${l++}`;this.value="";this.showValue=false;this.showTick=false;this.showLabels=false;this.disabled=false;this.onInput=a=>{const r=a.target;if(r){this.value=r.value||""}if(this.value!==null&&this.value!==undefined){this.el.style.setProperty("--value",`${this.value}`)}}}valueChanged(){this.roadchange.emit({value:this.value==null?this.value:this.value.toString()});this.roadChange.emit({value:this.value==null?this.value:this.value.toString()})}getValue(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}handleFocus(){this.el.classList.add("focus-visible")}handleBlur(){this.el.classList.remove("focus-visible")}componentDidLoad(){const a=this.el.querySelector(".form-label");const r=this.el.querySelector(".form-control.sc-road-input");if(a){a.style.clip="rect(0 0 0 0)";a.style.border="0";a.style.height="1px";a.style.left="0";a.style.margin="-1px";a.style.overflow="hidden";a.style.padding="0";a.style.position="absolute";a.style.top="0";a.style.width="1px";r.style.padding="0 1rem 0"}}render(){const a=this.getValue();const r=this.showLabels!==undefined?`tickmarks`:"";return e(o,{key:"b9bf2e10c86f928712def9dd10e123bf6bd62d46",tabindex:"0",class:{disabled:this.disabled}},e("div",{key:"9e6c1bac87a60accb176f416726a63319f1e00a2",class:"form-group d-flex align-items-end"},this.showTick&&e("road-icon",{key:"0c9947463651c065b386fb126a646f39359f32cd",icon:n,class:"mr-8",size:"sm"}),e("div",{key:"f792239e07e2fb7c7a5c8c6b6629e199ce24d560",class:"form-range",style:{"--min":this.min,"--max":this.max,"--value":a,"--background-color":this.disabled?"var(--road-surface-disabled)":"initial"}},this.showValue&&e("output",{key:"7468eb63d48e3dd4add1dbdb72b4a29eaa6644ea"}),this.showLabels&&e("slot",{key:"77d9511bc01e48d1cef2f577fdb5d6d2782d756b",name:"datalist"}),e("input",{key:"dcba864aaaf01686c7205b33f49f0437aff45efc",type:"range",class:"form-range-input",id:this.rangeId,min:this.min,max:this.max,value:a,onInput:this.onInput,list:r,"aria-label":"Valeur",tabindex:"0",disabled:this.disabled}),e("label",{key:"a524dd016f0236cfc053e415a118fed7960515ea",class:"form-range-label"},"Valeur"),e("div",{key:"ca307d8df415ed2a77b7774791387f5bd6ab5d14",class:"form-range-progress"})),this.showTick&&e("road-icon",{key:"f2a35383d6cbae76a337b78b53cd9ffa15a7daef",icon:i,class:"ml-8",size:"sm"})))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"]}}};let l=0;c.style=t;export{c as road_range};
|
|
2
|
-
//# sourceMappingURL=p-93272a9d.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,H as a,a as d}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const r=":host{display:flex;max-width:500px}";const n=r;const i=class{constructor(s){e(this,s);this.roadsegmentedbuttonbarchanged=t(this,"roadsegmentedbuttonbarchanged",7);this.roadSegmentedButtonBarChanged=t(this,"roadSegmentedButtonBarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadsegmentedbuttonbarchanged.emit({tab:this.selectedTab});this.roadSegmentedButtonBarChanged.emit({tab:this.selectedTab})}}componentWillLoad(){this.selectedTabChanged()}render(){return s(a,{key:"2427e30d3c49f36fcf017f1312d92b46b92e5f13",role:"tablist"},s("slot",{key:"7e058b2ec325091ec5e30f0db30d893547e13e49"}))}get el(){return d(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};i.style=n;export{i as road_segmented_button_bar};
|
|
2
|
-
//# sourceMappingURL=p-97245610.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as a,c as e,h as s,H as i,a as r}from"./p-d7aae05d.js";const o=".sc-road-radio-group-h{--asterisk-color:var(--road-on-surface);position:relative;display:block;margin-bottom:1rem}.asterisk.sc-road-radio-group{color:var(--asterisk-color)}.is-invalid.sc-road-radio-group-h .invalid-feedback.sc-road-radio-group{display:block}.invalid-feedback.sc-road-radio-group{display:none;flex:0 0 100%;width:100%;margin:0.5rem 0 0;font-size:var(--road-font-size-12);color:var(--road-on-danger-surface)}.helper.sc-road-radio-group{margin-top:0.5rem;font-size:var(--road-font-size-12);color:var(--road-on-surface-weak)}";const t=o;const d=class{constructor(s){a(this,s);this.roadchange=e(this,"roadchange",7);this.roadChange=e(this,"roadChange",7);this.radioGroupId=`road-radio-group-${c++}`;this.allowEmptySelection=false;this.name=this.radioGroupId;this.asterisk=false;this.ariaLabel=`${this.radioGroupId}-label`;this.onClick=a=>{const e=a.target&&a.target.closest("road-radio");if(e){const a=this.value;const s=e.value;if(s!==a){this.value=s}else if(this.allowEmptySelection){this.value=undefined}this.error=undefined}}}valueChanged(a){this.roadchange.emit({value:a});this.roadChange.emit({value:a})}errorChanged(){if(this.error!==undefined&&this.error!==""){this.el.querySelectorAll("road-radio").forEach((a=>a.error=true))}else{this.el.querySelectorAll("road-radio").forEach((a=>a.error=false))}}componentWillLoad(){if(this.error!==undefined&&this.error!==""){this.el.querySelectorAll("road-radio").forEach((a=>a.error=true))}}render(){const a=`${this.radioGroupId}-label`;const e=this.error!==undefined&&this.error!==""?"is-invalid":"";return s(i,{key:"4bdcce655bfa14696ea85dc3bebf8cb0211d872b",role:"radiogroup",class:`form-group ${e}`,"aria-label":this.ariaLabel,onClick:this.onClick},this.label&&s("p",{key:"7882a85ab9d9e4be07b7ae08ec986d1cd3073951",class:"text-content",id:a},this.label," ",this.asterisk&&s("span",{key:"c5d121db534b7e207aa4b60c8c9534399ed2edf7",class:"asterisk"},"*")),s("slot",{key:"e4fb2070693e91af8772c8d2ed556b6c6b09bda7"}),this.error&&this.error!==""&&s("p",{key:"361cfc55ad976730645f88e1a3b0d75da7d34a5f",class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&s("p",{key:"2e6c420d699283ef203e264995a06b514ce9da7a",class:"helper"},this.helper))}get el(){return r(this)}static get watchers(){return{value:["valueChanged"],error:["errorChanged"]}}};let c=0;d.style=t;export{d as road_radio_group};
|
|
2
|
-
//# sourceMappingURL=p-ce386f80.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["radioGroupCss","RoadRadioGroupStyle0","RadioGroup","constructor","hostRef","this","radioGroupId","radioGroupIds","allowEmptySelection","name","asterisk","ariaLabel","onClick","ev","selectedRadio","target","closest","currentValue","value","newValue","undefined","error","valueChanged","roadchange","emit","roadChange","errorChanged","el","querySelectorAll","forEach","item","componentWillLoad","render","labelId","isInvalidClass","h","Host","key","role","class","label","id","helper"],"sources":["src/components/radio-group/radio-group.css?tag=road-radio-group&encapsulation=scoped","src/components/radio-group/radio-group.tsx"],"sourcesContent":["/*\n * Radio Group\n *\n * Index\n * - Radio Group\n * - Asterisk\n * - Error\n */\n\n/**\n * Error message for inline radio can only\n * be provided by adding a class\n * .is-invalid on the .form-group of this radio\n */\n\n/**\n * @prop --asterisk-color: color of the asterisk\n */\n\n/* RADIO\n -------------------- */\n\n:host {\n --asterisk-color: var(--road-on-surface);\n\n position: relative;\n display: block;\n margin-bottom: 1rem;\n}\n\n\n/* ASTERISK\n-------------------- */\n\n.asterisk {\n color: var(--asterisk-color);\n}\n\n/* ERROR\n-------------------- */\n\n:host(.is-invalid) .invalid-feedback {\n display: block;\n}\n\n.invalid-feedback {\n display: none;\n flex: 0 0 100%;\n width: 100%;\n margin: 0.5rem 0 0;\n font-size: var(--road-font-size-12);\n color: var(--road-on-danger-surface);\n}\n\n/* HELPER\n -------------------- */\n\n.helper {\n margin-top: 0.5rem;\n font-size: var(--road-font-size-12);\n color: var(--road-on-surface-weak);\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\n\n/**\n * @slot - Used to add multiple radio components.\n */\n\n@Component({\n tag: 'road-radio-group',\n styleUrl: 'radio-group.css',\n scoped: true,\n})\nexport class RadioGroup {\n\n @Element() el!: HTMLRoadRadioGroupElement;\n\n /**\n * The id of checkbox\n */\n @Prop() radioGroupId: string = `road-radio-group-${radioGroupIds++}`;\n\n /**\n * If `true`, the radios can be deselected.\n */\n @Prop() allowEmptySelection = false;\n\n /**\n * The name of the control, which is submitted with the form data.\n */\n @Prop() name: string = this.radioGroupId;\n\n /**\n * the value of the radio group.\n */\n @Prop({ mutable: true }) value?: any | null;\n\n /**\n * Label for the field\n */\n @Prop() label?: string;\n\n /**\n * add an asterisk to the label of the field\n */\n @Prop() asterisk?: boolean = false;\n\n /**\n * Label for the field\n */\n @Prop({reflect: true}) ariaLabel: string = `${this.radioGroupId}-label`;\n\n /**\n * Error message for the radio group\n */\n @Prop({ mutable: true }) error?: string;\n\n /**\n * Helper message for the radio group\n */\n @Prop() helper?: string;\n\n @Watch('value')\n valueChanged(value: any | undefined) {\n this.roadchange.emit({ value });\n this.roadChange.emit({ value });\n }\n\n /**\n * Emitted when the value has changed.\n */\n @Event() roadchange!: EventEmitter<{\n value: string | undefined | null\n }>;\n /** @internal */\n @Event() roadChange!: EventEmitter<{\n value: string | undefined | null\n }>;\n\n private onClick = (ev: Event) => {\n const selectedRadio = ev.target && (ev.target as HTMLElement).closest('road-radio');\n if (selectedRadio) {\n const currentValue = this.value;\n const newValue = (selectedRadio as HTMLRoadRadioElement).value;\n if (newValue !== currentValue) {\n this.value = newValue;\n } else if (this.allowEmptySelection) {\n this.value = undefined;\n }\n this.error = undefined;\n }\n };\n\n @Watch('error')\n errorChanged() {\n if (this.error !== undefined && this.error !== '') {\n this.el.querySelectorAll('road-radio').forEach(item => item.error = true);\n } else {\n this.el.querySelectorAll('road-radio').forEach(item => item.error = false);\n }\n }\n\n componentWillLoad() {\n if (this.error !== undefined && this.error !== '') {\n this.el.querySelectorAll('road-radio').forEach(item => item.error = true);\n }\n }\n\n render() {\n const labelId = `${this.radioGroupId}-label`;\n const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';\n\n return (\n <Host\n role=\"radiogroup\"\n class={`form-group ${isInvalidClass}`}\n aria-label={this.ariaLabel}\n onClick={this.onClick}\n >\n {this.label && <p class=\"text-content\" id={labelId}>{this.label} {this.asterisk && <span class=\"asterisk\">*</span>}</p>}\n <slot/>\n {this.error && this.error !== '' && <p class=\"invalid-feedback\">{this.error}</p>}\n {this.helper && this.helper !== '' && <p class=\"helper\">{this.helper}</p>}\n </Host>\n );\n }\n}\n\nlet radioGroupIds = 0;\n"],"mappings":"gEAAA,MAAMA,EAAgB,6hBACtB,MAAAC,EAAeD,E,MCUFE,EAAU,MALvB,WAAAC,CAAAC,G,wFAYUC,KAAAC,aAAuB,oBAAoBC,MAK3CF,KAAAG,oBAAsB,MAKtBH,KAAAI,KAAeJ,KAAKC,aAenBD,KAAAK,SAAqB,MAKPL,KAAAM,UAAoB,GAAGN,KAAKC,qBA6B3CD,KAAAO,QAAWC,IACjB,MAAMC,EAAgBD,EAAGE,QAAWF,EAAGE,OAAuBC,QAAQ,cACtE,GAAIF,EAAe,CACjB,MAAMG,EAAeZ,KAAKa,MAC1B,MAAMC,EAAYL,EAAuCI,MACzD,GAAIC,IAAaF,EAAc,CAC7BZ,KAAKa,MAAQC,C,MACR,GAAId,KAAKG,oBAAqB,CACnCH,KAAKa,MAAQE,S,CAEff,KAAKgB,MAAQD,S,GA1BjB,YAAAE,CAAaJ,GACXb,KAAKkB,WAAWC,KAAK,CAAEN,UACvBb,KAAKoB,WAAWD,KAAK,CAAEN,S,CA6BzB,YAAAQ,GACE,GAAIrB,KAAKgB,QAAUD,WAAaf,KAAKgB,QAAU,GAAI,CACjDhB,KAAKsB,GAAGC,iBAAiB,cAAcC,SAAQC,GAAQA,EAAKT,MAAQ,M,KAC/D,CACLhB,KAAKsB,GAAGC,iBAAiB,cAAcC,SAAQC,GAAQA,EAAKT,MAAQ,O,EAIxE,iBAAAU,GACE,GAAI1B,KAAKgB,QAAUD,WAAaf,KAAKgB,QAAU,GAAI,CACjDhB,KAAKsB,GAAGC,iBAAiB,cAAcC,SAAQC,GAAQA,EAAKT,MAAQ,M,EAIxE,MAAAW,GACE,MAAMC,EAAU,GAAG5B,KAAKC,qBACxB,MAAM4B,EAAiB7B,KAAKgB,QAAUD,WAAaf,KAAKgB,QAAU,GAAK,aAAe,GAEtF,OACEc,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,aACLC,MAAO,cAAcL,IAAgB,aACzB7B,KAAKM,UACjBC,QAASP,KAAKO,SAEbP,KAAKmC,OAASL,EAAA,KAAAE,IAAA,2CAAGE,MAAM,eAAeE,GAAIR,GAAU5B,KAAKmC,MAAK,IAAGnC,KAAKK,UAAYyB,EAAA,QAAAE,IAAA,2CAAME,MAAM,YAAU,MACzGJ,EAAA,QAAAE,IAAA,6CACChC,KAAKgB,OAAShB,KAAKgB,QAAU,IAAMc,EAAA,KAAAE,IAAA,2CAAGE,MAAM,oBAAoBlC,KAAKgB,OACrEhB,KAAKqC,QAAUrC,KAAKqC,SAAW,IAAMP,EAAA,KAAAE,IAAA,2CAAGE,MAAM,UAAUlC,KAAKqC,Q,uGAMtE,IAAInC,EAAgB,E","ignoreList":[]}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|