@public-ui/components 1.7.0-rc.12 → 1.7.0-rc.13

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

@@ -9,6 +9,7 @@ import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-sel
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { IdPropType } from '../../types/props/id';
 import { NamePropType } from '../../types/props/name';
+import { HideErrorPropType } from '../../types/props/hide-error';
 export declare class KolTextarea implements API {
   private readonly host?;
   private ref?;
@@ -21,6 +22,7 @@ export declare class KolTextarea implements API {
   _disabled?: boolean;
   _error?: string;
   _hasCounter?: boolean;
+  _hideError?: boolean;
   _hideLabel?: boolean;
   _hint?: string;
   _id?: IdPropType;
@@ -46,6 +48,7 @@ export declare class KolTextarea implements API {
   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;

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

@@ -3,11 +3,13 @@ import { RowsPropType } from '../../types/props/rows';
 import { InputController } from '../@deprecated/input/controller';
 import { CSSResize, Props, Watches } from './types';
 import { HasCounterPropType } from '../../types/props/has-counter';
+import { HideErrorPropType } from '../../types/props/hide-error';
 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;

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

@@ -12,6 +12,7 @@ import { PropReadOnly } from '../../types/props/read-only';
 import { PropRequired } from '../../types/props/required';
 import { PropTouched } from '../../types/props/touched';
 import { PropId } from '../../types/props/id';
+import { PropHideError } from '../../types/props/hide-error';
 export type CSSResize = 'both' | 'horizontal' | 'vertical' | 'none';
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
@@ -25,14 +26,14 @@ type OptionalProps = {
   resize: CSSResize;
   tabIndex: number;
   value: string;
-} & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideLabel & PropLabelWithExpertSlot & PropName & PropReadOnly & PropRequired & PropRows & PropSyncValueBySelector & PropTouched;
+} & 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;
-} & PropId & PropAdjustHeight & PropLabelWithExpertSlot;
+} & PropId & PropAdjustHeight & PropHideError & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;

package/dist/types/components.d.ts

