@public-ui/components 1.7.14 → 1.7.16

package/dist/types/components/input-text/component.d.ts

@@ -18,8 +18,9 @@ export declare class KolInputText implements API {
     private ref?;
     private oldValue?;
     private readonly catchRef;
-    private readonly onKeyUp;
     private readonly onChange;
+    private readonly onInput;
+    private readonly onKeyDown;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
@@ -84,5 +85,4 @@ export declare class KolInputText implements API {
     validateType(value?: InputTextType): void;
     validateValue(value?: string): void;
     componentWillLoad(): void;
-    disconnectedCallback(): void;
 }

package/dist/types/components.d.ts

@@ -682,6 +682,7 @@ export namespace Components {
           * Defines whether the mandatory-fields-hint should be shown. A string overrides the default text.
          */
         "_requiredText"?: Stringified<boolean>;
+        "focusErrorList": () => Promise<void>;
     }
     interface KolHeading {
         /**

package/dist/types/core/bootstrap.d.ts

@@ -0,0 +1,5 @@
+import type { Generic, LoaderCallback, RegisterOptions } from 'adopted-style-sheets';
+type KoliBriOptions = RegisterOptions & {};
+export declare const bootstrap: (themes: Generic.Theming.RegisterPatch<string, string, string> | Generic.Theming.RegisterPatch<string, string, string>[] | Set<Generic.Theming.RegisterPatch<string, string, string>>, loaders: LoaderCallback | LoaderCallback[] | Set<LoaderCallback>, options?: KoliBriOptions) => Promise<void[]>;
+export declare const register: (themes: Generic.Theming.RegisterPatch<string, string, string> | Generic.Theming.RegisterPatch<string, string, string>[] | Set<Generic.Theming.RegisterPatch<string, string, string>>, loaders: LoaderCallback | LoaderCallback[] | Set<LoaderCallback>, options?: KoliBriOptions) => Promise<void[]>;
+export {};

package/dist/types/core/i18n.d.ts

@@ -5,17 +5,18 @@ interface ITranslationOptions {
         [K: string]: string;
     };
 }
-export interface II18nService {
-    addResourceBundle: (lng: Generic.I18n.Locale.ISO_639_1, translationMap: Generic.I18n.Map<string, string>) => void;
-    translate: (key: string, options?: ITranslationOptions) => string;
-}
-export declare class I18nextService implements II18nService {
+declare class I18nextService {
     private static instance;
     private static namespace;
+    private _initialized;
+    get initialized(): boolean;
     private constructor();
-    static createInstance(lng: Generic.I18n.Locale.ISO_639_1, translations?: Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string> | Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>[] | Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>>): Promise<II18nService>;
-    static addResourceBundle(lng: Generic.I18n.Locale.ISO_639_1, translationMap: Generic.I18n.Map<string, string>): void;
-    addResourceBundle(lng: Generic.I18n.Locale.ISO_639_1, translationMap: Generic.I18n.Map<string, string>): void;
+    static getInstance(lng?: Generic.I18n.Locale.ISO_639_1): Promise<I18nextService>;
+    addTranslations(translations?: Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string> | Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>[] | Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>>): void;
+    setLanguage(lng: Generic.I18n.Locale.ISO_639_1): Promise<void>;
     translate(key: string, options?: ITranslationOptions): string;
 }
+export declare const getI18nInstance: () => I18nextService;
+export declare const initI18n: (lng?: Generic.I18n.Locale.ISO_639_1) => Promise<I18nextService>;
+export declare const configI18n: (lng: Generic.I18n.Locale.ISO_639_1, translations?: Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string> | Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>[] | Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>>) => Promise<void>;
 export {};

package/dist/types/global/script.d.ts

@@ -1,2 +1 @@
-declare const _default: () => Promise<void>;
-export default _default;
+export{};

package/dist/types/i18n.d.ts

@@ -1,13 +1,11 @@
-import type { Generic } from 'adopted-style-sheets';
 import locale_de from './locales/de';
 type ResourcePrefix = 'Kol';
 type ComponentKeys = keyof typeof locale_de;
-export declare const translations: Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, "Kol", "page" | "info" | "success" | "warning" | "error" | "close" | "of" | "characters" | "message" | "form-description" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "pagination" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "nav-maximize" | "nav-minimize" | "logo-description" | "open-link-in-tab" | "kolibri-logo" | "table-pagination-label" | "avatar-alt" | "toast-close-all" | "version" | "error-list" | "error-list-message">>;
 type Options = {
     count?: number;
     placeholders?: {
         [K: string]: string;
     };
 };
-export declare const translate: (key: `${Lowercase<ResourcePrefix>}-${Lowercase<ComponentKeys>}`, options?: Options) => string;
+export declare let translate: (key: `${Lowercase<ResourcePrefix>}-${Lowercase<ComponentKeys>}`, options?: Options) => string;
 export {};

package/dist/types/index.d.ts

@@ -1 +1 @@
-export*from"./components.d";export{register}from"./core";export*from"./enums/bund";export{translations}from"./i18n";export*from"./kolibri";export{ToasterService as ToasterServiceLegacy}from"./components/toast/toaster";export{ToasterService}from"./components/toaster/toaster";export{Optgroup,Option,SelectOption}from"./types/input/types";export{configKoliBri}from"./utils/dev.utils";export{KoliBriDevHelper}from"./utils/prop.validators";
+export*from"./components.d";export{ToasterService as ToasterServiceLegacy}from"./components/toast/toaster";export{ToasterService}from"./components/toaster/toaster";export{bootstrap,register}from"./core/bootstrap";export*from"./enums/bund";export*from"./kolibri";export{Optgroup,Option,SelectOption}from"./types/input/types";export{KoliBriDevHelper}from"./utils/prop.validators";

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

@@ -13,6 +13,9 @@ type InputTypeOnChange = {
 type InputTypeOnFocus = {
     [Events.onFocus]?: EventCallback<Event>;
 };
+type InputTypeOnInput = {
+    [Events.onInput]?: EventCallback<Event>;
+};
 export type Option<T> = {
     disabled?: boolean;
     label: string | number;
@@ -24,5 +27,5 @@ export type Optgroup<T> = {
     options: Option<T>[];
 };
 export type SelectOption<T> = Option<T> | Optgroup<T>;
-export type InputTypeOnDefault = InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus;
+export type InputTypeOnDefault = InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput;
 export {};

package/dist/types/utils/dev.utils.d.ts

@@ -1,9 +1,13 @@
-export declare const configKoliBri: (window: Window) => void;
 export declare const getWindow: () => Window;
+export declare const setWindow: (value: Window) => void;
 export declare const getDocument: () => Document;
+export declare const setDocument: (value: Document) => void;
 export declare const getDevMode: () => boolean;
+export declare const setDevMode: (value: boolean) => void;
 export declare const getExperimentalMode: () => boolean;
+export declare const setExperimentalMode: (value: boolean) => void;
 export declare const getColorContrastAnalysis: () => boolean;
+export declare const setColorContrastAnalysis: (value: boolean) => void;
 type LogShieldOptions = {
     classifier?: string;
     forceLog?: boolean;
@@ -22,8 +26,8 @@ export declare class Log {
     static throw(msg: unknown | unknown[], options?: LogShieldOptions): void;
 }
 declare const getKoliBri: () => Record<string, unknown>;
-export declare const initKoliBri: () => void;
 export { getKoliBri };
+export declare const initKoliBri: () => void;
 export declare const renderDevAdvice: () => void;
 declare let nonce: () => string;
 export { nonce };

package/dist/types/utils/events.d.ts

@@ -1,4 +1,4 @@
-type KoliBriEventType = 'blur' | 'change' | 'click' | 'focus' | 'toggle';
+type KoliBriEventType = 'blur' | 'change' | 'click' | 'focus' | 'input' | 'toggle';
 export declare function stopPropagation(event: Event): void;
 export declare function tryToDispatchKoliBriEvent<T>(type: KoliBriEventType, target?: EventTarget, detail?: T): void;
 export {};

package/dist/types/utils/prop.validators.d.ts

@@ -34,7 +34,7 @@ export declare function watchValidator<T>(component: Generic.Element.Component,
 export declare const watchBoolean: (component: Generic.Element.Component, propName: string, value?: boolean, options?: WatchBooleanOptions) => void;
 export declare const watchString: (component: Generic.Element.Component, propName: string, value?: string, options?: WatchStringOptions) => void;
 export declare const watchNumber: (component: Generic.Element.Component, propName: string, value?: number, options?: WatchNumberOptions) => void;
-export declare const watchJsonArrayString: <T>(component: Generic.Element.Component, propName: string, itemValidation: (item: T) => boolean, value?: Stringified<T[]> | undefined, arrayValidation?: (items: T[]) => boolean, options?: WatchOptions) => void;
+export declare const watchJsonArrayString: <T>(component: Generic.Element.Component, propName: string, itemValidation: (item: T) => boolean, value?: Stringified<T[]>, arrayValidation?: (items: T[]) => boolean, options?: WatchOptions) => void;
 export declare const mapString2Unknown: (value: StencilUnknown) => StencilUnknown;
 export declare const stringifyJson: (value: unknown) => string;
 export declare const parseJson: <T>(value: unknown) => T;
@@ -63,12 +63,12 @@ type AriaCurrentEventType = {
 export declare const ariaCurrentSubject: Subject<AriaCurrentEventType>;
 export declare class KoliBriDevHelper {
     static readonly ariaCurrentSubject: Subject<AriaCurrentEventType>;
-    static readonly patchTheme: (name: string, map: Generic.Theming.Map<string, string>, options?: Generic.Theming.PatchOptions | undefined) => string;
+    static readonly patchTheme: (name: string, map: Generic.Theming.Map<string, string>, options?: Generic.Theming.PatchOptions | undefined, registerOptions?: import("adopted-style-sheets").RegisterOptions | undefined) => string;
     static readonly patchThemeTag: (themeName: string, tagName: "GLOBAL" | "PROPERTIES" | `${Uppercase<string>}-${Uppercase<string>}`, css: string, options?: Generic.Theming.PatchOptions | undefined) => void;
-    static readonly querySelector: <T extends Element>(selector: string, node?: HTMLElement | ShadowRoot | Document | undefined) => T | null;
-    static readonly querySelectorAll: <T extends Element>(selector: string, node?: HTMLElement | ShadowRoot | Document | undefined) => T[];
+    static readonly querySelector: <T extends Element>(selector: string, node?: HTMLElement | Document | ShadowRoot | undefined) => T | null;
+    static readonly querySelectorAll: <T extends Element>(selector: string, node?: HTMLElement | Document | ShadowRoot | undefined) => T[];
     static readonly scrollByHTMLElement: (element: HTMLElement, parentElement?: HTMLElement | Window) => void;
-    static readonly scrollBySelector: (selector: string, document?: HTMLElement | ShadowRoot | Document | undefined) => void;
+    static readonly scrollBySelector: (selector: string, document?: HTMLElement | Document | ShadowRoot | undefined) => void;
     static readonly stringifyJson: (value: unknown) => string;
 }
 export {};

package/dist/types/utils/reuse.d.ts

@@ -1,4 +1,4 @@
-export declare const propagateFocus: <H extends HTMLElement, R extends HTMLElement>(host?: H | undefined, ref?: R | undefined) => void;
+export declare const propagateFocus: <H extends HTMLElement, R extends HTMLElement>(host?: H, ref?: R) => void;
 declare const PROCESS_ENVS: readonly ["development", "production", "test"];
 type ProcessEnv = (typeof PROCESS_ENVS)[number];
 export declare let processEnv: ProcessEnv;

package/doc/abbr.md

@@ -71,7 +71,7 @@ graph TD;
   kol-abbr --> kol-tooltip-wc
   kol-tooltip-wc --> kol-span-wc
   kol-span-wc --> kol-icon
-  style kol-abbr fill:#f9f,stroke:#333,stroke-width:4px
+  style kol-abbr stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------

package/doc/accordion.md

@@ -144,7 +144,7 @@ graph TD;
   kol-button-wc --> kol-tooltip-wc
   kol-span-wc --> kol-icon
   kol-tooltip-wc --> kol-span-wc
-  style kol-accordion fill:#f9f,stroke:#333,stroke-width:4px
+  style kol-accordion stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------

package/doc/alert.md

@@ -121,7 +121,7 @@ graph TD;
   kol-span-wc --> kol-icon
   kol-tooltip-wc --> kol-span-wc
   kol-alert --> kol-alert-wc
-  style kol-alert-wc fill:#f9f,stroke:#333,stroke-width:4px
+  style kol-alert-wc stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------

package/doc/avatar.md

@@ -63,7 +63,7 @@ Bei der **Avatar**-Komponente wurden insbesondere folgende Punkte der Barrierefr
 ```mermaid
 graph TD;
   kol-avatar --> kol-avatar-wc
-  style kol-avatar-wc fill:#f9f,stroke:#333,stroke-width:4px
+  style kol-avatar-wc stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------

package/doc/badge.md

@@ -136,7 +136,7 @@ graph TD;
   kol-span-wc --> kol-icon
   kol-tooltip-wc --> kol-span-wc
   kol-version --> kol-badge
-  style kol-badge fill:#f9f,stroke:#333,stroke-width:4px
+  style kol-badge stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------

package/doc/breadcrumb.md

@@ -113,7 +113,7 @@ graph TD;
   kol-link-wc --> kol-tooltip-wc
   kol-span-wc --> kol-icon
   kol-tooltip-wc --> kol-span-wc
-  style kol-breadcrumb fill:#f9f,stroke:#333,stroke-width:4px
+  style kol-breadcrumb stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------

package/doc/button-group.md

@@ -99,7 +99,7 @@ Bei Verwendung der **ButtonGroup**-Komponente sind keine besonderen Maßnahmen i
 graph TD;
   kol-button-group --> kol-button-group-wc
   kol-tabs --> kol-button-group-wc
-  style kol-button-group-wc fill:#f9f,stroke:#333,stroke-width:4px
+  style kol-button-group-wc stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------

package/doc/button-link.md

@@ -67,7 +67,7 @@ graph TD;
   kol-button-wc --> kol-tooltip-wc
   kol-span-wc --> kol-icon
   kol-tooltip-wc --> kol-span-wc
-  style kol-button-link fill:#f9f,stroke:#333,stroke-width:4px
+  style kol-button-link stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------

package/doc/button.md

@@ -150,7 +150,7 @@ graph TD;
   kol-pagination --> kol-button
   kol-table --> kol-button
   kol-toast-container --> kol-button
-  style kol-button fill:#f9f,stroke:#333,stroke-width:4px
+  style kol-button stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------

package/doc/card.md

@@ -107,7 +107,7 @@ graph TD;
   kol-button-wc --> kol-tooltip-wc
   kol-span-wc --> kol-icon
   kol-tooltip-wc --> kol-span-wc
-  style kol-card fill:#f9f,stroke:#333,stroke-width:4px
+  style kol-card stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------

package/doc/details.md

@@ -118,7 +118,7 @@ Verwenden Sie das Attribut **`_label`**, um den Text zu definieren, der als Übe
 graph TD;
   kol-details --> kol-icon
   kol-details --> kol-indented-text
-  style kol-details fill:#f9f,stroke:#333,stroke-width:4px
+  style kol-details stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------

package/doc/form.md

@@ -32,6 +32,19 @@ Die **Form**-Komponente dient dazu alle Eingabefelder zu umschließen, den Hinwe
 | `_requiredText` | `_required-text` | Defines whether the mandatory-fields-hint should be shown. A string overrides the default text.                                                                                         | `boolean` \| `string` \| `undefined`                                                                              | `true`      |
 
 
+## Methods
+
+### `focusErrorList() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+
 ## Slots
 
 | Slot | Description      |
@@ -65,7 +78,7 @@ graph TD;
   kol-link-wc --> kol-span-wc
   kol-link-wc --> kol-icon
   kol-link-wc --> kol-tooltip-wc
-  style kol-form fill:#f9f,stroke:#333,stroke-width:4px
+  style kol-form stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------

package/doc/heading.md

@@ -70,7 +70,7 @@ graph TD;
   kol-card --> kol-heading-wc
   kol-heading --> kol-heading-wc
   kol-link-group --> kol-heading-wc
-  style kol-heading-wc fill:#f9f,stroke:#333,stroke-width:4px
+  style kol-heading-wc stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------