@public-ui/components 2.0.3 → 2.0.4

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

@@ -1,10 +1,6 @@
-import { JSX } from '../../stencil-public-runtime';
-import { AlignPropType } from '../../types/props/align';
-import { IdPropType } from '../../types/props/id';
-import { LabelPropType } from '../../types/props/label';
-import { API, States } from './types';
-import { AccessKeyPropType } from '../../types/props/access-key';
-export declare class KolTooltip implements API {
+import type { AccessKeyPropType, AlignPropType, IdPropType, LabelPropType, TooltipAPI, TooltipStates } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolTooltip implements TooltipAPI {
     private host;
     private arrowElement?;
     private previousSibling?;
@@ -24,7 +20,7 @@ export declare class KolTooltip implements API {
     _align?: AlignPropType;
     _id?: IdPropType;
     _label: LabelPropType;
-    state: States;
+    state: TooltipStates;
     validateAccessKey(value?: AccessKeyPropType): void;
     validateAlign(value?: AlignPropType): void;
     validateId(value?: IdPropType): void;

package/dist/types/components/tooltip/test/html.mock.d.ts

@@ -1,2 +1,2 @@
-import { Props } from '../types';
-export declare const getTooltipHtml: (props: Props, additionalAttrs?: string) => string;
+import type { TooltipProps } from '@public-ui/schema';
+export declare const getTooltipHtml: (props: TooltipProps, additionalAttrs?: string) => string;

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

@@ -1,10 +1,9 @@
-import { JSX } from '../../stencil-public-runtime';
-import { LabelPropType } from '../../types/props/label';
-import { API, States } from './types';
-export declare class KolVersion implements API {
+import type { LabelPropType, VersionAPI, VersionStates } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolVersion implements VersionAPI {
     render(): JSX.Element;
     _label: LabelPropType;
-    state: States;
+    state: VersionStates;
     validateLabel(value?: LabelPropType): void;
     componentWillLoad(): void;
 }

package/dist/types/components/version/test/html.mock.d.ts

@@ -1,3 +1,3 @@
-import { SpanOptions } from '../../span/test/html.mock';
-import { Props } from '../types';
-export declare const getVersionHtml: (props: Props, options?: SpanOptions) => string;
+import type { SpanOptions } from '../../span/test/html.mock';
+import type { VersionProps } from '@public-ui/schema';
+export declare const getVersionHtml: (props: VersionProps, options?: SpanOptions) => string;

package/dist/types/components.d.ts

@@ -5,122 +5,10 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { LabelPropType, LabelWithExpertSlotPropType } from "./types/props/label";
-import { TooltipAlignPropType } from "./types/props/tooltip-align";
-import { HeadingLevel } from "./types/heading-level";
-import { KoliBriAccordionCallbacks } from "./components/accordion/types";
-import { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./components/alert/types";
-import { ImageSourcePropType } from "./types/props/image-source";
-import { Stringified } from "./types/common";
-import { PropColor } from "./types/props/color";
-import { KoliBriHorizontalIcons, KoliBriIconsProp } from "./types/icons";
-import { ButtonProps } from "./components/button/types";
-import { BreadcrumbLinkProps } from "./components/breadcrumb/types";
-import { AccessKeyPropType } from "./types/props/access-key";
-import { CustomClassPropType } from "./types/props/custom-class";
-import { IconsPropType } from "./types/props/icons";
-import { ButtonCallbacksPropType } from "./types/props/button-callbacks";
-import { StencilUnknown } from "./types/unknown";
-import { AlternativeButtonLinkRolePropType } from "./types/props/alternative-button-link-role";
-import { SyncValueBySelectorPropType } from "./types/props/sync-value-by-selector";
-import { ButtonTypePropType } from "./types/props/button-type";
-import { ButtonVariantPropType } from "./types/props/button-variant";
-import { IdPropType } from "./types/props/id";
-import { NamePropType } from "./types/props/name";
-import { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
-import { KoliBriCardEventCallbacks } from "./components/card/types";
-import { EventCallbacks } from "./components/details/types";
-import { KoliBriFormCallbacks } from "./components/form/types";
-import { ErrorListPropType } from "./types/props/error-list";
-import { HeadingVariantPropType } from "./types/props/heading-variant";
-import { Loading } from "./utils/validators/loading";
-import { SuggestionsPropType } from "./types/props/suggestions";
-import { InputCheckboxIconsProp, InputCheckboxVariant } from "./components/input-checkbox/types";
-import { InputTypeOnDefault, InputTypeOnOff } from "./types/input/types";
-import { Iso8601 } from "./types/input/iso8601";
-import { InputDateType } from "./types/input/control/number";
-import { OptionsPropType, OptionsWithOptgroupPropType } from "./types/props/options";
-import { Orientation } from "./types/orientation";
-import { W3CInputValue } from "./types/w3c";
-import { InputTextType } from "./types/input/control/text";
-import { AriaCurrentValuePropType } from "./types/props/aria-current-value";
-import { DownloadPropType } from "./types/props/download";
-import { HrefPropType } from "./types/props/href";
-import { LinkOnCallbacksPropType } from "./types/props/link-on-callbacks";
-import { LinkTargetPropType } from "./types/props/link-target";
-import { ListStyleType } from "./components/link-group/types";
-import { LinkProps } from "./components/link/types";
+import { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, NamePropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, Toast, ToastState, TooltipAlignPropType, W3CInputValue } from "@public-ui/schema";
 import { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
-import { KoliBriModalEventCallbacks } from "./types/modal";
-import { KoliBriPaginationButtonCallbacks, PaginationHasButton } from "./components/pagination/types";
-import { MaxPropType } from "./types/props/max";
-import { AlignPropType } from "./types/props/align";
-import { KoliBriProgressVariantType } from "./types/progress";
-import { KoliBriQuoteVariant } from "./components/quote/types";
-import { RowsPropType } from "./types/props/rows";
-import { SpinVariantPropType } from "./types/props/variant/spin";
-import { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps } from "./components/table/types";
-import { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/types";
-import { CSSResize } from "./components/textarea/types";
-import { Toast, ToastState } from "./components/toaster/types";
-export { LabelPropType, LabelWithExpertSlotPropType } from "./types/props/label";
-export { TooltipAlignPropType } from "./types/props/tooltip-align";
-export { HeadingLevel } from "./types/heading-level";
-export { KoliBriAccordionCallbacks } from "./components/accordion/types";
-export { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./components/alert/types";
-export { ImageSourcePropType } from "./types/props/image-source";
-export { Stringified } from "./types/common";
-export { PropColor } from "./types/props/color";
-export { KoliBriHorizontalIcons, KoliBriIconsProp } from "./types/icons";
-export { ButtonProps } from "./components/button/types";
-export { BreadcrumbLinkProps } from "./components/breadcrumb/types";
-export { AccessKeyPropType } from "./types/props/access-key";
-export { CustomClassPropType } from "./types/props/custom-class";
-export { IconsPropType } from "./types/props/icons";
-export { ButtonCallbacksPropType } from "./types/props/button-callbacks";
-export { StencilUnknown } from "./types/unknown";
-export { AlternativeButtonLinkRolePropType } from "./types/props/alternative-button-link-role";
-export { SyncValueBySelectorPropType } from "./types/props/sync-value-by-selector";
-export { ButtonTypePropType } from "./types/props/button-type";
-export { ButtonVariantPropType } from "./types/props/button-variant";
-export { IdPropType } from "./types/props/id";
-export { NamePropType } from "./types/props/name";
-export { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
-export { KoliBriCardEventCallbacks } from "./components/card/types";
-export { EventCallbacks } from "./components/details/types";
-export { KoliBriFormCallbacks } from "./components/form/types";
-export { ErrorListPropType } from "./types/props/error-list";
-export { HeadingVariantPropType } from "./types/props/heading-variant";
-export { Loading } from "./utils/validators/loading";
-export { SuggestionsPropType } from "./types/props/suggestions";
-export { InputCheckboxIconsProp, InputCheckboxVariant } from "./components/input-checkbox/types";
-export { InputTypeOnDefault, InputTypeOnOff } from "./types/input/types";
-export { Iso8601 } from "./types/input/iso8601";
-export { InputDateType } from "./types/input/control/number";
-export { OptionsPropType, OptionsWithOptgroupPropType } from "./types/props/options";
-export { Orientation } from "./types/orientation";
-export { W3CInputValue } from "./types/w3c";
-export { InputTextType } from "./types/input/control/text";
-export { AriaCurrentValuePropType } from "./types/props/aria-current-value";
-export { DownloadPropType } from "./types/props/download";
-export { HrefPropType } from "./types/props/href";
-export { LinkOnCallbacksPropType } from "./types/props/link-on-callbacks";
-export { LinkTargetPropType } from "./types/props/link-target";
-export { ListStyleType } from "./components/link-group/types";
-export { LinkProps } from "./components/link/types";
+export { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, NamePropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, Toast, ToastState, TooltipAlignPropType, W3CInputValue } from "@public-ui/schema";
 export { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
-export { KoliBriModalEventCallbacks } from "./types/modal";
-export { KoliBriPaginationButtonCallbacks, PaginationHasButton } from "./components/pagination/types";
-export { MaxPropType } from "./types/props/max";
-export { AlignPropType } from "./types/props/align";
-export { KoliBriProgressVariantType } from "./types/progress";
-export { KoliBriQuoteVariant } from "./components/quote/types";
-export { RowsPropType } from "./types/props/rows";
-export { SpinVariantPropType } from "./types/props/variant/spin";
-export { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps } from "./components/table/types";
-export { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/types";
-export { CSSResize } from "./components/textarea/types";
-export { Toast, ToastState } from "./components/toaster/types";
 export namespace Components {
     interface KolAbbr {
         /**
@@ -420,15 +308,6 @@ export namespace Components {
         "_value"?: Stringified<StencilUnknown>;
         "getValue": () => Promise<Stringified<StencilUnknown> | undefined>;
     }
-    /**
-     * Internal component that renders an action or text component like a button or a link.
-     */
-    interface KolButtonLinkTextSwitch {
-        /**
-          * Die Link-Daten welche diese Komponente verwendet, um die entsprechende Komponente zu rendern.
-         */
-        "_link": ButtonOrLinkOrTextWithChildrenProps;
-    }
     interface KolButtonWc {
         /**
           * Defines the elements access key.
@@ -2353,6 +2232,10 @@ export namespace Components {
           * Defines whether to show the data distributed over multiple pages.
          */
         "_pagination"?: boolean | Stringified<KoliBriTablePaginationProps>;
+        /**
+          * Controls the position of the pagination.
+         */
+        "_paginationPosition"?: PaginationPositionPropType;
     }
     interface KolTabs {
         /**
@@ -2585,15 +2468,6 @@ declare global {
         prototype: HTMLKolButtonLinkElement;
         new (): HTMLKolButtonLinkElement;
     };
-    /**
-     * Internal component that renders an action or text component like a button or a link.
-     */
-    interface HTMLKolButtonLinkTextSwitchElement extends Components.KolButtonLinkTextSwitch, HTMLStencilElement {
-    }
-    var HTMLKolButtonLinkTextSwitchElement: {
-        prototype: HTMLKolButtonLinkTextSwitchElement;
-        new (): HTMLKolButtonLinkTextSwitchElement;
-    };
     interface HTMLKolButtonWcElement extends Components.KolButtonWc, HTMLStencilElement {
     }
     var HTMLKolButtonWcElement: {
@@ -2877,7 +2751,6 @@ declare global {
         "kol-button-group": HTMLKolButtonGroupElement;
         "kol-button-group-wc": HTMLKolButtonGroupWcElement;
         "kol-button-link": HTMLKolButtonLinkElement;
-        "kol-button-link-text-switch": HTMLKolButtonLinkTextSwitchElement;
         "kol-button-wc": HTMLKolButtonWcElement;
         "kol-card": HTMLKolCardElement;
         "kol-details": HTMLKolDetailsElement;
@@ -3214,15 +3087,6 @@ declare namespace LocalJSX {
          */
         "_value"?: Stringified<StencilUnknown>;
     }
-    /**
-     * Internal component that renders an action or text component like a button or a link.
-     */
-    interface KolButtonLinkTextSwitch {
-        /**
-          * Die Link-Daten welche diese Komponente verwendet, um die entsprechende Komponente zu rendern.
-         */
-        "_link": ButtonOrLinkOrTextWithChildrenProps;
-    }
     interface KolButtonWc {
         /**
           * Defines the elements access key.
@@ -5079,6 +4943,10 @@ declare namespace LocalJSX {
           * Defines whether to show the data distributed over multiple pages.
          */
         "_pagination"?: boolean | Stringified<KoliBriTablePaginationProps>;
+        /**
+          * Controls the position of the pagination.
+         */
+        "_paginationPosition"?: PaginationPositionPropType;
     }
     interface KolTabs {
         /**
@@ -5243,7 +5111,6 @@ declare namespace LocalJSX {
         "kol-button-group": KolButtonGroup;
         "kol-button-group-wc": KolButtonGroupWc;
         "kol-button-link": KolButtonLink;
-        "kol-button-link-text-switch": KolButtonLinkTextSwitch;
         "kol-button-wc": KolButtonWc;
         "kol-card": KolCard;
         "kol-details": KolDetails;
@@ -5307,10 +5174,6 @@ declare module "@stencil/core" {
             "kol-button-group": LocalJSX.KolButtonGroup & JSXBase.HTMLAttributes<HTMLKolButtonGroupElement>;
             "kol-button-group-wc": LocalJSX.KolButtonGroupWc & JSXBase.HTMLAttributes<HTMLKolButtonGroupWcElement>;
             "kol-button-link": LocalJSX.KolButtonLink & JSXBase.HTMLAttributes<HTMLKolButtonLinkElement>;
-            /**
-             * Internal component that renders an action or text component like a button or a link.
-             */
-            "kol-button-link-text-switch": LocalJSX.KolButtonLinkTextSwitch & JSXBase.HTMLAttributes<HTMLKolButtonLinkTextSwitchElement>;
             "kol-button-wc": LocalJSX.KolButtonWc & JSXBase.HTMLAttributes<HTMLKolButtonWcElement>;
             "kol-card": LocalJSX.KolCard & JSXBase.HTMLAttributes<HTMLKolCardElement>;
             "kol-details": LocalJSX.KolDetails & JSXBase.HTMLAttributes<HTMLKolDetailsElement>;

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

@@ -1,4 +1,4 @@
 import type { Generic, LoaderCallback, RegisterOptions } from 'adopted-style-sheets';
-import { II18nService } from './i18n';
+import type { II18nService } from './i18n';
 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?: RegisterOptions) => Promise<void[]>;
 export declare const getI18nService: () => II18nService | undefined;

package/dist/types/dev/input-error.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/types/dev/table-render-function.d.ts

@@ -0,0 +1 @@
+export{};

package/dist/types/i18n.d.ts

@@ -2,7 +2,7 @@ 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", "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" | "table-pagination-label" | "avatar-alt" | "toast-close-all" | "error-list" | "error-list-message">>;
+export declare const translations: Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, "Kol", "of" | "characters" | "error" | "warning" | "info" | "success" | "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" | "table-pagination-label" | "avatar-alt" | "toast-close-all" | "error-list" | "error-list-message" | "version" | "table-visible-range">>;
 type Options = {
     count?: number;
     placeholders?: {

package/dist/types/index.d.ts

@@ -5,7 +5,7 @@ export * from './enums/bund';
 export { translations } from './i18n';
 export * from './kolibri';
 export { ToasterService } from './components/toaster/toaster';
-export type { Toast, ToasterOptions } from './components/toaster/types';
-export { Optgroup, Option, SelectOption } from './types/input/types';
+export type { Toast, ToasterOptions } from '@public-ui/schema';
+export { Optgroup, Option, SelectOption } from '@public-ui/schema';
 export { configKoliBri } from './utils/dev.utils';
-export { KoliBriDevHelper } from './utils/prop.validators';
+export { KoliBriDevHelper } from '@public-ui/schema';

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

@@ -32,5 +32,7 @@ declare const _default: {
     'toast-close-all': string;
     'error-list': string;
     'error-list-message': string;
+    version: string;
+    'table-visible-range': string;
 };
 export default _default;

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

@@ -32,5 +32,7 @@ declare const _default: {
     'toast-close-all': string;
     'error-list': string;
     'error-list-message': string;
+    version: string;
+    'table-visible-range': string;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-import { AlignPropType } from '../types/props/align';
+import type { AlignPropType } from '@public-ui/schema';
 type Arguments = {
     floatingElement: HTMLElement;
     referenceElement: Element;

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

@@ -1,4 +1,4 @@
-import { CMYK } from 'color-convert/conversions';
+import type { CMYK } from 'color-convert/conversions';
 export declare const cmykSaturation: (cmyk: number[], saturation?: number) => CMYK;
 export declare const getHexBySat: (hex: string, saturation?: number) => string;
 interface KoliBriContrast {

package/doc/kolibri.md

@@ -7,13 +7,13 @@ Diese Komponente implementiert das Logo von KoliBri.
 ### Code
 
 ```html
-<kol-kolibri /> <kol-kolibri _labeled="false" />
+<kol-kolibri></kol-kolibri> <kol-kolibri _labeled="false"></kol-kolibri>
 ```
 
 ## Beispiele
 
-<kol-kolibri />
-<kol-kolibri _labeled="false" />
+<kol-kolibri></kol-kolibri>
+<kol-kolibri _labeled="false"></kol-kolibri>
 
 ## Barrierefreiheit
 
@@ -25,7 +25,7 @@ Diese Komponente implementiert das Logo von KoliBri.
 | Property   | Attribute  | Description                                | Type                                                                                                      | Default     |
 | ---------- | ---------- | ------------------------------------------ | --------------------------------------------------------------------------------------------------------- | ----------- |
 | `_color`   | `_color`   | Defines the color of the logo and label.   | `string` \| `undefined` \| `{ backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }` | `'#003c78'` |
-| `_labeled` | `_labeled` | Defines whether the component has a label. | `boolean` \| `undefined`                                                                                    | `undefined` |
+| `_labeled` | `_labeled` | Defines whether the component has a label. | `boolean` \| `undefined`                                                                                    | `true`      |
 
 
 ----------------------------------------------

package/doc/nav.md

@@ -18,17 +18,30 @@ noch die Icons ausgegeben.
 <kol-nav
 	_label="Navigation"
 	_links="[
-		{
-			_href: 'startseite',
-			_icons: 'codicon codicon-home',
-			_label: 'Startseite',
-			_children: [
-				{ _href: 'startseite/1-untermenuepunkt', _icons: 'codicon codicon-home', _label: '1. Untermenüpunkt' },
-				{ _href: 'startseite/2-untermenuepunkt', _icons: 'codicon codicon-home', _label: '2. Untermenüpunkt' },
-			],
-		},
-		{ _href: 'unterseite', _icons: 'codicon codicon-home', _label: '2. Menüpunkt' },
-	]"
+    {
+      '_href': 'startseite',
+      '_icons': 'codicon codicon-home',
+      '_label': 'Startseite2',
+      '_children': [
+        {
+          '_href': 'startseite/1-untermenuepunkt',
+          '_icons': 'codicon codicon-home',
+          '_label': '1. Untermenüpunkt'
+        },
+        {
+          '_href': 'startseite/2-untermenuepunkt',
+          '_icons': 'codicon codicon-home',
+          '_label': '2. Untermenüpunkt'
+        }
+      ]
+    },
+    {
+      '_href': 'unterseite',
+      '_icons': 'codicon codicon-home',
+      '_label': '2. Menüpunkt'
+    }
+  ]"
+	_has-compact-button
 ></kol-nav>
 ```
 
@@ -113,26 +126,23 @@ Die Ausrichtung der Navigationsleiste kann mit dem Attribut **`_orientation`** u
 
 ### Depends on
 
-- kol-button-link-text-switch
+- kol-link-wc
 - kol-button-wc
 - [kol-button](../button)
 
 ### Graph
 ```mermaid
 graph TD;
-  kol-nav --> kol-button-link-text-switch
+  kol-nav --> kol-link-wc
   kol-nav --> kol-button-wc
   kol-nav --> kol-button
-  kol-button-link-text-switch --> kol-button-wc
-  kol-button-link-text-switch --> kol-link-wc
-  kol-button-link-text-switch --> kol-span-wc
-  kol-button-wc --> kol-span-wc
-  kol-button-wc --> kol-tooltip-wc
-  kol-span-wc --> kol-icon
-  kol-tooltip-wc --> kol-span-wc
   kol-link-wc --> kol-span-wc
   kol-link-wc --> kol-icon
   kol-link-wc --> kol-tooltip-wc
+  kol-span-wc --> kol-icon
+  kol-tooltip-wc --> kol-span-wc
+  kol-button-wc --> kol-span-wc
+  kol-button-wc --> kol-tooltip-wc
   kol-button --> kol-button-wc
   style kol-nav stroke:#333,stroke-width:4px
 ```

package/doc/table.md

@@ -122,15 +122,16 @@ Warum die Tabelle einen **Tabindex** hat, wird auf der folgenden Webseite beschr
 
 ## Properties
 
-| Property                | Attribute           | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default     |
-| ----------------------- | ------------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_allowMultiSort`       | `_allow-multi-sort` | Defines whether to allow multi sort.                                                                               | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined` |
-| `_data` _(required)_    | `_data`             | Defines the primary table data.                                                                                    | `KoliBriTableDataType[]` \| `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
-| `_dataFoot`             | `_data-foot`        | Defines the data for the table footer.                                                                             | `KoliBriTableDataType[]` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `undefined` |
-| `_headers` _(required)_ | `_headers`          | Defines the horizontal and vertical table headers.                                                                 | `string` \| `{ horizontal?: KoliBriTableHeaderCell[][]` \| `undefined; vertical?: KoliBriTableHeaderCell[][]` \| `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` |
-| `_minWidth`             | `_min-width`        | Defines the table min-width.                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined` |
-| `_pagination`           | `_pagination`       | Defines whether to show the data distributed over multiple pages.                                                  | `boolean` \| `string` \| `undefined` \| `{ _page: number; } & { _on?: KoliBriPaginationButtonCallbacks` \| `undefined; _page?: number` \| `undefined; _max?: number` \| `undefined; _boundaryCount?: number` \| `undefined; _hasButtons?: boolean` \| `Stringified<PaginationHasButton>` \| `undefined; _pageSize?: number` \| `undefined; _pageSizeOptions?: Stringified<number[]>` \| `undefined; _siblingCount?: number` \| `undefined; _customClass?: string` \| `undefined; _label?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; }` | `undefined` |
+| Property                | Attribute              | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default     |
+| ----------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_allowMultiSort`       | `_allow-multi-sort`    | Defines whether to allow multi sort.                                                                               | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined` |
+| `_data` _(required)_    | `_data`                | Defines the primary table data.                                                                                    | `KoliBriTableDataType[]` \| `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
+| `_dataFoot`             | `_data-foot`           | Defines the data for the table footer.                                                                             | `KoliBriTableDataType[]` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `undefined` |
+| `_headers` _(required)_ | `_headers`             | Defines the horizontal and vertical table headers.                                                                 | `string` \| `{ horizontal?: KoliBriTableHeaderCell[][]` \| `undefined; vertical?: KoliBriTableHeaderCell[][]` \| `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` |
+| `_minWidth`             | `_min-width`           | Defines the table min-width.                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined` |
+| `_pagination`           | `_pagination`          | Defines whether to show the data distributed over multiple pages.                                                  | `boolean` \| `string` \| `undefined` \| `{ _page: number; } & { _on?: KoliBriPaginationButtonCallbacks` \| `undefined; _page?: number` \| `undefined; _max?: number` \| `undefined; _boundaryCount?: number` \| `undefined; _hasButtons?: boolean` \| `Stringified<PaginationHasButton>` \| `undefined; _pageSize?: number` \| `undefined; _pageSizeOptions?: Stringified<number[]>` \| `undefined; _siblingCount?: number` \| `undefined; _customClass?: string` \| `undefined; _label?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; }` | `undefined` |
+| `_paginationPosition`   | `_pagination-position` | Controls the position of the pagination.                                                                           | `"both"` \| `"bottom"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `'bottom'`  |
 
 
 ## Dependencies

package/doc/tabs.md

@@ -95,7 +95,7 @@ Hier steht immer der beeinträchtige Nutzende im Vordergrund. Um möglichst effi
 | --------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
 | `_align`              | `_align`    | Defines the position of the tab captions.                                                                          | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                    | `'top'`     |
 | `_label` _(required)_ | `_label`    | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                 | `undefined` |
-| `_on`                 | --          | Gibt die Liste der Callback-Funktionen an, die auf Events aufgerufen werden sollen.                                | `undefined` \| `{ onCreate?: EventCallback<Event>` \| `{ label: string; callback: EventCallback<Event>; }` \| `undefined; } & { onSelect?: EventValueOrEventCallback<MouseEvent` \| `CustomEvent<any>` \| `KeyboardEvent` \| `PointerEvent, number>` \| `undefined; }` | `undefined` |
+| `_on`                 | --          | Gibt die Liste der Callback-Funktionen an, die auf Events aufgerufen werden sollen.                                | `undefined` \| `{ onCreate?: EventCallback<Event>` \| `{ label: string; callback: EventCallback<Event>; }` \| `undefined; } & { onSelect?: EventValueOrEventCallback<MouseEvent` \| `CustomEvent<any>` \| `PointerEvent` \| `KeyboardEvent, number>` \| `undefined; }` | `undefined` |
 | `_selected`           | `_selected` | Defines which tab is active.                                                                                       | `number` \| `undefined`                                                                                                                                                                                                                                    | `0`         |
 | `_tabs` _(required)_  | `_tabs`     | Defines the tab captions.                                                                                          | `TabButtonProps[]` \| `string`                                                                                                                                                                                                                             | `undefined` |
 

package/doc/toaster.md

@@ -91,7 +91,7 @@ Type: `Promise<void>`
 
 | Name    | Type                                                                                                                                                                                                                                                          | Description |
 | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `toast` | `{ description?: string` \| `undefined; render?: ((nodeRef: HTMLElement, options: { close: () => void; }) => void)` \| `undefined; label: string; type: "default"` \| `"info"` \| `"success"` \| `"warning"` \| `"error"; alertVariant?: "card"` \| `"msg"` \| `undefined; }` |             |
+| `toast` | `{ description?: string` \| `undefined; render?: ((nodeRef: HTMLElement, options: { close: () => void; }) => void)` \| `undefined; label: string; type: "error"` \| `"warning"` \| `"info"` \| `"success"` \| `"default"; alertVariant?: "card"` \| `"msg"` \| `undefined; }` |             |
 
 #### Returns
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "bugs": {

package/vscode-custom-data.json

@@ -3028,6 +3028,21 @@
         {
           "name": "_pagination",
           "description": "Defines whether to show the data distributed over multiple pages."
+        },
+        {
+          "name": "_pagination-position",
+          "description": "Controls the position of the pagination.",
+          "values": [
+            {
+              "name": "both"
+            },
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "top"
+            }
+          ]
         }
       ]
     },

package/dist/cjs/a11y.tipps-a9c5bee3.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const dev_utils=require("./dev.utils-4be23d2e.js"),a11yCache=new Set,a11yHint=(e,i)=>{(!1===a11yCache.has(e)||(null==i?void 0:i.force))&&(a11yCache.add(e),dev_utils.Log.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"✋ a11y",overwriteStyle:"; background-color: #09f"}))},devCache=new Set,devHint=(e,i)=>{(!1===devCache.has(e)||(null==i?void 0:i.force))&&(devCache.add(e),dev_utils.Log.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},devWarning=(e,i)=>{(!1===devCache.has(e)||(null==i?void 0:i.force))&&(devCache.add(e),dev_utils.Log.warn([e].concat((null==i?void 0:i.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},featureCache=new Set,featureHint=(e,i=!1,n)=>{(!1===featureCache.has(e)||(null==n?void 0:n.force))&&(featureCache.add(e),e+=!0===i?" ✅":"",dev_utils.Log.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"🌟 feature",overwriteStyle:"; background-color: #309"}))};devHint("Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!");const uiUxCache=new Set,uiUxHint=(e,i)=>{(!1===uiUxCache.has(e)||(null==i?void 0:i.force))&&(uiUxCache.add(e),dev_utils.Log.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"📑 ui/ux",overwriteStyle:"; background-color: #060;"}))},a11yHintDisabled=()=>{a11yHint('"Disabled" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},a11yHintLabelingLandmarks=e=>{"string"==typeof e&&""!==e||a11yHint("Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},uiUxHintMillerscheZahl=(e,i=8)=>{i>7&&uiUxHint(`[${e}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`)};exports.a11yHint=a11yHint,exports.a11yHintDisabled=a11yHintDisabled,exports.a11yHintLabelingLandmarks=a11yHintLabelingLandmarks,exports.devHint=devHint,exports.devWarning=devWarning,exports.featureHint=featureHint,exports.uiUxHint=uiUxHint,exports.uiUxHintMillerscheZahl=uiUxHintMillerscheZahl;

package/dist/cjs/a11y.tipps-a9c5bee3.js.map

@@ -1 +0,0 @@
-{"file":"a11y.tipps-a9c5bee3.js","mappings":"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","names":["Log"],"sources":["src/utils/a11y.tipps.ts"],"sourcesContent":["import { Log } from './dev.utils';\n\ntype HintOptions = {\n\tdetails?: unknown[];\n\tforce?: boolean;\n};\n\nconst a11yCache: Set<string> = new Set();\nexport const a11yHint = (msg: string, options?: HintOptions): void => {\n\tif (a11yCache.has(msg) === false || !!options?.force) {\n\t\ta11yCache.add(msg);\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `✋ a11y`,\n\t\t\toverwriteStyle: '; background-color: #09f',\n\t\t});\n\t}\n};\n\n// const deprecatedCache: Set<string> = new Set();\n// export const deprecatedHint = (msg: string, options?: HintOptions): void => {\n// \tif (deprecatedCache.has(msg) === false || !!options?.force) {\n// \t\tdeprecatedCache.add(msg);\n// \t\tLog.warn(([msg] as unknown[]).concat(options?.details || []), {\n// \t\t\tclassifier: `🔥 deprecated`,\n// \t\t\toverwriteStyle: '; background-color: #f00',\n// \t\t});\n// \t}\n// };\n\nconst devCache: Set<string> = new Set();\nexport const devHint = (msg: string, options?: HintOptions): void => {\n\tif (devCache.has(msg) === false || !!options?.force) {\n\t\tdevCache.add(msg);\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `💻 dev`,\n\t\t\toverwriteStyle: '; background-color: #f09',\n\t\t});\n\t}\n};\nexport const devWarning = (msg: string, options?: HintOptions): void => {\n\tif (devCache.has(msg) === false || !!options?.force) {\n\t\tdevCache.add(msg);\n\t\tLog.warn(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `💻 dev`,\n\t\t\toverwriteStyle: '; background-color: #f09',\n\t\t});\n\t}\n};\n\nconst featureCache: Set<string> = new Set();\nexport const featureHint = (msg: string, done = false, options?: HintOptions): void => {\n\tif (featureCache.has(msg) === false || !!options?.force) {\n\t\tfeatureCache.add(msg);\n\t\tmsg += done === true ? ' ✅' : '';\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `🌟 feature`,\n\t\t\toverwriteStyle: '; background-color: #309',\n\t\t});\n\t}\n};\ndevHint(\n\t`Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!`\n);\n\nconst uiUxCache: Set<string> = new Set();\nexport const uiUxHint = (msg: string, options?: HintOptions): void => {\n\tif (uiUxCache.has(msg) === false || !!options?.force) {\n\t\tuiUxCache.add(msg);\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `📑 ui/ux`,\n\t\t\toverwriteStyle: '; background-color: #060;',\n\t\t});\n\t}\n};\n\nexport const a11yHintDisabled = (): void => {\n\ta11yHint(\n\t\t`\"Disabled\" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae`\n\t);\n};\n\nexport const a11yHintLabelingLandmarks = (value: unknown): void => {\n\tif (typeof value !== 'string' || value === '') {\n\t\ta11yHint(\n\t\t\t`Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns`\n\t\t);\n\t}\n};\n\nexport const uiUxHintMillerscheZahl = (className: string, length = 8): void => {\n\tif (length > 7) {\n\t\tuiUxHint(\n\t\t\t`[${className}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`\n\t\t);\n\t}\n};\n"],"version":3}

package/dist/cjs/access-key-41cf20c4.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-461024d1.js"),validateAccessKey=(s,e)=>{prop_validators.watchString(s,"_accessKey",e)};exports.validateAccessKey=validateAccessKey;

package/dist/cjs/access-key-41cf20c4.js.map

@@ -1 +0,0 @@
-{"file":"access-key-41cf20c4.js","mappings":";;;;;;;MAea,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB;IAChGA,2BAAW,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;AAC7C;;;;","names":["watchString"],"sources":["src/types/props/access-key.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../../utils/prop.validators';\n\n/* types */\nexport type AccessKeyPropType = string;\n\n/**\n * Defines the elements access key.\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey\n */\nexport type PropAccessKey = {\n\taccessKey: AccessKeyPropType;\n};\n\n/* validator */\nexport const validateAccessKey = (component: Generic.Element.Component, value?: AccessKeyPropType): void => {\n\twatchString(component, '_accessKey', value);\n};\n"],"version":3}