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

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

@@ -1,95 +0,0 @@
-import { r as registerInstance, h, H as Host, c as createEvent } from './index-a2605a62.js';
-import { S as SortDirection, F as FilterMode } from './types-ed860f7c.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)}";
-
-let SixTableCell = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, 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}";
-
-let SixTableHeader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, 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(Object.values(SortDirection));
-const getNextFilterState = getNextState(Object.values(FilterMode));
-
-const createSortModel = (key, value) => {
-  return { [key]: value };
-};
-const createFilterModel = (key, filter, value) => {
-  return { [key]: { [filter]: value } };
-};
-
-const SortIcon = {
-  [SortDirection.Asc]: 'arrow_drop_up',
-  [SortDirection.Desc]: 'arrow_drop_down',
-  [SortDirection.None]: 'swap_vert',
-};
-const FilterIcon = {
-  [FilterMode.Equals]: '=',
-  [FilterMode.NotEquals]: '&ne;',
-  [FilterMode.Includes]: '&isin;',
-  [FilterMode.NotIncludes]: '&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}";
-
-let SixTableHeaderCell = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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();
-    };
-  }
-  render() {
-    const sort = this.sort && (h("six-icon", { filled: true, class: { 'header__trigger-icon': this.sort === SortDirection.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))));
-  }
-};
-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)}";
-
-let SixTableRow = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-};
-SixTableRow.style = sixTableRowCss;
-
-export { SixTableCell as six_table_cell, SixTableHeader as six_table_header, SixTableHeaderCell as six_table_header_cell, SixTableRow as six_table_row };

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

@@ -1,164 +0,0 @@
-import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-a2605a62.js';
-import { F as FilterMode, S as SortDirection } from './types-ed860f7c.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 = {
-  [FilterMode.Includes]: (a, b) => a.includes(b),
-  [FilterMode.NotIncludes]: (a, b) => !a.includes(b),
-  [FilterMode.Equals]: (a, b) => a === b,
-  [FilterMode.NotEquals]: (a, b) => a !== b,
-};
-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 === SortDirection.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 === SortDirection.None) {
-        return acc;
-      }
-      const comparator = compare[k];
-      const direction = {
-        [SortDirection.Asc]: +1,
-        [SortDirection.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)}";
-
-let SixTable = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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);
-    /** Set to true to stripe the table. */
-    this.striped = false;
-    /** Set to true to display loading indicator. */
-    this.loading = false;
-    this.data = {
-      columns: {},
-      rows: [],
-    };
-    this.handleRowClick = (item) => (event) => {
-      this.tableRowClicked.emit({ event, item });
-    };
-    this.handleCellClick = (item, key) => (event) => {
-      this.tableCellClicked.emit({ event, item, key });
-    };
-    console.warn('six-table will be removed with the next table. Use fate table instead. In case of any question contact Daniel Häusler');
-  }
-  handleData({ detail }) {
-    if (!isData(detail)) {
-      return;
-    }
-    this.data = detail;
-  }
-  async setData(value) {
-    if (!isData(value)) {
-      return;
-    }
-    this.data = value;
-  }
-  componentDidLoad() {
-    this.tableReady.emit();
-  }
-  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 getElement(this); }
-};
-SixTable.style = sixTableCss;
-
-export { SixTable as six_table };

package/dist/esm/types-ed860f7c.js

@@ -1,15 +0,0 @@
-var SortDirection;
-(function (SortDirection) {
-  SortDirection["None"] = "none";
-  SortDirection["Asc"] = "asc";
-  SortDirection["Desc"] = "desc";
-})(SortDirection || (SortDirection = {}));
-var FilterMode;
-(function (FilterMode) {
-  FilterMode["Equals"] = "eq";
-  FilterMode["NotEquals"] = "ne";
-  FilterMode["Includes"] = "in";
-  FilterMode["NotIncludes"] = "ni";
-})(FilterMode || (FilterMode = {}));
-
-export { FilterMode as F, SortDirection as S };

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

@@ -1,30 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { Data, TableReadyPayload, TableRowClickedPayload, TableCellClickedPayload, Item } from './types';
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define header and the rows of the table.
- * @Deprecated - six-table will be removed with the next table. Use fate table instead.
- */
-export declare class SixTable {
-  host: HTMLSixTableElement;
-  /** Set to true to stripe the table. */
-  striped: boolean;
-  /** Set to true to display loading indicator. */
-  loading: boolean;
-  /** Emitted when table is ready. */
-  tableReady: EventEmitter<TableReadyPayload>;
-  /** Emitted when table row is clicked. */
-  tableRowClicked: EventEmitter<TableRowClickedPayload<Item>>;
-  /** Emitted when table cell is clicked. */
-  tableCellClicked: EventEmitter<TableCellClickedPayload<Item>>;
-  handleData<T extends Item>({ detail }: CustomEvent<Data<T>>): void;
-  setData<T extends Item>(value: Data<T>): Promise<void>;
-  data: Data<Item>;
-  componentDidLoad(): void;
-  handleRowClick: <T extends Item>(item: T) => (event: MouseEvent) => void;
-  handleCellClick: <T extends Item>(item: T, key: string) => (event: MouseEvent) => void;
-  constructor();
-  render(): any;
-}

package/dist/types/components/six-table/test/helpers.d.ts

@@ -1,2 +0,0 @@
-import { E2EPage } from '@stencil/core/testing';
-export declare const getTableRows: (page: E2EPage) => Promise<any>;

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

@@ -1,33 +0,0 @@
-import { SortDirection, FilterMode } from '../six-table-header-cell/types';
-export declare type Item = Record<string, unknown>;
-export declare type BasedOnKeys<T extends keyof any, B> = {
-  [K in T]?: B;
-};
-export declare type Columns<T> = BasedOnKeys<keyof T, string>;
-export declare type SortModel<T> = BasedOnKeys<keyof T, SortDirection>;
-export declare type Comparator<T> = (a: T, b: T) => number;
-export declare type CompareModel<T> = BasedOnKeys<keyof T, Comparator<T>>;
-export declare type FilterModel<T> = BasedOnKeys<keyof T, BasedOnKeys<FilterMode, string>>;
-export declare type Renderer<T> = (value: T) => string;
-export declare type RenderModel<T> = BasedOnKeys<keyof T, Renderer<T>>;
-export declare type Data<T> = {
-  columns: Columns<T>;
-  sort?: SortModel<T>;
-  compare?: CompareModel<T>;
-  render?: RenderModel<T>;
-  filter?: FilterModel<T>;
-  quickFilter?: string;
-  rows: T[];
-};
-export declare const isData: <T>(value?: unknown) => value is Data<T>;
-export interface TableReadyPayload {
-}
-export interface TableRowClickedPayload<T extends Item> {
-  event: MouseEvent;
-  item: T;
-}
-export interface TableCellClickedPayload<T extends Item> {
-  event: MouseEvent;
-  item: T;
-  key: string;
-}

