@roadtrip/components 2.42.0 → 2.43.0

package/dist/collection/components/chip/chip.js

@@ -1,4 +1,4 @@
-import { Component, Host, Prop, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { navigationClose } from '../../../icons';
 import './../../utils/polyfill';
 /**
@@ -25,91 +25,94 @@ export class Chip {
   }
   render() {
     const outlineClass = this.outline ? 'chip-outline' : '';
-    return (h(Host, { class: `${outlineClass} chip-${this.color} chip-${this.size}` },
-      h("div", { class: "chip-description" },
-        h("slot", null)),
-      this.hasCloseIcon && h("road-icon", { class: "chip-close", icon: navigationClose })));
+    return (h(Host, { class: `${outlineClass} chip-${this.color} chip-${this.size}` }, h("div", { class: "chip-description" }, h("slot", null)), this.hasCloseIcon && h("road-icon", { class: "chip-close", icon: navigationClose })));
   }
   static get is() { return "road-chip"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["chip.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["chip.css"]
-  }; }
-  static get properties() { return {
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'default' | 'secondary'",
-        "resolved": "\"default\" | \"secondary\" | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The color to use from your application's color palette."
-      },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "'default'"
-    },
-    "outline": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Display an outline style chip."
-      },
-      "attribute": "outline",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'md' | 'lg'",
-        "resolved": "\"lg\" | \"md\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The chip size."
+  static get originalStyleUrls() {
+    return {
+      "$": ["chip.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["chip.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'default' | 'secondary'",
+          "resolved": "\"default\" | \"secondary\" | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The color to use from your application's color palette."
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "'default'"
       },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'md'"
-    },
-    "hasCloseIcon": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "outline": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Display an outline style chip."
+        },
+        "attribute": "outline",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Display a close icon"
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'md' | 'lg'",
+          "resolved": "\"lg\" | \"md\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The chip size."
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'md'"
       },
-      "attribute": "has-close-icon",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+      "hasCloseIcon": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Display a close icon"
+        },
+        "attribute": "has-close-icon",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
 }

package/dist/collection/components/col/col.js

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

package/dist/collection/components/collapse/collapse.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 /**
  * @slot  - Content visible when collapsed.
  * @slot collapsed-content - content not visible when collapsed.
@@ -32,93 +32,94 @@ export class Collapse {
     const isOpenClass = this.isOpen ? 'collapse-open' : '';
     const buttonText = this.isOpen ? this.showLess : this.showMore;
     const centerClass = this.centered ? 'collapse-btn-centered' : '';
-    return (h(Host, null,
-      h("slot", null),
-      h("div", { class: `collapsed-content ${isOpenClass}` },
-        h("slot", { name: "collapsed-content" })),
-      h("div", { class: `collapse-btn-wrapper ${centerClass}` },
-        h("road-button", { onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
+    return (h(Host, null, h("slot", null), h("div", { class: `collapsed-content ${isOpenClass}` }, h("slot", { name: "collapsed-content" })), h("div", { class: `collapse-btn-wrapper ${centerClass}` }, h("road-button", { onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
   }
   static get is() { return "road-collapse"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["collapse.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["collapse.css"]
-  }; }
-  static get properties() { return {
-    "isOpen": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to `true` to display the collapsed part and to `false` to hide it."
-      },
-      "attribute": "is-open",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "showMore": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Text displayed in the button when the content is collapsed"
-      },
-      "attribute": "show-more",
-      "reflect": false,
-      "defaultValue": "'show more'"
-    },
-    "showLess": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Text displayed in the button when the content is not collapsed"
+  static get originalStyleUrls() {
+    return {
+      "$": ["collapse.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["collapse.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "isOpen": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to `true` to display the collapsed part and to `false` to hide it."
+        },
+        "attribute": "is-open",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "show-less",
-      "reflect": false,
-      "defaultValue": "'show less'"
-    },
-    "centered": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "showMore": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Text displayed in the button when the content is collapsed"
+        },
+        "attribute": "show-more",
+        "reflect": false,
+        "defaultValue": "'show more'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "if `true` the button will be centered"
+      "showLess": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Text displayed in the button when the content is not collapsed"
+        },
+        "attribute": "show-less",
+        "reflect": false,
+        "defaultValue": "'show less'"
       },
-      "attribute": "centered",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+      "centered": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "if `true` the button will be centered"
+        },
+        "attribute": "centered",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
 }