@public-ui/components 2.0.0-rc.10 → 2.0.0-rc.12

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

@@ -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 { 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;
 }

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

@@ -17,34 +17,34 @@ export declare const cssResizeOptions: readonly ["both", "horizontal", "vertical
 export type CSSResize = (typeof cssResizeOptions)[number];
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
-  accessKey: string;
-  alert: boolean;
-  error: string;
-  hint: string;
-  maxLength: number;
-  on: InputTypeOnDefault;
-  placeholder: string;
-  resize: CSSResize;
-  tabIndex: number;
-  value: string;
+    accessKey: string;
+    alert: boolean;
+    error: string;
+    hint: string;
+    maxLength: number;
+    on: InputTypeOnDefault;
+    placeholder: string;
+    resize: CSSResize;
+    tabIndex: number;
+    value: string;
 } & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropLabelWithExpertSlot & PropName & PropReadOnly & PropRequired & PropRows & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
-  adjustHeight: boolean;
-  currentLength: number;
-  hasValue: boolean;
-  resize: CSSResize;
+    adjustHeight: boolean;
+    currentLength: number;
+    hasValue: boolean;
+    resize: CSSResize;
 } & PropId & PropAdjustHeight & PropHideError & PropLabelWithExpertSlot;
 type OptionalStates = {
-  accessKey: string;
-  alert: boolean;
-  error: string;
-  hint: string;
-  maxLength: number;
-  on: InputTypeOnDefault;
-  placeholder: string;
-  tabIndex: number;
-  value: string;
+    accessKey: string;
+    alert: boolean;
+    error: string;
+    hint: string;
+    maxLength: number;
+    on: InputTypeOnDefault;
+    placeholder: string;
+    tabIndex: number;
+    value: string;
 } & PropDisabled & PropHasCounter & PropHideLabel & PropName & PropReadOnly & PropRequired & PropRows & PropTouched;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -1,8 +1,8 @@
 import { ToastState } from './types';
 type Props = {
-  toastState: ToastState;
-  onClose: () => void;
-  key: string;
+    toastState: ToastState;
+    onClose: () => void;
+    key: string;
 };
 export declare const InternalToast: ({ toastState, onClose, key }: Props) => any;
 export {};

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

@@ -1,9 +1,9 @@
 import { JSX } from '../../stencil-public-runtime';
 import { API, States, Toast } from './types';
 export declare class KolToastContainer implements API {
-  state: States;
-  enqueue(toast: Toast): Promise<() => void>;
-  private handleClose;
-  closeAll(): Promise<void>;
-  render(): JSX.Element;
+    state: States;
+    enqueue(toast: Toast): Promise<() => void>;
+    private handleClose;
+    closeAll(): Promise<void>;
+    render(): JSX.Element;
 }

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

@@ -1,11 +1,12 @@
-import { Toast } from './types';
+import { Toast, ToasterOptions } from './types';
 export declare class ToasterService {
-  private readonly document;
-  private static readonly instances;
-  private toastContainerElement?;
-  private constructor();
-  static getInstance(document: Document): ToasterService;
-  dispose(): void;
-  enqueue(toast: Toast): Promise<() => void> | undefined;
-  closeAll(): void;
+    private readonly document;
+    private readonly options?;
+    private static readonly instances;
+    private toastContainerElement?;
+    private constructor();
+    static getInstance(document: Document, options?: ToasterOptions): ToasterService;
+    dispose(): void;
+    enqueue(toast: Toast): Promise<() => void> | undefined;
+    closeAll(): void;
 }

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

@@ -1,25 +1,29 @@
 import { Generic } from '@a11y-ui/core';
 import { LabelPropType } from '../../types/props/label';
-import { AlertType } from '../alert/types';
+import { AlertType, AlertVariant } from '../alert/types';
 declare const toastStatusOptions: readonly ["adding", "settled", "removing"];
 type ToastStatus = (typeof toastStatusOptions)[number];
 export type Toast = {
-  description?: string;
-  render?: (nodeRef: HTMLElement, options: {
-    close: () => void;
-  }) => void;
-  label: LabelPropType;
-  type: AlertType;
+    description?: string;
+    render?: (nodeRef: HTMLElement, options: {
+        close: () => void;
+    }) => void;
+    label: LabelPropType;
+    type: AlertType;
+    alertVariant?: AlertVariant;
 };
 export type ToastState = {
-  toast: Toast;
-  status: ToastStatus;
-  id: string;
+    toast: Toast;
+    status: ToastStatus;
+    id: string;
+};
+export type ToasterOptions = {
+    defaultAlertVariant: AlertVariant;
 };
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = NonNullable<unknown>;
 type RequiredStates = RequiredProps & {
-  toastStates: ToastState[];
+    toastStates: ToastState[];
 };
 type OptionalStates = OptionalProps;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;

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

@@ -5,38 +5,38 @@ import { LabelPropType } from '../../types/props/label';
 import { API, States } from './types';
 import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolTooltip implements API {
-  private host;
-  private arrowElement?;
-  private previousSibling?;
-  private tooltipElement?;
-  private cleanupAutoPositioning?;
-  private alignTooltip;
-  private showTooltip;
-  private hideTooltip;
-  private hideTooltipByEscape;
-  private addListeners;
-  private removeListeners;
-  private resyncListeners;
-  private catchTooltipElement;
-  private catchArrowElement;
-  render(): JSX.Element;
-  _accessKey?: AccessKeyPropType;
-  _align?: AlignPropType;
-  _id?: IdPropType;
-  _label: LabelPropType;
-  state: States;
-  validateAccessKey(value?: AccessKeyPropType): void;
-  validateAlign(value?: AlignPropType): void;
-  validateId(value?: IdPropType): void;
-  validateLabel(value?: LabelPropType): void;
-  private overFocusCount;
-  private overFocusTimeout?;
-  private incrementOverFocusCount;
-  private decrementOverFocusCount;
-  private showOrHideTooltip;
-  componentWillLoad(): void;
-  private handleEventListeners;
-  connectedCallback(): void;
-  componentDidRender(): void;
-  disconnectedCallback(): void;
+    private host;
+    private arrowElement?;
+    private previousSibling?;
+    private tooltipElement?;
+    private cleanupAutoPositioning?;
+    private alignTooltip;
+    private showTooltip;
+    private hideTooltip;
+    private hideTooltipByEscape;
+    private addListeners;
+    private removeListeners;
+    private resyncListeners;
+    private catchTooltipElement;
+    private catchArrowElement;
+    render(): JSX.Element;
+    _accessKey?: AccessKeyPropType;
+    _align?: AlignPropType;
+    _id?: IdPropType;
+    _label: LabelPropType;
+    state: States;
+    validateAccessKey(value?: AccessKeyPropType): void;
+    validateAlign(value?: AlignPropType): void;
+    validateId(value?: IdPropType): void;
+    validateLabel(value?: LabelPropType): void;
+    private overFocusCount;
+    private overFocusTimeout?;
+    private incrementOverFocusCount;
+    private decrementOverFocusCount;
+    private showOrHideTooltip;
+    componentWillLoad(): void;
+    private handleEventListeners;
+    connectedCallback(): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
 }

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

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