@baloise/ds-core 19.8.2 → 19.8.3

package/dist/{cjs/index-TwNDE7ev.js → esm/index-BdVwMG9u.js}

@@ -1,1032 +1,8 @@
-'use strict';
-
 const NAMESPACE = 'baloise-design-system';
-const BUILD = /* baloise-design-system */ { hydratedSelectorName: "hydrated", lazyLoad: true, slotRelocation: true, updatable: true};
-
-class BrowserWindow {
-    /**
-     * Returns the width of the window
-     */
-    get width() {
-        if (balBrowser.hasWindow) {
-            return window.innerWidth;
-        }
-        return 0;
-    }
-    /**
-     * Returns the height of the window
-     */
-    get height() {
-        if (balBrowser.hasWindow) {
-            return window.innerHeight;
-        }
-        return 0;
-    }
-}
-class Browser {
-    constructor() {
-        this.window = new BrowserWindow();
-    }
-    /**
-     * Is true when it is a Safari browser
-     */
-    get isSafari() {
-        return /^((?!chrome|android).)*safari/i.test(this.userAgent);
-    }
-    /**
-     * Is true when the window object is defined
-     */
-    get hasWindow() {
-        return typeof window !== 'undefined';
-    }
-    /**
-     * Is true when the navigator object is defined
-     */
-    get hasNavigator() {
-        return typeof navigator !== 'undefined';
-    }
-    /**
-     * Is true when the document object is defined
-     */
-    get hasDocument() {
-        return typeof document !== 'undefined';
-    }
-    /**
-     * Returns a string with the user agents
-     */
-    get userAgent() {
-        var _a;
-        if (this.hasWindow && this.hasNavigator) {
-            return (_a = navigator.userAgent) !== null && _a !== void 0 ? _a : '';
-        }
-        return '';
-    }
-}
-const balBrowser = new Browser();
-
-const BALOISE_ANIMATION_KEY = 'baloise-animated';
-
-// generated file
-const balIconYoutube = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M0 4C0 2.61929 1.11929 1.5 2.5 1.5H11.5C12.8807 1.5 14 2.61929 14 4V10C14 11.3807 12.8807 12.5 11.5 12.5H2.5C1.11929 12.5 0 11.3807 0 10V4ZM5.30998 5.11998V9.31998C5.30935 9.3905 5.32737 9.45993 5.36222 9.52124C5.39707 9.58255 5.4475 9.63356 5.50842 9.66909C5.56933 9.70462 5.63856 9.72342 5.70908 9.72358C5.7796 9.72374 5.84891 9.70524 5.90998 9.66998L9.50998 7.56998C9.57013 7.53469 9.62001 7.48428 9.65467 7.42377C9.68933 7.36325 9.70756 7.29472 9.70756 7.22498C9.70756 7.15524 9.68933 7.08671 9.65467 7.0262C9.62001 6.96568 9.57013 6.91527 9.50998 6.87998L5.90998 4.77998C5.85023 4.74175 5.78117 4.72055 5.71026 4.71865C5.63935 4.71675 5.56926 4.73422 5.50754 4.7692C5.44582 4.80417 5.39481 4.85532 5.36 4.91713C5.32519 4.97894 5.3079 5.04907 5.30998 5.11998Z" clip-rule="evenodd"/></svg>';
-const balIconXing = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path d="M13.0056 0C13.385 0 13.6262 0.406033 13.4447 0.739215L9.3722 8.21397C9.28942 8.3659 9.29108 8.54984 9.37658 8.70026L11.9644 13.2529C12.1539 13.5862 11.9131 14 11.5297 14H8.88832C8.70848 14 8.5425 13.9034 8.45363 13.7471L5.58749 8.70478C5.50059 8.55191 5.50038 8.36464 5.58694 8.21157L10.0872 0.253872C10.1759 0.0969935 10.3422 0 10.5224 0H13.0056ZM5.60519 5.58358C5.68784 5.73855 5.68312 5.92552 5.59276 6.07613L3.43406 9.67396C3.3437 9.82456 3.18095 9.91671 3.00532 9.91671H0.500779C0.111209 9.91671 -0.128712 9.49091 0.0730986 9.15769L1.97318 6.02035C2.06519 5.86842 2.0697 5.67908 1.98502 5.52295L0.655558 3.07176C0.474862 2.7386 0.716068 2.33337 1.09507 2.33337H3.57175C3.7564 2.33337 3.92603 2.43515 4.01292 2.59808L5.60519 5.58358Z"/></svg>';
-const balIconX = '<svg viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.3608 1.15369C13.4169 1.2059 13.4622 1.26865 13.494 1.33837C13.5259 1.40808 13.5436 1.48339 13.5464 1.55999C13.5491 1.63659 13.5367 1.71297 13.5098 1.78477C13.483 1.85656 13.4423 1.92236 13.39 1.97841L8.64428 7.06727L13.8824 14.0198C13.9477 14.1064 13.9876 14.2095 13.9975 14.3176C14.0075 14.4256 13.9871 14.5343 13.9386 14.6313C13.8902 14.7284 13.8156 14.81 13.7233 14.8671C13.631 14.9241 13.5246 14.9542 13.4161 14.9541H10.2207C10.1303 14.9542 10.0412 14.9333 9.96026 14.893C9.87935 14.8528 9.8089 14.7943 9.75447 14.7222L6.06784 9.8299L1.46336 14.7684C1.41113 14.8245 1.34837 14.8696 1.27867 14.9014C1.20897 14.9332 1.13369 14.9509 1.05714 14.9536C0.980585 14.9563 0.904251 14.9439 0.832496 14.9171C0.760741 14.8903 0.69497 14.8496 0.63894 14.7973C0.582909 14.7451 0.537715 14.6823 0.505938 14.6126C0.474162 14.5429 0.456425 14.4677 0.45374 14.3911C0.451056 14.3146 0.463476 14.2382 0.490292 14.1665C0.517108 14.0947 0.557794 14.029 0.610028 13.9729L5.35572 8.88407L0.117626 1.93154C0.0523114 1.84497 0.0124314 1.74191 0.00246702 1.63393C-0.00749732 1.52595 0.0128489 1.41733 0.0612194 1.32027C0.10959 1.22322 0.184068 1.14157 0.276285 1.08451C0.368503 1.02746 0.474805 0.997244 0.583248 0.997273H3.7793C3.86956 0.997249 3.9586 1.01818 4.0394 1.05842C4.1202 1.09866 4.19055 1.15711 4.24492 1.22917L7.93155 6.12144L12.5354 1.18291C12.5876 1.12679 12.6504 1.08151 12.7201 1.04966C12.7898 1.01782 12.8651 1.00003 12.9417 0.997314C13.0183 0.9946 13.0947 1.00702 13.1665 1.03385C13.2383 1.06068 13.3047 1.10141 13.3608 1.15369ZM7.44036 7.40872C7.42386 7.38964 7.40861 7.36951 7.39471 7.34846L3.48836 2.16343H1.75308L10.511 13.7885H12.2463L7.43975 7.40933L7.44036 7.40872Z"/></svg>';
-const balIconWeb = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M5.04883 0.275541C2.32493 1.06453 0.285118 3.46373 0.0275269 6.375H3.22773C3.41606 4.22626 4.03911 2.14922 5.04883 0.275541ZM3.22773 7.625H0.0275269C0.285118 10.5363 2.32493 12.9355 5.04883 13.7245C4.0391 11.8508 3.41606 9.77374 3.22773 7.625ZM6.6522 13.9915C5.44618 12.0855 4.69968 9.90183 4.48294 7.625H9.51704C9.30031 9.90183 8.5538 12.0855 7.34777 13.9915C7.23256 13.9971 7.11661 14 7.00001 14C6.88338 14 6.76743 13.9971 6.6522 13.9915ZM8.95115 13.7245C11.6751 12.9355 13.7149 10.5363 13.9725 7.625H10.7722C10.5839 9.77375 9.96087 11.8508 8.95115 13.7245ZM10.7722 6.375H13.9725C13.7149 3.46372 11.6751 1.06451 8.95114 0.275533C9.96087 2.14921 10.5839 4.22625 10.7722 6.375ZM6.65221 0.00848953C6.76743 0.00285182 6.88339 0 7.00001 0C7.11661 0 7.23256 0.0028513 7.34777 0.008488C8.5538 1.91446 9.3003 4.09817 9.51704 6.375H4.48294C4.69968 4.09817 5.44618 1.91446 6.65221 0.00848953Z" clip-rule="evenodd"/></svg>';
-const balIconUpload = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M8.99999 4C9.2883 4 9.55108 3.83474 9.67597 3.57489C9.80086 3.31504 9.76575 3.00661 9.58564 2.78148L7.58564 0.281479C7.44331 0.103567 7.22783 0 6.99999 0C6.77215 0 6.55667 0.103567 6.41434 0.281479L4.41434 2.78148C4.23424 3.00661 4.19912 3.31504 4.32401 3.57489C4.4489 3.83474 4.71169 4 4.99999 4H6L6 9.5C6 10.0523 6.44772 10.5 7 10.5C7.55228 10.5 8 10.0523 8 9.5L8 4H8.99999ZM3 12V5.99998C3.55228 5.99998 4 5.55227 4 4.99998C4 4.4477 3.55228 3.99998 3 3.99998H2.5C2.10217 3.99998 1.72064 4.15802 1.43934 4.43932C1.15804 4.72062 1 5.10216 1 5.49998V12.5C1 12.8979 1.15804 13.2794 1.43934 13.5607C1.72065 13.842 2.10218 14 2.5 14L11.5 14.0001C11.8978 14.0001 12.2794 13.842 12.5607 13.5607C12.842 13.2794 13 12.8979 13 12.5001V5.5C13 5.10218 12.842 4.72065 12.5607 4.43934C12.2794 4.15804 11.8978 4 11.5 4H11C10.4477 4 10 4.44772 10 5C10 5.55228 10.4477 6 11 6V12.0001L3 12Z" clip-rule="evenodd"/></svg>';
-const balIconTwitter = '<svg viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.3608 1.15369C13.4169 1.2059 13.4622 1.26865 13.494 1.33837C13.5259 1.40808 13.5436 1.48339 13.5464 1.55999C13.5491 1.63659 13.5367 1.71297 13.5098 1.78477C13.483 1.85656 13.4423 1.92236 13.39 1.97841L8.64428 7.06727L13.8824 14.0198C13.9477 14.1064 13.9876 14.2095 13.9975 14.3176C14.0075 14.4256 13.9871 14.5343 13.9386 14.6313C13.8902 14.7284 13.8156 14.81 13.7233 14.8671C13.631 14.9241 13.5246 14.9542 13.4161 14.9541H10.2207C10.1303 14.9542 10.0412 14.9333 9.96026 14.893C9.87935 14.8528 9.8089 14.7943 9.75447 14.7222L6.06784 9.8299L1.46336 14.7684C1.41113 14.8245 1.34837 14.8696 1.27867 14.9014C1.20897 14.9332 1.13369 14.9509 1.05714 14.9536C0.980585 14.9563 0.904251 14.9439 0.832496 14.9171C0.760741 14.8903 0.69497 14.8496 0.63894 14.7973C0.582909 14.7451 0.537715 14.6823 0.505938 14.6126C0.474162 14.5429 0.456425 14.4677 0.45374 14.3911C0.451056 14.3146 0.463476 14.2382 0.490292 14.1665C0.517108 14.0947 0.557794 14.029 0.610028 13.9729L5.35572 8.88407L0.117626 1.93154C0.0523114 1.84497 0.0124314 1.74191 0.00246702 1.63393C-0.00749732 1.52595 0.0128489 1.41733 0.0612194 1.32027C0.10959 1.22322 0.184068 1.14157 0.276285 1.08451C0.368503 1.02746 0.474805 0.997244 0.583248 0.997273H3.7793C3.86956 0.997249 3.9586 1.01818 4.0394 1.05842C4.1202 1.09866 4.19055 1.15711 4.24492 1.22917L7.93155 6.12144L12.5354 1.18291C12.5876 1.12679 12.6504 1.08151 12.7201 1.04966C12.7898 1.01782 12.8651 1.00003 12.9417 0.997314C13.0183 0.9946 13.0947 1.00702 13.1665 1.03385C13.2383 1.06068 13.3047 1.10141 13.3608 1.15369ZM7.44036 7.40872C7.42386 7.38964 7.40861 7.36951 7.39471 7.34846L3.48836 2.16343H1.75308L10.511 13.7885H12.2463L7.43975 7.40933L7.44036 7.40872Z"/></svg>';
-const balIconTrash = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M5.76256 2.01256C6.09075 1.68437 6.53587 1.5 7 1.5C7.46413 1.5 7.90925 1.68437 8.23744 2.01256C8.4448 2.21993 8.59475 2.47397 8.67705 2.75H5.32295C5.40525 2.47397 5.5552 2.21993 5.76256 2.01256ZM3.78868 2.75C3.89405 2.07321 4.21153 1.44227 4.7019 0.951903C5.3114 0.34241 6.13805 0 7 0C7.86195 0 8.6886 0.34241 9.2981 0.951903C9.78847 1.44227 10.106 2.07321 10.2113 2.75H13C13.4142 2.75 13.75 3.08579 13.75 3.5C13.75 3.91422 13.4142 4.25 13 4.25H12V12.5C12 12.8978 11.842 13.2794 11.5607 13.5607C11.2794 13.842 10.8978 14 10.5 14H3.5C3.10217 14 2.72064 13.842 2.43934 13.5607C2.15804 13.2794 2 12.8978 2 12.5V4.25H1C0.585786 4.25 0.25 3.91422 0.25 3.5C0.25 3.08579 0.585786 2.75 1 2.75H3.78868ZM5 5.87646C5.34518 5.87646 5.625 6.15629 5.625 6.50146V10.503C5.625 10.8481 5.34518 11.128 5 11.128C4.65482 11.128 4.375 10.8481 4.375 10.503V6.50146C4.375 6.15629 4.65482 5.87646 5 5.87646ZM9.625 6.50146C9.625 6.15629 9.34518 5.87646 9 5.87646C8.65482 5.87646 8.375 6.15629 8.375 6.50146V10.503C8.375 10.8481 8.65482 11.128 9 11.128C9.34518 11.128 9.625 10.8481 9.625 10.503V6.50146Z" clip-rule="evenodd"/></svg>';
-const balIconPlus = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M8 1C8 0.447715 7.55228 0 7 0C6.44772 0 6 0.447715 6 1V6H1C0.447715 6 0 6.44772 0 7C0 7.55228 0.447715 8 1 8H6V13C6 13.5523 6.44772 14 7 14C7.55228 14 8 13.5523 8 13V8H13C13.5523 8 14 7.55228 14 7C14 6.44772 13.5523 6 13 6H8V1Z" clip-rule="evenodd"/></svg>';
-const balIconNavGoUp = '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M9.794,6.607,5.884,2.49A1.255,1.255,0,0,0,4.1,2.5l-3.9,4.1A.75.75,0,1,0,1.294,7.641L4.819,3.928a.249.249,0,0,1,.362,0L8.706,7.641A.75.75,0,1,0,9.794,6.607Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
-const balIconNavGoRight = '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
-const balIconNavGoLeft = '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M7.124,10a.749.749,0,0,1-.517-.206L2.5,5.9A1.257,1.257,0,0,1,2.49,4.116L6.607.206A.75.75,0,1,1,7.64,1.294L3.928,4.819a.249.249,0,0,0,0,.362L7.64,8.706A.75.75,0,0,1,7.124,10Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
-const balIconNavGoDown = '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
-const balIconMinus = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M0 7C0 6.44772 0.447715 6 1 6H13C13.5523 6 14 6.44772 14 7C14 7.55228 13.5523 8 13 8H1C0.447715 8 0 7.55228 0 7Z" clip-rule="evenodd"/></svg>';
-const balIconMenuBars = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M0 2a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1zm0 5a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1zm1 4a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H1z" clip-rule="evenodd"/></svg>';
-const balIconLinkedin = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path d="M3.31334 1.36381C3.31624 1.73602 3.17257 2.09441 2.9134 2.36157C2.65422 2.62872 2.30034 2.78317 1.92822 2.79156C1.55687 2.77793 1.20495 2.62217 0.945182 2.35645C0.685414 2.09073 0.537655 1.73538 0.53244 1.36381C0.548583 1.0018 0.701774 0.659474 0.96096 0.406224C1.22015 0.152974 1.56593 0.00775305 1.92822 0C2.28945 0.00789779 2.63402 0.153479 2.89148 0.40698C3.14894 0.66048 3.29985 1.00275 3.31334 1.36381ZM0.681607 5.3274C0.681607 4.50698 1.20369 4.63484 1.92822 4.63484C2.65275 4.63484 3.16418 4.50698 3.16418 5.3274V13.3185C3.16418 14.1496 2.64209 13.9791 1.92822 13.9791C1.21435 13.9791 0.681607 14.1496 0.681607 13.3185V5.3274Z"/><path d="M5.31647 5.32741C5.31647 4.86926 5.48694 4.69878 5.75331 4.64551C6.01968 4.59223 6.936 4.64551 7.25564 4.64551C7.57528 4.64551 7.70314 5.16759 7.69249 5.56182C7.96591 5.19486 8.32892 4.9042 8.7468 4.71765C9.16467 4.5311 9.62342 4.4549 10.0792 4.49634C10.5267 4.46898 10.975 4.53608 11.3949 4.69327C11.8148 4.85046 12.1969 5.09424 12.5165 5.40876C12.836 5.72328 13.0858 6.1015 13.2496 6.51887C13.4135 6.93623 13.4877 7.38339 13.4674 7.83129V13.2865C13.4674 14.1176 12.956 13.9471 12.2314 13.9471C11.5069 13.9471 10.9955 14.1176 10.9955 13.2865V9.02463C11.0142 8.80528 10.9855 8.58447 10.9114 8.3772C10.8372 8.16992 10.7193 7.98103 10.5657 7.82335C10.412 7.66568 10.2263 7.54291 10.021 7.46339C9.8157 7.38387 9.59571 7.34945 9.37595 7.36248C9.1572 7.35692 8.93978 7.3979 8.73806 7.48268C8.53635 7.56747 8.35494 7.69414 8.20586 7.85431C8.05677 8.01447 7.94341 8.20447 7.87328 8.41174C7.80314 8.61901 7.77784 8.83881 7.79904 9.05659V13.3185C7.79904 14.1496 7.27695 13.9791 6.55242 13.9791C5.8279 13.9791 5.31647 14.1496 5.31647 13.3185V5.32741Z"/></svg>';
-const balIconInstagram = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M0.786499 3.39046C0.786499 1.95243 1.95225 0.786682 3.39027 0.786682H10.3337C11.7717 0.786682 12.9374 1.95243 12.9374 3.39046V10.3339C12.9374 11.7719 11.7717 12.9376 10.3337 12.9376H3.39027C1.95225 12.9376 0.786499 11.7719 0.786499 10.3339V3.39046ZM6.8621 4.78204C5.71332 4.78204 4.78204 5.71332 4.78204 6.8621C4.78204 8.01088 5.71332 8.94216 6.8621 8.94216C8.01088 8.94216 8.94216 8.01088 8.94216 6.8621C8.94216 5.71332 8.01088 4.78204 6.8621 4.78204ZM3.78204 6.8621C3.78204 5.16103 5.16103 3.78204 6.8621 3.78204C8.56317 3.78204 9.94216 5.16103 9.94216 6.8621C9.94216 8.56317 8.56317 9.94216 6.8621 9.94216C5.16103 9.94216 3.78204 8.56317 3.78204 6.8621ZM10.3349 3.98516C10.6842 3.98516 10.9673 3.70199 10.9673 3.35269C10.9673 3.00338 10.6842 2.72021 10.3349 2.72021C9.98556 2.72021 9.70239 3.00338 9.70239 3.35269C9.70239 3.70199 9.98556 3.98516 10.3349 3.98516Z" clip-rule="evenodd"/></svg>';
-const balIconInfoCircle = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM5.5 9.375C5.15482 9.375 4.875 9.65482 4.875 10C4.875 10.3452 5.15482 10.625 5.5 10.625H7H8.5C8.84518 10.625 9.125 10.3452 9.125 10C9.125 9.65482 8.84518 9.375 8.5 9.375H7.625V6.5C7.625 6.15482 7.34518 5.875 7 5.875H6C5.65482 5.875 5.375 6.15482 5.375 6.5C5.375 6.84518 5.65482 7.125 6 7.125H6.375V9.375H5.5ZM8 4C8 4.55228 7.55228 5 7 5C6.44772 5 6 4.55228 6 4C6 3.44772 6.44772 3 7 3C7.55228 3 8 3.44772 8 4Z" clip-rule="evenodd"/></svg>';
-const balIconFacebook = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path d="M8.06356 3.75515C8.06356 2.67675 8.60345 2.67675 9.14334 2.67675H9.79121C9.89938 2.6782 10.0067 2.65799 10.107 2.61732C10.2072 2.57664 10.2982 2.51633 10.3747 2.43993C10.4512 2.36353 10.5116 2.2726 10.5523 2.17251C10.5931 2.07242 10.6133 1.96519 10.6118 1.85716V0.84346C10.6119 0.734917 10.5903 0.627453 10.5484 0.527307C10.5064 0.42716 10.445 0.336327 10.3677 0.260078C10.2903 0.18383 10.1986 0.123686 10.0978 0.0831375C9.99696 0.0425893 9.88909 0.0224446 9.78041 0.0238728L8.24712 0.00230466C7.80066 -0.0149417 7.35577 0.0647696 6.94316 0.235937C6.53054 0.407104 6.16003 0.665651 5.8572 0.993733C5.55436 1.32181 5.32641 1.71162 5.18908 2.13624C5.05175 2.56086 5.00831 3.01018 5.06176 3.4532V5.01689H4.20873C3.99108 5.01689 3.78235 5.10324 3.62845 5.25694C3.47455 5.41064 3.38809 5.61911 3.38809 5.83648V6.85018C3.38809 7.06754 3.47455 7.27601 3.62845 7.42971C3.78235 7.58341 3.99108 7.66976 4.20873 7.66976H5.06176V13.4608C5.06176 13.6038 5.11864 13.741 5.21989 13.8421C5.32114 13.9432 5.45846 14 5.60165 14H7.55606C7.69356 13.9917 7.8227 13.9313 7.91705 13.8311C8.01139 13.7308 8.0638 13.5984 8.06356 13.4608V7.66976H9.01377C9.23141 7.66976 9.44014 7.58341 9.59404 7.42971C9.74794 7.27601 9.8344 7.06754 9.8344 6.85018V5.83648C9.8344 5.61911 9.74794 5.41064 9.59404 5.25694C9.44014 5.10324 9.23141 5.01689 9.01377 5.01689H8.06356V3.75515Z"/></svg>';
-const balIconEdit = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path d="M10.715 -0.000976562C10.5152 -0.000976562 10.3174 0.0389464 10.1332 0.116448C9.95019 0.193468 9.78428 0.306058 9.64512 0.447676L1.40732 8.64549C1.34616 8.70635 1.30179 8.782 1.27853 8.86508L0.0185299 13.3651C-0.0301752 13.539 0.0187291 13.7257 0.146458 13.8535C0.274188 13.9812 0.46088 14.0301 0.634827 13.9814L5.13483 12.7214C5.21791 12.6981 5.29356 12.6537 5.35442 12.5926L13.5521 4.3549L13.5535 4.35355C13.6934 4.21438 13.8045 4.04896 13.8804 3.86676C13.9566 3.68398 13.9958 3.48792 13.9958 3.2899C13.9958 3.09188 13.9566 2.89582 13.8804 2.71303C13.8045 2.53083 13.6934 2.3654 13.5535 2.22624L13.5521 2.2249L11.7859 0.448721C11.6466 0.306611 11.4803 0.193657 11.2968 0.116448C11.1126 0.0389464 10.9148 -0.000976562 10.715 -0.000976562Z"/></svg>';
-const balIconDocument = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M1.43934 0.43934C1.72064 0.158035 2.10218 0 2.5 0H7.5C7.63261 0 7.75979 0.0526784 7.85355 0.146447L12.8536 5.14645C12.9473 5.24021 13 5.36739 13 5.5V12.5C13 12.8978 12.842 13.2794 12.5607 13.5607C12.2794 13.842 11.8978 14 11.5 14H2.5C2.10217 14 1.72064 13.842 1.43934 13.5607C1.15804 13.2794 1 12.8978 1 12.5V1.5C1 1.10218 1.15804 0.720644 1.43934 0.43934ZM4.5 3.875C4.15482 3.875 3.875 4.15482 3.875 4.5C3.875 4.84518 4.15482 5.125 4.5 5.125H6.5C6.84518 5.125 7.125 4.84518 7.125 4.5C7.125 4.15482 6.84518 3.875 6.5 3.875H4.5ZM3.875 7.5C3.875 7.15482 4.15482 6.875 4.5 6.875H9.5C9.84518 6.875 10.125 7.15482 10.125 7.5C10.125 7.84518 9.84518 8.125 9.5 8.125H4.5C4.15482 8.125 3.875 7.84518 3.875 7.5ZM4.5 9.875C4.15482 9.875 3.875 10.1548 3.875 10.5C3.875 10.8452 4.15482 11.125 4.5 11.125H9.5C9.84518 11.125 10.125 10.8452 10.125 10.5C10.125 10.1548 9.84518 9.875 9.5 9.875H4.5Z" clip-rule="evenodd"/></svg>';
-const balIconDate = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M10 0a.75.75 0 0 1 .75.75v.75h1.5c.966 0 1.75.784 1.75 1.75v9A1.75 1.75 0 0 1 12.25 14H1.75A1.75 1.75 0 0 1 0 12.25v-9C0 2.284.784 1.5 1.75 1.5h1.5V.75a.75.75 0 0 1 1.5 0v.75h4.5V.75A.75.75 0 0 1 10 0zM3.25 3v.75a.75.75 0 0 0 1.5 0V3h4.5v.75a.75.75 0 0 0 1.5 0V3h1.5a.25.25 0 0 1 .25.25v2.282a1.002 1.002 0 0 0-.25-.032H1.75c-.086 0-.17.01-.25.032V3.25A.25.25 0 0 1 1.75 3h1.5z" clip-rule="evenodd"/></svg>';
-const balIconClose = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z" clip-rule="evenodd"/></svg>';
-const balIconClock = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM7.625 4.5C7.625 4.15482 7.34518 3.875 7 3.875C6.65482 3.875 6.375 4.15482 6.375 4.5V7C6.375 7.14621 6.42626 7.28779 6.51986 7.40012L9.01986 10.4001C9.24084 10.6653 9.63494 10.7011 9.90012 10.4801C10.1653 10.2592 10.2011 9.86506 9.98014 9.59988L7.625 6.77372V4.5Z" clip-rule="evenodd"/></svg>';
-const balIconCheck = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z" clip-rule="evenodd"/></svg>';
-const balIconCaretUp = '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M9.794,6.607,5.884,2.49A1.255,1.255,0,0,0,4.1,2.5l-3.9,4.1A.75.75,0,1,0,1.294,7.641L4.819,3.928a.249.249,0,0,1,.362,0L8.706,7.641A.75.75,0,1,0,9.794,6.607Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
-const balIconCaretRight = '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
-const balIconCaretLeft = '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M7.124,10a.749.749,0,0,1-.517-.206L2.5,5.9A1.257,1.257,0,0,1,2.49,4.116L6.607.206A.75.75,0,1,1,7.64,1.294L3.928,4.819a.249.249,0,0,0,0,.362L7.64,8.706A.75.75,0,0,1,7.124,10Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
-const balIconCaretDown = '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
-
-const defaultLoggerConfig = {
-    components: [],
-    event: false,
-    lifecycle: false,
-    render: false,
-    custom: false,
-};
-const getConfig = () => {
-    let loggerConfig = defaultLoggerConfig;
-    if (balBrowser.hasWindow &&
-        window.BaloiseDesignSystem &&
-        window.BaloiseDesignSystem.config &&
-        window.BaloiseDesignSystem.config.logger) {
-        loggerConfig = window.BaloiseDesignSystem.config.logger;
-    }
-    return loggerConfig;
-};
-const buildLogger = (tag) => {
-    const l = (type, message, ...optionalParams) => {
-        const config = getConfig();
-        if (config.components.includes(tag) && config[type]) {
-            console.log(message, ...optionalParams);
-        }
-    };
-    return {
-        custom: (message, ...optionalParams) => l('custom', ` ➡️ [${tag}] - ${message}`, ...optionalParams),
-        lifecycle: (lifecycleName, ...optionalParams) => l('lifecycle', `${lifecycleName === 'connectedCallback'
-            ? '🟢'
-            : lifecycleName === 'disconnectedCallback'
-                ? '🔴'
-                : lifecycleName === 'componentDidLoad'
-                    ? '🏁'
-                    : ' ➡️'} [${tag}] - (${lifecycleName})`, ...optionalParams),
-        event: (eventName, ...optionalParams) => l('event', `🔥 [${tag}] - (${eventName})`, ...optionalParams),
-        render: (...optionalParams) => l('render', `🖌️ [${tag}] - (render)`, ...optionalParams),
-    };
-};
-function Logger(tag = 'unknown') {
-    return function (target, _propertyKey, _descriptor) {
-        const { connectedCallback, disconnectedCallback, render, componentDidLoad, createLogger } = target;
-        const log = buildLogger(tag);
-        target.connectedCallback = function () {
-            log.lifecycle(`connectedCallback`, this);
-            const events = Object.keys(this)
-                .filter(n => n.startsWith('bal'))
-                .filter(n => typeof this[n] === 'object');
-            for (let index = 0; index < events.length; index++) {
-                const event = events[index];
-                const emitter = this[event];
-                this[event] = {
-                    emit: (...args) => {
-                        log.event(event, this, ...args);
-                        return emitter.emit.call(this, ...args);
-                    },
-                };
-            }
-            createLogger.call(this, log.custom);
-            return connectedCallback && connectedCallback.call(this);
-        };
-        target.disconnectedCallback = function () {
-            log.lifecycle(`disconnectedCallback`, this);
-            return disconnectedCallback && disconnectedCallback.call(this);
-        };
-        target.componentDidLoad = function () {
-            log.lifecycle(`componentDidLoad`, this);
-            return componentDidLoad && componentDidLoad.call(this);
-        };
-        target.render = function () {
-            log.render(this);
-            return render.call(this);
-        };
-    };
-}
-
-const defaultIcons = {
-    balIconClock,
-    balIconClose,
-    balIconInfoCircle,
-    balIconPlus,
-    balIconMinus,
-    balIconEdit,
-    balIconTrash,
-    balIconNavGoLeft,
-    balIconNavGoRight,
-    balIconNavGoDown,
-    balIconNavGoUp,
-    balIconCheck,
-    balIconDate,
-    balIconDocument,
-    balIconUpload,
-    balIconMenuBars,
-    balIconFacebook,
-    balIconInstagram,
-    balIconLinkedin,
-    balIconTwitter,
-    balIconX,
-    balIconXing,
-    balIconYoutube,
-    balIconWeb,
-    balIconCaretDown,
-    balIconCaretLeft,
-    balIconCaretRight,
-    balIconCaretUp,
-};
-const defaultConfig = {
-    region: 'CH',
-    language: 'de',
-    allowedLanguages: ['de', 'fr', 'it', 'en'],
-    icons: defaultIcons,
-    fallbackLanguage: 'de',
-    logger: defaultLoggerConfig,
-    animated: true,
-    httpFormSubmit: true,
-    _generateHydrateForCustomElementsOutput: false,
-};
-const defaultLocale = `${defaultConfig.language}-${defaultConfig.region}`;
-
-class Config {
-    constructor() {
-        this._componentObservers = [];
-        this._observers = [];
-        this._config = defaultConfig;
-    }
-    get locale() {
-        return `${this._config.language}-${this._config.region}`;
-    }
-    get region() {
-        return this._config.region;
-    }
-    set region(region) {
-        if (region !== this._config.region) {
-            this._config.region = region;
-            this._notify();
-        }
-    }
-    get language() {
-        return this._config.language;
-    }
-    set language(language) {
-        if (language !== this._config.language) {
-            if (this._config.allowedLanguages.includes(language)) {
-                this._config.language = language;
-            }
-            else {
-                this._config.language = this._config.fallbackLanguage;
-            }
-            this._notify();
-        }
-    }
-    get allowedLanguages() {
-        return this._config.allowedLanguages;
-    }
-    set allowedLanguages(allowedLanguages) {
-        if (allowedLanguages !== this._config.allowedLanguages) {
-            this._config.allowedLanguages = allowedLanguages;
-            this._notify();
-        }
-    }
-    get icons() {
-        return this._config.icons;
-    }
-    set icons(icons) {
-        this._config.icons = Object.assign(Object.assign({}, this._config.icons), icons);
-        this._notify();
-    }
-    get logger() {
-        return this._config.logger;
-    }
-    set logger(logger) {
-        this._config.logger = Object.assign({}, logger);
-        this._notify();
-    }
-    get animated() {
-        return this._config.animated;
-    }
-    set animated(animated) {
-        this._config.animated = animated;
-        this._notify();
-    }
-    get httpFormSubmit() {
-        return this._config.httpFormSubmit;
-    }
-    set httpFormSubmit(httpFormSubmit) {
-        this._config.httpFormSubmit = httpFormSubmit;
-        this._notify();
-    }
-    attach(observer) {
-        const isExist = this._observers.includes(observer);
-        if (isExist) {
-            return console.log('Subject: Observer has been attached already.');
-        }
-        this._observers.push(observer);
-        observer.configChanged(this._config);
-    }
-    detach(observer) {
-        const observerIndex = this._observers.indexOf(observer);
-        if (observerIndex === -1) {
-            return console.log('Subject: Nonexistent observer.');
-        }
-        this._observers.splice(observerIndex, 1);
-    }
-    attachComponent(observer) {
-        const isExist = this._componentObservers.includes(observer);
-        if (isExist) {
-            return console.log('Subject: Observer has been attached already.');
-        }
-        this._componentObservers.push(observer);
-        observer.configChanged(this._config);
-    }
-    detachComponent(observer) {
-        const observerIndex = this._componentObservers.indexOf(observer);
-        if (observerIndex === -1) {
-            return console.log('Subject: Nonexistent observer.');
-        }
-        this._componentObservers.splice(observerIndex, 1);
-    }
-    toString() {
-        return JSON.stringify(this._config);
-    }
-    reset(config) {
-        this._config = Object.assign(Object.assign(Object.assign({}, this._config), config), { icons: Object.assign(Object.assign({}, this._config.icons), config.icons) });
-        this._notify(false);
-    }
-    _notify(all = true) {
-        for (const observer of this._componentObservers) {
-            observer.configChanged(this._config);
-        }
-        if (all) {
-            for (const observer of this._observers) {
-                observer.configChanged(this._config);
-            }
-        }
-    }
-}
-const config = /*@__PURE__*/ new Config();
-const configFromLocalStorage = (win) => {
-    try {
-        const animated = JSON.parse(win.localStorage.getItem(BALOISE_ANIMATION_KEY));
-        if (animated !== null) {
-            return {
-                animated,
-            };
-        }
-        return {};
-    }
-    catch (e) {
-        return {};
-    }
-};
-
-const setupConfig = (userConfig = {}, win = {}) => {
-    if (Object.keys(win).length === 0 && balBrowser.hasWindow) {
-        win = window;
-    }
-    win.BaloiseDesignSystem = win.BaloiseDesignSystem || {};
-    config.reset(Object.assign(Object.assign(Object.assign({}, configFromLocalStorage(win)), userConfig), { icons: Object.assign({}, userConfig.icons) }));
-    win.BaloiseDesignSystem.config = config;
-};
-
-const onBalConfigChange = (callback) => {
-    attachToConfig({
-        configChanged(state) {
-            callback(state);
-        },
-    });
-};
-const useBalConfig = () => {
-    if (!balBrowser.hasWindow) {
-        return;
-    }
-    const win = window;
-    return win && win.BaloiseDesignSystem && win.BaloiseDesignSystem.config;
-};
-const attachToConfig = (observer) => {
-    const config = useBalConfig();
-    if (config) {
-        config.attach(observer);
-    }
-};
-const detachFromConfig = (observer) => {
-    const config = useBalConfig();
-    if (config) {
-        config.detach(observer);
-    }
-};
-const attachComponentToConfig = (observer) => {
-    const config = useBalConfig();
-    if (config) {
-        config.attachComponent(observer);
-    }
-};
-const detachComponentFromConfig = (observer) => {
-    const config = useBalConfig();
-    if (config) {
-        config.detachComponent(observer);
-    }
-};
-const updateBalLanguage = (language) => {
-    const config = useBalConfig();
-    if (config) {
-        config.language = language;
-    }
-};
-const updateBalRegion = (region) => {
-    const config = useBalConfig();
-    if (config) {
-        config.region = region;
-    }
-};
-const updateBalAllowedLanguages = (allowedLanguages) => {
-    const config = useBalConfig();
-    if (config) {
-        config.allowedLanguages = allowedLanguages;
-    }
-};
-const updateBalIcons = (icons) => {
-    const config = useBalConfig();
-    if (config) {
-        config.icons = Object.assign(Object.assign({}, config.icons), icons);
-    }
-};
-const updateBalAnimated = (animated) => {
-    const config = useBalConfig();
-    if (config) {
-        config.animated = animated;
-    }
-};
-
-/**
- * Request Largest Contentful Paint (LCP) callback
- */
-const rLCP = (callback, timeout = 3000) => {
-    let isLargestContentPatinDone = false;
-    if (!balBrowser.isSafari && balBrowser.hasWindow && 'PerformanceObserver' in window) {
-        const observer = new PerformanceObserver(entryList => {
-            const entries = entryList.getEntries();
-            const lcpEntry = entries[entries.length - 1]; // Get the last (largest) entry
-            if (lcpEntry) {
-                // Disconnect the observer as we only need the LCP
-                observer.disconnect();
-                // Load the script after LCP
-                isLargestContentPatinDone = true;
-                rIC(() => callback());
-            }
-        });
-        // Start observing for Largest Contentful Paint (LCP) entries
-        observer.observe({ type: 'largest-contentful-paint', buffered: true });
-        setTimeout(() => {
-            if (!isLargestContentPatinDone) {
-                observer.disconnect();
-                callback();
-            }
-        }, timeout);
-    }
-    else {
-        return setTimeout(callback, 32);
-    }
-};
-const rOnLoad = (callback, timeout = 32) => {
-    let called = false;
-    const callOnce = () => {
-        if (!called) {
-            called = true;
-            callback();
-        }
-    };
-    if (balBrowser.hasWindow) {
-        const timer = setTimeout(callOnce, timeout);
-        window.addEventListener('load', () => {
-            clearTimeout(timer);
-            callOnce();
-        });
-    }
-    else {
-        setTimeout(callOnce, 32);
-    }
-};
-const rIC = (callback, timeout = 5000) => {
-    if (balBrowser.hasWindow && 'requestIdleCallback' in window) {
-        window.requestIdleCallback(callback, { timeout });
-    }
-    else {
-        setTimeout(callback, 32);
-    }
-};
-const wait = (ms = 0) => {
-    return new Promise(resolve => {
-        setTimeout(() => resolve(), ms);
-    });
-};
-const debounceEvent = (ev, wait) => {
-    const original = ev._original || ev;
-    return {
-        _original: ev,
-        emit: debounce(original.emit.bind(original), wait),
-    };
-};
-const debounce = (func, wait = 0) => {
-    let timer;
-    return (...args) => {
-        clearTimeout(timer);
-        timer = setTimeout(func, wait, ...args);
-    };
-};
-const hasTagName = (element, tag) => {
-    return element && element.tagName && element.tagName === tag.toUpperCase();
-};
-const isDescendant = (parent, child) => {
-    let node = child.parentNode;
-    while (node != null) {
-        if (node == parent) {
-            return true;
-        }
-        node = node.parentNode;
-    }
-    return false;
-};
-const hasParent = (parentTag, child) => {
-    let node = child.parentNode;
-    while (node != null) {
-        if (node.tagName === parentTag.toUpperCase()) {
-            return true;
-        }
-        node = node.parentNode;
-    }
-    return false;
-};
-const getAppRoot = (doc) => {
-    return doc.querySelector('bal-app') || doc.body;
-};
-/**
- * Waits for a component to be ready for
- * both custom element and non-custom element builds.
- * If non-custom element build, el.componentOnReady
- * will be used.
- * For custom element builds, we wait a frame
- * so that the inner contents of the component
- * have a chance to render.
- *
- * Use this utility rather than calling
- * el.componentOnReady yourself.
- */
-const componentOnReady = (el, callback) => {
-    if (el.componentOnReady !== null && el.componentOnReady !== undefined) {
-        el.componentOnReady().then((resolvedEl) => callback(resolvedEl));
-    }
-    else {
-        raf(() => callback(el));
-    }
-};
-/**
- * Patched version of requestAnimationFrame that avoids ngzone
- * Use only when you know ngzone should not run
- */
-const raf = (h) => {
-    if (typeof __zone_symbol__requestAnimationFrame === 'function') {
-        return __zone_symbol__requestAnimationFrame(h);
-    }
-    if (typeof requestAnimationFrame === 'function') {
-        return requestAnimationFrame(h);
-    }
-    return setTimeout(h);
-};
-const transitionEndAsync = (el, expectedDuration = 0) => {
-    return new Promise(resolve => {
-        transitionEnd(el, expectedDuration, resolve);
-    });
-};
-/**
- * Allows developer to wait for a transition
- * to finish and fallback to a timer if the
- * transition is cancelled or otherwise
- * never finishes. Also see transitionEndAsync
- * which is an await-able version of this.
- */
-const transitionEnd = (el, expectedDuration = 0, callback) => {
-    let unRegTrans;
-    let animationTimeout;
-    const opts = { passive: true };
-    const ANIMATION_FALLBACK_TIMEOUT = 500;
-    const unregister = () => {
-        if (unRegTrans) {
-            unRegTrans();
-        }
-    };
-    const onTransitionEnd = (ev) => {
-        if (ev === undefined || el === ev.target) {
-            unregister();
-            callback(ev);
-        }
-    };
-    if (el) {
-        el.addEventListener('webkitTransitionEnd', onTransitionEnd, opts);
-        el.addEventListener('transitionend', onTransitionEnd, opts);
-        animationTimeout = setTimeout(onTransitionEnd, expectedDuration + ANIMATION_FALLBACK_TIMEOUT);
-        unRegTrans = () => {
-            if (animationTimeout) {
-                clearTimeout(animationTimeout);
-                animationTimeout = undefined;
-            }
-            el.removeEventListener('webkitTransitionEnd', onTransitionEnd, opts);
-            el.removeEventListener('transitionend', onTransitionEnd, opts);
-        };
-    }
-    return unregister;
-};
-const addEventListener = (el, eventName, callback, opts) => {
-    if (balBrowser.hasWindow) {
-        const config = useBalConfig();
-        if (config) {
-            const ael = config._ael;
-            if (ael) {
-                return ael(el, eventName, callback, opts);
-            }
-            else if (config._ael) {
-                return config._ael(el, eventName, callback, opts);
-            }
-        }
-    }
-    return el.addEventListener(eventName, callback, opts);
-};
-const removeEventListener = (el, eventName, callback, opts) => {
-    if (balBrowser.hasWindow) {
-        const config = useBalConfig();
-        if (config) {
-            const rel = config._rel;
-            if (rel) {
-                return rel(el, eventName, callback, opts);
-            }
-            else if (config._rel) {
-                return config._rel(el, eventName, callback, opts);
-            }
-        }
-    }
-    return el.removeEventListener(eventName, callback, opts);
-};
-const shallowReady = (el) => {
-    if (el) {
-        return new Promise(resolve => componentOnReady(el, resolve));
-    }
-    return Promise.resolve();
-};
-const deepReady = async (el, full = false) => {
-    const element = el;
-    if (element) {
-        if (element.componentOnReady !== null && element.componentOnReady !== undefined) {
-            const stencilEl = await element.componentOnReady();
-            if (!full && stencilEl !== null && stencilEl !== undefined) {
-                return;
-            }
-        }
-        await Promise.all(Array.from(element.children).map(child => deepReady(child, full)));
-    }
-};
-const waitForComponent = async (el) => {
-    await deepReady(el, true);
-    await waitAfterFramePaint();
-    await waitAfterIdleCallback();
-};
-const isChildOfEventTarget = async (ev, el, callback) => {
-    if (ev && ev.target && el && el !== ev.target) {
-        let target = ev.target;
-        // special case for the navbar case
-        const isNavbarBrand = ev.target.nodeName === 'BAL-NAVBAR-BRAND';
-        if (isNavbarBrand) {
-            target = target.closest('bal-navbar');
-        }
-        if (target && isDescendant(target, el)) {
-            callback(target);
-        }
-    }
-};
-const waitForDesignSystem = async (el, _config) => {
-    const config = Object.assign({ animated: false, icons: {
-            balIconClose,
-            balIconInfoCircle,
-            balIconPlus,
-            balIconMinus,
-            balIconEdit,
-            balIconTrash,
-            balIconNavGoLeft,
-            balIconNavGoRight,
-            balIconNavGoDown,
-            balIconNavGoUp,
-            balIconCaretUp,
-            balIconCaretDown,
-            balIconCaretLeft,
-            balIconCaretRight,
-            balIconCheck,
-            balIconDate,
-            balIconDocument,
-            balIconUpload,
-            balIconMenuBars,
-        } }, _config);
-    const element = el;
-    if (element !== null && element !== undefined) {
-        await deepReady(element, true);
-        const webComponents = Array.prototype.slice
-            .call(element.querySelectorAll('*'))
-            .filter(el => el.tagName.match(/^bal/i));
-        await Promise.all(webComponents.map(c => {
-            if (c.configChanged !== null && c.configChanged !== undefined) {
-                return c.configChanged(config);
-            }
-        }));
-    }
-    await Promise.all([waitAfterFramePaint(), waitAfterLargestContentfulPaintCallback(), waitAfterIdleCallback()]);
-};
-const waitAfterFramePaint = () => {
-    return new Promise(resolve => raf(() => runHighPrioritizedTask(resolve)));
-};
-const waitAfterIdleCallback = () => {
-    return new Promise(resolve => rIC(() => runHighPrioritizedTask(resolve)));
-};
-const waitAfterLargestContentfulPaintCallback = () => {
-    return new Promise(resolve => rLCP(() => runHighPrioritizedTask(resolve)));
-};
-const waitOnLoadEventCallback = () => {
-    return new Promise(resolve => rOnLoad(() => runHighPrioritizedTask(resolve)));
-};
-const runHighPrioritizedTask = (callback) => {
-    if (balBrowser.hasWindow && 'MessageChannel' in window) {
-        const messageChannel = new window.MessageChannel();
-        messageChannel.port1.onmessage = callback;
-        messageChannel.port2.postMessage(undefined);
-    }
-    else {
-        setTimeout(callback, 32);
-    }
-};
-
-class BalNoticeController {
-    constructor(options) {
-        this.options = options;
-        this.container = null;
-        this.queue = [];
-        this.preQueue = [];
-        this.queueLimit = 5;
-    }
-    create(options) {
-        if (balBrowser.hasDocument) {
-            this.setupContainer(options);
-            const clone = this.findClone(options);
-            if (clone === undefined) {
-                const el = document.createElement(this.options.tag);
-                Object.assign(el, options);
-                el.addEventListener('balClose', ev => {
-                    this.removeFromQueue(ev.detail);
-                });
-                this.preQueue.push(el);
-                this.updateQueue();
-                return el;
-            }
-            return clone;
-        }
-    }
-    setQueue(queueLimit) {
-        this.queueLimit = queueLimit;
-    }
-    async dismissAll() {
-        var _a;
-        const elements = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelectorAll(this.options.tag);
-        if (elements) {
-            const closingQueue = [];
-            for (let index = 0; index < elements.length; index++) {
-                const el = elements[index];
-                if (el.close) {
-                    closingQueue.push(el.close());
-                }
-            }
-            await Promise.all(closingQueue);
-        }
-    }
-    /**
-     * @deprecated use dismissAll instead
-     */
-    async clearAll() {
-        console.warn('[DEPRECATED] - use dismissAll() instead');
-        return this.dismissAll();
-    }
-    findClone(options) {
-        for (let index = 0; index < this.queue.length; index++) {
-            const el = this.queue[index];
-            if (el.message === options.message && el.color === options.color) {
-                return el;
-            }
-        }
-        return undefined;
-    }
-    setupContainer(options) {
-        if (balBrowser.hasDocument) {
-            const containerId = `${this.options.tag}-container`;
-            this.container = document.getElementById(containerId);
-            if (this.container)
-                return;
-            if (!this.container) {
-                this.container = document.createElement('bal-notices');
-                this.container.setAttribute('interface', this.options.tag.replace('bal-', ''));
-                this.container.setAttribute('animated', options.animated ? 'true' : 'false');
-                if (options.container !== undefined) {
-                    this.container.setAttribute('container', options.container === true ? '' : options.container);
-                }
-                this.container.id = containerId;
-            }
-            document.body.appendChild(this.container);
-        }
-    }
-    async updateQueue() {
-        var _a;
-        if (this.queue.length < this.queueLimit) {
-            const el = this.preQueue.shift();
-            if (el && this.container) {
-                await waitForComponent(this.container);
-                const innerEl = this.container.querySelector('.bal-notices__inner');
-                if (innerEl) {
-                    this.queue.push(el);
-                    innerEl.insertAdjacentElement('beforeend', el);
-                }
-            }
-        }
-        if (this.queue.length === 0) {
-            (_a = this.container) === null || _a === void 0 ? void 0 : _a.remove();
-        }
-    }
-    removeFromQueue(toastId) {
-        this.queue = this.queue.filter(el => el.id !== toastId);
-        setTimeout(() => this.updateQueue(), 0);
-    }
-}
-
-class BalSnackbarController extends BalNoticeController {
-    constructor() {
-        super({
-            tag: 'bal-snackbar',
-        });
-    }
-    create(options) {
-        return super.create(options);
-    }
-}
-const balSnackbarController = new BalSnackbarController();
-
-class BalToastController extends BalNoticeController {
-    constructor() {
-        super({
-            tag: 'bal-toast',
-        });
-    }
-    create(options) {
-        return super.create(options);
-    }
-}
-const balToastController = new BalToastController();
-
-const tags = [
-    "bal-accordion",
-    "bal-accordion-details",
-    "bal-accordion-summary",
-    "bal-accordion-trigger",
-    "bal-app",
-    "bal-badge",
-    "bal-button",
-    "bal-button-group",
-    "bal-card",
-    "bal-card-actions",
-    "bal-card-button",
-    "bal-card-content",
-    "bal-card-subtitle",
-    "bal-card-title",
-    "bal-carousel",
-    "bal-carousel-item",
-    "bal-check",
-    "bal-checkbox",
-    "bal-checkbox-group",
-    "bal-close",
-    "bal-content",
-    "bal-data",
-    "bal-data-item",
-    "bal-data-label",
-    "bal-data-value",
-    "bal-date",
-    "bal-date-calendar",
-    "bal-date-calendar-cell",
-    "bal-divider",
-    "bal-dropdown",
-    "bal-field",
-    "bal-field-control",
-    "bal-field-hint",
-    "bal-field-label",
-    "bal-field-message",
-    "bal-file-upload",
-    "bal-footer",
-    "bal-form",
-    "bal-form-col",
-    "bal-form-grid",
-    "bal-heading",
-    "bal-hint",
-    "bal-hint-text",
-    "bal-hint-title",
-    "bal-icon",
-    "bal-input",
-    "bal-input-date",
-    "bal-input-group",
-    "bal-input-slider",
-    "bal-input-stepper",
-    "bal-label",
-    "bal-list",
-    "bal-list-item",
-    "bal-list-item-accordion-body",
-    "bal-list-item-accordion-head",
-    "bal-list-item-content",
-    "bal-list-item-icon",
-    "bal-list-item-subtitle",
-    "bal-list-item-title",
-    "bal-logo",
-    "bal-modal",
-    "bal-modal-body",
-    "bal-modal-header",
-    "bal-nav",
-    "bal-nav-link",
-    "bal-nav-link-grid",
-    "bal-nav-link-grid-col",
-    "bal-nav-link-group",
-    "bal-nav-menu-bar",
-    "bal-nav-menu-flyout",
-    "bal-nav-meta-bar",
-    "bal-navbar",
-    "bal-navbar-brand",
-    "bal-navbar-menu",
-    "bal-navbar-menu-end",
-    "bal-navbar-menu-start",
-    "bal-notices",
-    "bal-notification",
-    "bal-number-input",
-    "bal-option",
-    "bal-option-list",
-    "bal-pagination",
-    "bal-popover",
-    "bal-popover-content",
-    "bal-popup",
-    "bal-progress-bar",
-    "bal-radio",
-    "bal-radio-group",
-    "bal-radio-icon",
-    "bal-segment",
-    "bal-segment-item",
-    "bal-select",
-    "bal-select-option",
-    "bal-shape",
-    "bal-sheet",
-    "bal-snackbar",
-    "bal-spinner",
-    "bal-stack",
-    "bal-stage",
-    "bal-stage-back-link",
-    "bal-stage-body",
-    "bal-stage-foot",
-    "bal-stage-head",
-    "bal-stage-image",
-    "bal-step-item",
-    "bal-steps",
-    "bal-switch",
-    "bal-tab-item",
-    "bal-table",
-    "bal-tabs",
-    "bal-tag",
-    "bal-tag-group",
-    "bal-text",
-    "bal-textarea",
-    "bal-time-input",
-    "bal-toast",
-    "bal-tooltip"
-];
-
-// generated by .build/version.js
-const VERSION = '19.8.2';
-
-const initializeBaloiseDesignSystem = (userConfig = {}, platformConfig = undefined, win = {}) => {
-    if (Object.keys(win).length === 0 && balBrowser.hasWindow) {
-        win = window;
-    }
-    win.BaloiseDesignSystem = win.BaloiseDesignSystem || {};
-    if (platformConfig) {
-        setPlatformHelpers(platformConfig);
-    }
-    setupConfig(Object.assign(Object.assign({}, userConfig), platformConfig), win);
-    win.BaloiseDesignSystem.toastController = balToastController;
-    win.BaloiseDesignSystem.snackbarController = balSnackbarController;
-    win.BaloiseDesignSystem.initialize = () => setupConfig(win.BaloiseDesignSystem.config, win);
-    win.BaloiseDesignSystem.version = VERSION;
-    if (userConfig._generateHydrateForCustomElementsOutput) {
-        generateHydrateForCustomElementsOutput(tags);
-    }
-};
-/**
- * This function generates the CSS needed for custom elements hydration and inserts it into the document head.
- * The CSS rules include styles for slot fallback and the hydrated class.
- *
- * This is copied from the Stencil core library.
- * src/runtime/bootstrap-lazy.ts
- */
-const generateHydrateForCustomElementsOutput = (cmpTags = []) => {
-    const SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';
-    const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
-    const win = typeof window !== 'undefined' ? window : {};
-    if (!win.document) {
-        console.warn('Stencil: No document found. Skipping bootstrapping lazy components.');
-        return;
-    }
-    const head = win.document.head;
-    const metaCharset = /* @__PURE__ */ head.querySelector('meta[charset]');
-    const dataStyles = /* @__PURE__ */ win.document.createElement('style');
-    if (cmpTags.length > 0) {
-        dataStyles.textContent += SLOT_FB_CSS;
-        dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
-        if (dataStyles.innerHTML.length) {
-            dataStyles.setAttribute('data-styles', '');
-            head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
-        }
-    }
-};
-
-function appGlobalScript () {
-    initializeBaloiseDesignSystem();
-}
-
-const globalScripts = appGlobalScript;
-const globalStyles = "";
+const BUILD = /* baloise-design-system */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, slotRelocation: true, updatable: true};
 
 /*
- Stencil Client Platform v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.38.2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -1046,6 +22,7 @@ var getHostRef = (ref) => {
   return void 0;
 };
 var registerInstance = (lazyInstance, hostRef) => {
+  if (!hostRef) return;
   lazyInstance.__stencil__getHostRef = () => hostRef;
   hostRef.$lazyInstance$ = lazyInstance;
 };
@@ -1054,7 +31,8 @@ var registerHost = (hostElement, cmpMeta) => {
     $flags$: 0,
     $hostElement$: hostElement,
     $cmpMeta$: cmpMeta,
-    $instanceValues$: /* @__PURE__ */ new Map()
+    $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map()
   };
   {
     hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
@@ -1064,6 +42,9 @@ var registerHost = (hostElement, cmpMeta) => {
     hostElement["s-p"] = [];
     hostElement["s-rc"] = [];
   }
+  {
+    hostRef.$fetchedCbList$ = [];
+  }
   const ref = hostRef;
   hostElement.__stencil__getHostRef = () => ref;
   return ref;
@@ -1147,6 +128,7 @@ var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
   }
   return false;
 })() ;
+var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
 var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
@@ -1249,12 +231,24 @@ var unwrapErr = (result) => {
     throw result.value;
   }
 };
+
+// src/utils/style.ts
+function createStyleSheetIfNeededAndSupported(styles2) {
+  return void 0;
+}
+
+// src/utils/shadow-root.ts
+var globalStyleSheet;
 function createShadowRoot(cmpMeta) {
+  var _a;
   const shadowRoot = this.attachShadow({ mode: "open" });
-  if (supportsConstructableStylesheets) {
-    const sheet = new CSSStyleSheet();
-    sheet.replaceSync(globalStyles);
-    shadowRoot.adoptedStyleSheets.push(sheet);
+  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported()) != null ? _a : null;
+  if (globalStyleSheet) {
+    if (supportsMutableAdoptedStyleSheets) {
+      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+    } else {
+      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
+    }
   }
 }
 var updateFallbackSlotVisibility = (elm) => {
@@ -1377,6 +371,110 @@ var uniqueTime = (key, measureText) => {
     };
   }
 };
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
+var registerStyle = (scopeId2, cssText, allowCS) => {
+  let style = styles.get(scopeId2);
+  if (supportsConstructableStylesheets && allowCS) {
+    style = style || new CSSStyleSheet();
+    if (typeof style === "string") {
+      style = cssText;
+    } else {
+      style.replaceSync(cssText);
+    }
+  } else {
+    style = cssText;
+  }
+  styles.set(scopeId2, style);
+};
+var addStyle = (styleContainerNode, cmpMeta, mode) => {
+  var _a;
+  const scopeId2 = getScopeId(cmpMeta);
+  const style = styles.get(scopeId2);
+  if (!win.document) {
+    return scopeId2;
+  }
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
+  if (style) {
+    if (typeof style === "string") {
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      let styleElm;
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        {
+          styleElm = win.document.createElement("style");
+          styleElm.innerHTML = style;
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+          if (nonce != null) {
+            styleElm.setAttribute("nonce", nonce);
+          }
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(
+                styleElm,
+                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
+              );
+            } else if ("host" in styleContainerNode) {
+              if (supportsConstructableStylesheets) {
+                const stylesheet = new CSSStyleSheet();
+                stylesheet.replaceSync(style);
+                if (supportsMutableAdoptedStyleSheets) {
+                  styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+                } else {
+                  styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+                }
+              } else {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
+        }
+        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+          styleElm.innerHTML += SLOT_FB_CSS;
+        }
+        if (appliedStyles) {
+          appliedStyles.add(scopeId2);
+        }
+      }
+    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
+      if (supportsMutableAdoptedStyleSheets) {
+        styleContainerNode.adoptedStyleSheets.push(style);
+      } else {
+        styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
+      }
+    }
+  }
+  return scopeId2;
+};
+var attachStyles = (hostRef) => {
+  const cmpMeta = hostRef.$cmpMeta$;
+  const elm = hostRef.$hostElement$;
+  const flags = cmpMeta.$flags$;
+  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
+  const scopeId2 = addStyle(
+    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    cmpMeta);
+  if (flags & 10 /* needsScopedEncapsulation */) {
+    elm["s-sc"] = scopeId2;
+    elm.classList.add(scopeId2 + "-h");
+  }
+  endAttachStyles();
+};
+var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
@@ -1517,7 +615,10 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   }
   return propValue;
 };
-var getElement = (ref) => getHostRef(ref).$hostElement$ ;
+var getElement = (ref) => {
+  var _a;
+  return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
+};
 
 // src/runtime/event-emitter.ts
 var createEvent = (ref, name, flags) => {
@@ -1538,102 +639,6 @@ var emitEvent = (elm, name, opts) => {
   elm.dispatchEvent(ev);
   return ev;
 };
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
-var registerStyle = (scopeId2, cssText, allowCS) => {
-  let style = styles.get(scopeId2);
-  if (supportsConstructableStylesheets && allowCS) {
-    style = style || new CSSStyleSheet();
-    if (typeof style === "string") {
-      style = cssText;
-    } else {
-      style.replaceSync(cssText);
-    }
-  } else {
-    style = cssText;
-  }
-  styles.set(scopeId2, style);
-};
-var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a;
-  const scopeId2 = getScopeId(cmpMeta);
-  const style = styles.get(scopeId2);
-  if (!win.document) {
-    return scopeId2;
-  }
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
-  if (style) {
-    if (typeof style === "string") {
-      styleContainerNode = styleContainerNode.head || styleContainerNode;
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      let styleElm;
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      if (!appliedStyles.has(scopeId2)) {
-        {
-          styleElm = win.document.createElement("style");
-          styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
-          if (nonce != null) {
-            styleElm.setAttribute("nonce", nonce);
-          }
-          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-            if (styleContainerNode.nodeName === "HEAD") {
-              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
-              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
-              styleContainerNode.insertBefore(
-                styleElm,
-                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
-              );
-            } else if ("host" in styleContainerNode) {
-              if (supportsConstructableStylesheets) {
-                const stylesheet = new CSSStyleSheet();
-                stylesheet.replaceSync(style);
-                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
-              } else {
-                const existingStyleContainer = styleContainerNode.querySelector("style");
-                if (existingStyleContainer) {
-                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
-                } else {
-                  styleContainerNode.prepend(styleElm);
-                }
-              }
-            } else {
-              styleContainerNode.append(styleElm);
-            }
-          }
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            styleContainerNode.insertBefore(styleElm, null);
-          }
-        }
-        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.innerHTML += SLOT_FB_CSS;
-        }
-        if (appliedStyles) {
-          appliedStyles.add(scopeId2);
-        }
-      }
-    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
-      styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
-    }
-  }
-  return scopeId2;
-};
-var attachStyles = (hostRef) => {
-  const cmpMeta = hostRef.$cmpMeta$;
-  const elm = hostRef.$hostElement$;
-  const flags = cmpMeta.$flags$;
-  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  const scopeId2 = addStyle(
-    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
-    cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */) {
-    elm["s-sc"] = scopeId2;
-    elm.classList.add(scopeId2 + "-h");
-  }
-  endAttachStyles();
-};
-var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
   if (oldValue === newValue) {
     return;
@@ -2074,7 +1079,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       !isInitialRender && BUILD.updatable && oldChildren !== null
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
-    }
+    } else ;
     if (isSvgMode && tag === "svg") {
       isSvgMode = false;
     }
@@ -2179,9 +1184,11 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   hostTagName = hostElm.tagName;
   if (cmpMeta.$attrsToReflect$) {
     rootVnode.$attrs$ = rootVnode.$attrs$ || {};
-    cmpMeta.$attrsToReflect$.map(
-      ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
-    );
+    cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
+      {
+        rootVnode.$attrs$[attribute] = hostElm[propName];
+      }
+    });
   }
   if (isInitialLoad && rootVnode.$attrs$) {
     for (const key of Object.keys(rootVnode.$attrs$)) {
@@ -2294,6 +1301,12 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
   }
   attachToAncestor(hostRef, hostRef.$ancestorComponent$);
   const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
+  if (isInitialLoad) {
+    queueMicrotask(() => {
+      dispatch();
+    });
+    return;
+  }
   return writeTask(dispatch) ;
 };
 var dispatchHooks = (hostRef, isInitialLoad) => {
@@ -2308,10 +1321,15 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   let maybePromise;
   if (isInitialLoad) {
     {
-      hostRef.$flags$ |= 256 /* isListenReady */;
-      if (hostRef.$queuedListeners$) {
-        hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
-        hostRef.$queuedListeners$ = void 0;
+      {
+        hostRef.$flags$ |= 256 /* isListenReady */;
+        if (hostRef.$queuedListeners$) {
+          hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
+          hostRef.$queuedListeners$ = void 0;
+        }
+      }
+      if (hostRef.$fetchedCbList$.length) {
+        hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
       }
     }
     maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
@@ -2438,6 +1456,9 @@ var addHydratedFlag = (elm) => {
 var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
 var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
+  if (!hostRef) {
+    return;
+  }
   if (!hostRef) {
     throw new Error(
       `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
@@ -2483,9 +1504,17 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
-    if (Cstr.watchers && !cmpMeta.$watchers$) {
-      cmpMeta.$watchers$ = Cstr.watchers;
+  if (cmpMeta.$members$ || BUILD.propChangeCallback) {
+    {
+      if (Cstr.watchers && !cmpMeta.$watchers$) {
+        cmpMeta.$watchers$ = Cstr.watchers;
+      }
+      if (Cstr.deserializers && !cmpMeta.$deserializers$) {
+        cmpMeta.$deserializers$ = Cstr.deserializers;
+      }
+      if (Cstr.serializers && !cmpMeta.$serializers$) {
+        cmpMeta.$serializers$ = Cstr.serializers;
+      }
     }
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
@@ -2513,12 +1542,13 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         Object.defineProperty(prototype, memberName, {
           set(newValue) {
             const ref = getHostRef(this);
+            if (!ref) {
+              return;
+            }
             if (origSetter) {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
                 newValue = ref.$instanceValues$.get(memberName);
-              } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
-                ref.$instanceValues$.set(memberName, currentValue);
               }
               origSetter.apply(this, [
                 parsePropertyValue(
@@ -2533,7 +1563,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
                 setValue(this, memberName, newValue, cmpMeta);
                 if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
-                  ref.$onReadyPromise$.then(() => {
+                  ref.$fetchedCbList$.push(() => {
                     if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
                       ref.$lazyInstance$[memberName] = newValue;
                     }
@@ -2554,7 +1584,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               if (ref.$lazyInstance$) {
                 setterSetVal();
               } else {
-                ref.$onReadyPromise$.then(() => setterSetVal());
+                ref.$fetchedCbList$.push(() => {
+                  setterSetVal();
+                });
               }
             }
           }
@@ -2578,16 +1610,17 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         plt.jmp(() => {
           var _a2;
           const propName = attrNameToPropName.get(attrName);
+          const hostRef = getHostRef(this);
           if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
             newValue = this[propName];
             delete this[propName];
-          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          }
+          if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
           this[propName] == newValue) {
             return;
           } else if (propName == null) {
-            const hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
-            if (flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
+            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const instance = hostRef.$lazyInstance$ ;
               const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
               entry == null ? void 0 : entry.forEach((callbackName) => {
@@ -2598,9 +1631,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             }
             return;
           }
+          const propFlags = members.find(([m]) => m === propName);
+          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
+            newValue = newValue === null || newValue === "false" ? false : true;
+          }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
-          if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -2608,7 +1644,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
       Cstr.observedAttributes = Array.from(
         /* @__PURE__ */ new Set([
           ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
-          ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
+          ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
             var _a2;
             const attrName = m[1] || propName;
             attrNameToPropName.set(attrName, propName);
@@ -2645,6 +1681,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       if (!Cstr.isProxied) {
         {
           cmpMeta.$watchers$ = Cstr.watchers;
+          cmpMeta.$serializers$ = Cstr.serializers;
+          cmpMeta.$deserializers$ = Cstr.deserializers;
         }
         proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
         Cstr.isProxied = true;
@@ -2702,6 +1740,9 @@ var fireConnectedCallback = (instance, elm) => {
 var connectedCallback = (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
+    if (!hostRef) {
+      return;
+    }
     const cmpMeta = hostRef.$cmpMeta$;
     const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
@@ -2723,7 +1764,7 @@ var connectedCallback = (elm) => {
       }
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
+          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;
@@ -2763,7 +1804,7 @@ var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
     {
-      if (hostRef.$rmListeners$) {
+      if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
         hostRef.$rmListeners$.map((rmListener) => rmListener());
         hostRef.$rmListeners$ = void 0;
       }
@@ -2804,7 +1845,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
-      var _a2;
+      var _a2, _b, _c;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -2825,6 +1866,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       }
       {
         cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+        cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
+        cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
       }
       const tagName = cmpMeta.$tagName$;
       const HostElement = class extends HTMLElement {
@@ -2850,6 +1893,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         }
         connectedCallback() {
           const hostRef = getHostRef(this);
+          if (!hostRef) {
+            return;
+          }
           if (!this.hasRegisteredEventListeners) {
             this.hasRegisteredEventListeners = true;
             addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
@@ -2869,6 +1915,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           plt.raf(() => {
             var _a3;
             const hostRef = getHostRef(this);
+            if (!hostRef) {
+              return;
+            }
             const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
             if (i2 > -1) {
               deferredConnectedCallbacks.splice(i2, 1);
@@ -2879,7 +1928,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           });
         }
         componentOnReady() {
-          return getHostRef(this).$onReadyPromise$;
+          var _a3;
+          return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
         }
       };
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
@@ -2960,57 +2010,4 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
-exports.BalSnackbarController = BalSnackbarController;
-exports.BalToastController = BalToastController;
-exports.Host = Host;
-exports.Logger = Logger;
-exports.addEventListener = addEventListener;
-exports.attachComponentToConfig = attachComponentToConfig;
-exports.attachToConfig = attachToConfig;
-exports.balBrowser = balBrowser;
-exports.balSnackbarController = balSnackbarController;
-exports.balToastController = balToastController;
-exports.bootstrapLazy = bootstrapLazy;
-exports.componentOnReady = componentOnReady;
-exports.createEvent = createEvent;
-exports.debounce = debounce;
-exports.debounceEvent = debounceEvent;
-exports.deepReady = deepReady;
-exports.defaultConfig = defaultConfig;
-exports.defaultLocale = defaultLocale;
-exports.detachComponentFromConfig = detachComponentFromConfig;
-exports.detachFromConfig = detachFromConfig;
-exports.getAppRoot = getAppRoot;
-exports.getElement = getElement;
-exports.globalScripts = globalScripts;
-exports.h = h;
-exports.hasParent = hasParent;
-exports.hasTagName = hasTagName;
-exports.initializeBaloiseDesignSystem = initializeBaloiseDesignSystem;
-exports.isChildOfEventTarget = isChildOfEventTarget;
-exports.isDescendant = isDescendant;
-exports.onBalConfigChange = onBalConfigChange;
-exports.promiseResolve = promiseResolve;
-exports.rIC = rIC;
-exports.rOnLoad = rOnLoad;
-exports.raf = raf;
-exports.registerInstance = registerInstance;
-exports.removeEventListener = removeEventListener;
-exports.setNonce = setNonce;
-exports.setupConfig = setupConfig;
-exports.shallowReady = shallowReady;
-exports.transitionEndAsync = transitionEndAsync;
-exports.updateBalAllowedLanguages = updateBalAllowedLanguages;
-exports.updateBalAnimated = updateBalAnimated;
-exports.updateBalIcons = updateBalIcons;
-exports.updateBalLanguage = updateBalLanguage;
-exports.updateBalRegion = updateBalRegion;
-exports.useBalConfig = useBalConfig;
-exports.wait = wait;
-exports.waitAfterFramePaint = waitAfterFramePaint;
-exports.waitAfterIdleCallback = waitAfterIdleCallback;
-exports.waitAfterLargestContentfulPaintCallback = waitAfterLargestContentfulPaintCallback;
-exports.waitForComponent = waitForComponent;
-exports.waitForDesignSystem = waitForDesignSystem;
-exports.waitOnLoadEventCallback = waitOnLoadEventCallback;
-exports.writeTask = writeTask;
+export { Host as H, setPlatformHelpers as a, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s, writeTask as w };