@baloise/ds-core 17.3.0 → 17.4.0-nightly.20250207

package/dist/esm-es5/swiper.util-9564f1e8.js

@@ -0,0 +1 @@
+import{__awaiter,__generator}from"tslib";import{h}from"./index-8d2a7ce7.js";import{j as isDescendant,k as debounce,l as addEventListener,r as removeEventListener,o as raf}from"./helpers-ae0db1dd.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{s as stopEventBubbling}from"./form-input-3856ed2a.js";import{j as isTabKey}from"./keyboard.helpers-159e517d.js";var toKebabCase=function(t){if(typeof t==="string"){return t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}return""};var convert=function(t){return parseInt(t.slice(0,-2),10)};var getComputedPadding=function(t,i){if(i===void 0){i=16}if(typeof window==="undefined"||t===undefined){return{top:i,right:i,bottom:i,left:i}}var r=window.getComputedStyle(t);var e=convert(r.getPropertyValue("padding-top"));var n=convert(r.getPropertyValue("padding-right"));var s=convert(r.getPropertyValue("padding-bottom"));var o=convert(r.getPropertyValue("padding-left"));return{top:e,right:n,bottom:s,left:o}};var getComputedWidth=function(t){if(typeof window==="undefined"){return t.clientWidth}var i=window.getComputedStyle(t);var r=i.getPropertyValue("box-sizing");var e=convert(i.getPropertyValue("width"));if(r==="border-box"){return e}var n=convert(i.getPropertyValue("padding-right"));var s=convert(i.getPropertyValue("padding-left"));return s+e+n};var getWidthOfOverflowingChildren=function(t){var i=Array.from(t.children);var r=0;for(var e=0,n=i;e<n.length;e++){var s=n[e];var o=s.offsetLeft+s.offsetWidth;r=Math.max(r,o)}return r};var i18nSwiperControlLabel={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}};var SmallControl=function(t){var i=t.isFirst,r=t.isLast,e=t.inverted,n=t.leftControlTitle,s=t.rightControlTitle,o=t.containerId,a=t.onNextClick,u=t.onPreviousClick;var c=BEM.block("swiper");var f=c.element("controls");var d=f.element("button");return h("div",{class:Object.assign(Object.assign({},f.class()),f.modifier("small").class())},h("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("left").class()),d.modifier("hidden").class(i)),"aria-controls":o,square:true,size:"small",icon:"nav-go-left",rounded:true,inverted:e,onClick:function(){return u()},disabled:i,tabindex:"-1","data-testid":"bal-carousel-control-left",title:n}),h("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("right").class()),d.modifier("hidden").class(r)),"aria-controls":o,square:true,size:"small",icon:"nav-go-right",rounded:true,inverted:e,onClick:function(){return a()},disabled:r,tabindex:"-1","data-testid":"bal-carousel-control-right",title:s}))};var LargeControl=function(t){var i=t.isFirst,r=t.isLast,e=t.inverted,n=t.areControlsHidden,s=t.onNextClick,o=t.onPreviousClick,a=t.containerId,u=t.leftControlTitle,c=t.rightControlTitle;var f=BEM.block("swiper");var d=f.element("controls");var l=d.element("button");return h("div",{"data-mutation":"false",class:Object.assign(Object.assign({},d.class()),d.modifier("large").class())},h("bal-button",{class:Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("left").class()),l.modifier("hidden").class(i&&n)),"aria-controls":a,square:true,icon:"nav-go-left",rounded:true,inverted:e,onClick:function(){return o()},tabindex:-1,disabled:i,"aria-hidden":i&&n?"true":null,"data-testid":"bal-carousel-control-left",title:u}),h("bal-button",{class:Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("right").class()),l.modifier("hidden").class(r&&n)),"aria-controls":a,square:true,icon:"nav-go-right",rounded:true,inverted:e,onClick:function(){return s()},tabindex:-1,disabled:r,"aria-hidden":r&&n?"true":null,"data-testid":"bal-carousel-control-right",title:c}))};var DotControl=function(t){var i=t.value,r=t.items,e=t.containerId,n=t.onControlChange;var s=BEM.block("swiper");var o=s.element("controls");var a=function(t){var i=t.detail-1;if(i<0){i=0}if(i>=r.length){i=r.length-1}n(r[i])};return h("div",{class:Object.assign(Object.assign({},o.class()),o.modifier("dots").class())},h("bal-pagination",{"aria-controls":e,interface:"small",value:i+1,totalPages:r.length,onBalChange:a}))};var SwiperUtil=function(){function t(){var t=this;this.previousTransformValue=0;this.active=true;this.id="bal-swiper-".concat(SwiperIds++);this.containerId="".concat(this.id,"-container");this.index=0;this.steps=1;this.noNeedForControls=true;this.isLastSlideVisible=false;this.itemsPerView=1;this.controls="none";this.gapSpace="none";this.keyboardMode=false;this.shiftMode=false;this.isInsideContainer=false;this.focusByKey=false;this.pointerDown=function(){t.keyboardMode=false;t.shiftMode=false;t.focusByKey=false;t.isInsideContainer=false};this.listenToKeyDown=function(i){t.keyboardMode=isTabKey(i);t.shiftMode=i.shiftKey;t.focusByKey=false;t.isInsideContainer=isDescendant(t.containerEl,i.target);if(t.active){if(t.controls!=="dots"&&t.controls!=="tabs"){if(t.isInsideContainer&&t.keyboardMode){if(t.shiftMode&&t.index>0){t.focusByKey=true;t.focusPreviousItem(i)}else if(!t.shiftMode&&t.index<t.lastIndex()){t.focusByKey=true;t.focusNextItem(i)}}}}};this.updateFocus=function(i){if(t.active){var r=t.focusByKey;var e=t.shiftMode;var n=t.isInsideContainer;if(t.controls!=="dots"&&t.controls!=="tabs"&&r&&!n){if(e){t.focusItem(t.lastIndex())}else{t.focusItem(0)}}}};this.cssBlock=BEM.block("swiper");this.cssSwiper=function(){return Object.assign({},t.cssBlock.class(t.active))};this.cssInnerSwiper=function(){return Object.assign(Object.assign(Object.assign(Object.assign({},t.cssBlock.element("inner").class(t.active)),t.cssBlock.element("inner").modifier("items-per-view-".concat(t.itemsPerView)).class(t.active)),t.cssBlock.element("inner").modifier("shadow-left").class(t.hasShadowLeft())),t.cssBlock.element("inner").modifier("shadow-right").class(t.hasShadowRight()))};this.cssSwiperContainer=function(){return Object.assign(Object.assign({},t.cssBlock.element("container").class(t.active)),t.cssBlock.element("container").modifier("gap-".concat(t.gapSpace)).class(t.active))};this.notifyChange=debounce((function(){return t.notifyChangeInternal()}),100);this.onControlChange=function(i){if(i!==t.index){var r=i>t.index;if(r){t.next(i-t.index)}else{t.previous(t.index-i)}}};this.onPreviousButtonClick=function(){return t.previous()};this.onNextButtonClick=function(){return t.next()}}t.prototype.connectedCallback=function(t){this.component=t;addEventListener(window,"keydown",this.listenToKeyDown);addEventListener(this.component.el,"focusin",this.updateFocus);addEventListener(window,"touchstart",this.pointerDown);addEventListener(window,"mousedown",this.pointerDown)};t.prototype.disconnectedCallback=function(){removeEventListener(window,"keydown",this.listenToKeyDown);removeEventListener(this.component.el,"focusin",this.updateFocus);removeEventListener(window,"touchstart",this.pointerDown);removeEventListener(window,"mousedown",this.pointerDown)};t.prototype.isActive=function(){return this.active};t.prototype.activate=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.active=true;return[2]}))}))};t.prototype.disable=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.active=false;return[2]}))}))};t.prototype.focusItem=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.goTo(t)];case 1:i=r.sent();if(!(i&&i.el))return[3,3];return[4,this.setFocusToEl(i.el)];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.focusNextItem=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.next(1)];case 1:i=r.sent();if(!(i&&i.el))return[3,3];stopEventBubbling(t);return[4,this.setFocusToEl(i.el)];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.focusPreviousItem=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.previous(1)];case 1:i=r.sent();if(!(i&&i.el))return[3,3];stopEventBubbling(t);return[4,this.setFocusToEl(i.el)];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.setFocusToEl=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!t.setFocus)return[3,2];return[4,t.setFocus()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.isFirst=function(){return this.index===0};t.prototype.hasShadowLeft=function(){return this.hasShadow()&&this.index!==0&&this.active};t.prototype.hasShadowRight=function(){return this.hasShadow()&&!this.isLastSlideVisible&&this.active};t.prototype.isLast=function(){return this.isLastSlideVisible};t.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(t){var i;if(t===void 0){t=this.steps}return __generator(this,(function(r){i=this.index-t;if(i<0){i=0}return[2,this.goTo(i)]}))}))};t.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(t){var i,r,e;if(t===void 0){t=this.steps}return __generator(this,(function(n){i=this.component.swiperGetAllChildrenElements();r=i.length;e=this.index+t;if(e>=r){e=r-1}return[2,this.goTo(e)]}))}))};t.prototype.updateIndex=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=this.index}return __generator(this,(function(i){if(this.index!==t){this.goTo(t);this.index=t;this.component.swiperOnChange(this.index)}return[2]}))}))};t.prototype.goTo=function(){return __awaiter(this,arguments,void 0,(function(t){var i,r;if(t===void 0){t=this.index}return __generator(this,(function(e){switch(e.label){case 0:if(!this.active)return[3,4];return[4,this.buildSlide(t)];case 1:i=e.sent();if(!i)return[3,3];return[4,this.animate(i.transformActive,true)];case 2:r=e.sent();if(r||this.index!==t){this.index=t;this.component.swiperOnChange(this.index)}e.label=3;case 3:return[2,i];case 4:return[2]}}))}))};t.prototype.renderControls=function(){var t=this;if(!this.active||this.noNeedForControls||!this.component.hasAnimated){return""}var i=i18nSwiperControlLabel[this.component.language].left;var r=i18nSwiperControlLabel[this.component.language].right;switch(this.controls){case"small":return h(SmallControl,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.component.inverted,leftControlTitle:i,rightControlTitle:r,containerId:this.containerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}});case"large":return h(LargeControl,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.component.inverted,areControlsHidden:!this.component.isMobile,leftControlTitle:i,rightControlTitle:r,containerId:this.containerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}});case"dots":return h(DotControl,{value:this.index,items:this.getAllControlItems(),containerId:this.containerId,onControlChange:function(i){return t.onControlChange(i.value)}});default:return""}};t.prototype.getAllControlItems=function(){var t=this.component.swiperGetAllChildrenElements();return t.map((function(t,i){return{value:i,label:t.label}}))};t.prototype.lastIndex=function(){var t=this.component.swiperGetAllChildrenElements();return t.length-1};t.prototype.hasShadow=function(){return!this.component.inverted&&(this.itemsPerView==="auto"||this.itemsPerView>1)};t.prototype.notifyChangeInternal=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.buildSlide(this.index)];case 1:t=i.sent();if(t){this.animate(t.transformActive,false)}return[2]}}))}))};t.prototype.buildSlide=function(t){return __awaiter(this,void 0,void 0,(function(){var i,r,e,n,s,o;return __generator(this,(function(a){i=this.component.swiperGetAllChildrenElements();r=t===undefined?this.lastIndex():t;if(i.length>r&&r>=0){e={none:0,normal:16,medium:24};n=e[this.gapSpace];s=i.filter((function(t,i){return i<r+1})).reduce((function(t,i){return t+getComputedWidth(i)+n}),0);o=i.filter((function(t,i){return i<r})).reduce((function(t,i){return t+getComputedWidth(i)+n}),0);return[2,{el:i[r],transformNext:s,transformActive:o,isFirst:r===0,isLast:r===this.lastIndex(),total:this.lastIndex()+1,index:r}]}return[2,undefined]}))}))};t.prototype.animate=function(){return __awaiter(this,arguments,void 0,(function(t,i){var r=this;if(t===void 0){t=0}if(i===void 0){i=true}return __generator(this,(function(e){return[2,new Promise((function(e){if(r.currentRaf!==undefined){cancelAnimationFrame(r.currentRaf)}r.currentRaf=raf((function(){return __awaiter(r,void 0,void 0,(function(){var r,n,s,o,a,u,h,c,f,d;return __generator(this,(function(l){switch(l.label){case 0:if(!(this.containerEl&&this.innerEl))return[3,2];return[4,this.buildSlide()];case 1:r=l.sent();if(r){n=r.transformNext||0;s=this.innerEl.clientWidth||0;if(n===0||s===0){return[2,e(false)]}o=n-s;if(this.itemsPerView===3){o=n-s-1}a=o<=t;u=t===0||o<=2;if(u){this.index=0}h=this.controls==="small";c=this.controls==="large";this.noNeedForControls=n<=s;f=this.noNeedForControls?0:a?o:t;if(!u&&!this.noNeedForControls&&(h||c&&!this.component.isMobile)){f=f-(a?0:c?56:48)}this.containerEl.style.transitionDuration=i?"0.6s":"0";this.containerEl.style.transform="translate3d(-".concat(f,"px, 0px, 0px)");d=f!==this.previousTransformValue;this.previousTransformValue=f;this.isLastSlideVisible=a;if(this.borderEl){this.borderEl.style.transitionDuration=i?"0.6s":"0";this.borderEl.style.transform="translate3d(".concat(f,"px, 0px, 0px)")}this.component.hasAnimated=true;if(!d){return[2,e(false)]}return[2,e(true)]}l.label=2;case 2:return[2]}}))}))}))}))]}))}))};return t}();var SwiperIds=0;export{SwiperUtil as S,getWidthOfOverflowingChildren as a,getComputedPadding as g,toKebabCase as t};

package/dist/esm-es5/{window-resize.decorator-f894e34b.js → window-resize.decorator-bc159d5a.js}

@@ -1 +1 @@
-import{__extends}from"tslib";import{B as BalWindowResizeListener}from"./breakpoints.subject-336f3c8b.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-ba1cef96.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

@@ -281,6 +281,10 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "bal-popup",
+          "description": "If `true` the button is a popup."
+        },
         {
           "name": "color",
           "description": "The color to use from your application's color palette.",
@@ -942,6 +946,21 @@
           "name": "scroll-y",
           "description": "If `true` vertical scrolling on mobile is enabled."
         },
+        {
+          "name": "space",
+          "description": "Defines the layout of the navigation controls.",
+          "values": [
+            {
+              "name": "medium"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "normal"
+            }
+          ]
+        },
         {
           "name": "steps",
           "description": "When how many slides are moved when going forward or backward."
@@ -4264,6 +4283,10 @@
           "name": "css-class",
           "description": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces."
         },
+        {
+          "name": "focus-trap",
+          "description": "If `true`, focus will not be allowed to move outside of this overlay.\nIf `false`, focus will be allowed to move outside of the overlay.\n\nIn most scenarios this property should remain set to `true`. Setting\nthis property to `false` can cause severe accessibility issues as users\nrelying on assistive technologies may be able to move focus into\na confusing state. We recommend only setting this to `false` when\nabsolutely necessary.\n\nDevelopers may want to consider disabling focus trapping if this\noverlay presents a non-Ionic overlay from a 3rd party library.\nDevelopers would disable focus trapping on the Ionic overlay\nwhen presenting the 3rd party overlay and then re-enable\nfocus trapping when dismissing the 3rd party overlay and moving\nfocus back to the Ionic overlay."
+        },
         {
           "name": "has-backdrop",
           "description": "If `true`, a backdrop will be displayed behind the modal."
@@ -4671,6 +4694,14 @@
           "name": "logo",
           "description": "Src to display a logo -> replaces the default Baloise Logo"
         },
