@roadtrip/components 2.42.0 → 2.43.0

package/dist/collection/components/alert/alert.js

@@ -1,4 +1,4 @@
-import { Component, Host, Prop, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 /**
  * @slot icon - Icon of the alert, it should be a road-icon element.
  * @slot  - Message of the alert.
@@ -12,97 +12,96 @@ export class Alert {
   }
   render() {
     const colorClass = this.color !== undefined ? `alert-${this.color}` : '';
-    return (h(Host, { class: colorClass, role: "alert" },
-      h("div", { class: "alert-icon" },
-        h("slot", { name: "icon" })),
-      h("div", null,
-        this.label && h("span", { class: "alert-title d-block" }, this.label),
-        h("p", { class: "alert-description" },
-          h("slot", null),
-          this.link && h("a", { href: this.url, class: "alert-link link link-default" }, this.link)))));
+    return (h(Host, { class: colorClass, role: "alert" }, h("div", { class: "alert-icon" }, h("slot", { name: "icon" })), h("div", null, this.label && h("span", { class: "alert-title d-block" }, this.label), h("p", { class: "alert-description" }, h("slot", null), this.link && h("a", { href: this.url, class: "alert-link link link-default" }, this.link)))));
   }
   static get is() { return "road-alert"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["alert.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["alert.css"]
-  }; }
-  static get properties() { return {
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FeedbackColors",
-        "resolved": "\"danger\" | \"info\" | \"success\" | \"warning\"",
-        "references": {
-          "FeedbackColors": {
-            "location": "import",
-            "path": "../../interface"
+  static get originalStyleUrls() {
+    return {
+      "$": ["alert.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["alert.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FeedbackColors",
+          "resolved": "\"danger\" | \"info\" | \"success\" | \"warning\"",
+          "references": {
+            "FeedbackColors": {
+              "location": "import",
+              "path": "../../interface"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set the color of alert. e.g. info, success, warning, danger"
-      },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "'info'"
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set the color of alert. e.g. info, success, warning, danger"
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "'info'"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Title display in the alert"
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Title display in the alert"
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "attribute": "label",
-      "reflect": false
-    },
-    "link": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
+      "link": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Text Link display in the alert"
+        },
+        "attribute": "link",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Text Link display in the alert"
-      },
-      "attribute": "link",
-      "reflect": false
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "url display in the link"
-      },
-      "attribute": "url",
-      "reflect": false
-    }
-  }; }
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "url display in the link"
+        },
+        "attribute": "url",
+        "reflect": false
+      }
+    };
+  }
 }

package/dist/collection/components/autocomplete/autocomplete.js

@@ -1,4 +1,4 @@
-import { Component, Element, Host, Listen, Prop, State, h, Event } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 /**
  * @slot  - Input element for the widget, it should be a road-input element.
  */
@@ -31,96 +31,106 @@ export class Autocomplete {
     }
   }
   render() {
-    return (h(Host, null,
-      h("slot", null),
-      this.visible && this.options.length > 0 &&
-        h("ul", { class: "autocomplete-list" }, this.options && this.options.map(option => (h("li", { class: "autocomplete-item", role: "menuitem", onClick: () => this.onClick(option.value, option.label) }, option.label))))));
+    return (h(Host, null, h("slot", null), this.visible && this.options.length > 0 &&
+      h("ul", { class: "autocomplete-list" }, this.options && this.options.map(option => (h("li", { class: "autocomplete-item", role: "menuitem", onClick: () => this.onClick(option.value, option.label) }, option.label))))));
   }
   static get is() { return "road-autocomplete"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["autocomplete.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["autocomplete.css"]
-  }; }
-  static get properties() { return {
-    "options": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<{\n    value: string | number;\n    label: string;\n  }>",
-        "resolved": "{ value: string | number; label: string; }[]",
-        "references": {
-          "Array": {
-            "location": "global"
+  static get originalStyleUrls() {
+    return {
+      "$": ["autocomplete.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["autocomplete.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "options": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<{\n    value: string | number;\n    label: string;\n  }>",
+          "resolved": "{ value: string | number; label: string; }[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "List of autocomplete options"
-      },
-      "defaultValue": "[]"
-    }
-  }; }
-  static get states() { return {
-    "visible": {}
-  }; }
-  static get events() { return [{
-      "method": "roadselected",
-      "name": "roadselected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted the value and label of the option selected."
-      },
-      "complexType": {
-        "original": "{\n    value: string | undefined | null,\n    label: string\n  }",
-        "resolved": "{ value: string | null | undefined; label: string; }",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "List of autocomplete options"
+        },
+        "defaultValue": "[]"
       }
-    }, {
-      "method": "roadSelected",
-      "name": "roadSelected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "name": "internal",
-            "text": undefined
-          }],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{\n    value: string | undefined | null,\n    label: string\n  }",
-        "resolved": "{ value: string | null | undefined; label: string; }",
-        "references": {}
-      }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "visible": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "roadselected",
+        "name": "roadselected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted the value and label of the option selected."
+        },
+        "complexType": {
+          "original": "{\n    value: string | undefined | null,\n    label: string\n  }",
+          "resolved": "{ value: string | null | undefined; label: string; }",
+          "references": {}
+        }
+      }, {
+        "method": "roadSelected",
+        "name": "roadSelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{\n    value: string | undefined | null,\n    label: string\n  }",
+          "resolved": "{ value: string | null | undefined; label: string; }",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "roadFocus",
-      "method": "handleFocus",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "roadfocus",
-      "method": "handleFocus",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "click",
-      "method": "onClickOutside",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "roadFocus",
+        "method": "handleFocus",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "roadfocus",
+        "method": "handleFocus",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "click",
+        "method": "onClickOutside",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/avatar/avatar.js

@@ -1,4 +1,4 @@
-import { Component, h } from '@stencil/core';
+import { h } from '@stencil/core';
 /**
  * @slot  - Image of the avatar.
  */
@@ -8,10 +8,14 @@ export class Avatar {
   }
   static get is() { return "road-avatar"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["avatar.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["avatar.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["avatar.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["avatar.css"]
+    };
+  }
 }

package/dist/collection/components/badge/badge.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 /**
  * @slot - Content of the badge, it could be a number or a text.
  */
@@ -16,58 +16,63 @@ export class Badge {
   render() {
     const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
     const bubbleClass = this.bubble ? 'badge-bubble' : '';
-    return (h(Host, { class: `${colorClass} ${bubbleClass}` },
-      h("slot", null)));
+    return (h(Host, { class: `${colorClass} ${bubbleClass}` }, h("slot", null)));
   }
   static get is() { return "road-badge"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["badge.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["badge.css"]
-  }; }
-  static get properties() { return {
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Color",
-        "resolved": "\"accent\" | \"danger\" | \"default\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\" | undefined",
-        "references": {
-          "Color": {
-            "location": "import",
-            "path": "../../interface"
+  static get originalStyleUrls() {
+    return {
+      "$": ["badge.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["badge.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Color",
+          "resolved": "\"accent\" | \"danger\" | \"default\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\" | undefined",
+          "references": {
+            "Color": {
+              "location": "import",
+              "path": "../../interface"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Color of the badge"
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Color of the badge"
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "'secondary'"
       },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "'secondary'"
-    },
-    "bubble": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "if `true` the badge will be displayed has a little bubble"
-      },
-      "attribute": "bubble",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+      "bubble": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "if `true` the badge will be displayed has a little bubble"
+        },
+        "attribute": "bubble",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
 }