package/dist/types/components/six-table/util/filter-by.d.ts

@@ -1,2 +0,0 @@
-import { Item, FilterModel } from '../types';
-export declare const filterBy: <T extends Item>(filterModel?: FilterModel<T>) => (item: T) => boolean;

package/dist/types/components/six-table/util/from-data.d.ts

@@ -1,8 +0,0 @@
-import { Data, Item } from '../types';
-interface FromDataProps<T extends Item> {
-  data: Data<T>;
-  handleRowClick: (item: T) => (event: MouseEvent) => void;
-  handleCellClick: (item: T, key: string) => (event: MouseEvent) => void;
-}
-export declare const fromData: <T extends Item>({ data, handleRowClick, handleCellClick }: FromDataProps<T>) => any;
-export {};

package/dist/types/components/six-table/util/is.d.ts

@@ -1,3 +0,0 @@
-export declare const Invalid: {
-  Term: (value?: unknown) => boolean;
-};

package/dist/types/components/six-table/util/quick-filter-by.d.ts

@@ -1,2 +0,0 @@
-import { Item } from '../types';
-export declare const quickFilterBy: <T extends Item>(keys: string[], value?: string) => (item: T) => boolean;

package/dist/types/components/six-table/util/sort-by.d.ts

@@ -1,2 +0,0 @@
-import { CompareModel, Item, SortModel } from '../types';
-export declare const sortBy: <T extends Item>(sort?: SortModel<T>, compare?: CompareModel<T>) => (items: T[]) => T[];

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

@@ -1,9 +0,0 @@
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define the content of the cell.
- */
-export declare class SixTableCell {
-  render(): any;
-}

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

@@ -1,9 +0,0 @@
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define the cells of the header.
- */
-export declare class SixTableHeader {
-  render(): any;
-}

package/dist/types/components/six-table-header-cell/get-next-state.d.ts

@@ -1,2 +0,0 @@
-export declare const getNextSortState: (current: string) => string;
-export declare const getNextFilterState: (current: string) => string;

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

@@ -1,3 +0,0 @@
-import { SortDirection, FilterMode } from './types';
-export declare const SortIcon: Record<SortDirection, string>;
-export declare const FilterIcon: Record<FilterMode, string>;

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

@@ -1,32 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { FilterMode, SortDirection } from './types';
-import { FilterModel, Item, SortModel } from '../six-table/types';
-export declare type SixTableHeaderCellSortUpdatedPayload = SortModel<Item>;
-export declare type SixTableHeaderCellFilterUpdatedPayload = FilterModel<Item>;
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define the label of the header field.
- */
-export declare class SixTableHeaderCell {
-  filterRef: HTMLSixDropdownElement;
-  /** Table row property name. Used in the custom events to identify the row. */
-  name: keyof Item;
-  /** Sort direction. Applied only when set. */
-  sort: SortDirection;
-  /** Filter mode. Applied only when set. */
-  filter: FilterMode;
-  /** Filter value. Applied only when filter mode is set. */
-  value: string;
-  /** Emitted when sort model is updated. */
-  sortUpdated: EventEmitter<SixTableHeaderCellSortUpdatedPayload>;
-  /** Emitted when filter model is updated. */
-  filterUpdated: EventEmitter<SixTableHeaderCellFilterUpdatedPayload>;
-  inputElement: HTMLSixInputElement;
-  handleSortNext: () => void;
-  handleFilterNext: () => void;
-  handleFilterChange: () => void;
-  handleFilterClear: () => void;
-  render(): any;
-}

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

@@ -1,11 +0,0 @@
-export declare enum SortDirection {
-  None = "none",
-  Asc = "asc",
-  Desc = "desc"
-}
-export declare enum FilterMode {
-  Equals = "eq",
-  NotEquals = "ne",
-  Includes = "in",
-  NotIncludes = "ni"
-}

package/dist/types/components/six-table-header-cell/util/create-model.d.ts

@@ -1,4 +0,0 @@
-import { Item, SortModel, FilterModel } from '../../six-table/types';
-import { SortDirection, FilterMode } from '../types';
-export declare const createSortModel: <T extends Item>(key: keyof T, value: SortDirection) => SortModel<T>;
-export declare const createFilterModel: <T extends Item>(key: keyof T, filter: FilterMode, value: string) => FilterModel<T>;

package/dist/types/components/six-table-header-cell/util/get-next-state.d.ts

@@ -1,3 +0,0 @@
-import { SortDirection, FilterMode } from '../types';
-export declare const getNextSortState: (current: SortDirection) => SortDirection;
-export declare const getNextFilterState: (current: FilterMode) => FilterMode;

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

@@ -1,9 +0,0 @@
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define the cells of the row.
- */
-export declare class SixTableRow {
-  render(): any;
-}

