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

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}

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

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

package/dist/components/six-table.js

@@ -1,252 +0,0 @@
-import { h, Fragment, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$c } from './six-dropdown2.js';
-import { d as defineCustomElement$b } from './six-icon2.js';
-import { d as defineCustomElement$a } from './six-icon-button2.js';
-import { d as defineCustomElement$9 } from './six-input2.js';
-import { d as defineCustomElement$8 } from './six-menu2.js';
-import { d as defineCustomElement$7 } from './six-menu-item2.js';
-import { d as defineCustomElement$6 } from './six-spinner2.js';
-import { d as defineCustomElement$5 } from './six-table-cell2.js';
-import { d as defineCustomElement$4 } from './six-table-header2.js';
-import { d as defineCustomElement$3 } from './six-table-header-cell2.js';
-import { d as defineCustomElement$2 } from './six-table-row2.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 (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) => {
-    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 (h("six-table-cell", { onClick: handleCellClick(item, key), "data-testid": `table-cell-${key}-${index}`, innerHTML: html }));
-    });
-    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));
-};
-
-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$1 = /*@__PURE__*/ proxyCustomElement(class SixTable extends HTMLElement {
-  handleData({ detail }) {
-    if (!isData(detail)) {
-      return;
-    }
-    this.data = detail;
-  }
-  async setData(value) {
-    if (!isData(value)) {
-      return;
-    }
-    this.data = value;
-  }
-  componentDidLoad() {
-    this.tableReady.emit();
-  }
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.tableReady = createEvent(this, "six-table-ready", 7);
-    this.tableRowClicked = createEvent(this, "six-table-row-clicked", 7);
-    this.tableCellClicked = 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 && (h("div", { class: "loading" }, h("six-spinner", { "data-testid": "loading-spinner" })));
-    return (h(Host, null, h("slot", null, fromData(this)), loading));
-  }
-  get host() { return this; }
-  static get style() { return sixTableCss; }
-}, [1, "six-table", {
-    "striped": [4],
-    "loading": [4],
-    "data": [32],
-    "setData": [64]
-  }, [[0, "data", "handleData"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["six-table", "six-dropdown", "six-icon", "six-icon-button", "six-input", "six-menu", "six-menu-item", "six-spinner", "six-table-cell", "six-table-header", "six-table-header-cell", "six-table-row"];
-  components.forEach(tagName => { switch (tagName) {
-    case "six-table":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SixTable$1);
-      }
-      break;
-    case "six-dropdown":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$c();
-      }
-      break;
-    case "six-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "six-icon-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "six-input":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "six-menu":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "six-menu-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "six-spinner":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "six-table-cell":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "six-table-header":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "six-table-header-cell":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "six-table-row":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const SixTable = SixTable$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SixTable, defineCustomElement };
-
-//# sourceMappingURL=six-table.js.map

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

@@ -1 +0,0 @@
-{"file":"six-table.js","mappings":"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","names":["SixTable"],"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}

package/dist/esm/event-listeners-570a24ea.js

@@ -1,43 +0,0 @@
-const equals = (a) => (b) => Object.keys(a).every((key) => a[key] === b[key]);
-class EventListeners {
-  constructor() {
-    this.eventListeners = [];
-    this.add = (el, name, listener, identifier = null) => {
-      this.eventListeners.push({ el, name, listener, identifier });
-      el.addEventListener(name, listener);
-    };
-    this.remove = (el, name, listener) => {
-      const sameItem = equals({ el, name, listener });
-      this.eventListeners = this.getFilteredEventListeners(sameItem);
-    };
-    this.removeByIdentifier = (identifier) => {
-      const sameItem = (el) => el.identifier === identifier;
-      const foundListener = this.eventListeners.find(sameItem) !== undefined;
-      if (!foundListener) {
-        return;
-      }
-      this.eventListeners = this.getFilteredEventListeners(sameItem);
-    };
-    this.removeAll = () => {
-      while (this.eventListeners.length) {
-        const { el, name, listener } = this.eventListeners.pop();
-        el.removeEventListener(name, listener);
-      }
-    };
-  }
-  getFilteredEventListeners(sameItem) {
-    return this.eventListeners.filter((item) => {
-      if (sameItem(item)) {
-        item.el.removeEventListener(item.name, item.listener);
-        return false;
-      }
-      else {
-        return true;
-      }
-    });
-  }
-}
-
-export { EventListeners as E };
-
-//# sourceMappingURL=event-listeners-570a24ea.js.map

package/dist/esm/event-listeners-570a24ea.js.map

@@ -1 +0,0 @@
-{"file":"event-listeners-570a24ea.js","mappings":"AAOA,MAAM,MAAM,GACV,CAAmB,CAAI,KACvB,CAAmB,CAAI,KACrB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;MAExC,cAAc;EAA3B;IACE,mBAAc,GAAoB,EAAE,CAAC;IAErC,QAAG,GAAG,CACJ,EAAK,EACL,IAAY,EACZ,QAA4C,EAC5C,UAAU,GAAG,IAAI;MAEjB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC;MAC7D,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACrC,CAAC;IAEF,WAAM,GAAG,CACP,EAAK,EACL,IAAY,EACZ,QAA4C;MAE5C,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;MAChD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAC;KAChE,CAAC;IAEF,uBAAkB,GAAG,CAAC,UAAkB;MACtC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,UAAU,KAAK,UAAU,CAAC;MACtD,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,SAAS,CAAC;MAEvE,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO;OACR;MAED,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAC;KAChE,CAAC;IAaF,cAAS,GAAG;MACV,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;QACjC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC;QACzD,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;OACxC;KACF,CAAC;GACH;EAjBS,yBAAyB,CAAC,QAAyB;IACzD,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,IAAI;MACrC,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE;QAClB,IAAI,CAAC,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtD,OAAO,KAAK,CAAC;OACd;WAAM;QACL,OAAO,IAAI,CAAC;OACb;KACF,CAAC,CAAC;GACJ;;;;;","names":[],"sources":["./src/utils/event-listeners.ts"],"sourcesContent":["interface EventListener {\n  el: DocumentAndElementEventHandlers;\n  name: string;\n  listener: EventListenerOrEventListenerObject;\n  identifier?: string | null;\n}\n\nconst equals =\n  <A extends Object>(a: A) =>\n  <B extends Object>(b: B) =>\n    Object.keys(a).every((key) => a[key] === b[key]);\n\nexport class EventListeners {\n  eventListeners: EventListener[] = [];\n\n  add = <T extends DocumentAndElementEventHandlers>(\n    el: T,\n    name: string,\n    listener: EventListenerOrEventListenerObject,\n    identifier = null\n  ) => {\n    this.eventListeners.push({ el, name, listener, identifier });\n    el.addEventListener(name, listener);\n  };\n\n  remove = <T extends DocumentAndElementEventHandlers>(\n    el: T,\n    name: string,\n    listener: EventListenerOrEventListenerObject\n  ) => {\n    const sameItem = equals({ el, name, listener });\n    this.eventListeners = this.getFilteredEventListeners(sameItem);\n  };\n\n  removeByIdentifier = (identifier: string) => {\n    const sameItem = (el) => el.identifier === identifier;\n    const foundListener = this.eventListeners.find(sameItem) !== undefined;\n\n    if (!foundListener) {\n      return;\n    }\n\n    this.eventListeners = this.getFilteredEventListeners(sameItem);\n  };\n\n  private getFilteredEventListeners(sameItem: (el) => boolean) {\n    return this.eventListeners.filter((item) => {\n      if (sameItem(item)) {\n        item.el.removeEventListener(item.name, item.listener);\n        return false;\n      } else {\n        return true;\n      }\n    });\n  }\n\n  removeAll = () => {\n    while (this.eventListeners.length) {\n      const { el, name, listener } = this.eventListeners.pop();\n      el.removeEventListener(name, listener);\n    }\n  };\n}\n"],"version":3}

package/dist/esm/execution-control-1a60d709.js.map

@@ -1 +0,0 @@
-{"file":"execution-control-1a60d709.js","mappings":"MAEa,8BAA8B,GAAG,GAAG;MAEpC,qBAAqB,GAAG,IAAI;AAGzC;;;;;;;;;;;;;MAaa,QAAQ,GAAG,CAAC,QAAkB,EAAE,OAAO,GAAG,qBAAqB;EAC1E,IAAI,KAAqB,CAAC;EAC1B,OAAO,CAAI,GAAG,IAAS;IACrB,YAAY,CAAC,KAAK,CAAC,CAAC;IACpB,KAAK,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,KAAK,CAACA,SAAI,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;GAC/D,CAAC;AACJ,EAAE;AAEF;;;;;;MAMa,aAAa,GAAG,CAAC,KAAmB,EAAE,OAAe;EAChE,MAAM,QAAQ,GAAI,KAAa,CAAC,SAAS,IAAI,KAAK,CAAC;EACnD,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAyB,CAAC;EACrF,OAAO;IACL,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,IAAI;GACK,CAAC;AACpB;;;;","names":["this"],"sources":["./src/utils/execution-control.ts"],"sourcesContent":["import { EventEmitter } from '@stencil/core';\n\nexport const DEFAULT_DEBOUNCE_INSANELY_FAST = 35;\nexport const DEFAULT_DEBOUNCE_VERY_FAST = 100;\nexport const DEFAULT_DEBOUNCE_FAST = 300;\nexport const DEFAULT_DEBOUNCE_SLOW = 600;\n\n/**\n * Debounce function to implement a timeframe to wait for no new changes before executing a callback\n\n *  example usages:\n *    debounce(() => saveInput());\n *    debounce(() => saveInput(), 750);\n *    this.searchInput.addEventListener('six-input-input', debounce((event) => this.searchInputChange(event)));\n *\n *  regarding default timeout check https://lawsofux.com/doherty-threshold/\n *\n * @param callback\n * @param timeout\n */\nexport const debounce = (callback: Function, timeout = DEFAULT_DEBOUNCE_FAST) => {\n  let timer: NodeJS.Timeout;\n  return <T>(...args: T[]) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => callback.apply(this, args), timeout);\n  };\n};\n\n/**\n * Debounce an event\n *\n * @param event\n * @param timeout\n */\nexport const debounceEvent = (event: EventEmitter, timeout: number): EventEmitter => {\n  const original = (event as any)._original || event;\n  const emit = debounce(original.emit.bind(original), timeout) as (any) => CustomEvent;\n  return {\n    _original: event,\n    emit: emit,\n  } as EventEmitter;\n};\n"],"version":3}

package/dist/esm/focus-visible-97933ea9.js.map

@@ -1 +0,0 @@
-{"file":"focus-visible-97933ea9.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,SAAS,GAAG,IAAI,OAAO,EAAE,CAAC;SAEhB,OAAO,CAAC,EAAe;EACrC,IAAI,CAAC,EAAE;IAAE,OAAO;EAEhB,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;EAC7G,MAAM,EAAE,GAAG,CAAC,KAAoB;IAC9B,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;MAC5B,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;KACnC;GACF,CAAC;EACF,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;EACzD,SAAS,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;EAEjC,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EACnC,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;EACjC,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;EACxC,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAC1C,CAAC;SAEe,SAAS,CAAC,EAAe;EACvC,IAAI,CAAC,EAAE;IAAE,OAAO;EAEhB,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;EAEnC,IAAI,CAAC,QAAQ,EAAE;IACb,OAAO;GACR;EAED,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC;EAE/B,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;EACrC,EAAE,CAAC,mBAAmB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EACtC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;EACpC,EAAE,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;EAC3C,EAAE,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAC7C,CAAC;MAEY,YAAY,GAAG;EAC1B,OAAO;EACP,SAAS;;;;;","names":[],"sources":["./src/utils/focus-visible.ts"],"sourcesContent":["//\n// Simulates :focus-visible behavior on an element by watching for certain keyboard and mouse heuristics and toggling a\n// `focus-visible` class. Works at the component level so no global polyfill is necessary.\n//\n// This will eventually be removed pending better :focus-visible support: https://caniuse.com/#search=focus-visible\n//\nconst listeners = new WeakMap();\n\nexport function observe(el: HTMLElement) {\n  if (!el) return;\n\n  const keys = ['Tab', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', 'PageDown', 'PageUp'];\n  const is = (event: KeyboardEvent) => {\n    if (keys.includes(event.key)) {\n      el.classList.add('focus-visible');\n    }\n  };\n  const isNot = () => el.classList.remove('focus-visible');\n  listeners.set(el, { is, isNot });\n\n  el.addEventListener('keydown', is);\n  el.addEventListener('keyup', is);\n  el.addEventListener('mousedown', isNot);\n  el.addEventListener('mousedown', isNot);\n}\n\nexport function unobserve(el: HTMLElement) {\n  if (!el) return;\n\n  const listener = listeners.get(el);\n\n  if (!listener) {\n    return;\n  }\n\n  const { is, isNot } = listener;\n\n  el.classList.remove('focus-visible');\n  el.removeEventListener('keydown', is);\n  el.removeEventListener('keyup', is);\n  el.removeEventListener('mousedown', isNot);\n  el.removeEventListener('mousedown', isNot);\n}\n\nexport const focusVisible = {\n  observe,\n  unobserve,\n};\n"],"version":3}

package/dist/esm/form-control-bdd1478a.js.map

@@ -1 +0,0 @@
-{"file":"form-control-bdd1478a.js","mappings":";;MAiDM,WAAW,GAAG,CAAC,KAAuB,EAAE,QAAQ;EACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC;EACzD,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK,CAAC,eAAe,CAAC;;EAElE,MAAM,qBAAqB,GAAG,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC;EAErG,QACE,WACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;MACL,cAAc,EAAE,IAAI;MACpB,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;MAC7C,sBAAsB,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ;MAC/C,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;MAC7C,yBAAyB,EAAE,QAAQ;MACnC,6BAA6B,EAAE,WAAW;MAC1C,8BAA8B,EAAE,KAAK,CAAC,YAAY;MAClD,wBAAwB,EAAE,KAAK,CAAC,QAAQ;MACxC,uBAAuB,EAAE,KAAK,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,QAAQ;KAC/D;IAED,aACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,KAAK,EAAE;QACL,qBAAqB,EAAE,IAAI;QAC3B,+BAA+B,EAAE,KAAK,CAAC,QAAQ;OAChD,EACD,OAAO,EAAE,KAAK,CAAC,OAAO,iBACT,QAAQ,GAAG,OAAO,GAAG,MAAM,EACxC,OAAO,EAAE,KAAK,CAAC,YAAY;MAE3B,YAAM,IAAI,EAAC,OAAO,IAAE,KAAK,CAAC,KAAK,CAAQ,CACjC;IAER,WAAK,KAAK,EAAC,qBAAqB,IAAE,QAAQ,CAAO;IAEjD,WACE,IAAI,EAAC,YAAY,EACjB,EAAE,EAAE,KAAK,CAAC,WAAW,EACrB,KAAK,EAAC,0BAA0B,iBACnB,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,MAAM,IAEjD,qBAAqB,GAAG,KAAK,CAAC,SAAS,GAAG,YAAM,IAAI,EAAC,YAAY,GAAG,CACjE;IAEN,WACE,IAAI,EAAC,WAAW,EAChB,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,KAAK,EAAC,yBAAyB,iBAClB,WAAW,GAAG,OAAO,GAAG,MAAM;MAE3C,YAAM,IAAI,EAAC,WAAW,IAAE,KAAK,CAAC,QAAQ,CAAQ,CAC1C,CACF,EACN;AACJ;;;;","names":[],"sources":["./src/functional-components/form-control/form-control.tsx"],"sourcesContent":["import { h } from '@stencil/core';\n\nexport interface FormControlProps {\n  /** The input id, used to map the input to the label */\n  inputId: string;\n\n  /** The size of the form control */\n  size: 'small' | 'medium' | 'large';\n\n  /** The label id, used to map the label to the input */\n  labelId?: string;\n\n  /** The label text (if the label slot isn't used) */\n  label?: string;\n\n  /** Whether or not a label slot has been provided. */\n  hasLabelSlot?: boolean;\n\n  /** The help text id, used to map the input to the help text */\n  helpTextId?: string;\n\n  /** The help text (if the help-text slot isn't used) */\n  helpText?: string;\n\n  /** Whether or not a help text slot has been provided. */\n  hasHelpTextSlot?: boolean;\n\n  /** The error text id, used to map the input to the help text */\n  errorTextId?: string;\n\n  /** The error text (if the error-text slot isn't used) */\n  errorText?: string;\n\n  /** Whether or not a error text slot has been provided. */\n  hasErrorTextSlot?: boolean;\n\n  /** Set to true to disable the input. */\n  disabled?: boolean;\n\n  /** Set if the value is required. */\n  required?: boolean;\n\n  /** Set if the error text is displayed. */\n  displayError?: boolean;\n\n  /** A function that gets called when the label is clicked. */\n  onLabelClick?: (event: MouseEvent) => void;\n}\n\nconst FormControl = (props: FormControlProps, children) => {\n  const hasLabel = props.label ? true : props.hasLabelSlot;\n  const hasHelpText = props.helpText ? true : props.hasHelpTextSlot;\n  /** ErrorTextAttribute has precedence if non empty value is provided or if slot is not set */\n  const useErrorTextAttribute = (props.errorText && props.errorText !== '') || !props.hasErrorTextSlot;\n\n  return (\n    <div\n      part=\"form-control\"\n      class={{\n        'form-control': true,\n        'form-control--small': props.size === 'small',\n        'form-control--medium': props.size === 'medium',\n        'form-control--large': props.size === 'large',\n        'form-control--has-label': hasLabel,\n        'form-control--has-help-text': hasHelpText,\n        'form-control--has-error-text': props.displayError,\n        'form-control--disabled': props.disabled,\n        'form-control--invalid': props.displayError && !props.disabled,\n      }}\n    >\n      <label\n        part=\"label\"\n        id={props.labelId}\n        class={{\n          'form-control__label': true,\n          'form-control__label__required': props.required,\n        }}\n        htmlFor={props.inputId}\n        aria-hidden={hasLabel ? 'false' : 'true'}\n        onClick={props.onLabelClick}\n      >\n        <slot name=\"label\">{props.label}</slot>\n      </label>\n\n      <div class=\"form-control__input\">{children}</div>\n\n      <div\n        part=\"error-text\"\n        id={props.errorTextId}\n        class=\"form-control__error-text\"\n        aria-hidden={props.displayError ? 'false' : 'true'}\n      >\n        {useErrorTextAttribute ? props.errorText : <slot name=\"error-text\" />}\n      </div>\n\n      <div\n        part=\"help-text\"\n        id={props.helpTextId}\n        class=\"form-control__help-text\"\n        aria-hidden={hasHelpText ? 'false' : 'true'}\n      >\n        <slot name=\"help-text\">{props.helpText}</slot>\n      </div>\n    </div>\n  );\n};\n\nexport default FormControl;\n"],"version":3}