@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
1,192 lines • 237 kB
TypeScript
/* eslint-disable */
/* tslint:disable */
/**
* This is an autogenerated file created by the Stencil compiler.
* It contains typing information for all components that exist in this project.
*/
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
import { AccessKeyPropType, AccordionCallbacksPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, Loading, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType } from "./schema";
import { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
import { PasswordVariantPropType } from "./schema/props/variant/password-variant";
import { ModalVariantPropType } from "./schema/props/variant/modal";
import { TableSettingsPropType } from "./schema/props/table-settings";
import { MinWidthPropType } from "./schema/props/min-width";
export { AccessKeyPropType, AccordionCallbacksPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, Loading, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType } from "./schema";
export { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
export { PasswordVariantPropType } from "./schema/props/variant/password-variant";
export { ModalVariantPropType } from "./schema/props/variant/modal";
export { TableSettingsPropType } from "./schema/props/table-settings";
export { MinWidthPropType } from "./schema/props/min-width";
export namespace Components {
interface KolAbbr {
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label"?: LabelPropType;
}
interface KolAccordion {
/**
* Makes the element not focusable and ignore all events.
*/
"_disabled"?: boolean;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label": string;
/**
* Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
*/
"_level"?: HeadingLevel;
/**
* Gibt die EventCallback-Funktionen an.
*/
"_on"?: AccordionCallbacksPropType<boolean>;
/**
* Opens/expands the element when truthy, closes/collapses when falsy.
* @TODO : Change type back to `OpenPropType` after Stencil#4663 has been resolved.
*/
"_open"?: boolean;
"kolFocus": () => Promise<void>;
}
interface KolAlert {
/**
* Defines whether the screen-readers should read out the notification.
*/
"_alert"?: boolean;
/**
* Defines whether the element can be closed.
* @TODO : Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.
*/
"_hasCloser"?: boolean;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label"?: LabelPropType;
/**
* Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
*/
"_level"?: HeadingLevel;
/**
* Gibt die EventCallback-Function für das Schließen des Alerts an.
*/
"_on"?: KoliBriAlertEventCallbacks;
/**
* Defines either the type of the component or of the components interactive element.
*/
"_type"?: AlertType;
/**
* Defines which variant should be used for presentation.
*/
"_variant"?: AlertVariant;
}
interface KolAlertWc {
/**
* Defines whether the screen-readers should read out the notification.
*/
"_alert"?: boolean;
/**
* Defines whether the element can be closed.
* @TODO : Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.
*/
"_hasCloser"?: boolean;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label"?: LabelPropType;
/**
* Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
*/
"_level"?: HeadingLevel;
/**
* Gibt die EventCallback-Function für das Schließen des Alerts an.
*/
"_on"?: KoliBriAlertEventCallbacks;
/**
* Defines either the type of the component or of the components interactive element.
*/
"_type"?: AlertType;
/**
* Defines which variant should be used for presentation.
*/
"_variant"?: AlertVariant;
}
interface KolAvatar {
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label": string;
/**
* Sets the image `src` attribute to the given string.
*/
"_src"?: string;
}
interface KolAvatarWc {
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label": LabelPropType;
/**
* Sets the image `src` attribute to the given string.
*/
"_src"?: ImageSourcePropType;
}
interface KolBadge {
/**
* Defines the backgroundColor and foregroundColor.
*/
"_color"?: Stringified<PropColor>;
/**
* Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
*/
"_icons"?: Stringified<KoliBriIconsProp>;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label": LabelPropType;
/**
* Allows to add a button with an arbitrary action within the element (_hide-label only).
*/
"_smartButton"?: Stringified<ButtonProps>;
}
interface KolBreadcrumb {
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label": LabelPropType;
/**
* Defines the list of links combined with their labels to render.
*/
"_links": Stringified<BreadcrumbLinkProps[]>;
}
interface KolButton {
/**
* Defines which key combination can be used to trigger or focus the interactive element of the component.
*/
"_accessKey"?: AccessKeyPropType;
/**
* Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
*/
"_ariaControls"?: string;
/**
* Defines the value for the aria-description attribute.
*/
"_ariaDescription"?: AriaDescriptionPropType;
/**
* Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
*/
"_ariaExpanded"?: boolean;
/**
* Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
*/
"_ariaSelected"?: boolean;
/**
* Defines the custom class attribute if _variant="custom" is set.
*/
"_customClass"?: CustomClassPropType;
/**
* Makes the element not focusable and ignore all events.
*/
"_disabled"?: boolean;
/**
* Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
* @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
*/
"_hideLabel"?: boolean;
/**
* Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
*/
"_icons"?: IconsPropType;
/**
* Defines the internal ID of the primary component element.
*/
"_id"?: string;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
*/
"_label": LabelWithExpertSlotPropType;
/**
* Defines the technical name of an input field.
*/
"_name"?: string;
/**
* Defines the callback functions for button events.
*/
"_on"?: ButtonCallbacksPropType<StencilUnknown>;
/**
* Defines the role of the components primary element.
*/
"_role"?: AlternativeButtonLinkRolePropType;
/**
* Adds a visual short key hint to the component.
*/
"_shortKey"?: ShortKeyPropType;
/**
* Selector for synchronizing the value with another input element.
*/
"_syncValueBySelector"?: SyncValueBySelectorPropType;
/**
* Defines where to show the Tooltip preferably: top, right, bottom or left.
*/
"_tooltipAlign"?: TooltipAlignPropType;
/**
* Defines either the type of the component or of the components interactive element.
*/
"_type"?: ButtonTypePropType;
/**
* Defines the value that the button emits on click.
*/
"_value"?: StencilUnknown;
/**
* Defines which variant should be used for presentation.
*/
"_variant"?: ButtonVariantPropType;
"getValue": () => Promise<StencilUnknown>;
"kolFocus": () => Promise<void>;
}
interface KolButtonLink {
/**
* Defines which key combination can be used to trigger or focus the interactive element of the component.
*/
"_accessKey"?: AccessKeyPropType;
/**
* Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
*/
"_ariaControls"?: string;
/**
* Defines the value for the aria-description attribute.
*/
"_ariaDescription"?: AriaDescriptionPropType;
/**
* Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
* @TODO : Change type back to `AriaExpandedPropType` after Stencil#4663 has been resolved.
*/
"_ariaExpanded"?: boolean;
/**
* Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
* @TODO : Change type back to `AriaSelectedPropType` after Stencil#4663 has been resolved.
*/
"_ariaSelected"?: boolean;
/**
* Makes the element not focusable and ignore all events.
* @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
*/
"_disabled"?: boolean;
/**
* Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
* @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
*/
"_hideLabel"?: boolean;
/**
* Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
*/
"_icons"?: IconsPropType;
/**
* Defines the internal ID of the primary component element.
*/
"_id"?: IdPropType;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
*/
"_label": LabelWithExpertSlotPropType;
/**
* Defines the technical name of an input field.
*/
"_name"?: NamePropType;
/**
* Gibt die EventCallback-Funktionen für die Button-Events an.
*/
"_on"?: ButtonCallbacksPropType<StencilUnknown>;
/**
* Defines the role of the components primary element.
*/
"_role"?: AlternativeButtonLinkRolePropType;
/**
* Adds a visual short key hint to the component.
*/
"_shortKey"?: ShortKeyPropType;
/**
* Selector for synchronizing the value with another input element.
*/
"_syncValueBySelector"?: SyncValueBySelectorPropType;
/**
* Defines where to show the Tooltip preferably: top, right, bottom or left.
*/
"_tooltipAlign"?: TooltipAlignPropType;
/**
* Defines either the type of the component or of the components interactive element.
*/
"_type"?: ButtonTypePropType;
/**
* Defines the value that the button emits on click.
*/
"_value"?: StencilUnknown;
"getValue": () => Promise<StencilUnknown>;
"kolFocus": () => Promise<void>;
}
interface KolButtonWc {
/**
* Defines which key combination can be used to trigger or focus the interactive element of the component.
*/
"_accessKey"?: AccessKeyPropType;
/**
* Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
*/
"_ariaControls"?: string;
/**
* Defines the value for the aria-description attribute.
*/
"_ariaDescription"?: AriaDescriptionPropType;
/**
* Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
*/
"_ariaExpanded"?: boolean;
/**
* Defines the aria-haspopup attribute. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-haspopup)
*/
"_ariaHasPopup"?: AriaHasPopupPropType;
/**
* Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
*/
"_ariaSelected"?: boolean;
/**
* Defines the custom class attribute if _variant="custom" is set.
*/
"_customClass"?: CustomClassPropType;
/**
* Makes the element not focusable and ignore all events.
*/
"_disabled"?: boolean;
/**
* Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
* @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
*/
"_hideLabel"?: boolean;
/**
* Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
*/
"_icons"?: IconsPropType;
/**
* Defines the internal ID of the primary component element.
*/
"_id"?: string;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
*/
"_label": LabelWithExpertSlotPropType;
/**
* Defines the technical name of an input field.
*/
"_name"?: string;
/**
* Defines the callback functions for button events.
*/
"_on"?: ButtonCallbacksPropType<StencilUnknown>;
/**
* Defines the role of the components primary element.
*/
"_role"?: AlternativeButtonLinkRolePropType;
/**
* Adds a visual short key hint to the component.
*/
"_shortKey"?: ShortKeyPropType;
/**
* Selector for synchronizing the value with another input element.
*/
"_syncValueBySelector"?: SyncValueBySelectorPropType;
/**
* Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
*/
"_tabIndex"?: number;
/**
* Defines where to show the Tooltip preferably: top, right, bottom or left.
*/
"_tooltipAlign"?: TooltipAlignPropType;
/**
* Defines either the type of the component or of the components interactive element.
*/
"_type"?: ButtonTypePropType;
/**
* Defines the value that the button emits on click.
*/
"_value"?: StencilUnknown;
/**
* Defines which variant should be used for presentation.
*/
"_variant"?: ButtonVariantPropType;
"kolFocus": () => Promise<void>;
}
interface KolCard {
/**
* Defines whether the element can be closed.
* @TODO : Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.
*/
"_hasCloser"?: boolean;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label": LabelPropType;
/**
* Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
*/
"_level"?: HeadingLevel;
/**
* Defines the event callback functions for the component.
*/
"_on"?: KoliBriCardEventCallbacks;
}
interface KolCombobox {
/**
* Defines which key combination can be used to trigger or focus the interactive element of the component.
*/
"_accessKey"?: string;
/**
* Makes the element not focusable and ignore all events.
*/
"_disabled"?: boolean;
/**
* Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
* @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
*/
"_hideLabel"?: boolean;
/**
* Hides the error message but leaves it in the DOM for the input's aria-describedby.
* @TODO : Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.
*/
"_hideMsg"?: boolean;
/**
* Defines the hint text.
*/
"_hint"?: string;
/**
* Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
*/
"_icons"?: IconsHorizontalPropType;
/**
* Defines the internal ID of the primary component element.
*/
"_id"?: IdPropType;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
*/
"_label": LabelWithExpertSlotPropType;
/**
* Defines the properties for a message rendered as Alert component.
*/
"_msg"?: Stringified<MsgPropType>;
/**
* Defines the technical name of an input field.
*/
"_name"?: NamePropType;
/**
* Gibt die EventCallback-Funktionen für das Input-Event an.
*/
"_on"?: InputTypeOnDefault;
/**
* Defines the placeholder for input field. To be shown when there's no value.
*/
"_placeholder"?: string;
/**
* Makes the input element required.
* @TODO : Change type back to `RequiredPropType` after Stencil#4663 has been resolved.
*/
"_required"?: boolean;
/**
* Adds a visual short key hint to the component.
*/
"_shortKey"?: ShortKeyPropType;
/**
* Suggestions to provide for the input.
*/
"_suggestions": SuggestionsPropType;
/**
* Selector for synchronizing the value with another input element.
*/
"_syncValueBySelector"?: SyncValueBySelectorPropType;
/**
* Defines where to show the Tooltip preferably: top, right, bottom or left.
*/
"_tooltipAlign"?: TooltipAlignPropType;
/**
* Shows if the input was touched by a user.
* @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
*/
"_touched"?: boolean;
/**
* Defines the value of the input.
*/
"_value"?: string;
"getValue": () => Promise<string>;
"kolFocus": () => Promise<void>;
}
interface KolDetails {
/**
* Makes the element not focusable and ignore all events.
*/
"_disabled"?: boolean;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label": LabelPropType;
/**
* Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
*/
"_level"?: HeadingLevel;
/**
* Defines the callback functions for details.
*/
"_on"?: DetailsCallbacksPropType<boolean>;
/**
* Opens/expands the element when truthy, closes/collapses when falsy.
* @TODO : Change type back to `OpenPropType` after Stencil#4663 has been resolved.
*/
"_open"?: boolean;
"kolFocus": () => Promise<void>;
}
interface KolDrawer {
/**
* Defines the visual orientation of the component.
*/
"_align"?: AlignPropType;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label": LabelPropType;
/**
* Specifies the EventCallback function to be called when the drawer is closing.
*/
"_on"?: KoliBriModalEventCallbacks;
/**
* Opens/expands the element when truthy, closes/collapses when falsy.
*/
"_open"?: OpenPropType;
"close": () => Promise<void>;
"open": () => Promise<void>;
}
interface KolForm {
/**
* A list of error objects that each describe an issue encountered in the form. Each error object contains a message and a selector for identifying the form element related to the error.
*/
"_errorList"?: ErrorListPropType[];
/**
* Gibt die EventCallback-Funktionen für die Form-Events an.
*/
"_on"?: KoliBriFormCallbacks;
/**
* Defines whether the mandatory-fields-hint should be shown. A string overrides the default text.
*/
"_requiredText"?: Stringified<boolean>;
"focusErrorList": () => Promise<void>;
}
interface KolHeading {
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
*/
"_label": LabelWithExpertSlotPropType;
/**
* Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
*/
"_level"?: HeadingLevel;
/**
* Defines the text of the secondary headline.
*/
"_secondaryHeadline"?: string;
/**
* Defines which variant should be used for presentation.
*/
"_variant"?: HeadingVariantPropType;
}
interface KolIcon {
/**
* Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
*/
"_icons": string;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label": LabelPropType;
}
interface KolImage {
/**
* Setzt den alternativen Text.
*/
"_alt": string;
/**
* Defines the loading mode for the image.
*/
"_loading"?: Loading;
/**
* Defines the image sizes for different screen resolutions, supporting _srcset.
*/
"_sizes"?: string;
/**
* Sets the image `src` attribute to the given string.
*/
"_src": ImageSourcePropType;
/**
* Setzt eine Liste von Quell-URLs mit Breiten der Bilder.
*/
"_srcset"?: string;
}
interface KolInputCheckbox {
/**
* Defines which key combination can be used to trigger or focus the interactive element of the component.
*/
"_accessKey"?: string;
/**
* Defines whether the checkbox is checked or not. Can be read and written.
* @TODO : Change type back to `CheckedPropType` after Stencil#4663 has been resolved.
*/
"_checked"?: boolean;
/**
* Makes the element not focusable and ignore all events.
* @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
*/
"_disabled"?: boolean;
/**
* Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
* @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
*/
"_hideLabel"?: boolean;
/**
* Hides the error message but leaves it in the DOM for the input's aria-describedby.
* @TODO : Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.
*/
"_hideMsg"?: boolean;
/**
* Defines the hint text.
*/
"_hint"?: string;
/**
* Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
*/
"_icons"?: Stringified<InputCheckboxIconsProp>;
/**
* Defines the internal ID of the primary component element.
*/
"_id"?: IdPropType;
/**
* Puts the checkbox in the indeterminate state, does not change the value of _checked.
* @TODO : Change type back to `IndeterminatePropType` after Stencil#4663 has been resolved.
*/
"_indeterminate"?: boolean;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
*/
"_label": LabelWithExpertSlotPropType;
/**
* Defines which alignment should be used for presentation.
*/
"_labelAlign"?: LabelAlignPropType;
/**
* Defines the properties for a message rendered as Alert component.
*/
"_msg"?: Stringified<MsgPropType>;
/**
* Defines the technical name of an input field.
*/
"_name"?: NamePropType;
/**
* Gibt die EventCallback-Funktionen für das Input-Event an.
*/
"_on"?: InputTypeOnDefault;
/**
* Makes the input element required.
* @TODO : Change type back to `RequiredPropType` after Stencil#4663 has been resolved.
*/
"_required"?: boolean;
/**
* Adds a visual short key hint to the component.
*/
"_shortKey"?: ShortKeyPropType;
/**
* Selector for synchronizing the value with another input element.
*/
"_syncValueBySelector"?: SyncValueBySelectorPropType;
/**
* Defines where to show the Tooltip preferably: top, right, bottom or left.
*/
"_tooltipAlign"?: TooltipAlignPropType;
/**
* Shows if the input was touched by a user.
* @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
*/
"_touched"?: boolean;
/**
* Defines the value of the input.
*/
"_value": StencilUnknown;
/**
* Defines which variant should be used for presentation.
*/
"_variant"?: InputCheckboxVariant;
"getValue": () => Promise<StencilUnknown>;
"kolFocus": () => Promise<void>;
}
interface KolInputColor {
/**
* Defines which key combination can be used to trigger or focus the interactive element of the component.
*/
"_accessKey"?: string;
/**
* Defines whether the input can be auto-completed.
*/
"_autoComplete"?: InputTypeOnOff;
/**
* Makes the element not focusable and ignore all events.
* @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
*/
"_disabled"?: boolean;
/**
* Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
* @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
*/
"_hideLabel"?: boolean;
/**
* Hides the error message but leaves it in the DOM for the input's aria-describedby.
* @TODO : Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.
*/
"_hideMsg"?: boolean;
/**
* Defines the hint text.
*/
"_hint"?: string;
/**
* Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
*/
"_icons"?: IconsHorizontalPropType;
/**
* Defines the internal ID of the primary component element.
*/
"_id"?: IdPropType;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
*/
"_label": LabelWithExpertSlotPropType;
/**
* Defines the properties for a message rendered as Alert component.
*/
"_msg"?: Stringified<MsgPropType>;
/**
* Defines the technical name of an input field.
*/
"_name"?: NamePropType;
/**
* Gibt die EventCallback-Funktionen für das Input-Event an.
*/
"_on"?: InputTypeOnDefault;
/**
* Adds a visual short key hint to the component.
*/
"_shortKey"?: ShortKeyPropType;
/**
* Allows to add a button with an arbitrary action within the element (_hide-label only).
*/
"_smartButton"?: Stringified<ButtonProps>;
/**
* Suggestions to provide for the input.
*/
"_suggestions"?: SuggestionsPropType;
/**
* Selector for synchronizing the value with another input element.
*/
"_syncValueBySelector"?: SyncValueBySelectorPropType;
/**
* Defines where to show the Tooltip preferably: top, right, bottom or left.
*/
"_tooltipAlign"?: TooltipAlignPropType;
/**
* Shows if the input was touched by a user.
* @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
*/
"_touched"?: boolean;
/**
* Defines the value of the input.
*/
"_value"?: string;
"getValue": () => Promise<string | undefined>;
"kolFocus": () => Promise<void>;
}
interface KolInputDate {
/**
* Defines which key combination can be used to trigger or focus the interactive element of the component.
*/
"_accessKey"?: string;
/**
* Defines whether the input can be auto-completed.
*/
"_autoComplete"?: InputTypeOnOff;
/**
* Makes the element not focusable and ignore all events.
* @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
*/
"_disabled"?: boolean;
/**
* Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
* @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
*/
"_hideLabel"?: boolean;
/**
* Hides the error message but leaves it in the DOM for the input's aria-describedby.
* @TODO : Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.
*/
"_hideMsg"?: boolean;
/**
* Defines the hint text.
*/
"_hint"?: string;
/**
* Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
*/
"_icons"?: IconsHorizontalPropType;
/**
* Defines the internal ID of the primary component element.
*/
"_id"?: IdPropType;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
*/
"_label": LabelWithExpertSlotPropType;
/**
* Defines the largest possible input value.
*/
"_max"?: Iso8601 | Date;
/**
* Defines the smallest possible input value.
*/
"_min"?: Iso8601 | Date;
/**
* Defines the properties for a message rendered as Alert component.
*/
"_msg"?: Stringified<MsgPropType>;
/**
* Defines the technical name of an input field.
*/
"_name"?: NamePropType;
/**
* Gibt die EventCallback-Funktionen für das Input-Event an.
*/
"_on"?: InputTypeOnDefault;
/**
* Makes the input element read only.
* @TODO : Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.
*/
"_readOnly"?: boolean;
/**
* Makes the input element required.
* @TODO : Change type back to `RequiredPropType` after Stencil#4663 has been resolved.
*/
"_required"?: boolean;
/**
* Adds a visual short key hint to the component.
*/
"_shortKey"?: ShortKeyPropType;
/**
* Allows to add a button with an arbitrary action within the element (_hide-label only).
*/
"_smartButton"?: Stringified<ButtonProps>;
/**
* Defines the step size for value changes.
*/
"_step"?: number | NumberString;
/**
* Suggestions to provide for the input.
*/
"_suggestions"?: SuggestionsPropType;
/**
* Selector for synchronizing the value with another input element.
*/
"_syncValueBySelector"?: SyncValueBySelectorPropType;
/**
* Defines where to show the Tooltip preferably: top, right, bottom or left.
*/
"_tooltipAlign"?: TooltipAlignPropType;
/**
* Shows if the input was touched by a user.
* @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
*/
"_touched"?: boolean;
/**
* Defines either the type of the component or of the components interactive element.
*/
"_type": InputDateType;
/**
* Defines the value of the input.
*/
"_value"?: Iso8601 | Date | null;
"getValue": () => Promise<string | Date | undefined | null>;
"kolFocus": () => Promise<void>;
"reset": () => Promise<void>;
}
interface KolInputEmail {
/**
* Defines which key combination can be used to trigger or focus the interactive element of the component.
*/
"_accessKey"?: string;
/**
* Defines whether the input can be auto-completed.
*/
"_autoComplete"?: InputTypeOnOff;
/**
* Makes the element not focusable and ignore all events.
* @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
*/
"_disabled"?: boolean;
/**
* Shows the character count on the lower border of the input.
* @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
*/
"_hasCounter"?: boolean;
/**
* Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
* @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
*/
"_hideLabel"?: boolean;
/**
* Hides the error message but leaves it in the DOM for the input's aria-describedby.
* @TODO : Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.
*/
"_hideMsg"?: boolean;
/**
* Defines the hint text.
*/
"_hint"?: string;
/**
* Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
*/
"_icons"?: IconsHorizontalPropType;
/**
* Defines the internal ID of the primary component element.
*/
"_id"?: IdPropType;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
*/
"_label": LabelWithExpertSlotPropType;
/**
* Defines the maximum number of input characters.
*/
"_maxLength"?: number;
/**
* Defines the properties for a message rendered as Alert component.
*/
"_msg"?: Stringified<MsgPropType>;
/**
* Makes the input accept multiple inputs.
* @TODO : Change type back to `MultiplePropType` after Stencil#4663 has been resolved.
*/
"_multiple"?: boolean;
/**
* Defines the technical name of an input field.
*/
"_name"?: NamePropType;
/**
* Gibt die EventCallback-Funktionen für das Input-Event an.
*/
"_on"?: InputTypeOnDefault;
/**
* Defines a validation pattern for the input field.
*/
"_pattern"?: string;
/**
* Defines the placeholder for input field. To be shown when there's no value.
*/
"_placeholder"?: string;
/**
* Makes the input element read only.
* @TODO : Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.
*/
"_readOnly"?: boolean;
/**
* Makes the input element required.
* @TODO : Change type back to `RequiredPropType` after Stencil#4663 has been resolved.
*/
"_required"?: boolean;
/**
* Adds a visual short key hint to the component.
*/
"_shortKey"?: ShortKeyPropType;
/**
* Allows to add a button with an arbitrary action within the element (_hide-label only).
*/
"_smartButton"?: Stringified<ButtonProps>;
/**
* Suggestions to provide for the input.
*/
"_suggestions"?: SuggestionsPropType;
/**
* Selector for synchronizing the value with another input element.
*/
"_syncValueBySelector"?: SyncValueBySelectorPropType;
/**
* Defines where to show the Tooltip preferably: top, right, bottom or left.
*/
"_tooltipAlign"?: TooltipAlignPropType;
/**
* Shows if the input was touched by a user.
* @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
*/
"_touched"?: boolean;
/**
* Defines the value of the input.
*/
"_value"?: string;
"getValue": () => Promise<string | undefined>;
"kolFocus": () => Promise<void>;
}
interface KolInputFile {
/**
* Defines which file formats are accepted.
*/
"_accept"?: string;
/**
* Defines which key combination can be used to trigger or focus the interactive element of the component.
*/
"_accessKey"?: string;
/**
* Makes the element not focusable and ignore all events.
* @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
*/
"_disabled"?: boolean;
/**
* Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
* @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
*/
"_hideLabel"?: boolean;
/**
* Hides the error message but leaves it in the DOM for the input's aria-describedby.
* @TODO : Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.
*/
"_hideMsg"?: boolean;
/**
* Defines the hint text.
*/
"_hint"?: string;
/**
* Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
*/
"_icons"?: IconsHorizontalPropType;
/**
* Defines the internal ID of the primary component element.
*/
"_id"?: IdPropType;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
*/
"_label": LabelWithExpertSlotPropType;
/**
* Defines the properties for a message rendered as Alert component.
*/
"_msg"?: Stringified<MsgPropType>;
/**
* Makes the input accept multiple inputs.
* @TODO : Change type back to `MultiplePropType` after Stencil#4663 has been resolved.
*/
"_multiple"?: boolean;
/**
* Defines the technical name of an input field.
*/
"_name"?: NamePropType;
/**
* Gibt die EventCallback-Funktionen für das Input-Event an.
*/
"_on"?: InputTypeOnDefault;
/**
* Makes the input element required.
* @TODO : Change type back to `RequiredPropType` after Stencil#4663 has been resolved.
*/
"_required"?: boolean;
/**
* Adds a visual short key hint to the component.
*/
"_shortKey"?: ShortKeyPropType;
/**
* Allows to add a button with an arbitrary action within the element (_hide-label only).
*/
"_smartButton"?: Stringified<ButtonProps>;
/**
* Selector for synchronizing the value with another input element.
*/
"_syncValueBySelector"?: SyncValueBySelectorPropType;
/**
* Defines where to show the Tooltip preferably: top, right, bottom or left.
*/
"_tooltipAlign"?: TooltipAlignPropType;
/**
* Shows if the input was touched by a user.
* @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
*/
"_touched"?: boolean;
"getValue": () => Promise<FileList | null | undefined>;
"kolFocus": () => Promise<void>;
}
interface KolInputNumber {
/**
* Defines which key combination can be used to trigger or focus the interactive element of the component.
*/
"_accessKey"?: string;
/**
* Defines whether the input can be auto-completed.
*/
"_autoComplete"?: InputTypeOnOff;
/**
* Makes the element not focusable and ignore all events.
* @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
*/
"_disabled"?: boolean;
/**
* Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
* @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
*/
"_hideLabel"?: boolean;
/**
* Hides the error message but leaves it in the DOM for the input's aria-describedby.
* @TODO : Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.
*/
"_hideMsg"?: boolean;
/**
* Defines the hint text.
*/
"_hint"?: string;
/**
* Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
*/
"_icons"?: IconsHorizontalPropType;
/**
* Defines the internal ID of the primary component element.
*/
"_id"?: IdPropType;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
*/
"_label": LabelWithExpertSlotPropType;
/**
* Defines the largest possible input value.
*/
"_max"?: number | NumberString;
/**
* Defines the smallest possible input value.
*/
"_min"?: number | NumberString;
/**
* Defines the properties for a message rendered as Alert component.
*/
"_msg"?: Stringified<MsgPropType>;
/**
* Defines the technical name of an input field.
*/
"_name"?: NamePropType;
/**
* Gibt die EventCallback-Funktionen für das Input-Event an.
*/
"_on"?: InputTypeOnDefault;
/**
* Defines the placeholder for input field. To be shown when there's no value.
*/
"_placeholder"?: string;
/**
* Makes the input element read only.
* @TODO : Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.
*/
"_readOnly"?: boolean;
/**
* Makes the input e