@public-ui/components 1.1.10-rc.5 → 1.1.10-rc.7

package/dist/types/components.d.ts

@@ -20,7 +20,8 @@ import { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 import { KoliBriInputIcon } from "./components/input-text/types";
 import { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./types/input/types";
 import { InputCheckboxType } from "./components/input-checkbox/types";
-import { InputNumberType } from "./types/input/control/number";
+import { Iso8601 } from "./types/input/iso8601";
+import { InputDateType, InputNumberType } from "./types/input/control/number";
 import { Orientation } from "./types/orientation";
 import { InputTextType } from "./types/input/control/text";
 import { ListStyleType } from "./components/link-group/component";
@@ -620,6 +621,96 @@ export namespace Components {
          */
         "_value"?: string;
     }
+    interface KolInputDate {
+        /**
+          * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
+         */
+        "_accessKey"?: string;
+        /**
+          * Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.
+         */
+        "_alert"?: boolean;
+        /**
+          * Gibt an, ob das Eingabefeld autovervollständigt werden kann.
+         */
+        "_autoComplete"?: InputTypeOnOff;
+        /**
+          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Gibt den Text für eine Fehlermeldung an.
+         */
+        "_error"?: string;
+        /**
+          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+         */
+        "_hideLabel"?: boolean;
+        /**
+          * Gibt den Text für eine Hinweistext an.
+         */
+        "_hint"?: string;
+        /**
+          * Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.
+         */
+        "_icon"?: Stringified<KoliBriInputIcon>;
+        /**
+          * Gibt die technische ID des Eingabefeldes an.
+         */
+        "_id": string;
+        /**
+          * Gibt die Liste der Vorschlagszahlen an.
+         */
+        "_list"?: Stringified<string[]>;
+        /**
+          * Gibt den größtmöglichen Datumswert an.
+         */
+        "_max"?: Iso8601 | Date;
+        /**
+          * Gibt den kleinstmöglichen Datumswert an.
+         */
+        "_min"?: Iso8601 | Date;
+        /**
+          * Gibt den technischen Namen des Eingabefeldes an.
+         */
+        "_name"?: string;
+        /**
+          * Gibt die EventCallback-Funktionen für das Input-Event an.
+         */
+        "_on"?: InputTypeOnDefault;
+        /**
+          * Gibt an, ob das Eingabefeld nur lesend ist.
+         */
+        "_readOnly"?: boolean;
+        /**
+          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+         */
+        "_required"?: boolean;
+        /**
+          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+         */
+        "_smartButton"?: ButtonProps;
+        /**
+          * Gibt die Schrittweite der Wertveränderung an
+         */
+        "_step"?: number;
+        /**
+          * Gibt an, welchen Tab-Index dieses Input hat.
+         */
+        "_tabIndex"?: number;
+        /**
+          * Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.
+         */
+        "_touched"?: boolean;
+        /**
+          * Gibt den Typ des Eingabefeldes an.
+         */
+        "_type": InputDateType;
+        /**
+          * Gibt den Wert des Eingabefeldes an.
+         */
+        "_value"?: Iso8601 | Date;
+    }
     interface KolInputEmail {
         /**
           * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
@@ -828,11 +919,11 @@ export namespace Components {
         /**
           * Gibt den größtmöglichen Zahlenwert an.
          */
-        "_max"?: number;
+        "_max"?: number | Iso8601;
         /**
           * Gibt den kleinstmöglichen Zahlenwert an.
          */
-        "_min"?: number;
+        "_min"?: number | Iso8601;
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
@@ -876,7 +967,7 @@ export namespace Components {
         /**
           * Gibt den Wert des Eingabefeldes an.
          */
-        "_value"?: string;
+        "_value"?: number | Iso8601;
     }
     interface KolInputPassword {
         /**
@@ -1833,6 +1924,10 @@ export namespace Components {
           * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
          */
         "_accessKey"?: string;
+        /**
+          * Passt die Höhe des Eingabefeldes automatisch an den Füllstand an.
+         */
+        "_adjustHeight"?: boolean;
         /**
           * Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.
          */
@@ -2106,6 +2201,12 @@ declare global {
         prototype: HTMLKolInputColorElement;
         new (): HTMLKolInputColorElement;
     };
+    interface HTMLKolInputDateElement extends Components.KolInputDate, HTMLStencilElement {
+    }
+    var HTMLKolInputDateElement: {
+        prototype: HTMLKolInputDateElement;
+        new (): HTMLKolInputDateElement;
+    };
     interface HTMLKolInputEmailElement extends Components.KolInputEmail, HTMLStencilElement {
     }
     var HTMLKolInputEmailElement: {
@@ -2299,6 +2400,7 @@ declare global {
         "kol-input-adapter-leanup": HTMLKolInputAdapterLeanupElement;
         "kol-input-checkbox": HTMLKolInputCheckboxElement;
         "kol-input-color": HTMLKolInputColorElement;
+        "kol-input-date": HTMLKolInputDateElement;
         "kol-input-email": HTMLKolInputEmailElement;
         "kol-input-file": HTMLKolInputFileElement;
         "kol-input-number": HTMLKolInputNumberElement;
@@ -2906,6 +3008,96 @@ declare namespace LocalJSX {
          */
         "_value"?: string;
     }
+    interface KolInputDate {
+        /**
+          * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
+         */
+        "_accessKey"?: string;
+        /**
+          * Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.
+         */
+        "_alert"?: boolean;
+        /**
+          * Gibt an, ob das Eingabefeld autovervollständigt werden kann.
+         */
+        "_autoComplete"?: InputTypeOnOff;
+        /**
+          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Gibt den Text für eine Fehlermeldung an.
+         */
+        "_error"?: string;
+        /**
+          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+         */
+        "_hideLabel"?: boolean;
+        /**
+          * Gibt den Text für eine Hinweistext an.
+         */
+        "_hint"?: string;
+        /**
+          * Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.
+         */
+        "_icon"?: Stringified<KoliBriInputIcon>;
+        /**
+          * Gibt die technische ID des Eingabefeldes an.
+         */
+        "_id": string;
+        /**
+          * Gibt die Liste der Vorschlagszahlen an.
+         */
+        "_list"?: Stringified<string[]>;
+        /**
+          * Gibt den größtmöglichen Datumswert an.
+         */
+        "_max"?: Iso8601 | Date;
+        /**
+          * Gibt den kleinstmöglichen Datumswert an.
+         */
+        "_min"?: Iso8601 | Date;
+        /**
+          * Gibt den technischen Namen des Eingabefeldes an.
+         */
+        "_name"?: string;
+        /**
+          * Gibt die EventCallback-Funktionen für das Input-Event an.
+         */
+        "_on"?: InputTypeOnDefault;
+        /**
+          * Gibt an, ob das Eingabefeld nur lesend ist.
+         */
+        "_readOnly"?: boolean;
+        /**
+          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+         */
+        "_required"?: boolean;
+        /**
+          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+         */
+        "_smartButton"?: ButtonProps;
+        /**
+          * Gibt die Schrittweite der Wertveränderung an
+         */
+        "_step"?: number;
+        /**
+          * Gibt an, welchen Tab-Index dieses Input hat.
+         */
+        "_tabIndex"?: number;
+        /**
+          * Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.
+         */
+        "_touched"?: boolean;
+        /**
+          * Gibt den Typ des Eingabefeldes an.
+         */
+        "_type"?: InputDateType;
+        /**
+          * Gibt den Wert des Eingabefeldes an.
+         */
+        "_value"?: Iso8601 | Date;
+    }
     interface KolInputEmail {
         /**
           * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
@@ -3114,11 +3306,11 @@ declare namespace LocalJSX {
         /**
           * Gibt den größtmöglichen Zahlenwert an.
          */
-        "_max"?: number;
+        "_max"?: number | Iso8601;
         /**
           * Gibt den kleinstmöglichen Zahlenwert an.
          */
-        "_min"?: number;
+        "_min"?: number | Iso8601;
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
@@ -3162,7 +3354,7 @@ declare namespace LocalJSX {
         /**
           * Gibt den Wert des Eingabefeldes an.
          */
-        "_value"?: string;
+        "_value"?: number | Iso8601;
     }
     interface KolInputPassword {
         /**
@@ -4119,6 +4311,10 @@ declare namespace LocalJSX {
           * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
          */
         "_accessKey"?: string;
+        /**
+          * Passt die Höhe des Eingabefeldes automatisch an den Füllstand an.
+         */
+        "_adjustHeight"?: boolean;
         /**
           * Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.
          */
@@ -4271,6 +4467,7 @@ declare namespace LocalJSX {
         "kol-input-adapter-leanup": KolInputAdapterLeanup;
         "kol-input-checkbox": KolInputCheckbox;
         "kol-input-color": KolInputColor;
+        "kol-input-date": KolInputDate;
         "kol-input-email": KolInputEmail;
         "kol-input-file": KolInputFile;
         "kol-input-number": KolInputNumber;
@@ -4329,6 +4526,7 @@ declare module "@stencil/core" {
             "kol-input-adapter-leanup": LocalJSX.KolInputAdapterLeanup & JSXBase.HTMLAttributes<HTMLKolInputAdapterLeanupElement>;
             "kol-input-checkbox": LocalJSX.KolInputCheckbox & JSXBase.HTMLAttributes<HTMLKolInputCheckboxElement>;
             "kol-input-color": LocalJSX.KolInputColor & JSXBase.HTMLAttributes<HTMLKolInputColorElement>;
+            "kol-input-date": LocalJSX.KolInputDate & JSXBase.HTMLAttributes<HTMLKolInputDateElement>;
             "kol-input-email": LocalJSX.KolInputEmail & JSXBase.HTMLAttributes<HTMLKolInputEmailElement>;
             "kol-input-file": LocalJSX.KolInputFile & JSXBase.HTMLAttributes<HTMLKolInputFileElement>;
             "kol-input-number": LocalJSX.KolInputNumber & JSXBase.HTMLAttributes<HTMLKolInputNumberElement>;

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

@@ -52,7 +52,6 @@ export declare type OptionalButtonLinkProps = OptionalButtonAndLinkProps & {
   on: KoliBriButtonCallbacks;
   type: KoliBriButtonType;
 };
-export declare type ButtonLinkProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;
 export declare type RequiredButtonLinkStates = RequiredButtonAndLinkStates & {
   label: string;
   type: KoliBriButtonType;
@@ -62,7 +61,6 @@ export declare type OptionalButtonLinkStates = OptionalButtonAndLinkStates & Kol
   id: string;
   on: KoliBriButtonCallbacks;
 };
-export declare type ButtonLinkStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;
 export declare type RequiredButtonProps = RequiredButtonLinkProps;
 export declare type OptionalButtonProps = OptionalButtonLinkProps & KoliBriButtonVariantCustomClass;
 export declare type ButtonProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;
@@ -106,7 +104,6 @@ export declare type OptionalLinkStates = OptionalButtonAndLinkStates & {
 export declare type LinkStates = Generic.Element.Members<RequiredLinkStates, OptionalLinkStates>;
 export declare type RequiredLinkButtonProps = RequiredLinkProps;
 export declare type OptionalLinkButtonProps = OptionalLinkProps & KoliBriButtonVariantCustomClass;
-export declare type LinkButtonProps = Generic.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps>;
 export declare type RequiredLinkButtonStates = RequiredLinkStates;
 export declare type OptionalLinkButtonStates = OptionalLinkStates & KoliBriButtonVariantCustomClass;
 export declare type LinkButtonStates = Generic.Element.Members<RequiredLinkButtonStates, OptionalLinkButtonStates>;

package/dist/types/types/input/control/number.d.ts

@@ -1 +1,28 @@
-export declare type InputNumberType = 'number' | 'date' | 'datetime-local' | 'month' | 'time' | 'week';
+import { KoliBriInputIcon } from '../../../components/input-text/types';
+import { ButtonProps } from '../../button-link';
+import { Stringified } from '../../common';
+import { InputTypeOnDefault, InputTypeOnOff } from '../types';
+export declare type InputDateType = 'date' | 'datetime-local' | 'month' | 'time' | 'week';
+export declare type InputNumberType = 'number' | InputDateType;
+export declare type OptionalInputProps<T> = {
+  accessKey: string;
+  alert: boolean;
+  autoComplete: InputTypeOnOff;
+  disabled: boolean;
+  error: string;
+  hideLabel: boolean;
+  hint: string;
+  icon: Stringified<KoliBriInputIcon>;
+  list: Stringified<string[]>;
+  max: T;
+  min: T;
+  name: string;
+  on: InputTypeOnDefault;
+  readOnly: boolean;
+  required: boolean;
+  smartButton: ButtonProps;
+  step: number;
+  tabIndex: number;
+  touched: boolean;
+  value: T;
+};

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

@@ -0,0 +1,25 @@
+declare type D1 = '1';
+declare type D2 = D1 | '2';
+declare type D3 = D2 | '3';
+declare type D4 = D3 | '4';
+declare type D5 = D4 | '5';
+declare type D6 = D5 | '6';
+declare type D7 = D6 | '7';
+declare type D8 = D7 | '8';
+declare type D9 = D8 | '9';
+declare type D01 = D1 | '0';
+declare type D02 = D2 | '0';
+declare type D03 = D3 | '0';
+declare type D09 = D9 | '0';
+declare type Hour = `0${D9}` | `1${D09}` | `2${D03}`;
+declare type Year = `${number}`;
+declare type Month = `0${D9}` | `1${D02}`;
+declare type Day = `0${D9}` | `${D2}${D09}` | `3${D01}`;
+declare type CalendarWeek = `0${D9}` | `${D4}${D09}` | `5${D03}`;
+declare type IsoDate = `${Year}-${Month}-${Day}`;
+declare type IsoTime = `${Hour}:${number}:${number}` | `${Hour}:${number}:${number}.${number}`;
+declare type IsoLocalDateTime = `${IsoDate}T${IsoTime}`;
+declare type IsoMonth = `${Year}-${Month}`;
+declare type IsoWeek = `${Year}-W${CalendarWeek}`;
+export declare type Iso8601 = IsoDate | IsoTime | IsoLocalDateTime | IsoMonth | IsoWeek;
+export {};