@@ -36,7 +36,7 @@ import { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 import { Icofont } from "./types/icofont";
 import { Loading } from "./utils/validators/loading";
 import { SuggestionsPropType } from "./types/props/suggestions";
-import { InputCheckboxIcon, InputCheckboxVariant } from "./components/input-checkbox/types";
+import { InputCheckboxIconProp, InputCheckboxVariant } from "./components/input-checkbox/types";
 import { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./types/input/types";
 import { Iso8601 } from "./types/input/iso8601";
 import { InputDateType, InputNumberType } from "./types/input/control/number";
@@ -95,7 +95,7 @@ export { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 export { Icofont } from "./types/icofont";
 export { Loading } from "./utils/validators/loading";
 export { SuggestionsPropType } from "./types/props/suggestions";
-export { InputCheckboxIcon, InputCheckboxVariant } from "./components/input-checkbox/types";
+export { InputCheckboxIconProp, InputCheckboxVariant } from "./components/input-checkbox/types";
 export { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./types/input/types";
 export { Iso8601 } from "./types/input/iso8601";
 export { InputDateType, InputNumberType } from "./types/input/control/number";
@@ -790,6 +790,11 @@ export namespace Components {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label and shows the description in a Tooltip instead.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -871,6 +876,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label and shows the description in a Tooltip instead.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -883,7 +893,7 @@ export namespace Components {
         /**
           * Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`).
          */
-        "_icon"?: Stringified<InputCheckboxIcon>;
+        "_icon"?: Stringified<InputCheckboxIconProp>;
         /**
           * Defines the internal ID of the primary component element.
          */
@@ -963,6 +973,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1049,6 +1064,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1166,6 +1186,11 @@ export namespace Components {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1283,6 +1308,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1370,6 +1400,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1492,6 +1527,11 @@ export namespace Components {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1591,6 +1631,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1748,6 +1793,11 @@ export namespace Components {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1848,6 +1898,11 @@ export namespace Components {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -2513,6 +2568,11 @@ export namespace Components {
           * @deprecated Use _rows instead.
          */
         "_height"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -2859,6 +2919,11 @@ export namespace Components {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4093,6 +4158,11 @@ declare namespace LocalJSX {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label and shows the description in a Tooltip instead.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4170,6 +4240,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label and shows the description in a Tooltip instead.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4182,7 +4257,7 @@ declare namespace LocalJSX {
         /**
           * Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`).
          */
-        "_icon"?: Stringified<InputCheckboxIcon>;
+        "_icon"?: Stringified<InputCheckboxIconProp>;
         /**
           * Defines the internal ID of the primary component element.
          */
@@ -4258,6 +4333,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4340,6 +4420,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4453,6 +4538,11 @@ declare namespace LocalJSX {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4566,6 +4656,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4649,6 +4744,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4767,6 +4867,11 @@ declare namespace LocalJSX {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -4862,6 +4967,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -5015,6 +5125,11 @@ declare namespace LocalJSX {
           * Defines the error message text.
          */
         "_error"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -5111,6 +5226,11 @@ declare namespace LocalJSX {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -5772,6 +5892,11 @@ declare namespace LocalJSX {
           * @deprecated Use _rows instead.
          */
         "_height"?: string;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -6110,6 +6235,11 @@ declare namespace LocalJSX {
           * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
          */
         "_hasCounter"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: boolean;
         /**
           * Hides the label.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.

package/dist/types/types/props/hide-error.d.ts

@@ -0,0 +1,7 @@
+import { Generic } from '@a11y-ui/core';
+import { WatchBooleanOptions } from '../../utils/prop.validators';
+export type HideErrorPropType = boolean;
+export type PropHideError = {
+  hideError: HideErrorPropType;
+};
+export declare const validateHideError: (component: Generic.Element.Component, value?: HideErrorPropType, options?: WatchBooleanOptions) => void;

package/doc/input-checkbox.md

@@ -59,28 +59,29 @@ Achten Sie darauf, jeder Checkbox ein Label zuzuweisen, da dieses von Screenread
 
 ## Properties
 
-| Property         | Attribute        | Description                                                                                                                                                              | Type                                                                                                                                                                                                                                                                                                          | Default     |
-| ---------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`     | `_access-key`    | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                  | `string` \| `undefined`                                                                                                                                                                                                                                                                                         | `undefined` |
-| `_alert`         | `_alert`         | Defines whether the screen-readers should read out the notification.                                                                                                     | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                        | `true`      |
-| `_checked`       | `_checked`       | Defines whether the checkbox is checked or not. Can be read and written.                                                                                                 | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                        | `false`     |
-| `_disabled`      | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                                   | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                        | `undefined` |
-| `_error`         | `_error`         | Defines the error message text.                                                                                                                                          | `string` \| `undefined`                                                                                                                                                                                                                                                                                         | `undefined` |
-| `_hideLabel`     | `_hide-label`    | Hides the label and shows the description in a Tooltip instead.                                                                                                          | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                        | `undefined` |
-| `_hint`          | `_hint`          | Defines the hint text.                                                                                                                                                   | `string` \| `undefined`                                                                                                                                                                                                                                                                                         | `''`        |
-| `_icon`          | `_icon`          | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`).                                                                                                           | `string` \| `undefined` \| `{ checked: string; indeterminate?: string` \| `undefined; unchecked?: string` \| `undefined; } & { checked?: string` \| `undefined; indeterminate: string; unchecked?: string` \| `undefined; } & { checked?: string` \| `undefined; indeterminate?: string` \| `undefined; unchecked: string; }` | `undefined` |
-| `_id`            | `_id`            | Defines the internal ID of the primary component element.                                                                                                                | `string` \| `undefined`                                                                                                                                                                                                                                                                                         | `undefined` |
-| `_indeterminate` | `_indeterminate` | Puts the checkbox in the indeterminate state, does not change the value of _checked.                                                                                     | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                        | `undefined` |
-| `_label`         | `_label`         | 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.             | `boolean` \| `string` \| `undefined`                                                                                                                                                                                                                                                                              | `undefined` |
-| `_name`          | `_name`          | Defines the technical name of an input field.                                                                                                                            | `string` \| `undefined`                                                                                                                                                                                                                                                                                         | `undefined` |
-| `_on`            | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                                | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined`                                                                                                                                                                                                                      | `undefined` |
-| `_required`      | `_required`      | Makes the input element required.                                                                                                                                        | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                        | `undefined` |
-| `_tabIndex`      | `_tab-index`     | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)                         | `number` \| `undefined`                                                                                                                                                                                                                                                                                         | `undefined` |
-| `_tooltipAlign`  | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                         | `'top'`     |
-| `_touched`       | `_touched`       | Shows if the input was touched by a user.                                                                                                                                | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                        | `false`     |
-| `_type`          | `_type`          | <span class="text-red-500">**[DEPRECATED]**</span> Verwende stattdessen das Attribute _variant.<br/><br/>Deprecated: Defines which variant should be used for presentation. | `"button"` \| `"checkbox"` \| `"default"` \| `"switch"` \| `undefined`                                                                                                                                                                                                                                                | `undefined` |
-| `_value`         | `_value`         | Defines the value of the input.                                                                                                                                          | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                                                                                                                                                                                  | `true`      |
-| `_variant`       | `_variant`       | Defines which variant should be used for presentation.                                                                                                                   | `"button"` \| `"checkbox"` \| `"default"` \| `"switch"` \| `undefined`                                                                                                                                                                                                                                                | `undefined` |
+| Property         | Attribute        | Description                                                                                                                                                              | Type                                                                                                                                                                                                                                                                                                            | Default     |
+| ---------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`     | `_access-key`    | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                  | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
+| `_alert`         | `_alert`         | Defines whether the screen-readers should read out the notification.                                                                                                     | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `true`      |
+| `_checked`       | `_checked`       | Defines whether the checkbox is checked or not. Can be read and written.                                                                                                 | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
+| `_disabled`      | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                                   | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `undefined` |
+| `_error`         | `_error`         | Defines the error message text.                                                                                                                                          | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
+| `_hideError`     | `_hide-error`    | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
+| `_hideLabel`     | `_hide-label`    | Hides the label and shows the description in a Tooltip instead.                                                                                                          | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `undefined` |
+| `_hint`          | `_hint`          | Defines the hint text.                                                                                                                                                   | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `''`        |
+| `_icon`          | `_icon`          | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`).                                                                                                           | `string` \| `undefined` \| `{ checked: string; indeterminate?: string` \| `undefined; unchecked?: string` \| `undefined; }` \| `{ checked?: string` \| `undefined; indeterminate: string; unchecked?: string` \| `undefined; }` \| `{ checked?: string` \| `undefined; indeterminate?: string` \| `undefined; unchecked: string; }` | `undefined` |
+| `_id`            | `_id`            | Defines the internal ID of the primary component element.                                                                                                                | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
+| `_indeterminate` | `_indeterminate` | Puts the checkbox in the indeterminate state, does not change the value of _checked.                                                                                     | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `undefined` |
+| `_label`         | `_label`         | 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.             | `boolean` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                | `undefined` |
+| `_name`          | `_name`          | Defines the technical name of an input field.                                                                                                                            | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
+| `_on`            | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                                | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined`                                                                                                                                                                                                                        | `undefined` |
+| `_required`      | `_required`      | Makes the input element required.                                                                                                                                        | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `undefined` |
+| `_tabIndex`      | `_tab-index`     | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)                         | `number` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
+| `_tooltipAlign`  | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                           | `'top'`     |
+| `_touched`       | `_touched`       | Shows if the input was touched by a user.                                                                                                                                | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
+| `_type`          | `_type`          | <span class="text-red-500">**[DEPRECATED]**</span> Verwende stattdessen das Attribute _variant.<br/><br/>Deprecated: Defines which variant should be used for presentation. | `"button"` \| `"checkbox"` \| `"default"` \| `"switch"` \| `undefined`                                                                                                                                                                                                                                                  | `undefined` |
+| `_value`         | `_value`         | Defines the value of the input.                                                                                                                                          | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                                                                                                                                                                                    | `true`      |
+| `_variant`       | `_variant`       | Defines which variant should be used for presentation.                                                                                                                   | `"button"` \| `"checkbox"` \| `"default"` \| `"switch"` \| `undefined`                                                                                                                                                                                                                                                  | `undefined` |
 
 
 ## Slots

package/doc/input-color.md

@@ -54,6 +54,7 @@ Für eine vollständige Barrierefreiheit prüfen Sie die Verwendung einer vorgef
 | `_autoComplete` | `_auto-complete` | Defines whether the input can be auto-completed.                                                                                                             | `"off"` \| `"on"` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `undefined` |
 | `_disabled`     | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
 | `_error`        | `_error`         | Defines the error message text.                                                                                                                              | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `undefined` |
+| `_hideError`    | `_hide-error`    | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `false`     |
 | `_hideLabel`    | `_hide-label`    | Hides the label.                                                                                                                                             | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
 | `_hint`         | `_hint`          | Defines the hint text.                                                                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `''`        |
 | `_icon`         | `_icon`          | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`).                                                                                               | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `undefined` |

package/doc/input-date.md

@@ -84,6 +84,7 @@ Das Eingabefeld für Zeitangaben gibt es in unterschiedlichen Ausprägungen (Dat
 | `_autoComplete` | `_auto-complete` | Defines whether the input can be auto-completed.                                                                                                             | `"off"` \| `"on"` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `undefined` |
 | `_disabled`     | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
 | `_error`        | `_error`         | Defines the error message text.                                                                                                                              | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `undefined` |
+| `_hideError`    | `_hide-error`    | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `false`     |
 | `_hideLabel`    | `_hide-label`    | Hides the label.                                                                                                                                             | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
 | `_hint`         | `_hint`          | Defines the hint text.                                                                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `''`        |
 | `_icon`         | `_icon`          | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`).                                                                                               | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `undefined` |

package/doc/input-email.md

@@ -53,6 +53,7 @@ Um eine fehlgeschlagene Validierung anzuzeigen, setzen Sie das Attrbut **`_error
 | `_disabled`     | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
 | `_error`        | `_error`         | Defines the error message text.                                                                                                                              | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `undefined` |
 | `_hasCounter`   | `_has-counter`   | Shows the character count on the lower border of the input.                                                                                                  | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
+| `_hideError`    | `_hide-error`    | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `false`     |
 | `_hideLabel`    | `_hide-label`    | Hides the label.                                                                                                                                             | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
 | `_hint`         | `_hint`          | Defines the hint text.                                                                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `''`        |
 | `_icon`         | `_icon`          | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`).                                                                                               | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `undefined` |

package/doc/input-file.md

@@ -49,6 +49,7 @@ Mögliche Werte und weitere Informationen erhalten Sie im <kol-link _href="https
 | `_alert`        | `_alert`         | Defines whether the screen-readers should read out the notification.                                                                                         | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `true`      |
 | `_disabled`     | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
 | `_error`        | `_error`         | Defines the error message text.                                                                                                                              | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `undefined` |
+| `_hideError`    | `_hide-error`    | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `false`     |
 | `_hideLabel`    | `_hide-label`    | Hides the label.                                                                                                                                             | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
 | `_hint`         | `_hint`          | Defines the hint text.                                                                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `''`        |
 | `_icon`         | `_icon`          | Defines the icon classnames (e.g. `_icon="fa-solid fa-user"`).                                                                                               | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `undefined` |