@watermarkinsights/ripple 5.13.0-alpha.3 → 5.13.0-alpha.4

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

@@ -1,187 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class TabItem {
-    constructor() {
-        /**
-         * Indicates whether the tab is currently active
-         */
-        this.selected = false;
-        this.show = true;
-        /**
-         * The id of the tab, linked to a tab panel.
-         */
-        this.tabId = "";
-        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 });
-            }
-        };
-    }
-    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: '03f7157e9d97d75d964bcf74bd3b22a6d4b134f7', role: "presentation" }, h("li", { key: '4c2f0e96555a70677c07e27a93bc8b32da016044', class: "tab-item", role: "presentation" }, h("a", { key: 'f433630cab179818bd2193b2fdac45a794e9f241', 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: 'cbfdd92ef027ae9c1b73ffe9bbce37ab71007521' })))));
-    }
-    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",
-                "attribute": "selected",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Indicates whether the tab is currently active"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "show": {
-                "type": "boolean",
-                "attribute": "show",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "true"
-            },
-            "tabId": {
-                "type": "string",
-                "attribute": "tab-id",
-                "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."
-                },
-                "getter": false,
-                "setter": false,
-                "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"; }
-}