@public-ui/components 3.0.2-ab502d4896d9763f93bb8cce1b07a1b2f8d04439.0 → 3.0.2-ec3e6ae7179dfaa0a4a69b756cd5422dd81d0065.0

package/dist/types/components.d.ts

@@ -1985,6 +1985,52 @@ export namespace Components {
          */
         "_tooltipAlign"?: TooltipAlignPropType;
     }
+    interface KolPaginationWc {
+        /**
+          * Defines the amount of pages to show next to the outer arrow buttons.
+         */
+        "_boundaryCount"?: number;
+        /**
+          * Defines the custom class attribute if _variant="custom" is set.
+         */
+        "_customClass"?: CustomClassPropType;
+        /**
+          * Defines which navigation buttons to render (first, last, next, previous buttons).
+         */
+        "_hasButtons"?: boolean | Stringified<PaginationHasButton>;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label"?: LabelPropType;
+        /**
+          * Defines the maximum number of pages.
+         */
+        "_max": MaxPropType;
+        /**
+          * Gibt an, auf welche Callback-Events reagiert werden.
+         */
+        "_on": KoliBriPaginationButtonCallbacks;
+        /**
+          * Defines the current page.
+         */
+        "_page": number;
+        /**
+          * Defines the amount of entries to show per page.
+         */
+        "_pageSize": number;
+        /**
+          * Defines the options for the page-size-select.
+         */
+        "_pageSizeOptions": Stringified<number[]>;
+        /**
+          * Defines the amount of pages to show next to the current page.
+         */
+        "_siblingCount"?: number;
+        /**
+          * Defines where to show the Tooltip preferably: top, right, bottom or left.
+         */
+        "_tooltipAlign"?: TooltipAlignPropType;
+    }
     interface KolPopoverButton {
         /**
           * Defines which key combination can be used to trigger or focus the interactive element of the component.
@@ -2430,10 +2476,18 @@ export namespace Components {
         "_variant"?: SpinVariantPropType;
     }
     interface KolSplitButton {
+        /**
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
+         */
+        "_accessKey"?: AccessKeyPropType;
         /**
           * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
+        /**
+          * Defines the value for the aria-description attribute.
+         */
+        "_ariaDescription"?: AriaDescriptionPropType;
         /**
           * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
          */
@@ -2466,11 +2520,11 @@ export namespace Components {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label": LabelPropType;
+        "_label": LabelWithExpertSlotPropType;
         /**
           * Defines the technical name of an input field.
          */
-        "_name"?: NamePropType;
+        "_name"?: string;
         /**
           * Defines the callback functions for button events.
          */
@@ -2479,6 +2533,10 @@ export namespace Components {
           * Defines the role of the components primary element.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
+        /**
+          * Adds a visual short key hint to the component.
+         */
+        "_shortKey"?: ShortKeyPropType;
         /**
           * Selector for synchronizing the value with another input element.
          */
@@ -2494,12 +2552,14 @@ export namespace Components {
         /**
           * Defines the value that the button emits on click.
          */
-        "_value"?: Stringified<StencilUnknown>;
+        "_value"?: StencilUnknown;
         /**
           * Defines which variant should be used for presentation.
          */
         "_variant"?: ButtonVariantPropType;
         "closePopup": () => Promise<void>;
+        "getValue": () => Promise<StencilUnknown>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolTableSettingsWc {
         "_tableSettings": TableSettingsPropType;
@@ -3088,6 +3148,12 @@ declare global {
         prototype: HTMLKolPaginationElement;
         new (): HTMLKolPaginationElement;
     };
+    interface HTMLKolPaginationWcElement extends Components.KolPaginationWc, HTMLStencilElement {
+    }
+    var HTMLKolPaginationWcElement: {
+        prototype: HTMLKolPaginationWcElement;
+        new (): HTMLKolPaginationWcElement;
+    };
     interface HTMLKolPopoverButtonElement extends Components.KolPopoverButton, HTMLStencilElement {
     }
     var HTMLKolPopoverButtonElement: {
@@ -3276,6 +3342,7 @@ declare global {
         "kol-modal": HTMLKolModalElement;
         "kol-nav": HTMLKolNavElement;
         "kol-pagination": HTMLKolPaginationElement;
+        "kol-pagination-wc": HTMLKolPaginationWcElement;
         "kol-popover-button": HTMLKolPopoverButtonElement;
         "kol-popover-button-wc": HTMLKolPopoverButtonWcElement;
         "kol-popover-wc": HTMLKolPopoverWcElement;
@@ -5153,6 +5220,52 @@ declare namespace LocalJSX {
          */
         "_tooltipAlign"?: TooltipAlignPropType;
     }
+    interface KolPaginationWc {
+        /**
+          * Defines the amount of pages to show next to the outer arrow buttons.
+         */
+        "_boundaryCount"?: number;
+        /**
+          * Defines the custom class attribute if _variant="custom" is set.
+         */
+        "_customClass"?: CustomClassPropType;
+        /**
+          * Defines which navigation buttons to render (first, last, next, previous buttons).
+         */
+        "_hasButtons"?: boolean | Stringified<PaginationHasButton>;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label"?: LabelPropType;
+        /**
+          * Defines the maximum number of pages.
+         */
+        "_max": MaxPropType;
+        /**
+          * Gibt an, auf welche Callback-Events reagiert werden.
+         */
+        "_on": KoliBriPaginationButtonCallbacks;
+        /**
+          * Defines the current page.
+         */
+        "_page": number;
+        /**
+          * Defines the amount of entries to show per page.
+         */
+        "_pageSize"?: number;
+        /**
+          * Defines the options for the page-size-select.
+         */
+        "_pageSizeOptions"?: Stringified<number[]>;
+        /**
+          * Defines the amount of pages to show next to the current page.
+         */
+        "_siblingCount"?: number;
+        /**
+          * Defines where to show the Tooltip preferably: top, right, bottom or left.
+         */
+        "_tooltipAlign"?: TooltipAlignPropType;
+    }
     interface KolPopoverButton {
         /**
           * Defines which key combination can be used to trigger or focus the interactive element of the component.
@@ -5570,10 +5683,18 @@ declare namespace LocalJSX {
         "_variant"?: SpinVariantPropType;
     }
     interface KolSplitButton {
+        /**
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
+         */
+        "_accessKey"?: AccessKeyPropType;
         /**
           * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
+        /**
+          * Defines the value for the aria-description attribute.
+         */
+        "_ariaDescription"?: AriaDescriptionPropType;
         /**
           * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
          */
@@ -5606,11 +5727,11 @@ declare namespace LocalJSX {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label": LabelPropType;
+        "_label": LabelWithExpertSlotPropType;
         /**
           * Defines the technical name of an input field.
          */
-        "_name"?: NamePropType;
+        "_name"?: string;
         /**
           * Defines the callback functions for button events.
          */
@@ -5619,6 +5740,10 @@ declare namespace LocalJSX {
           * Defines the role of the components primary element.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
+        /**
+          * Adds a visual short key hint to the component.
+         */
+        "_shortKey"?: ShortKeyPropType;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -5630,7 +5755,7 @@ declare namespace LocalJSX {
         /**
           * Defines the value that the button emits on click.
          */
-        "_value"?: Stringified<StencilUnknown>;
+        "_value"?: StencilUnknown;
         /**
           * Defines which variant should be used for presentation.
          */
@@ -6017,6 +6142,7 @@ declare namespace LocalJSX {
         "kol-modal": KolModal;
         "kol-nav": KolNav;
         "kol-pagination": KolPagination;
+        "kol-pagination-wc": KolPaginationWc;
         "kol-popover-button": KolPopoverButton;
         "kol-popover-button-wc": KolPopoverButtonWc;
         "kol-popover-wc": KolPopoverWc;
@@ -6088,6 +6214,7 @@ declare module "@stencil/core" {
             "kol-modal": LocalJSX.KolModal & JSXBase.HTMLAttributes<HTMLKolModalElement>;
             "kol-nav": LocalJSX.KolNav & JSXBase.HTMLAttributes<HTMLKolNavElement>;
             "kol-pagination": LocalJSX.KolPagination & JSXBase.HTMLAttributes<HTMLKolPaginationElement>;
+            "kol-pagination-wc": LocalJSX.KolPaginationWc & JSXBase.HTMLAttributes<HTMLKolPaginationWcElement>;
             "kol-popover-button": LocalJSX.KolPopoverButton & JSXBase.HTMLAttributes<HTMLKolPopoverButtonElement>;
             "kol-popover-button-wc": LocalJSX.KolPopoverButtonWc & JSXBase.HTMLAttributes<HTMLKolPopoverButtonWcElement>;
             "kol-popover-wc": LocalJSX.KolPopoverWc & JSXBase.HTMLAttributes<HTMLKolPopoverWcElement>;

package/dist/types/core/component-names.d.ts

@@ -36,6 +36,7 @@ export declare let KolLinkWcTag: "kol-link-wc";
 export declare let KolModalTag: "kol-modal";
 export declare let KolNavTag: "kol-nav";
 export declare let KolPaginationTag: "kol-pagination";
+export declare let KolPaginationWcTag: "kol-pagination-wc";
 export declare let KolPopoverWcTag: "kol-popover-wc";
 export declare let KolPopoverButtonTag: "kol-popover-button";
 export declare let KolPopoverButtonWcTag: "kol-popover-button-wc";

package/dist/types/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.d.ts

@@ -5,6 +5,7 @@ export type CustomSuggestionsProps = JSXBase.HTMLAttributes<HTMLLIElement> & {
     index: number;
     option: W3CInputValue;
     selected: boolean;
+    searchTerm?: string;
     ref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;
 };
 declare const CustomSuggestionsOptionFc: FC<CustomSuggestionsProps>;

package/dist/types/schema/components/image.d.ts

@@ -1,20 +1,9 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { Loading, PropImageSource } from '../props';
-type RequiredProps = {
-    alt: string;
-} & PropImageSource;
-type OptionalProps = {
-    loading: Loading;
-    sizes: string;
-    srcset: string;
-};
-type RequiredStates = RequiredProps & {
-    loading: Loading;
-};
-type OptionalStates = {
-    sizes: string;
-    srcset: string;
-};
+import type { PropAlt, PropImageSizes, PropImageSource, PropImageSrcset, PropLoading } from '../props';
+type RequiredProps = PropAlt & PropImageSource;
+type OptionalProps = PropLoading & PropImageSizes & PropImageSrcset;
+type RequiredStates = RequiredProps & PropLoading;
+type OptionalStates = PropImageSizes & PropImageSrcset;
 export type ImageProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type ImageStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type ImageAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

package/dist/types/schema/props/alt.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchStringOptions } from '../utils';
+export type AltPropType = string;
+export type PropAlt = {
+    alt: AltPropType;
+};
+export declare const validateAlt: (component: Generic.Element.Component, value?: AltPropType, options?: WatchStringOptions) => void;

package/dist/types/schema/props/image-sizes.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchStringOptions } from '../utils';
+export type ImageSizesPropType = string;
+export type PropImageSizes = {
+    sizes: ImageSizesPropType;
+};
+export declare const validateImageSizes: (component: Generic.Element.Component, value?: ImageSizesPropType, options?: WatchStringOptions) => void;

package/dist/types/schema/props/image-srcset.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchStringOptions } from '../utils';
+export type ImageSrcsetPropType = string;
+export type PropImageSrcset = {
+    srcset: ImageSrcsetPropType;
+};
+export declare const validateImageSrcset: (component: Generic.Element.Component, value?: ImageSrcsetPropType, options?: WatchStringOptions) => void;

package/dist/types/schema/props/index.d.ts

@@ -1 +1 @@
-export*from"./access-key";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./align";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./badge-text";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./color";export*from"./custom-class";export*from"./details-callbacks";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./hide-label";export*from"./hide-msg";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./label-align";export*from"./link-on-callbacks";export*from"./link-target";export*from"./link-variant";export*from"./loading";export*from"./max";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./popover-align";export*from"./popover-callbacks";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./short-key";export*from"./show";export*from"./spell-check";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./toolbar-items";export*from"./tooltip-align";export*from"./touched";export*from"./variant/spin";
+export*from"./access-key";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./alt";export*from"./align";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./badge-text";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./color";export*from"./custom-class";export*from"./details-callbacks";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./hide-label";export*from"./hide-msg";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./image-sizes";export*from"./image-srcset";export*from"./indeterminate";export*from"./label";export*from"./label-align";export*from"./link-on-callbacks";export*from"./link-target";export*from"./link-variant";export*from"./loading";export*from"./max";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./popover-align";export*from"./popover-callbacks";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./short-key";export*from"./show";export*from"./spell-check";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./toolbar-items";export*from"./tooltip-align";export*from"./touched";export*from"./variant/spin";

package/dist/types/schema/props/loading.d.ts

@@ -1,5 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
 declare const loadingOptions: readonly ["eager", "lazy"];
 export type Loading = (typeof loadingOptions)[number];
+export type PropLoading = {
+    loading: Loading;
+};
 export declare function validateLoading(component: Generic.Element.Component, value?: Loading): void;
 export {};

package/doc/components.md

@@ -5,9 +5,9 @@
 You can install the KoliBri components with `npm`, `pnpm` or `yarn`:
 
 ```bash
-npm i -g @public-ui/components
-pnpm i -g @public-ui/components
-yarn add -g @public-ui/components
+npm i @public-ui/components
+pnpm i @public-ui/components
+yarn add @public-ui/components
 ```
 
 ## Usage
@@ -36,7 +36,7 @@ Then, you can use the components in your HTML:
 
 Consider using one of the [framework integrations](https://public-ui.github.io/en/docs/get-started/frameworks) for a better developer experience.
 
-## Development hints
+## Development notes
 
 ### Styling
 

package/doc/pagination.md

@@ -1,4 +1,4 @@
-# kol-pagination
+# kol-pagination-wc
 
 <!-- Auto Generated Below -->
 

package/doc/split-button.md

@@ -5,24 +5,27 @@
 
 ## Properties
 
-| Property              | Attribute        | Description                                                                                                                                                                      | Type                                                                                                                                                   | Default     |
-| --------------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_ariaControls`       | `_aria-controls` | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string` \| `undefined`                                                                                                                                  | `undefined` |
-| `_ariaExpanded`       | `_aria-expanded` | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)          | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
-| `_ariaSelected`       | `_aria-selected` | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
-| `_customClass`        | `_custom-class`  | Defines the custom class attribute if _variant="custom" is set.                                                                                                                  | `string` \| `undefined`                                                                                                                                  | `undefined` |
-| `_disabled`           | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                                           | `boolean` \| `undefined`                                                                                                                                 | `false`     |
-| `_hideLabel`          | `_hide-label`    | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                       | `boolean` \| `undefined`                                                                                                                                 | `false`     |
-| `_icons`              | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                  | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `undefined`                                                                                 | `undefined` |
-| `_id`                 | `_id`            | Defines the internal ID of the primary component element.                                                                                                                        | `string` \| `undefined`                                                                                                                                  | `undefined` |
-| `_label` _(required)_ | `_label`         | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                                                               | `string`                                                                                                                                               | `undefined` |
-| `_name`               | `_name`          | Defines the technical name of an input field.                                                                                                                                    | `string` \| `undefined`                                                                                                                                  | `undefined` |
-| `_on`                 | --               | Defines the callback functions for button events.                                                                                                                                | `undefined` \| `{ onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>` \| `undefined; onMouseDown?: EventCallback<MouseEvent>` \| `undefined; }` | `undefined` |
-| `_role`               | `_role`          | Defines the role of the components primary element.                                                                                                                              | `"button"` \| `"link"` \| `"tab"` \| `"treeitem"` \| `undefined`                                                                                               | `undefined` |
-| `_tooltipAlign`       | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                        | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                  | `'top'`     |
-| `_type`               | `_type`          | Defines either the type of the component or of the components interactive element.                                                                                               | `"button"` \| `"reset"` \| `"submit"` \| `undefined`                                                                                                         | `'button'`  |
-| `_value`              | `_value`         | Defines the value that the button emits on click.                                                                                                                                | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                           | `undefined` |
-| `_variant`            | `_variant`       | Defines which variant should be used for presentation.                                                                                                                           | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `"tertiary"` \| `undefined`                                                   | `'normal'`  |
+| Property              | Attribute           | Description                                                                                                                                                                      | Type                                                                                                                                                   | Default     |
+| --------------------- | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
+| `_accessKey`          | `_access-key`       | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                          | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                            | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)          | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
+| `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
+| `_customClass`        | `_custom-class`     | Defines the custom class attribute if _variant="custom" is set.                                                                                                                  | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                           | `boolean` \| `undefined`                                                                                                                                 | `false`     |
+| `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                       | `boolean` \| `undefined`                                                                                                                                 | `false`     |
+| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                  | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `undefined`                                                                                 | `undefined` |
+| `_id`                 | `_id`               | Defines the internal ID of the primary component element.                                                                                                                        | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                                                               | `string`                                                                                                                                               | `undefined` |
+| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                    | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_on`                 | --                  | Defines the callback functions for button events.                                                                                                                                | `undefined` \| `{ onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>` \| `undefined; onMouseDown?: EventCallback<MouseEvent>` \| `undefined; }` | `undefined` |
+| `_role`               | `_role`             | Defines the role of the components primary element.                                                                                                                              | `"button"` \| `"link"` \| `"tab"` \| `"treeitem"` \| `undefined`                                                                                               | `undefined` |
+| `_shortKey`           | `_short-key`        | Adds a visual short key hint to the component.                                                                                                                                   | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                        | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                  | `'top'`     |
+| `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                               | `"button"` \| `"reset"` \| `"submit"` \| `undefined`                                                                                                         | `'button'`  |
+| `_value`              | `_value`            | Defines the value that the button emits on click.                                                                                                                                | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                           | `undefined` |
+| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                           | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `"tertiary"` \| `undefined`                                                   | `'normal'`  |
 
 
 ## Methods
@@ -37,6 +40,26 @@ Type: `Promise<void>`
 
 
 
+### `getValue() => Promise<StencilUnknown>`
+
+
+
+#### Returns
+
+Type: `Promise<StencilUnknown>`
+
+
+
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "3.0.2-ab502d4896d9763f93bb8cce1b07a1b2f8d04439.0",
+  "version": "3.0.2-ec3e6ae7179dfaa0a4a69b756cd5422dd81d0065.0",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -53,9 +53,12 @@
   "dependencies": {
     "@floating-ui/dom": "1.7.1",
     "adopted-style-sheets": "1.1.9-rc.19",
+    "boxen": "8.0.1",
+    "chalk": "5.4.1",
     "clsx": "2.1.1",
     "color-convert": "3.1.0",
     "color-rgba": "2.4.0",
+    "figlet": "1.8.1",
     "lodash-es": "4.17.21",
     "markdown-it": "14.1.0",
     "query-selector-all-shadow-root": "0.0.3",
@@ -72,6 +75,7 @@
     "dist",
     "doc",
     "custom-elements.json",
+    "postinstall.js",
     "vscode-custom-data.json"
   ],
   "scripts": {}

package/postinstall.js

@@ -0,0 +1,38 @@
+module.exports = async () => {
+	if (process.env.CI === 'true') {
+		return;
+	}
+	const { default: chalk } = await import('chalk');
+	const { default: boxen } = await import('boxen');
+	const figlet = require('figlet');
+
+	const isGerman = (process.env.LANG || '').startsWith('de');
+	const title = chalk.cyan(figlet.textSync('KoliBri', { font: 'Standard' }));
+
+	const english = [
+		'Help us make KoliBri even more accessible!',
+		'',
+		'-  Star our repo & submit pull requests',
+		'-  Give feedback via GitHub issues',
+		'-  Documentation – https://public-ui.github.io',
+		'-  Open Source – https://github.com/public-ui',
+	].join('\n');
+
+	const german = [
+		'Hilf mit, KoliBri noch barrierefreier zu machen!',
+		'',
+		'-  Starte unser Repo & reiche Pull-Requests ein',
+		'-  Gib Feedback über GitHub Issues',
+		'-  Dokumentation – https://public-ui.github.io',
+		'-  Open Source – https://github.com/public-ui',
+	].join('\n');
+
+	const message = isGerman ? german : english;
+
+	console.log(title);
+	console.log(boxen(message, { padding: 1, borderStyle: 'round' }));
+};
+
+if (require.main === module) {
+	module.exports();
+}

package/vscode-custom-data.json

@@ -2764,6 +2764,69 @@
         }
       ]
     },
+    {
+      "name": "kol-pagination-wc",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "_boundary-count",
+          "description": "Defines the amount of pages to show next to the outer arrow buttons."
+        },
+        {
+          "name": "_custom-class",
+          "description": "Defines the custom class attribute if _variant=\"custom\" is set."
+        },
+        {
+          "name": "_has-buttons",
+          "description": "Defines which navigation buttons to render (first, last, next, previous buttons)."
+        },
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
+        {
+          "name": "_max",
+          "description": "Defines the maximum number of pages."
+        },
+        {
+          "name": "_page",
+          "description": "Defines the current page."
+        },
+        {
+          "name": "_page-size",
+          "description": "Defines the amount of entries to show per page."
+        },
+        {
+          "name": "_page-size-options",
+          "description": "Defines the options for the page-size-select."
+        },
+        {
+          "name": "_sibling-count",
+          "description": "Defines the amount of pages to show next to the current page."
+        },
+        {
+          "name": "_tooltip-align",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "kol-popover-button",
       "description": {
@@ -3440,10 +3503,18 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "_access-key",
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+        },
         {
           "name": "_aria-controls",
           "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
         },
+        {
+          "name": "_aria-description",
+          "description": "Defines the value for the aria-description attribute."
+        },
         {
           "name": "_aria-expanded",
           "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
@@ -3498,6 +3569,10 @@
             }
           ]
         },
+        {
+          "name": "_short-key",
+          "description": "Adds a visual short key hint to the component."
+        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",