@roadtrip/components 2.42.0 → 2.44.0

package/dist/collection/components/range/range.js

@@ -1,4 +1,4 @@
-import { Component, h, Element, Prop, Event, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 import { navigationAddLess, navigationAddMore } from '../../../icons';
 export class Range {
   constructor() {
@@ -42,185 +42,189 @@ export class Range {
   }
   render() {
     const value = this.getValue();
-    return (h("div", { class: "form-group d-flex align-items-end" },
-      this.showTick && h("road-icon", { icon: navigationAddLess, class: "mr-8", size: 'sm' }),
-      h("div", { class: "form-range", style: { '--min:': this.min, '--max': this.max, '--value': value } },
-        this.showValue && h("output", null),
-        h("input", { type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput }),
-        h("div", { class: "form-range-progress" })),
-      this.showTick && h("road-icon", { icon: navigationAddMore, class: "ml-8", size: 'sm' })));
+    return (h("div", { class: "form-group d-flex align-items-end" }, this.showTick && h("road-icon", { icon: navigationAddLess, class: "mr-8", size: 'sm' }), h("div", { class: "form-range", style: { '--min:': this.min, '--max': this.max, '--value': value } }, this.showValue && h("output", null), h("input", { type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput }), h("div", { class: "form-range-progress" })), this.showTick && h("road-icon", { icon: navigationAddMore, class: "ml-8", size: 'sm' })));
   }
   static get is() { return "road-range"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["range.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["range.css"]
-  }; }
-  static get properties() { return {
-    "rangeId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The id of range"
-      },
-      "attribute": "range-id",
-      "reflect": false,
-      "defaultValue": "`road-range-${rangeIds++}`"
-    },
-    "value": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "string | number | null",
-        "resolved": "null | number | string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The value of the range."
-      },
-      "attribute": "value",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "min": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The minimum value, which must not be greater than its maximum (max attribute) value."
-      },
-      "attribute": "min",
-      "reflect": false
-    },
-    "max": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The maximum value, which must not be less than its minimum (min attribute) value."
-      },
-      "attribute": "max",
-      "reflect": false
-    },
-    "step": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Works with the min and max attributes to limit the increments at which a value can be set.\nPossible values are: `\"any\"` or a positive floating point number."
-      },
-      "attribute": "step",
-      "reflect": false
-    },
-    "showValue": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Display the current value of the range"
-      },
-      "attribute": "show-value",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "showTick": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Display Tick of the range"
-      },
-      "attribute": "show-tick",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get events() { return [{
-      "method": "roadchange",
-      "name": "roadchange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the value has changed."
-      },
-      "complexType": {
-        "original": "{\n    value: string | undefined | null;\n  }",
-        "resolved": "{ value: string | null | undefined; }",
-        "references": {}
-      }
-    }, {
-      "method": "roadChange",
-      "name": "roadChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "name": "internal",
-            "text": undefined
-          }],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{\n    value: string | undefined | null;\n  }",
-        "resolved": "{ value: string | null | undefined; }",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["range.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["range.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "rangeId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The id of range"
+        },
+        "attribute": "range-id",
+        "reflect": false,
+        "defaultValue": "`road-range-${rangeIds++}`"
+      },
+      "value": {
+        "type": "any",
+        "mutable": true,
+        "complexType": {
+          "original": "string | number | null",
+          "resolved": "null | number | string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The value of the range."
+        },
+        "attribute": "value",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "min": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The minimum value, which must not be greater than its maximum (max attribute) value."
+        },
+        "attribute": "min",
+        "reflect": false
+      },
+      "max": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The maximum value, which must not be less than its minimum (min attribute) value."
+        },
+        "attribute": "max",
+        "reflect": false
+      },
+      "step": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Works with the min and max attributes to limit the increments at which a value can be set.\nPossible values are: `\"any\"` or a positive floating point number."
+        },
+        "attribute": "step",
+        "reflect": false
+      },
+      "showValue": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Display the current value of the range"
+        },
+        "attribute": "show-value",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "showTick": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Display Tick of the range"
+        },
+        "attribute": "show-tick",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "roadchange",
+        "name": "roadchange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the value has changed."
+        },
+        "complexType": {
+          "original": "{\n    value: string | undefined | null;\n  }",
+          "resolved": "{ value: string | null | undefined; }",
+          "references": {}
+        }
+      }, {
+        "method": "roadChange",
+        "name": "roadChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{\n    value: string | undefined | null;\n  }",
+          "resolved": "{ value: string | null | undefined; }",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "value",
-      "methodName": "valueChanged"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "valueChanged"
+      }];
+  }
 }
 let rangeIds = 0;

