@public-ui/components 1.6.0-rc.2 → 1.6.0-rc.21

package/dist/types/components/skip-nav/component.d.ts

@@ -1,25 +1,16 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
 import { LinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
-type RequiredProps = {
-  ariaLabel: string;
-  links: Stringified<LinkProps[]>;
-};
-type OptionalProps = unknown;
-type RequiredStates = {
-  ariaLabel: string;
-  links: LinkProps[];
-};
-type OptionalStates = OptionalProps;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolSkipNav implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { LabelPropType } from '../../types/props/label';
+import { KoliBriSkipNavAPI, KoliBriSkipNavStates } from './types';
+export declare class KolSkipNav implements KoliBriSkipNavAPI {
   render(): JSX.Element;
-  _ariaLabel: string;
+  _ariaLabel?: string;
+  _label?: LabelPropType;
   _links: Stringified<LinkProps[]>;
-  state: States;
+  state: KoliBriSkipNavStates;
   validateAriaLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateLinks(value?: Stringified<LinkProps[]>): void;
   componentWillLoad(): void;
 }
-export {};

package/dist/types/components/skip-nav/types.d.ts

@@ -0,0 +1,16 @@
+import { Generic } from '@a11y-ui/core';
+import { LinkProps } from '../../types/button-link';
+import { Stringified } from '../../types/common';
+import { PropAriaLabel } from '../../types/props/aria-label';
+import { PropLabel } from '../../types/props/label';
+type RequiredProps = {
+  links: Stringified<LinkProps[]>;
+};
+type OptionalProps = PropAriaLabel & PropLabel;
+type RequiredStates = {
+  links: LinkProps[];
+} & PropLabel;
+type OptionalStates = OptionalProps;
+export type KoliBriSkipNavStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriSkipNavAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,36 +1,18 @@
-import { Generic } from '@a11y-ui/core';
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
-import { KoliBriCustomIcon, KoliBriIconProp } from '../../types/icon';
-type RequiredProps = {
-  label: string;
-};
-type OptionalProps = {
-  icon: Stringified<KoliBriIconProp>;
-  iconOnly: boolean;
-};
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = {
-  icon: {
-    top?: KoliBriCustomIcon;
-    right?: KoliBriCustomIcon;
-    bottom?: KoliBriCustomIcon;
-    left?: KoliBriCustomIcon;
-  };
-  iconOnly: boolean;
-  label: string;
-};
-type OptionalStates = unknown;
-export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolSpanWc implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { KoliBriIconProp } from '../../types/icon';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+import { KolibriSpanAPI, KolibriSpanStates } from './types';
+export declare class KolSpanWc implements KolibriSpanAPI {
   render(): JSX.Element;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
-  _label: string;
-  state: States;
+  _label: LabelWithExpertSlotPropType;
+  state: KolibriSpanStates;
+  validateHideLabel(value?: boolean): void;
   validateIcon(value?: KoliBriIconProp): void;
   validateIconOnly(value?: boolean): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   componentWillLoad(): void;
 }
-export {};

package/dist/types/components/span/shadow.d.ts

@@ -1,10 +1,12 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { Props } from './component';
-export declare class KolSpan implements Props {
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+import { KolibriSpanProps } from './types';
+export declare class KolSpan implements KolibriSpanProps {
   render(): JSX.Element;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
 }

package/dist/types/components/span/test/html.mock.d.ts

@@ -1,8 +1,8 @@
-import { Props } from '../component';
+import { KolibriSpanProps } from '../types';
 type Slots = {
   ''?: string;
   expert?: string;
 } & Record<string, undefined | string>;
-export declare const getSpanWcHtml: (props: Props, slots?: Slots, additionalAttrs?: string) => string;
-export declare const getSpanHtml: (props: Props) => string;
+export declare const getSpanWcHtml: (props: KolibriSpanProps, slots?: Slots, additionalAttrs?: string) => string;
+export declare const getSpanHtml: (props: KolibriSpanProps) => string;
 export {};

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

@@ -0,0 +1,25 @@
+import { Generic } from '@a11y-ui/core';
+import { Stringified } from '../../types/common';
+import { KoliBriCustomIcon, KoliBriIconProp } from '../../types/icon';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
+type RequiredProps = PropLabelWithExpertSlot;
+type OptionalProps = {
+  icon: Stringified<KoliBriIconProp>;
+  iconOnly: boolean;
+} & PropHideLabel;
+export type KolibriSpanProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = {
+  icon: {
+    top?: KoliBriCustomIcon;
+    right?: KoliBriCustomIcon;
+    bottom?: KoliBriCustomIcon;
+    left?: KoliBriCustomIcon;
+  };
+} & PropLabelWithExpertSlot;
+type OptionalStates = {
+  iconOnly: boolean;
+} & PropHideLabel;
+export type KolibriSpanStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KolibriSpanAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,21 +1,13 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-import { PropSpinVariant, SpinVariant } from '../../types/props/variant/spin';
-import { PropShow } from '../../types/props';
-type RequiredProps = unknown;
-type OptionalProps = PropSpinVariant & PropShow;
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = PropSpinVariant;
-type OptionalStates = PropShow;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolSpin implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { SpinVariant } from '../../types/props/variant/spin';
+import { KoliBriSpinAPI, KoliBriSpinStates } from './types';
+export declare class KolSpin implements KoliBriSpinAPI {
   private showToggled;
   render(): JSX.Element;
   _show?: boolean;
   _variant?: SpinVariant;
-  state: States;
+  state: KoliBriSpinStates;
   validateShow(value?: boolean): void;
   validateVariant(value?: SpinVariant): void;
   componentWillLoad(): void;
 }
-export {};

package/dist/types/components/spin/test/html.mock.d.ts

@@ -1,2 +1,2 @@
-import { Props } from '../component';
-export declare const getSpinHtml: (props: Props) => string;
+import { KoliBriSpinProps } from '../types';
+export declare const getSpinHtml: (props: KoliBriSpinProps) => string;

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

@@ -0,0 +1,11 @@
+import { Generic } from '@a11y-ui/core';
+import { PropShow } from '../../types/props/show';
+import { PropSpinVariant } from '../../types/props/variant/spin';
+type RequiredProps = unknown;
+type OptionalProps = PropSpinVariant & PropShow;
+export type KoliBriSpinProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = PropSpinVariant;
+type OptionalStates = PropShow;
+export type KoliBriSpinStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriSpinAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,9 +1,12 @@
 import { JSX } from '../../stencil-public-runtime';
-import { API, KoliBriSplitButtonCallback, States } from './types';
-import { Align, AriaCurrent } from '../../types/props';
 import { AlternativButtonLinkRole, KoliBriButtonType, KoliBriButtonVariant } from '../../types/button-link';
 import { Stringified } from '../../types/common';
-export declare class KolSplitButton implements API {
+import { Align } from '../../types/props/align';
+import { AriaCurrent } from '../../types/props/aria-current';
+import { LabelPropType } from '../../types/props/label';
+import { StencilUnknown } from '../../types/unknown';
+import { KoliBriSplitButtonAPI, KoliBriSplitButtonAStates, KoliBriSplitButtonCallback } from './types';
+export declare class KolSplitButton implements KoliBriSplitButtonAPI {
   private dropdown;
   private dropdownContent;
   private readonly clickHandler;
@@ -25,7 +28,7 @@ export declare class KolSplitButton implements API {
   _hideLabel?: boolean;
   _icon?: string;
   _iconOnly?: boolean;
-  _label: string;
+  _label: LabelPropType;
   _on?: {
     onClick: KoliBriSplitButtonCallback;
   };
@@ -34,9 +37,9 @@ export declare class KolSplitButton implements API {
   _tabIndex?: number;
   _tooltipAlign?: Align;
   _type?: KoliBriButtonType;
-  _value?: Stringified<unknown>;
+  _value?: Stringified<StencilUnknown>;
   _variant?: KoliBriButtonVariant;
-  state: States;
+  state: KoliBriSplitButtonAStates;
   validateAccessKey(value?: string): void;
   validateAriaControls(value?: string): void;
   validateAriaCurrent(value?: AriaCurrent): void;
@@ -48,7 +51,7 @@ export declare class KolSplitButton implements API {
   validateHideLabel(value?: boolean): void;
   validateIcon(value?: string): void;
   validateIconOnly(value?: boolean): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateOn(value?: {
     onClick: KoliBriSplitButtonCallback;
   }): void;
@@ -57,7 +60,7 @@ export declare class KolSplitButton implements API {
   validateTabIndex(value?: number): void;
   validateTooltipAlign(value?: Align): void;
   validateType(value?: KoliBriButtonType): void;
-  validateValue(value?: Stringified<unknown>): void;
+  validateValue(value?: Stringified<StencilUnknown>): void;
   validateVariant(value?: KoliBriButtonVariant): void;
   componentWillLoad(): void;
 }

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

@@ -1,5 +1,5 @@
 import { Generic } from '@a11y-ui/core';
-import { PropLabel } from '../../types/props';
+import { PropLabel } from '../../types/props/label';
 export type KoliBriSplitButtonCallback = (e: Event) => void;
 type RequiredProps = PropLabel;
 type OptionalProps = {
@@ -18,6 +18,6 @@ type RequiredStates = PropLabel & {
 type OptionalStates = {
   icon: string;
 };
-export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type KoliBriSplitButtonAStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriSplitButtonAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,21 +1,14 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-type RequiredProps = {
-  ariaLabel: string;
-  symbol: string;
-};
-type OptionalProps = unknown;
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps;
-type OptionalStates = OptionalProps;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolSymbol implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { LabelPropType } from '../../types/props/label';
+import { KoliBriSymbolAPI, KoliBriSymbolStates } from './types';
+export declare class KolSymbol implements KoliBriSymbolAPI {
   render(): JSX.Element;
-  _ariaLabel: string;
+  _ariaLabel?: string;
+  _label?: LabelPropType;
   _symbol: string;
-  state: States;
+  state: KoliBriSymbolStates;
   validateAriaLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateSymbol(value?: string): void;
   componentWillLoad(): void;
 }
-export {};

package/dist/types/components/symbol/test/html.mock.d.ts

@@ -1,2 +1,2 @@
-import { Props } from '../component';
-export declare const getSymbolHtml: (props: Props) => string;
+import { KoliBriSymbolProps } from '../types';
+export declare const getSymbolHtml: (props: KoliBriSymbolProps) => string;

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

@@ -0,0 +1,13 @@
+import { Generic } from '@a11y-ui/core';
+import { PropAriaLabel } from '../../types/props/aria-label';
+import { PropLabel } from '../../types/props/label';
+type RequiredProps = {
+  symbol: string;
+};
+type OptionalProps = PropAriaLabel & PropLabel;
+export type KoliBriSymbolProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = RequiredProps;
+type OptionalStates = PropLabel;
+export type KoliBriSymbolStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriSymbolAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,29 +1,8 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
-import { KoliBriDataType, KoliBriSortDirection, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTablePaginationStates } from '../../types/table';
-type RequiredProps = {
-  caption: string;
-  data: Stringified<KoliBriDataType[]>;
-  headers: Stringified<KoliBriTableHeaders>;
-};
-type OptionalProps = {
-  minWidth: string;
-  pagination: boolean | Stringified<KoliBriTablePaginationProps>;
-};
-type RequiredStates = {
-  caption: string;
-  data: KoliBriDataType[];
-  headers: KoliBriTableHeaders;
-  pagination: KoliBriTablePaginationStates;
-  sortedData: KoliBriDataType[];
-};
-type OptionalStates = {
-  minWidth: string;
-  sortDirection: KoliBriSortDirection;
-};
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolTable implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { LabelPropType } from '../../types/props/label';
+import { KoliBriTableAPI, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableStates } from './types';
+export declare class KolTable implements KoliBriTableAPI {
   private horizontal;
   private sortFunction?;
   private sortDirections;
@@ -31,16 +10,22 @@ export declare class KolTable implements Generic.Element.ComponentApi<RequiredPr
   private pageStartSlice;
   private pageEndSlice;
   private disableSort;
-  _caption: string;
-  _data: Stringified<KoliBriDataType[]>;
+  private sortedColumnHead;
+  private ariaLive;
+  _caption?: string;
+  _data: Stringified<KoliBriTableDataType[]>;
+  _dataFoot?: Stringified<KoliBriTableDataType[]>;
   _headers: Stringified<KoliBriTableHeaders>;
+  _label?: string;
   _minWidth?: string;
   _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
-  state: States;
+  state: KoliBriTableStates;
   validateCaption(value?: string): void;
-  validateData(value?: Stringified<KoliBriDataType[]>): void;
+  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;
@@ -54,6 +39,8 @@ export declare class KolTable implements Generic.Element.ComponentApi<RequiredPr
   private selectDisplayedData;
   private cellRender;
   private updateSortedData;
+  private readonly renderTableRow;
+  private readonly renderTableCell;
+  private readonly renderFoot;
   render(): JSX.Element;
 }
-export {};

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

@@ -0,0 +1,70 @@
+import { Generic } from '@a11y-ui/core';
+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;
+};
+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 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;
+};
+export type KoliBriTableHeaderCell = {
+  asTd?: boolean;
+  key?: string;
+  sort?: KoliBriTableSort;
+  sortDirection?: KoliBriSortDirection;
+  textAlign?: KoliBriTableCellTextAlign;
+} & KoliBriTableCell;
+export type KoliBriTableHeaders = {
+  horizontal?: KoliBriTableHeaderCell[][];
+  vertical?: KoliBriTableHeaderCell[][];
+};
+export type KoliBriTableHeaderCellAndData = {
+  data: KoliBriTableDataType;
+} & KoliBriTableHeaderCell;
+export type KoliBriTablePaginationProps = Generic.Element.Members<{
+  page: number;
+}, KoliBriPaginationProps>;
+type KoliBriTablePaginationStates = Generic.Element.Members<{
+  page: number;
+  total: number;
+}, KoliBriPaginationProps>;
+type RequiredProps = {
+  data: Stringified<KoliBriTableDataType[]>;
+  headers: Stringified<KoliBriTableHeaders>;
+};
+type OptionalProps = {
+  caption: string;
+  dataFoot: Stringified<KoliBriTableDataType[]>;
+  minWidth: string;
+  pagination: boolean | Stringified<KoliBriTablePaginationProps>;
+} & PropLabel;
+type RequiredStates = {
+  data: KoliBriTableDataType[];
+  dataFoot: KoliBriTableDataType[];
+  headers: KoliBriTableHeaders;
+  pagination: KoliBriTablePaginationStates;
+  sortedData: KoliBriTableDataType[];
+} & PropLabel;
+type OptionalStates = {
+  minWidth: string;
+  sortDirection: KoliBriSortDirection;
+};
+export type KoliBriTableStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriTableAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,48 +1,9 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Events } from '../../enums/events';
-import { KoliBriIconProp } from '../../types/icon';
-import { Generic } from '@a11y-ui/core';
-import { EventCallback, EventValueOrEventCallback } from '../../types/callbacks';
 import { Stringified } from '../../types/common';
-import { Align } from '../../types/props';
-export type KoliBriTabsCallbacks = {
-  onCreate?: EventCallback<Event> | {
-    label: string;
-    callback: EventCallback<Event>;
-  };
-} & {
-  [Events.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
-};
-type RequiredTabButtonProps = {
-  label: string;
-};
-type OptionalTabButtonProps = {
-  disabled: boolean;
-  icon: Stringified<KoliBriIconProp>;
-  iconOnly: boolean;
-  tooltipAlign: Align;
-};
-export type TabButtonProps = Generic.Element.Members<RequiredTabButtonProps, OptionalTabButtonProps>;
-type RequiredProps = {
-  ariaLabel: string;
-  tabs: Stringified<TabButtonProps[]>;
-};
-type OptionalProps = {
-  on: KoliBriTabsCallbacks;
-  tabsAlign: Align;
-  selected: number;
-};
-type RequiredStates = {
-  ariaLabel: string;
-  tabsAlign: Align;
-  selected: number;
-  tabs: TabButtonProps[];
-};
-type OptionalStates = {
-  on: KoliBriTabsCallbacks;
-};
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolTabs implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { Align } from '../../types/props/align';
+import { LabelPropType } from '../../types/props/label';
+import { KoliBriTabsAPI, KoliBriTabsCallbacks, KoliBriTabsStates, TabButtonProps } from './types';
+export declare class KolTabs implements KoliBriTabsAPI {
   private readonly host?;
   private tabPanelsElement?;
   private onCreateLabel;
@@ -57,15 +18,19 @@ export declare class KolTabs implements Generic.Element.ComponentApi<RequiredPro
   private tabPanelHost?;
   private readonly catchTabPanelHost;
   render(): JSX.Element;
-  _ariaLabel: string;
+  _align?: Align;
+  _ariaLabel?: string;
+  _label?: LabelPropType;
   _on?: KoliBriTabsCallbacks;
   _selected?: number;
   _tabs: Stringified<TabButtonProps[]>;
   _tabsAlign?: Align;
-  state: States;
+  state: KoliBriTabsStates;
   private selectNextNotDisabledTab;
   private syncSelectedAndTabs;
+  validateAlign(value?: Align): void;
   validateAriaLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateOn(value?: KoliBriTabsCallbacks): void;
   validateSelected(value?: number): void;
   validateTabs(value?: Stringified<TabButtonProps[]>): void;
@@ -76,4 +41,3 @@ export declare class KolTabs implements Generic.Element.ComponentApi<RequiredPro
   private onSelect;
   private onCreate;
 }
-export {};

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

@@ -0,0 +1,43 @@
+import { Generic } from '@a11y-ui/core';
+import { Events } from '../../enums/events';
+import { EventCallback, EventValueOrEventCallback } from '../../types/callbacks';
+import { Stringified } from '../../types/common';
+import { KoliBriIconProp } from '../../types/icon';
+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';
+export type KoliBriTabsCallbacks = {
+  onCreate?: EventCallback<Event> | {
+    label: string;
+    callback: EventCallback<Event>;
+  };
+} & {
+  [Events.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
+};
+type RequiredTabButtonProps = PropLabel;
+type OptionalTabButtonProps = {
+  disabled: boolean;
+  icon: Stringified<KoliBriIconProp>;
+  iconOnly: boolean;
+  tooltipAlign: Align;
+} & PropHideLabel;
+export type TabButtonProps = Generic.Element.Members<RequiredTabButtonProps, OptionalTabButtonProps>;
+type RequiredProps = {
+  tabs: Stringified<TabButtonProps[]>;
+};
+type OptionalProps = {
+  on: KoliBriTabsCallbacks;
+  tabsAlign: Align;
+  selected: number;
+} & PropAriaLabel & PropLabel & PropAlign;
+type RequiredStates = {
+  selected: number;
+  tabs: TabButtonProps[];
+} & PropLabel & PropAlign;
+type OptionalStates = {
+  on: KoliBriTabsCallbacks;
+};
+export type KoliBriTabsStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriTabsAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,5 +1,8 @@
 import { JSX } from '../../stencil-public-runtime';
 import { InputTypeOnDefault } from '../../types/input/types';
+import { Align } from '../../types/props/align';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+import { RowsPropType } from '../../types/props/rows';
 import { ComponentApi, CSSResize, States } from './types';
 export declare class KolTextarea implements ComponentApi {
   private readonly host?;
@@ -16,7 +19,7 @@ export declare class KolTextarea implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _maxLength?: number;
   _name?: string;
   _on?: InputTypeOnDefault;
@@ -24,8 +27,10 @@ export declare class KolTextarea implements ComponentApi {
   _readOnly?: boolean;
   _resize?: CSSResize;
   _required?: boolean;
-  _rows?: number;
+  _rows?: RowsPropType;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
+  _tooltipAlign?: Align;
   _touched?: boolean;
   _value?: string;
   state: States;
@@ -39,7 +44,7 @@ export declare class KolTextarea implements ComponentApi {
   validateHideLabel(value?: boolean): void;
   validateHint(value?: string): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateMaxLength(value?: number): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
@@ -47,7 +52,8 @@ 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;
   validateValue(value?: string): void;

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

@@ -1,4 +1,5 @@
 import { Generic } from '@a11y-ui/core';
+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 {
@@ -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;
 }