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

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

@@ -1,179 +0,0 @@
-import { h, Host } from '@stencil/core';
-import { getNextFilterState, getNextSortState } from './util/get-next-state';
-import { createFilterModel, createSortModel } from './util/create-model';
-import { FilterIcon, SortIcon } from './icons';
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define the label of the header field.
- */
-export class SixTableHeaderCell {
-  constructor() {
-    this.handleSortNext = () => {
-      this.sortUpdated.emit(createSortModel(this.name, getNextSortState(this.sort)));
-    };
-    this.handleFilterNext = () => {
-      this.filterUpdated.emit(createFilterModel(this.name, getNextFilterState(this.filter), this.inputElement.value));
-    };
-    this.handleFilterChange = () => {
-      this.filterUpdated.emit(createFilterModel(this.name, this.filter, this.inputElement.value));
-    };
-    this.handleFilterClear = () => {
-      this.filterUpdated.emit(createFilterModel(this.name, this.filter, undefined));
-      this.filterRef.hide();
-    };
-    this.name = undefined;
-    this.sort = undefined;
-    this.filter = undefined;
-    this.value = undefined;
-  }
-  render() {
-    const sort = this.sort && (h("six-icon", { filled: true, class: { 'header__trigger-icon': this.sort === 'none' }, onClick: this.handleSortNext, "data-testid": `table-sort-${this.name}` }, SortIcon[this.sort]));
-    const filter = this.filter && (h("six-dropdown", { ref: (el) => (this.filterRef = el), hoist: true, "data-testid": `table-filter-${this.name}` }, h("six-icon", { slot: "trigger", class: "header__trigger-icon" }, "filter_alt"), h("six-input", { ref: (el) => (this.inputElement = el), value: this.value, "onSix-input-input": this.handleFilterChange }, h("six-icon-button", { slot: "prefix", html: FilterIcon[this.filter], onClick: this.handleFilterNext, "data-testid": `table-filter-prefix-${this.name}` }), h("six-icon-button", { slot: "suffix", name: "clear", label: "Clear", onClick: this.handleFilterClear, "data-testid": `table-filter-suffix-${this.name}` }))));
-    return (h(Host, null, h("div", { class: { header: true, 'header--selected': this.value !== undefined } }, h("slot", null), h("div", { class: "header__trigger-icon-box" }, sort, filter))));
-  }
-  static get is() { return "six-table-header-cell"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["six-table-header-cell.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["six-table-header-cell.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "keyof Item",
-          "resolved": "string",
-          "references": {
-            "Item": {
-              "location": "import",
-              "path": "../six-table/types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Table row property name. Used in the custom events to identify the row."
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "sort": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "SortDirection",
-          "resolved": "\"asc\" | \"desc\" | \"none\"",
-          "references": {
-            "SortDirection": {
-              "location": "import",
-              "path": "./types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Sort direction. Applied only when set."
-        },
-        "attribute": "sort",
-        "reflect": false
-      },
-      "filter": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "FilterMode",
-          "resolved": "\"eq\" | \"in\" | \"ne\" | \"ni\"",
-          "references": {
-            "FilterMode": {
-              "location": "import",
-              "path": "./types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Filter mode. Applied only when set."
-        },
-        "attribute": "filter",
-        "reflect": false
-      },
-      "value": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Filter value. Applied only when filter mode is set."
-        },
-        "attribute": "value",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "sortUpdated",
-        "name": "six-table-header-cell-sort-updated",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when sort model is updated."
-        },
-        "complexType": {
-          "original": "SixTableHeaderCellSortUpdatedPayload",
-          "resolved": "{ [x: string]: SortDirection; }",
-          "references": {
-            "SixTableHeaderCellSortUpdatedPayload": {
-              "location": "local",
-              "path": "/home/runner/work/six-webcomponents/six-webcomponents/packages/ui-library/src/components/six-table-header-cell/six-table-header-cell.tsx"
-            }
-          }
-        }
-      }, {
-        "method": "filterUpdated",
-        "name": "six-table-header-cell-filter-updated",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when filter model is updated."
-        },
-        "complexType": {
-          "original": "SixTableHeaderCellFilterUpdatedPayload",
-          "resolved": "{ [x: string]: BasedOnKeys<FilterMode, string>; }",
-          "references": {
-            "SixTableHeaderCellFilterUpdatedPayload": {
-              "location": "local",
-              "path": "/home/runner/work/six-webcomponents/six-webcomponents/packages/ui-library/src/components/six-table-header-cell/six-table-header-cell.tsx"
-            }
-          }
-        }
-      }];
-  }
-}
-//# sourceMappingURL=six-table-header-cell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-table-header-cell.js","sourceRoot":"","sources":["../../../src/components/six-table-header-cell/six-table-header-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { FilterMode, SortDirection } from './types';\nimport { FilterModel, Item, SortModel } from '../six-table/types';\nimport { getNextFilterState, getNextSortState } from './util/get-next-state';\nimport { createFilterModel, createSortModel } from './util/create-model';\nimport { FilterIcon, SortIcon } from './icons';\n\nexport type SixTableHeaderCellSortUpdatedPayload = SortModel<Item>;\nexport type SixTableHeaderCellFilterUpdatedPayload = FilterModel<Item>;\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the label of the header field.\n */\n\n@Component({\n  tag: 'six-table-header-cell',\n  styleUrl: 'six-table-header-cell.scss',\n  shadow: true,\n})\nexport class SixTableHeaderCell {\n  filterRef: HTMLSixDropdownElement;\n\n  /** Table row property name. Used in the custom events to identify the row. */\n  @Prop() name: keyof Item;\n  /** Sort direction. Applied only when set. */\n  @Prop() sort: SortDirection;\n  /** Filter mode. Applied only when set. */\n  @Prop() filter: FilterMode;\n  /** Filter value. Applied only when filter mode is set. */\n  @Prop() value: string;\n\n  /** Emitted when sort model is updated. */\n  @Event({ eventName: 'six-table-header-cell-sort-updated' })\n  sortUpdated: EventEmitter<SixTableHeaderCellSortUpdatedPayload>;\n  /** Emitted when filter model is updated. */\n  @Event({ eventName: 'six-table-header-cell-filter-updated' })\n  filterUpdated: EventEmitter<SixTableHeaderCellFilterUpdatedPayload>;\n\n  inputElement: HTMLSixInputElement;\n\n  handleSortNext = () => {\n    this.sortUpdated.emit(createSortModel(this.name, getNextSortState(this.sort)));\n  };\n\n  handleFilterNext = () => {\n    this.filterUpdated.emit(createFilterModel(this.name, getNextFilterState(this.filter), this.inputElement.value));\n  };\n\n  handleFilterChange = () => {\n    this.filterUpdated.emit(createFilterModel(this.name, this.filter, this.inputElement.value));\n  };\n\n  handleFilterClear = () => {\n    this.filterUpdated.emit(createFilterModel(this.name, this.filter, undefined));\n    this.filterRef.hide();\n  };\n\n  render() {\n    const sort = this.sort && (\n      <six-icon\n        filled={true}\n        class={{ 'header__trigger-icon': this.sort === 'none' }}\n        onClick={this.handleSortNext}\n        data-testid={`table-sort-${this.name}`}\n      >\n        {SortIcon[this.sort]}\n      </six-icon>\n    );\n\n    const filter = this.filter && (\n      <six-dropdown ref={(el) => (this.filterRef = el)} hoist data-testid={`table-filter-${this.name}`}>\n        <six-icon slot=\"trigger\" class=\"header__trigger-icon\">\n          filter_alt\n        </six-icon>\n        <six-input\n          ref={(el) => (this.inputElement = el)}\n          value={this.value}\n          onSix-input-input={this.handleFilterChange}\n        >\n          <six-icon-button\n            slot=\"prefix\"\n            html={FilterIcon[this.filter]}\n            onClick={this.handleFilterNext}\n            data-testid={`table-filter-prefix-${this.name}`}\n          />\n          <six-icon-button\n            slot=\"suffix\"\n            name=\"clear\"\n            label=\"Clear\"\n            onClick={this.handleFilterClear}\n            data-testid={`table-filter-suffix-${this.name}`}\n          />\n        </six-input>\n      </six-dropdown>\n    );\n\n    return (\n      <Host>\n        <div class={{ header: true, 'header--selected': this.value !== undefined }}>\n          <slot />\n          <div class=\"header__trigger-icon-box\">\n            {sort}\n            {filter}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/six-table-header-cell/types.ts"],"names":[],"mappings":"","sourcesContent":["export type SortDirection = 'none' | 'asc' | 'desc';\nexport type FilterMode = 'eq' | 'ne' | 'in' | 'ni';\n"]}

