@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

package/dist/collection/components/hy-table-container/hy-table-container.css

@@ -146,7 +146,7 @@
 
 @media (min-width: 60rem) {
   .hy-table-container td:first-child,
-.hy-table-container th:first-child {
+  .hy-table-container th:first-child {
     border-right: 1px solid var(--grayscale-dark);
   }
 }
@@ -167,7 +167,7 @@
 
 @media (min-width: 60rem) {
   .hy-table-container td:first-child::after,
-.hy-table-container th:first-child::after {
+  .hy-table-container th:first-child::after {
     display: none;
   }
 }
@@ -187,14 +187,14 @@
 
 @media (min-width: 60rem) {
   .hy-table-container td:first-child::before,
-.hy-table-container th:first-child::before {
+  .hy-table-container th:first-child::before {
     display: none;
   }
 }
 
 @media (min-width: 30rem) {
   .hy-table-container td:first-child,
-.hy-table-container th:first-child {
+  .hy-table-container th:first-child {
     max-width: 220px;
     min-width: 220px;
     width: 220px;
@@ -203,7 +203,7 @@
 
 @media (min-width: 48rem) {
   .hy-table-container td:first-child,
-.hy-table-container th:first-child {
+  .hy-table-container th:first-child {
     max-width: 300px;
     min-width: 300px;
     width: 300px;
@@ -212,7 +212,7 @@
 
 @media (min-width: 60rem) {
   .hy-table-container td:first-child,
-.hy-table-container th:first-child {
+  .hy-table-container th:first-child {
     max-width: 40%;
     min-width: 40%;
     width: 40%;

package/dist/collection/components/hy-table-container/hy-table-container.js

@@ -1,16 +1,19 @@
-import { Component, Host, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class HyTableContainer {
   render() {
     const classAttributes = ['hy-table-container'].join(' ');
-    return (h(Host, { class: classAttributes },
-      h("slot", null),
-      h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+    return (h(Host, { class: classAttributes }, h("slot", null), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   static get is() { return "hy-table-container"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-table-container.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-table-container.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-table-container.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-table-container.css"]
+    };
+  }
 }
+//# sourceMappingURL=hy-table-container.js.map

package/dist/collection/components/hy-table-container/hy-table-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-table-container.js","sourceRoot":"","sources":["../../../src/components/hy-table-container/hy-table-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOjD,MAAM,OAAO,gBAAgB;EAC3B,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEzD,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe;MAC1B,eAAa;MACb,cAAQ,EAAE,EAAC,oBAAoB,GAAG,CAC7B,CACR,CAAC;EACJ,CAAC;;;;;;;;CACF","sourcesContent":["import {Component, Host, h} from '@stencil/core';\n\n@Component({\n  tag: 'hy-table-container',\n  styleUrl: 'hy-table-container.scss',\n  shadow: false,\n})\nexport class HyTableContainer {\n  render() {\n    const classAttributes = ['hy-table-container'].join(' ');\n\n    return (\n      <Host class={classAttributes}>\n        <slot></slot>\n        <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/hy-tabs/hy-tabs.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop, State, Listen, Element } from '@stencil/core';
+import { h } from '@stencil/core';
 // For easy reference
 let keys = {
   end: 35,
@@ -21,8 +21,13 @@ let focusTimeout;
 let scrollTimeout;
 export class HyTabs {
   constructor() {
+    this.tabId = undefined;
     this.tabListLabel = '';
     this.focusTimeoutCleared = true;
+    this.tabButtonTitles = undefined;
+    this.tabPanelsState = undefined;
+    this.tabButtons = undefined;
+    this.tabList = undefined;
     this.headerstyle = 'common';
   }
   componentWillLoad() {
@@ -284,121 +289,121 @@ export class HyTabs {
     }
     return [
       h("hy-box", { pt: "1.25, 1.25, 1.5, 2.5" }),
-      h("div", { id: id, class: classComponentAttributes },
-        h("div", { class: "hy-tablist-container" },
-          h("button", { tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__left is-hidden", "aria-hidden": "true" },
-            h("span", null,
-              h("hy-icon", { icon: 'hy-icon-caret-left', size: 16 }))),
-          h("div", { role: "tablist", "aria-label": this.tabListLabel }, this.tabButtonTitles &&
-            this.tabButtonTitles.map((item) => {
-              const title = Object.values(item)[0];
-              const id = title.toLowerCase().replace(/\W/g, '-');
-              const titleAsId = title.toLowerCase().replace(/\W/g, '-');
-              const tabItemHref = '#' + titleAsId;
-              return (h("a", { href: tabItemHref, tabindex: "-1" },
-                h("button", { "aria-selected": "false", "aria-controls": `${id}-tab`, class: this.headerstyle, role: "tab", id: id },
-                  h("span", null, title))));
-            })),
-          h("button", { tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__right", "aria-hidden": "true" },
-            h("span", null,
-              h("hy-icon", { icon: 'hy-icon-caret-right', size: 16 })))),
-        h("slot", null)),
+      h("div", { id: id, class: classComponentAttributes }, h("div", { class: "hy-tablist-container" }, h("button", { tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__left is-hidden", "aria-hidden": "true" }, h("span", null, h("hy-icon", { icon: 'hy-icon-caret-left', size: 16 }))), h("div", { role: "tablist", "aria-label": this.tabListLabel }, this.tabButtonTitles &&
+        this.tabButtonTitles.map((item) => {
+          const title = Object.values(item)[0];
+          const id = title.toLowerCase().replace(/\W/g, '-');
+          const titleAsId = title.toLowerCase().replace(/\W/g, '-');
+          const tabItemHref = '#' + titleAsId;
+          return (h("a", { href: tabItemHref, tabindex: "-1" }, h("button", { "aria-selected": "false", "aria-controls": `${id}-tab`, class: this.headerstyle, role: "tab", id: id }, h("span", null, title))));
+        })), h("button", { tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__right", "aria-hidden": "true" }, h("span", null, h("hy-icon", { icon: 'hy-icon-caret-right', size: 16 })))), h("slot", null)),
       h("hy-box", { mb: "1.75, 1.75, 2, 2.5" }),
     ];
   }
   static get is() { return "hy-tabs"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-tabs.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-tabs.css"]
-  }; }
-  static get properties() { return {
-    "tabId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "tab-id",
-      "reflect": false
-    },
-    "tabListLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "tab-list-label",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-tabs.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-tabs.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "tabId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tab-id",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "tabListLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tab-list-label",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    }
-  }; }
-  static get states() { return {
-    "focusTimeoutCleared": {},
-    "tabButtonTitles": {},
-    "tabPanelsState": {},
-    "tabButtons": {},
-    "tabList": {}
-  }; }
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'common'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "focusTimeoutCleared": {},
+      "tabButtonTitles": {},
+      "tabPanelsState": {},
+      "tabButtons": {},
+      "tabList": {}
+    };
+  }
   static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "clickEventListener",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keydown",
-      "method": "keydownEventListener",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keydown",
-      "method": "keyupEventListener",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "focus",
-      "method": "focusEventHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "clickEventListener",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "keydown",
+        "method": "keydownEventListener",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "keydown",
+        "method": "keyupEventListener",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "focus",
+        "method": "focusEventHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
+//# sourceMappingURL=hy-tabs.js.map

package/dist/collection/components/hy-tabs/hy-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-tabs.js","sourceRoot":"","sources":["../../../src/components/hy-tabs/hy-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, ComponentInterface, h, Prop, State, Listen, Element} from '@stencil/core';\n// For easy reference\nlet keys = {\n  end: 35,\n  home: 36,\n  left: 37,\n  up: 38,\n  right: 39,\n  down: 40,\n  delete: 46,\n};\n\n// Add or substract depending on key pressed\nlet direction = {\n  37: -1,\n  38: -1,\n  39: 1,\n  40: 1,\n};\nlet checkTimeout;\nlet focusTimeout;\nlet scrollTimeout;\n\n@Component({\n  tag: 'hy-tabs',\n  styleUrl: 'hy-tabs.scss',\n  shadow: false,\n})\nexport class HyTabs implements ComponentInterface {\n  @Prop() tabId?: string;\n  @Prop() tabListLabel: string = '';\n  @State() focusTimeoutCleared: boolean = true;\n  @State() tabButtonTitles: object[];\n  @State() tabPanelsState: NodeListOf<Element>[];\n  @State() tabButtons: NodeListOf<Element>[];\n  @State() tabList: NodeListOf<Element>[];\n  @Element() el: HTMLElement;\n  @Prop() headerstyle: string = 'common';\n\n  componentWillLoad() {\n    const tabItems = this.el.querySelectorAll('hy-tabs-item');\n    if (tabItems) {\n      this.tabButtonTitles = Array.from(tabItems).map((panel) => {\n        return {\n          title: panel.getAttribute('tab-title'),\n          id: panel.getAttribute('tab-title').toLowerCase().replace(/\\W/g, '-'),\n        };\n      });\n    }\n  }\n\n  componentDidLoad() {\n    let hyMainDiv = this.el.closest('.hy-main');\n    if (hyMainDiv) {\n      if (!hyMainDiv.classList.contains('with-sidebar')) {\n        this.headerstyle = 'large';\n      }\n    }\n\n    const tabContainer = this.el.querySelector('.hy-tabs__container') as any;\n\n    if (tabContainer) {\n      this.generateArrays(tabContainer);\n\n      const leftButton = this.el.querySelectorAll('.hy-tab-scroll__left')[0];\n      const rightButton = this.el.querySelectorAll('.hy-tab-scroll__right')[0];\n      const tabList = this.tabList as any;\n\n      this.checkScrollHidden(tabList, leftButton, rightButton);\n\n      tabList.addEventListener(\n        'scroll',\n        () => {\n          scrollTimeout = setTimeout(() => {\n            window.clearTimeout(scrollTimeout);\n            this.checkScrollHidden(tabList, leftButton, rightButton);\n          }, 250);\n        },\n        false\n      );\n\n      if (tabList.offSetWidth <= document.body.scrollWidth) {\n        leftButton.classList.add('is-hidden');\n        rightButton.classList.add('is-hidden');\n      }\n\n      const oneTabWidth = 250;\n      rightButton.addEventListener('click', (e) => {\n        e.preventDefault();\n        rightButton.classList.add('is-disabled');\n        tabList.scrollBy({\n          top: 0,\n          left: +oneTabWidth,\n          behavior: 'smooth',\n        });\n        checkTimeout = window.setTimeout(() => {\n          window.clearTimeout(checkTimeout);\n          this.checkScrollHidden(tabList, leftButton, rightButton);\n          rightButton.classList.remove('is-disabled');\n        }, 250);\n      });\n\n      leftButton.addEventListener('click', (e) => {\n        e.preventDefault();\n        leftButton.classList.add('is-disabled');\n        tabList.scrollBy({\n          top: 0,\n          left: -oneTabWidth,\n          behavior: 'smooth',\n        });\n        checkTimeout = window.setTimeout(() => {\n          window.clearTimeout(checkTimeout);\n          this.checkScrollHidden(tabList, leftButton, rightButton);\n          leftButton.classList.remove('is-disabled');\n        }, 250);\n      });\n    }\n  }\n\n  generateArrays(tc) {\n    this.tabList = tc.querySelectorAll('[role=\"tablist\"]')[0] as any;\n    this.tabButtons = tc.querySelectorAll('[role=\"tab\"]') as any;\n    this.tabPanelsState = [tc.querySelectorAll('[role=\"tabpanel\"]')] as any;\n\n    if (this.tabButtons.length > 0) {\n      this.addListeners(this.tabButtons, 1);\n      this.activateTab(this.tabButtons[0], true);\n    }\n  }\n\n  addListeners(tabs, index) {\n    if (tabs.length > 1) {\n      for (let i = 0; i < tabs.length; ++i) {\n        tabs[index].addEventListener('click', this.clickEventListener);\n        tabs[index].addEventListener('keydown', this.keydownEventListener);\n        //tabs[index].addEventListener('keyup', this.keyupEventListener);\n        tabs[index].index = index;\n      }\n    }\n  }\n\n  checkScrollHidden(tablist, leftButton, rightButton) {\n    if (tablist.scrollLeft === 0) {\n      leftButton.classList.add('is-hidden');\n    } else {\n      leftButton.classList.remove('is-hidden');\n    }\n    if (tablist.scrollLeft + tablist.clientWidth >= tablist.scrollWidth - 1) {\n      rightButton.classList.add('is-hidden');\n    } else {\n      rightButton.classList.remove('is-hidden');\n    }\n  }\n\n  // When a tab is clicked, activateTab is fired to activate it\n  @Listen('click')\n  clickEventListener(event) {\n    if (event) {\n      const target = event.target;\n      const tabs = this.tabButtonTitles;\n      if (tabs) {\n        tabs.forEach((tab) => {\n          const id = Object.values(tab)[1];\n          if (id === target.id) {\n            this.activateTab(target, true);\n          }\n        });\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n      }\n    }\n  }\n\n  @Listen('keydown')\n  keydownEventListener(event) {\n    const key = event.keyCode;\n    const tabs = this.tabButtonTitles as any;\n    switch (key) {\n      case keys.end:\n        event.preventDefault();\n        // Activate last tab\n        this.activateTab(tabs[tabs.length - 1], true);\n        break;\n      case keys.home:\n        event.preventDefault();\n        // Activate first tab\n        this.activateTab(tabs[0], true);\n        break;\n\n      // Up and down are in keydown\n      // because we need to prevent page scroll >:)\n      case keys.up:\n      case keys.down:\n        if (this.focusTimeoutCleared) {\n          this.determineOrientation(event);\n        }\n        break;\n    }\n  }\n\n  @Listen('keydown')\n  keyupEventListener(event) {\n    const key = event.keyCode;\n\n    switch (key) {\n      case keys.left:\n      case keys.right:\n        if (event.target.role === 'tab') {\n          event.preventDefault();\n          if (this.focusTimeoutCleared) {\n            this.determineOrientation(event);\n          }\n        }\n        break;\n    }\n    event.stopPropagation();\n    event.stopImmediatePropagation();\n  }\n\n  determineOrientation(event) {\n    const leftButton = this.el.querySelectorAll('.hy-tab-scroll__left')[0];\n    const rightButton = this.el.querySelectorAll('.hy-tab-scroll__right')[0];\n    const tabList = this.tabList as any;\n\n    this.checkScrollHidden(tabList, leftButton, rightButton);\n    const key = event.keyCode;\n    const vertical = tabList.getAttribute('aria-orientation') == 'vertical';\n    let proceed = false;\n    if (vertical) {\n      if (key === keys.up || key === keys.down) {\n        event.preventDefault();\n        proceed = true;\n      }\n    } else {\n      if (key === keys.left || key === keys.right) {\n        proceed = true;\n      }\n    }\n\n    if (proceed) {\n      this.switchTabOnArrowPress(event);\n    }\n  }\n\n  switchTabOnArrowPress(event) {\n    const pressed = event.keyCode;\n\n    if (direction[pressed]) {\n      const target = event.target;\n      const tabs = this.tabButtons as any;\n\n      for (let i = 0; i < tabs.length; i++) {\n        if (tabs[i].id === target.id) {\n          if (i > 0) {\n            if (direction[pressed] === -1) {\n              tabs[i - 1].focus();\n              this.focusEventHandler(tabs[i - 1]);\n              break;\n            }\n          }\n          if (i < tabs.length - 1) {\n            if (direction[pressed] === 1) {\n              tabs[i + 1].focus();\n              this.focusEventHandler(tabs[i + 1]);\n              break;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Activates any given tab panel\n  activateTab(tab, setFocus) {\n    setFocus = setFocus || true;\n    // Deactivate all other tabs\n    this.deactivateTabs(this.tabButtons);\n    // Remove tabindex attribute\n    tab.removeAttribute('tabindex');\n    tab.setAttribute('aria-selected', 'true');\n    const controls = tab.getAttribute('aria-controls');\n    this.el.querySelector(`#${controls}`).removeAttribute('hidden');\n    if (setFocus) {\n      tab.focus();\n    }\n  }\n\n  // Deactivate all tabs and tab panels\n  deactivateTabs(tabs) {\n    for (let t = 0; t < tabs.length; t++) {\n      tabs[t].setAttribute('tabindex', '-1');\n      tabs[t].setAttribute('aria-selected', 'false');\n      tabs[t].removeEventListener('focus', this.focusEventHandler);\n    }\n    const panels = this.tabPanelsState[0];\n    for (let p = 0; p < panels.length; p++) {\n      panels[p].setAttribute('hidden', 'hidden');\n    }\n  }\n\n  @Listen('focus')\n  focusEventHandler(tab) {\n    const target = tab;\n    this.focusTimeoutCleared = false;\n    focusTimeout = window.setTimeout(() => {\n      window.clearTimeout(focusTimeout);\n      this.focusTimeoutCleared = true;\n      const focused = document.activeElement;\n      if (target === focused) {\n        this.activateTab(target, false);\n      }\n    }, 250);\n  }\n\n  render() {\n    const classComponentAttributes = ['hy-tabs__container', `hy-tabs__container__${this.headerstyle}`].join(' ');\n    const id = this.tabId.toLowerCase().replace(/\\W/g, '-');\n\n    if (window.location.hash) {\n      const tabHash = window.location.hash.substring(1);\n      const isUrlHashed = this.tabButtonTitles.some((tab) => tab['id'] === tabHash);\n\n      if (isUrlHashed) {\n        const hashElement = document.getElementById(tabHash);\n\n        if (hashElement) {\n          this.activateTab(hashElement, true);\n          const hashElementRect = hashElement.getBoundingClientRect();\n          window.scrollTo({top: window.scrollY + hashElementRect.top - 200, behavior: 'smooth'});\n        }\n      }\n    }\n\n    return [\n      <hy-box pt=\"1.25, 1.25, 1.5, 2.5\" />,\n      <div id={id} class={classComponentAttributes}>\n        <div class=\"hy-tablist-container\">\n          <button tabindex=\"-1\" class=\"hy-tab-scroll hy-tab-scroll__left is-hidden\" aria-hidden=\"true\">\n            <span>\n              <hy-icon icon={'hy-icon-caret-left'} size={16} />\n            </span>\n          </button>\n          <div role=\"tablist\" aria-label={this.tabListLabel}>\n            {this.tabButtonTitles &&\n              this.tabButtonTitles.map((item) => {\n                const title = Object.values(item)[0];\n                const id = title.toLowerCase().replace(/\\W/g, '-');\n\n                const titleAsId = title.toLowerCase().replace(/\\W/g, '-');\n                const tabItemHref = '#' + titleAsId;\n\n                return (\n                  <a href={tabItemHref} tabindex=\"-1\">\n                    <button\n                      aria-selected=\"false\"\n                      aria-controls={`${id}-tab`}\n                      class={this.headerstyle}\n                      role=\"tab\"\n                      id={id}\n                    >\n                      <span>{title}</span>\n                    </button>\n                  </a>\n                );\n              })}\n          </div>\n          <button tabindex=\"-1\" class=\"hy-tab-scroll hy-tab-scroll__right\" aria-hidden=\"true\">\n            <span>\n              <hy-icon icon={'hy-icon-caret-right'} size={16} />\n            </span>\n          </button>\n        </div>\n        <slot></slot>\n      </div>,\n      <hy-box mb=\"1.75, 1.75, 2, 2.5\" />,\n    ];\n  }\n}\n"]}

package/dist/collection/components/hy-tabs-item/hy-tabs-item.js

@@ -1,34 +1,43 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class HyTabsItem {
+  constructor() {
+    this.tabTitle = undefined;
+  }
   render() {
     const id = this.tabTitle.toLowerCase().replace(/\W/g, '-');
-    return (h("div", { tabindex: "0", role: "tabpanel", id: `${id}-tab`, "aria-labelledby": id, hidden: true },
-      h("slot", null)));
+    return (h("div", { tabindex: "0", role: "tabpanel", id: `${id}-tab`, "aria-labelledby": id, hidden: true }, h("slot", null)));
   }
   static get is() { return "hy-tabs-item"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-tabs-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-tabs-item.css"]
-  }; }
-  static get properties() { return {
-    "tabTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "tab-title",
-      "reflect": false
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-tabs-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-tabs-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "tabTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tab-title",
+        "reflect": false
+      }
+    };
+  }
 }
+//# sourceMappingURL=hy-tabs-item.js.map

package/dist/collection/components/hy-tabs-item/hy-tabs-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-tabs-item.js","sourceRoot":"","sources":["../../../src/components/hy-tabs-item/hy-tabs-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAOjD,MAAM,OAAO,UAAU;;;;EAGrB,MAAM;IACJ,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAE3D,OAAO,CACL,WAAK,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAmB,EAAE,EAAE,MAAM;MAC5E,eAAa,CACT,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Prop} from '@stencil/core';\n\n@Component({\n  tag: 'hy-tabs-item',\n  styleUrl: 'hy-tabs-item.scss',\n  shadow: false,\n})\nexport class HyTabsItem {\n  @Prop() tabTitle?: string;\n\n  render() {\n    const id = this.tabTitle.toLowerCase().replace(/\\W/g, '-');\n\n    return (\n      <div tabindex=\"0\" role=\"tabpanel\" id={`${id}-tab`} aria-labelledby={id} hidden>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/hy-tag/hy-tag.js

@@ -1,18 +1,20 @@
-import { Component, Host, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class HyTag {
   render() {
     const classAttributes = ['hy-tag'].join(' ');
-    return (h(Host, null,
-      h("div", { class: classAttributes },
-        h("span", null,
-          h("slot", null)))));
+    return (h(Host, null, h("div", { class: classAttributes }, h("span", null, h("slot", null)))));
   }
   static get is() { return "hy-tag"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-tag.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-tag.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-tag.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-tag.css"]
+    };
+  }
 }
+//# sourceMappingURL=hy-tag.js.map

package/dist/collection/components/hy-tag/hy-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-tag.js","sourceRoot":"","sources":["../../../src/components/hy-tag/hy-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOjD,MAAM,OAAO,KAAK;EAChB,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE7C,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAE,eAAe;QACzB;UACE,eAAa,CACR,CACH,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, Host, h} from '@stencil/core';\n\n@Component({\n  tag: 'hy-tag',\n  styleUrl: 'hy-tag.scss',\n  shadow: true,\n})\nexport class HyTag {\n  render() {\n    const classAttributes = ['hy-tag'].join(' ');\n\n    return (\n      <Host>\n        <div class={classAttributes}>\n          <span>\n            <slot></slot>\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}