@otto-de/b2b-core-components 1.20.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-chatbot.svg +2 -20
- 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-64a2aebd.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-4ac8b0ba.entry.js → p-15988a15.entry.js} +1 -1
- package/dist/b2b-core-components/{p-171722c3.entry.js → p-1930be42.entry.js} +1 -1
- package/dist/b2b-core-components/{p-1887174e.entry.js → p-19b5503c.entry.js} +1 -1
- package/dist/b2b-core-components/{p-189f3e25.entry.js → p-1c048a27.entry.js} +1 -1
- package/dist/b2b-core-components/{p-ae0d9209.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-4e7ad473.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-2bab8c7f.entry.js +1 -0
- package/dist/b2b-core-components/{p-00700a00.entry.js → p-2c8f2fa9.entry.js} +1 -1
- package/dist/b2b-core-components/{p-31df26eb.entry.js → p-3ef45a4b.entry.js} +1 -1
- package/dist/b2b-core-components/{p-bcb7e042.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-08a26519.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-6f3a6904.entry.js +1 -0
- package/dist/b2b-core-components/{p-39651255.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-c33bc1a2.entry.js → p-752d38c8.entry.js} +1 -1
- package/dist/b2b-core-components/{p-ab8d496b.entry.js → p-7afbfa3b.entry.js} +1 -1
- package/dist/b2b-core-components/{p-e9537c12.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-54d15111.entry.js → p-9f453acb.entry.js} +1 -1
- package/dist/b2b-core-components/p-a923feb6.js +1 -0
- package/dist/b2b-core-components/{p-758ff932.entry.js → p-ad0df2f2.entry.js} +1 -1
- package/dist/b2b-core-components/{p-35dca1b0.entry.js → p-b03d197a.entry.js} +1 -1
- package/dist/b2b-core-components/{p-6847b3bf.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-1135d0ce.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-0e7e3e44.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-d3a04423.entry.js +1 -0
- package/dist/b2b-core-components/{p-30d6787c.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-e350e4ab.entry.js → p-f8f280fc.entry.js} +1 -1
- package/dist/cjs/b2b-alert.cjs.entry.js +1 -1
- package/dist/cjs/b2b-anchor.cjs.entry.js +7 -3
- 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 +4 -4
- package/dist/cjs/b2b-radio-button.cjs.entry.js +2 -2
- package/dist/cjs/b2b-radio-group.cjs.entry.js +5 -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/alert/alert.e2e.js +2 -2
- package/dist/collection/components/alert/alert.js +2 -2
- package/dist/collection/components/anchor/anchor.css +16 -7
- package/dist/collection/components/anchor/anchor.js +42 -2
- package/dist/collection/components/anchor/anchor.spec.js +8 -8
- package/dist/collection/components/anchor/anchor.stories.js +22 -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/headline/headline.stories.js +9 -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-chatbot.svg +2 -20
- 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 +5 -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 +9 -0
- package/dist/collection/components/radio/radio.js +2 -2
- package/dist/collection/components/radio/radio.stories.js +7 -0
- package/dist/collection/components/radio-group/radio-group.css +2 -2
- package/dist/collection/components/radio-group/radio-group.e2e.js +12 -0
- package/dist/collection/components/radio-group/radio-group.js +5 -2
- package/dist/collection/components/radio-group/radio-group.stories.js +15 -0
- 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-alert.js +1 -1
- package/dist/components/b2b-anchor.js +10 -4
- 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 +4 -4
- package/dist/components/b2b-radio-button.js +2 -2
- package/dist/components/b2b-radio-group.js +5 -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 +100 -1
- package/dist/esm/b2b-alert.entry.js +1 -1
- package/dist/esm/b2b-anchor.entry.js +7 -3
- 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 +4 -4
- package/dist/esm/b2b-radio-button.entry.js +2 -2
- package/dist/esm/b2b-radio-group.entry.js +5 -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/anchor/anchor.d.ts +4 -0
- package/dist/types/components/anchor/anchor.stories.d.ts +3 -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/headline/headline.stories.d.ts +1 -0
- package/dist/types/components/icon-100/types.d.ts +1 -1
- package/dist/types/components/radio/radio.stories.d.ts +2 -1
- package/dist/types/components/radio-group/radio-group.d.ts +2 -0
- package/dist/types/components/radio-group/radio-group.stories.d.ts +2 -1
- package/dist/types/components/table/table-row/table-row.d.ts +6 -2
- package/dist/types/components.d.ts +161 -1
- package/dist/types/utils/datepicker/date-picker-util.d.ts +14 -0
- package/dist/web-types.json +174 -7
- package/package.json +3 -2
- package/dist/b2b-core-components/p-062b3042.entry.js +0 -1
- 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-670a0599.entry.js +0 -1
- package/dist/b2b-core-components/p-68a836cb.entry.js +0 -1
- package/dist/b2b-core-components/p-6f17d047.entry.js +0 -1
- package/dist/b2b-core-components/p-931c9dc7.entry.js +0 -1
- package/dist/b2b-core-components/p-baa99f00.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-d3f86dfe.entry.js +0 -1
- package/dist/cjs/date-picker.types-79f4bba0.js +0 -26
- package/dist/esm/date-picker.types-e21b2096.js +0 -23
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-search.cjs\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker.cjs\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"label\":[1],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]]]]],[\"b2b-multiselect-dropdown.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\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row.cjs\",[[1,\"b2b-table-row\",{\"highlight\":[4],\"color\":[1],\"selectable\":[4],\"size\":[1],\"value\":[1],\"indeterminate\":[4],\"checked\":[1028],\"isOpen\":[32],\"toggleAccordion\":[64]},[[0,\"b2b-change\",\"toggleSelected\"]]]]],[\"b2b-wizard-step.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-dropdown.cjs\",[[1,\"b2b-dropdown\",{\"label\":[1],\"required\":[516],\"name\":[513],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1]}]]],[\"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-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],\"autofocus\":[516],\"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]}]]],[\"b2b-background-box.cjs\",[[1,\"b2b-background-box\",{\"fixedWidth\":[4,\"fixed-width\"],\"noPadding\":[4,\"no-padding\"]}]]],[\"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-100.cjs\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"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-paragraph.cjs\",[[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[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-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\":[4],\"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],\"variant\":[1],\"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-wizard-icon.cjs\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"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-chip-component_2.cjs\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520]}]]],[\"b2b-table-cell_2.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-label.cjs\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]],[\"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-headline.cjs\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-input_2.cjs\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"autofocus\":[4],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}],[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker-days_5.cjs\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"]}],[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-days-header\"],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-button_2.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-icon.cjs\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]]]"), options);
|
|
11
|
+
return index.bootstrapLazy(JSON.parse("[[\"b2b-search.cjs\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"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],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"width\":[2],\"disableDays\":[1,\"disable-days\"],\"disableDatesUntil\":[1,\"disable-dates-until\"],\"disableDatesFrom\":[1,\"disable-dates-from\"],\"hint\":[1],\"placeholder\":[513],\"language\":[1],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32],\"datesToBeDisabled\":[32],\"normalizedDisableEvery\":[32],\"normalizedDisableDatesUntil\":[32],\"normalizedDisableDatesFrom\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]]]]],[\"b2b-multiselect-dropdown.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\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"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-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-dropdown.cjs\",[[1,\"b2b-dropdown\",{\"label\":[1],\"required\":[516],\"name\":[513],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1]}]]],[\"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-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],\"autofocus\":[516],\"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-background-box.cjs\",[[1,\"b2b-background-box\",{\"fixedWidth\":[4,\"fixed-width\"],\"noPadding\":[4,\"no-padding\"]}]]],[\"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-100.cjs\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"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-paragraph.cjs\",[[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[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-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],\"variant\":[1],\"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-wizard-icon.cjs\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"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-chip-component_2.cjs\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520]}]]],[\"b2b-table-cell_2.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-label.cjs\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]],[\"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-headline.cjs\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-input_2.cjs\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"autofocus\":[4],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}],[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker-days_5.cjs\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"language\":[1]}],[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[16],\"disableEvery\":[16],\"disableDatesUntil\":[16],\"disableDatesFrom\":[16],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-days-header\",{\"language\":[1]}],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"],\"language\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-button_2.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-icon.cjs\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]]]"), options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on Thu,
|
|
125
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -22,7 +22,7 @@ describe('B2B-Alert', () => {
|
|
|
22
22
|
});
|
|
23
23
|
it('should not render text in a small alert', async () => {
|
|
24
24
|
const page = await newE2EPage();
|
|
25
|
-
await page.setContent(`<b2b-alert opened>test</b2b-alert>`);
|
|
25
|
+
await page.setContent(`<b2b-alert opened size="small">test</b2b-alert>`);
|
|
26
26
|
const element = await page.find('b2b-alert >>> p');
|
|
27
27
|
expect(element).toBeNull();
|
|
28
28
|
});
|
|
@@ -54,7 +54,7 @@ describe('B2B-Alert', () => {
|
|
|
54
54
|
});
|
|
55
55
|
it('should not render a close button in a small alert', async () => {
|
|
56
56
|
const page = await newE2EPage();
|
|
57
|
-
await page.setContent(`<b2b-alert opened>test</b2b-alert>`);
|
|
57
|
+
await page.setContent(`<b2b-alert opened size="small">test</b2b-alert>`);
|
|
58
58
|
const element = await page.find('b2b-alert >>> div.b2b-alert__close-icon');
|
|
59
59
|
expect(element).toBeNull();
|
|
60
60
|
});
|
|
@@ -16,7 +16,7 @@ export class AlertComponent {
|
|
|
16
16
|
return this.size === 'small' && this.customIcon;
|
|
17
17
|
};
|
|
18
18
|
this.type = 'info';
|
|
19
|
-
this.size = '
|
|
19
|
+
this.size = 'large';
|
|
20
20
|
this.opened = false;
|
|
21
21
|
this.hasCloseButton = true;
|
|
22
22
|
this.customIcon = false;
|
|
@@ -82,7 +82,7 @@ export class AlertComponent {
|
|
|
82
82
|
},
|
|
83
83
|
"attribute": "size",
|
|
84
84
|
"reflect": false,
|
|
85
|
-
"defaultValue": "'
|
|
85
|
+
"defaultValue": "'large'"
|
|
86
86
|
},
|
|
87
87
|
"opened": {
|
|
88
88
|
"type": "boolean",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on Thu,
|
|
125
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -224,18 +224,27 @@
|
|
|
224
224
|
:host .b2b-anchor {
|
|
225
225
|
font-family: var(--b2b-font-family-default);
|
|
226
226
|
color: var(--b2b-color-copy-default);
|
|
227
|
-
text-decoration: underline;
|
|
228
227
|
transition: all 0.3s ease;
|
|
229
228
|
z-index: 1001;
|
|
230
229
|
position: relative;
|
|
231
230
|
}
|
|
232
|
-
:host .b2b-anchor:hover {
|
|
233
|
-
color: var(--b2b-color-red-100);
|
|
234
|
-
cursor: pointer;
|
|
235
|
-
}
|
|
236
231
|
:host .b2b-anchor--100 {
|
|
237
232
|
font-size: var(--b2b-size-copy-100);
|
|
238
233
|
}
|
|
239
234
|
:host .b2b-anchor--inherit {
|
|
240
235
|
font-size: inherit;
|
|
236
|
+
}
|
|
237
|
+
:host .b2b-anchor-hover--default:hover {
|
|
238
|
+
color: var(--b2b-color-red-100);
|
|
239
|
+
cursor: pointer;
|
|
240
|
+
}
|
|
241
|
+
:host .b2b-anchor-hover--inherit:hover {
|
|
242
|
+
color: inherit;
|
|
243
|
+
cursor: pointer;
|
|
244
|
+
}
|
|
245
|
+
:host .b2b-anchor--underline-text {
|
|
246
|
+
text-decoration: underline;
|
|
247
|
+
}
|
|
248
|
+
:host .b2b-anchor:not(.b2b-anchor--underline-text) {
|
|
249
|
+
text-decoration: none;
|
|
241
250
|
}
|
|
@@ -5,12 +5,16 @@ export class AnchorComponent {
|
|
|
5
5
|
this.download = null;
|
|
6
6
|
this.target = 'self';
|
|
7
7
|
this.size = 'inherit';
|
|
8
|
+
this.hoverColor = 'default';
|
|
9
|
+
this.underlineText = true;
|
|
8
10
|
}
|
|
9
11
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
12
|
+
return (h(Host, { key: '60d94771fa6bf9cf9d8e688ecd7eba179a8e28a3' }, h("a", { key: 'f18239735b64a33cf80167e98a8cec01c0b42fb3', href: this.href, download: this.download, target: `_${this.target}`, class: {
|
|
11
13
|
'b2b-anchor': true,
|
|
12
14
|
[`b2b-anchor--${this.size}`]: true,
|
|
13
|
-
|
|
15
|
+
[`b2b-anchor-hover--${this.hoverColor}`]: true,
|
|
16
|
+
'b2b-anchor--underline-text': this.underlineText,
|
|
17
|
+
} }, h("slot", { key: '9bc35228a2265b620e8e32adf9ea8040cf259192' }))));
|
|
14
18
|
}
|
|
15
19
|
static get is() { return "b2b-anchor"; }
|
|
16
20
|
static get encapsulation() { return "shadow"; }
|
|
@@ -96,6 +100,42 @@ export class AnchorComponent {
|
|
|
96
100
|
"attribute": "size",
|
|
97
101
|
"reflect": false,
|
|
98
102
|
"defaultValue": "'inherit'"
|
|
103
|
+
},
|
|
104
|
+
"hoverColor": {
|
|
105
|
+
"type": "string",
|
|
106
|
+
"mutable": false,
|
|
107
|
+
"complexType": {
|
|
108
|
+
"original": "'inherit' | 'default'",
|
|
109
|
+
"resolved": "\"default\" | \"inherit\"",
|
|
110
|
+
"references": {}
|
|
111
|
+
},
|
|
112
|
+
"required": false,
|
|
113
|
+
"optional": false,
|
|
114
|
+
"docs": {
|
|
115
|
+
"tags": [],
|
|
116
|
+
"text": "The hoverColor of the link. Per default, it is set to b2b-color-red-100. If specified as inherit, it is inherited from the parent element."
|
|
117
|
+
},
|
|
118
|
+
"attribute": "hover-color",
|
|
119
|
+
"reflect": false,
|
|
120
|
+
"defaultValue": "'default'"
|
|
121
|
+
},
|
|
122
|
+
"underlineText": {
|
|
123
|
+
"type": "boolean",
|
|
124
|
+
"mutable": false,
|
|
125
|
+
"complexType": {
|
|
126
|
+
"original": "boolean",
|
|
127
|
+
"resolved": "boolean",
|
|
128
|
+
"references": {}
|
|
129
|
+
},
|
|
130
|
+
"required": false,
|
|
131
|
+
"optional": false,
|
|
132
|
+
"docs": {
|
|
133
|
+
"tags": [],
|
|
134
|
+
"text": "The underlineText of the link. If set to false, the link text will not be underlined."
|
|
135
|
+
},
|
|
136
|
+
"attribute": "underline-text",
|
|
137
|
+
"reflect": false,
|
|
138
|
+
"defaultValue": "true"
|
|
99
139
|
}
|
|
100
140
|
};
|
|
101
141
|
}
|
|
@@ -10,10 +10,10 @@ it('should render the anchor component with default values', async () => {
|
|
|
10
10
|
expect(page.root).toEqualHtml(`
|
|
11
11
|
<b2b-anchor>
|
|
12
12
|
<mock:shadow-root>
|
|
13
|
-
<a href="https://www.otto.de" class="b2b-anchor b2b-anchor--inherit" target="_self">
|
|
13
|
+
<a href="https://www.otto.de" class="b2b-anchor b2b-anchor--inherit b2b-anchor-hover--default b2b-anchor--underline-text" target="_self">
|
|
14
14
|
<slot></slot>
|
|
15
15
|
</a>
|
|
16
|
-
</mock:shadow-root>
|
|
16
|
+
</mock:shadow-root>
|
|
17
17
|
This is a test anchor.
|
|
18
18
|
</b2b-anchor>
|
|
19
19
|
`);
|
|
@@ -26,10 +26,10 @@ it('should change the font size of the anchor component if specified', async ()
|
|
|
26
26
|
expect(page.root).toEqualHtml(`
|
|
27
27
|
<b2b-anchor>
|
|
28
28
|
<mock:shadow-root>
|
|
29
|
-
<a href="https://www.otto.de" class="b2b-anchor b2b-anchor--100" target="_self">
|
|
29
|
+
<a href="https://www.otto.de" class="b2b-anchor b2b-anchor--100 b2b-anchor-hover--default b2b-anchor--underline-text" target="_self">
|
|
30
30
|
<slot></slot>
|
|
31
31
|
</a>
|
|
32
|
-
</mock:shadow-root>
|
|
32
|
+
</mock:shadow-root>
|
|
33
33
|
This is a test anchor.
|
|
34
34
|
</b2b-anchor>
|
|
35
35
|
`);
|
|
@@ -42,10 +42,10 @@ it('should change the download string if specified', async () => {
|
|
|
42
42
|
expect(page.root).toEqualHtml(`
|
|
43
43
|
<b2b-anchor>
|
|
44
44
|
<mock:shadow-root>
|
|
45
|
-
<a href="https://www.otto.de" class="b2b-anchor b2b-anchor--inherit" target="_self" download="This is a test download">
|
|
45
|
+
<a href="https://www.otto.de" class="b2b-anchor b2b-anchor--inherit b2b-anchor-hover--default b2b-anchor--underline-text" target="_self" download="This is a test download">
|
|
46
46
|
<slot></slot>
|
|
47
47
|
</a>
|
|
48
|
-
</mock:shadow-root>
|
|
48
|
+
</mock:shadow-root>
|
|
49
49
|
This is a test anchor.
|
|
50
50
|
</b2b-anchor>
|
|
51
51
|
`);
|
|
@@ -58,10 +58,10 @@ it('should change the target property if specified', async () => {
|
|
|
58
58
|
expect(page.root).toEqualHtml(`
|
|
59
59
|
<b2b-anchor>
|
|
60
60
|
<mock:shadow-root>
|
|
61
|
-
<a href="https://www.otto.de" class="b2b-anchor b2b-anchor--inherit" target="_parent">
|
|
61
|
+
<a href="https://www.otto.de" class="b2b-anchor b2b-anchor--inherit b2b-anchor-hover--default b2b-anchor--underline-text" target="_parent">
|
|
62
62
|
<slot></slot>
|
|
63
63
|
</a>
|
|
64
|
-
</mock:shadow-root>
|
|
64
|
+
</mock:shadow-root>
|
|
65
65
|
This is a test anchor.
|
|
66
66
|
</b2b-anchor>
|
|
67
67
|
`);
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { html } from "lit-html";
|
|
2
2
|
import { getArgTypes } from "../../docs/config/utils";
|
|
3
|
-
const Template = ({ href, download, size, target }) => {
|
|
3
|
+
const Template = ({ href, download, size, target, hoverColor, underlineText, }) => {
|
|
4
4
|
return html ` <b2b-anchor
|
|
5
5
|
href="${href}"
|
|
6
6
|
download="${download}"
|
|
7
7
|
size="${size}"
|
|
8
|
-
|
|
8
|
+
hover-color="${hoverColor}"
|
|
9
|
+
target="${target}"
|
|
10
|
+
underline-text="${underlineText}">
|
|
9
11
|
Click me!
|
|
10
12
|
</b2b-anchor>`;
|
|
11
13
|
};
|
|
@@ -14,6 +16,7 @@ const defaultArgs = {
|
|
|
14
16
|
download: null,
|
|
15
17
|
target: 'blank',
|
|
16
18
|
size: 'inherit',
|
|
19
|
+
hoverColor: 'default',
|
|
17
20
|
};
|
|
18
21
|
export const story010Default = Template.bind({});
|
|
19
22
|
story010Default.args = defaultArgs;
|
|
@@ -24,11 +27,28 @@ story020Size100.storyName = 'Size 100';
|
|
|
24
27
|
export const story030TargetBlank = Template.bind({});
|
|
25
28
|
story030TargetBlank.args = Object.assign(Object.assign({}, defaultArgs), { target: 'blank' });
|
|
26
29
|
story030TargetBlank.storyName = 'Target Blank';
|
|
30
|
+
export const story040BlueHoverColor = {
|
|
31
|
+
args: Object.assign(Object.assign({}, defaultArgs), { hoverColor: 'inherit' }),
|
|
32
|
+
render: ({}) => html `<div style="color:blue; ">
|
|
33
|
+
<b2b-anchor
|
|
34
|
+
href="https://www.otto.de"
|
|
35
|
+
target="blank"
|
|
36
|
+
hover-color="inherit"
|
|
37
|
+
>Anchor Hover Color Change</b2b-anchor
|
|
38
|
+
>
|
|
39
|
+
</div>`,
|
|
40
|
+
};
|
|
41
|
+
story040BlueHoverColor.storyName = 'Hover Color Inherit';
|
|
42
|
+
export const story050NoUnderline = Template.bind({});
|
|
43
|
+
story050NoUnderline.args = Object.assign(Object.assign({}, defaultArgs), { underlineText: false });
|
|
44
|
+
story050NoUnderline.storyName = 'No underline';
|
|
27
45
|
const controls = {
|
|
28
46
|
href: 'string',
|
|
29
47
|
download: 'string',
|
|
30
48
|
size: 'radio',
|
|
31
49
|
target: 'radio',
|
|
50
|
+
hoverColor: 'radio',
|
|
51
|
+
underlineText: 'radio',
|
|
32
52
|
};
|
|
33
53
|
const anchorArgs = getArgTypes('b2b-anchor', controls);
|
|
34
54
|
export default {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on Thu,
|
|
125
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on Thu,
|
|
4
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
5
5
|
*/
|
|
6
6
|
:root, :host {
|
|
7
7
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Thu,
|
|
126
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on Thu,
|
|
125
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on Thu,
|
|
125
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on Thu,
|
|
125
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on Thu,
|
|
125
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on Thu,
|
|
125
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on Thu,
|
|
125
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
|
-
import {
|
|
2
|
+
import { WeekdaysEnglish, WeekdaysGerman } from "./date-picker.types";
|
|
3
3
|
export class B2bDatePickerDaysHeader {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.displayWeekDays = () => {
|
|
6
6
|
let renderWeekDays = [];
|
|
7
|
-
|
|
7
|
+
const weekdays = this.language === 'en' ? WeekdaysEnglish : WeekdaysGerman;
|
|
8
|
+
weekdays.forEach(day => {
|
|
8
9
|
renderWeekDays.push(h("div", { class: "b2b-date-picker-day" }, day));
|
|
9
10
|
});
|
|
10
11
|
return renderWeekDays;
|
|
11
12
|
};
|
|
13
|
+
this.language = 'de';
|
|
12
14
|
}
|
|
13
15
|
render() {
|
|
14
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '8bd0553cd895ce7e94375947d7bed153d20bf55d' }, h("div", { key: '285b470407c87af25be5c9e34e35d38ba44e9b37', class: "b2b-date-picker-days-header" }, this.displayWeekDays())));
|
|
15
17
|
}
|
|
16
18
|
static get is() { return "b2b-date-picker-days-header"; }
|
|
17
19
|
static get encapsulation() { return "shadow"; }
|
|
@@ -25,5 +27,27 @@ export class B2bDatePickerDaysHeader {
|
|
|
25
27
|
"$": ["date-picker-days-header.css"]
|
|
26
28
|
};
|
|
27
29
|
}
|
|
30
|
+
static get properties() {
|
|
31
|
+
return {
|
|
32
|
+
"language": {
|
|
33
|
+
"type": "string",
|
|
34
|
+
"mutable": false,
|
|
35
|
+
"complexType": {
|
|
36
|
+
"original": "'de' | 'en'",
|
|
37
|
+
"resolved": "\"de\" | \"en\"",
|
|
38
|
+
"references": {}
|
|
39
|
+
},
|
|
40
|
+
"required": false,
|
|
41
|
+
"optional": false,
|
|
42
|
+
"docs": {
|
|
43
|
+
"tags": [],
|
|
44
|
+
"text": "Internal the language for month and the weekdays will be decided based on the given input. By default, this will be de which is german"
|
|
45
|
+
},
|
|
46
|
+
"attribute": "language",
|
|
47
|
+
"reflect": false,
|
|
48
|
+
"defaultValue": "'de'"
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
}
|
|
28
52
|
static get elementRef() { return "host"; }
|
|
29
53
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on Thu,
|
|
125
|
+
* Generated on Thu, 30 Jan 2025 18:09:12 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|