@otto-de/b2b-core-components 1.34.0 → 1.36.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
- package/dist/b2b-core-components/{p-d2f4db88.entry.js → p-01f2aca4.entry.js} +1 -1
- package/dist/b2b-core-components/p-02bb4145.entry.js +1 -0
- package/dist/b2b-core-components/{p-e512628d.entry.js → p-0cd95c1e.entry.js} +1 -1
- package/dist/b2b-core-components/{p-04f5748b.entry.js → p-0e994814.entry.js} +1 -1
- package/dist/b2b-core-components/p-0f0fcb25.entry.js +1 -0
- package/dist/b2b-core-components/{p-81cffff6.entry.js → p-121ead75.entry.js} +1 -1
- package/dist/b2b-core-components/{p-b9a6ad5d.entry.js → p-1875aef7.entry.js} +1 -1
- package/dist/b2b-core-components/{p-d163d252.entry.js → p-1a232e86.entry.js} +1 -1
- package/dist/b2b-core-components/{p-e3877fc1.entry.js → p-1e5732bb.entry.js} +1 -1
- package/dist/b2b-core-components/{p-a46674a7.entry.js → p-212d2e61.entry.js} +1 -1
- package/dist/b2b-core-components/p-22967672.entry.js +1 -0
- package/dist/b2b-core-components/{p-8aba659a.entry.js → p-253502a0.entry.js} +1 -1
- package/dist/b2b-core-components/{p-13d37dec.entry.js → p-2aaa326b.entry.js} +1 -1
- package/dist/b2b-core-components/{p-c8b5c7e2.entry.js → p-3752cc70.entry.js} +1 -1
- package/dist/b2b-core-components/{p-c086532b.entry.js → p-3b52a3fb.entry.js} +1 -1
- package/dist/b2b-core-components/{p-997a232e.entry.js → p-3c6abe16.entry.js} +1 -1
- package/dist/b2b-core-components/p-470378e2.entry.js +1 -0
- package/dist/b2b-core-components/{p-f9f9820a.entry.js → p-4b8c879e.entry.js} +1 -1
- package/dist/b2b-core-components/p-51086123.entry.js +1 -0
- package/dist/b2b-core-components/{p-0648230f.entry.js → p-696b9e54.entry.js} +1 -1
- package/dist/b2b-core-components/{p-d62e615b.entry.js → p-6b3788ae.entry.js} +1 -1
- package/dist/b2b-core-components/{p-371df3f8.entry.js → p-6f5dbb23.entry.js} +1 -1
- package/dist/b2b-core-components/{p-b4310b58.entry.js → p-6f607a94.entry.js} +1 -1
- package/dist/b2b-core-components/{p-66c435c1.entry.js → p-73db8251.entry.js} +1 -1
- package/dist/b2b-core-components/p-7d2fb5f3.entry.js +1 -0
- package/dist/b2b-core-components/{p-540a8b9c.entry.js → p-80104e55.entry.js} +1 -1
- package/dist/b2b-core-components/{p-0aa0c59a.entry.js → p-861dba01.entry.js} +1 -1
- package/dist/b2b-core-components/{p-17778cfc.entry.js → p-96211730.entry.js} +1 -1
- package/dist/b2b-core-components/{p-f3c0fe56.entry.js → p-98ee5fd5.entry.js} +1 -1
- package/dist/b2b-core-components/{p-2486830b.entry.js → p-9f0dbb21.entry.js} +1 -1
- package/dist/b2b-core-components/p-a2d97f5d.entry.js +1 -0
- package/dist/b2b-core-components/{p-a9c9552f.entry.js → p-a5cc60f3.entry.js} +1 -1
- package/dist/b2b-core-components/{p-c25832e1.entry.js → p-a95ed002.entry.js} +1 -1
- package/dist/b2b-core-components/p-abcbd1cc.entry.js +1 -0
- package/dist/b2b-core-components/{p-0ab41eb5.entry.js → p-acdcb8c8.entry.js} +1 -1
- package/dist/b2b-core-components/{p-c8cc1797.entry.js → p-b0abf9e3.entry.js} +1 -1
- package/dist/b2b-core-components/p-b95b2de3.entry.js +1 -0
- package/dist/b2b-core-components/{p-433a3f3e.entry.js → p-bb0f31a9.entry.js} +1 -1
- package/dist/b2b-core-components/{p-89e817e9.entry.js → p-bf1d5618.entry.js} +1 -1
- package/dist/b2b-core-components/{p-79a01d0d.entry.js → p-db898e98.entry.js} +1 -1
- package/dist/b2b-core-components/p-e52728b3.entry.js +1 -0
- package/dist/b2b-core-components/{p-8ae9c2fe.entry.js → p-ef93e944.entry.js} +1 -1
- package/dist/b2b-core-components/{p-4b27240b.entry.js → p-f9e61af5.entry.js} +1 -1
- package/dist/b2b-core-components/{p-c43e067a.entry.js → p-fa050815.entry.js} +1 -1
- package/dist/b2b-core-components/p-fdb7d12c.entry.js +1 -0
- package/dist/cjs/b2b-background-box.cjs.entry.js +1 -1
- package/dist/cjs/b2b-button_2.cjs.entry.js +1 -1
- package/dist/cjs/b2b-chip-component_2.cjs.entry.js +2 -2
- package/dist/cjs/b2b-core-components.cjs.js +1 -1
- package/dist/cjs/b2b-custom-dropdown.cjs.entry.js +9 -5
- package/dist/cjs/b2b-dropdown.cjs.entry.js +72 -7
- package/dist/cjs/b2b-flyout-menu-option.cjs.entry.js +1 -1
- package/dist/cjs/b2b-flyout-menu.cjs.entry.js +3 -3
- package/dist/cjs/b2b-grid-col.cjs.entry.js +1 -1
- package/dist/cjs/b2b-grid-row.cjs.entry.js +2 -2
- package/dist/cjs/b2b-grid.cjs.entry.js +1 -1
- package/dist/cjs/b2b-input-group_2.cjs.entry.js +16 -3
- package/dist/cjs/b2b-input-label.cjs.entry.js +2 -2
- package/dist/cjs/b2b-input-list-option.cjs.entry.js +30 -0
- package/dist/cjs/{b2b-input_2.cjs.entry.js → b2b-input.cjs.entry.js} +4 -28
- package/dist/cjs/b2b-label.cjs.entry.js +2 -2
- package/dist/cjs/b2b-modal.cjs.entry.js +2 -2
- package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/b2b-pagination.cjs.entry.js +1 -1
- package/dist/cjs/b2b-progress-bar.cjs.entry.js +3 -3
- package/dist/cjs/b2b-radio-button.cjs.entry.js +2 -2
- package/dist/cjs/b2b-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/b2b-required-separator.cjs.entry.js +1 -1
- package/dist/cjs/b2b-rounded-icon.cjs.entry.js +4 -4
- package/dist/cjs/b2b-scrollable-container.cjs.entry.js +1 -1
- package/dist/cjs/b2b-search.cjs.entry.js +1 -1
- package/dist/cjs/b2b-separator.cjs.entry.js +1 -1
- package/dist/cjs/b2b-shimmer.cjs.entry.js +1 -1
- package/dist/cjs/b2b-snackbar.cjs.entry.js +4 -4
- package/dist/cjs/b2b-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/b2b-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/b2b-tab.cjs.entry.js +2 -2
- package/dist/cjs/b2b-table-cell_2.cjs.entry.js +3 -3
- package/dist/cjs/b2b-table-row.cjs.entry.js +2 -2
- package/dist/cjs/b2b-table-rowgroup.cjs.entry.js +2 -2
- package/dist/cjs/b2b-table.cjs.entry.js +2 -2
- package/dist/cjs/b2b-textarea.cjs.entry.js +2 -2
- package/dist/cjs/b2b-time-picker.cjs.entry.js +157 -0
- package/dist/cjs/b2b-toggle-button.cjs.entry.js +3 -3
- package/dist/cjs/b2b-toggle-chip.cjs.entry.js +3 -3
- package/dist/cjs/b2b-toggle-group.cjs.entry.js +2 -2
- package/dist/cjs/b2b-toggle-switch.cjs.entry.js +4 -4
- package/dist/cjs/b2b-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/b2b-wizard-icon.cjs.entry.js +1 -1
- package/dist/cjs/b2b-wizard-step.cjs.entry.js +2 -2
- package/dist/cjs/b2b-wizard.cjs.entry.js +1 -1
- package/dist/cjs/index-668808fd.js +10 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/background-box/background-box.css +2 -2
- package/dist/collection/components/background-box/background-box.e2e.js +1 -1
- package/dist/collection/components/background-box/background-box.stories.js +1 -1
- package/dist/collection/components/custom-dropdown/custom-dropdown.css +13 -1
- package/dist/collection/components/custom-dropdown/custom-dropdown.e2e.js +69 -0
- package/dist/collection/components/custom-dropdown/custom-dropdown.js +26 -4
- package/dist/collection/components/custom-dropdown/custom-dropdown.stories.js +11 -0
- package/dist/collection/components/dropdown/dropdown.css +11 -0
- package/dist/collection/components/dropdown/dropdown.e2e.js +54 -0
- package/dist/collection/components/dropdown/dropdown.js +90 -6
- package/dist/collection/components/dropdown/dropdown.stories.js +7 -2
- package/dist/collection/components/flyout-menu/flyout-menu-option.js +1 -1
- package/dist/collection/components/flyout-menu/flyout-menu.js +3 -3
- package/dist/collection/components/grid/column.js +1 -1
- package/dist/collection/components/grid/grid.js +1 -1
- package/dist/collection/components/grid/row.js +2 -2
- package/dist/collection/components/input/input.js +4 -4
- package/dist/collection/components/input-group/input-group.js +1 -1
- package/dist/collection/components/input-label/input-label.js +2 -2
- package/dist/collection/components/input-list/input-list-option.js +1 -1
- package/dist/collection/components/input-list/input-list.e2e.js +5 -5
- package/dist/collection/components/input-list/input-list.js +23 -6
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/modal/modal.js +2 -2
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.js +3 -3
- package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.js +2 -2
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/progress-bar/progress-bar.js +3 -3
- package/dist/collection/components/radio/radio.js +2 -2
- package/dist/collection/components/radio-group/radio-group.js +2 -2
- package/dist/collection/components/required-separator/required-separator.js +1 -1
- package/dist/collection/components/rounded-icon/rounded-icon.js +4 -4
- package/dist/collection/components/scrollable-container/scrollable-container.js +1 -1
- package/dist/collection/components/search/search.e2e.js +1 -1
- package/dist/collection/components/search/search.js +1 -1
- package/dist/collection/components/separator/separator.js +1 -1
- package/dist/collection/components/shimmer/shimmer.js +1 -1
- package/dist/collection/components/snackbar/snackbar.js +4 -4
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-group/tab-group.js +1 -1
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/table/table-cell/table-cell.js +2 -2
- package/dist/collection/components/table/table-header/table-header.js +1 -1
- package/dist/collection/components/table/table-row/table-row.js +2 -2
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.js +2 -2
- package/dist/collection/components/table/table.js +2 -2
- package/dist/collection/components/textarea/textarea.js +2 -2
- package/dist/collection/components/time-picker/time-picker.css +345 -0
- package/dist/collection/components/time-picker/time-picker.e2e.js +135 -0
- package/dist/collection/components/time-picker/time-picker.js +411 -0
- package/dist/collection/components/time-picker/time-picker.stories.js +80 -0
- package/dist/collection/components/toggle-button/toggle-button.js +3 -3
- package/dist/collection/components/toggle-chip/toggle-chip.js +3 -3
- package/dist/collection/components/toggle-group/toggle-group.js +2 -2
- package/dist/collection/components/toggle-switch/toggle-switch.js +4 -4
- package/dist/collection/components/tooltip/tooltip.js +3 -3
- package/dist/collection/components/wizard/wizard-step.js +2 -2
- package/dist/collection/components/wizard/wizard.js +1 -1
- package/dist/collection/components/wizard-icon/wizard-icon.js +1 -1
- package/dist/components/b2b-custom-dropdown.js +10 -5
- package/dist/components/b2b-dropdown.js +87 -8
- package/dist/components/b2b-flyout-menu-option.js +1 -1
- package/dist/components/b2b-flyout-menu.js +3 -3
- package/dist/components/b2b-grid-col.js +1 -1
- package/dist/components/b2b-grid-row.js +2 -2
- package/dist/components/b2b-grid.js +1 -1
- package/dist/components/b2b-label.js +2 -2
- package/dist/components/b2b-modal.js +2 -2
- package/dist/components/b2b-multiselect-dropdown.js +3 -3
- package/dist/components/b2b-pagination.js +1 -1
- package/dist/components/b2b-progress-bar.js +3 -3
- package/dist/components/b2b-radio-button.js +2 -2
- package/dist/components/b2b-radio-group.js +2 -2
- package/dist/components/b2b-required-separator.js +1 -1
- package/dist/components/b2b-scrollable-container.js +1 -1
- package/dist/components/b2b-search.js +1 -1
- package/dist/components/b2b-shimmer.js +1 -1
- package/dist/components/b2b-snackbar.js +4 -4
- package/dist/components/b2b-tab-group.js +1 -1
- package/dist/components/b2b-tab-panel.js +1 -1
- package/dist/components/b2b-tab.js +2 -2
- package/dist/components/b2b-table-row.js +2 -2
- package/dist/components/b2b-table-rowgroup.js +2 -2
- package/dist/components/b2b-table.js +2 -2
- package/dist/components/b2b-textarea.js +2 -2
- package/dist/components/b2b-time-picker.d.ts +11 -0
- package/dist/components/b2b-time-picker.js +200 -0
- package/dist/components/b2b-toggle-button.js +3 -3
- package/dist/components/b2b-toggle-chip.js +3 -3
- package/dist/components/b2b-toggle-group.js +2 -2
- package/dist/components/b2b-toggle-switch.js +4 -4
- package/dist/components/b2b-tooltip.js +3 -3
- package/dist/components/b2b-wizard-step.js +2 -2
- package/dist/components/b2b-wizard.js +1 -1
- package/dist/components/background-box.js +1 -1
- package/dist/components/input-group.js +1 -1
- package/dist/components/input-label.js +2 -2
- package/dist/components/input-list-option.js +1 -1
- package/dist/components/input-list.js +19 -4
- package/dist/components/input.js +4 -4
- package/dist/components/multiselect-option.js +2 -2
- package/dist/components/rounded-icon.js +4 -4
- package/dist/components/separator.js +1 -1
- package/dist/components/spinner.js +1 -1
- package/dist/components/table-cell.js +2 -2
- package/dist/components/table-header.js +1 -1
- package/dist/components/wizard-icon.js +1 -1
- package/dist/custom-elements.json +64 -0
- package/dist/esm/b2b-background-box.entry.js +1 -1
- package/dist/esm/b2b-button_2.entry.js +1 -1
- package/dist/esm/b2b-chip-component_2.entry.js +2 -2
- package/dist/esm/b2b-core-components.js +1 -1
- package/dist/esm/b2b-custom-dropdown.entry.js +9 -5
- package/dist/esm/b2b-dropdown.entry.js +72 -7
- package/dist/esm/b2b-flyout-menu-option.entry.js +1 -1
- package/dist/esm/b2b-flyout-menu.entry.js +3 -3
- package/dist/esm/b2b-grid-col.entry.js +1 -1
- package/dist/esm/b2b-grid-row.entry.js +2 -2
- package/dist/esm/b2b-grid.entry.js +1 -1
- package/dist/esm/b2b-input-group_2.entry.js +16 -3
- package/dist/esm/b2b-input-label.entry.js +2 -2
- package/dist/esm/b2b-input-list-option.entry.js +26 -0
- package/dist/esm/{b2b-input_2.entry.js → b2b-input.entry.js} +5 -28
- package/dist/esm/b2b-label.entry.js +2 -2
- package/dist/esm/b2b-modal.entry.js +2 -2
- package/dist/esm/b2b-multiselect-dropdown.entry.js +3 -3
- package/dist/esm/b2b-pagination.entry.js +1 -1
- package/dist/esm/b2b-progress-bar.entry.js +3 -3
- package/dist/esm/b2b-radio-button.entry.js +2 -2
- package/dist/esm/b2b-radio-group.entry.js +2 -2
- package/dist/esm/b2b-required-separator.entry.js +1 -1
- package/dist/esm/b2b-rounded-icon.entry.js +4 -4
- package/dist/esm/b2b-scrollable-container.entry.js +1 -1
- package/dist/esm/b2b-search.entry.js +1 -1
- package/dist/esm/b2b-separator.entry.js +1 -1
- package/dist/esm/b2b-shimmer.entry.js +1 -1
- package/dist/esm/b2b-snackbar.entry.js +4 -4
- package/dist/esm/b2b-tab-group.entry.js +1 -1
- package/dist/esm/b2b-tab-panel.entry.js +1 -1
- package/dist/esm/b2b-tab.entry.js +2 -2
- package/dist/esm/b2b-table-cell_2.entry.js +3 -3
- package/dist/esm/b2b-table-row.entry.js +2 -2
- package/dist/esm/b2b-table-rowgroup.entry.js +2 -2
- package/dist/esm/b2b-table.entry.js +2 -2
- package/dist/esm/b2b-textarea.entry.js +2 -2
- package/dist/esm/b2b-time-picker.entry.js +153 -0
- package/dist/esm/b2b-toggle-button.entry.js +3 -3
- package/dist/esm/b2b-toggle-chip.entry.js +3 -3
- package/dist/esm/b2b-toggle-group.entry.js +2 -2
- package/dist/esm/b2b-toggle-switch.entry.js +4 -4
- package/dist/esm/b2b-tooltip.entry.js +3 -3
- package/dist/esm/b2b-wizard-icon.entry.js +1 -1
- package/dist/esm/b2b-wizard-step.entry.js +2 -2
- package/dist/esm/b2b-wizard.entry.js +1 -1
- package/dist/esm/index-ab9eb36d.js +10 -2
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/custom-dropdown/custom-dropdown.d.ts +2 -0
- package/dist/types/components/custom-dropdown/custom-dropdown.stories.d.ts +3 -0
- package/dist/types/components/dropdown/dropdown.d.ts +9 -1
- package/dist/types/components/dropdown/dropdown.stories.d.ts +1 -0
- package/dist/types/components/input-list/input-list.d.ts +4 -1
- package/dist/types/components/time-picker/time-picker.d.ts +50 -0
- package/dist/types/components/time-picker/time-picker.stories.d.ts +10 -0
- package/dist/types/components.d.ts +134 -2
- package/dist/web-types.json +165 -4
- package/package.json +2 -2
- package/dist/b2b-core-components/p-04ac661d.entry.js +0 -1
- package/dist/b2b-core-components/p-24c6aa56.entry.js +0 -1
- package/dist/b2b-core-components/p-260dcc05.entry.js +0 -1
- package/dist/b2b-core-components/p-4e0ed246.entry.js +0 -1
- package/dist/b2b-core-components/p-b175fb79.entry.js +0 -1
- package/dist/b2b-core-components/p-b481eb09.entry.js +0 -1
- package/dist/b2b-core-components/p-dff37884.entry.js +0 -1
- package/dist/b2b-core-components/p-e8151556.entry.js +0 -1
- package/dist/b2b-core-components/p-e90d3aba.entry.js +0 -1
|
@@ -2336,6 +2336,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
2336
2336
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2337
2337
|
/* webpackMode: "lazy" */
|
|
2338
2338
|
'./b2b-textarea.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2339
|
+
case 'b2b-time-picker.cjs':
|
|
2340
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2341
|
+
/* webpackMode: "lazy" */
|
|
2342
|
+
'./b2b-time-picker.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2339
2343
|
case 'b2b-toggle-button.cjs':
|
|
2340
2344
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2341
2345
|
/* webpackMode: "lazy" */
|
|
@@ -2400,10 +2404,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
2400
2404
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2401
2405
|
/* webpackMode: "lazy" */
|
|
2402
2406
|
'./b2b-date-picker-days-header_4.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2403
|
-
case 'b2b-
|
|
2407
|
+
case 'b2b-input-list-option.cjs':
|
|
2404
2408
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2405
2409
|
/* webpackMode: "lazy" */
|
|
2406
|
-
'./b2b-
|
|
2410
|
+
'./b2b-input-list-option.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2407
2411
|
case 'b2b-rounded-icon.cjs':
|
|
2408
2412
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2409
2413
|
/* webpackMode: "lazy" */
|
|
@@ -2420,6 +2424,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
2420
2424
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2421
2425
|
/* webpackMode: "lazy" */
|
|
2422
2426
|
'./b2b-headline.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2427
|
+
case 'b2b-input.cjs':
|
|
2428
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2429
|
+
/* webpackMode: "lazy" */
|
|
2430
|
+
'./b2b-input.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2423
2431
|
case 'b2b-icon-100.cjs':
|
|
2424
2432
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2425
2433
|
/* webpackMode: "lazy" */
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy(JSON.parse("[[\"b2b-date-range-picker.cjs\",[[1,\"b2b-date-range-picker\",{\"label\":[1],\"required\":[4],\"dateRange\":[1,\"date-range\"],\"disableDates\":[16],\"presets\":[16],\"invalid\":[4],\"hint\":[1],\"error\":[1],\"language\":[1],\"open\":[32],\"tempDate\":[32],\"internalDateRange\":[32],\"highlightDateRange\":[32],\"viewMode\":[32],\"viewedYear\":[32],\"viewedMonth\":[32],\"viewedDay\":[32]},[[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-previous-month\",\"previousMonth\"],[0,\"b2b-date-picker-next-month\",\"nextMonth\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"],[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelected\"]],{\"dateRange\":[\"updateDateRange\"]}]]],[\"b2b-date-picker.cjs\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[1,\"disable-dates\"],\"label\":[1],\"required\":[516],\"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\"]],{\"disableDates\":[\"handleDisableDatesChanged\"],\"disableDays\":[\"handleDisableDaysChanged\"],\"disableDatesUntil\":[\"handleDisableDatesUntilChanged\"],\"disableDatesFrom\":[\"handleDisableDatesFromChanged\"],\"disablePastDates\":[\"handleDisablePastDatesChanged\"],\"disableFutureDates\":[\"handleDisableFutureDatesChanged\"],\"disableWeekends\":[\"handleDisableWeekendsChanged\"]}]]],[\"b2b-search.cjs\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-multiselect-dropdown.cjs\",[[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\"],\"required\":[516],\"invalid\":[516],\"errorMessage\":[1,\"error-message\"],\"hint\":[1],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"isOpen\":[32],\"normalizedOptions\":[32],\"normalizedSelected\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"selectedValues\":[\"handleSelectedValuesChangeFromOutside\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row.cjs\",[[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-custom-dropdown.cjs\",[[1,\"b2b-custom-dropdown\",{\"placeholder\":[513],\"disabled\":[516],\"dropshadow\":[516],\"border\":[516],\"autoDisableSearch\":[4,\"auto-disable-search\"],\"opened\":[1028],\"noResultsText\":[1,\"no-results-text\"],\"selectedOption\":[32],\"value\":[32],\"allOptions\":[32],\"hasVisibleOptions\":[32]},[[0,\"b2b-custom-dropdown-option-selected\",\"handleOptionSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-wizard-step.cjs\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group.cjs\",[[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-custom-dropdown-option.cjs\",[[1,\"b2b-custom-dropdown-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4],\"selected\":[516],\"hoverIcon\":[520,\"hover-icon\"],\"hoverIconColor\":[513,\"hover-icon-color\"],\"selectedIcon\":[520,\"selected-icon\"],\"selectedIconColor\":[513,\"selected-icon-color\"],\"isHovered\":[32]},[[1,\"mouseenter\",\"handleMouseEnter\"],[1,\"mouseleave\",\"handleMouseLeave\"]]]]],[\"b2b-dropdown.cjs\",[[1,\"b2b-dropdown\",{\"label\":[1],\"required\":[516],\"name\":[513],\"placeholder\":[1],\"placeholderValue\":[1,\"placeholder-value\"],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"isOpen\":[32],\"focused\":[32],\"selectedValue\":[32],\"selectedText\":[32],\"options\":[32],\"truncatedText\":[32],\"clearSelection\":[64]},null,{\"isOpen\":[\"watchDropdownState\"]}]]],[\"b2b-radio-button.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-snackbar.cjs\",[[1,\"b2b-snackbar\",{\"description\":[1],\"type\":[1],\"opened\":[1540],\"timed\":[4],\"duration\":[2],\"hasAction\":[4,\"has-action\"],\"actionLabel\":[1,\"action-label\"],\"width\":[1]},null,{\"opened\":[\"onVisibleChange\"]}]]],[\"b2b-tab-group.cjs\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea.cjs\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"focusOnLoad\":[516,\"focus-on-load\"],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor.cjs\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1],\"hoverColor\":[1,\"hover-color\"],\"underlineText\":[4,\"underline-text\"]}]]],[\"b2b-breadcrumb.cjs\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item.cjs\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card.cjs\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu.cjs\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option.cjs\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid.cjs\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col.cjs\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row.cjs\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon.cjs\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50.cjs\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label.cjs\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-progress-bar.cjs\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container.cjs\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-shimmer.cjs\",[[1,\"b2b-shimmer\",{\"loading\":[4],\"width\":[2],\"height\":[2]}]]],[\"b2b-tab.cjs\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel.cjs\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table.cjs\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup.cjs\",[[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.cjs\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip.cjs\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group.cjs\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch.cjs\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip.cjs\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard.cjs\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-icon-100.cjs\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-wizard-icon.cjs\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-background-box.cjs\",[[1,\"b2b-background-box\",{\"maxWidth\":[4,\"max-width\"],\"noPadding\":[4,\"no-padding\"],\"borderTop\":[1,\"border-top\"],\"borderRight\":[1,\"border-right\"],\"borderBottom\":[1,\"border-bottom\"],\"borderLeft\":[1,\"border-left\"]}]]],[\"b2b-date-picker-days.cjs\",[[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\"]]]]],[\"b2b-input_2.cjs\",[[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"focusOnLoad\":[4,\"focus-on-load\"],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}]]],[\"b2b-input-group_2.cjs\",[[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-checkbox.cjs\",[[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-chip-component_2.cjs\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"label\":[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],\"customMargin\":[1,\"custom-margin\"]}]]],[\"b2b-date-range-picker-days_2.cjs\",[[1,\"b2b-date-range-picker-days\",{\"viewedDate\":[1,\"viewed-date\"],\"firstDate\":[1,\"first-date\"],\"secondDate\":[1,\"second-date\"],\"disableDates\":[16],\"preview\":[4],\"viewedDay\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-table-cell_2.cjs\",[[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.cjs\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator.cjs\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-headline.cjs\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-button_2.cjs\",[[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-date-picker-days-header_4.cjs\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"language\":[1]}],[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-input-label.cjs\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]]]"), options);
|
|
11
|
+
return index.bootstrapLazy(JSON.parse("[[\"b2b-date-range-picker.cjs\",[[1,\"b2b-date-range-picker\",{\"label\":[1],\"required\":[4],\"dateRange\":[1,\"date-range\"],\"disableDates\":[16],\"presets\":[16],\"invalid\":[4],\"hint\":[1],\"error\":[1],\"language\":[1],\"open\":[32],\"tempDate\":[32],\"internalDateRange\":[32],\"highlightDateRange\":[32],\"viewMode\":[32],\"viewedYear\":[32],\"viewedMonth\":[32],\"viewedDay\":[32]},[[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-previous-month\",\"previousMonth\"],[0,\"b2b-date-picker-next-month\",\"nextMonth\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"],[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelected\"]],{\"dateRange\":[\"updateDateRange\"]}]]],[\"b2b-date-picker.cjs\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[1,\"disable-dates\"],\"label\":[1],\"required\":[516],\"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\"]],{\"disableDates\":[\"handleDisableDatesChanged\"],\"disableDays\":[\"handleDisableDaysChanged\"],\"disableDatesUntil\":[\"handleDisableDatesUntilChanged\"],\"disableDatesFrom\":[\"handleDisableDatesFromChanged\"],\"disablePastDates\":[\"handleDisablePastDatesChanged\"],\"disableFutureDates\":[\"handleDisableFutureDatesChanged\"],\"disableWeekends\":[\"handleDisableWeekendsChanged\"]}]]],[\"b2b-search.cjs\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-multiselect-dropdown.cjs\",[[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\"],\"required\":[516],\"invalid\":[516],\"errorMessage\":[1,\"error-message\"],\"hint\":[1],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"isOpen\":[32],\"normalizedOptions\":[32],\"normalizedSelected\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"selectedValues\":[\"handleSelectedValuesChangeFromOutside\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row.cjs\",[[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-custom-dropdown.cjs\",[[1,\"b2b-custom-dropdown\",{\"placeholder\":[513],\"disabled\":[516],\"dropshadow\":[516],\"border\":[516],\"alignment\":[513],\"autoDisableSearch\":[4,\"auto-disable-search\"],\"opened\":[1028],\"noResultsText\":[1,\"no-results-text\"],\"selectedOption\":[32],\"value\":[32],\"allOptions\":[32],\"hasVisibleOptions\":[32]},[[0,\"b2b-custom-dropdown-option-selected\",\"handleOptionSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-dropdown.cjs\",[[1,\"b2b-dropdown\",{\"label\":[1],\"search\":[516],\"required\":[516],\"name\":[513],\"placeholder\":[1],\"placeholderValue\":[1,\"placeholder-value\"],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"isOpen\":[32],\"focused\":[32],\"selectedValue\":[32],\"selectedText\":[32],\"options\":[32],\"searchValue\":[32],\"truncatedText\":[32],\"clearSelection\":[64]},null,{\"isOpen\":[\"watchDropdownState\"]}]]],[\"b2b-wizard-step.cjs\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal.cjs\",[[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.cjs\",[[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-time-picker.cjs\",[[1,\"b2b-time-picker\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"invalid\":[516],\"hint\":[1],\"interval\":[2],\"error\":[1],\"value\":[1537],\"hasFocus\":[32],\"isOpen\":[32],\"availableTimes\":[32],\"internalErrorMessage\":[32],\"internalInvalid\":[32]},null,{\"interval\":[\"handleIntervalChange\"],\"value\":[\"validateValue\"]}]]],[\"b2b-alert.cjs\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group.cjs\",[[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-custom-dropdown-option.cjs\",[[1,\"b2b-custom-dropdown-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4],\"selected\":[516],\"hoverIcon\":[520,\"hover-icon\"],\"hoverIconColor\":[513,\"hover-icon-color\"],\"selectedIcon\":[520,\"selected-icon\"],\"selectedIconColor\":[513,\"selected-icon-color\"],\"isHovered\":[32]},[[1,\"mouseenter\",\"handleMouseEnter\"],[1,\"mouseleave\",\"handleMouseLeave\"]]]]],[\"b2b-radio-button.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-snackbar.cjs\",[[1,\"b2b-snackbar\",{\"description\":[1],\"type\":[1],\"opened\":[1540],\"timed\":[4],\"duration\":[2],\"hasAction\":[4,\"has-action\"],\"actionLabel\":[1,\"action-label\"],\"width\":[1]},null,{\"opened\":[\"onVisibleChange\"]}]]],[\"b2b-tab-group.cjs\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea.cjs\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"focusOnLoad\":[516,\"focus-on-load\"],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor.cjs\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1],\"hoverColor\":[1,\"hover-color\"],\"underlineText\":[4,\"underline-text\"]}]]],[\"b2b-breadcrumb.cjs\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item.cjs\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card.cjs\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu.cjs\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option.cjs\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid.cjs\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col.cjs\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row.cjs\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon.cjs\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50.cjs\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label.cjs\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-progress-bar.cjs\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container.cjs\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-shimmer.cjs\",[[1,\"b2b-shimmer\",{\"loading\":[4],\"width\":[2],\"height\":[2]}]]],[\"b2b-tab.cjs\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel.cjs\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table.cjs\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup.cjs\",[[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.cjs\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip.cjs\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group.cjs\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch.cjs\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip.cjs\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard.cjs\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-icon-100.cjs\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-wizard-icon.cjs\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-background-box.cjs\",[[1,\"b2b-background-box\",{\"maxWidth\":[4,\"max-width\"],\"noPadding\":[4,\"no-padding\"],\"borderTop\":[1,\"border-top\"],\"borderRight\":[1,\"border-right\"],\"borderBottom\":[1,\"border-bottom\"],\"borderLeft\":[1,\"border-left\"]}]]],[\"b2b-date-picker-days.cjs\",[[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\"]]]]],[\"b2b-input-list-option.cjs\",[[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input-group_2.cjs\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[1,\"options-list\"],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"currentList\":[32],\"isElementFocused\":[32],\"searchValue\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-checkbox.cjs\",[[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-chip-component_2.cjs\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"label\":[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],\"customMargin\":[1,\"custom-margin\"]}]]],[\"b2b-date-range-picker-days_2.cjs\",[[1,\"b2b-date-range-picker-days\",{\"viewedDate\":[1,\"viewed-date\"],\"firstDate\":[1,\"first-date\"],\"secondDate\":[1,\"second-date\"],\"disableDates\":[16],\"preview\":[4],\"viewedDay\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-table-cell_2.cjs\",[[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.cjs\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator.cjs\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-input.cjs\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"focusOnLoad\":[4,\"focus-on-load\"],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}]]],[\"b2b-headline.cjs\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-button_2.cjs\",[[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-date-picker-days-header_4.cjs\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"language\":[1]}],[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-input-label.cjs\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]]]"), options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -61,6 +61,7 @@
|
|
|
61
61
|
"components/table/table-row/table-row.js",
|
|
62
62
|
"components/table/table-rowgroup/table-rowgroup.js",
|
|
63
63
|
"components/textarea/textarea.js",
|
|
64
|
+
"components/time-picker/time-picker.js",
|
|
64
65
|
"components/toggle-button/toggle-button.js",
|
|
65
66
|
"components/toggle-chip/toggle-chip.js",
|
|
66
67
|
"components/toggle-group/toggle-group.js",
|
|
@@ -236,11 +236,11 @@
|
|
|
236
236
|
padding: 1.5rem;
|
|
237
237
|
}
|
|
238
238
|
:host(.b2b-background-box--max-width.b2b-background-box--no-padding) {
|
|
239
|
-
max-width:
|
|
239
|
+
max-width: 90rem;
|
|
240
240
|
padding: unset;
|
|
241
241
|
}
|
|
242
242
|
:host(.b2b-background-box--max-width) {
|
|
243
|
-
max-width:
|
|
243
|
+
max-width: 90rem;
|
|
244
244
|
}
|
|
245
245
|
:host(.b2b-background-box--no-padding) {
|
|
246
246
|
padding: unset;
|
|
@@ -32,7 +32,7 @@ describe('B2B-Background-Box', () => {
|
|
|
32
32
|
const element = await page.find('b2b-background-box');
|
|
33
33
|
expect(element).toEqualText('Background box component');
|
|
34
34
|
const style = await element.getComputedStyle();
|
|
35
|
-
expect(style.maxWidth).toBe('
|
|
35
|
+
expect(style.maxWidth).toBe('1440px');
|
|
36
36
|
});
|
|
37
37
|
it('should remove specific borders when set to none', async () => {
|
|
38
38
|
page = await newE2EPage();
|
|
@@ -36,7 +36,7 @@ const meta = {
|
|
|
36
36
|
<b2b-paragraph>
|
|
37
37
|
The BackgroundBox component adjusts its width and padding based on two
|
|
38
38
|
properties: maxWidth and noPadding. When maxWidth is true, it fills the
|
|
39
|
-
available width until
|
|
39
|
+
available width until 1440px. The noPadding property controls internal
|
|
40
40
|
spacing—if true, no padding is applied; if false, a default padding of
|
|
41
41
|
24px (1.5rem) is added. The height of the box depends on its internal
|
|
42
42
|
content.
|
|
@@ -242,7 +242,6 @@
|
|
|
242
242
|
.b2b-custom-dropdown {
|
|
243
243
|
position: absolute;
|
|
244
244
|
top: 100%;
|
|
245
|
-
left: 0;
|
|
246
245
|
z-index: 1000;
|
|
247
246
|
inline-size: var(--b2b-dropdown-width, 300px);
|
|
248
247
|
display: none;
|
|
@@ -256,6 +255,19 @@
|
|
|
256
255
|
.b2b-custom-dropdown--border {
|
|
257
256
|
border: 1px solid var(--b2b-color-grey-200);
|
|
258
257
|
}
|
|
258
|
+
.b2b-custom-dropdown--align-left {
|
|
259
|
+
left: 0;
|
|
260
|
+
right: auto;
|
|
261
|
+
}
|
|
262
|
+
.b2b-custom-dropdown--align-center {
|
|
263
|
+
left: 50%;
|
|
264
|
+
right: auto;
|
|
265
|
+
transform: translateX(-50%);
|
|
266
|
+
}
|
|
267
|
+
.b2b-custom-dropdown--align-right {
|
|
268
|
+
left: auto;
|
|
269
|
+
right: 0;
|
|
270
|
+
}
|
|
259
271
|
.b2b-custom-dropdown-search {
|
|
260
272
|
padding: var(--b2b-size-30);
|
|
261
273
|
display: none;
|
|
@@ -63,4 +63,73 @@ describe('b2b-custom-dropdown', () => {
|
|
|
63
63
|
const optionTexts = await Promise.all(dropdownOptions.map(option => option.getProperty('option')));
|
|
64
64
|
expect(optionTexts).toEqual(['option1', 'option2', 'option3', 'option4']);
|
|
65
65
|
});
|
|
66
|
+
it('should default to left alignment', async () => {
|
|
67
|
+
const dropdown = await page.find('b2b-custom-dropdown');
|
|
68
|
+
const alignment = await dropdown.getProperty('alignment');
|
|
69
|
+
expect(alignment).toEqual('left');
|
|
70
|
+
});
|
|
71
|
+
it('should update alignment class when alignment prop changes', async () => {
|
|
72
|
+
const dropdown = await page.find('b2b-custom-dropdown');
|
|
73
|
+
const trigger = await page.find('b2b-custom-dropdown [slot="trigger"]');
|
|
74
|
+
dropdown.setProperty('alignment', 'left');
|
|
75
|
+
await trigger.click();
|
|
76
|
+
await page.waitForChanges();
|
|
77
|
+
let dropdownContainer = await page.find('b2b-custom-dropdown >>> .b2b-custom-dropdown');
|
|
78
|
+
expect(dropdownContainer).toHaveClass('b2b-custom-dropdown--align-left');
|
|
79
|
+
dropdown.setProperty('alignment', 'center');
|
|
80
|
+
await page.waitForChanges();
|
|
81
|
+
dropdownContainer = await page.find('b2b-custom-dropdown >>> .b2b-custom-dropdown');
|
|
82
|
+
expect(dropdownContainer).toHaveClass('b2b-custom-dropdown--align-center');
|
|
83
|
+
dropdown.setProperty('alignment', 'right');
|
|
84
|
+
await page.waitForChanges();
|
|
85
|
+
dropdownContainer = await page.find('b2b-custom-dropdown >>> .b2b-custom-dropdown');
|
|
86
|
+
expect(dropdownContainer).toHaveClass('b2b-custom-dropdown--align-right');
|
|
87
|
+
});
|
|
88
|
+
});
|
|
89
|
+
describe('b2b-custom-dropdown - Alignment Tests', () => {
|
|
90
|
+
it('should apply left alignment class when alignment is set to left', async () => {
|
|
91
|
+
const page = await newE2EPage();
|
|
92
|
+
await page.setContent(`
|
|
93
|
+
<b2b-custom-dropdown placeholder="Select an option" alignment="left">
|
|
94
|
+
<b2b-icon-100 icon="b2b_icon-ellipsis" slot='trigger' clickable focusable></b2b-icon-100>
|
|
95
|
+
<b2b-custom-dropdown-option slot='option' option='option1'>
|
|
96
|
+
</b2b-custom-dropdown-option>
|
|
97
|
+
</b2b-custom-dropdown>
|
|
98
|
+
`);
|
|
99
|
+
const trigger = await page.find('b2b-custom-dropdown [slot="trigger"]');
|
|
100
|
+
await trigger.click();
|
|
101
|
+
await page.waitForChanges();
|
|
102
|
+
const dropdownContainer = await page.find('b2b-custom-dropdown >>> .b2b-custom-dropdown');
|
|
103
|
+
expect(dropdownContainer).toHaveClass('b2b-custom-dropdown--align-left');
|
|
104
|
+
});
|
|
105
|
+
it('should apply center alignment class when alignment is set to center', async () => {
|
|
106
|
+
const page = await newE2EPage();
|
|
107
|
+
await page.setContent(`
|
|
108
|
+
<b2b-custom-dropdown placeholder="Select an option" alignment="center">
|
|
109
|
+
<b2b-icon-100 icon="b2b_icon-ellipsis" slot='trigger' clickable focusable></b2b-icon-100>
|
|
110
|
+
<b2b-custom-dropdown-option slot='option' option='option1'>
|
|
111
|
+
</b2b-custom-dropdown-option>
|
|
112
|
+
</b2b-custom-dropdown>
|
|
113
|
+
`);
|
|
114
|
+
const trigger = await page.find('b2b-custom-dropdown [slot="trigger"]');
|
|
115
|
+
await trigger.click();
|
|
116
|
+
await page.waitForChanges();
|
|
117
|
+
const dropdownContainer = await page.find('b2b-custom-dropdown >>> .b2b-custom-dropdown');
|
|
118
|
+
expect(dropdownContainer).toHaveClass('b2b-custom-dropdown--align-center');
|
|
119
|
+
});
|
|
120
|
+
it('should apply right alignment class when alignment is set to right', async () => {
|
|
121
|
+
const page = await newE2EPage();
|
|
122
|
+
await page.setContent(`
|
|
123
|
+
<b2b-custom-dropdown placeholder="Select an option" alignment="right">
|
|
124
|
+
<b2b-icon-100 icon="b2b_icon-ellipsis" slot='trigger' clickable focusable></b2b-icon-100>
|
|
125
|
+
<b2b-custom-dropdown-option slot='option' option='option1'>
|
|
126
|
+
</b2b-custom-dropdown-option>
|
|
127
|
+
</b2b-custom-dropdown>
|
|
128
|
+
`);
|
|
129
|
+
const trigger = await page.find('b2b-custom-dropdown [slot="trigger"]');
|
|
130
|
+
await trigger.click();
|
|
131
|
+
await page.waitForChanges();
|
|
132
|
+
const dropdownContainer = await page.find('b2b-custom-dropdown >>> .b2b-custom-dropdown');
|
|
133
|
+
expect(dropdownContainer).toHaveClass('b2b-custom-dropdown--align-right');
|
|
134
|
+
});
|
|
66
135
|
});
|
|
@@ -29,6 +29,7 @@ export class B2bCustomDropdownComponent {
|
|
|
29
29
|
this.disabled = false;
|
|
30
30
|
this.dropshadow = false;
|
|
31
31
|
this.border = false;
|
|
32
|
+
this.alignment = 'left';
|
|
32
33
|
this.autoDisableSearch = true;
|
|
33
34
|
this.opened = false;
|
|
34
35
|
this.noResultsText = 'Keine Ergebnisse gefunden, überprüfen Sie die Eingabe.';
|
|
@@ -68,17 +69,20 @@ export class B2bCustomDropdownComponent {
|
|
|
68
69
|
}
|
|
69
70
|
}
|
|
70
71
|
render() {
|
|
71
|
-
return (h(Host, { key: '
|
|
72
|
+
return (h(Host, { key: 'be885facc6441549cd7bc28f689c2eebf07b6987' }, h("div", { key: '450a33089db12ce4730e1996d1efde9db81a71c5', class: "b2b-custom-dropdown__trigger" }, h("slot", { key: '54e75fd7e993fdfba28da2fbeb1822414bdc8457', name: "trigger" })), h("div", { key: '6b62f9590e78bf20aff37fe09e8acb78ef4b8b90', class: {
|
|
72
73
|
'b2b-custom-dropdown': true,
|
|
73
74
|
'b2b-custom-dropdown--on': this.opened && !this.disabled,
|
|
74
75
|
'b2b-custom-dropdown--drop-shadow': this.dropshadow,
|
|
75
76
|
'b2b-custom-dropdown--border': this.border,
|
|
76
|
-
|
|
77
|
+
'b2b-custom-dropdown--align-left': this.alignment === 'left',
|
|
78
|
+
'b2b-custom-dropdown--align-center': this.alignment === 'center',
|
|
79
|
+
'b2b-custom-dropdown--align-right': this.alignment === 'right',
|
|
80
|
+
} }, h("b2b-background-box", { key: '5690eb6da07a46248544fb5b1f742c21987cce7b', noPadding: true, borderTop: "none", borderBottom: "none", borderRight: "none", borderLeft: "none" }, h("div", { key: 'aab7a71ed660cce678c40bfcc36dfaf317e329a9', class: {
|
|
77
81
|
'b2b-custom-dropdown-search': true,
|
|
78
82
|
'b2b-custom-dropdown-search--enabled': this.allOptions.length > 6 && !this.disabled,
|
|
79
|
-
} }, h("b2b-input", { key: '
|
|
83
|
+
} }, h("b2b-input", { key: '7fe33bb83de99b112ff6caa3a1a7c866c6160551', placeholder: this.placeholder, "onB2b-input": this.handleInput }, h("b2b-icon-100", { key: '330b9fa7a045588743ba8d4e4de6de4291091132', icon: "b2b_icon-search", slot: "start" })))), h("div", { key: '25d7f57b346bb8da229ba0c2c9994135bd8e7cfb', class: this.allOptions.length > 6
|
|
80
84
|
? 'b2b-custom-dropdown__options-scroll-container'
|
|
81
|
-
: 'b2b-custom-dropdown__options-container' }, h("slot", { key: '
|
|
85
|
+
: 'b2b-custom-dropdown__options-container' }, h("slot", { key: 'ed7646c026e8373cbf329fec8c0379f5bd3d47f0', name: "option" })), this.value && !this.hasVisibleOptions && (h("div", { class: "b2b-custom-dropdown__empty", role: "status" }, h("slot", { name: "empty" }, this.noResultsText))))));
|
|
82
86
|
}
|
|
83
87
|
static get is() { return "b2b-custom-dropdown"; }
|
|
84
88
|
static get encapsulation() { return "shadow"; }
|
|
@@ -165,6 +169,24 @@ export class B2bCustomDropdownComponent {
|
|
|
165
169
|
"reflect": true,
|
|
166
170
|
"defaultValue": "false"
|
|
167
171
|
},
|
|
172
|
+
"alignment": {
|
|
173
|
+
"type": "string",
|
|
174
|
+
"mutable": false,
|
|
175
|
+
"complexType": {
|
|
176
|
+
"original": "'left' | 'center' | 'right'",
|
|
177
|
+
"resolved": "\"center\" | \"left\" | \"right\"",
|
|
178
|
+
"references": {}
|
|
179
|
+
},
|
|
180
|
+
"required": false,
|
|
181
|
+
"optional": false,
|
|
182
|
+
"docs": {
|
|
183
|
+
"tags": [],
|
|
184
|
+
"text": "The horizontal alignment of the dropdown. Can be 'left', 'center', or 'right'. Default is 'left'."
|
|
185
|
+
},
|
|
186
|
+
"attribute": "alignment",
|
|
187
|
+
"reflect": true,
|
|
188
|
+
"defaultValue": "'left'"
|
|
189
|
+
},
|
|
168
190
|
"autoDisableSearch": {
|
|
169
191
|
"type": "boolean",
|
|
170
192
|
"mutable": false,
|
|
@@ -28,6 +28,7 @@ const meta = {
|
|
|
28
28
|
selectedIconColor: null,
|
|
29
29
|
opened: false,
|
|
30
30
|
selected: false,
|
|
31
|
+
alignment: 'left',
|
|
31
32
|
},
|
|
32
33
|
render: (_a) => {
|
|
33
34
|
var args = __rest(_a, []);
|
|
@@ -36,6 +37,7 @@ const meta = {
|
|
|
36
37
|
placeholder="${args.placeholder}"
|
|
37
38
|
dropshadow="${args.dropshadow}"
|
|
38
39
|
border="${args.border}"
|
|
40
|
+
alignment="${args.alignment}"
|
|
39
41
|
opened="${args.opened}">
|
|
40
42
|
<b2b-paragraph slot="trigger">
|
|
41
43
|
This is a custom dropdown
|
|
@@ -195,3 +197,12 @@ export const CustomDropdownDisabled = {
|
|
|
195
197
|
</div>`;
|
|
196
198
|
},
|
|
197
199
|
};
|
|
200
|
+
export const AlignmentLeft = {
|
|
201
|
+
args: Object.assign(Object.assign({}, meta.args), { alignment: 'left', opened: true }),
|
|
202
|
+
};
|
|
203
|
+
export const AlignmentCenter = {
|
|
204
|
+
args: Object.assign(Object.assign({}, meta.args), { alignment: 'center', opened: true }),
|
|
205
|
+
};
|
|
206
|
+
export const AlignmentRight = {
|
|
207
|
+
args: Object.assign(Object.assign({}, meta.args), { alignment: 'right', opened: true }),
|
|
208
|
+
};
|
|
@@ -247,6 +247,16 @@
|
|
|
247
247
|
box-sizing: border-box;
|
|
248
248
|
flex: 1;
|
|
249
249
|
}
|
|
250
|
+
:host(.b2b-dropdown) .b2b-dropdown__clear-icon {
|
|
251
|
+
position: absolute;
|
|
252
|
+
right: 3rem;
|
|
253
|
+
top: 40%;
|
|
254
|
+
transform: translateY(-50%);
|
|
255
|
+
width: 1rem;
|
|
256
|
+
height: 1rem;
|
|
257
|
+
cursor: pointer;
|
|
258
|
+
z-index: 2;
|
|
259
|
+
}
|
|
250
260
|
:host(.b2b-dropdown) .b2b-dropdown__select {
|
|
251
261
|
font-family: var(--b2b-font-family-default);
|
|
252
262
|
font-size: var(--b2b-size-copy-100);
|
|
@@ -269,6 +279,7 @@
|
|
|
269
279
|
text-align: left;
|
|
270
280
|
overflow-x: auto;
|
|
271
281
|
overflow-y: hidden;
|
|
282
|
+
align-items: center;
|
|
272
283
|
}
|
|
273
284
|
:host(.b2b-dropdown) .b2b-dropdown__select--focused {
|
|
274
285
|
outline: 2px solid Highlight;
|
|
@@ -47,6 +47,31 @@ describe('B2B-Dropdown', () => {
|
|
|
47
47
|
element = await page.find('b2b-dropdown');
|
|
48
48
|
expect(element).toHaveClass('b2b-dropdown--error');
|
|
49
49
|
});
|
|
50
|
+
it('ensure clear icon is visible', async () => {
|
|
51
|
+
let dropdown = await page.find('b2b-dropdown');
|
|
52
|
+
const clearIcon = await dropdown.shadowRoot.querySelector('.b2b-dropdown__clear-icon');
|
|
53
|
+
expect(clearIcon).not.toBeNull();
|
|
54
|
+
});
|
|
55
|
+
it('ensure text is cleared when clear icon is clicked', async () => {
|
|
56
|
+
const clearIcon = await page.find('b2b-dropdown >>> b2b-icon-100.b2b-dropdown__clear-icon');
|
|
57
|
+
expect(clearIcon).not.toBeNull();
|
|
58
|
+
await clearIcon.click();
|
|
59
|
+
await page.waitForChanges();
|
|
60
|
+
const selectDisplay = await page.find('b2b-dropdown >>> .b2b-dropdown__select');
|
|
61
|
+
expect(await selectDisplay.textContent).not.toContain('Option 1');
|
|
62
|
+
expect(await selectDisplay.textContent).toContain('Select an option...');
|
|
63
|
+
});
|
|
64
|
+
it('ensure text is cleared when clear icon is clicked when search is enabled', async () => {
|
|
65
|
+
let dropdown = await page.find('b2b-dropdown');
|
|
66
|
+
dropdown.setProperty('search', true);
|
|
67
|
+
const clearIcon = await page.find('b2b-dropdown >>> b2b-icon-100.b2b-dropdown__clear-icon');
|
|
68
|
+
expect(clearIcon).not.toBeNull();
|
|
69
|
+
await clearIcon.click();
|
|
70
|
+
await page.waitForChanges();
|
|
71
|
+
const selectDisplay = await page.find('b2b-dropdown >>> .b2b-input');
|
|
72
|
+
expect(await selectDisplay.textContent).not.toContain('Option 1');
|
|
73
|
+
expect(await selectDisplay.textContent).toContain('');
|
|
74
|
+
});
|
|
50
75
|
it('should clear the selection and reset to placeholder', async () => {
|
|
51
76
|
let dropdown = await page.find('b2b-dropdown');
|
|
52
77
|
await dropdown.callMethod('clearSelection');
|
|
@@ -86,4 +111,33 @@ describe('B2B-Dropdown', () => {
|
|
|
86
111
|
expect(texts).toContain('Apple');
|
|
87
112
|
expect(texts).toContain('Banana');
|
|
88
113
|
});
|
|
114
|
+
it('should filter options when search is enabled and user types in search input', async () => {
|
|
115
|
+
const page = await newE2EPage();
|
|
116
|
+
await page.setContent(`
|
|
117
|
+
<b2b-dropdown label="Search Fruits" search="true">
|
|
118
|
+
<option value="apple" id="apple">Apple</option>
|
|
119
|
+
<option value="banana" id="banana">Banana</option>
|
|
120
|
+
<option value="cherry" id="cherry">Cherry</option>
|
|
121
|
+
<option value="grape" id="grape">Grape</option>
|
|
122
|
+
<option value="orange" id="orange">Orange</option>
|
|
123
|
+
</b2b-dropdown>
|
|
124
|
+
`);
|
|
125
|
+
const dropdown = await page.find('b2b-dropdown');
|
|
126
|
+
await dropdown.click();
|
|
127
|
+
await page.waitForChanges();
|
|
128
|
+
const searchInput = await page.find('b2b-dropdown >>> .b2b-input');
|
|
129
|
+
expect(searchInput).not.toBeNull();
|
|
130
|
+
await searchInput.focus();
|
|
131
|
+
await searchInput.type('a');
|
|
132
|
+
await page.waitForChanges();
|
|
133
|
+
const visibleOptions = await page.findAll('b2b-dropdown >>> .b2b-dropdown__option');
|
|
134
|
+
expect(visibleOptions.length).toBe(4);
|
|
135
|
+
await searchInput.type('p');
|
|
136
|
+
await page.waitForChanges();
|
|
137
|
+
const filteredOptions = await page.findAll('b2b-dropdown >>> .b2b-dropdown__option');
|
|
138
|
+
expect(filteredOptions.length).toBe(2);
|
|
139
|
+
const optionTexts = await Promise.all(filteredOptions.map(async (opt) => await opt.getProperty('textContent')));
|
|
140
|
+
expect(optionTexts).toContain('Apple');
|
|
141
|
+
expect(optionTexts).toContain('Grape');
|
|
142
|
+
});
|
|
89
143
|
});
|