@baloise/ds-core 16.8.0 → 17.0.0

package/dist/esm-es5/{swipe.decorator-9d904794.js → swipe.decorator-56b6d574.js}

@@ -1 +1 @@
-import{B as BalSwipeSubject}from"./swipe.subject-f1d64e8d.js";function ListenToSwipe(i){if(i===void 0){i={mobileOnly:false}}return function(t,e,n){var s=t.connectedCallback,f=t.disconnectedCallback;t.connectedCallback=function(){if(!this._balSwipeSubject){this._balSwipeSubject=new BalSwipeSubject(i);this._balSwipeSubject.attach(this)}return s&&s.call(this)};t.disconnectedCallback=function(){if(this._balSwipeSubject){this._balSwipeSubject.detach();this._balSwipeSubject=undefined}return f&&f.call(this)}}}export{ListenToSwipe as L};
+import{B as BalSwipeSubject}from"./swipe.subject-683f7c7b.js";function ListenToSwipe(i){if(i===void 0){i={mobileOnly:false}}return function(t,e,n){var s=t.connectedCallback,f=t.disconnectedCallback;t.connectedCallback=function(){if(!this._balSwipeSubject){this._balSwipeSubject=new BalSwipeSubject(i);this._balSwipeSubject.attach(this)}return s&&s.call(this)};t.disconnectedCallback=function(){if(this._balSwipeSubject){this._balSwipeSubject.detach();this._balSwipeSubject=undefined}return f&&f.call(this)}}}export{ListenToSwipe as L};

package/dist/esm-es5/swipe.subject-683f7c7b.js

@@ -0,0 +1 @@
+import{__awaiter,__extends,__generator}from"tslib";import{b as balDevice}from"./device-8c6d2881.js";import{L as ListenerAbstract,a as SingleSubject}from"./listener-04842ae9.js";import{l as rLCP}from"./helpers-72ae7307.js";var BalSwipeListener=function(t){__extends(i,t);function i(){return t!==null&&t.apply(this,arguments)||this}i.prototype.connect=function(i){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(n){switch(n.label){case 0:t.prototype.connect.call(this,i);return[4,this.loadLib()];case 1:n.sent();if(this.PointerListenerLib){this.pointerListener=new this.PointerListenerLib(i,{handleTouchEvents:false});this.pointerListener.on("swipeleft",(function(){return e.notify({left:true,right:false})}));this.pointerListener.on("swiperight",(function(){return e.notify({left:false,right:true})}))}return[2]}}))}))};i.prototype.disconnect=function(){var i;t.prototype.disconnect.call(this);(i=this.pointerListener)===null||i===void 0?void 0:i.destroy()};i.prototype.loadLib=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){return[2,new Promise((function(i,e){rLCP((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){import("./contact-91a44c8c.js").then((function(e){t.PointerListenerLib=e.PointerListener;i()})).catch(e);return[2]}))}))}))}))]}))}))};return i}(ListenerAbstract);var BalSwipeSubject=function(t){__extends(i,t);function i(i){if(i===void 0){i={mobileOnly:false}}var e=t.call(this,(function(t,i){if(i){t.swipeListener(i)}}))||this;e.options=i;e.listener=new BalSwipeListener;return e}i.prototype.attach=function(i){var e=this;if(this.options.mobileOnly===true&&balDevice.isMobile||this.options.mobileOnly!==true){t.prototype.attach.call(this,i);this.listener.connect(i.el);this.listener.add((function(i){return t.prototype.notify.call(e,i)}))}};i.prototype.detach=function(){t.prototype.detach.call(this);this.listener.disconnect()};return i}(SingleSubject);export{BalSwipeSubject as B};

package/dist/esm-es5/{window-resize.decorator-6ef9be6a.js → window-resize.decorator-a88002f7.js}

