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

package/dist/collection/components/selects/wm-option/wm-option.js

@@ -1,7 +1,6 @@
 import { h, Host } from "@stencil/core";
 export class Option {
     constructor() {
-        this.value = undefined;
         this.subinfo = undefined;
         this.disabled = false;
         this.selected = false;
@@ -161,6 +160,7 @@ export class Option {
         return {
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string | null",
@@ -173,11 +173,13 @@ export class Option {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "subinfo": {
                 "type": "string",
+                "attribute": "subinfo",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -190,12 +192,14 @@ export class Option {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "subinfo",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -208,12 +212,14 @@ export class Option {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "false"
             },
             "selected": {
                 "type": "boolean",
+                "attribute": "selected",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -226,12 +232,14 @@ export class Option {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "selected",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "false"
             },
             "focused": {
                 "type": "boolean",
+                "attribute": "focused",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -244,7 +252,8 @@ export class Option {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "focused",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/selects/wm-select/wm-select.js

@@ -4,17 +4,10 @@ import { getTextDir, shouldOpenUp, isElOrChild, toBool, handleDisabledAttribute,
 import { globalMessages, selectMessages } from "../../../global/intl";
 export class Select {
     constructor() {
-        this.openUp = false;
-        //////////////////////////////////////
-        // for multiselect button text
-        this.overflowCount = 0;
-        this.displayedOptions = [];
         this.disabled = false;
         this.maxHeight = "200px";
-        this.label = undefined;
         this.labelPosition = "top";
         this.requiredField = false;
-        this.errorMessage = undefined;
         this.multiple = false;
         this.search = false;
         this.selectAll = false;
@@ -23,6 +16,11 @@ export class Select {
         this.allSelectedMessage = selectMessages.allSelected;
         this.isExpanded = false;
         this.announcement = "";
+        this.openUp = false;
+        //////////////////////////////////////
+        // for multiselect button text
+        this.overflowCount = 0;
+        this.displayedOptions = [];
     }
     get childOptions() {
         return Array.from(this.el.querySelectorAll("wm-option"));
@@ -255,6 +253,7 @@ export class Select {
         return {
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -267,12 +266,14 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "false"
             },
             "maxHeight": {
                 "type": "string",
+                "attribute": "max-height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -285,12 +286,14 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "max-height",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"200px\""
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -303,11 +306,13 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "labelPosition": {
                 "type": "string",
+                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"top\" | \"left\" | \"none\"",
@@ -320,12 +325,14 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"top\""
             },
             "requiredField": {
                 "type": "boolean",
+                "attribute": "required-field",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -338,12 +345,14 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "required-field",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -356,11 +365,13 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "multiple": {
                 "type": "boolean",
+                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -373,12 +384,14 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "multiple",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "search": {
                 "type": "boolean",
+                "attribute": "search",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -391,12 +404,14 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "search",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "selectAll": {
                 "type": "boolean",
+                "attribute": "select-all",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -409,12 +424,14 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "select-all",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -427,12 +444,14 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "selectMessages.multiPlaceholder"
             },
             "searchPlaceholder": {
                 "type": "string",
+                "attribute": "search-placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -445,12 +464,14 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "search-placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "selectMessages.searchPlaceholder"
             },
             "allSelectedMessage": {
                 "type": "string",
+                "attribute": "all-selected-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -463,7 +484,8 @@ export class Select {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "all-selected-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "selectMessages.allSelected"
             }

package/dist/collection/components/wm-action-menu/wm-action-menu.js

@@ -3,19 +3,14 @@ import { debounce, getTextDir, shouldOpenUp, shouldShiftRight } from "../../glob
 export class ActionMenu {
     constructor() {
         this.openUp = false;
+        this.isExpanded = false;
+        this.actionMenuType = "icon";
+        this.disabled = false;
         this.keysSoFar = "";
         this.searchIndex = 0;
         this.debouncedClearKeysSoFar = debounce(() => {
             this.keysSoFar = "";
         }, 500);
-        this.isExpanded = false;
-        this.tooltipPosition = undefined;
-        this.actionMenuType = "icon";
-        this.buttonText = undefined;
-        this.disabled = false;
-        this.tooltip = undefined;
-        this.labelForIdenticalButtons = undefined;
-        this.darkMode = undefined;
     }
     get horizontalPosition() {
         return !!this.el && !!this.itemsEl && shouldShiftRight(this.el, this.itemsEl.clientWidth) ? "right" : "left";
@@ -209,6 +204,7 @@ export class ActionMenu {
         return {
             "tooltipPosition": {
                 "type": "string",
+                "attribute": "tooltip-position",
                 "mutable": false,
                 "complexType": {
                     "original": "| \"top\"\n    | \"bottom\"\n    | \"left\"\n    | \"right\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"top-right\"\n    | \"top-left\"",
@@ -221,11 +217,13 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "tooltip-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "actionMenuType": {
                 "type": "string",
+                "attribute": "action-menu-type",
                 "mutable": false,
                 "complexType": {
                     "original": "\"icon\" | \"text\" | \"selector\" | \"selector-primary\"",
@@ -238,12 +236,14 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "action-menu-type",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"icon\""
             },
             "buttonText": {
                 "type": "string",
+                "attribute": "button-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -256,11 +256,13 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "button-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -273,12 +275,14 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "false"
             },
             "tooltip": {
                 "type": "string",
+                "attribute": "tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -291,11 +295,13 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "tooltip",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "labelForIdenticalButtons": {
                 "type": "string",
+                "attribute": "label-for-identical-buttons",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -308,11 +314,13 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label-for-identical-buttons",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "darkMode": {
                 "type": "boolean",
+                "attribute": "dark-mode",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -325,7 +333,8 @@ export class ActionMenu {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dark-mode",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -3,22 +3,17 @@ import { getIconCodeFromName } from "../../global/interfaces";
 import { generateId, hideTooltip, handleDisabledAttribute, showTooltip, toBool, triggerFormSubmit, } from "../../global/functions";
 export class Button {
     constructor() {
-        this.id = generateId();
-        this.ariaPopup = false;
+        // icon and tooltip have reflect set to true. Without reflect, the react wrappers don't expose the attribute
+        // and the component throws errors when they are required (when buttonType is icononly or navigational)
         this.disabled = false;
         this.buttonType = "secondary";
-        this.icon = undefined;
-        this.iconSize = undefined;
-        this.iconRotate = undefined;
-        this.iconFlip = undefined;
-        this.tooltip = undefined;
-        this.labelForIdenticalButtons = undefined;
         this.tooltipPosition = "bottom-right";
         this.permanentlyDelete = false;
         this.textWrap = true;
-        this.customBackground = undefined;
         this.isSubmit = false;
         this.isTabbing = false;
+        this.id = generateId();
+        this.ariaPopup = false;
     }
     get isDisabled() {
         // string "false" needs to be treated as bool False because react wrappers convert bool to string.
@@ -268,6 +263,7 @@ export class Button {
         return {
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -280,12 +276,14 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "false"
             },
             "buttonType": {
                 "type": "string",
+                "attribute": "button-type",
                 "mutable": true,
                 "complexType": {
                     "original": "validButtonTypes",
@@ -304,12 +302,14 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "button-type",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"secondary\""
             },
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -322,11 +322,13 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "icon",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             },
             "iconSize": {
                 "type": "string",
+                "attribute": "icon-size",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -339,11 +341,13 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "icon-size",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "iconRotate": {
                 "type": "number",
+                "attribute": "icon-rotate",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -356,11 +360,13 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "icon-rotate",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "iconFlip": {
                 "type": "string",
+                "attribute": "icon-flip",
                 "mutable": false,
                 "complexType": {
                     "original": "\"horizontal\" | \"vertical\"",
@@ -373,11 +379,13 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "icon-flip",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "tooltip": {
                 "type": "string",
+                "attribute": "tooltip",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -390,11 +398,13 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "tooltip",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             },
             "labelForIdenticalButtons": {
                 "type": "string",
+                "attribute": "label-for-identical-buttons",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -407,11 +417,13 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label-for-identical-buttons",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "tooltipPosition": {
                 "type": "string",
+                "attribute": "tooltip-position",
                 "mutable": false,
                 "complexType": {
                     "original": "TooltipPlacement",
@@ -430,12 +442,14 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "tooltip-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"bottom-right\""
             },
             "permanentlyDelete": {
                 "type": "boolean",
+                "attribute": "permanently-delete",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -448,12 +462,14 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "permanently-delete",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "textWrap": {
                 "type": "boolean",
+                "attribute": "text-wrap",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -466,12 +482,14 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "text-wrap",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "customBackground": {
                 "type": "string",
+                "attribute": "custom-background",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -484,11 +502,13 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "custom-background",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "isSubmit": {
                 "type": "boolean",
+                "attribute": "is-submit",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -501,7 +521,8 @@ export class Button {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-submit",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }