@public-ui/components 2.0.4 → 2.0.5

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

@@ -1,15 +1,17 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccordionAPI, AccordionStates, HeadingLevel, KoliBriAccordionCallbacks, LabelPropType, OpenPropType } from '@public-ui/schema';
+import type { AccordionAPI, AccordionStates, DisabledPropType, HeadingLevel, KoliBriAccordionCallbacks, LabelPropType, OpenPropType } from '@public-ui/schema';
 export declare class KolAccordion implements AccordionAPI {
     private readonly host?;
     private readonly nonce;
     private readonly catchRef;
     render(): JSX.Element;
+    _disabled?: boolean;
     _label: string;
     _level?: HeadingLevel;
     _on?: KoliBriAccordionCallbacks;
     _open?: boolean;
     state: AccordionStates;
+    validateDisabled(value?: DisabledPropType): void;
     validateLabel(value?: LabelPropType): void;
     validateLevel(value?: HeadingLevel): void;
     validateOn(value?: KoliBriAccordionCallbacks): void;

package/dist/types/components/details/DetailsAnimationController.d.ts

@@ -1,4 +1,4 @@
-export default class DetailsAnimationController {
+export declare class DetailsAnimationController {
     private detailsElement;
     private summaryElement;
     private contentElement;

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

@@ -1,16 +1,21 @@
 import type { DetailsAPI, DetailsStates, EventCallbacks, LabelPropType } from '@public-ui/schema';
+import type { DisabledPropType } from '@public-ui/schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolDetails implements DetailsAPI {
     private readonly host?;
     private detailsElement?;
     private summaryElement?;
     private contentElement?;
-    private readonly catchRef;
+    private readonly catchDetails;
+    private readonly catchSummary;
+    private readonly preventToggleIfDisabled;
     render(): JSX.Element;
+    _disabled?: boolean;
     _label: LabelPropType;
     _on?: EventCallbacks;
     _open?: boolean;
     state: DetailsStates;
+    validateDisabled(value?: DisabledPropType): void;
     validateLabel(value?: LabelPropType): void;
     validateOn(on?: EventCallbacks): void;
     validateOpen(value?: boolean): void;

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

@@ -1,6 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { ErrorListPropType, FormAPI, FormStates, KoliBriFormCallbacks, Stringified } from '@public-ui/schema';
 export declare class KolForm implements FormAPI {
+    errorListElement?: HTMLElement;
     private readonly onSubmit;
     private readonly onReset;
     private readonly handleLinkClick;
@@ -13,4 +14,5 @@ export declare class KolForm implements FormAPI {
     validateRequiredText(value?: Stringified<boolean>): void;
     validateErrorList(value?: ErrorListPropType[]): void;
     componentWillLoad(): void;
+    componentDidRender(): void;
 }

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

@@ -1,4 +1,4 @@
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, DownloadPropType, HrefPropType, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkAPI, LinkOnCallbacksPropType, LinkStates, LinkTargetPropType, Stringified, TooltipAlignPropType } from '@public-ui/schema';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, DownloadPropType, HrefPropType, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkAPI, LinkOnCallbacksPropType, LinkStates, LinkTargetPropType, Stringified, TooltipAlignPropType, DisabledPropType } from '@public-ui/schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolLinkWc implements LinkAPI {
     private readonly host?;
@@ -10,6 +10,7 @@ export declare class KolLinkWc implements LinkAPI {
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaCurrentValue?: AriaCurrentValuePropType;
+    _disabled?: boolean;
     _download?: DownloadPropType;
     _hideLabel?: boolean;
     _href: HrefPropType;
@@ -23,6 +24,7 @@ export declare class KolLinkWc implements LinkAPI {
     state: LinkStates;
     validateAccessKey(value?: AccessKeyPropType): void;
     validateAriaCurrentValue(value?: AriaCurrentValuePropType): void;
+    validateDisabled(value?: DisabledPropType): void;
     validateDownload(value?: DownloadPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHref(value?: string): void;

package/dist/types/components/link/shadow.d.ts

@@ -6,6 +6,7 @@ export declare class KolLink implements LinkProps {
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaCurrentValue?: AriaCurrentValuePropType;
+    _disabled?: boolean;
     _download?: DownloadPropType;
     _hideLabel?: boolean;
     _href: HrefPropType;

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

@@ -7,6 +7,7 @@ export declare class KolLinkButton implements LinkButtonProps {
     _accessKey?: AccessKeyPropType;
     _ariaCurrentValue?: AriaCurrentValuePropType;
     _customClass?: CustomClassPropType;
+    _disabled?: boolean;
     _download?: DownloadPropType;
     _hideLabel?: boolean;
     _href: HrefPropType;

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

@@ -12,6 +12,7 @@ export declare class KolNav implements NavAPI {
     render(): JSX.Element;
     _collapsible?: boolean;
     _hasCompactButton?: boolean;
+    _hasIconsWhenExpanded?: boolean;
     _hideLabel?: boolean;
     _label: LabelPropType;
     _links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
@@ -19,6 +20,7 @@ export declare class KolNav implements NavAPI {
     state: NavStates;
     validateCollapsible(value?: CollapsiblePropType): void;
     validateHasCompactButton(value?: boolean): void;
+    validateHasIconsWhenExpanded(value?: boolean): void;
     validateHideLabel(value?: HideLabelPropType): void;
     validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial?: boolean): void;
     validateLinks(value?: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>): void;

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

@@ -5,11 +5,17 @@ export declare class KolTooltip implements TooltipAPI {
     private arrowElement?;
     private previousSibling?;
     private tooltipElement?;
+    private hasFocusIn;
+    private hasMouseIn;
     private cleanupAutoPositioning?;
     private alignTooltip;
     private showTooltip;
     private hideTooltip;
     private hideTooltipByEscape;
+    private handleMouseEnter;
+    private handleMouseleave;
+    private handleFocusIn;
+    private handleFocusout;
     private addListeners;
     private removeListeners;
     private resyncListeners;
@@ -25,10 +31,7 @@ export declare class KolTooltip implements TooltipAPI {
     validateAlign(value?: AlignPropType): void;
     validateId(value?: IdPropType): void;
     validateLabel(value?: LabelPropType): void;
-    private overFocusCount;
     private overFocusTimeout?;
-    private incrementOverFocusCount;
-    private decrementOverFocusCount;
     private showOrHideTooltip;
     componentWillLoad(): void;
     private handleEventListeners;

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

@@ -0,0 +1,24 @@
+import type { JSX } from '../../stencil-public-runtime';
+import type { LabelPropType, TreeAPI, TreeStates } from '@public-ui/schema';
+export declare class KolTreeWc implements TreeAPI {
+    host: HTMLElement;
+    state: TreeStates;
+    private observer?;
+    private treeItemElements?;
+    _label: LabelPropType;
+    validateLabel(value?: LabelPropType): void;
+    render(): JSX.Element;
+    private static isTreeItem;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    private observeChildListMutations;
+    private handleSlotchange;
+    private observeTopLevelItems;
+    private getTopLevelTreeItems;
+    private handleTreeChange;
+    private getTreeItemElements;
+    private getOpenTreeItemElements;
+    handleKeyDown(event: KeyboardEvent): Promise<void>;
+    handleFocusOut(event: FocusEvent): Promise<void>;
+    private ensureActiveItemVisibility;
+}

package/dist/types/components/tree/constants.d.ts

@@ -0,0 +1 @@
+export declare const TREE_ITEM_TAG_NAME = "kol-tree-item";

package/dist/types/components/tree/shadow.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from '../../stencil-public-runtime';
+import type { LabelPropType, TreeProps } from '@public-ui/schema';
+export declare class KolTree implements TreeProps {
+    _label: LabelPropType;
+    render(): JSX.Element;
+}

package/dist/types/components/tree-item/component.d.ts

@@ -0,0 +1,25 @@
+import { type JSX } from '../../stencil-public-runtime';
+import type { ActivePropType, HrefPropType, LabelPropType, OpenPropType, TreeItemAPI, TreeItemStates } from '@public-ui/schema';
+export declare class KolTreeItemWc implements TreeItemAPI {
+    private linkElement;
+    host: HTMLElement;
+    render(): JSX.Element;
+    state: TreeItemStates;
+    _active?: OpenPropType;
+    _label: LabelPropType;
+    _open?: OpenPropType;
+    _href: HrefPropType;
+    validateActive(value?: ActivePropType): void;
+    validateLabel(value?: LabelPropType): void;
+    validateOpen(value?: OpenPropType): void;
+    validateHref(value?: HrefPropType): void;
+    componentWillLoad(): void;
+    private handleSlotchange;
+    private checkForChildren;
+    focusLink(): Promise<void>;
+    private handleExpandClick;
+    expand(): Promise<void>;
+    private handleCollapseClick;
+    collapse(): Promise<void>;
+    isOpen(): Promise<boolean>;
+}

package/dist/types/components/tree-item/shadow.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from '../../stencil-public-runtime';
+import type { HrefPropType, LabelPropType, OpenPropType, TreeItemProps } from '@public-ui/schema';
+export declare class KolTreeItem implements TreeItemProps {
+    private element?;
+    _active?: OpenPropType;
+    _label: LabelPropType;
+    _open?: OpenPropType;
+    _href: HrefPropType;
+    focusLink(): Promise<void>;
+    expand(): Promise<void>;
+    collapse(): Promise<void>;
+    isOpen(): Promise<boolean>;
+    render(): JSX.Element;
+}

package/dist/types/components.d.ts

@@ -5,9 +5,9 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-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 { 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, OpenPropType, 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";
-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 { 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, OpenPropType, 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 namespace Components {
     interface KolAbbr {
@@ -21,6 +21,10 @@ export namespace Components {
         "_tooltipAlign"?: TooltipAlignPropType;
     }
     interface KolAccordion {
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -407,6 +411,10 @@ export namespace Components {
         "_on"?: KoliBriCardEventCallbacks;
     }
     interface KolDetails {
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -1643,6 +1651,10 @@ export namespace Components {
           * Defines the value for the aria-current attribute.
          */
         "_ariaCurrentValue"?: AriaCurrentValuePropType;
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
         /**
           * Tells the browser that the link contains a file. Optionally sets the filename.
          */
@@ -1698,6 +1710,10 @@ export namespace Components {
           * Defines the custom class attribute if _variant="custom" is set.
          */
         "_customClass"?: CustomClassPropType;
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
         /**
           * Tells the browser that the link contains a file. Optionally sets the filename.
          */
@@ -1771,6 +1787,10 @@ export namespace Components {
           * Defines the value for the aria-current attribute.
          */
         "_ariaCurrentValue"?: AriaCurrentValuePropType;
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
         /**
           * Tells the browser that the link contains a file. Optionally sets the filename.
          */
@@ -1844,9 +1864,13 @@ export namespace Components {
          */
         "_collapsible"?: boolean;
         /**
-          * Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll.
+          * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation="vertical".
          */
         "_hasCompactButton"?: boolean;
+        /**
+          * Shows icons next to the navigation item labels, even when the navigation is not collapsed.
+         */
+        "_hasIconsWhenExpanded"?: boolean;
         /**
           * 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.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -2388,6 +2412,62 @@ export namespace Components {
          */
         "_label": LabelPropType;
     }
+    interface KolTree {
+        /**
+          * Defines the label of the tree.
+         */
+        "_label": LabelPropType;
+    }
+    interface KolTreeItem {
+        /**
+          * If set (to true) the tree item is the active one.
+         */
+        "_active"?: OpenPropType;
+        /**
+          * This property is used for a link from a reference to the target URL.
+         */
+        "_href": HrefPropType;
+        /**
+          * Defines the label of the link.
+         */
+        "_label": LabelPropType;
+        /**
+          * If set (to true) opens/expands the element, closes if not set (or set to false).
+         */
+        "_open"?: OpenPropType;
+        "collapse": () => Promise<void>;
+        "expand": () => Promise<void>;
+        "focusLink": () => Promise<void>;
+        "isOpen": () => Promise<boolean>;
+    }
+    interface KolTreeItemWc {
+        /**
+          * If set (to true) the tree item is the active one.
+         */
+        "_active"?: OpenPropType;
+        /**
+          * This property is used for a link from a reference to the target URL.
+         */
+        "_href": HrefPropType;
+        /**
+          * Defines the label of the link.
+         */
+        "_label": LabelPropType;
+        /**
+          * If set (to true) opens/expands the element, closes if not set (or set to false).
+         */
+        "_open"?: OpenPropType;
+        "collapse": () => Promise<void>;
+        "expand": () => Promise<void>;
+        "focusLink": () => Promise<void>;
+        "isOpen": () => Promise<boolean>;
+    }
+    interface KolTreeWc {
+        /**
+          * Defines the label of the tree.
+         */
+        "_label": LabelPropType;
+    }
     interface KolVersion {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
@@ -2732,6 +2812,30 @@ declare global {
         prototype: HTMLKolTooltipWcElement;
         new (): HTMLKolTooltipWcElement;
     };
+    interface HTMLKolTreeElement extends Components.KolTree, HTMLStencilElement {
+    }
+    var HTMLKolTreeElement: {
+        prototype: HTMLKolTreeElement;
+        new (): HTMLKolTreeElement;
+    };
+    interface HTMLKolTreeItemElement extends Components.KolTreeItem, HTMLStencilElement {
+    }
+    var HTMLKolTreeItemElement: {
+        prototype: HTMLKolTreeItemElement;
+        new (): HTMLKolTreeItemElement;
+    };
+    interface HTMLKolTreeItemWcElement extends Components.KolTreeItemWc, HTMLStencilElement {
+    }
+    var HTMLKolTreeItemWcElement: {
+        prototype: HTMLKolTreeItemWcElement;
+        new (): HTMLKolTreeItemWcElement;
+    };
+    interface HTMLKolTreeWcElement extends Components.KolTreeWc, HTMLStencilElement {
+    }
+    var HTMLKolTreeWcElement: {
+        prototype: HTMLKolTreeWcElement;
+        new (): HTMLKolTreeWcElement;
+    };
     interface HTMLKolVersionElement extends Components.KolVersion, HTMLStencilElement {
     }
     var HTMLKolVersionElement: {
@@ -2795,6 +2899,10 @@ declare global {
         "kol-textarea": HTMLKolTextareaElement;
         "kol-toast-container": HTMLKolToastContainerElement;
         "kol-tooltip-wc": HTMLKolTooltipWcElement;
+        "kol-tree": HTMLKolTreeElement;
+        "kol-tree-item": HTMLKolTreeItemElement;
+        "kol-tree-item-wc": HTMLKolTreeItemWcElement;
+        "kol-tree-wc": HTMLKolTreeWcElement;
         "kol-version": HTMLKolVersionElement;
     }
 }
@@ -2810,6 +2918,10 @@ declare namespace LocalJSX {
         "_tooltipAlign"?: TooltipAlignPropType;
     }
     interface KolAccordion {
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -3182,6 +3294,10 @@ declare namespace LocalJSX {
         "_on"?: KoliBriCardEventCallbacks;
     }
     interface KolDetails {
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -4363,6 +4479,10 @@ declare namespace LocalJSX {
           * Defines the value for the aria-current attribute.
          */
         "_ariaCurrentValue"?: AriaCurrentValuePropType;
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
         /**
           * Tells the browser that the link contains a file. Optionally sets the filename.
          */
@@ -4418,6 +4538,10 @@ declare namespace LocalJSX {
           * Defines the custom class attribute if _variant="custom" is set.
          */
         "_customClass"?: CustomClassPropType;
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
         /**
           * Tells the browser that the link contains a file. Optionally sets the filename.
          */
@@ -4491,6 +4615,10 @@ declare namespace LocalJSX {
           * Defines the value for the aria-current attribute.
          */
         "_ariaCurrentValue"?: AriaCurrentValuePropType;
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
         /**
           * Tells the browser that the link contains a file. Optionally sets the filename.
          */
@@ -4564,9 +4692,13 @@ declare namespace LocalJSX {
          */
         "_collapsible"?: boolean;
         /**
-          * Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll.
+          * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation="vertical".
          */
         "_hasCompactButton"?: boolean;
+        /**
+          * Shows icons next to the navigation item labels, even when the navigation is not collapsed.
+         */
+        "_hasIconsWhenExpanded"?: boolean;
         /**
           * 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.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -5092,6 +5224,54 @@ declare namespace LocalJSX {
          */
         "_label": LabelPropType;
     }
+    interface KolTree {
+        /**
+          * Defines the label of the tree.
+         */
+        "_label": LabelPropType;
+    }
+    interface KolTreeItem {
+        /**
+          * If set (to true) the tree item is the active one.
+         */
+        "_active"?: OpenPropType;
+        /**
+          * This property is used for a link from a reference to the target URL.
+         */
+        "_href": HrefPropType;
+        /**
+          * Defines the label of the link.
+         */
+        "_label": LabelPropType;
+        /**
+          * If set (to true) opens/expands the element, closes if not set (or set to false).
+         */
+        "_open"?: OpenPropType;
+    }
+    interface KolTreeItemWc {
+        /**
+          * If set (to true) the tree item is the active one.
+         */
+        "_active"?: OpenPropType;
+        /**
+          * This property is used for a link from a reference to the target URL.
+         */
+        "_href": HrefPropType;
+        /**
+          * Defines the label of the link.
+         */
+        "_label": LabelPropType;
+        /**
+          * If set (to true) opens/expands the element, closes if not set (or set to false).
+         */
+        "_open"?: OpenPropType;
+    }
+    interface KolTreeWc {
+        /**
+          * Defines the label of the tree.
+         */
+        "_label": LabelPropType;
+    }
     interface KolVersion {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
@@ -5155,6 +5335,10 @@ declare namespace LocalJSX {
         "kol-textarea": KolTextarea;
         "kol-toast-container": KolToastContainer;
         "kol-tooltip-wc": KolTooltipWc;
+        "kol-tree": KolTree;
+        "kol-tree-item": KolTreeItem;
+        "kol-tree-item-wc": KolTreeItemWc;
+        "kol-tree-wc": KolTreeWc;
         "kol-version": KolVersion;
     }
 }
@@ -5218,6 +5402,10 @@ declare module "@stencil/core" {
             "kol-textarea": LocalJSX.KolTextarea & JSXBase.HTMLAttributes<HTMLKolTextareaElement>;
             "kol-toast-container": LocalJSX.KolToastContainer & JSXBase.HTMLAttributes<HTMLKolToastContainerElement>;
             "kol-tooltip-wc": LocalJSX.KolTooltipWc & JSXBase.HTMLAttributes<HTMLKolTooltipWcElement>;
+            "kol-tree": LocalJSX.KolTree & JSXBase.HTMLAttributes<HTMLKolTreeElement>;
+            "kol-tree-item": LocalJSX.KolTreeItem & JSXBase.HTMLAttributes<HTMLKolTreeItemElement>;
+            "kol-tree-item-wc": LocalJSX.KolTreeItemWc & JSXBase.HTMLAttributes<HTMLKolTreeItemWcElement>;
+            "kol-tree-wc": LocalJSX.KolTreeWc & JSXBase.HTMLAttributes<HTMLKolTreeWcElement>;
             "kol-version": LocalJSX.KolVersion & JSXBase.HTMLAttributes<HTMLKolVersionElement>;
         }
     }

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", "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">>;
+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" | "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/locales/de.d.ts

@@ -19,6 +19,7 @@ declare const _default: {
     'page-next': string;
     'page-last': string;
     'entries-per-site': string;
+    page: string;
     'page-current': string;
     'page-selected': string;
     'page-per-site': string;

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

@@ -19,6 +19,7 @@ declare const _default: {
     'page-next': string;
     'page-last': string;
     'entries-per-site': string;
+    page: string;
     'page-current': string;
     'page-selected': string;
     'page-per-site': string;

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

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

package/doc/accordion.md

@@ -110,12 +110,13 @@ Standardansicht gelegt.
 
 ## 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.). | `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`         |
-| `_on`                 | --        | Gibt die EventCallback-Funktionen an.                                                                              | `undefined` \| `{ onClick?: EventValueOrEventCallback<Event, boolean>` \| `undefined; }` | `undefined` |
-| `_open`               | `_open`   | If set (to true) opens/expands the element, closes if not set (or set to false).                                   | `boolean` \| `undefined`                                                               | `false`     |
+| Property              | Attribute   | Description                                                                                                        | Type                                                                                 | Default     |
+| --------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------ | ----------- |
+| `_disabled`           | `_disabled` | Makes the element not focusable and ignore all events.                                                             | `boolean` \| `undefined`                                                               | `false`     |
+| `_label` _(required)_ | `_label`    | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `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`         |
+| `_on`                 | --          | Gibt die EventCallback-Funktionen an.                                                                              | `undefined` \| `{ onClick?: EventValueOrEventCallback<Event, boolean>` \| `undefined; }` | `undefined` |
+| `_open`               | `_open`     | If set (to true) opens/expands the element, closes if not set (or set to false).                                   | `boolean` \| `undefined`                                                               | `false`     |
 
 
 ## Slots

package/doc/button-group.md

@@ -13,12 +13,12 @@ zur **Button**-Komponente.
 
 ```html
 <kol-button-group>
-  <kol-button _label="Speichern" _variant="primary"></<kol-button>
-  <kol-button _label="Speichern & Schließen" _variant="normal"></<kol-button>
-  <kol-button _label="Abbrechen" _variant="secondary"></<kol-button>
-  <kol-button _label="Löschen" _variant="danger"></<kol-button>
-  <kol-button _label="Ghost" _variant="ghost"></kol-button>
-  <kol-button _label="Deaktiviert" _disabled></<kol-button>
+	<kol-button _label="Speichern" _variant="primary"></kol-button>
+	<kol-button _label="Speichern & Schließen" _variant="normal"></kol-button>
+	<kol-button _label="Abbrechen" _variant="secondary"></kol-button>
+	<kol-button _label="Löschen" _variant="danger"></kol-button>
+	<kol-button _label="Ghost" _variant="ghost"></kol-button>
+	<kol-button _label="Deaktiviert" _disabled></kol-button>
 </kol-button-group>
 ```