@public-ui/components 1.6.0-rc.17 → 1.6.0-rc.19

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

@@ -1,5 +1,6 @@
 import { Generic } from '@a11y-ui/core';
 import { PropHref } from '../../types/props/href';
+import { PropLabel } from '../../types/props/label';
 export type KoliBriQuoteVariant = 'block' | 'inline';
 type RequiredProps = {
   quote: string;
@@ -7,15 +8,13 @@ type RequiredProps = {
 type OptionalProps = {
   caption: string;
   variant: KoliBriQuoteVariant;
-};
+} & PropLabel;
 export type KoliBriQuoteProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   quote: string;
   variant: KoliBriQuoteVariant;
 } & PropHref;
-type OptionalStates = {
-  caption: string;
-};
+type OptionalStates = PropLabel;
 export type KoliBriQuoteStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type KoliBriQuoteApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -6,6 +6,8 @@ import { Align } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { W3CInputValue } from '../../types/w3c';
 import { ComponentApi, States } from './types';
+import { RowsPropType } from '../../types/props/rows';
+import { OptionsWithOptgroupPropType } from '../../types/props/options';
 export declare class KolSelect implements ComponentApi {
   private readonly host?;
   private ref?;
@@ -23,11 +25,13 @@ export declare class KolSelect implements ComponentApi {
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
   _label: LabelWithExpertSlotPropType;
-  _list: Stringified<SelectOption<W3CInputValue>[]>;
+  _list?: Stringified<SelectOption<W3CInputValue>[]>;
   _multiple?: boolean;
   _name?: string;
   _on?: InputTypeOnDefault;
+  _options?: OptionsWithOptgroupPropType;
   _required?: boolean;
+  _rows?: number;
   _size?: number;
   _syncValueBySelector?: string;
   _tabIndex?: number;
@@ -50,7 +54,9 @@ export declare class KolSelect implements ComponentApi {
   validateMultiple(value?: boolean): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
+  validateOptions(value?: OptionsWithOptgroupPropType): void;
   validateRequired(value?: boolean): void;
+  validateRows(value?: RowsPropType): void;
   validateSize(value?: number): void;
   validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;

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

@@ -1,9 +1,11 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
-import { Option, SelectOption } from '../../types/input/types';
+import { Option } from '../../types/input/types';
 import { W3CInputValue } from '../../types/w3c';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import { Props, Watches } from './types';
+import { RowsPropType } from '../../types/props/rows';
+import { OptionsWithOptgroupPropType } from '../../types/props/options';
 export declare class SelectController extends InputIconController implements Watches {
   protected readonly component: Generic.Element.Component & Props;
   private onStateChange;
@@ -12,12 +14,12 @@ export declare class SelectController extends InputIconController implements Wat
   readonly getOptionByKey: (key: string) => Option<W3CInputValue> | undefined;
   private readonly isValueInOptions;
   private readonly filterValuesInOptions;
-  private readonly beforePatchListValue;
+  private readonly beforePatchOptions;
   validateHeight(value?: string): void;
-  validateList<T>(value?: SelectOption<T>[] | string): void;
+  validateOptions(value?: OptionsWithOptgroupPropType): void;
   validateMultiple(value?: boolean): void;
   validateRequired(value?: boolean): void;
-  validateSize(value?: number): void;
+  validateRows(value?: RowsPropType): void;
   validateValue(value?: Stringified<W3CInputValue[]>): void;
   componentWillLoad(onChange?: (event: Event) => void): void;
 }

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

@@ -5,9 +5,9 @@ import { InputTypeOnDefault, SelectOption } from '../../types/input/types';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { W3CInputValue } from '../../types/w3c';
 import { InputRequiredProps } from '../input/types';
-type RequiredProps = InputRequiredProps & {
-  list: Stringified<SelectOption<W3CInputValue>[]>;
-};
+import { PropRows } from '../../types/props/rows';
+import { PropOptionsWithOptgroup } from '../../types/props/options';
+type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accessKey: string;
   alert: boolean;
@@ -17,6 +17,7 @@ type OptionalProps = {
   hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
+  list: Stringified<SelectOption<W3CInputValue>[]>;
   multiple: boolean;
   name: string;
   on: InputTypeOnDefault;
@@ -26,12 +27,12 @@ type OptionalProps = {
   tabIndex: number;
   touched: boolean;
   value: Stringified<W3CInputValue[]>;
-};
+} & PropRows & PropOptionsWithOptgroup;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   hasValue: boolean;
   id: string;
-  list: SelectOption<W3CInputValue>[];
+  options: SelectOption<W3CInputValue>[];
   multiple: boolean;
   value: W3CInputValue[];
 } & PropLabelWithExpertSlot;
@@ -51,8 +52,8 @@ type OptionalStates = {
   size: number;
   tabIndex: number;
   touched: boolean;
-};
+} & PropRows;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
+export type Watches = Generic.Element.Watchers<RequiredProps, Omit<OptionalProps, 'size' | 'list'>>;
 export type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,6 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriTableAPI, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableStates } from './types';
