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

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,6 +116,7 @@ export class Menuitem {
         return {
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -128,12 +129,14 @@ export class Menuitem {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -146,12 +149,14 @@ export class Menuitem {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "icon",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "description": {
                 "type": "string",
+                "attribute": "description",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -164,7 +169,8 @@ export class Menuitem {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "description",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "undefined"
             }

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

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

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

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

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

@@ -3,10 +3,8 @@ import { generateId } from "../../global/functions";
 export class Modal {
     constructor() {
         this.open = false;
-        this.elementToFocus = "";
+        this.elementToFocus = ""; // primary and secondary point to the corresponding buttons, otherwise focus based on element id
         this.modalType = "modal";
-        this.uid = undefined;
-        this.returnFocusEl = undefined;
     }
     get closeButtonEl() {
         return this.el.querySelector(`#wm-modal-close-${this.uid}`);
@@ -131,6 +129,7 @@ export class Modal {
         return {
             "open": {
                 "type": "boolean",
+                "attribute": "open",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -143,12 +142,14 @@ export class Modal {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "open",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "false"
             },
             "elementToFocus": {
                 "type": "string",
+                "attribute": "element-to-focus",
                 "mutable": true,
                 "complexType": {
                     "original": "\"primary\" | \"secondary\" | string",
@@ -161,12 +162,14 @@ export class Modal {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "element-to-focus",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "modalType": {
                 "type": "string",
+                "attribute": "modal-type",
                 "mutable": false,
                 "complexType": {
                     "original": "\"modal\" | \"dialog\"",
@@ -179,12 +182,14 @@ export class Modal {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "modal-type",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "\"modal\""
             },
             "uid": {
                 "type": "string",
+                "attribute": "uid",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -197,7 +202,8 @@ export class Modal {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "uid",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             }
         };

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

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

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

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

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

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

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

@@ -2,14 +2,13 @@ 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;
@@ -53,6 +52,7 @@ export class NavigationHamburger {
         return {
             "navId": {
                 "type": "string",
+                "attribute": "nav-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -65,7 +65,8 @@ export class NavigationHamburger {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "nav-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -1,10 +1,5 @@
 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))));
     }
@@ -25,6 +20,7 @@ export class NavigationItem {
         return {
             "href": {
                 "type": "string",
+                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -37,11 +33,13 @@ export class NavigationItem {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "href",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "text": {
                 "type": "string",
+                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -54,11 +52,13 @@ export class NavigationItem {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "active": {
                 "type": "boolean",
+                "attribute": "active",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -71,7 +71,8 @@ export class NavigationItem {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "active",
+                "getter": false,
+                "setter": false,
                 "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,6 +117,7 @@ export class Navigation {
         return {
             "open": {
                 "type": "boolean",
+                "attribute": "open",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -129,7 +130,8 @@ export class Navigation {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "open",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "false"
             }

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

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

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

@@ -34,6 +34,7 @@ export class PrivNavigatorItem {
         return {
             "selected": {
                 "type": "boolean",
+                "attribute": "selected",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -46,12 +47,14 @@ export class PrivNavigatorItem {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "selected",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "focused": {
                 "type": "boolean",
+                "attribute": "focused",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -64,12 +67,14 @@ export class PrivNavigatorItem {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "focused",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "link": {
                 "type": "string",
+                "attribute": "link",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -82,7 +87,8 @@ export class PrivNavigatorItem {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "link",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             }