@baloise/ds-core 18.3.0 → 19.0.0-nightly.20250512

package/dist/types/components/bal-checkbox/bal-check/bal-check.d.ts

@@ -0,0 +1,36 @@
+import { ComponentInterface } from '../../../stencil-public-runtime';
+export declare class Check implements ComponentInterface {
+    /**
+     * PUBLIC PROPERTY API
+     * ------------------------------------------------------
+     */
+    /**
+     * If `true`, the checkbox is selected.
+     */
+    checked: boolean;
+    /**
+     * If `true` the component gets a invalid red style.
+     */
+    invalid?: boolean;
+    /**
+     * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the checkbox is inverted and works on dark backgrounds.
+     */
+    inverted?: boolean;
+    /**
+     * @internal
+     */
+    hovered: boolean;
+    /**
+     * @internal
+     */
+    pressed: boolean;
+    /**
+     * RENDER
+     * ------------------------------------------------------
+     */
+    render(): any;
+}

package/dist/types/components/bal-checkbox/bal-checkbox-group/bal-checkbox-group.d.ts

@@ -1,9 +1,9 @@
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
-import { BalCheckboxOption } from '../bal-checkbox.type';
+import { BalFocusObserver } from '../../../utils/focus';
+import { BalAriaForm, BalAriaFormLinking } from '../../../utils/form';
 import { Loggable, LogInstance } from '../../../utils/log';
 import { BalMutationObserver } from '../../../utils/mutation';