+import { LabelPropType } from '../../types/props/label';
 export declare class KolTable implements KoliBriTableAPI {
   private horizontal;
   private sortFunction?;
@@ -9,10 +10,13 @@ export declare class KolTable implements KoliBriTableAPI {
   private pageStartSlice;
   private pageEndSlice;
   private disableSort;
-  _caption: string;
+  private sortedColumnHead;
+  private ariaLive;
+  _caption?: string;
   _data: Stringified<KoliBriTableDataType[]>;
   _dataFoot?: Stringified<KoliBriTableDataType[]>;
   _headers: Stringified<KoliBriTableHeaders>;
+  _label?: string;
   _minWidth?: string;
   _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
   state: KoliBriTableStates;
@@ -21,6 +25,7 @@ export declare class KolTable implements KoliBriTableAPI {
   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;

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

@@ -1,6 +1,12 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { KoliBriPaginationProps } from '../pagination/types';
+import { PropLabel } from '../../types/props/label';
+export type KoliBriTableSelectedHead = {
+  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';
@@ -39,23 +45,22 @@ type KoliBriTablePaginationStates = Generic.Element.Members<{
   total: number;
 }, KoliBriPaginationProps>;
 type RequiredProps = {
-  caption: string;
   data: Stringified<KoliBriTableDataType[]>;
   headers: Stringified<KoliBriTableHeaders>;
 };
 type OptionalProps = {
+  caption: string;
   dataFoot: Stringified<KoliBriTableDataType[]>;
   minWidth: string;
   pagination: boolean | Stringified<KoliBriTablePaginationProps>;
-};
+} & PropLabel;
 type RequiredStates = {
-  caption: string;
   data: KoliBriTableDataType[];
   dataFoot: KoliBriTableDataType[];
   headers: KoliBriTableHeaders;
   pagination: KoliBriTablePaginationStates;
   sortedData: KoliBriTableDataType[];
-};
+} & PropLabel;
 type OptionalStates = {
   minWidth: string;
   sortDirection: KoliBriSortDirection;

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

@@ -18,6 +18,7 @@ export declare class KolTabs implements KoliBriTabsAPI {
   private tabPanelHost?;
   private readonly catchTabPanelHost;
   render(): JSX.Element;
+  _align?: Align;
   _ariaLabel?: string;
   _label?: LabelPropType;
   _on?: KoliBriTabsCallbacks;
@@ -27,6 +28,7 @@ export declare class KolTabs implements KoliBriTabsAPI {
   state: KoliBriTabsStates;
   private selectNextNotDisabledTab;
   private syncSelectedAndTabs;
+  validateAlign(value?: Align): void;
   validateAriaLabel(value?: string): void;
   validateLabel(value?: LabelPropType): void;
   validateOn(value?: KoliBriTabsCallbacks): void;

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

@@ -3,7 +3,7 @@ import { Events } from '../../enums/events';
 import { EventCallback, EventValueOrEventCallback } from '../../types/callbacks';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { Align } from '../../types/props/align';
+import { Align, PropAlign } from '../../types/props/align';
 import { PropAriaLabel } from '../../types/props/aria-label';
 import { PropHideLabel } from '../../types/props/hide-label';
 import { PropLabel } from '../../types/props/label';
@@ -30,12 +30,11 @@ type OptionalProps = {
   on: KoliBriTabsCallbacks;
   tabsAlign: Align;
   selected: number;
-} & PropAriaLabel & PropLabel;
+} & PropAriaLabel & PropLabel & PropAlign;
 type RequiredStates = {
-  tabsAlign: Align;
   selected: number;
   tabs: TabButtonProps[];
-} & PropLabel;
+} & PropLabel & PropAlign;
 type OptionalStates = {
   on: KoliBriTabsCallbacks;
 };

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

@@ -3,6 +3,7 @@ import { InputTypeOnDefault } from '../../types/input/types';
 import { Align } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { ComponentApi, CSSResize, States } from './types';
+import { RowsPropType } from '../../types/props/rows';
 export declare class KolTextarea implements ComponentApi {
   private readonly host?;
   private ref?;
@@ -26,7 +27,7 @@ export declare class KolTextarea implements ComponentApi {
   _readOnly?: boolean;
   _resize?: CSSResize;
   _required?: boolean;
-  _rows?: number;
+  _rows?: RowsPropType;
   _syncValueBySelector?: string;
   _tabIndex?: number;
   _tooltipAlign?: Align;
@@ -51,7 +52,7 @@ export declare class KolTextarea implements ComponentApi {
   validateReadOnly(value?: boolean): void;
   validateResize(value?: CSSResize): void;
   validateRequired(value?: boolean): void;
-  validateRows(value?: number): void;
+  validateRows(value?: RowsPropType): void;
   validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;

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

@@ -1,6 +1,7 @@
 import { Generic } from '@a11y-ui/core';
 import { InputController } from '../@deprecated/input/controller';
 import { CSSResize, Props, Watches } from './types';
+import { RowsPropType } from '../../types/props/rows';
 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);
@@ -11,7 +12,7 @@ export declare class TextareaController extends InputController implements Watch
   validateReadOnly(value?: boolean): void;
   validateResize(value?: CSSResize): void;
   validateRequired(value?: boolean): void;
-  validateRows(value?: number): void;
+  validateRows(value?: RowsPropType): void;
   validateValue(value?: string): void;
   componentWillLoad(): void;
 }

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

@@ -4,6 +4,7 @@ import { PropAdjustHeight } from '../../types/props/adjust-height';
 import { PropHasCounter } from '../../types/props/has-counter';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { InputRequiredProps } from '../input/types';
+import { PropRows } from '../../types/props/rows';
 export type CSSResize = 'both' | 'horizontal' | 'vertical' | 'none';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = {
@@ -20,12 +21,11 @@ type OptionalProps = {
   readOnly: boolean;
   resize: CSSResize;
   required: boolean;
-  rows: number;
   syncValueBySelector: string;
   tabIndex: number;
   touched: boolean;
   value: string;
-} & PropAdjustHeight & PropHasCounter;
+} & PropAdjustHeight & PropHasCounter & PropRows;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   adjustHeight: boolean;
@@ -47,11 +47,10 @@ type OptionalStates = {
   placeholder: string;
   readOnly: boolean;
   required: boolean;
-  rows: number;
   tabIndex: number;
   touched: boolean;
   value: string;
-} & PropHasCounter;
+} & PropHasCounter & PropRows;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
 export type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -3,10 +3,12 @@ import { HeadingLevel } from '../../types/heading-level';
 import { KoliBriToastEventCallbacks } from '../../types/toast';
 import { AlertType } from '../alert/types';
 import { KoliBriToastAPI, KoliBriToastStates } from './types';
+import { LabelPropType } from '../../types/props/label';
 export declare class KolToast implements KoliBriToastAPI {
   _alert?: boolean;
   _hasCloser?: boolean;
   _heading?: string;
+  _label?: LabelPropType;
   _level?: HeadingLevel;
   _on?: KoliBriToastEventCallbacks;
   _show?: boolean;
@@ -16,6 +18,7 @@ export declare class KolToast implements KoliBriToastAPI {
   validateAlert(value?: boolean): void;
   validateHasCloser(value?: boolean): void;
   validateHeading(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateLevel(value?: HeadingLevel): void;
   validateOn(value?: KoliBriToastEventCallbacks): void;
   validateShow(value?: boolean): void;

package/dist/types/components/toast/toaster.d.ts

@@ -1,7 +1,9 @@
 import { AlertType } from '../alert/types';
+import { LabelPropType } from '../../types/props/label';
 type Toast = {
-  heading: string;
   description: string;
+  heading?: string;
+  label?: LabelPropType;
   type: AlertType;
 };
 export declare class ToasterService {

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

@@ -4,6 +4,7 @@ import { PropHasCloser } from '../../types/props/has-closer';
 import { PropShow } from '../../types/props/show';
 import { KoliBriToastEventCallbacks } from '../../types/toast';
 import { AlertType } from '../alert/types';
+import { PropLabel } from '../../types/props/label';
 type RequiredProps = unknown;
 type OptionalProps = {
   alert: boolean;
@@ -12,7 +13,7 @@ type OptionalProps = {
   on: KoliBriToastEventCallbacks;
   showDuration: number;
   type: AlertType;
-} & PropHasCloser & PropShow;
+} & PropHasCloser & PropShow & PropLabel;
 export type KoliBriToastProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;