@public-ui/components 3.0.0-rc.0 → 3.0.0-rc.10

package/dist/types/components/@deprecated/input/controller-icon.d.ts

@@ -1,10 +1,10 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { KoliBriHorizontalIcons, Stringified } from '../../../schema';
+import type { IconsHorizontalPropType } from '../../../schema';
 import { InputController } from './controller';
 import type { Props, Watches } from './types-icon';
 export declare class InputIconController extends InputController implements Watches {
     protected readonly component: Generic.Element.Component & Props;
     constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     componentWillLoad(): void;
 }

package/dist/types/components/@deprecated/input/controller.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { AccessKeyPropType, AdjustHeightPropType, ButtonProps, HideErrorPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, ShortKeyPropType, StencilUnknown, Stringified, TooltipAlignPropType } from '../../../schema';
+import type { AccessKeyPropType, AdjustHeightPropType, ButtonProps, HideMsgPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, ShortKeyPropType, StencilUnknown, Stringified, TooltipAlignPropType } from '../../../schema';
 import { ControlledInputController } from '../../input-adapter-leanup/controller';
 import type { Props as AdapterProps } from '../../input-adapter-leanup/types';
 import type { Props, Watches } from './types';
@@ -12,8 +12,7 @@ export declare class InputController extends ControlledInputController implement
     validateAdjustHeight(value?: AdjustHeightPropType): void;
     validateDisabled(value?: boolean): void;
     validateTooltipAlign(value?: TooltipAlignPropType): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateId(value?: string): void;
@@ -24,6 +23,7 @@ export declare class InputController extends ControlledInputController implement
     validateSmartButton(value?: ButtonProps | string): void;
     validateTabIndex(value?: number): void;
     componentWillLoad(): void;
+    private emitEvent;
     protected onBlur(event: Event): void;
     protected onChange(event: Event, value?: StencilUnknown): void;
     protected onInput(event: Event, shouldSetFormAssociatedValue?: boolean, value?: StencilUnknown): void;

package/dist/types/components/@deprecated/input/types-icon.d.ts

@@ -1,9 +1,7 @@
-import type { KoliBriHorizontalIcons, PropLabelWithExpertSlot, Stringified } from '../../../schema';
+import type { PropHorizontalIcons, PropLabelWithExpertSlot } from '../../../schema';
 import type { Generic } from 'adopted-style-sheets';
 type RequiredProps = NonNullable<unknown>;
-type OptionalProps = PropLabelWithExpertSlot & {
-    icons: Stringified<KoliBriHorizontalIcons>;
-};
+type OptionalProps = PropLabelWithExpertSlot & PropHorizontalIcons;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
 export {};

package/dist/types/components/@deprecated/input/types.d.ts

