@six-group/ui-library 3.0.0-beta.1.8 → 4.0.0-beta.0

package/dist/collection/components/six-tab-group/six-tab-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"six-tab-group.js","sourceRoot":"","sources":["../../../src/components/six-tab-group/six-tab-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { getOffset } from '../../utils/offset';\nimport { scrollIntoView } from '../../utils/scroll';\nimport { focusVisible } from '../../utils/focus-visible';\n\nexport interface SixTabShowPayload {\n  name: string;\n}\n\nexport interface SixTabHidePayload {\n  name: string;\n}\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot nav - Used for grouping tabs in the tab group.\n * @slot - Used for grouping tab panels in the tab group.\n *\n * @part base - The component's base wrapper.\n * @part nav - The tab group navigation container.\n * @part tabs - The container that wraps the slotted tabs.\n * @part active-tab-indicator - An element that displays the currently selected tab. This is a child of the tabs container.\n * @part body - The tab group body where tab panels are slotted in.\n * @part scroll-button - The previous and next scroll buttons that appear when tabs are scrollable.\n */\n@Component({\n  tag: 'six-tab-group',\n  styleUrl: 'six-tab-group.scss',\n  shadow: true,\n})\nexport class SixTabGroup {\n  activeTab: HTMLSixTabElement;\n  activeTabIndicator: HTMLElement;\n  body: HTMLElement;\n  mutationObserver: MutationObserver;\n  nav: HTMLElement;\n  resizeObserver: ResizeObserver;\n  tabGroup: HTMLElement;\n  tabs: HTMLElement;\n\n  @Element() host: HTMLSixTabGroupElement;\n\n  @State() hasScrollControls = false;\n\n  /** The placement of the tabs. */\n  @Prop() placement: 'top' | 'bottom' | 'left' | 'right' = 'top';\n\n  /** Disables the scroll arrows that appear when tabs overflow. */\n  @Prop() noScrollControls = false;\n\n  @Watch('placement')\n  handlePlacementChange() {\n    this.syncActiveTabIndicator();\n  }\n\n  @Watch('noScrollControls')\n  handleNoScrollControlsChange() {\n    this.updateScrollControls();\n  }\n\n  /** Emitted when a tab is shown. */\n  @Event({ eventName: 'six-tab-show' }) sixTabShow: EventEmitter<SixTabShowPayload>;\n\n  /** Emitted when a tab is hidden. */\n  @Event({ eventName: 'six-tab-hide' }) sixTabHide: EventEmitter<SixTabHidePayload>;\n\n  connectedCallback() {\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleScrollLeft = this.handleScrollLeft.bind(this);\n    this.handleScrollRight = this.handleScrollRight.bind(this);\n    this.syncActiveTabIndicator = this.syncActiveTabIndicator.bind(this);\n  }\n\n  componentDidLoad() {\n    // Set initial tab state when the tabs first become visible\n    const observer = new IntersectionObserver((entries, observer) => {\n      if (entries[0].intersectionRatio > 0) {\n        this.setAriaLabels();\n        this.setActiveTab(this.getActiveTab() || this.getAllTabs()[0], false);\n        observer.unobserve(entries[0].target);\n      }\n    });\n    observer.observe(this.host);\n\n    focusVisible.observe(this.tabGroup);\n\n    this.resizeObserver = new ResizeObserver(() => this.updateScrollControls());\n    this.resizeObserver.observe(this.nav);\n    requestAnimationFrame(() => this.updateScrollControls());\n\n    // Update aria labels if the DOM changes\n    this.mutationObserver = new MutationObserver((mutations) => {\n      if (\n        mutations.some((mutation) => {\n          return !['aria-labelledby', 'aria-controls'].includes(mutation.attributeName);\n        })\n      ) {\n        setTimeout(() => this.setAriaLabels());\n      }\n    });\n    this.mutationObserver.observe(this.host, { attributes: true, childList: true, subtree: true });\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver.disconnect();\n    focusVisible.unobserve(this.tabGroup);\n    this.resizeObserver.unobserve(this.nav);\n  }\n\n  /** Shows the specified tab panel. */\n  @Method()\n  async show(panel: string) {\n    const tabs = this.getAllTabs();\n    const tab = tabs.find((el) => el.panel === panel);\n\n    if (tab) {\n      this.setActiveTab(tab);\n    }\n  }\n\n  getAllTabs(includeDisabled = false) {\n    const slot = this.tabs.querySelector('slot');\n\n    return [...slot.assignedElements()].filter((el: any) => {\n      return includeDisabled\n        ? el.tagName.toLowerCase() === 'six-tab'\n        : el.tagName.toLowerCase() === 'six-tab' && !el.disabled;\n    }) as [HTMLSixTabElement];\n  }\n\n  getAllPanels() {\n    const slot = this.body.querySelector('slot');\n    return [...slot.assignedElements()].filter((el: any) => el.tagName.toLowerCase() === 'six-tab-panel') as [\n      HTMLSixTabPanelElement\n    ];\n  }\n\n  getActiveTab() {\n    return this.getAllTabs().find((el) => el.active);\n  }\n\n  handleClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    const tab = target.closest('six-tab');\n    const tabGroup = tab?.closest('six-tab-group');\n\n    // Ensure the target tab is in this tab group\n    if (tabGroup !== this.host) {\n      return false;\n    }\n\n    if (tab) {\n      this.setActiveTab(tab);\n    }\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    const target = event.target as HTMLElement;\n    const tab = target.closest('six-tab');\n    const tabGroup = tab?.closest('six-tab-group');\n\n    // Ensure the target tab is in this tab group\n    if (tabGroup !== this.host) {\n      return false;\n    }\n\n    // Activate a tab\n    if (['Enter', ' '].includes(event.key)) {\n      if (tab) {\n        this.setActiveTab(tab);\n        event.preventDefault();\n      }\n    }\n\n    // Move focus left or right\n    if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) {\n      const activeEl = document.activeElement as any;\n\n      if (activeEl && activeEl.tagName.toLowerCase() === 'six-tab') {\n        const tabs = this.getAllTabs();\n        let index = tabs.indexOf(activeEl);\n\n        if (event.key === 'Home') {\n          index = 0;\n        } else if (event.key === 'End') {\n          index = tabs.length - 1;\n        } else if (event.key === 'ArrowLeft') {\n          index = Math.max(0, index - 1);\n        } else if (event.key === 'ArrowRight') {\n          index = Math.min(tabs.length - 1, index + 1);\n        }\n\n        tabs[index].setFocus({ preventScroll: true });\n\n        if (['top', 'bottom'].includes(this.placement)) {\n          scrollIntoView(tabs[index], this.nav, 'horizontal');\n        }\n\n        event.preventDefault();\n      }\n    }\n  }\n\n  handleScrollLeft() {\n    this.nav.scroll({\n      left: this.nav.scrollLeft - this.nav.clientWidth,\n      behavior: 'smooth',\n    });\n  }\n\n  handleScrollRight() {\n    this.nav.scroll({\n      left: this.nav.scrollLeft + this.nav.clientWidth,\n      behavior: 'smooth',\n    });\n  }\n\n  updateScrollControls() {\n    this.hasScrollControls = this.noScrollControls\n      ? false\n      : ['top', 'bottom'].includes(this.placement) && this.nav.scrollWidth > this.nav.clientWidth;\n  }\n\n  setActiveTab(tab: HTMLSixTabElement, emitEvents = true) {\n    if (tab && tab !== this.activeTab && !tab.disabled) {\n      const previousTab = this.activeTab;\n      this.activeTab = tab;\n\n      // Sync tabs and panels\n      this.getAllTabs().map((el) => (el.active = el === this.activeTab));\n      this.getAllPanels().map((el) => (el.active = el.name === this.activeTab.panel));\n      this.syncActiveTabIndicator();\n\n      if (['top', 'bottom'].includes(this.placement)) {\n        scrollIntoView(this.activeTab, this.nav, 'horizontal');\n      }\n\n      // Emit events\n      if (emitEvents) {\n        if (previousTab) {\n          this.sixTabHide.emit({ name: previousTab.panel });\n        }\n\n        this.sixTabShow.emit({ name: this.activeTab.panel });\n      }\n    }\n  }\n\n  setAriaLabels() {\n    const tabs = this.getAllTabs();\n    const panels = this.getAllPanels();\n\n    // Link each tab with its corresponding panel\n    tabs.map((tab) => {\n      const panel = panels.find((el) => el.name === tab.panel);\n      if (panel) {\n        tab.setAttribute('aria-controls', panel.getAttribute('id'));\n        panel.setAttribute('aria-labelledby', tab.getAttribute('id'));\n      }\n    });\n  }\n\n  syncActiveTabIndicator() {\n    const tab = this.getActiveTab();\n\n    if (tab) {\n      this.activeTabIndicator.style.display = 'block';\n    } else {\n      this.activeTabIndicator.style.display = 'none';\n      return;\n    }\n\n    const width = tab.clientWidth;\n    const height = tab.clientHeight;\n    const offset = getOffset(tab, this.nav);\n    const offsetTop = offset.top + this.nav.scrollTop;\n    const offsetLeft = offset.left + this.nav.scrollLeft;\n\n    switch (this.placement) {\n      case 'top':\n      case 'bottom':\n        this.activeTabIndicator.style.width = `${width}px`;\n        this.activeTabIndicator.style.height = null;\n        this.activeTabIndicator.style.transform = `translateX(${offsetLeft}px)`;\n        break;\n\n      case 'left':\n      case 'right':\n        this.activeTabIndicator.style.width = null;\n        this.activeTabIndicator.style.height = `${height}px`;\n        this.activeTabIndicator.style.transform = `translateY(${offsetTop}px)`;\n        break;\n    }\n  }\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        ref={(el) => (this.tabGroup = el)}\n        class={{\n          'tab-group': true,\n\n          // Placements\n          'tab-group--top': this.placement === 'top',\n          'tab-group--bottom': this.placement === 'bottom',\n          'tab-group--left': this.placement === 'left',\n          'tab-group--right': this.placement === 'right',\n\n          'tab-group--has-scroll-controls': this.hasScrollControls,\n        }}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeyDown}\n      >\n        <div class=\"tab-group__nav-container\">\n          {this.hasScrollControls && (\n            <six-icon-button\n              class=\"tab-group__scroll-button tab-group__scroll-button--left\"\n              exportparts=\"base:scroll-button\"\n              name=\"chevron_left\"\n              onClick={this.handleScrollLeft}\n            />\n          )}\n          <div ref={(el) => (this.nav = el)} key=\"nav\" part=\"nav\" class=\"tab-group__nav\">\n            <div ref={(el) => (this.tabs = el)} part=\"tabs\" class=\"tab-group__tabs\" role=\"tablist\">\n              <div\n                ref={(el) => (this.activeTabIndicator = el)}\n                part=\"active-tab-indicator\"\n                class=\"tab-group__active-tab-indicator\"\n              />\n              <slot name=\"nav\" onSlotchange={this.syncActiveTabIndicator} />\n            </div>\n          </div>\n          {this.hasScrollControls && (\n            <six-icon-button\n              class=\"tab-group__scroll-button tab-group__scroll-button--right\"\n              exportparts=\"base:scroll-button\"\n              name=\"chevron_right\"\n              onClick={this.handleScrollRight}\n            />\n          )}\n        </div>\n\n        <div ref={(el) => (this.body = el)} part=\"body\" class=\"tab-group__body\">\n          <slot onSlotchange={this.syncActiveTabIndicator} />\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/six-tab-panel/six-tab-panel.js

@@ -1,4 +1,4 @@
-import { Component, Element, Host, Prop, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 let id = 0;
 /**
  * @since 1.0
@@ -13,63 +13,66 @@ let id = 0;
 export class SixTabPanel {
   constructor() {
     this.componentId = `tab-panel-${++id}`;
-    /** The tab panel's name. */
     this.name = '';
-    /** When true, the tab panel will be shown. */
     this.active = false;
   }
   render() {
     return (
     // If the user didn't provide an ID, we'll set one so we can link tabs and tab panels with aria labels
-    h(Host, { id: this.host.id || this.componentId, style: { display: this.active ? 'block' : 'none' } },
-      h("div", { part: "base", class: "tab-panel", role: "tabpanel", "aria-selected": this.active ? 'true' : 'false', "aria-hidden": this.active ? 'false' : 'true' },
-        h("slot", null))));
+    h(Host, { id: this.host.id || this.componentId, style: { display: this.active ? 'block' : 'none' } }, h("div", { part: "base", class: "tab-panel", role: "tabpanel", "aria-selected": this.active ? 'true' : 'false', "aria-hidden": this.active ? 'false' : 'true' }, h("slot", null))));
   }
   static get is() { return "six-tab-panel"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-tab-panel.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-tab-panel.css"]
-  }; }
-  static get properties() { return {
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The tab panel's name."
-      },
-      "attribute": "name",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "When true, the tab panel will be shown."
+  static get originalStyleUrls() {
+    return {
+      "$": ["six-tab-panel.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["six-tab-panel.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The tab panel's name."
+        },
+        "attribute": "name",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "active",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "When true, the tab panel will be shown."
+        },
+        "attribute": "active",
+        "reflect": true,
+        "defaultValue": "false"
+      }
+    };
+  }
   static get elementRef() { return "host"; }
 }
