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

package/dist/cjs/six-form.cjs.entry.js

@@ -1,231 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b3257a77.js');
-const eventListeners = require('./event-listeners-74715e62.js');
-
-const sixFormCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}";
-
-const SixForm = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.sixSubmit = index.createEvent(this, "six-form-submit", 7);
-    this.sixChange = index.createEvent(this, "six-form-change", 7);
-    this.sixReset = index.createEvent(this, "six-form-reset", 7);
-    this.eventListeners = new eventListeners.EventListeners();
-    this.novalidate = false;
-  }
-  connectedCallback() {
-    this.formControls = [
-      {
-        tag: 'six-button',
-        serialize: (el, formData) => el.name && !el.disabled ? formData.append(el.name, el.value) : null,
-        click: (event) => {
-          const target = event.target;
-          if (target.submit) {
-            this.submit();
-          }
-          if (target.reset) {
-            this.reset();
-          }
-        },
-      },
-      {
-        tag: 'six-checkbox',
-        serialize: (el, formData) => el.name && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,
-        changeEventName: 'six-checkbox-change',
-      },
-      {
-        tag: 'six-color-picker',
-        serialize: (el, formData) => el.name && !el.disabled ? formData.append(el.name, el.value) : null,
-      },
-      {
-        tag: 'six-input',
-        serialize: (el, formData) => el.name && !el.disabled ? formData.append(el.name, el.value) : null,
-        keyDown: (event) => {
-          if (event.key === 'Enter' && !event.defaultPrevented) {
-            this.submit();
-          }
-        },
-        changeEventName: 'six-input-change',
-      },
-      {
-        tag: 'six-datepicker',
-        serialize: (el, formData) => { var _a; return el.name && !el.disabled ? formData.append(el.name, (_a = el.value) === null || _a === void 0 ? void 0 : _a.toISOString()) : null; },
-        keyDown: (event) => {
-          if (event.key === 'Enter' && !event.defaultPrevented) {
-            this.submit();
-          }
-        },
-        changeEventName: 'six-datepicker-select',
-      },
-      {
-        tag: 'six-radio',
-        serialize: (el, formData) => el.name && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,
-        changeEventName: 'six-radio-change',
-      },
-      {
-        tag: 'six-range',
-        serialize: (el, formData) => {
-          if (el.name && !el.disabled) {
-            formData.append(el.name, el.value + '');
-          }
-        },
-        changeEventName: 'six-range-change',
-      },
-      {
-        tag: 'six-select',
-        serialize: (el, formData) => {
-          if (el.name && !el.disabled) {
-            if (el.multiple) {
-              const selectedOptions = [...el.value];
-              if (selectedOptions.length) {
-                selectedOptions.map((value) => formData.append(el.name, value));
-              }
-              else {
-                formData.append(el.name, '');
-              }
-            }
-            else {
-              formData.append(el.name, el.value + '');
-            }
-          }
-        },
-        changeEventName: 'six-select-change',
-      },
-      {
-        tag: 'six-switch',
-        serialize: (el, formData) => el.name && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,
-        changeEventName: 'six-switch-change',
-      },
-      {
-        tag: 'six-textarea',
-        serialize: (el, formData) => el.name && !el.disabled ? formData.append(el.name, el.value) : null,
-        changeEventName: 'six-textarea-change',
-      },
-      {
-        tag: 'six-timepicker',
-        serialize: (el, formData) => el.name && !el.disabled ? formData.append(el.name, el.value) : null,
-        keyDown: (event) => {
-          if (event.key === 'Enter' && !event.defaultPrevented) {
-            this.submit();
-          }
-        },
-        changeEventName: 'six-timepicker-change',
-      },
-    ];
-    this.handleClick = this.handleClick.bind(this);
-    this.handleKeyDown = this.handleKeyDown.bind(this);
-  }
-  disconnectedCallback() {
-    this.eventListeners.removeAll();
-  }
-  componentDidLoad() {
-    this.getFormControls().then((controls) => controls.forEach((control) => this.appendChangeListener(control)));
-  }
-  appendChangeListener(el) {
-    const tag = el.tagName.toLowerCase();
-    for (const formControl of this.formControls) {
-      if (formControl.tag === tag && formControl.changeEventName) {
-        this.eventListeners.add(el, formControl.changeEventName, () => this.handleChange(el));
-      }
-    }
-  }
-  /** Serializes all form controls elements and returns a `FormData` object. */
-  async getFormData() {
-    const formData = new FormData();
-    const formControls = await this.getFormControls();
-    formControls.map((el) => this.serializeElement(el, formData));
-    return formData;
-  }
-  /** Gets all form control elements (native and custom). */
-  async getFormControls() {
-    const slot = this.form.querySelector('slot');
-    const tags = this.formControls.map((control) => control.tag);
-    return slot
-      .assignedElements({ flatten: true })
-      .reduce((all, el) => all.concat(el, [...el.querySelectorAll('*')]), [])
-      .filter((el) => tags.includes(el.tagName.toLowerCase()));
-  }
-  /**
-   * Submits the form. If all controls are valid, the `six-form-submit` event will be emitted and the promise will resolve
-   * with `true`. If any form control is invalid, the promise will resolve with `false` and no event will be emitted.
-   */
-  async submit() {
-    const formData = await this.getFormData();
-    const formControls = await this.getFormControls();
-    const formControlsThatReport = formControls.filter((el) => typeof el.reportValidity === 'function');
-    if (!this.novalidate) {
-      let isValid = true;
-      for (const el of formControlsThatReport) {
-        if (!(await el.reportValidity())) {
-          isValid = false;
-        }
-      }
-      if (!isValid) {
-        return false;
-      }
-    }
-    this.sixSubmit.emit({ formData, formControls });
-    return true;
-  }
-  /** Checks for validity. */
-  async checkValidity() {
-    const formControls = await this.getFormControls();
-    const validationTasks = formControls
-      .filter((el) => typeof el.checkValidity === 'function')
-      .map((el) => el.checkValidity());
-    const invalidControls = await Promise.all(validationTasks).then((results) => results.filter((valid) => valid === false));
-    return invalidControls.length == 0;
-  }
-  /** Resets the form and resets the value of all descendants*/
-  async reset() {
-    const formControls = await this.getFormControls();
-    formControls
-      .filter((control) => (control === null || control === void 0 ? void 0 : control.reset) && typeof (control === null || control === void 0 ? void 0 : control.reset) === 'function')
-      .forEach((formControl) => formControl.reset());
-    this.sixReset.emit();
-  }
-  handleClick(event) {
-    const target = event.target;
-    const tag = target.tagName.toLowerCase();
-    for (const formControl of this.formControls) {
-      if (formControl.tag === tag && formControl.click) {
-        formControl.click(event);
-      }
-    }
-  }
-  handleKeyDown(event) {
-    const target = event.target;
-    const tag = target.tagName.toLowerCase();
-    for (const formControl of this.formControls) {
-      if (formControl.tag === tag && formControl.keyDown) {
-        formControl.keyDown(event);
-      }
-    }
-  }
-  handleChange(el) {
-    this.checkValidity().then((isValid) => this.sixChange.emit({
-      valid: isValid,
-      formControl: el,
-    }));
-  }
-  serializeElement(el, formData) {
-    const tag = el.tagName.toLowerCase();
-    for (const formControl of this.formControls) {
-      if (formControl.tag === tag) {
-        return formControl.serialize(el, formData);
-      }
-    }
-    return null;
-  }
-  render() {
-    return (index.h("div", { ref: (el) => (this.form = el), part: "base", class: "form", role: "form", onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("slot", null)));
-  }
-};
-SixForm.style = sixFormCss;
-
-exports.six_form = SixForm;
-
-//# sourceMappingURL=six-form.cjs.entry.js.map

