@roadtrip/components 2.42.0 → 2.44.0

package/dist/collection/components/stepper/stepper.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 /**
  * @slot stepper-icon - if the state of the step 1 is completed add
  * `<road-icon name="check-small" class="d-block" color="white"></road-icon>` by default.
@@ -41,141 +41,127 @@ export class Stepper {
     const stateClass = this.stateFirstStep !== undefined ? `stepper-item ${this.stateFirstStep}` : 'stepper-item';
     const stateSecondStepClass = this.stateSecondStep !== undefined ? `stepper-item ${this.stateSecondStep}` : 'stepper-item';
     const stateThirdStepClass = this.stateSecondStep !== undefined ? `stepper-item ${this.stateThirdStep}` : 'stepper-item';
-    return (h(Host, null,
-      h("nav", null,
-        h("ul", { class: `${colorClass} ${outlineClass} ${lightClass}` },
-          h("li", { class: `${stateClass}` },
-            h("a", { class: "stepper-link" },
-              h("span", { class: "stepper-icon" },
-                h("slot", { name: "stepper-icon" })),
-              h("span", { class: "stepper-title" },
-                h("slot", { name: "stepper-title" })))),
-          h("li", { class: `${stateSecondStepClass}` },
-            h("a", { class: "stepper-link" },
-              h("span", { class: "stepper-icon" },
-                h("slot", { name: "stepper-icon2" })),
-              h("span", { class: "stepper-title" },
-                h("slot", { name: "stepper-title2" })))),
-          h("li", { class: `${stateThirdStepClass}` },
-            h("a", { class: "stepper-link" },
-              h("span", { class: "stepper-icon" },
-                h("slot", { name: "stepper-icon3" })),
-              h("span", { class: "stepper-title" },
-                h("slot", { name: "stepper-title3" }))))))));
+    return (h(Host, null, h("nav", null, h("ul", { class: `${colorClass} ${outlineClass} ${lightClass}` }, h("li", { class: `${stateClass}` }, h("a", { class: "stepper-link" }, h("span", { class: "stepper-icon" }, h("slot", { name: "stepper-icon" })), h("span", { class: "stepper-title" }, h("slot", { name: "stepper-title" })))), h("li", { class: `${stateSecondStepClass}` }, h("a", { class: "stepper-link" }, h("span", { class: "stepper-icon" }, h("slot", { name: "stepper-icon2" })), h("span", { class: "stepper-title" }, h("slot", { name: "stepper-title2" })))), h("li", { class: `${stateThirdStepClass}` }, h("a", { class: "stepper-link" }, h("span", { class: "stepper-icon" }, h("slot", { name: "stepper-icon3" })), h("span", { class: "stepper-title" }, h("slot", { name: "stepper-title3" }))))))));
   }
   static get is() { return "road-stepper"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["stepper.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["stepper.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 stepper."
-      },
-      "attribute": "color",
-      "reflect": true,
-      "defaultValue": "'default'"
-    },
-    "light": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Display an outline without background."
-      },
-      "attribute": "light",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "outline": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Display an outline style ."
-      },
-      "attribute": "outline",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "stateFirstStep": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'default' | 'current' | 'comleted'",
-        "resolved": "\"comleted\" | \"current\" | \"default\" | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The color of the first step."
+  static get originalStyleUrls() {
+    return {
+      "$": ["stepper.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["stepper.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 stepper."
+        },
+        "attribute": "color",
+        "reflect": true,
+        "defaultValue": "'default'"
       },
-      "attribute": "state-first-step",
-      "reflect": false
-    },
-    "stateSecondStep": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'default' | 'current' | 'comleted'",
-        "resolved": "\"comleted\" | \"current\" | \"default\" | undefined",
-        "references": {}
+      "light": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Display an outline without background."
+        },
+        "attribute": "light",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The color of the second step."
+      "outline": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Display an outline style ."
+        },
+        "attribute": "outline",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "state-second-step",
-      "reflect": false
-    },
-    "stateThirdStep": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'default' | 'current' | 'comleted'",
-        "resolved": "\"comleted\" | \"current\" | \"default\" | undefined",
-        "references": {}
+      "stateFirstStep": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'default' | 'current' | 'comleted'",
+          "resolved": "\"comleted\" | \"current\" | \"default\" | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The color of the first step."
+        },
+        "attribute": "state-first-step",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The color of the third step."
+      "stateSecondStep": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'default' | 'current' | 'comleted'",
+          "resolved": "\"comleted\" | \"current\" | \"default\" | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The color of the second step."
+        },
+        "attribute": "state-second-step",
+        "reflect": false
       },
-      "attribute": "state-third-step",
-      "reflect": false
-    }
-  }; }
+      "stateThirdStep": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'default' | 'current' | 'comleted'",
+          "resolved": "\"comleted\" | \"current\" | \"default\" | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The color of the third step."
+        },
+        "attribute": "state-third-step",
+        "reflect": false
+      }
+    };
+  }
 }