@watermarkinsights/ripple 5.16.0-alpha.13 → 5.16.0-alpha.14

package/dist/collection/components/wm-menuitem/wm-menuitem.js

@@ -2,10 +2,10 @@ import { h, Host } from "@stencil/core";
 import { getIconCodeFromName } from "../../global/interfaces";
 export class Menuitem {
     constructor() {
+        this.descriptionCharLimit = 100;
         this.disabled = false;
         this.icon = undefined;
         this.description = undefined;
-        this.descriptionCharLimit = 100;
     }
     handleKeydown(ev) {
         const modifierKeyUsed = ev.altKey || ev.ctrlKey || ev.metaKey;
@@ -116,7 +116,6 @@ export class Menuitem {
         return {
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -129,14 +128,12 @@ export class Menuitem {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -149,14 +146,12 @@ export class Menuitem {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "icon",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "description": {
                 "type": "string",
-                "attribute": "description",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -169,8 +164,7 @@ export class Menuitem {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "description",
                 "reflect": false,
                 "defaultValue": "undefined"
             }

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

@@ -48,7 +48,6 @@ export class ModalFooter {
         return {
             "secondaryText": {
                 "type": "string",
-                "attribute": "secondary-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -61,14 +60,12 @@ export class ModalFooter {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "secondary-text",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "primaryText": {
                 "type": "string",
-                "attribute": "primary-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -81,14 +78,12 @@ export class ModalFooter {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "primary-text",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "infoText": {
                 "type": "string",
-                "attribute": "info-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -101,14 +96,12 @@ export class ModalFooter {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "info-text",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "primaryActionDisabled": {
                 "type": "boolean",
-                "attribute": "primary-action-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -121,14 +114,12 @@ export class ModalFooter {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "primary-action-disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "deleteStyle": {
                 "type": "boolean",
-                "attribute": "delete-style",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -141,8 +132,7 @@ export class ModalFooter {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "delete-style",
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -39,7 +39,6 @@ export class ModalHeader {
         return {
             "heading": {
                 "type": "string",
-                "attribute": "heading",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -52,14 +51,12 @@ export class ModalHeader {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "heading",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "subheading": {
                 "type": "string",
-                "attribute": "subheading",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -72,8 +69,7 @@ export class ModalHeader {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "subheading",
                 "reflect": false,
                 "defaultValue": "\"\""
             }

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

@@ -3,8 +3,10 @@ import { generateId } from "../../global/functions";
 export class Modal {
     constructor() {
         this.open = false;
-        this.elementToFocus = ""; // primary and secondary point to the corresponding buttons, otherwise focus based on element id
+        this.elementToFocus = "";
         this.modalType = "modal";
+        this.uid = undefined;
+        this.returnFocusEl = undefined;
     }
     get closeButtonEl() {
         return this.el.querySelector(`#wm-modal-close-${this.uid}`);
@@ -106,11 +108,11 @@ export class Modal {
         }
     }
     render() {
-        return (h("dialog", { key: '37c9534a1839dc5c6e2be8ca838fa9da956d34ba', class: `${"wm-" + this.modalType}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: 'ce59adc5fa795c32da6fd374468c451147ccca38', class: "tabtrap sr-only", tabindex: "0", onFocus: (ev) => {
+        return (h("dialog", { key: 'efa130647b8e7dd1280ee55de88e99bb3f34eeb7', class: `${"wm-" + this.modalType}`, "aria-describedby": `wm-modal-heading-text-${this.uid}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '3bcd7436e8775061f7a6b1f09cefa937239b4e7f', class: "tabtrap sr-only", tabindex: "0", onFocus: (ev) => {
                 const focusedFromCloseButton = ev.relatedTarget && ev.relatedTarget == this.closeButtonEl;
                 // no related target means we're coming from outside the page (browser chrome), and first element should be focused instead
                 focusedFromCloseButton ? this.focusLastElement.emit() : this.focusFirstElement.emit();
-            } }), !this.hasBrowserPopoverSupport && h("div", { key: 'c62753c1bba03d72707398899b68fe318d285bc8', class: "wm-tooltip" }), h("slot", { key: '24f8462de2987ddadc5a4573bb9ff0a4ad42d95a' }), h("div", { key: '390395f0b4bc778d6811276f2a7facfe3fd8f9da', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
+            } }), !this.hasBrowserPopoverSupport && h("div", { key: '1e0dcf0224d6d8a3c6bc08800d8f3e936c3a103f', class: "wm-tooltip" }), h("slot", { key: '8cbdf215f191ca7a196c63024c2ff30720f04c76' }), h("div", { key: 'c048edf622703ee68330a7aac6117c994b750bff', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
                 this.focusFirstElement.emit();
             } })));
     }
@@ -129,7 +131,6 @@ export class Modal {
         return {
             "open": {
                 "type": "boolean",
-                "attribute": "open",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -142,14 +143,12 @@ export class Modal {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "open",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "elementToFocus": {
                 "type": "string",
-                "attribute": "element-to-focus",
                 "mutable": true,
                 "complexType": {
                     "original": "\"primary\" | \"secondary\" | string",
@@ -162,14 +161,12 @@ export class Modal {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "element-to-focus",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "modalType": {
                 "type": "string",
-                "attribute": "modal-type",
                 "mutable": false,
                 "complexType": {
                     "original": "\"modal\" | \"dialog\"",
@@ -182,14 +179,12 @@ export class Modal {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "modal-type",
                 "reflect": true,
                 "defaultValue": "\"modal\""
             },
             "uid": {
                 "type": "string",
-                "attribute": "uid",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -202,8 +197,7 @@ export class Modal {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "uid",
                 "reflect": true
             }
         };

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

@@ -44,7 +44,6 @@ export class ModalPssFooter {
         return {
             "secondaryText": {
                 "type": "string",
-                "attribute": "secondary-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -57,14 +56,12 @@ export class ModalPssFooter {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "secondary-text",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "primaryText": {
                 "type": "string",
-                "attribute": "primary-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -77,14 +74,12 @@ export class ModalPssFooter {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "primary-text",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "infoText": {
                 "type": "string",
-                "attribute": "info-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -97,14 +92,12 @@ export class ModalPssFooter {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "info-text",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "primaryActionDisabled": {
                 "type": "boolean",
-                "attribute": "primary-action-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -117,14 +110,12 @@ export class ModalPssFooter {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "primary-action-disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "deleteStyle": {
                 "type": "boolean",
-                "attribute": "delete-style",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -137,8 +128,7 @@ export class ModalPssFooter {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "delete-style",
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -42,7 +42,6 @@ export class ModalPssHeader {
         return {
             "heading": {
                 "type": "string",
-                "attribute": "heading",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -55,14 +54,12 @@ export class ModalPssHeader {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "heading",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "subheading": {
                 "type": "string",
-                "attribute": "subheading",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -75,8 +72,7 @@ export class ModalPssHeader {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "subheading",
                 "reflect": false,
                 "defaultValue": "\"\""
             }

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

@@ -3,10 +3,11 @@ import { checkForActiveElInShadow } from "../../global/functions";
 import { generateId } from "../../global/functions";
 export class ModalPss {
     constructor() {
+        this.bodyFocusListener = () => this.redirectFocusFromBody();
         this.open = false;
-        this.elementToFocus = ""; // primary and secondary point to the corresponding buttons, otherwise focus based on element id
+        this.elementToFocus = "";
         this.modalType = "modal";
-        this.bodyFocusListener = () => this.redirectFocusFromBody();
+        this.uid = undefined;
     }
     get focusOnOpenEl() {
         let customElementToFocus = null;
@@ -132,7 +133,6 @@ export class ModalPss {
         return {
             "open": {
                 "type": "boolean",
-                "attribute": "open",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -145,14 +145,12 @@ export class ModalPss {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "open",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "elementToFocus": {
                 "type": "string",
-                "attribute": "element-to-focus",
                 "mutable": true,
                 "complexType": {
                     "original": "\"primary\" | \"secondary\" | string",
@@ -165,14 +163,12 @@ export class ModalPss {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "element-to-focus",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "modalType": {
                 "type": "string",
-                "attribute": "modal-type",
                 "mutable": false,
                 "complexType": {
                     "original": "\"modal\" | \"dialog\"",
@@ -185,14 +181,12 @@ export class ModalPss {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "modal-type",
                 "reflect": true,
                 "defaultValue": "\"modal\""
             },
             "uid": {
                 "type": "string",
-                "attribute": "uid",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -205,8 +199,7 @@ export class ModalPss {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "uid",
                 "reflect": true
             }
         };

package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js

@@ -2,13 +2,14 @@ import { h, Host } from "@stencil/core";
 import { intl, showTooltip, hideTooltip } from "../../global/functions";
 export class NavigationHamburger {
     constructor() {
-        this.isTabbing = false;
-        this.open = false;
         this.showNavMessage = intl.formatMessage({
             id: "navigation.showNavigation",
             defaultMessage: "Show navigation",
             description: "For user interface element opening a navigation menu",
         });
+        this.navId = undefined;
+        this.isTabbing = false;
+        this.open = false;
     }
     toggleTabbingOn() {
         this.isTabbing = true;
@@ -52,7 +53,6 @@ export class NavigationHamburger {
         return {
             "navId": {
                 "type": "string",
-                "attribute": "nav-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -65,8 +65,7 @@ export class NavigationHamburger {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "nav-id",
                 "reflect": false
             }
         };

package/dist/collection/components/wm-navigation/wm-navigation-item.js

@@ -1,5 +1,10 @@
 import { h, Host } from "@stencil/core";
 export class NavigationItem {
+    constructor() {
+        this.href = undefined;
+        this.text = undefined;
+        this.active = undefined;
+    }
     render() {
         return (h(Host, { key: 'fa0d860cef87f2af8b3c8ed67b37a2eafd4229c9', role: "listitem" }, h("a", { key: '192898896ee4310c0fb741d8bf5ebe27e57ab8b3', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: 'b0df43e4aaa9786b2d8e57fbeb766eb5cf348336', class: "icon", "aria-hidden": "true" }, h("slot", { key: 'dd4b646b3b48155163c8816344f3c947eb58403a' })), h("div", { key: 'a195cc9d6dc724553a9240896cddcfadceb7424c', class: "text" }, this.text))));
     }
@@ -20,7 +25,6 @@ export class NavigationItem {
         return {
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -33,13 +37,11 @@ export class NavigationItem {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "href",
                 "reflect": false
             },
             "text": {
                 "type": "string",
-                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -52,13 +54,11 @@ export class NavigationItem {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "text",
                 "reflect": false
             },
             "active": {
                 "type": "boolean",
-                "attribute": "active",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -71,8 +71,7 @@ export class NavigationItem {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "active",
                 "reflect": false
             }
         };

package/dist/collection/components/wm-navigation/wm-navigation.js

@@ -3,13 +3,13 @@ import { intl, throttle } from "../../global/functions";
 import { globalMessages } from "../../global/intl";
 export class Navigation {
     constructor() {
-        this.open = false;
         this.mainNavigationMessage = intl.formatMessage({
             id: "navigation.mainNavigation",
             defaultMessage: "Main",
             description: "Label describing the site navigation, for screen reader users",
         });
         this.throttledRerender = throttle(() => forceUpdate(this.el), 50);
+        this.open = false;
     }
     get isCollapsible() {
         return window.innerWidth < 1024;
@@ -117,7 +117,6 @@ export class Navigation {
         return {
             "open": {
                 "type": "boolean",
-                "attribute": "open",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -130,8 +129,7 @@ export class Navigation {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "open",
                 "reflect": true,
                 "defaultValue": "false"
             }

package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js

@@ -28,7 +28,6 @@ export class PrivNavigatorButton {
         return {
             "expanded": {
                 "type": "boolean",
-                "attribute": "expanded",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -41,14 +40,12 @@ export class PrivNavigatorButton {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "expanded",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "altText": {
                 "type": "string",
-                "attribute": "alt-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -61,8 +58,7 @@ export class PrivNavigatorButton {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "alt-text",
                 "reflect": false,
                 "defaultValue": "\"\""
             }