package/dist/collection/components/six-table-header-cell/util/create-model.js

@@ -1,7 +0,0 @@
-export const createSortModel = (key, value) => {
-  return { [key]: value };
-};
-export const createFilterModel = (key, filter, value) => {
-  return { [key]: { [filter]: value } };
-};
-//# sourceMappingURL=create-model.js.map

package/dist/collection/components/six-table-header-cell/util/create-model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-model.js","sourceRoot":"","sources":["../../../../src/components/six-table-header-cell/util/create-model.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAiB,GAAY,EAAE,KAAoB,EAAgB,EAAE;EAClG,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAS,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAiB,GAAY,EAAE,MAAkB,EAAE,KAAa,EAAkB,EAAE;EACnH,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,EAAS,CAAC;AAC/C,CAAC,CAAC","sourcesContent":["import { Item, SortModel, FilterModel } from '../../six-table/types';\nimport { SortDirection, FilterMode } from '../types';\n\nexport const createSortModel = <T extends Item>(key: keyof T, value: SortDirection): SortModel<T> => {\n  return { [key]: value } as any;\n};\n\nexport const createFilterModel = <T extends Item>(key: keyof T, filter: FilterMode, value: string): FilterModel<T> => {\n  return { [key]: { [filter]: value } } as any;\n};\n"]}

