@watermarkinsights/ripple 3.27.0 → 3.27.1

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

@@ -1,454 +1,454 @@
-import { h, Host } from "@stencil/core";
-import { getIconCodeFromName } from "../../global/interfaces";
-export class Menuitem {
-  constructor() {
-    this.descriptionCharLimit = 100;
-    this.disabled = false;
-    this.focused = false;
-    this.icon = undefined;
-    this.description = undefined;
-    this.isKeying = false;
-  }
-  toggleKeyingOn() {
-    this.isKeying = true;
-  }
-  toggleKeyingOff() {
-    this.isKeying = false;
-  }
-  handleKeydown(ev) {
-    const modifierKeyUsed = ev.altKey || ev.ctrlKey || ev.metaKey;
-    const isSingleCharacter = /^.$/.test(ev.key);
-    const isCharacterEntry = isSingleCharacter && !modifierKeyUsed;
-    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:
-        if (isCharacterEntry) {
-          ev.preventDefault();
-          this.wmLetterPressed.emit(ev.key);
-        }
-    }
-  }
-  handleClick() {
-    if (!this.disabled) {
-      this.wmMenuitemClicked.emit();
-    }
-  }
-  handleBlur(ev) {
-    this.wmMenuitemBlurred.emit({ relatedTarget: ev.relatedTarget });
-  }
-  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": {}
-        }
-      }, {
-        "method": "wmMenuitemBlurred",
-        "name": "wmMenuitemBlurred",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{ relatedTarget: EventTarget | null }",
-          "resolved": "{ relatedTarget: EventTarget | null; }",
-          "references": {
-            "EventTarget": {
-              "location": "global"
-            }
-          }
-        }
-      }];
-  }
-  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
-      }, {
-        "name": "blur",
-        "method": "handleBlur",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}
+import { h, Host } from "@stencil/core";
+import { getIconCodeFromName } from "../../global/interfaces";
+export class Menuitem {
+  constructor() {
+    this.descriptionCharLimit = 100;
+    this.disabled = false;
+    this.focused = false;
+    this.icon = undefined;
+    this.description = undefined;
+    this.isKeying = false;
+  }
+  toggleKeyingOn() {
+    this.isKeying = true;
+  }
+  toggleKeyingOff() {
+    this.isKeying = false;
+  }
+  handleKeydown(ev) {
+    const modifierKeyUsed = ev.altKey || ev.ctrlKey || ev.metaKey;
+    const isSingleCharacter = /^.$/.test(ev.key);
+    const isCharacterEntry = isSingleCharacter && !modifierKeyUsed;
+    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:
+        if (isCharacterEntry) {
+          ev.preventDefault();
+          this.wmLetterPressed.emit(ev.key);
+        }
+    }
+  }
+  handleClick() {
+    if (!this.disabled) {
+      this.wmMenuitemClicked.emit();
+    }
+  }
+  handleBlur(ev) {
+    this.wmMenuitemBlurred.emit({ relatedTarget: ev.relatedTarget });
+  }
+  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": {}
+        }
+      }, {
+        "method": "wmMenuitemBlurred",
+        "name": "wmMenuitemBlurred",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ relatedTarget: EventTarget | null }",
+          "resolved": "{ relatedTarget: EventTarget | null; }",
+          "references": {
+            "EventTarget": {
+              "location": "global"
+            }
+          }
+        }
+      }];
+  }
+  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
+      }, {
+        "name": "blur",
+        "method": "handleBlur",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}