+        {
+          "name": "logo-clickable",
+          "description": "If `true` the logo is rendered as a button"
+        },
+        {
+          "name": "logo-label",
+          "description": "Defines the label of the logo"
+        },
         {
           "name": "logo-size",
           "description": "Size of the logo SVG",

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

@@ -1,10 +1,12 @@
 import { ComponentInterface } from '../../../stencil-public-runtime';
 import { Loggable, LogInstance } from '../../../utils/log';
 import { AccordionState } from '../../../interfaces';
+import { BalConfigState, BalLanguage } from '../../../utils/config';
 export declare class AccordionTrigger implements ComponentInterface, Loggable {
     private componentId;
     el?: HTMLElement;
     parentAccordionId?: string;
+    language: BalLanguage;
     log: LogInstance;
     createLogger(log: LogInstance): void;
     /**
@@ -57,6 +59,14 @@ export declare class AccordionTrigger implements ComponentInterface, Loggable {
      */
     connectedCallback(): void;
     componentWillRender(): void;
+    /**
+     * LISTENERS
+     * ------------------------------------------------------
+     */
+    /**
+     * @internal define config for the component
+     */
+    configChanged(state: BalConfigState): Promise<void>;
     /**
      * GETTERS
      * ------------------------------------------------------

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

@@ -0,0 +1,7 @@
+import { I18n } from '../../interfaces';
+interface I18nBalAccordion {
+    open: string;
+    close: string;
+}
+export declare const i18nBalAccordion: I18n<I18nBalAccordion>;
+export {};

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

@@ -76,6 +76,10 @@ export declare class Button implements ComponentInterface {
      * If `true` the button is rounded.
      */
     rounded: boolean;
+    /**
+     * If `true` the button is a popup.
+     */
+    balPopup: any;
     /**
      * Name of the left button icon
      */

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

@@ -9,6 +9,7 @@ declare namespace BalProps {
         controls?: string;
         title?: string;
         label?: string;
+        haspopup?: string;
     };
 }
 declare namespace BalEvents {

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

@@ -38,6 +38,11 @@ export declare class Carousel implements ComponentInterface, BalBreakpointObserv
      */
     controls: 'small' | 'large' | 'dots' | 'tabs' | 'none';
     onControlsChange(): void;
+    /**
+     * Defines the layout of the navigation controls.
+     */
+    space: 'normal' | 'medium' | 'none';
+    onSpaceChange(): void;
     /**
      * @deprecated
      * Defines the role of the carousel.

package/dist/types/components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body.d.ts

@@ -2,11 +2,16 @@ import { ComponentInterface } from '../../../stencil-public-runtime';
 import { Loggable, LogInstance } from '../../../utils/log';
 import { BalBreakpointObserver, BalBreakpoints } from '../../../utils/breakpoints';
 import { BalResizeObserver } from '../../../utils/resize';
+export interface BalListItemAccordionBodyAria {
+    labelledby?: string;
+}
 export declare class ListItemAccordionBody implements ComponentInterface, Loggable, BalBreakpointObserver, BalResizeObserver {
     private contentElWrapper;
     private currentRaf;
     private isMobile;
+    private internalId;
     el: HTMLElement;
+    ariaState: BalListItemAccordionBodyAria;
     log: LogInstance;
     createLogger(log: LogInstance): void;
     /**
@@ -38,10 +43,19 @@ export declare class ListItemAccordionBody implements ComponentInterface, Loggab
      */
     resizeListener(): void;
     breakpointListener(breakpoints: BalBreakpoints): void;
+    /**
+     * PUBLIC METHODS
+     * ------------------------------------------------------
+     */
+    /**
+     * @internal
+     */
+    setAria(aria: BalListItemAccordionBodyAria): Promise<void>;
     /**
      * PRIVATE METHODS
      * ------------------------------------------------------
      */
+    private setControlIdToHead;
     private setMinHeightForAnimation;
     private debounceSetMinHeightForAnimation;
     /**

package/dist/types/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.d.ts

@@ -1,7 +1,14 @@
 import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
 import { Loggable, LogInstance } from '../../../utils/log';
+import { BalConfigState, BalLanguage } from '../../../utils/config';
+export interface BalListItemAccordionHeadAria {
+    controlId?: string;
+}
 export declare class ListItemAccordionHead implements ComponentInterface, Loggable {
+    private internalId;
     el: HTMLElement;
+    ariaState: BalListItemAccordionHeadAria;
+    language: BalLanguage;
     log: LogInstance;
     createLogger(log: LogInstance): void;
     /**
@@ -21,6 +28,32 @@ export declare class ListItemAccordionHead implements ComponentInterface, Loggab
      * Emitted when the accordion state is changed
      */
     balAccordionChange: EventEmitter<BalEvents.BalListAccordionChangeDetail>;
+    /**
+     * LIFECYCLE
+     * ------------------------------------------------------
+     */
+    componentDidRender(): void;
+    /**
+     * LISTENERS
+     * ------------------------------------------------------
+     */
+    /**
+     * @internal define config for the component
+     */
+    configChanged(state: BalConfigState): Promise<void>;
+    /**
+     * PUBLIC METHODS
+     * ------------------------------------------------------
+     */
+    /**
+     * @internal
+     */
+    setAria(aria: BalListItemAccordionHeadAria): Promise<void>;
+    /**
+     * PRIVATE METHODS
+     * ------------------------------------------------------
+     */
+    private setLabelledby;
     /**
      * EVENT BINDING
      * ------------------------------------------------------

package/dist/types/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.i18n.d.ts

@@ -0,0 +1,7 @@
+import { I18n } from '../../../interfaces';
+interface I18nBalListItemAccordionHead {
+    open: string;
+    close: string;
+}
+export declare const i18nBalListItemAccordionHead: I18n<I18nBalListItemAccordionHead>;
+export {};

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

@@ -49,6 +49,24 @@ export declare class Modal implements OverlayInterface {
      * If `true`, the modal can be closed with the click outside of the modal
      */
     backdropDismiss: boolean;
+    /**
+     * If `true`, focus will not be allowed to move outside of this overlay.
+     * If `false`, focus will be allowed to move outside of the overlay.
+     *
+     * In most scenarios this property should remain set to `true`. Setting
+     * this property to `false` can cause severe accessibility issues as users
+     * relying on assistive technologies may be able to move focus into
+     * a confusing state. We recommend only setting this to `false` when
+     * absolutely necessary.
+     *
+     * Developers may want to consider disabling focus trapping if this
+     * overlay presents a non-Ionic overlay from a 3rd party library.
+     * Developers would disable focus trapping on the Ionic overlay
+     * when presenting the 3rd party overlay and then re-enable
+     * focus trapping when dismissing the 3rd party overlay and moving
+     * focus back to the Ionic overlay.
+     */
+    focusTrap: boolean;
     /**
      * @internal
      */

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

@@ -1,12 +1,22 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { BalConfigState, BalLanguage } from '../../../utils/config';
 export declare class NavbarBrand {
     private bodyScrollHandler;
     el: HTMLElement;
+    language: BalLanguage;
     isMenuActive: boolean;
     /**
      * Link of the logo / title.
      */
     href?: string;
+    /**
+     * If `true` the logo is rendered as a button
+     */
+    logoClickable: boolean;
+    /**
+     * Defines the label of the logo
+     */
+    logoLabel?: string;
     /**
      * Specifies where to display the linked URL.
      * Only applies when an `href` is provided.
@@ -51,6 +61,10 @@ export declare class NavbarBrand {
     connectedCallback(): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;
+    /**
+     * @internal define config for the component
+     */
+    configChanged(state: BalConfigState): Promise<void>;
     resetIsMenuActive(ev: MediaQueryListEvent): Promise<void>;
     toggle(isMenuActive: boolean): Promise<void>;
     onClick(): Promise<void>;

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

@@ -0,0 +1,5 @@
+import { I18n } from '../../../interfaces';
+export interface I18nBalNavbarBrand {
+    logoButtonLabel: string;
+}
+export declare const i18nBalNavbarBrand: I18n<I18nBalNavbarBrand>;

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

@@ -3,14 +3,14 @@ import { BalConfigObserver, BalConfigState, BalLanguage, BalRegion } from '../..
 import { FormInput } from '../../utils/form-input';
 import { BalAriaForm, BalAriaFormLinking } from '../../utils/form';
 import { Loggable, LogInstance } from '../../utils/log';
-export declare class NumberInput implements ComponentInterface, BalConfigObserver, FormInput<number | undefined>, BalAriaFormLinking, Loggable {
+export declare class NumberInput implements ComponentInterface, BalConfigObserver, FormInput<number | string | undefined>, BalAriaFormLinking, Loggable {
     private inputId;
     private inheritedAttributes;
     private selectTimeout?;
     lastValue: string;
     nativeInput?: HTMLInputElement;
-    inputValue?: number;
-    initialValue?: number;
+    inputValue?: number | string;
+    initialValue?: number | string;
     el: HTMLElement;
     focused: boolean;
     language: BalLanguage;
@@ -80,8 +80,8 @@ export declare class NumberInput implements ComponentInterface, BalConfigObserve
     /**
      * The value of the input.
      */
-    value?: number;
-    protected valueChanged(newValue: number | undefined, oldValue?: number): void;
+    value?: number | string;
+    protected valueChanged(newValue: number | string | undefined, oldValue?: number): void;
     /**
      * If `true`, in Angular reactive forms the control will not be set invalid
      */

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;
+}

package/dist/types/components.d.ts

@@ -11,6 +11,8 @@ import { BalCheckboxOption } from "./components/bal-checkbox/bal-checkbox.type";
 import { BalAriaForm } from "./utils/form";
 import { BalOption } from "./utils/dropdown";
 import { FooterLink } from "@baloise/web-app-utils";
+import { BalListItemAccordionBodyAria } from "./components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body";
+import { BalListItemAccordionHeadAria } from "./components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head";
 import { OverlayEventDetail } from "./components/bal-modal/bal-modal.type";
 import { PopoverPresentOptions } from "./components/bal-popover/bal-popover";
 import { BalRadioOption } from "./components/bal-radio/bal-radio.type";
@@ -23,6 +25,8 @@ export { BalCheckboxOption } from "./components/bal-checkbox/bal-checkbox.type";
 export { BalAriaForm } from "./utils/form";
 export { BalOption } from "./utils/dropdown";
 export { FooterLink } from "@baloise/web-app-utils";
+export { BalListItemAccordionBodyAria } from "./components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body";
+export { BalListItemAccordionHeadAria } from "./components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head";
 export { OverlayEventDetail } from "./components/bal-modal/bal-modal.type";
 export { PopoverPresentOptions } from "./components/bal-popover/bal-popover";
 export { BalRadioOption } from "./components/bal-radio/bal-radio.type";
@@ -106,6 +110,7 @@ export namespace Components {
           * The color to use from your application's color palette.
          */
         "color": BalProps.BalButtonColor;
+        "configChanged": (state: BalConfigState) => Promise<void>;
         /**
           * If `true` the button is aligned over the whole width
          */
@@ -155,6 +160,10 @@ export namespace Components {
           * A11y attributes for the native button element.
          */
         "aria"?: BalProps.BalButtonAria;
+        /**
+          * If `true` the button is a popup.
+         */
+        "balPopup": any;
         /**
           * The color to use from your application's color palette.
          */
@@ -410,6 +419,10 @@ export namespace Components {
           * If `true` vertical scrolling on mobile is enabled.
          */
         "scrollY": boolean;
+        /**
+          * Defines the layout of the navigation controls.
+         */
+        "space": 'normal' | 'medium' | 'none';
         /**
           * When how many slides are moved when going forward or backward.
          */
@@ -880,6 +893,20 @@ export namespace Components {
          */
         "space": BalProps.BalDividerSpace;
     }
+    interface BalDocApp {
+        /**
+          * Disables all animation inside the bal-app. Can be used for simplify e2e testing.
+         */
+        "animated": boolean;
+        "language"?: string;
+        "logComponents": string;
+        "logCustom": boolean;
+        "logEvents": boolean;
+        "logLifecycle": boolean;
+        "logRender": boolean;
+        "region"?: string;
+        "stickyFooter": boolean;
+    }
     interface BalDropdown {
         /**
           * Indicates whether the value of the control can be automatically completed by the browser.
@@ -1793,16 +1820,19 @@ export namespace Components {
           * Sets space to content of the accordion body
          */
         "contentSpace": BalProps.BalListContentSpacing;
+        "setAria": (aria: BalListItemAccordionBodyAria) => Promise<void>;
     }
     interface BalListItemAccordionHead {
         /**
           * If `true` the list accordion is open
          */
         "accordionOpen": boolean;
+        "configChanged": (state: BalConfigState) => Promise<void>;
         /**
           * Icon name string with value 'plus' on default
          */
         "icon": BalProps.BalListItemAccordionHeadIcon;
+        "setAria": (aria: BalListItemAccordionHeadAria) => Promise<void>;
     }
     interface BalListItemContent {
         "contentAlignment"?: string;
@@ -1864,6 +1894,10 @@ export namespace Components {
           * Closes the presented modal with the modal controller
          */
         "dismiss": (data?: any, role?: string) => Promise<boolean>;
+        /**
+          * If `true`, focus will not be allowed to move outside of this overlay. If `false`, focus will be allowed to move outside of the overlay.  In most scenarios this property should remain set to `true`. Setting this property to `false` can cause severe accessibility issues as users relying on assistive technologies may be able to move focus into a confusing state. We recommend only setting this to `false` when absolutely necessary.  Developers may want to consider disabling focus trapping if this overlay presents a non-Ionic overlay from a 3rd party library. Developers would disable focus trapping on the Ionic overlay when presenting the 3rd party overlay and then re-enable focus trapping when dismissing the 3rd party overlay and moving focus back to the Ionic overlay.
+         */
+        "focusTrap": boolean;
         /**
           * If `true`, a backdrop will be displayed behind the modal.
          */
@@ -2003,6 +2037,7 @@ export namespace Components {
           * Defines if the logo animation should be active
          */
         "animated": boolean;
+        "configChanged": (state: BalConfigState) => Promise<void>;
         /**
           * Link of the logo / title.
          */
@@ -2012,6 +2047,14 @@ export namespace Components {
           * Src to display a logo -> replaces the default Baloise Logo
          */
         "logo"?: string;
+        /**
+          * If `true` the logo is rendered as a button
+         */
+        "logoClickable": boolean;
+        /**
+          * Defines the label of the logo
+         */
+        "logoLabel"?: string;
         /**
           * Size of the logo SVG
          */
@@ -2128,7 +2171,7 @@ export namespace Components {
         /**
           * The value of the input.
          */
-        "value"?: number;
+        "value"?: number | string;
     }
     interface BalOption {
         /**
@@ -4009,6 +4052,12 @@ declare global {
         prototype: HTMLBalDividerElement;
         new (): HTMLBalDividerElement;
     };
+    interface HTMLBalDocAppElement extends Components.BalDocApp, HTMLStencilElement {
+    }
+    var HTMLBalDocAppElement: {
+        prototype: HTMLBalDocAppElement;
+        new (): HTMLBalDocAppElement;
+    };
     interface HTMLBalDropdownElementEventMap {
         "balChange": BalEvents.BalDropdownChangeDetail;
         "balFocus": BalEvents.BalDropdownFocusDetail;
@@ -4985,6 +5034,7 @@ declare global {
         "bal-date-calendar": HTMLBalDateCalendarElement;
         "bal-date-calendar-cell": HTMLBalDateCalendarCellElement;
         "bal-divider": HTMLBalDividerElement;
+        "bal-doc-app": HTMLBalDocAppElement;
         "bal-dropdown": HTMLBalDropdownElement;
         "bal-field": HTMLBalFieldElement;
         "bal-field-control": HTMLBalFieldControlElement;
@@ -5188,6 +5238,10 @@ declare namespace LocalJSX {
           * A11y attributes for the native button element.
          */
         "aria"?: BalProps.BalButtonAria;
+        /**
+          * If `true` the button is a popup.
+         */
+        "balPopup"?: any;
         /**
           * The color to use from your application's color palette.
          */
@@ -5456,6 +5510,10 @@ declare namespace LocalJSX {
           * If `true` vertical scrolling on mobile is enabled.
          */
         "scrollY"?: boolean;
+        /**
+          * Defines the layout of the navigation controls.
+         */
+        "space"?: 'normal' | 'medium' | 'none';
         /**
           * When how many slides are moved when going forward or backward.
          */
@@ -5956,6 +6014,20 @@ declare namespace LocalJSX {
          */
         "space"?: BalProps.BalDividerSpace;
     }
+    interface BalDocApp {
+        /**
+          * Disables all animation inside the bal-app. Can be used for simplify e2e testing.
+         */
+        "animated"?: boolean;
+        "language"?: string;
+        "logComponents"?: string;
+        "logCustom"?: boolean;
+        "logEvents"?: boolean;
+        "logLifecycle"?: boolean;
+        "logRender"?: boolean;
+        "region"?: string;
+        "stickyFooter"?: boolean;
+    }
     interface BalDropdown {
         /**
           * Indicates whether the value of the control can be automatically completed by the browser.
@@ -6953,6 +7025,10 @@ declare namespace LocalJSX {
           * Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.
          */
         "cssClass"?: string | string[];
+        /**
+          * If `true`, focus will not be allowed to move outside of this overlay. If `false`, focus will be allowed to move outside of the overlay.  In most scenarios this property should remain set to `true`. Setting this property to `false` can cause severe accessibility issues as users relying on assistive technologies may be able to move focus into a confusing state. We recommend only setting this to `false` when absolutely necessary.  Developers may want to consider disabling focus trapping if this overlay presents a non-Ionic overlay from a 3rd party library. Developers would disable focus trapping on the Ionic overlay when presenting the 3rd party overlay and then re-enable focus trapping when dismissing the 3rd party overlay and moving focus back to the Ionic overlay.
+         */
+        "focusTrap"?: boolean;
         /**
           * If `true`, a backdrop will be displayed behind the modal.
          */
@@ -7105,6 +7181,14 @@ declare namespace LocalJSX {
           * Src to display a logo -> replaces the default Baloise Logo
          */
         "logo"?: string;
+        /**
+          * If `true` the logo is rendered as a button
+         */
+        "logoClickable"?: boolean;
+        /**
+          * Defines the label of the logo
+         */
+        "logoLabel"?: string;
         /**
           * Size of the logo SVG
          */
@@ -7232,7 +7316,7 @@ declare namespace LocalJSX {
         /**
           * The value of the input.
          */
-        "value"?: number;
+        "value"?: number | string;
     }
     interface BalOption {
         /**
@@ -8583,6 +8667,7 @@ declare namespace LocalJSX {
         "bal-date-calendar": BalDateCalendar;
         "bal-date-calendar-cell": BalDateCalendarCell;
         "bal-divider": BalDivider;
+        "bal-doc-app": BalDocApp;
         "bal-dropdown": BalDropdown;
         "bal-field": BalField;
         "bal-field-control": BalFieldControl;
@@ -8705,6 +8790,7 @@ declare module "@stencil/core" {
             "bal-date-calendar": LocalJSX.BalDateCalendar & JSXBase.HTMLAttributes<HTMLBalDateCalendarElement>;
             "bal-date-calendar-cell": LocalJSX.BalDateCalendarCell & JSXBase.HTMLAttributes<HTMLBalDateCalendarCellElement>;
             "bal-divider": LocalJSX.BalDivider & JSXBase.HTMLAttributes<HTMLBalDividerElement>;
+            "bal-doc-app": LocalJSX.BalDocApp & JSXBase.HTMLAttributes<HTMLBalDocAppElement>;
             "bal-dropdown": LocalJSX.BalDropdown & JSXBase.HTMLAttributes<HTMLBalDropdownElement>;
             "bal-field": LocalJSX.BalField & JSXBase.HTMLAttributes<HTMLBalFieldElement>;
             "bal-field-control": LocalJSX.BalFieldControl & JSXBase.HTMLAttributes<HTMLBalFieldControlElement>;