@roadtrip/components 2.42.0 → 2.43.0

package/dist/collection/components/dialog/dialog.js

@@ -1,4 +1,4 @@
-import { Component, Element, Event, Listen, Method, Prop, h, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { navigationClose, alertDangerOutline, alertInfoOutline, alertSuccessOutline, alertWarningOutline } from '../../../icons';
 /**
  * @slot  - Content of the footer dialog if it's an action dialog add action buttons here.
@@ -81,198 +81,199 @@ export class Dialog {
           break;
       }
     }
-    return (h(Host, { class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-labelledby": "dialogLabel", "aria-describedby": "dialogDesc" },
-      h("div", { class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }),
-      h("div", { class: "dialog-modal", role: "document", tabindex: "0" },
-        h("div", { class: "dialog-content" },
-          h("header", { class: "dialog-header" }, this.hasCloseIcon
-            ? h("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" },
-              h("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
-            : ''),
-          h("div", { class: "dialog-body" },
-            this.color !== undefined
-              ? h("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
-              : '',
-            h("h2", { class: "dialog-title", id: "dialogLabel" }, this.label),
-            h("p", { class: "dialog-description", id: "dialogDesc" }, this.description)),
-          h("footer", { class: "dialog-footer" },
-            h("slot", null))))));
+    return (h(Host, { class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-labelledby": "dialogLabel", "aria-describedby": "dialogDesc" }, h("div", { class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), h("div", { class: "dialog-modal", role: "document", tabindex: "0" }, h("div", { class: "dialog-content" }, h("header", { class: "dialog-header" }, this.hasCloseIcon
+      ? h("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, h("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
+      : ''), h("div", { class: "dialog-body" }, this.color !== undefined
+      ? h("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
+      : '', h("h2", { class: "dialog-title", id: "dialogLabel" }, this.label), h("p", { class: "dialog-description", id: "dialogDesc" }, this.description)), h("footer", { class: "dialog-footer" }, h("slot", null))))));
   }
   static get is() { return "road-dialog"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["dialog.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["dialog.css"]
-  }; }
-  static get properties() { return {
-    "isOpen": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set isOpen property to true to open the dialog"
-      },
-      "attribute": "is-open",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "hasCloseIcon": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["dialog.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dialog.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "isOpen": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set isOpen property to true to open the dialog"
+        },
+        "attribute": "is-open",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Show / hide the close icon"
+      "hasCloseIcon": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Show / hide the close icon"
+        },
+        "attribute": "has-close-icon",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "attribute": "has-close-icon",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FeedbackColors",
-        "resolved": "\"danger\" | \"info\" | \"success\" | \"warning\" | undefined",
-        "references": {
-          "FeedbackColors": {
-            "location": "import",
-            "path": "../../interface"
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FeedbackColors",
+          "resolved": "\"danger\" | \"info\" | \"success\" | \"warning\" | undefined",
+          "references": {
+            "FeedbackColors": {
+              "location": "import",
+              "path": "../../interface"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Set the color of information dialog. e.g. info, success, warning, danger"
-      },
-      "attribute": "color",
-      "reflect": false
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "override default icon"
-      },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Text to the top"
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Content description of the dialog"
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Set the color of information dialog. e.g. info, success, warning, danger"
+        },
+        "attribute": "color",
+        "reflect": false
       },
-      "attribute": "description",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "onClose",
-      "name": "close",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Indicate when closing the dialog"
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "override default icon"
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "open": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Text to the top"
         },
-        "return": "Promise<void>"
+        "attribute": "label",
+        "reflect": false
       },
-      "docs": {
-        "text": "Open the dialog",
-        "tags": []
+      "description": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Content description of the dialog"
+        },
+        "attribute": "description",
+        "reflect": false
       }
-    },
-    "close": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "onClose",
+        "name": "close",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Indicate when closing the dialog"
         },
-        "return": "Promise<void>"
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "open": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Open the dialog",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Close the dialog",
-        "tags": []
+      "close": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Close the dialog",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "keyup",
-      "method": "onEscape",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "keyup",
+        "method": "onEscape",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }