@public-ui/components 2.0.0-rc.9 → 2.0.1

package/dist/types/components/spin/types.d.ts

@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
 import { PropShow } from '../../types/props/show';
 import { PropSpinVariant } from '../../types/props/variant/spin';
 type RequiredProps = NonNullable<unknown>;

package/dist/types/components/split-button/component.d.ts

@@ -12,32 +12,32 @@ import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { StencilUnknown } from '../../types/unknown';
 import { Props, States } from './types';
 export declare class KolSplitButton implements Props {
-  private dropdown;
-  private dropdownContent;
-  private readonly clickButtonHandler;
-  private readonly clickToggleHandler;
-  private readonly openDropdown;
-  private readonly closeDropdown;
-  private readonly toggleDropdown;
-  private readonly catchDropdownElements;
-  render(): JSX.Element;
-  _ariaControls?: string;
-  _ariaExpanded?: boolean;
-  _ariaSelected?: boolean;
-  _customClass?: CustomClassPropType;
-  _disabled?: boolean;
-  _hideLabel?: boolean;
-  _icons?: IconsPropType;
-  _id?: string;
-  _label: LabelPropType;
-  _name?: string;
-  _on?: ButtonCallbacksPropType<StencilUnknown>;
-  _role?: AlternativeButtonLinkRolePropType;
-  _syncValueBySelector?: SyncValueBySelectorPropType;
-  _tabIndex?: number;
-  _tooltipAlign?: TooltipAlignPropType;
-  _type?: ButtonTypePropType;
-  _value?: Stringified<StencilUnknown>;
-  _variant?: ButtonVariantPropType;
-  state: States;
+    private dropdown;
+    private dropdownContent;
+    private readonly clickButtonHandler;
+    private readonly clickToggleHandler;
+    private readonly openDropdown;
+    private readonly closeDropdown;
+    private readonly toggleDropdown;
+    private readonly catchDropdownElements;
+    render(): JSX.Element;
+    _ariaControls?: string;
+    _ariaExpanded?: boolean;
+    _ariaSelected?: boolean;
+    _customClass?: CustomClassPropType;
+    _disabled?: boolean;
+    _hideLabel?: boolean;
+    _icons?: IconsPropType;
+    _id?: string;
+    _label: LabelPropType;
+    _name?: string;
+    _on?: ButtonCallbacksPropType<StencilUnknown>;
+    _role?: AlternativeButtonLinkRolePropType;
+    _syncValueBySelector?: SyncValueBySelectorPropType;
+    _tabIndex?: number;
+    _tooltipAlign?: TooltipAlignPropType;
+    _type?: ButtonTypePropType;
+    _value?: Stringified<StencilUnknown>;
+    _variant?: ButtonVariantPropType;
+    state: States;
 }

package/dist/types/components/split-button/types.d.ts

@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
 import { StencilUnknown } from '../../components';
 import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
 import { ButtonCallbacksPropType } from '../../types/props/button-callbacks';
@@ -9,7 +9,7 @@ import { PropTooltipAlign } from '../../types/props/tooltip-align';
 import { PropShow } from '../../types/props/show';
 type RequiredProps = PropLabel;
 type OptionalProps = {
-  on?: ButtonCallbacksPropType<StencilUnknown>;
+    on?: ButtonCallbacksPropType<StencilUnknown>;
 } & PropAlternativeButtonLinkRole & PropIcons & PropTooltipAlign & PropButtonVariant;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = PropShow;

package/dist/types/components/symbol/component.d.ts

@@ -2,11 +2,11 @@ import { JSX } from '../../stencil-public-runtime';
 import { LabelPropType } from '../../types/props/label';
 import { API, States } from './types';
 export declare class KolSymbol implements API {
-  render(): JSX.Element;
-  _label: LabelPropType;
-  _symbol: string;
-  state: States;
-  validateLabel(value?: LabelPropType): void;
-  validateSymbol(value?: string): void;
-  componentWillLoad(): void;
+    render(): JSX.Element;
+    _label: LabelPropType;
+    _symbol: string;
+    state: States;
+    validateLabel(value?: LabelPropType): void;
+    validateSymbol(value?: string): void;
+    componentWillLoad(): void;
 }

package/dist/types/components/symbol/types.d.ts

@@ -1,7 +1,7 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
 import { PropLabel } from '../../types/props/label';
 type RequiredProps = {
-  symbol: string;
+    symbol: string;
 } & PropLabel;
 type OptionalProps = NonNullable<unknown>;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;

package/dist/types/components/table/component.d.ts

@@ -3,42 +3,46 @@ import { Stringified } from '../../types/common';
 import { LabelPropType } from '../../types/props/label';
 import { API, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, States } from './types';
 export declare class KolTable implements API {
-  private horizontal;
-  private sortFunction?;
-  private sortDirections;
-  private showPagination;
-  private pageStartSlice;
-  private pageEndSlice;
-  private disableSort;
-  private sortedColumnHead;
-  private ariaLive;
-  _data: Stringified<KoliBriTableDataType[]>;
-  _dataFoot?: Stringified<KoliBriTableDataType[]>;
-  _headers: Stringified<KoliBriTableHeaders>;
-  _label: string;
-  _minWidth?: string;
-  _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
-  state: States;
-  validateData(value?: Stringified<KoliBriTableDataType[]>): void;
-  validateDataFoot(value?: Stringified<KoliBriTableDataType[]>): void;
-  private setSortDirection;
-  validateHeaders(value?: Stringified<KoliBriTableHeaders>): void;
-  validateLabel(value?: LabelPropType): void;
-  validateMinWidth(value?: string): void;
-  private readonly handlePagination;
-  private readonly beforePatchPagination;
-  validatePagination(value?: boolean | Stringified<KoliBriTablePaginationProps>): void;
-  componentWillLoad(): void;
-  private getNumberOfCols;
-  private getNumberOfRows;
-  private filterHeaderKeys;
-  private getPrimaryHeader;
-  private createDataField;
-  private selectDisplayedData;
-  private cellRender;
-  private updateSortedData;
-  private readonly renderTableRow;
-  private readonly renderTableCell;
-  private readonly renderFoot;
-  render(): JSX.Element;
+    private horizontal;
+    private sortFunction?;
+    private sortDirections;
+    private sortData;
+    private showPagination;
+    private pageStartSlice;
+    private pageEndSlice;
+    private disableSort;
+    private sortedColumnHead;
+    private ariaLive;
+    _allowMultiSort?: boolean;
+    _data: Stringified<KoliBriTableDataType[]>;
+    _dataFoot?: Stringified<KoliBriTableDataType[]>;
+    _headers: Stringified<KoliBriTableHeaders>;
+    _label: string;
+    _minWidth?: string;
+    _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
+    state: States;
+    validateAllowMultiSort(value?: boolean): void;
+    validateData(value?: Stringified<KoliBriTableDataType[]>): void;
+    validateDataFoot(value?: Stringified<KoliBriTableDataType[]>): void;
+    private setSortDirection;
+    private changeCellSort;
+    validateHeaders(value?: Stringified<KoliBriTableHeaders>): void;
+    validateLabel(value?: LabelPropType): void;
+    validateMinWidth(value?: string): void;
+    private readonly handlePagination;
+    private readonly beforePatchPagination;
+    validatePagination(value?: boolean | Stringified<KoliBriTablePaginationProps>): void;
+    componentWillLoad(): void;
+    private getNumberOfCols;
+    private getNumberOfRows;
+    private filterHeaderKeys;
+    private getPrimaryHeader;
+    private createDataField;
+    private selectDisplayedData;
+    private cellRender;
+    private updateSortedData;
+    private readonly renderTableRow;
+    private readonly renderTableCell;
+    private readonly renderFoot;
+    render(): JSX.Element;
 }

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

@@ -1,68 +1,72 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
 import { Stringified } from '../../types/common';
 import { PropLabel } from '../../types/props/label';
 import { KoliBriPaginationProps } from '../pagination/types';
 export type KoliBriTableSelectedHead = {
-  key: string;
-  label: string;
-  sortDirection: KoliBriSortDirection;
+    key: string;
+    label: string;
+    sortDirection: KoliBriSortDirection;
 };
 export type KoliBriTableRender = <T>(domNode: HTMLElement, cell: KoliBriTableCell, tupel: T, data: T[]) => string | void;
 type KoliBriTableSort = <T>(data: T[]) => T[];
 export type KoliBriSortDirection = 'ASC' | 'DESC' | 'NOS';
 export type KoliBriSortFunction = (data: KoliBriTableDataType[]) => KoliBriTableDataType[];
+export type KoliBriDataCompareFn = (a: KoliBriTableDataType, b: KoliBriTableDataType) => number;
 export type KoliBriTableDataType = Record<string, unknown>;
 type KoliBriTableCellTextAlign = 'center' | 'left' | 'right' | 'justify';
 export type KoliBriTableCell = {
-  asTd?: boolean;
-  colSpan?: number;
-  label: string;
-  render?: KoliBriTableRender;
-  rowSpan?: number;
-  sort?: KoliBriTableSort;
-  textAlign?: KoliBriTableCellTextAlign;
-  width?: string;
+    asTd?: boolean;
+    colSpan?: number;
+    label: string;
+    render?: KoliBriTableRender;
+    rowSpan?: number;
+    sort?: KoliBriTableSort;
+    textAlign?: KoliBriTableCellTextAlign;
+    width?: string;
 };
 export type KoliBriTableHeaderCell = {
-  asTd?: boolean;
-  key?: string;
-  sort?: KoliBriTableSort;
-  sortDirection?: KoliBriSortDirection;
-  textAlign?: KoliBriTableCellTextAlign;
+    asTd?: boolean;
+    key?: string;
+    compareFn?: KoliBriDataCompareFn;
+    sort?: KoliBriTableSort;
+    sortDirection?: KoliBriSortDirection;
+    textAlign?: KoliBriTableCellTextAlign;
 } & KoliBriTableCell;
 export type KoliBriTableHeaders = {
-  horizontal?: KoliBriTableHeaderCell[][];
-  vertical?: KoliBriTableHeaderCell[][];
+    horizontal?: KoliBriTableHeaderCell[][];
+    vertical?: KoliBriTableHeaderCell[][];
 };
 export type KoliBriTableHeaderCellAndData = {
-  data: KoliBriTableDataType;
+    data: KoliBriTableDataType;
 } & KoliBriTableHeaderCell;
 export type KoliBriTablePaginationProps = Generic.Element.Members<{
-  page: number;
+    page: number;
 }, KoliBriPaginationProps>;
 type KoliBriTablePaginationStates = Generic.Element.Members<{
-  page: number;
-  max: number;
+    page: number;
+    max: number;
 }, KoliBriPaginationProps>;
 type RequiredProps = {
-  data: Stringified<KoliBriTableDataType[]>;
-  headers: Stringified<KoliBriTableHeaders>;
+    data: Stringified<KoliBriTableDataType[]>;
+    headers: Stringified<KoliBriTableHeaders>;
 } & PropLabel;
 type OptionalProps = {
-  dataFoot: Stringified<KoliBriTableDataType[]>;
-  minWidth: string;
-  pagination: boolean | Stringified<KoliBriTablePaginationProps>;
+    allowMultiSort: boolean;
+    dataFoot: Stringified<KoliBriTableDataType[]>;
+    minWidth: string;
+    pagination: boolean | Stringified<KoliBriTablePaginationProps>;
 };
 type RequiredStates = {
-  data: KoliBriTableDataType[];
-  dataFoot: KoliBriTableDataType[];
-  headers: KoliBriTableHeaders;
-  pagination: KoliBriTablePaginationStates;
-  sortedData: KoliBriTableDataType[];
+    allowMultiSort: boolean;
+    data: KoliBriTableDataType[];
+    dataFoot: KoliBriTableDataType[];
+    headers: KoliBriTableHeaders;
+    pagination: KoliBriTablePaginationStates;
+    sortedData: KoliBriTableDataType[];
 } & PropLabel;
 type OptionalStates = {
-  minWidth: string;
-  sortDirection: KoliBriSortDirection;
+    minWidth: string;
+    sortDirection: KoliBriSortDirection;
 };
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

package/dist/types/components/tabs/component.d.ts

@@ -4,36 +4,36 @@ import { AlignPropType } from '../../types/props/align';
 import { LabelPropType } from '../../types/props/label';
 import { API, KoliBriTabsCallbacks, States, TabButtonProps } from './types';
 export declare class KolTabs implements API {
-  private readonly host?;
-  private tabPanelsElement?;
-  private onCreateLabel;
-  private showCreateTab;
-  private selectedTimeout?;
-  private nextPossibleTabIndex;
-  private onKeyDown;
-  private readonly onClickSelect;
-  private readonly onMouseDown;
-  private readonly callbacks;
-  private renderButtonGroup;
-  private tabPanelHost?;
-  private readonly catchTabPanelHost;
-  render(): JSX.Element;
-  _align?: AlignPropType;
-  _label: LabelPropType;
-  _on?: KoliBriTabsCallbacks;
-  _selected?: number;
-  _tabs: Stringified<TabButtonProps[]>;
-  state: States;
-  private selectNextNotDisabledTab;
-  private syncSelectedAndTabs;
-  validateAlign(value?: AlignPropType): void;
-  validateLabel(value?: LabelPropType): void;
-  validateOn(value?: KoliBriTabsCallbacks): void;
-  validateSelected(value?: number): void;
-  validateTabs(value?: Stringified<TabButtonProps[]>): void;
-  componentWillLoad(): void;
-  private readonly handleTabPanels;
-  componentDidRender(): void;
-  private onSelect;
-  private onCreate;
+    private readonly host?;
+    private tabPanelsElement?;
+    private onCreateLabel;
+    private showCreateTab;
+    private selectedTimeout?;
+    private nextPossibleTabIndex;
+    private onKeyDown;
+    private readonly onClickSelect;
+    private readonly onMouseDown;
+    private readonly callbacks;
+    private renderButtonGroup;
+    private tabPanelHost?;
+    private readonly catchTabPanelHost;
+    render(): JSX.Element;
+    _align?: AlignPropType;
+    _label: LabelPropType;
+    _on?: KoliBriTabsCallbacks;
+    _selected?: number;
+    _tabs: Stringified<TabButtonProps[]>;
+    state: States;
+    private selectNextNotDisabledTab;
+    private syncSelectedAndTabs;
+    validateAlign(value?: AlignPropType): void;
+    validateLabel(value?: LabelPropType): void;
+    validateOn(value?: KoliBriTabsCallbacks): void;
+    validateSelected(value?: number): void;
+    validateTabs(value?: Stringified<TabButtonProps[]>): void;
+    componentWillLoad(): void;
+    private readonly handleTabPanels;
+    componentDidRender(): void;
+    private onSelect;
+    private onCreate;
 }

package/dist/types/components/tabs/types.d.ts

@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
 import { Events } from '../../enums/events';
 import { EventCallback, EventValueOrEventCallback } from '../../types/callbacks';
 import { Stringified } from '../../types/common';
@@ -9,31 +9,31 @@ import { PropHideLabel } from '../../types/props/hide-label';
 import { PropLabel } from '../../types/props/label';
 import { PropTooltipAlign } from '../../types/props/tooltip-align';
 export type KoliBriTabsCallbacks = {
-  onCreate?: EventCallback<Event> | {
-    label: string;
-    callback: EventCallback<Event>;
-  };
+    onCreate?: EventCallback<Event> | {
+        label: string;
+        callback: EventCallback<Event>;
+    };
 } & {
-  [Events.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
+    [Events.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
 };
 type RequiredTabButtonProps = PropLabel;
 type OptionalTabButtonProps = {
-  icons: Stringified<KoliBriIconsProp>;
+    icons: Stringified<KoliBriIconsProp>;
 } & PropDisabled & PropHideLabel & PropTooltipAlign;
 export type TabButtonProps = Generic.Element.Members<RequiredTabButtonProps, OptionalTabButtonProps>;
 type RequiredProps = {
-  tabs: Stringified<TabButtonProps[]>;
+    tabs: Stringified<TabButtonProps[]>;
 } & PropLabel;
 type OptionalProps = {
-  on: KoliBriTabsCallbacks;
-  selected: number;
+    on: KoliBriTabsCallbacks;
+    selected: number;
 } & PropAlign;
 type RequiredStates = {
-  selected: number;
-  tabs: TabButtonProps[];
+    selected: number;
+    tabs: TabButtonProps[];
 } & PropLabel & PropAlign;
 type OptionalStates = {
-  on: KoliBriTabsCallbacks;
+    on: KoliBriTabsCallbacks;
 };
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

package/dist/types/components/textarea/component.d.ts

@@ -11,60 +11,61 @@ import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-sel
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { API, CSSResize, States } from './types';
 export declare class KolTextarea implements API {
-  private readonly host?;
-  private ref?;
-  private readonly catchRef;
-  render(): JSX.Element;
-  private readonly controller;
-  _accessKey?: string;
-  _adjustHeight?: boolean;
-  _alert?: boolean;
-  _disabled?: boolean;
-  _error?: string;
-  _hasCounter?: boolean;
-  _hideError?: boolean;
-  _hideLabel?: boolean;
-  _hint?: string;
-  _id?: IdPropType;
-  _label: LabelWithExpertSlotPropType;
-  _maxLength?: number;
-  _name?: NamePropType;
-  _on?: InputTypeOnDefault;
-  _placeholder?: string;
-  _readOnly?: boolean;
-  _resize?: CSSResize;
-  _required?: boolean;
-  _rows?: RowsPropType;
-  _syncValueBySelector?: SyncValueBySelectorPropType;
-  _tabIndex?: number;
-  _tooltipAlign?: TooltipAlignPropType;
-  _touched?: boolean;
-  _value?: string;
-  state: States;
-  constructor();
-  validateAccessKey(value?: string): void;
-  validateAdjustHeight(value?: AdjustHeightPropType): void;
-  validateAlert(value?: boolean): void;
-  validateDisabled(value?: boolean): void;
-  validateError(value?: string): void;
-  validateHasCounter(value?: HasCounterPropType): void;
-  validateHideError(value?: HideErrorPropType): void;
-  validateHideLabel(value?: boolean): void;
-  validateHint(value?: string): void;
-  validateId(value?: string): void;
-  validateLabel(value?: LabelWithExpertSlotPropType): void;
-  validateMaxLength(value?: number): void;
-  validateName(value?: string): void;
-  validateOn(value?: InputTypeOnDefault): void;
-  validatePlaceholder(value?: string): void;
-  validateReadOnly(value?: boolean): void;
-  validateResize(value?: CSSResize): void;
-  validateRequired(value?: boolean): void;
-  validateRows(value?: RowsPropType): void;
-  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-  validateTabIndex(value?: number): void;
-  validateTouched(value?: boolean): void;
-  validateValue(value?: string): void;
-  componentWillLoad(): void;
-  private readonly onKeyUp;
+    private readonly host?;
+    private ref?;
+    private readonly catchRef;
+    getValue(): Promise<string | undefined>;
+    render(): JSX.Element;
+    private readonly controller;
+    _accessKey?: string;
+    _adjustHeight?: boolean;
+    _alert?: boolean;
+    _disabled?: boolean;
+    _error?: string;
+    _hasCounter?: boolean;
+    _hideError?: boolean;
+    _hideLabel?: boolean;
+    _hint?: string;
+    _id?: IdPropType;
+    _label: LabelWithExpertSlotPropType;
+    _maxLength?: number;
+    _name?: NamePropType;
+    _on?: InputTypeOnDefault;
+    _placeholder?: string;
+    _readOnly?: boolean;
+    _resize?: CSSResize;
+    _required?: boolean;
+    _rows?: RowsPropType;
+    _syncValueBySelector?: SyncValueBySelectorPropType;
+    _tabIndex?: number;
+    _tooltipAlign?: TooltipAlignPropType;
+    _touched?: boolean;
+    _value?: string;
+    state: States;
+    constructor();
+    validateAccessKey(value?: string): void;
+    validateAdjustHeight(value?: AdjustHeightPropType): void;
+    validateAlert(value?: boolean): void;
+    validateDisabled(value?: boolean): void;
+    validateError(value?: string): void;
+    validateHasCounter(value?: HasCounterPropType): void;
+    validateHideError(value?: HideErrorPropType): void;
+    validateHideLabel(value?: boolean): void;
+    validateHint(value?: string): void;
+    validateId(value?: string): void;
+    validateLabel(value?: LabelWithExpertSlotPropType): void;
+    validateMaxLength(value?: number): void;
+    validateName(value?: string): void;
+    validateOn(value?: InputTypeOnDefault): void;
+    validatePlaceholder(value?: string): void;
+    validateReadOnly(value?: boolean): void;
+    validateResize(value?: CSSResize): void;
+    validateRequired(value?: boolean): void;
+    validateRows(value?: RowsPropType): void;
+    validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
+    validateTabIndex(value?: number): void;
+    validateTouched(value?: boolean): void;
+    validateValue(value?: string): void;
+    componentWillLoad(): void;
+    private readonly onKeyUp;
 }

package/dist/types/components/textarea/controller.d.ts

@@ -1,21 +1,19 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
 import { HasCounterPropType } from '../../types/props/has-counter';
-import { HideErrorPropType } from '../../types/props/hide-error';
 import { RowsPropType } from '../../types/props/rows';
 import { InputController } from '../@deprecated/input/controller';
 import { CSSResize, Props, Watches } from './types';
 export declare class TextareaController extends InputController implements Watches {
-  protected readonly component: Generic.Element.Component & Props;
-  constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
-  private afterSyncCharCounter;
-  validateHasCounter(value?: HasCounterPropType): void;
-  validateHideError(value?: HideErrorPropType): void;
-  validateMaxLength(value?: number): void;
-  validatePlaceholder(value?: string): void;
-  validateReadOnly(value?: boolean): void;
-  validateResize(value?: CSSResize): void;
-  validateRequired(value?: boolean): void;
-  validateRows(value?: RowsPropType): void;
-  validateValue(value?: string): void;
-  componentWillLoad(): void;
+    protected readonly component: Generic.Element.Component & Props;
+    constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
+    private afterSyncCharCounter;
+    validateHasCounter(value?: HasCounterPropType): void;
+    validateMaxLength(value?: number): void;
+    validatePlaceholder(value?: string): void;
+    validateReadOnly(value?: boolean): void;
+    validateResize(value?: CSSResize): void;
+    validateRequired(value?: boolean): void;
+    validateRows(value?: RowsPropType): void;
+    validateValue(value?: string): void;
+    componentWillLoad(): void;
 }