+//# sourceMappingURL=six-tab-panel.js.map

package/dist/collection/components/six-tab-panel/six-tab-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"six-tab-panel.js","sourceRoot":"","sources":["../../../src/components/six-tab-panel/six-tab-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElE,IAAI,EAAE,GAAG,CAAC,CAAC;AAEX;;;;;;;;;GASG;AAOH,MAAM,OAAO,WAAW;;IACtB,gBAAW,GAAG,aAAa,EAAE,EAAE,EAAE,CAAC;gBAKnB,EAAE;kBAGiB,KAAK;;EAEvC,MAAM;IACJ,OAAO;IACL,sGAAsG;IACtG,EAAC,IAAI,IAAC,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE;MAC5F,WACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,UAAU,mBACA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,iBAChC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;QAE3C,eAAQ,CACJ,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, Prop, h } from '@stencil/core';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The tab panel's content.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-tab-panel',\n  styleUrl: 'six-tab-panel.scss',\n  shadow: true,\n})\nexport class SixTabPanel {\n  componentId = `tab-panel-${++id}`;\n\n  @Element() host: HTMLSixTabPanelElement;\n\n  /** The tab panel's name. */\n  @Prop() name = '';\n\n  /** When true, the tab panel will be shown. */\n  @Prop({ reflect: true }) active = false;\n\n  render() {\n    return (\n      // If the user didn't provide an ID, we'll set one so we can link tabs and tab panels with aria labels\n      <Host id={this.host.id || this.componentId} style={{ display: this.active ? 'block' : 'none' }}>\n        <div\n          part=\"base\"\n          class=\"tab-panel\"\n          role=\"tabpanel\"\n          aria-selected={this.active ? 'true' : 'false'}\n          aria-hidden={this.active ? 'false' : 'true'}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/six-table/six-table.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop, Event, State, Listen, Method, Element } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { isData } from './types';
 import { fromData } from './util/from-data';
 /**
@@ -9,23 +9,6 @@ import { fromData } from './util/from-data';
  * @Deprecated - six-table will be removed with the next table. Use fate table instead.
  */
 export class SixTable {
-  constructor() {
-    /** Set to true to stripe the table. */
-    this.striped = false;
-    /** Set to true to display loading indicator. */
-    this.loading = false;
-    this.data = {
-      columns: {},
-      rows: [],
-    };
-    this.handleRowClick = (item) => (event) => {
-      this.tableRowClicked.emit({ event, item });
-    };
-    this.handleCellClick = (item, key) => (event) => {
-      this.tableCellClicked.emit({ event, item, key });
-    };
-    console.warn('six-table will be removed with the next table. Use fate table instead. In case of any question contact Daniel Häusler');
-  }
   handleData({ detail }) {
     if (!isData(detail)) {
       return;
@@ -41,169 +24,196 @@ export class SixTable {
   componentDidLoad() {
     this.tableReady.emit();
   }
+  constructor() {
+    this.handleRowClick = (item) => (event) => {
+      this.tableRowClicked.emit({ event, item });
+    };
+    this.handleCellClick = (item, key) => (event) => {
+      this.tableCellClicked.emit({ event, item, key });
+    };
+    this.striped = false;
+    this.loading = false;
+    this.data = {
+      columns: {},
+      rows: [],
+    };
+    console.warn('six-table will be removed with the next table. Use fate table instead. In case of any question contact Daniel Häusler');
+  }
   render() {
-    const loading = this.loading && (h("div", { class: "loading" },
-      h("six-spinner", { "data-testid": "loading-spinner" })));
-    return (h(Host, null,
-      h("slot", null, fromData(this)),
-      loading));
+    const loading = this.loading && (h("div", { class: "loading" }, h("six-spinner", { "data-testid": "loading-spinner" })));
+    return (h(Host, null, h("slot", null, fromData(this)), loading));
   }
   static get is() { return "six-table"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-table.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-table.css"]
-  }; }
-  static get properties() { return {
-    "striped": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to true to stripe the table."
-      },
-      "attribute": "striped",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "loading": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to true to display loading indicator."
-      },
-      "attribute": "loading",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "data": {}
-  }; }
-  static get events() { return [{
-      "method": "tableReady",
-      "name": "six-table-ready",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when table is ready."
+  static get originalStyleUrls() {
+    return {
+      "$": ["six-table.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["six-table.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "striped": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to true to stripe the table."
+        },
+        "attribute": "striped",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "TableReadyPayload",
-        "resolved": "TableReadyPayload",
-        "references": {
-          "TableReadyPayload": {
-            "location": "import",
-            "path": "./types"
+      "loading": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to true to display loading indicator."
+        },
+        "attribute": "loading",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "data": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "tableReady",
+        "name": "six-table-ready",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when table is ready."
+        },
+        "complexType": {
+          "original": "TableReadyPayload",
+          "resolved": "TableReadyPayload",
+          "references": {
+            "TableReadyPayload": {
+              "location": "import",
+              "path": "./types"
+            }
           }
         }
-      }
-    }, {
-      "method": "tableRowClicked",
-      "name": "six-table-row-clicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when table row is clicked."
-      },
-      "complexType": {
-        "original": "TableRowClickedPayload<Item>",
-        "resolved": "TableRowClickedPayload<Item>",
-        "references": {
-          "TableRowClickedPayload": {
-            "location": "import",
-            "path": "./types"
-          },
-          "Item": {
-            "location": "import",
-            "path": "./types"
+      }, {
+        "method": "tableRowClicked",
+        "name": "six-table-row-clicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when table row is clicked."
+        },
+        "complexType": {
+          "original": "TableRowClickedPayload<Item>",
+          "resolved": "TableRowClickedPayload<Item>",
+          "references": {
+            "TableRowClickedPayload": {
+              "location": "import",
+              "path": "./types"
+            },
+            "Item": {
+              "location": "import",
+              "path": "./types"
+            }
           }
         }
-      }
-    }, {
-      "method": "tableCellClicked",
-      "name": "six-table-cell-clicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when table cell is clicked."
-      },
-      "complexType": {
-        "original": "TableCellClickedPayload<Item>",
-        "resolved": "TableCellClickedPayload<Item>",
-        "references": {
-          "TableCellClickedPayload": {
-            "location": "import",
-            "path": "./types"
-          },
-          "Item": {
-            "location": "import",
-            "path": "./types"
+      }, {
+        "method": "tableCellClicked",
+        "name": "six-table-cell-clicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when table cell is clicked."
+        },
+        "complexType": {
+          "original": "TableCellClickedPayload<Item>",
+          "resolved": "TableCellClickedPayload<Item>",
+          "references": {
+            "TableCellClickedPayload": {
+              "location": "import",
+              "path": "./types"
+            },
+            "Item": {
+              "location": "import",
+              "path": "./types"
+            }
           }
         }
-      }
-    }]; }
-  static get methods() { return {
-    "setData": {
-      "complexType": {
-        "signature": "<T extends Item>(value: Data<T>) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "Item": {
-            "location": "import",
-            "path": "./types"
-          },
-          "Data": {
-            "location": "import",
-            "path": "./types"
+      }];
+  }
+  static get methods() {
+    return {
+      "setData": {
+        "complexType": {
+          "signature": "<T extends Item>(value: Data<T>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Item": {
+              "location": "import",
+              "path": "./types"
+            },
+            "Data": {
+              "location": "import",
+              "path": "./types"
+            },
+            "T": {
+              "location": "global"
+            }
           },
-          "T": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "host"; }
-  static get listeners() { return [{
-      "name": "data",
-      "method": "handleData",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "data",
+        "method": "handleData",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
+//# sourceMappingURL=six-table.js.map

package/dist/collection/components/six-table/six-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"six-table.js","sourceRoot":"","sources":["../../../src/components/six-table/six-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC9G,OAAO,EAAQ,MAAM,EAA4E,MAAM,SAAS,CAAC;AACjH,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C;;;;;;GAMG;AAOH,MAAM,OAAO,QAAQ;EAgBnB,UAAU,CAAiB,EAAE,MAAM,EAAwB;IACzD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;MACnB,OAAO;KACR;IAED,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;EACrB,CAAC;EAGD,KAAK,CAAC,OAAO,CAAiB,KAAc;IAC1C,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;MAClB,OAAO;KACR;IAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;EACpB,CAAC;EAOD,gBAAgB;IACd,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;EACzB,CAAC;EAcD;IAZA,mBAAc,GACZ,CAAiB,IAAO,EAAE,EAAE,CAC5B,CAAC,KAAiB,EAAE,EAAE;MACpB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEJ,oBAAe,GACb,CAAiB,IAAO,EAAE,GAAW,EAAE,EAAE,CACzC,CAAC,KAAiB,EAAE,EAAE;MACpB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;IACnD,CAAC,CAAC;mBAhDc,KAAK;mBAEL,KAAK;gBA2BK;MAC1B,OAAO,EAAE,EAAE;MACX,IAAI,EAAE,EAAE;KACT;IAmBC,OAAO,CAAC,IAAI,CACV,uHAAuH,CACxH,CAAC;GACH;EAED,MAAM;IACJ,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,CAC9B,WAAK,KAAK,EAAC,SAAS;MAClB,kCAAyB,iBAAiB,GAAG,CACzC,CACP,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH,gBAAO,QAAQ,CAAC,IAAI,CAAC,CAAQ;MAC5B,OAAO,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, State, Listen, Method, Element } from '@stencil/core';\nimport { Data, isData, TableReadyPayload, TableRowClickedPayload, TableCellClickedPayload, Item } from './types';\nimport { fromData } from './util/from-data';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define header and the rows of the table.\n * @Deprecated - six-table will be removed with the next table. Use fate table instead.\n */\n\n@Component({\n  tag: 'six-table',\n  styleUrl: 'six-table.scss',\n  shadow: true,\n})\nexport class SixTable {\n  @Element() host: HTMLSixTableElement;\n\n  /** Set to true to stripe the table. */\n  @Prop() striped = false;\n  /** Set to true to display loading indicator. */\n  @Prop() loading = false;\n\n  /** Emitted when table is ready. */\n  @Event({ eventName: 'six-table-ready' }) tableReady: EventEmitter<TableReadyPayload>;\n  /** Emitted when table row is clicked. */\n  @Event({ eventName: 'six-table-row-clicked' }) tableRowClicked: EventEmitter<TableRowClickedPayload<Item>>;\n  /** Emitted when table cell is clicked. */\n  @Event({ eventName: 'six-table-cell-clicked' }) tableCellClicked: EventEmitter<TableCellClickedPayload<Item>>;\n\n  @Listen('data')\n  handleData<T extends Item>({ detail }: CustomEvent<Data<T>>) {\n    if (!isData(detail)) {\n      return;\n    }\n\n    this.data = detail;\n  }\n\n  @Method()\n  async setData<T extends Item>(value: Data<T>) {\n    if (!isData(value)) {\n      return;\n    }\n\n    this.data = value;\n  }\n\n  @State() data: Data<Item> = {\n    columns: {},\n    rows: [],\n  };\n\n  componentDidLoad() {\n    this.tableReady.emit();\n  }\n\n  handleRowClick =\n    <T extends Item>(item: T) =>\n    (event: MouseEvent) => {\n      this.tableRowClicked.emit({ event, item });\n    };\n\n  handleCellClick =\n    <T extends Item>(item: T, key: string) =>\n    (event: MouseEvent) => {\n      this.tableCellClicked.emit({ event, item, key });\n    };\n\n  constructor() {\n    console.warn(\n      'six-table will be removed with the next table. Use fate table instead. In case of any question contact Daniel Häusler'\n    );\n  }\n\n  render() {\n    const loading = this.loading && (\n      <div class=\"loading\">\n        <six-spinner data-testid=\"loading-spinner\" />\n      </div>\n    );\n\n    return (\n      <Host>\n        <slot>{fromData(this)}</slot>\n        {loading}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/six-table/test/helpers.js

@@ -11,3 +11,4 @@ export const getTableRows = async (page) => {
   });
   return JSON.parse(json);
 };
+//# sourceMappingURL=helpers.js.map

package/dist/collection/components/six-table/test/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/six-table/test/helpers.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,EAAE,IAAa,EAAE,EAAE;EAClD,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;IACpC,MAAM,IAAI,GAAG;MACX,6BAA6B;MAC7B,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;MAC/F,mCAAmC;MACnC,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;KACrF,CAAC;IACF,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IACnH,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;EAC9B,CAAC,CAAC,CAAC;EACH,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC,CAAC","sourcesContent":["import { E2EPage } from '@stencil/core/testing';\n\nexport const getTableRows = async (page: E2EPage) => {\n  const json = await page.evaluate(() => {\n    const rows = [\n      // when constructed from data\n      ...Array.from(document.querySelector('six-table').shadowRoot.querySelectorAll('six-table-row')),\n      // when constructed from a template\n      ...Array.from(document.querySelector('six-table').querySelectorAll('six-table-row')),\n    ];\n    const data = rows.map((row) => Array.from(row.querySelectorAll('six-table-cell')).map((cell) => cell.textContent));\n    return JSON.stringify(data);\n  });\n  return JSON.parse(json);\n};\n"]}

package/dist/collection/components/six-table/types.js

@@ -6,3 +6,4 @@ const assertions = [
 ];
 const apply = (value) => (f) => f(value);
 export const isData = (value) => assertions.every(apply(value));
+//# sourceMappingURL=types.js.map

package/dist/collection/components/six-table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/six-table/types.ts"],"names":[],"mappings":"AAgCA,MAAM,UAAU,GAAG;EACjB,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ;EACpC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ;EAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;EACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;CACtE,CAAC;AAEF,MAAM,KAAK,GACT,CAAI,KAAQ,EAAE,EAAE,CAChB,CAAC,CAAwB,EAAE,EAAE,CAC3B,CAAC,CAAC,KAAK,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,MAAM,GAAG,CAAI,KAAe,EAAoB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC","sourcesContent":["import { SortDirection, FilterMode } from '../six-table-header-cell/types';\n\nexport type Item = Record<string, unknown>;\n\nexport type BasedOnKeys<T extends keyof any, B> = {\n  [K in T]?: B;\n};\n\nexport type Columns<T> = BasedOnKeys<keyof T, string>;\n\nexport type SortModel<T> = BasedOnKeys<keyof T, SortDirection>;\n\nexport type Comparator<T> = (a: T, b: T) => number;\n\nexport type CompareModel<T> = BasedOnKeys<keyof T, Comparator<T>>;\n\nexport type FilterModel<T> = BasedOnKeys<keyof T, BasedOnKeys<FilterMode, string>>;\n\nexport type Renderer<T> = (value: T) => string;\n\nexport type RenderModel<T> = BasedOnKeys<keyof T, Renderer<T>>;\n\nexport type Data<T> = {\n  columns: Columns<T>;\n  sort?: SortModel<T>;\n  compare?: CompareModel<T>;\n  render?: RenderModel<T>;\n  filter?: FilterModel<T>;\n  quickFilter?: string;\n  rows: T[];\n};\n\nconst assertions = [\n  (value) => typeof value === 'object',\n  (value) => typeof value.columns === 'object',\n  (value) => Array.isArray(value.rows),\n  (value) => value.sort === undefined || typeof value.sort === 'object',\n];\n\nconst apply =\n  <T>(value: T) =>\n  (f: (value: T) => boolean) =>\n    f(value);\n\nexport const isData = <T>(value?: unknown): value is Data<T> => assertions.every(apply(value));\n\nexport interface TableReadyPayload {}\n\nexport interface TableRowClickedPayload<T extends Item> {\n  event: MouseEvent;\n  item: T;\n}\n\nexport interface TableCellClickedPayload<T extends Item> {\n  event: MouseEvent;\n  item: T;\n  key: string;\n}\n"]}

package/dist/collection/components/six-table/util/filter-by.js

@@ -1,10 +1,9 @@
-import { FilterMode } from '../../six-table-header-cell/types';
 import { Invalid } from './is';
 const modes = {
-  [FilterMode.Includes]: (a, b) => a.includes(b),
-  [FilterMode.NotIncludes]: (a, b) => !a.includes(b),
-  [FilterMode.Equals]: (a, b) => a === b,
-  [FilterMode.NotEquals]: (a, b) => a !== b,
+  in: (a, b) => a.includes(b),
+  ni: (a, b) => !a.includes(b),
+  eq: (a, b) => a === b,
+  ne: (a, b) => a !== b,
 };
 export const filterBy = (filterModel = {}) => (item) => {
   var _a;
@@ -32,3 +31,4 @@ export const filterBy = (filterModel = {}) => (item) => {
   }
   return true;
 };
+//# sourceMappingURL=filter-by.js.map

package/dist/collection/components/six-table/util/filter-by.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-by.js","sourceRoot":"","sources":["../../../../src/components/six-table/util/filter-by.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAI/B,MAAM,KAAK,GAA+B;EACxC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;EAC3B,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;EAC5B,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC;EACrB,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GACnB,CAAiB,cAA8B,EAAE,EAAE,EAAE,CACrD,CAAC,IAAO,EAAW,EAAE;;EACnB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;EAEtC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;IACrB,OAAO,IAAI,CAAC;GACb;EAED,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;IACtB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,IAAI,CAAC,MAAM,EAAE;MACX,OAAO,IAAI,CAAC;KACb;IAED,KAAK,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;MACjD,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QACtB,SAAS;OACV;MAED,MAAM,KAAK,GAAG,MAAM,CAAC,MAAA,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,CAAC,CAAC;MAEtC,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACvB,SAAS;OACV;MAED,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;QAC7B,OAAO,KAAK,CAAC;OACd;KACF;GACF;EAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["import { FilterModel, Item } from '../types';\nimport { FilterMode } from '../../six-table-header-cell/types';\nimport { Invalid } from './is';\n\ntype Filter = (a: string, b: string) => boolean;\n\nconst modes: Record<FilterMode, Filter> = {\n  in: (a, b) => a.includes(b),\n  ni: (a, b) => !a.includes(b),\n  eq: (a, b) => a === b,\n  ne: (a, b) => a !== b,\n};\n\nexport const filterBy =\n  <T extends Item>(filterModel: FilterModel<T> = {}) =>\n  (item: T): boolean => {\n    const keys = Object.keys(filterModel);\n\n    if (keys.length === 0) {\n      return true;\n    }\n\n    for (const key of keys) {\n      const filter = filterModel[key];\n\n      if (!filter) {\n        return true;\n      }\n\n      for (const [mode, term] of Object.entries(filter)) {\n        if (Invalid.Term(term)) {\n          continue;\n        }\n\n        const value = String(item[key] ?? '');\n\n        if (Invalid.Term(value)) {\n          continue;\n        }\n\n        if (!modes[mode](value, term)) {\n          return false;\n        }\n      }\n    }\n\n    return true;\n  };\n"]}

package/dist/collection/components/six-table/util/from-data.js

@@ -27,7 +27,6 @@ export const fromData = ({ data, handleRowClick, handleCellClick }) => {
     });
     return (h("six-table-row", { onClick: handleRowClick(item), "data-testid": `table-row-${index}` }, cells));
   });
-  return (h(Fragment, null,
-    h("six-table-header", { "data-testid": "table-header" }, columns),
-    rows));
+  return (h(Fragment, null, h("six-table-header", { "data-testid": "table-header" }, columns), rows));
 };
+//# sourceMappingURL=from-data.js.map