@baloise/ds-core 16.3.0 → 16.4.0-nightly.20240917

package/components/bal-tabs2.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { _ as __decorate, a as __metadata } from './tslib.es6.js';
-import { a as areArraysEqual } from './index.esm.js';
-import { l as raf, e as deepReady, t as transitionEndAsync, m as debounceEvent, o as hasParent, p as isChildOfEventTarget, i as isDescendant } from './helpers.js';
+import { b as areArraysEqual } from './index.esm.js';
+import { l as raf, e as deepReady, t as transitionEndAsync, m as debounceEvent, o as hasParent, p as isChildOfEventTarget, i as isDescendant, b as waitAfterFramePaint } from './helpers.js';
 import { B as BEM } from './bem.js';
 import { L as Logger } from './log.js';
 import { n as newBalTabOption } from './bal-tab.util.js';
@@ -67,7 +67,19 @@ const TabLabel = ({ item, inverted, hasBubble, isVertical, context }) => {
         hasBubble ? (h("bal-badge", { class: Object.assign({}, bemEl.element('bubble').class()), size: "small" }, item.bubble)) : ('')));
 };
 
-const TabButton = ({ item, tabsId, isFirst, isLast, isMobile, isVertical, accordion, isAccordionOpen, inverted, expanded, spaceless, clickable, iconPosition, context, onSelectTab, }) => {
+const toKebabCase = (string) => {
+    if (typeof string === 'string') {
+        return string
+            .replace(/([a-z])([0-9])/g, '$1-$2')
+            .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+            .replace(/[\s_]+/g, '-')
+            .toLowerCase();
+    }
+    return '';
+};
+
+const TabButton = ({ item, tabsId, isFirst, isLast, isMobile, isVertical, accordion, isAccordionOpen, isLinkList, inverted, expanded, spaceless, clickable, iconPosition, context, onSelectTab, }) => {
+    var _a;
     const bemEl = BEM.block('tabs').element('nav').element('item');
     if (item.invisible) {
         return;
@@ -80,28 +92,38 @@ const TabButton = ({ item, tabsId, isFirst, isLast, isMobile, isVertical, accord
     const hasLabelBubble = (!hasIcon && hasBubble && !accordion) ||
         (hasBubble && !isMobile && iconPosition === 'horizontal' && !accordion) ||
         (hasBubble && isVertical && !accordion);
-    const TagType = item.href === undefined || item.href === '' ? 'button' : 'a';
-    const attrs = TagType === 'button'
-        ? { type: 'button' }
+    const isTabButton = item.href === undefined || item.href === '';
+    const TagType = isTabButton ? 'button' : 'a';
+    const attrs = isTabButton
+        ? {
+            'type': 'button',
+            'role': 'tab',
+            'aria-controls': ((_a = item.aria) === null || _a === void 0 ? void 0 : _a.controls) || item.tabPanelID || undefined,
+            'aria-expanded': item.active ? 'true' : 'false',
+            'aria-disabled': `${item.disabled}`,
+            'aria-label': item.label,
+        }
         : {
             href: item.href,
             target: item.target,
         };
-    return (h(TagType, Object.assign({ id: `${tabsId}-button-${TabButtonIds++}`, role: "tab", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('active').class(item.active)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('accordion').class(accordion)), bemEl.modifier('inverted').class(inverted)), bemEl.modifier('expanded').class(expanded)), bemEl.modifier('spaceless').class(spaceless)), bemEl.modifier('first').class(isFirst)), bemEl.modifier('last').class(isLast)), bemEl.modifier('passed').class(item.passed)), bemEl.modifier('vertical').class(isVertical)), bemEl.modifier(`context-${context}`).class(context !== undefined)), bemEl.modifier(`icon-position-${iconPosition}`).class(iconPosition !== 'horizontal')), { 'bal-focusable': !item.disabled && !item.invisible }), draggable: false, "data-tabs": tabsId, "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-tabs-item", "aria-selected": item.active ? 'true' : 'false', "aria-disabled": `${item.disabled}`, "aria-label": item.label, "aria-controls": item.tabPanelID }, attrs, { onClick: (ev) => onSelectTab(ev, item) }),
+    if (!isLinkList) {
+        attrs['tabindex'] = item.active ? '0' : '-1';
+    }
+    return (h(TagType, Object.assign({ id: `${tabsId}-button-${toKebabCase(item.value)}`, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('active').class(item.active)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('accordion').class(accordion)), bemEl.modifier('inverted').class(inverted)), bemEl.modifier('expanded').class(expanded)), bemEl.modifier('spaceless').class(spaceless)), bemEl.modifier('first').class(isFirst)), bemEl.modifier('last').class(isLast)), bemEl.modifier('passed').class(item.passed)), bemEl.modifier('vertical').class(isVertical)), bemEl.modifier(`context-${context}`).class(context !== undefined)), bemEl.modifier(`icon-position-${iconPosition}`).class(iconPosition !== 'horizontal')), { 'bal-focusable': !item.disabled && !item.invisible }), draggable: false, "data-tabs": tabsId, "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-tabs-item", "aria-selected": !isTabButton ? undefined : item.active ? 'true' : 'false' }, attrs, { onClick: (ev) => onSelectTab(ev, item) }),
         item.icon ? (h(TabIcon, { accordion: false, item: item, isMobile: isMobile, hasBubble: hasIconBubble, inverted: inverted })) : (''),
         h(TabLabel, { item: item, isMobile: isMobile, isVertical: isVertical, hasBubble: hasLabelBubble, inverted: inverted, context: context }),
         accordion && !item.href ? (h(TabIcon, { accordion: accordion, isAccordionOpen: isAccordionOpen, item: item, isMobile: isMobile, hasBubble: hasAccordionIconBubble, inverted: inverted })) : ('')));
 };
-let TabButtonIds = 0;
 
-const TabNav = ({ items, tabsId, hasCarousel, isVertical, inNavbar, isMobile, isTouch, lineActive, border, accordion, isAccordionOpen, inverted, clickable, animated, spaceless, expanded, verticalColSize, iconPosition, context, onSelectTab, }) => {
+const TabNav = ({ items, tabsId, hasCarousel, isVertical, inNavbar, isMobile, isTouch, lineActive, isLinkList, border, accordion, isAccordionOpen, inverted, clickable, animated, spaceless, expanded, verticalColSize, iconPosition, context, onSelectTab, }) => {
     const bemEl = BEM.block('tabs').element('nav');
     const tabs = items.filter(tab => !tab.invisible);
     const isFullHeight = inNavbar && !isTouch;
-    const Button = ({ item, index }) => (h(TabButton, { item: item, tabsId: tabsId, isFirst: index === 0, isLast: index === tabs.length - 1, isMobile: isMobile, isVertical: isVertical, iconPosition: iconPosition, spaceless: spaceless, inverted: inverted, accordion: accordion, isAccordionOpen: isAccordionOpen, context: context, expanded: expanded, clickable: clickable && !item.disabled, onSelectTab: onSelectTab }));
-    return (h("div", { role: "tablist", id: `${tabsId}-nav`, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier(`full-height`).class(isFullHeight)), bemEl.modifier(`border`).class(border)), bemEl.modifier(`animated`).class(animated)), bemEl.modifier(`vertical`).class(isVertical)), bemEl.modifier(`expanded`).class(expanded && !isVertical)), bemEl.modifier(`vertical-col-${verticalColSize}`).class(isVertical)) },
-        hasCarousel ? (h("bal-carousel", { id: `${tabsId}-carousel`, class: Object.assign({}, bemEl.element('carousel').class()), fullHeight: isFullHeight, border: border, inverted: inverted, controls: "small", "items-per-view": "auto", steps: 3, onBalChange: stopEventBubbling },
-            tabs.map((tab, index) => (h("bal-carousel-item", { key: tab.value, class: Object.assign(Object.assign({}, bemEl.element('carousel').element('item').class()), bemEl.element('carousel').element('item').modifier('expanded').class(expanded)) },
+    const Button = ({ item, index }) => (h(TabButton, { item: item, isLinkList: isLinkList, tabsId: tabsId, isFirst: index === 0, isLast: index === tabs.length - 1, isMobile: isMobile, isVertical: isVertical, iconPosition: iconPosition, spaceless: spaceless, inverted: inverted, accordion: accordion, isAccordionOpen: isAccordionOpen, context: context, expanded: expanded, clickable: clickable && !item.disabled, onSelectTab: onSelectTab }));
+    return (h("div", { id: `${tabsId}-nav`, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier(`full-height`).class(isFullHeight)), bemEl.modifier(`border`).class(border)), bemEl.modifier(`animated`).class(animated)), bemEl.modifier(`vertical`).class(isVertical)), bemEl.modifier(`expanded`).class(expanded && !isVertical)), bemEl.modifier(`vertical-col-${verticalColSize}`).class(isVertical)) },
+        hasCarousel ? (h("bal-carousel", { id: `${tabsId}-carousel`, class: Object.assign({}, bemEl.element('carousel').class()), htmlRole: 'tablist', fullHeight: isFullHeight, border: border, inverted: inverted, controls: "small", "items-per-view": "auto", steps: 3, onBalChange: stopEventBubbling },
+            tabs.map((tab, index) => (h("bal-carousel-item", { key: tab.value, htmlRole: '', class: Object.assign(Object.assign({}, bemEl.element('carousel').element('item').class()), bemEl.element('carousel').element('item').modifier('expanded').class(expanded)) },
                 h(Button, { item: tab, index: index })))),
             h("div", { id: `${tabsId}-line`, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.element('line').class()), bemEl.element('line').modifier(`active`).class(lineActive)), bemEl.element('line').modifier(`inverted`).class(inverted)), bemEl.element('line').modifier(`animated`).class(animated)), bemEl.element('line').modifier(`vertical`).class(isVertical)) }))) : (tabs.map((tab, index) => h(Button, { item: tab, index: index }))),
         !hasCarousel ? (h("div", { id: `${tabsId}-border`, class: Object.assign(Object.assign(Object.assign({}, bemEl.element('border').class()), bemEl.element('border').modifier(`inverted`).class(inverted)), bemEl.element('border').modifier(`vertical`).class(isVertical)) })) : (''),
