@public-ui/components 3.0.7 → 3.0.8-rc.1

package/doc/input-range.md

@@ -5,28 +5,28 @@
 
 ## Properties
 
-| Property              | Attribute        | Description                                                                                                                                                   | Type                                                                                                        | Default     |
-| --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`          | `_access-key`    | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                         | `string \| undefined`                                                                                       | `undefined` |
-| `_autoComplete`       | `_auto-complete` | Defines whether the input can be auto-completed.                                                                                                              | `string \| undefined`                                                                                       | `'off'`     |
-| `_disabled`           | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                      | `false`     |
-| `_hideLabel`          | `_hide-label`    | 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.                    | `boolean \| undefined`                                                                                      | `false`     |
-| `_hideMsg`            | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                            | `boolean \| undefined`                                                                                      | `false`     |
-| `_hint`               | `_hint`          | Defines the hint text.                                                                                                                                        | `string \| undefined`                                                                                       | `''`        |
-| `_icons`              | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                               | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`     | `undefined` |
-| `_id`                 | `_id`            | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element. | `string \| undefined`                                                                                       | `undefined` |
-| `_label` _(required)_ | `_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.  | `string`                                                                                                    | `undefined` |
-| `_max`                | `_max`           | Defines the largest possible input value.                                                                                                                     | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                           | `100`       |
-| `_min`                | `_min`           | Defines the smallest possible input value.                                                                                                                    | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                           | `0`         |
-| `_msg`                | `_msg`           | Defines the properties for a message rendered as Alert component.                                                                                             | `Omit<AlertProps, "_label" \| "_variant"> & { _description: string; } \| 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 & InputTypeOnInput \| undefined` | `undefined` |
-| `_shortKey`           | `_short-key`     | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| undefined`                                                                                       | `undefined` |
-| `_step`               | `_step`          | Defines the step size for value changes.                                                                                                                      | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                           | `undefined` |
-| `_suggestions`        | `_suggestions`   | Suggestions to provide for the input.                                                                                                                         | `W3CInputValue[] \| string \| 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`     |
-| `_value`              | `_value`         | Defines the value of the input.                                                                                                                               | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                           | `undefined` |
+| Property              | Attribute        | Description                                                                                                                                                   | Type                                                                                                                             | Default     |
+| --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`          | `_access-key`    | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                         | `string \| undefined`                                                                                                            | `undefined` |
+| `_autoComplete`       | `_auto-complete` | Defines whether the input can be auto-completed.                                                                                                              | `string \| undefined`                                                                                                            | `'off'`     |
+| `_disabled`           | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                                           | `false`     |
+| `_hideLabel`          | `_hide-label`    | 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.                    | `boolean \| undefined`                                                                                                           | `false`     |
+| `_hideMsg`            | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                            | `boolean \| undefined`                                                                                                           | `false`     |
+| `_hint`               | `_hint`          | Defines the hint text.                                                                                                                                        | `string \| undefined`                                                                                                            | `''`        |
+| `_icons`              | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                               | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                          | `undefined` |
+| `_id`                 | `_id`            | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element. | `string \| undefined`                                                                                                            | `undefined` |
+| `_label` _(required)_ | `_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.  | `string`                                                                                                                         | `undefined` |
+| `_max`                | `_max`           | Defines the largest possible input value.                                                                                                                     | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                                                | `100`       |
+| `_min`                | `_min`           | Defines the smallest possible input value.                                                                                                                    | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                                                | `0`         |
+| `_msg`                | `_msg`           | Defines the properties for a message rendered as Alert component.                                                                                             | `Omit<AlertProps, "_label" \| "_variant"> & { _description: string; } \| 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 & InputTypeOnInput & InputTypeOnKeyDown \| undefined` | `undefined` |
+| `_shortKey`           | `_short-key`     | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| undefined`                                                                                                            | `undefined` |
+| `_step`               | `_step`          | Defines the step size for value changes.                                                                                                                      | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                                                | `undefined` |
+| `_suggestions`        | `_suggestions`   | Suggestions to provide for the input.                                                                                                                         | `W3CInputValue[] \| string \| 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`     |
+| `_value`              | `_value`         | Defines the value of the input.                                                                                                                               | `` `${number}.${number}` \| `${number}` \| number \| undefined ``                                                                | `undefined` |
 
 
 ## Methods

package/doc/input-text.md

@@ -21,7 +21,7 @@
 | `_maxLengthBehavior`  | `_max-length-behavior` | Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.                   | `"hard" \| "soft" \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `'hard'`    |
 | `_msg`                | `_msg`                 | Defines the properties for a message rendered as Alert component.                                                                                             | `Omit<AlertProps, "_label" \| "_variant"> & { _description: string; } \| 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 & InputTypeOnInput \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
+| `_on`                 | --                     | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                     | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput & InputTypeOnKeyDown \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
 | `_pattern`            | `_pattern`             | Defines a validation pattern for the input field.                                                                                                             | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
 | `_placeholder`        | `_placeholder`         | Defines the placeholder for input field. To be shown when there's no value.                                                                                   | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
 | `_readOnly`           | `_read-only`           | Makes the input element read only.                                                                                                                            | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `false`     |

package/doc/popover-button.md

@@ -40,6 +40,26 @@ Type: `Promise<void>`
 
 
 
+### `kolFocus() => Promise<void>`
+
+Sets focus on the internal element.
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+### `showPopover() => Promise<void>`
+
+Show the popover programmatically by calling the native showPopover method.
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/doc/select.md

@@ -5,28 +5,28 @@
 
 ## Properties
 
-| Property                | Attribute        | Description                                                                                                                                                   | Type                                                                                                        | Default     |
-| ----------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`            | `_access-key`    | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                         | `string \| undefined`                                                                                       | `undefined` |
-| `_disabled`             | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                      | `false`     |
-| `_hideLabel`            | `_hide-label`    | 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.                    | `boolean \| undefined`                                                                                      | `false`     |
-| `_hideMsg`              | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                            | `boolean \| undefined`                                                                                      | `false`     |
-| `_hint`                 | `_hint`          | Defines the hint text.                                                                                                                                        | `string \| undefined`                                                                                       | `''`        |
-| `_icons`                | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                               | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`     | `undefined` |
-| `_id`                   | `_id`            | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element. | `string \| undefined`                                                                                       | `undefined` |
-| `_label` _(required)_   | `_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.  | `string`                                                                                                    | `undefined` |
-| `_msg`                  | `_msg`           | Defines the properties for a message rendered as Alert component.                                                                                             | `Omit<AlertProps, "_label" \| "_variant"> & { _description: string; } \| string \| undefined`               | `undefined` |
-| `_multiple`             | `_multiple`      | Makes the input accept multiple inputs.                                                                                                                       | `boolean \| undefined`                                                                                      | `false`     |
-| `_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 & InputTypeOnInput \| undefined` | `undefined` |
-| `_options` _(required)_ | `_options`       | Options the user can choose from, also supporting Optgroup.                                                                                                   | `(Option<StencilUnknown> \| Optgroup<StencilUnknown>)[] \| string`                                          | `undefined` |
-| `_required`             | `_required`      | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                      | `false`     |
-| `_rows`                 | `_rows`          | Defines how many rows of options should be visible at the same time.                                                                                          | `number \| undefined`                                                                                       | `undefined` |
-| `_shortKey`             | `_short-key`     | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| 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`     |
-| `_value`                | `_value`         | Defines the value of the input.                                                                                                                               | `StencilUnknown[] \| boolean \| null \| number \| object \| string \| undefined`                            | `undefined` |
+| Property                | Attribute        | Description                                                                                                                                                   | Type                                                                                                                             | Default     |
+| ----------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`            | `_access-key`    | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                         | `string \| undefined`                                                                                                            | `undefined` |
+| `_disabled`             | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                                           | `false`     |
+| `_hideLabel`            | `_hide-label`    | 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.                    | `boolean \| undefined`                                                                                                           | `false`     |
+| `_hideMsg`              | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                            | `boolean \| undefined`                                                                                                           | `false`     |
+| `_hint`                 | `_hint`          | Defines the hint text.                                                                                                                                        | `string \| undefined`                                                                                                            | `''`        |
+| `_icons`                | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                               | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                          | `undefined` |
+| `_id`                   | `_id`            | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element. | `string \| undefined`                                                                                                            | `undefined` |
+| `_label` _(required)_   | `_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.  | `string`                                                                                                                         | `undefined` |
+| `_msg`                  | `_msg`           | Defines the properties for a message rendered as Alert component.                                                                                             | `Omit<AlertProps, "_label" \| "_variant"> & { _description: string; } \| string \| undefined`                                    | `undefined` |
+| `_multiple`             | `_multiple`      | Makes the input accept multiple inputs.                                                                                                                       | `boolean \| undefined`                                                                                                           | `false`     |
+| `_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 & InputTypeOnInput & InputTypeOnKeyDown \| undefined` | `undefined` |
+| `_options` _(required)_ | `_options`       | Options the user can choose from, also supporting Optgroup.                                                                                                   | `(Option<StencilUnknown> \| Optgroup<StencilUnknown>)[] \| string`                                                               | `undefined` |
+| `_required`             | `_required`      | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                                           | `false`     |
+| `_rows`                 | `_rows`          | Defines how many rows of options should be visible at the same time.                                                                                          | `number \| undefined`                                                                                                            | `undefined` |
+| `_shortKey`             | `_short-key`     | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| 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`     |
+| `_value`                | `_value`         | Defines the value of the input.                                                                                                                               | `StencilUnknown[] \| boolean \| null \| number \| object \| string \| undefined`                                                 | `undefined` |
 
 
 ## Methods

