@otto-de/b2b-core-components 1.21.0 → 1.22.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/icons/b2b_icon-chatbot.svg +2 -20
- package/dist/b2b-core-components/icons-100/b2b_icon-bullet-list.svg +1 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-ordered-list.svg +1 -0
- package/dist/b2b-core-components/{p-7a9088d2.entry.js → p-01c05f0c.entry.js} +1 -1
- package/dist/b2b-core-components/{p-15a24ba4.entry.js → p-05ad52a3.entry.js} +1 -1
- package/dist/b2b-core-components/{p-19b13dcc.entry.js → p-078a9f04.entry.js} +1 -1
- package/dist/b2b-core-components/{p-164d8803.entry.js → p-15988a15.entry.js} +1 -1
- package/dist/b2b-core-components/{p-2b214797.entry.js → p-1930be42.entry.js} +1 -1
- package/dist/b2b-core-components/{p-d42c90d1.entry.js → p-19b5503c.entry.js} +1 -1
- package/dist/b2b-core-components/{p-799b194b.entry.js → p-20d53606.entry.js} +1 -1
- package/dist/b2b-core-components/p-212fa6a0.entry.js +1 -0
- package/dist/b2b-core-components/{p-33ba40ee.entry.js → p-228e1449.entry.js} +1 -1
- package/dist/b2b-core-components/{p-d51551c9.entry.js → p-232acfe1.entry.js} +1 -1
- package/dist/b2b-core-components/{p-72e23a4e.entry.js → p-271d44a7.entry.js} +1 -1
- package/dist/b2b-core-components/{p-56573a91.entry.js → p-296f824d.entry.js} +1 -1
- package/dist/b2b-core-components/{p-00700a00.entry.js → p-2c8f2fa9.entry.js} +1 -1
- package/dist/b2b-core-components/{p-8fc792f9.entry.js → p-3ef45a4b.entry.js} +1 -1
- package/dist/b2b-core-components/{p-0f2249e0.entry.js → p-48e693a5.entry.js} +1 -1
- package/dist/b2b-core-components/p-545b6ba2.entry.js +1 -0
- package/dist/b2b-core-components/{p-9fc53916.entry.js → p-5958af69.entry.js} +1 -1
- package/dist/b2b-core-components/{p-f8cf06c5.entry.js → p-5a7e3db7.entry.js} +1 -1
- package/dist/b2b-core-components/{p-947f2e2c.entry.js → p-6f3a6904.entry.js} +1 -1
- package/dist/b2b-core-components/{p-7b711ed3.entry.js → p-7264f359.entry.js} +1 -1
- package/dist/b2b-core-components/{p-a7221803.entry.js → p-744e8fc3.entry.js} +1 -1
- package/dist/b2b-core-components/{p-2de83995.entry.js → p-752d38c8.entry.js} +1 -1
- package/dist/b2b-core-components/{p-0dc06432.entry.js → p-7afbfa3b.entry.js} +1 -1
- package/dist/b2b-core-components/{p-1e8416a3.entry.js → p-88c0c97c.entry.js} +1 -1
- package/dist/b2b-core-components/p-928ab618.entry.js +1 -0
- package/dist/b2b-core-components/p-92a809de.entry.js +1 -0
- package/dist/b2b-core-components/p-94f80a44.entry.js +1 -0
- package/dist/b2b-core-components/{p-869095a0.entry.js → p-9f453acb.entry.js} +1 -1
- package/dist/b2b-core-components/p-a923feb6.js +1 -0
- package/dist/b2b-core-components/{p-f6fa3212.entry.js → p-ad0df2f2.entry.js} +1 -1
- package/dist/b2b-core-components/{p-57d487e2.entry.js → p-b03d197a.entry.js} +1 -1
- package/dist/b2b-core-components/{p-1525a056.entry.js → p-b045e097.entry.js} +1 -1
- package/dist/b2b-core-components/{p-f5fa0721.entry.js → p-b368015e.entry.js} +1 -1
- package/dist/b2b-core-components/p-b7afa702.entry.js +1 -0
- package/dist/b2b-core-components/{p-11e5143c.entry.js → p-c10ee62f.entry.js} +1 -1
- package/dist/b2b-core-components/{p-ad99ec44.entry.js → p-c365567c.entry.js} +1 -1
- package/dist/b2b-core-components/{p-67ad8770.entry.js → p-c97990e8.entry.js} +1 -1
- package/dist/b2b-core-components/p-cad3574a.entry.js +1 -0
- package/dist/b2b-core-components/{p-9a0a4a74.entry.js → p-cd520262.entry.js} +1 -1
- package/dist/b2b-core-components/{p-1c8825d1.entry.js → p-d0035d7d.entry.js} +1 -1
- package/dist/b2b-core-components/{p-1b7201e1.entry.js → p-d3a04423.entry.js} +1 -1
- package/dist/b2b-core-components/{p-a155219a.entry.js → p-ef01f7b2.entry.js} +1 -1
- package/dist/b2b-core-components/p-f1287a36.entry.js +1 -0
- package/dist/b2b-core-components/{p-acc7ae99.entry.js → p-f8f280fc.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-date-picker-days_5.cjs.entry.js +35 -33
- package/dist/cjs/b2b-date-picker.cjs.entry.js +73 -27
- package/dist/cjs/b2b-dropdown.cjs.entry.js +2 -2
- 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-icon-100.cjs.entry.js +2 -0
- package/dist/cjs/b2b-input-group_2.cjs.entry.js +3 -3
- package/dist/cjs/b2b-input-label.cjs.entry.js +2 -2
- package/dist/cjs/b2b-input_2.cjs.entry.js +5 -5
- 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 +4 -4
- package/dist/cjs/b2b-pagination.cjs.entry.js +1 -1
- package/dist/cjs/b2b-paragraph.cjs.entry.js +2 -2
- 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-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 +29 -8
- 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-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/date-picker-util-8596688b.js +109 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/alert/alert.css +2 -2
- package/dist/collection/components/anchor/anchor.css +2 -2
- package/dist/collection/components/background-box/background-box.css +2 -2
- package/dist/collection/components/breadcrumb/breadcrumb.css +2 -2
- package/dist/collection/components/button/button.css +2 -2
- package/dist/collection/components/card/card.css +2 -2
- package/dist/collection/components/checkbox/checkbox.css +2 -2
- package/dist/collection/components/checkbox-group/checkbox-group.css +2 -2
- package/dist/collection/components/chip/chip.css +2 -2
- package/dist/collection/components/date-picker/date-picker-days-header.css +2 -2
- package/dist/collection/components/date-picker/date-picker-days-header.js +27 -3
- package/dist/collection/components/date-picker/date-picker-days.css +2 -2
- package/dist/collection/components/date-picker/date-picker-days.js +93 -19
- package/dist/collection/components/date-picker/date-picker-header.css +2 -2
- package/dist/collection/components/date-picker/date-picker-header.js +26 -6
- package/dist/collection/components/date-picker/date-picker-months.css +2 -2
- package/dist/collection/components/date-picker/date-picker-months.e2e.js +3 -3
- package/dist/collection/components/date-picker/date-picker-months.js +22 -2
- package/dist/collection/components/date-picker/date-picker-years.css +2 -2
- package/dist/collection/components/date-picker/date-picker.css +2 -4
- package/dist/collection/components/date-picker/date-picker.js +216 -23
- package/dist/collection/components/date-picker/date-picker.stories.js +103 -7
- package/dist/collection/components/date-picker/date-picker.types.js +33 -2
- package/dist/collection/components/dropdown/dropdown.css +2 -2
- package/dist/collection/components/dropdown/dropdown.js +2 -2
- package/dist/collection/components/flyout-menu/flyout-menu-option.css +2 -2
- package/dist/collection/components/flyout-menu/flyout-menu-option.js +1 -1
- package/dist/collection/components/flyout-menu/flyout-menu.css +2 -2
- 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/headline/headline.css +2 -2
- package/dist/collection/components/icon/icon.css +2 -2
- package/dist/collection/components/icon/icons/b2b_icon-chatbot.svg +2 -20
- package/dist/collection/components/icon-100/icon-100.css +2 -2
- package/dist/collection/components/icon-100/icon-100.js +1 -1
- package/dist/collection/components/icon-100/icons-100/b2b_icon-bullet-list.svg +1 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-ordered-list.svg +1 -0
- package/dist/collection/components/icon-100/types.js +2 -0
- package/dist/collection/components/icon-50/icon-50.css +2 -2
- package/dist/collection/components/input/input.css +2 -2
- package/dist/collection/components/input/input.js +4 -4
- package/dist/collection/components/input-group/input-group.css +2 -2
- 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.css +2 -2
- package/dist/collection/components/input-list/input-list.js +2 -2
- package/dist/collection/components/label/label.css +2 -2
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/modal/modal.css +2 -2
- package/dist/collection/components/modal/modal.js +2 -2
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +2 -2
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.js +4 -4
- package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.js +2 -2
- package/dist/collection/components/pagination/pagination.css +2 -2
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/paragraph/paragraph.css +2 -2
- package/dist/collection/components/paragraph/paragraph.js +2 -2
- package/dist/collection/components/progress-bar/progress-bar.css +2 -2
- package/dist/collection/components/progress-bar/progress-bar.js +3 -3
- package/dist/collection/components/radio/radio.css +2 -2
- package/dist/collection/components/radio/radio.e2e.js +3 -2
- package/dist/collection/components/radio/radio.js +2 -2
- package/dist/collection/components/radio-group/radio-group.css +2 -2
- package/dist/collection/components/radio-group/radio-group.e2e.js +4 -3
- package/dist/collection/components/radio-group/radio-group.js +2 -2
- package/dist/collection/components/required-separator/required-separator.css +2 -2
- package/dist/collection/components/required-separator/required-separator.js +1 -1
- package/dist/collection/components/rounded-icon/rounded-icon.css +2 -2
- package/dist/collection/components/rounded-icon/rounded-icon.js +4 -4
- package/dist/collection/components/scrollable-container/scrollable-container.css +2 -2
- package/dist/collection/components/scrollable-container/scrollable-container.js +1 -1
- package/dist/collection/components/search/search.js +1 -1
- package/dist/collection/components/separator/separator.css +2 -2
- package/dist/collection/components/separator/separator.js +1 -1
- package/dist/collection/components/spinner/spinner.css +2 -2
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/tab/tab.css +2 -2
- 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.css +2 -2
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/table/table-cell/table-cell.css +2 -2
- package/dist/collection/components/table/table-cell/table-cell.js +2 -2
- package/dist/collection/components/table/table-header/table-header.css +2 -2
- package/dist/collection/components/table/table-header/table-header.js +1 -1
- package/dist/collection/components/table/table-row/table-row.css +2 -2
- package/dist/collection/components/table/table-row/table-row.js +31 -9
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +2 -2
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.js +3 -3
- package/dist/collection/components/table/table.css +2 -2
- package/dist/collection/components/table/table.js +2 -2
- package/dist/collection/components/textarea/textarea.css +2 -2
- package/dist/collection/components/textarea/textarea.js +2 -2
- package/dist/collection/components/toggle-button/toggle-button.css +2 -2
- package/dist/collection/components/toggle-button/toggle-button.js +3 -3
- package/dist/collection/components/toggle-chip/toggle-chip.css +2 -2
- package/dist/collection/components/toggle-chip/toggle-chip.js +3 -3
- package/dist/collection/components/toggle-group/toggle-group.css +2 -2
- package/dist/collection/components/toggle-group/toggle-group.js +2 -2
- package/dist/collection/components/toggle-switch/toggle-switch.css +2 -2
- package/dist/collection/components/toggle-switch/toggle-switch.js +4 -4
- package/dist/collection/components/tooltip/tooltip.css +2 -2
- 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.css +2 -2
- package/dist/collection/components/wizard/wizard.js +1 -1
- package/dist/collection/components/wizard-icon/wizard-icon.css +2 -2
- package/dist/collection/components/wizard-icon/wizard-icon.js +1 -1
- package/dist/collection/utils/datepicker/date-picker-util.js +48 -0
- package/dist/components/b2b-date-picker.js +82 -24
- package/dist/components/b2b-dropdown.js +2 -2
- 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-icon-100.js +2 -0
- package/dist/components/b2b-label.js +2 -2
- package/dist/components/b2b-modal.js +2 -2
- package/dist/components/b2b-multiselect-dropdown.js +4 -4
- package/dist/components/b2b-pagination.js +1 -1
- package/dist/components/b2b-paragraph.js +2 -2
- 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-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 +30 -8
- package/dist/components/b2b-table-rowgroup.js +3 -3
- package/dist/components/b2b-table.js +2 -2
- package/dist/components/b2b-textarea.js +2 -2
- 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/date-picker-days-header.js +8 -4
- package/dist/components/date-picker-days.js +69 -20
- package/dist/components/date-picker-header.js +10 -7
- package/dist/components/date-picker-months.js +6 -3
- package/dist/components/date-picker.types.js +34 -3
- 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 +2 -2
- 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 +84 -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-date-picker-days_5.entry.js +30 -28
- package/dist/esm/b2b-date-picker.entry.js +69 -23
- package/dist/esm/b2b-dropdown.entry.js +2 -2
- 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-icon-100.entry.js +2 -0
- package/dist/esm/b2b-input-group_2.entry.js +3 -3
- package/dist/esm/b2b-input-label.entry.js +2 -2
- package/dist/esm/b2b-input_2.entry.js +5 -5
- 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 +4 -4
- package/dist/esm/b2b-pagination.entry.js +1 -1
- package/dist/esm/b2b-paragraph.entry.js +2 -2
- 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-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 +29 -8
- 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-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/date-picker-util-10878a70.js +103 -0
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/date-picker/date-picker-days-header.d.ts +2 -0
- package/dist/types/components/date-picker/date-picker-days.d.ts +8 -1
- package/dist/types/components/date-picker/date-picker-header.d.ts +2 -0
- package/dist/types/components/date-picker/date-picker-months.d.ts +2 -0
- package/dist/types/components/date-picker/date-picker.d.ts +24 -2
- package/dist/types/components/date-picker/date-picker.stories.d.ts +8 -0
- package/dist/types/components/date-picker/date-picker.types.d.ts +4 -2
- package/dist/types/components/icon-100/types.d.ts +1 -1
- package/dist/types/components/table/table-row/table-row.d.ts +6 -2
- package/dist/types/components.d.ts +145 -1
- package/dist/types/utils/datepicker/date-picker-util.d.ts +14 -0
- package/dist/web-types.json +153 -6
- package/package.json +3 -2
- package/dist/b2b-core-components/p-101e08d9.entry.js +0 -1
- package/dist/b2b-core-components/p-376ba9ef.entry.js +0 -1
- package/dist/b2b-core-components/p-441657b2.js +0 -1
- package/dist/b2b-core-components/p-68a836cb.entry.js +0 -1
- package/dist/b2b-core-components/p-931c9dc7.entry.js +0 -1
- package/dist/b2b-core-components/p-a0c1c775.entry.js +0 -1
- package/dist/b2b-core-components/p-d0e8d48b.entry.js +0 -1
- package/dist/b2b-core-components/p-d0e930f2.entry.js +0 -1
- package/dist/b2b-core-components/p-e1d7f335.entry.js +0 -1
- package/dist/cjs/date-picker.types-79f4bba0.js +0 -26
- package/dist/esm/date-picker.types-e21b2096.js +0 -23
|
@@ -28,7 +28,7 @@ const B2bGridColumnComponent = /*@__PURE__*/ proxyCustomElement(class B2bGridCol
|
|
|
28
28
|
this.textAlign = 'left';
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
return (h(Host, { key: '
|
|
31
|
+
return (h(Host, { key: 'f83b2c034afd37db56dd216e61b17718c96fc3ec', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, h("slot", { key: 'ddf44e8dab7ed9267c2be3e4a2a1ff6ba13bb53b' })));
|
|
32
32
|
}
|
|
33
33
|
get hostElement() { return this; }
|
|
34
34
|
}, [1, "b2b-grid-col", {
|
|
@@ -11,7 +11,7 @@ const B2bGridRowComponent = /*@__PURE__*/ proxyCustomElement(class B2bGridRowCom
|
|
|
11
11
|
this.justify = 'start';
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: 'cea79124fea736c6276b0f60c8ba983d3085dbdb', style: {
|
|
15
15
|
['justify-content']: `${this.justify}`,
|
|
16
16
|
['gap']: `${this.columnGap}px`,
|
|
17
17
|
['margin']: `${this.rowGap}px 0`,
|
|
@@ -19,7 +19,7 @@ const B2bGridRowComponent = /*@__PURE__*/ proxyCustomElement(class B2bGridRowCom
|
|
|
19
19
|
['display']: 'flex',
|
|
20
20
|
['flex-wrap']: 'wrap',
|
|
21
21
|
['box-sizing']: 'border-box',
|
|
22
|
-
} }, h("slot", { key: '
|
|
22
|
+
} }, h("slot", { key: '218cf8da76adc6f58983f90fb808629a4785f6a6' })));
|
|
23
23
|
}
|
|
24
24
|
get hostElement() { return this; }
|
|
25
25
|
}, [1, "b2b-grid-row", {
|
|
@@ -11,7 +11,7 @@ const B2bGridComponent = /*@__PURE__*/ proxyCustomElement(class B2bGridComponent
|
|
|
11
11
|
this.margin = 24;
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: 'd969835eaef0a092de761496f817e3aeb9fe9da3', style: { ['padding']: `${this.margin}px` }, class: "b2b-grid" }, h("slot", { key: '457acba45d11bb8ed33008c1158f89d33f5222f6' })));
|
|
15
15
|
}
|
|
16
16
|
get hostElement() { return this; }
|
|
17
17
|
static get style() { return B2bGridStyle0; }
|
|
@@ -33,6 +33,7 @@ const iconTypes = [
|
|
|
33
33
|
"b2b_icon-browser-click",
|
|
34
34
|
"b2b_icon-browser-content",
|
|
35
35
|
"b2b_icon-browser-psm",
|
|
36
|
+
"b2b_icon-bullet-list",
|
|
36
37
|
"b2b_icon-burger",
|
|
37
38
|
"b2b_icon-bus",
|
|
38
39
|
"b2b_icon-callback",
|
|
@@ -178,6 +179,7 @@ const iconTypes = [
|
|
|
178
179
|
"b2b_icon-order-state-unknown",
|
|
179
180
|
"b2b_icon-order-stored",
|
|
180
181
|
"b2b_icon-order",
|
|
182
|
+
"b2b_icon-ordered-list",
|
|
181
183
|
"b2b_icon-otto-app",
|
|
182
184
|
"b2b_icon-otto-campus",
|
|
183
185
|
"b2b_icon-otto-company",
|
|
@@ -11,10 +11,10 @@ const LabelComponent = /*@__PURE__*/ proxyCustomElement(class LabelComponent ext
|
|
|
11
11
|
this.type = 'neutral';
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h("span", { key: '
|
|
14
|
+
return (h("span", { key: '18b846e1287dcc46de3b719285f548dc2dda3591', class: {
|
|
15
15
|
'b2b-label': true,
|
|
16
16
|
[`b2b-label--${this.type}`]: true,
|
|
17
|
-
} }, h("slot", { key: '
|
|
17
|
+
} }, h("slot", { key: '3b2ec04870ce83e0bfe8910cf2224ce44df31706' })));
|
|
18
18
|
}
|
|
19
19
|
static get style() { return B2bLabelStyle0; }
|
|
20
20
|
}, [1, "b2b-label", {
|
|
@@ -210,10 +210,10 @@ const ModalComponent = /*@__PURE__*/ proxyCustomElement(class ModalComponent ext
|
|
|
210
210
|
this.attemptFocus(this.getFirstFocusableElement());
|
|
211
211
|
}
|
|
212
212
|
render() {
|
|
213
|
-
return (h(Host, { key: '
|
|
213
|
+
return (h(Host, { key: '05b9d293228c39dd82ad3b27c2dbba6432f63686' }, h("div", { key: 'efff47d3cdcf4e692687f326238b7e05f4262dc9', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, h("div", { key: 'bb2bd023ecfdf7a25975d04630f6b8d91c4c4238', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), h("div", { key: 'ea87924e8112672d9d76173509107ef820e1eaba', class: {
|
|
214
214
|
'b2b-modal__dialog': true,
|
|
215
215
|
[`b2b-modal__dialog--${this.variant}`]: true,
|
|
216
|
-
} }, h("div", { key: '
|
|
216
|
+
} }, h("div", { key: '367bfc5a0dde6ec1f91a9461bec1af6833446c26', class: "b2b-modal__dialog__header" }, h("div", { key: '22bfcbcc0bd2056a60e4b9fe8ee76263a5aaf60b', class: "b2b-modal__dialog__header-left" }, h("b2b-headline", { key: 'f1ecab2113e756f8a37e9e136608bf44e74491ca', align: "center", size: "200", noMargin: true }, this.heading), h("slot", { key: '42d151db80bdfe6ce662a878fb100d943e461cc4', name: "header-icon" })), h("div", { key: '765aef597c08d2ae6133fb7e00f37f7882808ec1', class: "b2b-modal__dialog__header-right" }, h("button", { key: '6c27b0802cbc80519ce47e63af63b235f9b15170', type: "button", class: "b2b-modal__dialog__close", onMouseEnter: this.toggleIconHover, onMouseLeave: this.toggleIconHover, onClick: this.handleClickDismiss, ref: el => (this.closeButton = el) }, h("b2b-icon", { key: '4e7ba249cedbcf6312d716d1031133870845b6cb', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' })))), h("div", { key: '3f9fd1e166f3e0382d98fa00eedfbcaed9f70bbb', class: "b2b-modal__dialog__body" }, h("slot", { key: '145b3a0dbd8ee9251114a5f5d53a97d3a2bc7fbe' })), h("div", { key: '52a105ca1acb27d5b7ccf6dffa7f15a11f8baa94', class: "b2b-modal__dialog__footer" }, h("div", { key: 'ae006150cf95ea7b7ffd6ddcb5492e625bc805b8', class: "b2b-modal__dialog__footer-left" }, h("slot", { key: '09e5f13b1a3dcb49e937924a7542fc5656ae1418', name: "footer-left" })), h("div", { key: 'cee8f2a29c60dfb12d99e270164098506ac14b11', class: "b2b-modal__dialog__footer-right" }, h("slot", { key: 'ab2c62d156b5476b4036d8ee362587f4ed19c8c2', name: "footer-right" })))), h("div", { key: 'a7eee41356ac61e86e8034c1a2c7b00ef5841a08', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), h("div", { key: 'e94d87a4553ddf37cbe12955ad6ed00c5a5ea1f9', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
|
|
217
217
|
}
|
|
218
218
|
get hostElement() { return this; }
|
|
219
219
|
static get watchers() { return {
|
|
@@ -158,7 +158,7 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
|
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
160
|
parseStringToArray(value) {
|
|
161
|
-
return JSON.parse(value
|
|
161
|
+
return JSON.parse(value);
|
|
162
162
|
}
|
|
163
163
|
componentDidUpdate() {
|
|
164
164
|
const options = this.getOptions();
|
|
@@ -166,13 +166,13 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
|
|
|
166
166
|
this.updateSelectAll(options);
|
|
167
167
|
}
|
|
168
168
|
render() {
|
|
169
|
-
return (h(Host, { key: '
|
|
169
|
+
return (h(Host, { key: 'ae0810d77f48d5aed5fb7d97e1b3a800a4a057b0', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: 'e9e67e9c02c8885919740f97c3c52f12991cff66' }, this.label), h("div", { key: '43e41efade0b8d761f1d8edf11415a43c461e804', class: {
|
|
170
170
|
'b2b-multiselect-dropdown': true,
|
|
171
171
|
'b2b-multiselect-dropdown--open': this.isElementFocused,
|
|
172
|
-
}, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), h("b2b-icon", { key: '
|
|
172
|
+
}, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), h("b2b-icon", { key: '1c89e8e3bd29103d53f57d09729a50d4a572cb83', icon: "b2b_icon-arrow-down" })), h("div", { key: '6bea389b47af4c68930ca8b9929d5306851c3e07', class: {
|
|
173
173
|
'b2b-multiselect-dropdown__options-container': true,
|
|
174
174
|
'b2b-multiselect-dropdown__options-container--visible': this.isElementFocused,
|
|
175
|
-
} }, h("div", { key: '
|
|
175
|
+
} }, h("div", { key: '2ce84f01cd609c3086d0bc882d03120ce910d79e', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: '6acc6a4f6a96208e82eb04d5f7a59aa49fbd7c62', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: 'b55e0c46ff96afbbb069d0406bf2e5c15beb13e5', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: '4be2a1d6433bad06d85b3e4765e9d65e483223b0', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
|
|
176
176
|
this.currentList.map(option => (h("b2b-multiselect-option", { "onB2b-option-selected": this.handleSelectedChange, option: option })))))));
|
|
177
177
|
}
|
|
178
178
|
get hostElement() { return this; }
|
|
@@ -108,7 +108,7 @@ const PaginationComponent = /*@__PURE__*/ proxyCustomElement(class PaginationCom
|
|
|
108
108
|
};
|
|
109
109
|
}
|
|
110
110
|
render() {
|
|
111
|
-
return (h("nav", { key: '
|
|
111
|
+
return (h("nav", { key: '7a5f0a7ad756286b1fb9aa08af4b0818bff96717' }, h("ol", { key: 'e2c4e68f3581843f4f8445942eb590229fab1637', class: "b2b-pagination" }, this.activePage !== 1 && (h("li", { class: "b2b-pagination--previous" }, h("b2b-button", { onClick: this.selectPreviousPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelPreviousPage }, PaginationConstants.BACK))), this.navItems.map((navItem, index) => {
|
|
112
112
|
const isItemActive = this.activePage === navItem;
|
|
113
113
|
return (h("li", { class: this.getItemClass(navItem) }, h("b2b-button", { onClick: () => this.setSelectedPage(navItem, index), active: isItemActive, disabled: isItemActive, size: "50", variant: "secondary" }, navItem)));
|
|
114
114
|
}), this.activePage !== this.totalPages && (h("li", { class: "b2b-pagination--next" }, h("b2b-button", { onClick: this.selectNextPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelNextPage }, PaginationConstants.NEXT))))));
|
|
@@ -16,7 +16,7 @@ const ParagraphComponent = /*@__PURE__*/ proxyCustomElement(class ParagraphCompo
|
|
|
16
16
|
this.display = 'block';
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h("p", { key: '
|
|
19
|
+
return (h("p", { key: '410bec2bfaa21c973ecb2c8a40238ca8e858b95f', style: {
|
|
20
20
|
display: this.display,
|
|
21
21
|
}, class: {
|
|
22
22
|
'b2b-paragraph': true,
|
|
@@ -25,7 +25,7 @@ const ParagraphComponent = /*@__PURE__*/ proxyCustomElement(class ParagraphCompo
|
|
|
25
25
|
['b2b-paragraph--align-' + this.align]: true,
|
|
26
26
|
['b2b-paragraph--no-margin']: !this.margin,
|
|
27
27
|
['b2b-paragraph--variant-' + this.variant]: true,
|
|
28
|
-
} }, h("slot", { key: '
|
|
28
|
+
} }, h("slot", { key: 'c2dae90e21ff14bdea080f007eb35d36ade59bad' })));
|
|
29
29
|
}
|
|
30
30
|
static get style() { return B2bParagraphStyle0; }
|
|
31
31
|
}, [1, "b2b-paragraph", {
|
|
@@ -24,11 +24,11 @@ const ProgressBarComponent = /*@__PURE__*/ proxyCustomElement(class ProgressBarC
|
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
26
|
const labelExists = this.label !== undefined && this.label !== '';
|
|
27
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: '2466d3c474ca6240247bb397426f060698d97186' }, h("div", { key: '6d0e5633c0f01952a52aba45c43b39654fc3b3ea', class: {
|
|
28
28
|
[`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]: true,
|
|
29
|
-
} }, h("div", { key: '
|
|
29
|
+
} }, h("div", { key: 'ee25b17b43f6204cb370c2046cdee20790193f89', class: "b2b-progress-bar__wrapper" }, h("div", { key: '78050a17a169f50a5a5784ac48a7a58152ea2e6b', class: "b2b-progress-bar__progress", style: {
|
|
30
30
|
width: `${this.getProgress()}%`,
|
|
31
|
-
} })), h("div", { key: '
|
|
31
|
+
} })), h("div", { key: '44c633adccf2736adf8d0cc462c269d83f0c31c5', class: {
|
|
32
32
|
'b2b-progress-bar__label': labelExists,
|
|
33
33
|
'b2b-progress-bar__label-none': !labelExists,
|
|
34
34
|
[`b2b-progress-bar__label__${this.labelPosition}-${this.labelType}`]: labelExists,
|
|
@@ -64,11 +64,11 @@ const B2bRadioButtonComponent = /*@__PURE__*/ proxyCustomElement(class B2bRadioB
|
|
|
64
64
|
return Array.from(document.querySelectorAll(`b2b-radio-button[name="${this.name}"]`)).filter((radio) => radio.value !== this.value);
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
|
-
return (h(Host, { key: '
|
|
67
|
+
return (h(Host, { key: 'c6a48de040535714aa894821869b17a09bd7c0bc', onClick: this.onClick }, h("div", { key: 'c7330bbaad0413b440b630607a7f036ae4ede8bd', class: {
|
|
68
68
|
'b2b-radio': true,
|
|
69
69
|
'b2b-radio--error': this.invalid && !this.disabled,
|
|
70
70
|
'b2b-radio--disabled': this.disabled,
|
|
71
|
-
} }, h("div", { key: '
|
|
71
|
+
} }, h("div", { key: 'fa4653ef9abfffb7bccc3450d5fd024a3167297c', class: "b2b-radio-items" }, h("input", { key: '0ada5794f7abd8f5a10078e06a6d0ad8a2d2053e', class: "b2b-radio-input", "aria-labelledby": this.name, type: "radio", checked: this.checked, disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, value: this.value }), h("b2b-input-label", { key: '1486659420211964f3a59c4465717170eaffb7ec', id: this.name, required: this.required, disabled: this.disabled }, h("slot", { key: 'deac0ee6f41f57b312837c8e24534f0e9416144b', name: "label" }, this.label))), (this.hint !== undefined && !this.invalid) ||
|
|
72
72
|
(this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : (''))));
|
|
73
73
|
}
|
|
74
74
|
get host() { return this; }
|
|
@@ -78,11 +78,11 @@ const RadioButtonGroupComponent = /*@__PURE__*/ proxyCustomElement(class RadioBu
|
|
|
78
78
|
this.removeChildText();
|
|
79
79
|
}
|
|
80
80
|
render() {
|
|
81
|
-
return (h(Host, { key: '
|
|
81
|
+
return (h(Host, { key: '7d9c1d82a8e36e51555112beb36140829d971c22' }, h("div", { key: 'c3a003fe8e873cdcf0f998087fb9ca88cd8cf829', class: {
|
|
82
82
|
'b2b-radio-group': true,
|
|
83
83
|
'b2b-radio-group--error': this.invalid && !this.disabled,
|
|
84
84
|
[`b2b-radio-group--${this.alignment}`]: true,
|
|
85
|
-
} }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("fieldset", { key: '
|
|
85
|
+
} }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("fieldset", { key: '4d513eb53eb50d556d3e9b3635b0560dd337dd46' }, h("div", { key: '18268876504e9af54aa1815c76365ad41ff5b0ee', class: "b2b-radio-group-options" }, h("slot", { key: '78b7c3a6a05ace18d201b6fc600969df040ad531' }))), (this.hint !== undefined && !this.invalid) ||
|
|
86
86
|
(this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : (''))));
|
|
87
87
|
}
|
|
88
88
|
get host() { return this; }
|
|
@@ -12,7 +12,7 @@ const B2BRequiredSeparator = /*@__PURE__*/ proxyCustomElement(class B2BRequiredS
|
|
|
12
12
|
this.label = 'Pflichtfeld';
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: 'cab5659fd608d598bfdea6c24da780f5b1c8f0a4' }, h("div", { key: '107780204e6bc22b6d87014639307a1ddf0a3077', class: "b2b-required-separator__label" }, h("span", { key: '1997e65a06747f06779950ad793ddd221dcd9974', class: "b2b-required-separator__asterisk" }, "* "), h("span", { key: '44b6faacf88b76a13dcc2fcf2529354279103d83' }, this.label)), h("b2b-separator", { key: 'cf1747b9ec17ea9eb352f777f0ad25c8d6b2a927' })));
|
|
16
16
|
}
|
|
17
17
|
static get style() { return B2bRequiredSeparatorStyle0; }
|
|
18
18
|
}, [1, "b2b-required-separator", {
|
|
@@ -10,7 +10,7 @@ const ScrollableContainerComponent = /*@__PURE__*/ proxyCustomElement(class Scro
|
|
|
10
10
|
this.__attachShadow();
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '2fd5cba6708e2ec70567ea9b582ad5c2cbc9531f' }, h("slot", { key: '9998b1dcb05a6396e288317365d56e983baeb002' })));
|
|
14
14
|
}
|
|
15
15
|
get host() { return this; }
|
|
16
16
|
static get style() { return B2bScrollableContainerStyle0; }
|
|
@@ -35,7 +35,7 @@ const SearchComponent = /*@__PURE__*/ proxyCustomElement(class SearchComponent e
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: 'b24052966f06f771d924c1fc7a2257155aa1fafe' }, h("b2b-input-group", { key: '35c7d7926e6d014a87d39174ba83e3eb7a323e32', disabled: this.disabled }, h("b2b-input-list", { key: 'ccf3037cf0f7d64ae7e5f37c1789a082886db2f2', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, h("slot", { key: '59a0f64d0f39498ddf04b3cdced2c8111de1ada9' })), h("b2b-button", { key: '7a09cbe052e0c17e9c76a53fc3c7e4694ff71461', slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon", { key: '65d2f0468e9c8a8300ae4905e5644841dc80072c', icon: "b2b_icon-search", clickable: true })))));
|
|
39
39
|
}
|
|
40
40
|
get hostElement() { return this; }
|
|
41
41
|
}, [1, "b2b-search", {
|
|
@@ -127,7 +127,7 @@ const B2bTabGroupComponent = /*@__PURE__*/ proxyCustomElement(class B2bTabGroupC
|
|
|
127
127
|
});
|
|
128
128
|
}
|
|
129
129
|
render() {
|
|
130
|
-
return (h(Host, { key: '
|
|
130
|
+
return (h(Host, { key: '9909139cbb9146d9f0362472c86d1f386b579ba6' }, h("slot", { key: 'ab007fd2e3db59a53a1a11e716fc20993390272d', name: "tab" }), h("b2b-separator", { key: '75c80e51f6b78a6bc19c7ab20507e6f47a66a6d6' }), h("slot", { key: 'c996bbfd3439a1db26b70e066766a9af99d825b4', name: "panel" })));
|
|
131
131
|
}
|
|
132
132
|
get hostElement() { return this; }
|
|
133
133
|
}, [1, "b2b-tab-group", {
|
|
@@ -12,7 +12,7 @@ const B2bTabPanelComponent = /*@__PURE__*/ proxyCustomElement(class B2bTabPanelC
|
|
|
12
12
|
this.generatedId = i++;
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: '7ef09ad5f34e94032ee3f48352980080998fe35c', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, h("div", { key: '68e0f565985114d15d1be05d3fed2a2fa25687d7', class: "b2b-tab-panel" }, h("slot", { key: '8ca942618a4efd0d7866c56080a50f49550799b4' }))));
|
|
16
16
|
}
|
|
17
17
|
static get style() { return B2bTabPanelStyle0; }
|
|
18
18
|
}, [1, "b2b-tab-panel"]);
|
|
@@ -25,12 +25,12 @@ const B2bTabComponent = /*@__PURE__*/ proxyCustomElement(class B2bTabComponent e
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: 'b0ce35de40859cbe4ac92fb7590dbcdf7ba2a856', id: `b2b-tab-${this.generatedId}`, "aria-role": "tab", "aria-selected": this.selected, role: this.disabled ? false : 'tab', disabled: this.disabled, tabindex: this.disabled ? false : this.selected ? '0' : '-1' }, h("span", { key: 'b40f64090aa72ad05ca09c7346adc0fd454e78fd', class: {
|
|
29
29
|
'b2b-tab': true,
|
|
30
30
|
'b2b-tab--selected': this.selected,
|
|
31
31
|
'b2b-tab--disabled': this.disabled,
|
|
32
32
|
'b2b-tab--error': this.invalid,
|
|
33
|
-
} }, h("slot", { key: '
|
|
33
|
+
} }, h("slot", { key: '973bf596f14c101d95811440e0a610d96858f1ad' }))));
|
|
34
34
|
}
|
|
35
35
|
get hostElement() { return this; }
|
|
36
36
|
static get watchers() { return {
|
|
@@ -16,6 +16,8 @@ const TableRowComponent = /*@__PURE__*/ proxyCustomElement(class TableRowCompone
|
|
|
16
16
|
this.__attachShadow();
|
|
17
17
|
this.b2bOpen = createEvent(this, "b2b-open", 7);
|
|
18
18
|
this.b2bSelected = createEvent(this, "b2b-row-selected", 7);
|
|
19
|
+
this.parentRowGroup = null;
|
|
20
|
+
this.observer = null;
|
|
19
21
|
this.toggleOpen = () => {
|
|
20
22
|
this.isOpen = !this.isOpen;
|
|
21
23
|
this.b2bOpen.emit(this.isOpen);
|
|
@@ -31,7 +33,7 @@ const TableRowComponent = /*@__PURE__*/ proxyCustomElement(class TableRowCompone
|
|
|
31
33
|
});
|
|
32
34
|
};
|
|
33
35
|
this.getRowColor = () => {
|
|
34
|
-
if (this.
|
|
36
|
+
if (this.isAccordionValue &&
|
|
35
37
|
isFirstRow(this.hostElement) &&
|
|
36
38
|
!this.isHeader()) {
|
|
37
39
|
return TableColourOptions.GROUP;
|
|
@@ -46,9 +48,6 @@ const TableRowComponent = /*@__PURE__*/ proxyCustomElement(class TableRowCompone
|
|
|
46
48
|
this.getParentRowGroup = () => {
|
|
47
49
|
return this.hostElement.closest('b2b-table-rowgroup');
|
|
48
50
|
};
|
|
49
|
-
this.isAccordion = () => {
|
|
50
|
-
return this.getParentRowGroup().hasAttribute('accordion');
|
|
51
|
-
};
|
|
52
51
|
this.isHeader = () => {
|
|
53
52
|
return this.getParentRowGroup().type === 'header';
|
|
54
53
|
};
|
|
@@ -64,7 +63,7 @@ const TableRowComponent = /*@__PURE__*/ proxyCustomElement(class TableRowCompone
|
|
|
64
63
|
}
|
|
65
64
|
};
|
|
66
65
|
this.getAccordionColumns = () => {
|
|
67
|
-
if (this.
|
|
66
|
+
if (this.isAccordionValue && !this.isHeader()) {
|
|
68
67
|
if (isFirstRow(this.hostElement)) {
|
|
69
68
|
return (h("b2b-table-cell", null, h("button", { onClick: this.toggleOpen, class: {
|
|
70
69
|
'b2b-table-row__accordion-icon': true,
|
|
@@ -73,7 +72,7 @@ const TableRowComponent = /*@__PURE__*/ proxyCustomElement(class TableRowCompone
|
|
|
73
72
|
}
|
|
74
73
|
return (h("b2b-table-cell", { class: "b2b-table-row__control-cell--accordion" }));
|
|
75
74
|
}
|
|
76
|
-
else if (this.
|
|
75
|
+
else if (this.isAccordionValue && this.isHeader()) {
|
|
77
76
|
return (h("b2b-table-header", { class: "b2b-table-row__control-cell--accordion" }));
|
|
78
77
|
}
|
|
79
78
|
};
|
|
@@ -84,6 +83,7 @@ const TableRowComponent = /*@__PURE__*/ proxyCustomElement(class TableRowCompone
|
|
|
84
83
|
this.value = undefined;
|
|
85
84
|
this.indeterminate = false;
|
|
86
85
|
this.checked = false;
|
|
86
|
+
this.isAccordionValue = false;
|
|
87
87
|
this.isOpen = false;
|
|
88
88
|
}
|
|
89
89
|
toggleSelected(event) {
|
|
@@ -110,14 +110,35 @@ const TableRowComponent = /*@__PURE__*/ proxyCustomElement(class TableRowCompone
|
|
|
110
110
|
this.getParentRowGroup().type !== 'header') {
|
|
111
111
|
console.warn('You need to associate a value with the row as a unique identifier.');
|
|
112
112
|
}
|
|
113
|
+
this.findParentAndObserve();
|
|
114
|
+
}
|
|
115
|
+
disconnectedCallback() {
|
|
116
|
+
if (this.observer !== undefined && this.observer !== null) {
|
|
117
|
+
this.observer.disconnect();
|
|
118
|
+
this.observer = null;
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
findParentAndObserve() {
|
|
122
|
+
this.parentRowGroup = this.hostElement.closest('b2b-table-rowgroup');
|
|
123
|
+
if (this.parentRowGroup !== undefined && this.parentRowGroup !== null) {
|
|
124
|
+
this.observer = new MutationObserver(() => {
|
|
125
|
+
var _a;
|
|
126
|
+
this.isAccordionValue =
|
|
127
|
+
((_a = this.parentRowGroup) === null || _a === void 0 ? void 0 : _a.hasAttribute('accordion')) || false;
|
|
128
|
+
});
|
|
129
|
+
this.observer.observe(this.parentRowGroup, { attributes: true });
|
|
130
|
+
}
|
|
131
|
+
else {
|
|
132
|
+
console.warn('Parent b2b-table-rowgroup not found!');
|
|
133
|
+
}
|
|
113
134
|
}
|
|
114
135
|
render() {
|
|
115
|
-
return (h(Host, { key: '
|
|
136
|
+
return (h(Host, { key: 'c39eb58624347736a167fef2e4aa9fc9ca7c7e48', class: {
|
|
116
137
|
'b2b-table-row': true,
|
|
117
138
|
['b2b-table-row--colspan']: this.size === TableSizes.COLSPAN,
|
|
118
139
|
['b2b-table-row--highlight']: this.highlight,
|
|
119
140
|
[`b2b-table-row--color-${this.getRowColor()}`]: true,
|
|
120
|
-
}, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), h("slot", { key: '
|
|
141
|
+
}, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), h("slot", { key: 'e224986cde05a3e6fc60c087953512bca87999ef' })));
|
|
121
142
|
}
|
|
122
143
|
get hostElement() { return this; }
|
|
123
144
|
static get style() { return B2bTableRowStyle0; }
|
|
@@ -129,6 +150,7 @@ const TableRowComponent = /*@__PURE__*/ proxyCustomElement(class TableRowCompone
|
|
|
129
150
|
"value": [1],
|
|
130
151
|
"indeterminate": [4],
|
|
131
152
|
"checked": [1028],
|
|
153
|
+
"isAccordionValue": [32],
|
|
132
154
|
"isOpen": [32],
|
|
133
155
|
"toggleAccordion": [64]
|
|
134
156
|
}, [[0, "b2b-change", "toggleSelected"]]]);
|
|
@@ -120,18 +120,18 @@ const TableRowgroupComponent = /*@__PURE__*/ proxyCustomElement(class TableRowgr
|
|
|
120
120
|
this.makeHeaderRowNotSelectable();
|
|
121
121
|
}
|
|
122
122
|
render() {
|
|
123
|
-
return (h(Host, { key: '
|
|
123
|
+
return (h(Host, { key: 'faa8967bf314a57aaa29bf32e4a8dd9fb1d31229', class: {
|
|
124
124
|
['b2b-table-rowgroup__' + this.type]: true,
|
|
125
125
|
'b2b-table-rowgroup--fixed': this.fixed,
|
|
126
126
|
'b2b-table-rowgroup--colspan': this.size === TableSizes.COLSPAN,
|
|
127
|
-
}, role: "rowgroup" }, h("slot", { key: '
|
|
127
|
+
}, role: "rowgroup" }, h("slot", { key: 'bf00c613d18b138e715d9840141e06399e4f5309' })));
|
|
128
128
|
}
|
|
129
129
|
get host() { return this; }
|
|
130
130
|
static get style() { return B2bTableRowgroupStyle0; }
|
|
131
131
|
}, [1, "b2b-table-rowgroup", {
|
|
132
132
|
"type": [1],
|
|
133
133
|
"size": [1],
|
|
134
|
-
"accordion": [
|
|
134
|
+
"accordion": [516],
|
|
135
135
|
"selectable": [4],
|
|
136
136
|
"fixed": [4],
|
|
137
137
|
"opened": [516],
|
|
@@ -67,9 +67,9 @@ const TableComponent = /*@__PURE__*/ proxyCustomElement(class TableComponent ext
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
render() {
|
|
70
|
-
return (h(Host, { key: '
|
|
70
|
+
return (h(Host, { key: 'd69ea87cde7434a9555464edaf081268ee850bdb', class: {
|
|
71
71
|
['b2b-table--' + this.size]: true,
|
|
72
|
-
}, role: "table" }, h("slot", { key: '
|
|
72
|
+
}, role: "table" }, h("slot", { key: '196c2f61af014d04a842543ea66ff806edbb8e5f' })));
|
|
73
73
|
}
|
|
74
74
|
get host() { return this; }
|
|
75
75
|
static get style() { return B2bTableStyle0; }
|
|
@@ -53,10 +53,10 @@ const B2BTextareaComponent = /*@__PURE__*/ proxyCustomElement(class B2BTextareaC
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
render() {
|
|
56
|
-
return (h(Host, { key: '
|
|
56
|
+
return (h(Host, { key: 'f58f062339891dfe7d78fcce5b9a90ac9871d826', class: {
|
|
57
57
|
'b2b-textarea': true,
|
|
58
58
|
'b2b-textarea--error': this.invalid && !this.disabled,
|
|
59
|
-
} }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '
|
|
59
|
+
} }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '22cd5ea8b7b8cd34253c2cc076b0273b1481e10f', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
|
|
60
60
|
(this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
|
|
61
61
|
}
|
|
62
62
|
get hostElement() { return this; }
|
|
@@ -39,13 +39,13 @@ const B2bToggleButtonComponent = /*@__PURE__*/ proxyCustomElement(class B2bToggl
|
|
|
39
39
|
return Array.from(document.querySelectorAll(`b2b-toggle-button[name="${this.name}"]`)).filter((toggle) => toggle.value !== this.value);
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
return (h(Host, { key: '
|
|
42
|
+
return (h(Host, { key: '757afe3ee305d4bba0c4092c98c277661d13213d', onClick: this.onClick }, h("span", { key: 'ad8f66caccea7374aa6bc6faf8a837efca0d5f69', class: {
|
|
43
43
|
'b2b-toggle-button': true,
|
|
44
44
|
'b2b-toggle-button--disabled': this.disabled,
|
|
45
|
-
} }, h("input", { key: '
|
|
45
|
+
} }, h("input", { key: 'e7b4b5267dbf8f5e6c212bfe5b3a7cda870c53ec', tabindex: 0, class: {
|
|
46
46
|
'b2b-toggle-button__input': true,
|
|
47
47
|
'b2b-toggle-button__input--disabled': this.disabled,
|
|
48
|
-
}, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: '
|
|
48
|
+
}, "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: {
|
|
49
49
|
'b2b-toggle-button__label': true,
|
|
50
50
|
'b2b-toggle-button__label--disabled': this.disabled,
|
|
51
51
|
'b2b-toggle-button__label--checked': this.checked && !this.disabled,
|
|
@@ -41,11 +41,11 @@ const B2BToggleChipComponent = /*@__PURE__*/ proxyCustomElement(class B2BToggleC
|
|
|
41
41
|
this.disabled = false;
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
return (h(Host, { key: '
|
|
44
|
+
return (h(Host, { key: 'e9f095939f1efc375328ffa58edd66f880d3c8c3' }, h("span", { key: 'a708176728cdf47e6308df8fafc9bb70b4bf8472', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
|
|
45
45
|
'b2b-toggle-chip': true,
|
|
46
|
-
} }, h("input", { key: '
|
|
46
|
+
} }, h("input", { key: 'cc88a7fb483e9400eae10322e77d71811b7ea269', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
|
|
47
47
|
'b2b-toggle-chip__input': true,
|
|
48
|
-
}, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: '
|
|
48
|
+
}, 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: {
|
|
49
49
|
'b2b-toggle-chip__label': true,
|
|
50
50
|
[`b2b-toggle-chip__label--${this.variant}`]: true,
|
|
51
51
|
'b2b-toggle-chip__label--active': this.active,
|
|
@@ -53,10 +53,10 @@ const B2BToggleGroup = /*@__PURE__*/ proxyCustomElement(class B2BToggleGroup ext
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
render() {
|
|
56
|
-
return (h(Host, { key: '
|
|
56
|
+
return (h(Host, { key: 'fe75399c8e92ccb8a057ae685151b2434e2c260c' }, h("div", { key: '0a7b4ef54a74776c624399f9d851c16ff21eadd2', class: {
|
|
57
57
|
'b2b-toggle-group': true,
|
|
58
58
|
'b2b-toggle-group--disabled': this.disabled,
|
|
59
|
-
} }, h("fieldset", { key: '
|
|
59
|
+
} }, h("fieldset", { key: '936d54912451d8f47449c5f3600bf21d6143bd4d' }, h("slot", { key: 'e6313236733da0801b1c8c618ce9e625f00fa015' })))));
|
|
60
60
|
}
|
|
61
61
|
get host() { return this; }
|
|
62
62
|
static get watchers() { return {
|
|
@@ -46,17 +46,17 @@ const B2bToggleSwitchComponent = /*@__PURE__*/ proxyCustomElement(class B2bToggl
|
|
|
46
46
|
render() {
|
|
47
47
|
// workaround for purgecss as safelist doesn't work
|
|
48
48
|
const isLeft = this.labelPosition === 'left';
|
|
49
|
-
return (h(Host, { key: '
|
|
49
|
+
return (h(Host, { key: 'ee7f31fda73708f9c0f239b7e812001e061b4df7' }, h("div", { key: 'e0cb8c2a712c6925da760d49228fdf0eec33eed4', class: {
|
|
50
50
|
'b2b-toggle': true,
|
|
51
51
|
'b2b-toggle--disabled': this.disabled,
|
|
52
52
|
'b2b-toggle--checked': this.state,
|
|
53
|
-
} }, h("div", { key: '
|
|
53
|
+
} }, h("div", { key: 'fd213e47ef55cceb7e7089b393a06637ca381394', class: {
|
|
54
54
|
'b2b-toggle__label': true,
|
|
55
55
|
'b2b-toggle__label--left': isLeft,
|
|
56
|
-
} }, h("span", { key: '
|
|
56
|
+
} }, h("span", { key: '7fa4a2e0324f8519001df63fb5bf6fbed66f8327', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: '956ca1d77e4a13a32e3da78c87432d92a3012dc2', class: {
|
|
57
57
|
'b2b-toggle__icon': true,
|
|
58
58
|
'b2b-toggle__icon--show': this.state,
|
|
59
|
-
}, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, h("path", { key: '
|
|
59
|
+
}, 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: {
|
|
60
60
|
'b2b-toggle__text': true,
|
|
61
61
|
'b2b-toggle__text--left': isLeft,
|
|
62
62
|
} }, this.label))))));
|
|
@@ -60,13 +60,13 @@ const B2BTooltipComponent = /*@__PURE__*/ proxyCustomElement(class B2BTooltipCom
|
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
render() {
|
|
63
|
-
return (h(Host, { key: '
|
|
63
|
+
return (h(Host, { key: '85bcf6cfa9dc9330a62fe8f426bb5cd94d3d944d', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '4a2a30daf9999b103f852ff30d527c82d890bf52', class: {
|
|
64
64
|
[`b2b-tooltip--${this.position}`]: true,
|
|
65
65
|
'b2b-tooltip__trigger': true,
|
|
66
|
-
} }, h("slot", { key: '
|
|
66
|
+
} }, h("slot", { key: 'a01eb4473cc7a18ba62fa68efcdf1a41840bb758' }), h("div", { key: '371f2f93de8607c874be40ffcf033d5a31dd3e5a', class: {
|
|
67
67
|
'b2b-tooltip__content': true,
|
|
68
68
|
'b2b-tooltip--visible': this.opened,
|
|
69
|
-
} }, h("slot", { key: '
|
|
69
|
+
} }, h("slot", { key: '0cf561f9c961fa5d2a38f28fe27288ce62313fd6', name: "content" }, this.content)))));
|
|
70
70
|
}
|
|
71
71
|
get host() { return this; }
|
|
72
72
|
static get watchers() { return {
|
|
@@ -17,10 +17,10 @@ const WizardStepComponent = /*@__PURE__*/ proxyCustomElement(class WizardStepCom
|
|
|
17
17
|
this.checkIcon = true;
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
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: {
|
|
21
21
|
'b2b_wizard__step__label': true,
|
|
22
22
|
'b2b_wizard__step__label--default': this.state === WizardStatus.DEFAULT,
|
|
23
|
-
} }, h("slot", { key: '
|
|
23
|
+
} }, h("slot", { key: '542832da55ea31b393b4a50cad6cc54f02d7223f' })))));
|
|
24
24
|
}
|
|
25
25
|
static get style() { return B2bWizardStepStyle0; }
|
|
26
26
|
}, [1, "b2b-wizard-step", {
|
|
@@ -51,7 +51,7 @@ const WizardComponent = /*@__PURE__*/ proxyCustomElement(class WizardComponent e
|
|
|
51
51
|
this.setStepsState();
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
|
-
return (h(Host, { key: '
|
|
54
|
+
return (h(Host, { key: 'b138e231ec78b9550d5d40431f6645a2cff00182' }, h("div", { key: 'b14e8010d0753fa917e68a6269559b28b2b7e8e5', class: "b2b_wizard" }, h("slot", { key: '88eb49e82b1276b35b50d3a438fe71a5ce4476ee' }))));
|
|
55
55
|
}
|
|
56
56
|
get host() { return this; }
|
|
57
57
|
static get style() { return B2bWizardStyle0; }
|