package/dist/cjs/six-form.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"six-form.entry.cjs.js","mappings":"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","names":["EventListeners","h"],"sources":["./src/components/six-form/six-form.scss?tag=six-form&encapsulation=shadow","./src/components/six-form/six-form.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n","import { Component, Event, EventEmitter, h, Method, Prop } from '@stencil/core';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { EmptyPayload } from '../../utils/types';\n\nexport interface SixFormSubmitPayload {\n  formData: FormData;\n  formControls: HTMLFormElement[];\n}\n\nexport interface SixFormChangePayload {\n  formControl: HTMLFormElement;\n  valid: boolean;\n}\n\ninterface FormControl {\n  tag: string;\n\n  serialize(el: HTMLFormElement | HTMLElement, formData: FormData): void;\n\n  click?(event: MouseEvent): any;\n\n  keyDown?(event: KeyboardEvent): any;\n\n  changeEventName?: 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 - The form's content.\n *\n * @part base - The component's base wrapper.\n */\n@Component({\n  tag: 'six-form',\n  styleUrl: 'six-form.scss',\n  shadow: true,\n})\nexport class SixForm {\n  form: HTMLElement;\n  formControls: FormControl[];\n\n  readonly eventListeners = new EventListeners();\n\n  /** Prevent the form from validating inputs before submitting. */\n  @Prop() novalidate = false;\n\n  /**\n   * Emitted when the form is submitted. This event will not be emitted if any form control inside of it is in an\n   * invalid state, unless the form has the `novalidate` attribute. Note that there is never a need to prevent this\n   * event, since it doen't send a GET or POST request like native forms. To \"prevent\" submission, use a conditional\n   * around the XHR request you use to submit the form's data with.\n   */\n  @Event({ eventName: 'six-form-submit' }) sixSubmit: EventEmitter<SixFormSubmitPayload>;\n\n  /** Emitted when the control's value changes. */\n  @Event({ eventName: 'six-form-change' }) sixChange: EventEmitter<SixFormChangePayload>;\n\n  /** Emitted when the forms values are reset. */\n  @Event({ eventName: 'six-form-reset' }) sixReset: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    this.formControls = [\n      {\n        tag: 'six-button',\n        serialize: (el: HTMLSixButtonElement, formData) =>\n          el.name && !el.disabled ? formData.append(el.name, el.value) : null,\n        click: (event) => {\n          const target = event.target as HTMLSixButtonElement;\n          if (target.submit) {\n            this.submit();\n          }\n\n          if (target.reset) {\n            this.reset();\n          }\n        },\n      },\n      {\n        tag: 'six-checkbox',\n        serialize: (el: HTMLSixCheckboxElement, formData) =>\n          el.name && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,\n        changeEventName: 'six-checkbox-change',\n      },\n      {\n        tag: 'six-color-picker',\n        serialize: (el: HTMLSixCheckboxElement, formData) =>\n          el.name && !el.disabled ? formData.append(el.name, el.value) : null,\n      },\n      {\n        tag: 'six-input',\n        serialize: (el: HTMLSixInputElement, formData) =>\n          el.name && !el.disabled ? formData.append(el.name, el.value) : null,\n        keyDown: (event) => {\n          if (event.key === 'Enter' && !event.defaultPrevented) {\n            this.submit();\n          }\n        },\n        changeEventName: 'six-input-change',\n      },\n      {\n        tag: 'six-datepicker',\n        serialize: (el: HTMLSixDatepickerElement, formData) =>\n          el.name && !el.disabled ? formData.append(el.name, el.value?.toISOString()) : null,\n        keyDown: (event) => {\n          if (event.key === 'Enter' && !event.defaultPrevented) {\n            this.submit();\n          }\n        },\n        changeEventName: 'six-datepicker-select',\n      },\n      {\n        tag: 'six-radio',\n        serialize: (el: HTMLSixRadioElement, formData) =>\n          el.name && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,\n        changeEventName: 'six-radio-change',\n      },\n      {\n        tag: 'six-range',\n        serialize: (el: HTMLSixRangeElement, formData) => {\n          if (el.name && !el.disabled) {\n            formData.append(el.name, el.value + '');\n          }\n        },\n        changeEventName: 'six-range-change',\n      },\n      {\n        tag: 'six-select',\n        serialize: (el: HTMLSixSelectElement, formData) => {\n          if (el.name && !el.disabled) {\n            if (el.multiple) {\n              const selectedOptions = [...el.value];\n              if (selectedOptions.length) {\n                selectedOptions.map((value) => formData.append(el.name, value));\n              } else {\n                formData.append(el.name, '');\n              }\n            } else {\n              formData.append(el.name, el.value + '');\n            }\n          }\n        },\n        changeEventName: 'six-select-change',\n      },\n      {\n        tag: 'six-switch',\n        serialize: (el: HTMLSixSwitchElement, formData) =>\n          el.name && el.checked && !el.disabled ? formData.append(el.name, el.value) : null,\n        changeEventName: 'six-switch-change',\n      },\n      {\n        tag: 'six-textarea',\n        serialize: (el: HTMLSixTextareaElement, formData) =>\n          el.name && !el.disabled ? formData.append(el.name, el.value) : null,\n        changeEventName: 'six-textarea-change',\n      },\n      {\n        tag: 'six-timepicker',\n        serialize: (el: HTMLSixTimepickerElement, formData) =>\n          el.name && !el.disabled ? formData.append(el.name, el.value) : null,\n        keyDown: (event) => {\n          if (event.key === 'Enter' && !event.defaultPrevented) {\n            this.submit();\n          }\n        },\n        changeEventName: 'six-timepicker-change',\n      },\n    ];\n\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  disconnectedCallback() {\n    this.eventListeners.removeAll();\n  }\n\n  componentDidLoad() {\n    this.getFormControls().then((controls) => controls.forEach((control) => this.appendChangeListener(control)));\n  }\n\n  private appendChangeListener(el: HTMLFormElement) {\n    const tag = el.tagName.toLowerCase();\n    for (const formControl of this.formControls) {\n      if (formControl.tag === tag && formControl.changeEventName) {\n        this.eventListeners.add(el as HTMLElement, formControl.changeEventName, () => this.handleChange(el));\n      }\n    }\n  }\n\n  /** Serializes all form controls elements and returns a `FormData` object. */\n  @Method()\n  async getFormData() {\n    const formData = new FormData();\n    const formControls = await this.getFormControls();\n\n    formControls.map((el) => this.serializeElement(el, formData));\n\n    return formData;\n  }\n\n  /** Gets all form control elements (native and custom). */\n  @Method()\n  async getFormControls() {\n    const slot = this.form.querySelector('slot');\n    const tags = this.formControls.map((control) => control.tag);\n    return slot\n      .assignedElements({ flatten: true })\n      .reduce((all, el) => all.concat(el, [...el.querySelectorAll('*')]), [])\n      .filter((el) => tags.includes(el.tagName.toLowerCase())) as HTMLFormElement[];\n  }\n\n  /**\n   * Submits the form. If all controls are valid, the `six-form-submit` event will be emitted and the promise will resolve\n   * with `true`. If any form control is invalid, the promise will resolve with `false` and no event will be emitted.\n   */\n  @Method()\n  async submit() {\n    const formData = await this.getFormData();\n    const formControls = await this.getFormControls();\n    const formControlsThatReport = formControls.filter(\n      (el: HTMLFormElement) => typeof el.reportValidity === 'function'\n    ) as any;\n\n    if (!this.novalidate) {\n      let isValid = true;\n      for (const el of formControlsThatReport) {\n        if (!(await el.reportValidity())) {\n          isValid = false;\n        }\n      }\n      if (!isValid) {\n        return false;\n      }\n    }\n\n    this.sixSubmit.emit({ formData, formControls });\n\n    return true;\n  }\n\n  /** Checks for validity. */\n  @Method()\n  async checkValidity() {\n    const formControls = await this.getFormControls();\n    const validationTasks = formControls\n      .filter((el: HTMLFormElement) => typeof el.checkValidity === 'function')\n      .map((el: HTMLFormElement) => el.checkValidity());\n    const invalidControls = await Promise.all(validationTasks).then((results) =>\n      results.filter((valid) => valid === false)\n    );\n    return invalidControls.length == 0;\n  }\n\n  /** Resets the form and resets the value of all descendants*/\n  @Method()\n  async reset() {\n    const formControls = await this.getFormControls();\n\n    formControls\n      .filter((control) => control?.reset && typeof control?.reset === 'function')\n      .forEach((formControl) => formControl.reset());\n\n    this.sixReset.emit();\n  }\n\n  handleClick(event: MouseEvent) {\n    const target = event.target as HTMLFormElement;\n    const tag = target.tagName.toLowerCase();\n\n    for (const formControl of this.formControls) {\n      if (formControl.tag === tag && formControl.click) {\n        formControl.click(event);\n      }\n    }\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    const target = event.target as HTMLFormElement;\n    const tag = target.tagName.toLowerCase();\n\n    for (const formControl of this.formControls) {\n      if (formControl.tag === tag && formControl.keyDown) {\n        formControl.keyDown(event);\n      }\n    }\n  }\n\n  handleChange(el: HTMLFormElement) {\n    this.checkValidity().then((isValid) =>\n      this.sixChange.emit({\n        valid: isValid,\n        formControl: el,\n      })\n    );\n  }\n\n  serializeElement(el: HTMLFormElement, formData: FormData) {\n    const tag = el.tagName.toLowerCase();\n\n    for (const formControl of this.formControls) {\n      if (formControl.tag === tag) {\n        return formControl.serialize(el, formData);\n      }\n    }\n\n    return null;\n  }\n\n  render() {\n    return (\n      <div\n        ref={(el) => (this.form = el)}\n        part=\"base\"\n        class=\"form\"\n        role=\"form\"\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeyDown}\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/six-table-cell_4.cjs.entry.js

@@ -1,107 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b3257a77.js');
-
-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 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-};
-SixTableCell.style = sixTableCellCss;
-
-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 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-};
-SixTableHeader.style = sixTableHeaderCss;
-
-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 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.sortUpdated = index.createEvent(this, "six-table-header-cell-sort-updated", 7);
-    this.filterUpdated = index.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 && (index.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 && (index.h("six-dropdown", { ref: (el) => (this.filterRef = el), hoist: true, "data-testid": `table-filter-${this.name}` }, index.h("six-icon", { slot: "trigger", class: "header__trigger-icon" }, "filter_alt"), index.h("six-input", { ref: (el) => (this.inputElement = el), value: this.value, "onSix-input-input": this.handleFilterChange }, index.h("six-icon-button", { slot: "prefix", html: FilterIcon[this.filter], onClick: this.handleFilterNext, "data-testid": `table-filter-prefix-${this.name}` }), index.h("six-icon-button", { slot: "suffix", name: "clear", label: "Clear", onClick: this.handleFilterClear, "data-testid": `table-filter-suffix-${this.name}` }))));
-    return (index.h(index.Host, null, index.h("div", { class: { header: true, 'header--selected': this.value !== undefined } }, index.h("slot", null), index.h("div", { class: "header__trigger-icon-box" }, sort, filter))));
-  }
-};
-SixTableHeaderCell.style = sixTableHeaderCellCss;
-
-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 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-};
-SixTableRow.style = sixTableRowCss;
-
-exports.six_table_cell = SixTableCell;
-exports.six_table_header = SixTableHeader;
-exports.six_table_header_cell = SixTableHeaderCell;
-exports.six_table_row = SixTableRow;
-
-//# sourceMappingURL=six-table-cell_4.cjs.entry.js.map

