@public-ui/components 2.1.0 → 2.1.2

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

@@ -1,4 +1,7 @@
 import type { Generic } from 'adopted-style-sheets';
+import locale_de from '../locales/de';
+export type ResourcePrefix = 'Kol';
+export type ComponentKeys = keyof typeof locale_de;
 interface ITranslationOptions {
     placeholders?: {
         [K: string]: string;
@@ -13,5 +16,5 @@ export declare class I18nService {
     translate(key: string, options?: ITranslationOptions): string;
 }
 export declare const getI18nInstance: () => I18nService;
-export declare const initializeI18n: (lng: Generic.I18n.Locale.ISO_639_1, translations?: Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string> | Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>[] | Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>>) => void;
+export declare const initializeI18n: (lng: Generic.I18n.Locale.ISO_639_1, translations?: Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string> | Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>[] | Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>>) => I18nService;
 export {};

package/dist/types/i18n.d.ts

@@ -1,6 +1,4 @@
-import locale_de from './locales/de';
-type ResourcePrefix = 'Kol';
-type ComponentKeys = keyof typeof locale_de;
+import type { ComponentKeys, ResourcePrefix } from './core/i18n';
 type Options = {
     count?: number;
     placeholders?: {

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export { KoliBriDevHelper, Optgroup, Option, SelectOption } from './schema';
-export type { Toast, ToasterOptions } from './schema';
+export type { Toast, ToasterOptions, KoliBriTableSelection, KoliBriTableCell } from './schema';
 export { KoliBri } from './schema';
 export * from './components.d';
 export { setCurrentLocation } from './components/link/ariaCurrentService';

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

@@ -37,5 +37,9 @@ declare const _default: {
     'error-list-message': string;
     version: string;
     'table-visible-range': string;
+    dropdown: string;
+    'nav-label-open': string;
+    'nav-label-close': string;
+    'close-alert': string;
 };
 export default _default;

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

@@ -37,5 +37,9 @@ declare const _default: {
     'error-list-message': string;
     version: string;
     'table-visible-range': string;
+    dropdown: string;
+    'nav-label-open': string;
+    'nav-label-close': string;
+    'close-alert': string;
 };
 export default _default;

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

@@ -0,0 +1,32 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropSuggestions } from '../props';
+import type { InputTypeOnDefault, KoliBriHorizontalIcons, Stringified, W3CInputValue } from '../types';
+type RequiredProps = PropSuggestions;
+type OptionalProps = {
+    accessKey: string;
+    hint: string;
+    icons: Stringified<KoliBriHorizontalIcons>;
+    on: InputTypeOnDefault;
+    tabIndex: number;
+    value: string;
+    placeholder: string;
+} & PropDisabled & PropHideError & PropHideLabel & PropLabelWithExpertSlot & PropMsg & PropName & PropRequired & PropSyncValueBySelector & PropTouched;
+type RequiredStates = {
+    hasValue: boolean;
+    suggestions: W3CInputValue[];
+    value: string;
+} & PropId & PropHideError & PropLabelWithExpertSlot;
+type OptionalStates = {
+    accessKey: string;
+    alert: boolean;
+    hint: string;
+    icons: KoliBriHorizontalIcons;
+    on: InputTypeOnDefault;
+    tabIndex: number;
+    placeholder: string;
+} & PropDisabled & PropHideLabel & PropId & PropName & PropRequired & PropMsg & PropTouched;
+export type ComboboxProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+export type ComboboxStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type ComboboxWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
+export type ComboboxAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1 +1 @@
-export*from"./abbr";export*from"./accordion";export*from"./alert";export*from"./avatar";export*from"./badge";export*from"./breadcrumb";export*from"./button";export*from"./button-group";export*from"./button-link";export*from"./card";export*from"./details";export*from"./form";export*from"./heading";export*from"./icon";export*from"./image";export*from"./indented-text";export*from"./input";export*from"./input-checkbox";export*from"./input-color";export*from"./input-date";export*from"./input-email";export*from"./input-file";export*from"./input-number";export*from"./input-password";export*from"./input-radio";export*from"./input-range";export*from"./input-text";export*from"./kolibri";export*from"./link";export*from"./link-button";export*from"./link-group";export*from"./modal";export*from"./nav";export*from"./pagination";export*from"./popover";export*from"./progress";export*from"./quote";export*from"./select";export*from"./skip-nav";export*from"./span";export*from"./spin";export*from"./split-button";export*from"./symbol";export*from"./table";export*from"./tableStateless";export*from"./tabs";export*from"./textarea";export*from"./toaster";export*from"./tooltip";export*from"./tree";export*from"./tree-item";export*from"./version";
+export*from"./abbr";export*from"./accordion";export*from"./alert";export*from"./avatar";export*from"./badge";export*from"./breadcrumb";export*from"./button";export*from"./button-group";export*from"./button-link";export*from"./card";export*from"./details";export*from"./form";export*from"./heading";export*from"./icon";export*from"./image";export*from"./indented-text";export*from"./input";export*from"./input-checkbox";export*from"./input-color";export*from"./input-date";export*from"./input-email";export*from"./input-file";export*from"./input-number";export*from"./input-password";export*from"./input-radio";export*from"./input-range";export*from"./input-text";export*from"./kolibri";export*from"./link";export*from"./link-button";export*from"./link-group";export*from"./modal";export*from"./nav";export*from"./pagination";export*from"./popover";export*from"./progress";export*from"./quote";export*from"./select";export*from"./skip-nav";export*from"./span";export*from"./spin";export*from"./split-button";export*from"./symbol";export*from"./table";export*from"./tableStateless";export*from"./tabs";export*from"./textarea";export*from"./toaster";export*from"./toolbar";export*from"./tooltip";export*from"./tree";export*from"./tree-item";export*from"./version";export*from"./combobox";

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

@@ -1,7 +1,7 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropOptionsWithOptgroup, PropRequired, PropRows, PropSyncValueBySelector, PropTouched } from '../props';
 import type { InputTypeOnDefault, KoliBriHorizontalIcons, SelectOption, Stringified, W3CInputValue } from '../types';
-type RequiredProps = NonNullable<unknown>;
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     accessKey: string;
     alert: boolean;
@@ -11,7 +11,7 @@ type OptionalProps = {
     on: InputTypeOnDefault;
     tabIndex: number;
     value: Stringified<W3CInputValue[]>;
-} & PropDisabled & PropHideError & PropHideLabel & PropLabelWithExpertSlot & PropMsg & PropMultiple & PropName & PropOptionsWithOptgroup & PropRequired & PropRows & PropSyncValueBySelector & PropTouched;
+} & PropDisabled & PropHideError & PropHideLabel & PropMsg & PropMultiple & PropName & PropOptionsWithOptgroup & PropRequired & PropRows & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     hasValue: boolean;
     options: SelectOption<W3CInputValue>[];

package/dist/types/schema/components/split-button.d.ts

@@ -1,10 +1,10 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { ButtonCallbacksPropType, PropAlternativeButtonLinkRole, PropButtonVariant, PropIcons, PropLabel, PropShow, PropTooltipAlign } from '../props';
+import type { ButtonCallbacksPropType, PropAlternativeButtonLinkRole, PropButtonVariant, PropDisabled, PropHideLabel, PropIcons, PropLabel, PropName, PropShow, PropTooltipAlign } from '../props';
 import type { StencilUnknown } from '../types';
 type RequiredProps = PropLabel;
 type OptionalProps = {
     on?: ButtonCallbacksPropType<StencilUnknown>;
-} & PropAlternativeButtonLinkRole & PropIcons & PropTooltipAlign & PropButtonVariant;
+} & PropDisabled & PropHideLabel & PropAlternativeButtonLinkRole & PropIcons & PropTooltipAlign & PropButtonVariant & PropName;
 type RequiredStates = PropShow;
 type OptionalStates = NonNullable<unknown>;
 export type SplitButtonProps = Generic.Element.Members<RequiredProps, OptionalProps>;

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

