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

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

@@ -2,19 +2,12 @@ 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;
@@ -190,6 +183,7 @@ export class File {
         return {
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -202,11 +196,13 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "type": {
                 "type": "string",
+                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -219,11 +215,13 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "type",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "fileActions": {
                 "type": "string",
+                "attribute": "file-actions",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -236,12 +234,14 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "file-actions",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"download delete\""
             },
             "lastUpdated": {
                 "type": "string",
+                "attribute": "last-updated",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -254,11 +254,13 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "last-updated",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "progress": {
                 "type": "number",
+                "attribute": "progress",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -271,11 +273,13 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "progress",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -288,11 +292,13 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "uploadedBy": {
                 "type": "string",
+                "attribute": "uploaded-by",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -305,11 +311,13 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "uploaded-by",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -322,11 +330,13 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "showInfo": {
                 "type": "string",
+                "attribute": "show-info",
                 "mutable": true,
                 "complexType": {
                     "original": "\"time\" | \"last-updated\" | \"size\" | \"uploaded-by\" | \"all\" | \"none\"",
@@ -339,7 +349,8 @@ export class File {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "show-info",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"last-updated\""
             }

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

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

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

@@ -3,19 +3,11 @@ 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) {
@@ -172,6 +164,7 @@ export class Flyout {
         return {
             "eyebrow": {
                 "type": "string",
+                "attribute": "eyebrow",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -184,11 +177,13 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "eyebrow",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "heading": {
                 "type": "string",
+                "attribute": "heading",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -201,11 +196,13 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "heading",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "subheading": {
                 "type": "string",
+                "attribute": "subheading",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -218,11 +215,13 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "subheading",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "flyoutWidth": {
                 "type": "string",
+                "attribute": "flyout-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -235,12 +234,14 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "flyout-width",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"45rem\""
             },
             "primaryText": {
                 "type": "string",
+                "attribute": "primary-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -253,11 +254,13 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "primary-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "secondaryText": {
                 "type": "string",
+                "attribute": "secondary-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -270,11 +273,13 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "secondary-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "infoText": {
                 "type": "string",
+                "attribute": "info-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -287,11 +292,13 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "info-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "breadcrumb": {
                 "type": "string",
+                "attribute": "breadcrumb",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -304,11 +311,13 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "breadcrumb",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "elementToFocus": {
                 "type": "string",
+                "attribute": "element-to-focus",
                 "mutable": false,
                 "complexType": {
                     "original": "\"primary\" | \"secondary\" | string",
@@ -321,12 +330,14 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "element-to-focus",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "open": {
                 "type": "boolean",
+                "attribute": "open",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -339,7 +350,8 @@ export class Flyout {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "open",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "false"
             }

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

@@ -3,26 +3,17 @@ import { triggerFormSubmit, toBool, handleDisabledAttribute, hideTooltip, showTo
 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" };
@@ -126,6 +117,7 @@ export class Input {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -138,11 +130,13 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "labelPosition": {
                 "type": "string",
+                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"top\" | \"left\" | \"none\"",
@@ -155,12 +149,14 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"top\""
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -173,12 +169,14 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -191,12 +189,14 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "info": {
                 "type": "string",
+                "attribute": "info",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -209,11 +209,13 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "info",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "inputWidth": {
                 "type": "string",
+                "attribute": "input-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -226,12 +228,14 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "input-width",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -244,12 +248,14 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "requiredField": {
                 "type": "boolean",
+                "attribute": "required-field",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -262,12 +268,14 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "required-field",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -280,11 +288,13 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "characterLimit": {
                 "type": "number",
+                "attribute": "character-limit",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -297,11 +307,13 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "character-limit",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "symbolBefore": {
                 "type": "string",
+                "attribute": "symbol-before",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -314,11 +326,13 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "symbol-before",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "symbolAfter": {
                 "type": "string",
+                "attribute": "symbol-after",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -331,11 +345,13 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "symbol-after",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "textAfter": {
                 "type": "string",
+                "attribute": "text-after",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -348,11 +364,13 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "text-after",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "type": {
                 "type": "string",
+                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "\"number\" | \"text\"",
@@ -365,12 +383,14 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "type",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"text\""
             },
             "step": {
                 "type": "number",
+                "attribute": "step",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -383,12 +403,14 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "step",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "1"
             },
             "min": {
                 "type": "number",
+                "attribute": "min",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -401,11 +423,13 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "min",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "max": {
                 "type": "number",
+                "attribute": "max",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -418,11 +442,13 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "max",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "isSubmit": {
                 "type": "boolean",
+                "attribute": "is-submit",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -435,7 +461,8 @@ export class Input {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-submit",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }