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

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({
@@ -940,7 +950,6 @@ export class TagInput {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -953,13 +962,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",
@@ -972,13 +979,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",
@@ -991,13 +996,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\"",
@@ -1010,14 +1013,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",
@@ -1030,13 +1031,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",
@@ -1049,13 +1048,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",
@@ -1068,14 +1065,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\"",
@@ -1088,14 +1083,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",
@@ -1108,13 +1101,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",
@@ -1127,14 +1118,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",
@@ -1147,14 +1136,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",
@@ -1167,13 +1154,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",
@@ -1186,13 +1171,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",
@@ -1205,8 +1188,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, 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;
@@ -85,7 +89,6 @@ export class Textarea {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -98,13 +101,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\"",
@@ -117,14 +118,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",
@@ -137,14 +136,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",
@@ -157,14 +154,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",
@@ -177,13 +172,11 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "info",
                 "reflect": false
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -196,14 +189,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",
@@ -216,14 +207,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",
@@ -236,13 +225,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",
@@ -255,13 +242,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",
@@ -274,14 +259,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",
@@ -294,8 +277,7 @@ export class Textarea {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "input-height",
                 "reflect": false,
                 "defaultValue": "\"\""
             }