package/dist/cjs/six-table-cell_4.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"six-table-cell.six-table-header.six-table-header-cell.six-table-row.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,wMAAwM;;MCcnN,YAAY;;;;EACvB,MAAM;IACJ,QACEA,QAACC,UAAI,QACHD,qBAAQ,CACH,EACP;GACH;;;;ACrBH,MAAM,iBAAiB,GAAG,oVAAoV;;MCcjW,cAAc;;;;EACzB,MAAM;IACJ,QACEA,QAACC,UAAI,QACHD,qBAAQ,CACH,EACP;GACH;;;;ACnBH,MAAM,YAAY,GAChB,CAAI,MAAW,KACf,CAAC,OAAU;EACT,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;EACzC,OAAO,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC;AACjD,CAAC,CAAC;AAEG,MAAM,gBAAgB,GAAG,YAAY,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAoB,CAAC,CAAC;AAClF,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAiB,CAAC,CAAC;;ACPhG,MAAM,eAAe,GAAG,CAAiB,GAAY,EAAE,KAAoB;EAChF,OAAO,EAAE,CAAC,GAAG,GAAG,KAAK,EAAS,CAAC;AACjC,CAAC,CAAC;AAEK,MAAM,iBAAiB,GAAG,CAAiB,GAAY,EAAE,MAAkB,EAAE,KAAa;EAC/F,OAAO,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,MAAM,GAAG,KAAK,EAAE,EAAS,CAAC;AAC/C,CAAC;;ACPM,MAAM,QAAQ,GAAkC;EACrD,CAAC,KAAK,GAAG,eAAe;EACxB,CAAC,MAAM,GAAG,iBAAiB;EAC3B,CAAC,MAAM,GAAG,WAAW;CACtB,CAAC;AAEK,MAAM,UAAU,GAA+B;EACpD,CAAC,IAAI,GAAG,GAAG;EACX,CAAC,IAAI,GAAG,MAAM;EACd,CAAC,IAAI,GAAG,QAAQ;EAChB,CAAC,IAAI,GAAG,SAAS;CAClB;;ACbD,MAAM,qBAAqB,GAAG,ojBAAojB;;MCsBrkB,kBAAkB;;;;;IAqB7B,mBAAc,GAAG;MACf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KAChF,CAAC;IAEF,qBAAgB,GAAG;MACjB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;KACjH,CAAC;IAEF,uBAAkB,GAAG;MACnB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;KAC7F,CAAC;IAEF,sBAAiB,GAAG;MAClB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;MAC9E,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;KACvB,CAAC;;;;;;EAEF,MAAM;IACJ,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KACpBA,sBACE,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,EAAE,sBAAsB,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,EACvD,OAAO,EAAE,IAAI,CAAC,cAAc,iBACf,cAAc,IAAI,CAAC,IAAI,EAAE,IAErC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CACX,CACZ,CAAC;IAEF,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,KACxBA,0BAAc,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAAE,KAAK,uBAAc,gBAAgB,IAAI,CAAC,IAAI,EAAE,IAC9FA,sBAAU,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,sBAAsB,iBAE1C,EACXA,uBACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EACrC,KAAK,EAAE,IAAI,CAAC,KAAK,uBACE,IAAI,CAAC,kBAAkB,IAE1CA,6BACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,EAC7B,OAAO,EAAE,IAAI,CAAC,gBAAgB,iBACjB,uBAAuB,IAAI,CAAC,IAAI,EAAE,GAC/C,EACFA,6BACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,IAAI,CAAC,iBAAiB,iBAClB,uBAAuB,IAAI,CAAC,IAAI,EAAE,GAC/C,CACQ,CACC,CAChB,CAAC;IAEF,QACEA,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE,IACxEA,qBAAQ,EACRA,iBAAK,KAAK,EAAC,0BAA0B,IAClC,IAAI,EACJ,MAAM,CACH,CACF,CACD,EACP;GACH;;;;AC9GH,MAAM,cAAc,GAAG,8OAA8O;;MCcxP,WAAW;;;;EACtB,MAAM;IACJ,QACEA,QAACC,UAAI,QACHD,qBAAQ,CACH,EACP;GACH;;;;;;;;;","names":["h","Host"],"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","./src/components/six-table-header/six-table-header.scss?tag=six-table-header&encapsulation=shadow","./src/components/six-table-header/six-table-header.tsx","./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","./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-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","@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","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","@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}