@@ -1,6 +1,6 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropLabel, PropTableData, PropTableDataFoot } from '../props';
-import type { KoliBriTableDataType, KoliBriTableHeaderCell, Stringified, KoliBriSortDirection } from '../types';
+import type { PropLabel, StatefulPropTableCallbacks, PropTableData, PropTableDataFoot, PropTableSelection } from '../props';
+import type { KoliBriTableDataType, KoliBriTableHeaderCell, Stringified, KoliBriSortDirection, KoliBriTableSelection } from '../types';
 import type { KoliBriPaginationProps } from './pagination';
 import type { PropPaginationPosition } from '../props/pagination-position';
 export type KoliBriTableSelectedHead = {
@@ -20,9 +20,6 @@ export type KoliBriTableHeaders = {
     horizontal?: KoliBriTableHeaderCellWithLogic[][];
     vertical?: KoliBriTableHeaderCellWithLogic[][];
 };
-export type KoliBriTableHeaderCellAndData = KoliBriTableHeaderCellWithLogic & {
-    data: KoliBriTableDataType;
-};
 export type KoliBriTablePaginationProps = Generic.Element.Members<{
     page: number;
 }, KoliBriPaginationProps>;
@@ -37,7 +34,7 @@ type OptionalProps = {
     allowMultiSort: boolean;
     minWidth: string;
     pagination: boolean | Stringified<KoliBriTablePaginationProps>;
-} & PropTableDataFoot & PropPaginationPosition;
+} & PropTableDataFoot & PropPaginationPosition & PropTableSelection & StatefulPropTableCallbacks;
 type RequiredStates = {
     allowMultiSort: boolean;
     data: KoliBriTableDataType[];
@@ -49,7 +46,8 @@ type RequiredStates = {
 type OptionalStates = {
     minWidth: string;
     sortDirection: KoliBriSortDirection;
-};
+    selection: KoliBriTableSelection;
+} & StatefulPropTableCallbacks;
 export type TableProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type TableStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type TableAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -1,11 +1,11 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropLabel, PropTableCallbacks, PropTableData, PropTableDataFoot, TableHeaderCells } from '../props';
