@baloise/ds-core 19.8.2 → 19.8.3

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 export type ComponentProps = {
     [key: string]: any;
 };
@@ -26,7 +27,7 @@ export interface OverlayEventDetail<T = any> {
     role?: string;
 }
 export interface OverlayInterface {
-    el: HTMLElement;
+    el: HTMLStencilElement;
     overlayIndex: number;
     presented: boolean;
     didPresent: EventEmitter<void>;

package/dist/types/components/bal-nav/bal-nav-focus.util.d.ts

@@ -1,3 +1,4 @@
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { NavMenuLinkItem } from './models/bal-nav-menu-link-item';
 import { NavMetaLinkItem } from './models/bal-nav-meta-link-item';
 export type TabInformationDetail = {
@@ -17,7 +18,7 @@ export type TabInformation = {
  */
 export declare const gatherTabInformation: (detail: TabInformationDetail) => TabInformation;
 export type TabKeyDownDetail = {
-    el: HTMLElement;
+    el: HTMLStencilElement | HTMLElement;
     navId: string;
     isFlyoutActive: boolean;
     isBackwards: boolean;
@@ -27,7 +28,7 @@ export type TabKeyDownDetail = {
 };
 export declare const handleTabKeyDown: ({ tabs, indexOfNextTab, indexOfActiveTab }: TabInformation, detail: TabKeyDownDetail) => void;
 export type FlyoutFocusOutDetail = {
-    el: HTMLElement;
+    el: HTMLElement | HTMLStencilElement;
     isBackwards: boolean;
 };
 export declare const handleFlyoutFocusOut: (info: TabInformation, detail: FlyoutFocusOutDetail) => void;

package/dist/types/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.d.ts

@@ -1,8 +1,9 @@
 import { ComponentInterface } from '../../../stencil-public-runtime';
 import { LogInstance, Loggable } from '../../../utils/log';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 export declare class NavMenuBar implements ComponentInterface, Loggable {
     private navMenuBarId;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     isHidden: boolean;
     log: LogInstance;
     createLogger(log: LogInstance): void;

package/dist/types/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.d.ts

@@ -1,9 +1,10 @@
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 import { LogInstance, Loggable } from '../../../utils/log';
 import { BalResizeObserver } from '../../../utils/resize';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 export declare class NavMenuFlyout implements ComponentInterface, Loggable, BalResizeObserver {
     private bodyScrollHandler;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     isHidden: boolean;
     log: LogInstance;
     createLogger(log: LogInstance): void;

package/dist/types/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.d.ts

@@ -1,9 +1,10 @@
 import { ComponentInterface } from '../../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 import { LogInstance, Loggable } from '../../../utils/log';
 export declare class NavMetaBar implements ComponentInterface, Loggable {
     private navMetaBarId;
     private previousY;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     isHidden: boolean;
     log: LogInstance;
     createLogger(log: LogInstance): void;

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

@@ -1,4 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { BalBreakpointObserver, BalBreakpoints } from '../../utils/breakpoints';
 import { BalConfigObserver, BalConfigState, BalLanguage, BalRegion } from '../../utils/config';
 import { LogInstance, Loggable } from '../../utils/log';
@@ -13,7 +14,7 @@ export declare class Nav implements ComponentInterface, Loggable, BalBreakpointO
     private bodyScrollHandler;
     private menuBarEl;
     private metaBarEl;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     log: LogInstance;
     isTouch: boolean;
     isDesktop: boolean;

package/dist/types/components/bal-navbar/bal-navbar-brand/bal-navbar-brand.d.ts

@@ -1,8 +1,9 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 import { BalConfigState, BalLanguage } from '../../../utils/config';
 export declare class NavbarBrand {
     private bodyScrollHandler;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     language: BalLanguage;
     isMenuActive: boolean;
     /**

package/dist/types/components/bal-number-input/bal-number-input.d.ts

@@ -1,4 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { BalConfigObserver, BalConfigState, BalLanguage, BalRegion } from '../../utils/config';
 import { BalAriaForm, BalAriaFormLinking } from '../../utils/form';
 import { FormInput } from '../../utils/form-input';
@@ -11,7 +12,7 @@ export declare class NumberInput implements ComponentInterface, BalConfigObserve
     nativeInput?: HTMLInputElement;
     inputValue?: number | string;
     initialValue?: number | string;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     focused: boolean;
     language: BalLanguage;
     region: BalRegion;

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

@@ -2,9 +2,10 @@ import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { BalOption } from '../../utils/dropdown';
 import { BalElementStateInfo, BalElementStateObserver } from '../../utils/element-states';
 import { Loggable, LogInstance } from '../../utils/log';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 export declare class Option implements ComponentInterface, Loggable, BalElementStateObserver, BalOption {
     private inputId;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     log: LogInstance;
     createLogger(log: LogInstance): void;
     checkbox: boolean;

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

@@ -1,12 +1,13 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
-import { Loggable, LogInstance } from '../../utils/log';
-import { BalAriaForm } from '../../utils/form';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { BalOption } from '../../utils/dropdown';
+import { BalAriaForm } from '../../utils/form';
+import { Loggable, LogInstance } from '../../utils/log';
 export declare class OptionList implements ComponentInterface, Loggable {
     private inputId;
     private inheritAttributes;
     private focusRaf;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     log: LogInstance;
     ariaForm: BalAriaForm;
     createLogger(log: LogInstance): void;

package/dist/types/components/bal-popover/bal-popover-content/bal-popover-content.d.ts

@@ -1,8 +1,9 @@
 import { ComponentInterface } from '../../../stencil-public-runtime';
 import { BalBreakpointObserver, BalBreakpoints } from '../../../utils/breakpoints';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 export declare class PopoverContent implements ComponentInterface, BalBreakpointObserver {
     private isTouch;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     /**
      * If `true` the popover has no padding space.
      */

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

@@ -1,6 +1,7 @@
-import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
-import { LogInstance, Loggable } from '../../utils/log';
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { BalBreakpointObserver, BalBreakpoints } from '../../utils/breakpoints';
+import { Loggable, LogInstance } from '../../utils/log';
 export interface PopoverPresentOptions {
     force: boolean;
 }
@@ -8,7 +9,7 @@ export declare class Popover implements ComponentInterface, Loggable, BalBreakpo
     private popoverId;
     private popperInstance;
     private backdropElement?;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     isTouch: boolean;
     isInMainNav: boolean;
     backdropHeight: number;

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

@@ -1,6 +1,7 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { LogInstance, Loggable } from '../../utils/log';
 import { PopupComponentInterface } from './variants';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 export declare class Popup implements ComponentInterface, PopupComponentInterface, Loggable {
     private popupId;
     private isClickedOutsideOnMouseDown;
@@ -11,7 +12,7 @@ export declare class Popup implements ComponentInterface, PopupComponentInterfac
     private lastVariant;
     private lastFocus?;
     private lastVariantRenderer?;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     containerEl: HTMLDivElement | undefined;
     contentEl: HTMLDivElement | undefined;
     backdropEl: HTMLDivElement | undefined;

package/dist/types/components/bal-popup/variants/variant.interfaces.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 export type PopupVariant = 'popover' | 'fullscreen' | 'drawer';
 export interface PopupComponentInterface {
     placement: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
@@ -10,7 +11,7 @@ export interface PopupComponentInterface {
     reference?: string;
     balWillAnimate: EventEmitter<BalEvents.BalPopupWillAnimateDetail>;
     balDidAnimate: EventEmitter<BalEvents.BalPopupDidAnimateDetail>;
-    el: HTMLElement;
+    el: HTMLElement | HTMLStencilElement;
     componentWidth?: number;
     backdropEl?: HTMLDivElement;
     containerEl?: HTMLDivElement;

package/dist/types/components/bal-progress-bar/bal-progress-bar.d.ts

@@ -2,8 +2,9 @@ import { ComponentInterface } from '../../stencil-public-runtime';
 import { BalBreakpointObserver, BalBreakpoints } from '../../utils/breakpoints';
 import type { BalConfigObserver, BalConfigState } from '../../utils/config';
 import { BalWindowResizeObserver } from '../../utils/resize';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 export declare class ProgressBar implements ComponentInterface, BalConfigObserver, BalBreakpointObserver, BalWindowResizeObserver {
-    el: HTMLElement;
+    el: HTMLStencilElement;
     private animated;
     private lineEl?;
     private isTouch;

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

@@ -1,4 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 import { BalFocusObserver } from '../../../utils/focus';
 import { BalAriaForm, BalAriaFormLinking } from '../../../utils/form';
 import { Loggable, LogInstance } from '../../../utils/log';
@@ -10,7 +11,7 @@ export declare class RadioGroup implements ComponentInterface, Loggable, BalMuta
     private initialValue?;
     log: LogInstance;
     createLogger(log: LogInstance): void;
-    el: HTMLBalRadioGroupElement;
+    el: HTMLStencilElement;
     ariaForm: BalAriaForm;
     /**
      * PUBLIC PROPERTY API

package/dist/types/components/bal-segment/bal-segment-item/bal-segment-item.d.ts

@@ -1,4 +1,5 @@
 import { ComponentInterface } from '../../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 import { BalAriaForm } from '../../../utils/form';
 import { SegmentValue } from '../bal-segment.types';
 export declare class SegmentItem implements ComponentInterface {
@@ -7,7 +8,7 @@ export declare class SegmentItem implements ComponentInterface {
     private inheritedAttributes;
     private internalId;
     private inputId;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     hasSlotContent: boolean;
     isFocusable: boolean;
     isVertical: boolean;

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

@@ -1,4 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { BalAnimationObserver } from '../../utils/animation';
 import { BalBreakpointObserver, BalBreakpoints } from '../../utils/breakpoints';
 import { BalFocusObserver } from '../../utils/focus';
@@ -8,7 +9,7 @@ import { BalWindowResizeObserver } from '../../utils/resize';
 import { BalVisibilityObserver } from '../../utils/visibility';
 import { SegmentValue } from './bal-segment.types';
 export declare class Segment implements ComponentInterface, BalWindowResizeObserver, BalBreakpointObserver, BalFocusObserver, BalVisibilityObserver, BalAnimationObserver {
-    el: HTMLElement;
+    el: HTMLStencilElement;
     log: LogInstance;
     createLogger(log: LogInstance): void;
     focusedValue?: SegmentValue;

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

@@ -1,4 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { BalAriaForm, BalAriaFormLinking } from '../../utils/form';
 import { Loggable, LogInstance } from '../../utils/log';
 import { BalOptionValue } from './utils/bal-option.type';
@@ -21,7 +22,7 @@ export declare class Select implements ComponentInterface, Loggable, BalAriaForm
     private inheritedAttributes;
     log: LogInstance;
     createLogger(log: LogInstance): void;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     hasFocus: boolean;
     inputValue: string;
     focusIndex: number;

package/dist/types/components/bal-select/utils/watch-options.d.ts

@@ -1 +1,2 @@
-export declare const watchForOptions: <T extends HTMLElement>(containerEl: HTMLElement, tagName: string, onChange: (el: T | undefined) => void) => MutationObserver;
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
+export declare const watchForOptions: <T extends HTMLStencilElement>(containerEl: HTMLElement | HTMLStencilElement, tagName: string, onChange: (el: T | undefined) => void) => MutationObserver;

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

@@ -1,6 +1,7 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 export declare class Shape implements ComponentInterface {
-    el: HTMLElement;
+    el: HTMLStencilElement;
     /**
      * The shape variation
      */

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

@@ -1,6 +1,7 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
-import { Loggable, LogInstance } from '../../utils/log';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { BalConfigObserver, BalConfigState } from '../../utils/config';
+import { Loggable, LogInstance } from '../../utils/log';
 export declare class Spinner implements ComponentInterface, Loggable, BalConfigObserver {
     private animationItem;
     private animationFunction?;
@@ -8,7 +9,7 @@ export declare class Spinner implements ComponentInterface, Loggable, BalConfigO
     log: LogInstance;
     animated: boolean;
     createLogger(log: LogInstance): void;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     /**
      * PUBLIC PROPERTY API
      * ------------------------------------------------------

package/dist/types/components/bal-stage/bal-stage-back-link/bal-stage-back-link.d.ts

@@ -1,6 +1,7 @@
 import { ComponentInterface } from '../../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 export declare class StageBackLink implements ComponentInterface {
-    el: HTMLElement;
+    el: HTMLStencilElement;
     /**
      * Specifies the URL of the page the link goes to
      */

package/dist/types/components/bal-stage/bal-stage-body/bal-stage-body.d.ts

@@ -1,5 +1,6 @@
 import { ComponentInterface } from '../../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 export declare class StageBody implements ComponentInterface {
-    el: HTMLElement;
+    el: HTMLStencilElement;
     render(): any;
 }

package/dist/types/components/bal-stage/bal-stage-foot/bal-stage-foot.d.ts

@@ -1,5 +1,6 @@
 import { ComponentInterface } from '../../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 export declare class StageFoot implements ComponentInterface {
-    el: HTMLElement;
+    el: HTMLStencilElement;
     render(): any;
 }

package/dist/types/components/bal-stage/bal-stage-head/bal-stage-head.d.ts

@@ -1,5 +1,6 @@
 import { ComponentInterface } from '../../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 export declare class StageHead implements ComponentInterface {
-    el: HTMLElement;
+    el: HTMLStencilElement;
     render(): any;
 }

package/dist/types/components/bal-stage/bal-stage-image/bal-stage-image.d.ts

@@ -1,7 +1,8 @@
 import { ComponentInterface } from '../../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 export declare class StageImage implements ComponentInterface {
     private imageInheritAttributes;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     isOnLoadEventDone: boolean;
     /**
      * set of images to be used as background image

package/dist/types/components/bal-steps/bal-step-item/bal-step-item.d.ts

@@ -1,9 +1,10 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 import { Attributes } from '../../../utils/attributes';
 import { BalStepOption } from '../bal-step.type';
 export declare class StepItem {
     private inheritAttributes;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     isActive: boolean;
     /**
      * Tells if this route is active and overrides the bal-tabs value property.

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

@@ -1,10 +1,11 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { BalStepOption } from './bal-step.type';
-import { Loggable, LogInstance } from '../../utils/log';
-import { BalMutationObserver } from '../../utils/mutation';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { BalBreakpointObserver, BalBreakpoints } from '../../utils/breakpoints';
+import { LogInstance, Loggable } from '../../utils/log';
+import { BalMutationObserver } from '../../utils/mutation';
+import { BalStepOption } from './bal-step.type';
 export declare class Steps implements Loggable, BalMutationObserver, BalBreakpointObserver {
-    el: HTMLElement;
+    el: HTMLStencilElement;
     private stepsId;
     store: BalStepOption[];
     isMobile: boolean;

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

@@ -1,6 +1,7 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 export declare class Table implements ComponentInterface {
-    el: HTMLElement;
+    el: HTMLStencilElement;
     /**
      * If `true` the table has a full width
      */

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

@@ -1,10 +1,11 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
 import { Attributes } from '../../../utils/attributes';
 import { BalTabOption } from '../bal-tab.type';
 export declare class TabItem {
     private inheritAttributes;
     private tabPanelID;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     isActive: boolean;
     tabsId?: string;
     /**

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

@@ -10,12 +10,13 @@ import { BalSwipeInfo } from '../../utils/swipe';
 import { SwiperChildItem, SwiperInterface, SwiperUtil } from '../../utils/swiper';
 import { BalVisibilityObserver } from '../../utils/visibility';
 import { BalTabOption } from './bal-tab.type';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 export declare class Tabs implements ComponentInterface, Loggable, BalConfigObserver, BalMutationObserver, BalBreakpointObserver, BalResizeObserver, BalVisibilityObserver, SwiperInterface {
     private tabsId;
     private currentRaf;
     private inheritAttributes;
     swiper: SwiperUtil;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     isAccordionOpen: boolean;
     accordionState: AccordionState;
     isNavbarOpen: boolean;

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 export declare class Tag {
-    el: HTMLElement;
+    el: HTMLStencilElement;
     private inheritedAttributes;
     private inheritedAttributesClose;
     /**

package/dist/types/components/bal-tag/test/bal-tag.a11y.play.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bal-tag/test/bal-tag.component.play.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bal-tag/test/bal-tag.visual.play.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { BalAriaForm, BalAriaFormLinking } from '../../utils/form';
 import { FormInput } from '../../utils/form-input';
 export declare class Textarea implements ComponentInterface, FormInput<string | undefined>, BalAriaFormLinking {
@@ -7,7 +8,7 @@ export declare class Textarea implements ComponentInterface, FormInput<string |
     nativeInput?: HTMLTextAreaElement;
     inputValue: string;
     initialValue: string;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     focused: boolean;
     ariaForm: BalAriaForm;
     /**

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

@@ -1,4 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { BalConfigObserver, BalConfigState, BalLanguage, BalRegion } from '../../utils/config';
 import { BalAriaForm, BalAriaFormLinking } from '../../utils/form';
 import { FormInput } from '../../utils/form-input';
@@ -9,7 +10,7 @@ export declare class TimeInput implements ComponentInterface, BalConfigObserver,
     nativeInput?: HTMLInputElement;
     inputValue: string;
     initialValue: string;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     log: LogInstance;
     createLogger(log: LogInstance): void;
     focused: boolean;

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

@@ -1,8 +1,9 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { LogInstance, Loggable } from '../../utils/log';
 export declare class Tooltip implements ComponentInterface, Loggable {
     private tooltipId;
-    el: HTMLElement;
+    el: HTMLStencilElement;
     private containerEl;
     private contentEl;
     private arrowEl;

package/dist/types/components.d.ts

@@ -85,7 +85,7 @@ export namespace Components {
          */
         "toggle": () => Promise<boolean>;
         /**
-          * @default 1
+          * @default 2
          */
         "version": number;
     }
@@ -4461,6 +4461,10 @@ export interface BalAccordionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBalAccordionElement;
 }
+export interface BalAppCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBalAppElement;
+}
 export interface BalButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBalButtonElement;
@@ -4663,7 +4667,18 @@ declare global {
         prototype: HTMLBalAccordionTriggerElement;
         new (): HTMLBalAccordionTriggerElement;
     };
+    interface HTMLBalAppElementEventMap {
+        "balAppReady": void;
+    }
     interface HTMLBalAppElement extends Components.BalApp, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBalAppElementEventMap>(type: K, listener: (this: HTMLBalAppElement, ev: BalAppCustomEvent<HTMLBalAppElementEventMap[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 HTMLBalAppElementEventMap>(type: K, listener: (this: HTMLBalAppElement, ev: BalAppCustomEvent<HTMLBalAppElementEventMap[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 HTMLBalAppElement: {
         prototype: HTMLBalAppElement;
@@ -6113,6 +6128,10 @@ declare namespace LocalJSX {
           * @default true
          */
         "animated"?: boolean;
+        /**
+          * Emitted when app is ready and painted.
+         */
+        "onBalAppReady"?: (event: BalAppCustomEvent<void>) => void;
     }
     interface BalBadge {
         /**

package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/index.d.ts

@@ -0,0 +1,8 @@
+export * from './lib/extend';
+export type { EventSpy } from './lib/page/event-spy';
+export * from './lib/components';
+export * from './lib/matchers';
+export * from './lib/page/utils';
+export * from './lib/types';
+export * from './lib/test-expect';
+export * from './lib/screenshot';

package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/bal-tag.po.d.ts

@@ -0,0 +1,8 @@
+import { PageObject } from './page-object';
+import { E2ELocator } from '../page/utils';
+export declare class BalTag extends PageObject {
+    private readonly closeButton;
+    constructor(el: E2ELocator);
+    clickClose(): Promise<void>;
+    assertToHaveText(text: string): Promise<void>;
+}

package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/index.d.ts

@@ -0,0 +1 @@
+export * from './bal-tag.po';

package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/page-object.d.ts

@@ -0,0 +1,7 @@
+import { E2ELocator } from '../page/utils';
+export declare abstract class PageObject {
+    readonly el: E2ELocator;
+    constructor(el: E2ELocator);
+    assertToBeVisible(): Promise<void>;
+    assertToBeHidden(): Promise<void>;
+}

package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/extend.d.ts

@@ -0,0 +1,9 @@
+import { PlaywrightTestArgs, PlaywrightTestOptions, PlaywrightWorkerArgs, PlaywrightWorkerOptions, TestType } from '@playwright/test';
+import { BalPage } from './types';
+export { expect } from '@playwright/test';
+type CustomFixtures = {
+    page: BalPage;
+    a11y(componentTag: string): Promise<void>;
+};
+type BalTestType = TestType<Omit<PlaywrightTestArgs, 'page'> & PlaywrightTestOptions & CustomFixtures, PlaywrightWorkerArgs & PlaywrightWorkerOptions>;
+export declare const test: BalTestType;

package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/functions/a11y.d.ts

@@ -0,0 +1,2 @@
+import { Page } from '@playwright/test';
+export declare const a11y: (page: Page, selector: string) => Promise<void>;

package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/matchers/index.d.ts

@@ -0,0 +1,12 @@
+import { toHaveFirstReceivedEventDetail } from './to-have-first-received-event-detail';
+import { toHaveNthReceivedEventDetail } from './to-have-nth-received-event-detail';
+import { toHaveReceivedEvent } from './to-have-received-event';
+import { toHaveReceivedEventDetail } from './to-have-received-event-detail';
+import { toHaveReceivedEventTimes } from './to-have-received-event-times';
+export declare const matchers: {
+    toHaveReceivedEvent: typeof toHaveReceivedEvent;
+    toHaveReceivedEventDetail: typeof toHaveReceivedEventDetail;
+    toHaveReceivedEventTimes: typeof toHaveReceivedEventTimes;
+    toHaveFirstReceivedEventDetail: typeof toHaveFirstReceivedEventDetail;
+    toHaveNthReceivedEventDetail: typeof toHaveNthReceivedEventDetail;
+};