@@ -137,8 +159,8 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
                 this.store = newStore;
             }
             else if (!this.optionalTabSelection && !this.accordion && this.value === undefined && this.store.length > 0) {
-                const firstStep = this.store[0];
-                this.value = firstStep.value;
+                const firstTab = this.store[0];
+                this.value = firstTab.value;
             }
         };
         this.setActiveItem = () => {
@@ -150,7 +172,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
         };
         this.setActiveContent = () => {
             if (this.options.length === 0) {
-                this.items.forEach(item => item.setActive(this.isActive(item)));
+                this.items.forEach(item => item.setActive(this.isTabActive(item)));
             }
         };
         this.getLineSize = (element, padding) => {
@@ -345,25 +367,26 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
                 console.warn('[WARN] - Could not read tab options');
             }
         };
-        this.onSelectTab = async (ev, step) => {
-            if (step.prevent || step.disabled || !this.clickable) {
+        this.onSelectTab = async (ev, tab) => {
+            if (tab.prevent || tab.disabled || !this.clickable) {
                 stopEventBubbling(ev);
             }
-            if (!step.disabled && this.clickable) {
+            if (!tab.disabled && this.clickable) {
                 if (this.accordion) {
-                    if (step.value === this.value) {
+                    if (tab.value === this.value) {
                         this.toggleAccordionState();
                     }
                     else {
                         this.expandAccordion();
                     }
                 }
-                if (step.navigate) {
-                    step.navigate.emit(ev);
+                if (tab.navigate) {
+                    tab.navigate.emit(ev);
                 }
-                if (step.value !== this.value) {
-                    this.balChange.emit(step.value);
-                    await this.select(step);
+                if (tab.value !== this.value) {
+                    this.balChange.emit(tab.value);
+                    await this.select(tab);
+                    await this.focus(tab);
                 }
             }
         };
@@ -461,6 +484,26 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
         isChildOfEventTarget(ev, this.el, () => this.animateLine());
         this.isUsedInNavbar(ev);
     }
+    listenToKeyDown(ev) {
+        if (this.isTabList) {
+            if (this.vertical !== false) {
+                if (ev.code === 'ArrowDown') {
+                    this.tabListSelectNext(ev);
+                }
+                else if (ev.code === 'ArrowUp') {
+                    this.tabListSelectPrevious(ev);
+                }
+            }
+            else {
+                if (ev.code === 'ArrowRight') {
+                    this.tabListSelectNext(ev);
+                }
+                else if (ev.code === 'ArrowLeft') {
+                    this.tabListSelectPrevious(ev);
+                }
+            }
+        }
+    }
     isUsedInNavbar(ev) {
         const target = ev.target;
         const parentNavbar = target.closest('bal-navbar');
@@ -512,11 +555,17 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
      * PRIVATE METHODS
      * ------------------------------------------------------
      */
+    get isTabList() {
+        return this.store.filter(tab => !!tab.href).length === 0;
+    }
     get items() {
         return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`));
     }
-    isActive(step) {
-        return step.value === this.value;
+    isTabActive(tab) {
+        return tab.value === this.value;
+    }
+    isTabVisible(tab) {
+        return !tab.hidden;
     }
     parseVertical() {
         if (this.vertical === 'true' || this.vertical === '') {
@@ -554,6 +603,73 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
     getCarouselElement() {
         return this.el.querySelector(`#${this.tabsId}-carousel`);
     }
+    /**
+     * PRIVATE Tab Navigation with Arrow Keys
+     * ------------------------------------------------------
+     */
+    findNextTab(previous = false) {
+        const indexOfActive = this.store.findIndex(t => this.isTabActive(t));
+        let tabs = this.store.map((tab, index) => ({
+            index,
+            visible: !tab.hidden && !tab.disabled,
+        }));
+        if (previous) {
+            tabs = tabs.reverse();
+        }
+        const visibleTabs = tabs.filter(t => t.visible).map(t => t.index);
+        const findNextTabReducer = (acc, index) => {
+            // found a new higher index need to break out
+            if (acc > indexOfActive) {
+                return acc;
+            }
+            if (index <= acc) {
+                return acc;
+            }
+            else {
+                return index;
+            }
+        };
+        const findPreviousTabReducer = (acc, index) => {
+            // found a new lower index need to break out
+            if (acc < indexOfActive) {
+                return acc;
+            }
+            if (index >= acc) {
+                return acc;
+            }
+            else {
+                return index;
+            }
+        };
+        const reducer = previous ? findPreviousTabReducer : findNextTabReducer;
+        const nextIndex = visibleTabs.reduce((acc, value) => reducer(acc, value), indexOfActive);
+        return this.store[nextIndex];
+    }
+    findPreviousTab() {
+        return this.findNextTab(true);
+    }
+    tabListSelectNext(ev) {
+        const nextTab = this.findNextTab();
+        if (nextTab) {
+            this.onSelectTab(ev, nextTab);
+        }
+    }
+    tabListSelectPrevious(ev) {
+        const previousTab = this.findPreviousTab();
+        if (previousTab) {
+            this.onSelectTab(ev, previousTab);
+        }
+    }
+    async focus(tab) {
+        await waitAfterFramePaint();
+        const hasKeyboardFocus = this.el.querySelector(`button.bal-focused`) !== null;
+        if (hasKeyboardFocus) {
+            const tabEl = this.el.querySelector(`#${this.tabsId}-button-${toKebabCase(tab.value)}`);
+            if (tabEl) {
+                tabEl.focus({ preventScroll: true });
+            }
+        }
+    }
     /**
      * RENDER
      * ------------------------------------------------------
@@ -570,13 +686,15 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
         const tabs = this.store.map(tab => (Object.assign(Object.assign({}, tab), { active: tab.value === this.value })));
         const expanded = this.accordionState === 4 /* AccordionState.Expanded */ || this.accordionState === 8 /* AccordionState.Expanding */;
         const contentPart = expanded ? 'content expanded' : 'content';
+        const valueExists = this.value !== undefined && !!this.store.find(o => o.value === this.value);
+        const isLinkList = !this.isTabList;
         return (h(Host, { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('navbar').class(this.inNavbar)), block.modifier('vertical').class(isVertical)), block.modifier('fullwidth').class(this.expanded || this.fullwidth)), block.modifier('accordion').class(this.accordion)), block.modifier('animated').class(this.animated)), block.modifier('expanding').class(this.accordionState === 8 /* AccordionState.Expanding */)), block.modifier('expanded').class(this.accordionState === 4 /* AccordionState.Expanded */)), block.modifier('collapsing').class(this.accordionState === 2 /* AccordionState.Collapsing */)), block.modifier('collapsed').class(this.accordionState === 1 /* AccordionState.Collapsed */)), "data-value": this.store
