@baloise/ds-core 20.0.0-next.7 → 20.0.0-next.9
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/components/ds-accordion.js +1 -1
- package/components/ds-alert-container.js +1 -1
- package/components/ds-app.js +1 -1
- package/components/ds-badge.js +1 -1
- package/components/ds-button-group.js +1 -1
- package/components/ds-button.js +1 -1
- package/components/ds-card-actions.js +1 -1
- package/components/ds-card-content.js +1 -1
- package/components/ds-card-subtitle.js +1 -1
- package/components/ds-card-title.js +1 -1
- package/components/ds-card.js +1 -1
- package/components/ds-carousel.js +1 -1
- package/components/ds-checkbox-group.js +1 -1
- package/components/ds-close.js +1 -1
- package/components/ds-content.js +1 -1
- package/components/ds-data-item.js +1 -1
- package/components/ds-date.js +1 -1
- package/components/ds-drawer.js +1 -1
- package/components/ds-file-upload.js +1 -1
- package/components/ds-footer.js +1 -1
- package/components/ds-heading.js +1 -1
- package/components/ds-hint.js +1 -1
- package/components/ds-icon.js +1 -1
- package/components/ds-input-slider.js +1 -1
- package/components/ds-input.js +1 -1
- package/components/ds-item.js +1 -1
- package/components/ds-modal.js +1 -1
- package/components/ds-navbar.js +1 -1
- package/components/ds-notification.js +1 -1
- package/components/ds-number-input.js +1 -1
- package/components/ds-pagination.js +1 -1
- package/components/ds-popup.js +1 -1
- package/components/ds-radio-group.js +1 -1
- package/components/ds-segment.js +1 -1
- package/components/ds-select.js +1 -1
- package/components/ds-snackbar.js +1 -1
- package/components/ds-spinner.js +1 -1
- package/components/ds-stack.js +1 -1
- package/components/ds-step.js +1 -1
- package/components/ds-steps.js +1 -1
- package/components/ds-tabs.js +1 -1
- package/components/ds-tag.js +1 -1
- package/components/ds-textarea.js +1 -1
- package/components/ds-toast.js +1 -1
- package/components/index.js +1 -1
- package/components/{p-DenZRIeA.js → p-BXJT6RzI.js} +1 -1
- package/components/p-BdLq-Ecc.js +4 -0
- package/components/{p-DSeYzuO7.js → p-BmKEBYP4.js} +1 -1
- package/components/p-BoWAkGY5.js +4 -0
- package/components/{p-DYTOWDAA.js → p-CTbJFS-e.js} +1 -1
- package/components/{p-VsWv65bD.js → p-CaMOovXn.js} +1 -1
- package/components/p-Ce8PV2ZO.js +4 -0
- package/components/p-CmBtAxar.js +4 -0
- package/components/p-D8gpyiFZ.js +4 -0
- package/components/{p-ng5ZzTOj.js → p-DBX_haol.js} +1 -1
- package/components/{p-ABj0eATe.js → p-DPbhygsR.js} +1 -1
- package/components/{p-BwwAKEvn.js → p-DZzsZ_YH.js} +1 -1
- package/components/p-DbUsvqrz.js +4 -0
- package/components/p-Dbqy6lZU.js +5 -0
- package/components/{p-D9YYP2SG.js → p-fS80bKHo.js} +1 -1
- package/components/{p-D5zw5ezD.js → p-hPpcXLRP.js} +1 -1
- package/components/p-o0H7eIVX.js +5 -0
- package/components/p-std0LSH2.js +4 -0
- package/components/p-u5aa74vh.js +2 -1
- package/components/p-wud2RGEy.js +4 -0
- package/dist/cjs/{breakpoints.decorator-DY5iYsA5.js → breakpoints.decorator-DbttiLa9.js} +1 -1
- package/dist/cjs/{breakpoints.subject-CzhLlIwN.js → breakpoints.subject-CNyiZaBe.js} +3 -3
- package/dist/cjs/{button.interfaces-CqlUGR-N.js → button.interfaces-BKyK0H_f.js} +0 -1
- package/dist/cjs/{config.decorator-C64wi-MA.js → config.decorator-bU7c6ybP.js} +1 -1
- package/dist/cjs/{config.utils-BhWbrVRz.js → config.utils-BhJig3l5.js} +1 -1
- package/dist/cjs/{create-validator-decorator-Ctd288ve.js → create-validator-decorator-CiRieHJL.js} +1 -1
- package/dist/cjs/design-system.cjs.js +2 -2
- package/dist/cjs/{device-CIliLOe9.js → device-DM1GXL99.js} +1 -1
- package/dist/cjs/ds-accordion.cjs.entry.js +9 -9
- package/dist/cjs/ds-alert-container.cjs.entry.js +13 -17
- package/dist/cjs/ds-app.cjs.entry.js +35 -8
- package/dist/cjs/ds-badge.cjs.entry.js +20 -39
- package/dist/cjs/ds-button-group.cjs.entry.js +7 -7
- package/dist/cjs/ds-button_2.cjs.entry.js +20 -20
- package/dist/cjs/ds-card-actions.cjs.entry.js +4 -4
- package/dist/cjs/ds-card-content.cjs.entry.js +3 -3
- package/dist/cjs/ds-card-header.cjs.entry.js +5 -5
- package/dist/cjs/ds-card-subtitle.cjs.entry.js +10 -14
- package/dist/cjs/ds-card-title.cjs.entry.js +8 -14
- package/dist/cjs/ds-card.cjs.entry.js +7 -7
- package/dist/cjs/ds-carousel-item.cjs.entry.js +6 -6
- package/dist/cjs/ds-carousel.cjs.entry.js +8 -8
- package/dist/cjs/ds-checkbox-group.cjs.entry.js +22 -15
- package/dist/cjs/ds-checkbox.cjs.entry.js +7 -7
- package/dist/cjs/ds-content_2.cjs.entry.js +18 -68
- package/dist/cjs/ds-data-item.cjs.entry.js +6 -6
- package/dist/cjs/ds-data-label.cjs.entry.js +4 -4
- package/dist/cjs/ds-data-value.cjs.entry.js +2 -2
- package/dist/cjs/ds-data.cjs.entry.js +4 -4
- package/dist/cjs/ds-date.cjs.entry.js +18 -12
- package/dist/cjs/ds-divider_2.cjs.entry.js +12 -12
- package/dist/cjs/ds-drawer_2.cjs.entry.js +9 -9
- package/dist/cjs/ds-file-upload.cjs.entry.js +18 -11
- package/dist/cjs/ds-footer.cjs.entry.js +7 -7
- package/dist/cjs/ds-heading.cjs.entry.js +21 -37
- package/dist/cjs/ds-hint-text.cjs.entry.js +2 -2
- package/dist/cjs/ds-hint-title.cjs.entry.js +2 -2
- package/dist/cjs/ds-hint.cjs.entry.js +11 -11
- package/dist/cjs/ds-icon_2.cjs.entry.js +19 -23
- package/dist/cjs/ds-input-slider.cjs.entry.js +21 -14
- package/dist/cjs/ds-input.cjs.entry.js +20 -11
- package/dist/cjs/ds-item.cjs.entry.js +7 -7
- package/dist/cjs/ds-label.cjs.entry.js +8 -8
- package/dist/cjs/ds-list.cjs.entry.js +4 -4
- package/dist/cjs/ds-modal-body.cjs.entry.js +2 -2
- package/dist/cjs/ds-modal-header.cjs.entry.js +2 -2
- package/dist/cjs/ds-modal.cjs.entry.js +7 -7
- package/dist/cjs/ds-navbar.cjs.entry.js +14 -14
- package/dist/cjs/ds-notification.cjs.entry.js +16 -22
- package/dist/cjs/ds-number-input.cjs.entry.js +20 -11
- package/dist/cjs/ds-pagination.cjs.entry.js +12 -12
- package/dist/cjs/ds-progress-bar.cjs.entry.js +12 -12
- package/dist/cjs/ds-radio-group.cjs.entry.js +21 -14
- package/dist/cjs/ds-radio.cjs.entry.js +7 -7
- package/dist/cjs/ds-segment-item.cjs.entry.js +4 -4
- package/dist/cjs/ds-segment.cjs.entry.js +21 -15
- package/dist/cjs/ds-select-optgroup.cjs.entry.js +4 -4
- package/dist/cjs/ds-select-option.cjs.entry.js +4 -4
- package/dist/cjs/ds-select.cjs.entry.js +18 -13
- package/dist/cjs/ds-shape.cjs.entry.js +4 -4
- package/dist/cjs/ds-snackbar.cjs.entry.js +36 -24
- package/dist/cjs/ds-step-panel.cjs.entry.js +5 -5
- package/dist/cjs/ds-step.cjs.entry.js +5 -5
- package/dist/cjs/ds-steps.cjs.entry.js +7 -14
- package/dist/cjs/ds-tab-panel.cjs.entry.js +5 -5
- package/dist/cjs/ds-tab.cjs.entry.js +5 -5
- package/dist/cjs/ds-tabs.cjs.entry.js +8 -8
- package/dist/cjs/ds-tag-group.cjs.entry.js +2 -2
- package/dist/cjs/ds-tag.cjs.entry.js +7 -7
- package/dist/cjs/ds-text.cjs.entry.js +6 -6
- package/dist/cjs/ds-textarea.cjs.entry.js +19 -10
- package/dist/cjs/ds-toast.cjs.entry.js +32 -20
- package/dist/cjs/ds-toggle.cjs.entry.js +5 -5
- package/dist/cjs/ds-tooltip.cjs.entry.js +4 -4
- package/dist/cjs/{field.util-g9nhtuZH.js → field.util-C7hgA41e.js} +32 -2
- package/dist/cjs/{focus-BUszBnbl.js → focus-CHzvkERd.js} +1 -1
- package/dist/cjs/{form-control-B4Qf8fg-.js → form-control-CmRONWa7.js} +1 -1
- package/dist/cjs/{has-value-rj502MLA.js → has-value-3s9rhB3K.js} +1 -1
- package/dist/cjs/{heading.interfaces-B5NJ2yjL.js → heading.interfaces-CAc5LNKb.js} +2 -3
- package/dist/cjs/{index-CqInh7Vc.js → index-DD7qcaNz.js} +75 -1
- package/dist/cjs/index.cjs.js +7 -7
- package/dist/cjs/{listener-1PZJDuOW.js → listener-CAzIWSXQ.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{one-of-BotLfpAZ.js → one-of-xdIxH9e7.js} +1 -1
- package/dist/cjs/{required-BAhZ8oRM.js → required-Dh6TQNa1.js} +1 -1
- package/dist/cjs/{resize.decorator-Sqefy8ta.js → resize.decorator-C53-TjuS.js} +2 -2
- package/dist/cjs/{scroll--5tnvpG1.js → scroll-BOeiw1-E.js} +1 -1
- package/dist/cjs/{svg-D9RbiR8R.js → svg-B9eUbG7a.js} +96 -33
- package/dist/cjs/{tslib.es6-BIB10hMZ.js → tslib.es6-DMgN1vwG.js} +1 -1
- package/dist/cjs/{type-Br_NbeTX.js → type-BcP2cAG-.js} +1 -1
- package/dist/collection/components/accordion/accordion.host.css +1 -1
- package/dist/collection/components/alert/alert-container.interfaces.js +1 -1
- package/dist/collection/components/alert/alert-container.js +9 -14
- package/dist/collection/components/alert/snackbar/snackbar.host.css +1 -1
- package/dist/collection/components/alert/snackbar/snackbar.js +22 -10
- package/dist/collection/components/alert/toast/toast.host.css +1 -1
- package/dist/collection/components/alert/toast/toast.js +20 -8
- package/dist/collection/components/app/app.js +30 -3
- package/dist/collection/components/badge/badge.host.css +1 -1
- package/dist/collection/components/badge/badge.interfaces.js +3 -3
- package/dist/collection/components/badge/badge.js +20 -42
- package/dist/collection/components/button/button.interfaces.js +0 -1
- package/dist/collection/components/button/button.js +1 -1
- package/dist/collection/components/card/card-content/card-content.host.css +1 -1
- package/dist/collection/components/card/card-subtitle/card-subtitle.js +6 -11
- package/dist/collection/components/card/card-title/card-title.js +4 -11
- package/dist/collection/components/card/card.host.css +1 -1
- package/dist/collection/components/checkbox/checkbox-group/checkbox-group.js +16 -7
- package/dist/collection/components/checkbox/test/checkbox.visual.play.js +1 -0
- package/dist/collection/components/close/close.host.css +1 -1
- package/dist/collection/components/close/close.interfaces.js +1 -1
- package/dist/collection/components/close/close.js +14 -16
- package/dist/collection/components/content/content.host.css +1 -1
- package/dist/collection/components/content/content.interfaces.js +2 -3
- package/dist/collection/components/content/content.js +21 -60
- package/dist/collection/components/date/date.js +12 -4
- package/dist/collection/components/date/test/date.visual.play.js +1 -0
- package/dist/collection/components/file-upload/file-upload.js +13 -4
- package/dist/collection/components/file-upload/test/file-upload.visual.play.js +10 -1
- package/dist/collection/components/heading/heading.host.css +1 -1
- package/dist/collection/components/heading/heading.interfaces.js +2 -3
- package/dist/collection/components/heading/heading.js +25 -45
- package/dist/collection/components/input/field.util.js +1 -1
- package/dist/collection/components/input/input.js +14 -3
- package/dist/collection/components/input/test/input.visual.play.js +2 -1
- package/dist/collection/components/input-slider/input-slider.js +17 -8
- package/dist/collection/components/input-slider/test/input-slider.visual.play.js +1 -0
- package/dist/collection/components/list/item/item.host.css +1 -1
- package/dist/collection/components/notification/notification.host.css +1 -1
- package/dist/collection/components/notification/notification.interfaces.js +1 -2
- package/dist/collection/components/notification/notification.js +11 -17
- package/dist/collection/components/number-input/number-input.js +13 -2
- package/dist/collection/components/number-input/test/number-input.visual.play.js +1 -1
- package/dist/collection/components/radio/radio-group/radio-group.js +16 -7
- package/dist/collection/components/radio/test/radio.visual.play.js +1 -0
- package/dist/collection/components/segment/segment/segment.js +15 -7
- package/dist/collection/components/segment/test/segment.visual.play.js +1 -0
- package/dist/collection/components/select/select.host.css +1 -1
- package/dist/collection/components/select/select.js +11 -4
- package/dist/collection/components/select/test/select.visual.play.js +2 -2
- package/dist/collection/components/spinner/spinner.host.css +1 -1
- package/dist/collection/components/spinner/spinner.interfaces.js +1 -1
- package/dist/collection/components/spinner/spinner.js +12 -16
- package/dist/collection/components/stack/stack.host.css +1 -1
- package/dist/collection/components/stack/stack.interfaces.js +1 -2
- package/dist/collection/components/stack/stack.js +13 -33
- package/dist/collection/components/steps/steps/steps.js +1 -8
- package/dist/collection/components/steps/test/steps.component.play.js +29 -1
- package/dist/collection/components/tag/tag.host.css +1 -1
- package/dist/collection/components/textarea/test/textarea.visual.play.js +2 -2
- package/dist/collection/components/textarea/textarea.js +13 -2
- package/dist/collection/global/constants/version.constant.js +1 -1
- package/dist/collection/global/global.js +2 -0
- package/dist/collection/global/token-preview.js +75 -0
- package/dist/collection/global/token-preview.types.js +1 -0
- package/dist/collection/utils/index.js +1 -0
- package/dist/collection/utils/invalid-text-slot.js +31 -0
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/index.esm.js +1 -1
- package/dist/design-system/{p-b4738dc266.entry.js → p-001b20140b.entry.js} +1 -1
- package/dist/design-system/p-0c031d8d90.entry.js +4 -0
- package/dist/design-system/p-0c18812daa.entry.js +4 -0
- package/dist/design-system/p-14e27a87da.entry.js +4 -0
- package/dist/design-system/{p-564ee4d78f.entry.js → p-19e0638e5c.entry.js} +1 -1
- package/dist/design-system/{p-ee76bf354e.entry.js → p-1dc3406415.entry.js} +1 -1
- package/dist/design-system/{p-3d2539929c.entry.js → p-200a0ea72c.entry.js} +1 -1
- package/dist/design-system/{p-ce67cbbed5.entry.js → p-2516721737.entry.js} +1 -1
- package/dist/design-system/{p-24c85e99f5.entry.js → p-2a67e9b4eb.entry.js} +1 -1
- package/dist/design-system/p-2cc9740eb6.entry.js +4 -0
- package/dist/design-system/p-37295c3a5d.entry.js +4 -0
- package/dist/design-system/{p-b44641ec28.entry.js → p-3d1f15112e.entry.js} +1 -1
- package/dist/design-system/p-3de8e2b6c9.entry.js +4 -0
- package/dist/design-system/{p-0bf3d4d939.entry.js → p-4042b35fee.entry.js} +1 -1
- package/dist/design-system/{p-00e6b1b780.entry.js → p-40b3d4d0f9.entry.js} +1 -1
- package/dist/design-system/{p-5f1a8be21c.entry.js → p-45af50a69f.entry.js} +1 -1
- package/dist/design-system/p-4df80c06f8.entry.js +4 -0
- package/dist/design-system/p-4f12c6449d.entry.js +4 -0
- package/dist/design-system/p-4f95f06b86.entry.js +4 -0
- package/dist/design-system/p-573457cd4b.entry.js +4 -0
- package/dist/design-system/{p-2eb6067210.entry.js → p-662983c8bd.entry.js} +1 -1
- package/dist/design-system/{p-32e156bc72.entry.js → p-68693c06a1.entry.js} +1 -1
- package/dist/design-system/{p-9f9364d7df.entry.js → p-69784a200e.entry.js} +1 -1
- package/dist/design-system/{p-ChSKXFK5.js → p-6Iq8BM7N.js} +1 -1
- package/dist/design-system/{p-a42ecb68a0.entry.js → p-6ba71ce374.entry.js} +1 -1
- package/dist/design-system/{p-5ded2b6438.entry.js → p-72c08ce551.entry.js} +1 -1
- package/dist/design-system/p-72fe1ab876.entry.js +4 -0
- package/dist/design-system/p-73b26207bf.entry.js +4 -0
- package/dist/design-system/{p-b8669a617c.entry.js → p-7576fb01bf.entry.js} +1 -1
- package/dist/design-system/p-819d71abe1.entry.js +4 -0
- package/dist/design-system/{p-6c60833550.entry.js → p-88682a66d5.entry.js} +1 -1
- package/dist/design-system/{p-ab8bee7022.entry.js → p-8a7c2f5b0a.entry.js} +1 -1
- package/dist/design-system/{p-5d4a5d0b61.entry.js → p-8bfcfd7b07.entry.js} +1 -1
- package/dist/design-system/p-936673f9f9.entry.js +4 -0
- package/dist/design-system/{p-f7be5b6114.entry.js → p-9537ebc880.entry.js} +1 -1
- package/dist/design-system/{p-3e3a6799d6.entry.js → p-96d37205c9.entry.js} +1 -1
- package/dist/design-system/{p-4bfc094a03.entry.js → p-97ad0e648a.entry.js} +1 -1
- package/dist/design-system/p-9e0f190f06.entry.js +4 -0
- package/dist/design-system/{p-adc58b2821.entry.js → p-9f746ea4e3.entry.js} +1 -1
- package/dist/design-system/{p-DJBD4skP.js → p-B2dqoehY.js} +2 -2
- package/dist/design-system/p-B9ddSbbe.js +4 -0
- package/dist/design-system/p-BDcIydUK.js +4 -0
- package/dist/design-system/p-BdLq-Ecc.js +4 -0
- package/dist/design-system/{p-Dk0GEN2t.js → p-BjaiDrCD.js} +1 -1
- package/dist/design-system/{p-DoHCSvjl.js → p-BnJgNfen.js} +1 -1
- package/dist/design-system/{p-DOvdnojj.js → p-Bnpwi9iD.js} +1 -1
- package/dist/design-system/p-C6AmBSV7.js +4 -0
- package/dist/design-system/{p-Chgme2NJ.js → p-CBGYLNZZ.js} +1 -1
- package/dist/design-system/{p-1A9jKraP.js → p-CR2JnhVY.js} +1 -1
- package/dist/design-system/{p-CfgwSore.js → p-ClSAXeZN.js} +1 -1
- package/dist/design-system/p-D-_px2sY.js +5 -0
- package/dist/design-system/p-DNQg2PVW.js +4 -0
- package/dist/design-system/p-DQGbRzw_.js +4 -0
- package/dist/design-system/{p-x2KazRjl.js → p-DWdcUUdS.js} +1 -1
- package/dist/design-system/{p-C5Rtikeh.js → p-DuKlHFAK.js} +1 -1
- package/dist/design-system/{p-B-v2Wm-V.js → p-MUUOiuTm.js} +2 -2
- package/dist/design-system/p-_Ywzmi-B.js +4 -0
- package/dist/design-system/{p-Y0rKqVvm.js → p-_rk5qARQ.js} +1 -1
- package/dist/design-system/{p-44981aaf8d.entry.js → p-a343b84e8a.entry.js} +1 -1
- package/dist/design-system/p-a3ed278181.entry.js +4 -0
- package/dist/design-system/{p-CrYAd3JT.js → p-aPnyJLhr.js} +1 -1
- package/dist/design-system/{p-fa613cd0d1.entry.js → p-abcc8edf7e.entry.js} +1 -1
- package/dist/design-system/{p-3d675c6507.entry.js → p-ac55e3783c.entry.js} +1 -1
- package/dist/design-system/{p-3e43fa2bc6.entry.js → p-ac7f3f89be.entry.js} +1 -1
- package/dist/design-system/{p-1b1e3ad99c.entry.js → p-ae8753bf2a.entry.js} +1 -1
- package/dist/design-system/{p-d3a80b8422.entry.js → p-afea3755c2.entry.js} +1 -1
- package/dist/design-system/{p-0ea6cdd218.entry.js → p-bd31b396d8.entry.js} +1 -1
- package/dist/design-system/p-bd740897a1.entry.js +4 -0
- package/dist/design-system/p-bec54c38fc.entry.js +4 -0
- package/dist/design-system/{p-1750b3c4f1.entry.js → p-bf03129378.entry.js} +1 -1
- package/dist/design-system/{p-85bf3794f9.entry.js → p-bfd0557b47.entry.js} +1 -1
- package/dist/design-system/{p-7246bfb9a0.entry.js → p-c07aa25e4d.entry.js} +1 -1
- package/dist/design-system/p-c19c74c2b1.entry.js +4 -0
- package/dist/design-system/p-c8f95bd01a.entry.js +4 -0
- package/dist/design-system/{p-a782c877ea.entry.js → p-d5d7700fd3.entry.js} +1 -1
- package/dist/design-system/p-d727654ec3.entry.js +4 -0
- package/dist/design-system/{p-aa3aee2591.entry.js → p-dadd7a84bc.entry.js} +1 -1
- package/dist/design-system/p-dd5e815ef3.entry.js +4 -0
- package/dist/design-system/p-e16572468e.entry.js +4 -0
- package/dist/design-system/{p-8a9d617f75.entry.js → p-e23b6d59c0.entry.js} +1 -1
- package/dist/design-system/p-e94b66c13e.entry.js +4 -0
- package/dist/design-system/{p-78112e7b35.entry.js → p-ec3f2ded29.entry.js} +1 -1
- package/dist/design-system/{p-2b038255c5.entry.js → p-ed3f364d1f.entry.js} +1 -1
- package/dist/design-system/{p-599a693db3.entry.js → p-eedaf7fe85.entry.js} +1 -1
- package/dist/design-system/p-ef1bf78788.entry.js +4 -0
- package/dist/design-system/p-f7787fca37.entry.js +4 -0
- package/dist/design-system/{p-dbd3d3b3d3.entry.js → p-fd868dc1f5.entry.js} +1 -1
- package/dist/esm/{breakpoints.decorator-D9M4v98c.js → breakpoints.decorator-CIweMjJQ.js} +1 -1
- package/dist/esm/{breakpoints.subject-DHZ7TzYV.js → breakpoints.subject-CUVOWezN.js} +3 -3
- package/dist/esm/{button.interfaces-BPGfTrrM.js → button.interfaces-C6AmBSV7.js} +0 -1
- package/dist/esm/{config.decorator-CRYVBTkX.js → config.decorator-CyvsD1EY.js} +1 -1
- package/dist/esm/{config.utils-CR4Xudpz.js → config.utils-Db2OSTX3.js} +1 -1
- package/dist/esm/{create-validator-decorator-fUav5byo.js → create-validator-decorator-g9TfAa1g.js} +1 -1
- package/dist/esm/design-system.js +3 -3
- package/dist/esm/{device-CapioAfe.js → device-CtidwsPr.js} +1 -1
- package/dist/esm/ds-accordion.entry.js +9 -9
- package/dist/esm/ds-alert-container.entry.js +13 -17
- package/dist/esm/ds-app.entry.js +35 -8
- package/dist/esm/ds-badge.entry.js +20 -39
- package/dist/esm/ds-button-group.entry.js +7 -7
- package/dist/esm/ds-button_2.entry.js +20 -20
- package/dist/esm/ds-card-actions.entry.js +4 -4
- package/dist/esm/ds-card-content.entry.js +3 -3
- package/dist/esm/ds-card-header.entry.js +5 -5
- package/dist/esm/ds-card-subtitle.entry.js +10 -14
- package/dist/esm/ds-card-title.entry.js +8 -14
- package/dist/esm/ds-card.entry.js +7 -7
- package/dist/esm/ds-carousel-item.entry.js +6 -6
- package/dist/esm/ds-carousel.entry.js +8 -8
- package/dist/esm/ds-checkbox-group.entry.js +22 -15
- package/dist/esm/ds-checkbox.entry.js +7 -7
- package/dist/esm/ds-content_2.entry.js +18 -68
- package/dist/esm/ds-data-item.entry.js +6 -6
- package/dist/esm/ds-data-label.entry.js +4 -4
- package/dist/esm/ds-data-value.entry.js +2 -2
- package/dist/esm/ds-data.entry.js +4 -4
- package/dist/esm/ds-date.entry.js +18 -12
- package/dist/esm/ds-divider_2.entry.js +12 -12
- package/dist/esm/ds-drawer_2.entry.js +9 -9
- package/dist/esm/ds-file-upload.entry.js +18 -11
- package/dist/esm/ds-footer.entry.js +7 -7
- package/dist/esm/ds-heading.entry.js +21 -37
- package/dist/esm/ds-hint-text.entry.js +2 -2
- package/dist/esm/ds-hint-title.entry.js +2 -2
- package/dist/esm/ds-hint.entry.js +11 -11
- package/dist/esm/ds-icon_2.entry.js +19 -23
- package/dist/esm/ds-input-slider.entry.js +21 -14
- package/dist/esm/ds-input.entry.js +20 -11
- package/dist/esm/ds-item.entry.js +7 -7
- package/dist/esm/ds-label.entry.js +8 -8
- package/dist/esm/ds-list.entry.js +4 -4
- package/dist/esm/ds-modal-body.entry.js +2 -2
- package/dist/esm/ds-modal-header.entry.js +2 -2
- package/dist/esm/ds-modal.entry.js +7 -7
- package/dist/esm/ds-navbar.entry.js +14 -14
- package/dist/esm/ds-notification.entry.js +16 -22
- package/dist/esm/ds-number-input.entry.js +20 -11
- package/dist/esm/ds-pagination.entry.js +12 -12
- package/dist/esm/ds-progress-bar.entry.js +12 -12
- package/dist/esm/ds-radio-group.entry.js +21 -14
- package/dist/esm/ds-radio.entry.js +7 -7
- package/dist/esm/ds-segment-item.entry.js +4 -4
- package/dist/esm/ds-segment.entry.js +21 -15
- package/dist/esm/ds-select-optgroup.entry.js +4 -4
- package/dist/esm/ds-select-option.entry.js +4 -4
- package/dist/esm/ds-select.entry.js +18 -13
- package/dist/esm/ds-shape.entry.js +4 -4
- package/dist/esm/ds-snackbar.entry.js +36 -24
- package/dist/esm/ds-step-panel.entry.js +5 -5
- package/dist/esm/ds-step.entry.js +5 -5
- package/dist/esm/ds-steps.entry.js +7 -14
- package/dist/esm/ds-tab-panel.entry.js +5 -5
- package/dist/esm/ds-tab.entry.js +5 -5
- package/dist/esm/ds-tabs.entry.js +8 -8
- package/dist/esm/ds-tag-group.entry.js +2 -2
- package/dist/esm/ds-tag.entry.js +7 -7
- package/dist/esm/ds-text.entry.js +6 -6
- package/dist/esm/ds-textarea.entry.js +19 -10
- package/dist/esm/ds-toast.entry.js +32 -20
- package/dist/esm/ds-toggle.entry.js +5 -5
- package/dist/esm/ds-tooltip.entry.js +4 -4
- package/dist/esm/{field.util-neIQBS-h.js → field.util-Dl02gvlr.js} +32 -3
- package/dist/esm/{focus-6OAqvfus.js → focus-C1_jVoAm.js} +1 -1
- package/dist/esm/{form-control-DhinyMa9.js → form-control-BAP86QSm.js} +1 -1
- package/dist/esm/{has-value-Dmsj8ZQw.js → has-value-CADjf9QZ.js} +1 -1
- package/dist/esm/{heading.interfaces-Ceu7FIWM.js → heading.interfaces-BdLq-Ecc.js} +2 -3
- package/dist/esm/{index-B-v2Wm-V.js → index-MUUOiuTm.js} +75 -1
- package/dist/esm/index.js +10 -10
- package/dist/esm/{listener-DIZDQOuO.js → listener-DiVrGAqj.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{one-of-CjRvS2Tk.js → one-of-rLykP5eX.js} +1 -1
- package/dist/esm/{required-Dtml5IID.js → required-BsfIY-qW.js} +1 -1
- package/dist/esm/{resize.decorator-eogZBBk6.js → resize.decorator-BNy5tJCt.js} +2 -2
- package/dist/esm/{scroll-v2MaEkiZ.js → scroll-D4cC-Fsr.js} +1 -1
- package/dist/esm/{svg-B8KVoKrH.js → svg-D-_px2sY.js} +96 -33
- package/dist/esm/{tslib.es6-n47B6oUi.js → tslib.es6-C7vR-gMn.js} +1 -1
- package/dist/esm/{type-7qEQcw90.js → type-Bqge296W.js} +1 -1
- package/dist/types/components/alert/alert-container.d.ts +5 -6
- package/dist/types/components/alert/alert-container.interfaces.d.ts +1 -1
- package/dist/types/components/alert/snackbar/snackbar.d.ts +10 -6
- package/dist/types/components/alert/toast/toast.d.ts +8 -4
- package/dist/types/components/app/app.d.ts +23 -0
- package/dist/types/components/badge/badge.d.ts +12 -4
- package/dist/types/components/badge/badge.interfaces.d.ts +3 -3
- package/dist/types/components/button/button.interfaces.d.ts +1 -1
- package/dist/types/components/card/card-subtitle/card-subtitle.d.ts +1 -1
- package/dist/types/components/card/card-title/card-title.d.ts +1 -1
- package/dist/types/components/checkbox/checkbox-group/checkbox-group.d.ts +4 -0
- package/dist/types/components/close/close.d.ts +14 -2
- package/dist/types/components/close/close.interfaces.d.ts +1 -1
- package/dist/types/components/content/content.d.ts +6 -6
- package/dist/types/components/content/content.interfaces.d.ts +3 -3
- package/dist/types/components/date/date.d.ts +3 -0
- package/dist/types/components/file-upload/file-upload.d.ts +3 -0
- package/dist/types/components/heading/heading.d.ts +10 -10
- package/dist/types/components/heading/heading.interfaces.d.ts +3 -3
- package/dist/types/components/input/input.d.ts +4 -0
- package/dist/types/components/input-slider/input-slider.d.ts +4 -1
- package/dist/types/components/notification/notification.d.ts +5 -5
- package/dist/types/components/notification/notification.interfaces.d.ts +2 -2
- package/dist/types/components/number-input/number-input.d.ts +4 -0
- package/dist/types/components/radio/radio-group/radio-group.d.ts +4 -0
- package/dist/types/components/segment/segment/segment.d.ts +3 -0
- package/dist/types/components/select/select.d.ts +3 -0
- package/dist/types/components/spinner/spinner.d.ts +8 -7
- package/dist/types/components/spinner/spinner.interfaces.d.ts +1 -1
- package/dist/types/components/stack/stack.d.ts +3 -3
- package/dist/types/components/stack/stack.interfaces.d.ts +2 -2
- package/dist/types/components/textarea/textarea.d.ts +4 -0
- package/dist/types/components.d.ts +29 -74
- package/dist/types/global/token-preview.d.ts +8 -0
- package/dist/types/global/token-preview.types.d.ts +20 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/dist/types/utils/invalid-text-slot.d.ts +9 -0
- package/docs/cem.json +100 -92
- package/docs/components.json +1246 -1409
- package/docs/html.html-data.json +1 -1
- package/docs/visual-pages.json +51 -0
- package/package.json +29 -6
- package/sbom.cdx.json +35379 -17251
- package/components/p--EKmxaBS.js +0 -4
- package/components/p-CA7G72wZ.js +0 -4
- package/components/p-CWDuQL1i.js +0 -4
- package/components/p-Ceu7FIWM.js +0 -4
- package/components/p-DQBzmbR6.js +0 -4
- package/components/p-DY0y8uLL.js +0 -4
- package/components/p-Du7QOHtz.js +0 -5
- package/components/p-FBQaJyH0.js +0 -4
- package/components/p-gz0Nxl39.js +0 -4
- package/components/p-qaSW94OG.js +0 -4
- package/dist/design-system/p-0f2a87fa39.entry.js +0 -4
- package/dist/design-system/p-138be1f0cc.entry.js +0 -4
- package/dist/design-system/p-16b03e0b02.entry.js +0 -4
- package/dist/design-system/p-2bb98dfa2f.entry.js +0 -4
- package/dist/design-system/p-3824068ae7.entry.js +0 -4
- package/dist/design-system/p-3aa3841834.entry.js +0 -4
- package/dist/design-system/p-4284d6d646.entry.js +0 -4
- package/dist/design-system/p-4b2a59576c.entry.js +0 -4
- package/dist/design-system/p-53d9a40010.entry.js +0 -4
- package/dist/design-system/p-5a6c6959fa.entry.js +0 -4
- package/dist/design-system/p-5f28436626.entry.js +0 -4
- package/dist/design-system/p-77e7a6a068.entry.js +0 -4
- package/dist/design-system/p-7ebdd14afc.entry.js +0 -4
- package/dist/design-system/p-7f42c18249.entry.js +0 -4
- package/dist/design-system/p-908e7b073a.entry.js +0 -4
- package/dist/design-system/p-B8KVoKrH.js +0 -5
- package/dist/design-system/p-BPGfTrrM.js +0 -4
- package/dist/design-system/p-Ceu7FIWM.js +0 -4
- package/dist/design-system/p-DYPX3A8m.js +0 -4
- package/dist/design-system/p-DiUgZKWs.js +0 -4
- package/dist/design-system/p-DkhJaoXg.js +0 -4
- package/dist/design-system/p-DypNSUAh.js +0 -4
- package/dist/design-system/p-Z0zrglhd.js +0 -4
- package/dist/design-system/p-a8df8f067b.entry.js +0 -4
- package/dist/design-system/p-aa3c0ff536.entry.js +0 -4
- package/dist/design-system/p-b390490b0d.entry.js +0 -4
- package/dist/design-system/p-b851a43fff.entry.js +0 -4
- package/dist/design-system/p-b8f626bf28.entry.js +0 -4
- package/dist/design-system/p-bd543e1baf.entry.js +0 -4
- package/dist/design-system/p-d4d9205dda.entry.js +0 -4
- package/dist/design-system/p-e0b2d6e296.entry.js +0 -4
- package/dist/design-system/p-e94ee7391c.entry.js +0 -4
- package/dist/design-system/p-faf75173db.entry.js +0 -4
- package/dist/design-system/p-fff38e1ca7.entry.js +0 -4
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var tslib_es6 = require('./tslib.es6-
|
|
8
|
-
var hasValue = require('./has-value-
|
|
6
|
+
var index = require('./index-DD7qcaNz.js');
|
|
7
|
+
var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
|
|
8
|
+
var hasValue = require('./has-value-3s9rhB3K.js');
|
|
9
9
|
var tShirt = require('./t-shirt-AyhbnEdJ.js');
|
|
10
10
|
var card_interfaces = require('./card.interfaces-BnIQxJmW.js');
|
|
11
|
-
var type = require('./type-
|
|
12
|
-
var oneOf = require('./one-of-
|
|
13
|
-
require('./create-validator-decorator-
|
|
11
|
+
var type = require('./type-BcP2cAG-.js');
|
|
12
|
+
var oneOf = require('./one-of-xdIxH9e7.js');
|
|
13
|
+
require('./create-validator-decorator-CiRieHJL.js');
|
|
14
14
|
|
|
15
|
-
const cardHostCss = () => `:host{--_card-position:var(--card-position, var(--mod-card-position, static));--_card-top:var(--card-top, var(--mod-card-top));--_card-right:var(--card-right, var(--mod-card-right));--_card-bottom:var(--card-bottom, var(--mod-card-bottom));--_card-left:var(--card-left, var(--mod-card-left));position:var(--_card-position);top:var(--_card-top);right:var(--_card-right);bottom:var(--_card-bottom);left:var(--_card-left);--_card-m:var(--card-m, var(--mod-card-m, 0));--_card-my:var(--card-my, var(--mod-card-my));--_card-mx:var(--card-mx, var(--mod-card-mx));--_card-ml:var(--card-ml, var(--mod-card-ml));--_card-mr:var(--card-mr, var(--mod-card-mr));--_card-mt:var(--card-mt, var(--mod-card-mt));--_card-mb:var(--card-mb, var(--mod-card-mb));margin:var(--_card-m);margin-inline:var(--_card-mx);margin-block:var(--_card-my);margin-left:var(--_card-ml);margin-right:var(--_card-mr);margin-top:var(--_card-mt);margin-bottom:var(--_card-mb);--_card-color-background:var(--card-color-background, var(--mod-card-color-background, var(--ds-card-color-base-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-base-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-base-border, transparent)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius-base)));--_card-border-width:var(--card-border-width, var(--mod-card-border-width, 0rem));--_card-border-style:var(--card-border-style, var(--mod-card-border-style, solid));--_card-shadow:var(--card-shadow, var(--mod-card-shadow, var(--ds-card-shadow-base)));--_card-gap:var(--card-gap, var(--mod-card-gap, var(--ds-card-space-base-device)));--_card-padding-left:var(--card-padding-left, var(--mod-card-padding-left, var(--ds-card-space-base-device)));--_card-padding-right:var(--card-padding-right, var(--mod-card-padding-right, var(--ds-card-space-base-device)));--_card-padding-top:var(--card-padding-top, var(--mod-card-padding-top, var(--ds-card-space-base-device)));--_card-padding-bottom:var(--card-padding-bottom, var(--mod-card-padding-bottom, var(--ds-card-space-base-device)));--_card-header-grid-template-columns:var(--card-header-grid-template-columns, var(--mod-card-header-grid-template-columns, 1fr auto));--_card-header-margin-left:var(--card-header-margin-left, var(--mod-card-header-margin-left, 0));--_card-header-grid-template-areas:var( --card-header-grid-template-areas, var(--mod-card-header-grid-template-areas, 'title .' 'subtitle subtitle') )}#card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border-color:var(--_card-color-border);border-width:var(--_card-border-width);border-style:var(--_card-border-style);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:calc(var(--_card-padding-left) - var(--_card-border-width));padding-right:calc(var(--_card-padding-right) - var(--_card-border-width));padding-top:calc(var(--_card-padding-top) - var(--_card-border-width));padding-bottom:calc(var(--_card-padding-bottom) - var(--_card-border-width));text-decoration:none}#card .card-header{--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem;--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .card-header{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}#card .card-header ds-icon,#card .card-header ::slotted(ds-icon){grid-area:icon}#card .card-header>.tag,#card .card-header>.tags,#card .card-header>ds-tag,#card .card-header>ds-tag-group,#card .card-header ::slotted(ds-tag),#card .card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .card-header .title,#card .card-header ds-card-title{grid-area:title}#card .card-header>p,#card .card-header .subtitle,#card .card-header ds-card-subtitle{grid-area:subtitle}#card .card-header .title,#card .card-header .subtitle,#card .card-header .heading{margin:0}#card .card-content{font-family:var(--ds-alias-text-family-body);font-weight:var(--ds-alias-text-weight-regular)}#card .card-content strong,#card .card-content b{font-weight:var(--ds-alias-text-weight-bold)}#card .card-content h1,#card .card-content h2,#card .card-content h3,#card .card-content h4,#card .card-content h5,#card .card-content h6,#card .card-content ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-heading-weight)}#card .card-content h1,#card .card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}#card .card-content h2,#card .card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}#card .card-content h3,#card .card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}#card .card-content h4,#card .card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}#card .card-content h5,#card .card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}#card .card-content ds-heading:not(:last-child),#card .card-content h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}#card .card-content h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}#card .card-content ds-text:not(:last-child),#card .card-content p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}#card .card-content p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}#card .card-actions{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){#card .card-actions ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}#card .card-actions ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card .card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .card-actions.as-row{--mod-buttons-direction:row}#card .card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .card-actions.as-col ::slotted(.button),#card .card-actions.as-col .button,#card .card-actions.as-col ::slotted(ds-button),#card .card-actions.as-col ds-button,#card .card-actions.as-col-reverse ::slotted(.button),#card .card-actions.as-col-reverse .button,#card .card-actions.as-col-reverse ::slotted(ds-button),#card .card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .card-actions.as-col.is-center,#card .card-actions.as-col.is-centered,#card .card-actions.as-col-reverse.is-center,#card .card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .card-actions.as-col.is-left,#card .card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .card-actions.as-col.is-right,#card .card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .card-actions.as-row.is-center,#card .card-actions.as-row.is-centered,#card .card-actions.is-center:not(.as-col),#card .card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .card-actions.as-row.is-left,#card .card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .card-actions.as-row.is-right,#card .card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .card-actions.is-wide ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions.is-wide .button:not(.is-square,.is-circle),#card .card-actions.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card.align-center{-ms-flex-align:center;align-items:center;--buttons-align-items:center;--buttons-justify-content:center}#card.align-right{--buttons-align-items:flex-end;--buttons-justify-content:flex-end}:host ::slotted(picture){--picture-img-radius:var(--_card-radius)}:host(.is-fullheight),:host(.is-fullheight) #card{height:100%}:host(.is-fullheight) ::slotted(ds-card-content){height:100%}:host ::slotted(ds-badge){--badge-position:absolute;--badge-top:0;-webkit-transform:translate(calc(50% + var(--_card-gap)), -50%);transform:translate(calc(50% + var(--_card-gap)), -50%);-ms-flex-item-align:end;align-self:flex-end}:host ::slotted(ds-tag[position=left]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=center]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:center;align-self:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=right]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:end;align-self:flex-end;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.is-square){--mod-card-radius:var(--ds-card-radius-square)}:host(.is-flat){--mod-card-radius:var(--ds-card-radius-flat);--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-padding-left:0;--mod-card-padding-right:0;--mod-card-padding-top:0;--mod-card-padding-bottom:0}:host(.is-outlined){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-border-width:var(--ds-card-outline-width);--mod-card-border-style:dashed;--mod-card-color-border:var(--ds-card-color-base-outline, transparent)}:host(.is-white){--mod-card-color-background:var(--ds-card-color-white-background);--mod-card-color-text:var(--ds-card-color-white-text);--mod-card-color-border:var(--ds-card-color-white-border, transparent)}:host(.is-white.is-outlined){--mod-card-color-border:var(--ds-card-color-white-outline, transparent)}:host(.is-primary){--mod-card-color-background:var(--ds-card-color-primary-background);--mod-card-color-text:var(--ds-card-color-primary-text);--mod-card-color-border:var(--ds-card-color-primary-border, transparent)}:host(.is-primary.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-outline, transparent)}:host(.is-primary-light){--mod-card-color-background:var(--ds-card-color-primary-light-background);--mod-card-color-text:var(--ds-card-color-primary-light-text);--mod-card-color-border:var(--ds-card-color-primary-light-border, transparent)}:host(.is-primary-light.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-light-outline, transparent)}:host(.is-info){--mod-card-color-background:var(--ds-card-color-info-background);--mod-card-color-text:var(--ds-card-color-info-text);--mod-card-color-border:var(--ds-card-color-info-border, transparent)}:host(.is-info.is-outlined){--mod-card-color-border:var(--ds-card-color-info-outline, transparent)}:host(.is-success){--mod-card-color-background:var(--ds-card-color-success-background);--mod-card-color-text:var(--ds-card-color-success-text);--mod-card-color-border:var(--ds-card-color-success-border, transparent)}:host(.is-success.is-outlined){--mod-card-color-border:var(--ds-card-color-success-outline, transparent)}:host(.is-warning){--mod-card-color-background:var(--ds-card-color-warning-background);--mod-card-color-text:var(--ds-card-color-warning-text);--mod-card-color-border:var(--ds-card-color-warning-border, transparent)}:host(.is-warning.is-outlined){--mod-card-color-border:var(--ds-card-color-warning-outline, transparent)}:host(.is-danger){--mod-card-color-background:var(--ds-card-color-danger-background);--mod-card-color-text:var(--ds-card-color-danger-text);--mod-card-color-border:var(--ds-card-color-danger-border, transparent)}:host(.is-danger.is-outlined){--mod-card-color-border:var(--ds-card-color-danger-outline, transparent)}:host(.is-grey){--mod-card-color-background:var(--ds-card-color-grey-background);--mod-card-color-text:var(--ds-card-color-grey-text);--mod-card-color-border:var(--ds-card-color-grey-border, transparent)}:host(.is-grey.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-outline, transparent)}:host(.is-grey-light){--mod-card-color-background:var(--ds-card-color-grey-light-background);--mod-card-color-text:var(--ds-card-color-grey-light-text);--mod-card-color-border:var(--ds-card-color-grey-light-border, transparent)}:host(.is-grey-light.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-light-outline, transparent)}:host(.is-red){--mod-card-color-background:var(--ds-card-color-red-background);--mod-card-color-text:var(--ds-card-color-red-text);--mod-card-color-border:var(--ds-card-color-red-border, transparent)}:host(.is-red.is-outlined){--mod-card-color-border:var(--ds-card-color-red-outline, transparent)}:host(.is-red-light){--mod-card-color-background:var(--ds-card-color-red-light-background);--mod-card-color-text:var(--ds-card-color-red-light-text);--mod-card-color-border:var(--ds-card-color-red-light-border, transparent)}:host(.is-red-light.is-outlined){--mod-card-color-border:var(--ds-card-color-red-light-outline, transparent)}:host(.is-red-lighter){--mod-card-color-background:var(--ds-card-color-red-lighter-background);--mod-card-color-text:var(--ds-card-color-red-lighter-text);--mod-card-color-border:var(--ds-card-color-red-lighter-border, transparent)}:host(.is-red-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-red-lighter-outline, transparent)}:host(.is-green){--mod-card-color-background:var(--ds-card-color-green-background);--mod-card-color-text:var(--ds-card-color-green-text);--mod-card-color-border:var(--ds-card-color-green-border, transparent)}:host(.is-green.is-outlined){--mod-card-color-border:var(--ds-card-color-green-outline, transparent)}:host(.is-green-light){--mod-card-color-background:var(--ds-card-color-green-light-background);--mod-card-color-text:var(--ds-card-color-green-light-text);--mod-card-color-border:var(--ds-card-color-green-light-border, transparent)}:host(.is-green-light.is-outlined){--mod-card-color-border:var(--ds-card-color-green-light-outline, transparent)}:host(.is-green-lighter){--mod-card-color-background:var(--ds-card-color-green-lighter-background);--mod-card-color-text:var(--ds-card-color-green-lighter-text);--mod-card-color-border:var(--ds-card-color-green-lighter-border, transparent)}:host(.is-green-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-green-lighter-outline, transparent)}:host(.is-purple){--mod-card-color-background:var(--ds-card-color-purple-background);--mod-card-color-text:var(--ds-card-color-purple-text);--mod-card-color-border:var(--ds-card-color-purple-border, transparent)}:host(.is-purple.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-outline, transparent)}:host(.is-purple-light){--mod-card-color-background:var(--ds-card-color-purple-light-background);--mod-card-color-text:var(--ds-card-color-purple-light-text);--mod-card-color-border:var(--ds-card-color-purple-light-border, transparent)}:host(.is-purple-light.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-light-outline, transparent)}:host(.is-purple-lighter){--mod-card-color-background:var(--ds-card-color-purple-lighter-background);--mod-card-color-text:var(--ds-card-color-purple-lighter-text);--mod-card-color-border:var(--ds-card-color-purple-lighter-border, transparent)}:host(.is-purple-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-lighter-outline, transparent)}:host(.is-yellow){--mod-card-color-background:var(--ds-card-color-yellow-background);--mod-card-color-text:var(--ds-card-color-yellow-text);--mod-card-color-border:var(--ds-card-color-yellow-border, transparent)}:host(.is-yellow.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-outline, transparent)}:host(.is-yellow-light){--mod-card-color-background:var(--ds-card-color-yellow-light-background);--mod-card-color-text:var(--ds-card-color-yellow-light-text);--mod-card-color-border:var(--ds-card-color-yellow-light-border, transparent)}:host(.is-yellow-light.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-light-outline, transparent)}:host(.is-yellow-lighter){--mod-card-color-background:var(--ds-card-color-yellow-lighter-background);--mod-card-color-text:var(--ds-card-color-yellow-lighter-text);--mod-card-color-border:var(--ds-card-color-yellow-lighter-border, transparent)}:host(.is-yellow-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-lighter-outline, transparent)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-space-sm-device)}:host(.has-space-sm:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-sm-device);--mod-card-padding-right:var(--ds-card-space-sm-device);--mod-card-padding-top:var(--ds-card-space-sm-device);--mod-card-padding-bottom:var(--ds-card-space-sm-device)}:host(.has-space-md){--mod-card-gap:var(--ds-card-space-md-device)}:host(.has-space-md:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-md-device);--mod-card-padding-right:var(--ds-card-space-md-device);--mod-card-padding-top:var(--ds-card-space-md-device);--mod-card-padding-bottom:var(--ds-card-space-md-device)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-space-lg-device)}:host(.has-space-lg:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-lg-device);--mod-card-padding-right:var(--ds-card-space-lg-device);--mod-card-padding-top:var(--ds-card-space-lg-device);--mod-card-padding-bottom:var(--ds-card-space-lg-device)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:'icon title .' 'icon subtitle subtitle'}@media screen and (min-width: 769px){:host(.is-tile){--mod-card-padding-left:calc( var(--ds-card-space-base-device) + var(--ds-icon-tile-size-lg-device) + calc(var(--_card-gap) / 2) );--mod-card-header-margin-left:calc(calc(var(--ds-icon-tile-size-lg-device) * -1) - calc(var(--_card-gap) / 2))}}:host(.is-image-teaser) #card{margin-top:calc(var(--_card-gap)*-1*2);margin-left:calc(var(--_card-gap));margin-right:calc(var(--_card-gap));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media screen and (min-width: 769px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:75%;margin-left:calc(var(--_card-gap)*2);margin-right:calc(var(--_card-gap))}}@media screen and (min-width: 1024px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:50%}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-center) #card{margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-right) #card{margin-left:auto;margin-right:calc(var(--_card-gap)*2)}}a.image-link,button.image-link{cursor:pointer}a.image-link picture,button.image-link picture{display:block;overflow:hidden}a.image-link img,button.image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.image-link img:hover,a.image-link img.is-hovered,button.image-link img:hover,button.image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.image-link img:active,a.image-link img.is-pressed,button.image-link img:active,button.image-link img.is-pressed{-webkit-transform:scale(1.1);transform:scale(1.1)}:host{display:block;width:100%}`;
|
|
15
|
+
const cardHostCss = () => `:host{--_card-position:var(--card-position, var(--mod-card-position, static));--_card-top:var(--card-top, var(--mod-card-top));--_card-right:var(--card-right, var(--mod-card-right));--_card-bottom:var(--card-bottom, var(--mod-card-bottom));--_card-left:var(--card-left, var(--mod-card-left));position:var(--_card-position);top:var(--_card-top);right:var(--_card-right);bottom:var(--_card-bottom);left:var(--_card-left);--_card-m:var(--card-m, var(--mod-card-m, 0));--_card-my:var(--card-my, var(--mod-card-my));--_card-mx:var(--card-mx, var(--mod-card-mx));--_card-ml:var(--card-ml, var(--mod-card-ml));--_card-mr:var(--card-mr, var(--mod-card-mr));--_card-mt:var(--card-mt, var(--mod-card-mt));--_card-mb:var(--card-mb, var(--mod-card-mb));margin:var(--_card-m);margin-inline:var(--_card-mx);margin-block:var(--_card-my);margin-left:var(--_card-ml);margin-right:var(--_card-mr);margin-top:var(--_card-mt);margin-bottom:var(--_card-mb);--_card-color-background:var(--card-color-background, var(--mod-card-color-background, var(--ds-card-color-base-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-base-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-base-border, transparent)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius-base)));--_card-border-width:var(--card-border-width, var(--mod-card-border-width, 0rem));--_card-border-style:var(--card-border-style, var(--mod-card-border-style, solid));--_card-shadow:var(--card-shadow, var(--mod-card-shadow, var(--ds-card-shadow-base)));--_card-gap:var(--card-gap, var(--mod-card-gap, var(--ds-card-space-base-device)));--_card-padding-left:var(--card-padding-left, var(--mod-card-padding-left, var(--ds-card-space-base-device)));--_card-padding-right:var(--card-padding-right, var(--mod-card-padding-right, var(--ds-card-space-base-device)));--_card-padding-top:var(--card-padding-top, var(--mod-card-padding-top, var(--ds-card-space-base-device)));--_card-padding-bottom:var(--card-padding-bottom, var(--mod-card-padding-bottom, var(--ds-card-space-base-device)));--_card-header-grid-template-columns:var(--card-header-grid-template-columns, var(--mod-card-header-grid-template-columns, 1fr auto));--_card-header-margin-left:var(--card-header-margin-left, var(--mod-card-header-margin-left, 0));--_card-header-grid-template-areas:var( --card-header-grid-template-areas, var(--mod-card-header-grid-template-areas, 'title .' 'subtitle subtitle') )}#card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border-color:var(--_card-color-border);border-width:var(--_card-border-width);border-style:var(--_card-border-style);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:calc(var(--_card-padding-left) - var(--_card-border-width));padding-right:calc(var(--_card-padding-right) - var(--_card-border-width));padding-top:calc(var(--_card-padding-top) - var(--_card-border-width));padding-bottom:calc(var(--_card-padding-bottom) - var(--_card-border-width));text-decoration:none}#card .card-header{--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem;--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .card-header{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}#card .card-header ds-icon,#card .card-header ::slotted(ds-icon){grid-area:icon}#card .card-header>.tag,#card .card-header>.tags,#card .card-header>ds-tag,#card .card-header>ds-tag-group,#card .card-header ::slotted(ds-tag),#card .card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .card-header .title,#card .card-header ds-card-title{grid-area:title}#card .card-header>p,#card .card-header .subtitle,#card .card-header ds-card-subtitle{grid-area:subtitle}#card .card-header .title,#card .card-header .subtitle,#card .card-header .heading{margin:0}#card .card-content{font-family:var(--ds-alias-text-family-body);font-weight:var(--ds-alias-text-weight-regular)}#card .card-content strong,#card .card-content b{font-weight:var(--ds-alias-text-weight-bold)}#card .card-content h1,#card .card-content h2,#card .card-content h3,#card .card-content h4,#card .card-content h5,#card .card-content h6,#card .card-content ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-heading-font-weight)}#card .card-content h1,#card .card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}#card .card-content h2,#card .card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}#card .card-content h3,#card .card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}#card .card-content h4,#card .card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}#card .card-content h5,#card .card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}#card .card-content ds-heading:not(:last-child),#card .card-content h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}#card .card-content h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}#card .card-content ds-text:not(:last-child),#card .card-content p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}#card .card-content p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}#card .card-actions{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){#card .card-actions ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}#card .card-actions ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card .card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .card-actions.as-row{--mod-buttons-direction:row}#card .card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .card-actions.as-col ::slotted(.button),#card .card-actions.as-col .button,#card .card-actions.as-col ::slotted(ds-button),#card .card-actions.as-col ds-button,#card .card-actions.as-col-reverse ::slotted(.button),#card .card-actions.as-col-reverse .button,#card .card-actions.as-col-reverse ::slotted(ds-button),#card .card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .card-actions.as-col.is-center,#card .card-actions.as-col.is-centered,#card .card-actions.as-col-reverse.is-center,#card .card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .card-actions.as-col.is-left,#card .card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .card-actions.as-col.is-right,#card .card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .card-actions.as-row.is-center,#card .card-actions.as-row.is-centered,#card .card-actions.is-center:not(.as-col),#card .card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .card-actions.as-row.is-left,#card .card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .card-actions.as-row.is-right,#card .card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .card-actions.is-wide ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions.is-wide .button:not(.is-square,.is-circle),#card .card-actions.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card.align-center{-ms-flex-align:center;align-items:center;--buttons-align-items:center;--buttons-justify-content:center}#card.align-right{--buttons-align-items:flex-end;--buttons-justify-content:flex-end}:host ::slotted(picture){--picture-img-radius:var(--_card-radius)}:host(.is-fullheight),:host(.is-fullheight) #card{height:100%}:host(.is-fullheight) ::slotted(ds-card-content){height:100%}:host ::slotted(ds-badge){--badge-position:absolute;--badge-top:0;-webkit-transform:translate(calc(50% + var(--_card-gap)), -50%);transform:translate(calc(50% + var(--_card-gap)), -50%);-ms-flex-item-align:end;align-self:flex-end}:host ::slotted(ds-tag[position=left]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=center]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:center;align-self:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=right]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:end;align-self:flex-end;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.is-square){--mod-card-radius:var(--ds-card-radius-square)}:host(.is-flat){--mod-card-radius:var(--ds-card-radius-flat);--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-padding-left:0;--mod-card-padding-right:0;--mod-card-padding-top:0;--mod-card-padding-bottom:0}:host(.is-outlined){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-border-width:var(--ds-card-outline-width);--mod-card-border-style:dashed;--mod-card-color-border:var(--ds-card-color-base-outline, transparent)}:host(.is-white){--mod-card-color-background:var(--ds-card-color-white-background);--mod-card-color-text:var(--ds-card-color-white-text);--mod-card-color-border:var(--ds-card-color-white-border, transparent)}:host(.is-white.is-outlined){--mod-card-color-border:var(--ds-card-color-white-outline, transparent)}:host(.is-primary){--mod-card-color-background:var(--ds-card-color-primary-background);--mod-card-color-text:var(--ds-card-color-primary-text);--mod-card-color-border:var(--ds-card-color-primary-border, transparent)}:host(.is-primary.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-outline, transparent)}:host(.is-primary-light){--mod-card-color-background:var(--ds-card-color-primary-light-background);--mod-card-color-text:var(--ds-card-color-primary-light-text);--mod-card-color-border:var(--ds-card-color-primary-light-border, transparent)}:host(.is-primary-light.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-light-outline, transparent)}:host(.is-info){--mod-card-color-background:var(--ds-card-color-info-background);--mod-card-color-text:var(--ds-card-color-info-text);--mod-card-color-border:var(--ds-card-color-info-border, transparent)}:host(.is-info.is-outlined){--mod-card-color-border:var(--ds-card-color-info-outline, transparent)}:host(.is-success){--mod-card-color-background:var(--ds-card-color-success-background);--mod-card-color-text:var(--ds-card-color-success-text);--mod-card-color-border:var(--ds-card-color-success-border, transparent)}:host(.is-success.is-outlined){--mod-card-color-border:var(--ds-card-color-success-outline, transparent)}:host(.is-warning){--mod-card-color-background:var(--ds-card-color-warning-background);--mod-card-color-text:var(--ds-card-color-warning-text);--mod-card-color-border:var(--ds-card-color-warning-border, transparent)}:host(.is-warning.is-outlined){--mod-card-color-border:var(--ds-card-color-warning-outline, transparent)}:host(.is-danger){--mod-card-color-background:var(--ds-card-color-danger-background);--mod-card-color-text:var(--ds-card-color-danger-text);--mod-card-color-border:var(--ds-card-color-danger-border, transparent)}:host(.is-danger.is-outlined){--mod-card-color-border:var(--ds-card-color-danger-outline, transparent)}:host(.is-grey){--mod-card-color-background:var(--ds-card-color-grey-background);--mod-card-color-text:var(--ds-card-color-grey-text);--mod-card-color-border:var(--ds-card-color-grey-border, transparent)}:host(.is-grey.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-outline, transparent)}:host(.is-grey-light){--mod-card-color-background:var(--ds-card-color-grey-light-background);--mod-card-color-text:var(--ds-card-color-grey-light-text);--mod-card-color-border:var(--ds-card-color-grey-light-border, transparent)}:host(.is-grey-light.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-light-outline, transparent)}:host(.is-red){--mod-card-color-background:var(--ds-card-color-red-background);--mod-card-color-text:var(--ds-card-color-red-text);--mod-card-color-border:var(--ds-card-color-red-border, transparent)}:host(.is-red.is-outlined){--mod-card-color-border:var(--ds-card-color-red-outline, transparent)}:host(.is-red-light){--mod-card-color-background:var(--ds-card-color-red-light-background);--mod-card-color-text:var(--ds-card-color-red-light-text);--mod-card-color-border:var(--ds-card-color-red-light-border, transparent)}:host(.is-red-light.is-outlined){--mod-card-color-border:var(--ds-card-color-red-light-outline, transparent)}:host(.is-red-lighter){--mod-card-color-background:var(--ds-card-color-red-lighter-background);--mod-card-color-text:var(--ds-card-color-red-lighter-text);--mod-card-color-border:var(--ds-card-color-red-lighter-border, transparent)}:host(.is-red-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-red-lighter-outline, transparent)}:host(.is-green){--mod-card-color-background:var(--ds-card-color-green-background);--mod-card-color-text:var(--ds-card-color-green-text);--mod-card-color-border:var(--ds-card-color-green-border, transparent)}:host(.is-green.is-outlined){--mod-card-color-border:var(--ds-card-color-green-outline, transparent)}:host(.is-green-light){--mod-card-color-background:var(--ds-card-color-green-light-background);--mod-card-color-text:var(--ds-card-color-green-light-text);--mod-card-color-border:var(--ds-card-color-green-light-border, transparent)}:host(.is-green-light.is-outlined){--mod-card-color-border:var(--ds-card-color-green-light-outline, transparent)}:host(.is-green-lighter){--mod-card-color-background:var(--ds-card-color-green-lighter-background);--mod-card-color-text:var(--ds-card-color-green-lighter-text);--mod-card-color-border:var(--ds-card-color-green-lighter-border, transparent)}:host(.is-green-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-green-lighter-outline, transparent)}:host(.is-purple){--mod-card-color-background:var(--ds-card-color-purple-background);--mod-card-color-text:var(--ds-card-color-purple-text);--mod-card-color-border:var(--ds-card-color-purple-border, transparent)}:host(.is-purple.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-outline, transparent)}:host(.is-purple-light){--mod-card-color-background:var(--ds-card-color-purple-light-background);--mod-card-color-text:var(--ds-card-color-purple-light-text);--mod-card-color-border:var(--ds-card-color-purple-light-border, transparent)}:host(.is-purple-light.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-light-outline, transparent)}:host(.is-purple-lighter){--mod-card-color-background:var(--ds-card-color-purple-lighter-background);--mod-card-color-text:var(--ds-card-color-purple-lighter-text);--mod-card-color-border:var(--ds-card-color-purple-lighter-border, transparent)}:host(.is-purple-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-lighter-outline, transparent)}:host(.is-yellow){--mod-card-color-background:var(--ds-card-color-yellow-background);--mod-card-color-text:var(--ds-card-color-yellow-text);--mod-card-color-border:var(--ds-card-color-yellow-border, transparent)}:host(.is-yellow.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-outline, transparent)}:host(.is-yellow-light){--mod-card-color-background:var(--ds-card-color-yellow-light-background);--mod-card-color-text:var(--ds-card-color-yellow-light-text);--mod-card-color-border:var(--ds-card-color-yellow-light-border, transparent)}:host(.is-yellow-light.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-light-outline, transparent)}:host(.is-yellow-lighter){--mod-card-color-background:var(--ds-card-color-yellow-lighter-background);--mod-card-color-text:var(--ds-card-color-yellow-lighter-text);--mod-card-color-border:var(--ds-card-color-yellow-lighter-border, transparent)}:host(.is-yellow-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-lighter-outline, transparent)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-space-sm-device)}:host(.has-space-sm:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-sm-device);--mod-card-padding-right:var(--ds-card-space-sm-device);--mod-card-padding-top:var(--ds-card-space-sm-device);--mod-card-padding-bottom:var(--ds-card-space-sm-device)}:host(.has-space-md){--mod-card-gap:var(--ds-card-space-md-device)}:host(.has-space-md:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-md-device);--mod-card-padding-right:var(--ds-card-space-md-device);--mod-card-padding-top:var(--ds-card-space-md-device);--mod-card-padding-bottom:var(--ds-card-space-md-device)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-space-lg-device)}:host(.has-space-lg:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-lg-device);--mod-card-padding-right:var(--ds-card-space-lg-device);--mod-card-padding-top:var(--ds-card-space-lg-device);--mod-card-padding-bottom:var(--ds-card-space-lg-device)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:'icon title .' 'icon subtitle subtitle'}@media screen and (min-width: 769px){:host(.is-tile){--mod-card-padding-left:calc( var(--ds-card-space-base-device) + var(--ds-icon-tile-size-lg-device) + calc(var(--_card-gap) / 2) );--mod-card-header-margin-left:calc(calc(var(--ds-icon-tile-size-lg-device) * -1) - calc(var(--_card-gap) / 2))}}:host(.is-image-teaser) #card{margin-top:calc(var(--_card-gap)*-1*2);margin-left:calc(var(--_card-gap));margin-right:calc(var(--_card-gap));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media screen and (min-width: 769px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:75%;margin-left:calc(var(--_card-gap)*2);margin-right:calc(var(--_card-gap))}}@media screen and (min-width: 1024px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:50%}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-center) #card{margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-right) #card{margin-left:auto;margin-right:calc(var(--_card-gap)*2)}}a.image-link,button.image-link{cursor:pointer}a.image-link picture,button.image-link picture{display:block;overflow:hidden}a.image-link img,button.image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.image-link img:hover,a.image-link img.is-hovered,button.image-link img:hover,button.image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.image-link img:active,a.image-link img.is-pressed,button.image-link img:active,button.image-link img.is-pressed{-webkit-transform:scale(1.1);transform:scale(1.1)}:host{display:block;width:100%}`;
|
|
16
16
|
|
|
17
17
|
const Card = class {
|
|
18
18
|
constructor(hostRef) {
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var tslib_es6 = require('./tslib.es6-
|
|
6
|
+
var index = require('./index-DD7qcaNz.js');
|
|
7
|
+
var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
|
|
8
8
|
var carousel_interfaces = require('./carousel.interfaces-BFQpUNrw.js');
|
|
9
|
-
var oneOf = require('./one-of-
|
|
10
|
-
var type = require('./type-
|
|
11
|
-
var required = require('./required-
|
|
12
|
-
require('./create-validator-decorator-
|
|
9
|
+
var oneOf = require('./one-of-xdIxH9e7.js');
|
|
10
|
+
var type = require('./type-BcP2cAG-.js');
|
|
11
|
+
var required = require('./required-Dh6TQNa1.js');
|
|
12
|
+
require('./create-validator-decorator-CiRieHJL.js');
|
|
13
13
|
|
|
14
14
|
const carouselItemHostCss = () => `:host(.is-slide){display:block;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;scroll-snap-align:start;overflow:hidden;border-radius:var(--ds-alias-radius-base)}:host(.is-slide) img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}:host(.is-tile){position:relative;-ms-flex:0 0 var(--carousel-item-width, auto);flex:0 0 var(--carousel-item-width, auto);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.5rem;padding:1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--ds-alias-background-color-grey);cursor:pointer;outline:none;-webkit-transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease,-webkit-box-shadow 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-tile):hover{background-color:var(--ds-alias-background-color-grey-hover)}}:host(.is-tile):active{background-color:var(--ds-alias-background-color-grey-active)}@media (hover: hover)and (pointer: fine){:host(.is-tile:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host(.is-tile.is-selected){background-color:var(--ds-alias-background-color-primary-light)}:host(.is-tile.is-purple){background-color:var(--ds-alias-background-color-purple-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-purple):hover{background-color:var(--ds-alias-background-color-purple-light)}}:host(.is-tile.is-purple):active{background-color:var(--ds-alias-background-color-purple)}:host(.is-tile.is-green){background-color:var(--ds-alias-background-color-green-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-green):hover{background-color:var(--ds-alias-background-color-green-light)}}:host(.is-tile.is-green):active{background-color:var(--ds-alias-background-color-green)}:host(.is-tile.is-red){background-color:var(--ds-alias-background-color-red-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-red):hover{background-color:var(--ds-alias-background-color-red-light)}}:host(.is-tile.is-red):active{background-color:var(--ds-alias-background-color-red)}:host(.is-tile.is-yellow){background-color:var(--ds-alias-background-color-yellow-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-yellow):hover{background-color:var(--ds-alias-background-color-yellow-light)}}:host(.is-tile.is-yellow):active{background-color:var(--ds-alias-background-color-yellow)}:host(.is-tile.is-navigation){padding:0;cursor:default}:host(.is-tile.is-navigation) ::slotted(a){-ms-flex:1;flex:1;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-radius:inherit;color:inherit;text-decoration:none;text-align:center;font-size:inherit;line-height:inherit;outline:none}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}`;
|
|
15
15
|
|
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var tslib_es6 = require('./tslib.es6-
|
|
8
|
-
var formControl = require('./form-control-
|
|
6
|
+
var index = require('./index-DD7qcaNz.js');
|
|
7
|
+
var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
|
|
8
|
+
var formControl = require('./form-control-CmRONWa7.js');
|
|
9
9
|
var carousel_interfaces = require('./carousel.interfaces-BFQpUNrw.js');
|
|
10
|
-
var config_decorator = require('./config.decorator-
|
|
11
|
-
var oneOf = require('./one-of-
|
|
12
|
-
var type = require('./type-
|
|
13
|
-
require('./config.utils-
|
|
14
|
-
require('./create-validator-decorator-
|
|
10
|
+
var config_decorator = require('./config.decorator-bU7c6ybP.js');
|
|
11
|
+
var oneOf = require('./one-of-xdIxH9e7.js');
|
|
12
|
+
var type = require('./type-BcP2cAG-.js');
|
|
13
|
+
require('./config.utils-BhJig3l5.js');
|
|
14
|
+
require('./create-validator-decorator-CiRieHJL.js');
|
|
15
15
|
|
|
16
16
|
const i18nDsCarousel = {
|
|
17
17
|
de: {
|
|
@@ -3,17 +3,17 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var tslib_es6 = require('./tslib.es6-
|
|
8
|
-
var field_util = require('./field.util-
|
|
6
|
+
var index = require('./index-DD7qcaNz.js');
|
|
7
|
+
var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
|
|
8
|
+
var field_util = require('./field.util-C7hgA41e.js');
|
|
9
9
|
var array = require('./array-CYn4ALBt.js');
|
|
10
|
-
var formControl = require('./form-control-
|
|
11
|
-
var hasValue = require('./has-value-
|
|
10
|
+
var formControl = require('./form-control-CmRONWa7.js');
|
|
11
|
+
var hasValue = require('./has-value-3s9rhB3K.js');
|
|
12
12
|
var input_interfaces = require('./input.interfaces-YapUUaRx.js');
|
|
13
13
|
var checkbox_interfaces = require('./checkbox.interfaces-CboipPFV.js');
|
|
14
|
-
var oneOf = require('./one-of-
|
|
15
|
-
var type = require('./type-
|
|
16
|
-
var config_decorator = require('./config.decorator-
|
|
14
|
+
var oneOf = require('./one-of-xdIxH9e7.js');
|
|
15
|
+
var type = require('./type-BcP2cAG-.js');
|
|
16
|
+
var config_decorator = require('./config.decorator-bU7c6ybP.js');
|
|
17
17
|
require('./aria-C3Tx6AHY.js');
|
|
18
18
|
require('./label.i18n-C00ZY0P9.js');
|
|
19
19
|
require('./_commonjsHelpers-DVhpm0hL.js');
|
|
@@ -21,8 +21,8 @@ require('./_getTag-DxZgmSPS.js');
|
|
|
21
21
|
require('./isObjectLike-BNz6hnAu.js');
|
|
22
22
|
require('./isArray-DvQst6zQ.js');
|
|
23
23
|
require('./isNil-DuJ_OV5R.js');
|
|
24
|
-
require('./create-validator-decorator-
|
|
25
|
-
require('./config.utils-
|
|
24
|
+
require('./create-validator-decorator-CiRieHJL.js');
|
|
25
|
+
require('./config.utils-BhJig3l5.js');
|
|
26
26
|
|
|
27
27
|
const checkboxGroupHostCss = () => `:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-checkbox-group-description-color:var(--ds-form-description-color-danger)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-checkbox-group-label-color:var(--ds-form-label-color-disabled);--mod-checkbox-group-description-color:var(--ds-form-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}`;
|
|
28
28
|
|
|
@@ -43,6 +43,7 @@ const CheckboxGroup = class {
|
|
|
43
43
|
this.language = index.defaultConfig.language;
|
|
44
44
|
this.region = index.defaultConfig.region;
|
|
45
45
|
this.internalValue = [];
|
|
46
|
+
this.hasInvalidTextSlotContent = false;
|
|
46
47
|
/**
|
|
47
48
|
* PUBLIC PROPERTY API
|
|
48
49
|
* ------------------------------------------------------
|
|
@@ -170,9 +171,16 @@ const CheckboxGroup = class {
|
|
|
170
171
|
*/
|
|
171
172
|
connectedCallback() {
|
|
172
173
|
this.valueChanged();
|
|
174
|
+
this.disconnectInvalidTextSlotWatcher = field_util.watchInvalidTextSlot(this.el, hasContent => {
|
|
175
|
+
this.hasInvalidTextSlotContent = hasContent;
|
|
176
|
+
});
|
|
173
177
|
this.passDownAttributes();
|
|
174
178
|
this.internals.setFormValue(this.internalValue.join(','));
|
|
175
179
|
}
|
|
180
|
+
disconnectedCallback() {
|
|
181
|
+
var _a;
|
|
182
|
+
(_a = this.disconnectInvalidTextSlotWatcher) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
183
|
+
}
|
|
176
184
|
componentWillLoad() {
|
|
177
185
|
this.handleValueChange();
|
|
178
186
|
}
|
|
@@ -250,6 +258,7 @@ const CheckboxGroup = class {
|
|
|
250
258
|
return Array.from(this.el.querySelectorAll('ds-checkbox'));
|
|
251
259
|
}
|
|
252
260
|
passDownAttributes() {
|
|
261
|
+
const isInvalid = this.invalid || this.hasInvalidTextSlotContent;
|
|
253
262
|
this.getCheckboxes().forEach(checkbox => {
|
|
254
263
|
var _a;
|
|
255
264
|
if (this.control) {
|
|
@@ -259,9 +268,7 @@ const CheckboxGroup = class {
|
|
|
259
268
|
if (hasValue.hasValue(this.readonly)) {
|
|
260
269
|
checkbox.readonly = this.readonly;
|
|
261
270
|
}
|
|
262
|
-
|
|
263
|
-
checkbox.invalid = this.invalid;
|
|
264
|
-
}
|
|
271
|
+
checkbox.invalid = isInvalid;
|
|
265
272
|
}
|
|
266
273
|
checkbox.name = this.name;
|
|
267
274
|
checkbox.labelPosition = this.labelPosition;
|
|
@@ -291,10 +298,10 @@ const CheckboxGroup = class {
|
|
|
291
298
|
* ------------------------------------------------------
|
|
292
299
|
*/
|
|
293
300
|
render() {
|
|
294
|
-
return (index.h(field_util.Field, { key: '
|
|
301
|
+
return (index.h(field_util.Field, { key: '585b8478c2f8caed4f3f5f8d243f7cd3bb0573d7', role: "fieldset", disabled: this.disabled, color: this.color, invalid: this.invalid || this.hasInvalidTextSlotContent, loading: this.loading, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, cssClasses: {
|
|
295
302
|
'is-vertical': this.vertical,
|
|
296
303
|
'is-tile': this.tile,
|
|
297
|
-
} }, index.h("slot", { key: '
|
|
304
|
+
} }, index.h("slot", { key: 'ee909dfcbb89215398c98fdf30252b7db6fbfbd5', onSlotchange: this.handleSlotChange })));
|
|
298
305
|
}
|
|
299
306
|
static get formAssociated() { return true; }
|
|
300
307
|
get el() { return index.getElement(this); }
|
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var tslib_es6 = require('./tslib.es6-
|
|
6
|
+
var index = require('./index-DD7qcaNz.js');
|
|
7
|
+
var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
|
|
8
8
|
var attributes = require('./attributes-D57TMQsY.js');
|
|
9
|
-
var hasValue = require('./has-value-
|
|
9
|
+
var hasValue = require('./has-value-3s9rhB3K.js');
|
|
10
10
|
var checkbox_interfaces = require('./checkbox.interfaces-CboipPFV.js');
|
|
11
|
-
var type = require('./type-
|
|
12
|
-
var required = require('./required-
|
|
13
|
-
var oneOf = require('./one-of-
|
|
14
|
-
require('./create-validator-decorator-
|
|
11
|
+
var type = require('./type-BcP2cAG-.js');
|
|
12
|
+
var required = require('./required-Dh6TQNa1.js');
|
|
13
|
+
var oneOf = require('./one-of-xdIxH9e7.js');
|
|
14
|
+
require('./create-validator-decorator-CiRieHJL.js');
|
|
15
15
|
|
|
16
16
|
const checkboxHostCss = () => `:host{--_checkbox-gap:var(--checkbox-gap, var(--mod-checkbox-gap, 0.5rem));--_checkbox-label-base-color:var(--checkbox-label-base-color, var(--mod-checkbox-label-base-color, inherit));--_checkbox-label-hover-color:var(--checkbox-label-hover-color, var(--mod-checkbox-label-hover-color, var(--ds-global-color-sky-5)));--_checkbox-label-active-color:var(--checkbox-label-active-color, var(--mod-checkbox-label-active-color, var(--ds-global-color-primary-6)));--_checkbox-size:var(--checkbox-size, var(--mod-checkbox-size, 1.5rem));--_checkbox-border-width:var(--checkbox-border-width, var(--mod-checkbox-border-width, var(--ds-alias-border-width-base)));--_checkbox-radius:var(--checkbox-radius, var(--mod-checkbox-radius, var(--ds-alias-radius-base)));--_checkbox-tile-radius:var(--checkbox-tile-radius, var(--mod-checkbox-tile-radius, var(--ds-alias-radius-base)));--_checkbox-tile-padding:var(--checkbox-tile-padding, var(--mod-checkbox-tile-padding, 1rem));--_checkbox-tile-border-width:var(--checkbox-tile-border-width, var(--mod-checkbox-tile-border-width, var(--ds-alias-border-width-base)));--_checkbox-tile-base-background-color:var(--checkbox-tile-base-background-color, var(--mod-checkbox-tile-base-background-color, inherit));--_checkbox-tile-base-border-color:var(--checkbox-tile-base-border-color, var(--mod-checkbox-tile-base-border-color, var(--ds-global-color-grey-3)));--_checkbox-tile-hover-background-color:var(--checkbox-tile-hover-background-color, var(--mod-checkbox-tile-hover-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-hover-border-color:var(--checkbox-tile-hover-border-color, var(--mod-checkbox-tile-hover-border-color, var(--ds-global-color-sky-5)));--_checkbox-tile-active-background-color:var(--checkbox-tile-active-background-color, var(--mod-checkbox-tile-active-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-active-border-color:var(--checkbox-tile-active-border-color, var(--mod-checkbox-tile-active-border-color, var(--ds-global-color-primary-6)));--_checkbox-unchecked-base-color-background:var(--checkbox-unchecked-base-color-background, var(--mod-checkbox-unchecked-base-color-background, transparent));--_checkbox-unchecked-base-color-border:var(--checkbox-unchecked-base-color-border, var(--mod-checkbox-unchecked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-unchecked-hover-color-background:var(--checkbox-unchecked-hover-color-background, var(--mod-checkbox-unchecked-hover-color-background, var(--ds-global-color-grey-1)));--_checkbox-unchecked-hover-color-border:var(--checkbox-unchecked-hover-color-border, var(--mod-checkbox-unchecked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-unchecked-active-color-background:var(--checkbox-unchecked-active-color-background, var(--mod-checkbox-unchecked-active-color-background, var(--ds-global-color-grey-2)));--_checkbox-unchecked-active-color-border:var(--checkbox-unchecked-active-color-border, var(--mod-checkbox-unchecked-active-color-border, var(--ds-global-color-primary-6)));--_checkbox-checked-base-color-background:var(--checkbox-checked-base-color-background, var(--mod-checkbox-checked-base-color-background, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-border:var(--checkbox-checked-base-color-border, var(--mod-checkbox-checked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-icon:var(--checkbox-checked-base-color-icon, var(--mod-checkbox-checked-base-color-icon, var(--ds-global-color-white)));--_checkbox-checked-hover-color-background:var(--checkbox-checked-hover-color-background, var(--mod-checkbox-checked-hover-color-background, var(--ds-global-color-sky-5)));--_checkbox-checked-hover-color-border:var(--checkbox-checked-hover-color-border, var(--mod-checkbox-checked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-checked-active-color-background:var(--checkbox-checked-active-color-background, var(--mod-checkbox-checked-active-color-background, var(--ds-global-color-primary-6)));--_checkbox-checked-active-color-border:var(--checkbox-checked-active-color-border, var(--mod-checkbox-checked-active-color-border, var(--ds-global-color-primary-6)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_checkbox-gap);cursor:pointer;user-select:none;color:var(--_checkbox-label-base-color);font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base);padding-top:.25rem;padding-bottom:.25rem;min-height:3rem}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_checkbox-label-hover-color)}}label:active{color:var(--_checkbox-label-active-color)}:host input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_checkbox-size);height:var(--_checkbox-size);background:var(--_checkbox-unchecked-base-color-background);border:var(--_checkbox-border-width) solid var(--_checkbox-unchecked-base-color-border);border-radius:var(--_checkbox-radius);vertical-align:top;cursor:pointer;-webkit-transition:background .3s ease-in-out,border-color .3s ease-in-out;transition:background .3s ease-in-out,border-color .3s ease-in-out}:host input[type=checkbox]:disabled{cursor:default}:host input[type=checkbox]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--ds-alias-interaction-focus-color-base);outline-offset:2px;border-radius:var(--_checkbox-radius)}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-hover-color-background);border-color:var(--_checkbox-unchecked-hover-color-border)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-active-color-background);border-color:var(--_checkbox-unchecked-active-color-border)}:host input[type=checkbox]:checked{background:var(--_checkbox-checked-base-color-background);border-color:var(--_checkbox-checked-base-color-border)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-hover-color-background);border-color:var(--_checkbox-checked-hover-color-border)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-active-color-background);border-color:var(--_checkbox-checked-active-color-border)}:host input[type=checkbox]::after{display:block;content:"";width:100%;height:100%;-webkit-mask-size:70%;mask-size:70%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;opacity:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}:host input[type=checkbox]:checked::after{background-color:var(--_checkbox-checked-base-color-icon);opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>")}:host(.is-invalid:not(.is-disabled)){--mod-checkbox-label-base-color:var(--ds-global-color-danger-4);--mod-checkbox-label-hover-color:var(--ds-global-color-danger-5);--mod-checkbox-label-active-color:var(--ds-global-color-danger-6);--mod-checkbox-unchecked-base-color-background:transparent;--mod-checkbox-unchecked-base-color-border:var(--ds-divider-color-danger);--mod-checkbox-unchecked-hover-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-checkbox-unchecked-active-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-active-color-border:var(--ds-divider-color-danger-darker);--mod-checkbox-checked-base-color-background:var(--ds-divider-color-danger);--mod-checkbox-checked-base-color-border:var(--ds-divider-color-danger);--mod-checkbox-checked-hover-color-background:var(--ds-divider-color-danger-dark);--mod-checkbox-checked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-checkbox-checked-active-color-background:var(--ds-divider-color-danger-darker);--mod-checkbox-checked-active-color-border:var(--ds-divider-color-danger-darker)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-checkbox-label-base-color:var(--ds-global-color-grey-5);--mod-checkbox-label-hover-color:var(--ds-global-color-grey-5);--mod-checkbox-label-active-color:var(--ds-global-color-grey-5);--mod-checkbox-unchecked-base-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-base-color-border:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-background:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-border:var(--ds-alias-border-color-disabled)}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.is-tile){display:block;-ms-flex:0 0 100%;flex:0 0 100%}:host(.is-tile) label{width:100%;height:100%;padding:var(--_checkbox-tile-padding);border-style:solid;border-width:var(--_checkbox-tile-border-width);border-radius:var(--_checkbox-tile-radius);border-color:var(--_checkbox-tile-base-border-color);background:var(--_checkbox-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_checkbox-tile-hover-border-color);background:var(--_checkbox-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_checkbox-tile-active-border-color);background:var(--_checkbox-tile-active-background-color)}:host(.is-tile.is-checked){--mod-checkbox-tile-base-border-color:var(--_checkbox-checked-base-color-background)}:host(.is-tile.hide-trigger) label{position:relative}:host(.is-tile.hide-trigger) input[type=checkbox]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host(.is-tile.hide-trigger.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-primary-1)}:host(.is-tile.has-tile-green.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-green-1)}:host(.is-tile.has-tile-red.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-red-1)}:host(.is-tile.has-tile-yellow.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-yellow-1)}:host(.is-tile.has-tile-purple.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-purple-1)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-checkbox-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-checkbox-tile-active-border-color:var(--ds-global-color-danger-6)}:host(.is-tile.is-invalid) label{--icon-brand-color:var(--ds-global-color-danger-4)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-invalid) label:hover{--icon-brand-color:var(--ds-global-color-danger-5)}}:host(.is-tile.is-invalid) label:active{--icon-brand-color:var(--ds-global-color-danger-6)}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (max-width: 768px){:host(.is-tile.has-cols-2-mobile){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2-tablet){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 1024px){:host(.is-tile.has-cols-2-desktop){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}`;
|
|
17
17
|
|