@public-ui/components 4.1.2-rc.6 → 4.1.2-rc.8

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

@@ -35,6 +35,7 @@ export declare let KolKolibriTag: "kol-kolibri";
 export declare let KolLinkButtonTag: "kol-link-button";
 export declare let KolLinkTag: "kol-link";
 export declare let KolLinkWcTag: "kol-link-wc";
+export declare let KolMeterTag: "kol-meter";
 export declare let KolModalTag: "kol-modal";
 export declare let KolNavTag: "kol-nav";
 export declare let KolPaginationTag: "kol-pagination";

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

@@ -16,6 +16,8 @@ export type FieldControlProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'>
     required?: boolean;
     readonly?: boolean;
     showTooltip?: boolean;
+    tooltipFloatingRef?: (el?: HTMLDivElement) => void;
+    tooltipArrowRef?: (el?: HTMLDivElement) => void;
     renderNoLabel?: boolean;
     renderNoHint?: boolean;
     renderNoTooltip?: boolean;

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

@@ -1,14 +1,13 @@
 import type { JSX } from '../../stencil-public-runtime';
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
 import type { JSXBase } from '../../stencil-public-runtime';
-import type { AlignPropType, MaxLengthBehaviorPropType, MsgPropType, Stringified } from '../../schema';
+import type { MaxLengthBehaviorPropType, MsgPropType, Stringified, TooltipAlignPropType } from '../../schema';
 export type FormFieldProps = JSXBase.HTMLAttributes<HTMLElement> & {
     component?: 'div' | 'fieldset';
     id: string;
     alert?: boolean;
     disabled?: boolean;
     msg?: Stringified<MsgPropType>;
-    tooltipAlign?: AlignPropType;
     hint?: string;
     label: string;
     hideLabel?: boolean;
@@ -31,6 +30,9 @@ export type FormFieldProps = JSXBase.HTMLAttributes<HTMLElement> & {
     anotherChildren?: JSX.Element | JSX.Element[];
     maxLength?: number;
     showBadge?: boolean;
+    tooltipAlign?: TooltipAlignPropType;
+    tooltipFloatingRef?: (el?: HTMLDivElement) => void;
+    tooltipArrowRef?: (el?: HTMLDivElement) => void;
     formFieldLabelProps?: JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {
         component?: 'label' | 'legend';
     };

package/dist/types/index.d.ts

@@ -5,7 +5,7 @@ export { bootstrap, isInitialized, register } from './core/bootstrap';
 export * from './enums/bund';
 export * from './kolibri';
 export { KoliBri, KoliBriDevHelper } from './schema';
-export type { EventValueOrEventCallback, FocusableElement, KoliBriTableCell, KoliBriTableHeaderCell, KoliBriTableHeaderCellWithLogic, KoliBriTableSelection, Optgroup, Option, SelectOption, Toast, ToasterOptions, W3CInputValue, } from './schema';
+export type { EventValueOrEventCallback, FocusableElement, KoliBriTableCell, KoliBriTableHeaderCell, KoliBriTableHeaderCellWithLogic, KoliBriTableSelection, Optgroup, Option, RadioOption, SelectOption, Toast, ToasterOptions, W3CInputValue, } from './schema';
 export { BEM } from './schema/bem-registry';
 export { KolEvent } from './utils/events';
 export { isTooltipOpen } from './utils/tooltip-open-tracking';

package/dist/types/internal/functional-components/avatar/controller.d.ts

@@ -1,9 +1,9 @@
 import type { ColorPair } from '../../../schema';
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';
+import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
 import type { AvatarApi } from './api';
 export declare class AvatarController extends BaseController<AvatarApi> implements ControllerInterface<AvatarApi> {
-    constructor(setState: SetStateFn<AvatarApi>, getState: GetStateFn<AvatarApi>);
+    constructor(stateAccess: StateAccess<AvatarApi>);
     componentWillLoad(props: ResolvedInputProps<AvatarApi>): void;
     watchColor(value?: string | ColorPair): void;
     watchLabel(value?: string): void;

package/dist/types/internal/functional-components/base-controller.d.ts

@@ -1,10 +1,10 @@
-import type { ComponentApi, GetStateFn, PropsConfigShape, ResolvedInputProps, ResolvedProps, SetStateFn, StrictFields } from './generic-types';
+import type { ComponentApi, GetStateFn, PropsConfigShape, ResolvedInputProps, ResolvedProps, SetStateFn, StateAccess, StrictFields } from './generic-types';
 export declare abstract class BaseController<Api extends ComponentApi> {
-    protected readonly setState: SetStateFn<Api>;
-    protected readonly getState: GetStateFn<Api>;
     private readonly rawProps;
     private readonly renderProps;
-    constructor(propsConfig: PropsConfigShape, setState: SetStateFn<Api>, getState: GetStateFn<Api>);
+    protected readonly setState: SetStateFn<Api>;
+    protected readonly getState: GetStateFn<Api>;
+    protected constructor(stateAccess: StateAccess<Api>, propsConfig: PropsConfigShape);
     protected setRawProp<K extends keyof ResolvedInputProps<Api>>(key: K, value: ResolvedInputProps<Api>[K] | undefined): void;
     protected getRawProp<K extends keyof ResolvedInputProps<Api>>(key: K): ResolvedInputProps<Api>[K] | undefined;
     protected setRenderProp<K extends keyof ResolvedProps<Api>>(key: K, value: StrictFields<ResolvedProps<Api>>[K]): void;

package/dist/types/internal/functional-components/base-web-component.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentApi, GetStateFn, SetStateFn } from './generic-types';
+import type { ComponentApi, StateAccess } from './generic-types';
 export declare abstract class BaseWebComponent<Api extends ComponentApi> {
-    setState: SetStateFn<Api>;
-    getState: GetStateFn<Api>;
+    static readonly stateLess: StateAccess<never>;
+    protected readonly stateAccess: StateAccess<Api>;
 }

package/dist/types/internal/functional-components/click-button/controller.d.ts

@@ -1,9 +1,9 @@
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';
+import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
 import type { ClickButtonApi } from './api';
 export declare class ClickButtonController extends BaseController<ClickButtonApi> implements ControllerInterface<ClickButtonApi> {
     private buttonRef?;
-    constructor(setState: SetStateFn<ClickButtonApi>, getState: GetStateFn<ClickButtonApi>);
+    constructor(stateAccess: StateAccess<ClickButtonApi>);
     componentWillLoad(props: ResolvedInputProps<ClickButtonApi>): void;
     watchLabel(value?: string): void;
     handleClick: () => void;

package/dist/types/internal/functional-components/generic-types.d.ts

@@ -64,6 +64,10 @@ type InternalProps<T extends ComponentApi> = InternalOf<AllProps<T>>;
 type ExternalProps<T extends ComponentApi> = ExternalOf<AllProps<T>>;
 export type SetStateFn<Api extends ComponentApi> = <K extends keyof InternalOf<NonNullable<Api['States']>>>(key: K, value: InternalOf<NonNullable<Api['States']>>[K]) => void;
 export type GetStateFn<Api extends ComponentApi> = <K extends keyof InternalOf<NonNullable<Api['States']>>>(key: K) => InternalOf<NonNullable<Api['States']>>[K];
+export type StateAccess<Api extends ComponentApi> = {
+    setState: SetStateFn<Api>;
+    getState: GetStateFn<Api>;
+};
 type PromiseMethod<Methods> = {
     [K in keyof Methods]: Methods[K] extends (...args: infer A) => infer R ? (...args: A) => Promise<Awaited<R>> : Methods[K];
 };

package/dist/types/internal/functional-components/heading/controller.d.ts

@@ -1,8 +1,8 @@
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';
+import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
 import type { HeadingApi } from './api';
 export declare class HeadingController extends BaseController<HeadingApi> implements ControllerInterface<HeadingApi> {
-    constructor(setState: SetStateFn<HeadingApi>, getState: GetStateFn<HeadingApi>);
+    constructor(stateAccess: StateAccess<HeadingApi>);
     componentWillLoad(props: ResolvedInputProps<HeadingApi>): void;
     watchLabel(value?: string): void;
     watchLevel(value?: number): void;

package/dist/types/internal/functional-components/icon/controller.d.ts

@@ -1,8 +1,8 @@
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, GetStateFn, ResolvedProps, SetStateFn } from '../generic-types';
+import type { ControllerInterface, ResolvedProps, StateAccess } from '../generic-types';
 import type { IconApi } from './api';
 export declare class IconController extends BaseController<IconApi> implements ControllerInterface<IconApi> {
-    constructor(setState: SetStateFn<IconApi>, getState: GetStateFn<IconApi>);
+    constructor(stateAccess: StateAccess<IconApi>);
     componentWillLoad(props: ResolvedProps<IconApi>): void;
     watchIcons(value?: string): void;
     watchLabel(value?: string): void;

package/dist/types/internal/functional-components/image/controller.d.ts

@@ -1,9 +1,9 @@
 import type { LoadingType } from '../../props';
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';
+import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
 import type { ImageApi } from './api';
 export declare class ImageController extends BaseController<ImageApi> implements ControllerInterface<ImageApi> {
-    constructor(setState: SetStateFn<ImageApi>, getState: GetStateFn<ImageApi>);
+    constructor(stateAccess: StateAccess<ImageApi>);
     componentWillLoad(props: ResolvedInputProps<ImageApi>): void;
     watchAlt(value?: string): void;
     watchLoading(value?: LoadingType): void;

package/dist/types/internal/functional-components/meter/api.d.ts

@@ -0,0 +1,15 @@
+import type { HighProp, LabelProp, LowProp, MaxProp, MinProp, NumberValueProp, OptimumProp, OrientationProp, UnitProp } from '../../props';
+import type { ComponentApi } from '../generic-types';
+export declare const meterPropsConfig: {
+    readonly optional: readonly [import("../../props").PropDefinition<number, MinProp>, import("../../props").PropDefinition<import("../../props").InternalPropValue<OrientationProp>, OrientationProp>, import("../../props").PropDefinition<string, UnitProp>];
+    readonly required: readonly [import("../../props").PropDefinition<string, LabelProp>, import("../../props").PropDefinition<number, MaxProp>, import("../../props").PropDefinition<number, NumberValueProp>];
+};
+export interface MeterApi extends ComponentApi {
+    Props: {
+        Optional: HighProp & LowProp & MinProp & OptimumProp & OrientationProp & UnitProp;
+        Required: LabelProp & MaxProp & NumberValueProp;
+    };
+    States: {
+        liveValue: number;
+    };
+}

package/dist/types/internal/functional-components/meter/component.d.ts

@@ -0,0 +1,10 @@
+import type { FunctionalComponent as FC } from '../../../stencil-public-runtime';
+import type { FunctionalComponentProps } from '../generic-types';
+import type { MeterApi } from './api';
+type MeterFCProps = Omit<FunctionalComponentProps<MeterApi>, 'high' | 'low' | 'optimum'> & {
+    high: number | undefined;
+    low: number | undefined;
+    optimum: number | undefined;
+};
+export declare const MeterFC: FC<MeterFCProps>;
+export {};

package/dist/types/internal/functional-components/meter/controller.d.ts

@@ -0,0 +1,27 @@
+import { BaseController } from '../base-controller';
+import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
+import type { MeterApi } from './api';
+type MeterData = {
+    high: number | undefined;
+    low: number | undefined;
+    optimum: number | undefined;
+};
+export declare class MeterController extends BaseController<MeterApi> implements ControllerInterface<MeterApi> {
+    private interval?;
+    private meterData;
+    constructor(stateAccess: StateAccess<MeterApi>);
+    componentWillLoad(props: ResolvedInputProps<MeterApi>): void;
+    destroy(): void;
+    getMeterData(): MeterData;
+    watchHigh(value?: number): void;
+    watchLabel(value?: string): void;
+    watchLow(value?: number): void;
+    watchMax(value?: number): void;
+    watchMin(value?: number): void;
+    watchOptimum(value?: number): void;
+    watchOrientation(value?: string): void;
+    watchUnit(value?: string): void;
+    watchValue(value?: number): void;
+    private startLiveValueInterval;
+}
+export {};

package/dist/types/internal/functional-components/progress/controller.d.ts

@@ -1,9 +1,9 @@
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';
+import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
 import type { ProgressApi } from './api';
 export declare class ProgressController extends BaseController<ProgressApi> implements ControllerInterface<ProgressApi> {
     private interval?;
-    constructor(setState: SetStateFn<ProgressApi>, getState: GetStateFn<ProgressApi>);
+    constructor(stateAccess: StateAccess<ProgressApi>);
     componentWillLoad(props: ResolvedInputProps<ProgressApi>): void;
     watchLabel(value?: string): void;
     watchMax(value?: number): void;

package/dist/types/internal/functional-components/quote/controller.d.ts

@@ -1,8 +1,8 @@
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';
+import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
 import type { QuoteApi } from './api';
 export declare class QuoteController extends BaseController<QuoteApi> implements ControllerInterface<QuoteApi> {
-    constructor(setState: SetStateFn<QuoteApi>, getState: GetStateFn<QuoteApi>);
+    constructor(stateAccess: StateAccess<QuoteApi>);
     componentWillLoad(props: ResolvedInputProps<QuoteApi>): void;
     watchHref(value?: string): void;
     watchLabel(value?: string): void;

package/dist/types/internal/functional-components/skeleton/controller.d.ts

@@ -1,10 +1,10 @@
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';
+import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
 import type { SkeletonApi } from './api';
 export declare class SkeletonController extends BaseController<SkeletonApi> implements ControllerInterface<SkeletonApi> {
     private readonly clickButtonCtrl;
     private intervalId?;
-    constructor(setState: SetStateFn<SkeletonApi>, getState: GetStateFn<SkeletonApi>);
+    constructor(stateAccess: StateAccess<SkeletonApi>);
     componentWillLoad(props: ResolvedInputProps<SkeletonApi>): void;
     watchName(value?: string): void;
     toggle(): void;

package/dist/types/internal/functional-components/spin/api.d.ts

@@ -0,0 +1,13 @@
+import type { ApiFromConfig } from '../generic-types';
+export declare const spinPropsConfig: {
+    readonly optional: readonly [import("../../props").PropDefinition<string, import("../../props").LabelProp>, import("../../props").PropDefinition<import("../../props").InternalPropValue<import("../../props").ShowProp>, import("../../props").ShowProp>, import("../../props").PropDefinition<import("../../props").InternalPropValue<import("../../props").VariantSpinProp>, import("../../props").VariantSpinProp>];
+};
+export type SpinApi = ApiFromConfig<typeof spinPropsConfig, {
+    States: {
+        showToggled: boolean;
+    };
+    Callbacks: {
+        getTranslateActionRunning: () => string;
+        getTranslateActionDone: () => string;
+    };
+}>;

package/dist/types/internal/functional-components/spin/component.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionalComponent as FC } from '../../../stencil-public-runtime';
+import type { FunctionalComponentProps } from '../generic-types';
+import type { SpinApi } from './api';
+export declare const SpinFC: FC<FunctionalComponentProps<SpinApi>>;

package/dist/types/internal/functional-components/spin/controller.d.ts

@@ -0,0 +1,14 @@
+import { BaseController } from '../base-controller';
+import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
+import type { SpinApi } from './api';
+export declare class SpinController extends BaseController<SpinApi> implements ControllerInterface<SpinApi> {
+    private readonly translateActionRunning;
+    private readonly translateActionDone;
+    constructor(stateAccess: StateAccess<SpinApi>);
+    componentWillLoad(props: ResolvedInputProps<SpinApi>): void;
+    watchShow(value?: boolean): void;
+    watchLabel(value?: string): void;
+    watchVariant(value?: unknown): void;
+    handleGetTranslateActionRunning: () => string;
+    handleGetTranslateActionDone: () => string;
+}

package/dist/types/internal/functional-components/tooltip/api.d.ts

@@ -0,0 +1,10 @@
+import type { ApiFromConfig } from '../generic-types';
+export declare const tooltipPropsConfig: {
+    readonly required: readonly [import("../../props").PropDefinition<string, import("../../props").LabelProp>];
+    readonly optional: readonly [import("../../props").PropDefinition<import("../../props").InternalPropValue<import("../../props").AlignProp>, import("../../props").AlignProp>, import("../../props").PropDefinition<string, import("../../props").BadgeTextProp>, import("../../props").PropDefinition<string, import("../../props").IdProp>];
+};
+export type TooltipApi = ApiFromConfig<typeof tooltipPropsConfig, {
+    Methods: {
+        hideTooltip: () => void;
+    };
+}>;

package/dist/types/internal/functional-components/tooltip/component.d.ts

@@ -0,0 +1,12 @@
+import type { FunctionalComponent as FC } from '../../../stencil-public-runtime';
+import type { TooltipAlignPropType } from '../../../schema';
+import type { FunctionalComponentProps } from '../generic-types';
+import type { TooltipApi } from './api';
+type TooltipFCProps = Pick<FunctionalComponentProps<TooltipApi>, 'label'> & {
+    badgeText?: string;
+    id?: string;
+    align?: TooltipAlignPropType;
+    refFloating: (el?: HTMLDivElement) => void;
+};
+export declare const TooltipFC: FC<TooltipFCProps>;
+export {};

package/dist/types/internal/functional-components/tooltip/controller.d.ts

@@ -0,0 +1,36 @@
+import { BaseController } from '../base-controller';
+import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
+import type { TooltipApi } from './api';
+export declare class TooltipController extends BaseController<TooltipApi> implements ControllerInterface<TooltipApi> {
+    private previousSibling?;
+    private tooltipElement?;
+    private hasFocusIn;
+    private hasMouseIn;
+    private isHiddenForCurrentVisit;
+    private overFocusTimeout?;
+    private cleanupAutoPositioning?;
+    constructor(stateAccess: StateAccess<TooltipApi>);
+    componentWillLoad(props: ResolvedInputProps<TooltipApi>): void;
+    watchLabel(value?: string): void;
+    watchAlign(value?: string): void;
+    watchBadgeText(value?: string): void;
+    watchId(value?: string): void;
+    initContext(previousSibling: HTMLElement | undefined): void;
+    syncListeners(last?: HTMLElement | null, next?: HTMLElement | null, replacePreviousSibling?: boolean): void;
+    handleEventListeners(host: HTMLElement): void;
+    hideTooltip(): void;
+    setTooltipElementRef: (el?: HTMLElement) => void;
+    destroy(): void;
+    private isNewVisit;
+    private resetHideFlag;
+    private alignTooltip;
+    private showTooltip;
+    private showOrHideTooltip;
+    private hideTooltipByEscape;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleFocusIn;
+    private handleFocusOut;
+    private addListeners;
+    private removeListeners;
+}

package/dist/types/internal/props/high.d.ts

@@ -0,0 +1,3 @@
+import type { SimpleProp } from './helpers/factory';
+export type HighProp = SimpleProp<'high', number>;
+export declare const highProp: import("./helpers/factory").PropDefinition<number, HighProp>;

package/dist/types/internal/props/id.d.ts

@@ -0,0 +1,3 @@
+import type { SimpleProp } from './helpers/factory';
+export type IdProp = SimpleProp<'id', string>;
+export declare const idProp: import("./helpers/factory").PropDefinition<string, IdProp>;

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

@@ -1 +1 @@
-export*from"./align";export*from"./allow-markdown";export*from"./alt";export*from"./badge-text";export*from"./color";export*from"./helpers/factory";export*from"./hide-label";export*from"./href";export*from"./icons";export*from"./label";export*from"./label-with-expert-slot";export*from"./level";export*from"./loading";export*from"./max";export*from"./name";export*from"./quote";export*from"./secondary-headline";export*from"./show";export*from"./sizes";export*from"./span-icons";export*from"./src";export*from"./srcset";export*from"./unit";export*from"./value-number";export*from"./value-number-clamped";export*from"./variant-progress";export*from"./variant-quote";
+export*from"./align";export*from"./allow-markdown";export*from"./alt";export*from"./badge-text";export*from"./color";export*from"./helpers/factory";export*from"./hide-label";export*from"./high";export*from"./href";export*from"./icons";export*from"./id";export*from"./label";export*from"./label-with-expert-slot";export*from"./level";export*from"./loading";export*from"./low";export*from"./max";export*from"./min";export*from"./name";export*from"./optimum";export*from"./orientation";export*from"./quote";export*from"./secondary-headline";export*from"./show";export*from"./sizes";export*from"./span-icons";export*from"./src";export*from"./srcset";export*from"./unit";export*from"./value-number";export*from"./value-number-clamped";export*from"./variant-progress";export*from"./variant-quote";export*from"./variant-spin";

package/dist/types/internal/props/low.d.ts

@@ -0,0 +1,3 @@
+import type { SimpleProp } from './helpers/factory';
+export type LowProp = SimpleProp<'low', number>;
+export declare const lowProp: import("./helpers/factory").PropDefinition<number, LowProp>;

package/dist/types/internal/props/min.d.ts

@@ -0,0 +1,3 @@
+import type { SimpleProp } from './helpers/factory';
+export type MinProp = SimpleProp<'min', number>;
+export declare const minProp: import("./helpers/factory").PropDefinition<number, MinProp>;

package/dist/types/internal/props/optimum.d.ts

@@ -0,0 +1,3 @@
+import type { SimpleProp } from './helpers/factory';
+export type OptimumProp = SimpleProp<'optimum', number>;
+export declare const optimumProp: import("./helpers/factory").PropDefinition<number, OptimumProp>;

package/dist/types/internal/props/orientation.d.ts

@@ -0,0 +1,5 @@
+import type { SimpleProp } from './helpers/factory';
+export declare const orientationOptions: readonly ["horizontal", "vertical"];
+export type OrientationPropType = (typeof orientationOptions)[number];
+export type OrientationProp = SimpleProp<'orientation', OrientationPropType>;
+export declare const orientationProp: import("./helpers/factory").PropDefinition<import("./helpers/factory").InternalPropValue<OrientationProp>, OrientationProp>;

package/dist/types/internal/props/variant-spin.d.ts

@@ -0,0 +1,5 @@
+import type { SimpleProp } from './helpers/factory';
+export declare const spinVariantOptions: readonly ["dot", "cycle", "none"];
+export type SpinVariantType = (typeof spinVariantOptions)[number];
+export type VariantSpinProp = SimpleProp<'variant', SpinVariantType>;
+export declare const variantSpinProp: import("./helpers/factory").PropDefinition<import("./helpers/factory").InternalPropValue<VariantSpinProp>, VariantSpinProp>;

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

@@ -67,6 +67,11 @@ declare const _default: {
     'character-counter-current': string;
     'character-counter-current-of-max': string;
     'character-counter-current-of-max-aria': string;
+    'live-value-bounded': string;
+    'live-value': string;
     readonly: string;
+    'meter-state-optimum': string;
+    'meter-state-suboptimal': string;
+    'meter-state-critical': string;
 };
 export default _default;

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

@@ -67,6 +67,11 @@ declare const _default: {
     'character-counter-current': string;
     'character-counter-current-of-max': string;
     'character-counter-current-of-max-aria': string;
+    'live-value-bounded': string;
+    'live-value': string;
     readonly: string;
+    'meter-state-optimum': string;
+    'meter-state-suboptimal': string;
+    'meter-state-critical': string;
 };
 export default _default;

package/dist/types/schema/bem-registry.d.ts

@@ -38,6 +38,41 @@ type KoliBriComponentsBemSchema = {
         };
         modifiers: null;
     };
+    'kol-meter': {
+        elements: {
+            bar: {
+                modifiers: null;
+            };
+            'bar-label': {
+                modifiers: null;
+            };
+            'bar-state': {
+                modifiers: Set<'optimum' | 'suboptimal' | 'critical'>;
+            };
+            'bar-track': {
+                modifiers: null;
+            };
+            'bar-fill': {
+                modifiers: Set<'optimum' | 'suboptimal' | 'critical'>;
+            };
+            'bar-background': {
+                modifiers: null;
+            };
+            'bar-border': {
+                modifiers: null;
+            };
+            'value-unit': {
+                modifiers: null;
+            };
+            value: {
+                modifiers: null;
+            };
+            unit: {
+                modifiers: null;
+            };
+        };
+        modifiers: Set<'vertical'>;
+    };
     'kol-quote': {
         elements: {
             blockquote: {
@@ -94,6 +129,20 @@ type KoliBriComponentsBemSchema = {
         };
         modifiers: Set<'has-badge' | 'hide-label'>;
     };
+    'kol-spin': {
+        elements: {
+            spinner: {
+                modifiers: Set<'cycle' | 'dot' | 'none'>;
+            };
+            'spinner-element': {
+                modifiers: Set<'1' | '2' | '3' | 'neutral'>;
+            };
+            loader: {
+                modifiers: null;
+            };
+        };
+        modifiers: null;
+    };
 };
 export declare const bem: {
     <BlockName extends keyof KoliBriComponentsBemSchema, ElementName extends keyof NonNullable<KoliBriComponentsBemSchema[BlockName]["elements"]>>(blockName: BlockName, blockModifiersOrElementName?: ElementName | ((KoliBriComponentsBemSchema[BlockName]["modifiers"] extends infer T ? T extends KoliBriComponentsBemSchema[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<KoliBriComponentsBemSchema[BlockName]["modifiers"] extends infer T_1 ? T_1 extends KoliBriComponentsBemSchema[BlockName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<KoliBriComponentsBemSchema[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_2 ? T_2 extends NonNullable<KoliBriComponentsBemSchema[BlockName]["elements"]>[ElementName]["modifiers"] ? T_2 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<KoliBriComponentsBemSchema[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_3 ? T_3 extends NonNullable<KoliBriComponentsBemSchema[BlockName]["elements"]>[ElementName]["modifiers"] ? T_3 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;

package/dist/types/schema/i18n-keys.d.ts

@@ -22,6 +22,8 @@ export declare enum KeyEnum {
     'page-selected' = 20,
     'page-per-site' = 21,
     'logo-description' = 22,
-    'open-link-in-tab' = 23,
-    'kolibri-logo' = 24
+    'live-value-bounded' = 23,
+    'live-value' = 24,
+    'open-link-in-tab' = 25,
+    'kolibri-logo' = 26
 }

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" | "abbr" | "button" | "details" | "dialog" | "form" | "link" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "icon" | "alert" | "card" | "accordion" | "avatar" | "badge" | "breadcrumb" | "button-link" | "combobox" | "drawer" | "heading" | "input-checkbox" | "input-color" | "input-date" | "input-email" | "input-file" | "input-number" | "input-password" | "input-radio" | "input-range" | "input-text" | "kolibri" | "link-button" | "logo" | "modal" | "pagination" | "popover-button" | "quote" | "single-select" | "skip-nav" | "spin" | "split-button" | "table-stateful" | "table-stateless" | "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" | "live-value-bounded" | "live-value" | "open-link-in-tab" | "kolibri-logo", "symbol" | "abbr" | "button" | "details" | "dialog" | "form" | "link" | "meter" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "icon" | "alert" | "card" | "accordion" | "avatar" | "badge" | "breadcrumb" | "button-link" | "combobox" | "drawer" | "heading" | "input-checkbox" | "input-color" | "input-date" | "input-email" | "input-file" | "input-number" | "input-password" | "input-radio" | "input-range" | "input-text" | "kolibri" | "link-button" | "logo" | "modal" | "pagination" | "popover-button" | "quote" | "single-select" | "skip-nav" | "spin" | "split-button" | "table-stateful" | "table-stateless" | "tabs" | "toast-container" | "toolbar" | "tooltip" | "tree" | "tree-item">;
 export * from './components';
 export * from './interfaces';
 export * from './props';

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

@@ -30,26 +30,27 @@ export declare enum TagEnum {
     'link' = 28,
     'link-button' = 29,
     'logo' = 30,
-    'modal' = 31,
-    'nav' = 32,
-    'pagination' = 33,
-    'popover-button' = 34,
-    'progress' = 35,
-    'quote' = 36,
-    'select' = 37,
-    'single-select' = 38,
-    'skip-nav' = 39,
-    'spin' = 40,
-    'split-button' = 41,
-    'symbol' = 42,
-    'table' = 43,
-    'table-stateful' = 44,
-    'table-stateless' = 45,
-    'tabs' = 46,
-    'textarea' = 47,
-    'toast-container' = 48,
-    'toolbar' = 49,
-    'tooltip' = 50,
-    'tree' = 51,
-    'tree-item' = 52
+    'meter' = 31,
+    'modal' = 32,
+    'nav' = 33,
+    'pagination' = 34,
+    'popover-button' = 35,
+    'progress' = 36,
+    'quote' = 37,
+    'select' = 38,
+    'single-select' = 39,
+    'skip-nav' = 40,
+    'spin' = 41,
+    'split-button' = 42,
+    'symbol' = 43,
+    'table' = 44,
+    'table-stateful' = 45,
+    'table-stateless' = 46,
+    'tabs' = 47,
+    'textarea' = 48,
+    'toast-container' = 49,
+    'toolbar' = 50,
+    'tooltip' = 51,
+    'tree' = 52,
+    'tree-item' = 53
 }

package/dist/types/utils/element-click.d.ts

@@ -0,0 +1,5 @@
+export declare function delegateClick(host: HTMLElement, callback: () => Promise<void>): Promise<void>;
+export declare function setClick(element: HTMLElement): Promise<void>;
+export interface ClickableElement {
+    click(): Promise<void>;
+}

package/dist/types/utils/element-themed.d.ts

@@ -0,0 +1,3 @@
+declare const MAX_TIMEOUT_DURATION = 5000;
+declare function waitForThemed(host: HTMLElement): Promise<void>;
+export { MAX_TIMEOUT_DURATION, waitForThemed };

package/doc/accordion.md

@@ -22,6 +22,16 @@ Accordions are used whenever content associated with a thematic heading needs to
 
 ## Methods
 
+### `click() => Promise<void>`
+
+Triggers a click on the trigger button of the first section.
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `focus() => Promise<void>`
 
 Sets focus on the internal element.

package/doc/button-link.md

@@ -41,6 +41,16 @@ Since a link, unlike a button, is not offered in multiple variants (`primary`, `
 
 ## Methods
 
+### `click() => Promise<void>`
+
+Clicks the primary interactive element inside this component.
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `focus() => Promise<void>`
 
 Sets focus on the internal element.