-import type { KoliBriTableDataType } from '../types';
+import type { PropLabel, PropTableCallbacks, PropTableData, PropTableDataFoot, PropTableSelection, TableHeaderCells } from '../props';
+import type { KoliBriTableDataType, KoliBriTableSelection } from '../types';
 import type { PropTableHeaderCells } from '../props/table-header-cells';
 type RequiredProps = PropLabel & PropTableData & PropTableHeaderCells;
 type OptionalProps = {
     minWidth: string;
-} & PropTableDataFoot & PropTableCallbacks;
+} & PropTableCallbacks & PropTableDataFoot & PropTableSelection;
 type RequiredStates = {
     headerCells: TableHeaderCells;
     data: KoliBriTableDataType[];
@@ -13,6 +13,7 @@ type RequiredStates = {
 type OptionalStates = {
     minWidth: string;
     dataFoot: KoliBriTableDataType[];
+    selection: KoliBriTableSelection;
 } & PropTableCallbacks;
 export type TableStatelessProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type TableStatelessStates = Generic.Element.Members<RequiredStates, OptionalStates>;

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

@@ -10,9 +10,13 @@ export type KoliBriTabsCallbacks = {
 } & {
     [Events.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
 };
+export type KoliBriTabButtonCallbacks = {
+    [Events.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
+};
 type RequiredTabButtonProps = PropLabel;
 type OptionalTabButtonProps = {
     icons: Stringified<KoliBriIconsProp>;
+    on: KoliBriTabButtonCallbacks;
 } & PropDisabled & PropHideLabel & PropTooltipAlign;
 export type TabButtonProps = Generic.Element.Members<RequiredTabButtonProps, OptionalTabButtonProps>;
 type RequiredProps = {

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

@@ -1,21 +1,22 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropAdjustHeight, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropRows, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault } from '../types';
+import type { InputTypeOnDefault, KoliBriHorizontalIcons } from '../types';
 export declare const cssResizeOptions: readonly ["both", "horizontal", "vertical", "none"];
 export type CSSResize = (typeof cssResizeOptions)[number];
-type RequiredProps = NonNullable<unknown>;
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     accessKey: string;
     alert: boolean;
     error: string;
     hint: string;
+    icons: KoliBriHorizontalIcons;
     maxLength: number;
     on: InputTypeOnDefault;
     placeholder: string;
     resize: CSSResize;
     tabIndex: number;
     value: string;
-} & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropLabelWithExpertSlot & PropMsg & PropName & PropReadOnly & PropRequired & PropRows & PropSyncValueBySelector & PropTouched;
+} & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropMsg & PropName & PropReadOnly & PropRequired & PropRows & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     adjustHeight: boolean;
     currentLength: number;
@@ -27,6 +28,7 @@ type OptionalStates = {
     alert: boolean;
     error: string;
     hint: string;
+    icons: KoliBriHorizontalIcons;
     maxLength: number;
     on: InputTypeOnDefault;
     placeholder: string;

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

@@ -0,0 +1,10 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { PropLabel, PropToolbarItems } from '../props';
+type RequiredProps = PropLabel & PropToolbarItems;
+type OptionalProps = unknown;
+type RequiredStates = RequiredProps;
+type OptionalStates = OptionalProps;
+export type ToolbarProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+export type ToolbarStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type ToolbarAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

package/dist/types/schema/enums/events.d.ts

@@ -16,5 +16,6 @@ export declare enum Events {
     onReset = "onReset",
     onSelect = "onSelect",
     onSort = "onSort",
+    onSelectionChange = "onSelectionChange",
     onSubmit = "onSubmit"
 }

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

@@ -1,5 +1,5 @@
 import { Theme } from 'adopted-style-sheets';
-export declare const KoliBri: Theme<"kol", "info" | "success" | "warning" | "error" | "message" | "close" | "form-description" | "of" | "characters" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "logo-description" | "open-link-in-tab" | "kolibri-logo", "symbol" | "details" | "abbr" | "button" | "form" | "link" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "icon" | "alert" | "card" | "accordion" | "accordion-group" | "avatar" | "badge" | "breadcrumb" | "button-group" | "button-link" | "heading" | "indented-text" | "input-checkbox" | "input-color" | "input-date" | "input-email" | "input-file" | "input-number" | "input-password" | "input-radio" | "input-range" | "input-text" | "kolibri" | "link-button" | "link-group" | "logo" | "modal" | "pagination" | "separator" | "skip-nav" | "spin" | "split-button" | "table-stateless" | "table-stateful" | "tabs" | "toast-container" | "toolbar" | "tooltip" | "tree" | "tree-item">;
+export declare const KoliBri: Theme<"kol", "info" | "success" | "warning" | "error" | "message" | "close" | "form-description" | "of" | "characters" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "logo-description" | "open-link-in-tab" | "kolibri-logo", "symbol" | "details" | "abbr" | "button" | "form" | "link" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "icon" | "alert" | "card" | "accordion" | "accordion-group" | "avatar" | "badge" | "breadcrumb" | "button-group" | "button-link" | "combobox" | "heading" | "indented-text" | "input-checkbox" | "input-color" | "input-date" | "input-email" | "input-file" | "input-number" | "input-password" | "input-radio" | "input-range" | "input-text" | "kolibri" | "link-button" | "link-group" | "logo" | "modal" | "pagination" | "separator" | "skip-nav" | "spin" | "split-button" | "table-stateless" | "table-stateful" | "tabs" | "toast-container" | "toolbar" | "tooltip" | "tree" | "tree-item">;
 export * from './components';
 export * from './props';
 export * from './types';

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

@@ -1 +1 @@
-export*from"./access-key";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-expanded";export*from"./aria-selected";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"./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"./heading-variant";export*from"./hide-error";export*from"./hide-label";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./show";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./tooltip-align";export*from"./touched";export*from"./variant/spin";
+export*from"./access-key";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-expanded";export*from"./aria-selected";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"./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"./heading-variant";export*from"./hide-error";export*from"./hide-label";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./show";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./tooltip-align";export*from"./toolbar-items";export*from"./touched";export*from"./variant/spin";

package/dist/types/schema/props/table-callbacks.d.ts

@@ -1,15 +1,25 @@
 import type { Events } from '../enums';
 import type { EventValueOrEventCallback } from '../types/callbacks';
 import type { Generic } from 'adopted-style-sheets';
-import type { KoliBriSortDirection } from '../types';
+import type { KoliBriSortDirection, KoliBriTableDataType } from '../types';
 export type SortEventPayload = {
     key: string;
     currentSortDirection: KoliBriSortDirection;
 };
+export type SelectionChangeEventPayload = string[];
+export type StatefulSelectionChangeEventPayload = KoliBriTableDataType[];
 export type TableCallbacksPropType = {
     [Events.onSort]?: EventValueOrEventCallback<MouseEvent, SortEventPayload>;
+    [Events.onSelectionChange]?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>;
+};
+export type TableStatefulCallbacksPropType = {
+    [Events.onSelectionChange]?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>;
 };
 export type PropTableCallbacks = {
     on: TableCallbacksPropType;
 };
+export type StatefulPropTableCallbacks = {
+    on: TableStatefulCallbacksPropType;
+};
 export declare const validateTableCallbacks: (component: Generic.Element.Component, value?: TableCallbacksPropType) => void;
+export declare const validateTableStatefulCallbacks: (component: Generic.Element.Component, value?: TableStatefulCallbacksPropType) => void;

package/dist/types/schema/props/table-selection.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { KoliBriTableSelection, Stringified } from '../types';
+export type TableSelectionPropType = Stringified<KoliBriTableSelection>;
+export type PropTableSelection = {
+    selection: TableSelectionPropType;
+};
+export declare const validateTableSelection: (component: Generic.Element.Component, value?: TableSelectionPropType) => void;

package/dist/types/schema/props/toolbar-items.d.ts

@@ -0,0 +1,8 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { ButtonProps, LinkProps } from '../../schema';
+export type ToolbarItemPropType = ButtonProps | LinkProps;
+export type ToolbarItemsPropType = ToolbarItemPropType[];
+export type PropToolbarItems = {
+    items: ToolbarItemsPropType;
+};
+export declare const validateToolbarItems: (component: Generic.Element.Component, value?: ToolbarItemsPropType) => void;

package/dist/types/schema/tag-names.d.ts

@@ -10,45 +10,46 @@ export declare enum TagEnum {
     'button-group' = 8,
     'button-link' = 9,
     'card' = 10,
-    'details' = 11,
-    'form' = 12,
-    'heading' = 13,
-    'icon' = 14,
-    'image' = 15,
-    'indented-text' = 16,
-    'input-checkbox' = 17,
-    'input-color' = 18,
-    'input-date' = 19,
-    'input-email' = 20,
-    'input-file' = 21,
-    'input-number' = 22,
-    'input-password' = 23,
-    'input-radio' = 24,
-    'input-range' = 25,
-    'input-text' = 26,
-    'kolibri' = 27,
-    'link' = 28,
-    'link-button' = 29,
-    'link-group' = 30,
-    'logo' = 31,
-    'modal' = 32,
-    'nav' = 33,
-    'pagination' = 34,
-    'progress' = 35,
-    'select' = 36,
-    'separator' = 37,
-    'skip-nav' = 38,
-    'spin' = 39,
-    'split-button' = 40,
-    'symbol' = 41,
-    'table' = 42,
-    'table-stateless' = 43,
-    'table-stateful' = 44,
-    'tabs' = 45,
-    'textarea' = 46,
-    'toast-container' = 47,
-    'toolbar' = 48,
-    'tooltip' = 49,
-    'tree' = 50,
-    'tree-item' = 51
+    'combobox' = 11,
+    'details' = 12,
+    'form' = 13,
+    'heading' = 14,
+    'icon' = 15,
+    'image' = 16,
+    'indented-text' = 17,
+    'input-checkbox' = 18,
+    'input-color' = 19,
+    'input-date' = 20,
+    'input-email' = 21,
+    'input-file' = 22,
+    'input-number' = 23,
+    'input-password' = 24,
+    'input-radio' = 25,
+    'input-range' = 26,
+    'input-text' = 27,
+    'kolibri' = 28,
+    'link' = 29,
+    'link-button' = 30,
+    'link-group' = 31,
+    'logo' = 32,
+    'modal' = 33,
+    'nav' = 34,
+    'pagination' = 35,
+    'progress' = 36,
+    'select' = 37,
+    'separator' = 38,
+    'skip-nav' = 39,
+    'spin' = 40,
+    'split-button' = 41,
+    'symbol' = 42,
+    'table' = 43,
+    'table-stateless' = 44,
+    'table-stateful' = 45,
+    'tabs' = 46,
+    'textarea' = 47,
+    'toast-container' = 48,
+    'toolbar' = 49,
+    'tooltip' = 50,
+    'tree' = 51,
+    'tree-item' = 52
 }

package/dist/types/schema/types/table.d.ts

@@ -10,8 +10,14 @@ export type KoliBriTableCell = {
     rowSpan?: number;
     textAlign?: KoliBriTableCellTextAlign;
     width?: string;
+    data?: KoliBriTableDataType;
 };
 export type KoliBriTableHeaderCell = KoliBriTableCell & {
     key?: string;
     sortDirection?: KoliBriSortDirection;
 };
+export type KoliBriTableSelection = {
+    label: (row: KoliBriTableDataType) => string;
+    keyPropertyName?: string;
+    selectedKeys?: string[];
+};

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

@@ -3,6 +3,7 @@ type HintOptions = {
     force?: boolean;
 };
 export declare const a11yHint: (msg: string, options?: HintOptions) => void;
+export declare const deprecatedHint: (msg: string, options?: HintOptions) => void;
 export declare const devHint: (msg: string, options?: HintOptions) => void;
 export declare const devWarning: (msg: string, options?: HintOptions) => void;
 export declare const featureHint: (msg: string, done?: boolean, options?: HintOptions) => void;

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

@@ -54,6 +54,7 @@ export declare class KoliBriUtils {
     static queryHtmlElementColors(targetNode: HTMLElement, a11yColorContrast: A11yColorContrast, recursion?: boolean, log?: boolean): A11yColorContrast | null;
 }
 export declare class KoliBriDevHelper {
+    static readonly getCssStyle: (themeName: string, tagName: "GLOBAL" | "PROPERTIES" | `${Uppercase<string>}-${Uppercase<string>}`) => string;
     static readonly patchTheme: (name: string, map: Generic.Theming.Map<string, string>, options?: Generic.Theming.PatchOptions | undefined, registerOptions?: import("adopted-style-sheets").RegisterOptions | undefined) => string;
     static readonly patchThemeTag: (themeName: string, tagName: "GLOBAL" | "PROPERTIES" | `${Uppercase<string>}-${Uppercase<string>}`, css: string, options?: Generic.Theming.PatchOptions | undefined) => void;
     static readonly querySelector: <T extends Element>(selector: string, node?: Document | HTMLElement | ShadowRoot | undefined) => T | null;

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

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -1129,7 +1125,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1159,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1218,6 +1211,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };

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

@@ -1,4 +1,4 @@
-type KoliBriEventType = 'blur' | 'change' | 'click' | 'focus' | 'input' | 'toggle';
+type KoliBriEventType = 'blur' | 'change' | 'click' | 'focus' | 'input' | 'toggle' | 'selection-change';
 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;

package/doc/button-link.md

@@ -18,6 +18,29 @@ Da der Link, nicht wie der Button, in mehrere Varianten (`primary` oder `seconda
 <kol-button-link _on="" _label="Schalter sieht wie ein Link aus"></kol-button-link>
 ```
 
+### Events
+
+Events der Komponente können über eine `_on`-Property behandelt werden, die aus einem Objekt mit verschiedenen Callback-Funktionen besteht:
+
+```js
+kolibriElement._on = {
+	onFocus: (event) => {
+		/* Do something on focus */
+	},
+	onClick: (event, value) => {
+		/* Do something with value or event */
+	},
+	// ...
+};
+```
+
+| Event       | Auslöser                                                       | Value                |
+| ----------- | -------------------------------------------------------------- | -------------------- |
+| onFocus     | Element wird fokussiert                                        | -                    |
+| onMouseDown | Element wird angeklickt (entspricht nativem `mouseDown`-Event) | -                    |
+| onClick     | Element wird angeklickt (entspricht nativem `click`-Event)     | Definierter `_value` |
+| onBlur      | Element verliert Fokus                                         | -                    |
+
 ### Beispiel
 
 <div class="flex gap-2">

package/doc/button.md

@@ -14,6 +14,29 @@
 <kol-button _label="Ghost" _variant="ghost"></kol-button>
 ```
 
+### Events
+
+Events der Komponente können über eine `_on`-Property behandelt werden, die aus einem Objekt mit verschiedenen Callback-Funktionen besteht:
+
+```js
+kolibriElement._on = {
+	onFocus: (event) => {
+		/* Do something on focus */
+	},
+	onClick: (event, value) => {
+		/* Do something with value or event */
+	},
+	// ...
+};
+```
+
+| Event       | Auslöser                                                       | Value                |
+| ----------- | -------------------------------------------------------------- | -------------------- |
+| onFocus     | Element wird fokussiert                                        | -                    |
+| onMouseDown | Element wird angeklickt (entspricht nativem `mouseDown`-Event) | -                    |
+| onClick     | Element wird angeklickt (entspricht nativem `click`-Event)     | Definierter `_value` |
+| onBlur      | Element verliert Fokus                                         | -                    |
+
 ### Beispiel
 
 Default