@watermarkinsights/ripple 0.0.0-1 → 0.0.1

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

@@ -1,411 +0,0 @@
-import { h, Component, Element, Event, Listen, Prop, State, Host, Watch } from "@stencil/core";
-import { getIconCodeFromName } from "../../global/interfaces";
-export class Menuitem {
-  constructor() {
-    this.disabled = false;
-    this.focused = false;
-    this.icon = undefined;
-    this.description = undefined;
-    this.descriptionCharLimit = 100;
-    this.isKeying = false;
-  }
-  toggleKeyingOn() {
-    this.isKeying = true;
-  }
-  toggleKeyingOff() {
-    this.isKeying = false;
-  }
-  handleKeydown(ev) {
-    switch (ev.key) {
-      case "ArrowUp":
-        ev.preventDefault();
-        this.wmKeyUpPressed.emit(this.el);
-        break;
-      case "ArrowDown":
-        ev.preventDefault();
-        this.wmKeyDownPressed.emit(this.el);
-        break;
-      case "Enter":
-        ev.preventDefault();
-        if (!this.disabled) {
-          this.el.click();
-        }
-        break;
-      case "Escape":
-        ev.preventDefault();
-        ev.stopPropagation(); // prevents closing of parent modal
-        this.wmEscKeyPressed.emit();
-        break;
-      case "Home":
-        ev.preventDefault();
-        this.wmHomeKeyPressed.emit();
-        break;
-      case "End":
-        ev.preventDefault();
-        this.wmEndKeyPressed.emit();
-        break;
-      case "Tab":
-        this.wmTabKeyPressed.emit();
-        break;
-      default:
-        ev.preventDefault();
-        this.wmLetterPressed.emit(ev.key);
-    }
-  }
-  handleClick() {
-    if (!this.disabled) {
-      this.wmMenuitemClicked.emit();
-    }
-  }
-  setOnClick() {
-    if (this.disabled && this.el.onclick) {
-      this.onClickFunc = this.el.onclick;
-      this.el.onclick = null;
-    }
-    else if (!this.disabled && this.onClickFunc) {
-      this.el.onclick = this.onClickFunc;
-    }
-  }
-  componentWillLoad() {
-    if (this.icon) {
-      // in case a name was passed instead of a code, convert it to code (for backwards compatibility)
-      this.icon = getIconCodeFromName(this.icon);
-    }
-    if (this.description) {
-      if (this.description.length > this.descriptionCharLimit) {
-        console.error(`wm-menuitem description is above the character limit of ${this.descriptionCharLimit}`);
-      }
-      if (this.icon) {
-        console.error("wm-menuitems with descriptions do not support the use of icons");
-      }
-    }
-    this.setOnClick();
-  }
-  componentDidLoad() {
-    if (this.icon) {
-      this.iconEl.classList.add("mdi");
-      this.iconEl.innerHTML = `&#x${this.icon};`;
-    }
-  }
-  render() {
-    return (h(Host, { tabindex: -1, role: "menuitem", "aria-disabled": this.disabled ? "true" : null },
-      h("div", { class: `wrapper ${this.focused && this.isKeying ? "focus" : ""}`, "aria-disabled": this.disabled ? "true" : null },
-        h("span", { ref: (el) => (this.iconEl = el) }),
-        h("slot", null),
-        this.description ? h("div", { class: "description" }, this.description) : "")));
-  }
-  static get is() { return "wm-menuitem"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["wm-menuitem.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["wm-menuitem.css"]
-  }; }
-  static get properties() { return {
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "focused": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "focused",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "icon": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "icon",
-      "reflect": false,
-      "defaultValue": "undefined"
-    },
-    "description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "description",
-      "reflect": false,
-      "defaultValue": "undefined"
-    }
-  }; }
-  static get states() { return {
-    "isKeying": {}
-  }; }
-  static get events() { return [{
-      "method": "wmMenuitemClicked",
-      "name": "wmMenuitemClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HTMLWmMenuitemElement",
-        "resolved": "HTMLWmMenuitemElement",
-        "references": {
-          "HTMLWmMenuitemElement": {
-            "location": "global"
-          }
-        }
-      }
-    }, {
-      "method": "wmKeyUpPressed",
-      "name": "wmKeyUpPressed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HTMLWmMenuitemElement",
-        "resolved": "HTMLWmMenuitemElement",
-        "references": {
-          "HTMLWmMenuitemElement": {
-            "location": "global"
-          }
-        }
-      }
-    }, {
-      "method": "wmKeyDownPressed",
-      "name": "wmKeyDownPressed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HTMLWmMenuitemElement",
-        "resolved": "HTMLWmMenuitemElement",
-        "references": {
-          "HTMLWmMenuitemElement": {
-            "location": "global"
-          }
-        }
-      }
-    }, {
-      "method": "wmEscKeyPressed",
-      "name": "wmEscKeyPressed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HTMLWmMenuitemElement",
-        "resolved": "HTMLWmMenuitemElement",
-        "references": {
-          "HTMLWmMenuitemElement": {
-            "location": "global"
-          }
-        }
-      }
-    }, {
-      "method": "wmHomeKeyPressed",
-      "name": "wmHomeKeyPressed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HTMLWmMenuitemElement",
-        "resolved": "HTMLWmMenuitemElement",
-        "references": {
-          "HTMLWmMenuitemElement": {
-            "location": "global"
-          }
-        }
-      }
-    }, {
-      "method": "wmEndKeyPressed",
-      "name": "wmEndKeyPressed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HTMLWmMenuitemElement",
-        "resolved": "HTMLWmMenuitemElement",
-        "references": {
-          "HTMLWmMenuitemElement": {
-            "location": "global"
-          }
-        }
-      }
-    }, {
-      "method": "wmPageDownItems",
-      "name": "wmPageDownItems",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HTMLWmMenuitemElement",
-        "resolved": "HTMLWmMenuitemElement",
-        "references": {
-          "HTMLWmMenuitemElement": {
-            "location": "global"
-          }
-        }
-      }
-    }, {
-      "method": "wmPageUpItems",
-      "name": "wmPageUpItems",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HTMLWmMenuitemElement",
-        "resolved": "HTMLWmMenuitemElement",
-        "references": {
-          "HTMLWmMenuitemElement": {
-            "location": "global"
-          }
-        }
-      }
-    }, {
-      "method": "wmTabKeyPressed",
-      "name": "wmTabKeyPressed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HTMLWmMenuitemElement",
-        "resolved": "HTMLWmMenuitemElement",
-        "references": {
-          "HTMLWmMenuitemElement": {
-            "location": "global"
-          }
-        }
-      }
-    }, {
-      "method": "wmLetterPressed",
-      "name": "wmLetterPressed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "disabled",
-      "methodName": "setOnClick"
-    }]; }
-  static get listeners() { return [{
-      "name": "wmUserIsKeying",
-      "method": "toggleKeyingOn",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "wmUserIsTabbing",
-      "method": "toggleKeyingOn",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "wmUserIsNotKeying",
-      "method": "toggleKeyingOff",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "wmUserIsNotTabbing",
-      "method": "toggleKeyingOff",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keydown",
-      "method": "handleKeydown",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "click",
-      "method": "handleClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/collection/components/wm-modal/wm-modal-footer.css

@@ -1,84 +0,0 @@
-/* --------------------------------------
-   1. Box-shadow
-   -------------------------------------- */
-/* --------------------------------------
-   2. Border-radius
-   -------------------------------------- */
-/* --------------------------------------
-   3. Transforms
-   -------------------------------------- */
-/* --------------------------------------
-   4. Button Focus
-   -------------------------------------- */
-/* --------------------------------------
-   5. Flex
-   -------------------------------------- */
-/* --------------------------------------
-   6. Button Hover
-   -------------------------------------- */
-/* --------------------------------------
-   7. Screen Reader Only
-   -------------------------------------- */
-/* --------------------------------------
-   8. Label styles
-   this mixin includes all the styles for the label
-   + flex rules on the parent container to switch between top and left position
-   + srOnly when label is hidden
-   Assumes the following markup:
-   div.wrapper[.label-left.invalid] > div.label-wrapper > label.label > span.required
-   .wrapper is for the flex rules
-   .label-wrapper is to set the height of the label when positioned left so it's the same height as
-   the input. It can't be done directly on .label because of possible line wrapping.
-   When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
-   (they can't be aligned on the baseline because of possible description text and error message)
-   -------------------------------------- */
-/********************************************************************************************/
-/* DO NOT USE THESE DIRECTLY, ASSIGN THEM TO VARIABLES NAMED AFTER FUNCTIONALITY, SEE BELOW */
-/********************************************************************************************/
-/* USAGE */
-/* BELOW IS BEFORE WE HAD THE COLOR PALETTE FROM UI */
-/* TODO: replace with vars above whenever possible */
-/* Buttons */
-/* VIA */
-wm-modal-footer {
-  -webkit-border-radius: 0px 0px 5px 5px;
-  -moz-border-radius: 0px 0px 5px 5px;
-  -ms-border-radius: 0px 0px 5px 5px;
-  border-radius: 0px 0px 5px 5px;
-  margin-top: -1px;
-}
-wm-modal-footer .wm-wrapper {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  -webkit-justify-content: space-between;
-  justify-content: space-between;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-@media only screen and (max-width: 650px) {
-  wm-modal-footer .wm-wrapper.footer-text {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-}
-wm-modal-footer .wm-wrapper wm-button + wm-button {
-  margin-left: 1rem;
-}
-wm-modal-footer .wm-wrapper .wm-info {
-  font-size: 0.875rem;
-  font-style: italic;
-}
-@media only screen and (max-width: 650px) {
-  wm-modal-footer .wm-wrapper .wm-info {
-    padding-bottom: 0.625rem;
-  }
-}
-wm-modal-footer .wm-wrapper .wm-info:focus {
-  outline: none;
-}

package/dist/collection/components/wm-modal/wm-modal-footer.js

@@ -1,159 +0,0 @@
-import { h, Component, Element, Prop, Listen } from "@stencil/core";
-import { checkForFocusableElInShadow } from "../../global/functions";
-export class ModalFooter {
-  constructor() {
-    this.secondaryText = "";
-    this.primaryText = "";
-    this.infoText = "";
-    this.primaryActionDisabled = false;
-    this.deleteStyle = false;
-  }
-  //Trap focus when user tabs past first element in modal
-  focusLastEl() {
-    checkForFocusableElInShadow(this.lastElement).focus();
-  }
-  componentWillLoad() {
-    this.uid = this.el.parentElement.uid;
-  }
-  emitParentPrimaryEvent() {
-    const parentModal = this.el.parentElement;
-    //@ts-ignore
-    parentModal.emitPrimaryEvent();
-  }
-  emitParentSecondaryEvent() {
-    const parentModal = this.el.parentElement;
-    //@ts-ignore
-    parentModal.emitSecondaryEvent();
-  }
-  render() {
-    return (h("div", { class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` },
-      h("div", { class: "wm-info" }, this.infoText),
-      h("div", { class: "wm-button-collection" },
-        this.secondaryText && (h("wm-button", { onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)),
-        h("wm-button", { buttonStyle: this.deleteStyle ? "secondary" : "primary", permanentlyDelete: this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.primaryText))));
-  }
-  static get is() { return "wm-modal-footer"; }
-  static get originalStyleUrls() { return {
-    "$": ["wm-modal-footer.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["wm-modal-footer.css"]
-  }; }
-  static get properties() { return {
-    "secondaryText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "secondary-text",
-      "reflect": true,
-      "defaultValue": "\"\""
-    },
-    "primaryText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "primary-text",
-      "reflect": true,
-      "defaultValue": "\"\""
-    },
-    "infoText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "info-text",
-      "reflect": true,
-      "defaultValue": "\"\""
-    },
-    "primaryActionDisabled": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "primary-action-disabled",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "deleteStyle": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "delete-style",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "uid": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "uid",
-      "reflect": false
-    }
-  }; }
-  static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "focusLastElement",
-      "method": "focusLastEl",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }]; }
-}