@baloise/ds-core 19.3.0 → 19.4.0

package/dist/esm/index-pkPHUz5e.js

@@ -0,0 +1,2980 @@
+const NAMESPACE = 'baloise-design-system';
+const BUILD = /* baloise-design-system */ { hydratedSelectorName: "hydrated", lazyLoad: true, slotRelocation: true, updatable: true};
+
+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"
+];
+
+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_SESSION_KEY = 'baloise-persist-config';
+const BALOISE_ANIMATION_KEY = 'baloise-animated';
+
+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);
+        };
+    };
+}
+
+// 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 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 defaultIcons = {
+    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);
+            }
+        }
+        if (balBrowser.hasWindow) {
+            saveConfig(window, this._config);
+        }
+    }
+}
+const config = /*@__PURE__*/ new Config();
+const configFromSession = (win) => {
+    try {
+        const configStr = win.sessionStorage.getItem(BALOISE_SESSION_KEY);
+        return configStr !== null ? JSON.parse(configStr) : {};
+    }
+    catch (e) {
+        return {};
+    }
+};
+const configFromLocalStorage = (win) => {
+    try {
+        const animated = JSON.parse(win.localStorage.getItem(BALOISE_ANIMATION_KEY));
+        if (animated !== null) {
+            return {
+                animated,
+            };
+        }
+        return {};
+    }
+    catch (e) {
+        return {};
+    }
+};
+const saveConfig = (win, c) => {
+    try {
+        win.sessionStorage.setItem(BALOISE_SESSION_KEY, JSON.stringify(c));
+    }
+    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(Object.assign({}, configFromSession(win)), configFromLocalStorage(win)), userConfig), { icons: Object.assign(Object.assign({}, configFromSession(win).icons), 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();
+
+// generated by .build/version.js
+const VERSION = '19.4.0';
+
+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 = "";
+
+/*
+ Stencil Client Platform v4.35.1 | MIT Licensed | https://stenciljs.com
+ */
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/utils/constants.ts
+var SVG_NS = "http://www.w3.org/2000/svg";
+var HTML_NS = "http://www.w3.org/1999/xhtml";
+
+// src/client/client-host-ref.ts
+var getHostRef = (ref) => {
+  if (ref.__stencil__getHostRef) {
+    return ref.__stencil__getHostRef();
+  }
+  return void 0;
+};
+var registerInstance = (lazyInstance, hostRef) => {
+  lazyInstance.__stencil__getHostRef = () => hostRef;
+  hostRef.$lazyInstance$ = lazyInstance;
+};
+var registerHost = (hostElement, cmpMeta) => {
+  const hostRef = {
+    $flags$: 0,
+    $hostElement$: hostElement,
+    $cmpMeta$: cmpMeta,
+    $instanceValues$: /* @__PURE__ */ new Map()
+  };
+  {
+    hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
+  }
+  {
+    hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
+    hostElement["s-p"] = [];
+    hostElement["s-rc"] = [];
+  }
+  const ref = hostRef;
+  hostElement.__stencil__getHostRef = () => ref;
+  return ref;
+};
+var isMemberInElement = (elm, memberName) => memberName in elm;
+var consoleError = (e, el) => (0, console.error)(e, el);
+
+// src/client/client-load-module.ts
+var cmpModules = /* @__PURE__ */ new Map();
+var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
+  const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
+  const bundleId = cmpMeta.$lazyBundleId$;
+  if (!bundleId) {
+    return void 0;
+  }
+  const module = cmpModules.get(bundleId) ;
+  if (module) {
+    return module[exportName];
+  }
+  /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
+  return import(
+    /* @vite-ignore */
+    /* webpackInclude: /\.entry\.js$/ */
+    /* webpackExclude: /\.system\.entry\.js$/ */
+    /* webpackMode: "lazy" */
+    `./${bundleId}.entry.js${""}`
+  ).then(
+    (importedModule) => {
+      {
+        cmpModules.set(bundleId, importedModule);
+      }
+      return importedModule[exportName];
+    },
+    (e) => {
+      consoleError(e, hostRef.$hostElement$);
+    }
+  );
+};
+
+// src/client/client-style.ts
+var styles = /* @__PURE__ */ new Map();
+var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
+var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+var XLINK_NS = "http://www.w3.org/1999/xlink";
+var win = typeof window !== "undefined" ? window : {};
+var plt = {
+  $flags$: 0,
+  $resourcesUrl$: "",
+  jmp: (h2) => h2(),
+  raf: (h2) => requestAnimationFrame(h2),
+  ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
+  rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
+  ce: (eventName, opts) => new CustomEvent(eventName, opts)
+};
+var setPlatformHelpers = (helpers) => {
+  Object.assign(plt, helpers);
+};
+var supportsListenerOptions = /* @__PURE__ */ (() => {
+  var _a;
+  let supportsListenerOptions2 = false;
+  try {
+    (_a = win.document) == null ? void 0 : _a.addEventListener(
+      "e",
+      null,
+      Object.defineProperty({}, "passive", {
+        get() {
+          supportsListenerOptions2 = true;
+        }
+      })
+    );
+  } catch (e) {
+  }
+  return supportsListenerOptions2;
+})();
+var promiseResolve = (v) => Promise.resolve(v);
+var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
+  try {
+    new CSSStyleSheet();
+    return typeof new CSSStyleSheet().replaceSync === "function";
+  } catch (e) {
+  }
+  return false;
+})() ;
+var queuePending = false;
+var queueDomReads = [];
+var queueDomWrites = [];
+var queueTask = (queue, write) => (cb) => {
+  queue.push(cb);
+  if (!queuePending) {
+    queuePending = true;
+    if (write && plt.$flags$ & 4 /* queueSync */) {
+      nextTick(flush);
+    } else {
+      plt.raf(flush);
+    }
+  }
+};
+var consume = (queue) => {
+  for (let i2 = 0; i2 < queue.length; i2++) {
+    try {
+      queue[i2](performance.now());
+    } catch (e) {
+      consoleError(e);
+    }
+  }
+  queue.length = 0;
+};
+var flush = () => {
+  consume(queueDomReads);
+  {
+    consume(queueDomWrites);
+    if (queuePending = queueDomReads.length > 0) {
+      plt.raf(flush);
+    }
+  }
+};
+var nextTick = (cb) => promiseResolve().then(cb);
+var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
+
+// src/utils/helpers.ts
+var isDef = (v) => v != null && v !== void 0;
+var isComplexType = (o) => {
+  o = typeof o;
+  return o === "object" || o === "function";
+};
+
+// src/utils/query-nonce-meta-tag-content.ts
+function queryNonceMetaTagContent(doc) {
+  var _a, _b, _c;
+  return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
+}
+
+// src/utils/regular-expression.ts
+var escapeRegExpSpecialCharacters = (text) => {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+
+// src/utils/result.ts
+var result_exports = {};
+__export(result_exports, {
+  err: () => err,
+  map: () => map,
+  ok: () => ok,
+  unwrap: () => unwrap,
+  unwrapErr: () => unwrapErr
+});
+var ok = (value) => ({
+  isOk: true,
+  isErr: false,
+  value
+});
+var err = (value) => ({
+  isOk: false,
+  isErr: true,
+  value
+});
+function map(result, fn) {
+  if (result.isOk) {
+    const val = fn(result.value);
+    if (val instanceof Promise) {
+      return val.then((newVal) => ok(newVal));
+    } else {
+      return ok(val);
+    }
+  }
+  if (result.isErr) {
+    const value = result.value;
+    return err(value);
+  }
+  throw "should never get here";
+}
+var unwrap = (result) => {
+  if (result.isOk) {
+    return result.value;
+  } else {
+    throw result.value;
+  }
+};
+var unwrapErr = (result) => {
+  if (result.isErr) {
+    return result.value;
+  } else {
+    throw result.value;
+  }
+};
+function createShadowRoot(cmpMeta) {
+  const shadowRoot = this.attachShadow({ mode: "open" });
+  if (supportsConstructableStylesheets) {
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(globalStyles);
+    shadowRoot.adoptedStyleSheets.push(sheet);
+  }
+}
+var updateFallbackSlotVisibility = (elm) => {
+  const childNodes = internalCall(elm, "childNodes");
+  if (elm.tagName && elm.tagName.includes("-") && elm["s-cr"] && elm.tagName !== "SLOT-FB") {
+    getHostSlotNodes(childNodes, elm.tagName).forEach((slotNode) => {
+      if (slotNode.nodeType === 1 /* ElementNode */ && slotNode.tagName === "SLOT-FB") {
+        if (getSlotChildSiblings(slotNode, getSlotName(slotNode), false).length) {
+          slotNode.hidden = true;
+        } else {
+          slotNode.hidden = false;
+        }
+      }
+    });
+  }
+  let i2 = 0;
+  for (i2 = 0; i2 < childNodes.length; i2++) {
+    const childNode = childNodes[i2];
+    if (childNode.nodeType === 1 /* ElementNode */ && internalCall(childNode, "childNodes").length) {
+      updateFallbackSlotVisibility(childNode);
+    }
+  }
+};
+var getSlottedChildNodes = (childNodes) => {
+  const result = [];
+  for (let i2 = 0; i2 < childNodes.length; i2++) {
+    const slottedNode = childNodes[i2]["s-nr"] || void 0;
+    if (slottedNode && slottedNode.isConnected) {
+      result.push(slottedNode);
+    }
+  }
+  return result;
+};
+function getHostSlotNodes(childNodes, hostName, slotName) {
+  let i2 = 0;
+  let slottedNodes = [];
+  let childNode;
+  for (; i2 < childNodes.length; i2++) {
+    childNode = childNodes[i2];
+    if (childNode["s-sr"] && (!hostName || childNode["s-hn"] === hostName) && (slotName === void 0)) {
+      slottedNodes.push(childNode);
+    }
+    slottedNodes = [...slottedNodes, ...getHostSlotNodes(childNode.childNodes, hostName, slotName)];
+  }
+  return slottedNodes;
+}
+var getSlotChildSiblings = (slot, slotName, includeSlot = true) => {
+  const childNodes = [];
+  if (includeSlot && slot["s-sr"] || !slot["s-sr"]) childNodes.push(slot);
+  let node = slot;
+  while (node = node.nextSibling) {
+    if (getSlotName(node) === slotName && (includeSlot || !node["s-sr"])) childNodes.push(node);
+  }
+  return childNodes;
+};
+var isNodeLocatedInSlot = (nodeToRelocate, slotName) => {
+  if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
+    if (nodeToRelocate.getAttribute("slot") === null && slotName === "") {
+      return true;
+    }
+    if (nodeToRelocate.getAttribute("slot") === slotName) {
+      return true;
+    }
+    return false;
+  }
+  if (nodeToRelocate["s-sn"] === slotName) {
+    return true;
+  }
+  return slotName === "";
+};
+var getSlotName = (node) => typeof node["s-sn"] === "string" ? node["s-sn"] : node.nodeType === 1 && node.getAttribute("slot") || void 0;
+function patchSlotNode(node) {
+  if (node.assignedElements || node.assignedNodes || !node["s-sr"]) return;
+  const assignedFactory = (elementsOnly) => (function(opts) {
+    const toReturn = [];
+    const slotName = this["s-sn"];
+    if (opts == null ? void 0 : opts.flatten) {
+      console.error(`
+          Flattening is not supported for Stencil non-shadow slots.
+          You can use \`.childNodes\` to nested slot fallback content.
+          If you have a particular use case, please open an issue on the Stencil repo.
+        `);
+    }
+    const parent = this["s-cr"].parentElement;
+    const slottedNodes = parent.__childNodes ? parent.childNodes : getSlottedChildNodes(parent.childNodes);
+    slottedNodes.forEach((n) => {
+      if (slotName === getSlotName(n)) {
+        toReturn.push(n);
+      }
+    });
+    if (elementsOnly) {
+      return toReturn.filter((n) => n.nodeType === 1 /* ElementNode */);
+    }
+    return toReturn;
+  }).bind(node);
+  node.assignedElements = assignedFactory(true);
+  node.assignedNodes = assignedFactory(false);
+}
+function internalCall(node, method) {
+  if ("__" + method in node) {
+    const toReturn = node["__" + method];
+    if (typeof toReturn !== "function") return toReturn;
+    return toReturn.bind(node);
+  } else {
+    if (typeof node[method] !== "function") return node[method];
+    return node[method].bind(node);
+  }
+}
+var createTime = (fnName, tagName = "") => {
+  {
+    return () => {
+      return;
+    };
+  }
+};
+var uniqueTime = (key, measureText) => {
+  {
+    return () => {
+      return;
+    };
+  }
+};
+var h = (nodeName, vnodeData, ...children) => {
+  let child = null;
+  let key = null;
+  let slotName = null;
+  let simple = false;
+  let lastSimple = false;
+  const vNodeChildren = [];
+  const walk = (c) => {
+    for (let i2 = 0; i2 < c.length; i2++) {
+      child = c[i2];
+      if (Array.isArray(child)) {
+        walk(child);
+      } else if (child != null && typeof child !== "boolean") {
+        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
+          child = String(child);
+        }
+        if (simple && lastSimple) {
+          vNodeChildren[vNodeChildren.length - 1].$text$ += child;
+        } else {
+          vNodeChildren.push(simple ? newVNode(null, child) : child);
+        }
+        lastSimple = simple;
+      }
+    }
+  };
+  walk(children);
+  if (vnodeData) {
+    if (vnodeData.key) {
+      key = vnodeData.key;
+    }
+    if (vnodeData.name) {
+      slotName = vnodeData.name;
+    }
+    {
+      const classData = vnodeData.className || vnodeData.class;
+      if (classData) {
+        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
+      }
+    }
+  }
+  if (typeof nodeName === "function") {
+    return nodeName(
+      vnodeData === null ? {} : vnodeData,
+      vNodeChildren,
+      vdomFnUtils
+    );
+  }
+  const vnode = newVNode(nodeName, null);
+  vnode.$attrs$ = vnodeData;
+  if (vNodeChildren.length > 0) {
+    vnode.$children$ = vNodeChildren;
+  }
+  {
+    vnode.$key$ = key;
+  }
+  {
+    vnode.$name$ = slotName;
+  }
+  return vnode;
+};
+var newVNode = (tag, text) => {
+  const vnode = {
+    $flags$: 0,
+    $tag$: tag,
+    $text$: text,
+    $elm$: null,
+    $children$: null
+  };
+  {
+    vnode.$attrs$ = null;
+  }
+  {
+    vnode.$key$ = null;
+  }
+  {
+    vnode.$name$ = null;
+  }
+  return vnode;
+};
+var Host = {};
+var isHost = (node) => node && node.$tag$ === Host;
+var vdomFnUtils = {
+  forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
+  map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
+};
+var convertToPublic = (node) => ({
+  vattrs: node.$attrs$,
+  vchildren: node.$children$,
+  vkey: node.$key$,
+  vname: node.$name$,
+  vtag: node.$tag$,
+  vtext: node.$text$
+});
+var convertToPrivate = (node) => {
+  if (typeof node.vtag === "function") {
+    const vnodeData = { ...node.vattrs };
+    if (node.vkey) {
+      vnodeData.key = node.vkey;
+    }
+    if (node.vname) {
+      vnodeData.name = node.vname;
+    }
+    return h(node.vtag, vnodeData, ...node.vchildren || []);
+  }
+  const vnode = newVNode(node.vtag, node.vtext);
+  vnode.$attrs$ = node.vattrs;
+  vnode.$children$ = node.vchildren;
+  vnode.$key$ = node.vkey;
+  vnode.$name$ = node.vname;
+  return vnode;
+};
+var createSupportsRuleRe = (selector) => {
+  const safeSelector2 = escapeRegExpSpecialCharacters(selector);
+  return new RegExp(
+    // First capture group: match any context before the selector that's not inside @supports selector()
+    // Using negative lookahead to avoid matching inside @supports selector(...) condition
+    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
+    "g"
+  );
+};
+createSupportsRuleRe("::slotted");
+createSupportsRuleRe(":host");
+createSupportsRuleRe(":host-context");
+var parsePropertyValue = (propValue, propType, isFormAssociated) => {
+  if (propValue != null && !isComplexType(propValue)) {
+    if (propType & 4 /* Boolean */) {
+      {
+        return propValue === "false" ? false : propValue === "" || !!propValue;
+      }
+    }
+    if (propType & 2 /* Number */) {
+      return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
+    }
+    if (propType & 1 /* String */) {
+      return String(propValue);
+    }
+    return propValue;
+  }
+  return propValue;
+};
+var getElement = (ref) => getHostRef(ref).$hostElement$ ;
+
+// src/runtime/event-emitter.ts
+var createEvent = (ref, name, flags) => {
+  const elm = getElement(ref);
+  return {
+    emit: (detail) => {
+      return emitEvent(elm, name, {
+        bubbles: true,
+        composed: true,
+        cancelable: true,
+        detail
+      });
+    }
+  };
+};
+var emitEvent = (elm, name, opts) => {
+  const ev = plt.ce(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;
+  }
+  let isProp = isMemberInElement(elm, memberName);
+  let ln = memberName.toLowerCase();
+  if (memberName === "class") {
+    const classList = elm.classList;
+    const oldClasses = parseClassList(oldValue);
+    let newClasses = parseClassList(newValue);
+    {
+      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+      classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+    }
+  } else if (memberName === "style") {
+    {
+      for (const prop in oldValue) {
+        if (!newValue || newValue[prop] == null) {
+          if (prop.includes("-")) {
+            elm.style.removeProperty(prop);
+          } else {
+            elm.style[prop] = "";
+          }
+        }
+      }
+    }
+    for (const prop in newValue) {
+      if (!oldValue || newValue[prop] !== oldValue[prop]) {
+        if (prop.includes("-")) {
+          elm.style.setProperty(prop, newValue[prop]);
+        } else {
+          elm.style[prop] = newValue[prop];
+        }
+      }
+    }
+  } else if (memberName === "key") ; else if (memberName === "ref") {
+    if (newValue) {
+      newValue(elm);
+    }
+  } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
+    if (memberName[2] === "-") {
+      memberName = memberName.slice(3);
+    } else if (isMemberInElement(win, ln)) {
+      memberName = ln.slice(2);
+    } else {
+      memberName = ln[2] + memberName.slice(3);
+    }
+    if (oldValue || newValue) {
+      const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+      memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
+      if (oldValue) {
+        plt.rel(elm, memberName, oldValue, capture);
+      }
+      if (newValue) {
+        plt.ael(elm, memberName, newValue, capture);
+      }
+    }
+  } else {
+    const isComplex = isComplexType(newValue);
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+      try {
+        if (!elm.tagName.includes("-")) {
+          const n = newValue == null ? "" : newValue;
+          if (memberName === "list") {
+            isProp = false;
+          } else if (oldValue == null || elm[memberName] != n) {
+            if (typeof elm.__lookupSetter__(memberName) === "function") {
+              elm[memberName] = n;
+            } else {
+              elm.setAttribute(memberName, n);
+            }
+          }
+        } else if (elm[memberName] !== newValue) {
+          elm[memberName] = newValue;
+        }
+      } catch (e) {
+      }
+    }
+    let xlink = false;
+    {
+      if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
+        memberName = ln;
+        xlink = true;
+      }
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(memberName) === "") {
+        if (xlink) {
+          elm.removeAttributeNS(XLINK_NS, memberName);
+        } else {
+          elm.removeAttribute(memberName);
+        }
+      }
+    } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
+      newValue = newValue === true ? "" : newValue;
+      if (xlink) {
+        elm.setAttributeNS(XLINK_NS, memberName, newValue);
+      } else {
+        elm.setAttribute(memberName, newValue);
+      }
+    }
+  }
+};
+var parseClassListRegex = /\s/;
+var parseClassList = (value) => {
+  if (typeof value === "object" && value && "baseVal" in value) {
+    value = value.baseVal;
+  }
+  if (!value || typeof value !== "string") {
+    return [];
+  }
+  return value.split(parseClassListRegex);
+};
+var CAPTURE_EVENT_SUFFIX = "Capture";
+var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+
+// src/runtime/vdom/update-element.ts
+var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
+  const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
+  const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
+  const newVnodeAttrs = newVnode.$attrs$ || {};
+  {
+    for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
+      if (!(memberName in newVnodeAttrs)) {
+        setAccessor(
+          elm,
+          memberName,
+          oldVnodeAttrs[memberName],
+          void 0,
+          isSvgMode2,
+          newVnode.$flags$);
+      }
+    }
+  }
+  for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
+    setAccessor(
+      elm,
+      memberName,
+      oldVnodeAttrs[memberName],
+      newVnodeAttrs[memberName],
+      isSvgMode2,
+      newVnode.$flags$);
+  }
+};
+function sortedAttrNames(attrNames) {
+  return attrNames.includes("ref") ? (
+    // we need to sort these to ensure that `'ref'` is the last attr
+    [...attrNames.filter((attr) => attr !== "ref"), "ref"]
+  ) : (
+    // no need to sort, return the original array
+    attrNames
+  );
+}
+
+// src/runtime/vdom/vdom-render.ts
+var scopeId;
+var contentRef;
+var hostTagName;
+var useNativeShadowDom = false;
+var checkSlotFallbackVisibility = false;
+var checkSlotRelocate = false;
+var isSvgMode = false;
+var createElm = (oldParentVNode, newParentVNode, childIndex) => {
+  var _a;
+  const newVNode2 = newParentVNode.$children$[childIndex];
+  let i2 = 0;
+  let elm;
+  let childNode;
+  let oldVNode;
+  if (!useNativeShadowDom) {
+    checkSlotRelocate = true;
+    if (newVNode2.$tag$ === "slot") {
+      newVNode2.$flags$ |= newVNode2.$children$ ? (
+        // slot element has fallback content
+        // still create an element that "mocks" the slot element
+        2 /* isSlotFallback */
+      ) : (
+        // slot element does not have fallback content
+        // create an html comment we'll use to always reference
+        // where actual slot content should sit next to
+        1 /* isSlotReference */
+      );
+    }
+  }
+  if (newVNode2.$text$ !== null) {
+    elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
+  } else if (newVNode2.$flags$ & 1 /* isSlotReference */) {
+    elm = newVNode2.$elm$ = win.document.createTextNode("");
+    {
+      updateElement(null, newVNode2, isSvgMode);
+    }
+  } else {
+    if (!isSvgMode) {
+      isSvgMode = newVNode2.$tag$ === "svg";
+    }
+    if (!win.document) {
+      throw new Error(
+        "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
+      );
+    }
+    elm = newVNode2.$elm$ = win.document.createElementNS(
+      isSvgMode ? SVG_NS : HTML_NS,
+      !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
+    ) ;
+    if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
+      isSvgMode = false;
+    }
+    {
+      updateElement(null, newVNode2, isSvgMode);
+    }
+    if (isDef(scopeId) && elm["s-si"] !== scopeId) {
+      elm.classList.add(elm["s-si"] = scopeId);
+    }
+    if (newVNode2.$children$) {
+      for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
+        childNode = createElm(oldParentVNode, newVNode2, i2);
+        if (childNode) {
+          elm.appendChild(childNode);
+        }
+      }
+    }
+    {
+      if (newVNode2.$tag$ === "svg") {
+        isSvgMode = false;
+      } else if (elm.tagName === "foreignObject") {
+        isSvgMode = true;
+      }
+    }
+  }
+  elm["s-hn"] = hostTagName;
+  {
+    if (newVNode2.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
+      elm["s-sr"] = true;
+      elm["s-cr"] = contentRef;
+      elm["s-sn"] = newVNode2.$name$ || "";
+      elm["s-rf"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;
+      patchSlotNode(elm);
+      oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
+      if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
+        {
+          putBackInOriginalLocation(oldParentVNode.$elm$, false);
+        }
+      }
+      {
+        addRemoveSlotScopedClass(contentRef, elm, newParentVNode.$elm$, oldParentVNode == null ? void 0 : oldParentVNode.$elm$);
+      }
+    }
+  }
+  return elm;
+};
+var putBackInOriginalLocation = (parentElm, recursive) => {
+  plt.$flags$ |= 1 /* isTmpDisconnected */;
+  const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
+  for (let i2 = oldSlotChildNodes.length - 1; i2 >= 0; i2--) {
+    const childNode = oldSlotChildNodes[i2];
+    if (childNode["s-hn"] !== hostTagName && childNode["s-ol"]) {
+      insertBefore(referenceNode(childNode).parentNode, childNode, referenceNode(childNode));
+      childNode["s-ol"].remove();
+      childNode["s-ol"] = void 0;
+      childNode["s-sh"] = void 0;
+      checkSlotRelocate = true;
+    }
+    if (recursive) {
+      putBackInOriginalLocation(childNode, recursive);
+    }
+  }
+  plt.$flags$ &= -2 /* isTmpDisconnected */;
+};
+var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
+  let containerElm = parentElm["s-cr"] && parentElm["s-cr"].parentNode || parentElm;
+  let childNode;
+  if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
+    containerElm = containerElm.shadowRoot;
+  }
+  for (; startIdx <= endIdx; ++startIdx) {
+    if (vnodes[startIdx]) {
+      childNode = createElm(null, parentVNode, startIdx);
+      if (childNode) {
+        vnodes[startIdx].$elm$ = childNode;
+        insertBefore(containerElm, childNode, referenceNode(before) );
+      }
+    }
+  }
+};
+var removeVnodes = (vnodes, startIdx, endIdx) => {
+  for (let index = startIdx; index <= endIdx; ++index) {
+    const vnode = vnodes[index];
+    if (vnode) {
+      const elm = vnode.$elm$;
+      nullifyVNodeRefs(vnode);
+      if (elm) {
+        {
+          checkSlotFallbackVisibility = true;
+          if (elm["s-ol"]) {
+            elm["s-ol"].remove();
+          } else {
+            putBackInOriginalLocation(elm, true);
+          }
+        }
+        elm.remove();
+      }
+    }
+  }
+};
+var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {
+  let oldStartIdx = 0;
+  let newStartIdx = 0;
+  let idxInOld = 0;
+  let i2 = 0;
+  let oldEndIdx = oldCh.length - 1;
+  let oldStartVnode = oldCh[0];
+  let oldEndVnode = oldCh[oldEndIdx];
+  let newEndIdx = newCh.length - 1;
+  let newStartVnode = newCh[0];
+  let newEndVnode = newCh[newEndIdx];
+  let node;
+  let elmToMove;
+  while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+    if (oldStartVnode == null) {
+      oldStartVnode = oldCh[++oldStartIdx];
+    } else if (oldEndVnode == null) {
+      oldEndVnode = oldCh[--oldEndIdx];
+    } else if (newStartVnode == null) {
+      newStartVnode = newCh[++newStartIdx];
+    } else if (newEndVnode == null) {
+      newEndVnode = newCh[--newEndIdx];
+    } else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {
+      patch(oldStartVnode, newStartVnode, isInitialRender);
+      oldStartVnode = oldCh[++oldStartIdx];
+      newStartVnode = newCh[++newStartIdx];
+    } else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
+      patch(oldEndVnode, newEndVnode, isInitialRender);
+      oldEndVnode = oldCh[--oldEndIdx];
+      newEndVnode = newCh[--newEndIdx];
+    } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
+      if ((oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
+        putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
+      }
+      patch(oldStartVnode, newEndVnode, isInitialRender);
+      insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+      oldStartVnode = oldCh[++oldStartIdx];
+      newEndVnode = newCh[--newEndIdx];
+    } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
+      if ((oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
+        putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
+      }
+      patch(oldEndVnode, newStartVnode, isInitialRender);
+      insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
+      oldEndVnode = oldCh[--oldEndIdx];
+      newStartVnode = newCh[++newStartIdx];
+    } else {
+      idxInOld = -1;
+      {
+        for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {
+          if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
+            idxInOld = i2;
+            break;
+          }
+        }
+      }
+      if (idxInOld >= 0) {
+        elmToMove = oldCh[idxInOld];
+        if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+        } else {
+          patch(elmToMove, newStartVnode, isInitialRender);
+          oldCh[idxInOld] = void 0;
+          node = elmToMove.$elm$;
+        }
+        newStartVnode = newCh[++newStartIdx];
+      } else {
+        node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
+        newStartVnode = newCh[++newStartIdx];
+      }
+      if (node) {
+        {
+          insertBefore(
+            referenceNode(oldStartVnode.$elm$).parentNode,
+            node,
+            referenceNode(oldStartVnode.$elm$)
+          );
+        }
+      }
+    }
+  }
+  if (oldStartIdx > oldEndIdx) {
+    addVnodes(
+      parentElm,
+      newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$,
+      newVNode2,
+      newCh,
+      newStartIdx,
+      newEndIdx
+    );
+  } else if (newStartIdx > newEndIdx) {
+    removeVnodes(oldCh, oldStartIdx, oldEndIdx);
+  }
+};
+var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
+  if (leftVNode.$tag$ === rightVNode.$tag$) {
+    if (leftVNode.$tag$ === "slot") {
+      return leftVNode.$name$ === rightVNode.$name$;
+    }
+    if (!isInitialRender) {
+      return leftVNode.$key$ === rightVNode.$key$;
+    }
+    if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
+      leftVNode.$key$ = rightVNode.$key$;
+    }
+    return true;
+  }
+  return false;
+};
+var referenceNode = (node) => node && node["s-ol"] || node;
+var patch = (oldVNode, newVNode2, isInitialRender = false) => {
+  const elm = newVNode2.$elm$ = oldVNode.$elm$;
+  const oldChildren = oldVNode.$children$;
+  const newChildren = newVNode2.$children$;
+  const tag = newVNode2.$tag$;
+  const text = newVNode2.$text$;
+  let defaultHolder;
+  if (text === null) {
+    {
+      isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
+    }
+    {
+      updateElement(oldVNode, newVNode2, isSvgMode);
+    }
+    if (oldChildren !== null && newChildren !== null) {
+      updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
+    } else if (newChildren !== null) {
+      if (oldVNode.$text$ !== null) {
+        elm.textContent = "";
+      }
+      addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
+    } else if (
+      // don't do this on initial render as it can cause non-hydrated content to be removed
+      !isInitialRender && BUILD.updatable && oldChildren !== null
+    ) {
+      removeVnodes(oldChildren, 0, oldChildren.length - 1);
+    }
+    if (isSvgMode && tag === "svg") {
+      isSvgMode = false;
+    }
+  } else if ((defaultHolder = elm["s-cr"])) {
+    defaultHolder.parentNode.textContent = text;
+  } else if (oldVNode.$text$ !== text) {
+    elm.data = text;
+  }
+};
+var relocateNodes = [];
+var markSlotContentForRelocation = (elm) => {
+  let node;
+  let hostContentNodes;
+  let j;
+  const children = elm.__childNodes || elm.childNodes;
+  for (const childNode of children) {
+    if (childNode["s-sr"] && (node = childNode["s-cr"]) && node.parentNode) {
+      hostContentNodes = node.parentNode.__childNodes || node.parentNode.childNodes;
+      const slotName = childNode["s-sn"];
+      for (j = hostContentNodes.length - 1; j >= 0; j--) {
+        node = hostContentNodes[j];
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (true)) {
+          if (isNodeLocatedInSlot(node, slotName)) {
+            let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
+            checkSlotFallbackVisibility = true;
+            node["s-sn"] = node["s-sn"] || slotName;
+            if (relocateNodeData) {
+              relocateNodeData.$nodeToRelocate$["s-sh"] = childNode["s-hn"];
+              relocateNodeData.$slotRefNode$ = childNode;
+            } else {
+              node["s-sh"] = childNode["s-hn"];
+              relocateNodes.push({
+                $slotRefNode$: childNode,
+                $nodeToRelocate$: node
+              });
+            }
+            if (node["s-sr"]) {
+              relocateNodes.map((relocateNode) => {
+                if (isNodeLocatedInSlot(relocateNode.$nodeToRelocate$, node["s-sn"])) {
+                  relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
+                  if (relocateNodeData && !relocateNode.$slotRefNode$) {
+                    relocateNode.$slotRefNode$ = relocateNodeData.$slotRefNode$;
+                  }
+                }
+              });
+            }
+          } else if (!relocateNodes.some((r) => r.$nodeToRelocate$ === node)) {
+            relocateNodes.push({
+              $nodeToRelocate$: node
+            });
+          }
+        }
+      }
+    }
+    if (childNode.nodeType === 1 /* ElementNode */) {
+      markSlotContentForRelocation(childNode);
+    }
+  }
+};
+var nullifyVNodeRefs = (vNode) => {
+  {
+    vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
+    vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
+  }
+};
+var insertBefore = (parent, newNode, reference) => {
+  if (typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
+    addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
+  }
+  {
+    return parent == null ? void 0 : parent.insertBefore(newNode, reference);
+  }
+};
+function addRemoveSlotScopedClass(reference, slotNode, newParent, oldParent) {
+  var _a, _b;
+  let scopeId2;
+  if (reference && typeof slotNode["s-sn"] === "string" && !!slotNode["s-sr"] && reference.parentNode && reference.parentNode["s-sc"] && (scopeId2 = slotNode["s-si"] || reference.parentNode["s-sc"])) {
+    const scopeName = slotNode["s-sn"];
+    const hostName = slotNode["s-hn"];
+    (_a = newParent.classList) == null ? void 0 : _a.add(scopeId2 + "-s");
+    if (oldParent && ((_b = oldParent.classList) == null ? void 0 : _b.contains(scopeId2 + "-s"))) {
+      let child = (oldParent.__childNodes || oldParent.childNodes)[0];
+      let found = false;
+      while (child) {
+        if (child["s-sn"] !== scopeName && child["s-hn"] === hostName && !!child["s-sr"]) {
+          found = true;
+          break;
+        }
+        child = child.nextSibling;
+      }
+      if (!found) oldParent.classList.remove(scopeId2 + "-s");
+    }
+  }
+}
+var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
+  var _a, _b, _c, _d;
+  const hostElm = hostRef.$hostElement$;
+  const cmpMeta = hostRef.$cmpMeta$;
+  const oldVNode = hostRef.$vnode$ || newVNode(null, null);
+  const isHostElement = isHost(renderFnResults);
+  const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
+  hostTagName = hostElm.tagName;
+  if (cmpMeta.$attrsToReflect$) {
+    rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+    cmpMeta.$attrsToReflect$.map(
+      ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
+    );
+  }
+  if (isInitialLoad && rootVnode.$attrs$) {
+    for (const key of Object.keys(rootVnode.$attrs$)) {
+      if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
+        rootVnode.$attrs$[key] = hostElm[key];
+      }
+    }
+  }
+  rootVnode.$tag$ = null;
+  rootVnode.$flags$ |= 4 /* isHost */;
+  hostRef.$vnode$ = rootVnode;
+  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
+  {
+    scopeId = hostElm["s-sc"];
+  }
+  useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
+  {
+    contentRef = hostElm["s-cr"];
+    checkSlotFallbackVisibility = false;
+  }
+  patch(oldVNode, rootVnode, isInitialLoad);
+  {
+    plt.$flags$ |= 1 /* isTmpDisconnected */;
+    if (checkSlotRelocate) {
+      markSlotContentForRelocation(rootVnode.$elm$);
+      for (const relocateData of relocateNodes) {
+        const nodeToRelocate = relocateData.$nodeToRelocate$;
+        if (!nodeToRelocate["s-ol"] && win.document) {
+          const orgLocationNode = win.document.createTextNode("");
+          orgLocationNode["s-nr"] = nodeToRelocate;
+          insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
+        }
+      }
+      for (const relocateData of relocateNodes) {
+        const nodeToRelocate = relocateData.$nodeToRelocate$;
+        const slotRefNode = relocateData.$slotRefNode$;
+        if (slotRefNode) {
+          const parentNodeRef = slotRefNode.parentNode;
+          let insertBeforeNode = slotRefNode.nextSibling;
+          {
+            let orgLocationNode = (_a = nodeToRelocate["s-ol"]) == null ? void 0 : _a.previousSibling;
+            while (orgLocationNode) {
+              let refNode = (_b = orgLocationNode["s-nr"]) != null ? _b : null;
+              if (refNode && refNode["s-sn"] === nodeToRelocate["s-sn"] && parentNodeRef === (refNode.__parentNode || refNode.parentNode)) {
+                refNode = refNode.nextSibling;
+                while (refNode === nodeToRelocate || (refNode == null ? void 0 : refNode["s-sr"])) {
+                  refNode = refNode == null ? void 0 : refNode.nextSibling;
+                }
+                if (!refNode || !refNode["s-nr"]) {
+                  insertBeforeNode = refNode;
+                  break;
+                }
+              }
+              orgLocationNode = orgLocationNode.previousSibling;
+            }
+          }
+          const parent = nodeToRelocate.__parentNode || nodeToRelocate.parentNode;
+          const nextSibling = nodeToRelocate.__nextSibling || nodeToRelocate.nextSibling;
+          if (!insertBeforeNode && parentNodeRef !== parent || nextSibling !== insertBeforeNode) {
+            if (nodeToRelocate !== insertBeforeNode) {
+              if (!nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
+                nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
+              }
+              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
+              if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
+                nodeToRelocate.hidden = (_c = nodeToRelocate["s-ih"]) != null ? _c : false;
+              }
+            }
+          }
+          nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](slotRefNode);
+        } else {
+          if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
+            if (isInitialLoad) {
+              nodeToRelocate["s-ih"] = (_d = nodeToRelocate.hidden) != null ? _d : false;
+            }
+            nodeToRelocate.hidden = true;
+          }
+        }
+      }
+    }
+    if (checkSlotFallbackVisibility) {
+      updateFallbackSlotVisibility(rootVnode.$elm$);
+    }
+    plt.$flags$ &= -2 /* isTmpDisconnected */;
+    relocateNodes.length = 0;
+  }
+  contentRef = void 0;
+};
+
+// src/runtime/update-component.ts
+var attachToAncestor = (hostRef, ancestorComponent) => {
+  if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
+    const index = ancestorComponent["s-p"].push(
+      new Promise(
+        (r) => hostRef.$onRenderResolve$ = () => {
+          ancestorComponent["s-p"].splice(index - 1, 1);
+          r();
+        }
+      )
+    );
+  }
+};
+var scheduleUpdate = (hostRef, isInitialLoad) => {
+  {
+    hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
+  }
+  if (hostRef.$flags$ & 4 /* isWaitingForChildren */) {
+    hostRef.$flags$ |= 512 /* needsRerender */;
+    return;
+  }
+  attachToAncestor(hostRef, hostRef.$ancestorComponent$);
+  const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
+  return writeTask(dispatch) ;
+};
+var dispatchHooks = (hostRef, isInitialLoad) => {
+  const elm = hostRef.$hostElement$;
+  const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
+  const instance = hostRef.$lazyInstance$ ;
+  if (!instance) {
+    throw new Error(
+      `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
+    );
+  }
+  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;
+      }
+    }
+    maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
+  } else {
+    maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
+  }
+  maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
+  endSchedule();
+  return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
+};
+var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
+  console.error(err2);
+  fn();
+}) : fn();
+var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
+var updateComponent = async (hostRef, instance, isInitialLoad) => {
+  var _a;
+  const elm = hostRef.$hostElement$;
+  const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
+  const rc = elm["s-rc"];
+  if (isInitialLoad) {
+    attachStyles(hostRef);
+  }
+  const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
+  {
+    callRender(hostRef, instance, elm, isInitialLoad);
+  }
+  if (rc) {
+    rc.map((cb) => cb());
+    elm["s-rc"] = void 0;
+  }
+  endRender();
+  endUpdate();
+  {
+    const childrenPromises = (_a = elm["s-p"]) != null ? _a : [];
+    const postUpdate = () => postUpdateComponent(hostRef);
+    if (childrenPromises.length === 0) {
+      postUpdate();
+    } else {
+      Promise.all(childrenPromises).then(postUpdate);
+      hostRef.$flags$ |= 4 /* isWaitingForChildren */;
+      childrenPromises.length = 0;
+    }
+  }
+};
+var callRender = (hostRef, instance, elm, isInitialLoad) => {
+  try {
+    instance = instance.render() ;
+    {
+      hostRef.$flags$ &= -17 /* isQueuedForUpdate */;
+    }
+    {
+      hostRef.$flags$ |= 2 /* hasRendered */;
+    }
+    {
+      {
+        {
+          renderVdom(hostRef, instance, isInitialLoad);
+        }
+      }
+    }
+  } catch (e) {
+    consoleError(e, hostRef.$hostElement$);
+  }
+  return null;
+};
+var postUpdateComponent = (hostRef) => {
+  const tagName = hostRef.$cmpMeta$.$tagName$;
+  const elm = hostRef.$hostElement$;
+  const endPostUpdate = createTime("postUpdate", tagName);
+  const instance = hostRef.$lazyInstance$ ;
+  const ancestorComponent = hostRef.$ancestorComponent$;
+  safeCall(instance, "componentDidRender", void 0, elm);
+  if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
+    hostRef.$flags$ |= 64 /* hasLoadedComponent */;
+    {
+      addHydratedFlag(elm);
+    }
+    safeCall(instance, "componentDidLoad", void 0, elm);
+    endPostUpdate();
+    {
+      hostRef.$onReadyResolve$(elm);
+      if (!ancestorComponent) {
+        appDidLoad();
+      }
+    }
+  } else {
+    safeCall(instance, "componentDidUpdate", void 0, elm);
+    endPostUpdate();
+  }
+  {
+    hostRef.$onInstanceResolve$(elm);
+  }
+  {
+    if (hostRef.$onRenderResolve$) {
+      hostRef.$onRenderResolve$();
+      hostRef.$onRenderResolve$ = void 0;
+    }
+    if (hostRef.$flags$ & 512 /* needsRerender */) {
+      nextTick(() => scheduleUpdate(hostRef, false));
+    }
+    hostRef.$flags$ &= -517;
+  }
+};
+var appDidLoad = (who) => {
+  nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
+};
+var safeCall = (instance, method, arg, elm) => {
+  if (instance && instance[method]) {
+    try {
+      return instance[method](arg);
+    } catch (e) {
+      consoleError(e, elm);
+    }
+  }
+  return void 0;
+};
+var addHydratedFlag = (elm) => {
+  var _a;
+  return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
+};
+
+// src/runtime/set-value.ts
+var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
+var setValue = (ref, propName, newVal, cmpMeta) => {
+  const hostRef = getHostRef(ref);
+  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).`
+    );
+  }
+  const elm = hostRef.$hostElement$ ;
+  const oldVal = hostRef.$instanceValues$.get(propName);
+  const flags = hostRef.$flags$;
+  const instance = hostRef.$lazyInstance$ ;
+  newVal = parsePropertyValue(
+    newVal,
+    cmpMeta.$members$[propName][0]);
+  const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
+  const didValueChange = newVal !== oldVal && !areBothNaN;
+  if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
+    hostRef.$instanceValues$.set(propName, newVal);
+    if (instance) {
+      if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+        const watchMethods = cmpMeta.$watchers$[propName];
+        if (watchMethods) {
+          watchMethods.map((watchMethodName) => {
+            try {
+              instance[watchMethodName](newVal, oldVal, propName);
+            } catch (e) {
+              consoleError(e, elm);
+            }
+          });
+        }
+      }
+      if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+        if (instance.componentShouldUpdate) {
+          if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+            return;
+          }
+        }
+        scheduleUpdate(hostRef, false);
+      }
+    }
+  }
+};
+
+// src/runtime/proxy-component.ts
+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;
+    }
+    const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+    members.map(([memberName, [memberFlags]]) => {
+      if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
+        const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
+        if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
+        if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
+        if (flags & 1 /* isElementConstructor */ || !origGetter) {
+          Object.defineProperty(prototype, memberName, {
+            get() {
+              {
+                if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
+                  return getValue(this, memberName);
+                }
+                const ref = getHostRef(this);
+                const instance = ref ? ref.$lazyInstance$ : prototype;
+                if (!instance) return;
+                return instance[memberName];
+              }
+            },
+            configurable: true,
+            enumerable: true
+          });
+        }
+        Object.defineProperty(prototype, memberName, {
+          set(newValue) {
+            const ref = getHostRef(this);
+            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(
+                  newValue,
+                  memberFlags)
+              ]);
+              newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
+              setValue(this, memberName, newValue, cmpMeta);
+              return;
+            }
+            {
+              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(() => {
+                    if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
+                      ref.$lazyInstance$[memberName] = newValue;
+                    }
+                  });
+                }
+                return;
+              }
+              const setterSetVal = () => {
+                const currentValue = ref.$lazyInstance$[memberName];
+                if (!ref.$instanceValues$.get(memberName) && currentValue) {
+                  ref.$instanceValues$.set(memberName, currentValue);
+                }
+                ref.$lazyInstance$[memberName] = parsePropertyValue(
+                  newValue,
+                  memberFlags);
+                setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
+              };
+              if (ref.$lazyInstance$) {
+                setterSetVal();
+              } else {
+                ref.$onReadyPromise$.then(() => setterSetVal());
+              }
+            }
+          }
+        });
+      } else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
+        Object.defineProperty(prototype, memberName, {
+          value(...args) {
+            var _a2;
+            const ref = getHostRef(this);
+            return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
+              var _a3;
+              return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
+            });
+          }
+        });
+      }
+    });
+    if ((flags & 1 /* isElementConstructor */)) {
+      const attrNameToPropName = /* @__PURE__ */ new Map();
+      prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {
+        plt.jmp(() => {
+          var _a2;
+          const propName = attrNameToPropName.get(attrName);
+          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
+          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) {
+              const instance = hostRef.$lazyInstance$ ;
+              const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
+              entry == null ? void 0 : entry.forEach((callbackName) => {
+                if (instance[callbackName] != null) {
+                  instance[callbackName].call(instance, newValue, oldValue, attrName);
+                }
+              });
+            }
+            return;
+          }
+          const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
+          newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
+          if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
+            this[propName] = newValue;
+          }
+        });
+      };
+      Cstr.observedAttributes = Array.from(
+        /* @__PURE__ */ new Set([
+          ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
+          ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
+            var _a2;
+            const attrName = m[1] || propName;
+            attrNameToPropName.set(attrName, propName);
+            if (m[0] & 512 /* ReflectAttr */) {
+              (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
+            }
+            return attrName;
+          })
+        ])
+      );
+    }
+  }
+  return Cstr;
+};
+
+// src/runtime/initialize-component.ts
+var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
+  let Cstr;
+  if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+    hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+    const bundleId = cmpMeta.$lazyBundleId$;
+    if (bundleId) {
+      const CstrImport = loadModule(cmpMeta, hostRef);
+      if (CstrImport && "then" in CstrImport) {
+        const endLoad = uniqueTime();
+        Cstr = await CstrImport;
+        endLoad();
+      } else {
+        Cstr = CstrImport;
+      }
+      if (!Cstr) {
+        throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
+      }
+      if (!Cstr.isProxied) {
+        {
+          cmpMeta.$watchers$ = Cstr.watchers;
+        }
+        proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
+        Cstr.isProxied = true;
+      }
+      const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
+      {
+        hostRef.$flags$ |= 8 /* isConstructingInstance */;
+      }
+      try {
+        new Cstr(hostRef);
+      } catch (e) {
+        consoleError(e, elm);
+      }
+      {
+        hostRef.$flags$ &= -9 /* isConstructingInstance */;
+      }
+      {
+        hostRef.$flags$ |= 128 /* isWatchReady */;
+      }
+      endNewInstance();
+      fireConnectedCallback(hostRef.$lazyInstance$, elm);
+    } else {
+      Cstr = elm.constructor;
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+    }
+    if (Cstr && Cstr.style) {
+      let style;
+      if (typeof Cstr.style === "string") {
+        style = Cstr.style;
+      }
+      const scopeId2 = getScopeId(cmpMeta);
+      if (!styles.has(scopeId2)) {
+        const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+        registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+        endRegisterStyles();
+      }
+    }
+  }
+  const ancestorComponent = hostRef.$ancestorComponent$;
+  const schedule = () => scheduleUpdate(hostRef, true);
+  if (ancestorComponent && ancestorComponent["s-rc"]) {
+    ancestorComponent["s-rc"].push(schedule);
+  } else {
+    schedule();
+  }
+};
+var fireConnectedCallback = (instance, elm) => {
+  {
+    safeCall(instance, "connectedCallback", void 0, elm);
+  }
+};
+
+// src/runtime/connected-callback.ts
+var connectedCallback = (elm) => {
+  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+    const hostRef = getHostRef(elm);
+    const cmpMeta = hostRef.$cmpMeta$;
+    const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
+    if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
+      hostRef.$flags$ |= 1 /* hasConnected */;
+      {
+        if (// TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+        cmpMeta.$flags$ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */)) {
+          setContentReference(elm);
+        }
+      }
+      {
+        let ancestorComponent = elm;
+        while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
+          if (ancestorComponent["s-p"]) {
+            attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
+            break;
+          }
+        }
+      }
+      if (cmpMeta.$members$) {
+        Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
+          if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
+            const value = elm[memberName];
+            delete elm[memberName];
+            elm[memberName] = value;
+          }
+        });
+      }
+      {
+        nextTick(() => initializeComponent(elm, hostRef, cmpMeta));
+      }
+    } else {
+      addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
+      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
+      }
+    }
+    endConnected();
+  }
+};
+var setContentReference = (elm) => {
+  if (!win.document) {
+    return;
+  }
+  const contentRefElm = elm["s-cr"] = win.document.createComment(
+    ""
+  );
+  contentRefElm["s-cn"] = true;
+  insertBefore(elm, contentRefElm, elm.firstChild);
+};
+var disconnectInstance = (instance, elm) => {
+  {
+    safeCall(instance, "disconnectedCallback", void 0, elm || instance);
+  }
+};
+var disconnectedCallback = async (elm) => {
+  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+    const hostRef = getHostRef(elm);
+    {
+      if (hostRef.$rmListeners$) {
+        hostRef.$rmListeners$.map((rmListener) => rmListener());
+        hostRef.$rmListeners$ = void 0;
+      }
+    }
+    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+      disconnectInstance(hostRef.$lazyInstance$, elm);
+    } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
+    }
+  }
+  if (rootAppliedStyles.has(elm)) {
+    rootAppliedStyles.delete(elm);
+  }
+  if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
+    rootAppliedStyles.delete(elm.shadowRoot);
+  }
+};
+
+// src/runtime/bootstrap-lazy.ts
+var bootstrapLazy = (lazyBundles, options = {}) => {
+  var _a;
+  if (!win.document) {
+    console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");
+    return;
+  }
+  const endBootstrap = createTime();
+  const cmpTags = [];
+  const exclude = options.exclude || [];
+  const customElements2 = win.customElements;
+  const head = win.document.head;
+  const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
+  const dataStyles = /* @__PURE__ */ win.document.createElement("style");
+  const deferredConnectedCallbacks = [];
+  let appLoadFallback;
+  let isBootstrapping = true;
+  Object.assign(plt, options);
+  plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
+  let hasSlotRelocation = false;
+  lazyBundles.map((lazyBundle) => {
+    lazyBundle[1].map((compactMeta) => {
+      var _a2;
+      const cmpMeta = {
+        $flags$: compactMeta[0],
+        $tagName$: compactMeta[1],
+        $members$: compactMeta[2],
+        $listeners$: compactMeta[3]
+      };
+      if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+        hasSlotRelocation = true;
+      }
+      {
+        cmpMeta.$members$ = compactMeta[2];
+      }
+      {
+        cmpMeta.$listeners$ = compactMeta[3];
+      }
+      {
+        cmpMeta.$attrsToReflect$ = [];
+      }
+      {
+        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+      }
+      const tagName = cmpMeta.$tagName$;
+      const HostElement = class extends HTMLElement {
+        // StencilLazyHost
+        constructor(self) {
+          super(self);
+          this.hasRegisteredEventListeners = false;
+          self = this;
+          registerHost(self, cmpMeta);
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            {
+              if (!self.shadowRoot) {
+                createShadowRoot.call(self, cmpMeta);
+              } else {
+                if (self.shadowRoot.mode !== "open") {
+                  throw new Error(
+                    `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${self.shadowRoot.mode} but Stencil only supports open shadow roots.`
+                  );
+                }
+              }
+            }
+          }
+        }
+        connectedCallback() {
+          const hostRef = getHostRef(this);
+          if (!this.hasRegisteredEventListeners) {
+            this.hasRegisteredEventListeners = true;
+            addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
+          }
+          if (appLoadFallback) {
+            clearTimeout(appLoadFallback);
+            appLoadFallback = null;
+          }
+          if (isBootstrapping) {
+            deferredConnectedCallbacks.push(this);
+          } else {
+            plt.jmp(() => connectedCallback(this));
+          }
+        }
+        disconnectedCallback() {
+          plt.jmp(() => disconnectedCallback(this));
+          plt.raf(() => {
+            var _a3;
+            const hostRef = getHostRef(this);
+            const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
+            if (i2 > -1) {
+              deferredConnectedCallbacks.splice(i2, 1);
+            }
+            if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
+              delete hostRef.$vnode$.$elm$;
+            }
+          });
+        }
+        componentOnReady() {
+          return getHostRef(this).$onReadyPromise$;
+        }
+      };
+      cmpMeta.$lazyBundleId$ = lazyBundle[0];
+      if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
+        cmpTags.push(tagName);
+        customElements2.define(
+          tagName,
+          proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */)
+        );
+      }
+    });
+  });
+  if (cmpTags.length > 0) {
+    if (hasSlotRelocation) {
+      dataStyles.textContent += SLOT_FB_CSS;
+    }
+    {
+      dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
+    }
+    if (dataStyles.innerHTML.length) {
+      dataStyles.setAttribute("data-styles", "");
+      const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+      if (nonce != null) {
+        dataStyles.setAttribute("nonce", nonce);
+      }
+      head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
+    }
+  }
+  isBootstrapping = false;
+  if (deferredConnectedCallbacks.length) {
+    deferredConnectedCallbacks.map((host) => host.connectedCallback());
+  } else {
+    {
+      plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
+    }
+  }
+  endBootstrap();
+};
+var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
+  if (listeners && win.document) {
+    listeners.map(([flags, name, method]) => {
+      const target = getHostListenerTarget(win.document, elm, flags) ;
+      const handler = hostListenerProxy(hostRef, method);
+      const opts = hostListenerOpts(flags);
+      plt.ael(target, name, handler, opts);
+      (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
+    });
+  }
+};
+var hostListenerProxy = (hostRef, methodName) => (ev) => {
+  var _a;
+  try {
+    {
+      if (hostRef.$flags$ & 256 /* isListenReady */) {
+        (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
+      } else {
+        (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
+      }
+    }
+  } catch (e) {
+    consoleError(e, hostRef.$hostElement$);
+  }
+};
+var getHostListenerTarget = (doc, elm, flags) => {
+  if (flags & 4 /* TargetDocument */) {
+    return doc;
+  }
+  if (flags & 8 /* TargetWindow */) {
+    return win;
+  }
+  return elm;
+};
+var hostListenerOpts = (flags) => supportsListenerOptions ? {
+  passive: (flags & 1 /* Passive */) !== 0,
+  capture: (flags & 2 /* Capture */) !== 0
+} : (flags & 2 /* Capture */) !== 0;
+
+// src/runtime/nonce.ts
+var setNonce = (nonce) => plt.$nonce$ = nonce;
+
+export { detachComponentFromConfig as $, waitForComponent as A, waitForDesignSystem as B, waitOnLoadEventCallback as C, BalSnackbarController as D, balSnackbarController as E, BalToastController as F, balToastController as G, registerInstance as H, debounce as I, rIC as J, rOnLoad as K, Logger as L, h as M, Host as N, getElement as O, createEvent as P, raf as Q, addEventListener as R, removeEventListener as S, debounceEvent as T, defaultLocale as U, writeTask as V, transitionEndAsync as W, hasParent as X, isChildOfEventTarget as Y, hasTagName as Z, attachComponentToConfig as _, balBrowser as a, bootstrapLazy as b, getAppRoot as c, componentOnReady as d, attachToConfig as e, defaultConfig as f, globalScripts as g, detachFromConfig as h, setupConfig as i, updateBalAnimated as j, updateBalIcons as k, updateBalLanguage as l, updateBalRegion as m, useBalConfig as n, onBalConfigChange as o, promiseResolve as p, initializeBaloiseDesignSystem as q, deepReady as r, setNonce as s, isDescendant as t, updateBalAllowedLanguages as u, shallowReady as v, wait as w, waitAfterFramePaint as x, waitAfterIdleCallback as y, waitAfterLargestContentfulPaintCallback as z };