@roadtrip/components 2.29.0 → 2.30.1

package/dist/types/components.d.ts

@@ -884,6 +884,10 @@ export namespace Components {
           * The id of range
          */
         "rangeId": string;
+        /**
+          * Display Tick of the range
+         */
+        "showTick": boolean;
         /**
           * Display the current value of the range
          */
@@ -964,6 +968,10 @@ export namespace Components {
         "value"?: any | null;
     }
     interface RoadSelectFilter {
+        /**
+          * If `true`, add class Active
+         */
+        "isActive": boolean;
         /**
           * If `false`, the user can submit custom value
          */
@@ -2673,6 +2681,10 @@ declare namespace LocalJSX {
           * The id of range
          */
         "rangeId"?: string;
+        /**
+          * Display Tick of the range
+         */
+        "showTick"?: boolean;
         /**
           * Display the current value of the range
          */
@@ -2767,6 +2779,10 @@ declare namespace LocalJSX {
         "value"?: any | null;
     }
     interface RoadSelectFilter {
+        /**
+          * If `true`, add class Active
+         */
+        "isActive"?: boolean;
         /**
           * Emitted the value and label of the option selected.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roadtrip/components",
-  "version": "2.29.0",
+  "version": "2.30.1",
   "description": "Web Component library for Roadtrip Design System",
   "license": "Apache-2.0",
   "homepage": "https://gitlab.com/mobivia-design/roadtrip/components",

package/dist/roadtrip/p-6819f569.entry.js

@@ -1 +0,0 @@
-import{r,c as e,h as a,e as o}from"./p-33e38a04.js";let n=class{constructor(a){r(this,a),this.roadchange=e(this,"roadchange",7),this.roadChange=e(this,"roadChange",7),this.rangeId="road-range-"+t++,this.value="",this.showValue=!1,this.onInput=r=>{const e=r.target;e&&(this.value=e.value||""),null!=this.value&&this.el.style.setProperty("--value",`${this.value}`)}}valueChanged(){this.roadchange.emit({value:null==this.value?this.value:this.value.toString()}),this.roadChange.emit({value:null==this.value?this.value:this.value.toString()})}getValue(){return"number"==typeof this.value?this.value.toString():(this.value||"").toString()}render(){const r=this.getValue();return a("div",{class:"form-range",style:{"--min:":this.min,"--max":this.max,"--value":r}},this.showValue&&a("output",null),a("input",{type:"range",class:"form-range-input",id:this.rangeId,min:this.min,max:this.max,value:r,onInput:this.onInput}),a("div",{class:"form-range-progress"}))}get el(){return o(this)}static get watchers(){return{value:["valueChanged"]}}},t=0;n.style='.sc-road-range-h{display:block}.form-range.sc-road-range{position:relative;display:block;width:100%;margin-bottom:6px}.form-range-input.sc-road-range{position:relative;z-index:1;width:100%;height:0.5rem;background:transparent;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range.sc-road-range>output.sc-road-range::after{display:block;font-size:0.875rem;text-align:right;content:counter(variable);counter-reset:variable var(--value)}.form-range-progress.sc-road-range{position:relative;z-index:0;display:block;width:100%;margin-top:-0.875rem}.form-range-input.sc-road-range::-webkit-slider-runnable-track{height:0.5rem;border:0;-webkit-appearance:none;appearance:none}.form-range-input.sc-road-range::-moz-range-track{height:0.5rem;border:0;-moz-appearance:none;appearance:none}.form-range-progress.sc-road-range::before{display:block;height:0.5rem;content:"";background-color:var(--road-grey-200);border:0;border-radius:1.125rem}.form-range-progress.sc-road-range::after{position:absolute;top:0;right:0;left:0;display:block;width:calc((var(--value) * 100%) / var(--max));height:0.5rem;content:"";background:var(--road-primary-500);border-radius:1.125rem}.form-range-input.sc-road-range::-webkit-slider-thumb{position:relative;z-index:1;width:1.625rem;height:1.625rem;margin-top:-0.625rem;cursor:-webkit-grab;cursor:grab;background:var(--road-grey-000);border:none;border-radius:1.625rem;-webkit-box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);-webkit-appearance:none;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-grey-000);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);-moz-appearance:none;appearance:none}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-webkit-slider-thumb{background:var(--road-primary-500);border:0.5rem solid var(--road-grey-000)}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-moz-range-thumb{background:var(--road-primary-500);border:0.5rem solid var(--road-grey-000)}';export{n as road_range}

package/dist/roadtrip/p-81333100.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-f33e4ac5.system.js"],(function(r){"use strict";var e,a,n,o;return{setters:[function(r){e=r.r;a=r.c;n=r.h;o=r.e}],execute:function(){var t='.sc-road-range-h{display:block}.form-range.sc-road-range{position:relative;display:block;width:100%;margin-bottom:6px}.form-range-input.sc-road-range{position:relative;z-index:1;width:100%;height:0.5rem;background:transparent;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range.sc-road-range>output.sc-road-range::after{display:block;font-size:0.875rem;text-align:right;content:counter(variable);counter-reset:variable var(--value)}.form-range-progress.sc-road-range{position:relative;z-index:0;display:block;width:100%;margin-top:-0.875rem}.form-range-input.sc-road-range::-webkit-slider-runnable-track{height:0.5rem;border:0;-webkit-appearance:none;appearance:none}.form-range-input.sc-road-range::-moz-range-track{height:0.5rem;border:0;-moz-appearance:none;appearance:none}.form-range-progress.sc-road-range::before{display:block;height:0.5rem;content:"";background-color:var(--road-grey-200);border:0;border-radius:1.125rem}.form-range-progress.sc-road-range::after{position:absolute;top:0;right:0;left:0;display:block;width:calc((var(--value) * 100%) / var(--max));height:0.5rem;content:"";background:var(--road-primary-500);border-radius:1.125rem}.form-range-input.sc-road-range::-webkit-slider-thumb{position:relative;z-index:1;width:1.625rem;height:1.625rem;margin-top:-0.625rem;cursor:-webkit-grab;cursor:grab;background:var(--road-grey-000);border:none;border-radius:1.625rem;-webkit-box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);-webkit-appearance:none;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-grey-000);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);-moz-appearance:none;appearance:none}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-webkit-slider-thumb{background:var(--road-primary-500);border:0.5rem solid var(--road-grey-000)}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-moz-range-thumb{background:var(--road-primary-500);border:0.5rem solid var(--road-grey-000)}';var i=r("road_range",function(){function r(r){var n=this;e(this,r);this.roadchange=a(this,"roadchange",7);this.roadChange=a(this,"roadChange",7);this.rangeId="road-range-"+s++;this.value="";this.showValue=false;this.onInput=function(r){var e=r.target;if(e){n.value=e.value||""}if(n.value!==null&&n.value!==undefined){n.el.style.setProperty("--value",""+n.value)}}}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();return n("div",{class:"form-range",style:{"--min:":this.min,"--max":this.max,"--value":r}},this.showValue&&n("output",null),n("input",{type:"range",class:"form-range-input",id:this.rangeId,min:this.min,max:this.max,value:r,onInput:this.onInput}),n("div",{class:"form-range-progress"}))};Object.defineProperty(r.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return r}());var s=0;i.style=t}}}));