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

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

@@ -2,12 +2,19 @@ import { h, Host, forceUpdate } from "@stencil/core";
 import { debounce, hideTooltip, intl, showTooltip, truncateText } from "../../global/functions";
 export class File {
     constructor() {
-        this.fileActions = "download delete"; // accepts any combination of preview, download, delete
-        this.showInfo = "last-updated"; // defaults to last-updated but inherits from parent
         this.fullFilename = `${this.name}.${this.type}`;
         this.debouncedUpdate = debounce(async () => {
             forceUpdate(this.el);
         }, 10);
+        this.name = undefined;
+        this.type = undefined;
+        this.fileActions = "download delete";
+        this.lastUpdated = undefined;
+        this.progress = undefined;
+        this.size = undefined;
+        this.uploadedBy = undefined;
+        this.errorMessage = undefined;
+        this.showInfo = "last-updated";
     }
     get isCondensed() {
         return this.el.clientWidth < 500;
@@ -183,7 +190,6 @@ export class File {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -196,13 +202,11 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "name",
                 "reflect": false
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -215,13 +219,11 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "type",
                 "reflect": false
             },
             "fileActions": {
                 "type": "string",
-                "attribute": "file-actions",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -234,14 +236,12 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "file-actions",
                 "reflect": false,
                 "defaultValue": "\"download delete\""
             },
             "lastUpdated": {
                 "type": "string",
-                "attribute": "last-updated",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -254,13 +254,11 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "last-updated",
                 "reflect": false
             },
             "progress": {
                 "type": "number",
-                "attribute": "progress",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -273,13 +271,11 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "progress",
                 "reflect": true
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -292,13 +288,11 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "size",
                 "reflect": false
             },
             "uploadedBy": {
                 "type": "string",
-                "attribute": "uploaded-by",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -311,13 +305,11 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "uploaded-by",
                 "reflect": false
             },
             "errorMessage": {
                 "type": "string",
-                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -330,13 +322,11 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "error-message",
                 "reflect": false
             },
             "showInfo": {
                 "type": "string",
-                "attribute": "show-info",
                 "mutable": true,
                 "complexType": {
                     "original": "\"time\" | \"last-updated\" | \"size\" | \"uploaded-by\" | \"all\" | \"none\"",
@@ -349,8 +339,7 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "show-info",
                 "reflect": false,
                 "defaultValue": "\"last-updated\""
             }

package/dist/collection/components/wm-file-list/wm-file-list.js

@@ -23,7 +23,6 @@ export class FileList {
         return {
             "showInfo": {
                 "type": "string",
-                "attribute": "show-info",
                 "mutable": false,
                 "complexType": {
                     "original": "\"size\" | \"last-updated\" | \"uploaded-by\" | \"all\" | \"none\"",
@@ -36,8 +35,7 @@ export class FileList {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "show-info",
                 "reflect": false,
                 "defaultValue": "\"last-updated\""
             }

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

@@ -3,11 +3,19 @@ import { csvToArray, debounce, getLastFocusableDescendant } from "../../global/f
 import { globalMessages } from "../../global/intl";
 export class Flyout {
     constructor() {
+        this.debouncedCheckBreadcrumbOverflow = debounce(this.checkBreadcrumbOverflow, 30);
+        this.eyebrow = undefined;
+        this.heading = undefined;
+        this.subheading = undefined;
         this.flyoutWidth = "45rem";
+        this.primaryText = undefined;
+        this.secondaryText = undefined;
+        this.infoText = undefined;
+        this.breadcrumb = undefined;
         this.elementToFocus = "";
         this.open = false;
+        this.returnFocusEl = undefined;
         this.isBreadcrumbsOverflowing = false;
-        this.debouncedCheckBreadcrumbOverflow = debounce(this.checkBreadcrumbOverflow, 30);
     }
     get lastFocusableEl() {
         if (this.primaryText) {
@@ -164,7 +172,6 @@ export class Flyout {
         return {
             "eyebrow": {
                 "type": "string",
-                "attribute": "eyebrow",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -177,13 +184,11 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "eyebrow",
                 "reflect": false
             },
             "heading": {
                 "type": "string",
-                "attribute": "heading",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -196,13 +201,11 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "heading",
                 "reflect": false
             },
             "subheading": {
                 "type": "string",
-                "attribute": "subheading",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -215,13 +218,11 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "subheading",
                 "reflect": false
             },
             "flyoutWidth": {
                 "type": "string",
-                "attribute": "flyout-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -234,14 +235,12 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "flyout-width",
                 "reflect": false,
                 "defaultValue": "\"45rem\""
             },
             "primaryText": {
                 "type": "string",
-                "attribute": "primary-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -254,13 +253,11 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "primary-text",
                 "reflect": false
             },
             "secondaryText": {
                 "type": "string",
-                "attribute": "secondary-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -273,13 +270,11 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "secondary-text",
                 "reflect": false
             },
             "infoText": {
                 "type": "string",
-                "attribute": "info-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -292,13 +287,11 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "info-text",
                 "reflect": false
             },
             "breadcrumb": {
                 "type": "string",
-                "attribute": "breadcrumb",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -311,13 +304,11 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "breadcrumb",
                 "reflect": false
             },
             "elementToFocus": {
                 "type": "string",
-                "attribute": "element-to-focus",
                 "mutable": false,
                 "complexType": {
                     "original": "\"primary\" | \"secondary\" | string",
@@ -330,14 +321,12 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "element-to-focus",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "open": {
                 "type": "boolean",
-                "attribute": "open",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -350,8 +339,7 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "open",
                 "reflect": true,
                 "defaultValue": "false"
             }

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

@@ -3,17 +3,26 @@ import { triggerFormSubmit, toBool, handleDisabledAttribute } from "../../global
 import { globalMessages } from "../../global/intl";
 export class Input {
     constructor() {
+        this.previousValue = "";
+        this.label = undefined;
         this.labelPosition = "top";
         this.value = "";
         this.disabled = false;
+        this.info = undefined;
         this.inputWidth = "";
         this.placeholder = "";
         this.requiredField = false;
+        this.errorMessage = undefined;
+        this.characterLimit = undefined;
+        this.symbolBefore = undefined;
+        this.symbolAfter = undefined;
+        this.textAfter = undefined;
         this.type = "text";
         this.step = 1;
+        this.min = undefined;
+        this.max = undefined;
         this.isSubmit = false;
         this.announcement = "";
-        this.previousValue = "";
     }
     getInputWidth() {
         return this.inputWidth ? { width: this.inputWidth } : { flex: "1" };
@@ -111,7 +120,6 @@ export class Input {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -124,13 +132,11 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label",
                 "reflect": false
             },
             "labelPosition": {
                 "type": "string",
-                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"top\" | \"left\" | \"none\"",
@@ -143,14 +149,12 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label-position",
                 "reflect": false,
                 "defaultValue": "\"top\""
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -163,14 +167,12 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "value",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -183,14 +185,12 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "info": {
                 "type": "string",
-                "attribute": "info",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -203,13 +203,11 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "info",
                 "reflect": false
             },
             "inputWidth": {
                 "type": "string",
-                "attribute": "input-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -222,14 +220,12 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "input-width",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -242,14 +238,12 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "placeholder",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "requiredField": {
                 "type": "boolean",
-                "attribute": "required-field",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -262,14 +256,12 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "required-field",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "errorMessage": {
                 "type": "string",
-                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -282,13 +274,11 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "error-message",
                 "reflect": false
             },
             "characterLimit": {
                 "type": "number",
-                "attribute": "character-limit",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -301,13 +291,11 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "character-limit",
                 "reflect": false
             },
             "symbolBefore": {
                 "type": "string",
-                "attribute": "symbol-before",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -320,13 +308,11 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "symbol-before",
                 "reflect": false
             },
             "symbolAfter": {
                 "type": "string",
-                "attribute": "symbol-after",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -339,13 +325,11 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "symbol-after",
                 "reflect": false
             },
             "textAfter": {
                 "type": "string",
-                "attribute": "text-after",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -358,13 +342,11 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "text-after",
                 "reflect": false
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "\"number\" | \"text\"",
@@ -377,14 +359,12 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "type",
                 "reflect": false,
                 "defaultValue": "\"text\""
             },
             "step": {
                 "type": "number",
-                "attribute": "step",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -397,14 +377,12 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "step",
                 "reflect": false,
                 "defaultValue": "1"
             },
             "min": {
                 "type": "number",
-                "attribute": "min",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -417,13 +395,11 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "min",
                 "reflect": false
             },
             "max": {
                 "type": "number",
-                "attribute": "max",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -436,13 +412,11 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "max",
                 "reflect": false
             },
             "isSubmit": {
                 "type": "boolean",
-                "attribute": "is-submit",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -455,8 +429,7 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "is-submit",
                 "reflect": false,
                 "defaultValue": "false"
             }