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

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

@@ -3,6 +3,12 @@ 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.",
@@ -34,28 +40,12 @@ 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.focusedTagIndex = undefined;
-        this.tagsList = [];
+        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);
     }
     addNewTagMessage(newTagName) {
         return intl.formatMessage({
@@ -950,6 +940,7 @@ export class TagInput {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -962,11 +953,13 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -979,11 +972,13 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "info": {
                 "type": "string",
+                "attribute": "info",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -996,11 +991,13 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "info",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "labelPosition": {
                 "type": "string",
+                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"top\" | \"left\" | \"none\"",
@@ -1013,12 +1010,14 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"top\""
             },
             "maxTags": {
                 "type": "number",
+                "attribute": "max-tags",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -1031,11 +1030,13 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "max-tags",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -1048,11 +1049,13 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "requiredField": {
                 "type": "boolean",
+                "attribute": "required-field",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1065,12 +1068,14 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "required-field",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "tagInputType": {
                 "type": "string",
+                "attribute": "tag-input-type",
                 "mutable": false,
                 "complexType": {
                     "original": "\"dropdown\" | \"table\"",
@@ -1083,12 +1088,14 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "tag-input-type",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"dropdown\""
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1101,11 +1108,13 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "help-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "addNew": {
                 "type": "boolean",
+                "attribute": "add-new",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1118,12 +1127,14 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "add-new",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "characterLimit": {
                 "type": "number",
+                "attribute": "character-limit",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -1136,12 +1147,14 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "character-limit",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "50"
             },
             "colHeaders": {
                 "type": "string",
+                "attribute": "col-headers",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1154,11 +1167,13 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "col-headers",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "colWidths": {
                 "type": "string",
+                "attribute": "col-widths",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1171,11 +1186,13 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "col-widths",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "colWrap": {
                 "type": "string",
+                "attribute": "col-wrap",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1188,7 +1205,8 @@ export class TagInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "col-wrap",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

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

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

@@ -3,19 +3,15 @@ import { handleDisabledAttribute, toBool, showTooltip, hideTooltip } from "../..
 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;
@@ -89,6 +85,7 @@ export class Textarea {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -101,11 +98,13 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "labelPosition": {
                 "type": "string",
+                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"top\" | \"left\" | \"none\"",
@@ -118,12 +117,14 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"top\""
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -136,12 +137,14 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -154,12 +157,14 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "info": {
                 "type": "string",
+                "attribute": "info",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -172,11 +177,13 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "info",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -189,12 +196,14 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "requiredField": {
                 "type": "boolean",
+                "attribute": "required-field",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -207,12 +216,14 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "required-field",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -225,11 +236,13 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "characterLimit": {
                 "type": "number",
+                "attribute": "character-limit",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -242,11 +255,13 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "character-limit",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "inputWidth": {
                 "type": "string",
+                "attribute": "input-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -259,12 +274,14 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "input-width",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "inputHeight": {
                 "type": "string",
+                "attribute": "input-height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -277,7 +294,8 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "input-height",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             }