@watermarkinsights/ripple 5.13.1-0 → 5.13.1-alpha.1

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({
@@ -888,6 +878,7 @@ export class TagInput {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -900,11 +891,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",
@@ -917,11 +910,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",
@@ -934,11 +929,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\"",
@@ -951,12 +948,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",
@@ -969,11 +968,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",
@@ -986,11 +987,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",
@@ -1003,12 +1006,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\"",
@@ -1021,12 +1026,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",
@@ -1039,11 +1046,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",
@@ -1056,12 +1065,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",
@@ -1074,12 +1085,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",
@@ -1092,11 +1105,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",
@@ -1109,11 +1124,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",
@@ -1126,7 +1143,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
             }
         };