@watermarkinsights/ripple 3.12.0 → 3.13.0-0

package/dist/collection/components/wm-modal/wm-modal-footer.js

@@ -1,136 +1,136 @@
-import { h, Component, Element, Prop } from "@stencil/core";
-export class ModalFooter {
-  constructor() {
-    this.secondaryText = "";
-    this.primaryText = "";
-    this.infoText = "";
-    this.primaryActionDisabled = false;
-    this.deleteStyle = false;
-  }
-  componentWillLoad() {
-    this.uid = this.el.parentElement.uid;
-    // Trap focus when user shift+tabs past first element in modal
-    // NB @Listen doesn't allow to listen on a specific element (the parent modal)
-    // if we listen to the whole doc each modal on the page reacts to every event
-    this.el.parentElement.addEventListener("focusLastElement", () => {
-      this.lastElement.focus();
-    });
-  }
-  emitParentPrimaryEvent() {
-    const parentModal = this.el.parentElement;
-    //@ts-ignore
-    parentModal.emitPrimaryEvent();
-  }
-  emitParentSecondaryEvent() {
-    const parentModal = this.el.parentElement;
-    //@ts-ignore
-    parentModal.emitSecondaryEvent();
-  }
-  render() {
-    return (h("div", { class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` },
-      h("div", { class: "wm-info" }, this.infoText),
-      h("div", { class: "wm-button-collection" },
-        this.secondaryText && (h("wm-button", { onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)),
-        h("wm-button", { "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.primaryText))));
-  }
-  static get is() { return "wm-modal-footer"; }
-  static get originalStyleUrls() { return {
-    "$": ["wm-modal-footer.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["wm-modal-footer.css"]
-  }; }
-  static get properties() { return {
-    "secondaryText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "secondary-text",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "primaryText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "primary-text",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "infoText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "info-text",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "primaryActionDisabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "primary-action-disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "deleteStyle": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "delete-style",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get elementRef() { return "el"; }
-}
+import { h, Component, Element, Prop } from "@stencil/core";
+export class ModalFooter {
+  constructor() {
+    this.secondaryText = "";
+    this.primaryText = "";
+    this.infoText = "";
+    this.primaryActionDisabled = false;
+    this.deleteStyle = false;
+  }
+  componentWillLoad() {
+    this.uid = this.el.parentElement.uid;
+    // Trap focus when user shift+tabs past first element in modal
+    // NB @Listen doesn't allow to listen on a specific element (the parent modal)
+    // if we listen to the whole doc each modal on the page reacts to every event
+    this.el.parentElement.addEventListener("focusLastElement", () => {
+      this.lastElement.focus();
+    });
+  }
+  emitParentPrimaryEvent() {
+    const parentModal = this.el.parentElement;
+    //@ts-ignore
+    parentModal.emitPrimaryEvent();
+  }
+  emitParentSecondaryEvent() {
+    const parentModal = this.el.parentElement;
+    //@ts-ignore
+    parentModal.emitSecondaryEvent();
+  }
+  render() {
+    return (h("div", { class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` },
+      h("div", { class: "wm-info", "aria-live": "polite" }, this.infoText),
+      h("div", { class: "wm-button-collection" },
+        this.secondaryText && (h("wm-button", { onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)),
+        h("wm-button", { "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.primaryText))));
+  }
+  static get is() { return "wm-modal-footer"; }
+  static get originalStyleUrls() { return {
+    "$": ["wm-modal-footer.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["wm-modal-footer.css"]
+  }; }
+  static get properties() { return {
+    "secondaryText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "secondary-text",
+      "reflect": false,
+      "defaultValue": "\"\""
+    },
+    "primaryText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "primary-text",
+      "reflect": false,
+      "defaultValue": "\"\""
+    },
+    "infoText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "info-text",
+      "reflect": false,
+      "defaultValue": "\"\""
+    },
+    "primaryActionDisabled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "primary-action-disabled",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "deleteStyle": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "delete-style",
+      "reflect": false,
+      "defaultValue": "false"
+    }
+  }; }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/wm-modal/wm-modal-header.js

@@ -1,87 +1,87 @@
-import { h, Component, Element, Prop, Host } from "@stencil/core";
-import { intl } from "../../global/functions";
-export class ModalHeader {
-  constructor() {
-    this.heading = "";
-    this.subheading = "";
-    this.closeTooltipMessage = intl.formatMessage({
-      id: "global.closeVerb",
-      defaultMessage: "Close",
-      description: "For a button, to close a user interface element",
-    });
-  }
-  componentWillLoad() {
-    this.uid = this.el.parentElement.uid;
-    // Trap focus when user tabs past last element in modal
-    // NB @Listen doesn't allow to listen on a specific element (the parent modal)
-    // if we listen to the whole doc each modal on the page reacts to every event
-    this.el.parentElement.addEventListener("focusFirstElement", () => {
-      this.closeButtonEl.focus();
-    });
-  }
-  emitParentCloseEvent() {
-    const parentModal = this.el.parentElement;
-    //@ts-ignore
-    parentModal.emitCloseEvent();
-  }
-  // @Listen("click")
-  // directFocusOnClick() {
-  //   this.headingElement.tabIndex = 0;
-  //   this.headingElement.focus();
-  // }
-  render() {
-    return (h(Host, null,
-      h("div", { class: "wm-wrapper" },
-        h("div", null,
-          h("h2", { class: "title", id: `wm-modal-heading-text-${this.uid}` },
-            this.heading,
-            h("span", { class: "subtitle" }, this.subheading))),
-        h("wm-button", { "button-type": "navigational", icon: "f156", tooltip: this.closeTooltipMessage, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
-  }
-  static get is() { return "wm-modal-header"; }
-  static get originalStyleUrls() { return {
-    "$": ["wm-modal-header.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["wm-modal-header.css"]
-  }; }
-  static get properties() { return {
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "heading",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "subheading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "subheading",
-      "reflect": false,
-      "defaultValue": "\"\""
-    }
-  }; }
-  static get elementRef() { return "el"; }
-}
+import { h, Component, Element, Prop, Host } from "@stencil/core";
+import { intl } from "../../global/functions";
+export class ModalHeader {
+  constructor() {
+    this.heading = "";
+    this.subheading = "";
+    this.closeTooltipMessage = intl.formatMessage({
+      id: "global.closeVerb",
+      defaultMessage: "Close",
+      description: "For a button, to close a user interface element",
+    });
+  }
+  componentWillLoad() {
+    this.uid = this.el.parentElement.uid;
+    // Trap focus when user tabs past last element in modal
+    // NB @Listen doesn't allow to listen on a specific element (the parent modal)
+    // if we listen to the whole doc each modal on the page reacts to every event
+    this.el.parentElement.addEventListener("focusFirstElement", () => {
+      this.closeButtonEl.focus();
+    });
+  }
+  emitParentCloseEvent() {
+    const parentModal = this.el.parentElement;
+    //@ts-ignore
+    parentModal.emitCloseEvent();
+  }
+  // @Listen("click")
+  // directFocusOnClick() {
+  //   this.headingElement.tabIndex = 0;
+  //   this.headingElement.focus();
+  // }
+  render() {
+    return (h(Host, null,
+      h("div", { class: "wm-wrapper" },
+        h("div", null,
+          h("h2", { class: "title", id: `wm-modal-heading-text-${this.uid}` },
+            this.heading,
+            h("span", { class: "subtitle" }, this.subheading))),
+        h("wm-button", { "button-type": "navigational", icon: "f156", tooltip: this.closeTooltipMessage, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
+  }
+  static get is() { return "wm-modal-header"; }
+  static get originalStyleUrls() { return {
+    "$": ["wm-modal-header.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["wm-modal-header.css"]
+  }; }
+  static get properties() { return {
+    "heading": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "heading",
+      "reflect": false,
+      "defaultValue": "\"\""
+    },
+    "subheading": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "subheading",
+      "reflect": false,
+      "defaultValue": "\"\""
+    }
+  }; }
+  static get elementRef() { return "el"; }
+}