@roadtrip/components 2.35.0 → 2.36.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/loader.cjs.js +1 -1
- package/dist/cjs/road-input-group.cjs.entry.js +1 -1
- package/dist/cjs/road-input.cjs.entry.js +2 -2
- package/dist/cjs/road-select-filter.cjs.entry.js +2 -1
- package/dist/cjs/road-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/road-spinner.cjs.entry.js +7 -2
- package/dist/cjs/road-tooltip.cjs.entry.js +5 -1
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/components/dropdown/dropdown.js +2 -1
- package/dist/collection/components/dropdown/dropdown.stories.js +3 -3
- package/dist/collection/components/input/input.css +8 -0
- package/dist/collection/components/input/input.js +1 -1
- package/dist/collection/components/input-group/input-group.css +22 -3
- package/dist/collection/components/select-filter/select-filter.css +3 -1
- package/dist/collection/components/select-filter/select-filter.js +1 -0
- package/dist/collection/components/select-filter/select-filter.stories.js +25 -0
- package/dist/collection/components/skeleton/skeleton.css +2 -2
- package/dist/collection/components/skeleton/skeleton.stories.js +204 -46
- package/dist/collection/components/spinner/spinner.css +13 -0
- package/dist/collection/components/spinner/spinner.js +26 -3
- package/dist/collection/components/spinner/spinner.stories.js +8 -2
- package/dist/collection/components/tooltip/tooltip.css +17 -8
- package/dist/collection/components/tooltip/tooltip.js +22 -0
- package/dist/collection/components/tooltip/tooltip.stories.js +11 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-input-group.entry.js +1 -1
- package/dist/esm/road-input.entry.js +2 -2
- package/dist/esm/road-select-filter.entry.js +2 -1
- package/dist/esm/road-skeleton.entry.js +1 -1
- package/dist/esm/road-spinner.entry.js +7 -2
- package/dist/esm/road-tooltip.entry.js +5 -1
- package/dist/esm/roadtrip.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/road-input-group.entry.js +1 -1
- package/dist/esm-es5/road-input.entry.js +1 -1
- package/dist/esm-es5/road-select-filter.entry.js +1 -1
- package/dist/esm-es5/road-skeleton.entry.js +1 -1
- package/dist/esm-es5/road-spinner.entry.js +1 -1
- package/dist/esm-es5/road-tooltip.entry.js +1 -1
- package/dist/esm-es5/roadtrip.js +1 -1
- package/dist/html.html-data.json +30 -0
- package/dist/roadtrip/p-012457c2.entry.js +1 -0
- package/dist/roadtrip/p-1f78dab9.system.entry.js +1 -0
- package/dist/roadtrip/{p-aa2d24f6.entry.js → p-22ff574e.entry.js} +1 -1
- package/dist/roadtrip/{p-3486b683.system.entry.js → p-288298fa.system.entry.js} +1 -1
- package/dist/roadtrip/p-39a93000.entry.js +1 -0
- package/dist/roadtrip/{p-60695934.entry.js → p-501c2775.entry.js} +1 -1
- package/dist/roadtrip/p-7118c44a.entry.js +1 -0
- package/dist/roadtrip/p-83926ef1.system.entry.js +1 -0
- package/dist/roadtrip/p-ad1136ff.system.entry.js +1 -0
- package/dist/roadtrip/p-b205281e.system.js +1 -1
- package/dist/roadtrip/p-bc394b73.system.entry.js +1 -0
- package/dist/roadtrip/p-f00aa43f.system.entry.js +1 -0
- package/dist/roadtrip/p-f7f442a7.entry.js +1 -0
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/types/components/dropdown/dropdown.d.ts +2 -1
- package/dist/types/components/spinner/spinner.d.ts +5 -1
- package/dist/types/components/tooltip/tooltip.d.ts +4 -0
- package/dist/types/components.d.ts +20 -2
- package/package.json +1 -1
- package/dist/roadtrip/p-089db019.system.entry.js +0 -1
- package/dist/roadtrip/p-161e83eb.entry.js +0 -1
- package/dist/roadtrip/p-1c931aee.system.entry.js +0 -1
- package/dist/roadtrip/p-24b5b4ae.system.entry.js +0 -1
- package/dist/roadtrip/p-564a2eac.entry.js +0 -1
- package/dist/roadtrip/p-64ad75dd.entry.js +0 -1
- package/dist/roadtrip/p-6f30373e.system.entry.js +0 -1
- package/dist/roadtrip/p-c8d0886d.system.entry.js +0 -1
- package/dist/roadtrip/p-d2165987.entry.js +0 -1
|
@@ -1003,10 +1003,14 @@ export namespace Components {
|
|
|
1003
1003
|
interface RoadSkeleton {
|
|
1004
1004
|
}
|
|
1005
1005
|
interface RoadSpinner {
|
|
1006
|
+
/**
|
|
1007
|
+
* The color spinner.
|
|
1008
|
+
*/
|
|
1009
|
+
"color"?: 'default' | 'light' | 'dark';
|
|
1006
1010
|
/**
|
|
1007
1011
|
* The button size.
|
|
1008
1012
|
*/
|
|
1009
|
-
"size"?: 'small' | 'medium' | 'large';
|
|
1013
|
+
"size"?: 'small' | 'medium' | 'large' | 'xl';
|
|
1010
1014
|
}
|
|
1011
1015
|
interface RoadSwitch {
|
|
1012
1016
|
/**
|
|
@@ -1312,6 +1316,11 @@ export namespace Components {
|
|
|
1312
1316
|
* The tooltip's content.
|
|
1313
1317
|
*/
|
|
1314
1318
|
"content": string;
|
|
1319
|
+
/**
|
|
1320
|
+
* The content align of the tooltip.
|
|
1321
|
+
*/
|
|
1322
|
+
"contentAlign": | 'center'
|
|
1323
|
+
| 'left';
|
|
1315
1324
|
/**
|
|
1316
1325
|
* Indicates whether or not the tooltip is open. You can use this or the open/close methods.
|
|
1317
1326
|
*/
|
|
@@ -2837,10 +2846,14 @@ declare namespace LocalJSX {
|
|
|
2837
2846
|
interface RoadSkeleton {
|
|
2838
2847
|
}
|
|
2839
2848
|
interface RoadSpinner {
|
|
2849
|
+
/**
|
|
2850
|
+
* The color spinner.
|
|
2851
|
+
*/
|
|
2852
|
+
"color"?: 'default' | 'light' | 'dark';
|
|
2840
2853
|
/**
|
|
2841
2854
|
* The button size.
|
|
2842
2855
|
*/
|
|
2843
|
-
"size"?: 'small' | 'medium' | 'large';
|
|
2856
|
+
"size"?: 'small' | 'medium' | 'large' | 'xl';
|
|
2844
2857
|
}
|
|
2845
2858
|
interface RoadSwitch {
|
|
2846
2859
|
/**
|
|
@@ -3175,6 +3188,11 @@ declare namespace LocalJSX {
|
|
|
3175
3188
|
* The tooltip's content.
|
|
3176
3189
|
*/
|
|
3177
3190
|
"content"?: string;
|
|
3191
|
+
/**
|
|
3192
|
+
* The content align of the tooltip.
|
|
3193
|
+
*/
|
|
3194
|
+
"contentAlign"?: | 'center'
|
|
3195
|
+
| 'left';
|
|
3178
3196
|
/**
|
|
3179
3197
|
* Indicates whether or not the tooltip is open. You can use this or the open/close methods.
|
|
3180
3198
|
*/
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __spreadArray=this&&this.__spreadArray||function(r,t){for(var o=0,a=t.length,e=r.length;o<a;o++,e++)r[e]=t[o];return r};System.register(["./p-f33e4ac5.system.js"],(function(r){"use strict";var t,o,a,e;return{setters:[function(r){t=r.r;o=r.c;a=r.h;e=r.H}],execute:function(){var i='.sc-road-input-h{--height:3rem;--border-radius:0.25rem;--input-text-align:left;--margin-bottom:1rem;position:relative;display:block;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);color:var(--road-grey-900)}.form-control.sc-road-input{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;height:var(--height);padding:0.75rem 1rem 0;margin:0;font-size:1rem;color:var(--road-grey-900);text-align:var(--input-text-align);background:var(--road-grey-000);border:1px solid var(--road-grey-500);border-radius:var(--border-radius);-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control[type="number"].sc-road-input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.form-control.sc-road-input::-webkit-calendar-picker-indicator{margin-top:-0.75rem}.form-control.sc-road-input::-webkit-date-and-time-value{padding-top:0.625rem}.form-control.sc-road-input::-webkit-input-placeholder{color:var(--road-grey-500);opacity:1}.form-control.sc-road-input::-moz-placeholder{color:var(--road-grey-500);opacity:1}.form-control.sc-road-input:-ms-input-placeholder{color:var(--road-grey-500);opacity:1}.form-control.sc-road-input::-ms-input-placeholder{color:var(--road-grey-500);opacity:1}.form-control.sc-road-input::placeholder{color:var(--road-grey-500);opacity:1}@media (hover: hover){.form-control.sc-road-input:not(:disabled):hover{border-color:var(--road-primary-700)}}.form-control.sc-road-input:focus~.form-label.sc-road-input,.form-control[required].sc-road-input:valid~.form-label.sc-road-input,.form-control.has-value.sc-road-input~.form-label.sc-road-input,.form-control[type="date"].sc-road-input~.form-label.sc-road-input,.form-control[type="time"].sc-road-input~.form-label.sc-road-input{-webkit-transform:scale(0.625) translateY(-0.625rem);transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:-moz-placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:-ms-input-placeholder~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{-webkit-transform:scale(0.625) translateY(-0.625rem);transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:-ms-input-placeholder~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:not(:disabled):focus{border-color:var(--road-primary-700);outline:0}.form-control.sc-road-input:disabled,.form-control[readonly].sc-road-input{cursor:not-allowed;background:var(--road-grey-200);opacity:1}.form-label.sc-road-input{position:absolute;top:0.75rem;left:1rem;display:block;font-size:1rem;line-height:1.5;color:var(--road-grey-500);pointer-events:none;-webkit-transition:-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;-webkit-transform-origin:0 0;transform-origin:0 0}.form-control.sc-road-input:required~.form-label.sc-road-input::after{color:var(--road-danger-default);content:" *"}.less-label.sc-road-input{padding-top:0}.input-xl.sc-road-input-h{--height:3.5rem}.input-xl.sc-road-input-h .form-control.sc-road-input{padding:1rem 1rem 0}.input-xl.sc-road-input-h .form-label.sc-road-input{top:1rem}.input-xl.sc-road-input-h .form-control.sc-road-input:focus~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[required].sc-road-input:valid~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control.has-value.sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type="date"].sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type="time"].sc-road-input~.form-label.sc-road-input{-webkit-transform:scale(0.75) translateY(-0.625rem);transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-input-h .form-control.sc-road-input:-moz-placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.input-xl.sc-road-input-h .form-control.sc-road-input:-ms-input-placeholder~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.input-xl.sc-road-input-h .form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{-webkit-transform:scale(0.625) translateY(-0.625rem);transform:scale(0.625) translateY(-0.625rem)}.invalid-feedback.sc-road-input{display:none;width:100%;margin-top:0.5rem;font-size:0.75rem;color:var(--road-danger-text)}.form-control.is-invalid.sc-road-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid{border-color:var(--road-danger-default)}.form-control.is-invalid.sc-road-input~.invalid-feedback.sc-road-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid~.invalid-feedback.sc-road-input{display:block}.helper.sc-road-input{margin-top:0.5rem;font-size:0.875rem;color:var(--road-grey-500)}';var n=function(r,t){var o=r._original||r;return{_original:r,emit:s(o.emit.bind(o),t)}};var s=function(r,t){if(t===void 0){t=0}var o;return function(){var a=[];for(var e=0;e<arguments.length;e++){a[e]=arguments[e]}clearTimeout(o);o=setTimeout.apply(void 0,__spreadArray([r,t],a))}};var l=r("road_input",function(){function r(r){var a=this;t(this,r);this.roadinput=o(this,"roadinput",7);this.roadInput=o(this,"roadInput",7);this.roadchange=o(this,"roadchange",7);this.roadChange=o(this,"roadChange",7);this.roadblur=o(this,"roadblur",7);this.roadBlur=o(this,"roadBlur",7);this.roadfocus=o(this,"roadfocus",7);this.roadFocus=o(this,"roadFocus",7);this.inputId="road-input-"+d++;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.disabled=false;this.name=this.inputId;this.readonly=false;this.required=false;this.spellcheck=false;this.sizes="lg";this.type="text";this.value="";this.label="";this.debounce=0;this.onInput=function(r){var t=r.target;if(t){a.value=t.value||""}a.roadinput.emit(r);a.roadInput.emit(r)};this.onBlur=function(){a.roadblur.emit();a.roadBlur.emit()};this.onFocus=function(){a.roadfocus.emit();a.roadFocus.emit()}}r.prototype.debounceChanged=function(){this.roadchange=n(this.roadchange,this.debounce);this.roadChange=n(this.roadChange,this.debounce)};r.prototype.valueChanged=function(){this.roadchange.emit({value:this.value==null?this.value:this.value.toString()});this.roadChange.emit({value:this.value==null?this.value:this.value.toString()})};r.prototype.getValue=function(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()};r.prototype.render=function(){var r=this.getValue();var t=this.inputId+"-label";var o=this.value!==""?"has-value":"";var i=this.label!==""?"":"less-label";var n=this.error!==undefined&&this.error!==""?"is-invalid":"";return a(e,{"aria-disabled":this.disabled?"true":null,class:this.sizes&&"input-"+this.sizes},a("input",{class:"form-control "+o+" "+n+" "+i,id:this.inputId,"aria-disabled":this.disabled?"true":null,"aria-labelledby":t,disabled:this.disabled,autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,enterKeyHint:this.enterkeyhint,autoFocus:this.autofocus,inputMode:this.inputmode,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,step:this.step,size:this.size,type:this.type,value:r,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}),a("label",{class:"form-label",id:t,htmlFor:this.inputId},this.label),this.error&&this.error!==""&&a("p",{class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&a("p",{class:"helper"},this.helper))};Object.defineProperty(r,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return r}());var d=0;l.style=i}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as a}from"./p-33e38a04.js";let r=class{constructor(a){o(this,a)}render(){return a("span",null," ")}};r.style=":host{--background-light:var(--road-grey-200);--background-dark:var(--road-grey-300);position:relative;display:block;width:100%;min-height:1rem;background:-webkit-gradient(linear, left top, right top, color-stop(8%, var(--background-light)), color-stop(18%, var(--background-dark)), color-stop(33%, var(--background-light)));background:linear-gradient(to right, var(--background-light) 8%, var(--background-dark) 18%, var(--background-light) 33%);background-size:800px 104px;-webkit-animation:road-skeleton-animation 1s linear infinite;animation:road-skeleton-animation 1s linear infinite}@-webkit-keyframes road-skeleton-animation{0%{background-position:-468px 0}100%{background-position:468px 0}}@keyframes road-skeleton-animation{0%{background-position:-468px 0}100%{background-position:468px 0}}";export{r as road_skeleton}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,o,e,r){function n(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,i){function a(t){try{l(r.next(t))}catch(o){i(o)}}function s(t){try{l(r["throw"](t))}catch(o){i(o)}}function l(t){t.done?e(t.value):n(t.value).then(a,s)}l((r=r.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,n,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(o){return l([t,o])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(e)try{if(r=1,n&&(i=a[0]&2?n["return"]:a[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,a[1])).done)return i;if(n=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;n=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){e.label=a[1];break}if(a[0]===6&&e.label<i[1]){e.label=i[1];i=a;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(a);break}if(i[2])e.ops.pop();e.trys.pop();continue}a=o.call(t,e)}catch(s){a=[6,s];n=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-f33e4ac5.system.js"],(function(t){"use strict";var o,e,r,n;return{setters:[function(t){o=t.r;e=t.h;r=t.H;n=t.e}],execute:function(){var i=':host{--max-width:16rem;--z-index:1;--width:max-content;position:relative;display:inline-block}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:0.75rem;color:var(--road-grey-900);text-align:center;pointer-events:none;background:var(--road-grey-000);border:1px solid var(--road-grey-300);border-radius:0.25rem;-webkit-box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);opacity:0;-webkit-transition:opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}.tooltip-open{opacity:1}:host([data-tooltip-position="top"]) .tooltip{left:50%;-webkit-transform:translateX(-50%) translateY(-70%);transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position="top"]) .tooltip-open{left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position="left"]) .tooltip{top:50%;left:0%;margin-left:-0.5rem;-webkit-transform:translateX(-94%) translateY(-55%);transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position="left"]) .tooltip-open{-webkit-transform:translateX(-100%) translateY(-55%);transform:translateX(-100%) translateY(-55%)}:host([data-tooltip-position="bottom"]) .tooltip{top:100%;left:50%;margin-top:0.375rem;-webkit-transform:translateX(-50%) translateY(-40%);transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position="bottom"]) .tooltip-open{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}:host([data-tooltip-position="right"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;-webkit-transform:translateX(-14%) translateY(-55%);transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position="right"]) .tooltip-open{-webkit-transform:translateX(0) translateY(-55%);transform:translateX(0) translateY(-55%)}';var a=t("road_tooltip",function(){function t(t){var e=this;o(this,t);this.tooltipId="road-tooltip-"+ ++s;this.content="";this.position="top";this.isOpen=false;this.trigger="hover";this.onClick=function(){if(e.hasTrigger("click")){e.isOpen?e.close():e.open()}};this.onMouseOver=function(){if(e.hasTrigger("hover")){e.open()}};this.onMouseOut=function(){if(e.hasTrigger("hover")){e.close()}}}t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=true;return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=false;return[2]}))}))};t.prototype.hasTrigger=function(t){var o=this.trigger.split(" ");return o.includes(t)};t.prototype.render=function(){return e(r,{onMouseOver:this.onMouseOver,onMouseOut:this.onMouseOut,onClick:this.onClick,"data-tooltip-position":this.position},e("slot",{"aria-describedby":this.tooltipId}),e("div",{part:"tooltip",id:this.tooltipId,class:{tooltip:true,"tooltip-open":this.isOpen},role:"tooltip","aria-hidden":!this.isOpen},this.content,e("slot",{name:"tooltip-content"})))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());var s=0;a.style=i}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-f33e4ac5.system.js"],(function(r){"use strict";var n,o;return{setters:[function(r){n=r.r;o=r.h}],execute:function(){var t=":host{--background-light:var(--road-grey-200);--background-dark:var(--road-grey-300);position:relative;display:block;width:100%;min-height:1rem;background:-webkit-gradient(linear, left top, right top, color-stop(8%, var(--background-light)), color-stop(18%, var(--background-dark)), color-stop(33%, var(--background-light)));background:linear-gradient(to right, var(--background-light) 8%, var(--background-dark) 18%, var(--background-light) 33%);background-size:800px 104px;-webkit-animation:road-skeleton-animation 1s linear infinite;animation:road-skeleton-animation 1s linear infinite}@-webkit-keyframes road-skeleton-animation{0%{background-position:-468px 0}100%{background-position:468px 0}}@keyframes road-skeleton-animation{0%{background-position:-468px 0}100%{background-position:468px 0}}";var a=r("road_skeleton",function(){function r(r){n(this,r)}r.prototype.render=function(){return o("span",null," ")};return r}());a.style=t}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as a,e as s}from"./p-33e38a04.js";let r=class{constructor(o){t(this,o),this.tooltipId="road-tooltip-"+ ++i,this.content="",this.position="top",this.isOpen=!1,this.trigger="hover",this.onClick=()=>{this.hasTrigger("click")&&(this.isOpen?this.close():this.open())},this.onMouseOver=()=>{this.hasTrigger("hover")&&this.open()},this.onMouseOut=()=>{this.hasTrigger("hover")&&this.close()}}async open(){this.isOpen=!0}async close(){this.isOpen=!1}hasTrigger(t){return this.trigger.split(" ").includes(t)}render(){return o(a,{onMouseOver:this.onMouseOver,onMouseOut:this.onMouseOut,onClick:this.onClick,"data-tooltip-position":this.position},o("slot",{"aria-describedby":this.tooltipId}),o("div",{part:"tooltip",id:this.tooltipId,class:{tooltip:!0,"tooltip-open":this.isOpen},role:"tooltip","aria-hidden":!this.isOpen},this.content,o("slot",{name:"tooltip-content"})))}get el(){return s(this)}},i=0;r.style=':host{--max-width:16rem;--z-index:1;--width:max-content;position:relative;display:inline-block}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:0.75rem;color:var(--road-grey-900);text-align:center;pointer-events:none;background:var(--road-grey-000);border:1px solid var(--road-grey-300);border-radius:0.25rem;-webkit-box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);opacity:0;-webkit-transition:opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}.tooltip-open{opacity:1}:host([data-tooltip-position="top"]) .tooltip{left:50%;-webkit-transform:translateX(-50%) translateY(-70%);transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position="top"]) .tooltip-open{left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position="left"]) .tooltip{top:50%;left:0%;margin-left:-0.5rem;-webkit-transform:translateX(-94%) translateY(-55%);transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position="left"]) .tooltip-open{-webkit-transform:translateX(-100%) translateY(-55%);transform:translateX(-100%) translateY(-55%)}:host([data-tooltip-position="bottom"]) .tooltip{top:100%;left:50%;margin-top:0.375rem;-webkit-transform:translateX(-50%) translateY(-40%);transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position="bottom"]) .tooltip-open{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}:host([data-tooltip-position="right"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;-webkit-transform:translateX(-14%) translateY(-55%);transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position="right"]) .tooltip-open{-webkit-transform:translateX(0) translateY(-55%);transform:translateX(0) translateY(-55%)}';export{r as road_tooltip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as e}from"./p-33e38a04.js";let s=class{constructor(e){r(this,e),this.size="large"}render(){return e("svg",{class:""+(void 0!==this.size?`spinner spinner--${this.size}`:"spinner"),viewBox:"25 25 50 50"},e("circle",{class:"spinner-circle",cx:"50",cy:"50",r:"20"}))}};s.style=":host{display:block}.spinner{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:road-rotate 2s linear infinite;animation:road-rotate 2s linear infinite}.spinner.spinner--small{width:1rem;height:1rem}.spinner.spinner--medium{width:2rem;height:2rem}.spinner.spinner--large{width:3rem;height:3rem}.spinner-circle{-webkit-animation:road-dash 1.5s ease-in-out infinite;animation:road-dash 1.5s ease-in-out infinite;fill:none;stroke:var(--road-primary-500);stroke-width:3;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@-webkit-keyframes road-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes road-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes road-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:90, 200;stroke-dashoffset:-35px}100%{stroke-dashoffset:-125px}}@keyframes road-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:90, 200;stroke-dashoffset:-35px}100%{stroke-dashoffset:-125px}}";export{s as road_spinner}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-f33e4ac5.system.js"],(function(e){"use strict";var r,t;return{setters:[function(e){r=e.r;t=e.h}],execute:function(){var s=":host{display:block}.spinner{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:road-rotate 2s linear infinite;animation:road-rotate 2s linear infinite}.spinner.spinner--small{width:1rem;height:1rem}.spinner.spinner--medium{width:2rem;height:2rem}.spinner.spinner--large{width:3rem;height:3rem}.spinner-circle{-webkit-animation:road-dash 1.5s ease-in-out infinite;animation:road-dash 1.5s ease-in-out infinite;fill:none;stroke:var(--road-primary-500);stroke-width:3;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@-webkit-keyframes road-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes road-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes road-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:90, 200;stroke-dashoffset:-35px}100%{stroke-dashoffset:-125px}}@keyframes road-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:90, 200;stroke-dashoffset:-35px}100%{stroke-dashoffset:-125px}}";var a=e("road_spinner",function(){function e(e){r(this,e);this.size="large"}e.prototype.render=function(){var e=this.size!==undefined?"spinner spinner--"+this.size:"spinner";return t("svg",{class:""+e,viewBox:"25 25 50 50"},t("circle",{class:"spinner-circle",cx:"50",cy:"50",r:"20"}))};return e}());a.style=s}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-f33e4ac5.system.js"],(function(r){"use strict";var e,t,o;return{setters:[function(r){e=r.r;t=r.h;o=r.e}],execute:function(){var i=':host{display:block}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}::slotted(road-input),::slotted(input),::slotted(textarea),::slotted(road-select){position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}::slotted([slot="prepend"]){margin-right:-3px;border-color:var(--road-grey-400);border-right-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}::slotted([slot="append"]){margin-left:-0.25rem;border-color:var(--road-grey-400);border-left-width:0}@media (hover: hover){.input-group:not(.is-disabled):hover ::slotted([slot="prepend"]){border-color:var(--road-primary-700);border-right-color:transparent}.input-group:not(.is-disabled):hover ::slotted([slot="append"]){border-color:var(--road-primary-700);border-left-color:transparent}}.input-group:focus-within ::slotted([slot="prepend"]){border-color:var(--road-primary-700);border-right-color:transparent}.input-group:focus-within ::slotted([slot="append"]){border-color:var(--road-primary-700);border-left-color:transparent}.input-group-prepend,.input-group-append{display:-ms-flexbox;display:flex;height:3rem}::slotted(road-button){--padding-start:0.5rem;--padding-end:0.5rem;position:relative;z-index:2;min-width:3rem;margin:0;font-size:0.875rem}.input-group-prepend{z-index:1;-ms-flex-order:-1;order:-1}.input-group-prepend~.form-label{left:calc(3rem + 1px)}.input-group-append{position:relative;z-index:1;border-radius:0 0.25rem 0.25rem 0}::slotted(label){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-grey-900);text-align:center;white-space:nowrap;cursor:text;background:var(--road-grey-000);border:1px solid var(--road-grey-400);border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}::slotted(road-input:not(:first-child)),::slotted(road-select:not(:first-child)){border-radius:0}.input-group-append ::slotted([slot="append"]){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.input-group-prepend ::slotted([slot="prepend"]){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend ::slotted(label){margin-right:calc(-1rem + 1px)}.size-xl .input-group-prepend,.size-xl .input-group-append{height:3.5rem}.size-xl ::slotted(road-button){height:3.5rem}.input-group.is-invalid ::slotted([slot="append"]),.input-group.is-invalid ::slotted([slot="prepend"]){border-color:var(--road-danger-default)}.input-group.is-disabled ::slotted([slot="append"]),.input-group.is-disabled ::slotted([slot="prepend"]){cursor:not-allowed;background:var(--road-grey-200)}.is-disabled ::slotted(road-button){opacity:1}';var d=r("road_input_group",function(){function r(r){e(this,r)}r.prototype.componentDidLoad=function(){var r;if(this.el.querySelector("road-input[disabled]")){(r=this.el.querySelector("road-button"))===null||r===void 0?void 0:r.setAttribute("disabled","")}};r.prototype.render=function(){var r=this.el.querySelector("road-input[error]")?"is-invalid":"";var e=this.el.querySelector("road-input[disabled]")?"is-disabled":"";var o=this.el.querySelector("road-input[sizes]")?"size-"+this.el.querySelector("road-input").sizes:"";return t("div",{class:"input-group "+r+" "+e+" "+o},t("slot",null),t("div",{class:"input-group-prepend"},t("slot",{name:"prepend"})),t("div",{class:"input-group-append"},t("slot",{name:"append"})))};Object.defineProperty(r.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return r}());d.style=i}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as t,e}from"./p-33e38a04.js";let o=class{constructor(t){r(this,t)}componentDidLoad(){var r;this.el.querySelector("road-input[disabled]")&&(null===(r=this.el.querySelector("road-button"))||void 0===r||r.setAttribute("disabled",""))}render(){const r=this.el.querySelector("road-input[error]")?"is-invalid":"",e=this.el.querySelector("road-input[disabled]")?"is-disabled":"",o=this.el.querySelector("road-input[sizes]")?`size-${this.el.querySelector("road-input").sizes}`:"";return t("div",{class:`input-group ${r} ${e} ${o}`},t("slot",null),t("div",{class:"input-group-prepend"},t("slot",{name:"prepend"})),t("div",{class:"input-group-append"},t("slot",{name:"append"})))}get el(){return e(this)}};o.style=':host{display:block}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}::slotted(road-input),::slotted(input),::slotted(textarea),::slotted(road-select){position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}::slotted([slot="prepend"]){margin-right:-3px;border-color:var(--road-grey-400);border-right-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}::slotted([slot="append"]){margin-left:-0.25rem;border-color:var(--road-grey-400);border-left-width:0}@media (hover: hover){.input-group:not(.is-disabled):hover ::slotted([slot="prepend"]){border-color:var(--road-primary-700);border-right-color:transparent}.input-group:not(.is-disabled):hover ::slotted([slot="append"]){border-color:var(--road-primary-700);border-left-color:transparent}}.input-group:focus-within ::slotted([slot="prepend"]){border-color:var(--road-primary-700);border-right-color:transparent}.input-group:focus-within ::slotted([slot="append"]){border-color:var(--road-primary-700);border-left-color:transparent}.input-group-prepend,.input-group-append{display:-ms-flexbox;display:flex;height:3rem}::slotted(road-button){--padding-start:0.5rem;--padding-end:0.5rem;position:relative;z-index:2;min-width:3rem;margin:0;font-size:0.875rem}.input-group-prepend{z-index:1;-ms-flex-order:-1;order:-1}.input-group-prepend~.form-label{left:calc(3rem + 1px)}.input-group-append{position:relative;z-index:1;border-radius:0 0.25rem 0.25rem 0}::slotted(label){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-grey-900);text-align:center;white-space:nowrap;cursor:text;background:var(--road-grey-000);border:1px solid var(--road-grey-400);border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}::slotted(road-input:not(:first-child)),::slotted(road-select:not(:first-child)){border-radius:0}.input-group-append ::slotted([slot="append"]){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.input-group-prepend ::slotted([slot="prepend"]){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend ::slotted(label){margin-right:calc(-1rem + 1px)}.size-xl .input-group-prepend,.size-xl .input-group-append{height:3.5rem}.size-xl ::slotted(road-button){height:3.5rem}.input-group.is-invalid ::slotted([slot="append"]),.input-group.is-invalid ::slotted([slot="prepend"]){border-color:var(--road-danger-default)}.input-group.is-disabled ::slotted([slot="append"]),.input-group.is-disabled ::slotted([slot="prepend"]){cursor:not-allowed;background:var(--road-grey-200)}.is-disabled ::slotted(road-button){opacity:1}';export{o as road_input_group}
|