package/dist/collection/components/six-table-header-cell/util/get-next-state.js

@@ -1,7 +0,0 @@
-const getNextState = (states) => (current) => {
-  const next = states.indexOf(current) + 1;
-  return states[next < states.length ? next : 0];
-};
-export const getNextSortState = getNextState(['none', 'asc', 'desc']);
-export const getNextFilterState = getNextState(Object.values(['eq', 'ne', 'in', 'ni']));
-//# sourceMappingURL=get-next-state.js.map

package/dist/collection/components/six-table-header-cell/util/get-next-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-next-state.js","sourceRoot":"","sources":["../../../../src/components/six-table-header-cell/util/get-next-state.ts"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAChB,CAAI,MAAW,EAAE,EAAE,CACnB,CAAC,OAAU,EAAK,EAAE;EAChB,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;EACzC,OAAO,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACjD,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,YAAY,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAoB,CAAC,CAAC;AACzF,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAiB,CAAC,CAAC,CAAC","sourcesContent":["import { FilterMode, SortDirection } from '../types';\n\nconst getNextState =\n  <T>(states: T[]) =>\n  (current: T): T => {\n    const next = states.indexOf(current) + 1;\n    return states[next < states.length ? next : 0];\n  };\n\nexport const getNextSortState = getNextState(['none', 'asc', 'desc'] as SortDirection[]);\nexport const getNextFilterState = getNextState(Object.values(['eq', 'ne', 'in', 'ni'] as FilterMode[]));\n"]}

