@watermarkinsights/ripple 5.16.0-alpha.0 → 5.16.0-alpha.2

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

@@ -1,419 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { getIconCodeFromName } from "../../global/interfaces";
-export class Menuitem {
-    constructor() {
-        this.descriptionCharLimit = 100;
-        this.disabled = false;
-        this.icon = undefined;
-        this.description = undefined;
-    }
-    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();
-    }
-    renderIcon() {
-        const defaultIconSize = "1.125rem";
-        if (this.icon.match(/^#/)) {
-            // Icon ID
-            return h("span", { class: `svg-icon svg-${this.icon.slice(1)}`, style: { "--icon-size": defaultIconSize } });
-        }
-        else if (this.icon.match(/^\/\S*[#]\S*/)) {
-            // starts with /, any number of non-whitespace characters, followed by #, followed by any non-whitespace characters
-            // Relative Path & Symbol
-            return (h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "svg-icon", style: { "--icon-fill": "currentColor", "--icon-size": defaultIconSize }, fill: "currentColor" }, h("use", { href: this.icon })));
-        }
-        else {
-            // MDI
-            return (h("span", { class: "mdi", "aria-hidden": "true" }, String.fromCodePoint(parseInt(`0x${this.icon}`))));
-        }
-    }
-    render() {
-        return (h(Host, { key: '16c2fc6ddfd8439be81e11534f9a7303c121c6f8', tabindex: -1, role: "menuitem", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: '138d8175228c5de3132e2b8c491baf5ea4ffeaaf', class: "wrapper", "aria-disabled": this.disabled ? "true" : null }, this.icon && this.renderIcon(), this.el.textContent, 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"
-            },
-            "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 events() {
-        return [{
-                "method": "wmMenuitemClicked",
-                "name": "wmMenuitemClicked",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "HTMLWmMenuitemElement",
-                    "resolved": "HTMLWmMenuitemElement",
-                    "references": {
-                        "HTMLWmMenuitemElement": {
-                            "location": "global",
-                            "id": "global::HTMLWmMenuitemElement"
-                        }
-                    }
-                }
-            }, {
-                "method": "wmKeyUpPressed",
-                "name": "wmKeyUpPressed",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "HTMLWmMenuitemElement",
-                    "resolved": "HTMLWmMenuitemElement",
-                    "references": {
-                        "HTMLWmMenuitemElement": {
-                            "location": "global",
-                            "id": "global::HTMLWmMenuitemElement"
-                        }
-                    }
-                }
-            }, {
-                "method": "wmKeyDownPressed",
-                "name": "wmKeyDownPressed",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "HTMLWmMenuitemElement",
-                    "resolved": "HTMLWmMenuitemElement",
-                    "references": {
-                        "HTMLWmMenuitemElement": {
-                            "location": "global",
-                            "id": "global::HTMLWmMenuitemElement"
-                        }
-                    }
-                }
-            }, {
-                "method": "wmEscKeyPressed",
-                "name": "wmEscKeyPressed",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "HTMLWmMenuitemElement",
-                    "resolved": "HTMLWmMenuitemElement",
-                    "references": {
-                        "HTMLWmMenuitemElement": {
-                            "location": "global",
-                            "id": "global::HTMLWmMenuitemElement"
-                        }
-                    }
-                }
-            }, {
-                "method": "wmHomeKeyPressed",
-                "name": "wmHomeKeyPressed",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "HTMLWmMenuitemElement",
-                    "resolved": "HTMLWmMenuitemElement",
-                    "references": {
-                        "HTMLWmMenuitemElement": {
-                            "location": "global",
-                            "id": "global::HTMLWmMenuitemElement"
-                        }
-                    }
-                }
-            }, {
-                "method": "wmEndKeyPressed",
-                "name": "wmEndKeyPressed",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "HTMLWmMenuitemElement",
-                    "resolved": "HTMLWmMenuitemElement",
-                    "references": {
-                        "HTMLWmMenuitemElement": {
-                            "location": "global",
-                            "id": "global::HTMLWmMenuitemElement"
-                        }
-                    }
-                }
-            }, {
-                "method": "wmPageDownItems",
-                "name": "wmPageDownItems",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "HTMLWmMenuitemElement",
-                    "resolved": "HTMLWmMenuitemElement",
-                    "references": {
-                        "HTMLWmMenuitemElement": {
-                            "location": "global",
-                            "id": "global::HTMLWmMenuitemElement"
-                        }
-                    }
-                }
-            }, {
-                "method": "wmPageUpItems",
-                "name": "wmPageUpItems",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "HTMLWmMenuitemElement",
-                    "resolved": "HTMLWmMenuitemElement",
-                    "references": {
-                        "HTMLWmMenuitemElement": {
-                            "location": "global",
-                            "id": "global::HTMLWmMenuitemElement"
-                        }
-                    }
-                }
-            }, {
-                "method": "wmTabKeyPressed",
-                "name": "wmTabKeyPressed",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "HTMLWmMenuitemElement",
-                    "resolved": "HTMLWmMenuitemElement",
-                    "references": {
-                        "HTMLWmMenuitemElement": {
-                            "location": "global",
-                            "id": "global::HTMLWmMenuitemElement"
-                        }
-                    }
-                }
-            }, {
-                "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",
-                            "id": "global::EventTarget"
-                        }
-                    }
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "disabled",
-                "methodName": "setOnClick"
-            }];
-    }
-    static get listeners() {
-        return [{
-                "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
-            }];
-    }
-}