@public-ui/components 2.0.0-rc.1 → 2.0.0-rc.11

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

@@ -11,8 +11,9 @@ export interface II18nService {
 }
 export declare class I18nextService implements II18nService {
   private static instance;
+  private static namespace;
   private constructor();
-  static getInstance(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 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;
   translate(key: string, options?: ITranslationOptions): string;

package/dist/types/i18n.d.ts

@@ -2,7 +2,7 @@ import { Generic } from '@a11y-ui/core';
 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", "info" | "success" | "warning" | "error" | "of" | "characters" | "message" | "close" | "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" | "logo-description" | "open-link-in-tab" | "kolibri-logo" | "sort-descending" | "sort-ascending" | "sort-none" | "table-pagination-label" | "avatar-alt" | "toast-close-all">>;
+export declare const translations: Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, "Kol", "info" | "success" | "warning" | "error" | "of" | "characters" | "message" | "close" | "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" | "sort-ascending" | "sort-descending" | "sort-then-ascending" | "sort-then-descending" | "sort-then-last-ascending" | "sort-then-last-descending" | "sort-none" | "table-sort-none" | "table-pagination-label" | "avatar-alt" | "toast-close-all">>;
 type Options = {
   count?: number;
   placeholders?: {

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}from"./components/toast/toaster";export{Optgroup,Option,SelectOption}from"./types/input/types";export{configKoliBri}from"./utils/dev.utils";export{KoliBriDevHelper}from"./utils/prop.validators";
+export{setCurrentLocation}from"./components/link/ariaCurrentService";export*from"./components.d";export{register}from"./core";export*from"./enums/bund";export{translations}from"./i18n";export*from"./kolibri";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";

package/dist/types/locales/de.d.ts

@@ -22,12 +22,19 @@ declare const _default: {
   'page-current': string;
   'page-selected': string;
   'page-per-site': string;
+  'nav-maximize': string;
+  'nav-minimize': string;
   'logo-description': string;
   'open-link-in-tab': string;
   'kolibri-logo': string;
-  'sort-descending': string;
   'sort-ascending': string;
+  'sort-descending': string;
+  'sort-then-ascending': string;
+  'sort-then-descending': string;
+  'sort-then-last-ascending': string;
+  'sort-then-last-descending': string;
   'sort-none': string;
+  'table-sort-none': string;
   'table-pagination-label': string;
   'avatar-alt': string;
   'toast-close-all': string;

package/dist/types/locales/en.d.ts

@@ -22,12 +22,19 @@ declare const _default: {
   'page-current': string;
   'page-selected': string;
   'page-per-site': string;
+  'nav-maximize': string;
+  'nav-minimize': string;
   'logo-description': string;
   'open-link-in-tab': string;
   'kolibri-logo': string;
   'sort-descending': string;
   'sort-ascending': string;
+  'sort-then-ascending': string;
+  'sort-then-descending': string;
+  'sort-then-last-ascending': string;
+  'sort-then-last-descending': string;
   'sort-none': string;
+  'table-sort-none': string;
   'table-pagination-label': string;
   'avatar-alt': string;
   'toast-close-all': string;

package/dist/types/stencil-public-runtime.d.ts

@@ -1134,11 +1134,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;

package/dist/types/types/heading-level.d.ts

@@ -1 +1,2 @@
-export type HeadingLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export declare const headingLevelOptions: readonly [0, 1, 2, 3, 4, 5, 6];
+export type HeadingLevel = (typeof headingLevelOptions)[number];

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

@@ -2,8 +2,8 @@ import { Props as ButtonProps } from '../../../components/button/types';
 import { Stringified } from '../../common';
 import { KoliBriHorizontalIcons } from '../../icons';
 import { InputTypeOnDefault, InputTypeOnOff } from '../types';
-export type InputDateType = 'date' | 'datetime-local' | 'month' | 'time' | 'week';
-export type InputNumberType = 'number' | InputDateType;
+export declare const inputDateTypeOptions: readonly ["date", "datetime-local", "month", "time", "week"];
+export type InputDateType = (typeof inputDateTypeOptions)[number];
 export type OptionalInputProps<T> = {
   accessKey: string;
   alert: boolean;

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

@@ -1 +1,2 @@
-export type InputTextType = 'text' | 'search' | 'url' | 'tel';
+export declare const inputTextTypeOptions: readonly ["text", "search", "url", "tel"];
+export type InputTextType = (typeof inputTextTypeOptions)[number];

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

@@ -1,6 +1,7 @@
 import { Events } from '../../enums/events';
 import { EventCallback, EventValueOrEventCallback } from '../callbacks';
-export type InputTypeOnOff = 'on' | 'off';
+export declare const inputTypeOnOffOptions: readonly ["on", "off"];
+export type InputTypeOnOff = (typeof inputTypeOnOffOptions)[number];
 type InputTypeOnBlur = {
   [Events.onBlur]?: EventCallback<Event>;
 };

package/dist/types/types/orientation.d.ts

@@ -1 +1,2 @@
-export type Orientation = 'horizontal' | 'vertical';
+export declare const orientationOptions: readonly ["horizontal", "vertical"];
+export type Orientation = (typeof orientationOptions)[number];

package/dist/types/types/props/access-key.d.ts

@@ -0,0 +1,6 @@
+import { Generic } from '@a11y-ui/core';
+export type AccessKeyPropType = string;
+export type PropAccessKey = {
+  accessKey: AccessKeyPropType;
+};
+export declare const validateAccessKey: (component: Generic.Element.Component, value?: AccessKeyPropType) => void;

package/dist/types/types/props/align.d.ts

@@ -1,6 +1,9 @@
 import { Generic } from '@a11y-ui/core';
-type HorizontalAlign = 'left' | 'right';
-type VerticalAlign = 'top' | 'bottom';
+declare const horizontalAlignOptions: readonly ["left", "right"];
+type HorizontalAlign = (typeof horizontalAlignOptions)[number];
+declare const verticalAlignOptions: readonly ["top", "bottom"];
+type VerticalAlign = (typeof verticalAlignOptions)[number];
+export declare const alignPropTypeOptions: readonly ["left", "right", "top", "bottom"];
 export type AlignPropType = HorizontalAlign | VerticalAlign;
 export type PropAlign = {
   align: AlignPropType;

package/dist/types/types/props/aria-current-value.d.ts

@@ -0,0 +1,8 @@
+import { Generic } from '@a11y-ui/core';
+declare const ariaCurrentValuePropTypeOptions: readonly ["date", "location", "page", "step", "time", "true", "false"];
+export type AriaCurrentValuePropType = (typeof ariaCurrentValuePropTypeOptions)[number];
+export type PropAriaCurrentValue = {
+  ariaCurrentValue: AriaCurrentValuePropType;
+};
+export declare const validateAriaCurrentValue: (component: Generic.Element.Component, value?: AriaCurrentValuePropType) => void;
+export {};

package/dist/types/types/props/button-type.d.ts

@@ -1,6 +1,8 @@
 import { Generic } from '@a11y-ui/core';
-export type ButtonTypePropType = 'button' | 'reset' | 'submit';
+declare const buttonTypePropTypeOptions: readonly ["button", "reset", "submit"];
+export type ButtonTypePropType = (typeof buttonTypePropTypeOptions)[number];
 export type PropButtonType = {
   type: ButtonTypePropType;
 };
 export declare const validateButtonType: (component: Generic.Element.Component, value?: ButtonTypePropType) => void;
+export {};

package/dist/types/types/props/button-variant.d.ts

@@ -1,6 +1,8 @@
 import { Generic } from '@a11y-ui/core';
-export type ButtonVariantPropType = 'primary' | 'secondary' | 'normal' | 'tertiary' | 'danger' | 'ghost' | 'custom';
+declare const buttonVariantPropTypeOptions: readonly ["primary", "secondary", "normal", "tertiary", "danger", "ghost", "custom"];
+export type ButtonVariantPropType = (typeof buttonVariantPropTypeOptions)[number];
 export type PropButtonVariant = {
   variant: ButtonVariantPropType;
 };
 export declare const validateButtonVariant: (component: Generic.Element.Component, value?: ButtonVariantPropType) => void;
+export {};

package/dist/types/types/props/has-compact-button.d.ts

@@ -0,0 +1,7 @@
+import { Generic } from '@a11y-ui/core';
+type HasCompactButtonPropType = boolean;
+export type PropHasCompactButton = {
+  hasCompactButton: HasCompactButtonPropType;
+};
+export declare const validateHasCompactButton: (component: Generic.Element.Component, value?: HasCompactButtonPropType) => void;
+export {};

package/dist/types/types/props/heading-variant.d.ts

@@ -0,0 +1,8 @@
+import { Generic } from '@a11y-ui/core';
+declare const headingVariantPropTypeOptions: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "strong"];
+export type HeadingVariantPropType = (typeof headingVariantPropTypeOptions)[number];
+export type PropHeadingVariant = {
+  variant: HeadingVariantPropType;
+};
+export declare const validateHeadingVariant: (component: Generic.Element.Component, value?: HeadingVariantPropType) => void;
+export {};

package/dist/types/types/props/variant/spin.d.ts

@@ -1,6 +1,8 @@
 import { Generic } from '@a11y-ui/core';
-export type SpinVariantPropType = 'cycle' | 'dot' | 'none';
+declare const spinVariantPropTypeOptions: readonly ["cycle", "dot", "none"];
+export type SpinVariantPropType = (typeof spinVariantPropTypeOptions)[number];
 export type PropSpinVariant = {
   variant: SpinVariantPropType;
 };
 export declare const validateSpinVariant: (component: Generic.Element.Component, value?: SpinVariantPropType) => void;
+export {};

package/dist/types/utils/align-floating-elements.d.ts

@@ -0,0 +1,9 @@
+import { AlignPropType } from '../types/props/align';
+type Arguments = {
+  floatingElement: HTMLElement;
+  referenceElement: Element;
+  arrowElement?: HTMLElement;
+  align?: AlignPropType;
+};
+export declare const alignFloatingElements: ({ floatingElement, referenceElement, arrowElement, align }: Arguments) => Promise<void>;
+export {};

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

@@ -1,8 +1,5 @@
-import { Subject } from 'rxjs';
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../types/common';
-import { AriaCurrentPropType } from '../types/props/aria-current';
-import { PropHref } from '../types/props/href';
 import { StencilUnknown } from '../types/unknown';
 export declare const objectObjectHandler: (value: unknown, cb: () => void) => void;
 export declare const emptyStringByArrayHandler: (value: unknown, cb: () => void) => void;
@@ -56,12 +53,9 @@ export declare class KoliBriUtils {
   private static cache;
   static queryHtmlElementColors(targetNode: HTMLElement, a11yColorContrast: A11yColorContrast, recursion?: boolean, log?: boolean): A11yColorContrast | null;
 }
-type AriaCurrentEventType = {
-  ariaCurrent: AriaCurrentPropType;
-} & PropHref;
-export declare const ariaCurrentSubject: Subject<AriaCurrentEventType>;
 export declare class KoliBriDevHelper {
-  static readonly patchTheme: (name: string, map: Generic.Theming.Map<string, string>) => string;
+  static readonly patchTheme: (name: string, map: Generic.Theming.Map<string, string>, append?: boolean | undefined) => string;
+  static readonly patchThemeTag: (themeName: string, tagName: "GLOBAL" | "PROPERTIES" | `${Uppercase<string>}-${Uppercase<string>}`, css: string, append?: boolean | 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 stringifyJson: (value: unknown) => string;

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

@@ -1,3 +1,5 @@
 import { Generic } from '@a11y-ui/core';
-export type Loading = 'eager' | 'lazy';
+declare const loadingOptions: readonly ["eager", "lazy"];
+export type Loading = (typeof loadingOptions)[number];
 export declare function validateLoading(component: Generic.Element.Component, value?: Loading): void;
+export {};

package/doc/badge.md

@@ -83,12 +83,12 @@ Die zusätzliche Ausgabe eines **Icon** gewährleistet, dass der Nutzer auch hie
 
 ## Properties
 
-| Property              | Attribute       | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default     |
-| --------------------- | --------------- | ------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_color`              | `_color`        | Defines the backgroundColor and foregroundColor.                                                                   | `string` \| `undefined` \| `{ backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `'#000'`    |
-| `_icons`              | `_icons`        | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                    | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined` |
-| `_label` _(required)_ | `_label`        | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
-| `_smartButton`        | `_smart-button` | Allows to add a button with an arbitrary action within the element (_hide-label only).                             | `string` \| `undefined` \| `{ _label: string; } & { _tabIndex?: number` \| `undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType` \| `undefined; _ariaControls?: string` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _on?: ButtonCallbacksPropType<StencilUnknown>` \| `undefined; _type?: ButtonTypePropType` \| `undefined; _variant?: ButtonVariantPropType` \| `undefined; _customClass?: string` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _icons?: IconsPropType` \| `undefined; _id?: string` \| `undefined; _name?: string` \| `undefined; _syncValueBySelector?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; }` | `undefined` |
+| Property              | Attribute       | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default     |
+| --------------------- | --------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_color`              | `_color`        | Defines the backgroundColor and foregroundColor.                                                                   | `string` \| `undefined` \| `{ backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `'#000'`    |
+| `_icons`              | `_icons`        | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                    | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined` |
+| `_label` _(required)_ | `_label`        | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `undefined` |
+| `_smartButton`        | `_smart-button` | Allows to add a button with an arbitrary action within the element (_hide-label only).                             | `string` \| `undefined` \| `{ _label: string; } & { _tabIndex?: number` \| `undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType` \| `undefined; _ariaControls?: string` \| `undefined; _ariaExpanded?: boolean` \| `undefined; _ariaSelected?: boolean` \| `undefined; _on?: ButtonCallbacksPropType<StencilUnknown>` \| `undefined; _type?: "button"` \| `"reset"` \| `"submit"` \| `undefined; _variant?: "primary"` \| `"secondary"` \| `"normal"` \| `"tertiary"` \| `"danger"` \| `"ghost"` \| `"custom"` \| `undefined; _customClass?: string` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _icons?: IconsPropType` \| `undefined; _id?: string` \| `undefined; _name?: string` \| `undefined; _syncValueBySelector?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; _accessKey?: string` \| `undefined; }` | `undefined` |
 
 
 ## Dependencies

package/doc/button-link.md

@@ -31,6 +31,7 @@ Da der Link, nicht wie der Button, in mehrere Varianten (`primary` oder `seconda
 
 | Property              | Attribute        | Description                                                                                                                                                                      | Type                                                                                                                                                   | Default     |
 | --------------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
+| `_accessKey`          | `_access-key`    | Defines the elements access key.                                                                                                                                                 | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_ariaControls`       | `_aria-controls` | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_ariaExpanded`       | `_aria-expanded` | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)          | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
 | `_ariaSelected`       | `_aria-selected` | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
@@ -48,6 +49,19 @@ Da der Link, nicht wie der Button, in mehrere Varianten (`primary` oder `seconda
 | `_value`              | `_value`         | Defines the value that the button emits on click.                                                                                                                                | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                           | `undefined` |
 
 
+## Methods
+
+### `getValue() => Promise<Stringified<StencilUnknown> | undefined>`
+
+
+
+#### Returns
+
+Type: `Promise<Stringified<StencilUnknown>>`
+
+
+
+
 ## Dependencies
 
 ### Depends on

package/doc/button.md

@@ -100,6 +100,7 @@ Probleme mit Disabled-Status
 
 | Property              | Attribute        | Description                                                                                                                                                                      | Type                                                                                                                                                   | Default     |
 | --------------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
+| `_accessKey`          | `_access-key`    | Defines the elements access key.                                                                                                                                                 | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_ariaControls`       | `_aria-controls` | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_ariaExpanded`       | `_aria-expanded` | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)          | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
 | `_ariaSelected`       | `_aria-selected` | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
@@ -119,13 +120,26 @@ Probleme mit Disabled-Status
 | `_variant`            | `_variant`       | Defines which variant should be used for presentation.                                                                                                                           | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `"tertiary"` \| `undefined`                                                   | `'normal'`  |
 
 
+## Methods
+
+### `getValue() => Promise<Stringified<StencilUnknown> | undefined>`
+
+
+
+#### Returns
+
+Type: `Promise<Stringified<StencilUnknown>>`
+
+
+
+
 ## Dependencies
 
 ### Used by
 
- - [kol-pagination](../pagination)
+ - [kol-nav](../nav)
  - [kol-table](../table)
- - [kol-toast-container](../toast-container)
+ - [kol-toast-container](../toaster)
 
 ### Depends on
 
@@ -139,7 +153,7 @@ graph TD;
   kol-button-wc --> kol-tooltip-wc
   kol-span-wc --> kol-icon
   kol-tooltip-wc --> kol-span-wc
-  kol-pagination --> kol-button
+  kol-nav --> kol-button
   kol-table --> kol-button
   kol-toast-container --> kol-button
   style kol-button fill:#f9f,stroke:#333,stroke-width:4px

package/doc/heading.md

@@ -38,11 +38,12 @@ Die Überschriftenebene wird durch das Attribut **`_level`** übergeben. Möglic
 
 ## Properties
 
-| Property              | Attribute             | Description                                                                                                                                                  | Type                                           | Default     |
-| --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------- | ----------- |
-| `_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` |
-| `_level`              | `_level`              | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                                                            | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined` | `1`         |
-| `_secondaryHeadline`  | `_secondary-headline` | Setzt den Text einer weiteren Überschrift, einen Level kleiner, unter der Ersten.                                                                            | `string` \| `undefined`                          | `undefined` |
+| Property              | Attribute             | Description                                                                                                                                                  | Type                                                                    | Default     |
+| --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------- | ----------- |
+| `_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` |
+| `_level`              | `_level`              | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                                                            | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined`                          | `1`         |
+| `_secondaryHeadline`  | `_secondary-headline` | Setzt den Text einer weiteren Überschrift, einen Level kleiner, unter der Ersten.                                                                            | `string` \| `undefined`                                                   | `undefined` |
+| `_variant`            | `_variant`            | Defines which variant should be used for presentation.                                                                                                       | `"h1"` \| `"h2"` \| `"h3"` \| `"h4"` \| `"h5"` \| `"h6"` \| `"strong"` \| `undefined` | `undefined` |
 
 
 ## Slots

package/doc/input-checkbox.md

@@ -59,28 +59,41 @@ Achten Sie darauf, jeder Checkbox ein Label zuzuweisen, da dieses von Screenread
 
 ## Properties
 
-| Property         | Attribute        | Description                                                                                                                                                  | Type                                                                                                                                                                                                                                                                                                            | Default     |
-| ---------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`     | `_access-key`    | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                      | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
-| `_alert`         | `_alert`         | Defines whether the screen-readers should read out the notification.                                                                                         | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `true`      |
-| `_checked`       | `_checked`       | Defines whether the checkbox is checked or not. Can be read and written.                                                                                     | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
-| `_disabled`      | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
-| `_error`         | `_error`         | Defines the error message text.                                                                                                                              | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
-| `_hideError`     | `_hide-error`    | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
-| `_hideLabel`     | `_hide-label`    | Hides the 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`     |
-| `_hint`          | `_hint`          | Defines the hint text.                                                                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `''`        |
-| `_icons`         | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                              | `string` \| `undefined` \| `{ checked: string; indeterminate?: string` \| `undefined; unchecked?: string` \| `undefined; }` \| `{ checked?: string` \| `undefined; indeterminate: string; unchecked?: string` \| `undefined; }` \| `{ checked?: string` \| `undefined; indeterminate?: string` \| `undefined; unchecked: string; }` | `undefined` |
-| `_id`            | `_id`            | Defines the internal ID of the primary component element.                                                                                                    | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
-| `_indeterminate` | `_indeterminate` | Puts the checkbox in the indeterminate state, does not change the value of _checked.                                                                         | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `undefined` |
-| `_label`         | `_label`         | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
-| `_name`          | `_name`          | Defines the technical name of an input field.                                                                                                                | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
-| `_on`            | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                    | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined`                                                                                                                                                                                                                        | `undefined` |
-| `_required`      | `_required`      | Makes the input element required.                                                                                                                            | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
-| `_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.                                                                                                                              | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                                                                                                                                                                                    | `true`      |
-| `_variant`       | `_variant`       | Defines which variant should be used for presentation.                                                                                                       | `"button"` \| `"default"` \| `"switch"` \| `undefined`                                                                                                                                                                                                                                                                | `'default'` |
+| Property              | Attribute        | Description                                                                                                                                                  | Type                                                                                                                                                                                                                                                                                                            | Default     |
+| --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`          | `_access-key`    | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                      | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
+| `_alert`              | `_alert`         | Defines whether the screen-readers should read out the notification.                                                                                         | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `true`      |
+| `_checked`            | `_checked`       | Defines whether the checkbox is checked or not. Can be read and written.                                                                                     | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
+| `_disabled`           | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
+| `_error`              | `_error`         | Defines the error message text.                                                                                                                              | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
+| `_hideError`          | `_hide-error`    | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
+| `_hideLabel`          | `_hide-label`    | Hides the 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`     |
+| `_hint`               | `_hint`          | Defines the hint text.                                                                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `''`        |
+| `_icons`              | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                              | `string` \| `undefined` \| `{ checked: string; indeterminate?: string` \| `undefined; unchecked?: string` \| `undefined; }` \| `{ checked?: string` \| `undefined; indeterminate: string; unchecked?: string` \| `undefined; }` \| `{ checked?: string` \| `undefined; indeterminate?: string` \| `undefined; unchecked: string; }` | `undefined` |
+| `_id`                 | `_id`            | Defines the internal ID of the primary component element.                                                                                                    | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
+| `_indeterminate`      | `_indeterminate` | Puts the checkbox in the indeterminate state, does not change the value of _checked.                                                                         | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `undefined` |
+| `_label` _(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` |
+| `_name`               | `_name`          | Defines the technical name of an input field.                                                                                                                | `string` \| `undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
+| `_on`                 | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                    | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus` \| `undefined`                                                                                                                                                                                                                        | `undefined` |
+| `_required`           | `_required`      | Makes the input element required.                                                                                                                            | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                          | `false`     |
+| `_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.                                                                                                                              | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                                                                                                                                                                                    | `true`      |
+| `_variant`            | `_variant`       | Defines which variant should be used for presentation.                                                                                                       | `"button"` \| `"default"` \| `"switch"` \| `undefined`                                                                                                                                                                                                                                                                | `'default'` |
+
+
+## Methods
+
+### `getValue() => Promise<boolean | undefined>`
+
+
+
+#### Returns
+
+Type: `Promise<boolean | undefined>`
+
+
 
 
 ## Slots