package/dist/cjs/six-table.cjs.entry.js

@@ -1,167 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b3257a77.js');
-
-const assertions = [
-  (value) => typeof value === 'object',
-  (value) => typeof value.columns === 'object',
-  (value) => Array.isArray(value.rows),
-  (value) => value.sort === undefined || typeof value.sort === 'object',
-];
-const apply = (value) => (f) => f(value);
-const isData = (value) => assertions.every(apply(value));
-
-const Invalid = {
-  Term: (value) => typeof value !== 'string' || value.length < 1,
-};
-
-const modes = {
-  in: (a, b) => a.includes(b),
-  ni: (a, b) => !a.includes(b),
-  eq: (a, b) => a === b,
-  ne: (a, b) => a !== b,
-};
-const filterBy = (filterModel = {}) => (item) => {
-  var _a;
-  const keys = Object.keys(filterModel);
-  if (keys.length === 0) {
-    return true;
-  }
-  for (const key of keys) {
-    const filter = filterModel[key];
-    if (!filter) {
-      return true;
-    }
-    for (const [mode, term] of Object.entries(filter)) {
-      if (Invalid.Term(term)) {
-        continue;
-      }
-      const value = String((_a = item[key]) !== null && _a !== void 0 ? _a : '');
-      if (Invalid.Term(value)) {
-        continue;
-      }
-      if (!modes[mode](value, term)) {
-        return false;
-      }
-    }
-  }
-  return true;
-};
-
-const unordered = (value) => value === 'none';
-const DEFAULT_COMPARATOR = (a, b) => String(a).localeCompare(String(b));
-const sortBy = (sort = {}, compare = {}) => (items) => {
-  const values = Object.values(sort);
-  if (values.length === 0 || values.every(unordered)) {
-    return items;
-  }
-  return [...items].sort((a, b) => {
-    return Object.entries(sort).reduce((acc, [k, v], index) => {
-      if (v === 'none') {
-        return acc;
-      }
-      const comparator = compare[k];
-      const direction = {
-        asc: +1,
-        desc: -1,
-      }[v];
-      if (comparator) {
-        return acc + direction * (comparator(a, b) << index);
-      }
-      return acc + direction * (DEFAULT_COMPARATOR(a[k], b[k]) << index);
-    }, 0);
-  });
-};
-
-const quickFilterBy = (keys, value) => (item) => {
-  if (Invalid.Term(value)) {
-    return true;
-  }
-  const term = value.toLowerCase();
-  const source = keys
-    .map((key) => { var _a; return (_a = item[key]) !== null && _a !== void 0 ? _a : ''; })
-    .map(String)
-    .join()
-    .toLowerCase();
-  return source.includes(term);
-};
-
-const propOr = (k) => (o = {}, defaults) => o[k] || defaults;
-const fromData = ({ data, handleRowClick, handleCellClick }) => {
-  if (!isData(data)) {
-    return;
-  }
-  const keys = Object.keys(data.columns);
-  const columns = keys.map((key) => {
-    const byKey = propOr(key);
-    const sort = byKey(data.sort, undefined);
-    const [[filter, value] = []] = Object.entries(byKey(data.filter, {}));
-    return (index.h("six-table-header-cell", { name: key, sort: sort, filter: filter, value: value }, data.columns[key]));
-  });
-  const quickFilter = quickFilterBy(Object.keys(data.columns), data.quickFilter);
-  const filter = filterBy(data.filter);
-  const sort = sortBy(data.sort, data.compare);
-  const rows = sort(data.rows.filter(quickFilter).filter(filter)).map((item, index$1) => {
-    const cells = keys.map((key) => {
-      const renderer = data.render && data.render[key];
-      // HTML is not escaped, responsibility lays on the caller
-      const html = typeof renderer === 'function' ? renderer(item) : String(item[key]);
-      return (index.h("six-table-cell", { onClick: handleCellClick(item, key), "data-testid": `table-cell-${key}-${index$1}`, innerHTML: html }));
-    });
-    return (index.h("six-table-row", { onClick: handleRowClick(item), "data-testid": `table-row-${index$1}` }, cells));
-  });
-  return (index.h(index.Fragment, null,
-    index.h("six-table-header", { "data-testid": "table-header" }, columns),
-    rows));
-};
-
-const sixTableCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table;border-collapse:collapse;user-select:none;border:none;width:100%;height:100%}:host([loading]){border-collapse:separate}:host([striped]) six-table-row:nth-child(odd):not(:hover),:host([striped]) ::slotted(six-table-row:nth-child(odd):not(:hover)){background-color:var(--six-table-row-background-color)}:host(:not(striped)) ::slotted(six-table-row){border-bottom:solid 1px var(--six-table-row-border-color)}.loading{position:absolute;background-color:var(--six-table-background-color);top:0;left:0;width:100%;height:100%}.loading six-spinner{top:calc(50% - 0.5em);left:50%;transform:scale(3)}";
-
-const SixTable = class {
-  handleData({ detail }) {
-    if (!isData(detail)) {
-      return;
-    }
-    this.data = detail;
-  }
-  async setData(value) {
-    if (!isData(value)) {
-      return;
-    }
-    this.data = value;
-  }
-  componentDidLoad() {
-    this.tableReady.emit();
-  }
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.tableReady = index.createEvent(this, "six-table-ready", 7);
-    this.tableRowClicked = index.createEvent(this, "six-table-row-clicked", 7);
-    this.tableCellClicked = index.createEvent(this, "six-table-cell-clicked", 7);
-    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 && (index.h("div", { class: "loading" }, index.h("six-spinner", { "data-testid": "loading-spinner" })));
-    return (index.h(index.Host, null, index.h("slot", null, fromData(this)), loading));
-  }
-  get host() { return index.getElement(this); }
-};
-SixTable.style = sixTableCss;
-
-exports.six_table = SixTable;
-
-//# sourceMappingURL=six-table.cjs.entry.js.map

