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

package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js

@@ -1,175 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class TabItem {
-    constructor() {
-        this.tabClicked = (ev) => {
-            ev.preventDefault();
-            this.wmTabSelected.emit({ tabId: this.tabId });
-        };
-        this.tabPressed = (ev) => {
-            const key = ev.key;
-            if (key === "Enter" || key === " ") {
-                ev.preventDefault();
-                this.wmTabSelected.emit({ tabId: this.tabId });
-            }
-            else if (key.includes("Arrow")) {
-                ev.preventDefault();
-                this.keydownOnTabItem.emit({ tabItem: this.el, key: ev.key });
-            }
-        };
-        this.selected = false;
-        this.show = true;
-        this.tabId = "";
-    }
-    get parentTabList() {
-        return this.el.parentElement;
-    }
-    componentDidLoad() {
-        this.tabItemLoaded.emit();
-    }
-    render() {
-        let classes = this.show ? "" : "hide ";
-        classes += this.parentTabList && this.parentTabList.customBackground == "dark" ? "dark" : "";
-        let styles = {};
-        const padding = this.parentTabList && this.parentTabList.customPadding;
-        if (padding) {
-            const bkgSize = parseInt(padding, 10) * 2 || 0;
-            const units = padding.split(/([0-9]+)/).pop();
-            styles = {
-                "padding-left": this.parentTabList.customPadding,
-                "padding-right": this.parentTabList.customPadding,
-                "background-size": `calc(100% - ${bkgSize}${units}) 3px`,
-            };
-        }
-        return (h(Host, { key: '1711c11246e52e27e71f30e566ab41683ee23cd4', role: "presentation" }, h("li", { key: 'f57bc99f98ff481689a68889e81c5925aa68892c', class: "tab-item", role: "presentation" }, h("a", { key: '76e051b18c17ea8367f74cc9a2b7b2b84d2ef990', class: `tab ${classes}`, style: styles, role: "tab", ref: (el) => (this.linkEl = el), onClick: this.tabClicked, id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1 }, h("slot", { key: 'e834ebba3c6c512ef7b1093d3c1ea298745fbf85' })))));
-    }
-    static get is() { return "wm-tab-item"; }
-    static get encapsulation() { return "shadow"; }
-    static get delegatesFocus() { return true; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["wm-tab-item.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["wm-tab-item.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "selected": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Indicates whether the tab is currently active"
-                },
-                "attribute": "selected",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "show": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "show",
-                "reflect": false,
-                "defaultValue": "true"
-            },
-            "tabId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The id of the tab, linked to a tab panel."
-                },
-                "attribute": "tab-id",
-                "reflect": false,
-                "defaultValue": "\"\""
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "wmTabSelected",
-                "name": "wmTabSelected",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ tabId: string }",
-                    "resolved": "{ tabId: string; }",
-                    "references": {}
-                }
-            }, {
-                "method": "keydownOnTabItem",
-                "name": "keydownOnTabItem",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{\n    tabItem: HTMLWmTabItemElement;\n    key: string;\n  }",
-                    "resolved": "{ tabItem: HTMLWmTabItemElement; key: string; }",
-                    "references": {
-                        "HTMLWmTabItemElement": {
-                            "location": "global",
-                            "id": "global::HTMLWmTabItemElement"
-                        }
-                    }
-                }
-            }, {
-                "method": "tabItemLoaded",
-                "name": "tabItemLoaded",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ tab: HTMLWmTabItemElement }",
-                    "resolved": "{ tab: HTMLWmTabItemElement; }",
-                    "references": {
-                        "HTMLWmTabItemElement": {
-                            "location": "global",
-                            "id": "global::HTMLWmTabItemElement"
-                        }
-                    }
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-}