@otto-de/b2b-core-components 1.21.0 → 1.22.0

package/dist/esm/b2b-toggle-button.entry.js

@@ -37,13 +37,13 @@ const B2bToggleButtonComponent = class {
         return Array.from(document.querySelectorAll(`b2b-toggle-button[name="${this.name}"]`)).filter((toggle) => toggle.value !== this.value);
     }
     render() {
-        return (h(Host, { key: '72a27c904d091619da19fb5dab2da588326688df', onClick: this.onClick }, h("span", { key: '165c0254153fa4a3bff6d76f58f844830344f8c2', class: {
+        return (h(Host, { key: '757afe3ee305d4bba0c4092c98c277661d13213d', onClick: this.onClick }, h("span", { key: 'ad8f66caccea7374aa6bc6faf8a837efca0d5f69', class: {
                 'b2b-toggle-button': true,
                 'b2b-toggle-button--disabled': this.disabled,
-            } }, h("input", { key: '0d6ee278d5db9f360e7ab466daeaebced17063e6', tabindex: 0, class: {
+            } }, h("input", { key: 'e7b4b5267dbf8f5e6c212bfe5b3a7cda870c53ec', tabindex: 0, class: {
                 'b2b-toggle-button__input': true,
                 'b2b-toggle-button__input--disabled': this.disabled,
-            }, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: 'f073f01258465886c9fe70e99692ffee84db38bc', id: this.name, tabindex: -1, class: {
+            }, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: '5a6ccbcf1cc18884080359453b2abb5cc38acd6f', id: this.name, tabindex: -1, class: {
                 'b2b-toggle-button__label': true,
                 'b2b-toggle-button__label--disabled': this.disabled,
                 'b2b-toggle-button__label--checked': this.checked && !this.disabled,

package/dist/esm/b2b-toggle-chip.entry.js

@@ -39,11 +39,11 @@ const B2BToggleChipComponent = class {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '521c77d6f300a1e0a3f978a6645c37f7ca3a7aeb' }, h("span", { key: '73ee23bfcf46564a32afac2892479830c25b81b8', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
+        return (h(Host, { key: 'e9f095939f1efc375328ffa58edd66f880d3c8c3' }, h("span", { key: 'a708176728cdf47e6308df8fafc9bb70b4bf8472', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
                 'b2b-toggle-chip': true,
-            } }, h("input", { key: '1b0fa2b361fc41d011e7d71d56dc48c614cc478a', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
+            } }, h("input", { key: 'cc88a7fb483e9400eae10322e77d71811b7ea269', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
                 'b2b-toggle-chip__input': true,
-            }, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: '6de8f234f543595ab2995854c1f995ce1c724f8b', id: this.name, tabIndex: -1, class: {
+            }, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: 'f4385d049c26d7d391de6cef4946a086cf6375d0', id: this.name, tabIndex: -1, class: {
                 'b2b-toggle-chip__label': true,
                 [`b2b-toggle-chip__label--${this.variant}`]: true,
                 'b2b-toggle-chip__label--active': this.active,

package/dist/esm/b2b-toggle-group.entry.js

@@ -51,10 +51,10 @@ const B2BToggleGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e81f98de29ab06594da8b9e19e68f4ec9f3c878f' }, h("div", { key: 'a590585c94ab40ea54abd08031ab9b1482bc4a78', class: {
+        return (h(Host, { key: 'fe75399c8e92ccb8a057ae685151b2434e2c260c' }, h("div", { key: '0a7b4ef54a74776c624399f9d851c16ff21eadd2', class: {
                 'b2b-toggle-group': true,
                 'b2b-toggle-group--disabled': this.disabled,
-            } }, h("fieldset", { key: 'f8a20fb30c7b5fd958171f91a2219a2efbd7a5ca' }, h("slot", { key: '3e0bc10d09053d008a9d771721c57463ce437e27' })))));
+            } }, h("fieldset", { key: '936d54912451d8f47449c5f3600bf21d6143bd4d' }, h("slot", { key: 'e6313236733da0801b1c8c618ce9e625f00fa015' })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/b2b-toggle-switch.entry.js

@@ -44,17 +44,17 @@ const B2bToggleSwitchComponent = class {
     render() {
         // workaround for purgecss as safelist doesn't work
         const isLeft = this.labelPosition === 'left';
-        return (h(Host, { key: 'ead51ac66423aad33f3714724dd943f76c9a5a2d' }, h("div", { key: 'bd253f3dac1128d188d1fcee84fd35c1dcb07a2d', class: {
+        return (h(Host, { key: 'ee7f31fda73708f9c0f239b7e812001e061b4df7' }, h("div", { key: 'e0cb8c2a712c6925da760d49228fdf0eec33eed4', class: {
                 'b2b-toggle': true,
                 'b2b-toggle--disabled': this.disabled,
                 'b2b-toggle--checked': this.state,
-            } }, h("div", { key: '69f605ce7363e4aa7aa89b0783721ae30c8897ca', class: {
+            } }, h("div", { key: 'fd213e47ef55cceb7e7089b393a06637ca381394', class: {
                 'b2b-toggle__label': true,
                 'b2b-toggle__label--left': isLeft,
-            } }, h("span", { key: 'b52b3852d95df99a32aa095532d7fe6897e7b638', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: 'c8752f6668e05da681f6682e604441fdac6b1365', class: {
+            } }, h("span", { key: '7fa4a2e0324f8519001df63fb5bf6fbed66f8327', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: '956ca1d77e4a13a32e3da78c87432d92a3012dc2', class: {
                 'b2b-toggle__icon': true,
                 'b2b-toggle__icon--show': this.state,
-            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, h("path", { key: '09d63539b5f10f54089658ea44fa081bbd3fceb7', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (h("span", { class: {
+            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, h("path", { key: 'a4af80db0755275499e6c93feded619ce273edfa', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (h("span", { class: {
                 'b2b-toggle__text': true,
                 'b2b-toggle__text--left': isLeft,
             } }, this.label))))));

package/dist/esm/b2b-tooltip.entry.js

@@ -58,13 +58,13 @@ const B2BTooltipComponent = class {
         }
     }
     render() {
-        return (h(Host, { key: '85d4ea6d00cc0a1cb3f411e2ea2d57f064ba114d', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '8503ac0f0638dd3501a62741a9cb668bd08a4c55', class: {
+        return (h(Host, { key: '85bcf6cfa9dc9330a62fe8f426bb5cd94d3d944d', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '4a2a30daf9999b103f852ff30d527c82d890bf52', class: {
                 [`b2b-tooltip--${this.position}`]: true,
                 'b2b-tooltip__trigger': true,
-            } }, h("slot", { key: '009c743af15c9ebc54bdf6dee620f15e43e306ee' }), h("div", { key: '7b655965e432651456d26f147fef251bdd505cce', class: {
+            } }, h("slot", { key: 'a01eb4473cc7a18ba62fa68efcdf1a41840bb758' }), h("div", { key: '371f2f93de8607c874be40ffcf033d5a31dd3e5a', class: {
                 'b2b-tooltip__content': true,
                 'b2b-tooltip--visible': this.opened,
-            } }, h("slot", { key: 'f653061d233472af5731448814e16872c189c4c9', name: "content" }, this.content)))));
+            } }, h("slot", { key: '0cf561f9c961fa5d2a38f28fe27288ce62313fd6', name: "content" }, this.content)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/b2b-wizard-icon.entry.js

@@ -12,7 +12,7 @@ const WizardIconComponent = class {
         this.checkIcon = true;
     }
     render() {
-        return (h(Host, { key: '5c3ab4531997f298489cef25f5b4cee243588e74' }, h("div", { key: '9b212fbab1c0dcb54787c39da4081f1f911b7d85', class: {
+        return (h(Host, { key: '2c8a5caa3d2e552a42a05172421befa0217a56c2' }, h("div", { key: 'c99cc645d667a872804406baf566a45ec43f4758', class: {
                 'b2b-wizard-icon': true,
             } }, this.state === WizardStatus.COMPLETED && (h("b2b-rounded-icon", { color: "var(--b2b-color-success-50)", "content-color": "var(--b2b-color-success-100)" }, this.checkIcon ? (h("b2b-icon", { slot: "icon", icon: "b2b_icon-check" })) : (h("span", { slot: "text" }, this.step)))), this.state === WizardStatus.PENDING && (h("b2b-rounded-icon", { color: "var(--b2b-color-icon-default)", "content-color": "var(--b2b-color-icon-inverted)" }, h("span", { slot: "text" }, this.step))), this.state === WizardStatus.DISABLED && (h("b2b-rounded-icon", { color: "var(--b2b-color-grey-100)", "content-color": "var(--b2b-color-grey-400)" }, h("span", { slot: "text" }, this.step))), this.state === WizardStatus.DEFAULT && (h("b2b-rounded-icon", { color: "transparent", "border-color": "var(--b2b-color-icon-secondary)", "content-color": "var(--b2b-color-icon-secondary)" }, h("span", { slot: "text" }, this.step))))));
     }

package/dist/esm/b2b-wizard-step.entry.js

@@ -12,10 +12,10 @@ const WizardStepComponent = class {
         this.checkIcon = true;
     }
     render() {
-        return (h(Host, { key: '549e0e7ff5030f4a5fc472e046f65fbe964f89cf' }, h("div", { key: 'a2f9dd5665eb063c5c51df700765509dca2c1616', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: 'cdd5ed4aa979be3b2f878c7f735afc11fa2936bd', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '84c4d7608daf542354ca707881730de8a3c65783', class: {
+        return (h(Host, { key: '3e75f42f395d080bd662b45da27a39a3d46a0695' }, h("div", { key: '7f97f665b4bf5d893cfaafc31ab5e9c1d3c1686b', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: 'c13bff249dcada2231f027f710b169e878eaf622', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '580f9caf705a7e7e00d4d1ba8c3143c0c9927285', class: {
                 'b2b_wizard__step__label': true,
                 'b2b_wizard__step__label--default': this.state === WizardStatus.DEFAULT,
-            } }, h("slot", { key: '00837facfab31ae121002e62277c0bc907161bf6' })))));
+            } }, h("slot", { key: '542832da55ea31b393b4a50cad6cc54f02d7223f' })))));
     }
 };
 WizardStepComponent.style = B2bWizardStepStyle0;

package/dist/esm/b2b-wizard.entry.js

@@ -49,7 +49,7 @@ const WizardComponent = class {
             this.setStepsState();
     }
     render() {
-        return (h(Host, { key: '82f36879396d38b9423200ba7a73601b327335b8' }, h("div", { key: '83b2827e4c284420456b76c4b39c683851992731', class: "b2b_wizard" }, h("slot", { key: 'b88f8ab6a5831168bd5ab9b6f0e2c4cc9cabccec' }))));
+        return (h(Host, { key: 'b138e231ec78b9550d5d40431f6645a2cff00182' }, h("div", { key: 'b14e8010d0753fa917e68a6269559b28b2b7e8e5', class: "b2b_wizard" }, h("slot", { key: '88eb49e82b1276b35b50d3a438fe71a5ce4476ee' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/date-picker-util-10878a70.js

@@ -0,0 +1,103 @@
+const MonthsGerman = [
+    'Jan',
+    'Feb',
+    'Mär',
+    'Apr',
+    'Mai',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Okt',
+    'Nov',
+    'Dez',
+];
+const WeekdaysGerman = [
+    'Mo',
+    'Di',
+    'Mi',
+    'Do',
+    'Fr',
+    'Sa',
+    'So',
+];
+const WeekdaysEnglish = [
+    'Mo',
+    'Tu',
+    'We',
+    'Th',
+    'Fr',
+    'Sa',
+    'Su',
+];
+const MonthsEnglish = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec',
+];
+var DatePickerView;
+(function (DatePickerView) {
+    DatePickerView["Days"] = "Days";
+    DatePickerView["Months"] = "Months";
+    DatePickerView["Years"] = "Years";
+})(DatePickerView || (DatePickerView = {}));
+
+class DateUtils {
+    static isSameDate(date1, date2) {
+        return (date1.getFullYear() === date2.getFullYear() &&
+            date1.getMonth() === date2.getMonth() &&
+            date1.getDate() === date2.getDate());
+    }
+    static isDisabledDate(givenDate, options) {
+        const { disableDates = [], disablePastDates = false, disableFutureDates = false, disableWeekends = false, todayWithoutTime = new Date(), disableEvery = [], disableDatesUntil, disableDatesFrom, } = options;
+        const dayNameToIndex = {
+            So: 0,
+            Su: 0,
+            Mo: 1,
+            Di: 2,
+            Tu: 2,
+            Mi: 3,
+            We: 3,
+            Do: 4,
+            Th: 4,
+            Fr: 5,
+            Sa: 6,
+        };
+        const isExplicitlyDisabled = disableDates.length > 0 &&
+            disableDates.some(disabledDate => this.isSameDate(disabledDate, givenDate));
+        const isPastDate = disablePastDates && givenDate < todayWithoutTime;
+        const isFutureDate = disableFutureDates && givenDate > todayWithoutTime;
+        const isWeekend = disableWeekends && (givenDate.getDay() === 0 || givenDate.getDay() === 6);
+        const isDayToDisable = disableEvery.length > 0 &&
+            disableEvery.some(day => dayNameToIndex[day] === givenDate.getDay());
+        const isBeforeDisableUntil = givenDate <= disableDatesUntil;
+        const isAfterDisableFrom = givenDate >= disableDatesFrom;
+        return (isExplicitlyDisabled ||
+            isPastDate ||
+            isFutureDate ||
+            isWeekend ||
+            isDayToDisable ||
+            isBeforeDisableUntil ||
+            isAfterDisableFrom);
+    }
+    static parseStringToDateArray(value) {
+        return value
+            .split(',')
+            .map(date => date.trim())
+            .map(dateStr => {
+            const [day, month, year] = dateStr.split('.').map(Number);
+            return new Date(year, month - 1, day);
+        });
+    }
+}
+
+export { DatePickerView as D, MonthsEnglish as M, WeekdaysEnglish as W, DateUtils as a, WeekdaysGerman as b, MonthsGerman as c };

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"b2b-search\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"label\":[1],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]]]]],[\"b2b-multiselect-dropdown\",[[1,\"b2b-multiselect-dropdown\",{\"label\":[1],\"placeholder\":[513],\"selectedValues\":[1,\"selected-values\"],\"optionsList\":[1,\"options-list\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"maxOptionsVisible\":[2,\"max-options-visible\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row\",[[1,\"b2b-table-row\",{\"highlight\":[4],\"color\":[1],\"selectable\":[4],\"size\":[1],\"value\":[1],\"indeterminate\":[4],\"checked\":[1028],\"isOpen\":[32],\"toggleAccordion\":[64]},[[0,\"b2b-change\",\"toggleSelected\"]]]]],[\"b2b-wizard-step\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-alert\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-dropdown\",[[1,\"b2b-dropdown\",{\"label\":[1],\"required\":[516],\"name\":[513],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-button\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-tab-group\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"autofocus\":[516],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1],\"hoverColor\":[1,\"hover-color\"],\"underlineText\":[4,\"underline-text\"]}]]],[\"b2b-background-box\",[[1,\"b2b-background-box\",{\"fixedWidth\":[4,\"fixed-width\"],\"noPadding\":[4,\"no-padding\"]}]]],[\"b2b-breadcrumb\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon-100\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-paragraph\",[[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-progress-bar\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-tab\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup\",[[1,\"b2b-table-rowgroup\",{\"type\":[1],\"size\":[1],\"accordion\":[4],\"selectable\":[4],\"fixed\":[4],\"opened\":[516],\"selectedValues\":[32]},[[0,\"b2b-open\",\"handleOpenChange\"],[0,\"b2b-row-selected\",\"handleSelectedChange\"]]]]],[\"b2b-toggle-button\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"variant\":[1],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-wizard-icon\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-input-group_2\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"isElementFocused\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-chip-component_2\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520]}]]],[\"b2b-table-cell_2\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-rounded-icon\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-input-label\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]],[\"b2b-checkbox\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-headline\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-input_2\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"autofocus\":[4],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}],[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker-days_5\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"]}],[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-days-header\"],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-button_2\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-icon\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"b2b-search\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[1,\"disable-dates\"],\"label\":[1],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"width\":[2],\"disableDays\":[1,\"disable-days\"],\"disableDatesUntil\":[1,\"disable-dates-until\"],\"disableDatesFrom\":[1,\"disable-dates-from\"],\"hint\":[1],\"placeholder\":[513],\"language\":[1],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32],\"datesToBeDisabled\":[32],\"normalizedDisableEvery\":[32],\"normalizedDisableDatesUntil\":[32],\"normalizedDisableDatesFrom\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]]]]],[\"b2b-multiselect-dropdown\",[[1,\"b2b-multiselect-dropdown\",{\"label\":[1],\"placeholder\":[513],\"selectedValues\":[1,\"selected-values\"],\"optionsList\":[1,\"options-list\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"maxOptionsVisible\":[2,\"max-options-visible\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row\",[[1,\"b2b-table-row\",{\"highlight\":[4],\"color\":[1],\"selectable\":[4],\"size\":[1],\"value\":[1],\"indeterminate\":[4],\"checked\":[1028],\"isAccordionValue\":[32],\"isOpen\":[32],\"toggleAccordion\":[64]},[[0,\"b2b-change\",\"toggleSelected\"]]]]],[\"b2b-wizard-step\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-alert\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-dropdown\",[[1,\"b2b-dropdown\",{\"label\":[1],\"required\":[516],\"name\":[513],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-button\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-tab-group\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"autofocus\":[516],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1],\"hoverColor\":[1,\"hover-color\"],\"underlineText\":[4,\"underline-text\"]}]]],[\"b2b-background-box\",[[1,\"b2b-background-box\",{\"fixedWidth\":[4,\"fixed-width\"],\"noPadding\":[4,\"no-padding\"]}]]],[\"b2b-breadcrumb\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon-100\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-paragraph\",[[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-progress-bar\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-tab\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup\",[[1,\"b2b-table-rowgroup\",{\"type\":[1],\"size\":[1],\"accordion\":[516],\"selectable\":[4],\"fixed\":[4],\"opened\":[516],\"selectedValues\":[32]},[[0,\"b2b-open\",\"handleOpenChange\"],[0,\"b2b-row-selected\",\"handleSelectedChange\"]]]]],[\"b2b-toggle-button\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"variant\":[1],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-wizard-icon\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-input-group_2\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"isElementFocused\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-chip-component_2\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520]}]]],[\"b2b-table-cell_2\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-rounded-icon\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-input-label\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]],[\"b2b-checkbox\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-headline\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-input_2\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"autofocus\":[4],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}],[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker-days_5\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"language\":[1]}],[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[16],\"disableEvery\":[16],\"disableDatesUntil\":[16],\"disableDatesFrom\":[16],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-days-header\",{\"language\":[1]}],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"],\"language\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-button_2\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-icon\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/types/components/date-picker/date-picker-days-header.d.ts

@@ -1,5 +1,7 @@
 export declare class B2bDatePickerDaysHeader {
     host: HTMLB2bDatePickerDaysHeaderElement;
+    /** Internal the language for month and the weekdays will be decided based on the given input. By default, this will be de which is german */
+    language: 'de' | 'en';
     private displayWeekDays;
     render(): any;
 }

package/dist/types/components/date-picker/date-picker-days.d.ts

@@ -15,6 +15,14 @@ export declare class B2bDatePickerDays {
     disableFutureDates: boolean;
     /** Internal whether the weekends are disabled. By default, this is false.  */
     disableWeekends: boolean;
+    /** Internal the dates that are part of this array are disabled. By default, this is an empty array.  */
+    disableDates: Date[];
+    /** Internal the specific days of the week that need to be disabled */
+    disableEvery: string[];
+    /** Internal all the dates until the given specified date will be disabled. */
+    disableDatesUntil: Date;
+    /** Internal all the dates from the given specified date will be disabled. */
+    disableDatesFrom: Date;
     disabled: boolean;
     private today;
     private todayWithoutTime;
@@ -30,7 +38,6 @@ export declare class B2bDatePickerDays {
     private resetAllDates;
     private getAllDates;
     private focusCurrentDate;
-    private isDisabledDate;
     private handleClick;
     private renderDatePickerDays;
     render(): any;

package/dist/types/components/date-picker/date-picker-header.d.ts

@@ -12,5 +12,7 @@ export declare class B2bDatePickerHeader {
     b2bDatePickerNextMonth: EventEmitter<NextMonth>;
     /** Event emitted for changing the date picker view **/
     b2bDatePickerViewChanged: EventEmitter<DatePickerViewChangedEventDetail>;
+    /** The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german */
+    language: 'de' | 'en';
     render(): any;
 }

package/dist/types/components/date-picker/date-picker-months.d.ts

@@ -4,6 +4,8 @@ export declare class B2bDatePickerMonths {
     host: HTMLB2bDatePickerMonthsElement;
     /** Internal selected month */
     selectedMonth: number;
+    /** Internal The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german */
+    language: 'de' | 'en';
     /** Event emitted on selecting month**/
     b2bDatePickerMonthSelected: EventEmitter<MonthSelectedEventDetail>;
     handleKeyDown(event: KeyboardEvent): void;

package/dist/types/components/date-picker/date-picker.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { DatePickerEventDetail } from '../../utils/interfaces/form.interface';
-import { DatePickerViewChangedEventDetail, MonthSelectedEventDetail, YearSelectedEventDetail } from '../../utils/interfaces/form.interface';
+import { DatePickerEventDetail, DatePickerViewChangedEventDetail, MonthSelectedEventDetail, YearSelectedEventDetail } from '../../utils/interfaces/form.interface';
 export declare class B2bDatePicker {
     host: HTMLB2bDatePickerElement;
     /** Whether the previous dates from the current date are disabled. By default, this is true. */
@@ -9,12 +8,28 @@ export declare class B2bDatePicker {
     disableFutureDates: boolean;
     /** Whether the dates that fall on the weekend are disabled. By default, this is false. */
     disableWeekends: boolean;
+    /** The dates that are part of this array are disabled. By default, this is an empty array. */
+    disableDates: string | string[];
     /** Label for the date picker component. */
     label: string;
     /** Default date picker date*/
     preSelectedDate: string;
     /** Whether to show hint message or not. */
     showHint: boolean;
+    /** The width of the input field of the date picker in pixel. Minimum is 250, maximum is 600px. */
+    width: number;
+    /** Disable the days of the week specified here. */
+    disableDays: 'Mo' | 'Di' | 'Mi' | 'Do' | 'Fr' | 'Sa' | 'So' | 'Tu' | 'We' | 'Th' | 'Su' | string | string[];
+    /** All the dates until the given specified date will be disabled. */
+    disableDatesUntil: string;
+    /** All the dates until the given specified date will be disabled. */
+    disableDatesFrom: string;
+    /** Hint text that should be displayed when showHint is true */
+    hint: string;
+    /** The placeholder shown in the date picker. */
+    placeholder: string;
+    /** The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german */
+    language: 'de' | 'en';
     /** Emits the selected date as Date type. */
     b2bSelected: EventEmitter<DatePickerEventDetail>;
     private readonly DISABLED_DATE_ERROR_MESSAGE;
@@ -29,8 +44,15 @@ export declare class B2bDatePicker {
     userInputDate: string;
     invalid: boolean;
     errorMessage: string;
+    datesToBeDisabled: Date[];
+    normalizedDisableEvery: string[];
+    normalizedDisableDatesUntil: Date;
+    normalizedDisableDatesFrom: Date;
     private today;
     private todayWithoutTime;
+    private isWithWithinLimit;
+    private normalizeArrayInput;
+    private normalizeDisableDatesUntilAndFrom;
     componentWillLoad(): void;
     handleEscapePress(): void;
     handleDateSelection(event: CustomEvent): void;

package/dist/types/components/date-picker/date-picker.stories.d.ts

@@ -6,5 +6,13 @@ export declare const Default: Story;
 export declare const DisablePastDates: Story;
 export declare const DisableFutureDates: Story;
 export declare const DisableWeekends: Story;
+export declare const DisableDates: Story;
+export declare const DisableDays: Story;
+export declare const DisableDatesUntil: Story;
+export declare const DisableDatesFrom: Story;
+export declare const WithCustomHintMessage: Story;
+export declare const WithPlaceholder: Story;
+export declare const WithWidth: Story;
+export declare const EnglishDatepicker: Story;
 export declare const preSelectedDate: Story;
 export declare const WithoutHintMessage: Story;

package/dist/types/components/date-picker/date-picker.types.d.ts

@@ -1,5 +1,7 @@
-export declare const Months: readonly ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"];
-export declare const Weekdays: readonly ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"];
+export declare const MonthsGerman: readonly ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"];
+export declare const WeekdaysGerman: readonly ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"];
+export declare const WeekdaysEnglish: readonly ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
+export declare const MonthsEnglish: string[];
 export declare enum DatePickerView {
     Days = "Days",
     Months = "Months",

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

@@ -1,2 +1,2 @@
-export declare const iconTypes: readonly ["b2b_icon-360-degree", "b2b_icon-advice", "b2b_icon-allergen-sulfur-dioxide-sulfite", "b2b_icon-almond", "b2b_icon-archive", "b2b_icon-armchair", "b2b_icon-arrow-down", "b2b_icon-arrow-graph", "b2b_icon-arrow-left", "b2b_icon-arrow-right", "b2b_icon-arrow-up", "b2b_icon-assembly", "b2b_icon-assortment", "b2b_icon-attachment", "b2b_icon-augmented-reality", "b2b_icon-autonomous-team", "b2b_icon-bank-details", "b2b_icon-bar-graph-ascending", "b2b_icon-bar-graph-axis", "b2b_icon-barley", "b2b_icon-basket-sale", "b2b_icon-basket", "b2b_icon-basketball", "b2b_icon-bikini", "b2b_icon-blogs", "b2b_icon-brandshop", "b2b_icon-brazil-nut", "b2b_icon-browser-click", "b2b_icon-browser-content", "b2b_icon-browser-psm", "b2b_icon-burger", "b2b_icon-bus", "b2b_icon-callback", "b2b_icon-camera", "b2b_icon-cashback", "b2b_icon-cashew-nut", "b2b_icon-catalogue", "b2b_icon-categories", "b2b_icon-celery", "b2b_icon-certificate", "b2b_icon-chair", "b2b_icon-chatbot", "b2b_icon-check-bold", "b2b_icon-check", "b2b_icon-chicken", "b2b_icon-city", "b2b_icon-clear", "b2b_icon-close-bold", "b2b_icon-close", "b2b_icon-code-management", "b2b_icon-contact-mail", "b2b_icon-copy", "b2b_icon-cow", "b2b_icon-crab", "b2b_icon-critique", "b2b_icon-curtain", "b2b_icon-cut-out", "b2b_icon-dashboard", "b2b_icon-deer", "b2b_icon-delete", "b2b_icon-delivery-24h", "b2b_icon-delivery-desired-date-selection", "b2b_icon-delivery-desired-date", "b2b_icon-delivery-express", "b2b_icon-delivery-flat", "b2b_icon-delivery-on-hangers", "b2b_icon-delivery-preferred-place", "b2b_icon-desktop-phone-ads-click", "b2b_icon-desktop-phone-ads", "b2b_icon-desktop-phone", "b2b_icon-desktop", "b2b_icon-devices-monitor-laptop-tablet", "b2b_icon-dish-feature-lactose-free", "b2b_icon-dislike", "b2b_icon-disposal", "b2b_icon-document-sign", "b2b_icon-downloads", "b2b_icon-dress", "b2b_icon-dungarees", "b2b_icon-duplicate", "b2b_icon-duration", "b2b_icon-e-invoice", "b2b_icon-edit-pad", "b2b_icon-edit", "b2b_icon-egg", "b2b_icon-ellipsis", "b2b_icon-email-verification-confirmed-safe", "b2b_icon-email-verification-confirmed", "b2b_icon-email-verification-sent-safe", "b2b_icon-email-verification-sent", "b2b_icon-empty-hint", "b2b_icon-end-to-end", "b2b_icon-error-article-image", "b2b_icon-error-hint", "b2b_icon-error", "b2b_icon-euro", "b2b_icon-event", "b2b_icon-events", "b2b_icon-expand", "b2b_icon-faq", "b2b_icon-feedback", "b2b_icon-filter", "b2b_icon-fish", "b2b_icon-fitness", "b2b_icon-flag-chequered", "b2b_icon-flexible-work", "b2b_icon-flip", "b2b_icon-food-processor", "b2b_icon-fullscreen", "b2b_icon-gallery-view", "b2b_icon-gamepad", "b2b_icon-garlic", "b2b_icon-gender-intersex", "b2b_icon-globe", "b2b_icon-gluten", "b2b_icon-glutenfree", "b2b_icon-handshake", "b2b_icon-hashtag", "b2b_icon-hazelnut", "b2b_icon-hide", "b2b_icon-high-heels", "b2b_icon-home", "b2b_icon-info-small", "b2b_icon-info", "b2b_icon-inplace-zoom-reverse", "b2b_icon-inplace-zoom", "b2b_icon-insurance", "b2b_icon-kamut", "b2b_icon-laptop-os", "b2b_icon-laptop", "b2b_icon-leaving-page", "b2b_icon-light-bulb", "b2b_icon-like-fingers", "b2b_icon-like-product", "b2b_icon-like", "b2b_icon-line-graph", "b2b_icon-list-view", "b2b_icon-location", "b2b_icon-lupine", "b2b_icon-macadamia", "b2b_icon-material-samples", "b2b_icon-measurement", "b2b_icon-megaphone", "b2b_icon-menu", "b2b_icon-mic", "b2b_icon-milk", "b2b_icon-minus", "b2b_icon-module-operations", "b2b_icon-money-coins", "b2b_icon-money-document", "b2b_icon-money-plus", "b2b_icon-money-stack", "b2b_icon-money", "b2b_icon-move", "b2b_icon-mustard", "b2b_icon-nav", "b2b_icon-new", "b2b_icon-newsletter-sign-up", "b2b_icon-notification", "b2b_icon-nuts", "b2b_icon-oat", "b2b_icon-order-cancelled", "b2b_icon-order-delivered", "b2b_icon-order-form", "b2b_icon-order-management", "b2b_icon-order-misdirected", "b2b_icon-order-on-road", "b2b_icon-order-packed", "b2b_icon-order-payment", "b2b_icon-order-received", "b2b_icon-order-return", "b2b_icon-order-shipped", "b2b_icon-order-state-unknown", "b2b_icon-order-stored", "b2b_icon-order", "b2b_icon-otto-app", "b2b_icon-otto-campus", "b2b_icon-otto-company", "b2b_icon-otto-laptop", "b2b_icon-otto-logo", "b2b_icon-otto-up-points", "b2b_icon-otto-up", "b2b_icon-paper-plane", "b2b_icon-pause", "b2b_icon-payment-credit-card", "b2b_icon-payment-invoice", "b2b_icon-payment-pause", "b2b_icon-payment-plan-protection", "b2b_icon-payment-plan", "b2b_icon-pdf", "b2b_icon-peanut", "b2b_icon-pecan-nut", "b2b_icon-pending", "b2b_icon-person-access", "b2b_icon-person-callcenter", "b2b_icon-person-check", "b2b_icon-person-colleagues", "b2b_icon-person-community", "b2b_icon-person-development", "b2b_icon-person-female", "b2b_icon-person-info", "b2b_icon-person-male", "b2b_icon-person-rating", "b2b_icon-person-support", "b2b_icon-person-switch", "b2b_icon-person-workshop", "b2b_icon-person", "b2b_icon-phone-permission", "b2b_icon-phone", "b2b_icon-pig", "b2b_icon-pin", "b2b_icon-pinch-gesture", "b2b_icon-pinch", "b2b_icon-pistachio", "b2b_icon-plant", "b2b_icon-play-1", "b2b_icon-play", "b2b_icon-plus", "b2b_icon-price-alert", "b2b_icon-price-tag", "b2b_icon-print", "b2b_icon-puzzle", "b2b_icon-qr-code", "b2b_icon-question-hint", "b2b_icon-question", "b2b_icon-rating-empty", "b2b_icon-rating-filled", "b2b_icon-rating-half", "b2b_icon-rating-order", "b2b_icon-rating-payment", "b2b_icon-remote-work", "b2b_icon-repair", "b2b_icon-reply", "b2b_icon-retirement-provision", "b2b_icon-rocket", "b2b_icon-rye", "b2b_icon-sabbatical", "b2b_icon-sale", "b2b_icon-save", "b2b_icon-sea", "b2b_icon-search-enter", "b2b_icon-search", "b2b_icon-seo", "b2b_icon-service-info", "b2b_icon-sesame", "b2b_icon-settings", "b2b_icon-share-ios", "b2b_icon-share", "b2b_icon-sheep", "b2b_icon-shell", "b2b_icon-shirt", "b2b_icon-shopping-cart-euro", "b2b_icon-shopping-cart", "b2b_icon-show", "b2b_icon-smiley-angry", "b2b_icon-smiley-happy", "b2b_icon-smiley-negative", "b2b_icon-smiley-neutral", "b2b_icon-smiley-positive", "b2b_icon-sms-info", "b2b_icon-sneaker", "b2b_icon-sort-ascending", "b2b_icon-sort-descending", "b2b_icon-sort", "b2b_icon-soy", "b2b_icon-spelt", "b2b_icon-stationary", "b2b_icon-studies", "b2b_icon-success", "b2b_icon-sustainable-delivery", "b2b_icon-sustainable-energy-efficient", "b2b_icon-sustainable-production", "b2b_icon-sustainable-recycling", "b2b_icon-sustainable-resource", "b2b_icon-swipe-gesture", "b2b_icon-sync-device", "b2b_icon-t-shirt", "b2b_icon-tablet", "b2b_icon-tableware", "b2b_icon-target-group", "b2b_icon-teddy", "b2b_icon-test-result", "b2b_icon-town", "b2b_icon-trash", "b2b_icon-trend-down", "b2b_icon-trend-left", "b2b_icon-trend-right", "b2b_icon-trend-up", "b2b_icon-trousers", "b2b_icon-trusted", "b2b_icon-unpin", "b2b_icon-upload", "b2b_icon-user-management", "b2b_icon-vacation", "b2b_icon-variant-content", "b2b_icon-vegan", "b2b_icon-vegetarian", "b2b_icon-viewtoggle-tiles", "b2b_icon-village", "b2b_icon-volume-off", "b2b_icon-volume-on", "b2b_icon-voucher", "b2b_icon-walnut", "b2b_icon-warning-hint", "b2b_icon-warning", "b2b_icon-warranty", "b2b_icon-washing-machine", "b2b_icon-whatsapp", "b2b_icon-wheat", "b2b_icon-wifi", "b2b_icon-wishlist-active", "b2b_icon-wishlist", "b2b_icon-work-life", "b2b_icon-workshop", "b2b_icon-zoom-in", "b2b_icon-zoom-out", "b2b_logo-carrier-dhl", "b2b_logo-carrier-gls", "b2b_logo-carrier-hermes", "b2b_logo-carrier-ups"];
+export declare const iconTypes: readonly ["b2b_icon-360-degree", "b2b_icon-advice", "b2b_icon-allergen-sulfur-dioxide-sulfite", "b2b_icon-almond", "b2b_icon-archive", "b2b_icon-armchair", "b2b_icon-arrow-down", "b2b_icon-arrow-graph", "b2b_icon-arrow-left", "b2b_icon-arrow-right", "b2b_icon-arrow-up", "b2b_icon-assembly", "b2b_icon-assortment", "b2b_icon-attachment", "b2b_icon-augmented-reality", "b2b_icon-autonomous-team", "b2b_icon-bank-details", "b2b_icon-bar-graph-ascending", "b2b_icon-bar-graph-axis", "b2b_icon-barley", "b2b_icon-basket-sale", "b2b_icon-basket", "b2b_icon-basketball", "b2b_icon-bikini", "b2b_icon-blogs", "b2b_icon-brandshop", "b2b_icon-brazil-nut", "b2b_icon-browser-click", "b2b_icon-browser-content", "b2b_icon-browser-psm", "b2b_icon-bullet-list", "b2b_icon-burger", "b2b_icon-bus", "b2b_icon-callback", "b2b_icon-camera", "b2b_icon-cashback", "b2b_icon-cashew-nut", "b2b_icon-catalogue", "b2b_icon-categories", "b2b_icon-celery", "b2b_icon-certificate", "b2b_icon-chair", "b2b_icon-chatbot", "b2b_icon-check-bold", "b2b_icon-check", "b2b_icon-chicken", "b2b_icon-city", "b2b_icon-clear", "b2b_icon-close-bold", "b2b_icon-close", "b2b_icon-code-management", "b2b_icon-contact-mail", "b2b_icon-copy", "b2b_icon-cow", "b2b_icon-crab", "b2b_icon-critique", "b2b_icon-curtain", "b2b_icon-cut-out", "b2b_icon-dashboard", "b2b_icon-deer", "b2b_icon-delete", "b2b_icon-delivery-24h", "b2b_icon-delivery-desired-date-selection", "b2b_icon-delivery-desired-date", "b2b_icon-delivery-express", "b2b_icon-delivery-flat", "b2b_icon-delivery-on-hangers", "b2b_icon-delivery-preferred-place", "b2b_icon-desktop-phone-ads-click", "b2b_icon-desktop-phone-ads", "b2b_icon-desktop-phone", "b2b_icon-desktop", "b2b_icon-devices-monitor-laptop-tablet", "b2b_icon-dish-feature-lactose-free", "b2b_icon-dislike", "b2b_icon-disposal", "b2b_icon-document-sign", "b2b_icon-downloads", "b2b_icon-dress", "b2b_icon-dungarees", "b2b_icon-duplicate", "b2b_icon-duration", "b2b_icon-e-invoice", "b2b_icon-edit-pad", "b2b_icon-edit", "b2b_icon-egg", "b2b_icon-ellipsis", "b2b_icon-email-verification-confirmed-safe", "b2b_icon-email-verification-confirmed", "b2b_icon-email-verification-sent-safe", "b2b_icon-email-verification-sent", "b2b_icon-empty-hint", "b2b_icon-end-to-end", "b2b_icon-error-article-image", "b2b_icon-error-hint", "b2b_icon-error", "b2b_icon-euro", "b2b_icon-event", "b2b_icon-events", "b2b_icon-expand", "b2b_icon-faq", "b2b_icon-feedback", "b2b_icon-filter", "b2b_icon-fish", "b2b_icon-fitness", "b2b_icon-flag-chequered", "b2b_icon-flexible-work", "b2b_icon-flip", "b2b_icon-food-processor", "b2b_icon-fullscreen", "b2b_icon-gallery-view", "b2b_icon-gamepad", "b2b_icon-garlic", "b2b_icon-gender-intersex", "b2b_icon-globe", "b2b_icon-gluten", "b2b_icon-glutenfree", "b2b_icon-handshake", "b2b_icon-hashtag", "b2b_icon-hazelnut", "b2b_icon-hide", "b2b_icon-high-heels", "b2b_icon-home", "b2b_icon-info-small", "b2b_icon-info", "b2b_icon-inplace-zoom-reverse", "b2b_icon-inplace-zoom", "b2b_icon-insurance", "b2b_icon-kamut", "b2b_icon-laptop-os", "b2b_icon-laptop", "b2b_icon-leaving-page", "b2b_icon-light-bulb", "b2b_icon-like-fingers", "b2b_icon-like-product", "b2b_icon-like", "b2b_icon-line-graph", "b2b_icon-list-view", "b2b_icon-location", "b2b_icon-lupine", "b2b_icon-macadamia", "b2b_icon-material-samples", "b2b_icon-measurement", "b2b_icon-megaphone", "b2b_icon-menu", "b2b_icon-mic", "b2b_icon-milk", "b2b_icon-minus", "b2b_icon-module-operations", "b2b_icon-money-coins", "b2b_icon-money-document", "b2b_icon-money-plus", "b2b_icon-money-stack", "b2b_icon-money", "b2b_icon-move", "b2b_icon-mustard", "b2b_icon-nav", "b2b_icon-new", "b2b_icon-newsletter-sign-up", "b2b_icon-notification", "b2b_icon-nuts", "b2b_icon-oat", "b2b_icon-order-cancelled", "b2b_icon-order-delivered", "b2b_icon-order-form", "b2b_icon-order-management", "b2b_icon-order-misdirected", "b2b_icon-order-on-road", "b2b_icon-order-packed", "b2b_icon-order-payment", "b2b_icon-order-received", "b2b_icon-order-return", "b2b_icon-order-shipped", "b2b_icon-order-state-unknown", "b2b_icon-order-stored", "b2b_icon-order", "b2b_icon-ordered-list", "b2b_icon-otto-app", "b2b_icon-otto-campus", "b2b_icon-otto-company", "b2b_icon-otto-laptop", "b2b_icon-otto-logo", "b2b_icon-otto-up-points", "b2b_icon-otto-up", "b2b_icon-paper-plane", "b2b_icon-pause", "b2b_icon-payment-credit-card", "b2b_icon-payment-invoice", "b2b_icon-payment-pause", "b2b_icon-payment-plan-protection", "b2b_icon-payment-plan", "b2b_icon-pdf", "b2b_icon-peanut", "b2b_icon-pecan-nut", "b2b_icon-pending", "b2b_icon-person-access", "b2b_icon-person-callcenter", "b2b_icon-person-check", "b2b_icon-person-colleagues", "b2b_icon-person-community", "b2b_icon-person-development", "b2b_icon-person-female", "b2b_icon-person-info", "b2b_icon-person-male", "b2b_icon-person-rating", "b2b_icon-person-support", "b2b_icon-person-switch", "b2b_icon-person-workshop", "b2b_icon-person", "b2b_icon-phone-permission", "b2b_icon-phone", "b2b_icon-pig", "b2b_icon-pin", "b2b_icon-pinch-gesture", "b2b_icon-pinch", "b2b_icon-pistachio", "b2b_icon-plant", "b2b_icon-play-1", "b2b_icon-play", "b2b_icon-plus", "b2b_icon-price-alert", "b2b_icon-price-tag", "b2b_icon-print", "b2b_icon-puzzle", "b2b_icon-qr-code", "b2b_icon-question-hint", "b2b_icon-question", "b2b_icon-rating-empty", "b2b_icon-rating-filled", "b2b_icon-rating-half", "b2b_icon-rating-order", "b2b_icon-rating-payment", "b2b_icon-remote-work", "b2b_icon-repair", "b2b_icon-reply", "b2b_icon-retirement-provision", "b2b_icon-rocket", "b2b_icon-rye", "b2b_icon-sabbatical", "b2b_icon-sale", "b2b_icon-save", "b2b_icon-sea", "b2b_icon-search-enter", "b2b_icon-search", "b2b_icon-seo", "b2b_icon-service-info", "b2b_icon-sesame", "b2b_icon-settings", "b2b_icon-share-ios", "b2b_icon-share", "b2b_icon-sheep", "b2b_icon-shell", "b2b_icon-shirt", "b2b_icon-shopping-cart-euro", "b2b_icon-shopping-cart", "b2b_icon-show", "b2b_icon-smiley-angry", "b2b_icon-smiley-happy", "b2b_icon-smiley-negative", "b2b_icon-smiley-neutral", "b2b_icon-smiley-positive", "b2b_icon-sms-info", "b2b_icon-sneaker", "b2b_icon-sort-ascending", "b2b_icon-sort-descending", "b2b_icon-sort", "b2b_icon-soy", "b2b_icon-spelt", "b2b_icon-stationary", "b2b_icon-studies", "b2b_icon-success", "b2b_icon-sustainable-delivery", "b2b_icon-sustainable-energy-efficient", "b2b_icon-sustainable-production", "b2b_icon-sustainable-recycling", "b2b_icon-sustainable-resource", "b2b_icon-swipe-gesture", "b2b_icon-sync-device", "b2b_icon-t-shirt", "b2b_icon-tablet", "b2b_icon-tableware", "b2b_icon-target-group", "b2b_icon-teddy", "b2b_icon-test-result", "b2b_icon-town", "b2b_icon-trash", "b2b_icon-trend-down", "b2b_icon-trend-left", "b2b_icon-trend-right", "b2b_icon-trend-up", "b2b_icon-trousers", "b2b_icon-trusted", "b2b_icon-unpin", "b2b_icon-upload", "b2b_icon-user-management", "b2b_icon-vacation", "b2b_icon-variant-content", "b2b_icon-vegan", "b2b_icon-vegetarian", "b2b_icon-viewtoggle-tiles", "b2b_icon-village", "b2b_icon-volume-off", "b2b_icon-volume-on", "b2b_icon-voucher", "b2b_icon-walnut", "b2b_icon-warning-hint", "b2b_icon-warning", "b2b_icon-warranty", "b2b_icon-washing-machine", "b2b_icon-whatsapp", "b2b_icon-wheat", "b2b_icon-wifi", "b2b_icon-wishlist-active", "b2b_icon-wishlist", "b2b_icon-work-life", "b2b_icon-workshop", "b2b_icon-zoom-in", "b2b_icon-zoom-out", "b2b_logo-carrier-dhl", "b2b_logo-carrier-gls", "b2b_logo-carrier-hermes", "b2b_logo-carrier-ups"];
 export type IconName = typeof iconTypes[number];

package/dist/types/components/table/table-row/table-row.d.ts

@@ -19,20 +19,24 @@ export declare class TableRowComponent {
     checked: boolean;
     /** Emits if the parent rowgroup is an accordion and the row is a top-level accordion row. Determines if the child rows will be shown. */
     b2bOpen: EventEmitter<boolean>;
-    /** Emits if the row is selectable and it is selected or unselected. Emits both unique value and the checkbox status. */
+    /** Emits if the row is selectable and if it is selected or unselected. Emits both unique value and the checkbox status. */
     b2bSelected: EventEmitter<CheckboxEventDetail>;
+    private parentRowGroup;
+    isAccordionValue: boolean;
+    private observer;
     isOpen: boolean;
     toggleSelected(event: B2bCheckboxCustomEvent<CheckboxEventDetail>): void;
     /** Will toggle the accordion opened or closed. */
     toggleAccordion(isOpen: boolean): Promise<void>;
     componentWillLoad(): void;
+    disconnectedCallback(): void;
+    private findParentAndObserve;
     private toggleOpen;
     private setTotalCols;
     private getRowColor;
     /** Only needs to be added if we control the state of the selection. */
     private shouldAddCheckbox;
     private getParentRowGroup;
-    private isAccordion;
     private isHeader;
     private getCheckbox;
     private getAccordionColumns;