@public-ui/components 2.1.7-rc.2 → 2.1.8-rc.0

package/dist/kolibri/rows-c1ee8752.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{k as o}from"./prop.validators-5a58fa40.js";const a=(a,r)=>{o(a,"_rows",r,{min:1})};export{a as v};

package/dist/kolibri/show-430cafc2.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{b as o}from"./prop.validators-5a58fa40.js";const a=(a,s,r)=>{o(a,"_show",s,r)};export{a as v};

package/dist/kolibri/{suggestions-1d994338.js → suggestions-2f34bad6.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{g as s,a as e}from"./prop.validators-f89d26b4.js";const o=(o,t)=>{s(o,"_suggestions",(s=>"string"==typeof s||"number"==typeof s),t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&e("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{o as v};
+import{g as s,a as e}from"./prop.validators-5a58fa40.js";const o=(o,t)=>{s(o,"_suggestions",(s=>"string"==typeof s||"number"==typeof s),t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&e("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{o as v};

package/dist/kolibri/tab-index-86f3bbae.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{k as a,a as t}from"./prop.validators-5a58fa40.js";const o={hooks:{afterPatch:a=>{-1!==a&&0!==a&&t("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},e=(t,e)=>{a(t,"_tabIndex",e,o)};export{e as v};

package/dist/kolibri/{tab-index-a117f598.js.map → tab-index-86f3bbae.js.map}

@@ -1 +1 @@
-{"version":3,"names":["options","hooks","afterPatch","value","a11yHint","validateTabIndex","component","watchNumber"],"sources":["src/schema/validators/tab-index.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchNumberOptions } from '../utils';\nimport { a11yHint, watchNumber } from '../utils';\n\n/**\n * Accessibility hints\n * - https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html\n */\n\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/**\n * Diese Methode validiert das Property und setzt den State, wenn es valide ist.\n */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: number): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n"],"mappings":";;;oDAUA,MAAMA,EAA8B,CACnCC,MAAO,CACNC,WAAaC,IACZ,GAAIA,KAAW,GAAKA,IAAU,EAAG,CAChCC,EAAS,6G,WASAC,EAAmB,CAACC,EAAsCH,KACtEI,EAAYD,EAAW,YAAaH,EAAOH,EAAQ,S","ignoreList":[]}
+{"version":3,"names":["options","hooks","afterPatch","value","a11yHint","validateTabIndex","component","watchNumber"],"sources":["src/schema/validators/tab-index.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchNumberOptions } from '../utils';\nimport { a11yHint, watchNumber } from '../utils';\n\n/**\n * Accessibility hints\n * - https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html\n */\n\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/**\n * Diese Methode validiert das Property und setzt den State, wenn es valide ist.\n */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: number): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n"],"mappings":";;;yDAUA,MAAMA,EAA8B,CACnCC,MAAO,CACNC,WAAaC,IACZ,GAAIA,KAAW,GAAKA,IAAU,EAAG,CAChCC,EAAS,6G,WASAC,EAAmB,CAACC,EAAsCH,KACtEI,EAAYD,EAAW,YAAaH,EAAOH,EAAQ,S","ignoreList":[]}

package/dist/kolibri/tooltip-align-e140b328.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{v as o}from"./align-78bab7b5.js";const t=(t,a)=>{o(t,"_tooltipAlign",a)};export{t as v};

package/dist/kolibri/validation-2329d751.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as e}from"./label-084ed1e7.js";import{w as r}from"./prop.validators-5a58fa40.js";const a=(a,o)=>{r(a,"_level",(r=>"number"==typeof r&&e.includes(r)),new Set([`Number {${e.join(", ")}`]),o,{defaultValue:1,required:!0})};export{a as w};

package/dist/kolibri/validation-d958b624.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{g as o,h as t}from"./prop.validators-5a58fa40.js";const s=(s,a,e)=>{o(a,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),e),t(s,a.state._links.length)};export{s as w};

package/dist/types/components/input-checkbox/controller.d.ts

@@ -1,4 +1,4 @@
-import type { CheckedPropType, IndeterminatePropType, InputCheckboxIconsProp, InputCheckboxProps, InputCheckboxVariant, InputCheckboxWatches, StencilUnknown, Stringified } from '../../schema';
+import type { CheckedPropType, IndeterminatePropType, InputCheckboxIconsProp, InputCheckboxProps, InputCheckboxVariant, InputCheckboxWatches, LabelAlignPropType, StencilUnknown, Stringified } from '../../schema';
 import { InputCheckboxRadioController } from '../input-radio/controller';
 import type { Generic } from 'adopted-style-sheets';
 export declare class InputCheckboxController extends InputCheckboxRadioController implements InputCheckboxWatches {
@@ -8,6 +8,7 @@ export declare class InputCheckboxController extends InputCheckboxRadioControlle
     validateChecked(value?: CheckedPropType): void;
     validateIcons(value?: Stringified<InputCheckboxIconsProp>): void;
     validateIndeterminate(value?: IndeterminatePropType): void;
+    validateLabelAlign(value?: LabelAlignPropType): void;
     validateValue(value?: Stringified<StencilUnknown>): void;
     validateVariant(value?: InputCheckboxVariant): void;
     componentWillLoad(): void;

package/dist/types/components/input-checkbox/shadow.d.ts

@@ -1,4 +1,4 @@
-import type { CheckedPropType, HideErrorPropType, IdPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputCheckboxVariant, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { CheckedPropType, HideErrorPropType, IdPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputCheckboxVariant, InputTypeOnDefault, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 import type { FocusableElement } from '../../schema/interfaces/FocusableElement';
 export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElement {
@@ -23,6 +23,7 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     _id?: IdPropType;
     _indeterminate?: boolean;
     _label: LabelWithExpertSlotPropType;
+    _labelAlign?: LabelAlignPropType;
     _msg?: MsgPropType;
     _name?: NamePropType;
     _on?: InputTypeOnDefault;
@@ -47,6 +48,7 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     validateId(value?: string): void;
     validateIndeterminate(value?: IndeterminatePropType): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
+    validateLabelAlign(value?: LabelAlignPropType): void;
     validateMsg(value?: MsgPropType): void;
     validateName(value?: string): void;
     validateOn(value?: InputTypeOnDefault): void;

package/dist/types/components/input-date/controller.d.ts

@@ -12,7 +12,7 @@ export declare class InputDateController extends InputIconController implements
     constructor(component: Generic.Element.Component & InputDateProps, name: string, host?: HTMLElement);
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateSuggestions(value?: SuggestionsPropType): void;
-    private tryParseToString;
+    static tryParseToString(value: Iso8601 | Date | null | undefined, type?: InputDateType, step?: string | number): string | null | undefined;
     private validateDateString;
     private readonly validateIso8601;
     protected onBlur(event: Event): void;

package/dist/types/components/input-password/controller.d.ts

@@ -5,6 +5,7 @@ import type { Generic } from 'adopted-style-sheets';
 export declare class InputPasswordController extends InputIconController implements InputPasswordWatches {
     protected readonly component: Generic.Element.Component & InputPasswordProps;
     constructor(component: Generic.Element.Component & InputPasswordProps, name: string, host?: HTMLElement);
+    protected afterSyncCharCounter: () => void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateHasCounter(value?: boolean): void;
     validateVariant(value?: PasswordVariantPropType): void;

package/dist/types/components/input-text/controller.d.ts

@@ -18,7 +18,6 @@ export declare class InputTextController extends InputTextEmailController implem
     hasError: boolean;
     constructor(component: Generic.Element.Component & InputTextProps, name: string, host?: HTMLElement);
     validateType(value?: InputTextType): void;
-    validateHasCounter(value?: boolean): void;
     componentWillLoad(): void;
 }
 export {};

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

@@ -1,10 +1,12 @@
 import type { KoliBriModalEventCallbacks, LabelPropType, ModalAPI, ModalStates } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolModal implements ModalAPI {
-    private hostElement?;
+    private refDialog?;
     componentDidRender(): void;
     disconnectedCallback(): void;
-    private readonly onKeyDown;
+    private handleNativeCloseEvent;
+    openModal(): Promise<void>;
+    closeModal(): Promise<void>;
     render(): JSX.Element;
     _activeElement?: HTMLElement | null;
     _label: LabelPropType;

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

@@ -1 +1,2 @@
-export declare const getModalHtml: () => string;
+import type { ModalProps } from '../../../schema';
+export declare const getModalHtml: (props: ModalProps) => string;

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

@@ -1,4 +1,4 @@
-import type { AlignPropType, PopoverAPI, PopoverStates, ShowPropType } from '../../schema';
+import type { AlignPropType, PopoverAPI, PopoverCallbacksPropType, PopoverStates, ShowPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolPopover implements PopoverAPI {
     private arrowElement?;
@@ -16,9 +16,11 @@ export declare class KolPopover implements PopoverAPI {
     private catchArrowElement;
     render(): JSX.Element;
     _align?: AlignPropType;
+    _on?: PopoverCallbacksPropType;
     _show?: boolean;
     state: PopoverStates;
     validateAlign(value?: AlignPropType): void;
+    validateOn(value?: PopoverCallbacksPropType): void;
     validateShow(value?: ShowPropType): void;
     componentWillLoad(): void;
 }

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

@@ -1,15 +1,12 @@
 import type { AlternativeButtonLinkRolePropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelPropType, NamePropType, SplitButtonProps, SplitButtonStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolSplitButton implements SplitButtonProps {
-    private dropdown;
-    private dropdownContent;
     private readonly clickButtonHandler;
     private readonly clickToggleHandler;
-    private readonly openDropdown;
-    private readonly closeDropdown;
     private readonly toggleDropdown;
-    private readonly catchDropdownElements;
+    private readonly handleOnClose;
     render(): JSX.Element;
+    closePopup(): void;
     _ariaControls?: string;
     _ariaExpanded?: boolean;
     _ariaSelected?: boolean;

package/dist/types/components/table-stateless/component.d.ts

@@ -8,6 +8,7 @@ export declare class KolTableStateless implements TableStatelessAPI {
     private horizontal;
     private cellsToRenderTimeouts;
     private dataToKeyMap;
+    private checkboxRefs;
     private tableDivElementHasScrollbar;
     _data: TableDataPropType;
     _dataFoot?: TableDataFootPropType;
@@ -23,6 +24,7 @@ export declare class KolTableStateless implements TableStatelessAPI {
     validateMinWidth(value?: string): void;
     validateOn(value?: TableCallbacksPropType): void;
     validateSelection(value?: TableSelectionPropType): void;
+    handleKeyDown(event: KeyboardEvent): void;
     componentDidRender(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;

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

@@ -1,13 +1,21 @@
-import type { AlignPropType, KoliBriTabsCallbacks, LabelPropType, Stringified, TabButtonProps, TabsAPI, TabsStates } from '../../schema';
+import type { AlignPropType, KoliBriTabsCallbacks, LabelPropType, Stringified, TabBehaviorPropType, TabButtonProps, TabsAPI, TabsStates } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolTabs implements TabsAPI {
     private readonly host?;
     private tabPanelsElement?;
     private onCreateLabel;
     private showCreateTab;
+    private currentFocusIndex;
     private nextPossibleTabIndex;
+    private prevPossibleTabIndex;
     private onKeyDown;
+    private getCurrentFocusIndex;
+    private getKeyboardTabChangeMode;
+    private goToNextTab;
+    private goToPreviousTab;
+    private activateFocusedTab;
     private readonly onClickSelect;
+    private selectNextTabEvent;
     private readonly onMouseDown;
     private readonly callbacks;
     private renderButtonGroup;
@@ -15,6 +23,7 @@ export declare class KolTabs implements TabsAPI {
     private readonly catchTabPanelHost;
     render(): JSX.Element;
     _align?: AlignPropType;
+    _behavior?: TabBehaviorPropType;
     _label: LabelPropType;
     _on?: KoliBriTabsCallbacks;
     _selected?: number;
@@ -23,6 +32,7 @@ export declare class KolTabs implements TabsAPI {
     private selectNextNotDisabledTab;
     private syncSelectedAndTabs;
     validateAlign(value?: AlignPropType): void;
+    validateBehavior(value?: TabBehaviorPropType): void;
     validateLabel(value?: LabelPropType): void;
     validateOn(value?: KoliBriTabsCallbacks): void;
     validateSelected(value?: number): void;
@@ -30,6 +40,8 @@ export declare class KolTabs implements TabsAPI {
     componentWillLoad(): void;
     private readonly handleTabPanels;
     componentDidRender(): void;
+    private focusTabById;
     private onSelect;
     private onCreate;
+    private onBlur;
 }

package/dist/types/components.d.ts

@@ -5,10 +5,10 @@
  * 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, AriaDescriptionPropType, AriaOwnsPropType, 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, ModalPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RadioOptionsPropType, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
+import { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, 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, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, ModalPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
 import { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 import { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
-export { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, 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, ModalPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RadioOptionsPropType, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
+export { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, 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, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, ModalPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
 export { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 export { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
 export namespace Components {
@@ -809,6 +809,10 @@ export namespace Components {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
         "_label": LabelWithExpertSlotPropType;
+        /**
+          * Defines which alignment should be used for presentation.
+         */
+        "_labelAlign"?: LabelAlignPropType;
         /**
           * Defines the properties for a message rendered as Alert component.
          */
@@ -2128,9 +2132,13 @@ export namespace Components {
          */
         "_org": Bundesministerium | Bundesamt | Bundesanstalt;
     }
+    /**
+     * https://en.wikipedia.org/wiki/Modal_window
+     */
     interface KolModal {
         /**
-          * Gibt die Referenz auf das auslösende HTML-Element an, wodurch das Modal geöffnet wurde.
+          * Legacy property - while set to an HTMLElement, the modal is open.
+          * @deprecated Use methode `openModal` and `closeModal` instead.
          */
         "_activeElement"?: HTMLElement | null;
         /**
@@ -2138,13 +2146,15 @@ export namespace Components {
          */
         "_label": LabelPropType;
         /**
-          * Gibt die EventCallback-Function für das Schließen des Modals an.
+          * Defines the modal callback functions.
          */
         "_on"?: KoliBriModalEventCallbacks;
         /**
           * Defines the width of the modal. (max-width: 100%)
          */
         "_width"?: string;
+        "closeModal": () => Promise<void>;
+        "openModal": () => Promise<void>;
     }
     interface KolNav {
         /**
@@ -2229,6 +2239,10 @@ export namespace Components {
           * Defines the alignment of the tooltip, popover or tabs in relation to the element.
          */
         "_align"?: AlignPropType;
+        /**
+          * Defines the callback functions for popover events.
+         */
+        "_on"?: PopoverCallbacksPropType;
         /**
           * Makes the element show up.
           * @TODO : Change type back to `ShowPropType` after Stencil#4663 has been resolved.
@@ -2584,6 +2598,7 @@ export namespace Components {
           * Defines which variant should be used for presentation.
          */
         "_variant"?: ButtonVariantPropType;
+        "closePopup": () => Promise<void>;
     }
     interface KolSymbol {
         /**
@@ -2748,6 +2763,10 @@ export namespace Components {
           * Defines the position of the tab captions.
          */
         "_align"?: AlignPropType;
+        /**
+          * Defines which behavior is active.
+         */
+        "_behavior"?: TabBehaviorPropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -3231,6 +3250,9 @@ declare global {
         prototype: HTMLKolLogoElement;
         new (): HTMLKolLogoElement;
     };
+    /**
+     * https://en.wikipedia.org/wiki/Modal_window
+     */
     interface HTMLKolModalElement extends Components.KolModal, HTMLStencilElement {
     }
     var HTMLKolModalElement: {
@@ -4216,6 +4238,10 @@ declare namespace LocalJSX {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
         "_label": LabelWithExpertSlotPropType;
+        /**
+          * Defines which alignment should be used for presentation.
+         */
+        "_labelAlign"?: LabelAlignPropType;
         /**
           * Defines the properties for a message rendered as Alert component.
          */
@@ -5423,9 +5449,13 @@ declare namespace LocalJSX {
          */
         "_org": Bundesministerium | Bundesamt | Bundesanstalt;
     }
+    /**
+     * https://en.wikipedia.org/wiki/Modal_window
+     */
     interface KolModal {
         /**
-          * Gibt die Referenz auf das auslösende HTML-Element an, wodurch das Modal geöffnet wurde.
+          * Legacy property - while set to an HTMLElement, the modal is open.
+          * @deprecated Use methode `openModal` and `closeModal` instead.
          */
         "_activeElement"?: HTMLElement | null;
         /**
@@ -5433,7 +5463,7 @@ declare namespace LocalJSX {
          */
         "_label": LabelPropType;
         /**
-          * Gibt die EventCallback-Function für das Schließen des Modals an.
+          * Defines the modal callback functions.
          */
         "_on"?: KoliBriModalEventCallbacks;
         /**
@@ -5524,6 +5554,10 @@ declare namespace LocalJSX {
           * Defines the alignment of the tooltip, popover or tabs in relation to the element.
          */
         "_align"?: AlignPropType;
+        /**
+          * Defines the callback functions for popover events.
+         */
+        "_on"?: PopoverCallbacksPropType;
         /**
           * Makes the element show up.
           * @TODO : Change type back to `ShowPropType` after Stencil#4663 has been resolved.
@@ -6022,6 +6056,10 @@ declare namespace LocalJSX {
           * Defines the position of the tab captions.
          */
         "_align"?: AlignPropType;
+        /**
+          * Defines which behavior is active.
+         */
+        "_behavior"?: TabBehaviorPropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -6353,6 +6391,9 @@ declare module "@stencil/core" {
              * @deprecated 
              */
             "kol-logo": LocalJSX.KolLogo & JSXBase.HTMLAttributes<HTMLKolLogoElement>;
+            /**
+             * https://en.wikipedia.org/wiki/Modal_window
+             */
             "kol-modal": LocalJSX.KolModal & JSXBase.HTMLAttributes<HTMLKolModalElement>;
             "kol-nav": LocalJSX.KolNav & JSXBase.HTMLAttributes<HTMLKolNavElement>;
             "kol-pagination": LocalJSX.KolPagination & JSXBase.HTMLAttributes<HTMLKolPaginationElement>;

package/dist/types/index.d.ts

@@ -1,9 +1,8 @@
-export { KoliBriDevHelper, Optgroup, Option, SelectOption } from './schema';
-export type { Toast, ToasterOptions, KoliBriTableSelection, KoliBriTableCell, FocusableElement } from './schema';
-export { KoliBri } from './schema';
 export * from './components.d';
 export { setCurrentLocation } from './components/link/ariaCurrentService';
 export { ToasterService } from './components/toaster/toaster';
-export { bootstrap, register } from './core/bootstrap';
+export { bootstrap, register, isInitialized } from './core/bootstrap';
 export * from './enums/bund';
 export * from './kolibri';
+export { KoliBri, KoliBriDevHelper } from './schema';
+export type { FocusableElement, KoliBriTableCell, KoliBriTableHeaderCell, KoliBriTableSelection, Optgroup, Option, SelectOption, Toast, ToasterOptions, } from './schema';

package/dist/types/schema/components/input-checkbox.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropChecked, PropDisabled, PropHideError, PropHideLabel, PropIndeterminate, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched } from '../props';
+import type { PropChecked, PropDisabled, PropHideError, PropHideLabel, PropIndeterminate, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropLabelAlign } from '../props';
 import type { AnyIconFontClass, InputTypeOnDefault, StencilUnknown, Stringified } from '../types';
 export declare const inputCheckboxVariantOptions: readonly ["button", "default", "switch"];
 export type InputCheckboxVariant = (typeof inputCheckboxVariantOptions)[number];
@@ -32,7 +32,7 @@ type OptionalProps = {
     tabIndex: number;
     value: Stringified<StencilUnknown>;
     variant: InputCheckboxVariant;
-} & PropChecked & PropDisabled & PropHideError & PropHideLabel & PropIndeterminate & PropMsg & PropName & PropRequired & PropSyncValueBySelector & PropTouched;
+} & PropChecked & PropDisabled & PropHideError & PropHideLabel & PropIndeterminate & PropMsg & PropName & PropRequired & PropSyncValueBySelector & PropTouched & PropLabelAlign;
 type RequiredStates = {
     icons: InputCheckboxIconsState;
     id: string;
@@ -45,7 +45,7 @@ type OptionalStates = {
     hint: string;
     on: InputTypeOnDefault;
     tabIndex: number;
-} & PropDisabled & PropHideLabel & PropMsg & PropName & PropRequired & PropTouched;
+} & PropDisabled & PropHideLabel & PropMsg & PropName & PropRequired & PropTouched & PropLabelAlign;
 export type InputCheckboxProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputCheckboxStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputCheckboxWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -1,11 +1,11 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAlign, PropShow } from '../props';
+import type { PropAlign, PropShow, PropPopoverCallbacks } from '../props';
 type RequiredProps = NonNullable<unknown>;
-type OptionalProps = PropAlign & PropShow;
+type OptionalProps = PropAlign & PropShow & PropPopoverCallbacks;
 type RequiredStates = PropAlign & PropShow & {
     visible: boolean;
 };
-type OptionalStates = NonNullable<unknown>;
+type OptionalStates = PropPopoverCallbacks;
 export type PopoverProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type PopoverStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type PopoverAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -1,6 +1,6 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { Events } from '../enums';
-import type { PropAlign, PropDisabled, PropHideLabel, PropLabel, PropTooltipAlign } from '../props';
+import type { PropAlign, PropDisabled, PropHideLabel, PropLabel, PropTabBehavior, PropTooltipAlign } from '../props';
 import type { EventCallback, EventValueOrEventCallback, KoliBriIconsProp, Stringified } from '../types';
 export type KoliBriTabsCallbacks = {
     onCreate?: EventCallback<Event> | {
@@ -25,14 +25,14 @@ type RequiredProps = {
 type OptionalProps = {
     on: KoliBriTabsCallbacks;
     selected: number;
-} & PropAlign;
+} & PropAlign & PropTabBehavior;
 type RequiredStates = {
     selected: number;
     tabs: TabButtonProps[];
 } & PropLabel & PropAlign;
 type OptionalStates = {
     on: KoliBriTabsCallbacks;
-};
+} & PropTabBehavior;
 export type TabsProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type TabsStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type TabsAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

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

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

@@ -1 +1 @@
-export*from"./events";
+export*from"./events";export*from"./keyboard";

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

@@ -0,0 +1,8 @@
+export declare enum KeyboardKey {
+    ArrowDown = "ArrowDown",
+    ArrowLeft = "ArrowLeft",
+    ArrowRight = "ArrowRight",
+    ArrowUp = "ArrowUp",
+    Enter = "Enter",
+    Space = " "
+}

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" | "combobox" | "drawer" | "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" | "single-select" | "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" | "abbr" | "button" | "details" | "form" | "link" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "icon" | "alert" | "card" | "accordion" | "accordion-group" | "avatar" | "badge" | "breadcrumb" | "button-group" | "button-link" | "combobox" | "drawer" | "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" | "single-select" | "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/alternative-button-link-role.d.ts

@@ -1,6 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
-export type AlternativeButtonLinkRolePropType = 'button' | 'link' | 'tab' | 'treeitem';
+declare const alternativeButtonLinkRolePropTypeOptions: readonly ["button", "link", "tab", "treeitem"];
+export type AlternativeButtonLinkRolePropType = (typeof alternativeButtonLinkRolePropTypeOptions)[number];
 export type PropAlternativeButtonLinkRole = {
     role: AlternativeButtonLinkRolePropType;
 };
 export declare const validateAlternativeButtonLinkRole: (component: Generic.Element.Component, value?: AlternativeButtonLinkRolePropType) => void;
+export {};

package/dist/types/schema/props/has-counter.d.ts

@@ -1,6 +1,7 @@
 import type { Generic } from 'adopted-style-sheets';
+import type { WatchBooleanOptions } from '../utils';
 export type HasCounterPropType = boolean;
 export type PropHasCounter = {
     hasCounter: HasCounterPropType;
 };
-export declare const validateHasCounter: (component: Generic.Element.Component, value?: HasCounterPropType) => void;
+export declare const validateHasCounter: (component: Generic.Element.Component, value?: HasCounterPropType, options?: WatchBooleanOptions) => void;

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-description";export*from"./aria-expanded";export*from"./aria-owns";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"./modal";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";
+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-description";export*from"./aria-expanded";export*from"./aria-owns";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"./label-align";export*from"./link-on-callbacks";export*from"./link-target";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-callbacks";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./show";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"./tooltip-align";export*from"./toolbar-items";export*from"./touched";export*from"./variant/spin";

package/dist/types/schema/props/label-align.d.ts

@@ -0,0 +1,8 @@
+import type { Generic } from 'adopted-style-sheets';
+declare const labelAlignPropTypeOptions: readonly ["left", "right"];
+export type LabelAlignPropType = (typeof labelAlignPropTypeOptions)[number];
+export type PropLabelAlign = {
+    labelAlign: LabelAlignPropType;
+};
+export declare const validateLabelAlign: (component: Generic.Element.Component, value?: LabelAlignPropType) => void;
+export {};

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

@@ -0,0 +1,10 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { Events } from '../enums';
+import type { EventCallback } from '../types/callbacks';
+export type PopoverCallbacksPropType = {
+    [Events.onClose]?: EventCallback<MouseEvent | KeyboardEvent>;
+};
+export type PropPopoverCallbacks = {
+    on: PopoverCallbacksPropType;
+};
+export declare const validatePopoverCallbacks: (component: Generic.Element.Component, value?: PopoverCallbacksPropType) => void;

package/dist/types/schema/props/tab-behavior.d.ts

@@ -0,0 +1,8 @@
+import type { Generic } from 'adopted-style-sheets';
+declare const tabBehaviorPropTypeOptions: readonly ["select-automatic", "select-manual"];
+export type TabBehaviorPropType = (typeof tabBehaviorPropTypeOptions)[number];
+export type PropTabBehavior = {
+    behavior: TabBehaviorPropType;
+};
+export declare const validateTabBehavior: (component: Generic.Element.Component, value?: TabBehaviorPropType) => void;
+export {};

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

@@ -54,11 +54,11 @@ 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;
-    static readonly querySelectorAll: <T extends Element>(selector: string, node?: Document | HTMLElement | ShadowRoot | undefined) => T[];
+    static readonly getCssStyle: (themeName: string, tagName: Generic.Theming.Props<string, string>) => string;
+    static readonly patchTheme: (name: string, map: Generic.Theming.Map<string, string>, options?: Generic.Theming.PatchOptions, registerOptions?: import("adopted-style-sheets").RegisterOptions) => string;
+    static readonly patchThemeTag: (themeName: string, tagName: Generic.Theming.Props<string, string>, css: string, options?: Generic.Theming.PatchOptions) => void;
+    static readonly querySelector: <T extends Element>(selector: string, node?: Document | HTMLElement | ShadowRoot) => T | null;
+    static readonly querySelectorAll: <T extends Element>(selector: string, node?: Document | HTMLElement | ShadowRoot) => T[];
     static readonly stringifyJson: (value: unknown) => string;
 }
 export {};