@baloise/ds-core 16.8.0 → 17.0.0

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

@@ -17,6 +17,7 @@ export declare class Tabs implements ComponentInterface, Loggable, BalConfigObse
     isNavbarOpen: boolean;
     inNavbar: boolean;
     inNavbarLight: boolean;
+    isLargestContentfulPaintDone: boolean;
     isMobile: boolean;
     isTablet: boolean;
     store: BalTabOption[];
@@ -195,6 +196,7 @@ export declare class Tabs implements ComponentInterface, Loggable, BalConfigObse
      * ------------------------------------------------------
      */
     private onOptionChange;
+    private onOptionChangeInternal;
     private onSelectTab;
     /**
      * RENDER

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalTabsContext = 'meta' | 'navigation' | 'navbar';
     type BalTabsIconPosition = 'horizontal' | 'vertical';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalTagColor = 'blue' | 'grey' | 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'green' | 'yellow' | 'red' | 'purple' | '';
     type BalTagSize = 'small' | 'medium' | 'large' | '';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalTextSize = 'small' | 'lead' | 'block' | '';
     type BalTextSpace = 'none' | 'bottom' | 'top' | 'all' | '';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalTextareaWrap = 'hard' | 'soft' | 'off';
     type BalTextareaInputMode = BalInputInputMode;

package/dist/types/components/bal-time-input/bal-time-input.interfaces.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalEvents {
     interface BalTimeInputCustomEvent<T> extends CustomEvent<T> {
         detail: T;

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

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Toast {
     element: HTMLBalToastElement;

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalToastColor = BalNotificationColor;
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalTooltipTouchPosition = 'top' | 'bottom';
     type BalTooltipVariant = 'popover' | 'fullscreen' | 'drawer';

package/dist/types/components.d.ts

@@ -854,106 +854,6 @@ export namespace Components {
         "today": boolean;
         "year"?: number;
     }
-    interface BalDatepicker {
-        /**
-          * Callback to determine which date in the datepicker should be selectable.
-         */
-        "allowedDates": BalProps.BalDatepickerCallback | undefined;
-        /**
-          * If `true`, in Angular reactive forms the control will not be set invalid
-         */
-        "autoInvalidOff": boolean;
-        /**
-          * Closes the popover
-         */
-        "close": () => Promise<void>;
-        /**
-          * Closes the datepicker popover after selection
-         */
-        "closeOnSelect": boolean;
-        "configChanged": (state: BalConfigState) => Promise<void>;
-        /**
-          * Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
-         */
-        "debounce": number;
-        /**
-          * The date to defines where the datepicker popup starts. The prop accepts ISO 8601 date strings (YYYY-MM-DD).
-         */
-        "defaultDate"?: string;
-        /**
-          * 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;
-        /**
-          * Returns the native `<input>` element used under the hood.
-         */
-        "getInputElement": () => Promise<HTMLInputElement>;
-        /**
-          * If `true` the component gets a invalid style.
-         */
-        "invalid": boolean;
-        /**
-          * Defines if the select is in a loading state.
-         */
-        "loading": boolean;
-        /**
-          * The maximum datetime allowed. Value must be a date string following the [ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime), `1996-12-19`. The format does not have to be specific to an exact datetime. For example, the maximum could just be the year, such as `1994`. Defaults to the end of this year.
-         */
-        "max"?: string;
-        /**
-          * Latest year available for selection
-         */
-        "maxYearProp"?: number;
-        /**
-          * The minimum datetime allowed. Value must be a date string following the [ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime), such as `1996-12-19`. The format does not have to be specific to an exact datetime. For example, the minimum could just be the year, such as `1994`. Defaults to the beginning of the year, 100 years ago from today.
-         */
-        "min"?: string;
-        /**
-          * Earliest year available for selection
-         */
-        "minYearProp"?: number;
-        /**
-          * The name of the control, which is submitted with the form data.
-         */
-        "name": string;
-        /**
-          * Opens the popover
-         */
-        "open": () => Promise<void>;
-        /**
-          * The text to display when the select is empty.
-         */
-        "placeholder"?: string;
-        /**
-          * If `true` the element can not mutated, meaning the user can not edit the control.
-         */
-        "readonly": boolean;
-        /**
-          * If `true` the attribute required is added to the native input.
-         */
-        "required": boolean;
-        /**
-          * Selects an option
-         */
-        "select": (dateString: string) => Promise<void>;
-        "setAriaForm": (ariaForm: BalAriaForm) => Promise<void>;
-        /**
-          * Sets blur on the native `input`. Use this method instead of the global `input.blur()`.
-         */
-        "setBlur": () => Promise<void>;
-        /**
-          * Sets focus on the native `input`. Use this method instead of the global `input.focus()`.
-         */
-        "setFocus": () => Promise<void>;
-        /**
-          * If `true` the datepicker only open on click of the icon
-         */
-        "triggerIcon": boolean;
-        /**
-          * The value of the form field, which accepts ISO 8601 date strings (YYYY-MM-DD).
-         */
-        "value"?: string;
-    }
     interface BalDivider {
         /**
           * Defines the color of the separator line.
@@ -3608,10 +3508,6 @@ export interface BalDateCalendarCellCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBalDateCalendarCellElement;
 }
-export interface BalDatepickerCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLBalDatepickerElement;
-}
 export interface BalDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBalDropdownElement;
@@ -4053,28 +3949,6 @@ declare global {
         prototype: HTMLBalDateCalendarCellElement;
         new (): HTMLBalDateCalendarCellElement;
     };
-    interface HTMLBalDatepickerElementEventMap {
-        "balChange": BalEvents.BalDatepickerChangeDetail;
-        "balInput": BalEvents.BalDatepickerInputDetail;
-        "balBlur": BalEvents.BalDatepickerBlurDetail;
-        "balFocus": BalEvents.BalDatepickerFocusDetail;
-        "balInputClick": BalEvents.BalDatepickerInputClickDetail;
-        "balIconClick": BalEvents.BalDatepickerIconClickDetail;
-    }
-    interface HTMLBalDatepickerElement extends Components.BalDatepicker, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLBalDatepickerElementEventMap>(type: K, listener: (this: HTMLBalDatepickerElement, ev: BalDatepickerCustomEvent<HTMLBalDatepickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLBalDatepickerElementEventMap>(type: K, listener: (this: HTMLBalDatepickerElement, ev: BalDatepickerCustomEvent<HTMLBalDatepickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLBalDatepickerElement: {
-        prototype: HTMLBalDatepickerElement;
-        new (): HTMLBalDatepickerElement;
-    };
     interface HTMLBalDividerElement extends Components.BalDivider, HTMLStencilElement {
     }
     var HTMLBalDividerElement: {
@@ -5056,7 +4930,6 @@ declare global {
         "bal-date": HTMLBalDateElement;
         "bal-date-calendar": HTMLBalDateCalendarElement;
         "bal-date-calendar-cell": HTMLBalDateCalendarCellElement;
-        "bal-datepicker": HTMLBalDatepickerElement;
         "bal-divider": HTMLBalDividerElement;
         "bal-dropdown": HTMLBalDropdownElement;
         "bal-field": HTMLBalFieldElement;
@@ -6003,104 +5876,6 @@ declare namespace LocalJSX {
         "today"?: boolean;
         "year"?: number;
     }
-    interface BalDatepicker {
-        /**
-          * Callback to determine which date in the datepicker should be selectable.
-         */
-        "allowedDates"?: BalProps.BalDatepickerCallback | undefined;
-        /**
-          * If `true`, in Angular reactive forms the control will not be set invalid
-         */
-        "autoInvalidOff"?: boolean;
-        /**
-          * Closes the datepicker popover after selection
-         */
-        "closeOnSelect"?: boolean;
-        /**
-          * Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
-         */
-        "debounce"?: number;
-        /**
-          * The date to defines where the datepicker popup starts. The prop accepts ISO 8601 date strings (YYYY-MM-DD).
-         */
-        "defaultDate"?: string;
-        /**
-          * 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 component gets a invalid style.
-         */
-        "invalid"?: boolean;
-        /**
-          * Defines if the select is in a loading state.
-         */
-        "loading"?: boolean;
-        /**
-          * The maximum datetime allowed. Value must be a date string following the [ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime), `1996-12-19`. The format does not have to be specific to an exact datetime. For example, the maximum could just be the year, such as `1994`. Defaults to the end of this year.
-         */
-        "max"?: string;
-        /**
-          * Latest year available for selection
-         */
-        "maxYearProp"?: number;
-        /**
-          * The minimum datetime allowed. Value must be a date string following the [ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime), such as `1996-12-19`. The format does not have to be specific to an exact datetime. For example, the minimum could just be the year, such as `1994`. Defaults to the beginning of the year, 100 years ago from today.
-         */
-        "min"?: string;
-        /**
-          * Earliest year available for selection
-         */
-        "minYearProp"?: number;
-        /**
-          * The name of the control, which is submitted with the form data.
-         */
-        "name"?: string;
-        /**
-          * Emitted when the input loses focus.
-         */
-        "onBalBlur"?: (event: BalDatepickerCustomEvent<BalEvents.BalDatepickerBlurDetail>) => void;
-        /**
-          * Emitted when a option got selected.
-         */
-        "onBalChange"?: (event: BalDatepickerCustomEvent<BalEvents.BalDatepickerChangeDetail>) => void;
-        /**
-          * Emitted when the input has focus.
-         */
-        "onBalFocus"?: (event: BalDatepickerCustomEvent<BalEvents.BalDatepickerFocusDetail>) => void;
-        /**
-          * Emitted when the icon has clicked.
-         */
-        "onBalIconClick"?: (event: BalDatepickerCustomEvent<BalEvents.BalDatepickerIconClickDetail>) => void;
-        /**
-          * Emitted when a keyboard input occurred.
-         */
-        "onBalInput"?: (event: BalDatepickerCustomEvent<BalEvents.BalDatepickerInputDetail>) => void;
-        /**
-          * Emitted when the input has clicked.
-         */
-        "onBalInputClick"?: (event: BalDatepickerCustomEvent<BalEvents.BalDatepickerInputClickDetail>) => void;
-        /**
-          * The text to display when the select is empty.
-         */
-        "placeholder"?: string;
-        /**
-          * If `true` the element can not mutated, meaning the user can not edit the control.
-         */
-        "readonly"?: boolean;
-        /**
-          * If `true` the attribute required is added to the native input.
-         */
-        "required"?: boolean;
-        /**
-          * If `true` the datepicker only open on click of the icon
-         */
-        "triggerIcon"?: boolean;
-        /**
-          * The value of the form field, which accepts ISO 8601 date strings (YYYY-MM-DD).
-         */
-        "value"?: string;
-    }
     interface BalDivider {
         /**
           * Defines the color of the separator line.
@@ -8701,7 +8476,6 @@ declare namespace LocalJSX {
         "bal-date": BalDate;
         "bal-date-calendar": BalDateCalendar;
         "bal-date-calendar-cell": BalDateCalendarCell;
-        "bal-datepicker": BalDatepicker;
         "bal-divider": BalDivider;
         "bal-dropdown": BalDropdown;
         "bal-field": BalField;
@@ -8824,7 +8598,6 @@ declare module "@stencil/core" {
             "bal-date": LocalJSX.BalDate & JSXBase.HTMLAttributes<HTMLBalDateElement>;
             "bal-date-calendar": LocalJSX.BalDateCalendar & JSXBase.HTMLAttributes<HTMLBalDateCalendarElement>;
             "bal-date-calendar-cell": LocalJSX.BalDateCalendarCell & JSXBase.HTMLAttributes<HTMLBalDateCalendarCellElement>;
-            "bal-datepicker": LocalJSX.BalDatepicker & JSXBase.HTMLAttributes<HTMLBalDatepickerElement>;
             "bal-divider": LocalJSX.BalDivider & JSXBase.HTMLAttributes<HTMLBalDividerElement>;
             "bal-dropdown": LocalJSX.BalDropdown & JSXBase.HTMLAttributes<HTMLBalDropdownElement>;
             "bal-field": LocalJSX.BalField & JSXBase.HTMLAttributes<HTMLBalFieldElement>;

package/dist/types/index.d.ts

@@ -22,7 +22,6 @@ export * from './components/bal-radio/bal-radio.type';
 export * from './components/bal-date/bal-date.i18n';
 export * from './components/bal-close/bal-close.i18n';
 export * from './components/bal-field/bal-field-label/bal-field-label.i18n';
-export * from './components/bal-datepicker/bal-datepicker.i18n';
 export * from './components/bal-time-input/bal-time-input.i18n';
 export * from './components/bal-input-stepper/bal-input-stepper.i18n';
 export * from './components/bal-label/bal-label.i18n';
@@ -36,7 +35,7 @@ export { newBalTabOption } from './components/bal-tabs/bal-tab.util';
 export { newBalCheckboxOption } from './components/bal-checkbox/utils/bal-checkbox.util';
 export { newBalRadioOption } from './components/bal-radio/utils/bal-radio.util';
 export { newBalOptionValue, newBalSingleOptionValue } from './components/bal-select/utils/bal-option.util';
-export { waitForComponent, waitForDesignSystem, waitAfterFramePaint, waitAfterIdleCallback, shallowReady, deepReady, wait, getAppRoot, componentOnReady, isDescendant, } from './utils/helpers';
+export { waitForComponent, waitForDesignSystem, waitAfterFramePaint, waitAfterIdleCallback, waitAfterLargestContentfulPaintCallback, shallowReady, deepReady, wait, getAppRoot, componentOnReady, isDescendant, } from './utils/helpers';
 export { scrollToFirstInvalidField } from './utils/form';
 export { BalScrollHandler } from './utils/scroll';
 export { balBrowser } from './utils/browser';

package/dist/types/interfaces.d.ts

@@ -47,7 +47,6 @@ import './components/bal-spinner/bal-spinner.interfaces'
 import './components/bal-checkbox/bal-checkbox.interfaces'
 import './components/bal-date/bal-date.interfaces'
 import './components/bal-date/bal-date-calendar/bal-date-calendar.interfaces'
-import './components/bal-datepicker/bal-datepicker.interfaces'
 import './components/bal-file-upload/bal-file-upload.interfaces'
 import './components/bal-field/bal-field.interfaces'
 import './components/bal-form-grid/bal-form-gird.interfaces'

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

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -993,7 +989,6 @@ export declare namespace JSXBase {
     interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
     }
     interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         value?: string | string[] | number;
@@ -1020,6 +1015,8 @@ export declare namespace JSXBase {
         autoPlay?: boolean;
         autoplay?: boolean | string;
         controls?: boolean;
+        controlslist?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
+        controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
         crossOrigin?: string;
         crossorigin?: string;
         loop?: boolean;
@@ -1104,7 +1101,6 @@ export declare namespace JSXBase {
     interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
         name?: string;
     }
     interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -1129,7 +1125,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1159,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1218,6 +1211,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };
@@ -1571,6 +1566,10 @@ export declare namespace JSXBase {
         onSubmitCapture?: (event: Event) => void;
         onInvalid?: (event: Event) => void;
         onInvalidCapture?: (event: Event) => void;
+        onBeforeToggle?: (event: Event) => void;
+        onBeforeToggleCapture?: (event: Event) => void;
+        onToggle?: (event: Event) => void;
+        onToggleCapture?: (event: Event) => void;
         onLoad?: (event: Event) => void;
         onLoadCapture?: (event: Event) => void;
         onError?: (event: Event) => void;

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

@@ -0,0 +1,8 @@
+/**
+ * Returns `true` if the arrays are equal
+ *
+ * ```typescript
+ * areArraysEqual(['a', 'b'], ['b', 'a']) // true
+ * ```
+ */
+export declare function areArraysEqual<T>(a: T[], b: T[]): boolean;

package/dist/types/utils/date/date.helpers.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Returns the char which separates day form month and year.
+ *
+ * ```typescript
+ * dateSeparator('de-CH')
+ * // .
+ * ```
+ */
+export declare function dateSeparator(locale?: string): string;

package/dist/types/utils/date/index.d.ts

@@ -1 +1,2 @@
 export * from './date';
+export * from './date.helpers';

package/dist/types/utils/dropdown/popup.d.ts

@@ -1,8 +1,9 @@
+import { BalFloatingUi } from '../floating-ui';
 import { DropdownComponent } from './component';
 export declare class DropdownPopupUtil {
     private component;
     connectedCallback(component: DropdownComponent): void;
-    updatePanelPosition: (referenceEl: HTMLElement, floatingEl: HTMLElement) => () => void;
+    updatePanelPosition: (lib: BalFloatingUi, referenceEl: HTMLElement, floatingEl: HTMLElement) => () => void;
     toggleList(): void;
     expandList(): Promise<void>;
     collapseList(): void;

package/dist/types/utils/floating-ui.d.ts

@@ -0,0 +1,15 @@
+import type { computePosition, offset, arrow, flip, shift, autoUpdate } from '@floating-ui/dom';
+export interface BalFloatingUi {
+    computePosition: typeof computePosition;
+    autoUpdate: typeof autoUpdate;
+    offset: typeof offset;
+    arrow: typeof arrow;
+    flip: typeof flip;
+    shift: typeof shift;
+}
+declare class BalFloatingUiInternal {
+    private lib?;
+    load: () => Promise<BalFloatingUi>;
+}
+export declare const balFloatingUi: BalFloatingUiInternal;
+export {};

package/dist/types/utils/form-input.d.ts

@@ -1,7 +1,3 @@
-/// <reference types="node" />
-/// <reference types="node" />
-/// <reference types="node" />
-/// <reference types="node" />
 import { EventEmitter } from '../stencil-public-runtime';
 export interface FormInput<Value> {
     el: HTMLElement;
@@ -26,7 +22,7 @@ export declare const inputSetFocus: <Value>(component: FormInput<Value>) => Prom
 export declare const inputHandleHostClick: <Value>(component: FormInput<Value>, ev: MouseEvent) => void;
 export declare const inputHandleClick: <Value>(component: FormInput<Value>, ev: MouseEvent) => void;
 export declare const inputHandleFocus: <Value>(component: FormInput<Value>, ev: FocusEvent) => void;
-export declare const inputHandleReset: <Value>(component: FormInput<Value>, defaultValue: Value, timer: NodeJS.Timeout | undefined) => void;
+export declare const inputHandleReset: <Value>(component: FormInput<Value>, defaultValue: Value | undefined, timer: NodeJS.Timeout | undefined) => void;
 export declare const inputHandleBlur: <Value>(component: FormInput<Value>, ev: FocusEvent) => void;
 export declare const inputHandleChange: <Value>(component: FormInput<Value>) => void;
 export declare const isEmptyValue: (value: any) => boolean;

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

@@ -1,8 +1,13 @@
 import { EventEmitter } from '../stencil-public-runtime';
 import { BalConfig } from './config';
+/**
+ * Request Largest Contentful Paint (LCP) callback
+ */
+export declare const rLCP: (callback: () => void, timeout?: number) => NodeJS.Timeout;
 export declare const rIC: (callback: () => void, timeout?: number) => void;
 export declare const wait: (ms?: number) => Promise<void>;
 export declare const debounceEvent: (ev: EventEmitter, wait: number) => EventEmitter;
+export declare const debounceLCP: (func: (...args: any[]) => void, wait?: number) => (...args: any[]) => any;
 export declare const debounce: (func: (...args: any[]) => void, wait?: number) => (...args: any[]) => any;
 export declare const hasTagName: (element: any, tag: string) => boolean;
 export declare const isDescendant: (parent: HTMLElement, child: HTMLElement | EventTarget) => boolean;
@@ -37,5 +42,6 @@ export declare const isChildOfEventTarget: (ev: any, el: HTMLElement, callback:
 export declare const waitForDesignSystem: (el: any | null, _config?: BalConfig) => Promise<void>;
 export declare const waitAfterFramePaint: () => Promise<unknown>;
 export declare const waitAfterIdleCallback: () => Promise<unknown>;
+export declare const waitAfterLargestContentfulPaintCallback: () => Promise<unknown>;
 export declare const runHighPrioritizedTask: (callback: (value: unknown) => void) => void;
 export declare const waitForRequestIdleCallback: () => () => Promise<unknown>;

package/dist/types/utils/keyboard/index.d.ts

@@ -1,2 +1,3 @@
 export * from './keyboard.interfaces';
 export * from './keyboard.decorator';
+export * from './keyboard.helpers';

package/dist/types/utils/keyboard/keyboard.helpers.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Returns `true` if the keyboard event was triggered by the `Enter` key
+ */
+export declare function isEnterKey(event: KeyboardEvent): boolean;
+/**
+ * Returns `true` if the keyboard event was triggered by the `Space` key
+ */
+export declare function isSpaceKey(event: KeyboardEvent): boolean;
+/**
+ * Returns `true` if the keyboard event was triggered by the `Escape` key
+ */
+export declare function isEscapeKey(event: KeyboardEvent): boolean;
+/**
+ * Returns `true` if the keyboard event was triggered by the `Backspace` key
+ */
+export declare function isBackspaceKey(event: KeyboardEvent): boolean;
+/**
+ * Returns `true` if the keyboard event was triggered by the `ArrowDown` key
+ */
+export declare function isArrowDownKey(event: KeyboardEvent): boolean;
+/**
+ * Returns `true` if the keyboard event was triggered by the `ArrowUp` key
+ */
+export declare function isArrowUpKey(event: KeyboardEvent): boolean;
+/**
+ * Returns `true` if the keyboard event was triggered by the `ArrowLeft` key
+ */
+export declare function isArrowLeftKey(event: KeyboardEvent): boolean;
+/**
+ * Returns `true` if the keyboard event was triggered by the `ArrowRight` key
+ */
+export declare function isArrowRightKey(event: KeyboardEvent): boolean;
+/**
+ * Returns `true` if the keyboard event was triggered by the `Home` key
+ */
+export declare function isHomeKey(event: KeyboardEvent): boolean;
+/**
+ * Returns `true` if the keyboard event was triggered by the `End` key
+ */
+export declare function isEndKey(event: KeyboardEvent): boolean;

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

@@ -6,7 +6,7 @@ export declare const hasTouchSupport: () => boolean;
 /**
  * deprecated: Please use balBrowser.isSafari
  */
-export declare const isBrowser: (browser: 'Safari' | 'others') => boolean;
+export declare const isBrowser: (browser: "Safari" | "others") => boolean;
 export type Platforms = BalBreakpoint;
 export type PlatformSrcSet = Partial<BalBreakpoints>;
 export declare const getPlatforms: (_win?: any) => ("mobile" | "tablet" | "touch" | "desktop" | "highDefinition" | "widescreen" | "fullhd")[];

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

@@ -0,0 +1,12 @@
+import { ComponentInterface } from '../stencil-public-runtime';
+export interface ListenOptions {
+    target?: ListenTargetOptions;
+    capture?: boolean;
+    passive?: boolean;
+}
+export type ListenTargetOptions = 'document' | 'window';
+/**
+ * This decorator replaces the @Listen from stencil since
+ * they have issue with connecting and disconnecting web-components.
+ */
+export declare function ListenTo(eventName: string, opts?: ListenOptions): (target: ComponentInterface, propertyKey: string, _descriptor: PropertyDescriptor) => void;

package/dist/types/utils/mask/__test__/mask-component.mock.d.ts

@@ -9,20 +9,20 @@ export declare class MaskComponentMock implements MaskComponent {
     readonly: boolean;
     el: HTMLDivElement;
     nativeInput: HTMLInputElement;
-    valueChanged: import("@vitest/spy").Mock<any, any>;
+    valueChanged: import("vitest").Mock<any, any>;
     balKeyPress: {
-        emit: import("@vitest/spy").Mock<any, any>;
+        emit: import("vitest").Mock<any, any>;
     };
     balChange: {
-        emit: import("@vitest/spy").Mock<any, any>;
+        emit: import("vitest").Mock<any, any>;
     };
     balInput: {
-        emit: import("@vitest/spy").Mock<any, any>;
+        emit: import("vitest").Mock<any, any>;
     };
     balFocus: {
-        emit: import("@vitest/spy").Mock<any, any>;
+        emit: import("vitest").Mock<any, any>;
     };
     balBlur: {
-        emit: import("@vitest/spy").Mock<any, any>;
+        emit: import("vitest").Mock<any, any>;
     };
 }