@roadtrip/components 2.24.0 → 2.26.0

package/dist/cjs/road-progress.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const progressCss = ":host{display:-ms-flexbox;display:flex;height:0.25rem;overflow:hidden;font-size:0.75rem;background-color:var(--background);border-radius:0.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;-webkit-transition:width 0.6s ease;transition:width 0.6s ease}:host(.progress-info) .progress-bar{background:var(--info)}:host(.progress-success) .progress-bar{background:var(--success)}:host(.progress-warning) .progress-bar{background:var(--warning)}:host(.progress-danger) .progress-bar{background:var(--danger)}";
 

package/dist/cjs/road-radio-group.cjs.entry.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const radioGroupCss = ".sc-road-radio-group-h{--asterisk-color:var(--text);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;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;margin:0.5rem 0 0;font-size:0.75rem;color:var(--danger-text)}";
 
 let RadioGroup = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.roadchange = index.createEvent(this, "roadchange", 7);
     this.roadChange = index.createEvent(this, "roadChange", 7);
     /**
      * The id of checkbox
@@ -46,6 +47,7 @@ let RadioGroup = class {
     };
   }
   valueChanged(value) {
+    this.roadchange.emit({ value });
     this.roadChange.emit({ value });
   }
   errorChanged() {

package/dist/cjs/road-radio.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 require('./polyfill-c7a0fa22.js');
 
 const radioCss = ".sc-road-radio-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--font, sans-serif);font-size:0.875rem;line-height:1.5;color:var(--text)}.form-radio-inline.sc-road-radio-h{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;margin-right:1.5rem;margin-bottom:0}.form-radio-input.sc-road-radio{position:absolute;z-index:-1;opacity:0}.form-radio-label.sc-road-radio{position:relative;display:-ms-inline-flexbox;display:inline-flex;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-radio-label.sc-road-radio::before{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;-ms-flex-negative:0;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0 1rem 0 0;content:\"\";background:var(--white);border:1px solid var(--border-form);border-radius:50%;-webkit-transition:border-color 0.2s ease-in-out;transition:border-color 0.2s ease-in-out}.form-radio-label.sc-road-radio::after{position:absolute;top:0.1875rem;left:0.1875rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:0.875rem;height:0.875rem;content:\"\";background:var(--border-form);border:none;border-radius:50%;-webkit-transition:background 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:background 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:background 0.2s ease-in-out, transform 0.2s ease-in-out;transition:background 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}@media (hover: hover){.form-radio-input.sc-road-radio:not(:checked):not(:disabled)~.form-radio-label.sc-road-radio:hover::after{opacity:1;-webkit-transform:scale(0.42);transform:scale(0.42)}.form-radio-input.sc-road-radio:not(:checked)~.form-radio-label.sc-road-radio:hover::before{border-color:var(--secondary)}}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--secondary);opacity:1;-webkit-transform:scale(1);transform:scale(1)}.form-radio-input.focus-visible.sc-road-radio~.form-radio-label.sc-road-radio::before{-webkit-box-shadow:0 0 0 0.125rem var(--white), 0 0 0 0.1875rem var(--secondary);box-shadow:0 0 0 0.125rem var(--white), 0 0 0 0.1875rem var(--secondary)}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio{color:var(--text-disabled);cursor:not-allowed}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::before,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::before{background:var(--background-second);border:none}.form-radio-input.is-invalid.sc-road-radio~.form-radio-label.sc-road-radio::before{border-color:var(--danger)}.form-radio-inverse.sc-road-radio{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:justify;justify-content:space-between}.form-radio-inverse.sc-road-radio::before{margin:0 0 0 1rem}.form-radio-inverse.sc-road-radio::after{right:0.1875rem;left:auto}";
@@ -10,7 +10,9 @@ const radioCss = ".sc-road-radio-h{position:relative;display:block;margin-bottom
 let Radio = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.roadfocus = index.createEvent(this, "roadfocus", 7);
     this.roadFocus = index.createEvent(this, "roadFocus", 7);
+    this.roadblur = index.createEvent(this, "roadblur", 7);
     this.roadBlur = index.createEvent(this, "roadBlur", 7);
     this.radioGroup = null;
     /**
@@ -51,9 +53,11 @@ let Radio = class {
       }
     };
     this.onFocus = () => {
+      this.roadfocus.emit();
       this.roadFocus.emit();
     };
     this.onBlur = () => {
+      this.roadblur.emit();
       this.roadBlur.emit();
     };
   }

package/dist/cjs/road-range.cjs.entry.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 
 const rangeCss = ".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(--background);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(--secondary);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(--white);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(--white);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(--secondary);border:0.5rem solid var(--white)}.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(--secondary);border:0.5rem solid var(--white)}";
 
 let Range = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.roadchange = index.createEvent(this, "roadchange", 7);
     this.roadChange = index.createEvent(this, "roadChange", 7);
     /**
      * The id of range
@@ -36,6 +37,7 @@ let Range = class {
    * Update the native input element when the value changes
    */
   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() {
@@ -45,7 +47,7 @@ let Range = class {
   }
   render() {
     const value = this.getValue();
-    return (index.h(index.Host, null, index.h("div", { class: "form-range", style: { '--min:': this.min, '--max': this.max, '--value': value } }, this.showValue && index.h("output", null), index.h("input", { type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput }), index.h("div", { class: "form-range-progress" }))));
+    return (index.h("div", { class: "form-range", style: { '--min:': this.min, '--max': this.max, '--value': value } }, this.showValue && index.h("output", null), index.h("input", { type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput }), index.h("div", { class: "form-range-progress" })));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/road-rating.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d47fa3c0.js');
+const index = require('./index-9b63596c.js');
 const index$1 = require('./index-0181f02a.js');
 
 const ratingCss = ":host{display:-ms-flexbox;display:flex}.rating-stars{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0}.rating-star{color:var(--border)}.rating-number{margin-left:0.5rem;font-size:0.875rem;color:var(--text-second)}";