@@ -5,8 +5,7 @@ type OptionalProps = PropLabelWithExpertSlot & {
     accessKey: AccessKeyPropType;
     adjustHeight: boolean;
     disabled: boolean;
-    error: string;
-    hideError: boolean;
+    hideMsg: boolean;
     hideLabel: boolean;
     hint: string;
     id: string;

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

@@ -1,10 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { AccordionAPI, AccordionStates, AccordionCallbacksPropType, DisabledPropType, FocusableElement, HeadingLevel, LabelPropType, OpenPropType } from '../../schema';
 export declare class KolAccordion implements AccordionAPI, FocusableElement {
+    private readonly host?;
     private readonly nonce;
     private buttonWcRef?;
     private readonly catchRef;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     private handleOnClick;
     render(): JSX.Element;

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

@@ -1,6 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { AlertAPI, AlertStates, AlertType, AlertVariant, HasCloserPropType, HeadingLevel, KoliBriAlertEventCallbacks, LabelPropType } from '../../schema';
 export declare class KolAlertWc implements AlertAPI {
+    private readonly host?;
     private readonly close;
     private readonly handleAlertTimeout;
     render(): JSX.Element;

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

@@ -7,6 +7,7 @@ export declare class KolButtonWc implements ButtonAPI, FocusableElement {
     private readonly catchRef;
     kolFocus(): Promise<void>;
     private readonly onClick;
+    private readonly onMouseDown;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: AccessKeyPropType;

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

@@ -4,7 +4,6 @@ export declare class KolButton implements ButtonProps, FocusableElement {
     private buttonWcRef?;
     private readonly catchRef;
     getValue(): Promise<Stringified<StencilUnknown> | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
@@ -23,7 +22,6 @@ export declare class KolButton implements ButtonProps, FocusableElement {
     _role?: AlternativeButtonLinkRolePropType;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _type?: ButtonTypePropType;
     _value?: Stringified<StencilUnknown>;

package/dist/types/components/button-link/shadow.d.ts

@@ -4,7 +4,6 @@ export declare class KolButtonLink implements ButtonLinkProps, FocusableElement
     private buttonWcRef?;
     private readonly catchRef;
     getValue(): Promise<Stringified<StencilUnknown> | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
@@ -22,7 +21,6 @@ export declare class KolButtonLink implements ButtonLinkProps, FocusableElement
     _role?: AlternativeButtonLinkRolePropType;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _type?: ButtonTypePropType;
     _value?: Stringified<StencilUnknown>;

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

@@ -1,6 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { CardAPI, CardStates, HasCloserPropType, HeadingLevel, KoliBriCardEventCallbacks, LabelPropType } from '../../schema';
 export declare class KolCard implements CardAPI {
+    private readonly host?;
     private readonly close;
     private readonly on;
     render(): JSX.Element;

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

@@ -1,5 +1,5 @@
-import type { ComboboxAPI, ComboboxStates, HideErrorPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { ComboboxAPI, ComboboxStates, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolCombobox implements ComboboxAPI {
     private readonly host?;
     private refInput?;
@@ -16,21 +16,23 @@ export declare class KolCombobox implements ComboboxAPI {
     private moveFocus;
     private focusOption;
     private focusSuggestionStartingWith;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     handleKeyDown(event: KeyboardEvent): void;
     private readonly controller;
     private blockSuggestionMouseOver;
     private _isOpen;
     private _filteredSuggestions?;
+    private _hasOpened;
     handleWindowClick(event: MouseEvent): void;
     _accessKey?: string;
     _placeholder?: string;
-    _alert?: boolean;
     _disabled?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _msg?: Stringified<MsgPropType>;
@@ -40,7 +42,6 @@ export declare class KolCombobox implements ComboboxAPI {
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: string;
@@ -50,12 +51,11 @@ export declare class KolCombobox implements ComboboxAPI {
     private showAsAlert;
     validatePlaceholder(value?: string): void;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateDisabled(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
@@ -65,7 +65,6 @@ export declare class KolCombobox implements ComboboxAPI {
     validateSuggestions(value?: SuggestionsPropType): void;
     validateRequired(value?: boolean): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
     componentWillLoad(): void;

package/dist/types/components/component-list.d.ts

@@ -1,2 +1,16 @@
-import { KolButtonGroup } from './button-group/shadow';
-export declare const COMPONENTS: (typeof KolButtonGroup)[];
+import { KolAbbr } from './abbr/shadow';
+import { KolAlert } from './alert/shadow';
+import { KolForm } from './form/shadow';
+import { KolImage } from './image/shadow';
+import { KolKolibri } from './kolibri/shadow';
+import { KolLink } from './link/shadow';
+import { KolLinkButton } from './link-button/shadow';
+import { KolLinkWc } from './link/component';
+import { KolPagination } from './pagination/shadow';
+import { KolPopover } from './popover/component';
+import { KolProgress } from './progress/shadow';
+import { KolQuote } from './quote/shadow';
+import { KolSpin } from './spin/shadow';
+import { KolToastContainer } from './toaster/shadow';
+import { KolTree } from './tree/shadow';
+export declare const COMPONENTS: (typeof KolAbbr | typeof KolAlert | typeof KolForm | typeof KolImage | typeof KolKolibri | typeof KolLink | typeof KolLinkButton | typeof KolLinkWc | typeof KolPagination | typeof KolPopover | typeof KolProgress | typeof KolQuote | typeof KolSpin | typeof KolToastContainer | typeof KolTree)[];

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

@@ -1,11 +1,10 @@
 import { type JSX } from '../../stencil-public-runtime';
-import type { DetailsCallbacksPropType, DetailsAPI, DetailsStates, DisabledPropType, FocusableElement, HeadingLevel, LabelPropType } from '../../schema';
+import type { DetailsAPI, DetailsCallbacksPropType, DetailsStates, DisabledPropType, FocusableElement, HeadingLevel, LabelPropType } from '../../schema';
 export declare class KolDetails implements DetailsAPI, FocusableElement {
     private readonly host?;
     private readonly nonce;
     private buttonWcRef?;
     private readonly catchRef;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     private toggleTimeout?;
     private handleOnClick;

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

@@ -1,7 +1,7 @@
-import type { KoliBriModalEventCallbacks, LabelPropType, DrawerAPI, AlignPropType, OpenPropType, ModalPropType, DrawerStates } from '../../schema';
+import type { AlignPropType, DrawerAPI, DrawerStates, KoliBriModalEventCallbacks, LabelPropType, OpenPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolDrawer implements DrawerAPI {
-    hostElement?: HTMLElement;
+    private readonly host?;
     private dialogElement?;
     private dialogWrapperElement?;
     open(): Promise<void>;
@@ -13,18 +13,17 @@ export declare class KolDrawer implements DrawerAPI {
     _open?: OpenPropType;
     _align?: AlignPropType;
     _label: LabelPropType;
-    _modal?: ModalPropType;
     _on?: KoliBriModalEventCallbacks;
     state: DrawerStates;
     validateLabel(value?: LabelPropType): void;
     validateAlign(value?: AlignPropType): void;
-    validateModal(value?: ModalPropType): void;
-    validateOpen(value?: OpenPropType): Promise<void>;
+    validateOpen(value?: OpenPropType): void;
+    private openOrCloseBasedOnState;
     validateOn(value?: KoliBriModalEventCallbacks): void;
     private handleCloseDialog;
     private handleClose;
     private handleAnimationEnd;
     componentDidLoad(): void;
     disconnectedCallback(): void;
-    componentWillLoad(): Promise<void>;
+    componentWillLoad(): void;
 }

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

@@ -1,13 +1,18 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { ErrorListPropType, FormAPI, FormStates, KoliBriFormCallbacks, Stringified } from '../../schema';
 export declare class KolForm implements FormAPI {
-    errorListElement?: HTMLElement;
+    private readonly host?;
+    errorListBlock?: HTMLElement;
+    errorListFirstLink?: HTMLElement;
     private readonly onSubmit;
     private readonly onReset;
     private readonly handleLinkClick;
+    private readonly setBlockElement;
+    private readonly setFirstLinkElement;
     private renderErrorList;
     private renderFormElement;
     render(): JSX.Element;
+    private scrollToErrorList;
     focusErrorList(): Promise<void>;
     _on?: KoliBriFormCallbacks;
     _requiredText?: Stringified<boolean>;

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

@@ -5,7 +5,7 @@ export declare const getRenderStates: (state: {
     _id: string;
     _touched?: TouchedPropType;
 }) => {
-    hasError: boolean;
+    hasMsg: boolean;
     hasHint: boolean;
     ariaDescribedBy: string[];
 };

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

@@ -1,14 +1,13 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { ButtonProps, KoliBriHorizontalIcons, MsgPropType, PropAccessKey, PropAlert, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTooltipAlign, PropTouched, Stringified } from '../../schema';
+import type { ButtonProps, MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTooltipAlign, PropTouched, Stringified } from '../../schema';
 type RequiredProps = PropId & PropLabelWithExpertSlot;
 type OptionalProps = {
     currentLength: number;
     hint: string;
-    icons: KoliBriHorizontalIcons;
     maxLength: number;
     msg: MsgPropType;
     slotName: string;
     smartButton: Stringified<ButtonProps>;
-} & PropAccessKey & PropAlert & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropReadOnly & PropRequired & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropReadOnly & PropRequired & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

package/dist/types/components/input-adapter-leanup/controller.d.ts

@@ -4,7 +4,6 @@ import type { Props, Watches } from './types';
 export declare class ControlledInputController extends AssociatedInputController implements Watches {
     protected readonly component: Generic.Element.Component & Props;
     constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
-    validateAlert(value?: boolean): void;
     validateTouched(value?: boolean): void;
     componentWillLoad(): void;
 }

package/dist/types/components/input-adapter-leanup/types.d.ts

@@ -1,7 +1,6 @@
 import type { Generic } from 'adopted-style-sheets';
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
-    alert: boolean;
     touched: boolean;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;

package/dist/types/components/input-checkbox/shadow.d.ts

@@ -1,22 +1,22 @@
-import type { CheckedPropType, HideErrorPropType, IdPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputCheckboxVariant, InputTypeOnDefault, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement } from '../../schema/interfaces/FocusableElement';
+import type { CheckedPropType, FocusableElement, HideMsgPropType, IdPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputCheckboxVariant, InputTypeOnDefault, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private readonly catchRef;
     private getModelValue;
     getValue(): Promise<StencilUnknown>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
+    private getFormFieldProps;
+    private getFieldControlProps;
+    private getInputProps;
+    private getIcon;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _checked?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _disabled?: boolean;
-    _error?: string;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<InputCheckboxIconsProp>;
@@ -30,7 +30,6 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: Stringified<StencilUnknown>;
@@ -40,11 +39,9 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateChecked(value?: CheckedPropType): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<InputCheckboxIconsProp>): void;
@@ -58,7 +55,6 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     validateRequired(value?: boolean): void;
     validateShortKey(value?: ShortKeyPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: Stringified<StencilUnknown>): void;
     validateVariant(value?: InputCheckboxVariant): void;

package/dist/types/components/input-color/shadow.d.ts

@@ -1,23 +1,31 @@
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputColor implements InputColorAPI, FocusableElement {
     private readonly host?;
-    private inputRef?;
+    private refInputText?;
+    private refInputColor?;
     private readonly catchRef;
+    private readonly catchColorRef;
+    private readonly onBlur;
+    private readonly onFocus;
+    private readonly onColorInput;
+    private readonly onTextInput;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
+    private get hasSuggestions();
+    private getFormFieldProps;
+    private getInputColorProps;
+    private getInputTextProps;
+    private getGenericInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _msg?: Stringified<MsgPropType>;
@@ -27,7 +35,6 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     _smartButton?: Stringified<ButtonProps>;
     _suggestions?: SuggestionsPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: string;
@@ -36,14 +43,12 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
@@ -53,8 +58,8 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     validateSmartButton(value?: ButtonProps | string): void;
     validateSuggestions(value?: SuggestionsPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
+    componentDidLoad(): void;
     componentWillLoad(): void;
 }

package/dist/types/components/input-date/shadow.d.ts

@@ -1,30 +1,31 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputDateAPI, InputDateStates, InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ReadOnlyPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputDateAPI, InputDateStates, InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ReadOnlyPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputDate implements InputDateAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private _initialValueType;
     private readonly catchRef;
     getValue(): Promise<string | Date | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     reset(): Promise<void>;
     private setInitialValueType;
     private remapValue;
+    private readonly onBlur;
+    private readonly onFocus;
     private readonly onChange;
     private readonly onInput;
     private readonly onKeyDown;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _max?: Iso8601 | Date;
@@ -39,7 +40,6 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     _suggestions?: SuggestionsPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
     _step?: number;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _type: InputDateType;
@@ -49,14 +49,12 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMax(value?: Iso8601 | Date): void;
@@ -71,7 +69,6 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     validateSuggestions(value?: SuggestionsPropType): void;
     validateStep(value?: number): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateType(value?: InputDateType): void;
     validateValue(value?: Iso8601 | Date | null): void;

package/dist/types/components/input-email/shadow.d.ts

@@ -1,26 +1,25 @@
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private readonly catchRef;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     private readonly onKeyDown;
     private readonly onInput;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
     _hasCounter?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _maxLength?: number;
@@ -36,7 +35,6 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     _smartButton?: Stringified<ButtonProps>;
     _suggestions?: SuggestionsPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: string;
@@ -45,15 +43,13 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
     validateHasCounter(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMaxLength(value?: number): void;
@@ -69,7 +65,6 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     validateSuggestions(value?: SuggestionsPropType): void;
     validateSmartButton(value?: ButtonProps | string): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
     componentWillLoad(): void;

package/dist/types/components/input-file/controller.d.ts

@@ -7,6 +7,5 @@ export declare class InputFileController extends InputIconController implements
     validateAccept(value?: string): void;
     validateMultiple(value?: boolean): void;
     validateRequired(value?: boolean): void;
-    validateValue(value?: string): void;
     componentWillLoad(): void;
 }