@watermarkinsights/ripple 3.7.0-0 → 3.7.0

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

@@ -1,104 +1,104 @@
-import { Component, Element, Prop, Host, h, Event, Listen } from "@stencil/core";
-import { generateId } from "../../../global/functions";
-export class TabPanel {
-  constructor() {
-    /**
-     * Indicates whether the panel should be displayed or not.
-     */
-    this.active = false;
-    /**
-     * The id of the panel, linked to a tabItem in the tablist.
-     */
-    this.tabId = "";
-  }
-  componentWillLoad() {
-    !this.el.id && this.el.setAttribute("id", generateId());
-  }
-  componentDidLoad() {
-    this.tabPanelLoaded.emit({ tabId: this.tabId });
-  }
-  toggleTabbingOn() {
-    this.el.classList.add("user-is-tabbing");
-  }
-  toggleTabbingOff() {
-    this.el.classList.remove("user-is-tabbing");
-  }
-  render() {
-    return (h(Host, { role: "tabpanel", "aria-hidden": this.active ? "false" : "true", class: { "tab-hidden": !this.active }, onBlur: () => (this.el.tabIndex = -1), tabIndex: -1 }));
-  }
-  static get is() { return "wm-tab-panel"; }
-  static get originalStyleUrls() { return {
-    "$": ["wm-tab-panel.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["wm-tab-panel.css"]
-  }; }
-  static get properties() { return {
-    "active": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicates whether the panel should be displayed or not."
-      },
-      "attribute": "active",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "tabId": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The id of the panel, linked to a tabItem in the tablist."
-      },
-      "attribute": "tab-id",
-      "reflect": false,
-      "defaultValue": "\"\""
-    }
-  }; }
-  static get events() { return [{
-      "method": "tabPanelLoaded",
-      "name": "tabPanelLoaded",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{ tabId: string }",
-        "resolved": "{ tabId: string; }",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "keydown",
-      "method": "toggleTabbingOn",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "click",
-      "method": "toggleTabbingOff",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }]; }
-}
+import { Component, Element, Prop, Host, h, Event, Listen } from "@stencil/core";
+import { generateId } from "../../../global/functions";
+export class TabPanel {
+  constructor() {
+    /**
+     * Indicates whether the panel should be displayed or not.
+     */
+    this.active = false;
+    /**
+     * The id of the panel, linked to a tabItem in the tablist.
+     */
+    this.tabId = "";
+  }
+  componentWillLoad() {
+    !this.el.id && this.el.setAttribute("id", generateId());
+  }
+  componentDidLoad() {
+    this.tabPanelLoaded.emit({ tabId: this.tabId });
+  }
+  toggleTabbingOn() {
+    this.el.classList.add("user-is-tabbing");
+  }
+  toggleTabbingOff() {
+    this.el.classList.remove("user-is-tabbing");
+  }
+  render() {
+    return (h(Host, { role: "tabpanel", "aria-hidden": this.active ? "false" : "true", class: { "tab-hidden": !this.active }, onBlur: () => (this.el.tabIndex = -1), tabIndex: -1 }));
+  }
+  static get is() { return "wm-tab-panel"; }
+  static get originalStyleUrls() { return {
+    "$": ["wm-tab-panel.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["wm-tab-panel.css"]
+  }; }
+  static get properties() { return {
+    "active": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Indicates whether the panel should be displayed or not."
+      },
+      "attribute": "active",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "tabId": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The id of the panel, linked to a tabItem in the tablist."
+      },
+      "attribute": "tab-id",
+      "reflect": false,
+      "defaultValue": "\"\""
+    }
+  }; }
+  static get events() { return [{
+      "method": "tabPanelLoaded",
+      "name": "tabPanelLoaded",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "{ tabId: string }",
+        "resolved": "{ tabId: string; }",
+        "references": {}
+      }
+    }]; }
+  static get elementRef() { return "el"; }
+  static get listeners() { return [{
+      "name": "keydown",
+      "method": "toggleTabbingOn",
+      "target": "document",
+      "capture": false,
+      "passive": false
+    }, {
+      "name": "click",
+      "method": "toggleTabbingOff",
+      "target": "document",
+      "capture": false,
+      "passive": false
+    }]; }
+}