-import { BalAriaForm, BalAriaFormLinking } from '../../../utils/form';
-import { BalFocusObserver } from '../../../utils/focus';
+import { BalCheckboxOption } from '../bal-checkbox.type';
 export declare class CheckboxGroup implements ComponentInterface, Loggable, BalMutationObserver, BalAriaFormLinking, BalFocusObserver {
     private inputId;
     private inheritedAttributes;
@@ -110,7 +110,7 @@ export declare class CheckboxGroup implements ComponentInterface, Loggable, BalM
     focusOutListener(ev: FocusEvent): void;
     mutationObserverActive: boolean;
     mutationListener(): void;
-    listenOnClick(ev: UIEvent): void;
+    listenOnCheckboxChange(ev: UIEvent): void;
     resetHandler(ev: UIEvent): void;
     checkboxFocusListener(ev: CustomEvent<FocusEvent>): void;
     checkboxBlurListener(ev: CustomEvent<FocusEvent>): void;
@@ -138,12 +138,12 @@ export declare class CheckboxGroup implements ComponentInterface, Loggable, BalM
      * ------------------------------------------------------
      */
     private getCheckboxes;
-    private getCheckboxButtons;
     /**
      * EVENT BINDING
      * ------------------------------------------------------
      */
     private onClick;
+    private updateValues;
     private onOptionChange;
     /**
      * RENDER

package/dist/types/components/bal-checkbox/bal-checkbox.d.ts

@@ -1,14 +1,17 @@
-import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { BalElementStateInfo } from '../../utils/element-states';
+import { BalAriaForm, BalAriaFormLinking } from '../../utils/form';
 import { FormInput } from '../../utils/form-input';
-import { BalCheckboxOption } from './bal-checkbox.type';
 import { Loggable, LogInstance } from '../../utils/log';
-import { BalAriaForm, BalAriaFormLinking } from '../../utils/form';
+import { BalCheckboxOption } from './bal-checkbox.type';
 export declare class Checkbox implements ComponentInterface, FormInput<any>, Loggable, BalAriaFormLinking {
     private inputId;
     private inheritedAttributes;
     private keyboardMode;
     nativeInput?: HTMLInputElement;
     el: HTMLBalCheckboxElement;
+    log: LogInstance;
+    createLogger(log: LogInstance): void;
     hasLabel: boolean;
     focused: boolean;
     buttonTabindex?: number;
@@ -18,8 +21,9 @@ export declare class Checkbox implements ComponentInterface, FormInput<any>, Log
      * If `true` checkbox needs to remain focused
      */
     wasFocused: boolean;
-    log: LogInstance;
-    createLogger(log: LogInstance): void;
+    outerElementState: BalElementStateInfo;
+    innerElementState: BalElementStateInfo;
+    mergedElementState: BalElementStateInfo;
     /**
      * PUBLIC PROPERTY API
      * ------------------------------------------------------
@@ -32,10 +36,6 @@ export declare class Checkbox implements ComponentInterface, FormInput<any>, Log
      * Label of the radio item.
      */
     label: string;
-    /**
-     * If `true` the radio is invisible, but sill active
-     */
-    invisible: boolean;
     /**
      * If `true` the checkbox has no label
      */
@@ -44,10 +44,6 @@ export declare class Checkbox implements ComponentInterface, FormInput<any>, Log
      * If `true` the control is no padding
      */
     flat: boolean;
-    /**
-     * If `true` the control is displayed as inline
-     */
-    inline: boolean;
     /**
      * Defines the layout of the checkbox button
      */
@@ -91,10 +87,28 @@ export declare class Checkbox implements ComponentInterface, FormInput<any>, Log
      * @internal
      */
     hovered: boolean;
+    hoveredChanged(): void;
     /**
      * @internal
      */
     pressed: boolean;
+    pressedChanged(): void;
+    /**
+     * Defines the color of the tile checkbox.
+     */
+    color?: BalProps.BalCheckboxTileColor;
+    /**
+     * @internal
+     */
+    colSize: BalProps.BalCheckboxGroupColumns;
+    /**
+     * @internal
+     */
+    colSizeTablet: BalProps.BalCheckboxGroupColumns;
+    /**
+     * @internal
+     */
+    colSizeMobile: BalProps.BalCheckboxGroupColumns;
     /**
      * Emitted when the toggle has focus.
      */
@@ -113,6 +127,7 @@ export declare class Checkbox implements ComponentInterface, FormInput<any>, Log
      */
     connectedCallback(): void;
     componentWillLoad(): void;
+    componentWillRender(): Promise<void> | void;
     disconnectedCallback(): void;
     /**
      * LISTENERS
@@ -120,6 +135,7 @@ export declare class Checkbox implements ComponentInterface, FormInput<any>, Log
      */
     listenOnClick(ev: UIEvent): void;
     resetHandler(ev: UIEvent): void;
+    elementStateListener(info: BalElementStateInfo): void;
     /**
      * PUBLIC METHODS
      * ------------------------------------------------------
@@ -142,11 +158,8 @@ export declare class Checkbox implements ComponentInterface, FormInput<any>, Log
      * Options of the tab like label, value etc.
      */
     getOption(): Promise<BalCheckboxOption>;
-    /** @internal */
-    setButtonTabindex(value: number): Promise<void>;
     /**
      * @internal
-     * Options of the tab like label, value etc.
      */
     updateState(): Promise<void>;
     /**
@@ -157,29 +170,16 @@ export declare class Checkbox implements ComponentInterface, FormInput<any>, Log
      * GETTERS
      * ------------------------------------------------------
      */
-    get option(): {
-        name: string;
-        value: string | number;
-        checked: boolean;
-        label: string;
-        labelHidden: boolean;
-        flat: boolean;
-        interface: BalProps.BalCheckboxGroupInterface;
-        disabled: boolean;
-        readonly: boolean;
-        required: boolean;
-        nonSubmit: boolean;
-        invisible: boolean;
-        invalid: boolean;
-    };
-    get group(): HTMLBalCheckboxGroupElement | null;
-    get checkboxButton(): HTMLBalCheckboxButtonElement | null;
+    private get group();
+    private get interactionChildElements();
+    private get option();
     /**
      * EVENT HANDLERS
      * ------------------------------------------------------
      */
+    private mergeElementState;
+    private setChecked;
     private toggleChecked;
-    private onKeypress;
     private onClick;
     private onFocus;
     private onBlur;

package/dist/types/components/bal-checkbox/bal-checkbox.interfaces.d.ts

@@ -1,7 +1,7 @@
 declare namespace BalProps {
-    type BalCheckboxGroupInterface = 'checkbox' | 'select-button' | 'switch';
+    type BalCheckboxGroupInterface = 'checkbox' | 'switch' | 'button' | 'tile';
     type BalCheckboxGroupColumns = 1 | 2 | 3 | 4;
-    type BalCheckboxButtonColor = '' | 'purple' | 'green' | 'yellow' | 'red';
+    type BalCheckboxTileColor = '' | 'purple' | 'green' | 'yellow' | 'red';
     type BalCheckboxInterface = BalCheckboxGroupInterface;
 }
 declare namespace BalEvents {
@@ -25,14 +25,4 @@ declare namespace BalEvents {
     type BalCheckboxGroupBlur = BalCheckboxGroupCustomEvent<BalCheckboxGroupBlurDetail>;
     type BalCheckboxGroupFocusDetail = FocusEvent;
     type BalCheckboxGroupFocus = BalCheckboxGroupCustomEvent<BalCheckboxGroupFocusDetail>;
-    interface BalCheckboxButtonCustomEvent<T> extends CustomEvent<T> {
-        detail: T;
-        target: HTMLBalCheckboxButtonElement;
-    }
-    type BalCheckboxButtonBlurDetail = FocusEvent;
-    type BalCheckboxButtonBlur = BalCheckboxButtonCustomEvent<BalCheckboxButtonBlurDetail>;
-    type BalCheckboxButtonFocusDetail = FocusEvent;
-    type BalCheckboxButtonFocus = BalCheckboxButtonCustomEvent<BalCheckboxButtonFocusDetail>;
-    type BalCheckboxButtonAriaLabelledByDetail = HTMLElement;
-    type BalCheckboxButtonAriaLabelledBy = BalCheckboxButtonCustomEvent<BalCheckboxButtonAriaLabelledByDetail>;
 }

package/dist/types/components/bal-checkbox/bal-switch/bal-switch.d.ts

@@ -0,0 +1,32 @@
+import { ComponentInterface } from '../../../stencil-public-runtime';
+export declare class Switch implements ComponentInterface {
+    /**
+     * PUBLIC PROPERTY API
+     * ------------------------------------------------------
+     */
+    /**
+     * If `true`, the checkbox is selected.
+     */
+    checked: boolean;
+    /**
+     * If `true` the component gets a invalid red style.
+     */
+    invalid?: boolean;
+    /**
+     * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+     */
+    disabled?: boolean;
+    /**
+     * @internal
+     */
+    hovered: boolean;
+    /**
+     * @internal
+     */
+    pressed: boolean;
+    /**
+     * RENDER
+     * ------------------------------------------------------
+     */
+    render(): any;
+}

package/dist/types/components/bal-icon/bal-icon.d.ts

@@ -28,6 +28,8 @@ export declare class Icon implements BalConfigObserver, BalElementStateInfo, Com
      * The theme type of the button.
      */
     color: BalProps.BalIconColor;
+    colorHovered: BalProps.BalIconColor;
+    colorPressed: BalProps.BalIconColor;
     /**
      * If `true` the icon acts as a tile with a background color.
      */

package/dist/types/components/bal-nav/bal-nav-link/bal-nav-link.d.ts

@@ -19,6 +19,11 @@ export declare class NavLink implements ComponentInterface, Loggable {
      * If `true` the link can be clickable
      */
     clickable: boolean;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+     */
+    rel: string | undefined;
     /**
      * Specifies the URL of the page the link goes to
      */

package/dist/types/components/bal-nav/bal-nav.i18n.d.ts

@@ -1,7 +1,8 @@
 import { I18n } from '../../interfaces';
 interface i18nNavBars {
-    meta: string;
-    main: string;
+    mainNavigation: string;
+    navigation: string;
+    subNavigation: string;
     open: string;
     close: string;
 }

package/dist/types/components/bal-option/bal-option.d.ts

@@ -1,7 +1,7 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import { Loggable, LogInstance } from '../../utils/log';
-import { BalElementStateInfo, BalElementStateObserver } from '../../utils/element-states';
 import { BalOption } from '../../utils/dropdown';
+import { BalElementStateInfo, BalElementStateObserver } from '../../utils/element-states';
+import { Loggable, LogInstance } from '../../utils/log';
 export declare class Option implements ComponentInterface, Loggable, BalElementStateObserver, BalOption {
     private inputId;
     el: HTMLElement;

package/dist/types/components/bal-radio/bal-radio-group/bal-radio-group.d.ts

@@ -1,9 +1,9 @@
-import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
-import { BalRadioOption } from '../bal-radio.type';
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { BalFocusObserver } from '../../../utils/focus';
+import { BalAriaForm, BalAriaFormLinking } from '../../../utils/form';
 import { Loggable, LogInstance } from '../../../utils/log';
 import { BalMutationObserver } from '../../../utils/mutation';
-import { BalAriaForm, BalAriaFormLinking } from '../../../utils/form';
-import { BalFocusObserver } from '../../../utils/focus';
+import { BalRadioOption } from '../bal-radio.type';
 export declare class RadioGroup implements ComponentInterface, Loggable, BalMutationObserver, BalAriaFormLinking, BalFocusObserver {
     private inputId;
     private inheritedAttributes;
@@ -21,6 +21,10 @@ export declare class RadioGroup implements ComponentInterface, Loggable, BalMuta
      */
     options?: BalRadioOption[];
     protected optionChanged(): Promise<void>;
+    /**
+     * Defines the layout of the radio button
+     */
+    interface?: BalProps.BalRadioGroupInterface;
     /**
      * If `true`, the radios can be deselected.
      */
@@ -29,15 +33,6 @@ export declare class RadioGroup implements ComponentInterface, Loggable, BalMuta
      * The name of the control, which is submitted with the form data.
      */
     name: string;
-    /**
-     * the value of the radio group.
-     */
-    value?: any | null;
-    valueChanged(): void;
-    /**
-     * Defines the layout of the radio button
-     */
-    interface?: BalProps.BalRadioGroupInterface;
     /**
      * Displays the checkboxes vertically
      */
@@ -65,10 +60,15 @@ export declare class RadioGroup implements ComponentInterface, Loggable, BalMuta
      */
     readonly?: boolean;
     readonlyChanged(value: boolean | undefined): void;
+    /**
+     * the value of the radio group.
+     */
+    value?: any | null;
+    valueChanged(): void;
     /**
      * Defines the column size like the grid.
      */
-    grid: BalProps.BalRadioGroupColumns;
+    columns: BalProps.BalRadioGroupColumns;
     columnsChanged(value: BalProps.BalRadioGroupColumns): void;
     /**
      * Defines the column size for tablet and bigger like the grid.
@@ -143,7 +143,6 @@ export declare class RadioGroup implements ComponentInterface, Loggable, BalMuta
      * ------------------------------------------------------
      */
     private getRadios;
-    private getRadioButtons;
     /**
      * EVENT BINDING
      * ------------------------------------------------------

package/dist/types/components/bal-radio/bal-radio-icon/bal-radio-icon.d.ts

@@ -0,0 +1,36 @@
+import { ComponentInterface } from '../../../stencil-public-runtime';
+export declare class RadioIcon implements ComponentInterface {
+    /**
+     * PUBLIC PROPERTY API
+     * ------------------------------------------------------
+     */
+    /**
+     * If `true`, the checkbox is selected.
+     */
+    checked: boolean;
+    /**
+     * If `true` the component gets a invalid red style.
+     */
+    invalid?: boolean;
+    /**
+     * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the checkbox is inverted and works on dark backgrounds.
+     */
+    inverted?: boolean;
+    /**
+     * @internal
+     */
+    hovered: boolean;
+    /**
+     * @internal
+     */
+    pressed: boolean;
+    /**
+     * RENDER
+     * ------------------------------------------------------
+     */
+    render(): any;
+}

package/dist/types/components/bal-radio/bal-radio.d.ts

@@ -1,8 +1,8 @@
-import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
-import { Loggable, LogInstance } from '../../utils/log';
-import { BalRadioOption } from './bal-radio.type';
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { BalElementStateInfo } from '../../utils/element-states';
 import { BalAriaForm, BalAriaFormLinking } from '../../utils/form';
+import { Loggable, LogInstance } from '../../utils/log';
+import { BalRadioOption } from './bal-radio.type';
 export declare class Radio implements ComponentInterface, BalElementStateInfo, Loggable, BalAriaFormLinking {
     private inputId;
     private inheritedAttributes;
@@ -11,10 +11,18 @@ export declare class Radio implements ComponentInterface, BalElementStateInfo, L
     el: HTMLBalRadioElement;
     log: LogInstance;
     createLogger(log: LogInstance): void;
+    /**
+     * Track focus state
+     * If `true` checkbox needs to remain focused
+     */
+    wasFocused: boolean;
     checked: boolean;
     focused: boolean;
     buttonTabindex?: number;
     ariaForm: BalAriaForm;
+    outerElementState: BalElementStateInfo;
+    innerElementState: BalElementStateInfo;
+    mergedElementState: BalElementStateInfo;
     /**
      * PUBLIC PROPERTY API
      * ------------------------------------------------------
@@ -31,10 +39,6 @@ export declare class Radio implements ComponentInterface, BalElementStateInfo, L
      * Label of the radio item.
      */
     label: string;
-    /**
-     * If `true` the radio is invisible, but sill active
-     */
-    invisible: boolean;
     /**
      * If `true` the radio has no label
      */
@@ -71,10 +75,28 @@ export declare class Radio implements ComponentInterface, BalElementStateInfo, L
      * @internal
      */
     hovered: boolean;
+    hoveredChanged(): void;
     /**
      * @internal
      */
     pressed: boolean;
+    pressedChanged(): void;
+    /**
+     * Defines the color of the tile radio.
+     */
+    color?: BalProps.BalRadioTileColor;
+    /**
+     * @internal
+     */
+    colSize: BalProps.BalRadioGroupColumns;
+    /**
+     * @internal
+     */
+    colSizeTablet: BalProps.BalRadioGroupColumns;
+    /**
+     * @internal
+     */
+    colSizeMobile: BalProps.BalRadioGroupColumns;
     /**
      * Emitted when the toggle has focus.
      */
@@ -93,18 +115,28 @@ export declare class Radio implements ComponentInterface, BalElementStateInfo, L
      */
     connectedCallback(): void;
     componentWillLoad(): void;
+    componentWillRender(): Promise<void> | void;
     disconnectedCallback(): void;
     /**
      * LISTENERS
      * ------------------------------------------------------
      */
     listenOnClick(ev: UIEvent): void;
+    elementStateListener(info: BalElementStateInfo): void;
     /**
      * PUBLIC METHODS
      * ------------------------------------------------------
      */
-    /** @internal */
-    setFocus(ev: any): Promise<void>;
+    /**
+     * Sets the focus on the checkbox input element.
+     */
+    setFocus(): Promise<void>;
+    /**
+     * Sets blur on the native `input`. Use this method instead of the global
+     * `input.blur()`.
+     * @internal
+     */
+    setBlur(): Promise<void>;
     /** @internal */
     setButtonTabindex(value: number): Promise<void>;
     /**
@@ -128,19 +160,16 @@ export declare class Radio implements ComponentInterface, BalElementStateInfo, L
      * GETTERS
      * ------------------------------------------------------
      */
-    private get radioButton();
-    private get radioGroup();
-    /**
-     * PRIVATE METHODS
-     * ------------------------------------------------------
-     */
+    private get group();
+    private get interactionChildElements();
     private get option();
     /**
      * EVENT BINDING
      * ------------------------------------------------------
      */
+    private mergeElementState;
+    private setChecked;
     private toggleChecked;
-    private onKeypress;
     private onClick;
     private onFocus;
     private onBlur;

package/dist/types/components/bal-radio/bal-radio.interfaces.d.ts

@@ -1,7 +1,7 @@
 declare namespace BalProps {
-    type BalRadioGroupInterface = 'radio' | 'select-button';
+    type BalRadioGroupInterface = 'radio' | 'button' | 'tile';
     type BalRadioGroupColumns = 1 | 2 | 3 | 4;
-    type BalRadioButtonColor = '' | 'purple' | 'green' | 'yellow' | 'red';
+    type BalRadioTileColor = '' | 'purple' | 'green' | 'yellow' | 'red';
     type BalRadioInterface = BalRadioGroupInterface;
 }
 declare namespace BalEvents {
@@ -25,14 +25,4 @@ declare namespace BalEvents {
     type BalRadioGroupBlur = BalRadioGroupCustomEvent<BalRadioGroupBlurDetail>;
     type BalRadioGroupFocusDetail = FocusEvent;
     type BalRadioGroupFocus = BalRadioGroupCustomEvent<BalRadioGroupFocusDetail>;
-    interface BalRadioButtonCustomEvent<T> extends CustomEvent<T> {
-        detail: T;
-        target: HTMLBalRadioButtonElement;
-    }
-    type BalRadioButtonBlurDetail = FocusEvent;
-    type BalRadioButtonBlur = BalRadioButtonCustomEvent<BalRadioButtonBlurDetail>;
-    type BalRadioButtonFocusDetail = FocusEvent;
-    type BalRadioButtonFocus = BalRadioButtonCustomEvent<BalRadioButtonFocusDetail>;
-    type BalRadioButtonAriaLabelledByDetail = HTMLElement;
-    type BalRadioButtonAriaLabelledBy = BalRadioButtonCustomEvent<BalRadioButtonAriaLabelledByDetail>;
 }

package/dist/types/components/bal-radio/bal-radio.type.d.ts

@@ -11,7 +11,6 @@ export interface BalRadioOption {
     readonly: boolean;
     required: boolean;
     nonSubmit: boolean;
-    invisible: boolean;
     invalid: boolean;
 }
 export {};

package/dist/types/components/bal-tabs/bal-tab-item/bal-tab-item.d.ts

@@ -19,6 +19,11 @@ export declare class TabItem {
      * Label for the tab.
      */
     label: string;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+     */
+    rel: string | undefined;
     /**
      * Link to path.
      */
@@ -87,6 +92,7 @@ export declare class TabItem {
         icon: string;
         label: string;
         href: string;
+        rel: string;
         target: BalProps.BalButtonTarget;
         active: boolean;
         disabled: boolean;

package/dist/types/components/bal-tabs/bal-tab.type.d.ts

@@ -4,6 +4,7 @@ export interface BalTabOption {
     value: string;
     label: string;
     href?: string;
+    rel?: string;
     tabPanelID?: string;
     target: BalProps.BalButtonTarget;
     active: boolean;

package/dist/types/components/bal-tabs/bal-tabs.d.ts

@@ -113,6 +113,10 @@ export declare class Tabs implements ComponentInterface, Loggable, BalConfigObse
      * if true, inactive elements will have their opacity reduced
      */
     dimInactiveElements: boolean;
+    /**
+     * If `true` then  isTabList becomes true even if there is a link in the list.
+     */
+    handleAsTabList: boolean;
     protected valueChanged(newValue?: string, oldValue?: string): Promise<void>;
     /**
      * Emitted when the changes has finished.
@@ -180,6 +184,10 @@ export declare class Tabs implements ComponentInterface, Loggable, BalConfigObse
      * ------------------------------------------------------
      */
     swiperGetAllChildrenElements(): SwiperChildItem[];
+    /**
+     * Tells if the component acts as a tab or link list.
+     * If only one link is in the list and handleAsTabList has been set to false it will be a link list
+     */
     private get isTabList();
     private get items();
     private getOptions;

package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts

@@ -0,0 +1,21 @@
+import { ComponentInterface } from '../../../stencil-public-runtime';
+/**
+ * @internal
+ */
+export declare class DocApp implements ComponentInterface {
+    logComponents: string;
+    logLifecycle: boolean;
+    logEvents: boolean;
+    logRender: boolean;
+    logCustom: boolean;
+    stickyFooter: boolean;
+    region?: string;
+    language?: string;
+    /**
+     * Disables all animation inside the bal-app. Can be used for simplify e2e testing.
+     */
+    animated: boolean;
+    connectedCallback(): void;
+    componentDidRender(): void;
+    render(): any;
+}