@public-ui/components 1.2.0-rc.9 → 1.3.0-rc.9

package/dist/types/components/input-radio-group/component.d.ts

@@ -2,6 +2,7 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault, Option } from '../../types/input/types';
 import { Orientation } from '../../types/orientation';
+import { W3CInputValue } from '../../types/w3c';
 import { Props } from '../input-radio/types';
 export declare class KolInputRadioGroup implements Props {
   render(): JSX.Element;
@@ -12,12 +13,12 @@ export declare class KolInputRadioGroup implements Props {
   _hideLabel?: boolean;
   _hint?: string;
   _id: string;
-  _list: Stringified<Option<unknown>[]>;
+  _list: Stringified<Option<W3CInputValue>[]>;
   _name?: string;
   _on?: InputTypeOnDefault;
   _orientation?: Orientation;
   _required?: boolean;
   _tabIndex?: number;
   _touched?: boolean;
-  _value?: string;
+  _value?: W3CInputValue;
 }

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

@@ -1,6 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault, SelectOption } from '../../types/input/types';
+import { W3CInputValue } from '../../types/w3c';
 import { KoliBriInputIcon } from '../input-text/types';
 import { ComponentApi, States } from './types';
 export declare class KolSelect implements ComponentApi {
@@ -19,7 +20,7 @@ export declare class KolSelect implements ComponentApi {
   _hint?: string;
   _icon?: Stringified<KoliBriInputIcon>;
   _id: string;
-  _list: Stringified<SelectOption<unknown>[]>;
+  _list: Stringified<SelectOption<W3CInputValue>[]>;
   _multiple?: boolean;
   _name?: string;
   _on?: InputTypeOnDefault;
@@ -27,7 +28,7 @@ export declare class KolSelect implements ComponentApi {
   _size?: number;
   _tabIndex?: number;
   _touched?: boolean;
-  _value?: Stringified<unknown[]>;
+  _value?: Stringified<W3CInputValue[]>;
   state: States;
   constructor();
   validateAccessKey(value?: string): void;
@@ -39,7 +40,7 @@ export declare class KolSelect implements ComponentApi {
   validateHint(value?: string): void;
   validateIcon(value?: Stringified<KoliBriInputIcon>): void;
   validateId(value?: string): void;
-  validateList(value?: Stringified<SelectOption<unknown>[]>): void;
+  validateList(value?: Stringified<SelectOption<W3CInputValue>[]>): void;
   validateMultiple(value?: boolean): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
@@ -47,7 +48,7 @@ export declare class KolSelect implements ComponentApi {
   validateSize(value?: number): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
-  validateValue(value?: Stringified<unknown[]>): void;
+  validateValue(value?: Stringified<W3CInputValue[]>): void;
   componentWillLoad(): void;
   private onChange;
 }

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

@@ -1,6 +1,7 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { Option, SelectOption } from '../../types/input/types';
+import { W3CInputValue } from '../../types/w3c';
 import { InputController } from '../@deprecated/input/controller';
 import { Props, Watches } from './types';
 export declare class SelectController extends InputController implements Watches {
@@ -8,7 +9,7 @@ export declare class SelectController extends InputController implements Watches
   private onStateChange;
   private readonly keyOptionMap;
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
-  readonly getOptionByKey: (key: string) => Option<unknown> | undefined;
+  readonly getOptionByKey: (key: string) => Option<W3CInputValue> | undefined;
   private readonly isValueInOptions;
   private readonly filterValuesInOptions;
   private readonly beforePatchListValue;
@@ -17,6 +18,6 @@ export declare class SelectController extends InputController implements Watches
   validateMultiple(value?: boolean): void;
   validateRequired(value?: boolean): void;
   validateSize(value?: number): void;
-  validateValue(value?: Stringified<unknown[]>): void;
+  validateValue(value?: Stringified<W3CInputValue[]>): void;
   componentWillLoad(onChange?: (event: Event) => void): void;
 }

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

@@ -1,9 +1,10 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault, SelectOption } from '../../types/input/types';
+import { W3CInputValue } from '../../types/w3c';
 import { InputRequiredProps, KoliBriInputIcon } from '../input-text/types';
 type RequiredProps = InputRequiredProps & {
-  list: Stringified<SelectOption<unknown>[]>;
+  list: Stringified<SelectOption<W3CInputValue>[]>;
 };
 type OptionalProps = {
   accessKey: string;
@@ -21,14 +22,14 @@ type OptionalProps = {
   size: number;
   tabIndex: number;
   touched: boolean;
-  value: Stringified<unknown[]>;
+  value: Stringified<W3CInputValue[]>;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   id: string;
-  list: SelectOption<unknown>[];
+  list: SelectOption<W3CInputValue>[];
   multiple: boolean;
-  value: unknown[];
+  value: W3CInputValue[];
 };
 type OptionalStates = {
   accessKey: string;

package/dist/types/components.d.ts

@@ -22,6 +22,7 @@ import { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./type
 import { InputCheckboxVariant } from "./components/input-checkbox/types";
 import { Iso8601 } from "./types/input/iso8601";
 import { InputDateType, InputNumberType } from "./types/input/control/number";
+import { W3CInputValue } from "./types/w3c";
 import { Orientation } from "./types/orientation";
 import { InputTextType } from "./types/input/control/text";
 import { ListStyleType } from "./components/link-group/component";
@@ -1146,7 +1147,7 @@ export namespace Components {
         /**
           * Gibt die Liste der Optionen für das Eingabefeld an.
          */
-        "_list": Stringified<Option<unknown>[]>;
+        "_list": Stringified<Option<W3CInputValue>[]>;
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
@@ -1174,7 +1175,7 @@ export namespace Components {
         /**
           * Gibt den Wert der Radio an. (Known Bug: https://github.com/ionic-team/stencil/issues/3902)
          */
-        "_value"?: Stringified<number | boolean | unknown[] | object>;
+        "_value"?: Stringified<W3CInputValue>;
     }
     /**
      * @deprecated Die Komponenten Input-Radio-Group und Input-Radio werden zur Komponente Input-Radio zusammengeführt. Verwendet einfach den Tag `<kol-input-radio>` statt `<kol-input-radio-group>`.
@@ -1211,7 +1212,7 @@ export namespace Components {
         /**
           * Gibt die Liste der Optionen für das Eingabefeld an.
          */
-        "_list": Stringified<Option<unknown>[]>;
+        "_list": Stringified<Option<W3CInputValue>[]>;
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
@@ -1239,7 +1240,7 @@ export namespace Components {
         /**
           * Gibt den Wert der Radio an.
          */
-        "_value"?: string;
+        "_value"?: W3CInputValue;
     }
     interface KolInputRange {
         /**
@@ -1872,7 +1873,7 @@ export namespace Components {
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
-        "_list": Stringified<SelectOption<unknown>[]>;
+        "_list": Stringified<SelectOption<W3CInputValue>[]>;
         /**
           * Gibt an, ob mehrere Werte eingegeben werden können.
          */
@@ -1904,7 +1905,7 @@ export namespace Components {
         /**
           * Gibt den Wert des Eingabefeldes an.
          */
-        "_value"?: Stringified<unknown[]>;
+        "_value"?: Stringified<W3CInputValue[]>;
     }
     interface KolSkipNav {
         /**
@@ -3660,7 +3661,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die Liste der Optionen für das Eingabefeld an.
          */
-        "_list": Stringified<Option<unknown>[]>;
+        "_list": Stringified<Option<W3CInputValue>[]>;
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
@@ -3688,7 +3689,7 @@ declare namespace LocalJSX {
         /**
           * Gibt den Wert der Radio an. (Known Bug: https://github.com/ionic-team/stencil/issues/3902)
          */
-        "_value"?: Stringified<number | boolean | unknown[] | object>;
+        "_value"?: Stringified<W3CInputValue>;
     }
     /**
      * @deprecated Die Komponenten Input-Radio-Group und Input-Radio werden zur Komponente Input-Radio zusammengeführt. Verwendet einfach den Tag `<kol-input-radio>` statt `<kol-input-radio-group>`.
@@ -3725,7 +3726,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die Liste der Optionen für das Eingabefeld an.
          */
-        "_list": Stringified<Option<unknown>[]>;
+        "_list": Stringified<Option<W3CInputValue>[]>;
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
@@ -3753,7 +3754,7 @@ declare namespace LocalJSX {
         /**
           * Gibt den Wert der Radio an.
          */
-        "_value"?: string;
+        "_value"?: W3CInputValue;
     }
     interface KolInputRange {
         /**
@@ -4386,7 +4387,7 @@ declare namespace LocalJSX {
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
-        "_list": Stringified<SelectOption<unknown>[]>;
+        "_list": Stringified<SelectOption<W3CInputValue>[]>;
         /**
           * Gibt an, ob mehrere Werte eingegeben werden können.
          */
@@ -4418,7 +4419,7 @@ declare namespace LocalJSX {
         /**
           * Gibt den Wert des Eingabefeldes an.
          */
-        "_value"?: Stringified<unknown[]>;
+        "_value"?: Stringified<W3CInputValue[]>;
     }
     interface KolSkipNav {
         /**

package/dist/types/types/w3c.d.ts

@@ -0,0 +1 @@
+export type W3CInputValue = string | number;

package/doc/input-radio-group.md

@@ -16,14 +16,14 @@
 | `_hideLabel`         | `_hide-label`  | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.                        | `boolean \| undefined`                                                                   | `undefined`  |
 | `_hint`              | `_hint`        | Gibt den Text für eine Hinweistext an.                                               | `string \| undefined`                                                                    | `''`         |
 | `_id` _(required)_   | `_id`          | Gibt die technische ID des Eingabefeldes an.                                         | `string`                                                                                 | `undefined`  |
-| `_list` _(required)_ | `_list`        | Gibt die Liste der Optionen für das Eingabefeld an.                                  | `Option<unknown>[] \| string`                                                            | `undefined`  |
+| `_list` _(required)_ | `_list`        | Gibt die Liste der Optionen für das Eingabefeld an.                                  | `Option<W3CInputValue>[] \| string`                                                      | `undefined`  |
 | `_name`              | `_name`        | Gibt den technischen Namen des Eingabefeldes an.                                     | `string \| undefined`                                                                    | `undefined`  |
 | `_on`                | --             | Gibt die EventCallback-Funktionen für das Input-Event an.                            | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined`  |
 | `_orientation`       | `_orientation` | Gibt die Ausrichtung der LinkList an.                                                | `"horizontal" \| "vertical" \| undefined`                                                | `'vertical'` |
 | `_required`          | `_required`    | Gibt an, ob das Eingabefeld ein Pflichtfeld ist.                                     | `boolean \| undefined`                                                                   | `undefined`  |
 | `_tabIndex`          | `_tab-index`   | Gibt an, welchen Tab-Index dieses Input hat.                                         | `number \| undefined`                                                                    | `undefined`  |
 | `_touched`           | `_touched`     | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.        | `boolean \| undefined`                                                                   | `false`      |
-| `_value`             | `_value`       | Gibt den Wert der Radio an.                                                          | `string \| undefined`                                                                    | `undefined`  |
+| `_value`             | `_value`       | Gibt den Wert der Radio an.                                                          | `number \| string \| undefined`                                                          | `undefined`  |
 
 
 ## Dependencies

package/doc/input-radio.md

@@ -87,14 +87,14 @@ Beispiel für die Erstellung des JSON-Objekts zur Definition der Radio-Elemente:
 | `_hideLabel`         | `_hide-label`  | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.                              | `boolean \| undefined`                                                                   | `undefined`  |
 | `_hint`              | `_hint`        | Gibt den Text für eine Hinweistext an.                                                     | `string \| undefined`                                                                    | `''`         |
 | `_id` _(required)_   | `_id`          | Gibt die technische ID des Eingabefeldes an.                                               | `string`                                                                                 | `undefined`  |
-| `_list` _(required)_ | `_list`        | Gibt die Liste der Optionen für das Eingabefeld an.                                        | `Option<unknown>[] \| string`                                                            | `undefined`  |
+| `_list` _(required)_ | `_list`        | Gibt die Liste der Optionen für das Eingabefeld an.                                        | `Option<W3CInputValue>[] \| string`                                                      | `undefined`  |
 | `_name`              | `_name`        | Gibt den technischen Namen des Eingabefeldes an.                                           | `string \| undefined`                                                                    | `undefined`  |
 | `_on`                | --             | Gibt die EventCallback-Funktionen für das Input-Event an.                                  | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined`  |
 | `_orientation`       | `_orientation` | Gibt die Ausrichtung der LinkList an.                                                      | `"horizontal" \| "vertical" \| undefined`                                                | `'vertical'` |
 | `_required`          | `_required`    | Gibt an, ob das Eingabefeld ein Pflichtfeld ist.                                           | `boolean \| undefined`                                                                   | `undefined`  |
 | `_tabIndex`          | `_tab-index`   | Gibt an, welchen Tab-Index dieses Input hat.                                               | `number \| undefined`                                                                    | `undefined`  |
 | `_touched`           | `_touched`     | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.              | `boolean \| undefined`                                                                   | `false`      |
-| `_value`             | `_value`       | Gibt den Wert der Radio an. (Known Bug: https://github.com/ionic-team/stencil/issues/3902) | `boolean \| number \| object \| string \| undefined \| unknown[]`                        | `undefined`  |
+| `_value`             | `_value`       | Gibt den Wert der Radio an. (Known Bug: https://github.com/ionic-team/stencil/issues/3902) | `number \| string \| undefined`                                                          | `undefined`  |
 
 
 ## Dependencies

package/doc/select.md

@@ -129,7 +129,7 @@ import {
 | `_hint`              | `_hint`       | Gibt den Text für eine Hinweistext an.                                                                                                | `string \| undefined`                                                                                                                                                                                         | `''`        |
 | `_icon`              | `_icon`       | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.                                                    | `string \| undefined \| { right: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { right?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
 | `_id` _(required)_   | `_id`         | Gibt die technische ID des Eingabefeldes an.                                                                                          | `string`                                                                                                                                                                                                      | `undefined` |
-| `_list` _(required)_ | `_list`       | Gibt den technischen Namen des Eingabefeldes an.                                                                                      | `SelectOption<unknown>[] \| string`                                                                                                                                                                           | `undefined` |
+| `_list` _(required)_ | `_list`       | Gibt den technischen Namen des Eingabefeldes an.                                                                                      | `SelectOption<W3CInputValue>[] \| string`                                                                                                                                                                     | `undefined` |
 | `_multiple`          | `_multiple`   | Gibt an, ob mehrere Werte eingegeben werden können.                                                                                   | `boolean \| undefined`                                                                                                                                                                                        | `false`     |
 | `_name`              | `_name`       | Gibt den technischen Namen des Eingabefeldes an.                                                                                      | `string \| undefined`                                                                                                                                                                                         | `undefined` |
 | `_on`                | --            | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                             | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined`                                                                                                                      | `undefined` |
@@ -137,7 +137,7 @@ import {
 | `_size`              | `_size`       | Gibt an, wie viele Optionen im Drop-Down-Menü sichtbar sein sollen.                                                                   | `number \| undefined`                                                                                                                                                                                         | `undefined` |
 | `_tabIndex`          | `_tab-index`  | Gibt an, welchen Tab-Index dieses Input hat.                                                                                          | `number \| undefined`                                                                                                                                                                                         | `undefined` |
 | `_touched`           | `_touched`    | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.                                                         | `boolean \| undefined`                                                                                                                                                                                        | `false`     |
-| `_value`             | `_value`      | Gibt den Wert des Eingabefeldes an.                                                                                                   | `string \| undefined \| unknown[]`                                                                                                                                                                            | `undefined` |
+| `_value`             | `_value`      | Gibt den Wert des Eingabefeldes an.                                                                                                   | `W3CInputValue[] \| string \| undefined`                                                                                                                                                                      | `undefined` |
 
 
 ## Shadow Parts