@watermarkinsights/ripple 5.13.1-alpha.4 → 5.14.0-alpha.2

package/dist/collection/components/wm-tag-input/wm-tag-input.js

@@ -3,12 +3,6 @@ import { csvToArray, debounce, hideTooltip, intl, measureText, shouldOpenUp, sho
 import { globalMessages } from "../../global/intl";
 export class TagInput {
     constructor() {
-        this.labelPosition = "top";
-        this.requiredField = false;
-        this.tagInputType = "dropdown";
-        // dropdown variant
-        this.addNew = true;
-        this.characterLimit = 50;
         this.addNewHelpText = intl.formatMessage({
             id: "tagInput.addNewHelpText",
             defaultMessage: "Press the Enter or Comma key to add a new tag.",
@@ -40,12 +34,28 @@ export class TagInput {
         });
         this.openUp = false;
         this.inModal = false;
+        this.debouncedUpdate = debounce(() => forceUpdate(this.el), 30);
+        this.label = undefined;
+        this.errorMessage = undefined;
+        this.info = undefined;
+        this.labelPosition = "top";
+        this.maxTags = undefined;
+        this.placeholder = undefined;
+        this.requiredField = false;
+        this.tagInputType = "dropdown";
+        this.helpText = undefined;
+        this.addNew = true;
+        this.characterLimit = 50;
+        this.colHeaders = undefined;
+        this.colWidths = undefined;
+        this.colWrap = undefined;
         this.isKeying = false;
         this.isExpanded = false;
         this.liveRegionMessage = "";
+        this.focusedOption = undefined;
         this.focusedColumn = 0;
-        this.tagsList = []; // options to render as tags. This needs the be kept in state as tags should be shown in the order they are added
-        this.debouncedUpdate = debounce(() => forceUpdate(this.el), 30);
+        this.focusedTagIndex = undefined;
+        this.tagsList = [];
     }
     addNewTagMessage(newTagName) {
         return intl.formatMessage({
@@ -878,7 +888,6 @@ export class TagInput {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -891,13 +900,11 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label",
                 "reflect": false
             },
             "errorMessage": {
                 "type": "string",
-                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -910,13 +917,11 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "error-message",
                 "reflect": false
             },
             "info": {
                 "type": "string",
-                "attribute": "info",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -929,13 +934,11 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "info",
                 "reflect": false
             },
             "labelPosition": {
                 "type": "string",
-                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"top\" | \"left\" | \"none\"",
@@ -948,14 +951,12 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label-position",
                 "reflect": false,
                 "defaultValue": "\"top\""
             },
             "maxTags": {
                 "type": "number",
-                "attribute": "max-tags",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -968,13 +969,11 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "max-tags",
                 "reflect": false
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -987,13 +986,11 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "placeholder",
                 "reflect": false
             },
             "requiredField": {
                 "type": "boolean",
-                "attribute": "required-field",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1006,14 +1003,12 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "required-field",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "tagInputType": {
                 "type": "string",
-                "attribute": "tag-input-type",
                 "mutable": false,
                 "complexType": {
                     "original": "\"dropdown\" | \"table\"",
@@ -1026,14 +1021,12 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "tag-input-type",
                 "reflect": false,
                 "defaultValue": "\"dropdown\""
             },
             "helpText": {
                 "type": "string",
-                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1046,13 +1039,11 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "help-text",
                 "reflect": false
             },
             "addNew": {
                 "type": "boolean",
-                "attribute": "add-new",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1065,14 +1056,12 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "add-new",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "characterLimit": {
                 "type": "number",
-                "attribute": "character-limit",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -1085,14 +1074,12 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "character-limit",
                 "reflect": false,
                 "defaultValue": "50"
             },
             "colHeaders": {
                 "type": "string",
-                "attribute": "col-headers",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1105,13 +1092,11 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "col-headers",
                 "reflect": false
             },
             "colWidths": {
                 "type": "string",
-                "attribute": "col-widths",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1124,13 +1109,11 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "col-widths",
                 "reflect": false
             },
             "colWrap": {
                 "type": "string",
-                "attribute": "col-wrap",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1143,8 +1126,7 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "col-wrap",
                 "reflect": false
             }
         };

package/dist/collection/components/wm-tag-input/wm-tag-option/wm-tag-option.js

@@ -3,6 +3,10 @@ export class TagOption {
     constructor() {
         this.selected = false;
         this.locked = false;
+        this.col1 = undefined;
+        this.col2 = undefined;
+        this.col3 = undefined;
+        this.col4 = undefined;
     }
     async emitSelectedEvent() {
         this.wmTagOptionSelected.emit();
@@ -24,7 +28,6 @@ export class TagOption {
         return {
             "selected": {
                 "type": "boolean",
-                "attribute": "selected",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -37,14 +40,12 @@ export class TagOption {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "selected",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "locked": {
                 "type": "boolean",
-                "attribute": "locked",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -57,14 +58,12 @@ export class TagOption {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "locked",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "col1": {
                 "type": "string",
-                "attribute": "col1",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -77,13 +76,11 @@ export class TagOption {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "col1",
                 "reflect": false
             },
             "col2": {
                 "type": "string",
-                "attribute": "col2",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -96,13 +93,11 @@ export class TagOption {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "col2",
                 "reflect": false
             },
             "col3": {
                 "type": "string",
-                "attribute": "col3",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -115,13 +110,11 @@ export class TagOption {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "col3",
                 "reflect": false
             },
             "col4": {
                 "type": "string",
-                "attribute": "col4",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -134,8 +127,7 @@ export class TagOption {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "col4",
                 "reflect": false
             }
         };

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

@@ -3,15 +3,19 @@ import { handleDisabledAttribute, toBool } from "../../global/functions";
 import { globalMessages } from "../../global/intl";
 export class Textarea {
     constructor() {
+        this.previousValue = "";
+        this.label = undefined;
         this.labelPosition = "top";
         this.value = "";
         this.disabled = false;
+        this.info = undefined;
         this.placeholder = "";
         this.requiredField = false;
+        this.errorMessage = undefined;
+        this.characterLimit = undefined;
         this.inputWidth = "";
         this.inputHeight = "";
         this.announcement = "";
-        this.previousValue = "";
     }
     get charCount() {
         return this.value.length;
@@ -79,7 +83,6 @@ export class Textarea {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -92,13 +95,11 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label",
                 "reflect": false
             },
             "labelPosition": {
                 "type": "string",
-                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"top\" | \"left\" | \"none\"",
@@ -111,14 +112,12 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label-position",
                 "reflect": false,
                 "defaultValue": "\"top\""
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -131,14 +130,12 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "value",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -151,14 +148,12 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "info": {
                 "type": "string",
-                "attribute": "info",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -171,13 +166,11 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "info",
                 "reflect": false
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -190,14 +183,12 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "placeholder",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "requiredField": {
                 "type": "boolean",
-                "attribute": "required-field",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -210,14 +201,12 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "required-field",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "errorMessage": {
                 "type": "string",
-                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -230,13 +219,11 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "error-message",
                 "reflect": false
             },
             "characterLimit": {
                 "type": "number",
-                "attribute": "character-limit",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -249,13 +236,11 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "character-limit",
                 "reflect": false
             },
             "inputWidth": {
                 "type": "string",
-                "attribute": "input-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -268,14 +253,12 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "input-width",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "inputHeight": {
                 "type": "string",
-                "attribute": "input-height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -288,8 +271,7 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "input-height",
                 "reflect": false,
                 "defaultValue": "\"\""
             }