@public-ui/components 1.5.0-rc.7 → 1.5.0-rc.8

package/dist/types/components/skip-nav/component.d.ts

@@ -1,25 +1,25 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-import { NavLinkProps } from '../link/component';
+import { LinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 type RequiredProps = {
   ariaLabel: string;
-  links: Stringified<NavLinkProps[]>;
+  links: Stringified<LinkProps[]>;
 };
 type OptionalProps = unknown;
 type RequiredStates = {
   ariaLabel: string;
-  links: NavLinkProps[];
+  links: LinkProps[];
 };
 type OptionalStates = OptionalProps;
 type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolSkipNav implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
   render(): JSX.Element;
   _ariaLabel: string;
-  _links: Stringified<NavLinkProps[]>;
+  _links: Stringified<LinkProps[]>;
   state: States;
   validateAriaLabel(value?: string): void;
-  validateLinks(value?: Stringified<NavLinkProps[]>): void;
+  validateLinks(value?: Stringified<LinkProps[]>): void;
   componentWillLoad(): void;
 }
 export {};

package/dist/types/components.d.ts

@@ -12,13 +12,11 @@ import { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./types/ale
 import { KoliBriColor } from "./components/badge/component";
 import { Stringified } from "./types/common";
 import { KoliBriHorizontalIcon, KoliBriIconProp } from "./types/icon";
-import { AlternativButtonLinkRole, AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, LinkUseCase } from "./types/button-link";
-import { NavLinkProps } from "./components/link/component";
+import { AlternativButtonLinkRole, AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from "./types/button-link";
 import { KoliBriFormCallbacks } from "./components/form/component";
 import { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 import { Icofont } from "./types/icofont";
 import { Loading } from "./utils/validators/loading";
-import { KoliBriHorizontalIcon as KoliBriHorizontalIcon1, Stringified as Stringified1 } from "./components";
 import { InputCheckboxIcon, InputCheckboxVariant } from "./components/input-checkbox/types";
 import { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./types/input/types";
 import { Iso8601 } from "./types/input/iso8601";
@@ -29,7 +27,8 @@ import { InputTextType } from "./types/input/control/text";
 import { ListStyleType } from "./components/link-group/component";
 import { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
 import { KoliBriModalEventCallbacks } from "./types/modal";
-import { KoliBriNavVariant, NavLinkWithChildrenProps } from "./components/nav/component";
+import { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
+import { KoliBriNavVariant } from "./components/nav/component";
 import { PaginationHasButton } from "./components/pagination/component";
 import { KoliBriPaginationButtonCallbacks } from "./components/pagination/types";
 import { KoliBriProgressType } from "./types/progress";
@@ -45,13 +44,11 @@ export { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./types/ale
 export { KoliBriColor } from "./components/badge/component";
 export { Stringified } from "./types/common";
 export { KoliBriHorizontalIcon, KoliBriIconProp } from "./types/icon";
-export { AlternativButtonLinkRole, AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, LinkUseCase } from "./types/button-link";
-export { NavLinkProps } from "./components/link/component";
+export { AlternativButtonLinkRole, AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from "./types/button-link";
 export { KoliBriFormCallbacks } from "./components/form/component";
 export { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 export { Icofont } from "./types/icofont";
 export { Loading } from "./utils/validators/loading";
-export { KoliBriHorizontalIcon as KoliBriHorizontalIcon1, Stringified as Stringified1 } from "./components";
 export { InputCheckboxIcon, InputCheckboxVariant } from "./components/input-checkbox/types";
 export { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./types/input/types";
 export { Iso8601 } from "./types/input/iso8601";
@@ -62,7 +59,8 @@ export { InputTextType } from "./types/input/control/text";
 export { ListStyleType } from "./components/link-group/component";
 export { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
 export { KoliBriModalEventCallbacks } from "./types/modal";
-export { KoliBriNavVariant, NavLinkWithChildrenProps } from "./components/nav/component";
+export { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
+export { KoliBriNavVariant } from "./components/nav/component";
 export { PaginationHasButton } from "./components/pagination/component";
 export { KoliBriPaginationButtonCallbacks } from "./components/pagination/types";
 export { KoliBriProgressType } from "./types/progress";
@@ -160,7 +158,7 @@ export namespace Components {
         /**
           * Gibt die geordnete Liste der Seitenhierarchie in Links an.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
     }
     interface KolButton {
         /**
@@ -639,7 +637,7 @@ export namespace Components {
         /**
           * Ermöglicht das Überschreiben der Icons für die Checkbox.
          */
-        "_icon"?: Stringified1<InputCheckboxIcon>;
+        "_icon"?: Stringified<InputCheckboxIcon>;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
@@ -1416,7 +1414,7 @@ export namespace Components {
         /**
           * Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.
          */
-        "_icon"?: Stringified1<KoliBriHorizontalIcon1>;
+        "_icon"?: Stringified<KoliBriHorizontalIcon>;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
@@ -1540,6 +1538,7 @@ export namespace Components {
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -1625,6 +1624,7 @@ export namespace Components {
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -1668,7 +1668,7 @@ export namespace Components {
         /**
           * Gibt die geordnete Liste der Seitenhierarchie in Links an.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
         /**
           * Gibt den List-Style-Typen für ungeordnete Listen aus. Wird bei horizontalen LinkGroups als Trenner verwendet
          */
@@ -1705,6 +1705,7 @@ export namespace Components {
         "_ariaSelected"?: boolean;
         /**
           * Gibt an, ob der Link deaktiviert ist.
+          * @deprecated A link could never be disabled. Use a button instead.
          */
         "_disabled"?: boolean;
         /**
@@ -1730,7 +1731,7 @@ export namespace Components {
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
-          * @deprecated Hierzu sollte statt Link- die ButtonLink-Komponente verwendet werden.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -1826,13 +1827,14 @@ export namespace Components {
         /**
           * Gibt die geordnete Liste der Seitenhierarchie an.
          */
-        "_links": Stringified<NavLinkWithChildrenProps[]>;
+        "_links": Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
         /**
           * Gibt die Ausrichtung der Navigation an.
          */
         "_orientation"?: Orientation;
         /**
           * Gibt an, welche Ausprägung der Button hat.
+          * @deprecated This property is deprecated and will be removed in the next major version.
          */
         "_variant"?: KoliBriNavVariant;
     }
@@ -2001,7 +2003,7 @@ export namespace Components {
         /**
           * Ist die Liste der unsichtbaren Links.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
     }
     interface KolSpan {
         /**
@@ -2725,7 +2727,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die geordnete Liste der Seitenhierarchie in Links an.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
     }
     interface KolButton {
         /**
@@ -3204,7 +3206,7 @@ declare namespace LocalJSX {
         /**
           * Ermöglicht das Überschreiben der Icons für die Checkbox.
          */
-        "_icon"?: Stringified1<InputCheckboxIcon>;
+        "_icon"?: Stringified<InputCheckboxIcon>;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
@@ -3981,7 +3983,7 @@ declare namespace LocalJSX {
         /**
           * Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.
          */
-        "_icon"?: Stringified1<KoliBriHorizontalIcon1>;
+        "_icon"?: Stringified<KoliBriHorizontalIcon>;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
@@ -4105,6 +4107,7 @@ declare namespace LocalJSX {
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -4190,6 +4193,7 @@ declare namespace LocalJSX {
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -4233,7 +4237,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die geordnete Liste der Seitenhierarchie in Links an.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
         /**
           * Gibt den List-Style-Typen für ungeordnete Listen aus. Wird bei horizontalen LinkGroups als Trenner verwendet
          */
@@ -4270,6 +4274,7 @@ declare namespace LocalJSX {
         "_ariaSelected"?: boolean;
         /**
           * Gibt an, ob der Link deaktiviert ist.
+          * @deprecated A link could never be disabled. Use a button instead.
          */
         "_disabled"?: boolean;
         /**
@@ -4295,7 +4300,7 @@ declare namespace LocalJSX {
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
-          * @deprecated Hierzu sollte statt Link- die ButtonLink-Komponente verwendet werden.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
@@ -4391,13 +4396,14 @@ declare namespace LocalJSX {
         /**
           * Gibt die geordnete Liste der Seitenhierarchie an.
          */
-        "_links": Stringified<NavLinkWithChildrenProps[]>;
+        "_links": Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
         /**
           * Gibt die Ausrichtung der Navigation an.
          */
         "_orientation"?: Orientation;
         /**
           * Gibt an, welche Ausprägung der Button hat.
+          * @deprecated This property is deprecated and will be removed in the next major version.
          */
         "_variant"?: KoliBriNavVariant;
     }
@@ -4566,7 +4572,7 @@ declare namespace LocalJSX {
         /**
           * Ist die Liste der unsichtbaren Links.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
     }
     interface KolSpan {
         /**

package/dist/types/index.d.ts

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

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

@@ -0,0 +1,32 @@
+import { Generic } from '@a11y-ui/core';
+import { KoliBriButtonCallbacks, LinkTarget } from './button-link';
+import { Stringified } from './common';
+import { KoliBriIconProp } from './icon';
+import { Label } from './props/label';
+type RequiredButtonProps = Label & {
+  on: KoliBriButtonCallbacks<unknown>;
+};
+type RequiredLinkProps = Label & {
+  href: string;
+};
+type RequiredTextProps = Label;
+type OptionalButtonOrLinkOrTextProps = {
+  active: boolean;
+  icon: Stringified<KoliBriIconProp>;
+  target: LinkTarget;
+  targetDescription: string;
+};
+type OptionalButtonProps = OptionalButtonOrLinkOrTextProps & {
+  disabled: boolean;
+};
+type OptionalButtonOrLinkOrTextWithChildrenProps = OptionalButtonOrLinkOrTextProps & {
+  children: ButtonOrLinkOrTextWithChildrenProps[];
+};
+type OptionalButtonWithChildrenProps = OptionalButtonProps & {
+  children: ButtonOrLinkOrTextWithChildrenProps[];
+};
+export type ButtonWithChildrenProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonWithChildrenProps>;
+export type LinkWithChildrenProps = Generic.Element.Members<RequiredLinkProps, OptionalButtonOrLinkOrTextWithChildrenProps>;
+type TextWithChildrenProps = Generic.Element.Members<RequiredTextProps, OptionalButtonOrLinkOrTextWithChildrenProps>;
+export type ButtonOrLinkOrTextWithChildrenProps = ButtonWithChildrenProps | LinkWithChildrenProps | TextWithChildrenProps;
+export {};

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

@@ -4,18 +4,16 @@ import { EventCallback, EventValueOrEventCallback } from './callbacks';
 import { Stringified } from './common';
 import { KoliBriCustomIcon, KoliBriIconProp } from './icon';
 import { Alignment } from './props/alignment';
+import { Label } from './props/label';
 export type AriaCurrent = boolean | 'page' | 'step' | 'location' | 'date' | 'time';
 export type AlternativButtonLinkRole = 'button' | 'link' | 'tab';
-type RequiredButtonAndLinkProps = {
-  label: string;
-};
+type RequiredButtonAndLinkProps = Label;
 type OptionalButtonAndLinkProps = {
   ariaControls: string;
   ariaCurrent: AriaCurrent;
   ariaExpanded: boolean;
   ariaLabel: string;
   ariaSelected: boolean;
-  disabled: boolean;
   icon: Stringified<KoliBriIconProp>;
   iconAlign: Alignment;
   iconOnly: boolean;
@@ -38,7 +36,6 @@ type OptionalButtonAndLinkStates = {
   ariaCurrent: AriaCurrent;
   ariaExpanded: boolean;
   ariaSelected: boolean;
-  disabled: boolean;
   iconAlign: Alignment;
   iconOnly: boolean;
   role: AlternativButtonLinkRole;
@@ -60,6 +57,7 @@ export type KoliBriButtonCustomClassPropState = {
 export type RequiredButtonLinkProps = RequiredButtonAndLinkProps;
 export type OptionalButtonLinkProps = OptionalButtonAndLinkProps & {
   accessKey: string;
+  disabled: boolean;
   id: string;
   on: KoliBriButtonCallbacks<unknown>;
   type: KoliBriButtonType;
@@ -70,6 +68,7 @@ type RequiredButtonLinkStates = RequiredButtonAndLinkStates & KoliBriButtonVaria
 };
 type OptionalButtonLinkStates = OptionalButtonAndLinkStates & KoliBriButtonCustomClassPropState & {
   accessKey: string;
+  disabled: boolean;
   id: string;
   on: KoliBriButtonCallbacks<unknown>;
   value: unknown;
@@ -89,6 +88,7 @@ export type RequiredLinkProps = RequiredButtonAndLinkProps & {
   href: string;
 };
 export type OptionalLinkProps = OptionalButtonAndLinkProps & {
+  disabled: boolean;
   on: LinkOnCallbacks;
   selector: string;
   stealth: boolean;
@@ -102,6 +102,7 @@ export type RequiredLinkStates = RequiredButtonAndLinkStates & {
 };
 export type OptionalLinkStates = OptionalButtonAndLinkStates & {
   ariaSelected: boolean;
+  disabled: boolean;
   on: LinkOnCallbacks;
   selector: string;
   stealth: boolean;

package/dist/types/types/icon.d.ts

@@ -11,7 +11,7 @@ export type KoliBriHorizontalIcon = {
   right?: AnyIconFontClass | KoliBriCustomIcon;
   left: AnyIconFontClass | KoliBriCustomIcon;
 };
-export type KoliBriAllIcon = {
+type KoliBriAllIcon = {
   top: AnyIconFontClass | KoliBriCustomIcon;
   right?: AnyIconFontClass | KoliBriCustomIcon;
   bottom?: AnyIconFontClass | KoliBriCustomIcon;
@@ -38,3 +38,4 @@ export type KoliBriIconState = {
   bottom?: AnyIconFontClass | KoliBriCustomIcon;
   left?: AnyIconFontClass | KoliBriCustomIcon;
 };
+export {};

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

@@ -0,0 +1,5 @@
+import { Generic } from '@a11y-ui/core';
+export type Label = {
+  label: string;
+};
+export type LabelProp = Generic.Element.Members<Label, unknown>;

package/dist/types/utils/a11y.tipps.d.ts

@@ -1,6 +1,7 @@
 export declare const a11yHint: (msg: string) => void;
 export declare const deprecatedHint: (msg: string) => void;
 export declare const devHint: (msg: string) => void;
+export declare const devWarning: (msg: string) => void;
 export declare const featureHint: (msg: string, done?: boolean) => void;
 export declare const a11yHintDisabled: () => void;
 export declare const a11yHintLabelingLandmarks: (value: unknown) => void;

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

@@ -2,7 +2,7 @@ import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../types/common';
 export declare const objectObjectHandler: (value: unknown, cb: () => void) => void;
 export declare const emptyStringByArrayHandler: (value: unknown, cb: () => void) => void;
-export declare const setEventTargetAndStopPropagation: (event: Event, target?: HTMLElement) => void;
+export declare const setEventTarget: (event: Event, target?: HTMLElement) => void;
 type SetStateHooks = {
   afterPatch?: Generic.Element.StateHooksCallback;
   beforePatch?: Generic.Element.NextStateHooksCallback;

package/doc/badge.md

@@ -103,7 +103,7 @@ Die zusätzliche Ausgabe eines **Icon** gewährleistet, dass der Nutzer auch hie
 | `_icon`               | `_icon`         | Gibt einen Identifier eines Icons aus den Icofont's an. (https://icofont.com/)                           | `string \| undefined \| { top: string \| KoliBriCustomIcon; right?: string \| KoliBriCustomIcon \| undefined; bottom?: string \| KoliBriCustomIcon \| undefined; left?: string \| KoliBriCustomIcon \| undefined; } \| { top?: string \| KoliBriCustomIcon \| undefined; right: string \| KoliBriCustomIcon; bottom?: string \| KoliBriCustomIcon \| undefined; left?: string \| KoliBriCustomIcon \| undefined; } \| { top?: string \| KoliBriCustomIcon \| undefined; right?: string \| KoliBriCustomIcon \| undefined; bottom: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { top?: string \| KoliBriCustomIcon \| undefined; right?: string \| KoliBriCustomIcon \| undefined; bottom?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
 | `_iconOnly`           | `_icon-only`    | Gibt an, ob nur das Icon angezeigt wird.                                                                 | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `false`     |
 | `_label` _(required)_ | `_label`        | Gibt den Label-Text des Badges an.                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `undefined` |
-| `_smartButton`        | `_smart-button` | Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only). | `string \| undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaLabel?: string \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: Alignment \| undefined; _iconOnly?: boolean \| undefined; _role?: AlternativButtonLinkRole \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: Alignment \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _variant?: KoliBriButtonVariant \| undefined; _customClass?: string \| undefined; }`                   | `undefined` |
+| `_smartButton`        | `_smart-button` | Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only). | `string \| undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaLabel?: string \| undefined; _ariaSelected?: boolean \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: Alignment \| undefined; _iconOnly?: boolean \| undefined; _role?: AlternativButtonLinkRole \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: Alignment \| undefined; _accessKey?: string \| undefined; _disabled?: boolean \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _variant?: KoliBriButtonVariant \| undefined; _customClass?: string \| undefined; }`                   | `undefined` |
 
 
 ## Dependencies

package/doc/breadcrumb.md

@@ -86,10 +86,10 @@ Beachten Sie, dass auch das letzte Element in der Breadcrumb-Komponente per Tab-
 
 ## Properties
 
-| Property                  | Attribute     | Description                                                                  | Type                       | Default     |
-| ------------------------- | ------------- | ---------------------------------------------------------------------------- | -------------------------- | ----------- |
-| `_ariaLabel` _(required)_ | `_aria-label` | Gibt den Text an, der die Navigation von anderen Navigationen differenziert. | `string`                   | `undefined` |
-| `_links` _(required)_     | `_links`      | Gibt die geordnete Liste der Seitenhierarchie in Links an.                   | `NavLinkProps[] \| string` | `undefined` |
+| Property                  | Attribute     | Description                                                                  | Type                    | Default     |
+| ------------------------- | ------------- | ---------------------------------------------------------------------------- | ----------------------- | ----------- |
+| `_ariaLabel` _(required)_ | `_aria-label` | Gibt den Text an, der die Navigation von anderen Navigationen differenziert. | `string`                | `undefined` |
+| `_links` _(required)_     | `_links`      | Gibt die geordnete Liste der Seitenhierarchie in Links an.                   | `LinkProps[] \| string` | `undefined` |
 
 
 ## Shadow Parts