package/dist/ui-library/p-007bc8e8.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e}from"./p-30ebc1e7.js";import{E as s}from"./p-9a860acc.js";let n=class{constructor(e){t(this,e),this.sixSubmit=i(this,"six-form-submit",7),this.sixChange=i(this,"six-form-change",7),this.sixReset=i(this,"six-form-reset",7),this.eventListeners=new s,this.novalidate=!1}connectedCallback(){this.formControls=[{tag:"six-button",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null,click:t=>{const i=t.target;i.submit&&this.submit(),i.reset&&this.reset()}},{tag:"six-checkbox",serialize:(t,i)=>t.name&&t.checked&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-checkbox-change"},{tag:"six-color-picker",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null},{tag:"six-input",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null,keyDown:t=>{"Enter"!==t.key||t.defaultPrevented||this.submit()},changeEventName:"six-input-change"},{tag:"six-datepicker",serialize:(t,i)=>{var e;return t.name&&!t.disabled?i.append(t.name,null===(e=t.value)||void 0===e?void 0:e.toISOString()):null},keyDown:t=>{"Enter"!==t.key||t.defaultPrevented||this.submit()},changeEventName:"six-datepicker-select"},{tag:"six-radio",serialize:(t,i)=>t.name&&t.checked&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-radio-change"},{tag:"six-range",serialize:(t,i)=>{t.name&&!t.disabled&&i.append(t.name,t.value+"")},changeEventName:"six-range-change"},{tag:"six-select",serialize:(t,i)=>{if(t.name&&!t.disabled)if(t.multiple){const e=[...t.value];e.length?e.map((e=>i.append(t.name,e))):i.append(t.name,"")}else i.append(t.name,t.value+"")},changeEventName:"six-select-change"},{tag:"six-switch",serialize:(t,i)=>t.name&&t.checked&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-switch-change"},{tag:"six-textarea",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-textarea-change"},{tag:"six-timepicker",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null,keyDown:t=>{"Enter"!==t.key||t.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((t=>t.forEach((t=>this.appendChangeListener(t)))))}appendChangeListener(t){const i=t.tagName.toLowerCase();for(const e of this.formControls)e.tag===i&&e.changeEventName&&this.eventListeners.add(t,e.changeEventName,(()=>this.handleChange(t)))}async getFormData(){const t=new FormData;return(await this.getFormControls()).map((i=>this.serializeElement(i,t))),t}async getFormControls(){const t=this.form.querySelector("slot"),i=this.formControls.map((t=>t.tag));return t.assignedElements({flatten:!0}).reduce(((t,i)=>t.concat(i,[...i.querySelectorAll("*")])),[]).filter((t=>i.includes(t.tagName.toLowerCase())))}async submit(){const t=await this.getFormData(),i=await this.getFormControls(),e=i.filter((t=>"function"==typeof t.reportValidity));if(!this.novalidate){let t=!0;for(const i of e)await i.reportValidity()||(t=!1);if(!t)return!1}return this.sixSubmit.emit({formData:t,formControls:i}),!0}async checkValidity(){const t=(await this.getFormControls()).filter((t=>"function"==typeof t.checkValidity)).map((t=>t.checkValidity()));return 0==(await Promise.all(t).then((t=>t.filter((t=>!1===t))))).length}async reset(){(await this.getFormControls()).filter((t=>(null==t?void 0:t.reset)&&"function"==typeof(null==t?void 0:t.reset))).forEach((t=>t.reset())),this.sixReset.emit()}handleClick(t){const i=t.target.tagName.toLowerCase();for(const e of this.formControls)e.tag===i&&e.click&&e.click(t)}handleKeyDown(t){const i=t.target.tagName.toLowerCase();for(const e of this.formControls)e.tag===i&&e.keyDown&&e.keyDown(t)}handleChange(t){this.checkValidity().then((i=>this.sixChange.emit({valid:i,formControl:t})))}serializeElement(t,i){const e=t.tagName.toLowerCase();for(const s of this.formControls)if(s.tag===e)return s.serialize(t,i);return null}render(){return e("div",{ref:t=>this.form=t,part:"base",class:"form",role:"form",onClick:this.handleClick,onKeyDown:this.handleKeyDown},e("slot",null))}};n.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}";export{n as six_form}

package/dist/ui-library/p-044b784e.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,g as a}from"./p-30ebc1e7.js";import{u as o,l as e}from"./p-eb8f05a9.js";import{h as l}from"./p-b4dfb7cf.js";import{i as h,M as n}from"./p-4f8394d7.js";const r=h();let d=0,g=class{constructor(s){i(this,s),this.sixShow=t(this,"six-dialog-show",7),this.sixAfterShow=t(this,"six-dialog-after-show",7),this.sixHide=t(this,"six-dialog-hide",7),this.sixAfterHide=t(this,"six-dialog-after-hide",7),this.sixInitialFocus=t(this,"six-dialog-initial-focus",7),this.sixOverlayDismiss=t(this,"six-dialog-overlay-dismiss",7),this.componentId="dialog-"+ ++d,this.willShow=!1,this.willHide=!1,this.hasFooter=!1,this.isVisible=!1,this.open=!1,this.label="",this.noHeader=!1}handleOpenChange(){this.open?this.show():this.hide()}connectedCallback(){this.handleCloseClick=this.handleCloseClick.bind(this),this.handleTransitionEnd=this.handleTransitionEnd.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleOverlayClick=this.handleOverlayClick.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.modal=new n(this.host,{onFocusOut:()=>this.panel.focus()})}componentWillLoad(){this.handleSlotChange(),this.open&&this.show()}disconnectedCallback(){o(this.host)}async show(){this.willShow||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.willShow=!0,this.isVisible=!0,this.open=!0,this.modal.activate(),e(this.host),this.open&&(r?requestAnimationFrame((()=>{this.sixInitialFocus.emit().defaultPrevented||this.panel.focus({preventScroll:!0})})):this.dialog.addEventListener("transitionend",(()=>{this.sixInitialFocus.emit().defaultPrevented||this.panel.focus()}),{once:!0}))))}async hide(){this.willHide||(this.sixHide.emit().defaultPrevented?this.open=!0:(this.willHide=!0,this.open=!1,this.modal.deactivate(),o(this.host)))}handleCloseClick(){this.hide()}handleKeyDown(i){"Escape"===i.key&&this.hide()}handleOverlayClick(){this.sixOverlayDismiss.emit().defaultPrevented||this.hide()}handleSlotChange(){this.hasFooter=l(this.host,"footer")}handleTransitionEnd(i){"opacity"===i.propertyName&&i.target.classList.contains("dialog__panel")&&(this.isVisible=this.open,this.willShow=!1,this.willHide=!1,this.open?this.sixAfterShow.emit():this.sixAfterHide.emit())}render(){return s("div",{ref:i=>this.dialog=i,part:"base",class:{dialog:!0,"dialog--open":this.open,"dialog--visible":this.isVisible,"dialog--has-footer":this.hasFooter},onKeyDown:this.handleKeyDown,onTransitionEnd:this.handleTransitionEnd},s("div",{part:"overlay",class:"dialog__overlay",onClick:this.handleOverlayClick}),s("div",{ref:i=>this.panel=i,part:"panel",class:"dialog__panel",role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-label":this.noHeader?this.label:null,"aria-labelledby":this.noHeader?null:`${this.componentId}-title`,tabIndex:0},!this.noHeader&&s("header",{part:"header",class:"dialog__header"},s("span",{part:"title",class:"dialog__title",id:`${this.componentId}-title`},s("slot",{name:"label"},this.label||String.fromCharCode(65279))),s("six-icon-button",{exportparts:"base:close-button",class:"dialog__close",name:"close",onClick:this.handleCloseClick})),s("div",{part:"body",class:"dialog__body"},s("slot",null)),s("footer",{part:"footer",class:"dialog__footer"},s("slot",{name:"footer",onSlotchange:this.handleSlotChange}))))}get host(){return a(this)}static get watchers(){return{open:["handleOpenChange"]}}};g.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--width:31rem;display:contents}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--six-z-index-dialog);color:var(--six-color-web-rock-900)}.dialog:not(.dialog--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.dialog__panel{display:flex;flex-direction:column;z-index:2;width:var(--width);max-width:calc(100% - var(--six-spacing-xx-large));max-height:calc(100% - var(--six-spacing-xx-large));background-color:var(--six-panel-background-color);border-radius:var(--six-border-radius-medium);box-shadow:var(--six-shadow-x-large);opacity:0;transform:scale(0.8);transition:var(--six-transition-medium) opacity, var(--six-transition-medium) transform}.dialog__panel:focus{outline:none}@media screen and (max-width: 420px){.dialog__panel{max-height:80vh}}.dialog--open .dialog__panel{display:flex;opacity:1;transform:none}.dialog__header{flex:0 0 auto;display:flex}.dialog__title{flex:1 1 auto;font-size:var(--six-font-size-x-large);font-weight:var(--six-font-weight-bold);line-height:var(--six-line-height-dense);padding:var(--six-spacing-large) var(--six-spacing-large) var(--six-spacing-small)}.dialog__close{flex:0 0 auto;display:flex;align-items:center;font-size:var(--six-font-size-x-large);padding:0 var(--six-spacing-x-small)}.dialog__body{flex:1 1 auto;padding:var(--six-spacing-small) var(--six-spacing-large) var(--six-spacing-large);overflow:auto;-webkit-overflow-scrolling:touch}.dialog__footer{flex:0 0 auto;text-align:right;padding:var(--six-spacing-large)}.dialog__footer ::slotted(six-button:not(:first-of-type)){margin-left:var(--six-spacing-xx-small)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--six-overlay-background-color);opacity:0;transition:var(--six-transition-medium) opacity}.dialog--open .dialog__overlay{opacity:0.8}";export{g as six_dialog}

package/dist/ui-library/p-0493c926.entry.js

@@ -1 +0,0 @@
-import{r as e,c as a,h as s}from"./p-30ebc1e7.js";const t=["EN","DE","ES"];let r=class{constructor(s){e(this,s),this.sixChange=a(this,"six-language-switcher-change",7),this.languages=t,this.handleLanguageSwitching=(e,a)=>()=>{this.sixChange.emit(void 0!==a?a:e),this.selected=e}}handleChangesLanguages(e){if(!Array.isArray(e))throw new Error("languages is expected to be an array");this.updateSelectedLanguage()}componentWillLoad(){void 0===this.selected&&this.updateSelectedLanguage()}updateSelectedLanguage(){const e=this.languages[0];"string"==typeof e?(this.selected=e,this.sixChange.emit(this.selected)):(this.selected=e.key,this.sixChange.emit(e.value))}render(){return s("div",{part:"container",class:"language-switcher__container"},this.languages.map(((e,a)=>{const t="string"==typeof e?e:e.key;return s("div",{onClick:this.handleLanguageSwitching(t,e.value)},s("span",{part:"label",class:{"language-switcher__label":!0,"language-switcher__label--selected":this.selected===t}},t),a<this.languages.length-1&&s("span",{part:"separator",class:"language-switcher__separator"},"/"))})))}static get watchers(){return{languages:["handleChangesLanguages"]}}};r.style=".language-switcher__container{display:flex}.language-switcher__separator{padding:0 0.25rem}.language-switcher__label{cursor:pointer}.language-switcher__label:hover{color:var(--six-color-red)}.language-switcher__label--selected{color:var(--six-color-red)}";export{r as six_language_switcher}

package/dist/ui-library/p-07d1e830.js

@@ -1 +0,0 @@
-var n,e;!function(n){n.None="none",n.Asc="asc",n.Desc="desc"}(n||(n={})),function(n){n.Equals="eq",n.NotEquals="ne",n.Includes="in",n.NotIncludes="ni"}(e||(e={}));export{e as F,n as S}

package/dist/ui-library/p-09cb13fa.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,h as r,g as i}from"./p-30ebc1e7.js";import{F as e}from"./p-75297ad7.js";import{h as s}from"./p-b4dfb7cf.js";import{E as a}from"./p-9a860acc.js";let l=0,n=class{constructor(r){t(this,r),this.sixChange=o(this,"six-range-change",7),this.sixBlur=o(this,"six-range-blur",7),this.sixFocus=o(this,"six-range-focus",7),this.inputId="input-"+ ++l,this.labelId=`input-label-${l}`,this.helpTextId=`input-help-text-${l}`,this.errorTextId=`input-error-text-${l}`,this.customErrorText="",this.customValidation=!1,this.eventListeners=new a,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasLabelSlot=!1,this.hasErrorTextSlot=!1,this.hasTooltip=!1,this.name="",this.label="",this.helpText="",this.errorText="",this.disabled=!1,this.invalid=!1,this.min=0,this.max=100,this.step=1,this.tooltip="top",this.tooltipFormatter=t=>t.toString(),this.errorOnBlur=!1,this.defaultValue=0}handleLabelChange(){this.handleSlotChange()}handleValueChange(){this.input&&(this.input.value=this.value,this.calculateColorRunnableTrack()),this.invalid=!!this.input&&!this.input.checkValidity()}connectedCallback(){this.handleInput=this.handleInput.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.handleTouchStart=this.handleTouchStart.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){null==this.value&&(this.value=this.min),this.value<this.min&&(this.value=this.min),this.value>this.max&&(this.value=this.max),this.defaultValue=this.value,this.handleSlotChange()}componentDidLoad(){this.syncTooltip(),this.calculateColorRunnableTrack(),this.resizeObserver=new ResizeObserver((()=>this.syncTooltip())),this.eventListeners.add(this.input,"invalid",(t=>{!this.customValidation&&(this.hasErrorTextSlot||this.errorText||this.customErrorText)||(this.customErrorText=this.input.validationMessage),t.preventDefault()}))}disconnectedCallback(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange),this.eventListeners.removeAll()}async setFocus(t){this.input.focus(t)}async removeFocus(){this.input.blur()}async setCustomValidity(t){this.customErrorText="",this.customValidation=""!==t,this.input.setCustomValidity(t),this.invalid=!this.input.checkValidity()}async reset(){this.value=this.defaultValue,this.customErrorText="",this.customValidation=!1,this.input.setCustomValidity(""),this.invalid=!1}handleInput(){this.value=Number(this.input.value),this.sixChange.emit(),requestAnimationFrame((()=>this.syncTooltip())),requestAnimationFrame((()=>this.calculateColorRunnableTrack()))}handleBlur(){this.hasFocus=!1,this.hasTooltip=!1,this.sixBlur.emit(),this.resizeObserver.unobserve(this.input)}handleFocus(){this.hasFocus=!0,this.hasTooltip=!0,this.sixFocus.emit(),this.resizeObserver.observe(this.input)}handleSlotChange(){this.hasHelpTextSlot=s(this.host,"help-text"),this.hasErrorTextSlot=s(this.host,"error-text"),this.hasLabelSlot=s(this.host,"label")}handleTouchStart(){this.setFocus()}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus)}syncTooltip(){if("none"!==this.tooltip){const t=Math.max(0,(this.value-this.min)/(this.max-this.min)),o=this.input.offsetWidth,r=this.output.offsetWidth,i=getComputedStyle(this.input).getPropertyValue("--thumb-size");this.output.style.transform=`translateX(calc(${o*t}px - calc(calc(${t} * ${i}) - calc(${i} / 2))))`,this.output.style.marginLeft=`-${r/2}px`}}calculateColorRunnableTrack(){if(!this.isFirefox()){const t=parseInt(this.input.value,10),o=parseInt(this.input.min,10),r=parseInt(this.input.max,10),i=Math.ceil((t-o)/(r-o)*100);this.input.style.background="-webkit-linear-gradient(left, var(--track-color) 0%, var(--track-color) "+i+"%, var(--six-color-web-rock-300) "+i+"%)"}}isFirefox(){return navigator.userAgent.toLowerCase().indexOf("firefox")>-1}render(){return r(e,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,size:"medium",errorTextId:this.errorTextId,errorText:this.customErrorText?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,disabled:this.disabled,required:this.required,displayError:this.displayError()},r("div",{part:"base",class:{range:!0,"range--disabled":this.disabled,"range--focused":this.hasFocus,"range--tooltip-visible":this.hasTooltip,"range--tooltip-top":"top"===this.tooltip,"range--tooltip-bottom":"bottom"===this.tooltip},onTouchStart:this.handleTouchStart},r("input",{part:"input",ref:t=>this.input=t,type:"range",class:"range__control",name:this.name,disabled:this.disabled,min:this.min,max:this.max,step:this.step,value:this.value,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),"none"!==this.tooltip&&r("output",{part:"tooltip",ref:t=>this.output=t,class:"range__tooltip"},this.tooltipFormatter(this.value))))}get host(){return i(this)}static get watchers(){return{label:["handleLabelChange"],errorText:["handleLabelChange"],helpText:["handleLabelChange"],value:["handleValueChange"]}}};n.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{--thumb-size:14px;--tooltip-offset-y:10px;--track-color:var(--six-color-web-rock-900);--thumb-color:var(--six-color-web-rock-900);--track-height:3px;display:block}.range{position:relative}.range .range__control{-webkit-appearance:none;width:100%;height:var(--six-input-height-medium);background:transparent;line-height:var(--six-input-height-medium);vertical-align:middle}.range .range__control::-webkit-slider-runnable-track{width:100%;height:var(--track-height);border-radius:3px;border:none}.range .range__control::-webkit-slider-thumb{border:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);-webkit-appearance:none;margin-top:calc(var(--thumb-size) / -2 + var(--track-height) / 2);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-webkit-slider-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-webkit-slider-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-webkit-slider-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control::-moz-focus-outer{border:0}.range .range__control::-moz-range-track{width:100%;height:var(--track-height);background-color:var(--six-progress-track-color);border-radius:3px;border:none}.range .range__control::-moz-range-progress{height:var(--track-height);border-radius:3px;background-color:var(--track-color);border:none}.range .range__control::-moz-range-thumb{border:none;height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-moz-range-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-moz-range-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-moz-range-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control:focus{outline:none}.range .range__control:disabled::-webkit-slider-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range .range__control:disabled::-moz-range-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range__tooltip{position:absolute;z-index:var(--six-z-index-tooltip);left:1px;border-radius:var(--six-border-radius-medium);background-color:var(--six-color-web-rock-900);font-family:var(--six-font-family);font-size:var(--six-tooltip-font-size);font-weight:var(--six-tooltip-font-weight);line-height:var(--six-tooltip-line-height);color:var(--six-color-white);opacity:0;padding:var(--six-spacing-xxx-small) var(--six-spacing-xx-small);transition:var(--six-transition-fast) opacity;pointer-events:none}.range__tooltip::after{content:"";position:absolute;width:0;height:0;left:50%;margin-left:calc(-1 * var(--six-tooltip-arrow-size))}.range--tooltip-visible .range__tooltip{opacity:1}.range--tooltip-top .range__tooltip{top:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-top .range__tooltip::after{border-top:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;top:100%}.range--tooltip-bottom .range__tooltip{bottom:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-bottom .range__tooltip::after{border-bottom:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;bottom:100%}';export{n as six_range}

package/dist/ui-library/p-0c596054.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as s,g as i}from"./p-30ebc1e7.js";import{a as l,h as o}from"./p-b4dfb7cf.js";import{F as r}from"./p-75297ad7.js";import{E as a}from"./p-9a860acc.js";import{D as n,a as h}from"./p-0786fa7c.js";let c=0,d=class{constructor(s){t(this,s),this.sixChange=e(this,"six-select-change",7),this.sixFocus=e(this,"six-select-focus",7),this.sixBlur=e(this,"six-select-blur",7),this.inputId="select-"+ ++c,this.labelId=`select-label-${c}`,this.helpTextId=`select-help-text-${c}`,this.errorTextId=`select-error-text-${c}`,this.customErrorText="",this.customValidation=!1,this.eventListeners=new a,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasErrorTextSlot=!1,this.hasLabelSlot=!1,this.isOpen=!1,this.displayLabel="",this.displayTags=[],this.multiple=!1,this.maxTagsVisible=3,this.disabled=!1,this.name="",this.placeholder="",this.filterDebounce=n,this.size="medium",this.hoist=!1,this.value="",this.pill=!1,this.label="",this.helpText="",this.errorText="",this.required=!1,this.clearable=!1,this.invalid=!1,this.line=!1,this.errorOnBlur=!1,this.filter=!1,this.asyncFilter=!1,this.autocomplete=!1,this.inputDebounce=n,this.options=null,this.virtualScroll=!1,this.defaultValue=null}handleDisabledChange(){this.disabled&&this.isOpen&&this.dropdown.hide()}handleLabelChange(){this.handleSlotChange()}handleMultipleChange(){const t=this.getValueAsArray();this.value=this.multiple?t:t[0]||"",this.syncItemsFromValue()}handleValueChange(){this.syncItemsFromValue(),this.input&&this.sixChange.emit({value:this.value,isSelected:!0})}connectedCallback(){this.virtualScroll&&null===this.options&&console.error("Options must be defined when using virtual scrolling"),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleClearClick=this.handleClearClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleSelectAll=this.handleSelectAll.bind(this),this.handleLabelClick=this.handleLabelClick.bind(this),this.handleMenuHide=this.handleMenuHide.bind(this),this.handleMenuShow=this.handleMenuShow.bind(this),this.handleMenuSelect=this.handleMenuSelect.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.handleInvalid=this.handleInvalid.bind(this),this.handleTagInteraction=this.handleTagInteraction.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.handleSlotChange(),this.multiple&&this.value&&(this.value=this.getValueAsArray())}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>this.resizeMenu())),requestAnimationFrame((()=>this.syncItemsFromValue())),this.eventListeners.add(this.input,"invalid",(async t=>{!this.customValidation&&(this.hasErrorTextSlot||this.errorText||this.customErrorText)||(this.customErrorText=await this.input.getValidationMessage()),t.preventDefault()})),this.eventListeners.add(this.input,"six-input-input",h((t=>{const e=this.input.value;this.clearValues(),this.sixChange.emit({value:e,isSelected:!1}),t.stopPropagation()}),this.inputDebounce)),this.input.value=this.hasSelection()?this.displayLabel:""}disconnectedCallback(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange),this.eventListeners.removeAll()}async reportValidity(){return this.input.reportValidity()}async checkValidity(){return this.input.isValid()}async setCustomValidity(t){this.customErrorText="",this.customValidation=""!==t,this.input.setCustomValidity(t),this.invalid=!this.input.checkValidity()}async reset(){this.value=this.defaultValue,this.customErrorText="",this.customValidation=!1,this.input.setCustomValidity(""),this.invalid=!1}getItemLabel(t){const e=t.shadowRoot.querySelector("slot:not([name])");return e?l(e):t.textContent}getItems(){return null!==this.options?this.options.map((t=>s("six-menu-item",{value:t.value},t.label))):[...this.host.querySelectorAll("six-menu-item")]}hasMenuItems(){return this.getItems().length>0}getValueAsArray(){return(Array.isArray(this.value)?this.value:[this.value]).map(String)}handleBlur(){this.hasFocus=!1,this.sixBlur.emit()}handleFocus(){this.hasFocus=!0,this.sixFocus.emit()}handleInvalid(){this.invalid=!0}handleClearClick(t){t.stopPropagation(),this.clearValues()}clearValues(){var t;this.value=null!==(t=this.defaultValue)&&void 0!==t?t:this.multiple?[]:"",this.syncItemsFromValue()}handleSelectAll(t){const e=this.getItems().filter((t=>"none"!==t.style.display));if("Control"!==t.key&&this.isOpen&&this.multiple&&"KeyA"===t.code&&t.ctrlKey){t.preventDefault();const s=e.some((t=>!t.disabled&&!t.checked));e.filter((t=>!t.disabled)).forEach((t=>t.checked=s));const i=e.filter((t=>t.checked)).map((t=>t.value));this.value=s?i:[]}}handleKeyDown(t){const e=t.target,s=this.getItems(),i=s[0],l=s[s.length-1];if("six-tag"!==e.tagName.toLowerCase())if("Tab"!==t.key){if(["ArrowDown","ArrowUp"].includes(t.key)){if(t.preventDefault(),this.isOpen||this.dropdown.show(),"ArrowDown"===t.key&&i)return void i.setFocus();if("ArrowUp"===t.key&&l)return void l.setFocus()}this.isOpen||(t.stopPropagation(),t.preventDefault(),this.dropdown.show(),this.menu.typeToSelect(t.key))}else this.isOpen&&this.dropdown.hide()}handleLabelClick(){this.box.focus()}handleMenuSelect(t){const e=t.detail.item;this.value=(()=>this.multiple?this.value.includes(e.value)?this.value.filter((t=>t!==e.value)):[...this.value,e.value]:e.value)(),this.syncItemsFromValue()}handleMenuShow(t){this.disabled?t.preventDefault():(this.resizeMenu(),this.resizeObserver.observe(this.host),this.isOpen=!0)}handleMenuHide(){this.resizeObserver.unobserve(this.host),this.isOpen=!1}handleSlotChange(){this.hasHelpTextSlot=o(this.host,"help-text"),this.hasErrorTextSlot=o(this.host,"error-text"),this.hasLabelSlot=o(this.host,"label"),this.syncItemsFromValue()}handleTagInteraction(t){t.composedPath().find((t=>{if(t instanceof HTMLElement)return t.classList.contains("tag__clear")}))&&t.stopPropagation()}resizeMenu(){this.menu.style.minWidth=`${this.box.clientWidth}px`,this.dropdown&&this.dropdown.reposition()}syncItemsFromValue(){const t=this.getItems(),e=this.getValueAsArray();if(t.forEach((t=>t.checked=e.includes(t.value))),this.multiple){const i=[];if(e.forEach((e=>t.map((t=>t.value===e?i.push(t):null)))),this.displayTags=i.map((t=>s("six-tag",{exportparts:"base:tag",type:"primary",size:this.size,pill:this.pill,clearable:!0,onClick:this.handleTagInteraction,onKeyDown:this.handleTagInteraction,"onSix-tag-clear":e=>{e.stopPropagation(),this.disabled||(t.checked=!1,this.syncValueFromItems())}},this.getItemLabel(t)))),this.maxTagsVisible>0&&this.displayTags.length>this.maxTagsVisible){const t=this.displayTags.length;this.displayLabel="",this.displayTags=this.displayTags.slice(0,this.maxTagsVisible),this.displayTags.push(s("six-tag",{exportparts:"base:tag",type:"info",size:this.size},"+",t-this.maxTagsVisible))}}else this.displayLabel=this.extractLabelForSelectedItem(e,t),this.displayTags=[];const i=this.hasSelection();i&&(this.touched=!0),this.input&&this.touched&&(this.autocomplete?i&&(this.input.value=Array.isArray(this.value)?this.value.join(","):this.value):this.input.value=i?this.displayLabel:"",this.invalid=!this.input.checkValidity())}extractLabelForSelectedItem(t,e){if(0===t.length||1===t.length&&""===t[0])return"";if(null!==this.options){const e=this.options.find((e=>e.value===t[0]));return(null==e?void 0:e.value)||""}const s=e.find((e=>e.value===t[0]));return s?this.getItemLabel(s):""}syncValueFromItems(){const t=this.getItems().filter((t=>t.checked)).map((t=>t.value));this.value=this.multiple?this.getValueAsArray().filter((e=>t.includes(e))):t.length>0?t[0]:""}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus&&!this.isOpen)}render(){var t;const e=this.hasSelection();return s(r,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.customErrorText?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,onLabelClick:this.handleLabelClick,disabled:this.disabled,required:this.required,displayError:this.displayError()},s("six-dropdown",{part:"base",ref:t=>this.dropdown=t,hoist:this.hoist,closeOnSelect:!this.multiple,containingElement:this.host,disableHideOnEnterAndSpace:this.autocomplete,class:{select:!0,"select--open":this.isOpen,"select--empty":0===(null===(t=this.value)||void 0===t?void 0:t.length),"select--focused":this.hasFocus,"select--clearable":this.clearable,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--has-tags":this.multiple&&e,"select--placeholder-visible":""===this.displayLabel,"select--small":"small"===this.size,"select--medium":"medium"===this.size,"select--large":"large"===this.size,"select--pill":this.pill,"select--invalid":this.invalid},onKeyDown:this.handleSelectAll,"onSix-dropdown-show":this.handleMenuShow,"onSix-dropdown-hide":this.handleMenuHide,filterPlaceholder:this.filterPlaceholder,filterDebounce:this.filterDebounce,filter:this.filter,asyncFilter:this.asyncFilter},s("div",{slot:"trigger",ref:t=>this.box=t,id:this.inputId,class:{select__box:!0,"select__box--line":this.line,"select__box--autocomplete":this.autocomplete},role:"combobox","aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-haspopup":"true","aria-expanded":this.isOpen?"true":"false",tabIndex:this.disabled?-1:0,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown},s("span",{class:"select__label"},this.displayTags.length?s("span",{part:"tags",class:"select__tags"},this.displayTags):this.displayLabel||this.placeholder),this.clearable&&e&&s("six-icon-button",{exportparts:"base:clear-button",class:"select__clear",name:"clear",size:"small",onClick:this.handleClearClick,tabindex:"-1"}),this.hasMenuItems()&&s("span",{part:"icon",class:"select__icon"},s("six-icon",{size:"medium"},"expand_more")),s("six-input",{ref:t=>this.input=t,class:{select__input:!0,"select__hidden-select":!this.autocomplete},"aria-hidden":"true",required:this.required,onInvalid:this.handleInvalid,onFocus:this.handleFocus,clearable:this.clearable,placeholder:this.placeholder,pill:this.pill,disabled:this.disabled,size:this.size,tabIndex:-1})),s("six-menu",{ref:t=>this.menu=t,part:"menu",class:{select__menu:!0,"select__menu--filtered":this.filter||this.asyncFilter,"select__menu--hidden":!this.hasMenuItems()},"onSix-menu-item-selected":this.handleMenuSelect,items:this.options,virtualScroll:this.virtualScroll,"remove-box-shadow":!0},s("slot",{onSlotchange:this.handleSlotChange}))))}hasSelection(){return this.multiple?this.value.length>0:""!==this.value}get host(){return i(this)}static get watchers(){return{disabled:["handleDisabledChange"],helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],multiple:["handleMultipleChange"],value:["handleValueChange"]}}};d.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}.select{display:block}.select__box{display:inline-flex;align-items:center;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);font-size:var(--six-input-font-size-medium);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;overflow:hidden;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:pointer}.select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select__box--autocomplete{border:none;overflow:initial}.select:not(.select--disabled) .select__box:hover{background-color:var(--six-input-background-color-hover);color:var(--six-input-color-hover);border-bottom-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:hover:not(.select__box--line){border-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:focus{background-color:var(--six-input-background-color-focus);outline:none;color:var(--six-input-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.select:not(.select--disabled) .select__box:focus:not(.select__box--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.select--disabled .select__box{background-color:var(--six-input-background-color-disabled);color:var(--six-input-color-disabled);cursor:not-allowed;outline:none}.select--disabled .select__box:not(.select__box--line){border-color:var(--six-input-border-color-disabled)}.select--disabled .select__tags,.select--disabled .select__clear{pointer-events:none}.select--invalid:not(.select--disabled):not(.select--focused) .select__box{border-bottom-color:var(--six-input-border-color-danger)}.select--invalid:not(.select--disabled):not(.select--focused) .select__box:not(.input--line){border-color:var(--six-input-border-color-danger)}.select__label{flex-shrink:1;flex-grow:1;align-items:center;user-select:none;width:0;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.select__label::-webkit-scrollbar{width:0;height:0}.select__clear{flex-shrink:0;flex-grow:0;display:inline}.select__icon{flex-shrink:0;flex-grow:0;display:inline;transition:var(--six-transition-medium) transform ease}.select--open .select__icon{transform:rotate(-180deg)}.select--placeholder-visible .select__label{color:var(--six-input-placeholder-color)}.select--disabled.select--placeholder-visible .select__label{color:var(--six-input-placeholder-color-disabled)}.select__tags{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:left;margin-left:var(--six-spacing-xx-small)}.select__hidden-select{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.select__input{position:absolute;top:0;left:0;width:100%;height:100%}.select--small .select__box{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);min-height:var(--six-height-small)}.select--small .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--small .select__label{margin:0 var(--six-input-spacing-small)}.select--small .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--small .select__icon{margin-right:var(--six-spacing-x-small)}.select--small .select__tags{padding-bottom:2px}.select--small .select__tags six-tag{padding-top:2px}.select--small .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--small.select--has-tags .select__label{margin-left:0}.select--medium .select__box{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);min-height:var(--six-height-medium)}.select--medium .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--medium .select__label{margin:0 var(--six-input-spacing-medium)}.select--medium .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--medium .select__icon{margin-right:var(--six-spacing-x-small)}.select--medium .select__tags{padding-bottom:3px}.select--medium .select__tags six-tag{padding-top:3px}.select--medium .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--medium.select--has-tags .select__label{margin-left:0}.select--large .select__box{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);min-height:var(--six-height-large)}.select--large .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--large .select__label{margin:0 var(--six-input-spacing-large)}.select--large .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--large .select__icon{margin-right:var(--six-spacing-x-small)}.select--large .select__tags{padding-bottom:4px}.select--large .select__tags six-tag{padding-top:4px}.select--large .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--large.select--has-tags .select__label{margin-left:0}.select--pill.select--small .select__box{border-radius:var(--six-height-small)}.select--pill.select--medium .select__box{border-radius:var(--six-height-medium)}.select--pill.select--large .select__box{border-radius:var(--six-height-large)}.select__menu{max-width:50vw;width:fit-content}.select__menu--filtered{width:100% !important}.select__menu--hidden{display:none}six-icon-button::part(base){padding-top:0;padding-bottom:0}';export{d as six_select}

package/dist/ui-library/p-1005d1a8.entry.js

@@ -1 +0,0 @@
-import{r as e,h as i}from"./p-30ebc1e7.js";let s=class{constructor(i){e(this,i),this.value="",this.selected=!1,this.disabled=!1}render(){return i("div",{class:{"sidebar-item":!0,"sidebar-item--selected":this.selected,"sidebar-item--disabled":this.disabled},role:"menuitem","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false"},i("slot",null))}};s.style=":host{display:block}.sidebar-item{font-size:0.9rem;color:var(--six-sidebar-color);cursor:pointer;padding:8px 8px 16px 16px;font-family:var(--six-font-family)}.sidebar-item:hover:not(.sidebar-item--disabled){color:var(--six-color-web-rock-600)}.sidebar-item.sidebar-item--disabled{outline:none;color:var(--six-input-color-disabled);cursor:not-allowed}.sidebar-item.sidebar-item--selected{font-weight:var(--six-font-weight-bold)}";export{s as six_sidebar_item}

package/dist/ui-library/p-19ff1079.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as a,H as i,g as o}from"./p-30ebc1e7.js";let e=0,r=class{constructor(a){t(this,a),this.sixClose=s(this,"six-tab-close",7),this.componentId="tab-"+ ++e,this.panel="",this.active=!1,this.closable=!1,this.disabled=!1}connectedCallback(){this.handleCloseClick=this.handleCloseClick.bind(this)}async setFocus(t){this.tab.focus(t)}async removeFocus(){this.tab.blur()}handleCloseClick(){this.sixClose.emit()}render(){return a(i,{id:this.host.id||this.componentId},a("div",{part:"base",ref:t=>this.tab=t,class:{tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled},role:"tab","aria-disabled":this.disabled?"true":"false","aria-selected":this.active?"true":"false",tabindex:this.disabled||!this.active?"-1":"0"},a("slot",null),this.closable&&a("six-icon-button",{name:"close",size:"xSmall",exportparts:"base:close-button",class:"tab__close-button",onClick:this.handleCloseClick,tabIndex:-1,"aria-hidden":"true"})))}get host(){return o(this)}};r.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block}.tab{display:inline-flex;align-items:center;font-family:var(--six-font-family);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-semibold);border-radius:4px;color:var(--six-tab-color);padding:var(--six-spacing-medium) var(--six-spacing-large);white-space:nowrap;user-select:none;cursor:pointer;transition:var(--six-transition-fast) box-shadow, var(--six-transition-fast) color}.tab:focus{outline:none}.tab:focus:not(.tab--disabled){color:var(--six-tab-color-active)}.tab.tab--active:not(.tab--disabled){color:var(--six-tab-color-active);font-weight:var(--six-font-weight-bold)}.tab.tab--closable{padding-right:var(--six-spacing-small)}.tab.tab--disabled{color:var(--six-tab-color-disabled);cursor:not-allowed}.tab:hover:not(.tab--disabled){color:var(--six-tab-color-hover)}.tab__close-button{font-size:var(--six-font-size-large);margin-left:var(--six-spacing-xx-small)}.tab__close-button::part(base){padding:var(--six-spacing-xxx-small)}";export{r as six_tab}

package/dist/ui-library/p-1b8dc7b7.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o}from"./p-30ebc1e7.js";import{f as i}from"./p-b1e66136.js";let n=class{constructor(o){t(this,o),this.size="medium",this.disabled=!1,this.handleClickEvent=t=>{this.disabled&&(t.preventDefault(),t.stopPropagation())}}componentDidLoad(){this.button&&i.observe(this.button)}disconnectedCallback(){this.button&&i.unobserve(this.button)}render(){const t=this.html&&o("span",{innerHTML:this.html});return o("div",{onClick:this.handleClickEvent,class:{"icon-button-wrapper--disabled":this.disabled}},o("button",{ref:t=>this.button=t,part:"base",disabled:this.disabled,class:{"icon-button":!0,"icon-button--disabled":this.disabled},type:"button","aria-label":this.label},o("six-icon",{"aria-hidden":"true",size:this.size},this.name),o("slot",null),t))}};n.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block}.icon-button{flex:0 0 auto;display:flex;align-items:center;background:none;border:none;border-radius:var(--six-border-radius-medium);font-size:inherit;color:var(--six-input-icon-color);padding:var(--six-spacing-x-small);cursor:pointer;transition:var(--six-transition-medium) color;-webkit-appearance:none}.icon-button:hover:not(.icon-button--disabled),.icon-button:focus:not(.icon-button--disabled){color:var(--six-input-icon-color-hover)}.icon-button:active:not(.icon-button--disabled){color:var(--six-input-icon-color)}.icon-button:focus{outline:none}.icon-button--disabled{opacity:0.5;pointer-events:none}.icon-button-wrapper--disabled{cursor:not-allowed}.focus-visible.icon-button:focus{box-shadow:var(--six-button-focus-shadow)}.icon-button ::slotted(six-badge){position:absolute;top:0;right:0;pointer-events:none}.icon-button six-icon[size=xLarge]+::slotted(six-badge){transform:translateY(40%) translateX(-35%)}.icon-button six-icon[size=large]+::slotted(six-badge){transform:translateY(20%) translateX(-20%)}.icon-button six-icon[size=medium]+::slotted(six-badge){transform:translateY(10%) translateX(50%)}.icon-button six-icon[size=xSmall]+::slotted(six-badge){transform:translateY(-25%) translateX(25%)}";export{n as six_icon_button}

package/dist/ui-library/p-2053c61a.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,g as s}from"./p-30ebc1e7.js";let o=class{constructor(e){t(this,e),this.collapsedEvent=i(this,"six-root-collapsed",7),this.breakpoint=1024,this.padded=!0,this.stage=null,this.version="",this.resizeObserver=new ResizeObserver((([t])=>{const{width:i}=t.contentRect;this.collapse=i<this.breakpoint}))}handleCollapsed(t){this.collapsedEvent.emit({collapsed:t})}componentWillLoad(){this.resizeObserver.observe(this.host)}disconnectedCallback(){this.resizeObserver.disconnect()}render(){return e("host",{class:"six-root"},e("header",{part:"header"},this.stage&&e("six-stage-indicator",{stage:this.stage},this.version),e("slot",{name:"header"})),e("nav",{class:"six-root__left-sidebar",part:"left-sidebar"},e("set-attributes",{value:{open:!this.collapse}},e("slot",{name:"left-sidebar"}))),e("main",{part:"main"},e("div",{class:{"six-root__container":!0,"six-root__container--padded":this.padded},part:"container"},e("slot",{name:"main"})),e("div",{class:"six-root__footer"},e("slot",{name:"footer"}))),e("nav",{class:"six-root__right-sidebar",part:"right-sidebar"},e("slot",{name:"right-sidebar"})))}get host(){return s(this)}static get watchers(){return{collapse:["handleCollapsed"]}}};o.style=":host{display:block;overflow:hidden;height:inherit}.six-root{display:grid;grid-template:auto 1fr auto/auto 1fr auto;height:100%}.six-root__container--padded{padding:var(--six-spacing-xxx-large)}.six-root__left-sidebar{height:100%;overflow:scroll;grid-column:1/2}.six-root__right-sidebar{height:100%;overflow:scroll;grid-column:3/4}.six-root nav{overflow:hidden}header{grid-column:1/4;position:sticky;top:0;z-index:var(--six-z-index-header);margin-right:2px}main{height:100%;display:flex;flex-direction:column;justify-content:space-between;grid-column:2/3;overflow:auto}footer{grid-column:1/4}";export{o as six_root}

package/dist/ui-library/p-281e8c2d.entry.js

@@ -1 +0,0 @@
-import{r as s,c as i,h as t}from"./p-30ebc1e7.js";import{D as e,a as h}from"./p-0786fa7c.js";import{E as a}from"./p-9a860acc.js";let o=class{constructor(t){s(this,t),this.searchFieldChange=i(this,"six-search-field-change",7),this.debounce=e,this.disabled=!1,this.value="",this.clearable=!1,this.eventListeners=new a,this.handleInputChange=()=>{this.searchFieldChange.emit({value:this.inputElement.value})}}handleValueChange(){this.inputElement&&(this.inputElement.value=this.value)}componentDidLoad(){this.eventListeners.add(this.inputElement,"six-input-input",h(this.handleInputChange,this.debounce)),this.eventListeners.add(this.inputElement,"keydown",(s=>{"Enter"===s.key&&this.handleInputChange()}))}disconnectedCallback(){this.eventListeners.removeAll()}render(){return t("div",{class:"search-box"},t("six-input",{ref:s=>this.inputElement=s,placeholder:this.placeholder,value:this.value,disabled:this.disabled,clearable:this.clearable},t("six-icon",{class:"search-box__icon",slot:"prefix",size:"small",onClick:this.handleInputChange},"search")),t("slot",null))}static get watchers(){return{value:["handleValueChange"]}}};o.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.search-box{z-index:var(--six-z-index-search-field)}.search-box__icon{cursor:pointer}";export{o as six_search_field}