package/dist/collection/components/six-table-row/six-table-row.css

@@ -1,16 +0,0 @@
-:host {
-  position: relative;
-  box-sizing: border-box;
-}
-:host *, :host *:before, :host *:after {
-  box-sizing: inherit;
-}
-
-:host {
-  display: table-row;
-  font-family: var(--six-font-family);
-}
-
-:host(:hover) {
-  background-color: var(--six-table-row-background-color-hover);
-}

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

@@ -1,25 +0,0 @@
-import { h, Host } from '@stencil/core';
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define the cells of the row.
- */
-export class SixTableRow {
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  static get is() { return "six-table-row"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["six-table-row.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["six-table-row.css"]
-    };
-  }
-}
-//# sourceMappingURL=six-table-row.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-table-row.js","sourceRoot":"","sources":["../../../src/components/six-table-row/six-table-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;GAKG;AAOH,MAAM,OAAO,WAAW;EACtB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,eAAQ,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the cells of the row.\n */\n\n@Component({\n  tag: 'six-table-row',\n  styleUrl: 'six-table-row.scss',\n  shadow: true,\n})\nexport class SixTableRow {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/components/six-table-cell.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SixTableCell extends Components.SixTableCell, HTMLElement {}
-export const SixTableCell: {
-  prototype: SixTableCell;
-  new (): SixTableCell;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1,8 +0,0 @@
-import { S as SixTableCell$1, d as defineCustomElement$1 } from './six-table-cell2.js';
-
-const SixTableCell = SixTableCell$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SixTableCell, defineCustomElement };
-
-//# sourceMappingURL=six-table-cell.js.map

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

@@ -1 +0,0 @@
-{"file":"six-table-cell.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -1,32 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const sixTableCellCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-cell;padding:var(--six-spacing-medium);font-size:var(--six-font-size-small)}";
-
-const SixTableCell = /*@__PURE__*/ proxyCustomElement(class SixTableCell extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  static get style() { return sixTableCellCss; }
-}, [1, "six-table-cell"]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["six-table-cell"];
-  components.forEach(tagName => { switch (tagName) {
-    case "six-table-cell":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SixTableCell);
-      }
-      break;
-  } });
-}
-
-export { SixTableCell as S, defineCustomElement as d };
-
-//# sourceMappingURL=six-table-cell2.js.map

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