package/dist/cjs/six-table.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"six-table.entry.cjs.js","mappings":"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","names":["h","index","Fragment","Host"],"sources":["./src/components/six-table/types.ts","./src/components/six-table/util/is.ts","./src/components/six-table/util/filter-by.ts","./src/components/six-table/util/sort-by.ts","./src/components/six-table/util/quick-filter-by.ts","./src/components/six-table/util/from-data.tsx","./src/components/six-table/six-table.scss?tag=six-table&encapsulation=shadow","./src/components/six-table/six-table.tsx"],"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","export const Invalid = {\n  Term: (value?: unknown) => typeof value !== 'string' || value.length < 1,\n};\n","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","import { Comparator, CompareModel, Item, SortModel } from '../types';\nimport { SortDirection } from '../../six-table-header-cell/types';\n\nconst unordered = (value: SortDirection) => value === 'none';\n\nconst DEFAULT_COMPARATOR: Comparator<unknown> = (a, b) => String(a).localeCompare(String(b));\n\nexport const sortBy =\n  <T extends Item>(sort: SortModel<T> = {}, compare: CompareModel<T> = {}) =>\n  (items: T[]) => {\n    const values = Object.values(sort);\n\n    if (values.length === 0 || values.every(unordered)) {\n      return items;\n    }\n\n    return [...items].sort((a, b) => {\n      return Object.entries(sort).reduce((acc, [k, v], index) => {\n        if (v === 'none') {\n          return acc;\n        }\n\n        const comparator = compare[k];\n\n        const direction = {\n          asc: +1,\n          desc: -1,\n        }[v];\n\n        if (comparator) {\n          return acc + direction * (comparator(a, b) << index);\n        }\n\n        return acc + direction * (DEFAULT_COMPARATOR(a[k], b[k]) << index);\n      }, 0);\n    });\n  };\n","import { Item } from '../types';\nimport { Invalid } from './is';\n\nexport const quickFilterBy =\n  <T extends Item>(keys: string[], value?: string) =>\n  (item: T): boolean => {\n    if (Invalid.Term(value)) {\n      return true;\n    }\n\n    const term = value.toLowerCase();\n\n    const source = keys\n      .map((key) => item[key] ?? '')\n      .map(String)\n      .join()\n      .toLowerCase();\n\n    return source.includes(term);\n  };\n","import { Data, isData, Item } from '../types';\nimport { filterBy } from './filter-by';\nimport { Fragment, h } from '@stencil/core';\nimport { sortBy } from './sort-by';\nimport { quickFilterBy } from './quick-filter-by';\nimport { FilterMode } from '../../six-table-header-cell/types';\n\ninterface FromDataProps<T extends Item> {\n  data: Data<T>;\n  handleRowClick: (item: T) => (event: MouseEvent) => void;\n  handleCellClick: (item: T, key: string) => (event: MouseEvent) => void;\n}\n\nconst propOr =\n  (k: string) =>\n  <T extends unknown>(o = {}, defaults: T): T =>\n    o[k] || defaults;\n\nexport const fromData = <T extends Item>({ data, handleRowClick, handleCellClick }: FromDataProps<T>) => {\n  if (!isData(data)) {\n    return;\n  }\n\n  const keys = Object.keys(data.columns);\n\n  const columns = keys.map((key) => {\n    const byKey = propOr(key);\n\n    const sort = byKey(data.sort, undefined);\n    const [[filter, value] = []] = Object.entries<string>(byKey(data.filter, {}));\n\n    return (\n      <six-table-header-cell name={key} sort={sort} filter={filter as FilterMode} value={value}>\n        {data.columns[key]}\n      </six-table-header-cell>\n    );\n  });\n\n  const quickFilter = quickFilterBy(Object.keys(data.columns), data.quickFilter);\n  const filter = filterBy(data.filter);\n  const sort = sortBy(data.sort, data.compare);\n\n  const rows = sort(data.rows.filter(quickFilter).filter(filter)).map((item, index) => {\n    const cells = keys.map((key) => {\n      const renderer = data.render && data.render[key];\n      // HTML is not escaped, responsibility lays on the caller\n      const html = typeof renderer === 'function' ? renderer(item) : String(item[key]);\n\n      return (\n        <six-table-cell\n          onClick={handleCellClick(item, key)}\n          data-testid={`table-cell-${key}-${index}`}\n          innerHTML={html}\n        />\n      );\n    });\n\n    return (\n      <six-table-row onClick={handleRowClick(item)} data-testid={`table-row-${index}`}>\n        {cells}\n      </six-table-row>\n    );\n  });\n\n  return (\n    <Fragment>\n      <six-table-header data-testid=\"table-header\">{columns}</six-table-header>\n      {rows}\n    </Fragment>\n  );\n};\n","@import 'src/global/component';\n\n//$six-table-loading-overlay: rgba(0, 0, 0, 0.12);\n$six-table-loading-spinner: scale(3);\n\n:host {\n  display: table;\n  border-collapse: collapse;\n  user-select: none;\n  border: none;\n  width: 100%;\n  height: 100%;\n}\n\n:host([loading]) {\n  border-collapse: separate;\n}\n\n:host([striped]) {\n  six-table-row:nth-child(odd):not(:hover),\n  ::slotted(six-table-row:nth-child(odd):not(:hover)) {\n    background-color: var(--six-table-row-background-color);\n  }\n}\n\n:host(:not(striped)) {\n  ::slotted(six-table-row) {\n    border-bottom: solid 1px var(--six-table-row-border-color);\n  }\n}\n\n.loading {\n  position: absolute;\n  //background-color: $six-table-loading-overlay;\n  background-color: var(--six-table-background-color);\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.loading six-spinner {\n  top: calc(50% - 0.5em);\n  left: 50%;\n  transform: $six-table-loading-spinner;\n}\n","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"],"version":3}