@@ -1 +1 @@
-import{__extends}from"tslib";import{B as BalWindowResizeListener}from"./breakpoints.subject-d2b4fd79.js";import{a as SingleSubject}from"./listener-04842ae9.js";import{b as balBrowser}from"./browser-a8073d92.js";var BalWindowResizeSubject=function(i){__extends(t,i);function t(){var t=i.call(this,(function(i,t){i.windowResizeListener()}))||this;t.listener=new BalWindowResizeListener;return t}t.prototype.attach=function(t){var e=this;i.prototype.attach.call(this,t);if(balBrowser.hasWindow){this.listener.connect(window);this.listener.add((function(){return i.prototype.notify.call(e)}))}};t.prototype.detach=function(){i.prototype.detach.call(this);this.listener.disconnect()};return t}(SingleSubject);new BalWindowResizeSubject;function ListenToWindowResize(){return function(i,t,e){var n=i.connectedCallback,s=i.disconnectedCallback;i.connectedCallback=function(){if(!this._balWindowResizeSubject){this._balWindowResizeSubject=new BalWindowResizeSubject;this._balWindowResizeSubject.attach(this)}return n&&n.call(this)};i.disconnectedCallback=function(){if(this._balWindowResizeSubject){this._balWindowResizeSubject.detach();this._balWindowResizeSubject=undefined}return s&&s.call(this)}}}export{ListenToWindowResize as L};
+import{__extends}from"tslib";import{B as BalWindowResizeListener}from"./breakpoints.subject-ae98d0fa.js";import{a as SingleSubject}from"./listener-04842ae9.js";import{b as balBrowser}from"./browser-a8073d92.js";var BalWindowResizeSubject=function(i){__extends(t,i);function t(){var t=i.call(this,(function(i,t){i.windowResizeListener()}))||this;t.listener=new BalWindowResizeListener;return t}t.prototype.attach=function(t){var e=this;i.prototype.attach.call(this,t);if(balBrowser.hasWindow){this.listener.connect(window);this.listener.add((function(){return i.prototype.notify.call(e)}))}};t.prototype.detach=function(){i.prototype.detach.call(this);this.listener.disconnect()};return t}(SingleSubject);new BalWindowResizeSubject;function ListenToWindowResize(){return function(i,t,e){var n=i.connectedCallback,s=i.disconnectedCallback;i.connectedCallback=function(){if(!this._balWindowResizeSubject){this._balWindowResizeSubject=new BalWindowResizeSubject;this._balWindowResizeSubject.attach(this)}return n&&n.call(this)};i.disconnectedCallback=function(){if(this._balWindowResizeSubject){this._balWindowResizeSubject.detach();this._balWindowResizeSubject=undefined}return s&&s.call(this)}}}export{ListenToWindowResize as L};

package/dist/html.html-data.json

@@ -1634,89 +1634,6 @@
         }
       ]
     },