@@ -1 +0,0 @@
-{"file":"six-table-cell2.js","mappings":";;AAAA,MAAM,eAAe,GAAG,wMAAwM;;MCcnN,YAAY;;;;;;EACvB,MAAM;IACJ,QACE,EAAC,IAAI,QACH,eAAQ,CACH,EACP;GACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/six-table-cell/six-table-cell.scss?tag=six-table-cell&encapsulation=shadow","./src/components/six-table-cell/six-table-cell.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: table-cell;\n  padding: var(--six-spacing-medium);\n  font-size: var(--six-font-size-small);\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the content of the cell.\n */\n\n@Component({\n  tag: 'six-table-cell',\n  styleUrl: 'six-table-cell.scss',\n  shadow: true,\n})\nexport class SixTableCell {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-table-header-cell.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SixTableHeaderCell extends Components.SixTableHeaderCell, HTMLElement {}
-export const SixTableHeaderCell: {
-  prototype: SixTableHeaderCell;
-  new (): SixTableHeaderCell;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/six-table-header-cell.js

@@ -1,8 +0,0 @@
-import { S as SixTableHeaderCell$1, d as defineCustomElement$1 } from './six-table-header-cell2.js';
-
-const SixTableHeaderCell = SixTableHeaderCell$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SixTableHeaderCell, defineCustomElement };
-
-//# sourceMappingURL=six-table-header-cell.js.map

package/dist/components/six-table-header-cell.js.map

@@ -1 +0,0 @@
-{"file":"six-table-header-cell.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/six-table-header-cell2.js

@@ -1,120 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$6 } from './six-dropdown2.js';
-import { d as defineCustomElement$5 } from './six-icon2.js';
-import { d as defineCustomElement$4 } from './six-icon-button2.js';
-import { d as defineCustomElement$3 } from './six-input2.js';
-import { d as defineCustomElement$2 } from './six-menu2.js';
-import { d as defineCustomElement$1 } from './six-menu-item2.js';
-
-const getNextState = (states) => (current) => {
-  const next = states.indexOf(current) + 1;
-  return states[next < states.length ? next : 0];
-};
-const getNextSortState = getNextState(['none', 'asc', 'desc']);
-const getNextFilterState = getNextState(Object.values(['eq', 'ne', 'in', 'ni']));
-
-const createSortModel = (key, value) => {
-  return { [key]: value };
-};
-const createFilterModel = (key, filter, value) => {
-  return { [key]: { [filter]: value } };
-};
-
-const SortIcon = {
-  ['asc']: 'arrow_drop_up',
-  ['desc']: 'arrow_drop_down',
-  ['none']: 'swap_vert',
-};
-const FilterIcon = {
-  ['eq']: '=',
-  ['ne']: '&ne;',
-  ['in']: '&isin;',
-  ['ni']: '&notin;',
-};
-
-const sixTableHeaderCellCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-cell;padding:var(--six-spacing-medium) var(--six-spacing-medium) var(--six-spacing-x-small);font-size:var(--six-font-size-small)}six-icon{vertical-align:text-top;width:1.5rem}.header:hover .header__trigger-icon,.header--selected .header__trigger-icon{opacity:1}.header__trigger-icon{color:var(--six-color-web-rock-600);opacity:0}.header__trigger-icon-box{float:right}[slot=prefix]{font-size:1.5em}six-dropdown::part(panel){overflow:inherit}";
-
-const SixTableHeaderCell = /*@__PURE__*/ proxyCustomElement(class SixTableHeaderCell extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.sortUpdated = createEvent(this, "six-table-header-cell-sort-updated", 7);
-    this.filterUpdated = createEvent(this, "six-table-header-cell-filter-updated", 7);
-    this.handleSortNext = () => {
-      this.sortUpdated.emit(createSortModel(this.name, getNextSortState(this.sort)));
-    };
-    this.handleFilterNext = () => {
-      this.filterUpdated.emit(createFilterModel(this.name, getNextFilterState(this.filter), this.inputElement.value));
-    };
-    this.handleFilterChange = () => {
-      this.filterUpdated.emit(createFilterModel(this.name, this.filter, this.inputElement.value));
-    };
-    this.handleFilterClear = () => {
-      this.filterUpdated.emit(createFilterModel(this.name, this.filter, undefined));
-      this.filterRef.hide();
-    };
-    this.name = undefined;
-    this.sort = undefined;
-    this.filter = undefined;
-    this.value = undefined;
-  }
-  render() {
-    const sort = this.sort && (h("six-icon", { filled: true, class: { 'header__trigger-icon': this.sort === 'none' }, onClick: this.handleSortNext, "data-testid": `table-sort-${this.name}` }, SortIcon[this.sort]));
-    const filter = this.filter && (h("six-dropdown", { ref: (el) => (this.filterRef = el), hoist: true, "data-testid": `table-filter-${this.name}` }, h("six-icon", { slot: "trigger", class: "header__trigger-icon" }, "filter_alt"), h("six-input", { ref: (el) => (this.inputElement = el), value: this.value, "onSix-input-input": this.handleFilterChange }, h("six-icon-button", { slot: "prefix", html: FilterIcon[this.filter], onClick: this.handleFilterNext, "data-testid": `table-filter-prefix-${this.name}` }), h("six-icon-button", { slot: "suffix", name: "clear", label: "Clear", onClick: this.handleFilterClear, "data-testid": `table-filter-suffix-${this.name}` }))));
-    return (h(Host, null, h("div", { class: { header: true, 'header--selected': this.value !== undefined } }, h("slot", null), h("div", { class: "header__trigger-icon-box" }, sort, filter))));
-  }
-  static get style() { return sixTableHeaderCellCss; }
-}, [1, "six-table-header-cell", {
-    "name": [1],
-    "sort": [1],
-    "filter": [1],
-    "value": [1]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["six-table-header-cell", "six-dropdown", "six-icon", "six-icon-button", "six-input", "six-menu", "six-menu-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "six-table-header-cell":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SixTableHeaderCell);
-      }
-      break;
-    case "six-dropdown":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "six-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "six-icon-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "six-input":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "six-menu":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "six-menu-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { SixTableHeaderCell as S, defineCustomElement as d };
-
-//# sourceMappingURL=six-table-header-cell2.js.map

package/dist/components/six-table-header-cell2.js.map

@@ -1 +0,0 @@
-{"file":"six-table-header-cell2.js","mappings":"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","names":[],"sources":["./src/components/six-table-header-cell/util/get-next-state.ts","./src/components/six-table-header-cell/util/create-model.ts","./src/components/six-table-header-cell/icons.ts","./src/components/six-table-header-cell/six-table-header-cell.scss?tag=six-table-header-cell&encapsulation=shadow","./src/components/six-table-header-cell/six-table-header-cell.tsx"],"sourcesContent":["import { FilterMode, SortDirection } from '../types';\n\nconst getNextState =\n  <T>(states: T[]) =>\n  (current: T): T => {\n    const next = states.indexOf(current) + 1;\n    return states[next < states.length ? next : 0];\n  };\n\nexport const getNextSortState = getNextState(['none', 'asc', 'desc'] as SortDirection[]);\nexport const getNextFilterState = getNextState(Object.values(['eq', 'ne', 'in', 'ni'] as FilterMode[]));\n","import { Item, SortModel, FilterModel } from '../../six-table/types';\nimport { SortDirection, FilterMode } from '../types';\n\nexport const createSortModel = <T extends Item>(key: keyof T, value: SortDirection): SortModel<T> => {\n  return { [key]: value } as any;\n};\n\nexport const createFilterModel = <T extends Item>(key: keyof T, filter: FilterMode, value: string): FilterModel<T> => {\n  return { [key]: { [filter]: value } } as any;\n};\n","import { FilterMode, SortDirection } from './types';\n\nexport const SortIcon: Record<SortDirection, string> = {\n  ['asc']: 'arrow_drop_up',\n  ['desc']: 'arrow_drop_down',\n  ['none']: 'swap_vert',\n};\n\nexport const FilterIcon: Record<FilterMode, string> = {\n  ['eq']: '=',\n  ['ne']: '&ne;',\n  ['in']: '&isin;',\n  ['ni']: '&notin;',\n};\n","@import 'src/global/component';\n\n:host {\n  display: table-cell;\n  padding: var(--six-spacing-medium) var(--six-spacing-medium) var(--six-spacing-x-small);\n  font-size: var(--six-font-size-small);\n}\n\nsix-icon {\n  vertical-align: text-top;\n  width: 1.5rem;\n}\n\n.header {\n  &:hover,\n  &--selected {\n    .header__trigger-icon {\n      opacity: 1;\n    }\n  }\n\n  &__trigger-icon {\n    color: var(--six-color-web-rock-600);\n    opacity: 0;\n  }\n\n  &__trigger-icon-box {\n    float: right;\n  }\n}\n\n[slot='prefix'] {\n  font-size: 1.5em;\n}\n\nsix-dropdown::part(panel) {\n  overflow: inherit;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { FilterMode, SortDirection } from './types';\nimport { FilterModel, Item, SortModel } from '../six-table/types';\nimport { getNextFilterState, getNextSortState } from './util/get-next-state';\nimport { createFilterModel, createSortModel } from './util/create-model';\nimport { FilterIcon, SortIcon } from './icons';\n\nexport type SixTableHeaderCellSortUpdatedPayload = SortModel<Item>;\nexport type SixTableHeaderCellFilterUpdatedPayload = FilterModel<Item>;\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the label of the header field.\n */\n\n@Component({\n  tag: 'six-table-header-cell',\n  styleUrl: 'six-table-header-cell.scss',\n  shadow: true,\n})\nexport class SixTableHeaderCell {\n  filterRef: HTMLSixDropdownElement;\n\n  /** Table row property name. Used in the custom events to identify the row. */\n  @Prop() name: keyof Item;\n  /** Sort direction. Applied only when set. */\n  @Prop() sort: SortDirection;\n  /** Filter mode. Applied only when set. */\n  @Prop() filter: FilterMode;\n  /** Filter value. Applied only when filter mode is set. */\n  @Prop() value: string;\n\n  /** Emitted when sort model is updated. */\n  @Event({ eventName: 'six-table-header-cell-sort-updated' })\n  sortUpdated: EventEmitter<SixTableHeaderCellSortUpdatedPayload>;\n  /** Emitted when filter model is updated. */\n  @Event({ eventName: 'six-table-header-cell-filter-updated' })\n  filterUpdated: EventEmitter<SixTableHeaderCellFilterUpdatedPayload>;\n\n  inputElement: HTMLSixInputElement;\n\n  handleSortNext = () => {\n    this.sortUpdated.emit(createSortModel(this.name, getNextSortState(this.sort)));\n  };\n\n  handleFilterNext = () => {\n    this.filterUpdated.emit(createFilterModel(this.name, getNextFilterState(this.filter), this.inputElement.value));\n  };\n\n  handleFilterChange = () => {\n    this.filterUpdated.emit(createFilterModel(this.name, this.filter, this.inputElement.value));\n  };\n\n  handleFilterClear = () => {\n    this.filterUpdated.emit(createFilterModel(this.name, this.filter, undefined));\n    this.filterRef.hide();\n  };\n\n  render() {\n    const sort = this.sort && (\n      <six-icon\n        filled={true}\n        class={{ 'header__trigger-icon': this.sort === 'none' }}\n        onClick={this.handleSortNext}\n        data-testid={`table-sort-${this.name}`}\n      >\n        {SortIcon[this.sort]}\n      </six-icon>\n    );\n\n    const filter = this.filter && (\n      <six-dropdown ref={(el) => (this.filterRef = el)} hoist data-testid={`table-filter-${this.name}`}>\n        <six-icon slot=\"trigger\" class=\"header__trigger-icon\">\n          filter_alt\n        </six-icon>\n        <six-input\n          ref={(el) => (this.inputElement = el)}\n          value={this.value}\n          onSix-input-input={this.handleFilterChange}\n        >\n          <six-icon-button\n            slot=\"prefix\"\n            html={FilterIcon[this.filter]}\n            onClick={this.handleFilterNext}\n            data-testid={`table-filter-prefix-${this.name}`}\n          />\n          <six-icon-button\n            slot=\"suffix\"\n            name=\"clear\"\n            label=\"Clear\"\n            onClick={this.handleFilterClear}\n            data-testid={`table-filter-suffix-${this.name}`}\n          />\n        </six-input>\n      </six-dropdown>\n    );\n\n    return (\n      <Host>\n        <div class={{ header: true, 'header--selected': this.value !== undefined }}>\n          <slot />\n          <div class=\"header__trigger-icon-box\">\n            {sort}\n            {filter}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-table-header.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SixTableHeader extends Components.SixTableHeader, HTMLElement {}
-export const SixTableHeader: {
-  prototype: SixTableHeader;
-  new (): SixTableHeader;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1,8 +0,0 @@
-import { S as SixTableHeader$1, d as defineCustomElement$1 } from './six-table-header2.js';
-
-const SixTableHeader = SixTableHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SixTableHeader, defineCustomElement };
-
-//# sourceMappingURL=six-table-header.js.map

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

@@ -1 +0,0 @@
-{"file":"six-table-header.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -1,32 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const sixTableHeaderCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-header-group;cursor:pointer;font-family:var(--six-font-family);font-weight:var(--six-font-weight-bold);color:var(--six-table-header-color);border-bottom:solid 2px var(--six-table-header-border-color);padding:0.75rem}";
-
-const SixTableHeader = /*@__PURE__*/ proxyCustomElement(class SixTableHeader extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  static get style() { return sixTableHeaderCss; }
-}, [1, "six-table-header"]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["six-table-header"];
-  components.forEach(tagName => { switch (tagName) {
-    case "six-table-header":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SixTableHeader);
-      }
-      break;
-  } });
-}
-
-export { SixTableHeader as S, defineCustomElement as d };
-
-//# sourceMappingURL=six-table-header2.js.map

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

@@ -1 +0,0 @@
-{"file":"six-table-header2.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,oVAAoV;;MCcjW,cAAc;;;;;;EACzB,MAAM;IACJ,QACE,EAAC,IAAI,QACH,eAAQ,CACH,EACP;GACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/six-table-header/six-table-header.scss?tag=six-table-header&encapsulation=shadow","./src/components/six-table-header/six-table-header.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: table-header-group;\n  cursor: pointer;\n  font-family: var(--six-font-family);\n  font-weight: var(--six-font-weight-bold);\n  color: var(--six-table-header-color);\n  border-bottom: solid 2px var(--six-table-header-border-color);\n  padding: 0.75rem;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the cells of the header.\n */\n\n@Component({\n  tag: 'six-table-header',\n  styleUrl: 'six-table-header.scss',\n  shadow: true,\n})\nexport class SixTableHeader {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-table-row.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SixTableRow extends Components.SixTableRow, HTMLElement {}
-export const SixTableRow: {
-  prototype: SixTableRow;
-  new (): SixTableRow;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1,8 +0,0 @@
-import { S as SixTableRow$1, d as defineCustomElement$1 } from './six-table-row2.js';
-
-const SixTableRow = SixTableRow$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SixTableRow, defineCustomElement };
-
-//# sourceMappingURL=six-table-row.js.map

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

@@ -1 +0,0 @@
-{"file":"six-table-row.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -1,32 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const sixTableRowCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-row;font-family:var(--six-font-family)}:host(:hover){background-color:var(--six-table-row-background-color-hover)}";
-
-const SixTableRow = /*@__PURE__*/ proxyCustomElement(class SixTableRow extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  static get style() { return sixTableRowCss; }
-}, [1, "six-table-row"]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["six-table-row"];
-  components.forEach(tagName => { switch (tagName) {
-    case "six-table-row":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SixTableRow);
-      }
-      break;
-  } });
-}
-
-export { SixTableRow as S, defineCustomElement as d };
-
-//# sourceMappingURL=six-table-row2.js.map

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

@@ -1 +0,0 @@
-{"file":"six-table-row2.js","mappings":";;AAAA,MAAM,cAAc,GAAG,8OAA8O;;MCcxP,WAAW;;;;;;EACtB,MAAM;IACJ,QACE,EAAC,IAAI,QACH,eAAQ,CACH,EACP;GACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/six-table-row/six-table-row.scss?tag=six-table-row&encapsulation=shadow","./src/components/six-table-row/six-table-row.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: table-row;\n  font-family: var(--six-font-family);\n}\n\n:host(:hover) {\n  background-color: var(--six-table-row-background-color-hover);\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the cells of the row.\n */\n\n@Component({\n  tag: 'six-table-row',\n  styleUrl: 'six-table-row.scss',\n  shadow: true,\n})\nexport class SixTableRow {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}