-                .filter(t => this.isActive(t))
+                .filter(t => this.isTabActive(t))
                 .map(t => t.value)
                 .join(','), "data-label": this.store
-                .filter(t => this.isActive(t))
+                .filter(t => this.isTabActive(t))
                 .map(t => t.label)
-                .join(',') }, isSelect ? (h(TabSelect, { value: this.value, items: tabs, onSelectTab: this.onSelectTab })) : (h(TabNav, { items: tabs, tabsId: this.tabsId, onSelectTab: this.onSelectTab, clickable: this.clickable, accordion: this.accordion, isAccordionOpen: this.isAccordionOpen, lineActive: this.value !== undefined, inverted: isInverted, animated: this.animated, context: this.context, border: this.border, spaceless: this.spaceless, expanded: this.expanded, isMobile: isMobile, isTouch: isTouch, isVertical: isVertical, inNavbar: this.inNavbar, hasCarousel: hasCarousel, iconPosition: this.iconPosition, verticalColSize: this.verticalColSize })), h("div", { part: contentPart, ref: contentEl => (this.contentEl = contentEl), class: Object.assign({}, block.element('tabs').element('content').class()) }, h("div", { id: this.tabsId, class: Object.assign({}, block.element('tabs').element('content').element('wrapper').class()), ref: contentElWrapper => (this.contentElWrapper = contentElWrapper) }, h("slot", null)))));
+                .join(',') }, isSelect ? (h(TabSelect, { value: this.value, items: tabs, onSelectTab: this.onSelectTab })) : (h(TabNav, { items: tabs, isLinkList: isLinkList, tabsId: this.tabsId, clickable: this.clickable, accordion: this.accordion, isAccordionOpen: this.isAccordionOpen, lineActive: valueExists, inverted: isInverted, animated: this.animated, context: this.context, border: this.border, spaceless: this.spaceless, expanded: this.expanded, isMobile: isMobile, isTouch: isTouch, isVertical: isVertical, inNavbar: this.inNavbar, hasCarousel: hasCarousel, iconPosition: this.iconPosition, verticalColSize: this.verticalColSize, onSelectTab: this.onSelectTab })), h("div", { part: contentPart, ref: contentEl => (this.contentEl = contentEl), class: Object.assign({}, block.element('tabs').element('content').class()) }, h("div", { id: this.tabsId, class: Object.assign({}, block.element('tabs').element('content').element('wrapper').class()), ref: contentElWrapper => (this.contentElWrapper = contentElWrapper) }, h("slot", null)))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -618,7 +736,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
         "getOptionByValue": [64],
         "renderLine": [64],
         "closeAccordion": [64]
-    }, [[8, "balWillAnimate", "listenToWillAnimate"], [8, "balDidAnimate", "listenToDidAnimate"]], {
+    }, [[8, "balWillAnimate", "listenToWillAnimate"], [8, "balDidAnimate", "listenToDidAnimate"], [0, "keydown", "listenToKeyDown"]], {
         "options": ["optionChanged"],
         "debounce": ["debounceChanged"],
         "value": ["valueChanged"]

package/components/breakpoints.subject.js

@@ -57,15 +57,15 @@ class BalWindowResizeListener extends ListenerAbstract {
     constructor() {
         super(...arguments);
         this.resizeHandler = new BalWindowResizeHandler({ onlyListenToWidthChanges: true });
-        this.debouncedNotify = debounce(() => this.notify(), 10);
+        this.debouncedNotify = debounce(() => this.notify(), 100);
         this.notify = async () => {
             if (await this.resizeHandler.hasResized()) {
                 super.notify(undefined);
             }
         };
     }
-    connect() {
-        super.connect();
+    connect(el) {
+        super.connect(el);
         if (this.el) {
             addEventListener(this.el, 'resize', this.debouncedNotify, { passive: true });
         }

package/components/index.esm.js

@@ -7266,6 +7266,30 @@ function isArrowDownKey(event) {
 function isArrowUpKey(event) {
     return event.key === 'ArrowUp' || event.key === 'Up';
 }
+/**
+ * Returns `true` if the keyboard event was triggered by the `ArrowLeft` key
+ */
+function isArrowLeftKey(event) {
+    return event.key === 'ArrowLeft' || event.key === 'Left';
+}
+/**
+ * Returns `true` if the keyboard event was triggered by the `ArrowRight` key
+ */
+function isArrowRightKey(event) {
+    return event.key === 'ArrowRight' || event.key === 'Right';
+}
+/**
+ * Returns `true` if the keyboard event was triggered by the `Home` key
+ */
+function isHomeKey(event) {
+    return event.key === 'Home';
+}
+/**
+ * Returns `true` if the keyboard event was triggered by the `End` key
+ */
+function isEndKey(event) {
+    return event.key === 'End';
+}
 /**
  * Returns the decimal separator of the given locale
  *
@@ -7370,4 +7394,4 @@ const loadSocialMediaLinks = (lang, region = 'CH') => {
         .then(res => res);
 };
 
-export { Language as L, areArraysEqual as a, toInteger$1 as b, isValidIsoString as c, dateSeparator as d, format as e, formatDateString as f, getDefaultOptions as g, isEnterKey as h, isSpaceKey as i, getYear as j, getMonth as k, lodash_padstart as l, getDate as m, now as n, isArrowDownKey as o, parse as p, isArrowUpKey as q, requiredArgs as r, isEscapeKey as s, toDate as t, loadFooterLinks as u, loadSocialMediaLinks as v, isBackspaceKey as w, formatLocaleNumber as x, getDecimalSeparator as y, getThousandSeparator as z };
+export { isArrowLeftKey as A, isArrowRightKey as B, isHomeKey as C, isEndKey as D, Language as L, isSpaceKey as a, areArraysEqual as b, toInteger$1 as c, dateSeparator as d, isValidIsoString as e, formatDateString as f, getDefaultOptions as g, format as h, isEnterKey as i, getYear as j, getMonth as k, lodash_padstart as l, getDate as m, now as n, isArrowDownKey as o, parse as p, isArrowUpKey as q, requiredArgs as r, isEscapeKey as s, toDate as t, loadFooterLinks as u, loadSocialMediaLinks as v, isBackspaceKey as w, formatLocaleNumber as x, getDecimalSeparator as y, getThousandSeparator as z };