-    {
-      "name": "bal-datepicker",
-      "description": {
-        "kind": "markdown",
-        "value": ""
-      },
-      "attributes": [
-        {
-          "name": "auto-invalid-off",
-          "description": "If `true`, in Angular reactive forms the control will not be set invalid"
-        },
-        {
-          "name": "close-on-select",
-          "description": "Closes the datepicker popover after selection"
-        },
-        {
-          "name": "debounce",
-          "description": "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`."
-        },
-        {
-          "name": "default-date",
-          "description": "The date to defines where the datepicker popup starts. The prop accepts ISO 8601 date strings (YYYY-MM-DD)."
-        },
-        {
-          "name": "disabled",
-          "description": "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."
-        },
-        {
-          "name": "invalid",
-          "description": "If `true` the component gets a invalid style."
-        },
-        {
-          "name": "loading",
-          "description": "Defines if the select is in a loading state."
-        },
-        {
-          "name": "max",
-          "description": "The maximum datetime allowed. Value must be a date string\nfollowing the\n[ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime),\n`1996-12-19`. The format does not have to be specific to an exact\ndatetime. For example, the maximum could just be the year, such as `1994`.\nDefaults to the end of this year."
-        },
-        {
-          "name": "max-year",
-          "description": "Latest year available for selection"
-        },
-        {
-          "name": "min",
-          "description": "The minimum datetime allowed. Value must be a date string\nfollowing the\n[ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime),\nsuch as `1996-12-19`. The format does not have to be specific to an exact\ndatetime. For example, the minimum could just be the year, such as `1994`.\nDefaults to the beginning of the year, 100 years ago from today."
-        },
-        {
-          "name": "min-year",
-          "description": "Earliest year available for selection"
-        },
-        {
-          "name": "name",
-          "description": "The name of the control, which is submitted with the form data."
-        },
-        {
-          "name": "placeholder",
-          "description": "The text to display when the select is empty."
-        },
-        {
-          "name": "readonly",
-          "description": "If `true` the element can not mutated, meaning the user can not edit the control."
-        },
-        {
-          "name": "required",
-          "description": "If `true` the attribute required is added to the native input."
-        },
-        {
-          "name": "trigger-icon",
-          "description": "If `true` the datepicker only open on click of the icon"
-        },
-        {
-          "name": "value",
-          "description": "The value of the form field, which accepts ISO 8601 date strings (YYYY-MM-DD)."
-        }
-      ],
-      "references": [
-        {
-          "name": "Source code",
-          "url": "https:/github.com/baloise/design-system/src/components/bal-datepicker/bal-datepicker.tsx"
-        }
-      ]
-    },
     {
       "name": "bal-divider",
       "description": {

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalAccordionColor = 'primary' | 'info';
 }

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

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

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

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

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

@@ -2,6 +2,7 @@ import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
 export declare class Button implements ComponentInterface {
     private inheritAttributes;
     el: HTMLElement;
+    isLargestContentPaintDone: boolean;
     /**
      * The color to use from your application's color palette.
      */
@@ -120,6 +121,7 @@ export declare class Button implements ComponentInterface {
      */
     balDidRender: EventEmitter<BalEvents.BalButtonDidRenderDetail>;
     listenOnClick(ev: UIEvent): void;
+    componentDidLoad(): void;
     componentWillLoad(): void;
     componentDidRender(): void;
     private get isIconInverted();

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalButtonGroupPosition = 'right' | 'center' | '';
     type BalButtonGroupDirection = 'auto' | 'row' | 'column';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalCardActionsPosition = 'right' | 'center' | '';
     type BalCardButtonElementType = BalButtonElementType;

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

@@ -4,6 +4,7 @@ export declare class CarouselItem implements ComponentInterface {
     private imageInheritAttributes;
     private buttonEl;
     el: HTMLElement;
+    isLargestContentfulPaintDone: boolean;
     /**
      * Src path to the image
      */
@@ -65,6 +66,11 @@ export declare class CarouselItem implements ComponentInterface {
      * Emitted when the button loses focus.
      */
     balBlur: EventEmitter<BalEvents.BalCarouselItemBlurDetail>;
+    /**
+     * LIFECYCLE
+     * ------------------------------------------------------
+     */
+    componentDidLoad(): void;
     componentWillLoad(): void;
     getData(): Promise<BalCarouselItemData>;
     setFocus(): Promise<void>;

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

@@ -14,6 +14,7 @@ export declare class Carousel implements ComponentInterface, BalBreakpointObserv
     private currentRaf;
     private carouselId;
     private carouselContainerId;
+    isLargestContentfulPaintDone: boolean;
     isLastSlideVisible: boolean;
     isMobile: boolean;
     language: BalLanguage;
@@ -84,6 +85,7 @@ export declare class Carousel implements ComponentInterface, BalBreakpointObserv
      * LIFECYCLE
      * ------------------------------------------------------
      */
+    componentDidLoad(): void;
     /**
      * LISTENERS
      * ------------------------------------------------------
@@ -112,6 +114,7 @@ export declare class Carousel implements ComponentInterface, BalBreakpointObserv
     private animate;
     private buildSlide;
     private itemsChanged;
+    private itemsChangedInternal;
     private focusNextItem;
     private focusPreviousItem;
     /**

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalCarouselItemColor = 'white' | 'green' | 'yellow' | 'red' | 'purple';
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalCheckboxGroupInterface = 'checkbox' | 'select-button' | 'switch';
     type BalCheckboxGroupColumns = 1 | 2 | 3 | 4;

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalCloseSize = 'small' | 'medium' | '';
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalContentLayout = 'horizontal' | 'vertical' | '';
     type BalContentDirection = 'column' | 'row' | '';

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

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

package/dist/types/components/bal-date/bal-date-calendar/bal-date-calendar.interfaces.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalDateCalendarAllowedDatesCallback = (isoDate: string) => boolean;
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalDateCallback = (dateString: string) => boolean;
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalDividerLayout = 'horizontal' | 'vertical' | '';
     type BalDividerBorderStyle = 'solid' | 'dashed' | '';

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

@@ -1,4 +1,4 @@
-import { ComponentInterface, Event, EventEmitter } from '../../stencil-public-runtime';
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { LogInstance, Loggable } from '../../utils/log';
 import { Attributes } from '../../utils/attributes';
 import { BalOption, DropdownEventsUtil, DropdownFormSubmit, DropdownFormSubmitUtil, DropdownOptionUtil, DropdownPopupUtil, DropdownValueUtil, DropdownFocus, DropdownFocusUtil, DropdownAutoFillUtil } from '../../utils/dropdown';
@@ -126,7 +126,9 @@ export declare class Dropdown implements ComponentInterface, Loggable, BalConfig
      * LIFECYCLE
      * ------------------------------------------------------
      */
+    hasConnected: boolean;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillRender(): Promise<void>;
     componentDidRender(): void;
     componentDidLoad(): void;
@@ -138,9 +140,9 @@ export declare class Dropdown implements ComponentInterface, Loggable, BalConfig
      * @internal define config for the component
      */
     configChanged(state: BalConfigState): Promise<void>;
-    listenToOptionChange(ev: BalEvents.BalOptionChange): Promise<void>;
-    listenOnClickOutside(ev: UIEvent): void;
-    resetHandler(ev: UIEvent): void;
+    listenToOptionChange: (ev: BalEvents.BalOptionChange) => void;
+    listenOnClickOutside: (ev: UIEvent) => void;
+    resetHandler: (ev: UIEvent) => void;
     /**
      * PUBLIC METHODS
      * ------------------------------------------------------

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps { }
 declare namespace BalEvents {
     interface BalDropdownCustomEvent<T> extends CustomEvent<T> {

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalFieldLabelWeight = 'bold' | 'regular';
     type BalFieldLabelSize = '' | 'small' | 'large' | 'x-large' | 'xx-large' | 'xxx-large';

package/dist/types/components/bal-file-upload/bal-file-upload.interfaces.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalEvents {
     enum FileUploadRejectionReason {
         BAD_EXTENSION = "BAD_EXTENSION",

package/dist/types/components/bal-form-grid/bal-form-gird.interfaces.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalFormColSize = 'full' | 'fullwidth' | 'half' | 'one-third' | 'two-thirds' | 'one-quarter' | 'three-quarters';
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalHeadingVisualLevel = 'display' | 'display-2' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'xxxxx-large' | 'xxxx-large' | 'xxx-large' | 'xx-large' | 'x-large' | 'large' | 'medium' | 'normal';
     type BalHeadingLevel = BalHeadingVisualLevel | 'span' | 'p';

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

@@ -2,6 +2,7 @@ import { BalConfigObserver, BalConfigState, BalIcons } from '../../utils/config'
 import { BalElementStateInfo } from '../../utils/element-states';
 export declare class Icon implements BalConfigObserver, BalElementStateInfo {
     icons: BalIcons;
+    isLargestContentfulPaintDone: boolean;
     /**
      * PUBLIC API
      * ------------------------------------------------------
@@ -54,6 +55,11 @@ export declare class Icon implements BalConfigObserver, BalElementStateInfo {
      * @internal
      */
     pressed: boolean;
+    /**
+     * LIFECYCLE
+     * ------------------------------------------------------
+     */
+    componentDidLoad(): void;
     /**
      * LISTENERS
      * ------------------------------------------------------

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalIconColor = 'blue' | 'light-blue' | 'success' | 'success-dark' | 'success-darker' | 'danger' | 'danger-dark' | 'danger-darker' | 'warning' | 'warning-dark' | 'warning-darker' | 'white' | 'grey' | 'grey-light' | 'grey-dark' | 'primary' | 'primary-light' | 'primary-dark' | '' | string;
     type BalIconSize = 'xsmall' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | '';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalInputAutocorrect = 'on' | 'off';
     type BalInputInputMode = 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalLabelWeight = 'bold' | 'regular';
     type BalLabelSize = '' | 'small' | 'large' | 'x-large' | 'xx-large' | 'xxx-large';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalListItemAccordionHeadIcon = 'plus' | 'nav-go-down';
     type BalListItemTarget = BalButtonTarget;

package/dist/types/components/bal-logo/bal-logo.animation.d.ts

@@ -1,2 +1,2 @@
 import type { AnimationItem } from 'lottie-web/build/player/lottie_light_html';
-export declare const animate: (el: HTMLElement, color: 'blue' | 'white') => AnimationItem;
+export declare const animate: (el: HTMLElement, color: "blue" | "white") => AnimationItem;

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalLogoColor = 'blue' | 'white';
     type BalLogoSize = 'small' | '';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalModalInterface = 'light' | 'card';
     type BalModalSpace = 'small' | '' | 'medium';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalNavLinkVariant = 'title' | 'overview' | '';
 }

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalNavLinkGroupColor = 'gray' | 'purple' | 'yellow' | 'red' | 'green' | '';
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalNavMenuBarInvisible = 'none' | 'mobile' | 'tablet';
     type BalNavMenuBarContainer = 'default' | 'fluid' | 'compact';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalNavMenuFlyoutContainer = 'default' | 'fluid' | 'compact';
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalNavMetaBarVariant = 'primary' | 'white' | 'grey';
     type BalNavMetaBarSize = 'small' | 'normal';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalNavContainer = 'default' | 'fluid' | 'compact';
     type BalNavMetaButtons = BalNavMetaButton[];

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalNavbarInterface = 'app' | 'simple';
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalNotificationColor = 'primary' | 'info' | 'success' | 'warning' | 'danger' | '';
 }

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps { }
 declare namespace BalEvents {
     interface BalOptionCustomEvent<T> extends CustomEvent<T> {

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalOptionListFilter = 'includes' | 'starts-with';
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalPaginationSize = '' | 'small';
     type BalPaginationInterface = '' | 'small';

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

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
 import { LogInstance, Loggable } from '../../utils/log';
 import { BalBreakpointObserver, BalBreakpoints } from '../../utils/breakpoints';
@@ -9,7 +8,7 @@ export declare class Popover implements ComponentInterface, Loggable, BalBreakpo
     private popoverId;
     private popperInstance;
     private backdropElement?;
-    element: HTMLElement;
+    el: HTMLElement;
     isTouch: boolean;
     isInMainNav: boolean;
     backdropHeight: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalPopoverContentRadius = 'normal' | 'large' | 'none' | 'normal-bottom-none' | 'normal-top-none' | 'large-bottom-none' | 'large-top-none';
     type BalPopoverContentColor = 'white' | 'grey';

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalProgressBarBackground = 'white' | 'grey';
     type BalProgressBarColor = 'primary' | 'purple' | 'yellow' | 'red' | 'green';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalRadioGroupInterface = 'radio' | 'select-button';
     type BalRadioGroupColumns = 1 | 2 | 3 | 4;

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalSegmentValue = string | number | boolean;
 }

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

@@ -20,7 +20,7 @@ export declare class Select implements ComponentInterface, Loggable, BalAriaForm
     private initialValue?;
     log: LogInstance;
     createLogger(log: LogInstance): void;
-    private el;
+    el: HTMLElement;
     hasFocus: boolean;
     inputValue: string;
     focusIndex: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalSelectFilter = 'includes' | 'starts-with';
 }

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

@@ -1 +1 @@
-export declare const watchForOptions: <T extends HTMLElement>(containerEl: HTMLElement, tagName: string, onChange: (el: T) => void) => MutationObserver;
+export declare const watchForOptions: <T extends HTMLElement>(containerEl: HTMLElement, tagName: string, onChange: (el: T | undefined) => void) => MutationObserver;

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalShapeVariation = '1' | '2' | '3';
     type BalShapeColor = 'green' | 'green-light' | 'red' | 'red-light' | 'purple' | 'purple-light' | 'yellow' | 'yellow-light';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalSheetContainer = '' | 'fluid' | 'detail-page' | 'compact' | 'blog-page';
 }

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalSpinnerColor = 'blue' | 'white';
     type BalSpinnerVariation = 'logo' | 'circle';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalStackLayout = 'horizontal' | 'vertical' | 'horizontal-reverse' | 'vertical-reverse' | '';
     type BalStackSpace = 'auto' | 'none' | 'xx-small' | 'x-small' | 'small' | 'normal' | 'medium' | 'large' | 'x-large' | 'xx-large' | '';

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

@@ -2,6 +2,7 @@ import { ComponentInterface } from '../../../stencil-public-runtime';
 export declare class StageImage implements ComponentInterface {
     private imageInheritAttributes;
     el: HTMLElement;
+    isLargestContentfulPaintDone: boolean;
     /**
      * set of images to be used as background image
      */
@@ -10,6 +11,7 @@ export declare class StageImage implements ComponentInterface {
      * optional fallback image in case the srcSet fails
      */
     fallback?: string;
+    componentDidLoad(): void;
     componentWillLoad(): void;
     render(): any;
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalStageColor = 'blue' | 'purple' | 'green' | 'red' | 'yellow';
     type BalStageSize = 'small' | '' | 'large';

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

@@ -1,4 +1,3 @@
-/// <reference types="@baloise/ds-core" />
 declare namespace BalProps {
     type BalStepsColor = 'primary' | 'light-blue' | 'purple' | 'yellow' | 'red' | 'green';
 }