package/dist/collection/components/rating/rating.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { star, starHalfColor } from '../../../icons';
 export class Rating {
   constructor() {
@@ -24,97 +24,94 @@ export class Rating {
     const rateDecimale = this.rate - Math.floor(this.rate) > 0 ? 1 : 0;
     const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
     const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
-    return (h(Host, null,
-      h("div", { class: `${sizeRatingStarsClass}` },
-        [...Array(rate)].map(() => h("road-icon", { icon: star, size: "sm", color: "warning" })),
-        [...Array(rateDecimale)].map(() => h("road-icon", { icon: starHalfColor, size: "sm", class: "rating-star" })),
-        [...Array(5 - rate - rateDecimale)].map(() => h("road-icon", { icon: star, size: "sm", class: "rating-star" }))),
-      h("a", { class: `${sizeRatingNumberClass}`, href: "#" },
-        "(",
-        this.reviews,
-        this.reviewsText && ` ${this.reviewsText}`,
-        ")")));
+    return (h(Host, null, h("div", { class: `${sizeRatingStarsClass}` }, [...Array(rate)].map(() => h("road-icon", { icon: star, size: "sm", color: "warning" })), [...Array(rateDecimale)].map(() => h("road-icon", { icon: starHalfColor, size: "sm", class: "rating-star" })), [...Array(5 - rate - rateDecimale)].map(() => h("road-icon", { icon: star, size: "sm", class: "rating-star" }))), h("a", { class: `${sizeRatingNumberClass}`, href: "#" }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
   }
   static get is() { return "road-rating"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["rating.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["rating.css"]
-  }; }
-  static get properties() { return {
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'small' | 'medium'",
-        "resolved": "\"medium\" | \"small\" | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The button size."
-      },
-      "attribute": "size",
-      "reflect": true,
-      "defaultValue": "'medium'"
-    },
-    "rate": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Rate review between 0 and 5"
-      },
-      "attribute": "rate",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "reviews": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "number of reviews"
+  static get originalStyleUrls() {
+    return {
+      "$": ["rating.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["rating.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'small' | 'medium'",
+          "resolved": "\"medium\" | \"small\" | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The button size."
+        },
+        "attribute": "size",
+        "reflect": true,
+        "defaultValue": "'medium'"
       },
-      "attribute": "reviews",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "reviewsText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "rate": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Rate review between 0 and 5"
+        },
+        "attribute": "rate",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Word display next to the number of reviews."
+      "reviews": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "number of reviews"
+        },
+        "attribute": "reviews",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "attribute": "reviews-text",
-      "reflect": false,
-      "defaultValue": "'reviews'"
-    }
-  }; }
+      "reviewsText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Word display next to the number of reviews."
+        },
+        "attribute": "reviews-text",
+        "reflect": false,
+        "defaultValue": "'reviews'"
+      }
+    };
+  }
 }

package/dist/collection/components/row/row.js

@@ -1,18 +1,21 @@
-import { Component, Host, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 /**
  * @slot  - Used to be able to add multiple columns for a row.
  */
 export class Row {
   render() {
-    return (h(Host, null,
-      h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   static get is() { return "road-row"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["row.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["row.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["row.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["row.css"]
+    };
+  }
 }