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

package/dist/collection/components/datepickers/wm-datepicker.js

@@ -2,17 +2,15 @@ import { h, Host } from "@stencil/core";
 import { intl, toBool, handleDisabledAttribute, hasRoomRight, shouldOpenUp, dateToISO, showTooltip, hideTooltip } from "../../global/functions";
 export class DatePicker {
     constructor() {
-        this.openUp = false;
-        this.popupClicked = false;
-        this.toggleButtonClicked = false;
         this.value = "";
         this.disabled = false;
         this.dateFormat = "mm/dd/yyyy";
-        this.errorMessage = undefined;
         this.labelPosition = "top";
         this.label = "";
         this.requiredField = false;
-        this.preselected = undefined;
+        this.openUp = false;
+        this.popupClicked = false;
+        this.toggleButtonClicked = false;
         this.isExpanded = false;
     }
     get isDisabled() {
@@ -253,6 +251,7 @@ export class DatePicker {
         return {
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -265,12 +264,14 @@ export class DatePicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -283,12 +284,14 @@ export class DatePicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "dateFormat": {
                 "type": "string",
+                "attribute": "date-format",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -301,12 +304,14 @@ export class DatePicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "date-format",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"mm/dd/yyyy\""
             },
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -319,11 +324,13 @@ export class DatePicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             },
             "labelPosition": {
                 "type": "string",
+                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"top\" | \"left\" | \"none\"",
@@ -336,12 +343,14 @@ export class DatePicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"top\""
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -354,12 +363,14 @@ export class DatePicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "requiredField": {
                 "type": "boolean",
+                "attribute": "required-field",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -372,12 +383,14 @@ export class DatePicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "required-field",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "preselected": {
                 "type": "string",
+                "attribute": "preselected",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -390,7 +403,8 @@ export class DatePicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "preselected",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/selects/priv-option-list/priv-option-list.js

@@ -3,6 +3,12 @@ import { debounce, isElOrChild } from "../../../global/functions";
 import { selectMessages } from "../../../global/intl";
 export class PrivOptionList {
     constructor() {
+        this.multiple = false;
+        this.search = false;
+        this.selectAll = false;
+        this.upwardsHeightLimit = null;
+        this.announcement = "";
+        this.searchTerm = "";
         this.searchIndex = 0;
         this.keysSoFar = "";
         this.debouncedSearch = debounce(() => {
@@ -18,15 +24,6 @@ export class PrivOptionList {
         this.debouncedClearKeysSoFar = debounce(() => {
             this.keysSoFar = "";
         }, 500);
-        this.multiple = false;
-        this.search = false;
-        this.selectAll = false;
-        this.searchPlaceholder = undefined;
-        this.optgroupLabel = undefined;
-        this.maxHeight = undefined;
-        this.upwardsHeightLimit = null;
-        this.announcement = "";
-        this.searchTerm = "";
     }
     get childOptions() {
         return Array.from(this.el.getRootNode().host.querySelectorAll("wm-option"));
@@ -386,6 +383,7 @@ export class PrivOptionList {
         return {
             "multiple": {
                 "type": "boolean",
+                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -398,12 +396,14 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "multiple",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "search": {
                 "type": "boolean",
+                "attribute": "search",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -416,12 +416,14 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "search",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "selectAll": {
                 "type": "boolean",
+                "attribute": "select-all",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -434,12 +436,14 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "select-all",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "searchPlaceholder": {
                 "type": "string",
+                "attribute": "search-placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -452,11 +456,13 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "search-placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "optgroupLabel": {
                 "type": "string",
+                "attribute": "optgroup-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -469,11 +475,13 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "optgroup-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "maxHeight": {
                 "type": "string",
+                "attribute": "max-height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -486,11 +494,13 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "max-height",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "upwardsHeightLimit": {
                 "type": "number",
+                "attribute": "upwards-height-limit",
                 "mutable": false,
                 "complexType": {
                     "original": "number | null",
@@ -503,7 +513,8 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "upwards-height-limit",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
             }

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

@@ -3,18 +3,10 @@ import { getContextMeasurements, getTextDir, isElOrChild, shouldOpenUp, toBool,
 import { globalMessages, selectMessages } from "../../../global/intl";
 export class NestedSelect {
     constructor() {
-        this.openUp = false;
-        this.overflowCount = 0;
-        this.displayedOptions = [];
-        this.clearSelectionMessage = this.multiple
-            ? selectMessages.multiClearSelection
-            : selectMessages.singleClearSelection;
         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;
@@ -24,7 +16,13 @@ export class NestedSelect {
         this.isExpanded = false;
         this.showClearSelectionButton = false;
         this.announcement = "";
-        this.constrainedMaxHeight = this.maxHeight;
+        this.openUp = false;
+        this.constrainedMaxHeight = this.maxHeight; // internal, limits the upwards maxheight of the dropdown if it decides to open upwards but there is not enough room
+        this.overflowCount = 0;
+        this.displayedOptions = [];
+        this.clearSelectionMessage = this.multiple
+            ? selectMessages.multiClearSelection
+            : selectMessages.singleClearSelection;
     }
     get isDisabled() {
         // string "false" needs to be treated as bool False because react wrappers convert bool to string.
@@ -320,6 +318,7 @@ export class NestedSelect {
         return {
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -332,12 +331,14 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "false"
             },
             "maxHeight": {
                 "type": "string",
+                "attribute": "max-height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -350,12 +351,14 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "max-height",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"200px\""
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -368,11 +371,13 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "labelPosition": {
                 "type": "string",
+                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"top\" | \"left\" | \"none\"",
@@ -385,12 +390,14 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"top\""
             },
             "requiredField": {
                 "type": "boolean",
+                "attribute": "required-field",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -403,12 +410,14 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "required-field",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -421,11 +430,13 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "multiple": {
                 "type": "boolean",
+                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -438,12 +449,14 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "multiple",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "search": {
                 "type": "boolean",
+                "attribute": "search",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -456,12 +469,14 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "search",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "selectAll": {
                 "type": "boolean",
+                "attribute": "select-all",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -474,12 +489,14 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "select-all",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -492,12 +509,14 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "this.multiple ? selectMessages.multiPlaceholder : selectMessages.singlePlaceholder"
             },
             "searchPlaceholder": {
                 "type": "string",
+                "attribute": "search-placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -510,12 +529,14 @@ export class NestedSelect {
                     "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",
@@ -528,12 +549,14 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "all-selected-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "selectMessages.allSelected"
             },
             "constrainedMaxHeight": {
                 "type": "string",
+                "attribute": "constrained-max-height",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -546,7 +569,8 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "constrained-max-height",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "this.maxHeight"
             }

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

@@ -2,7 +2,6 @@ import { h, Host } from "@stencil/core";
 import { handleDisabledAttribute, toBool } from "../../../global/functions";
 export class Optgroup {
     constructor() {
-        this.label = undefined;
         this.isExpanded = false;
         this.multiple = false;
         this.disabled = false;
@@ -67,6 +66,7 @@ export class Optgroup {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -79,11 +79,13 @@ export class Optgroup {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "isExpanded": {
                 "type": "boolean",
+                "attribute": "is-expanded",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -96,12 +98,14 @@ export class Optgroup {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-expanded",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "multiple": {
                 "type": "boolean",
+                "attribute": "multiple",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -114,12 +118,14 @@ export class Optgroup {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "multiple",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -132,7 +138,8 @@ export class Optgroup {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }