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

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

@@ -1,62 +1,62 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { EmptyPayload } from '../../utils/types';
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @slot - The switch's label.
- *
- * @part base - The component's base wrapper.
- * @part control - The switch control.
- * @part thumb - The switch position indicator.
- * @part label - The switch label.
- */
-export declare class SixSwitch {
-  switchId: string;
-  labelId: string;
-  input: HTMLInputElement;
-  hasFocus: boolean;
-  /** The switch's name attribute. */
-  name: string;
-  /** The switch's value attribute. */
-  value: string;
-  /** Set to true to disable the switch. */
-  disabled: boolean;
-  /** Set to true to make the switch a required field. */
-  required: boolean;
-  /** Set to true to draw the switch in a checked state. */
-  checked: boolean;
-  /** This will be true when the control is in an invalid state. Validity is determined by the `required` prop. */
-  invalid: boolean;
-  handleCheckedChange(): void;
-  /** Emitted when the control loses focus. */
-  sixBlur: EventEmitter<boolean>;
-  /** Emitted when the control's checked state changes. */
-  sixChange: EventEmitter<boolean>;
-  /** Emitted when the control gains focus. */
-  sixFocus: EventEmitter<EmptyPayload>;
-  /** default value the switch will be reverted to when reset is executed */
-  private defaultValue;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  /** Sets focus on the switch. */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /** Removes focus from the switch. */
-  removeFocus(): Promise<void>;
-  /** Checks for validity and shows the browser's validation message if the control is invalid. */
-  reportValidity(): Promise<boolean>;
-  /** Checks for validity. */
-  checkValidity(): Promise<boolean>;
-  /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */
-  setCustomValidity(message: string): Promise<void>;
-  /** Resets the formcontrol */
-  reset(): Promise<void>;
-  handleClick(): void;
-  handleBlur(): void;
-  handleFocus(): void;
-  handleKeyDown(event: KeyboardEvent): void;
-  handleMouseDown(event: MouseEvent): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EmptyPayload } from '../../utils/types';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The switch's label.
+ *
+ * @part base - The component's base wrapper.
+ * @part control - The switch control.
+ * @part thumb - The switch position indicator.
+ * @part label - The switch label.
+ */
+export declare class SixSwitch {
+  switchId: string;
+  labelId: string;
+  input: HTMLInputElement;
+  hasFocus: boolean;
+  /** The switch's name attribute. */
+  name: string;
+  /** The switch's value attribute. */
+  value: string;
+  /** Set to true to disable the switch. */
+  disabled: boolean;
+  /** Set to true to make the switch a required field. */
+  required: boolean;
+  /** Set to true to draw the switch in a checked state. */
+  checked: boolean;
+  /** This will be true when the control is in an invalid state. Validity is determined by the `required` prop. */
+  invalid: boolean;
+  handleCheckedChange(): void;
+  /** Emitted when the control loses focus. */
+  sixBlur: EventEmitter<boolean>;
+  /** Emitted when the control's checked state changes. */
+  sixChange: EventEmitter<boolean>;
+  /** Emitted when the control gains focus. */
+  sixFocus: EventEmitter<EmptyPayload>;
+  /** default value the switch will be reverted to when reset is executed */
+  private defaultValue;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  /** Sets focus on the switch. */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Removes focus from the switch. */
+  removeFocus(): Promise<void>;
+  /** Checks for validity and shows the browser's validation message if the control is invalid. */
+  reportValidity(): Promise<boolean>;
+  /** Checks for validity. */
+  checkValidity(): Promise<boolean>;
+  /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */
+  setCustomValidity(message: string): Promise<void>;
+  /** Resets the formcontrol */
+  reset(): Promise<void>;
+  handleClick(): void;
+  handleBlur(): void;
+  handleFocus(): void;
+  handleKeyDown(event: KeyboardEvent): void;
+  handleMouseDown(event: MouseEvent): void;
+  render(): any;
+}

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

@@ -1,35 +1,35 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { EmptyPayload } from '../../utils/types';
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @slot - The tab's label.
- *
- * @part base - The component's base wrapper.
- * @part close-button - The close button, which is the icon button's base wrapper.
- */
-export declare class SixTab {
-  componentId: string;
-  tab: HTMLElement;
-  host: HTMLSixTabElement;
-  /** The name of the tab panel the tab will control. The panel must be located in the same tab group. */
-  panel: string;
-  /** Set to true to draw the tab in an active state. */
-  active: boolean;
-  /** When true, the tab will be rendered with a close icon. */
-  closable: boolean;
-  /** Set to true to draw the tab in a disabled state. */
-  disabled: boolean;
-  /** Emitted when the tab is closable and the close button is activated. */
-  sixClose: EventEmitter<EmptyPayload>;
-  connectedCallback(): void;
-  /** Sets focus to the tab. */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /** Removes focus from the tab. */
-  removeFocus(): Promise<void>;
-  handleCloseClick(): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EmptyPayload } from '../../utils/types';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The tab's label.
+ *
+ * @part base - The component's base wrapper.
+ * @part close-button - The close button, which is the icon button's base wrapper.
+ */
+export declare class SixTab {
+  componentId: string;
+  tab: HTMLElement;
+  host: HTMLSixTabElement;
+  /** The name of the tab panel the tab will control. The panel must be located in the same tab group. */
+  panel: string;
+  /** Set to true to draw the tab in an active state. */
+  active: boolean;
+  /** When true, the tab will be rendered with a close icon. */
+  closable: boolean;
+  /** Set to true to draw the tab in a disabled state. */
+  disabled: boolean;
+  /** Emitted when the tab is closable and the close button is activated. */
+  sixClose: EventEmitter<EmptyPayload>;
+  connectedCallback(): void;
+  /** Sets focus to the tab. */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Removes focus from the tab. */
+  removeFocus(): Promise<void>;
+  handleCloseClick(): void;
+  render(): any;
+}

package/dist/types/components/six-tab-group/six-tab-group.d.ts

@@ -1,62 +1,62 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export interface SixTabShowPayload {
-  name: string;
-}
-export interface SixTabHidePayload {
-  name: string;
-}
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @slot nav - Used for grouping tabs in the tab group.
- * @slot - Used for grouping tab panels in the tab group.
- *
- * @part base - The component's base wrapper.
- * @part nav - The tab group navigation container.
- * @part tabs - The container that wraps the slotted tabs.
- * @part active-tab-indicator - An element that displays the currently selected tab. This is a child of the tabs container.
- * @part body - The tab group body where tab panels are slotted in.
- * @part scroll-button - The previous and next scroll buttons that appear when tabs are scrollable.
- */
-export declare class SixTabGroup {
-  activeTab: HTMLSixTabElement;
-  activeTabIndicator: HTMLElement;
-  body: HTMLElement;
-  mutationObserver: MutationObserver;
-  nav: HTMLElement;
-  resizeObserver: ResizeObserver;
-  tabGroup: HTMLElement;
-  tabs: HTMLElement;
-  host: HTMLSixTabGroupElement;
-  hasScrollControls: boolean;
-  /** The placement of the tabs. */
-  placement: 'top' | 'bottom' | 'left' | 'right';
-  /** Disables the scroll arrows that appear when tabs overflow. */
-  noScrollControls: boolean;
-  handlePlacementChange(): void;
-  handleNoScrollControlsChange(): void;
-  /** Emitted when a tab is shown. */
-  sixTabShow: EventEmitter<SixTabShowPayload>;
-  /** Emitted when a tab is hidden. */
-  sixTabHide: EventEmitter<SixTabHidePayload>;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  /** Shows the specified tab panel. */
-  show(panel: string): Promise<void>;
-  getAllTabs(includeDisabled?: boolean): [HTMLSixTabElement];
-  getAllPanels(): [HTMLSixTabPanelElement];
-  getActiveTab(): HTMLSixTabElement;
-  handleClick(event: MouseEvent): boolean;
-  handleKeyDown(event: KeyboardEvent): boolean;
-  handleScrollLeft(): void;
-  handleScrollRight(): void;
-  updateScrollControls(): void;
-  setActiveTab(tab: HTMLSixTabElement, emitEvents?: boolean): void;
-  setAriaLabels(): void;
-  syncActiveTabIndicator(): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface SixTabShowPayload {
+  name: string;
+}
+export interface SixTabHidePayload {
+  name: string;
+}
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot nav - Used for grouping tabs in the tab group.
+ * @slot - Used for grouping tab panels in the tab group.
+ *
+ * @part base - The component's base wrapper.
+ * @part nav - The tab group navigation container.
+ * @part tabs - The container that wraps the slotted tabs.
+ * @part active-tab-indicator - An element that displays the currently selected tab. This is a child of the tabs container.
+ * @part body - The tab group body where tab panels are slotted in.
+ * @part scroll-button - The previous and next scroll buttons that appear when tabs are scrollable.
+ */
+export declare class SixTabGroup {
+  activeTab: HTMLSixTabElement;
+  activeTabIndicator: HTMLElement;
+  body: HTMLElement;
+  mutationObserver: MutationObserver;
+  nav: HTMLElement;
+  resizeObserver: ResizeObserver;
+  tabGroup: HTMLElement;
+  tabs: HTMLElement;
+  host: HTMLSixTabGroupElement;
+  hasScrollControls: boolean;
+  /** The placement of the tabs. */
+  placement: 'top' | 'bottom' | 'left' | 'right';
+  /** Disables the scroll arrows that appear when tabs overflow. */
+  noScrollControls: boolean;
+  handlePlacementChange(): void;
+  handleNoScrollControlsChange(): void;
+  /** Emitted when a tab is shown. */
+  sixTabShow: EventEmitter<SixTabShowPayload>;
+  /** Emitted when a tab is hidden. */
+  sixTabHide: EventEmitter<SixTabHidePayload>;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  /** Shows the specified tab panel. */
+  show(panel: string): Promise<void>;
+  getAllTabs(includeDisabled?: boolean): [HTMLSixTabElement];
+  getAllPanels(): [HTMLSixTabPanelElement];
+  getActiveTab(): HTMLSixTabElement;
+  handleClick(event: MouseEvent): boolean;
+  handleKeyDown(event: KeyboardEvent): boolean;
+  handleScrollLeft(): void;
+  handleScrollRight(): void;
+  updateScrollControls(): void;
+  setActiveTab(tab: HTMLSixTabElement, emitEvents?: boolean): void;
+  setAriaLabels(): void;
+  syncActiveTabIndicator(): void;
+  render(): any;
+}

package/dist/types/components/six-tab-panel/six-tab-panel.d.ts

@@ -1,19 +1,19 @@
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @slot - The tab panel's content.
- *
- * @part base - The component's base wrapper.
- */
-export declare class SixTabPanel {
-  componentId: string;
-  host: HTMLSixTabPanelElement;
-  /** The tab panel's name. */
-  name: string;
-  /** When true, the tab panel will be shown. */
-  active: boolean;
-  render(): any;
-}
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The tab panel's content.
+ *
+ * @part base - The component's base wrapper.
+ */
+export declare class SixTabPanel {
+  componentId: string;
+  host: HTMLSixTabPanelElement;
+  /** The tab panel's name. */
+  name: string;
+  /** When true, the tab panel will be shown. */
+  active: boolean;
+  render(): any;
+}

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

@@ -1,30 +1,30 @@
-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;
-}
+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 +1,2 @@
-import { E2EPage } from '@stencil/core/testing';
-export declare const getTableRows: (page: E2EPage) => Promise<any>;
+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 +1,33 @@
-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;
-}
+import { SortDirection, FilterMode } from '../six-table-header-cell/types';
+export type Item = Record<string, unknown>;
+export type BasedOnKeys<T extends keyof any, B> = {
+  [K in T]?: B;
+};
+export type Columns<T> = BasedOnKeys<keyof T, string>;
+export type SortModel<T> = BasedOnKeys<keyof T, SortDirection>;
+export type Comparator<T> = (a: T, b: T) => number;
+export type CompareModel<T> = BasedOnKeys<keyof T, Comparator<T>>;
+export type FilterModel<T> = BasedOnKeys<keyof T, BasedOnKeys<FilterMode, string>>;
+export type Renderer<T> = (value: T) => string;
+export type RenderModel<T> = BasedOnKeys<keyof T, Renderer<T>>;
+export 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 +1,2 @@
-import { Item, FilterModel } from '../types';
-export declare const filterBy: <T extends Item>(filterModel?: FilterModel<T>) => (item: T) => boolean;
+import { FilterModel, Item } 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 +1,8 @@
-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 {};
+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 +1,3 @@
-export declare const Invalid: {
-  Term: (value?: unknown) => boolean;
-};
+export declare const Invalid: {
+  Term: (value?: unknown) => boolean;
+};

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

@@ -1,2 +1,2 @@
-import { Item } from '../types';
-export declare const quickFilterBy: <T extends Item>(keys: string[], value?: string) => (item: T) => boolean;
+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 +1,2 @@
-import { CompareModel, Item, SortModel } from '../types';
-export declare const sortBy: <T extends Item>(sort?: SortModel<T>, compare?: CompareModel<T>) => (items: T[]) => T[];
+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 +1,9 @@
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define the content of the cell.
- */
-export declare class SixTableCell {
-  render(): any;
-}
+/**
+ * @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 +1,9 @@
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define the cells of the header.
- */
-export declare class SixTableHeader {
-  render(): any;
-}
+/**
+ * @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 +1,2 @@
-export declare const getNextSortState: (current: string) => string;
-export declare const getNextFilterState: (current: string) => string;
+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 +1,3 @@
-import { SortDirection, FilterMode } from './types';
-export declare const SortIcon: Record<SortDirection, string>;
-export declare const FilterIcon: Record<FilterMode, string>;
+import { FilterMode, SortDirection } from './types';
+export declare const SortIcon: Record<SortDirection, string>;
+export declare const FilterIcon: Record<FilterMode, string>;