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

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

@@ -3,12 +3,6 @@ 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(() => {
@@ -24,6 +18,15 @@ 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"));
@@ -383,7 +386,6 @@ export class PrivOptionList {
         return {
             "multiple": {
                 "type": "boolean",
-                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -396,14 +398,12 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "multiple",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "search": {
                 "type": "boolean",
-                "attribute": "search",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -416,14 +416,12 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "search",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "selectAll": {
                 "type": "boolean",
-                "attribute": "select-all",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -436,14 +434,12 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "select-all",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "searchPlaceholder": {
                 "type": "string",
-                "attribute": "search-placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -456,13 +452,11 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "search-placeholder",
                 "reflect": false
             },
             "optgroupLabel": {
                 "type": "string",
-                "attribute": "optgroup-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -475,13 +469,11 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "optgroup-label",
                 "reflect": false
             },
             "maxHeight": {
                 "type": "string",
-                "attribute": "max-height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -494,13 +486,11 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "max-height",
                 "reflect": false
             },
             "upwardsHeightLimit": {
                 "type": "number",
-                "attribute": "upwards-height-limit",
                 "mutable": false,
                 "complexType": {
                     "original": "number | null",
@@ -513,8 +503,7 @@ export class PrivOptionList {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "upwards-height-limit",
                 "reflect": false,
                 "defaultValue": "null"
             }

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

@@ -3,10 +3,18 @@ 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;
@@ -16,13 +24,7 @@ export class NestedSelect {
         this.isExpanded = false;
         this.showClearSelectionButton = false;
         this.announcement = "";
-        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;
+        this.constrainedMaxHeight = this.maxHeight;
     }
     get isDisabled() {
         // string "false" needs to be treated as bool False because react wrappers convert bool to string.
@@ -318,7 +320,6 @@ export class NestedSelect {
         return {
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -331,14 +332,12 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "maxHeight": {
                 "type": "string",
-                "attribute": "max-height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -351,14 +350,12 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "max-height",
                 "reflect": false,
                 "defaultValue": "\"200px\""
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -371,13 +368,11 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label",
                 "reflect": false
             },
             "labelPosition": {
                 "type": "string",
-                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"top\" | \"left\" | \"none\"",
@@ -390,14 +385,12 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label-position",
                 "reflect": false,
                 "defaultValue": "\"top\""
             },
             "requiredField": {
                 "type": "boolean",
-                "attribute": "required-field",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -410,14 +403,12 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "required-field",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "errorMessage": {
                 "type": "string",
-                "attribute": "error-message",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -430,13 +421,11 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "error-message",
                 "reflect": false
             },
             "multiple": {
                 "type": "boolean",
-                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -449,14 +438,12 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "multiple",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "search": {
                 "type": "boolean",
-                "attribute": "search",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -469,14 +456,12 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "search",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "selectAll": {
                 "type": "boolean",
-                "attribute": "select-all",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -489,14 +474,12 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "select-all",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -509,14 +492,12 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "placeholder",
                 "reflect": false,
                 "defaultValue": "this.multiple ? selectMessages.multiPlaceholder : selectMessages.singlePlaceholder"
             },
             "searchPlaceholder": {
                 "type": "string",
-                "attribute": "search-placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -529,14 +510,12 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "search-placeholder",
                 "reflect": false,
                 "defaultValue": "selectMessages.searchPlaceholder"
             },
             "allSelectedMessage": {
                 "type": "string",
-                "attribute": "all-selected-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -549,14 +528,12 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "all-selected-message",
                 "reflect": false,
                 "defaultValue": "selectMessages.allSelected"
             },
             "constrainedMaxHeight": {
                 "type": "string",
-                "attribute": "constrained-max-height",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -569,8 +546,7 @@ export class NestedSelect {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "constrained-max-height",
                 "reflect": false,
                 "defaultValue": "this.maxHeight"
             }

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

@@ -2,6 +2,7 @@ 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;
@@ -66,7 +67,6 @@ export class Optgroup {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -79,13 +79,11 @@ export class Optgroup {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label",
                 "reflect": false
             },
             "isExpanded": {
                 "type": "boolean",
-                "attribute": "is-expanded",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -98,14 +96,12 @@ export class Optgroup {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "is-expanded",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "multiple": {
                 "type": "boolean",
-                "attribute": "multiple",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -118,14 +114,12 @@ export class Optgroup {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "multiple",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -138,8 +132,7 @@ export class Optgroup {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             }

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

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