package/doc/single-select.md

@@ -5,28 +5,28 @@
 
 ## Properties
 
-| Property                | Attribute            | Description                                                                                                                                                   | Type                                                                                                        | Default     |
-| ----------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`            | `_access-key`        | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                         | `string \| undefined`                                                                                       | `undefined` |
-| `_disabled`             | `_disabled`          | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                      | `false`     |
-| `_hideClearButton`      | `_hide-clear-button` | Defines the whether the clear button should be hidden.                                                                                                        | `boolean \| undefined`                                                                                      | `false`     |
-| `_hideLabel`            | `_hide-label`        | 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.                    | `boolean \| undefined`                                                                                      | `false`     |
-| `_hideMsg`              | `_hide-msg`          | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                            | `boolean \| undefined`                                                                                      | `false`     |
-| `_hint`                 | `_hint`              | Defines the hint text.                                                                                                                                        | `string \| undefined`                                                                                       | `''`        |
-| `_icons`                | `_icons`             | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                               | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`     | `undefined` |
-| `_id`                   | `_id`                | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element. | `string \| undefined`                                                                                       | `undefined` |
-| `_label` _(required)_   | `_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.  | `string`                                                                                                    | `undefined` |
-| `_msg`                  | `_msg`               | Defines the properties for a message rendered as Alert component.                                                                                             | `Omit<AlertProps, "_label" \| "_variant"> & { _description: string; } \| 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 & InputTypeOnInput \| undefined` | `undefined` |
-| `_options` _(required)_ | `_options`           | Options the user can choose from.                                                                                                                             | `Option<StencilUnknown>[] \| string`                                                                        | `undefined` |
-| `_placeholder`          | `_placeholder`       | Defines the placeholder for input field. To be shown when there's no value.                                                                                   | `string \| undefined`                                                                                       | `undefined` |
-| `_required`             | `_required`          | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                      | `false`     |
-| `_rows`                 | `_rows`              | Maximum number of visible rows in the options dropdown before scrolling.                                                                                      | `number \| undefined`                                                                                       | `undefined` |
-| `_shortKey`             | `_short-key`         | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| 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`     |
-| `_value`                | `_value`             | Defines the value of the input.                                                                                                                               | `boolean \| null \| number \| object \| string \| undefined`                                                | `null`      |
+| Property                | Attribute            | Description                                                                                                                                                   | Type                                                                                                                             | Default     |
+| ----------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`            | `_access-key`        | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                         | `string \| undefined`                                                                                                            | `undefined` |
+| `_disabled`             | `_disabled`          | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                                           | `false`     |
+| `_hideClearButton`      | `_hide-clear-button` | Defines the whether the clear button should be hidden.                                                                                                        | `boolean \| undefined`                                                                                                           | `false`     |
+| `_hideLabel`            | `_hide-label`        | 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.                    | `boolean \| undefined`                                                                                                           | `false`     |
+| `_hideMsg`              | `_hide-msg`          | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                            | `boolean \| undefined`                                                                                                           | `false`     |
+| `_hint`                 | `_hint`              | Defines the hint text.                                                                                                                                        | `string \| undefined`                                                                                                            | `''`        |
+| `_icons`                | `_icons`             | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                               | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                          | `undefined` |
+| `_id`                   | `_id`                | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element. | `string \| undefined`                                                                                                            | `undefined` |
+| `_label` _(required)_   | `_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.  | `string`                                                                                                                         | `undefined` |
+| `_msg`                  | `_msg`               | Defines the properties for a message rendered as Alert component.                                                                                             | `Omit<AlertProps, "_label" \| "_variant"> & { _description: string; } \| 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 & InputTypeOnInput & InputTypeOnKeyDown \| undefined` | `undefined` |
+| `_options` _(required)_ | `_options`           | Options the user can choose from.                                                                                                                             | `Option<StencilUnknown>[] \| string`                                                                                             | `undefined` |
+| `_placeholder`          | `_placeholder`       | Defines the placeholder for input field. To be shown when there's no value.                                                                                   | `string \| undefined`                                                                                                            | `undefined` |
+| `_required`             | `_required`          | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                                           | `false`     |
+| `_rows`                 | `_rows`              | Maximum number of visible rows in the options dropdown before scrolling.                                                                                      | `number \| undefined`                                                                                                            | `undefined` |
+| `_shortKey`             | `_short-key`         | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| 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`     |
+| `_value`                | `_value`             | Defines the value of the input.                                                                                                                               | `boolean \| null \| number \| object \| string \| undefined`                                                                     | `null`      |
 
 
 ## Methods

package/doc/skip-nav.md

@@ -11,6 +11,19 @@
 | `_links` _(required)_ | `_links`  | Defines the list of links combined with their labels to render.                                                    | `LinkProps[] \| string` | `undefined` |
 
 
+## Methods
+
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+
 ----------------------------------------------
 
 

package/doc/textarea.md

@@ -5,33 +5,33 @@
 
 ## Properties
 
-| Property              | Attribute              | Description                                                                                                                                                                                                                                                                                        | Type                                                                                                        | Default      |
-| --------------------- | ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ------------ |
-| `_accessKey`          | `_access-key`          | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                                                                                                                                              | `string \| undefined`                                                                                       | `undefined`  |
-| `_adjustHeight`       | `_adjust-height`       | Adjusts the height of the element to its content.                                                                                                                                                                                                                                                  | `boolean \| undefined`                                                                                      | `false`      |
-| `_disabled`           | `_disabled`            | Makes the element not focusable and ignore all events.                                                                                                                                                                                                                                             | `boolean \| undefined`                                                                                      | `false`      |
-| `_hasCounter`         | `_has-counter`         | Shows a character counter for the input element.                                                                                                                                                                                                                                                   | `boolean \| undefined`                                                                                      | `false`      |
-| `_hideLabel`          | `_hide-label`          | 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.                                                                                                                                                         | `boolean \| undefined`                                                                                      | `false`      |
-| `_hideMsg`            | `_hide-msg`            | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                                                                                                                                                                 | `boolean \| undefined`                                                                                      | `false`      |
-| `_hint`               | `_hint`                | Defines the hint text.                                                                                                                                                                                                                                                                             | `string \| undefined`                                                                                       | `''`         |
-| `_icons`              | `_icons`               | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                                                                                    | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`     | `undefined`  |
-| `_id`                 | `_id`                  | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element.                                                                                                                                      | `string \| undefined`                                                                                       | `undefined`  |
-| `_label` _(required)_ | `_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.                                                                                                                                       | `string`                                                                                                    | `undefined`  |
-| `_maxLength`          | `_max-length`          | Defines the maximum number of input characters.                                                                                                                                                                                                                                                    | `number \| undefined`                                                                                       | `undefined`  |
-| `_maxLengthBehavior`  | `_max-length-behavior` | Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.                                                                                                                                                        | `"hard" \| "soft" \| undefined`                                                                             | `'hard'`     |
-| `_msg`                | `_msg`                 | Defines the properties for a message rendered as Alert component.                                                                                                                                                                                                                                  | `Omit<AlertProps, "_label" \| "_variant"> & { _description: string; } \| 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 & InputTypeOnInput \| undefined` | `undefined`  |
-| `_placeholder`        | `_placeholder`         | Defines the placeholder for input field. To be shown when there's no value.                                                                                                                                                                                                                        | `string \| undefined`                                                                                       | `undefined`  |
-| `_readOnly`           | `_read-only`           | Makes the input element read only.                                                                                                                                                                                                                                                                 | `boolean \| undefined`                                                                                      | `false`      |
-| `_required`           | `_required`            | Makes the input element required.                                                                                                                                                                                                                                                                  | `boolean \| undefined`                                                                                      | `false`      |
-| `_resize`             | `_resize`              | Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize) In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`. | `"none" \| "vertical" \| undefined`                                                                         | `'vertical'` |
-| `_rows`               | `_rows`                | Defines how many rows of text should be visible at the same time.                                                                                                                                                                                                                                  | `number \| undefined`                                                                                       | `undefined`  |
-| `_shortKey`           | `_short-key`           | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                                                                            | `string \| undefined`                                                                                       | `undefined`  |
-| `_spellCheck`         | `_spell-check`         | Defines whether the browser should check the spelling and grammar.                                                                                                                                                                                                                                 | `boolean \| 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`      |
-| `_value`              | `_value`               | Defines the value of the input.                                                                                                                                                                                                                                                                    | `string \| undefined`                                                                                       | `undefined`  |
+| Property              | Attribute              | Description                                                                                                                                                                                                                                                                                        | Type                                                                                                                             | Default      |
+| --------------------- | ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | ------------ |
+| `_accessKey`          | `_access-key`          | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                                                                                                                                              | `string \| undefined`                                                                                                            | `undefined`  |
+| `_adjustHeight`       | `_adjust-height`       | Adjusts the height of the element to its content.                                                                                                                                                                                                                                                  | `boolean \| undefined`                                                                                                           | `false`      |
+| `_disabled`           | `_disabled`            | Makes the element not focusable and ignore all events.                                                                                                                                                                                                                                             | `boolean \| undefined`                                                                                                           | `false`      |
+| `_hasCounter`         | `_has-counter`         | Shows a character counter for the input element.                                                                                                                                                                                                                                                   | `boolean \| undefined`                                                                                                           | `false`      |
+| `_hideLabel`          | `_hide-label`          | 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.                                                                                                                                                         | `boolean \| undefined`                                                                                                           | `false`      |
+| `_hideMsg`            | `_hide-msg`            | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                                                                                                                                                                 | `boolean \| undefined`                                                                                                           | `false`      |
+| `_hint`               | `_hint`                | Defines the hint text.                                                                                                                                                                                                                                                                             | `string \| undefined`                                                                                                            | `''`         |
+| `_icons`              | `_icons`               | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                                                                                    | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                          | `undefined`  |
+| `_id`                 | `_id`                  | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element.                                                                                                                                      | `string \| undefined`                                                                                                            | `undefined`  |
+| `_label` _(required)_ | `_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.                                                                                                                                       | `string`                                                                                                                         | `undefined`  |
+| `_maxLength`          | `_max-length`          | Defines the maximum number of input characters.                                                                                                                                                                                                                                                    | `number \| undefined`                                                                                                            | `undefined`  |
+| `_maxLengthBehavior`  | `_max-length-behavior` | Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.                                                                                                                                                        | `"hard" \| "soft" \| undefined`                                                                                                  | `'hard'`     |
+| `_msg`                | `_msg`                 | Defines the properties for a message rendered as Alert component.                                                                                                                                                                                                                                  | `Omit<AlertProps, "_label" \| "_variant"> & { _description: string; } \| 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 & InputTypeOnInput & InputTypeOnKeyDown \| undefined` | `undefined`  |
+| `_placeholder`        | `_placeholder`         | Defines the placeholder for input field. To be shown when there's no value.                                                                                                                                                                                                                        | `string \| undefined`                                                                                                            | `undefined`  |
+| `_readOnly`           | `_read-only`           | Makes the input element read only.                                                                                                                                                                                                                                                                 | `boolean \| undefined`                                                                                                           | `false`      |
+| `_required`           | `_required`            | Makes the input element required.                                                                                                                                                                                                                                                                  | `boolean \| undefined`                                                                                                           | `false`      |
+| `_resize`             | `_resize`              | Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize) In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`. | `"none" \| "vertical" \| undefined`                                                                                              | `'vertical'` |
+| `_rows`               | `_rows`                | Defines how many rows of text should be visible at the same time.                                                                                                                                                                                                                                  | `number \| undefined`                                                                                                            | `undefined`  |
+| `_shortKey`           | `_short-key`           | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                                                                            | `string \| undefined`                                                                                                            | `undefined`  |
+| `_spellCheck`         | `_spell-check`         | Defines whether the browser should check the spelling and grammar.                                                                                                                                                                                                                                 | `boolean \| 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`      |
+| `_value`              | `_value`               | Defines the value of the input.                                                                                                                                                                                                                                                                    | `string \| undefined`                                                                                                            | `undefined`  |
 
 
 ## Methods

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "3.0.7",
+  "version": "3.0.8-rc.1",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {

package/vscode-custom-data.json

@@ -104,6 +104,10 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "_color",
+          "description": "Defines the backgroundColor and foregroundColor."
+        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
@@ -497,6 +501,10 @@
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
+        {
+          "name": "_hide-clear-button",
+          "description": "Hides the clear button."
+        },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
@@ -3044,7 +3052,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_disabled",

package/dist/cjs/CustomSuggestionsToggle-Dlzayg2b.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var index=require("./index-DWvqMGWO.js"),clsx=require("./clsx-CkZlkaek.js"),componentNames=require("./component-names-D7MwtuB7.js"),i18n=require("./i18n-NiDr3RbD.js");const CustomSuggestionsOptionFc=({index:o,ref:s,selected:e,onClick:n,onMouseOver:t,onFocus:i,onKeyDown:u,option:r,searchTerm:c})=>index.h("li",{id:`option-${o}`,key:`-${o}`,ref:s,"data-index":o,tabIndex:-1,role:"option","aria-selected":e?"true":void 0,onClick:n,onMouseOver:t,onFocus:i,class:"kol-custom-suggestions-option",onKeyDown:u},((o,s)=>{if(!(null==s?void 0:s.trim()))return o;const e=new RegExp(`(${s.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})`,"gi");return o.split(e).map((o,s)=>e.test(o)?index.h("mark",{key:s},o):o)})(String(r),c||"")),CustomSuggestionsOptionsGroupFc=({blockSuggestionMouseOver:o,onKeyDown:s,style:e},n)=>index.h("ul",{role:"listbox",style:e,class:clsx.clsx("kol-custom-suggestions-options-group",{"kol-custom-suggestions-options-group--cursor-hidden":o}),onKeyDown:s},n),translateDropdown=i18n.translate("kol-dropdown"),CustomSuggestionsToggleFc=({onClick:o,disabled:s})=>index.h("button",{tabindex:"-1",class:"kol-custom-suggestions-toggle",onClick:o,disabled:s},index.h(componentNames.KolIconTag,{_icons:"codicon codicon-triangle-down",_label:translateDropdown}));exports.CustomSuggestionsOptionFc=CustomSuggestionsOptionFc,exports.CustomSuggestionsOptionsGroupFc=CustomSuggestionsOptionsGroupFc,exports.CustomSuggestionsToggleFc=CustomSuggestionsToggleFc;

package/dist/cjs/CustomSuggestionsToggle-Dlzayg2b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomSuggestionsToggle-Dlzayg2b.js","sources":["src/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.tsx","src/functional-components/CustomSuggestionsOptionsGroup/CustomSuggestionsOptionsGroup.tsx","src/functional-components/CustomSuggestionsToggle/CustomSuggestionsToggle.tsx"],"sourcesContent":["import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\n\nexport type CustomSuggestionsProps = JSXBase.HTMLAttributes<HTMLLIElement> & {\n\tindex: number;\n\toption: W3CInputValue;\n\tselected: boolean;\n\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\nconst CustomSuggestionsOptionFc: FC<CustomSuggestionsProps> = ({ index, ref, selected, onClick, onMouseOver, onFocus, onKeyDown, option, searchTerm }) => {\n\tconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\t\tif (!searchTerm?.trim()) return text;\n\n\t\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\t\tconst parts = text.split(regex);\n\n\t\treturn parts.map((part, partIndex) => (regex.test(part) ? <mark key={partIndex}>{part}</mark> : part));\n\t};\n\n\treturn (\n\t\t<li\n\t\t\tid={`option-${index}`}\n\t\t\tkey={`-${index}`}\n\t\t\tref={ref}\n\t\t\tdata-index={index}\n\t\t\ttabIndex={-1}\n\t\t\trole=\"option\"\n\t\t\taria-selected={selected ? 'true' : undefined}\n\t\t\tonClick={onClick}\n\t\t\tonMouseOver={onMouseOver}\n\t\t\tonFocus={onFocus}\n\t\t\tclass=\"kol-custom-suggestions-option\"\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t{highlightSearchTerm(String(option), searchTerm || '')}\n\t\t</li>\n\t);\n};\nexport default CustomSuggestionsOptionFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nexport type CustomSuggestionsOptionsGroupProps = JSXBase.HTMLAttributes<HTMLUListElement> & {\n\tblockSuggestionMouseOver: boolean;\n};\n\nconst CustomSuggestionsOptionsGroupFc: FC<CustomSuggestionsOptionsGroupProps> = ({ blockSuggestionMouseOver, onKeyDown, style }, children) => {\n\treturn (\n\t\t<ul\n\t\t\trole=\"listbox\"\n\t\t\tstyle={style}\n\t\t\tclass={clsx('kol-custom-suggestions-options-group', {\n\t\t\t\t'kol-custom-suggestions-options-group--cursor-hidden': blockSuggestionMouseOver,\n\t\t\t})}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t{children}\n\t\t</ul>\n\t);\n};\nexport default CustomSuggestionsOptionsGroupFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { KolIconTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\n\nconst translateDropdown = translate('kol-dropdown');\n\nexport type CustomSuggestionsToggleProps = JSXBase.HTMLAttributes<HTMLButtonElement> & { disabled?: boolean };\n\nconst CustomSuggestionsToggleFc: FC<CustomSuggestionsToggleProps> = ({ onClick, disabled }) => {\n\treturn (\n\t\t<button tabindex=\"-1\" class=\"kol-custom-suggestions-toggle\" onClick={onClick} disabled={disabled}>\n\t\t\t<KolIconTag _icons=\"codicon codicon-triangle-down\" _label={translateDropdown} />\n\t\t</button>\n\t);\n};\nexport default CustomSuggestionsToggleFc;\n"],"names":["index","h","clsx","translate","KolIconTag"],"mappings":";;;;;;;;;;AAYM,MAAA,yBAAyB,GAA+B,CAAC,SAAEA,OAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,KAAI;AACxJ,IAAA,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,UAAkB,KAAI;QAChE,IAAI,EAAC,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAE,IAAI,EAAE,CAAA;AAAE,YAAA,OAAO,IAAI;AAEpC,QAAA,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,CAAA,CAAA,EAAI,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC;QACxF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;AAE/B,QAAA,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAGC,OAAM,CAAA,MAAA,EAAA,EAAA,GAAG,EAAE,SAAS,EAAA,EAAG,IAAI,CAAQ,GAAG,IAAI,CAAC,CAAC;AACvG,KAAC;AAED,IAAA,QACCA,OAAA,CAAA,IAAA,EAAA,EACC,EAAE,EAAE,CAAU,OAAA,EAAAD,OAAK,EAAE,EACrB,GAAG,EAAE,CAAI,CAAA,EAAAA,OAAK,EAAE,EAChB,GAAG,EAAE,GAAG,EACI,YAAA,EAAAA,OAAK,EACjB,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAC,QAAQ,mBACE,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC5C,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,+BAA+B,EACrC,SAAS,EAAE,SAAS,EAAA,EAEnB,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC,CAClD;AAEP;;AChCA,MAAM,+BAA+B,GAA2C,CAAC,EAAE,wBAAwB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,KAAI;AAC5I,IAAA,QACCC,OAAA,CAAA,IAAA,EAAA,EACC,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAEC,SAAI,CAAC,sCAAsC,EAAE;AACnD,YAAA,qDAAqD,EAAE,wBAAwB;SAC/E,CAAC,EACF,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACL;AAEP;;AChBA,MAAM,iBAAiB,GAAGC,cAAS,CAAC,cAAc,CAAC;AAI7C,MAAA,yBAAyB,GAAqC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AAC7F,IAAA,QACCF,OAAQ,CAAA,QAAA,EAAA,EAAA,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,+BAA+B,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAA,EAC/FA,OAAA,CAACG,yBAAU,EAAA,EAAC,MAAM,EAAC,+BAA+B,EAAC,MAAM,EAAE,iBAAiB,EAAA,CAAI,CACxE;AAEX;;;;;;"}

package/dist/cjs/FormFieldStateWrapper-D9JdvRWU.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var common=require("./common-Cd2qH809.js"),accessAndShortKey=require("./access-and-short-key-BExF929g.js"),disabled=require("./disabled-DT-7CUov.js"),hideLabel=require("./hide-label-DdGk9NfD.js"),label=require("./label-Nicf9N_T.js"),tooltipAlign=require("./tooltip-align-WJPFINTL.js"),events=require("./events-DDhO-Ns8.js"),associated_controller=require("./associated.controller-Dpp0zVIP.js"),isObject=require("./isObject-DMA85Fq4.js"),tslib_es6=require("./tslib.es6-7DbU_BSw.js"),index=require("./index-DWvqMGWO.js"),clsx=require("./clsx-CkZlkaek.js"),reuse=require("./reuse-Cs36Ddzu.js"),i18n=require("./i18n-NiDr3RbD.js"),InternalUnderlinedBadgeText=require("./InternalUnderlinedBadgeText-BqKFYuSA.js"),Alert=require("./Alert-0_Qn-ys4.js"),componentNames=require("./component-names-D7MwtuB7.js");const validateAdjustHeight=(e,t)=>{common.watchBoolean(e,"_adjustHeight",t)},validateHideMsg=(e,t,n)=>{common.watchBoolean(e,"_hideMsg",t,n)},validateHint=(e,t)=>{common.watchString(e,"_hint",t)},validateMsg=(e,t)=>{common.objectObjectHandler(t,()=>{try{t=common.parseJson(t)}catch(e){}common.watchValidator(e,"_msg",e=>{if(void 0===e)return!0;if("string"==typeof e&&e.length>0)return!0;if(common.isObject(e)&&null!==e){const t=e._description;return common.isString(t,1)}return!1},new Set(["MsgPropType","string"]),t)})};function checkHasMsg(e,t){var n;if(!e)return!1;const i="string"==typeof e?"error":null!==(n=e._type)&&void 0!==n?n:"error";return!0===t||"error"!==i}function normalizeMsg(e){if("string"==typeof e)try{return common.parseJson(e)}catch(t){return{_description:e,_type:"error"}}return e&&"object"==typeof e&&!("_type"in e)?Object.assign(Object.assign({},e),{_type:"error"}):e}const validateTouched=(e,t)=>{common.watchBoolean(e,"_touched",t)},KolFormFieldCharacterLimitHintFc=({id:e,maxLength:t})=>index.h("span",{id:`${e}-character-limit-hint`,class:"visually-hidden"},i18n.translate("kol-character-limit-hint",{placeholders:{limit:String(t)}})),KolFormFieldCounterFc=({currentLength:e,currentLengthDebounced:t,maxLength:n,maxLengthBehavior:i})=>{let o,r;const s=["kol-form-field__counter"];if("hard"===i)o="number"==typeof n?i18n.translate("kol-character-counter-current-of-max",{placeholders:{current:String(e),max:String(n)}}):i18n.translate("kol-character-counter-current",{placeholders:{current:String(e)}}),r="number"==typeof n?i18n.translate("kol-character-counter-current-of-max-aria",{placeholders:{current:String(t),max:String(n)}}):i18n.translate("kol-character-counter-current",{placeholders:{current:String(t)}});else{if("number"!=typeof n)return null;{const i=n-e,a=i<0,l=n-t,c=l<0;o=a?i18n.translate("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(i))}}):i18n.translate("kol-character-limit-remaining",{placeholders:{remaining:String(i)}}),r=c?i18n.translate("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(l))}}):i18n.translate("kol-character-limit-remaining",{placeholders:{remaining:String(l)}}),a&&s.push("kol-form-field__counter--exceeded")}}return index.h(index.Fragment,null,index.h("span",{class:clsx.clsx(s),"aria-hidden":"true","data-testid":"input-counter"},o),index.h("span",{"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},r))},KolFormFieldHintFc=e=>{var{id:t,class:n,hint:i,baseClassName:o="kol-form-field"}=e,r=tslib_es6.__rest(e,["id","class","hint","baseClassName"]);return i?index.h("span",Object.assign({class:clsx.clsx(`${o}__hint`,n),id:`${t}-hint`},r),i):null};var symbolTag="[object Symbol]";function isSymbol(e){return"symbol"==typeof e||isObject.isObjectLike(e)&&isObject.baseGetTag(e)==symbolTag}var reWhitespace=/\s/;function trimmedEndIndex(e){for(var t=e.length;t--&&reWhitespace.test(e.charAt(t)););return t}var reTrimStart=/^\s+/;function baseTrim(e){return e?e.slice(0,trimmedEndIndex(e)+1).replace(reTrimStart,""):e}var NAN=NaN,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber(e){if("number"==typeof e)return e;if(isSymbol(e))return NAN;if(isObject.isObject(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=isObject.isObject(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=baseTrim(e);var n=reIsBinary.test(e);return n||reIsOctal.test(e)?freeParseInt(e.slice(2),n?2:8):reIsBadHex.test(e)?NAN:+e}var now=function(){return isObject.root.Date.now()},FUNC_ERROR_TEXT="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce(e,t,n){var i,o,r,s,a,l,c=0,d=!1,h=!1,u=!0;if("function"!=typeof e)throw new TypeError(FUNC_ERROR_TEXT);function m(t){var n=i,r=o;return i=o=void 0,c=t,s=e.apply(r,n)}function p(e){var n=e-l;return void 0===l||n>=t||n<0||h&&e-c>=r}function g(){var e=now();if(p(e))return b(e);a=setTimeout(g,function(e){var n=t-(e-l);return h?nativeMin(n,r-(e-c)):n}(e))}function b(e){return a=void 0,u&&i?m(e):(i=o=void 0,s)}function v(){var e=now(),n=p(e);if(i=arguments,o=this,l=e,n){if(void 0===a)return function(e){return c=e,a=setTimeout(g,t),d?m(e):s}(l);if(h)return clearTimeout(a),a=setTimeout(g,t),m(l)}return void 0===a&&(a=setTimeout(g,t)),s}return t=toNumber(t)||0,isObject.isObject(n)&&(d=!!n.leading,r=(h="maxWait"in n)?nativeMax(toNumber(n.maxWait)||0,t):r,u="trailing"in n?!!n.trailing:u),v.cancel=function(){void 0!==a&&clearTimeout(a),c=0,i=l=o=a=void 0},v.flush=function(){return void 0===a?s:b(now())},v}const LabelFc=({hasExpertSlot:e,accessKey:t,shortKey:n,label:i,showBadge:o=!0})=>{if(e)return index.h("slot",{name:"expert"});if(!i)return null;const r=InternalUnderlinedBadgeText.isString(t)||InternalUnderlinedBadgeText.isString(n);if(!o||!r)return index.h("span",null,i);const s=reuse.buildBadgeTextString(t,n);return index.h(index.Fragment,null,index.h(InternalUnderlinedBadgeText.KolInternalUnderlinedBadgeTextFc,{badgeText:s,label:i})," ",index.h("kbd",{class:"badge-text-hint","aria-hidden":"true"},s))},KolFormFieldLabelFc=e=>{var{component:t="label",id:n,baseClassName:i="kol-form-field",class:o,accessKey:r,shortKey:s,label:a,hideLabel:l,hasExpertSlot:c,showBadge:d}=e,h=tslib_es6.__rest(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge"]);const u=!c&&l;return index.h(t,Object.assign({},h,{class:clsx.clsx(`${i}__label`,o),id:u?void 0:`${n}-label`,hidden:u,htmlFor:n}),index.h("span",{class:clsx.clsx(`${i}__label-text`)},index.h(LabelFc,{hasExpertSlot:c,accessKey:r,shortKey:s,label:a,showBadge:d})))},FormFieldMsgFc=e=>{var t,n,{alert:i,msg:o,id:r,class:s}=e,a=tslib_es6.__rest(e,["alert","msg","id","class"]);const l=normalizeMsg(o);return index.h(Alert.KolAlertFc,Object.assign({id:`${r}-msg`,alert:null!==(t=null==l?void 0:l._alert)&&void 0!==t?t:i,hasCloser:!1,level:0,type:null!==(n=null==l?void 0:l._type)&&void 0!==n?n:"error",variant:"msg",class:clsx.clsx("kol-form-field__msg",s)},a),(null==l?void 0:l._description)||void 0)},FormFieldTooltipFc=({id:e,align:t,badgeText:n,label:i,class:o})=>index.h(componentNames.KolTooltipWcTag,{"aria-hidden":"true",class:clsx.clsx("kol-form-field__tooltip",o),_badgeText:n,_align:t,_id:`${e}-label`,_label:i});function getModifierClassNameByMsgType(e){return(null==e?void 0:e.type)&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null==e?void 0:e.type]||""}const InputContainer=(e,t)=>{var{class:n}=e,i=tslib_es6.__rest(e,["class"]);return index.h("div",Object.assign({class:clsx.clsx("kol-form-field__input",n)},i),t)},KolFormFieldFc=(e,t)=>{var n;const{component:i="div",renderNoLabel:o,renderNoTooltip:r,renderNoHint:s,anotherChildren:a,id:l,required:c,alert:d,disabled:h,class:u,msg:m,hideMsg:p,hideLabel:g,label:b,hint:v,accessKey:f,shortKey:_,tooltipAlign:y,counter:x,readOnly:F,touched:L,maxLength:K,formFieldLabelProps:j,formFieldHintProps:S,formFieldTooltipProps:T,formFieldMsgProps:C,formFieldInputProps:O}=e,B=tslib_es6.__rest(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","maxLength","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]),k=!o,M=!s,I=!r,H=reuse.showExpertSlot(b),A=checkHasMsg(m,L),N=reuse.buildBadgeTextString(f,_),E=I&&!H&&g,D="string"==typeof m?"error":null!==(n=null==m?void 0:m._type)&&void 0!==n?n:"error";let q={"kol-form-field--disabled":Boolean(h),"kol-form-field--required":Boolean(c),"kol-form-field--touched":Boolean(L),"kol-form-field--hide-label":Boolean(g),"kol-form-field--read-only":Boolean(F),"kol-form-field--hidden-msg":Boolean(p)};return A&&(q=Object.assign(Object.assign({},q),{[`kol-form-field--${D||"error"}`]:!0,[`kol-form-field--${getModifierClassNameByMsgType({type:D})}`]:!0})),index.h(i,Object.assign({class:clsx.clsx("kol-form-field",q,u)},B),k&&index.h(KolFormFieldLabelFc,Object.assign({},j||{},{id:l,hasExpertSlot:H,hideLabel:g,label:b,accessKey:f,shortKey:_})),index.h(InputContainer,Object.assign({},O),t,E&&!0===g&&index.h(FormFieldTooltipFc,Object.assign({},T||{},{id:l,label:b,align:y,badgeText:N}))),x?index.h(KolFormFieldCounterFc,Object.assign({},x)):null,K?index.h(KolFormFieldCharacterLimitHintFc,{id:l,maxLength:K}):null,A&&!p&&index.h(FormFieldMsgFc,Object.assign({},C||{},{id:l,alert:d,msg:m})),M&&index.h(KolFormFieldHintFc,Object.assign({},S||{},{id:l,hint:v})),a)};function getDefaultProps({ariaDescribedBy:e,hideLabel:t,label:n}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&n?n:void 0}}class ControlledInputController extends associated_controller.AssociatedInputController{constructor(e,t,n){super(e,t,n),this.component=e}validateTouched(e){validateTouched(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class InputController extends ControlledInputController{constructor(e,t,n){super(e,t,n),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this)},this.updateCurrentLengthDebounced=debounce(e=>{common.setState(this.component,"_currentLengthDebounced",e)},500),this.component=e}validateAccessKey(e){accessAndShortKey.validateAccessKey(this.component,e),accessAndShortKey.validateAccessAndShortKey(e,this.component._shortKey)}validateAdjustHeight(e){validateAdjustHeight(this.component,e)}validateDisabled(e){disabled.validateDisabled(this.component,e)}validateTooltipAlign(e){tooltipAlign.validateTooltipAlign(this.component,e)}validateHideMsg(e){validateHideMsg(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&common.a11yHint("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){hideLabel.validateHideLabel(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&common.a11yHint("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){validateHint(this.component,e)}validateId(e){common.watchString(this.component,"_id",e,{minLength:1}),""!==e&&void 0!==e||common.devHint("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(e){label.validateLabelWithExpertSlot(this.component,e,{required:!0})}validateMsg(e){validateMsg(this.component,e)}validateOn(e){"object"==typeof e&&common.setState(this.component,"_on",e)}validateShortKey(e){accessAndShortKey.validateShortKey(this.component,e),accessAndShortKey.validateAccessAndShortKey(this.component._accessKey,e)}validateSmartButton(e){common.objectObjectHandler(e,()=>{try{e=common.parseJson(e)}catch(e){}common.setState(this.component,"_smartButton",e)})}validateTabIndex(e){accessAndShortKey.validateTabIndex(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideMsg(this.component._hideMsg),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateLabel(this.component._label),this.validateShortKey(this.component._shortKey),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),accessAndShortKey.validateAccessAndShortKey(this.component._accessKey,this.component._shortKey)}emitEvent(e,t){this.host&&events.dispatchDomEvent(this.host,e,t)}onBlur(e){var t;this.component._touched=!0,this.emitEvent(events.KolEvent.blur),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onBlur)&&this.component._on.onBlur(e)}onChange(e,t){var n;void 0===t&&(t=e.target.value),this.emitEvent(events.KolEvent.change,t),"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(e,t),this.valueChangeListeners.forEach(e=>e(t))}onInput(e,t=!0,n){var i;void 0===n&&(n=e.target.value),this.emitEvent(events.KolEvent.input,n),t&&this.setFormAssociatedValue(n),"function"==typeof(null===(i=this.component._on)||void 0===i?void 0:i.onInput)&&this.component._on.onInput(e,n)}onClick(e){var t;this.emitEvent(events.KolEvent.click),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onClick)&&this.component._on.onClick(e)}onFocus(e){var t;this.emitEvent(events.KolEvent.focus),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}hasSoftCharacterLimit(){return"number"==typeof this.component.state._maxLength&&"soft"===this.component.state._maxLengthBehavior}hasCounter(){return!0===this.component.state._hasCounter}}const getRenderStates=e=>{var t;const n=e._msg,i="string"==typeof n?n:null==n?void 0:n._description,o="string"==typeof n?"error":null!==(t=null==n?void 0:n._type)&&void 0!==t?t:"error",r=Boolean(i&&i.length>0),s="error"===o&&r&&!0===e._touched,a="string"==typeof e._hint&&e._hint.length>0,l=[];return r&&!e._hideMsg&&l.push(`${e._id}-msg`),a&&l.push(`${e._id}-hint`),{hasError:s,hasHint:a,ariaDescribedBy:l}};function getFormFieldProps(e){const t={id:e._id,disabled:e._disabled,msg:e._msg,hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_accessKey"in e&&(t.accessKey=e._accessKey),"_shortKey"in e&&(t.shortKey=e._shortKey),"_maxLength"in e&&(t.maxLength=e._maxLength),"_currentLength"in e&&"number"==typeof e._currentLength&&"_currentLengthDebounced"in e&&"number"==typeof e._currentLengthDebounced&&"_hasCounter"in e&&!0===e._hasCounter&&(t.counter={currentLength:e._currentLength,currentLengthDebounced:e._currentLengthDebounced,maxLength:e._maxLength,maxLengthBehavior:e._maxLengthBehavior||"hard"}),t}const FormFieldStateWrapper=(e,t)=>{var{state:n}=e,i=tslib_es6.__rest(e,["state"]);return index.h(KolFormFieldFc,Object.assign({},getFormFieldProps(n),i),t)};exports.FormFieldStateWrapper=FormFieldStateWrapper,exports.FormFieldTooltipFc=FormFieldTooltipFc,exports.InputController=InputController,exports.KolFormFieldHintFc=KolFormFieldHintFc,exports.KolFormFieldLabelFc=KolFormFieldLabelFc,exports.checkHasMsg=checkHasMsg,exports.getDefaultProps=getDefaultProps,exports.getRenderStates=getRenderStates;

package/dist/cjs/controller-icon-UiIW_Z_E.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var index=require("./index-DWvqMGWO.js"),tslib_es6=require("./tslib.es6-7DbU_BSw.js"),componentNames=require("./component-names-D7MwtuB7.js"),Icon=require("./Icon-B-SDdTX6.js"),clsx=require("./clsx-CkZlkaek.js"),common=require("./common-Cd2qH809.js"),FormFieldStateWrapper=require("./FormFieldStateWrapper-D9JdvRWU.js"),InternalUnderlinedBadgeText=require("./InternalUnderlinedBadgeText-BqKFYuSA.js"),isObject=require("./isObject-DMA85Fq4.js"),icons=require("./icons-CvKgcv20.js");const InputAdornment=(n,e)=>{var{position:t="start",class:o}=n,s=tslib_es6.__rest(n,["position","class"]);const i="kol-input-container__adornment",r=`${i}--${t}`;return index.h("div",Object.assign({class:clsx.clsx(i,r,o)},s),e)};function hasItems(n){return!!n&&(Array.isArray(n)?n.length>0:Boolean(n))}const Container=(n,e)=>{var{class:t}=n,o=tslib_es6.__rest(n,["class"]);return index.h("div",Object.assign({class:clsx.clsx("kol-input-container__container",t)},o),e)},KolInputContainerFc=(n,e)=>{const{class:t,startAdornment:o,endAdornment:s,disabled:i,msg:r,touched:c,containerProps:a,startAdornmentProps:l,endAdornmentProps:d}=n,u=tslib_es6.__rest(n,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),p=FormFieldStateWrapper.checkHasMsg(r,c),m="string"==typeof r?"error":null==r?void 0:r._type,b={"kol-input-container--disabled":i,[`kol-input-container--${m||"error"}`]:p},h=Object.assign({class:clsx.clsx("kol-input-container",b,t)},u);return hasItems(o)||hasItems(s)?index.h("div",Object.assign({},h),index.h(InputAdornment,Object.assign({},l,{position:"start"}),o),index.h(Container,Object.assign({},a),e),index.h(InputAdornment,Object.assign({},d,{position:"end"}),s)):index.h("div",Object.assign({},h),index.h(Container,Object.assign({},a),e))},KolButtonFc=n=>{const{label:e,icons:t,hideLabel:o,disabled:s,onClick:i}=n,r=tslib_es6.__rest(n,["label","icons","hideLabel","disabled","onClick"]);return index.h(componentNames.KolButtonWcTag,Object.assign({_label:e,_disabled:s,_icons:t,_hideLabel:o,_on:{onClick:i}},r))},KolIconButtonFc=n=>{const{componentName:e="button",label:t,icon:o,onClick:s}=n,i=tslib_es6.__rest(n,["componentName","label","icon","onClick"]),r="button"===e?KolButtonFc:Icon.KolIconFc;return index.h(r,Object.assign({label:t||"",hideLabel:!0,icons:`codicon codicon-${o}`,onClick:s},i))};function getInputContainerProps(n){let e,t;return"_icons"in n&&(e=n._icons),"_smartButton"in n&&(t=n._smartButton),{icons:e,smartButton:t,disabled:n._disabled,msg:n._msg,touched:n._touched}}const InputContainerStateWrapperFc=({state:n,endAdornment:e},t)=>{const{icons:o,smartButton:s,disabled:i,msg:r,touched:c}=getInputContainerProps(n);let a=null==o?void 0:o.left;InternalUnderlinedBadgeText.isString(a)&&(a={icon:a});let l=null==o?void 0:o.right;InternalUnderlinedBadgeText.isString(l)&&(l={icon:l});const d=[],u=[];return e&&(Array.isArray(e)?u.push(...e):u.push(e)),a&&d.push(index.h(KolIconButtonFc,Object.assign({componentName:"icon",class:"kol-input-container__icon"},isObject.isObject(a)?a:{}))),isObject.isObject(s)&&u.push(index.h(KolIconButtonFc,Object.assign({componentName:"button",class:"kol-input-container__smart-button"},s,{hideLabel:!0,disabled:i}))),l&&u.push(index.h(KolIconButtonFc,Object.assign({componentName:"icon",class:"kol-input-container__icon"},isObject.isObject(l)?l:{}))),index.h(KolInputContainerFc,{disabled:i,msg:r,touched:c,startAdornment:d,endAdornment:u},t)};class InputIconController extends FormFieldStateWrapper.InputController{constructor(n,e,t){super(n,e,t),this.numberStringRegex=/^\d+(\.\d+)?$/,this.parseToNumber=n=>"number"==typeof n?isNaN(n)?null:n:this.isNumberString(n)?parseFloat(n):null,this.validateNumber=(n,e)=>common.watchValidator(this.component,n,n=>null==n||"number"==typeof n||"string"==typeof n&&this.numberStringRegex.test(n),new Set(["number","NumberString"]),e,{hooks:{beforePatch:(e,t)=>{(null==t?void 0:t.has(n))&&(null==t||t.set(n,this.parseToNumber(e)))}}}),this.component=n}validateIcons(n){icons.validateIcons(this.component,n)}isNumberString(n){return"string"==typeof n&&this.numberStringRegex.test(n)}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}exports.InputContainerStateWrapperFc=InputContainerStateWrapperFc,exports.InputIconController=InputIconController,exports.KolIconButtonFc=KolIconButtonFc;

package/dist/cjs/controller-icon-UiIW_Z_E.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controller-icon-UiIW_Z_E.js","sources":["src/functional-components/InputAdornment/InputAdornment.tsx","src/functional-components/InputContainer/InputContainer.tsx","src/functional-components/Button/Button.tsx","src/functional-components/IconButton/IconButton.tsx","src/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.tsx","src/components/@deprecated/input/controller-icon.ts"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nexport type InputAdornmentProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tposition?: 'start' | 'end';\n};\n\nconst InputAdornment: FC<InputAdornmentProps> = ({ position = 'start', class: className, ...other }, children) => {\n\tconst rootClassName = `kol-input-container__adornment`;\n\tconst positionClassName = `${rootClassName}--${position}`;\n\n\treturn (\n\t\t<div class={clsx(rootClassName, positionClassName, className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default InputAdornment;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { checkHasMsg, type MsgPropType, type Stringified } from '../../schema';\nimport InputAdornment from '../InputAdornment';\n\ntype InputAdornmentType = VNode | VNode[] | null;\n\nexport type InputContainerProps = JSXBase.HTMLAttributes & {\n\tstartAdornment?: InputAdornmentType;\n\tendAdornment?: InputAdornmentType;\n\tdisabled?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n\ttouched?: boolean;\n\n\tcontainerProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tstartAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tendAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n};\n\nfunction hasItems(items?: InputAdornmentType): boolean {\n\tif (!items) {\n\t\treturn false;\n\t}\n\n\treturn Array.isArray(items) ? items.length > 0 : Boolean(items);\n}\n\nconst Container: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: className, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-input-container__container', className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolInputContainerFc: FC<InputContainerProps> = (props, children) => {\n\tconst { class: classNames, startAdornment, endAdornment, disabled, msg, touched, containerProps, startAdornmentProps, endAdornmentProps, ...other } = props;\n\tconst showMsg = checkHasMsg(msg, touched);\n\tconst msgType = typeof msg === 'string' ? 'error' : msg?._type;\n\n\tconst stateCssClasses = {\n\t\t['kol-input-container--disabled']: disabled,\n\t\t[`kol-input-container--${msgType || 'error'}`]: showMsg,\n\t};\n\n\tconst baseProps: JSXBase.HTMLAttributes<HTMLDivElement> = {\n\t\tclass: clsx('kol-input-container', stateCssClasses, classNames),\n\t\t...other,\n\t};\n\n\tif (!hasItems(startAdornment) && !hasItems(endAdornment)) {\n\t\treturn (\n\t\t\t<div {...baseProps}>\n\t\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div {...baseProps}>\n\t\t\t<InputAdornment {...startAdornmentProps} position=\"start\">\n\t\t\t\t{startAdornment}\n\t\t\t</InputAdornment>\n\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t<InputAdornment {...endAdornmentProps} position=\"end\">\n\t\t\t\t{endAdornment}\n\t\t\t</InputAdornment>\n\t\t</div>\n\t);\n};\n\nexport default KolInputContainerFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { InternalButtonProps } from '../../schema';\n\nexport type ButtonProps = Partial<InternalButtonProps> & {\n\tlabel: string;\n\tclass?: string;\n\tonClick?: (event: MouseEvent) => void;\n};\n\nconst KolButtonFc: FC<ButtonProps> = (props) => {\n\tconst { label, icons, hideLabel, disabled, onClick, ...other } = props;\n\n\treturn <KolButtonWcTag _label={label} _disabled={disabled} _icons={icons} _hideLabel={hideLabel} _on={{ onClick }} {...other} />;\n};\n\nexport default KolButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { ButtonVariantPropType } from '../../schema';\nimport KolButtonFc, { type ButtonProps } from '../Button';\nimport KolIconFc, { type IconProps } from '../Icon';\n\ntype IconType = Partial<Omit<IconProps, 'icons'>> & {\n\tcomponentName: 'icon';\n\ticon?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\ntype ButtonType = Partial<Omit<ButtonProps, 'icons'>> & {\n\tcomponentName: 'button';\n\ticon?: string;\n\tlabel?: string;\n\tclass?: string;\n\tbuttonVariant?: ButtonVariantPropType;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\nexport type IconButtonProps = IconType | ButtonType;\n\n/**\n * `KolIconButtonFc` is a functional component that renders either a Button or an Icon based on the provided props.\n *\n * Depending on the value of the `componentName` prop, either a Button (`KolButtonFc`) or an Icon (`KolIconFc`) is rendered.\n * Both components support optional `icon` props for displaying an icon and an optional `onClick` handler for user interactions.\n *\n * This component combines the flexibility of rendering either a button with an optional label or a simple icon, while ensuring that unnecessary props for the selected element are not passed.\n *\n * Supported props:\n * - `componentName`: Specifies whether a 'button' or 'icon' should be rendered. Default is 'button'.\n * - `label`: An optional label, which is only shown for Buttons.\n * - `icon`: The name of the icon (e.g., \"home\", \"edit\") or the Codicon class used for the icon display.\n * - `class`: Optional CSS class for additional styling customization.\n * - `buttonVariant`: Variant for the button component.\n * - `onClick`: Optional click handler for user interactions.\n *\n * Example usage:\n * ```tsx\n * <KolIconButtonFc componentName=\"button\" label=\"Submit\" icon=\"check\" onClick={handleClick} />\n * <KolIconButtonFc componentName=\"icon\" icon=\"alert\" onClick={handleClick} />\n * ```\n *\n * @param {IconButtonProps} props - The properties that customize the component, including the selection of the component type (Button or Icon) and other specific attributes.\n * @returns {JSX.Element} - The rendered JSX element (Button or Icon).\n */\nconst KolIconButtonFc: FC<IconButtonProps> = (props) => {\n\tconst { componentName = 'button', label, icon, onClick, ...other } = props;\n\tconst Component = componentName === 'button' ? KolButtonFc : KolIconFc;\n\n\treturn <Component label={label || ''} hideLabel icons={`codicon codicon-${icon}`} onClick={onClick} {...other} />;\n};\n\nexport default KolIconButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport {\n\ttype ButtonProps,\n\ttype IconOrIconClass,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype KoliBriHorizontalIcons,\n\ttype MsgPropType,\n\ttype SelectStates,\n\ttype Stringified,\n\ttype TextareaStates,\n} from '../../schema';\n\nimport { isObject, isString } from 'lodash-es';\nimport KolIconButtonFc from '../../functional-components/IconButton';\nimport KolInputContainerFc, { type InputContainerProps } from '../../functional-components/InputContainer';\n\ntype InputState =\n\t| TextareaStates\n\t| SelectStates\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates;\n\nexport type InputContainerStateWrapperProps = Partial<InputContainerProps> & {\n\tstate: InputState;\n};\n\nfunction getInputContainerProps(state: InputState): {\n\ticons?: KoliBriHorizontalIcons;\n\tsmartButton?: ButtonProps;\n\tdisabled?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n\ttouched?: boolean;\n} {\n\tlet icons: KoliBriHorizontalIcons | undefined = undefined;\n\tlet smartButton: ButtonProps | undefined;\n\n\tif ('_icons' in state) {\n\t\ticons = state._icons;\n\t}\n\n\tif ('_smartButton' in state) {\n\t\tsmartButton = state._smartButton;\n\t}\n\n\treturn {\n\t\ticons,\n\t\tsmartButton,\n\t\tdisabled: state._disabled,\n\t\tmsg: state._msg,\n\t\ttouched: state._touched,\n\t};\n}\n\nconst InputContainerStateWrapperFc: FC<InputContainerStateWrapperProps> = ({ state, endAdornment: defaultEndAdornment }, children) => {\n\tconst { icons, smartButton, disabled, msg, touched } = getInputContainerProps(state);\n\n\tlet leftIconProps: IconOrIconClass | undefined = icons?.left;\n\tif (isString(leftIconProps)) {\n\t\tleftIconProps = { icon: leftIconProps };\n\t}\n\n\tlet rightIconProps: IconOrIconClass | undefined = icons?.right;\n\tif (isString(rightIconProps)) {\n\t\trightIconProps = { icon: rightIconProps };\n\t}\n\n\tconst startAdornment = [];\n\tconst endAdornment = [];\n\n\tif (defaultEndAdornment) {\n\t\tif (Array.isArray(defaultEndAdornment)) {\n\t\t\tendAdornment.push(...defaultEndAdornment);\n\t\t} else {\n\t\t\tendAdornment.push(defaultEndAdornment);\n\t\t}\n\t}\n\n\tif (leftIconProps) {\n\t\tstartAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(leftIconProps) ? leftIconProps : {})} />);\n\t}\n\n\tif (isObject(smartButton)) {\n\t\tendAdornment.push(\n\t\t\t<KolIconButtonFc componentName=\"button\" class=\"kol-input-container__smart-button\" {...smartButton} hideLabel={true} disabled={disabled} />,\n\t\t);\n\t}\n\n\tif (rightIconProps) {\n\t\tendAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(rightIconProps) ? rightIconProps : {})} />);\n\t}\n\n\treturn (\n\t\t<KolInputContainerFc disabled={disabled} msg={msg} touched={touched} startAdornment={startAdornment} endAdornment={endAdornment}>\n\t\t\t{children}\n\t\t</KolInputContainerFc>\n\t);\n};\n\nexport default InputContainerStateWrapperFc;\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { IconsHorizontalPropType, NumberString } from '../../../schema';\nimport { validateIcons, watchValidator } from '../../../schema';\n\nimport { InputController } from './controller';\n\nimport type { Props, Watches } from './types-icon';\n\nexport class InputIconController extends InputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\tprivate readonly numberStringRegex = /^\\d+(\\.\\d+)?$/; // https://regex101.com/r/mET6Tx/1\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tvalidateIcons(this.component, value);\n\t}\n\n\tpublic isNumberString(value: unknown): value is NumberString {\n\t\treturn typeof value === 'string' && this.numberStringRegex.test(value);\n\t}\n\n\tprotected readonly parseToNumber = (value?: number | NumberString | null): number | null => {\n\t\tif (typeof value === 'number') {\n\t\t\treturn isNaN(value) ? null : value;\n\t\t}\n\t\tif (this.isNumberString(value)) {\n\t\t\treturn parseFloat(value);\n\t\t}\n\t\treturn null;\n\t};\n\n\tprotected readonly validateNumber = (propName: string, value?: number | NumberString | null) => {\n\t\treturn watchValidator(\n\t\t\tthis.component,\n\t\t\tpropName,\n\t\t\t(value): boolean =>\n\t\t\t\tvalue === undefined || value === null || typeof value === 'number' || (typeof value === 'string' && this.numberStringRegex.test(value)),\n\t\t\tnew Set(['number', 'NumberString']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\thooks: {\n\t\t\t\t\tbeforePatch: (value: unknown, nextState) => {\n\t\t\t\t\t\tif (nextState?.has(propName)) {\n\t\t\t\t\t\t\tnextState?.set(propName, this.parseToNumber(value as number | NumberString | null));\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t};\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateIcons(this.component._icons);\n\t}\n}\n"],"names":["__rest","h","clsx","checkHasMsg","KolButtonWcTag","KolIconFc","isString","isObject","InputController","watchValidator","validateIcons"],"mappings":"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"}